.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>=48rem){grid-template-columns:repeat(3,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 (width>=48rem){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)}.who__from-wp{margin-top:var(--space-l);color:var(--text-muted)}.who__from-wp-link{color:var(--text-body);padding-block:.2rem;display:inline-block}.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-radius:var(--radius-card);background:var(--surface-glass);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-muted);font-size:var(--text-s)}.practices__note-list{gap:var(--space-2xs);flex-wrap:wrap;display:flex}.practices__note{background:var(--surface-glass);font-size:var(--text-xs);letter-spacing:-.02em;border-radius:1.25rem;align-items:center;gap:.4rem;padding:.6rem 1rem;font-weight:600;display:inline-flex}.practices__note-icon{width:.95rem;height:.95rem;color:var(--tile-color)}.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--tall-media &{@media (width>=60rem){align-items:start}}}.edge__media{gap:var(--space-l);grid-template-columns:minmax(0,1fr);display:grid;@media (width>=60rem){.edge--image-right &{grid-area:1/2}}}.edge__text{gap:var(--space-xl);flex-direction:column;display:flex;.edge--tall-media &{@media (width>=60rem){top:var(--space-4xl);position:sticky}}@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__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__indent{width:2ch;display:inline-block}.appmock__indent--2{width:4ch}.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__preview{grid-template-rows:2.4em minmax(0,1fr);padding:0 .5em .5em;display:grid}.appmock__toolbar{color:var(--text-subtle);justify-content:flex-end;align-items:center;padding-right:.5em;font-size:.85em;display:flex}.appmock__chat{grid-template-rows:auto minmax(0,1fr) auto;display:grid}.appmock__status{color:var(--text-muted);align-items:center;gap:.35em;font-size:.9em;display:flex}.appmock__messages{align-content:start;gap:1.1em;padding:1em;display:grid;overflow:hidden}.appmock__message{gap:.25em;display:grid}.appmock__from{font-size:.85em;font-weight:700}.appmock__from--you{color:var(--brand)}.appmock__message-text{color:var(--text-muted);font-size:.95em}.appmock__tool{color:var(--text-subtle);font-size:.8em}.appmock__composer{border:1px solid var(--border-strong);background:var(--graphite-800);border-radius:.8em;gap:.7em;margin:0 .7em .7em;padding:.8em;display:grid}.appmock__placeholder{color:var(--text-subtle);padding-bottom:1.4em}.appmock__context{color:var(--text-muted);white-space:nowrap;align-items:center;gap:.4em;font-size:.8em;display:flex}.appmock__composer-row{align-items:center;gap:.7em;display:flex}.appmock__model{color:var(--text-muted);align-items:center;gap:.3em;font-size:.85em;display:flex}.appmock__send{margin-left:auto}.appmock__send-icon{transform:rotate(180deg)}.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}.app-rail{min-height:0;color:var(--text-subtle);flex-direction:column;align-items:center;gap:.3em;padding:.7em 0 .6em;display:flex}.app-rail__button{border-radius:.6em;flex-shrink:0;place-items:center;width:2.3em;height:2.3em;display:grid;position:relative}.app-rail__button--open,.app-rail__button--on{background:var(--brand-10);color:var(--ivory)}.app-rail__button--open:before{content:"";background:var(--brand);border-radius:.15em;width:.22em;height:1em;margin-top:-.5em;position:absolute;top:50%;left:-.45em}.app-rail__icon{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:1.3em;height:1.3em}.app-rail__gap{background:var(--border-primary);flex-shrink:0;width:1.45em;height:1px;margin:.3em 0}.app-rail__push{flex:1}.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__title--selected,.mocksite__text--selected{outline:.2em solid var(--brand);outline-offset:.2em;position:relative}.mocksite__text--selected{margin-top:1.25em}.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__title--selected &{letter-spacing:normal;font-size:.36em;line-height:1.4}.mocksite__text--selected &{font-size:.89em}}.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-workflow{grid-template-columns:3em minmax(0,1fr) 21.5em}.mock-workflow__suggestions{gap:.45em;margin-top:.35em;font-size:.95em;display:grid}.mock-workflow__suggestion{gap:.1em;display:grid}.mock-workflow__suggestion-name{color:var(--text-subtle);font-size:.85em}.mock-workflow__activity{gap:.45em;display:grid}.mock-workflow__expanded{display:inline-block;transform:rotate(90deg)}.mock-workflow__diff{border:1px solid var(--border-primary);border-radius:.6em;gap:.4em;padding:.6em .75em;font-size:.8em;line-height:1.45;display:grid}.mock-workflow__removed{color:var(--text-subtle)}.mock-workflow__added{color:var(--brand-bright)}.mock-workflow__skill{background:var(--brand-10);color:var(--brand);border-radius:.35em;justify-self:start;padding:.2em .5em;font-size:.8em}.mock-workflow__button{display:grid;position:relative}.mock-workflow__count{border-radius:var(--radius-full);background:var(--graphite-700);min-width:1.35em;color:var(--text-muted);text-align:center;padding:0 .3em;font-size:.65em;font-weight:700;line-height:1.35em;position:absolute;top:-.75em;right:-.8em}.skill-demo{gap:var(--space-2xl);grid-template-columns:minmax(0,1fr);padding:clamp(1.25rem,.8rem + 2vw,2.75rem);display:grid;position:relative;&.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{border-radius:var(--radius-m);grid-template-columns:minmax(0,1fr);align-items:center;gap:clamp(1.5rem,1rem + 3vw,3.5rem);display:grid;@media (width>=60rem){grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}@media (prefers-reduced-motion:no-preference){.skill-demo.is-ready &{animation:skill-demo-in var(--dur-3) var(--ease-out)}}}.skill-demo__copy{gap:var(--space-xs);display:grid}@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-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__chevron{width:.75em;height:.75em;color:var(--text-subtle);flex-shrink:0;display:inline-block}.mock-files__chevron--closed{transform:rotate(-90deg)}.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}.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-xs);padding-left:var(--gutter);grid-template-columns:6rem minmax(0,1fr);align-items:center;display:grid;@media (width>=48rem){gap:var(--space-s);grid-template-columns:8rem minmax(0,1fr)}}.ticker__label{color:var(--text-subtle);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase}.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)}.select{padding-block:var(--section-space);border-top:1px solid var(--border-primary)}.select__inner{align-items:center;gap:var(--space-l);width:var(--content-width);grid-template-columns:minmax(0,1fr);margin-inline:auto;display:grid;@media (width>=60rem){gap:var(--space-2xl);grid-template-columns:minmax(0,1fr) minmax(0,35.625rem)}}.select__text{gap:var(--space-s);grid-template-columns:minmax(0,1fr);max-width:40rem;display:grid}.select__lead{color:var(--text-muted)}.select__after{margin-top:var(--space-xs);color:var(--text-muted)}.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}.watch__lead{color:var(--text-muted)}.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__builder{max-width:46rem;margin:var(--space-s) auto 0;color:var(--text-muted);text-align:center}.from-wp__builder-link{color:var(--brand-bright);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}