@scope(.site-header){:scope{z-index:20;border-block-end:1px solid color-mix(in srgb, var(--line) 70%, transparent);background:color-mix(in srgb, var(--color-bg) 88%, transparent);backdrop-filter:saturate(1.4)blur(14px);position:sticky;inset-block-start:0}.wrapper{justify-content:space-between;align-items:center;gap:var(--space-4);min-block-size:4.25rem;display:flex}.links{gap:var(--space-1);display:none}.links a,.sign-in{min-block-size:var(--tap);padding-inline:var(--space-3);border-radius:var(--radius-pill);color:var(--text-muted);align-items:center;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex;@media (hover:hover) and (pointer:fine){&:hover{color:var(--text)}}}.sign-in{color:var(--text)}.actions{align-items:center;gap:var(--space-2);display:flex}.demo{display:none}@media (width<420px){.button[data-variant=primary]{display:none}}@media (width>=1024px){.links{display:flex}.demo{display:inline-flex}}}.site{overflow-x:clip}@scope(.hero){:scope{gap:var(--space-7);padding-block:var(--space-7) var(--space-8);align-items:center;display:grid;@media (width>=1024px){gap:var(--space-7);padding-block:var(--space-8) 7.5rem;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}}.copy{gap:var(--space-5);justify-items:start;display:grid}.display{max-inline-size:14ch;font-size:clamp(2.25rem, 1.15rem + 3.6vw, var(--text-display));letter-spacing:-.03em;font-weight:800;line-height:1.04}.lead{max-inline-size:34rem;color:var(--text-muted);font-size:clamp(1.0625rem,1rem + .35vw,1.25rem);line-height:1.55}.cta{gap:var(--space-3);padding-block-start:var(--space-2)}.perks{gap:var(--space-2) var(--space-5);color:var(--text-muted);font-size:var(--text-small);flex-wrap:wrap;font-weight:600;display:flex;& li{align-items:center;gap:.375rem;display:inline-flex}& .icon{color:var(--color-success)}}}@scope(.hero-visual){:scope{aspect-ratio:1.08;border-radius:var(--radius-xl);position:relative;@media (width<600px){aspect-ratio:.92}}.mock-calendar{inline-size:84%;position:absolute;inset-block-start:7%;inset-inline-end:5%}.mock-phone{inline-size:clamp(8.5rem,29%,12rem);position:absolute;inset-block-end:5%;inset-inline-start:4%;rotate:-2deg}.mock-toast{max-inline-size:58%;position:absolute;inset-block-end:8%;inset-inline-end:4%}}@scope(.mock-calendar){:scope{border-radius:var(--radius-lg);background:var(--color-bg);box-shadow:var(--shadow-float);padding:4%;container-type:inline-size}.mock-bar{letter-spacing:-.02em;justify-content:space-between;align-items:center;gap:2cqi;margin-block-end:3cqi;font-size:max(.6875rem,3.2cqi);display:flex}.mock-switch{border-radius:var(--radius-pill);background:var(--color-surface-strong);letter-spacing:0;padding:2px;font-size:max(.5625rem,2.1cqi);font-weight:600;display:inline-flex;& span{border-radius:var(--radius-pill);color:var(--text-muted);padding:.25em .8em}& [data-on]{background:var(--color-bg);color:var(--text)}}.mock-weekdays,.mock-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:1cqi;display:grid}.mock-weekdays{color:var(--text-subtle);letter-spacing:.06em;text-align:center;text-transform:uppercase;margin-block-end:1.2cqi;font-size:max(.5rem,1.8cqi);font-weight:700}.mock-day{border:1px solid var(--line);background:var(--color-bg);border-radius:1.6cqi;flex-direction:column;gap:3px;min-block-size:13cqi;padding:.9cqi;display:flex;container-type:inline-size}.mock-day[data-out]{background:var(--color-canvas);border-color:#0000}.num{border-radius:var(--radius-pill);text-align:center;align-self:flex-start;min-inline-size:1.7em;padding-inline:.35em;font-size:max(.5rem,13cqi);font-weight:700}.num[data-today]{background:var(--color-accent)}.band{background:var(--color-accent-soft);color:var(--color-accent-strong);letter-spacing:.04em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;border-radius:3px;padding:.1em .4em;font-size:max(.4375rem,10cqi);font-weight:800;overflow:hidden}.mock-post{gap:2px;display:grid}.mock-post img{object-fit:cover;border-radius:8cqi;block-size:52cqi;inline-size:100%}.status{text-overflow:ellipsis;order:2;gap:.25em;font-size:max(.4375rem,10cqi);overflow:hidden;&:before{block-size:.5em;inline-size:.5em}& .icon{inline-size:.8em}}}@scope(.mock-phone){:scope{border:5px solid var(--color-ink);background:var(--color-bg);box-shadow:var(--shadow-float);border-radius:2rem;padding:4cqi 0 5cqi;overflow:hidden;container-type:inline-size}.ig-head{align-items:center;gap:3cqi;padding:2cqi 5cqi 3.5cqi;font-size:max(.5625rem,5cqi);display:flex;& .avatar{block-size:11cqi;inline-size:11cqi;font-size:5cqi}& strong{flex:1}}img{aspect-ratio:4/5;object-fit:cover;inline-size:100%}.ig-actions{gap:4cqi;padding:4cqi 5cqi 2cqi;display:flex;& .icon{block-size:9cqi;inline-size:9cqi}& .spacer{flex:1}}.ig-caption{-webkit-line-clamp:2;-webkit-box-orient:vertical;padding-inline:5cqi;font-size:max(.5625rem,4.6cqi);line-height:1.4;display:-webkit-box;overflow:hidden}}@scope(.mock-toast){:scope{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4) var(--space-3) var(--space-3);border-radius:var(--radius-md);background:var(--color-bg);box-shadow:var(--shadow-float);font-size:var(--text-caption);line-height:1.3;display:flex}.spark{border-radius:var(--radius-sm);background:var(--color-accent);flex:none;place-items:center;block-size:2.25rem;inline-size:2.25rem;display:grid}strong,span span{display:block}span span{color:var(--text-muted)}}.tinted{background:var(--color-canvas)}.section-intro{gap:var(--space-3);max-inline-size:40rem;margin-block-end:var(--space-7);display:grid;& h2{letter-spacing:-.03em;font-size:clamp(2rem,1.4rem + 2vw,2.75rem);font-weight:800;line-height:1.08}& p{color:var(--text-muted);font-size:1.125rem}}@scope(.steps){:scope{gap:var(--space-6);display:grid;@media (width>=900px){gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr))}}li{gap:var(--space-2);align-content:start;display:grid}.crop{aspect-ratio:4/3;border-radius:var(--radius-xl);background:var(--color-bg);place-items:center;margin-block-end:var(--space-4);padding:8%;display:grid}.crop .mock-calendar{inline-size:112%;translate:0 14%}.number{color:var(--color-accent-strong);font-size:var(--text-caption);letter-spacing:.06em;font-weight:800}h3{font-size:var(--text-h3);font-weight:800}p{color:var(--text-muted)}}@scope(.mock-card){:scope{gap:var(--space-2);inline-size:min(100%,17rem);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-bg);box-shadow:var(--shadow-float);font-size:var(--text-caption);display:grid}:scope>strong{letter-spacing:-.02em;font-size:.9375rem;font-weight:800}.mock-label{color:var(--text-subtle);letter-spacing:.06em;text-transform:uppercase;margin-block-start:var(--space-1);font-size:.6875rem;font-weight:700}.mock-chips{flex-wrap:wrap;gap:6px;display:flex}.chip{min-block-size:1.75rem;padding-inline:.7rem;font-size:.75rem;&:after{display:none}}.chip.round{justify-content:center;inline-size:1.9rem;padding:0}.chip[data-on]{background:var(--color-accent)}:scope.approve{align-items:center;gap:var(--space-4);padding:var(--space-3);grid-template-columns:5.5rem minmax(0,1fr)}:scope.approve img{aspect-ratio:4/5;border-radius:var(--radius-sm);object-fit:cover;inline-size:100%}.approve-body{justify-items:start;gap:var(--space-2);display:grid;& strong{font-size:.875rem;line-height:1.25}}.mock-button{border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-bg);align-items:center;gap:4px;padding:.45rem .9rem;font-weight:600;display:inline-flex}}@scope(.showcase){:scope{gap:var(--space-7);align-items:center;display:grid;@media (width>=1024px){grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}.copy{gap:var(--space-4);max-inline-size:30rem;display:grid}h2{letter-spacing:-.03em;font-size:clamp(2rem,1.4rem + 2vw,2.75rem);font-weight:800;line-height:1.08}.lead{color:var(--text-muted);font-size:1.125rem}.ticks{gap:var(--space-3);margin-block-start:var(--space-2);font-weight:600;display:grid;& li{align-items:center;gap:var(--space-3);display:flex}}.tick{background:var(--color-accent);border-radius:50%;flex:none;place-items:center;block-size:1.75rem;inline-size:1.75rem;display:grid}}@scope(.profile-visual){:scope{padding:clamp(var(--space-5), 6vw, var(--space-8)) var(--space-4);place-items:center;display:grid}.mock-profile{inline-size:min(100%,22rem);padding:var(--space-4) var(--space-3) var(--space-3);border-radius:var(--radius-xl);background:var(--color-bg);box-shadow:var(--shadow-float)}.head{align-items:center;gap:var(--space-3);padding:0 var(--space-2) var(--space-4);font-size:var(--text-small);display:flex;& .avatar{block-size:3rem;inline-size:3rem;font-size:1.25rem}& span{display:grid}& .muted{font-size:var(--text-caption)}}.tiles{border-radius:var(--radius-sm);grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;display:grid;overflow:hidden;& img{inline-size:100%;aspect-ratio:var(--tile-ratio);object-fit:cover}}}.plans{gap:var(--space-4);display:grid;@media (width>=900px){grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}}@scope(.plan-card){:scope{gap:var(--space-3);padding:var(--space-6);border-radius:var(--radius-xl);background:var(--color-bg);box-shadow:var(--shadow-card);border:2px solid #0000;display:grid}:scope[data-popular]{border-color:var(--color-ink);box-shadow:var(--shadow-float)}.plan-head{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}h3{font-size:var(--text-h3);font-weight:800}.badge{border-radius:var(--radius-pill);background:var(--color-accent);font-size:var(--text-caption);padding:.3rem .75rem;font-weight:700}.for{color:var(--text-muted);font-size:.9375rem}.price{align-items:baseline;gap:var(--space-2);flex-wrap:wrap;margin-block-start:var(--space-3);display:flex;& strong{letter-spacing:-.035em;font-variant-numeric:tabular-nums;font-size:2.75rem;font-weight:800;line-height:1}& span{color:var(--text-muted);font-weight:600}}.per-post{color:var(--text-subtle);font-size:var(--text-caption);font-weight:600}.button{margin-block:var(--space-3)}.features{gap:var(--space-3);border-block-start:1px solid var(--line);padding-block-start:var(--space-4);font-size:.9375rem;display:grid;& li{gap:var(--space-2);display:flex}& .icon{color:var(--color-accent-strong);margin-block-start:.15rem}}}.plans-note{color:var(--text-muted);text-align:center;margin-block-start:var(--space-6)}@scope(.faq){:scope{gap:var(--space-6);display:grid;@media (width>=1024px){grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start}}h2{letter-spacing:-.03em;font-size:clamp(2rem,1.4rem + 2vw,2.75rem);font-weight:800}details{border-block-end:1px solid var(--line)}details:first-child{border-block-start:1px solid var(--line)}summary{justify-content:space-between;align-items:center;gap:var(--space-4);min-block-size:4.25rem;padding-block:var(--space-4);letter-spacing:-.01em;cursor:pointer;font-size:1.125rem;font-weight:700;list-style:none;display:flex;&::-webkit-details-marker{display:none}}.toggle{background:var(--color-surface);border-radius:50%;flex:none;place-items:center;block-size:2.25rem;inline-size:2.25rem;display:grid;@media (prefers-reduced-motion:no-preference){transition:rotate var(--duration-medium) var(--ease-out), background-color var(--duration-fast) ease}}details[open] .toggle{background:var(--color-accent);rotate:45deg}details p{max-inline-size:62ch;color:var(--text-muted);padding-block-end:var(--space-5);font-size:1.0625rem}@media (hover:hover) and (pointer:fine){summary:hover .toggle{background:var(--color-surface-strong)}}}@scope(.closing){:scope{padding-block-end:clamp(var(--space-7), 8vw, var(--space-9))}.closing-panel{justify-items:center;gap:var(--space-4);padding:clamp(var(--space-7), 8vw, var(--space-9)) var(--space-5);border-radius:var(--radius-xl);text-align:center;display:grid}h2{letter-spacing:-.03em;max-inline-size:18ch;font-size:clamp(2rem,1.3rem + 2.4vw,3rem);font-weight:800;line-height:1.06}p{max-inline-size:36rem;color:var(--text-muted);font-size:1.125rem}.cta{justify-content:center;gap:var(--space-3);margin-block-start:var(--space-2)}.note{font-size:var(--text-small);font-weight:600}}@scope(.site-footer){:scope{padding-block:var(--space-8) var(--space-6);background:var(--color-ink);color:color-mix(in srgb, var(--color-bg) 72%, var(--color-ink));font-size:.9375rem}.wrapper{gap:var(--space-6);display:grid;@media (width>=768px){grid-template-columns:1.6fr 1fr 1fr 1fr}}.about p{max-inline-size:22rem;margin-block-start:var(--space-3)}h2{color:var(--color-bg);font-size:var(--text-caption);letter-spacing:.06em;text-transform:uppercase;margin-block-end:var(--space-3);font-weight:700}ul{gap:var(--space-1);display:grid}li a{align-items:center;min-block-size:2.25rem;text-decoration:none;display:inline-flex;@media (hover:hover) and (pointer:fine){&:hover{color:var(--color-bg);text-decoration:underline}}}a{color:inherit}:focus-visible{outline-color:var(--color-accent)}.legal-line{border-block-start:1px solid color-mix(in srgb, var(--color-bg) 14%, transparent);color:color-mix(in srgb, var(--color-bg) 60%, var(--color-ink));font-size:var(--text-caption);grid-column:1/-1;padding-block-start:var(--space-5);line-height:1.6}}@scope(.auth){:scope{background:var(--color-bg);min-block-size:100dvh;display:grid;@media (width>=1024px){grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.form-side{gap:var(--space-6);padding:var(--space-4) var(--gutter) var(--space-5);grid-template-rows:auto 1fr auto;display:grid}.form-wrap{align-content:center;inline-size:min(100%,25rem);margin-inline:auto;display:grid}.page-title{font-size:clamp(1.875rem,1.5rem + 1.2vw,2.375rem)}.divider{align-items:center;gap:var(--space-3);color:var(--text-subtle);font-size:var(--text-caption);font-weight:600;display:flex;&:before,&:after{content:"";border-block-start:1px solid var(--line);flex:1}}.switch{color:var(--text-muted);text-align:center}.legal{justify-content:center;gap:var(--space-1) var(--space-4);color:var(--text-subtle);font-size:var(--text-caption);flex-wrap:wrap;display:flex;& a{align-items:center;min-block-size:2.25rem;text-decoration:none;display:inline-flex}}.visual{display:none}@media (width>=1024px){.visual{align-content:end;gap:var(--space-5);margin:var(--space-3);padding:var(--space-7);border-radius:var(--radius-xl);display:grid;position:relative}.visual .mock-phone{inline-size:min(17rem,44%);position:absolute;inset-block-start:12%;inset-inline-start:50%;translate:-50%;rotate:-3deg}.visual .mock-toast{position:absolute;inset-block-start:8%;inset-inline-end:8%}.visual p{letter-spacing:-.025em;max-inline-size:22ch;font-size:1.75rem;font-weight:800;line-height:1.12;position:relative}}}@scope(.legal-page){:scope{padding-block:var(--space-6) var(--space-8)}.doc{max-inline-size:46rem;margin-inline:auto}.page-title{margin-block:var(--space-3) var(--space-2)}.prose{color:var(--text);font-size:1.0625rem;line-height:1.65}.prose>*+*{margin-block-start:var(--space-4)}.prose .eff{color:var(--text-muted);font-size:var(--text-small);font-weight:600}.prose h2{margin-block-start:var(--space-7);scroll-margin-block-start:6rem;font-size:1.375rem;font-weight:800}.prose h3{margin-block-start:var(--space-5);font-size:1.125rem}.prose ul,.prose ol{gap:var(--space-2);padding-inline-start:1.25rem;list-style:outside;display:grid}.prose a{color:var(--color-accent-strong);font-weight:600}.prose table{border-collapse:collapse;inline-size:100%;font-size:var(--text-small);line-height:1.45;display:block;overflow-x:auto}.prose :is(th,td){min-inline-size:8rem;padding:var(--space-2) var(--space-3);border-block-end:1px solid var(--line);text-align:start;vertical-align:top}.prose th{background:var(--color-canvas);font-weight:700}}