.section-head{gap:var(--space-s);grid-template-columns:minmax(0,1fr);max-width:46rem;margin-bottom:clamp(2.5rem,1.5rem + 3vw,4.5rem);display:grid}.section-head--center{text-align:center;justify-items:center;margin-inline:auto}.section-head__lead{max-width:40rem;color:var(--text-muted)}.who{padding-block:var(--section-space);border-top:1px solid var(--border-primary)}.who__inner{width:var(--content-width);margin-inline:auto}.who__groups{border:1px solid var(--border-strong);border-radius:var(--radius-l);grid-template-columns:minmax(0,1fr);display:grid;overflow:hidden;@media (width>=40rem){grid-template-columns:repeat(2,minmax(0,1fr))}@media (width>=64rem){grid-template-columns:repeat(4,minmax(0,1fr))}}.who__group{align-content:start;gap:var(--space-2xs);padding:var(--space-m);border-bottom:1px solid var(--border-primary);display:grid;&:last-child{border-bottom:0}@media (40rem<=width<64rem){&:nth-child(odd){border-right:1px solid var(--border-primary)}&:nth-last-child(-n+2){border-bottom:0}}@media (width>=64rem){border-bottom:0;border-right:1px solid var(--border-primary);&:last-child{border-right:0}}}.who__icon{width:2.5rem;height:2.5rem;margin-bottom:var(--space-2xs);border:var(--tile-border);border-radius:var(--radius-s);background:var(--tile-fill);color:var(--tile-color);justify-self:start;place-items:center;display:grid}.who__svg{width:1.15rem;height:1.15rem}.who__name{font-size:var(--text-m);font-weight:600;line-height:var(--leading-body)}.who__text{color:var(--text-muted)}.status{border:1px solid var(--border-accent);border-radius:var(--radius-full);background:var(--fill-accent);width:fit-content;color:var(--brand-bright);font-size:var(--text-xs);letter-spacing:.02em;white-space:nowrap;align-items:center;gap:.4rem;padding:.2rem .6rem;font-weight:700;line-height:1.5;display:inline-flex;&:before{content:"";background:currentColor;border-radius:50%;width:.4rem;height:.4rem}}.status--planned{border-color:var(--planned-32);background:var(--planned-10);color:var(--planned)}.status--development{border-color:var(--border-stronger);background:var(--fill-primary);color:var(--text-muted);&:before{background:0 0;border:1.5px solid}}.practices{padding-block:var(--section-space);border-top:1px solid var(--border-primary)}.practices__inner{width:var(--content-width);margin-inline:auto}.practices__grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:clamp(1.5rem,1rem + 3vw,4rem);display:grid;@media (width>=60rem){grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}}.practices__sample{border:1px solid var(--border-primary);border-radius:var(--radius-xl);background:radial-gradient(80% 60% at 100% 0%, var(--brand-700-35), transparent 70%), var(--graphite-950);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.practices__sample-head{justify-content:space-between;align-items:center;gap:var(--space-xs);padding:var(--space-s) var(--space-m);border-bottom:1px solid var(--border-primary);display:flex}.practices__file{align-items:center;gap:var(--space-2xs);color:var(--text-muted);font-family:var(--font-mono);font-size:var(--text-caption);display:inline-flex}.practices__file-icon{width:1rem;height:1rem;color:var(--brand)}.practices__code{padding:var(--space-s);color:var(--text-body);font-family:var(--font-mono);tab-size:2;margin:0;font-size:.75rem;line-height:1.75;overflow-x:auto;&:focus-visible{outline-offset:-4px}@media (width>37.5rem){padding:var(--space-m);font-size:var(--text-caption)}}.practices__code-text{font-size:inherit}.practices__token--punct{color:var(--text-subtle)}.practices__token--tag{color:var(--brand-bright)}.practices__token--attr{color:var(--planned)}.practices__token--string{color:var(--demo)}.practices__token--value{color:var(--ivory)}.practices__token--keyword{color:#e3b7d2}.practices__notes{gap:var(--space-xs);padding:var(--space-s) var(--space-m) var(--space-m);border-top:1px solid var(--border-primary);display:grid}.practices__notes-label{color:var(--text-subtle);font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;font-weight:700}.practices__note-list{gap:var(--space-2xs);flex-wrap:wrap;display:flex}.practices__note{border:1px solid var(--border-accent);border-radius:var(--radius-full);background:var(--fill-accent);font-size:var(--text-s);align-items:center;gap:.35rem;padding:.3rem .7rem;font-weight:600;display:inline-flex}.practices__note-icon{width:.95rem;height:.95rem;color:var(--brand-bright)}.practices__list{gap:var(--space-2xs);display:grid}.practices__item{gap:.15rem var(--space-s);padding:var(--space-s);border-radius:var(--radius-m);transition:background-color var(--dur-2) var(--ease-out);grid-template-columns:auto minmax(0,1fr);display:grid;&:hover{background:var(--fill-primary)}}.practices__icon{border:var(--tile-border);border-radius:var(--radius-s);background:var(--tile-fill);width:2.5rem;height:2.5rem;color:var(--tile-color);grid-row:span 2;place-items:center;display:grid}.practices__icon-svg{width:1.25rem;height:1.25rem}.practices__title{font-size:var(--text-l);line-height:1.35}.practices__text{color:var(--text-muted);font-size:var(--text-body-s);line-height:1.55}.edge{padding-block:7rem;@media (width<48rem){padding-block:4.5rem}}.edge__inner{align-items:center;gap:var(--space-l);width:min(100% - 2 * var(--gutter), 80.625rem);padding:var(--space-2xs);grid-template-columns:minmax(0,1fr);margin-inline:auto;display:grid;@media (width>=60rem){gap:var(--space-2xl);grid-template-columns:minmax(0,35.625rem) minmax(0,1fr)}.edge--image-right &{@media (width>=60rem){grid-template-columns:minmax(0,1fr) minmax(0,35.625rem)}}}.edge__media{@media (width>=60rem){.edge--image-right &{grid-area:1/2}}}.edge__text{gap:var(--space-xl);flex-direction:column;display:flex;@media (width>=60rem){.edge--image-right &{grid-area:1/1}}}.edge__head{gap:var(--space-xs);grid-template-columns:minmax(0,1fr);display:grid}.edge__lead{color:var(--text-muted)}.edge__points{gap:var(--space-xs);grid-template-columns:minmax(0,1fr);display:grid}.edge__point{border-radius:var(--radius-card);background:var(--surface-glass);align-items:center;gap:.875rem;padding:1.1rem 1.35rem;display:flex}.edge__icon-box{border:var(--tile-border);border-radius:var(--radius-s);background:var(--tile-fill);width:2.5rem;height:2.5rem;color:var(--tile-color);flex-shrink:0;place-items:center;display:grid}.edge__icon{width:1.15rem;height:1.15rem}.edge__point-text{min-width:0;color:var(--text-muted)}.edge__point-title{color:var(--text-body);font-weight:600}.edge__below{width:min(100% - 2 * var(--gutter), 80.625rem);margin:var(--space-l) auto 0;padding-inline:var(--space-2xs)}.appmock{aspect-ratio:570/684;border-radius:var(--radius-card);background:radial-gradient(90% 60% at 100% 0%, var(--brand-20), transparent 70%), radial-gradient(70% 50% at 0% 100%, var(--brand-10), transparent 70%), var(--graphite-950);width:100%;max-width:35.625rem;margin-inline:auto;position:relative;overflow:hidden;container-type:inline-size}.appmock__stage{color:var(--ivory);pointer-events:none;user-select:none;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:1.93cqi;line-height:1.4;position:absolute;inset:0}.appmock__window{border:1px solid var(--border-strong);background:var(--ink);box-shadow:0 0 0 1px var(--dark-40), 0 3em 6em -1.5em var(--dark-80);border-radius:1.2em;grid-template-rows:3.4em minmax(0,1fr);display:grid;position:absolute;top:3.2em;bottom:3.2em}.appmock__window--left{left:-4.2em;right:2.4em}.appmock__window--right{left:2.4em;right:-4.2em}.appmock__titlebar{grid-template-columns:1fr auto 1fr;align-items:center;gap:1em;padding:0 1.2em;font-size:.95em;display:grid}.appmock__crumbs{color:var(--text-muted);white-space:nowrap;align-items:center;gap:.45em;display:flex;overflow:hidden}.appmock__logo{background:color-mix(in srgb, var(--brand-deep) 70%, var(--dark));width:1.7em;height:1.7em;color:var(--ivory);border-radius:.45em;flex-shrink:0;place-items:center;margin-right:.3em;font-weight:700;display:grid}.appmock__project{color:var(--ivory);font-weight:600}.appmock__path{color:var(--text-subtle);margin-left:.8em}.appmock__center{white-space:nowrap;align-items:center;gap:.9em;font-size:.9em;display:flex}.appmock__url{border-radius:var(--radius-full);background:var(--graphite-800);color:var(--text-muted);font-family:var(--font-mono);align-items:center;gap:.5em;padding:.35em 1em;display:flex}.appmock__dot{background:var(--brand);width:.5em;height:.5em;box-shadow:0 0 .6em var(--brand-40);border-radius:50%;flex-shrink:0;display:inline-block}.appmock__devices{align-items:center;gap:.55em;display:flex}.appmock__device{border:.12em solid var(--text-subtle);border-radius:.2em}.appmock__device--desktop{border-color:var(--brand);width:1.15em;height:.85em}.appmock__device--tablet{width:.8em;height:1em}.appmock__device--phone{width:.55em;height:.95em}.appmock__publish{border-radius:.5em;justify-self:end;align-items:center;gap:.3em;padding:.35em .7em;font-weight:600;display:flex}.appmock__publish--active{background:var(--graphite-800);box-shadow:inset 0 0 0 1px var(--border-strong)}.appmock__tiny{flex-shrink:0;width:1em;height:1em}.appmock__body{gap:.5em;min-height:0;padding:0 .5em .5em;display:grid;position:relative}.appmock__rail{color:var(--text-subtle);align-content:start;justify-items:center;gap:1.2em;padding-top:.9em;display:grid}.appmock__rail-icon{width:1.2em;height:1.2em}.appmock__rail-icon--active{color:var(--brand)}.appmock__panel{border:1px solid var(--border-primary);background:var(--graphite-850);border-radius:.9em;min-height:0;overflow:hidden}.appmock__panel-head{border-bottom:1px solid var(--border-primary);white-space:nowrap;align-items:center;gap:.5em;padding:.8em 1em;display:flex}.appmock__label{color:var(--text-subtle);letter-spacing:.06em;text-transform:uppercase;font-size:.75em;font-weight:600}.appmock__code{grid-template-rows:auto minmax(0,1fr);display:grid}.appmock__code-head{border-bottom:1px solid var(--border-primary);white-space:nowrap;align-items:center;gap:.8em;padding:.7em .9em;font-size:.9em;display:flex}.appmock__tabs{gap:.9em;margin-left:auto;font-size:.9em;display:flex}.appmock__tab{color:var(--text-subtle)}.appmock__tab--active{color:var(--ivory);box-shadow:0 .35em 0 -.2em var(--brand)}.appmock__code-lines{color:var(--text-muted);font-family:var(--font-mono);white-space:pre;align-content:start;gap:.25em;padding:.8em .9em;font-size:.85em;display:grid}.appmock__ln{width:1.8em;color:var(--text-subtle);display:inline-block}.appmock__sel{color:var(--brand-bright)}.appmock__prop{color:var(--planned)}.appmock__val{color:var(--demo)}.appmock__strong{font-weight:700}.appmock__muted{color:var(--text-muted)}.appmock__faint{color:var(--text-subtle)}.appmock__accent{color:var(--brand)}.appmock__mono{font-family:var(--font-mono)}.appmock__primary{background:var(--brand);color:var(--ink);border-radius:.5em;align-items:center;gap:.35em;padding:.45em .9em;font-size:.85em;font-weight:600;display:flex}.appmock__secondary{border:1px solid var(--border-strong);color:var(--text-muted);border-radius:.5em;padding:.45em .9em;font-size:.85em;font-weight:600}.appmock__checkbox{background:var(--brand);width:1.2em;height:1.2em;color:var(--ink);border-radius:.25em;flex-shrink:0;place-items:center;display:grid}.appmock__check{width:.9em;height:.9em}.mocksite{color:#2b2620;background:#fbf8f2;border-radius:.6em;align-content:start;gap:1.4em;height:100%;padding:1.1em 1.3em;display:grid;overflow:hidden}.mocksite__head{border-bottom:1px solid #ece4d6;align-items:baseline;gap:1em;padding-bottom:.9em;font-size:.9em;display:flex}.mocksite__logo{margin-right:auto;font-family:Georgia,Times New Roman,serif;font-size:1.35em;font-weight:700}.mocksite__hero{gap:.6em;display:grid}.mocksite__title{letter-spacing:-.02em;font-family:Georgia,Times New Roman,serif;font-size:2.2em;font-weight:700;line-height:1.05}.mocksite__text{color:#6b6258;font-size:.9em}.mocksite__actions{gap:.6em;margin-top:.8em;display:flex}.mocksite__button{color:#fbf8f2;white-space:nowrap;background:#2f6f57;border-radius:.5em;padding:.7em 1.1em;font-size:.85em;font-weight:700;position:relative}.mocksite__button--ghost{color:#2b2620;background:0 0;border:1px solid #2b2620}.mocksite__button--selected{outline:.2em solid var(--brand);outline-offset:.2em}.mocksite__chip{background:var(--brand);color:var(--ink);white-space:nowrap;border-radius:.3em;align-items:center;gap:.3em;padding:.1em .5em;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:.8em;font-weight:600;display:flex;position:absolute;bottom:calc(100% + .45em);left:-.2em;.mocksite__card--selected &{font-size:1em}}.mocksite__chip-icon{width:1em;height:1em}.mocksite__oven{background:#f1ebdf;gap:.7em;margin-inline:-1.3em;padding:1em 1.3em;display:grid}.mocksite__subtitle{font-family:Georgia,Times New Roman,serif;font-size:1.3em;font-weight:700}.mocksite__cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7em;display:grid}.mocksite__card{background:#fff;border-radius:.5em;gap:.5em;padding:.5em;font-size:.8em;display:grid;position:relative}.mocksite__card--selected{outline:.25em solid var(--brand);outline-offset:.15em}.mocksite__photo{background:linear-gradient(135deg,#d9b98f,#b98556);border-radius:.35em;height:4em}.mocksite__photo--light{background:linear-gradient(135deg,#efdcc0,#d7b588)}.mocksite__hours{gap:.6em;display:grid}.mocksite__table{border-top:1px solid #ece4d6;grid-template-columns:1fr auto;font-size:.85em;display:grid}.mocksite__cell{border-bottom:1px solid #ece4d6;padding:.5em 0}.mock-ai{grid-template-columns:3em minmax(0,1fr) 21.5em}.mock-ai__work{grid-template-rows:minmax(0,1fr) 11.5em;gap:.5em;min-height:0;display:grid}.mock-ai__preview{grid-template-rows:2.4em minmax(0,1fr);padding:0 .5em .5em;display:grid}.mock-ai__toolbar{color:var(--text-subtle);justify-content:flex-end;align-items:center;padding-right:.5em;font-size:.85em;display:flex}.mock-ai__chat{grid-template-rows:auto minmax(0,1fr) auto;display:grid}.mock-ai__status{color:var(--text-muted);align-items:center;gap:.35em;font-size:.9em;display:flex}.mock-ai__messages{align-content:start;gap:1.1em;padding:1em;display:grid;overflow:hidden}.mock-ai__message{gap:.25em;display:grid}.mock-ai__from{font-size:.85em;font-weight:700}.mock-ai__from--you{color:var(--brand)}.mock-ai__text{color:var(--text-muted);font-size:.95em}.mock-ai__tool{color:var(--text-subtle);font-size:.8em}.mock-ai__composer{border:1px solid var(--border-strong);background:var(--graphite-800);border-radius:.8em;gap:.7em;margin:0 .7em .7em;padding:.8em;display:grid}.mock-ai__placeholder{color:var(--text-subtle);padding-bottom:1.4em}.mock-ai__context{color:var(--text-muted);white-space:nowrap;align-items:center;gap:.4em;font-size:.8em;display:flex}.mock-ai__row{align-items:center;gap:.7em;display:flex}.mock-ai__model{color:var(--text-muted);align-items:center;gap:.3em;font-size:.85em;display:flex}.mock-ai__send{margin-left:auto}.mock-ai__send-icon{transform:rotate(180deg)}.media{min-width:0;position:relative}.media__frame{border:1px solid var(--border-strong);border-radius:var(--radius-xl);background:linear-gradient(180deg, var(--ivory-9), var(--ivory-3));box-shadow:var(--shadow-media);padding:clamp(5px,.35rem + .3vw,10px);position:relative;.media--medium &{border-radius:var(--radius-l)}}.media__screen{aspect-ratio:var(--media-ratio);border-radius:calc(var(--radius-xl) - 8px);background:var(--bg-surface);box-shadow:0 0 0 1px var(--dark-60);position:relative;overflow:hidden;.media--medium &{border-radius:calc(var(--radius-l) - 7px)}.media--placeholder &:after{content:"";background:linear-gradient(to top, var(--ink-55), transparent);pointer-events:none;height:30%;position:absolute;inset:auto 0 0}}.media__screen--small-crop{@media (width<=40rem){aspect-ratio:var(--media-ratio-small)}}.media__picture,.media__image,.media__video{width:100%;height:100%}.media__image{object-fit:cover;object-position:var(--media-position);.media__screen--small-crop &{@media (width<=40rem){object-position:left top}}}.media__video{background:var(--graphite-950);object-fit:cover}.media__art{isolation:isolate;background:radial-gradient(120% 90% at 8% 100%, var(--brand-500) 0%, var(--brand-700) 22%, var(--brand-900) 55%, var(--brand-950) 100%);place-items:center;width:100%;height:100%;display:grid;position:relative}.media__art-mark{opacity:.9;font-size:clamp(2.5rem,1.5rem + 4vw,4.5rem);position:relative}.media__badge{z-index:1;border:1px solid var(--border-strong);border-radius:var(--radius-full);background:var(--ink-88);max-width:calc(100% - 1rem);color:var(--ivory);font-size:var(--text-s);-webkit-backdrop-filter:blur(10px);box-shadow:0 10px 30px -10px var(--dark-70);align-items:center;gap:.55rem;padding:.45rem .85rem .45rem .7rem;font-weight:650;line-height:1.3;display:inline-flex;position:absolute;bottom:clamp(.5rem,.3rem + 1vw,1.25rem);left:clamp(.5rem,.3rem + 1vw,1.25rem)}.media__dot{background:var(--brand);border-radius:50%;flex-shrink:0;width:.5rem;height:.5rem;position:relative;&:after{@media (prefers-reduced-motion:no-preference){content:"";background:var(--brand);animation:media-pulse 2.4s var(--ease-out) 2;border-radius:50%;position:absolute;inset:0}}}@keyframes media-pulse{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(3)}}.skill-demo{grid-template-columns:minmax(0,1fr);align-items:center;gap:clamp(1.5rem,1rem + 3vw,3.5rem);padding:clamp(1.25rem,.8rem + 2vw,2.75rem);display:grid;position:relative;@media (width>=60rem){grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}}.skill-demo__examples{align-content:start;gap:var(--space-2xl);grid-template-columns:minmax(0,1fr);display:grid;.skill-demo.is-ready &{gap:var(--space-m)}}.skill-demo__tabs{border:1px solid var(--border-strong);border-radius:var(--radius-full);background:var(--ink-55);width:fit-content;max-width:100%;padding:.3rem;display:inline-flex}.skill-demo__tab{border-radius:var(--radius-full);min-width:0;min-height:2.5rem;color:var(--text-muted);font-size:var(--text-body-s);overflow-wrap:break-word;transition:background-color var(--dur-2) var(--ease-out), color var(--dur-2) var(--ease-out);padding:0 1.1rem;font-weight:650;&:hover{color:var(--text-body)}&[aria-selected=true]{background:var(--ivory);color:var(--ink)}}.skill-demo__panel{gap:var(--space-xs);border-radius:var(--radius-m);display:grid;@media (prefers-reduced-motion:no-preference){.skill-demo.is-ready &{animation:skill-demo-in var(--dur-3) var(--ease-out)}}}@keyframes skill-demo-in{0%{opacity:0;transform:translateY(8px)}}.skill-demo__label{color:var(--brand);font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;font-weight:700}.skill-demo__title{font-size:var(--text-2xl);letter-spacing:var(--tracking-display);line-height:1.12}.skill-demo__text{color:var(--text-muted)}.skill-demo__steps{gap:var(--space-2xs);margin-top:var(--space-xs);display:grid;position:relative;&:before{content:"";background:linear-gradient(var(--border-accent), var(--border-primary));width:1px;position:absolute;top:1.5rem;bottom:1.5rem;left:calc(1.125rem - .5px)}}.skill-demo__step{align-items:center;column-gap:var(--space-s);padding:var(--space-2xs) 0;grid-template-columns:2.25rem minmax(0,1fr);display:grid;position:relative}.skill-demo__step-icon{border:var(--tile-border);background:linear-gradient(var(--tile-fill), var(--tile-fill)), linear-gradient(var(--surface-glass), var(--surface-glass)), var(--bg-body);width:2.25rem;height:2.25rem;color:var(--tile-color);border-radius:50%;grid-row:span 2;place-items:center;display:grid}.skill-demo__step-svg{width:1.05rem;height:1.05rem}.skill-demo__step-label{color:var(--text-subtle);font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;font-weight:700;line-height:1.4}.skill-demo__step-value{font-size:var(--text-body-s);font-weight:550;line-height:1.45}.workflows{border-radius:var(--radius-card);background:var(--surface-glass);interpolate-size:allow-keywords;overflow:clip;@media (prefers-reduced-motion:no-preference){&::details-content{block-size:0;transition:block-size var(--dur-3) var(--ease-out-expo), content-visibility var(--dur-3) allow-discrete;overflow:clip}&[open]::details-content{block-size:auto}}}.workflows__summary{align-items:center;gap:var(--space-s);padding:var(--space-m);cursor:pointer;transition:background-color var(--dur-2) var(--ease-out);grid-template-columns:auto minmax(0,1fr) auto;list-style:none;display:grid;@media (width<48rem){grid-template-columns:minmax(0,1fr) auto}&::-webkit-details-marker{display:none}&:hover{background:var(--ivory-4)}&:focus-visible{outline-offset:-4px;border-radius:var(--radius-card)}@media (width>=60rem){gap:var(--space-m);padding:var(--space-m) var(--space-l);grid-template-columns:auto minmax(0,1fr) auto auto}}.workflows__badge{border:var(--tile-border);border-radius:var(--radius-s);background:var(--tile-fill);width:3rem;height:3rem;color:var(--tile-color);place-items:center;display:grid;@media (width<48rem){display:none}}.workflows__badge-icon{width:1.35rem;height:1.35rem}.workflows__intro{gap:var(--space-4xs);display:grid}.workflows__title{font-size:var(--text-l);font-weight:600;line-height:1.3}.workflows__text{color:var(--text-muted)}.workflows__tags{gap:var(--space-2xs);display:none;@media (width>=60rem){display:flex}}.workflows__tag{border-radius:var(--radius-full);background:var(--surface-glass);color:var(--text-muted);font-size:var(--text-s);white-space:nowrap;padding:.4rem .85rem}.workflows__toggle{border-radius:var(--radius-full);background:var(--brand);width:2.75rem;height:2.75rem;color:var(--text-on-accent);transition:background-color var(--dur-2) var(--ease-out);place-items:center;display:grid;.workflows__summary:hover &{background:var(--brand-bright)}}.workflows__toggle-icon{width:1.1rem;height:1.1rem;transition:transform var(--dur-3) var(--ease-out-expo);transform:rotate(45deg);.workflows[open] &{transform:none}}.workflows__body{border-top:1px solid var(--border-primary)}.mock-content{grid-template-columns:3em minmax(0,1fr)}.mock-content__panel{grid-template-rows:auto minmax(0,1fr);display:grid}.mock-content__canvas{border:1px solid var(--border-strong);color:var(--text-muted);border-radius:.45em;margin-left:auto;padding:.2em .7em;font-size:.85em}.mock-content__split{grid-template-columns:14em minmax(0,1fr);min-height:0;display:grid}.mock-content__list{border-right:1px solid var(--border-primary);align-content:start;gap:.5em;padding:1em .8em;display:grid}.mock-content__item{color:var(--text-muted);border-radius:.45em;align-items:center;gap:.5em;padding:.45em .6em;font-size:.9em;display:flex}.mock-content__item--active{background:var(--graphite-700);color:var(--ivory);box-shadow:inset .2em 0 0 var(--brand)}.mock-content__count{color:var(--text-subtle);margin-left:auto;font-size:.9em}.mock-content__page{margin-top:.8em}.mock-content__entry{align-content:start;gap:1em;padding:1em 1.1em;display:grid}.mock-content__crumb{white-space:nowrap;align-items:baseline;gap:.45em;display:flex}.mock-content__fields{border:1px solid var(--border-primary);background:var(--graphite-950);border-radius:.7em;gap:.9em;padding:1em;display:grid}.mock-content__pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7em;display:grid}.mock-content__field{gap:.35em;display:grid}.mock-content__field--row{justify-content:space-between;align-items:center;display:flex}.mock-content__key{color:var(--text-subtle);font-size:.8em;font-weight:600}.mock-content__input{border:1px solid var(--border-strong);background:var(--graphite-800);border-radius:.45em;padding:.5em .7em;font-size:.9em}.mock-content__switch{border-radius:var(--radius-full);background:var(--brand);justify-content:flex-end;width:2.3em;padding:.15em;display:flex}.mock-content__knob{background:var(--ink);border-radius:50%;width:1em;height:1em}.mock-content__photo-row{align-items:center;gap:.6em;font-size:.85em;display:flex}.mock-content__thumb{background:linear-gradient(135deg,#efdcc0,#d7b588);border-radius:.35em;width:3.2em;height:2.4em}.mock-content__body{gap:.4em;display:grid}.mock-content__markdown{border:1px solid var(--border-primary);background:var(--graphite-950);white-space:nowrap;border-radius:.6em;gap:.3em;padding:.8em .9em;font-size:.85em;display:grid}.mock-design{grid-template-columns:3em 18em minmax(0,1fr)}.mock-design__element{align-content:start;display:grid}.mock-design__section{border-bottom:1px solid var(--border-primary);gap:.75em;padding:1em;display:grid}.mock-design__name{align-items:center;gap:.45em;font-size:1.05em;font-weight:700;display:flex}.mock-design__row{white-space:nowrap;justify-content:space-between;align-items:center;gap:.6em;font-size:.9em;display:flex}.mock-design__bind{background:var(--planned-10);color:var(--planned);border-radius:.35em;padding:.2em .55em;font-size:.9em}.mock-design__token{border:1px solid var(--border-accent);background:var(--fill-accent);color:var(--brand-bright);border-radius:.35em;padding:.2em .55em;font-size:.9em}.mock-design__segments{background:var(--graphite-800);border-radius:.45em;padding:.15em;font-size:.85em;display:flex}.mock-design__segment{color:var(--text-subtle);border-radius:.35em;padding:.2em .6em}.mock-design__segment--active{background:var(--graphite-700);color:var(--ivory);box-shadow:inset 0 0 0 1px var(--border-strong)}.mock-design__swatches{gap:.35em;display:flex}.mock-design__swatch{width:1.3em;height:1.3em;box-shadow:inset 0 0 0 1px var(--border-strong);border-radius:50%}.mock-design__swatch--paper{background:#fbf8f2}.mock-design__swatch--brand{background:#2f6f57}.mock-design__swatch--crust{background:#b98556}.mock-design__swatch--ink{background:#2b2620}.mock-design__swatch--active{outline:.15em solid var(--brand);outline-offset:.15em}.mock-design__work{grid-template-rows:minmax(0,1fr) 12.5em;gap:.5em;min-height:0;display:grid}.mock-design__preview{grid-template-rows:2.6em minmax(0,1fr);padding:0 .5em .5em;display:grid}.mock-design__toolbar{justify-content:center;align-items:center;display:flex}.mock-files{grid-template-columns:3em 15.5em minmax(0,1fr)}.mock-files__tree{grid-template-rows:auto auto minmax(0,1fr);display:grid}.mock-files__search{border:1px solid var(--border-primary);background:var(--graphite-800);color:var(--text-subtle);border-radius:.5em;align-items:center;gap:.5em;margin:.7em .7em .3em;padding:.45em .7em;font-size:.85em;display:flex}.mock-files__list{align-content:start;gap:.15em;padding:.4em .5em;display:grid}.mock-files__node{color:var(--text-muted);white-space:nowrap;border-radius:.4em;align-items:center;gap:.45em;padding:.25em .5em;font-size:.85em;display:flex}.mock-files__node--depth-1{padding-left:1.6em}.mock-files__node--depth-2{padding-left:2.7em}.mock-files__node--depth-3{padding-left:3.8em}.mock-files__node--active{background:var(--graphite-700);color:var(--ivory);box-shadow:inset .2em 0 0 var(--brand)}.mock-files__icon{color:var(--text-subtle)}.mock-files__editor{grid-template-rows:auto minmax(0,1fr);display:grid}.mock-files__saved{color:var(--text-subtle);align-items:center;gap:.4em;margin-left:auto;font-size:.9em;display:flex}.mock-files__code{gap:.35em}.edge-index{padding-block:var(--section-space);border-top:1px solid var(--border-primary)}.edge-index__inner{gap:var(--space-xl);width:var(--content-width-wide);grid-template-columns:minmax(0,1fr);margin-inline:auto;display:grid}.edge-index__title{max-width:46rem}.edge-index__list{border:1px solid var(--border-strong);border-radius:var(--radius-l);grid-template-columns:minmax(0,1fr);display:grid;overflow:hidden;@media (width>=40rem){grid-template-columns:repeat(2,minmax(0,1fr))}@media (width>=64rem){grid-template-columns:repeat(5,minmax(0,1fr))}}.edge-index__item{border-bottom:1px solid var(--border-primary);@media (width>=40rem){border-right:1px solid var(--border-primary)}@media (width>=64rem){border-bottom:0;&:last-child{border-right:0}}}.edge-index__link{align-content:start;gap:var(--space-2xs);height:100%;min-height:44px;padding:var(--space-m);transition:background-color var(--dur-2) var(--ease-out);text-decoration:none;display:grid;&:hover{background:var(--fill-primary)}&:focus-visible{outline-offset:-4px}}.edge-index__number{width:2.5rem;height:2.5rem;margin-bottom:var(--space-2xs);border:var(--tile-border);border-radius:var(--radius-s);background:var(--tile-fill);color:var(--tile-color);font-variant-numeric:tabular-nums;justify-self:start;place-items:center;font-weight:600;line-height:1;display:grid}.edge-index__name{font-weight:600}.edge-index__text{color:var(--text-muted)}.mock-publish{grid-template-columns:3em minmax(0,1fr)}.mock-publish__canvas{padding:.5em}.mock-publish__shade{background:var(--dark-60);border-radius:0 0 1.2em 1.2em;position:absolute;inset:0}.mock-publish__dialog{border:1px solid var(--border-strong);background:var(--graphite-850);width:27em;box-shadow:0 2.5em 5em -1em var(--dark-80);border-radius:1em;gap:1em;padding:1.5em;display:grid;position:absolute;top:50%;left:45%;transform:translate(-50%,-50%)}.mock-publish__title{align-items:center;gap:.5em;font-size:1.35em;font-weight:700;display:flex}.mock-publish__title-icon{width:1em;height:1em;color:var(--brand)}.mock-publish__field{gap:.4em;display:grid}.mock-publish__key{color:var(--text-muted);font-size:.85em}.mock-publish__input{border:1px solid var(--brand);background:var(--graphite-800);box-shadow:0 0 0 .2em var(--brand-20);border-radius:.5em;align-items:center;padding:.6em .8em;display:flex}.mock-publish__caret{background:var(--ivory);width:.1em;height:1.1em;margin-left:.1em}.mock-publish__option{align-items:center;gap:.5em;display:flex}.mock-publish__note{color:var(--text-subtle);font-size:.85em}.mock-publish__actions{border-top:1px solid var(--border-primary);justify-content:flex-end;gap:.6em;padding-top:.9em;display:flex}.waitlist{gap:var(--space-2xs);text-align:left;grid-template-columns:minmax(0,1fr);width:min(100%,34rem);display:grid}.waitlist--center{margin-inline:auto}.waitlist__label{color:var(--text-muted);font-size:var(--text-s);padding-inline:1rem;font-weight:500}.waitlist__control{gap:var(--space-2xs);flex-direction:column;display:flex;@media (width>=30rem){border:1px solid var(--border-input);border-radius:var(--radius-full);background:var(--surface-glass);-webkit-backdrop-filter:blur(12px);transition:border-color var(--dur-2) var(--ease-out), box-shadow var(--dur-2) var(--ease-out);flex-direction:row;padding:.25rem;&:has(.waitlist__input:focus-visible){border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-28)}.waitlist[data-invalid] &{border-color:var(--error-55)}}}.waitlist__input{border:1px solid var(--border-input);border-radius:var(--radius-full);background:var(--ink-60);flex:1;min-width:0;min-height:3.25rem;padding:0 .5rem 0 1rem;font-size:1rem;&::placeholder{color:var(--text-placeholder);opacity:1}&:focus{outline:none}&:focus-visible{border-color:var(--brand);outline-offset:2px;box-shadow:0 0 0 3px var(--brand-28);outline:2px solid #0000}.waitlist[data-invalid] &{border-color:var(--error-55)}@media (width>=30rem){background:0 0;border:0;min-height:3rem;&:focus-visible{box-shadow:none}}}.waitlist__submit{&[aria-busy=true]{cursor:progress;opacity:.8}@media (width<30rem){justify-content:space-between;width:100%;min-height:3.25rem}}.waitlist__error{align-items:center;gap:var(--space-2xs);color:var(--error);font-size:var(--text-s);padding-inline:.25rem;font-weight:600;display:flex;@media (width>=30rem){padding-inline:1rem}}.waitlist__hint{color:var(--text-muted);font-size:var(--text-s);padding-inline:.25rem;@media (width>=30rem){padding-inline:1rem}}.waitlist__trap{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.waitlist__demo{margin-top:var(--space-3xs);color:var(--text-muted);font-size:var(--text-caption);flex-wrap:wrap;align-items:center;gap:.25rem .6rem;padding-inline:.25rem;line-height:1.45;display:flex;@media (width>=30rem){padding-inline:1rem}}.waitlist__demo-badge{border-radius:var(--radius-xs);background:var(--demo);color:var(--demo-text);letter-spacing:.06em;text-transform:uppercase;padding:.1rem .5rem;font-size:.6875rem;font-weight:800}.waitlist__status{margin-top:var(--space-2xs);border:1px solid var(--border-strong);border-left:3px solid var(--demo);border-radius:var(--radius-s);background:var(--graphite-850);color:var(--text-body);font-size:var(--text-s);padding:.85rem 1rem;&:empty{border:0;margin:0;padding:0}&[data-tone=live]{border-left-color:var(--brand)}&[data-tone=error]{border-left-color:var(--error)}}.finale{padding:var(--section-space) 1.25rem 0;@media (width<48rem){padding-inline:.625rem}}.finale__panel{gap:var(--space-m);padding:clamp(4rem, 3rem + 5vw, 8rem) var(--space-m);border-radius:var(--radius-panel);background:var(--glow-panel-mirrored) padding-box, var(--glow-border) border-box;text-align:center;border:1px solid #0000;grid-template-columns:minmax(0,1fr);display:grid;@media (width<48rem){border-radius:var(--radius-panel-small)}}.finale__title{font-size:var(--display-size)}.finale__line{display:block}.finale__accent{color:var(--brand)}.finale__lead{max-width:33.3rem;font-size:var(--text-l);margin-inline:auto;@media (width<48rem){font-size:var(--text-m)}}.finale__form{margin-top:var(--space-s)}.finale__details{width:100%;max-width:64rem;margin:var(--space-xl) auto 0;border:1px solid var(--border-strong);border-radius:var(--radius-l);background:var(--dark-60);text-align:left;grid-template-columns:minmax(0,1fr);display:grid;overflow:hidden;@media (width>=48rem){grid-template-columns:repeat(2,minmax(0,1fr))}}.finale__block{align-content:start;gap:var(--space-s);padding:var(--space-l);border-bottom:1px solid var(--border-primary);grid-template-columns:minmax(0,1fr);display:grid;&:last-child{border-bottom:0}@media (width>=48rem){border-bottom:0;border-right:1px solid var(--border-primary);&:last-child{border-right:0}}@media (width<48rem){padding:var(--space-m)}}.finale__block-title{font-size:var(--text-m);font-weight:600;line-height:var(--leading-body)}.finale__terms{gap:var(--space-xs);grid-template-columns:minmax(0,1fr);display:grid}.finale__term{align-items:flex-start;gap:var(--space-xs);color:var(--text-muted);display:flex}.finale__term-text{min-width:0}.finale__check{width:1.15rem;height:1.15rem;color:var(--brand-bright);flex-shrink:0;margin-top:.2rem}.finale__steps{gap:var(--space-s);grid-template-columns:minmax(0,1fr);display:grid}.finale__step{align-items:center;gap:var(--space-s);display:flex}.finale__step-number{border:var(--tile-border);border-radius:var(--radius-s);background:var(--tile-fill);width:2.5rem;height:2.5rem;color:var(--tile-color);font-variant-numeric:tabular-nums;flex-shrink:0;place-items:center;font-weight:600;line-height:1;display:grid}.finale__step-text{min-width:0;color:var(--text-muted)}.faq{padding-block:var(--section-space);border-top:1px solid var(--border-primary)}.faq__grid{width:var(--content-width);grid-template-columns:minmax(0,1fr);align-items:start;gap:clamp(2rem,1rem + 5vw,6rem);margin-inline:auto;display:grid;@media (width>=60rem){grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}.faq__intro{@media (width>=60rem){top:calc(var(--header-height) + var(--space-l));position:sticky}}.faq__head{margin-bottom:var(--space-m)}.faq__list{border-top:1px solid var(--border-strong)}.faq__item{border-bottom:1px solid var(--border-strong)}.faq__heading{font-size:var(--text-l);letter-spacing:-.012em;font-weight:650;line-height:1.4}.faq__question{justify-content:space-between;align-items:center;gap:var(--space-s);width:100%;min-height:4rem;padding:var(--space-s) var(--space-3xs);border-radius:var(--radius-xs);text-align:left;display:flex}.faq__question-text{min-width:0;transition:color var(--dur-1) var(--ease-out);.faq__question:hover &{color:var(--brand-bright)}}.faq__icon{border:1px solid var(--border-strong);width:2rem;height:2rem;color:var(--text-muted);transition:transform var(--dur-2) var(--ease-out), background-color var(--dur-2) var(--ease-out);border-radius:50%;flex-shrink:0;place-items:center;display:grid;.faq__question[aria-expanded=true] &{background:var(--fill-accent);color:var(--brand-bright);transform:rotate(180deg)}}.faq__icon-svg{width:1rem;height:1rem}.faq__answer{max-width:42rem;color:var(--text-muted);&:not([hidden]){gap:var(--space-xs);padding:0 var(--space-3xs) var(--space-m);display:grid;@media (prefers-reduced-motion:no-preference){.faq__list.is-ready &{animation:faq-answer-in var(--dur-2) var(--ease-out)}}}}@keyframes faq-answer-in{0%{opacity:0;transform:translateY(-4px)}}.floatnav{top:var(--space-m);left:var(--space-s);right:var(--space-s);z-index:50;transition:transform var(--dur-3) var(--ease-out-expo);position:fixed;@media (width>=48rem){top:var(--space-l)}@media (width>=75rem){left:2.875rem;right:3.875rem}&[data-hidden=true]{transform:translateY(calc(-100% - 3rem))}@media (prefers-reduced-motion:reduce){transition:none}@media (width<75rem){html:not(.js) &{margin:var(--space-m) var(--space-s) 0;position:relative;inset:auto}}}.floatnav__bar{align-items:center;gap:var(--space-xs);padding:var(--space-2xs) var(--space-2xs) var(--space-2xs) var(--space-s);border-radius:var(--radius-full);transition:background-color var(--dur-2) var(--ease-out), backdrop-filter var(--dur-2) var(--ease-out);display:flex;@media (width>=75rem){padding-left:var(--space-m)}@media (width<75rem){html:not(.js) &{flex-wrap:wrap}}.floatnav[data-scrolled=true] &{background:var(--ink-88);-webkit-backdrop-filter:blur(16px)}}.floatnav__brand{padding:var(--space-2xs) 0;border-radius:var(--radius-xs);text-decoration:none;display:inline-flex}.floatnav__logo{font-size:min(1.85rem,9.25vw)}.floatnav__cta{.floatnav &{@media (width<75rem){display:none}}}.floatnav__toggle{border-radius:var(--radius-s);place-items:center;width:2.75rem;height:2.75rem;margin-left:auto;padding:0;display:none;@media (width<75rem){.js &{display:grid}}}.floatnav__toggle-icon{width:1.75rem;height:1.75rem;.floatnav__toggle[aria-expanded=true] &{display:none}}.floatnav__toggle-icon--close{display:none;.floatnav__toggle[aria-expanded=true] &{display:block}}.floatnav__nav{margin-inline:auto;@media (width<75rem){html:not(.js) &{margin-inline:calc(-1 * var(--space-s)) 0;flex-basis:100%}.js &{overscroll-behavior:contain;max-height:calc(100dvh - 7rem);padding:var(--space-xs) var(--space-m) var(--space-m);border:1px solid var(--border-strong);border-radius:var(--radius-l);background:var(--graphite-950);display:none;position:absolute;top:calc(100% + .5rem);left:0;right:0;overflow-y:auto}.js &[data-open=true]{display:block}}}.floatnav__list{display:flex;@media (width<75rem){html:not(.js) &{flex-wrap:wrap}.js &{flex-direction:column}}}.floatnav__link{white-space:nowrap;min-height:2.75rem;padding:var(--space-2xs) var(--space-s);border-radius:var(--radius-xs);color:var(--text-muted);transition:color var(--dur-2) var(--ease-out);align-items:center;text-decoration:none;display:inline-flex;position:relative;&:after{content:"";left:var(--space-s);right:var(--space-s);transform-origin:0;height:1px;transition:transform var(--dur-3) var(--ease-out-expo);background:currentColor;position:absolute;bottom:.35rem;transform:scaleX(0)}&:hover{color:var(--text-body);&:after{transform:scaleX(1)}}@media (width<75rem){.js &{width:100%;min-height:3rem;font-size:var(--text-l);padding-inline:0;&:after{width:2rem;left:0;right:auto}}}}.floatnav__roll{display:block;position:relative;overflow:hidden}.floatnav__text{transition:transform var(--dur-3) var(--ease-out-expo);display:block;@media (hover:hover) and (prefers-reduced-motion:no-preference){.floatnav__link:hover &{transform:translateY(-100%)}}}.floatnav__text--copy{position:absolute;inset:100% 0 auto}.footer{padding-block:var(--space-2xl) var(--space-l)}.footer__social{gap:var(--space-2xs);margin-top:var(--space-2xs);flex-wrap:wrap;display:flex}.footer__social-link{border:var(--tile-border);border-radius:var(--radius-s);background:var(--tile-fill);width:2.75rem;height:2.75rem;color:var(--tile-color);transition:background-color var(--dur-2) var(--ease-out);place-items:center;text-decoration:none;display:grid}.footer__social-link--link{&:hover{background:var(--brand-20)}}.footer__social-link--pending{border-color:var(--border-primary);color:var(--text-subtle);background:0 0}.footer__social-icon{width:1.2rem;height:1.2rem}.footer__inner{justify-content:space-between;gap:var(--space-l);width:var(--content-width);flex-wrap:wrap;margin-inline:auto;display:flex}.footer__brand{align-content:start;gap:var(--space-s);grid-template-columns:minmax(0,1fr);min-width:0;max-width:22rem;display:grid}.footer__logo{border-radius:var(--radius-xs);width:fit-content;text-decoration:none}.footer__tagline{color:var(--text-muted);font-size:var(--text-body-s)}.footer__links{gap:var(--space-2xs) var(--space-m);grid-template-columns:repeat(2,minmax(0,auto));display:grid;@media (width>=30rem){column-gap:var(--space-xl)}}.footer__link{min-height:2rem;color:var(--text-muted);font-size:var(--text-body-s);overflow-wrap:anywhere;align-items:center;text-decoration:none;display:inline-flex;&:hover{color:var(--text-body)}}.footer__legal{gap:var(--space-3xs);width:var(--content-width);margin:var(--space-xl) auto 0;padding-top:var(--space-m);border-top:1px solid var(--border-primary);color:var(--text-subtle);font-size:var(--text-caption);display:grid}.makers{padding-block:var(--section-space);border-top:1px solid var(--border-primary)}.makers__inner{gap:var(--space-s);width:var(--content-width);grid-template-columns:minmax(0,1fr);max-width:46rem;margin-inline:auto;display:grid}.makers__title{margin-bottom:var(--space-2xs)}.makers__text{color:var(--text-muted)}.roadmap{padding-block:var(--section-space);border-top:1px solid var(--border-primary)}.roadmap__inner{gap:var(--space-xl);width:var(--content-width);grid-template-columns:minmax(0,1fr);margin-inline:auto;display:grid;@media (width>=60rem){grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start}}.roadmap__head{gap:var(--space-s);grid-template-columns:minmax(0,1fr);display:grid;@media (width>=60rem){top:calc(var(--header-height) + var(--space-l));position:sticky}}.roadmap__lead{color:var(--text-muted)}.roadmap__list{border-top:1px solid var(--border-strong);grid-template-columns:minmax(0,1fr);display:grid}.roadmap__item{gap:var(--space-2xs) var(--space-xs);padding-block:var(--space-m);border-bottom:1px solid var(--border-strong);grid-template-columns:2.25rem minmax(0,1fr);display:grid;@media (width>=40rem){grid-template-columns:2.5rem minmax(0,1fr) auto;align-items:start}}.roadmap__number{color:var(--text-subtle);font-size:var(--text-s);padding-top:.15rem}.roadmap__body{gap:var(--space-3xs);grid-template-columns:minmax(0,1fr);display:grid}.roadmap__title{font-size:var(--text-l)}.roadmap__text{color:var(--text-muted);font-size:var(--text-body-s);line-height:1.55}.roadmap__status{white-space:normal;overflow-wrap:anywhere;border-color:var(--tile-line);background:var(--tile-fill);max-width:100%;color:var(--tile-color);grid-column:2;justify-self:start;@media (width>=40rem){grid-column:auto;margin-top:.2rem}}.stage{padding:1.25rem;@media (width<48rem){padding:.75rem .625rem 0}}.stage__panel{--stage-nav-room:4.5rem;padding:calc(var(--stage-nav-room) + var(--space-2xl) + var(--space-m)) var(--space-m) var(--space-2xl);border-radius:var(--radius-panel);background:var(--glow-panel) padding-box, var(--glow-border) border-box;border:1px solid #0000;@media (width>=48rem){--stage-nav-room:4.75rem}@media (width<48rem){padding:calc(var(--stage-nav-room) + var(--space-xl) + var(--space-s)) var(--space-s) var(--space-xl);border-radius:var(--radius-panel-small)}}.stage__content{text-align:center;grid-template-columns:minmax(0,1fr);max-width:51.25rem;margin-inline:auto;display:grid}.stage__intro{gap:var(--space-s);grid-template-columns:minmax(0,1fr);display:grid}.stage__kicker{margin-bottom:var(--space-2xs);color:var(--text-muted)}.stage__line{display:block}.stage__accent{color:var(--brand)}.stage__lead{max-width:33.3rem;font-size:var(--text-l);margin-inline:auto;@media (width<48rem){font-size:var(--text-m)}}.stage__actions{justify-content:center;gap:var(--space-xs);margin-top:var(--space-l);flex-wrap:wrap;display:flex}.stage__secondary{border-radius:var(--radius-full);background:var(--surface-glass);min-height:3rem;font-size:var(--text-s);-webkit-backdrop-filter:blur(12px);transition:background-color var(--dur-2) var(--ease-out);align-items:center;padding:0 1.5rem;font-weight:500;text-decoration:none;display:inline-flex;&:hover{background:var(--ivory-14)}}.stage__note{margin-top:var(--space-s);color:var(--text-muted);font-size:var(--text-s)}.ticker{gap:var(--space-s);padding-block:var(--space-l);display:grid;position:relative;overflow:hidden}.ticker__rows{gap:var(--space-xs);display:grid}.ticker__row{gap:var(--space-2xs);grid-template-columns:minmax(0,1fr);align-items:center;display:grid;@media (width>=48rem){gap:var(--space-s);padding-left:var(--gutter);grid-template-columns:8rem minmax(0,1fr)}}.ticker__label{padding-left:var(--gutter);color:var(--text-subtle);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;@media (width>=48rem){padding-left:0}}.ticker__viewport{padding-inline:var(--gutter);overflow:hidden;@media (prefers-reduced-motion:no-preference){padding-inline:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}}.ticker__track{display:flex;@media (prefers-reduced-motion:no-preference){width:max-content;animation:70s linear infinite ticker-left;.ticker__row--reverse &{animation-name:ticker-right}.ticker:hover &{animation-play-state:paused}}}@keyframes ticker-left{to{transform:translate(-50%)}}@keyframes ticker-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.ticker__list{gap:var(--space-2xs);padding-right:var(--space-2xs);flex-wrap:wrap;display:flex;@media (prefers-reduced-motion:no-preference){flex-wrap:nowrap}}.ticker__list--copy{display:none;@media (prefers-reduced-motion:no-preference){display:flex}}.ticker__item{background:var(--ivory-7);font-size:var(--text-xs);letter-spacing:-.02em;white-space:nowrap;border-radius:1.25rem;padding:.85rem 1.4rem;font-weight:600}.tools{padding-block:var(--section-space);border-top:1px solid var(--border-primary)}.tools__inner{width:var(--content-width);margin-inline:auto}.tools__grid{border-top:1px solid var(--border-primary);border-left:1px solid var(--border-primary);grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));display:grid;@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){animation:linear both reveal;animation-timeline:var(--reveal-timeline);animation-range:entry entry 30%}}}.tools__item{border-right:1px solid var(--border-primary);border-bottom:1px solid var(--border-primary);display:grid}.tools__tile{align-content:start;align-items:center;gap:var(--space-xs) var(--space-s);padding:var(--space-m);transition:background-color var(--dur-2) var(--ease-out);grid-template-columns:auto minmax(0,1fr);text-decoration:none;display:grid;&:hover{background:var(--fill-primary)}&:focus-visible{outline-offset:-3px}}.tools__icon{border:var(--tile-border);border-radius:var(--radius-s);background:var(--tile-fill);width:2.5rem;height:2.5rem;color:var(--tile-color);place-items:center;display:grid}.tools__svg{width:1.15rem;height:1.15rem}.tools__name{font-weight:650;line-height:1.3}.tools__summary{color:var(--text-muted);font-size:var(--text-body-s);grid-column:1/-1;line-height:1.45}.tools__details{gap:var(--space-xl);max-width:46rem;margin:var(--space-2xl) auto 0;display:grid;.js &{display:none}}.tools__panel{gap:var(--space-s);display:grid;.tools-dialog__body &{@media (prefers-reduced-motion:no-preference){animation:tools-panel-in var(--dur-2) var(--ease-out)}}}@keyframes tools-panel-in{0%{opacity:0;transform:translateX(var(--tools-shift,0))}}.tools__panel-head{align-items:center;gap:var(--space-s);display:flex}.tools__panel-title{font-weight:600}.tools__panel-text{color:var(--text-muted)}.tools-dialog{width:min(46rem, 100% - 2 * var(--gutter));max-width:none;max-height:min(52rem, 100dvh - 2 * var(--gutter));border-radius:var(--radius-card);background:linear-gradient(var(--surface-glass), var(--surface-glass)), var(--bg-body);color:var(--text-body);box-shadow:var(--shadow-card);overscroll-behavior:contain;border:0;padding:0;overflow:hidden;&[open]{grid-template-rows:auto minmax(0,1fr) auto;display:grid;@media (prefers-reduced-motion:no-preference){animation:tools-dialog-in var(--dur-3) var(--ease-out)}}&[data-direction=next]{--tools-shift:1.5rem}&[data-direction=previous]{--tools-shift:-1.5rem}&::backdrop{background:var(--dark-80);-webkit-backdrop-filter:blur(8px)}}@keyframes tools-dialog-in{0%{opacity:0;transform:translateY(.75rem)scale(.98)}}.tools-dialog__bar{justify-content:space-between;align-items:center;gap:var(--space-s);padding:var(--space-xs) var(--space-xs) var(--space-xs) var(--space-m);border-bottom:1px solid var(--border-primary);display:flex}.tools-dialog__count{color:var(--text-muted);font-size:var(--text-s)}.tools-dialog__close{border-radius:var(--radius-full);background:var(--surface-glass);place-items:center;width:2.75rem;height:2.75rem;padding:0;display:grid;&:hover{background:var(--ivory-14)}}.tools-dialog__close-icon{width:1.1rem;height:1.1rem}.tools-dialog__body{padding:clamp(1.25rem, 1rem + 1.5vw, 2rem) var(--space-m);overscroll-behavior:contain;touch-action:pan-y;overflow-y:auto}.tools-dialog__nav{justify-content:space-between;gap:var(--space-s);padding:var(--space-xs) var(--space-m);border-top:1px solid var(--border-primary);display:flex}.tools-dialog__step{align-items:center;gap:var(--space-2xs);border-radius:var(--radius-full);background:var(--surface-glass);min-height:2.75rem;font-size:var(--text-s);padding:0 1.25rem;font-weight:500;display:inline-flex;&:hover{background:var(--ivory-14)}}.tools-dialog__step-icon{width:1rem;height:1rem}.tools-dialog__step-icon--back{transform:scaleX(-1)}.watch{padding-block:var(--section-space);border-top:1px solid var(--border-primary)}.watch__inner{gap:var(--space-l);width:var(--content-width);grid-template-columns:minmax(0,1fr);margin-inline:auto;display:grid}.watch__head{gap:var(--space-s);grid-template-columns:minmax(0,1fr);max-width:46rem;display:grid}.from-wp{padding-block:var(--section-space);border-top:1px solid var(--border-primary)}.from-wp__inner{width:var(--content-width);margin-inline:auto}.from-wp__facts{margin-top:var(--space-xl);border:1px solid var(--border-strong);border-radius:var(--radius-l);grid-template-columns:minmax(0,1fr);display:grid;overflow:hidden;@media (width>=48rem){grid-template-columns:repeat(3,minmax(0,1fr))}}.from-wp__fact{align-items:center;gap:var(--space-s);padding:var(--space-m);border-bottom:1px solid var(--border-primary);grid-template-columns:3.25rem minmax(0,1fr);display:grid;&:last-child{border-bottom:0}@media (width>=48rem){border-bottom:0;border-right:1px solid var(--border-primary);&:last-child{border-right:0}}}.from-wp__fact-value{font-size:var(--text-xl);font-weight:400;line-height:var(--leading-snug);letter-spacing:var(--tracking-title)}.from-wp__fact-text{color:var(--text-muted);font-size:var(--text-body-s)}.versus{width:100%;display:block;@media (width>=60rem){table-layout:fixed;border-collapse:separate;border-spacing:.75rem 0;width:calc(100% + 1.5rem);margin-inline:-.75rem;display:table}}.versus__head{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden;@media (width>=60rem){clip:auto;white-space:normal;width:auto;height:auto;display:table-header-group;position:static;overflow:visible}}.versus__corner{width:22%;padding:0}.versus__label{text-align:left;vertical-align:bottom;padding:0}.versus__label-box{padding:var(--space-m) var(--space-l) var(--space-s);font-size:var(--text-s);letter-spacing:.04em;text-transform:uppercase;font-weight:600;line-height:1.4;display:block;.versus__label--wp &{border:1px solid var(--border-strong);color:var(--text-muted);border-bottom:0;border-radius:1.25rem 1.25rem 0 0}.versus__crown &{padding-inline:calc(var(--space-l) - .5rem)}}.versus__crown{background:var(--fill-accent);border-radius:1.25rem 1.25rem 0 0;padding:.5rem .5rem 0;display:block}.versus__tile{border-radius:var(--radius-card);background:var(--glow-panel) padding-box, var(--glow-border) border-box;height:6rem;color:var(--ivory);border:1px solid #0000;place-items:center;display:grid}.versus__logo{font-size:2rem}.versus__rows{gap:var(--space-s);grid-template-columns:minmax(0,1fr);display:grid;@media (width>=60rem){display:table-row-group}}.versus__row{border-radius:var(--radius-card);background:var(--surface-glass);display:block;overflow:clip;@media (width>=60rem){background:0 0;border-radius:0;display:table-row;overflow:visible}}.versus__topic{padding:var(--space-m) var(--space-m) var(--space-2xs);text-align:left;vertical-align:top;font-weight:600;line-height:1.4;display:block;@media (width>=60rem){padding:var(--space-s) var(--space-s) var(--space-s) 0;display:table-cell}}.versus__topic-icon{width:2.25rem;height:2.25rem;margin-right:var(--space-s);vertical-align:middle;border:var(--tile-border);border-radius:var(--radius-s);background:var(--tile-fill);color:var(--tile-color);place-items:center;display:inline-grid}.versus__topic-svg{width:1.05rem;height:1.05rem}.versus__cell{--cell-pad-top:var(--space-2xs);--cell-pad-inline:var(--space-m);padding:var(--cell-pad-top) var(--cell-pad-inline) var(--space-s) calc(var(--cell-pad-inline) + 1.15rem + var(--space-xs));color:var(--text-muted);font-size:var(--text-body-s);text-wrap:pretty;vertical-align:top;line-height:1.55;display:block;position:relative;@media (width>=60rem){--cell-pad-top:calc(var(--space-s) + .4rem);--cell-pad-inline:var(--space-l);padding-bottom:var(--space-s);display:table-cell}.versus__row:last-child &{@media (width>=60rem){padding-bottom:var(--space-l);border-radius:0 0 1.25rem 1.25rem}}}.versus__cell--wp{@media (width>=60rem){border-inline:1px solid var(--border-strong);.versus__row:last-child &{border-bottom:1px solid var(--border-strong)}}}.versus__cell--tado{padding-top:var(--space-s);background:var(--fill-accent);color:var(--text-body);border-radius:.5rem;margin:0 .5rem .5rem;@media (width>=60rem){padding-top:var(--cell-pad-top);border-radius:0;margin:0}}.versus__mark{left:var(--cell-pad-inline);top:calc(var(--cell-pad-top) + .15rem);width:1.15rem;height:1.15rem;position:absolute;.versus__cell--wp &{color:var(--negative)}.versus__cell--tado &{top:calc(var(--space-s) + .15rem);color:var(--brand-bright);@media (width>=60rem){top:calc(var(--cell-pad-top) + .15rem)}}}.versus__cell-label{margin-bottom:var(--space-3xs);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;font-weight:600;display:block;.versus__cell--wp &{color:var(--text-subtle)}.versus__cell--tado &{color:var(--brand-bright)}@media (width>=60rem){display:none}}.from-wp__fair{max-width:46rem;margin:var(--space-xl) auto 0;color:var(--text-muted);text-align:center}.from-wp__fair-link{color:var(--brand-bright);white-space:nowrap;padding-block:.2rem;font-weight:600;display:inline-block}.from-wp__sources{max-width:52rem;margin:var(--space-m) auto 0;color:var(--text-subtle);font-size:var(--text-caption);text-align:center;line-height:1.55}
