:root{--bg:#060711;--bg2:#0d1020;--card:#101427;--text:#f7f7fb;--muted:#aeb3c8;--gold:#f7c84b;--pink:#f02bbd;--cyan:#21c8ff;--purple:#8f4bff;--line:rgba(255,255,255,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 15% 10%,rgba(240,43,189,.12),transparent 30%),radial-gradient(circle at 85% 5%,rgba(33,200,255,.12),transparent 28%),var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.container{width:min(1160px,calc(100% - 40px));margin:auto}.nav-wrap{position:sticky;top:0;z-index:20;background:rgba(6,7,17,.74);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-weight:700}.brand img{width:46px;height:46px;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.18)}.nav-links{display:flex;gap:28px;align-items:center}.nav-links a{color:#dfe2ef;text-decoration:none;font-size:14px}.menu-btn{display:none;background:none;color:#fff;border:0;font-size:26px}.btn{display:inline-flex;justify-content:center;align-items:center;padding:14px 22px;border-radius:999px;color:#070914;text-decoration:none;font-weight:700;background:linear-gradient(100deg,var(--gold),#ff8e4a,var(--pink),var(--cyan));box-shadow:0 10px 30px rgba(240,43,189,.22);transition:.25s}.btn:hover{transform:translateY(-2px)}.btn-sm{padding:10px 17px!important}.btn-ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.25);box-shadow:none}.hero{min-height:calc(100vh - 78px);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px;padding-block:80px}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:12px;font-weight:700;color:#75dcff;margin-bottom:18px}.hero h1,.section-head h2,.contact-card h2,.proof-card h2{font-family:'Playfair Display',serif;line-height:1.05;margin:0}.hero h1{font-size:clamp(48px,6vw,84px);max-width:760px}.hero h1 span{background:linear-gradient(90deg,var(--gold),var(--pink),var(--cyan));-webkit-background-clip:text;color:transparent}.hero-copy>p{font-size:18px;line-height:1.75;color:var(--muted);max-width:670px;margin:26px 0 32px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.mini-stats{display:flex;gap:36px;margin-top:44px;padding-top:28px;border-top:1px solid var(--line)}.mini-stats div{display:flex;flex-direction:column}.mini-stats strong{font-size:19px}.mini-stats span{font-size:12px;color:var(--muted);margin-top:4px}.hero-visual{position:relative;display:flex;align-items:center;justify-content:center}.hero-logo{width:min(520px,100%);aspect-ratio:1;border-radius:50%;object-fit:cover;position:relative;z-index:2;filter:drop-shadow(0 30px 70px rgba(0,0,0,.5))}.glow-ring{position:absolute;width:95%;aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--pink),var(--cyan),var(--purple),var(--gold),var(--pink));filter:blur(45px);opacity:.28;animation:spin 11s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.floating-card{position:absolute;z-index:3;padding:12px 18px;border-radius:14px;background:rgba(11,15,31,.76);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px);font-weight:700;font-size:13px}.card-one{top:18%;left:-3%}.card-two{bottom:13%;right:-3%}.section{padding:110px 0}.section-head{max-width:760px;margin-bottom:48px}.section-head.center{text-align:center;margin-left:auto;margin-right:auto}.section-head h2{font-size:clamp(38px,5vw,62px)}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.portrait img{width:100%;height:600px;object-fit:cover;object-position:center;border-radius:28px;border:1px solid var(--line)}.about-copy p{font-size:18px;line-height:1.85;color:var(--muted)}.quote{margin:28px 0;padding:24px;border-left:3px solid var(--pink);font-family:'Playfair Display',serif;font-size:26px;background:linear-gradient(90deg,rgba(240,43,189,.1),transparent)}.text-link{color:#79ddff;text-decoration:none;font-weight:700}.services-section{background:linear-gradient(180deg,transparent,rgba(11,14,29,.8),transparent)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));border:1px solid var(--line);border-radius:22px;padding:28px;min-height:250px;transition:.25s}.service-card:hover{transform:translateY(-6px);border-color:rgba(33,200,255,.5)}.service-card span{color:var(--gold);font-weight:700}.service-card h3{font-size:24px;margin:48px 0 12px}.service-card p{color:var(--muted);line-height:1.65}.timeline{position:relative;margin-left:12px}.timeline:before{content:"";position:absolute;left:8px;top:8px;bottom:8px;width:1px;background:linear-gradient(var(--pink),var(--cyan))}.timeline-item{display:grid;grid-template-columns:40px 1fr;gap:20px;padding:0 0 42px}.dot{width:17px;height:17px;border-radius:50%;background:linear-gradient(var(--pink),var(--cyan));box-shadow:0 0 24px var(--pink);margin-top:6px;position:relative;z-index:2}.timeline-item small{color:#79ddff;text-transform:uppercase;letter-spacing:.15em}.timeline-item h3{font-size:26px;margin:8px 0}.timeline-item p{color:var(--muted);margin:0;line-height:1.7}.gallery-section{background:#090b16}.gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:250px;gap:12px}.gallery img{width:100%;height:100%;object-fit:cover;border-radius:16px;border:1px solid var(--line);transition:.3s}.gallery img:hover{transform:scale(1.015);filter:brightness(1.08)}.gallery .tall{grid-row:span 2}.gallery .wide{grid-column:span 2}.proof-card{display:grid;grid-template-columns:1fr 1fr;gap:40px;background:linear-gradient(135deg,rgba(240,43,189,.12),rgba(33,200,255,.08));border:1px solid var(--line);border-radius:30px;padding:45px}.proof-card h2{font-size:46px}.proof-card p{color:var(--muted);line-height:1.7}.proof-images{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.proof-images img{width:100%;height:360px;object-fit:cover;object-position:top;border-radius:14px}.contact-section{padding-top:30px}.contact-card{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center;padding:55px;border-radius:30px;background:linear-gradient(120deg,rgba(247,200,75,.13),rgba(240,43,189,.12),rgba(33,200,255,.12));border:1px solid var(--line)}.contact-card h2{font-size:50px}.contact-card p{color:var(--muted);line-height:1.7}.contact-actions{display:flex;flex-direction:column;gap:12px}.contact-actions small{color:#8f95aa;text-align:center}footer{border-top:1px solid var(--line);padding:28px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;color:var(--muted)}.footer-inner .brand img{width:40px;height:40px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.show{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.24s}
@media(max-width:900px){.nav-links{display:none;position:absolute;top:78px;left:0;right:0;padding:24px;background:#0a0c17;flex-direction:column}.nav-links.open{display:flex}.menu-btn{display:block}.hero,.about-grid,.proof-card,.contact-card{grid-template-columns:1fr}.hero{padding-top:55px}.hero-visual{order:-1}.hero-logo{max-width:430px}.services-grid{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:repeat(2,1fr)}.portrait img{height:520px}.proof-images img{height:300px}.contact-card h2{font-size:42px}}
@media(max-width:600px){.container{width:min(100% - 24px,1160px)}.section{padding:78px 0}.hero h1{font-size:46px}.mini-stats{gap:15px;justify-content:space-between}.mini-stats strong{font-size:15px}.mini-stats span{font-size:10px}.services-grid{grid-template-columns:1fr}.gallery{grid-auto-rows:220px}.gallery .wide{grid-column:span 1}.proof-card,.contact-card{padding:28px}.proof-images{grid-template-columns:1fr}.proof-images img{height:420px}.footer-inner{flex-direction:column;gap:14px;text-align:center}.floating-card{font-size:11px}.card-one{left:0}.card-two{right:0}.section-head h2{font-size:42px}}
