:root{--bg:#080a0f;--panel:#10131a;--white:#f3f5f7;--muted:#969eaa;--line:#ffffff19;--blue:#7786ff;--cyan:#55e5d4;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:"Manrope",sans-serif}a{color:inherit;text-decoration:none}p,h1,h2,h3{margin-top:0}.site-header,.legal-head{height:84px;padding:0 5vw;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:absolute;width:100%;z-index:5}.brand{display:flex;align-items:center;gap:.7rem;font-size:.82rem;font-weight:700;letter-spacing:.18em}.brand b{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;border:1px solid #ffffff44;background:linear-gradient(135deg,#7786ff55,#55e5d422);letter-spacing:0}.site-header nav{display:flex;gap:2rem;color:#b6bdc7;font-size:.75rem}.contact-link{justify-self:end;font-family:var(--mono);font-size:.7rem;border-bottom:1px solid}.hero{min-height:940px;padding:84px 5vw 70px;display:grid;grid-template-columns:52% 48%;position:relative;overflow:hidden;background:radial-gradient(circle at 72% 42%,#202640,transparent 35%),linear-gradient(145deg,#080a0f,#0d1018)}.hero:before{content:"";position:absolute;inset:84px 0 70px;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:70px 70px}.hero-copy{align-self:center;z-index:2}.status{display:inline-flex;align-items:center;gap:.6rem;border:1px solid var(--line);border-radius:30px;padding:.5rem .75rem;font:10px var(--mono);letter-spacing:.08em}.status i{width:7px;height:7px;border-radius:50%;background:#c9f36b;box-shadow:0 0 12px #c9f36b}h1{font-size:clamp(4.5rem,7.8vw,8.5rem);line-height:.91;letter-spacing:-.065em;margin:2rem 0;font-weight:600}h1 span,h2 span{color:transparent;background:linear-gradient(100deg,#fff,#8e9cff 50%,#55e5d4);background-clip:text;-webkit-background-clip:text}.lead{max-width:620px;color:#afb5bf;line-height:1.8;font-size:1.1rem}.actions{display:flex;align-items:center;gap:2rem;margin-top:2.5rem;font:11px var(--mono)}.button{display:inline-flex;padding:1rem 1.2rem;background:#f5f7f8;color:#090b10;font:10px var(--mono);letter-spacing:.06em;text-transform:uppercase}.visual{z-index:2;display:grid;place-items:center;position:relative}.rings{position:absolute;width:650px;height:650px;border:1px solid #7786ff33;border-radius:50%;box-shadow:0 0 0 80px #55e5d410,0 0 0 170px #7786ff0d}.phone{width:290px;height:600px;border:8px solid #242935;border-radius:43px;padding:20px;background:linear-gradient(155deg,#171c28,#0b0e14);box-shadow:0 35px 80px #000b,0 0 0 1px #50586b;z-index:2;transform:rotate(2deg)}.phone-top{font:9px var(--mono);position:relative}.phone-top i{position:absolute;width:52px;height:15px;border-radius:20px;background:#050608;left:50%;top:-11px;transform:translateX(-50%)}.app{margin-top:35px;font-size:.72rem}.app b{display:inline-grid;place-items:center;width:27px;height:27px;border-radius:8px;margin-right:.5rem;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#080a0f}.phone h2{font-size:1.75rem;line-height:1.2;margin:25px 0}.prompt{height:110px;border:1px solid #7786ff99;background:#7786ff12;border-radius:13px;padding:15px;color:#7d8491;font-size:.7rem;display:flex;align-items:flex-end;justify-content:space-between}.prompt b{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#080a0f}.phone>small{display:block;margin:22px 0 9px;font:8px var(--mono);color:#67707d}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tiles span{height:65px;border:1px solid var(--line);border-radius:10px;padding:10px;color:var(--cyan);font-size:.8rem;display:flex;flex-direction:column;justify-content:space-between}.tiles b{font-size:.62rem;color:#fff;font-weight:400}.phone>p{font-size:8px;color:#555d69;text-align:center;margin-top:20px}.float{position:absolute;z-index:3;display:flex;align-items:center;gap:.7rem;background:#11151de8;border:1px solid #ffffff22;padding:.8rem 1rem;font-size:.7rem;box-shadow:0 15px 35px #0008}.float span{display:flex;flex-direction:column}.float small{font:7px var(--mono);color:#6d7582}.one{top:27%;right:0}.two{bottom:23%;left:3%}.hero-foot{height:70px;position:absolute;bottom:0;left:5vw;right:5vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font:9px var(--mono);letter-spacing:.1em;color:#6f7682}.section{padding:9rem 6vw}.kicker{font:10px var(--mono);letter-spacing:.15em;color:var(--cyan)}.about{background:#f1f2f4;color:#0b0d12;display:grid;grid-template-columns:18% 82%}.section h2{font-size:clamp(3.5rem,6vw,6.5rem);line-height:1;letter-spacing:-.055em;margin:2rem 0 4rem}.about h2 span,.principles h2 span{background:linear-gradient(100deg,#6170dc,#178e87);background-clip:text;-webkit-background-clip:text}.columns{border-top:1px solid #c9ced5;padding-top:2.5rem;display:grid;grid-template-columns:1fr 1fr;gap:7vw}.columns p{line-height:1.8;color:#5c626b}.columns .large{font-size:1.25rem;color:#11151a;line-height:1.55}.work header{display:flex;justify-content:space-between;align-items:end}.work header>p{max-width:400px;color:var(--muted);line-height:1.7}.cards{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.cards article{min-height:390px;padding:2rem;border-right:1px solid var(--line);position:relative}.cards article:first-child{border-left:1px solid var(--line)}.cards i{width:55px;height:55px;border:1px solid #7786ff66;background:#7786ff16;border-radius:14px;display:grid;place-items:center;color:#9aa5ff;font-style:normal;margin-bottom:4rem}.cards small{font:9px var(--mono);color:#646c78}.cards h3{font-size:1.5rem;margin:1rem 0}.cards p{color:#9199a5;line-height:1.7;font-size:.9rem}.cards>article>b{position:absolute;bottom:2rem;color:var(--cyan);font:8px var(--mono);letter-spacing:.12em}.principles{background:#f1f2f4;color:#0b0d12;display:grid;grid-template-columns:47% 53%;gap:5vw}.art{min-height:650px;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle,#7786ff2b,transparent 52%)}.art div{width:90px;height:90px;border-radius:24px;background:linear-gradient(135deg,var(--blue),var(--cyan));display:grid;place-items:center;font-size:2rem;font-weight:700;z-index:2}.art i{position:absolute;border:1px solid #46518833;border-radius:50%;width:250px;height:250px}.art i:nth-of-type(2){width:430px;height:430px}.art i:nth-of-type(3){width:610px;height:610px}.principles>div:last-child>p:not(.kicker){color:#606770;line-height:1.7;max-width:550px}.list{margin-top:3rem}.list article{border-top:1px solid #c8cdd4;padding:1.25rem 0;display:grid;grid-template-columns:45px 1fr}.list small{font:9px var(--mono);color:#6370d0}.list h3{margin-bottom:.4rem}.list p{font-size:.8rem;color:#69707a;margin:0}.cta{text-align:center;position:relative;background:radial-gradient(circle,#7786ff24,transparent 45%)}.cta h2{margin-bottom:2rem}.cta>p:not(.kicker){color:var(--muted);max-width:600px;margin:0 auto 2.5rem;line-height:1.7}footer{padding:5rem 6vw 2rem;border-top:1px solid var(--line)}footer>div{display:grid;grid-template-columns:1fr 1fr 1fr;min-height:180px}footer p{color:#777f8a;font-size:.85rem;line-height:1.7}footer nav{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;font-size:.72rem;color:#9299a4}footer>small{display:block;border-top:1px solid var(--line);padding-top:1.5rem;color:#565d67;font:9px var(--mono)}
@media(max-width:900px){.site-header{grid-template-columns:1fr auto;padding:0 1.3rem}.site-header nav{display:none}.hero{grid-template-columns:1fr;padding-inline:1.3rem}.hero-copy{padding-top:5rem}.visual{min-height:700px}.hero-foot{left:1.3rem;right:1.3rem}.hero-foot span:nth-child(2){display:none}.section{padding:7rem 1.3rem}.about{grid-template-columns:1fr}.columns{grid-template-columns:1fr}.work header{display:block}.cards{grid-template-columns:1fr}.cards article,.cards article:first-child{border:1px solid var(--line)}.principles{grid-template-columns:1fr}.art{min-height:500px}footer>div{grid-template-columns:1fr;gap:2rem}}@media(max-width:560px){h1{font-size:3.8rem}.section h2{font-size:3.2rem}.visual{transform:scale(.86);margin:-45px}.float.one{right:-20px}.float.two{left:-15px}.hero-foot{font-size:7px}}
