:root{color-scheme:light dark;--font-display: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", "URW Palladio L", Georgia, serif;--font-body: "Avenir Next", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;--page: #f4f3ec;--page-top-glow: rgba(15, 118, 110, .12);--page-side-glow: rgba(184, 97, 22, .08);--page-mid: #f8f7f1;--page-bottom: #f5f8f4;--overlay-fill: rgba(255, 255, 255, .45);--overlay-dot: rgba(16, 32, 43, .04);--ink: #10202b;--ink-soft: #334554;--line: rgba(16, 32, 43, .1);--accent: #0f766e;--accent-strong: #0b4f51;--accent-soft: #d6f0ea;--warm: #8f4306;--warm-soft: #f8e4cc;--danger: #b42318;--skip-link-ink: #ffffff;--surface-start: rgba(255, 255, 255, .94);--surface-end: rgba(255, 255, 255, .78);--surface-muted: rgba(15, 118, 110, .06);--surface-elevated: rgba(255, 255, 255, .72);--surface-soft: rgba(255, 255, 255, .58);--surface-field: rgba(255, 255, 255, .95);--surface-invalid: rgba(254, 242, 242, .95);--surface-success: rgba(214, 240, 234, .65);--surface-error: rgba(254, 242, 242, .84);--flyout-start: #f8f3ea;--flyout-end: #eef6ef;--flyout-border: rgba(16, 32, 43, .16);--flyout-shadow: 0 22px 56px rgba(16, 32, 43, .16);--header-bg: rgba(244, 243, 236, .88);--header-border: rgba(16, 32, 43, .08);--control-bg: rgba(255, 255, 255, .76);--control-bg-hover: rgba(255, 255, 255, .94);--control-border: rgba(16, 32, 43, .1);--button-primary-bg: #0f766e;--button-primary-hover: #0b4f51;--button-primary-ink: #ffffff;--button-secondary-bg: rgba(255, 255, 255, .76);--button-secondary-hover: rgba(255, 255, 255, .94);--button-secondary-ink: #10202b;--button-secondary-border: rgba(16, 32, 43, .12);--field-border: rgba(16, 32, 43, .14);--invalid-border: rgba(180, 35, 24, .48);--status-success-border: rgba(15, 118, 110, .22);--status-error-border: rgba(180, 35, 24, .24);--focus-ring: rgba(15, 118, 110, .42);--surface-glow: rgba(15, 118, 110, .11);--ribbon-start: #f2b04e;--ribbon-end: #e48812;--ribbon-ink: #24160b;--ribbon-shadow: rgba(184, 97, 22, .22);--shadow: 0 24px 64px rgba(16, 32, 43, .08);--radius-xl: 1.75rem;--radius-lg: 1.25rem;--radius-md: .9rem;--max: 72rem}@media(prefers-color-scheme:dark){:root{--page: #0b141b;--page-top-glow: rgba(62, 221, 198, .18);--page-side-glow: rgba(255, 173, 84, .16);--page-mid: #111b24;--page-bottom: #13202a;--overlay-fill: rgba(7, 12, 18, .32);--overlay-dot: rgba(226, 239, 244, .05);--ink: #ecf4f7;--ink-soft: #c8d7de;--line: rgba(226, 239, 244, .14);--accent: #59d9c6;--accent-strong: #bafbf1;--accent-soft: rgba(89, 217, 198, .16);--warm: #ffd49c;--warm-soft: rgba(255, 212, 156, .16);--danger: #ff9188;--skip-link-ink: #0b141b;--surface-start: rgba(14, 24, 33, .96);--surface-end: rgba(14, 24, 33, .86);--surface-muted: rgba(89, 217, 198, .11);--surface-elevated: rgba(18, 30, 40, .88);--surface-soft: rgba(18, 30, 40, .78);--surface-field: rgba(12, 21, 29, .95);--surface-invalid: rgba(90, 25, 23, .45);--surface-success: rgba(14, 68, 62, .5);--surface-error: rgba(92, 28, 25, .5);--flyout-start: #0f1b24;--flyout-end: #162734;--flyout-border: rgba(226, 239, 244, .2);--flyout-shadow: 0 26px 72px rgba(0, 0, 0, .46);--header-bg: rgba(11, 20, 27, .88);--header-border: rgba(226, 239, 244, .1);--control-bg: rgba(18, 30, 40, .82);--control-bg-hover: rgba(22, 38, 50, .96);--control-border: rgba(226, 239, 244, .14);--button-primary-bg: #74e2d3;--button-primary-hover: #9df1e6;--button-primary-ink: #072227;--button-secondary-bg: rgba(18, 30, 40, .88);--button-secondary-hover: rgba(24, 40, 53, .98);--button-secondary-ink: #ecf4f7;--button-secondary-border: rgba(226, 239, 244, .16);--field-border: rgba(226, 239, 244, .18);--invalid-border: rgba(255, 145, 136, .55);--status-success-border: rgba(89, 217, 198, .34);--status-error-border: rgba(255, 145, 136, .34);--focus-ring: rgba(120, 251, 235, .55);--surface-glow: rgba(89, 217, 198, .18);--ribbon-start: #f7c46a;--ribbon-end: #eba83d;--ribbon-ink: #1e1208;--ribbon-shadow: rgba(247, 196, 106, .18);--shadow: 0 30px 90px rgba(0, 0, 0, .42)}}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font-body);background:radial-gradient(circle at top right,var(--page-top-glow),transparent 32%),radial-gradient(circle at left 14% top 26%,var(--page-side-glow),transparent 28%),linear-gradient(180deg,var(--page) 0%,var(--page-mid) 38%,var(--page-bottom) 100%);color:var(--ink);line-height:1.65}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(var(--overlay-fill),var(--overlay-fill)),radial-gradient(var(--overlay-dot) .7px,transparent .7px);background-size:auto,20px 20px;opacity:.35}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}p,li{color:var(--ink-soft)}ul{margin:0;padding:0}h1,h2,h3{margin:0;font-family:var(--font-display);line-height:1.1;color:var(--ink)}h1{font-size:clamp(2.7rem,6vw,5.1rem);letter-spacing:-.035em}h2{font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.025em}h3{font-size:clamp(1.25rem,2.5vw,1.7rem)}main,header,footer{position:relative;z-index:1}.container{width:min(var(--max),calc(100% - 2rem));margin:0 auto}.skip-link{position:absolute;left:1rem;top:-5rem;z-index:100;padding:.75rem 1rem;border-radius:.75rem;background:var(--ink);color:var(--skip-link-ink)}.skip-link:focus-visible{top:1rem}.site-header{position:sticky;top:0;z-index:80;isolation:isolate;backdrop-filter:blur(18px);background:var(--header-bg);border-bottom:1px solid var(--header-border)}.nav-shell{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.95rem 0}.brand{display:grid;gap:.1rem}.brand-kicker{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-strong);font-weight:700}.brand-title{font-size:.98rem;font-weight:700;color:var(--ink)}.nav-links{display:flex;align-items:center;gap:.35rem;list-style:none;flex-wrap:wrap}.nav-item{position:relative}.nav-link{display:inline-flex;align-items:center;padding:.6rem .8rem;border-radius:999px;font-size:.94rem;font-weight:600;color:var(--ink-soft);transition:background-color .14s ease,color .14s ease,transform .14s ease}.nav-link:hover,.nav-link:focus-visible,.nav-link[aria-current=page]{background:var(--accent-soft);color:var(--accent-strong)}.nav-item-with-menu{padding-bottom:.8rem;margin-bottom:-.8rem}.nav-item-with-menu:after{content:"";position:absolute;left:0;right:0;top:100%;height:.9rem}.nav-flyout{position:absolute;top:calc(100% + .7rem);left:0;z-index:90;display:grid;gap:.9rem;width:min(30rem,calc(100vw - 2rem));padding:1rem;border:1px solid var(--flyout-border);border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--flyout-start),var(--flyout-end));box-shadow:var(--flyout-shadow);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(.5rem);transition:opacity .16s ease,visibility .16s ease,transform .16s ease}.nav-item-with-menu:hover .nav-flyout,.nav-item-with-menu:focus-within .nav-flyout{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.nav-flyout-title{margin:0;font-size:.82rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-strong)}.nav-flyout-list{list-style:none;display:grid;gap:.55rem}.nav-flyout-link{display:grid;gap:.45rem;padding:.9rem .95rem;border-radius:1rem;border:1px solid var(--control-border);background:var(--surface-elevated);transition:background-color .14s ease,border-color .14s ease,transform .14s ease}.nav-flyout-link:hover,.nav-flyout-link:focus-visible{background:var(--control-bg-hover);border-color:var(--status-success-border);transform:translateY(-1px)}.nav-flyout-header{display:flex;align-items:start;justify-content:space-between;gap:.8rem}.nav-flyout-name{color:var(--ink);font-weight:800}.nav-flyout-tags{display:inline-flex;flex-wrap:wrap;justify-content:flex-end;gap:.45rem}.nav-flyout-badge,.nav-flyout-pill{padding:.26rem .5rem;font-size:.62rem;line-height:1.05}.nav-flyout-summary{color:var(--ink-soft);font-size:.9rem}.nav-flyout-footer{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;width:fit-content;padding:.65rem 1rem;border:1px solid var(--button-secondary-border);border-radius:999px;background:var(--button-secondary-bg);color:var(--button-secondary-ink);font-weight:700}.nav-flyout-footer:hover,.nav-flyout-footer:focus-visible{background:var(--button-secondary-hover)}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3rem;padding:.78rem 1.2rem;border-radius:999px;border:1px solid transparent;background:var(--button-primary-bg);color:var(--button-primary-ink);font:inherit;font-size:.96rem;font-weight:700;line-height:1.1;cursor:pointer;appearance:none;transition:transform .16s ease,background-color .16s ease,border-color .16s ease}.button:hover,.button:focus-visible{transform:translateY(-1px);background:var(--button-primary-hover)}.button-secondary{background:var(--button-secondary-bg);color:var(--button-secondary-ink);border-color:var(--button-secondary-border)}.button-secondary:hover,.button-secondary:focus-visible{background:var(--button-secondary-hover)}.button-small{min-height:2.5rem;padding-inline:1rem;font-size:.92rem}.header-cta{white-space:nowrap}.header-actions{display:flex;align-items:center;gap:.75rem}.language-toggle{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem;border:1px solid var(--control-border);border-radius:999px;background:var(--control-bg)}.language-link{display:inline-flex;align-items:center;justify-content:center;min-height:2rem;padding:.4rem .72rem;border-radius:999px;color:var(--ink-soft);font-size:.88rem;font-weight:700;transition:background-color .14s ease,color .14s ease}.language-link:hover,.language-link:focus-visible{background:var(--accent-soft);color:var(--accent-strong)}.language-link.is-active{background:var(--accent-soft);color:var(--accent-strong)}.section{padding:clamp(4rem,8vw,7.5rem) 0}.hero{padding-top:clamp(3.5rem,7vw,6rem)}.hero-grid,.split-grid{display:grid;gap:1.6rem;grid-template-columns:1.35fr minmax(18rem,.85fr);align-items:stretch}.eyebrow{margin-bottom:1rem;font-size:.78rem;letter-spacing:.19em;text-transform:uppercase;color:var(--accent-strong);font-weight:800}.lead{margin-top:1.25rem;max-width:42rem;font-size:clamp(1.08rem,2.2vw,1.32rem)}.hero-actions{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:1.75rem}.hero-panel,.section-shell,.card,.callout{position:relative;overflow:clip;border:1px solid var(--line);border-radius:var(--radius-xl);background:linear-gradient(180deg,var(--surface-start),var(--surface-end));box-shadow:var(--shadow)}.hero-panel,.section-shell,.callout{padding:clamp(1.5rem,3vw,2.25rem)}.hero-panel:before,.section-shell:before,.card:before,.callout:before{content:"";position:absolute;inset:auto auto 0 0;width:8rem;height:8rem;background:radial-gradient(circle,var(--surface-glow),transparent 68%);pointer-events:none}.mini-label{margin:0 0 .85rem;font-size:.76rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--warm)}.status-badge,.platform-pill,.tone-badge{display:inline-flex;align-items:center;width:fit-content;padding:.45rem .72rem;border-radius:999px;font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.status-badge{background:var(--warm-soft);color:var(--warm)}.platform-pill,.tone-badge{background:var(--accent-soft);color:var(--accent-strong)}.stack,.stack-tight{display:grid}.stack{gap:1rem}.stack-tight{gap:.7rem}.stat-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;margin-top:2rem}.stat{padding:1rem;border-radius:var(--radius-md);background:var(--surface-soft);border:1px solid var(--control-border)}.stat strong{display:block;margin-bottom:.25rem;color:var(--ink)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:1.25rem;margin-bottom:1.75rem}.section-heading p{max-width:36rem;margin:.7rem 0 0}.card-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(3,minmax(0,1fr))}.card-grid.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card{display:grid;gap:1rem;padding:1.4rem}.card p{margin:0}.card-list{list-style:none;display:grid;gap:.75rem}.card-list li{position:relative;padding-left:1.1rem}.card-list li:before{content:"";position:absolute;left:0;top:.7rem;width:.42rem;height:.42rem;border-radius:50%;background:var(--accent)}.ribbon{position:absolute;top:1rem;right:-2.8rem;padding:.45rem 3.4rem;transform:rotate(23deg);background:linear-gradient(90deg,var(--ribbon-start),var(--ribbon-end));color:var(--ribbon-ink);font-size:.72rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;box-shadow:0 16px 30px var(--ribbon-shadow)}.pill-list{display:flex;flex-wrap:wrap;gap:.7rem;list-style:none}.pill-list li{padding:.55rem .8rem;border-radius:999px;border:1px solid var(--control-border);background:var(--surface-elevated);color:var(--ink-soft);font-size:.92rem}.muted-block{padding:1.15rem 1.2rem;border-radius:var(--radius-lg);background:var(--surface-muted);border:1px solid var(--status-success-border)}.kicker-list{list-style:none;display:grid;gap:1rem}.kicker-list strong{display:block;color:var(--ink)}.form-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.form-field{display:grid;gap:.45rem}.form-field.full{grid-column:1 / -1}label{font-weight:700;color:var(--ink)}input,select,textarea{width:100%;margin:0;border:1px solid var(--field-border);border-radius:1rem;padding:.9rem 1rem;background:var(--surface-field);color:var(--ink);font:inherit}textarea{min-height:10rem;resize:vertical}input:focus-visible,select:focus-visible,textarea:focus-visible,.button:focus-visible,.nav-link:focus-visible,.brand:focus-visible,.footer-link:focus-visible,.nav-flyout-link:focus-visible,.nav-flyout-footer:focus-visible,.language-link:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--invalid-border);background:var(--surface-invalid)}.field-error{min-height:1.2rem;font-size:.88rem;color:var(--danger)}.help-text{margin:0;font-size:.92rem}.form-status{margin-top:1rem;padding:.9rem 1rem;border-radius:1rem;border:1px solid var(--control-border);background:var(--surface-elevated)}.form-status[data-tone=success]{border-color:var(--status-success-border);background:var(--surface-success);color:var(--accent-strong)}.form-status[data-tone=error]{border-color:var(--status-error-border);background:var(--surface-error);color:var(--danger)}.form-actions{display:flex;align-items:center;gap:.85rem;margin-top:.5rem}.honeypot{position:absolute;left:-100vw;width:1px;height:1px;opacity:0;pointer-events:none}.site-footer{padding:2.5rem 0 3.25rem}.footer-shell{display:grid;gap:1.25rem;grid-template-columns:1.5fr 1fr;padding-top:1.5rem;border-top:1px solid var(--header-border)}.footer-meta{display:grid;gap:.4rem}.footer-links{display:flex;flex-wrap:wrap;gap:.8rem 1rem;justify-content:flex-end}.footer-link{color:var(--ink-soft);font-weight:600}.note{margin:0;font-size:.95rem}@media(max-width:72rem){.card-grid,.card-grid.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:56rem){.nav-shell,.section-heading,.footer-shell,.hero-grid,.split-grid{grid-template-columns:1fr}.nav-shell,.section-heading,.footer-shell{display:grid;justify-content:stretch}.nav-links,.footer-links{justify-content:flex-start}.nav-item-with-menu{padding-bottom:0;margin-bottom:0}.nav-item-with-menu:after{display:none}.nav-flyout{display:none}.header-actions{flex-wrap:wrap}.header-cta{display:none}.card-grid,.card-grid.products-grid,.form-grid,.stat-strip{grid-template-columns:1fr}}@media(max-width:40rem){h1{font-size:clamp(2.35rem,11vw,3.4rem)}.container{width:min(var(--max),calc(100% - 1.2rem))}.nav-link{padding-inline:.6rem}.language-toggle{width:100%;justify-content:center}.hero-panel,.section-shell,.card,.callout{border-radius:1.25rem}.ribbon{right:-3.2rem}}@media(hover:none),(pointer:coarse){.nav-item-with-menu{width:auto;padding-bottom:0;margin-bottom:0}.nav-item-with-menu:after{display:none}.nav-flyout{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(forced-colors:active){.nav-flyout,.button,.button-secondary,.language-toggle,input,select,textarea{border:1px solid CanvasText;forced-color-adjust:auto}}