@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--pink:#fe2356;--pink2:#fe4f78;--pink3:#fe7b9a;--pink4:#ffa7bb;--pink5:#ffd3dd;--ink:#090a0f;--muted:#687078;--soft:#fff6f8;--line:#efdde3}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,Arial,sans-serif;color:#17181d;line-height:1.8;overflow-x:hidden}a{text-decoration:none;color:inherit}
.wrap{width:min(1180px,92%);margin:auto}
header{height:88px;position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid #f0e2e6}
.nav{height:88px;display:flex;align-items:center;justify-content:space-between}.brand{width:160px;height:78px;display:flex;align-items:center;background:#fff}.brand img{width:160px;height:78px;object-fit:contain}
.navlinks{display:flex;align-items:center;gap:21px;font-size:12px;font-weight:800}.navlinks a{padding:7px 0}.navlinks a:hover,.navlinks .active{color:var(--pink)}
.hamb{display:none;border:0;background:var(--soft);color:var(--pink);font-size:23px;padding:8px 12px;border-radius:12px}
.cursor-glow{position:fixed;width:230px;height:230px;border-radius:50%;pointer-events:none;z-index:0;transform:translate(-50%,-50%);background:radial-gradient(circle,#fe235615,transparent 68%);transition:left .12s,top .12s}
.hero{min-height:calc(100vh - 88px);display:flex;align-items:center;position:relative;overflow:hidden;background:#fff}
.hero-copy{position:relative;z-index:5;width:54%;padding:85px 0}.tag{display:inline-block;border:1px solid var(--pink4);background:var(--soft);color:var(--pink);border-radius:999px;padding:6px 13px;font-size:10px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase}
h1,h2,h3{margin-top:0}.hero h1{font-size:clamp(46px,6.5vw,82px);line-height:1.01;letter-spacing:-4px;margin:21px 0}.hero p{font-size:18px;color:var(--muted);max-width:650px}
.actions{display:flex;gap:11px;margin-top:30px}.btn{display:inline-flex;justify-content:center;align-items:center;padding:13px 21px;border-radius:12px;font-size:13px;font-weight:800;transition:.3s}.primary{background:var(--pink);color:#fff}.ghost{border:1px solid var(--line);background:#fff}.btn:hover{transform:translateY(-5px);box-shadow:0 18px 38px #fe235625}
.orbit{position:absolute;z-index:1;width:min(1000px,95vw);height:min(1000px,95vw);right:-22%;top:50%;transform:translateY(-50%) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform .15s ease-out}
.orbit:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 15deg,var(--pink),var(--pink2),var(--pink3),var(--pink4),var(--pink5),var(--pink));opacity:.16;filter:blur(2px);animation:rotate 22s linear infinite}
.r{position:absolute;inset:3%;border:2px dotted #fe235699;border-radius:50%;animation:rotate 17s linear infinite}.r2{inset:11%;border-color:#fe4f78aa;animation-duration:13s;animation-direction:reverse}.r3{inset:20%;border-color:#fe7b9aaa;animation-duration:10s}.r4{inset:30%;border-color:#ffa7bb;animation-duration:8s;animation-direction:reverse}.r5{inset:40%;border-color:#ffd3dd;animation-duration:6s}
.core{position:absolute;inset:34%;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff 0 15%,#ffd3dd 32%,#fe4f78 68%,#fe2356);box-shadow:0 0 100px #fe23564a;animation:pulse 4s ease-in-out infinite}
.node{position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 24px var(--pink);animation:float 5s ease-in-out infinite}.n1{left:11%;top:29%}.n2{right:15%;top:21%;animation-delay:1.2s;background:var(--pink5)}.n3{right:9%;bottom:28%;animation-delay:2.3s;background:var(--pink3)}.n4{left:27%;bottom:11%;animation-delay:3.2s;background:var(--pink)}
.section{padding:105px 0}.soft{background:var(--soft)}.center{text-align:center}.eyebrow{color:var(--pink);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1.8px}.section h2{font-size:43px;line-height:1.15;letter-spacing:-1.7px;margin:8px 0 15px}.lead{max-width:770px;margin:auto;color:var(--muted)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:50px}.card{position:relative;background:#fff;border:1px solid var(--line);border-radius:24px;padding:31px;overflow:hidden;transition:.4s}.card:hover{transform:translateY(-10px);box-shadow:0 28px 60px #fe235618}.card:after{content:"";position:absolute;width:145px;height:145px;border:1px dashed var(--pink3);border-radius:50%;right:-82px;bottom:-82px;animation:rotate 12s linear infinite}.num{color:var(--pink);font-size:11px;font-weight:800}.card h3{font-size:20px;margin:18px 0 8px}.card p{color:var(--muted);margin:0}
.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.visual{position:relative}.visual img{width:100%;display:block;border-radius:28px;box-shadow:0 30px 75px #8d20311b;transition:.6s}.visual:hover img{transform:scale(1.025) rotate(1deg)}.visual:after{content:"";position:absolute;inset:-12px;border:1px dashed var(--pink3);border-radius:36px;animation:rotate 17s linear infinite;pointer-events:none}
.checks{display:grid;gap:14px;margin-top:24px}.check{display:flex;gap:12px}.check b{color:var(--pink)}
.pagehero{min-height:420px;display:flex;align-items:center;position:relative;overflow:hidden;background:var(--ink);color:#fff}.pagehero .wrap{position:relative;z-index:4}.pagehero h1{font-size:clamp(45px,6vw,72px);line-height:1.04;letter-spacing:-3px;margin:15px 0;max-width:820px}.pagehero p{color:#c9ccd1;font-size:17px;max-width:760px}.page-orbit{position:absolute;width:760px;height:760px;right:-170px;top:-170px;border-radius:50%;border:2px dotted #fe7b9a66;animation:rotate 16s linear infinite}.page-orbit:before,.page-orbit:after{content:"";position:absolute;border-radius:50%;border:1px dotted}.page-orbit:before{inset:90px;border-color:#fe4f7866;animation:rotate 9s linear infinite reverse}.page-orbit:after{inset:190px;border-color:#ffa7bb77;animation:rotate 7s linear infinite}
.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:38px}.mini{background:#fff;border:1px solid var(--line);border-radius:18px;padding:23px}.mini strong{display:block;color:var(--pink);margin-bottom:5px}
.team{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:50px}.person{background:#fff;border:1px solid var(--line);border-radius:25px;padding:34px;text-align:center;transition:.35s}.person:hover{transform:translateY(-10px)}.avatar{width:120px;height:120px;margin:auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--pink),var(--pink2),var(--pink3),var(--pink4),var(--pink));animation:rotate 9s linear infinite}.avatar span{width:96px;height:96px;border-radius:50%;background:#fff;display:grid;place-items:center;color:var(--pink);font-size:29px;font-weight:800}.role{font-size:11px;color:var(--pink);font-weight:800;letter-spacing:1px;text-transform:uppercase}.person p{color:var(--muted)}
.projects{display:grid;gap:30px}.project{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:center;background:#fff;border:1px solid var(--line);padding:24px;border-radius:28px}.project:nth-child(even){grid-template-columns:1.1fr .9fr}.project img{width:100%;border-radius:20px}.project h3{font-size:30px;line-height:1.2}.project p{color:var(--muted)}
.contact{display:grid;grid-template-columns:.82fr 1.18fr;gap:28px}.panel{background:var(--ink);color:#fff;border-radius:27px;padding:38px;position:relative;overflow:hidden}.panel:after{content:"";position:absolute;width:350px;height:350px;border:1px dotted #fe7b9a88;border-radius:50%;right:-175px;bottom:-175px;animation:rotate 11s linear infinite}.row{position:relative;z-index:2;border-bottom:1px solid #ffffff15;padding:18px 0}.row small{display:block;color:var(--pink4);font-weight:800;letter-spacing:1px;text-transform:uppercase}form{background:#fff;border:1px solid var(--line);border-radius:27px;padding:38px;box-shadow:0 20px 60px #fe235612}label{font-size:12px;font-weight:800}input,textarea{width:100%;padding:14px;border:1px solid #e7d8dd;border-radius:12px;font:inherit;margin:7px 0 18px;outline:none}input:focus,textarea:focus{border-color:var(--pink2);box-shadow:0 0 0 4px #fe235612}textarea{min-height:145px}
footer{background:#07080c;color:#bfc3c8;padding:65px 0 20px}.foot{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:45px}.foot-logo{width:180px;height:92px;object-fit:contain;background:#fff}.foot h4{color:#fff;margin-top:0}.foot a{display:block;margin:7px 0}.copy{text-align:center;border-top:1px solid #ffffff12;margin-top:40px;padding-top:18px;font-size:12px;color:#747b82}
.reveal{opacity:0;transform:translateY(28px);animation:reveal .9s forwards}.delay{animation-delay:.2s}.scroll{opacity:0;transform:translateY(30px);transition:.8s}.scroll.in{opacity:1;transform:none}
@keyframes reveal{to{opacity:1;transform:none}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.06)}}@keyframes float{0%,100%{transform:translate(0,0)}50%{transform:translate(24px,-30px)}}
@media(max-width:900px){.navlinks{display:none;position:absolute;top:88px;left:4%;right:4%;padding:18px;background:#fff;border-radius:18px;box-shadow:0 20px 50px #0001;flex-direction:column;align-items:flex-start}.navlinks.open{display:flex}.hamb{display:block}.hero-copy{width:100%}.orbit{opacity:.45;width:850px;height:850px;right:-390px}.cards,.team{grid-template-columns:1fr 1fr}.split,.project,.project:nth-child(even),.contact{grid-template-columns:1fr}.page-orbit{right:-390px}.foot{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.cards,.team,.mini-grid{grid-template-columns:1fr}.hero h1{letter-spacing:-2.5px}.section{padding:75px 0}.section h2{font-size:34px}.orbit{right:-520px}.foot{grid-template-columns:1fr}}