@font-face{font-family:Atkinson;src:url('/assets/fonts/atkinson-regular.woff') format('woff');font-display:swap;font-weight:400}@font-face{font-family:Atkinson;src:url('/assets/fonts/atkinson-bold.woff') format('woff');font-display:swap;font-weight:700}@font-face{font-family:'Pixelated Elegance';src:url('/assets/fonts/PixelatedEleganceRegular.ttf') format('truetype');font-display:swap;font-weight:400}
:root{--ground:#03120d;--surface:#071c14;--surface-2:#0b261b;--ink:#f4f7ec;--muted:#b9c5bb;--line:rgba(244,247,236,.24);--accent:#d9ff57;--accent-ink:#132000;--radius:0;--edge:clamp(1rem,4vw,4.5rem);--max:100rem;--nav-height:4.75rem;color-scheme:dark;font-family:Atkinson,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{min-width:320px;margin:0;background:var(--ground)}body{min-height:100svh;color:var(--ink);font-family:Atkinson,sans-serif;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}img{display:block;max-width:100%;height:auto}.product-field{position:fixed;inset:0;z-index:0;background:var(--ground)}.product-field:after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,color-mix(in srgb,var(--accent) 9%,transparent),transparent 38%)}.skip-link{position:fixed;z-index:100;top:.75rem;left:.75rem;padding:.7rem 1rem;color:var(--accent-ink);background:var(--accent);font-size:.75rem;font-weight:700;transform:translateY(-200%)}.skip-link:focus{transform:none}
.product-header{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:clamp(1rem,3vw,3rem);width:100%;height:var(--nav-height);padding:0 var(--edge);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--ground) 88%,transparent);backdrop-filter:blur(18px)}.product-wordmark{font-family:'Pixelated Elegance',Atkinson,sans-serif;font-size:clamp(1.1rem,2vw,1.65rem);letter-spacing:.04em;text-transform:uppercase}.product-menu{display:flex;align-items:center;justify-content:flex-end;gap:clamp(1rem,3vw,3rem)}.product-nav{display:flex;align-items:center;gap:clamp(.8rem,2vw,1.8rem);font-size:.76rem;font-weight:700}.product-nav>a,.product-nav summary{display:flex;align-items:center;height:var(--nav-height);color:var(--muted);cursor:pointer;list-style:none;white-space:nowrap}.product-nav summary::-webkit-details-marker{display:none}.product-nav>a:hover,.product-nav summary:hover,.product-nav a[aria-current=page],.product-nav__group[data-active]>summary{color:var(--accent)}.product-nav__group{position:relative}.product-nav__menu{position:absolute;top:calc(100% - .35rem);left:-1rem;display:grid;min-width:13rem;padding:.65rem;border:1px solid var(--line);background:var(--surface);box-shadow:0 1.5rem 4rem rgba(0,0,0,.28)}.product-nav__menu a{padding:.72rem .8rem;color:var(--muted)}.product-nav__menu a:hover,.product-nav__menu a:focus-visible,.product-nav__menu a[aria-current=page]{color:var(--accent);background:var(--surface-2)}.product-header__cta,.product-button{display:inline-flex;align-items:center;justify-content:center;min-height:2.7rem;padding:.75rem 1rem;border:1px solid var(--accent);border-radius:var(--radius);color:var(--accent-ink);background:var(--accent);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;transition:transform 160ms ease,background 160ms ease}.product-header__cta:active,.product-button:active{transform:translateY(1px)}.product-menu-button{display:none;border:1px solid var(--line);color:var(--ink);background:transparent;padding:.6rem .75rem}
.product-main,.product-footer{position:relative;z-index:1;width:calc(100% - 2 * var(--edge));max-width:var(--max);margin-inline:auto}.product-page-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(20rem,.78fr);gap:clamp(2rem,7vw,8rem);align-items:center;min-height:clamp(34rem,calc(100svh - var(--nav-height)),62rem);padding:clamp(3rem,8vw,7rem) 0;border-bottom:1px solid var(--line)}.product-page-hero__copy h1{max-width:14ch;margin:.8rem 0 1.25rem;font-size:clamp(3.2rem,7.5vw,8rem);font-weight:400;letter-spacing:-.065em;line-height:.88;text-wrap:balance}.product-page-hero__copy>p:not(.product-eyebrow){max-width:42rem;margin:0;color:var(--muted);font-size:clamp(1.05rem,1.65vw,1.35rem);line-height:1.55}.product-eyebrow{margin:0;color:var(--accent);font-size:.67rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.product-page-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem;margin-top:2rem}.product-text-link{display:inline-flex;gap:.65rem;align-items:center;padding:.4rem 0;border-bottom:1px solid currentColor;color:var(--accent);font-size:.78rem;font-weight:700}.product-visual{min-width:0;margin:0}.product-visual img{width:100%;max-height:41rem;object-fit:contain}.product-visual figcaption{margin-top:.8rem;color:var(--muted);font-size:.68rem}.product-visual__stage{--visual-ink:#f4f7ec;--visual-bg:#071c14;position:relative;min-height:26rem;padding:clamp(1.2rem,3vw,2.5rem);overflow:hidden;border:1px solid var(--line);background:var(--visual-bg);color:var(--visual-ink)}.product-visual__stage:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--line) 1px,transparent 1px),linear-gradient(var(--line) 1px,transparent 1px);background-size:3rem 3rem;opacity:.3}.product-visual__title{position:relative;display:block;max-width:18ch;font-size:clamp(1.7rem,3vw,3.2rem);line-height:1}.product-visual__items{position:relative;display:grid;gap:.65rem;margin-top:clamp(4rem,10vw,9rem)}.product-visual__items span{display:block;width:fit-content;max-width:100%;padding:.58rem .75rem;border-left:2px solid var(--accent);background:color-mix(in srgb,var(--accent) 9%,var(--visual-bg));color:var(--visual-ink);font-size:.8rem;transform:translateX(calc(var(--item) * 4%))}.product-visual--not-found .product-visual__title{font-size:clamp(5rem,14vw,12rem);color:var(--accent)}
.product-page-sections{border-bottom:1px solid var(--line)}.product-page-section{display:grid;grid-template-columns:3rem minmax(15rem,.72fr) minmax(16rem,1fr);gap:clamp(1.2rem,5vw,5rem);padding:clamp(3.5rem,7vw,7rem) 0;border-top:1px solid var(--line)}.product-page-section__index{color:var(--accent);font-size:.68rem}.product-page-section h2{max-width:15ch;margin:0 0 1rem;font-size:clamp(2rem,4.3vw,4.6rem);font-weight:400;letter-spacing:-.05em;line-height:.95}.product-page-section__copy p{max-width:42rem;margin:0;color:var(--muted);font-size:1rem;line-height:1.65}.product-page-section__status{display:block;width:fit-content;margin-top:1.5rem;padding:.55rem 0;border-bottom:1px solid var(--accent);color:var(--accent);font-size:.7rem;letter-spacing:.08em}.product-page-section ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;padding:1px;background:var(--line);list-style:none}.product-page-section li{min-height:6.5rem;padding:1rem;background:var(--ground);color:var(--list-ink,#f4f7ec);font-size:.88rem;line-height:1.45}.product-page-section li:before{content:"→";display:block;margin-bottom:1rem;color:var(--accent)}.product-page-section>.product-text-link{grid-column:3;justify-self:start}.product-page-cta{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:end;padding:clamp(4rem,8vw,8rem) 0;border-bottom:1px solid var(--line)}.product-page-cta h2{max-width:13ch;margin:0 0 1rem;font-size:clamp(2.6rem,6vw,6rem);font-weight:400;letter-spacing:-.06em;line-height:.9}.product-page-cta p{max-width:42rem;margin:0;color:var(--muted);line-height:1.6}
.product-source-gallery,.product-evidence-block{padding:clamp(4rem,8vw,8rem) 0;border-bottom:1px solid var(--line)}.product-source-gallery>h2,.product-evidence-block h2{margin:0 0 2rem;font-size:clamp(2rem,4vw,4rem);font-weight:400}.product-source-gallery>div{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}.product-source-gallery figure{grid-column:span 6;margin:0}.product-source-gallery figure:nth-child(3n){grid-column:span 12}.product-source-gallery img{width:100%;aspect-ratio:16/10;object-fit:cover;border:1px solid var(--line)}.product-source-gallery figcaption{margin-top:.65rem;color:var(--muted);font-size:.68rem}.product-evidence-block{display:grid;grid-template-columns:minmax(14rem,.65fr) minmax(20rem,1fr);gap:clamp(2rem,7vw,7rem)}.product-evidence-block p{max-width:38rem;color:var(--muted);line-height:1.6}.product-evidence-block ul{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin:0;padding:1px;background:var(--line);list-style:none}.product-evidence-block li{display:grid;gap:.65rem;padding:1rem;background:var(--ground);color:var(--list-ink,#f4f7ec)}.product-evidence-block li span,.product-evidence-block li small{color:var(--list-muted,#aeb9b0);font-size:.68rem}.product-evidence-block li small{color:var(--accent);font-weight:700}
.product-footer{display:grid;grid-template-columns:minmax(15rem,.65fr) 1fr;gap:clamp(2rem,7vw,7rem);padding:clamp(4rem,7vw,7rem) 0 2rem}.product-footer__brand p{max-width:26rem;color:var(--muted);line-height:1.55}.product-footer__brand>span{color:var(--accent);font-size:.7rem}.product-footer__groups{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.product-footer__groups section{display:flex;flex-direction:column;align-items:flex-start;gap:.65rem}.product-footer__groups h2{margin:0 0 .5rem;color:var(--muted);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase}.product-footer__groups a{font-size:.8rem}.product-footer__groups a:hover{color:var(--accent)}.product-footer__base{grid-column:1/-1;display:flex;justify-content:space-between;gap:2rem;margin-top:3rem;padding-top:1rem;border-top:1px solid var(--line);color:var(--muted);font-size:.68rem}
@media(max-width:1000px){.product-nav{gap:.8rem}.product-header__cta{display:none}.product-page-section{grid-template-columns:2rem minmax(0,.8fr) minmax(0,1fr)}.product-footer{grid-template-columns:1fr}.product-footer__groups{grid-template-columns:repeat(4,1fr)}}
@media(max-width:800px){:root{--nav-height:4.25rem}.product-header{grid-template-columns:1fr auto}.product-menu-button{display:block}.product-menu{position:fixed;top:var(--nav-height);left:0;right:0;display:none;max-height:calc(100svh - var(--nav-height));overflow:auto;padding:1rem var(--edge) 2rem;border-bottom:1px solid var(--line);background:var(--ground)}.product-menu-open .product-menu{display:block}.product-menu .product-header__cta{display:inline-flex;margin-top:1rem}.product-nav{display:grid;gap:0}.product-nav>a,.product-nav summary{height:auto;padding:1rem 0;border-bottom:1px solid var(--line);font-size:1rem}.product-nav__menu{position:static;padding:.2rem 0 .7rem 1rem;border:0;border-bottom:1px solid var(--line);box-shadow:none;background:transparent}.product-nav__menu a{padding:.7rem 0}.product-page-hero{grid-template-columns:1fr;min-height:auto;padding:clamp(3rem,12vw,6rem) 0}.product-page-hero__copy h1{font-size:clamp(3rem,13vw,6rem)}.product-visual__stage{min-height:20rem}.product-page-section{grid-template-columns:2rem 1fr}.product-page-section ul,.product-page-section>.product-text-link{grid-column:2}.product-page-cta,.product-evidence-block{grid-template-columns:1fr}.product-page-cta .product-button{justify-self:start}.product-source-gallery figure,.product-source-gallery figure:nth-child(3n){grid-column:span 12}.product-footer__groups{grid-template-columns:repeat(2,1fr)}}
@media(max-width:500px){.product-page-section{grid-template-columns:1fr}.product-page-section__index{display:none}.product-page-section ul,.product-page-section>.product-text-link{grid-column:1}.product-page-section ul,.product-evidence-block ul{grid-template-columns:1fr}.product-footer__groups{grid-template-columns:1fr 1fr}.product-footer__base{flex-direction:column}.product-page-hero__actions{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Keep branded button labels legible when product link rules are more specific. */
.product-header__cta,.product-button{color:var(--accent-ink)!important}

/* Layout vocabulary: pages may share technical primitives without sharing composition. */
.product-layout-editorial .product-page-hero { grid-template-columns: minmax(0, 1.15fr) minmax(18rem, .85fr); }
.product-layout-index .product-page-hero { align-items: end; min-height: 30rem; }
.product-layout-workflow .product-page-hero { grid-template-columns: minmax(0, .8fr) minmax(22rem, 1.2fr); }
.product-layout-workflow .product-visual__items span { border-left-width: 0; border-bottom: 2px solid var(--accent); }
.product-layout-docs .product-page-hero { min-height: 24rem; padding-bottom: 3rem; }
.product-layout-docs .product-page-section { grid-template-columns: 3rem minmax(12rem, .45fr) minmax(18rem, 1.4fr); }
.product-layout-specs .product-visual__stage { background: var(--surface-2); }
.product-layout-specs .product-page-section li { min-height: 4.5rem; font-variant-numeric: tabular-nums; }
.product-layout-media .product-page-hero { grid-template-columns: minmax(18rem, .72fr) minmax(0, 1.28fr); }
.product-layout-media .product-visual__stage { min-height: 30rem; }
.product-layout-ledger .product-page-section { border-top-style: dashed; }
.product-layout-ledger .product-page-section__status { border-bottom-color: var(--accent); }
.product-layout-timeline .product-page-sections { border-left: 1px solid var(--line); padding-left: clamp(1rem, 4vw, 4rem); }
.product-layout-timeline .product-page-section { position: relative; }
.product-layout-timeline .product-page-section__index { margin-left: -1px; }
.product-layout-comparison .product-page-section ul { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.product-layout-availability .product-page-hero { min-height: 26rem; align-items: end; }
.product-layout-availability .product-page-cta { border-top: 2px solid var(--accent); }
@media (max-width: 800px) {
  .product-layout-media .product-page-hero,
  .product-layout-workflow .product-page-hero,
  .product-layout-editorial .product-page-hero { grid-template-columns: 1fr; }
  .product-layout-comparison .product-page-section ul { grid-template-columns: 1fr; }
  .product-layout-timeline .product-page-sections { padding-left: 1rem; }
}
.product-section-points--ordered { counter-reset: route-step; }
.product-section-points--ordered li { counter-increment: route-step; }
.product-section-points--ordered li:before { content: counter(route-step, decimal-leading-zero); }
.product-section-points--ledger { display: grid; gap: 1px; margin: 0; padding: 1px; background: var(--line); }
.product-section-points--ledger > div { display: grid; grid-template-columns: 3rem 1fr; gap: 1rem; padding: 1rem; background: var(--ground); }
.product-section-points--ledger dt { color: var(--accent); font-size: .7rem; }
.product-section-points--ledger dd { margin: 0; color: var(--list-ink, var(--ink)); }
.product-page-section .product-section-points--ordered { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; margin: 0; padding: 1px; background: var(--line); list-style: none; }
.product-page-section .product-section-points--ordered li { min-height: 6.5rem; padding: 1rem; background: var(--ground); color: var(--list-ink, var(--ink)); font-size: .88rem; line-height: 1.45; }
@media (max-width: 800px) { .product-page-section .product-section-points--ordered { grid-template-columns: 1fr; } }

/* Semantic layout frames: shared primitives, distinct reading modes. */
.product-workflow,.product-ledger,.product-docs-frame,.product-specs-frame,.product-media-frame,.product-availability-frame{border-bottom:1px solid var(--line)}
.product-workflow{margin:0;padding:0;list-style:none;counter-reset:workflow}.product-workflow>.product-page-section{counter-increment:workflow}.product-workflow>.product-page-section .product-page-section__index:before{content:counter(workflow,decimal-leading-zero)}
.product-ledger{display:grid;border-left:2px dashed var(--accent);padding-left:clamp(1rem,3vw,3rem)}.product-ledger .product-page-section{border-top:1px dashed var(--line)}
.product-docs-frame>header,.product-media-frame__intro{display:grid;grid-template-columns:.6fr 1fr;gap:2rem;padding:2rem 0;border-bottom:2px solid var(--accent)}.product-docs-frame>header p,.product-media-frame__intro p{margin:0;color:var(--muted)}.product-docs-frame__label,.product-media-frame__intro p:first-child{color:var(--accent)!important;font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.product-specs-frame{margin:0}.product-specs-frame>div{display:grid;grid-template-columns:minmax(12rem,.55fr) 1fr;gap:clamp(1rem,5vw,5rem);padding:clamp(2rem,5vw,5rem) 0;border-top:1px solid var(--line)}.product-specs-frame dt{font-size:clamp(1.6rem,3.5vw,3.5rem);line-height:1}.product-specs-frame dt span{display:block;margin-bottom:.8rem;color:var(--accent);font-size:.7rem}.product-specs-frame dd{margin:0;color:var(--muted);line-height:1.6}.product-specs-frame dd .product-section-points{margin-top:1.5rem}
.product-availability-frame__status{padding:1rem 0;border-top:2px solid var(--accent);border-bottom:1px solid var(--line);color:var(--accent);font-size:.7rem;font-weight:700;letter-spacing:.14em}
@media(max-width:800px){.product-docs-frame>header,.product-media-frame__intro,.product-specs-frame>div{grid-template-columns:1fr}.product-specs-frame>div{gap:1.5rem}}
