/* Self-hosted so the page does not call Google Fonts.
   Inter, Newsreader (opsz + wght), JetBrains Mono, Allura.
   U+2192 and U+2726 are not in those latin cuts; a two-glyph DejaVu subset supplies them. */
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url("/fonts/inter-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url("/fonts/symbols-400.woff2") format("woff2");unicode-range:U+2192,U+2726}
@font-face{font-family:"Inter";font-style:normal;font-weight:700;font-display:swap;src:url("/fonts/symbols-700.woff2") format("woff2");unicode-range:U+2192,U+2726}
@font-face{font-family:"Allura";font-style:normal;font-weight:400;font-display:block;src:url("/fonts/allura-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:400 800;font-display:swap;src:url("/fonts/jetbrains-mono-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Newsreader";font-style:normal;font-weight:200 800;font-display:swap;src:url("/fonts/newsreader-roman-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Newsreader";font-style:italic;font-weight:200 800;font-display:swap;src:url("/fonts/newsreader-italic-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ===== Swap the product name in ONE place: the PRODUCT_NAME constant in the <script> at the bottom. ===== */
:root{--ink:#0A0A0A;--ink2:#141414;--line:#262626;--cream:#F2F2EE;--muted:#A6A6A0;--coral:#C6F432;--amber:#F2E86D;--onacc:#0A0A0A;--hover:#D6FF5C;--edge:#3A3A3A;--strip:#050505;--perf:#1C1C1C;--deep:#101010;--k1:#E2FF8A;--k3:#8FB51C;--finalmono:#1A1A1A;--finalbtn:#0A0A0A;--finalbtntx:#F2F2EE;--navbg:rgba(10,10,10,0.85);--glow:rgba(198,244,50,0.13);--glow2:rgba(198,244,50,0.25);--knobring:rgba(198,244,50,0.12);--knobring2:rgba(198,244,50,0.06);--recring:rgba(198,244,50,0.2);--strike:rgba(198,244,50,0.65);--ptext:#F3EADF;--serif:"Newsreader",Georgia,serif;--sans:"Inter",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--ink);color:var(--cream);font:400 17px/1.6 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.wrap{max-width:1200px;margin:0 auto;padding:0 32px}
.mono{font:500 12px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.serif{font-family:var(--serif);font-weight:400;letter-spacing:-.01em}
em{font-style:italic;color:var(--coral)}
.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 26px;border-radius:999px;font-weight:600;font-size:16px;transition:.2s}
.btn-c{background:var(--coral);color:var(--onacc)}.btn-c:hover{background:var(--hover)}
.btn-g{border:1px solid var(--edge);color:var(--cream)}.btn-g:hover{border-color:var(--cream)}
.rec{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--coral);margin-right:8px;box-shadow:0 0 0 4px var(--recring);animation:p 1.6s infinite}
@keyframes p{50%{opacity:.35}}
section{padding:120px 0;border-top:1px solid var(--line)}
h2{font:400 clamp(40px,5.5vw,72px)/1.02 var(--serif);letter-spacing:-.02em;margin:16px 0 24px}
/* nav */
nav{position:sticky;top:0;z-index:9;background:var(--navbg);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
nav .wrap{display:flex;align-items:center;justify-content:space-between;height:68px}
.logo{font:italic 400 26px var(--serif)}
nav ul{display:flex;gap:36px;list-style:none}nav ul a{font:500 12px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
nav .btn{padding:10px 20px;font-size:14px}
/* hero */
.hero{padding:96px 0 110px;text-align:center;border:0;background:radial-gradient(60% 50% at 50% 0,var(--glow),transparent 70%)}
.hero h1{font:400 clamp(52px,8.6vw,124px)/.95 var(--serif);letter-spacing:-.03em;margin:28px auto 28px;max-width:1050px}
.hero p.lead{max-width:640px;margin:0 auto 40px;color:var(--muted);font-size:19px}
.ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.player{position:relative;margin:80px auto 0;max-width:1100px;aspect-ratio:21/9;border-radius:6px;overflow:hidden;background:#000;box-shadow:0 40px 120px -30px var(--glow2)}
.player img{width:100%;height:100%;object-fit:cover;object-position:center 30%;opacity:.88}
.player:before,.player:after{content:"";position:absolute;left:0;right:0;height:9%;background:#000;z-index:1}.player:before{top:0}.player:after{bottom:0}
.vf{position:absolute;width:34px;height:34px;border:2px solid rgba(243,234,223,.75);z-index:2}
.vf.tl{top:13%;left:3%;border-right:0;border-bottom:0}.vf.tr{top:13%;right:3%;border-left:0;border-bottom:0}.vf.bl{bottom:13%;left:3%;border-right:0;border-top:0}.vf.br{bottom:13%;right:3%;border-left:0;border-top:0}
.hud{position:absolute;z-index:3;font:500 11px var(--mono);letter-spacing:.12em;color:var(--ptext)}
.hud.t{top:2.6%;left:3%;right:3%;display:flex;justify-content:space-between}
.hud.b{bottom:2.6%;left:3%;right:3%;display:flex;justify-content:space-between;color:var(--ptext);opacity:.75}
.caption{position:absolute;z-index:3;left:50%;bottom:17%;transform:translateX(-50%);background:rgba(20,17,15,.82);padding:12px 22px;border-radius:4px;color:var(--ptext);font:italic 400 22px/1.3 var(--serif);white-space:nowrap}
.caption b{font-weight:400;color:var(--amber)}
/* pain */
.pain .grid{display:grid;grid-template-columns:5fr 7fr;gap:72px;align-items:start}
.pain p{color:var(--muted);max-width:420px}
.day{border-left:1px dashed var(--edge);padding-left:0}
.slot{display:grid;grid-template-columns:72px 1fr;gap:20px;padding:16px 0 16px 0;position:relative}
.slot:before{content:"";position:absolute;left:-5px;top:24px;width:9px;height:9px;border-radius:50%;background:var(--ink);border:1px solid var(--muted)}
.slot .mono{padding-left:22px;padding-top:4px}
.slot h4{font:500 18px var(--sans);text-decoration:line-through;text-decoration-color:var(--strike);text-decoration-thickness:2px}
.slot span{font-size:14px;color:var(--muted)}
.slot.end:before{background:var(--coral);border-color:var(--coral)}
.slot.end h4{text-decoration:none;font:italic 400 34px/1.1 var(--serif);color:var(--coral)}
/* steps / film strip */
.strip{margin-top:56px;background:var(--strip);padding:34px 0;position:relative}
.strip:before,.strip:after{content:"";position:absolute;left:0;right:0;height:14px;background:repeating-linear-gradient(90deg,transparent 0 14px,var(--perf) 14px 32px);}
.strip:before{top:10px}.strip:after{bottom:10px}
.frames{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:0 14px}
.frame{background:var(--ink2);border:1px solid var(--line);padding:28px;min-height:300px;display:flex;flex-direction:column}
.frame .num{font:italic 400 84px/1 var(--serif);color:var(--coral);margin:22px 0 14px}
.frame h3{font:400 32px var(--serif);margin-bottom:10px}.frame p{color:var(--muted);font-size:16px}
.frame .mono{display:flex;justify-content:space-between}
/* scale */
.scale{text-align:center;overflow:hidden;background:linear-gradient(180deg,var(--ink),var(--deep))}
.vs{display:flex;align-items:flex-end;justify-content:center;gap:clamp(18px,4vw,60px);margin:40px 0 10px}
.vs .small{font:400 clamp(60px,9vw,130px)/1 var(--serif);color:var(--muted);text-decoration:line-through;text-decoration-color:var(--coral);text-decoration-thickness:4px}
.vs .big{font:italic 400 clamp(110px,21vw,300px)/.82 var(--serif);color:var(--coral);letter-spacing:-.04em}
.vs-lab{display:flex;justify-content:center;gap:clamp(18px,4vw,60px)}
.scale .quote{font:400 clamp(24px,3vw,36px)/1.3 var(--serif);max-width:820px;margin:56px auto 48px}
.press{display:inline-flex;flex-direction:column;align-items:center;gap:16px}
.press .knob{width:112px;height:112px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--k1),var(--coral) 55%,var(--k3));box-shadow:0 0 0 10px var(--knobring),0 0 0 22px var(--knobring2),0 20px 40px rgba(0,0,0,.5);display:grid;place-items:center}
.press .knob:after{content:"";width:0;height:0;border-left:26px solid var(--onacc);border-top:16px solid transparent;border-bottom:16px solid transparent;margin-left:8px}
/* benefits */
.bgrid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin-top:56px}
.b{padding:44px 44px 48px 0;border-bottom:1px solid var(--line)}.b:nth-child(odd){border-right:1px solid var(--line)}.b:nth-child(even){padding-left:44px}
.b h3{font:400 38px/1.1 var(--serif);margin:16px 0 12px}.b p{color:var(--muted);max-width:440px}
/* final */
.final{background:linear-gradient(120deg,var(--coral),var(--amber));color:var(--onacc);text-align:center;border:0}
.final h2{max-width:900px;margin:18px auto 36px;color:var(--onacc)}.final .mono{color:var(--finalmono)}
.final .btn{background:var(--finalbtn);color:var(--finalbtntx)}
footer{padding:36px 0;font:500 12px var(--mono);letter-spacing:.12em;color:var(--muted)}
footer .wrap{display:flex;justify-content:space-between}
/* mobile */
@media (max-width:820px){
 body{font-size:16px}.wrap{padding:0 22px}section{padding:80px 0}
 nav ul{display:none}
 .hero{padding:64px 0 72px}.hero p.lead{font-size:17px}
 .player{aspect-ratio:4/5;margin-top:52px}.player:before,.player:after{height:7%}
 .vf.tl,.vf.tr{top:10%}.vf.bl,.vf.br{bottom:10%}
 .caption{white-space:normal;width:86%;font-size:18px;bottom:14%;text-align:left}
 .hud{font-size:9px}.hud .hide-m{display:none}
 .pain .grid,.frames,.bgrid{grid-template-columns:1fr}.pain .grid{gap:40px}
 .frame{min-height:0}.frame .num{font-size:64px}
 .b,.b:nth-child(even){padding:36px 0;border-right:0!important}
 .b h3{font-size:32px}
 .vs{flex-direction:column;align-items:center;gap:6px}.vs-lab{display:none}
 .vs .lab-m{display:block}
 footer .wrap{flex-direction:column;gap:10px}
}
.lab-m{display:none;margin-top:10px}
/* early access */
html{scroll-behavior:smooth}
.ea{background:radial-gradient(900px 500px at 85% 0%,var(--glow2),transparent 60%),radial-gradient(700px 500px at 0% 100%,var(--glow),transparent 60%),var(--deep);border-top:1px solid var(--line)}
.ea .grid{display:grid;grid-template-columns:5fr 7fr;gap:64px;align-items:start}
.ea .badge{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--coral);color:var(--coral);border-radius:999px;padding:7px 14px}
.ea .badge:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 4px var(--recring)}
.ea h2{margin:22px 0 20px}.ea .intro p{color:var(--muted);max-width:420px}
.ea ul.perks{list-style:none;margin-top:30px;display:grid;gap:14px}
.ea ul.perks li{display:flex;gap:12px;color:var(--cream)}.ea ul.perks li:before{content:"✦";color:var(--coral)}
.card{background:var(--ink2);border:1px solid var(--edge);border-radius:18px;padding:40px;box-shadow:0 30px 80px rgba(0,0,0,.45),0 0 0 1px var(--glow) inset;position:relative;overflow:hidden}
.card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--coral),var(--amber))}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.field{display:flex;flex-direction:column;gap:8px}.field.full{grid-column:1/-1}
.field label{font:500 11px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.field input,.field select,.field textarea{background:var(--ink);border:1px solid var(--line);border-radius:10px;color:var(--cream);font:400 16px var(--sans);padding:13px 14px;width:100%;transition:.2s}
.field select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--coral) 50%),linear-gradient(135deg,var(--coral) 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat;padding-right:40px}
.field textarea{min-height:96px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:var(--coral);box-shadow:0 0 0 4px var(--recring)}
.field input::placeholder,.field textarea::placeholder{color:#77776F}
.fsub{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:26px;flex-wrap:wrap}
.fsub .btn{border:0;cursor:pointer;font-family:var(--sans);font-size:17px;padding:17px 30px;box-shadow:0 10px 30px var(--glow2)}
.fsub small{font:500 11px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.thanks{display:none;text-align:center;padding:40px 10px}.thanks h3{font:italic 400 44px/1.1 var(--serif);color:var(--coral);margin:16px 0 12px}.thanks p{color:var(--muted);max-width:380px;margin:0 auto}
.card.done form{display:none}.card.done .thanks{display:block}
@media (max-width:820px){.ea .grid{grid-template-columns:1fr;gap:40px}.fgrid{grid-template-columns:1fr}.card{padding:26px 20px}.fsub .btn{width:100%;justify-content:center}}
/* ===== v3 animations ===== */
.rv{opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
.player img{transform-origin:55% 35%;animation:kb 18s ease-in-out infinite alternate}
@keyframes kb{from{transform:scale(1)}to{transform:scale(1.07) translateX(-1%)}}
.swap{display:inline-block;transition:opacity .45s,transform .45s}.swap.out{opacity:0;transform:translateY(6px)}
.day .slot h4{text-decoration:none;background:linear-gradient(var(--strike),var(--strike)) no-repeat 0 55%/0 2px;transition:background-size .7s ease;display:inline}
.day.in .slot h4{background-size:100% 2px}
.day .slot.end h4{background:none}
.frames{position:relative}
.frames .wire{position:absolute;left:14px;right:14px;top:50%;height:2px;background:linear-gradient(90deg,var(--coral),var(--amber));transform:scaleX(0);transform-origin:left;transition:transform 2.2s cubic-bezier(.6,0,.2,1);z-index:0;box-shadow:0 0 12px var(--glow2)}
.frames.in .wire{transform:scaleX(1)}
.frame{position:relative;z-index:1;opacity:.25;transform:translateY(14px);transition:opacity .6s,transform .6s,border-color .6s,box-shadow .6s}
.frame.on{opacity:1;transform:none;border-color:var(--edge);box-shadow:0 0 0 1px var(--glow) inset}
.frame .num{transition:text-shadow .6s}.frame.on .num{text-shadow:0 0 24px var(--glow2)}
/* watch panel */
.watch{background:linear-gradient(180deg,var(--ink),var(--deep) 70%,var(--ink));border-top:0;padding-top:40px}
.watch .grid{display:grid;grid-template-columns:4fr 7fr;gap:64px;align-items:center}
.watch p.sub{color:var(--muted);max-width:400px}
.watch ul.keys{list-style:none;margin-top:26px;display:flex;flex-wrap:wrap;gap:8px}
.watch ul.keys li{border:1px solid var(--edge);border-radius:999px;padding:6px 12px;font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cream)}
.dash{position:relative;background:var(--ink2);border:1px solid var(--edge);border-radius:18px;box-shadow:0 30px 80px rgba(0,0,0,.45),0 0 60px -20px var(--glow2);overflow:hidden}
.dash-h{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid var(--line)}
.dash-h b{font:italic 400 24px var(--serif);color:var(--cream);font-weight:400}
.live{display:inline-flex;align-items:center;gap:8px;color:var(--coral)}.live:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 4px var(--recring);animation:p 1.6s infinite}
.row{display:grid;grid-template-columns:40px 1.4fr 1fr 1.6fr;gap:16px;align-items:center;padding:16px 24px;border-bottom:1px solid var(--line);transition:background .5s}
.row:last-child{border-bottom:0}.row.flash{background:var(--glow)}
.av{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font:600 14px var(--sans);color:var(--onacc);background:linear-gradient(135deg,var(--k1),var(--coral))}
.row:nth-child(2n) .av{background:linear-gradient(135deg,var(--amber),var(--k1))}
.who .vurl{display:block;font:500 10.5px var(--mono);letter-spacing:.04em;color:var(--k1);opacity:.8;margin-top:2px}.who b{display:block;font-weight:500;font-size:15px}.who span{font-size:13px;color:var(--muted)}
.st{justify-self:start;font:500 10.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;padding:5px 10px;border-radius:999px;border:1px solid var(--edge);color:var(--muted);white-space:nowrap;transition:.3s}
.st[data-s="opened"]{color:var(--amber);border-color:rgba(242,232,109,.45)}
.st[data-s="played"]{color:var(--k1);border-color:rgba(226,255,138,.5)}
.st[data-s="watched"]{color:var(--onacc);background:var(--coral);border-color:var(--coral)}
.prog{display:flex;align-items:center;gap:12px}
.bar{flex:1;height:6px;border-radius:6px;background:var(--line);overflow:hidden}.bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--coral),var(--amber));border-radius:6px;transition:width .25s linear}
.pct{font:500 12px var(--mono);width:38px;text-align:right;color:var(--cream)}
.cta{font:600 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--amber);border:1px solid var(--amber);border-radius:6px;padding:3px 7px;white-space:nowrap;opacity:0;transform:scale(.6);transition:.35s cubic-bezier(.3,1.6,.5,1)}
.cta.on{opacity:1;transform:none}
.toast{position:absolute;right:18px;bottom:18px;display:flex;gap:12px;align-items:center;background:var(--ink);border:1px solid var(--coral);border-radius:12px;padding:12px 16px;font-size:14px;box-shadow:0 12px 40px rgba(0,0,0,.5),0 0 0 6px var(--glow);opacity:0;transform:translateY(16px);transition:.45s;pointer-events:none;max-width:calc(100% - 36px)}
.toast.on{opacity:1;transform:none}.toast:before{content:"";flex:none;width:10px;height:10px;border-radius:50%;background:var(--coral);animation:p 1.2s infinite}
.toast b{font-weight:600;color:var(--coral)}
.ill{padding:10px 24px;font:500 10px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border-top:1px solid var(--line)}
@media (max-width:820px){.watch .grid{grid-template-columns:1fr;gap:36px}.row{grid-template-columns:34px 1fr auto;gap:10px;padding:14px 16px}.row .prog{grid-column:2/-1}.av{width:34px;height:34px;font-size:12px}.dash-h{padding:16px}.frames .wire{display:none}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.rv,.frame{opacity:1!important;transform:none!important}html{scroll-behavior:auto}}
/* wordmark */
.logo{font:inherit}
.wm{display:inline-flex;align-items:baseline;white-space:nowrap;line-height:1}
.wm-a{font:700 22px/1 var(--sans);letter-spacing:-.02em;color:var(--cream)}
.wm-s{font:400 40px/1 "Allura",cursive;color:var(--coral);margin:0 .2em 0 .12em;position:relative;top:.1em;text-shadow:0 0 18px var(--glow2);clip-path:inset(-20% -5% -30% -5%)}
.wm-s{animation:write 1.6s .3s cubic-bezier(.6,.05,.3,1) both}
@keyframes write{from{clip-path:inset(-20% 105% -30% -5%)}to{clip-path:inset(-20% -5% -30% -5%)}}
.fwm{display:inline-flex;align-items:baseline;gap:14px}.fwm .wm-a{font-size:16px}.fwm .wm-s{font-size:28px;animation:none}
@media (max-width:820px){.wm-a{font-size:17px}.wm-s{font-size:31px}}
@media (prefers-reduced-motion:reduce){.wm-s{animation:none}}
@media (max-width:820px){
 nav .wrap{height:60px}nav .btn{padding:8px 14px;font-size:13px;white-space:nowrap}
 .row{grid-template-columns:34px minmax(0,1fr);row-gap:8px}.row>div:nth-child(3){grid-column:2}.row .prog{grid-column:2;flex-wrap:wrap}
 .row .bar{min-width:120px}.who .vurl{overflow:hidden;text-overflow:ellipsis}
 .dash-h .mono:not(.live){display:none}.dash-h b{font-size:22px}
}
@media (max-width:400px){.wm-a{font-size:15px}.wm-s{font-size:27px}nav .btn{padding:8px 12px;font-size:12px}}

/* Additions that do not change the approved layout: anchor clearance, form states, focus. */
:root{color-scheme:dark}
body{font-optical-sizing:auto}
#how,#scale,#benefits,#early-access,#watch,#demo{scroll-margin-top:84px}
.final em{color:var(--onacc)}
.dash-url{font-size:10px}
a:focus-visible,button:focus-visible,.btn:focus-visible{outline:2px solid var(--coral);outline-offset:3px}
.hp{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.form-error{margin:0 0 18px;padding:12px 14px;border:1px solid rgba(232,140,128,.7);border-radius:10px;background:rgba(120,36,28,.35);color:#F6D5CF;font-size:15px;line-height:1.45}
.form-error[hidden]{display:none}
.fsub .btn{cursor:pointer}
.fsub .btn:disabled{opacity:.72;cursor:wait}
.field input:-webkit-autofill,.field input:-webkit-autofill:hover,.field input:-webkit-autofill:focus,.field textarea:-webkit-autofill,.field textarea:-webkit-autofill:hover,.field textarea:-webkit-autofill:focus{border-color:var(--line);-webkit-text-fill-color:var(--cream);caret-color:var(--cream);box-shadow:0 0 0 1000px var(--ink) inset;transition:background-color 99999s ease-out}
.thanks.show{display:block}
.thanks .btn{margin-top:28px}
.result-wrap{max-width:640px}