@font-face{font-family:TSans;src:url(assets/fonts/sans-Light.woff2) format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:TSans;src:url(assets/fonts/sans-Regular.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:TSans;src:url(assets/fonts/sans-Medium.woff2) format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:TSans;src:url(assets/fonts/sans-Bold.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:TSans;src:url(assets/fonts/sans-Black.woff2) format('woff2');font-weight:900;font-display:swap}
@font-face{font-family:TDisplay;src:url(assets/fonts/display-Medium.woff2) format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:TDisplay;src:url(assets/fonts/display-Bold.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:TDisplay;src:url(assets/fonts/display-Black.woff2) format('woff2');font-weight:900;font-display:swap}
:root{--blue:#2457FF;--teal:#26D6C8;--navy:#0A1224;--navy2:#0E1A36;--ink:#E9EEFF;--muted:#A7B3D6;--r:22px}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px}
body{font-family:TSans,system-ui,sans-serif;background:var(--navy);color:var(--ink);line-height:1.8;overflow-x:hidden}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}
.wrap{width:min(1180px,100% - 40px);margin-inline:auto}
h1,h2,h3{font-family:TDisplay,TSans;line-height:1.4}h2{font-size:clamp(1.6rem,4vw,2.4rem);margin-top:8px}
.kicker{display:inline-flex;align-items:center;gap:10px;color:var(--teal);font-weight:500}.kicker::before{content:"";width:12px;height:12px;border-radius:4px;background:var(--teal)}
.grad{background:linear-gradient(90deg,var(--teal),#6E8DFF 55%,var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent}
.btn{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--blue);color:#fff;font:700 1rem TSans;padding:13px 28px;border-radius:999px;border:0;cursor:pointer;transition:.25s;box-shadow:0 10px 30px -10px rgba(36,87,255,.7)}
.btn:hover{transform:translateY(-2px);background:#3a69ff}.btn.ghost{background:transparent;border:1.5px solid rgba(255,255,255,.25);box-shadow:none}.btn.ghost:hover{border-color:var(--teal);color:var(--teal)}
.btn.sm{padding:8px 20px}.btn.wa{background:#25D366;color:#06281a;margin-top:22px;box-shadow:none}
.hdr{position:fixed;inset:0 0 auto;z-index:50;transition:.3s}.scrolled .hdr,.open .hdr{background:rgba(10,18,36,.85);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.07)}
.nav{display:flex;align-items:center;justify-content:space-between;height:72px}.brand img{height:34px;width:auto}
#menu{display:flex;gap:28px;align-items:center}#menu>a:not(.btn){color:var(--muted);transition:.2s}#menu>a:hover{color:#fff}
.burger{display:none;background:none;border:0;width:40px;height:40px;cursor:pointer}.burger span{display:block;height:3px;border-radius:3px;background:#fff;margin:7px 6px;transition:.3s}
.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding:110px 0 60px;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.3px);background-size:26px 26px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 75%)}
.glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.45}.g1{width:520px;height:520px;background:var(--blue);top:-180px;right:-140px}.g2{width:420px;height:420px;background:var(--teal);bottom:-200px;left:-120px;opacity:.25}
.hero-in{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}
h1{font-weight:900;font-size:clamp(2.2rem,5.6vw,4rem);line-height:1.35;margin:14px 0 18px}
.lead{color:var(--muted);font-size:clamp(1.02rem,1.6vw,1.2rem);max-width:600px}.ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.hero-art{position:relative;aspect-ratio:1;max-width:420px;width:100%;justify-self:center}
.tshape{position:absolute;inset:12%;border-radius:32%;background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.12);display:grid;place-items:center;animation:float 6s ease-in-out infinite}
.tshape img{width:62%;border-radius:22%}
.chip{position:absolute;padding:8px 16px;border-radius:999px;background:rgba(14,26,54,.9);border:1px solid rgba(255,255,255,.12);font-weight:500;font-size:.9rem;white-space:nowrap;animation:float 7s ease-in-out infinite}
.c1{top:6%;right:0}.c2{bottom:14%;left:-4%;animation-delay:-2s;color:var(--teal)}.c3{bottom:0;right:10%;animation-delay:-4s}
@keyframes float{50%{transform:translateY(-12px)}}
.sec{padding:clamp(70px,10vw,120px) 0}.alt{background:linear-gradient(180deg,var(--navy2),var(--navy))}
.about{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;align-items:center}.about p{color:#D3DBF5;font-size:1.15rem}
.head{text-align:center;margin-bottom:48px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{background:linear-gradient(160deg,rgba(255,255,255,.065),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.09);border-radius:var(--r);padding:30px;transition:.3s}
.grid3 .card:hover{transform:translateY(-6px);border-color:rgba(38,214,200,.4)}
.ic{display:grid;place-items:center;width:56px;height:56px;border-radius:18px 18px 18px 6px;background:linear-gradient(135deg,var(--blue),var(--teal));font-style:normal;font-size:1.5rem;margin-bottom:18px}
.card h3{font-size:1.3rem;margin-bottom:6px}.card p{color:var(--muted)}
.steps{display:flex;align-items:stretch;gap:16px}.step{flex:1;text-align:center;padding:34px 24px;border-radius:var(--r);background:rgba(14,26,54,.6);border:1px solid rgba(255,255,255,.08)}
.arr{align-self:center;font-size:2rem;color:var(--teal)}
.n{display:inline-grid;place-items:center;width:54px;height:54px;border-radius:16px;background:var(--blue);font-size:1.4rem;margin-bottom:14px}
.step:nth-of-type(2) .n{background:linear-gradient(135deg,var(--blue),var(--teal))}.step:nth-of-type(3) .n{background:var(--teal);color:var(--navy)}.step h3{font-size:1.3rem}.step p{color:var(--muted)}
.vm{display:grid;grid-template-columns:1fr 1fr;gap:22px}.big{position:relative;overflow:hidden;padding:36px}.big::after{content:"";position:absolute;top:0;right:0;width:90px;height:6px;border-radius:0 0 0 8px;background:var(--blue)}.big.m::after{background:var(--teal)}
.big h3{font-size:1.6rem;margin-bottom:8px}.big p{color:#D3DBF5;font-size:1.08rem}
.vh{text-align:center;font-size:1.6rem;margin:56px 0 24px}.values{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.val{padding:24px 20px;border-radius:20px;background:rgba(10,18,36,.6);border:1px solid rgba(255,255,255,.08);border-top:3px solid var(--teal)}.val h4{font-size:1.15rem}.val p{color:var(--muted);font-size:.95rem}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.contact .lead{margin-top:12px}
.form{display:grid;gap:16px}.form label{display:grid;gap:6px;font-weight:500;font-size:.95rem}
input,select,textarea{font:400 1rem TSans;color:#fff;background:rgba(10,18,36,.7);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:12px 16px;outline:0;transition:.2s;width:100%}
input:focus,select:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(38,214,200,.18)}select option{background:var(--navy)}input[dir=ltr]{text-align:right}
.thanks{text-align:center;padding:30px 0}.thanks b{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:20px;background:var(--teal);color:var(--navy);font-size:2rem;margin-bottom:10px}.thanks h3{font-size:1.5rem}
.ftr{border-top:1px solid rgba(255,255,255,.07);padding:44px 0;text-align:center;color:var(--muted)}.fin{display:grid;justify-items:center;gap:8px}.fin img{height:36px;width:auto}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
@media (max-width:980px){.grid3{grid-template-columns:1fr 1fr}.values{grid-template-columns:repeat(3,1fr)}}
@media (max-width:820px){.burger{display:block}
#menu{position:fixed;top:72px;inset-inline:0;flex-direction:column;gap:6px;padding:16px 20px 24px;background:rgba(10,18,36,.97);transform:translateY(-130%);transition:.35s;align-items:stretch}#menu a{padding:10px}.open #menu{transform:none}
.open .burger span:first-child{transform:translateY(5px) rotate(45deg)}.open .burger span:last-child{transform:translateY(-5px) rotate(-45deg)}
.hero-in,.about,.contact,.vm{grid-template-columns:1fr}.hero-art{max-width:300px}.steps{flex-direction:column}.arr{transform:rotate(-90deg)}}
@media (max-width:560px){.ctas .btn{padding:13px 18px}.grid3,.values{grid-template-columns:1fr}.ctas .btn{flex:1}.card,.big{padding:24px}}