.landing{background:var(--bg);flex-direction:column;min-block-size:100dvh;display:flex}.landing-wrap{inline-size:100%;max-inline-size:1200px;padding-inline:var(--s4);margin-inline:auto}.landing-top{z-index:20;border-block-end:1px solid var(--border);background:color-mix(in oklab, var(--surface) 85%, transparent);-webkit-backdrop-filter:blur(16px);padding-block-start:env(safe-area-inset-top,0px);position:sticky;inset-block-start:0}.landing-top__inner{align-items:center;gap:var(--s3);min-block-size:52px;display:flex}.landing-brand,.landing-foot__brand{min-block-size:var(--touch);color:var(--text-strong);align-items:center;text-decoration:none;display:inline-flex}.landing-brand{gap:var(--s3)}.landing-brand__logo{border:1px solid color-mix(in oklab, var(--brand-500) 42%, var(--brand));border-radius:var(--r2);background:var(--brand);block-size:38px;inline-size:38px;color:var(--on-brand);flex:none;place-items:center;display:grid}.landing-brand__logo svg,.landing-foot__brand svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9px;block-size:22px;inline-size:22px}.landing-brand__wm{font-size:1.18rem;font-weight:700;line-height:1}.landing-brand__wm small,.landing-foot__brand small{color:var(--text-subtle);font-size:var(--t-xs);letter-spacing:.06em;margin-block-start:var(--s1);font-weight:700;line-height:1;display:block}.landing-top__actions{align-items:center;gap:var(--s2);margin-inline-start:auto;display:flex}.landing-top__owner{min-block-size:var(--touch);padding-inline:var(--s2);color:var(--text-muted);font-size:var(--t-sm);align-items:center;font-weight:700;text-decoration:none;display:none}.landing-top__owner:hover{color:var(--brand-on-soft)}.landing-top__owner:focus-visible,.landing-foot__links a:focus-visible{outline:3px solid color-mix(in oklab, var(--brand-500) 42%, var(--surface));outline-offset:2px}.landing-top__login{display:none}.landing-hero{gap:clamp(var(--s6), 7vw, var(--s10));padding-block:clamp(var(--s7), 9vw, 96px) clamp(var(--s7), 7vw, 72px);display:grid}.landing-hero__copy{max-inline-size:39rem}.landing-kicker,.landing-workboard__eyebrow,.landing-role__label{color:var(--brand-on-soft);font-size:var(--t-xs);letter-spacing:.045em;margin:0;font-weight:700}.landing-kicker{min-block-size:28px;padding-inline:var(--s2);border:1px solid color-mix(in oklab, var(--brand-500) 28%, var(--brand-soft));border-radius:var(--rf);background:var(--brand-soft);align-items:center;display:inline-flex}.landing-hero h1{max-inline-size:18ch;margin-block:var(--s3) var(--s4);color:var(--text-strong);letter-spacing:0;font-size:clamp(2.3rem,7.2vw,4.15rem);font-weight:700;line-height:1.18}.landing-hero h1 span{color:var(--brand);display:block}.landing-hero__lede{max-inline-size:36rem;margin-block:0 var(--s5);color:var(--text-muted);font-size:clamp(var(--t-base), 2.2vw, var(--t-lg));line-height:1.9}.landing-closing__actions{gap:var(--s3);flex-wrap:wrap;display:flex}.landing-closing__actions .btn{flex:13rem}.landing-doors{gap:var(--s3);display:grid}.landing-door{gap:var(--s2);padding:var(--s4);border:1px solid var(--border-strong);border-radius:var(--r3);background:var(--surface);align-content:start;display:grid}.landing-door--resident{border-color:color-mix(in oklab, var(--brand-500) 45%, var(--border-strong))}.landing-door__title{color:var(--text-strong);font-size:var(--t-lg);margin:0;line-height:1.35}.landing-door__text{color:var(--text-muted);font-size:var(--t-sm);margin:0;line-height:1.7}.landing-door .btn{inline-size:100%;padding-inline:var(--s3);white-space:nowrap}.landing-door__link{min-block-size:var(--touch);color:var(--brand-on-soft);font-size:var(--t-sm);text-underline-offset:3px;justify-self:start;align-items:center;display:inline-flex}.landing-role__cta{grid-column:2;justify-self:start;margin-block-start:var(--s2)}.landing-workboard{border:1px solid var(--border-strong);border-radius:var(--r3);background:var(--surface);position:relative;overflow:hidden;container-type:inline-size}.landing-workboard:before{content:"";pointer-events:none;background:linear-gradient(90deg, transparent 0, transparent calc(100% - 1px), color-mix(in oklab, var(--border) 55%, transparent) calc(100% - 1px));opacity:.32;background-size:4.25rem 100%;position:absolute;inset:0}.landing-workboard__head,.landing-workboard__path,.landing-workboard__table-wrap{position:relative}.landing-workboard__head{justify-content:space-between;align-items:flex-start;gap:var(--s3);padding:var(--s5) var(--s5) var(--s4);border-block-end:1px solid var(--border);flex-wrap:wrap;display:flex}.landing-workboard__eyebrow{margin-block-end:var(--s1)}.landing-workboard__head h2{color:var(--text-strong);font-size:clamp(var(--t-lg), 3vw, var(--t-xl));margin:0;line-height:1.35}.landing-workboard__path{align-items:center;gap:var(--s2);padding:var(--s3) var(--s5);border-block-end:1px solid var(--border);background:color-mix(in oklab, var(--surface-2) 72%, transparent);color:var(--text-muted);font-size:var(--t-xs);flex-wrap:wrap;font-weight:700;display:flex}.landing-workboard__path span{padding-inline:var(--s1)}.landing-workboard__path .icon{block-size:17px;inline-size:17px;color:var(--brand)}.landing-workboard__table-wrap{padding:var(--s3) var(--s4)}.landing-workboard__table{border-collapse:collapse;table-layout:fixed;inline-size:100%;color:var(--text);font-size:var(--t-sm);line-height:1.6}.landing-workboard__table caption{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.landing-workboard__table th,.landing-workboard__table td{padding:var(--s2);border-block-end:1px solid color-mix(in oklab, var(--border) 78%, transparent);text-align:start;vertical-align:middle;overflow-wrap:anywhere}.landing-workboard__table thead th{color:var(--text-subtle);font-size:.88em;font-weight:700}.landing-workboard__table thead th:first-child{inline-size:25%}.landing-workboard__table tbody tr:last-child th,.landing-workboard__table tbody tr:last-child td{border-block-end:0}.landing-step{min-block-size:26px;padding-inline:var(--s2);border-radius:var(--r1);background:color-mix(in oklab, var(--sidebar-bg) 7%, var(--surface));color:var(--text-strong);align-items:center;font-size:.9em;font-weight:700;display:inline-flex}.landing-section{padding-block:clamp(var(--s7), 9vw, 104px)}.landing-section__head{max-inline-size:46rem;margin-block-end:clamp(var(--s5), 5vw, var(--s7))}.landing-section__head h2,.landing-field h2,.landing-plan h2,.landing-closing h2{margin-block:var(--s3) var(--s2);color:var(--text-strong);letter-spacing:0;font-size:clamp(1.72rem,4vw,2.55rem);line-height:1.3}.landing-section__head>p:last-child,.landing-field__copy>p:last-child,.landing-plan>div>p:last-child,.landing-closing>p:not(.landing-kicker){color:var(--text-muted);font-size:var(--t-base);margin:0;line-height:1.9}.landing-rhythm{border-block-start:1px solid color-mix(in oklab, var(--border) 65%, transparent)}.landing-roles{gap:var(--s3);display:grid}.landing-role{gap:var(--s3);padding:var(--s4) 0;border-block-start:1px solid var(--border);grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.landing-role:last-child{border-block-end:1px solid var(--border)}.landing-role__mark{--landing-role:var(--brand);border:1px solid color-mix(in oklab, var(--landing-role) 35%, transparent);border-radius:var(--r2);background:color-mix(in oklab, var(--landing-role) 13%, var(--surface));block-size:46px;inline-size:46px;color:color-mix(in oklab, var(--landing-role) 75%, var(--text-strong));place-items:center;display:grid}.landing-role__mark--blue{--landing-role:var(--hue-info)}.landing-role__mark--copper{--landing-role:var(--accent)}.landing-role__label{color:var(--text-subtle);margin-block-end:var(--s1)}.landing-role h3{margin:0 0 var(--s1);color:var(--text-strong);font-size:var(--t-lg);line-height:1.4}.landing-role h3+p{color:var(--text-muted);font-size:var(--t-base);margin:0;line-height:1.75}.landing-role__list{gap:var(--s1) var(--s3);margin:var(--s1) 0 0;color:var(--text-subtle);font-size:var(--t-sm);flex-wrap:wrap;grid-column:2;padding:0;font-weight:600;list-style:none;display:flex}.landing-role__list li{align-items:center;gap:var(--s1);display:inline-flex}.landing-role__list li:before{content:"";background:var(--brand);border-radius:50%;flex:none;block-size:6px;inline-size:6px}.landing-start{border-block:1px solid color-mix(in oklab, var(--border) 74%, transparent);background:color-mix(in oklab, var(--leather-soft) 78%, var(--surface))}.landing-start__inner{padding-block:clamp(var(--s7), 9vw, 96px)}.landing-start__steps{counter-reset:landing-step;gap:0;margin:0;padding:0;list-style:none;display:grid}.landing-start__steps li{gap:var(--s3);padding-block:var(--s4);border-block-start:1px solid var(--border);grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.landing-start__steps li:last-child{border-block-end:1px solid var(--border)}.landing-start__number{border:1px solid color-mix(in oklab, var(--brand-500) 38%, var(--surface));background:var(--surface);block-size:34px;inline-size:34px;color:var(--brand-on-soft);font-family:var(--font-num);font-size:var(--t-sm);border-radius:50%;place-items:center;font-weight:700;display:grid}.landing-start__steps h3{margin:0 0 var(--s1);color:var(--text-strong);font-size:var(--t-base)}.landing-start__steps p{color:var(--text-muted);font-size:var(--t-base);margin:0;line-height:1.75}.landing-field{gap:var(--s5);padding:clamp(var(--s5), 6vw, var(--s8));border:1px solid var(--border);border-radius:var(--r3);background:var(--surface);color:var(--text);box-shadow:var(--sh1);display:grid;position:relative;overflow:hidden}.landing-field:before{content:"";aspect-ratio:1;border:1px solid color-mix(in oklab, var(--brand-400) 42%, var(--surface));inline-size:23rem;box-shadow:0 0 0 2.5rem color-mix(in oklab, var(--brand-500) 10%, transparent), 0 0 0 5.5rem color-mix(in oklab, var(--brand-500) 6%, transparent);border-radius:50%;position:absolute;inset:auto -18% -72% auto}.landing-field__stamp{block-size:74px;inline-size:74px;color:var(--brand-quiet);opacity:.45;position:absolute;inset-block-start:var(--s4);inset-inline-end:var(--s4)}.landing-field__copy,.landing-field__list{position:relative}.landing-field .landing-kicker{border-color:color-mix(in oklab, var(--brand) 28%, var(--border));background:var(--brand-soft);color:var(--brand-on-soft)}.landing-field h2{max-inline-size:22ch;color:var(--text-strong)}.landing-field__copy>p:last-child{max-inline-size:42rem;color:var(--text-muted)}.landing-field__list{gap:var(--s2);margin:0;padding:0;list-style:none;display:grid}.landing-field__list li{align-items:center;gap:var(--s2);min-block-size:var(--touch);padding:var(--s2) var(--s3);border-inline-start:2px solid var(--brand);background:var(--sunken);color:var(--text);font-size:var(--t-base);font-weight:600;display:flex}.landing-field__list .icon{block-size:18px;inline-size:18px;color:var(--brand-hover);flex:none}.landing-plan{gap:var(--s5);padding:clamp(var(--s5), 6vw, var(--s7));border:1px solid var(--border);border-inline-start:4px solid var(--accent);background:var(--surface);display:grid}.landing-plan h2{max-inline-size:23ch}.landing-plan__rule{gap:var(--s3);padding:var(--s4);border:1px solid color-mix(in oklab, var(--accent) 38%, var(--border));background:color-mix(in oklab, var(--accent) 10%, var(--surface));grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.landing-plan__rule .icon{color:var(--warn)}.landing-plan__rule p{color:var(--text);font-size:var(--t-base);margin:0;font-weight:600;line-height:1.8}.landing-plan__links{gap:var(--s3);flex-wrap:wrap;margin:0;display:flex}.landing-plan__links a{min-block-size:var(--touch);color:var(--brand-on-soft);font-size:var(--t-sm);align-items:center;font-weight:700;display:inline-flex}.landing-closing{padding-block:clamp(var(--s7), 9vw, 104px);text-align:center}.landing-closing .landing-kicker{margin-inline:auto}.landing-closing h2,.landing-closing>p:not(.landing-kicker){max-inline-size:31rem;margin-inline:auto}.landing-closing__actions{justify-content:center;margin-block-start:var(--s5)}.landing-foot{border-block-start:1px solid var(--border);background:color-mix(in oklab, var(--surface) 94%, var(--sunken));margin-block-start:auto}.landing-foot__inner{align-items:center;gap:var(--s4) var(--s5);padding-block:var(--s5) max(var(--s5), env(safe-area-inset-bottom,0px));flex-wrap:wrap;display:flex}.landing-foot__brand{gap:var(--s2);font-size:var(--t-lg);font-weight:700}.landing-foot__brand svg{color:var(--brand)}.landing-foot__links{gap:var(--s1);flex-wrap:wrap;display:flex}.landing-foot__links a{min-block-size:var(--touch);padding-inline:var(--s2);border-radius:var(--r1);color:var(--text-muted);font-size:var(--t-xs);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.landing-foot__links a:hover{background:var(--brand-soft);color:var(--brand-on-soft)}@media (width>=700px){.landing-wrap{padding-inline:clamp(var(--s5), 5vw, var(--s7))}.landing-top__owner,.landing-top__login{display:inline-flex}.landing-closing__actions .btn{flex:0 auto}.landing-doors{grid-template-columns:repeat(auto-fit,minmax(13.5rem,1fr))}.landing-role{gap:var(--s4);grid-template-columns:auto minmax(15rem,1fr) minmax(11rem,.55fr);align-items:center}.landing-role__list{gap:var(--s1);grid-column:3;margin:0;display:grid}.landing-start__steps{column-gap:var(--s6);grid-template-columns:repeat(2,minmax(0,1fr))}.landing-start__steps li:nth-child(2){border-block-start:1px solid var(--border)}.landing-field__list{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-plan{grid-template-columns:minmax(0,1fr) minmax(16rem,.76fr);align-items:start}.landing-plan__links{grid-column:1/-1}.landing-foot__links{margin-inline-start:auto}}@media (width>=980px){.landing-hero{grid-template-columns:minmax(0,.86fr) minmax(30rem,1fr);align-items:center}.landing-roles{gap:var(--s5);grid-template-columns:repeat(3,minmax(0,1fr))}.landing-role{min-block-size:100%;padding-block:var(--s4);grid-template-columns:auto minmax(0,1fr);align-content:start}.landing-role__list{grid-column:2;align-self:end;margin-block-start:var(--s3)}.landing-start__inner{gap:clamp(var(--s6), 8vw, 112px);grid-template-columns:minmax(0,.85fr) minmax(0,1fr);align-items:start;display:grid}.landing-start__inner .landing-section__head{margin:0}.landing-start__steps{grid-template-columns:minmax(0,1fr)}.landing-start__steps li:nth-child(2){border-block-start:1px solid var(--border)}.landing-field{grid-template-columns:minmax(0,1.1fr) minmax(18rem,.8fr);align-items:end}.landing-field__list{grid-template-columns:minmax(0,1fr)}.landing-plan{grid-template-columns:minmax(0,1fr) minmax(20rem,.75fr)}}@media (width<=430px){.landing-top__inner{gap:var(--s2)}.landing-brand__wm{font-size:1.05rem}.landing-brand__logo{block-size:34px;inline-size:34px}.landing-top__actions .btn{min-inline-size:0;padding-inline:var(--s2);font-size:var(--t-xs)}.landing-workboard__head,.landing-workboard__path{padding-inline:var(--s4)}.landing-workboard__table-wrap{padding-inline:var(--s2)}.landing-workboard__table th,.landing-workboard__table td{padding:var(--s1)}}.signup-terms{align-items:flex-start;gap:var(--s2);min-height:var(--touch);font-size:var(--t-sm);color:var(--text);cursor:pointer;line-height:1.55;display:flex}.signup-terms input{width:1.1em;height:1.1em;accent-color:var(--brand);flex:none;margin-block-start:.25em}.signup-terms a{color:var(--brand);font-weight:600;text-decoration:none}.signup-terms a:hover{color:var(--brand-hover)}.signup-resident a{color:var(--brand);font-weight:600;text-decoration:none}.signup-resident a:hover{color:var(--brand-hover)}.signup-done__actions{gap:var(--s2);flex-wrap:wrap;display:flex}@media (width<=30rem){.signup-done__actions .btn{flex:100%}}.signup-challenge{flex-wrap:wrap;justify-content:space-between;align-items:center}
