:root{
  /* Night dining room (kept from the June 2026 site): cream ink on near-black, KwickOS red for actions only. */
  --ink:#f4f1ea; --ink-2:#a8a49b; --paper:#0e0e0f; --paper-2:#17171a; --line:rgba(244,241,234,.14);
  --accent:#e1251b; --accent-ink:#fff;
  /* The kitchen ticket: the one light object on the page. */
  --chit:#fbf8f1; --chit-ink:#1c1a17; --chit-line:#d9d2c4;
  --max:1120px; --r:14px;
  --serif:"Fraunces",Georgia,"Times New Roman",serif;
  --sans:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;
}
*{box-sizing:border-box} [hidden]{display:none!important} html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.65 var(--sans)}
img,svg{max-width:100%;height:auto;display:block}
a{color:var(--accent)} a:focus-visible,.btn:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.15;letter-spacing:-.01em}
h1{font-size:clamp(2.2rem,5vw,3.6rem)} h2{font-size:clamp(1.6rem,3.4vw,2.4rem)} h3{font-size:1.3rem}
.skip{position:absolute;left:-999px} .skip:focus{left:16px;top:16px;background:var(--ink);color:var(--paper);padding:8px}
.site-header{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between;
  max-width:var(--max);margin:0 auto;padding:18px 20px}
.wordmark{font:500 1.4rem var(--serif);color:var(--ink);text-decoration:none} .wordmark em{color:var(--accent)}
.site-header nav{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center}
.site-header nav a{color:var(--ink-2);text-decoration:none}
.btn{display:inline-block;padding:12px 22px;border-radius:999px;text-decoration:none;font-weight:500}
.btn-solid{background:var(--accent);color:var(--accent-ink)!important}
.btn-ghost{border:1px solid var(--ink);color:var(--ink)}
.crumbs{max-width:var(--max);margin:0 auto;padding:0 20px;font-size:.9rem;color:var(--ink-2)}
main{max-width:var(--max);margin:0 auto;padding:0 20px}
section{padding:56px 0} .lead{font-size:1.2rem;color:var(--ink-2);max-width:62ch}
.answer{font-size:1.1rem;background:var(--paper-2);border-left:3px solid var(--accent);padding:16px 20px;border-radius:0 var(--r) var(--r) 0;max-width:70ch}
.grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.card{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--r);padding:24px}
.steps{counter-reset:s;list-style:none;padding:0} .steps li{counter-increment:s;margin:0 0 20px;padding-left:56px;position:relative}
.steps li::before{content:counter(s,decimal-leading-zero);position:absolute;left:0;top:0;font:400 1.6rem var(--serif);color:var(--accent)}
.figure{background:var(--chit);border:1px solid var(--line);border-radius:var(--r);padding:20px}
.figure img{width:100%}
.figure .stacked{display:none}
@media (max-width:640px){.figure .wide{display:none}.figure .stacked{display:block;max-width:420px;margin:0 auto}}
.figure figcaption{font-size:.9rem;color:#5b564d;margin-top:10px}
.video-slot{background:var(--paper-2);border:1px dashed var(--line);border-radius:var(--r);color:var(--ink-2);padding:28px 24px;max-width:70ch}
.cta-band{max-width:var(--max);margin:40px auto;padding:48px 20px;text-align:center;background:var(--paper-2);border-radius:var(--r)}
.site-footer{max-width:var(--max);margin:0 auto;padding:40px 20px 96px;font-size:.92rem;color:var(--ink-2)}
.site-footer .patent{font-weight:600;color:var(--ink)}
.sticky-cta{display:none;position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));box-shadow:0 6px 24px rgba(0,0,0,.18);z-index:10}
form.pilot{display:grid;gap:16px;max-width:720px} form.pilot .row{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
form.pilot label{display:grid;gap:6px;font-weight:500} form.pilot input,form.pilot select,form.pilot textarea{font:inherit;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--paper-2);color:var(--ink)}
form.pilot .hp{position:absolute;left:-9999px}
.notice{padding:14px 18px;border-radius:10px;background:#12301c;border:1px solid #2f6b44} .notice.err{background:#3a1414;border-color:#8a2b2b}
@media (max-width:860px){.sticky-cta{display:block}}
@media (max-width:640px){body{font-size:16px} section{padding:40px 0} .sticky-cta{left:16px;right:16px;text-align:center}}

/* Home hero: conversation on the left, the ticket it becomes on the right. */
h1{font-weight:300}
.hero-split{display:grid;gap:40px;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;padding-top:40px}
.hero-split .answer{background:none;border-left:0;padding:0;font-size:1.15rem;color:var(--ink-2)}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 16px}
.patent-note{font-size:.92rem;color:var(--ink-2)}
.readback{margin:0;display:grid;gap:18px}
.transcript{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.transcript li{color:var(--ink-2);font-size:.98rem;padding-left:14px;border-left:2px solid var(--line)}
.transcript .who{display:block;font-size:.82rem;color:var(--ink-2);opacity:.8}
.transcript .readback-line{color:var(--ink);border-left-color:var(--accent)}
.chit{background:var(--chit);color:var(--chit-ink);border-radius:6px;padding:18px 20px 16px;box-shadow:0 18px 40px rgba(0,0,0,.45);
  font-variant-numeric:tabular-nums;transform:rotate(-1.2deg);max-width:380px;justify-self:end;width:100%}
.chit-head{display:flex;justify-content:space-between;font-size:.85rem;border-bottom:1px dashed var(--chit-line);padding-bottom:8px;margin:0 0 10px}
.chit ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.chit li{display:grid;grid-template-columns:2.4em 1fr;font-size:1.02rem}
.chit b{font-weight:600} .chit .mod{display:block;font-size:.9rem;color:#6a6358;padding-left:.2em}
.chit-foot{margin:12px 0 0;padding-top:8px;border-top:1px dashed var(--chit-line);font-size:.85rem;color:#6a6358}
@media (prefers-reduced-motion:no-preference){
  .chit li,.chit-foot{opacity:0;animation:print .5s ease-out forwards}
  .chit li:nth-child(1){animation-delay:.9s} .chit li:nth-child(2){animation-delay:1.3s} .chit-foot{animation-delay:1.8s}
  .transcript .readback-line{animation:mark .8s ease-out .3s both}
}
@keyframes print{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@keyframes mark{from{border-left-color:var(--line)}to{border-left-color:var(--accent)}}
.rows{display:grid;gap:0;margin:0}
.rows>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:8px 32px;padding:18px 0;border-top:1px solid var(--line)}
.rows dt{font-family:var(--serif);font-size:1.25rem} .rows dd{margin:0;color:var(--ink-2)}
.band-img{border-radius:var(--r);margin-top:32px;opacity:.92}
@media (max-width:860px){.hero-split{grid-template-columns:1fr}.chit{justify-self:start}.rows>div{grid-template-columns:1fr}}

form.pilot label.check{display:flex;gap:10px;align-items:flex-start;font-weight:400}
form.pilot label.check input{margin-top:.3em}
.small{font-size:.9rem;color:var(--ink-2)}
.hero .answer{margin-bottom:8px}

.btn{font:500 1rem var(--sans);border:0;cursor:pointer}
.apply{display:grid;gap:48px;grid-template-columns:minmax(0,720px) minmax(0,1fr);align-items:start}
.next{background:var(--paper-2);border-radius:var(--r);padding:24px 28px;position:sticky;top:24px}
.next h3{margin-top:0}
.next .steps li{padding-left:44px;margin-bottom:14px} .next .steps li::before{font-size:1.2rem}
@media (max-width:860px){.apply{grid-template-columns:1fr}.next{position:static}}
.page-pilot .sticky-cta{display:none!important}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:760px){.grid-3{grid-template-columns:1fr}}
.release{margin:0;max-width:70ch;padding:24px 28px;border-left:3px solid var(--accent);background:var(--paper-2);border-radius:0 var(--r) var(--r) 0}
.release p:first-child{margin-top:0}
.btn-ghost{border:1px solid var(--ink);color:var(--ink);background:transparent}
main section > p, main section > ul{max-width:70ch}
.page-es-pilot .sticky-cta,.page-zh-pilot .sticky-cta{display:none!important}
:lang(zh-Hans){font-family:"Hanken Grotesk","PingFang SC","Noto Sans CJK SC","Microsoft YaHei",sans-serif}
:lang(zh-Hans) h1,:lang(zh-Hans) h2,:lang(zh-Hans) h3{font-family:"Fraunces","Songti SC","Noto Serif CJK SC",serif}
.langs a[aria-current]{color:var(--ink);text-decoration:none}
.table-wrap{overflow-x:auto;margin:24px 0}
table.compare{border-collapse:collapse;min-width:560px;width:100%}
table.compare th,table.compare td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
table.compare thead th{font-family:var(--serif);font-weight:400;font-size:1.1rem}
table.compare tbody th{font-weight:500;color:var(--ink);width:26%}
table.compare td{color:var(--ink-2)}
.roi-grid{display:grid;gap:40px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
form.roi{display:grid;gap:16px}
form.roi label{display:grid;gap:6px;font-weight:500}
form.roi input{font:inherit;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--paper-2);color:var(--ink)}
.roi-out{background:var(--paper-2);border-radius:var(--r);padding:24px 28px;position:sticky;top:24px}
.roi-big{font:300 2.6rem var(--serif);margin:0}
.roi-big span{font-size:1rem;color:var(--ink-2)}
@media (max-width:860px){.roi-grid{grid-template-columns:1fr}.roi-out{position:static}}
@media (max-width:640px){
  table.compare{min-width:0}
  table.compare thead{display:none}
  table.compare,table.compare tbody,table.compare tr,table.compare th,table.compare td{display:block;width:auto}
  table.compare tr{padding:14px 0;border-bottom:1px solid var(--line)}
  table.compare tbody th{padding:0 0 8px;border:0;width:auto}
  table.compare td{padding:4px 0;border:0}
  table.compare td::before{content:attr(data-label);display:block;font-size:.82rem;color:var(--accent);font-weight:600}
}