.subpage{background:var(--color-bg)}.page-hero{position:relative;display:grid;align-content:end;min-height:clamp(20rem,46svh,30rem);padding:clamp(7rem,14vh,9rem) clamp(1.25rem,5vw,4.5rem) clamp(2.6rem,5vw,3.6rem);overflow:hidden;background:radial-gradient(circle at 82% 10%,rgba(32,200,255,.14),transparent 42%),linear-gradient(rgba(140,245,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(140,245,255,.04) 1px,transparent 1px),#05070a;background-size:auto,64px 64px,64px 64px,auto;color:#eef1f4}.page-hero:after{position:absolute;right:clamp(1rem,6vw,5rem);top:22%;width:7px;height:7px;content:"";border-radius:50%;background:var(--color-electric);box-shadow:0 0 18px #20c8ffd9,-68px 42px 0 -1px #8cf5ff80,-136px -20px 0 -2px #8cf5ff4d}.page-hero__inner{max-width:var(--container);margin:0 auto;width:100%}.page-hero__kicker{display:flex;align-items:center;gap:.7rem;margin:0 0 1rem;color:#8cf5ffc7;font-family:var(--font-mono);font-size:.64rem;letter-spacing:.2em;text-transform:uppercase}.page-hero__kicker:before{width:34px;height:1px;content:"";background:#8cf5ff8c}.page-hero h1{max-width:21ch;margin:0 0 1.1rem;color:#f6fbfe;font-family:var(--type-display-font);font-size:clamp(2rem,4.4vw,3.9rem);line-height:1.08}.page-hero h1 em{color:var(--color-electric);font-style:normal}.page-hero__lede{max-width:56ch;margin:0;color:#d9e5edc7;font-size:clamp(.98rem,1.25vw,1.16rem);line-height:1.6}.page-hero__crumbs{margin:0 0 1.4rem;color:#eef1f470;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.1em}.page-hero__crumbs a{color:#eef1f4b8;border-bottom:1px solid transparent}.page-hero__crumbs a:hover{border-color:currentColor}.page-main{display:grid;gap:clamp(3.4rem,7vw,6rem);max-width:1120px;margin:0 auto;padding:clamp(3.2rem,6vw,5rem) clamp(1.25rem,5vw,3rem) clamp(4.5rem,8vw,7rem)}.page-section>h2{margin-bottom:1.6rem;color:var(--color-ink);font-size:clamp(1.5rem,2.6vw,2.3rem);line-height:1.14}.page-section__kicker{margin:0 0 .8rem;color:var(--color-orange);font-family:var(--font-mono);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase}.page-section>p{max-width:68ch;color:var(--color-ink-soft);line-height:1.62}.page-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.info-card{position:relative;display:grid;align-content:start;gap:.55rem;padding:1.35rem 1.4rem 1.5rem;border:1px solid var(--color-line);background:var(--color-white);transition:border-color .2s ease,box-shadow .24s ease,transform .24s var(--ease)}.info-card:before{position:absolute;top:0;left:0;width:0;height:2px;content:"";background:linear-gradient(90deg,var(--color-electric),transparent);transition:width .32s var(--ease)}.info-card:hover{border-color:#20c8ff66;box-shadow:0 18px 44px #10182014;transform:translateY(-3px)}.info-card:hover:before{width:100%}.info-card h3{margin:0;color:var(--color-ink);font-size:1.02rem;line-height:1.3}.info-card p{margin:0;color:var(--color-muted);font-size:.9rem;line-height:1.55}.info-card__index{color:var(--color-electric-deep);font-family:var(--font-mono);font-size:.62rem;letter-spacing:.16em}.step-row{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));counter-reset:step}.step{position:relative;padding:1.15rem 1.2rem 1.3rem;border-left:2px solid rgba(32,200,255,.4);background:var(--color-white)}.step:before{counter-increment:step;content:"0" counter(step);display:block;margin-bottom:.5rem;color:var(--color-electric-deep);font-family:var(--font-mono);font-size:.66rem;letter-spacing:.16em}.step h3{margin:0 0 .4rem;font-size:.98rem}.step p{margin:0;color:var(--color-muted);font-size:.86rem;line-height:1.5}.step small{display:block;margin-top:.55rem;color:var(--color-electric-deep);font-family:var(--font-mono);font-size:.62rem;letter-spacing:.08em}.faq{display:grid;gap:.6rem;max-width:780px}.faq details{border:1px solid var(--color-line);background:var(--color-white)}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;color:var(--color-ink);font-weight:600;font-size:.95rem;cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--color-electric-deep);font-family:var(--font-mono);font-size:1.1rem;transition:transform .2s var(--ease)}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{margin:0;padding:0 1.2rem 1.15rem;color:var(--color-ink-soft);font-size:.9rem;line-height:1.6}.price-line{display:inline-flex;align-items:baseline;gap:.75rem;padding:.8rem 1.2rem;border:1px solid rgba(255,159,47,.5);background:#ff9f2f0f}.price-line strong{color:var(--color-ink);font-family:var(--type-display-font);font-size:1.5rem}.price-line span{color:var(--color-muted);font-family:var(--font-mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}.cta-band{position:relative;overflow:hidden;display:grid;gap:1.4rem;justify-items:start;padding:clamp(2.2rem,5vw,3.4rem);background:radial-gradient(circle at 88% 0%,rgba(32,200,255,.16),transparent 46%),linear-gradient(rgba(140,245,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(140,245,255,.04) 1px,transparent 1px),#05070a;background-size:auto,48px 48px,48px 48px,auto;color:#eef1f4}.cta-band h2{margin:0;max-width:24ch;color:#f6fbfe;font-size:clamp(1.4rem,2.6vw,2.2rem);line-height:1.16}.cta-band p{margin:0;max-width:52ch;color:#d9e5edbf}.cta-band__actions{display:flex;flex-wrap:wrap;gap:.7rem}.stat-row{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.stat-tile{padding:1.2rem 1.25rem 1.3rem;border-top:2px solid var(--color-electric);background:var(--color-white)}.stat-tile strong{display:block;color:var(--color-ink);font-family:var(--type-display-font);font-size:clamp(1.5rem,2.6vw,2.1rem);line-height:1.05}.stat-tile span{display:block;margin-top:.4rem;color:var(--color-muted);font-family:var(--font-mono);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase}.case-media{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.case-media figure{margin:0;border:1px solid var(--color-line);background:var(--color-white);padding:.55rem;cursor:zoom-in;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.case-media figure:hover,.case-media figure:focus-visible{border-color:#20c8ff6b;box-shadow:0 20px 60px #1018201f;outline:0;transform:translateY(-2px)}.case-media img{display:block;width:100%;height:auto}.case-media figcaption{padding:.55rem .3rem .15rem;color:var(--color-muted);font-family:var(--font-mono);font-size:.62rem;letter-spacing:.1em}.case-lightbox-open{overflow:hidden}.case-lightbox{position:fixed;inset:0;z-index:220;display:grid;place-items:center;padding:clamp(1rem,3vw,2.5rem);background:radial-gradient(circle at 50% 34%,rgba(32,200,255,.12),transparent 34rem),#03060adb;opacity:0;pointer-events:none;transition:opacity .18s ease;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.case-lightbox.is-open{opacity:1;pointer-events:auto}.case-lightbox__frame{position:relative;width:min(100%,1240px);transform:translateY(10px) scale(.985);transition:transform .22s var(--ease)}.case-lightbox.is-open .case-lightbox__frame{transform:translateY(0) scale(1)}.case-lightbox__image{display:block;width:100%;max-height:min(82vh,860px);object-fit:contain;border:1px solid rgba(140,245,255,.22);background:#05070a;box-shadow:0 30px 120px #0000007a}.case-lightbox__caption{margin:.75rem 0 0;color:#fcfcfdb8;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.14em;text-align:center;text-transform:uppercase}.case-lightbox__close{position:fixed;top:clamp(.85rem,2vw,1.5rem);right:clamp(.85rem,2vw,1.5rem);z-index:1;display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(140,245,255,.28);border-radius:999px;background:#05080cc7;color:#fcfcfd;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.case-lightbox__close:hover,.case-lightbox__close:focus-visible{border-color:#8cf5ffb8;background:#128aa66b;outline:0;transform:translateY(-1px)}.case-lightbox__close svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}@media(max-width:700px){.case-lightbox{padding:1rem}.case-lightbox__image{max-height:78vh}}@media(prefers-reduced-motion:reduce){.case-media figure,.case-lightbox,.case-lightbox__frame,.case-lightbox__close{transition:none}.case-media figure:hover,.case-media figure:focus-visible,.case-lightbox__frame,.case-lightbox.is-open .case-lightbox__frame,.case-lightbox__close:hover,.case-lightbox__close:focus-visible{transform:none}}.arch-diagram{overflow-x:auto;border:1px solid var(--color-line);background:linear-gradient(rgba(16,24,32,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(16,24,32,.03) 1px,transparent 1px),var(--color-white);background-size:40px 40px;padding:clamp(1rem,3vw,2rem)}.arch-diagram svg{display:block;min-width:640px;width:100%;height:auto}.article{max-width:760px;margin:0 auto}.article__meta{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;margin-bottom:2.2rem;color:var(--color-muted);font-family:var(--font-mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase}.article h2{margin:2.6rem 0 .9rem;font-size:clamp(1.3rem,2.2vw,1.75rem);line-height:1.2}.article h3{margin:2rem 0 .7rem;font-size:1.08rem}.article p,.article li{color:var(--color-ink-soft);font-size:clamp(.97rem,1.15vw,1.06rem);line-height:1.72}.article ul,.article ol{padding-left:1.3rem}.article pre{overflow-x:auto;margin:1.4rem 0;padding:1.1rem 1.25rem;border:1px solid rgba(140,245,255,.18);background:#06090d;color:#dbe7ee;font-family:"JetBrains Mono",var(--font-mono);font-size:.82rem;line-height:1.6}.article code{font-family:"JetBrains Mono",var(--font-mono);font-size:.88em}.article p code,.article li code{padding:.1em .35em;border:1px solid var(--color-line);background:var(--color-cream);color:var(--color-ink)}.article blockquote{margin:1.6rem 0;padding:.8rem 1.2rem;border-left:3px solid var(--color-orange);background:var(--color-white);color:var(--color-ink-soft);font-style:italic}.article hr{margin:2.4rem 0;border:0;border-top:1px solid var(--color-line)}.post-list{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.post-card{display:grid;align-content:start;gap:.6rem;padding:1.5rem 1.5rem 1.6rem;border:1px solid var(--color-line);background:var(--color-white);transition:border-color .2s ease,box-shadow .24s ease,transform .24s var(--ease)}.post-card:hover{border-color:#20c8ff66;box-shadow:0 18px 44px #10182014;transform:translateY(-3px)}.post-card time{color:var(--color-muted);font-family:var(--font-mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase}.post-card h3{margin:0;font-size:1.12rem;line-height:1.32}.post-card p{margin:0;color:var(--color-muted);font-size:.88rem;line-height:1.55}.post-card__more{margin-top:.4rem;color:var(--color-electric-deep);font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}.subpage-footer{border-top:1px solid var(--color-line);background:var(--color-white);padding:clamp(2.2rem,5vw,3.4rem) clamp(1.25rem,5vw,4.5rem)}.subpage-footer__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.2rem 2rem;max-width:var(--container);margin:0 auto}.subpage-footer__brand{display:inline-flex;align-items:center;gap:.6rem;color:var(--color-ink);font-family:var(--font-heading);font-weight:700;letter-spacing:.28em;font-size:.82rem}.subpage-footer__brand img{width:30px;height:30px}.subpage-footer nav{display:flex;flex-wrap:wrap;gap:.4rem 1.5rem}.subpage-footer nav a{color:var(--color-ink-soft);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid transparent;padding-bottom:2px}.subpage-footer nav a:hover,.subpage-footer nav a:focus-visible{color:var(--color-electric-deep);border-color:currentColor}.subpage-footer__note{width:100%;margin:0;color:var(--color-muted-2);font-size:.74rem}@media(prefers-reduced-motion:reduce){.info-card,.post-card,.info-card:before{transition:none}}