html:root:not([data-theme=none]){--bg:#131419;--surface:#1b1c22;--surface-2:#202128;--ink:#f2f2f6;--ink-2:#c9cad5;--muted:#8b8c96;--line:#2a2b33;--line-strong:#46474f;--field:#56575f;--accent:#d2fe71;--accent-2:#ff8588;--accent-text:#d2fe71;--accent-soft:rgba(210, 254, 113, .1);--hot:#ff8588;--hot-text:#ff9fa1;--brand-grad:linear-gradient(90deg, #f2f2f6, #f2f2f6);--focus:#d2fe71;--dim:#d2fe71;--btn-bg:#d2fe71;--btn-line:#d2fe71;--btn-ink:#131419;--btn-hover-bg:#e2ff9b;--btn-hover-ink:#131419;--band-bg:#d2fe71;--band-ink:#131419;--band-muted:#3d4036;--band-line:rgba(19, 20, 25, .14);--todo-bg:rgba(255, 133, 136, .14);--todo-ink:#ffb9bb;--todo-line:#ff8588;--grid-line:transparent;--shadow:none;--header-bg:#131419;--btn-glass:210,254,113;--btn-glass-ink:#131419;--btn-glass-a:.65;--btn-glass-hi:rgba(255, 255, 255, .55);--btn-glass-edge:rgba(19, 20, 25, .16);--btn-glass-glow:rgba(210, 254, 113, .7);--sec-bg:linear-gradient(180deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .025));--sec-bg-h:linear-gradient(180deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .05));--sec-edge:rgba(255, 255, 255, .18);--sec-edge-h:rgba(255, 255, 255, .34);--sec-shadow:inset 0 1px 0 rgba(255, 255, 255, .1);--sec-shadow-h:inset 0 1px 0 rgba(255, 255, 255, .16),0 10px 24px -14px rgba(0, 0, 0, .8);--font-display:"Inter Tight","Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;--step-1:1.3rem;--step-2:clamp(1.5rem, 1.15rem + 1.2vw, 2.25rem);--step-3:clamp(2.4rem, 1.2rem + 4.4vw, 5.6rem);--step-4:clamp(2.1rem, .75rem + 4.3vw, 5.2rem);--maxw:1320px;--gutter:clamp(18px, 4vw, 56px);color-scheme:dark}
.section--alt{--bg:#f2f2f6;--surface:#fff;--surface-2:#e8e8ef;--ink:#131419;--ink-2:#3a3b44;--muted:#5d5e68;--line:#d9dae2;--line-strong:#b3b4bf;--field:#8e8f99;--accent:#131419;--accent-text:#131419;--accent-soft:rgba(19, 20, 25, .06);--focus:#131419;--dim:#131419;--hot:#c2373c;--hot-text:#b02a2f;--btn-bg:#131419;--btn-line:#131419;--btn-ink:#f2f2f6;--btn-hover-bg:#2c2d35;--btn-hover-ink:#f2f2f6;--todo-bg:#ffe3e4;--todo-ink:#7a1d21;--todo-line:#e5676b;--btn-glass:19,20,25;--btn-glass-ink:#fff;--btn-glass-a:.7;--btn-glass-hi:rgba(255, 255, 255, .22);--btn-glass-edge:rgba(19, 20, 25, .3);--btn-glass-glow:rgba(19, 20, 25, .35);--sec-bg:linear-gradient(180deg, rgba(255, 255, 255, .7), rgba(255, 255, 255, .3));--sec-bg-h:#fff;--sec-edge:rgba(19, 20, 25, .26);--sec-edge-h:rgba(19, 20, 25, .6);--sec-shadow:inset 0 1px 0 rgba(255, 255, 255, .9),0 6px 16px -10px rgba(19, 20, 25, .35);--sec-shadow-h:inset 0 1px 0 #fff,0 10px 24px -14px rgba(19, 20, 25, .4);background:var(--bg);color:var(--ink);color-scheme:light}
html{background:var(--bg,#131419);scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:var(--font-body);letter-spacing:-.011em}
h1,h2,h3,h4{font-family:var(--font-display);color:var(--ink)}
h1,h2{font-weight:700;letter-spacing:-.045em;line-height:.98}
h1{font-size:var(--step-4)}
h2{font-size:var(--step-3)}
h3{font-size:clamp(1.25rem, 1.1rem + .5vw, 1.5rem);font-weight:600;letter-spacing:-.025em;line-height:1.2}
h4{font-weight:600;letter-spacing:-.02em}
a:hover{color:var(--accent-text)}
::selection{background:#d2fe71;color:#131419}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
mark.todo{border-radius:2px}
.blueprint{background-image:none}
.crumbs,.dimline,.eyebrow,.footer-grid h2,.hero-proof,.opt-row>span,.post-meta,.stat span,.studio-head,.tag,.titleblock dt,.video-meta{font-family:var(--font-mono);font-size:.75rem;font-weight:400;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.eyebrow--accent{color:var(--accent-text)}
.dimline{gap:16px}
.dimline::after{height:1px;border:0;background:repeating-linear-gradient(90deg,var(--line-strong) 0 2px,transparent 2px 6px)}
.btn{min-height:48px;padding:.78em 1.45em;border-radius:999px;font:600 1rem/1.1 var(--font-display);letter-spacing:-.02em;gap:.6em}
.btn-small{min-height:40px;padding:.55em 1.1em;font-size:.9375rem}
.btn-primary{--btn-glass-lift:0;--btn-glass-bg:linear-gradient(180deg, rgba(var(--btn-glass), calc(var(--btn-glass-a) + var(--btn-glass-lift) + .1)) 0%, rgba(var(--btn-glass), calc(var(--btn-glass-a) + var(--btn-glass-lift))) 55%, rgba(var(--btn-glass), calc(var(--btn-glass-a) + var(--btn-glass-lift))) 100%);background:var(--btn-glass-bg);color:var(--btn-glass-ink);border-color:var(--btn-glass-edge);box-shadow:inset 0 1px 0 var(--btn-glass-hi),inset 0 -1px 0 rgba(0,0,0,.12),0 10px 26px -8px var(--btn-glass-glow);-webkit-backdrop-filter:blur(12px) saturate(160%);backdrop-filter:blur(12px) saturate(160%);transition:box-shadow .25s ease,transform .2s ease}
.btn-primary:focus-visible,.btn-primary:hover{--btn-glass-lift:.15;background:var(--btn-glass-bg);color:var(--btn-glass-ink);box-shadow:inset 0 1px 0 var(--btn-glass-hi),inset 0 -1px 0 rgba(0,0,0,.12),0 16px 34px -8px var(--btn-glass-glow);transform:translateY(-1px)}
.cta-band .btn-primary,.cta-band .btn-primary:focus-visible,.cta-band .btn-primary:hover,.section--alt .btn-primary,.section--alt .btn-primary:focus-visible,.section--alt .btn-primary:hover{background:var(--btn-glass-bg);color:var(--btn-glass-ink)}
.btn-secondary{background:var(--sec-bg);color:var(--ink);border-color:var(--sec-edge);box-shadow:var(--sec-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:border-color .2s ease,box-shadow .25s ease}
.btn-secondary:focus-visible,.btn-secondary:hover{background:var(--sec-bg-h);border-color:var(--sec-edge-h);color:var(--ink);box-shadow:var(--sec-shadow-h)}
.btn svg{transition:transform .25s ease}
.btn:hover svg{transform:translateX(3px)}
.link-arrow{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;color:var(--ink)}
.link-arrow:hover{color:var(--accent-text)}
.site-header{background:0 0;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid rgba(255,255,255,.07)}
.site-header::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(104deg,transparent 0 28%,rgba(255,255,255,.03) 42%,rgba(255,255,255,.065) 50%,rgba(255,255,255,.03) 58%,transparent 72%),linear-gradient(180deg,rgba(36,38,48,.82),rgba(19,20,25,.74));-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 14px 34px -20px rgba(0,0,0,.75);transition:opacity .7s ease}
.site-header .wrap{position:relative}
.nav-bar{gap:16px}
.site-header .brand{flex:1;margin-right:0}
.site-header .brand::after{content:"";flex:1;min-width:24px;height:1px;margin-left:14px;background:linear-gradient(90deg,rgba(255,255,255,.32),rgba(255,255,255,.06));transform-origin:0 50%}
.brand{font-family:var(--font-display);font-weight:700;font-size:1.35rem;letter-spacing:-.045em;color:var(--ink)}
.brand:hover{color:var(--ink)}
.brand svg{width:40px;height:26px}
.mark .m-s1{stop-color:#5c6370;stop-opacity:.85}
.mark .m-s2{stop-color:#3f444d;stop-opacity:.95}
.cta-band .mark .m-s1,.section--alt .mark .m-s1{stop-color:#94a3b8;stop-opacity:.9}
.cta-band .mark .m-s2,.section--alt .mark .m-s2{stop-color:#64748b;stop-opacity:.9}
.brand-tag{display:none;font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);white-space:nowrap}
.menu-toggle{flex:none;border-radius:999px;border-color:rgba(255,255,255,.18);background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.03));box-shadow:inset 0 1px 0 rgba(255,255,255,.12);transition:background .2s ease,border-color .2s ease}
.menu-toggle:hover{border-color:rgba(255,255,255,.32);background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.06))}
@media (max-width:1023px){.nav-bar{gap:12px}
.site-header .brand{flex:1 1 auto;min-width:0}
.site-header .brand::after{min-width:0}
.nav-cta{flex:none}}@media (max-width:480px){.site-header .brand::after{display:none}}.nav-item--cta{display:none}
@media (min-width:1024px){.nav{position:fixed;left:0;right:0;bottom:22px;z-index:60;width:max-content;max-width:calc(100vw - 32px);margin:0 auto;padding:6px;gap:0;border-radius:999px;background:0 0;box-shadow:0 0 0 1px rgba(255,255,255,.07),0 1px 0 1px rgba(0,0,0,.35),0 26px 60px -16px rgba(0,0,0,.85)}
.nav::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:999px;background:linear-gradient(180deg,rgba(56,59,72,.9),rgba(27,29,37,.9));-webkit-backdrop-filter:blur(22px) saturate(170%);backdrop-filter:blur(22px) saturate(170%);box-shadow:inset 0 1px 0 rgba(255,255,255,.17),inset 0 -1px 0 rgba(0,0,0,.5)}
.nav::after{content:"";position:absolute;left:1px;right:1px;top:1px;height:50%;border-radius:999px 999px 30% 30%/999px 999px 60% 60%;background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,0));pointer-events:none}
.nav>ul{position:relative;z-index:1;gap:2px}
.nav-link,.nav-trigger{padding:11px 17px;border:1px solid transparent;border-radius:999px;font:500 .95rem/1 var(--font-display);letter-spacing:-.02em;color:#f2f2f6;transition:background .2s ease,box-shadow .2s ease,color .2s ease}
.nav-link:hover,.nav-trigger:hover,.nav-trigger[aria-expanded=true]{background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.06));box-shadow:inset 0 1px 0 rgba(255,255,255,.12);color:#fff}
.nav-item.is-current>.nav-trigger,.nav-link[aria-current=page]{border-radius:999px;border-color:rgba(255,255,255,.09);background:linear-gradient(180deg,#0f1015,#181a21);box-shadow:inset 0 2px 6px rgba(0,0,0,.55),inset 0 -1px 0 rgba(255,255,255,.05);color:#d2fe71}
.dropdown{top:auto;bottom:calc(100% + 16px);border-radius:18px;background:linear-gradient(180deg,rgba(44,47,58,.9),rgba(24,25,32,.95));-webkit-backdrop-filter:blur(24px) saturate(160%);backdrop-filter:blur(24px) saturate(160%);border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 0 1px rgba(0,0,0,.45),0 34px 80px -22px rgba(0,0,0,.9)}
.dd-link:hover{background:linear-gradient(180deg,rgba(255,255,255,.1),rgba(255,255,255,.04));box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.dropdown--mega{min-width:700px}
.nav{--btn-glass:210,254,113;--btn-glass-ink:#131419;--btn-glass-a:.65;--btn-glass-hi:rgba(255, 255, 255, .55);--btn-glass-edge:rgba(19, 20, 25, .16);--btn-glass-glow:rgba(210, 254, 113, .7)}
.dropdown{--ink:#f2f2f6;--ink-2:#c9cad5;--muted:#8b8c96;--line:#2a2b33;--surface-2:#202128;--accent-text:#d2fe71;color:var(--ink)}
.site-footer{padding-bottom:8px}
.brand-tag{display:block}
.site-header .nav-cta{display:none}
.nav-item--cta{display:block;margin-left:6px}
.nav-item--cta .btn{min-height:38px;padding:.5em 1em .5em 1.1em;font-size:.9rem}
.nav-item--cta .btn svg{width:16px;height:16px}}@media (max-width:1023px){.nav{background:linear-gradient(180deg,rgba(24,25,32,.94),rgba(19,20,25,.97));-webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%);border-top-color:rgba(255,255,255,.08)}
.nav-link,.nav-trigger{font:600 1.6rem/1.1 var(--font-display);letter-spacing:-.035em}
.nav-item.is-current>.nav-trigger,.nav-link[aria-current=page]{color:var(--accent-text)}
.nav-item--cta{display:block;border-bottom:0;padding-top:20px}
.nav-item--cta .btn{width:100%;justify-content:center;min-height:54px;font-size:1.05rem}}@media (max-width:480px){.brand{font-size:1.2rem;gap:8px}
.brand svg{width:34px;height:22px}
.nav-cta{padding:.5em .85em;font-size:.875rem}}@media (max-width:374px){.nav-cta{display:none}}.dd-link{border-radius:12px}
.dd-link strong{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em}
.section{padding-block:clamp(72px,10vw,150px)}
.section--tight{padding-block:clamp(48px,6vw,88px)}
.section--rule{border-top-color:var(--line)}
.sec-head{max-width:1120px;gap:22px;margin-bottom:clamp(40px,5vw,76px)}
.sec-head p{font-size:clamp(1.05rem, .95rem + .4vw, 1.3rem);line-height:1.5;color:var(--ink-2);max-width:60ch}
.split h2,.stack h2{font-size:clamp(2.1rem, 1.1rem + 3vw, 4rem)}
.hero,.page-hero{padding-block:clamp(28px,2.4vw,44px) clamp(56px,7vw,112px);border-bottom:0}
.page-hero+.section{padding-top:clamp(16px,2vw,32px)}
.hero-grid,.page-hero-grid{grid-template-columns:minmax(0,1fr);gap:clamp(40px,6vw,88px);align-items:start}
.hero-copy{gap:28px}
.hero-copy h1,.page-hero h1{max-width:19ch}
.page-hero-grid--text h1{max-width:21ch;font-size:clamp(2rem, .65rem + 3.25vw, 4rem)}
.lead{font-family:var(--font-display);font-size:clamp(1.3rem, 1rem + 1.1vw, 2rem);font-weight:500;letter-spacing:-.025em;line-height:1.28;color:var(--ink);max-width:36ch}
.hero-proof{gap:8px 22px}
.hero-proof span+span::before{background:var(--accent);border-radius:0}
@media (min-width:1024px){.hero-copy,.page-hero .stack{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);column-gap:64px;align-items:end}
.hero-copy>*,.page-hero .stack>*{grid-column:1/-1}
.hero-copy>.lead,.page-hero .stack>.lead{grid-column:1}
.hero-copy>.actions,.page-hero .stack>.lead+.actions{grid-column:2;justify-content:flex-end}}.page-hero .figure img,.page-hero .figure video{width:100%;aspect-ratio:21/9;object-fit:cover}
.page-hero .figure img.focus-low{object-position:50% 60%}
.page-hero .figure--bare img{width:auto;max-width:100%;max-height:72vh;aspect-ratio:auto;object-fit:contain;margin-inline:auto}
.page-hero .figure figcaption{text-align:right}
.page-hero--black{--hero-fade:clamp(56px, 7vw, 112px);--ink:#f2f2f6;--ink-2:#c9cad5;--muted:#8b8c96;--line:#2a2b33;--line-strong:#46474f;--field:#56575f;--accent:#d2fe71;--accent-2:#ff8588;--accent-text:#d2fe71;--accent-soft:rgba(210, 254, 113, .1);--hot:#ff8588;--hot-text:#ff9fa1;--focus:#d2fe71;--dim:#d2fe71;--btn-bg:#d2fe71;--btn-line:#d2fe71;--btn-ink:#131419;--btn-hover-bg:#e2ff9b;--btn-hover-ink:#131419;--todo-bg:rgba(255, 133, 136, .14);--todo-ink:#ffb9bb;--todo-line:#ff8588;--shadow:none;--btn-glass:210,254,113;--btn-glass-ink:#131419;--btn-glass-a:.65;--btn-glass-hi:rgba(255, 255, 255, .55);--btn-glass-edge:rgba(19, 20, 25, .16);--btn-glass-glow:rgba(210, 254, 113, .7);--sec-bg:linear-gradient(180deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .025));--sec-bg-h:linear-gradient(180deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .05));--sec-edge:rgba(255, 255, 255, .18);--sec-edge-h:rgba(255, 255, 255, .34);--sec-shadow:inset 0 1px 0 rgba(255, 255, 255, .1);--sec-shadow-h:inset 0 1px 0 rgba(255, 255, 255, .16),0 10px 24px -14px rgba(0, 0, 0, .8);color:var(--ink);background:linear-gradient(180deg,#000 0,#000 calc(100% - var(--hero-fade)),var(--bg) 100%)}
.page-hero--black .figure--photo .video-frame,.page-hero--black .figure--photo img,.page-hero--black .figure--photo video{background:#000}
.app,.callout,.card,.card-media,.contact-card,.feature .f-icon,.figure img,.figure--photo .video-frame,.figure--photo img,.figure--photo video,.flow-card,.form-outcome,.gallery li,.group-icon,.ind-row .i-wrap,.mini-bom li,.pf-link,.pf-play,.pf-tile,.planner-bom .sum div,.post-aside,.studio,.studio-legend,.table-wrap,.video-frame{border-radius:0}
.figure--photo .video-frame,.figure--photo img,.figure--photo video{border:0;box-shadow:none}
.figure figcaption{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.02em;color:var(--muted)}
.studio{background:var(--surface);border-color:var(--line)}
.studio-stage{aspect-ratio:16/9}
@media (max-width:700px){.studio-stage{aspect-ratio:5/4}}.studio-head,.studio-options,.studio-tools{border-color:var(--line)}
.studio-head{font-size:.6875rem}
.studio-hint{border-radius:999px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em}
.pill,.radio-row span,.seg,.seg button,.stepper,.toggle{border-radius:999px}
.seg button,.toggle{font-family:var(--font-display);letter-spacing:-.01em}
.viewer{position:relative;min-width:0}
.viewer [hidden]{display:none!important}
.viewer-stage{position:relative;aspect-ratio:16/9;touch-action:pan-y;cursor:grab;border-radius:14px;transition:background .4s ease}
.viewer-stage:active{cursor:grabbing}
.viewer-stage>canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .6s ease}
.viewer.is-live .viewer-stage>canvas{opacity:1}
.viewer-stage.is-blueprint{background:radial-gradient(120% 85% at 50% 100%,rgba(90,155,240,.16),transparent 62%),#0a1628}
.viewer-hint{position:absolute;right:12px;top:10px;pointer-events:none;font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);opacity:0;transition:opacity .3s ease}
.viewer.is-live .viewer-hint{opacity:1}
.viewer-dims{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.viewer-dims text{font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.02em}
.viewer-load{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:rgba(10,11,15,.72);border:1px solid rgba(255,255,255,.1);color:#f2f2f6;font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:opacity .4s ease}
.viewer-load[hidden]{display:none}
.viewer-load b{display:block;width:84px;height:3px;border-radius:3px;background:rgba(255,255,255,.18);overflow:hidden}
.viewer-load b i{display:block;height:100%;width:0;background:#d2fe71;transition:width .3s ease}
.viewer-load button{font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;background:0 0;border:0;padding:0;cursor:pointer}
.viewer-load button:hover{color:#d2fe71}
.viewer.is-live .viewer-load{opacity:0;pointer-events:none}
.viewer.is-wait .viewer-load{opacity:1}
.viewer.is-off .viewer-load{display:none}
.viewer.is-off .viewer-stage{display:grid;place-items:center;cursor:default}
.viewer.is-off .viewer-hint{display:none}
.viewer-msg{position:relative;z-index:1;max-width:40ch;margin:0;padding:0 20px;text-align:center;color:var(--muted);font-size:.9375rem;line-height:1.5}
.viewer-msg .btn{display:table;margin:14px auto 0}
.viewer-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin-top:14px}
.viewer-tools [data-v-explode]{margin-left:auto}
.viewer-tools button:disabled{opacity:.45;cursor:default}
.viewer .seg .dot{display:inline-block;width:12px;height:12px;margin-right:7px;border-radius:50%;vertical-align:-1px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35),0 0 0 1px rgba(0,0,0,.25)}
.viewer--steps{display:grid;grid-template-columns:minmax(200px,280px) minmax(0,1fr);gap:clamp(20px,3vw,44px);align-items:start}
.viewer--steps .viewer-stage{aspect-ratio:16/10}
.viewer-steps{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.viewer-steps li{margin:0}
.viewer-steps button{display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:12px;row-gap:3px;align-items:center;width:100%;padding:12px 10px;border:0;border-radius:12px;background:0 0;color:var(--ink-2);font:inherit;text-align:left;cursor:pointer;transition:background .2s ease}
.viewer-steps button:hover{background:var(--accent-soft)}
.viewer-steps button:disabled{cursor:default}
.viewer-steps .n{grid-row:span 2;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line-strong);font-family:var(--font-mono);font-size:.8125rem;color:var(--muted);transition:background .25s ease,color .25s ease,border-color .25s ease}
.viewer-steps b{font-family:var(--font-display);font-size:1.05rem;font-weight:600;letter-spacing:-.02em;color:var(--ink)}
.viewer-steps .d{grid-column:2;font-size:.875rem;line-height:1.4;color:var(--muted)}
.viewer-steps button[aria-current]{background:var(--accent-soft)}
.viewer-steps button[aria-current] .n{background:var(--ink);border-color:var(--ink);color:var(--bg)}
.viewer-steps .is-done .n{border-color:var(--ink);font-size:0}
.viewer-steps .is-done .n::after{content:"";width:10px;height:5px;border-left:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:translateY(-1px) rotate(-45deg)}
.viewer-hud{position:absolute;left:14px;top:10px;display:grid;gap:2px;pointer-events:none}
.viewer-hud span{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.06em;color:var(--muted)}
.viewer-hud b{font-family:var(--font-display);font-size:clamp(1.4rem, 1rem + 1.2vw, 2.2rem);font-weight:600;letter-spacing:-.035em;color:var(--ink)}
.viewer-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}
.viewer-nav .btn:disabled{opacity:.45;cursor:default;pointer-events:none}
.viewer-count{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
@media (max-width:899px){.viewer--steps{grid-template-columns:minmax(0,1fr)}
.viewer--steps .viewer-main{order:-1}
.viewer--steps .viewer-stage{aspect-ratio:4/3}
.viewer-steps{grid-auto-flow:column;grid-auto-columns:minmax(118px,1fr);overflow-x:auto;scrollbar-width:none}
.viewer-steps button{grid-template-columns:28px minmax(0,1fr);padding:10px 8px}
.viewer-steps .n{width:28px;height:28px;grid-row:auto}
.viewer-steps .d{display:none}}@media (max-width:700px){.viewer-stage{aspect-ratio:4/3}}.viewer-pair{margin-top:clamp(56px,8vw,112px);grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}
@media (max-width:899px){.viewer-pair{grid-template-columns:minmax(0,1fr)}}@media not all and (prefers-color-scheme:light){.section--alt.section--stage{--stage-fade:clamp(56px, 7vw, 112px);--bg:#131419;--surface:#1b1c22;--surface-2:#202128;--ink:#f2f2f6;--ink-2:#c9cad5;--muted:#8b8c96;--line:#2a2b33;--line-strong:#46474f;--field:#56575f;--accent:#d2fe71;--accent-2:#ff8588;--accent-text:#d2fe71;--accent-soft:rgba(210, 254, 113, .1);--hot:#ff8588;--hot-text:#ff9fa1;--focus:#d2fe71;--dim:#d2fe71;--btn-bg:#d2fe71;--btn-line:#d2fe71;--btn-ink:#131419;--btn-hover-bg:#e2ff9b;--btn-hover-ink:#131419;--todo-bg:rgba(255, 133, 136, .14);--todo-ink:#ffb9bb;--todo-line:#ff8588;--shadow:none;--btn-glass:210,254,113;--btn-glass-ink:#131419;--btn-glass-a:.65;--btn-glass-hi:rgba(255, 255, 255, .55);--btn-glass-edge:rgba(19, 20, 25, .16);--btn-glass-glow:rgba(210, 254, 113, .7);--sec-bg:linear-gradient(180deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .025));--sec-bg-h:linear-gradient(180deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .05));--sec-edge:rgba(255, 255, 255, .18);--sec-edge-h:rgba(255, 255, 255, .34);--sec-shadow:inset 0 1px 0 rgba(255, 255, 255, .1);--sec-shadow-h:inset 0 1px 0 rgba(255, 255, 255, .16),0 10px 24px -14px rgba(0, 0, 0, .8);color:var(--ink);color-scheme:dark;background:linear-gradient(180deg,#131419 0,#000 var(--stage-fade),#000 calc(100% - var(--stage-fade)),#131419 100%)}
.section--stage .viewer-stage:not(.is-blueprint){background:radial-gradient(closest-side,rgba(255,255,255,.08),rgba(255,255,255,.02) 70%,transparent)}
.section--stage .viewer-stage>canvas{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%),linear-gradient(180deg,transparent 0,#000 10%,#000 90%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 92%,transparent 100%),linear-gradient(180deg,transparent 0,#000 10%,#000 90%,transparent 100%);mask-composite:intersect}}.hero-link{margin:0}
.proof{background:var(--bg);border-block:1px solid var(--line)}
.proof-grid{padding-block:34px}
.stat b{font-family:var(--font-display);font-size:clamp(2.2rem, 1.5rem + 2vw, 3.6rem);font-weight:700;letter-spacing:-.05em;color:var(--ink);background:0 0}
.client-name,.client-names span{font-family:var(--font-display);font-weight:600;letter-spacing:-.03em;color:var(--ink-2)}
.client-logo{border-radius:0;border-color:rgba(255,255,255,.12)}
.client-more{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink-2)}
.group{border-left-color:var(--line)}
.feature .f-icon,.group-icon,.ind-row .i-wrap{background:0 0;border:1px solid var(--line-strong);color:var(--accent-text)}
.feature{border-top-color:var(--line)}
.card-body p,.feature p,.group p,.ind-row p{color:var(--ink-2)}
.link-list{border-top-color:var(--line)}
.link-list a{border-bottom-color:var(--line);font-family:var(--font-display);font-weight:600;letter-spacing:-.02em}
.checks li svg{color:var(--accent-text)}
.section--alt .steps li::before,.steps li::before{font-family:var(--font-mono);color:var(--accent-text);background:var(--bg)}
.steps li::after{background:var(--line-strong)}
.card{background:var(--surface);border-color:var(--line);transition:border-color .25s ease}
.card:hover{border-color:var(--accent-text)}
.card-media{background:var(--surface-2);border-bottom-color:var(--line)}
.card-media img{transition:transform .6s cubic-bezier(.215, .61, .355, 1)}
.card:hover .card-media img{transform:scale(1.03)}
.card-body h3{font-size:clamp(1.3rem, 1.1rem + .6vw, 1.6rem)}
.tag{border-radius:999px;border-color:var(--line-strong);font-size:.6875rem;padding:4px 10px}
a.tag:hover{color:var(--ink);border-color:var(--ink)}
.ind-list,.ind-list li{border-color:var(--line)}
.ind-row:hover{background:0 0}
.ind-row h3{font-size:clamp(1.4rem, 1.05rem + 1.2vw, 2.4rem);font-weight:700;letter-spacing:-.045em}
.ind-row:hover h3{color:var(--accent-text)}
.quote blockquote{font-family:var(--font-display);font-weight:600;font-size:clamp(1.6rem, 1.1rem + 2vw, 3rem);letter-spacing:-.035em;line-height:1.15}
.quote--long blockquote{font-size:clamp(1.2rem, .95rem + 1.1vw, 1.85rem);letter-spacing:-.02em;line-height:1.3;max-width:40ch}
.faq,.faq details{border-color:var(--line)}
.faq summary{padding-block:26px;font-family:var(--font-display);font-weight:600;font-size:clamp(1.15rem, 1rem + .5vw, 1.45rem);letter-spacing:-.025em}
.faq .answer{color:var(--ink-2)}
.cta-band{--ink:#131419;--ink-2:#2b2d24;--muted:#3d4036;--line:rgba(19, 20, 25, .18);--line-strong:rgba(19, 20, 25, .42);--accent-text:#131419;--focus:#131419;--btn-bg:#131419;--btn-ink:#f2f2f6;--btn-hover-bg:#2c2d35;--btn-hover-ink:#f2f2f6;--todo-bg:rgba(19, 20, 25, .08);--todo-ink:#131419;--todo-line:#131419;--btn-glass:19,20,25;--btn-glass-ink:#fff;--btn-glass-a:.7;--btn-glass-hi:rgba(255, 255, 255, .22);--btn-glass-edge:rgba(19, 20, 25, .3);--btn-glass-glow:rgba(19, 20, 25, .35);--sec-bg:linear-gradient(180deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, .04));--sec-bg-h:rgba(255, 255, 255, .34);--sec-shadow:inset 0 1px 0 rgba(255, 255, 255, .35);--sec-shadow-h:inset 0 1px 0 rgba(255, 255, 255, .5),0 10px 24px -14px rgba(19, 20, 25, .35);background:#d2fe71;color:#131419;color-scheme:light}
.cta-band ::selection{background:#131419;color:#d2fe71}
.cta-inner{padding-block:clamp(80px,11vw,160px)}
.cta-band h2{color:#131419;max-width:15ch}
.cta-band .eyebrow,.cta-band p{color:#3d4036}
.cta-band .btn-secondary{color:#131419;border-color:rgba(19,20,25,.42)}
.cta-band .btn-secondary:hover{color:#131419;border-color:#131419}
.photo-band::before{background:linear-gradient(90deg,rgba(19,20,25,.95) 0,rgba(19,20,25,.8) 45%,rgba(19,20,25,.3) 100%)}
.photo-band h2{max-width:14ch}
.photo-band p{font-family:var(--font-display);font-size:clamp(1.15rem, 1rem + .6vw, 1.5rem);font-weight:500;letter-spacing:-.02em;color:#d9dae3}
.photo-band .eyebrow{color:#d2fe71}
.crumbs a:hover{color:var(--ink)}
.table-wrap{background:0 0;border-color:var(--line)}
table.spec td,table.spec th{border-bottom-color:var(--line)}
table.spec thead th{background:var(--surface-2);font-family:var(--font-mono)}
.prose h2{font-size:clamp(1.8rem, 1.2rem + 2vw, 3rem)}
.prose li,.prose p{color:var(--ink-2)}
.callout{background:var(--surface);border-color:var(--line);border-left-color:var(--accent-text)}
.post-aside{background:var(--surface);border-color:var(--line)}
.video-frame{border:0}
.video-title{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em}
.video-play::before{background:rgba(242,242,246,.94)}
.video-play:hover::before{background:#d2fe71;border-color:#d2fe71}
.video-play:hover::after{border-color:transparent transparent transparent #131419}
.gallery li{border:0}
.gallery span{border-radius:0;background:rgba(19,20,25,.82);font-family:var(--font-mono);font-size:.6875rem;letter-spacing:.04em;text-transform:uppercase}
.pf-tabs a{font-family:var(--font-display);letter-spacing:-.02em;border-color:rgba(255,255,255,.16);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02));box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
.pf-tabs a:hover{border-color:rgba(255,255,255,.34);background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.05))}
.pf-tabs a[aria-current=page]{background:linear-gradient(180deg,#e6ffa6,#d2fe71 52%,#c1f257);border-color:rgba(19,20,25,.18);color:#131419;box-shadow:inset 0 1px 0 rgba(255,255,255,.62),0 10px 24px -10px rgba(210,254,113,.55)}
.pf-tabs a[aria-current=page] span{color:#131419;opacity:.75}
.pf-link,.pf-play{border-color:var(--line);background:var(--surface);transition:border-color .25s ease}
.pf-sheet-empty{border-radius:0}
.pf-link:hover,.pf-play:hover{border-color:var(--line-strong)}
.pf-cap{font-size:.6875rem}
.pf-zoom{background:rgba(19,20,25,.8)}
.pf-play::before{background:rgba(242,242,246,.94)}
.pf-play::after{border-left-color:#131419}
.pf-play:focus-visible::before,.pf-play:hover::before{background:var(--accent)}
.pf-play:focus-visible::after,.pf-play:hover::after{border-left-color:#131419}
.pf-dur{border-radius:0;background:rgba(19,20,25,.82);font-size:.6875rem;text-transform:uppercase}
.pf-item--post .pf-link{background:var(--surface)}
.pf-text h3{font-size:1.1rem;letter-spacing:-.02em}
.pf-text p{color:var(--ink-2)}
.pf-tile{background:var(--surface);border-color:var(--line)}
.pf-tile:focus-visible,.pf-tile:hover{border-color:var(--accent-text)}
.pf-tile-n{color:var(--accent-text);font-size:.6875rem}
.pf-tile strong{letter-spacing:-.04em}
.pf-tile-go{font-family:var(--font-display);letter-spacing:-.02em}
.lb{background:rgba(19,20,25,.975);font-family:var(--font-body)}
.lb-cap{font-family:var(--font-display);letter-spacing:-.01em}
.lb-btn{border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.04));box-shadow:inset 0 1px 0 rgba(255,255,255,.16)}
.lb-btn:focus-visible,.lb-btn:hover{background:var(--accent);border-color:var(--accent);color:#131419}
.wix-form input[type=date],.wix-form input[type=datetime-local],.wix-form input[type=password],.wix-form input[type=time],.wix-form input[type=url],input[type=email],input[type=number],input[type=tel],input[type=text],select,textarea{border-radius:2px;background-color:var(--surface-2);border-color:var(--line-strong);color:var(--ink)}
input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--focus)}
.contact-card{background:var(--surface);border-color:var(--line)}
.field .label,.field label,.wix-form legend{font-family:var(--font-display);font-weight:600;letter-spacing:-.015em}
.form-outcome{border-color:var(--accent-text);background:var(--accent-soft)}
.site-footer{position:relative;overflow:hidden;background:var(--bg);border-top:1px solid var(--line)}
.footer-grid a{font-family:var(--font-display);font-weight:500;letter-spacing:-.015em;color:var(--ink-2)}
.footer-grid a:hover{color:var(--accent-text);text-decoration:none}
.footer-about p{color:var(--ink-2)}
.titleblock,.titleblock>div,.titleblock>div+div{border-color:var(--line-strong)}
.titleblock dd{font-family:var(--font-mono);font-size:.8125rem}
.site-footer::after{content:"Sheriscape";content:"Sheriscape"/"";display:block;margin:clamp(28px,4vw,56px) 0 -.13em;font:800 clamp(4.2rem, 19vw, 19rem)/.82 var(--font-display);letter-spacing:-.075em;text-align:center;white-space:nowrap;color:#1e1f26;pointer-events:none;user-select:none}
@media (prefers-color-scheme:light){html:root:not([data-theme=none]):not([data-theme=dark]){--bg:#fff;--surface:#f4f4f8;--surface-2:#e9e9f0;--ink:#131419;--ink-2:#3a3b44;--muted:#5d5e68;--line:#e1e2e9;--line-strong:#b3b4bf;--field:#8e8f99;--accent:#d2fe71;--accent-2:#c2373c;--accent-text:#3d6a00;--accent-soft:rgba(210, 254, 113, .28);--hot:#c2373c;--hot-text:#b02a2f;--brand-grad:linear-gradient(90deg, #131419, #131419);--focus:#131419;--dim:#3d6a00;--btn-bg:#131419;--btn-line:#131419;--btn-ink:#f2f2f6;--btn-hover-bg:#2c2d35;--btn-hover-ink:#f2f2f6;--todo-bg:#ffe3e4;--todo-ink:#7a1d21;--todo-line:#e5676b;--header-bg:#fff;--btn-glass:19,20,25;--btn-glass-ink:#fff;--btn-glass-a:.7;--btn-glass-hi:rgba(255, 255, 255, .22);--btn-glass-edge:rgba(19, 20, 25, .3);--btn-glass-glow:rgba(19, 20, 25, .35);--sec-bg:linear-gradient(180deg, rgba(255, 255, 255, .7), rgba(255, 255, 255, .3));--sec-bg-h:#fff;--sec-edge:rgba(19, 20, 25, .26);--sec-edge-h:rgba(19, 20, 25, .6);--sec-shadow:inset 0 1px 0 rgba(255, 255, 255, .9),0 6px 16px -10px rgba(19, 20, 25, .35);--sec-shadow-h:inset 0 1px 0 #fff,0 10px 24px -14px rgba(19, 20, 25, .4);color-scheme:light}
.site-header{border-bottom-color:rgba(19,20,25,.08)}
.site-header::before{background:linear-gradient(104deg,transparent 0 28%,rgba(255,255,255,.3) 42%,rgba(255,255,255,.55) 50%,rgba(255,255,255,.3) 58%,transparent 72%),linear-gradient(180deg,rgba(255,255,255,.84),rgba(244,244,248,.72));box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 14px 34px -24px rgba(19,20,25,.35)}
.site-header .brand::after{background:linear-gradient(90deg,rgba(19,20,25,.4),rgba(19,20,25,.08))}
.mark .m-s1{stop-color:#94a3b8;stop-opacity:.9}
.mark .m-s2{stop-color:#64748b;stop-opacity:.9}
.menu-toggle{border-color:rgba(19,20,25,.18);background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.5));box-shadow:inset 0 1px 0 #fff}
.menu-toggle:hover{border-color:rgba(19,20,25,.45);background:#fff}
.pf-tabs a{border-color:rgba(19,20,25,.16);background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.5));box-shadow:inset 0 1px 0 #fff,0 6px 16px -12px rgba(19,20,25,.3)}
.pf-tabs a:hover{border-color:rgba(19,20,25,.4);background:#fff}
.site-footer::after{color:#e3e4eb}
:root:not([data-theme=dark]) .page-hero--black{--hero-fade:0px}
@media (min-width:1024px){.nav{box-shadow:0 0 0 1px rgba(19,20,25,.1),0 1px 0 1px rgba(0,0,0,.18),0 26px 60px -16px rgba(0,0,0,.45)}}@media (max-width:1023px){.nav{background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(242,242,246,.97));border-top-color:rgba(19,20,25,.08)}}}@keyframes sx-rule{from{transform:scaleX(0)}
to{transform:scaleX(1)}}@keyframes sx-wipe{0%{transform:scaleX(0);transform-origin:0 50%}
50%{transform:scaleX(1);transform-origin:0 50%}
50.1%{transform:scaleX(1);transform-origin:100% 50%}
100%{transform:scaleX(0);transform-origin:100% 50%}}@keyframes sx-text{0%,50%{clip-path:inset(-.3em 100% -.3em -.1em)}
100%{clip-path:inset(-.3em -.1em -.3em -.1em)}}@keyframes sx-nav{from{opacity:0;transform:translateY(28px)}
to{opacity:1;transform:none}}@media screen{.motion:not(.sx-ready) :is(.hero-copy > *,.page-hero .stack > *,.hero .studio,.page-hero .figure,.proof-grid > *,.sec-head > *,.groups > *,.features > *,.cards > *,.steps > li,.gallery > li,.videos > li,.pf-tiles > li,.pf-grid > li,.ind-list > li,.faq > details,.checks > li,.split > *,.contact-aside > *,.two-col-links > *,.flow > *,.photo-band .wrap > *,.cta-inner > *,.quote figcaption,main .studio,main .app,main .figure--photo,main .table-wrap,main .callout,main .post-aside,main .contact-card,main .link-list),.motion:not(.sx-ready) main :is(h1,h2,.lead,.sec-head > p,.quote blockquote p,.photo-band p,.cta-inner p){visibility:hidden}
.motion .ln{position:relative;display:block;width:fit-content;max-width:100%}
.motion .ln-c{margin-inline:auto}
.motion .ln-t{display:block;clip-path:inset(-.3em 100% -.3em -.1em)}
.motion .ln-w{position:absolute;left:0;right:0;top:.16em;bottom:.02em;background:currentColor;transform:scaleX(0);transform-origin:0 50%;pointer-events:none}
.motion .is-in .ln-t{animation:sx-text 1s cubic-bezier(.65,0,.35,1) both;animation-delay:calc(var(--d, 0) * 90ms + var(--i, 0) * 120ms)}
.motion .is-in .ln-w{animation:sx-wipe 1s cubic-bezier(.65,0,.35,1) both;animation-delay:calc(var(--d, 0) * 90ms + var(--i, 0) * 120ms)}
.motion .rv{opacity:0;transform:translateY(28px)}
.motion .rv.is-in{opacity:1;transform:none;transition:opacity .9s cubic-bezier(.215, .61, .355, 1),transform .9s cubic-bezier(.215, .61, .355, 1);transition-delay:calc(var(--d, 0) * 90ms)}
.motion .site-header .brand::after{animation:sx-rule 1.4s cubic-bezier(.65,0,.35,1) .15s both}
.intro body::after,.intro-out body::after,.intro-up body::after{content:"";position:fixed;inset:0;z-index:55;background:var(--bg,#131419);pointer-events:none;animation:sx-curtain .6s ease 8s forwards}
.intro-out body::after{opacity:0;transition:opacity .7s ease}
.intro .site-header,.intro-up .site-header{position:fixed;top:0;left:0;right:0;z-index:70;border-bottom-color:transparent;transform:translateY(calc(50vh - 50%));transform:translateY(calc(50svh - 50%))}
.intro-up .site-header{transform:translateY(0);transition:transform .95s cubic-bezier(.65, 0, .35, 1)}
.intro .site-header::before,.intro-up .site-header::before{opacity:0}
.site-header .menu-toggle,.site-header .nav-cta{transition:opacity .5s ease}
.intro .site-header .menu-toggle,.intro .site-header .nav-cta,.intro-up .site-header .menu-toggle,.intro-up .site-header .nav-cta{opacity:0}}@keyframes sx-curtain{to{opacity:0}}@media screen and (min-width:1024px){.motion .nav{animation:sx-nav .9s cubic-bezier(.215,.61,.355,1) .5s backwards}
.intro .nav,.intro-up .nav{visibility:hidden;animation-play-state:paused}}