.hero{background:radial-gradient(120% 90% at 8% 0%,var(--marker-wash)0%,transparent 58%),var(--paper);border-bottom:1px solid var(--hairline);padding-block:clamp(2.5rem,1rem + 6vw,5.5rem) clamp(2.5rem,1rem + 5vw,4.5rem);position:relative;overflow:hidden}.hero__grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,1rem + 4vw,4.5rem);display:grid}@media (max-width:940px){.hero__grid{gap:var(--s-7);grid-template-columns:minmax(0,1fr)}}.hero__title{font-size:var(--text-hero);letter-spacing:-.028em;margin:0 0 var(--s-5);color:var(--ink);font-weight:700;line-height:1.03}.hero__body{font-size:var(--text-md);color:var(--ink-soft);max-width:46ch;margin:0 0 var(--s-4)}.hero__body strong{color:var(--ink);background:var(--marker);border-radius:var(--radius-xs);padding:.06em .26em;font-weight:600}.hero__doors{gap:var(--s-3);margin-top:var(--s-6);flex-wrap:wrap;display:flex}.door{padding:var(--s-4)var(--s-5);border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--hairline-strong);color:var(--ink);transition:transform var(--dur)var(--ease-out),border-color var(--dur)var(--ease-out),background-color var(--dur)var(--ease-out);flex-direction:column;flex:15rem;gap:2px;text-decoration:none;display:flex}.door:hover{border-color:var(--marker-deep);color:var(--ink);transform:translateY(-2px)}.door--primary{background:var(--ink);border-color:var(--ink);color:var(--ink-inverse)}.door--primary:hover{border-color:var(--marker-deep);color:var(--ink-inverse);background:#1e2732;background:lab(15.2703% -2.0504 -8.32691)}.door__title{font-family:var(--font-display);font-weight:620;font-size:var(--text-md);letter-spacing:-.015em}.door__sub{font-size:var(--text-sm);color:var(--ink-muted);line-height:1.4}.door--primary .door__sub{color:#b8bec5;color:lab(76.7891% -1.29417 -4.27552)}.demo{background:var(--surface);border:1px solid var(--hairline-strong);border-radius:var(--radius-lg);padding:clamp(1.25rem,.8rem + 1.4vw,2rem)}.demo__heading{font-size:var(--text-sm);letter-spacing:.01em;color:var(--ink-muted);margin:0 0 var(--s-4);font-weight:600;font-family:var(--font-ui)}.demo__tabs{background:var(--paper-sunk);border-radius:var(--radius-pill);margin-bottom:var(--s-5);gap:2px;padding:3px;display:inline-flex}.demo__tab{appearance:none;cursor:pointer;font:inherit;font-size:var(--text-sm);color:var(--ink-muted);border-radius:var(--radius-pill);transition:background-color var(--dur)var(--ease-out),color var(--dur)var(--ease-out);background:0 0;border:0;padding:.42rem 1rem;font-weight:600}.demo__tab:hover{color:var(--ink)}.demo__tab.is-active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.demo__panel{min-height:8.5rem}.demo__sentence{font-family:var(--font-specimen);font-size:var(--text-lg);color:var(--ink);margin:0 0 var(--s-4);line-height:1.55}.demo__gloss{align-items:baseline;gap:var(--s-3);font-size:var(--text-base);color:var(--ink-soft);margin:0 0 var(--s-2);flex-wrap:wrap;display:flex}.demo__glossLabel{font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted);border:1px solid var(--hairline-strong);border-radius:var(--radius-pill);padding:.1rem .5rem;font-weight:700}.demo__note{font-size:var(--text-sm);color:var(--ink-muted);margin:0}.demo__rule{border:0;border-top:1px solid var(--hairline);margin:var(--s-5)0}.demo__label{font-size:var(--text-sm);color:var(--ink-soft);margin-bottom:var(--s-2);font-weight:600;display:block}.demo__row{gap:var(--s-2);flex-wrap:wrap;display:flex}.demo__input{min-width:0;font:inherit;font-size:var(--text-base);color:var(--ink);background:var(--paper);border:1px solid var(--hairline-strong);border-radius:var(--radius-sm);transition:border-color var(--dur)var(--ease-out);flex:14rem;padding:.6rem .75rem}.demo__input::placeholder{color:var(--ink-muted)}.demo__input:hover{border-color:var(--ink-muted)}.demo__input:focus-visible{border-color:var(--marker-deep)}.btn{appearance:none;cursor:pointer;font:inherit;font-weight:640;font-size:var(--text-base);border-radius:var(--radius-sm);transition:background-color var(--dur)var(--ease-out),color var(--dur)var(--ease-out),opacity var(--dur)var(--ease-out);border:1px solid #0000;padding:.6rem 1.1rem}.btn--marker{background:var(--marker);color:var(--ink)}.btn--marker:hover:not(:disabled){background:var(--marker-edge)}.btn:disabled{opacity:.45;cursor:not-allowed}.demo__result{margin-top:var(--s-4);min-height:2.75rem}.demo__resultLine{font-size:var(--text-base);margin:0;line-height:1.55}.demo__resultLine--muted{color:var(--ink-muted)}.demo__resultLine--error{color:var(--danger);background:var(--danger-wash);border-radius:var(--radius-sm);padding:var(--s-3);font-size:var(--text-sm)}@media (max-width:520px){.demo__row{flex-direction:column;align-items:stretch}.btn{width:100%}}