@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--ink:#0a0c11;--surface:#10131b;--raised:#151925;--line:#282e3d;--text:#f2f4f7;--muted:#98a1b5;--blue:#3b82f6;--blue2:#22d3ee;--green:#b7ff63;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--text);margin:0;font-family:Manrope,system-ui}a{color:inherit;text-decoration:none}.shell{max-width:var(--max);margin:auto;padding:0 28px}.nav{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:#0a0c11e8;height:76px;position:sticky;top:0}.navin{justify-content:space-between;align-items:center;height:100%;display:flex}.brand{letter-spacing:-.07em;font-size:30px;font-weight:800}.links{align-items:center;gap:28px;font-size:14px;display:flex}.btn{border:1px solid var(--line);border-radius:10px;padding:12px 17px;transition:all .2s;display:inline-flex}.btn:hover{border-color:var(--blue);transform:translateY(-2px)}.primary{background:var(--blue);border-color:var(--blue)}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:60px;min-height:730px;display:grid}.eyebrow,.meta{letter-spacing:.13em;text-transform:uppercase;color:var(--blue2);font:500 11px DM Mono}h1{letter-spacing:-.065em;margin:22px 0 28px;font-size:clamp(56px,7vw,96px);line-height:.95}h2{letter-spacing:-.055em;margin:0 0 30px;font-size:clamp(38px,5vw,66px);line-height:1.02}h3{font-size:22px}.lead{color:var(--muted);max-width:680px;font-size:19px;line-height:1.65}.actions{gap:12px;margin-top:34px;display:flex}.layers{perspective:900px;height:480px;position:relative}.layer{background:linear-gradient(145deg,#0f3c91,#116dff 60%,#22d3ee);border:1px solid #22d3ee88;border-radius:28px;width:55%;height:68%;transition:all .45s;position:absolute;transform:skewY(-28deg);box-shadow:0 35px 90px #116dff2b}.layer:first-child{opacity:.76;top:5%;left:6%}.layer:nth-child(2){opacity:.94;top:27%;left:31%}.layer:nth-child(3){opacity:.72;top:15%;left:57%}.layers:hover .layer:first-child{translate:-8px -8px}.layers:hover .layer:last-child{translate:10px 8px}section{border-top:1px solid var(--line);padding:105px 0}.center{text-align:center}.words{flex-wrap:wrap;justify-content:center;gap:10px;max-width:850px;margin:45px auto;display:flex}.pill{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:10px 14px}.editorial{font-family:Georgia,serif;font-weight:400}.grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;min-height:220px;padding:28px;transition:all .2s}.card:hover{background:var(--raised);border-color:#40506c;transform:translateY(-3px)}.card p,.prose{color:var(--muted);line-height:1.7}.num{color:var(--blue);font:12px DM Mono}.steps{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.step{background:var(--ink);padding:35px}.product{background:var(--surface);border:1px solid #354128;border-radius:20px;grid-template-columns:1fr 1fr;gap:45px;padding:44px;display:grid}.green{color:var(--green)}.pagehead{padding:120px 0 80px}.portfolio{flex-direction:column;justify-content:flex-end;min-height:360px;display:flex;overflow:hidden}.thumb{background:linear-gradient(135deg,#0e347c,#0d6efd,#22d3ee);height:190px;margin:-28px -28px 28px;transition:all .2s}.portfolio:hover .thumb{transform:scale(1.03)}.input{background:var(--surface);border:1px solid var(--line);color:#fff;border-radius:9px;width:100%;margin-top:8px;padding:14px}.footer{border-top:1px solid var(--line);color:var(--muted);padding:50px 0}.tokens{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.swatch{border:1px solid var(--line);border-radius:12px;align-items:flex-end;height:130px;padding:12px;font:11px DM Mono;display:flex}@media (max-width:900px){.links a:not(.cta){display:none}.hero{grid-template-columns:1fr;min-height:auto;padding:90px 0}.layers{height:350px}.grid,.steps{grid-template-columns:repeat(2,1fr)}.product{grid-template-columns:1fr}.tokens{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.shell{padding:0 20px}.hero{padding:70px 0}.hero>.layers{display:none}.layers{height:270px}section{padding:72px 0}.grid,.steps{grid-template-columns:1fr}.product{padding:25px}.actions{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.brandlockup{align-items:center;gap:10px;display:flex}.brandlockup img{object-fit:cover;background:#000;border-radius:7px}.lang{letter-spacing:.12em;border-left:1px solid var(--line);color:var(--blue2);padding-left:20px;font:500 11px DM Mono}.insight-card{min-height:0}.insight-image{object-fit:cover;width:calc(100% + 56px);height:180px;margin:-28px -28px 25px;display:block}.article-image{object-fit:cover;border:1px solid var(--line);border-radius:16px;width:min(100%,960px);max-height:540px;margin:0 auto;display:block}.prose{max-width:760px;margin:auto;font-size:18px}.nav{transition:background .35s,border-color .35s}.nav:hover{background:#10131bf2}.btn{will-change:transform;box-shadow:0 0 #0000}.btn:hover{box-shadow:0 10px 28px #116dff2b}.landing{overflow-x:hidden}.landing .layer{animation:8s ease-in-out infinite alternate layer-breathe}.landing .layer:nth-child(2){animation-delay:-2.5s}.landing .layer:nth-child(3){animation-delay:-5s}.card,.step,.product,.pill{will-change:transform}.card:hover,.step:hover{box-shadow:0 22px 46px #00000038}.pill{transition:transform .28s,border-color .28s,color .28s}.pill:hover{border-color:var(--blue2);color:var(--text);transform:translateY(-3px)}@keyframes layer-breathe{0%{filter:saturate(.9)brightness(.9)}to{filter:saturate(1.12)brightness(1.12)}}.form{gap:20px;max-width:700px;display:grid}.form-intro{border-bottom:1px solid var(--line);padding:0 0 12px}.form-intro h3{letter-spacing:-.04em;margin:14px 0 8px;font-size:28px}.form-intro p{color:var(--muted);margin:0;line-height:1.65}.input{background:var(--surface);border:1px solid var(--line);width:100%;color:var(--text);border-radius:9px;margin-top:8px;padding:14px;font:400 16px Manrope,system-ui}.input:focus{border-color:var(--blue2);outline:none;box-shadow:0 0 0 3px #22d3ee26}.consent{color:var(--muted);align-items:flex-start;gap:10px;line-height:1.5;display:flex}.consent input{accent-color:var(--blue);margin-top:4px}.honeypot{opacity:0;position:absolute;left:-9999px}.form-status{border:1px solid var(--line);border-radius:14px;max-width:700px;padding:28px;line-height:1.5}.form-status h3{letter-spacing:-.04em;margin:14px 0 8px;font-size:30px}.form-status p{max-width:560px;margin:0}.form-status.success{color:var(--text);background:linear-gradient(135deg,#b7ff6317,#22d3ee12);border-color:#b7ff6355}.form-status.error{color:#ff9d9d;background:#ff9d9d10}.footer{border-top:1px solid var(--line);background:linear-gradient(180deg,#10131b66,var(--ink));color:var(--muted);margin-top:120px;padding:64px 0 24px}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:48px;display:grid}.footer h3{color:var(--text);letter-spacing:.13em;text-transform:uppercase;margin:4px 0 18px;font:500 11px DM Mono}.footer-grid>div:not(.footer-brand){align-content:start;gap:12px;font-size:14px;display:grid}.footer-grid a{transition:color .2s}.footer-grid a:hover{color:var(--blue2)}.footer-brand p{max-width:380px;margin:18px 0 12px;line-height:1.65}.footer-brand span,.footer-grid span{font-size:13px}.footer-bottom{border-top:1px solid var(--line);letter-spacing:.05em;align-items:center;gap:20px;margin-top:52px;padding-top:22px;font:11px DM Mono;display:flex}.footer-bottom a:last-child{margin-right:auto}.landing #products+section{display:none}.privacy h2{letter-spacing:-.035em;margin:48px 0 12px;font-size:28px}.privacy p{line-height:1.8}.phone-input{grid-template-columns:minmax(150px,.9fr) 1.4fr;gap:10px;margin-top:8px;display:grid}.phone-input .input{margin-top:0}.country-code{background:var(--surface);border:1px solid var(--line);width:100%;color:var(--text);border-radius:9px;padding:0 12px;font:400 14px Manrope,system-ui}.country-code:focus{border-color:var(--blue2);outline:none;box-shadow:0 0 0 3px #22d3ee26}.phone-help{color:var(--muted);margin-top:8px;line-height:1.45;display:block}.btn.primary{color:#fff!important}.btn.primary:disabled{opacity:.78;cursor:wait;color:#fff!important}@media (max-width:600px){.footer-grid{grid-template-columns:1fr;gap:34px}.footer-bottom{flex-wrap:wrap;margin-top:38px}.footer-bottom a:last-child{margin-right:0}.phone-input{grid-template-columns:1fr;gap:12px}.country-code{min-height:54px;padding:0 16px;font-size:17px}.phone-input .input{min-height:58px;font-size:18px}.form .btn{justify-content:center;width:100%;padding:16px 18px;font-size:16px}}
