.landing-nav{display:none;gap:var(--space-1)}@media (min-width:720px){.landing-nav{display:flex}}.header-cta{white-space:nowrap}.landing{font-family:var(--font-inter,"Inter"),var(--font-sans);font-feature-settings:"cv01","ss03"}.appwin__crumb,.frame__bar,.mock__label{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.hero{position:relative;overflow-x:clip}.hero--full{margin-top:calc(-1 * (var(--header-h) + env(safe-area-inset-top)));isolation:isolate}.hero__inner{padding-top:calc(var(--header-h) + clamp(var(--space-16), 9vw, var(--space-32)))}.hero__title{max-width:18ch;font-size:var(--text-display);font-weight:var(--weight-display);line-height:1;letter-spacing:var(--tracking-display);text-wrap:balance}.hero__row{display:grid;gap:var(--space-5);margin-top:var(--space-6)}@media (min-width:900px){.hero__row{grid-template-columns:minmax(0,1fr) auto;align-items:end}}.hero__lede{max-width:36rem;font-size:clamp(var(--text-base),1rem + .3vw,1.125rem);color:var(--text-3)}.hero__aside{display:inline-flex;align-items:center;justify-self:start;gap:var(--space-3);min-height:var(--tap);font-size:var(--text-sm);color:var(--text-2);text-decoration:none;transition:color var(--dur-1) var(--ease-out)}.hero__aside-tag,.hero__aside:hover{color:var(--text)}.hero__aside-tag{padding:1px var(--space-2);border-radius:4px;background:var(--surface-sunken);font-size:var(--text-xs)}.hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-6);margin-top:var(--space-8)}.hero__link{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--tap);color:var(--text-2);text-decoration:none;transition:color var(--dur-1) var(--ease-out)}.hero__link:hover{color:var(--text)}.hero__stage{margin-top:clamp(var(--space-12),7vw,var(--space-20))}.hero__reveal{opacity:0;animation:hero-in var(--dur-hero) var(--ease-out) forwards;animation-delay:var(--d,0s)}@keyframes hero-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.hero__reveal{animation-delay:0s}}.appwin{position:relative}.appwin__window{display:grid;grid-template-columns:minmax(0,1fr);height:clamp(26rem,48vw,36rem);overflow:hidden;border:1px solid var(--line-strong);border-bottom:0;border-radius:var(--radius-card) var(--radius-card) 0 0;background:var(--surface);font-size:var(--text-sm);-webkit-mask-image:linear-gradient(180deg,#000 60%,transparent);mask-image:linear-gradient(180deg,#000 60%,transparent)}.appwin__detail,.appwin__side{display:none}@media (min-width:768px){.appwin__window{grid-template-columns:minmax(0,1fr) 17rem}.appwin__detail{display:block}}@media (min-width:1100px){.appwin__window{grid-template-columns:13.5rem minmax(0,1fr) 19rem}.appwin__side{display:block}}.appwin__side{padding:var(--space-4) var(--space-3);border-right:1px solid var(--line);color:var(--text-3)}.appwin__brand{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2) var(--space-4);font-weight:var(--weight-ui);color:var(--text)}.appwin__brand .brand__mark{height:20px}.appwin__nav{display:grid;gap:2px;margin:0;padding:0;list-style:none}.appwin__nav li{display:flex;align-items:center;gap:var(--space-2);padding:6px var(--space-2);border-radius:var(--radius-btn);white-space:nowrap}.appwin__nav li.is-active{background:var(--surface-sunken);color:var(--text)}.appwin__icon{width:14px;height:14px;flex:none;border:1.5px solid;border-radius:4px;opacity:.8}.appwin__dot{width:6px;height:6px;flex:none;margin-inline:4px;background:var(--text-3)}.appwin__count,.appwin__dot{border-radius:var(--radius-full)}.appwin__count{margin-left:auto;padding:0 6px;background:var(--surface-sunken);font-size:var(--text-xs);color:var(--text-2)}.appwin__group{margin:var(--space-6) 0 var(--space-2);padding-inline:var(--space-2);font-size:var(--text-xs);color:var(--text-3)}.appwin__list{min-width:0}.frame__bar{display:flex;justify-content:space-between;gap:var(--space-4);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--text-3)}.frame__bar,.lead-row{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--line)}.lead-row{display:grid;grid-template-columns:minmax(0,1fr) auto 3ch;align-items:center;gap:var(--space-6)}.lead-row.is-selected{background:var(--surface-2)}.lead-row__main{display:grid;min-width:0}.lead-row__name{overflow:hidden;font-size:var(--text-base);font-weight:var(--weight-display);text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.lead-row__meta{color:var(--text-3)}.lead-row__tag{padding:1px var(--space-2);border-radius:4px;background:var(--surface-sunken);font-size:var(--text-xs);text-transform:uppercase;color:var(--text-2)}.lead-row__score{font-size:var(--text-base);font-weight:var(--weight-display);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right;color:var(--text-2)}.lead-row__score--hot{color:var(--accent)}@media (max-width:520px){.lead-row__tag{display:none}.lead-row{grid-template-columns:minmax(0,1fr) 3ch;gap:var(--space-4)}}.appwin__detail{padding:var(--space-5) var(--space-6);border-left:1px solid var(--line)}.appwin__crumb{font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--text-3)}.appwin__title{margin-top:var(--space-2);font-size:var(--text-md);font-weight:var(--weight-display);letter-spacing:var(--tracking-title);line-height:var(--leading-snug);color:var(--text)}.appwin__meter{margin-top:var(--space-6)}.appwin__detail .appwin__group{padding-inline:0}.appwin__facts{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none;color:var(--text-2)}.appwin__facts li{padding-left:var(--space-4);text-indent:calc(-1 * var(--space-4))}.appwin__facts li:before{content:"–";display:inline-block;width:var(--space-4);text-indent:0;color:var(--text-3)}.composer{display:none}@media (min-width:768px){.composer{position:absolute;top:clamp(14rem,21vw,17rem);right:clamp(var(--space-6),4vw,var(--space-12));display:grid;width:min(22rem,46%);border:1px solid var(--line-strong);border-radius:var(--radius-card);background:var(--surface-2);box-shadow:var(--shadow-3);font-size:var(--text-sm)}}.composer__foot,.composer__head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--text-2)}.composer__langs{display:inline-flex;padding:2px;border-radius:var(--radius-btn);background:var(--surface-sunken);font-size:var(--text-xs);color:var(--text-2)}.composer__langs span{padding:2px var(--space-2);border-radius:4px}.composer__langs .is-active{background:var(--surface);color:var(--text)}.composer__text{padding:var(--space-4);border-block:1px solid var(--line);line-height:1.55;color:var(--text)}.composer__hint{color:var(--text-3)}.composer__send{padding:6px var(--space-3);border-radius:var(--radius-btn);background:var(--wa);font-weight:var(--weight-ui);color:var(--on-wa);white-space:nowrap}.section{padding-block:clamp(var(--space-16),10vw,var(--space-32));border-top:1px solid var(--line)}.statement{border-top:0}.statement__text{max-width:34ch;font-size:var(--text-xl);font-weight:var(--weight-display);line-height:1.15;letter-spacing:var(--tracking-display);color:var(--text-3)}.statement__text span{color:var(--text)}.figs{margin:clamp(var(--space-16),8vw,var(--space-24)) 0 0;padding:0;list-style:none}.fig,.figs{display:grid}.fig{align-content:start;gap:var(--space-2);padding-block:var(--space-8);border-top:1px solid var(--line)}@media (min-width:900px){.figs{grid-template-columns:repeat(3,1fr)}.fig{padding:0 var(--space-8);border-top:0;border-left:1px solid var(--line)}.fig:first-child{padding-left:0;border-left:0}}.fig__art{height:13rem;margin-bottom:var(--space-6);background:var(--text-2);-webkit-mask:var(--art) center /contain no-repeat;mask:var(--art) center /contain no-repeat}.fig__title{font-size:var(--text-base);font-weight:var(--weight-ui);letter-spacing:var(--tracking-body)}.fig__body{max-width:36ch;color:var(--text-3)}.chapter__head{display:grid;gap:var(--space-6)}@media (min-width:900px){.chapter__head{grid-template-columns:1fr 1fr;align-items:end;gap:var(--space-16)}}.chapter__title{margin-top:var(--space-4);font-size:var(--text-xl);font-weight:var(--weight-display);line-height:1.05;letter-spacing:var(--tracking-display)}.chapter__body{max-width:44ch;font-size:clamp(var(--text-base),1rem + .2vw,1.125rem);color:var(--text-3)}.chapter__mock{margin-top:clamp(var(--space-10),6vw,var(--space-16))}.chapter__features{display:grid;gap:var(--space-4);margin-top:var(--space-10)}@media (min-width:900px){.chapter__features{grid-template-columns:1fr 1fr;gap:var(--space-16)}}.chapter__features-label{font-size:var(--text-sm);color:var(--text-3)}.chapter__features ul{display:grid;margin:0;padding:0;list-style:none}@media (min-width:600px){.chapter__features ul{grid-template-columns:1fr 1fr;column-gap:var(--space-8)}}.chapter__features li{display:flex;align-items:center;gap:var(--space-2);padding-block:var(--space-3);border-top:1px solid var(--line);font-size:var(--text-sm);color:var(--text-2)}.chapter__pro{padding:0 6px;border-radius:4px;background:var(--surface-sunken);font-size:var(--text-xs);color:var(--text-2)}.mock{overflow:hidden;border:1px solid var(--line-strong);border-radius:var(--radius-card);background:var(--surface);font-size:var(--text-sm);color:var(--text-2)}.mock--split{display:grid}@media (min-width:900px){.mock--split{grid-template-columns:repeat(3,minmax(0,1fr))}.mock__pane--wide{grid-column:span 2}}.mock__pane{display:flex;flex-direction:column;min-width:0;padding:var(--space-6)}.mock__pane+.mock__pane{border-top:1px solid var(--line)}@media (min-width:900px){.mock__pane+.mock__pane{border-top:0;border-left:1px solid var(--line)}}.mock__label{margin-bottom:var(--space-3);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--text-3)}.mock__label:not(:first-child){margin-top:var(--space-8)}.mock__field{display:grid;gap:var(--space-2);margin-bottom:var(--space-5)}.mock__field-label{color:var(--text-2)}.mock__input{display:flex;align-items:center;gap:var(--space-2);min-height:40px;padding:var(--space-1) var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-btn);background:var(--surface-2);font-size:var(--text-base);color:var(--text)}.mock__chip{padding:1px var(--space-3);border-radius:var(--radius-full);background:var(--surface-sunken);font-size:var(--text-sm)}.mock__pro,.mock__status{padding:0 6px;border-radius:4px;background:var(--surface-sunken);font-size:var(--text-xs);color:var(--text-2)}.mock__pro{margin-left:auto}.mock__quiet{justify-self:start;color:var(--text-2);text-decoration:underline;text-decoration-color:var(--line-strong);text-underline-offset:3px}.mock__primary{display:grid;place-items:center;min-height:40px;margin-top:auto;border-radius:var(--radius-btn);background:var(--accent-fill);font-weight:var(--weight-ui);color:var(--on-accent)}.mock__toolbar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.mock__seg{display:inline-flex;flex-wrap:wrap;padding:2px;border-radius:var(--radius-btn);background:var(--surface-sunken);color:var(--text-3)}.mock__seg span{padding:var(--space-1) var(--space-3);border-radius:4px}.mock__seg .is-active{background:var(--surface-2);box-shadow:var(--hairline);color:var(--text)}.mock__muted{color:var(--text-3)}.mock__center{text-align:center}.mock__rows{margin:0;padding:0;list-style:none}.mock__rows li{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-inline:calc(-1 * var(--space-3));padding:var(--space-3);border-bottom:1px solid var(--line)}.mock__rows li:last-child{border-bottom:0}.mock__rows li.is-selected{border-radius:var(--radius-btn);background:var(--surface-2)}.mock__row-main{display:grid;min-width:0}.mock__row-name{overflow:hidden;font-size:var(--text-base);font-weight:var(--weight-ui);text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.mock__score{font-size:var(--text-base);font-weight:var(--weight-display);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-2)}.mock__score--hot{color:var(--accent)}.mock__head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}.mock__checks{display:grid;gap:var(--space-1);margin:0;padding:0;list-style:none}.mock__checks li{display:flex;align-items:center;gap:var(--space-3);padding-block:var(--space-2);font-size:var(--text-base);color:var(--text)}.mock__checks .is-pass,.mock__checks .is-unsure{font-size:var(--text-sm);color:var(--text-3)}.mock__mark{width:14px;height:14px;flex:none;border:1.5px solid var(--text-3);border-radius:var(--radius-full)}.is-fail .mock__mark{border-color:var(--danger);background:var(--danger-soft)}.is-pass .mock__mark{border-color:var(--ok)}.is-unsure .mock__mark{border-style:dashed}.mock__gauge{position:relative;width:min(100%,12rem);margin:var(--space-4) auto var(--space-2)}.mock__gauge svg{display:block;width:100%}.mock__gauge-track,.mock__gauge-value{fill:none;stroke-width:7;stroke-linecap:round}.mock__gauge-track{stroke:var(--line-strong)}.mock__gauge-value{stroke:var(--danger)}.mock__gauge-num{position:absolute;inset:auto 0 0;font-size:var(--text-xl);font-weight:var(--weight-display);line-height:1;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text)}.mock__share{display:flex;justify-content:space-between;gap:var(--space-3);margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--line)}.mock__chat{gap:var(--space-4)}.mock__chat .mock__label{margin-bottom:0}.mock__bubble{padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface-2);line-height:1.55;color:var(--text);white-space:pre-line}.mock__chat .composer__send{align-self:start}.score__card{display:grid;gap:var(--space-6);margin-top:clamp(var(--space-10),6vw,var(--space-16));padding:var(--space-6);border:1px solid var(--line-strong);border-radius:var(--radius-card);background:var(--surface)}@media (min-width:600px){.score__card{grid-template-columns:auto 1fr;align-items:center;gap:var(--space-12);padding:var(--space-8) var(--space-10)}}.score__meter{display:grid;justify-items:center;gap:var(--space-3);text-align:center}.score__example{max-width:16ch;font-size:var(--text-sm);color:var(--text-2)}.score__list{display:grid;margin:0}.score__row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding-block:var(--space-3);border-bottom:1px solid var(--line)}.score__row:last-child{border-bottom:0}.score__row dt{min-width:0}.score__row dd{margin:0;flex:none;padding:2px var(--space-2);border-radius:4px;background:var(--surface-sunken);font-size:var(--text-sm);font-weight:var(--weight-display);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-2)}.cta-band__inner{display:grid;justify-items:start;gap:var(--space-5);padding-block:clamp(var(--space-8),6vw,var(--space-16))}.cta-band__title{max-width:14ch;font-size:var(--text-display);font-weight:var(--weight-display);line-height:1;letter-spacing:var(--tracking-display)}.cta-band__lede{max-width:var(--measure);font-size:clamp(var(--text-base),1rem + .3vw,var(--text-md));color:var(--text-3)}.cta-band__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-2)}.appwin{transform-origin:50% 0}.reveal-list{--reveal-step:60ms}.mock .reveal-list{--reveal-delay:250ms}.chapter__mock[data-reveal=shown]>.reveal-item{animation-name:mock-in;animation-duration:.9s}@keyframes mock-in{0%{opacity:0;transform:translateY(48px) scale(.98)}to{opacity:1;transform:none}}