:root{--bg: #0c100e;--bg-elev: #141a16;--surface: #1a2218;--line: rgba(232, 228, 217, .12);--text: #e8e4d9;--muted: rgba(232, 228, 217, .68);--lime: #d4ed5e;--lime-dim: rgba(212, 237, 94, .14);--danger: #ff8a7a;--max: 72rem;--header-h: 4.25rem;--font-display: "Syne", system-ui, sans-serif;--font-body: "Manrope", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;min-height:100vh;font-family:var(--font-body);font-size:1.05rem;line-height:1.65;color:var(--text);background-color:var(--bg)}a{color:var(--lime);text-decoration-thickness:1px;text-underline-offset:.18em}a:hover{color:#e8f7a0}img{max-width:100%;display:block}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.15;letter-spacing:-.02em;margin:0 0 .75rem}h1{font-size:clamp(2.4rem,5vw,3.6rem)}h2{font-size:clamp(1.55rem,3vw,2rem)}p{margin:0 0 1rem;color:var(--muted)}.container{width:min(100% - 2rem,var(--max));margin-inline:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.35rem;border-radius:999px;border:1px solid transparent;font-family:var(--font-body);font-weight:600;font-size:.95rem;text-decoration:none;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--lime);color:#10140f}.btn-primary:hover{background:#e2f57a;color:#10140f}.btn-ghost{background:transparent;border-color:var(--line);color:var(--text)}.btn-ghost:hover{border-color:var(--lime);color:var(--lime)}.page{padding:3rem 0 5rem;animation:rise .55s ease both}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.prose{max-width:48rem}.prose h2{margin-top:2.25rem}.prose h3{margin-top:1.5rem;font-size:1.15rem;color:var(--text)}.prose ul,.prose ol{color:var(--muted);padding-left:1.25rem}.prose li{margin-bottom:.45rem}.prose strong{color:var(--text);font-weight:650}.meta{font-size:.9rem;color:var(--muted)}.pill{display:inline-block;padding:.25rem .7rem;border-radius:999px;background:var(--lime-dim);color:var(--lime);font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.grid-2{display:grid;gap:1.25rem}@media(min-width:720px){.grid-2{grid-template-columns:1fr 1fr}}.panel{background:color-mix(in srgb,var(--surface) 88%,transparent);border:1px solid var(--line);border-radius:1.1rem;padding:1.35rem 1.4rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dl{display:grid;gap:.85rem}.dl div{display:grid;gap:.15rem}.dl dt{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.dl dd{margin:0;color:var(--text);font-weight:560}.scroll-page{position:relative}.scroll-section{position:relative;scroll-margin-top:calc(var(--header-h) + .75rem);padding:clamp(3.5rem,8vw,6.5rem) 0;border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.scroll-section:first-of-type{border-top:0}.scroll-hero{min-height:calc(100svh - var(--header-h));display:flex;align-items:center;padding:clamp(3rem,7vw,5rem) 0;border-top:0}.scroll-kicker{display:inline-block;margin-bottom:1rem;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--lime)}.scroll-lead{max-width:38rem;font-size:clamp(1.15rem,2.4vw,1.45rem);color:var(--muted);margin-bottom:1.25rem}.scroll-stats{max-width:36rem;font-family:var(--font-display);font-weight:700;font-size:clamp(1.05rem,2vw,1.25rem);letter-spacing:-.02em;color:var(--text);margin:0}.scroll-quote{margin:1.75rem 0 0;max-width:34rem;font-family:var(--font-display);font-size:clamp(1.2rem,2.5vw,1.55rem);font-weight:700;line-height:1.35;letter-spacing:-.02em;color:var(--lime)}.scroll-toc{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:2rem}.scroll-toc a{text-decoration:none;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:.4rem .85rem;font-size:.8rem;font-weight:600;transition:color .15s ease,border-color .15s ease,background .15s ease}.scroll-toc a:hover{color:var(--lime);border-color:color-mix(in srgb,var(--lime) 45%,var(--line));background:var(--lime-dim)}.feature-list{list-style:none;margin:1.25rem 0 0;padding:0;display:grid;gap:.55rem}.feature-list li{position:relative;padding-left:1.15rem;color:var(--muted)}.feature-list li:before{content:"";position:absolute;left:0;top:.55em;width:.45rem;height:.45rem;border-radius:50%;background:var(--lime)}.service-grid{display:grid;gap:1rem;margin-top:1.75rem}@media(min-width:800px){.service-grid{grid-template-columns:1fr 1fr}}.service-block{padding:1.35rem 1.4rem;border:1px solid var(--line);border-radius:1.1rem;background:color-mix(in srgb,var(--surface) 72%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.service-block h3{margin:0 0 .65rem;font-size:1.15rem}.service-block p:last-child{margin-bottom:0}.project-stack{display:grid;gap:1.5rem;margin-top:1.75rem}.project-card{padding:1.5rem 1.55rem;border-left:3px solid var(--lime);background:color-mix(in srgb,var(--surface) 65%,transparent);border-radius:0 1rem 1rem 0}.project-card .tag{margin:0 0 .75rem;color:var(--lime);font-size:.9rem;font-weight:650}.journey-grid{display:grid;gap:1rem;margin-top:1.5rem}@media(min-width:900px){.journey-grid{grid-template-columns:repeat(3,1fr)}}.journey-card{padding:1.4rem 1.35rem;border:1px solid var(--line);border-radius:1.15rem;background:color-mix(in srgb,var(--bg-elev) 80%,transparent);min-height:11rem}.journey-card h3{margin:0 0 .6rem;color:var(--lime);font-size:1.05rem;letter-spacing:.08em}.gateway-grid{display:grid;gap:1rem}@media(min-width:800px){.gateway-grid{grid-template-columns:1fr 1fr}}.gateway-card{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;padding:1.75rem 1.6rem;text-decoration:none;color:inherit;border:1px solid var(--line);border-radius:1.35rem;background:linear-gradient(145deg,color-mix(in srgb,var(--lime) 10%,transparent),transparent 55%),color-mix(in srgb,var(--surface) 80%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .2s ease,border-color .2s ease;min-height:14rem}.gateway-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--lime) 50%,var(--line))}.gateway-card h2{margin:0;font-size:clamp(1.55rem,3vw,2rem);color:var(--text)}.gateway-card p{margin:0;flex:1;color:var(--muted)}.gateway-card .go{margin-top:.5rem;font-weight:700;color:var(--lime)}
