
:root{--cpf-bg:#07070a;--cpf-panel:#111118;--cpf-text:#fff;--cpf-muted:#b9b9c6;--cpf-pink:#ff3cac;--cpf-purple:#784ba0;--cpf-cyan:#2b86c5;--cpf-green:#24ff99;--cpf-line:rgba(255,255,255,.11)}
.cpf-site,.cpf-site *{box-sizing:border-box}
.cpf-site{background:radial-gradient(circle at 12% 10%,rgba(120,75,160,.24),transparent 28%),radial-gradient(circle at 88% 22%,rgba(43,134,197,.18),transparent 26%),var(--cpf-bg);color:var(--cpf-text);font-family:Arial,Helvetica,sans-serif;line-height:1.5;overflow:hidden}
.cpf-site img{display:block;width:100%}
.cpf-site a{text-decoration:none;color:inherit}
.cpf-container{width:min(1180px,92%);margin:auto}
.cpf-header{position:sticky;top:0;z-index:999;background:rgba(7,7,10,.82);backdrop-filter:blur(14px);border-bottom:1px solid var(--cpf-line)}
.cpf-nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.cpf-brand{font-weight:900;letter-spacing:.035em}
.cpf-brand span{background:linear-gradient(90deg,var(--cpf-pink),var(--cpf-purple),var(--cpf-cyan));-webkit-background-clip:text;background-clip:text;color:transparent}
.cpf-links{display:flex;align-items:center;gap:28px;color:#ddd;font-size:15px}
.cpf-nav-cta,.cpf-btn{border-radius:999px;font-weight:800}
.cpf-nav-cta{padding:11px 18px;background:linear-gradient(90deg,var(--cpf-pink),var(--cpf-purple),var(--cpf-cyan))}
.cpf-menu-toggle{display:none;border:1px solid var(--cpf-line);background:#111;color:#fff;border-radius:10px;padding:8px 12px;font-size:20px}
.cpf-hero{min-height:calc(100vh - 76px);display:grid;align-items:center;padding:72px 0}
.cpf-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}
.cpf-kicker{font-size:12px;font-weight:900;letter-spacing:.14em;color:#d8d8e1;margin-bottom:18px}
.cpf-copy h1,.cpf-heading-row h2,.cpf-about h2,.cpf-cta h2{margin:0;font-weight:1000;letter-spacing:-.055em;line-height:.92}
.cpf-copy h1{font-size:clamp(54px,7vw,104px)}
.cpf-copy h1 span,.cpf-cta h2 span{background:linear-gradient(100deg,var(--cpf-pink),#ff8de1,var(--cpf-cyan),var(--cpf-green));-webkit-background-clip:text;background-clip:text;color:transparent}
.cpf-copy>p{color:var(--cpf-muted);font-size:18px;line-height:1.75;max-width:650px;margin:25px 0 0}
.cpf-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.cpf-btn{min-height:52px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;transition:.25s ease}
.cpf-primary{background:linear-gradient(90deg,var(--cpf-pink),var(--cpf-purple),var(--cpf-cyan));box-shadow:0 12px 40px rgba(255,60,172,.22)}
.cpf-secondary{background:rgba(255,255,255,.04);border-color:var(--cpf-line)}
.cpf-btn:hover{transform:translateY(-2px);filter:brightness(1.08)}
.cpf-stats{display:flex;gap:28px;flex-wrap:wrap;margin-top:34px}
.cpf-stats strong{display:block;font-size:20px}
.cpf-stats small{display:block;color:var(--cpf-muted);margin-top:3px}
.cpf-hero-photo-wrap{position:relative}
.cpf-hero-photo{height:670px;object-fit:cover;border-radius:30px;border:1px solid rgba(255,255,255,.16);box-shadow:0 25px 80px rgba(0,0,0,.5)}
.cpf-float-card{position:absolute;left:-42px;bottom:38px;width:215px;padding:18px;border-radius:20px;background:rgba(10,10,15,.86);backdrop-filter:blur(14px);border:1px solid var(--cpf-line)}
.cpf-float-card b,.cpf-float-card span{display:block}.cpf-float-card span{color:var(--cpf-muted);font-size:13px;margin-top:5px}
.cpf-section{padding:100px 0}
.cpf-heading-row{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:42px}
.cpf-heading-row h2{font-size:clamp(44px,5vw,76px)}
.cpf-heading-row p{max-width:530px;color:var(--cpf-muted);line-height:1.75}
.cpf-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.cpf-service-grid article{min-height:260px;padding:28px;border-radius:22px;border:1px solid var(--cpf-line);background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025))}
.cpf-service-grid span{font-size:12px;color:var(--cpf-green);font-weight:900;letter-spacing:.15em}
.cpf-service-grid h3{font-size:21px;margin:42px 0 11px}
.cpf-service-grid p{color:var(--cpf-muted);font-size:15px;line-height:1.7}
.cpf-gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.cpf-gallery figure{margin:0;position:relative;overflow:hidden;border-radius:24px;border:1px solid var(--cpf-line);min-height:360px}
.cpf-gallery figure:nth-child(1){grid-column:span 7}.cpf-gallery figure:nth-child(2){grid-column:span 5}.cpf-gallery figure:nth-child(n+3){grid-column:span 4}
.cpf-gallery img{height:100%;object-fit:cover;transition:.45s ease}.cpf-gallery figure:hover img{transform:scale(1.045)}
.cpf-gallery figcaption{position:absolute;inset:auto 0 0;padding:25px;font-weight:800;background:linear-gradient(transparent,rgba(0,0,0,.9))}
.cpf-about{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.cpf-about h2{font-size:clamp(42px,5vw,72px)}
.cpf-about p{color:var(--cpf-muted);font-size:17px;line-height:1.8;margin-top:0}
.cpf-cta{text-align:center;padding:72px 38px;border-radius:34px;border:1px solid var(--cpf-line);background:linear-gradient(120deg,rgba(255,60,172,.18),rgba(120,75,160,.2),rgba(43,134,197,.18)),#101015}
.cpf-cta h2{font-size:clamp(46px,6vw,86px)}
.cpf-cta>p{max-width:690px;margin:22px auto 0;color:var(--cpf-muted);font-size:17px;line-height:1.75}
.cpf-center{justify-content:center}
.cpf-note{font-size:12px!important;opacity:.65}
.cpf-footer{border-top:1px solid var(--cpf-line);padding:34px 0;color:#aaa}
.cpf-footer .cpf-container{display:flex;justify-content:space-between;gap:20px}
@media(max-width:900px){.cpf-hero-grid{grid-template-columns:1fr}.cpf-hero-photo{height:560px}.cpf-float-card{left:18px}.cpf-service-grid{grid-template-columns:repeat(2,1fr)}.cpf-gallery figure,.cpf-gallery figure:nth-child(n){grid-column:span 6}.cpf-about{grid-template-columns:1fr}.cpf-links{display:none;position:absolute;top:76px;left:0;right:0;padding:24px;background:#0a0a0f;flex-direction:column;align-items:flex-start}.cpf-links.cpf-open{display:flex}.cpf-menu-toggle{display:block}}
@media(max-width:620px){.cpf-copy h1{font-size:56px}.cpf-hero-photo{height:470px}.cpf-heading-row{display:block}.cpf-service-grid{grid-template-columns:1fr}.cpf-gallery figure,.cpf-gallery figure:nth-child(n){grid-column:span 12;min-height:430px}.cpf-cta{padding:50px 22px}.cpf-footer .cpf-container{display:block;text-align:center}.cpf-footer span{display:block;margin:6px 0}}
