.home{background:var(--canvas);color:var(--fg);font-family:var(--font-text)}.home .container{width:min(100%, var(--container));margin-inline:auto;padding-inline:clamp(16px,4vw,40px)}.home h1,.home h2,.home h3{letter-spacing:-.02em;text-wrap:balance;margin:0;font-weight:600}.home h2{font-size:clamp(30px,3.6vw,46px);line-height:1.1}.home h3{letter-spacing:-.01em;font-size:20px;line-height:1.3}.home :where(p){text-wrap:pretty;margin:0}.section{border-top:1px solid var(--line);padding-block:clamp(64px,9vw,120px)}.section:nth-of-type(odd){background:var(--surface)}.section-head{gap:var(--s-4);max-width:760px;margin-bottom:clamp(32px,5vw,56px);display:grid}.section-head p,.section-body{color:var(--fg-2);font-size:clamp(17px,1.4vw,19px);line-height:1.6}.section-body{margin-top:var(--s-4);max-width:620px}.closer{max-width:760px;color:var(--fg);margin-top:clamp(32px,4vw,48px);font-size:clamp(18px,1.6vw,22px);font-weight:500;line-height:1.5}.hero{background:linear-gradient(to bottom, var(--forest-ink) 0, var(--forest-ink) calc(100% - clamp(120px, 18vw, 260px)), var(--canvas) 0);color:var(--on-forest);padding-top:clamp(56px,9vw,112px)}.hero-copy{text-align:center;justify-items:center;max-width:900px;margin-inline:auto;display:grid}.eyebrow{letter-spacing:.1em;text-transform:uppercase;font-size:13px;font-weight:500}.hero .eyebrow{color:var(--brand-mark)}.hero h1{margin-top:var(--s-4);letter-spacing:-.035em;color:#fff;font-size:clamp(44px,7.4vw,88px);line-height:1.02}.hero-body{margin-top:var(--s-6);max-width:720px;color:var(--on-forest-2);font-size:clamp(17px,1.5vw,20px);line-height:1.6}.hero-body.lead{color:var(--on-forest)}.hero-body+.hero-body{margin-top:var(--s-3)}.actions{justify-content:center;gap:var(--s-3);margin-top:var(--s-6);flex-wrap:wrap;display:flex}.buyer{margin-top:var(--s-4);color:var(--on-forest-2);font-size:15px}.hero-shot{width:min(100%, var(--container-wide));margin-top:clamp(40px,6vw,72px)}.hero-shot figcaption{text-align:center}.tablist{display:none}.tabs-ready .tablist{gap:var(--s-1);padding:var(--s-1);margin-bottom:var(--s-6);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--subtle);flex-wrap:wrap;display:inline-flex}.tablist [role=tab]{font:inherit;border-radius:var(--radius-md);min-height:40px;color:var(--fg-2);cursor:pointer;background:0 0;border:1px solid #0000;padding:8px 16px;font-size:15px;font-weight:500}.tablist [role=tab][aria-selected=true]{background:var(--surface);border-color:var(--line);color:var(--fg);box-shadow:0 1px 2px #16211f0f}.panel{grid-template-columns:minmax(0,1fr) minmax(0,2.4fr);align-items:start;gap:clamp(24px,4vw,56px);display:grid}.panel+.panel{margin-top:var(--s-8)}.tabs-ready .panel+.panel{margin-top:0}.panel-text p{margin-top:var(--s-3);color:var(--fg-2);font-size:18px;line-height:1.6}.tabs-ready .panel-title{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tabs-ready .panel-text p{margin-top:0}.steps{gap:var(--s-4);counter-reset:none;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.step{align-content:start;gap:var(--s-3);padding:var(--s-5);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);display:grid}.section:nth-of-type(odd) .step{background:var(--canvas)}.step .n{font-family:var(--font-code);color:var(--fg-3);font-size:14px}.step .chip{justify-self:start}.step p{color:var(--fg-2);line-height:1.55}.step.you{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.compare{gap:var(--s-4);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:clamp(32px,4vw,48px);display:grid}.col{padding:var(--s-6);border-radius:var(--radius-lg);border:1px solid var(--line)}.col.loses{background:var(--subtle)}.col.keeps{background:var(--accent-soft);border-color:color-mix(in oklab, var(--accent) 30%, var(--line))}.col ul{margin:var(--s-4) 0 0;gap:var(--s-3);padding:0;list-style:none;display:grid}.col li{padding-left:26px;line-height:1.5;position:relative}.col.loses li{color:var(--fg-2)}.col li:before{font-weight:600;position:absolute;top:0;left:0}.col.loses li:before{content:"–";color:var(--fg-3)}.col.keeps li:before{content:"✓";color:var(--accent)}.trust-grid,.hosts-grid,.pricing-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:clamp(32px,6vw,80px);display:grid}.labels{margin:var(--s-6) 0 0;gap:var(--s-3);display:grid}.labels div{gap:var(--s-4);grid-template-columns:120px minmax(0,1fr);align-items:baseline;display:grid}.labels dt,.labels dd{margin:0}.labels dd{color:var(--fg-2)}.claim{padding:var(--s-5);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-pop);margin:0}.claim figcaption{letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);font-size:13px;font-weight:500}.claim dl{margin:var(--s-4) 0 0;gap:var(--s-3);display:grid}.claim div{gap:var(--s-4);padding-top:var(--s-3);border-top:1px solid var(--line);grid-template-columns:150px minmax(0,1fr);display:grid}.claim dt{color:var(--fg-3);font-size:15px}.claim dd{margin:0;font-weight:500}.rules{margin:var(--s-5) 0 0;gap:var(--s-2);padding:0;list-style:none;display:grid}.rules li{padding:var(--s-3) var(--s-4);border-left:3px solid var(--accent);background:var(--subtle);border-radius:0 var(--radius-md) var(--radius-md) 0}.job-grid{gap:var(--s-4);grid-template-columns:repeat(3,minmax(0,1fr));margin:clamp(32px,4vw,48px) 0 0;padding:0;list-style:none;display:grid}.job-grid li{padding:var(--s-5);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--canvas)}.job-grid a{color:var(--fg);text-decoration:none}.job-grid a:hover{color:var(--accent);text-underline-offset:4px;text-decoration:underline}.job-grid p{margin-top:var(--s-2);color:var(--fg-2);line-height:1.55}.connect{margin:var(--s-6) 0 0;counter-reset:c;gap:var(--s-3);padding:0;list-style:none;display:grid}.connect li{counter-increment:c;gap:var(--s-3);grid-template-columns:32px minmax(0,1fr);align-items:baseline;display:grid}.connect li:before{content:counter(c);background:var(--accent-soft);width:28px;height:28px;color:var(--accent);border-radius:999px;place-items:center;font-size:14px;font-weight:600;display:inline-grid}.timeline{border-left:2px solid var(--line-strong);gap:0;max-width:820px;margin:0;padding:0;list-style:none;display:grid}.timeline li{gap:var(--s-4);padding:var(--s-3) 0 var(--s-3) var(--s-5);grid-template-columns:190px minmax(0,1fr);display:grid;position:relative}.timeline li:before{content:"";background:var(--surface);border:2px solid var(--accent);border-radius:999px;width:12px;height:12px;position:absolute;top:19px;left:-7px}.timeline .when{font-weight:600}.timeline p{color:var(--fg-2);line-height:1.55}.offer ul{margin:var(--s-5) 0 0;gap:var(--s-3);padding:0;list-style:none;display:grid}.offer li{padding-left:26px;line-height:1.5;position:relative}.offer li:before{content:"✓";color:var(--accent);font-weight:600;position:absolute;left:0}.offer strong{font-weight:600}.terms{color:var(--fg-3);font-size:15px;margin-top:var(--s-5)!important}.offer .text-link{margin-top:var(--s-4);display:inline-block}.founder{padding:var(--s-6);border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--canvas)}.founder p{margin-top:var(--s-3);color:var(--fg-2);line-height:1.6}.founder strong{color:var(--fg);font-weight:600}.close{background:var(--forest-ink);color:var(--on-forest);text-align:center;padding-block:clamp(72px,10vw,128px)}.close h2{color:#fff;max-width:820px;margin-inline:auto}.close-link{color:var(--on-forest);text-underline-offset:4px;align-self:center;font-weight:500;text-decoration:underline}.close-link:focus-visible{outline-color:var(--brand-mark)}@media (width<=1023px){.steps,.job-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel,.trust-grid,.hosts-grid,.pricing-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.steps,.job-grid,.compare{grid-template-columns:minmax(0,1fr)}.timeline li,.labels div,.claim div{gap:var(--s-1);grid-template-columns:minmax(0,1fr)}.hero-copy{text-align:left;justify-items:start}.actions{justify-content:flex-start}.tabs-ready .tablist{flex-wrap:nowrap;display:flex;overflow-x:auto}}.panel[hidden]{display:none}.capture.zoomable{display:grid}.capture.zoomable>picture,.capture.zoomable>.zoom-button{grid-area:1/1}.capture.zoomable>picture{display:block}.zoom-button{border-radius:var(--radius-lg);cursor:zoom-in;background:0 0;border:0;margin:0;padding:0;position:relative}.zoom-button:after{content:"⤢";color:#fff;background:#16211fd1;border-radius:999px;place-items:center;width:40px;height:40px;font-size:20px;line-height:1;display:grid;position:absolute;bottom:12px;right:12px;box-shadow:0 2px 8px #16211f40}.zoom-button:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.hero .zoom-button:focus-visible{outline-color:var(--brand-mark)}@media (hover:hover){.zoom-button:after{opacity:0;transition:opacity .16s,transform .16s;transform:scale(.9)}.zoom-button:hover:after,.zoom-button:focus-visible:after{opacity:1;transform:none}.capture.zoomable img{transition:box-shadow .2s}.capture.zoomable:hover img{box-shadow:0 18px 48px #16211f2e,0 2px 6px #16211f14}}.capture.has-tour{display:grid}.capture.has-tour>picture,.capture.has-tour>video,.capture.has-tour>.zoom-button,.capture.has-tour>.tour-toggle{grid-area:1/1}.capture.has-tour>picture{display:block}.capture>video{object-fit:cover;object-position:top;border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface);width:100%;height:100%;min-height:0;box-shadow:var(--shadow-pop);opacity:0;pointer-events:none;z-index:1;transition:opacity .3s;display:block}.capture.playing>video{opacity:1}.capture.has-tour>.zoom-button{z-index:2}.tour-toggle{z-index:3;cursor:pointer;color:#fff;background:#16211fd1;border:0;border-radius:999px;place-self:end start;place-items:center;width:40px;height:40px;margin:12px;padding:0;display:grid;position:relative;box-shadow:0 2px 8px #16211f40}.tour-toggle:after{content:"";border-left:4px solid;border-right:4px solid;width:12px;height:14px}.tour-toggle[aria-pressed=true]:after{border:7px solid #0000;border-left:12px solid;border-right:0;width:0;height:0;margin-left:4px}.tour-toggle:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.hero .tour-toggle:focus-visible{outline-color:var(--brand-mark)}@media (hover:hover){.capture.playing:hover>video{box-shadow:0 18px 48px #16211f2e,0 2px 6px #16211f14}}html.lightbox-open{overflow:hidden}.lightbox{background:0 0;border:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0}.lightbox::backdrop{background:#051f20e0}.lightbox-frame{overscroll-behavior:contain;place-items:center;width:100%;height:100%;padding:64px clamp(16px,4vw,48px) clamp(16px,4vw,48px);display:grid;overflow:auto}.lightbox-frame:focus-visible{outline:none}.lightbox-frame img{border-radius:var(--radius-lg);background:var(--surface);width:auto;max-width:min(100%,1680px);height:auto;max-height:calc(100dvh - 96px);display:block;box-shadow:0 24px 64px #0006}.lightbox-close{z-index:1;color:#fff;cursor:pointer;background:#051f2099;border:1px solid #f7f7f566;border-radius:999px;place-items:center;width:44px;height:44px;display:grid;position:fixed;top:12px;right:12px}.lightbox-close:before{content:"×";font-size:28px;line-height:1}.lightbox-close:focus-visible{outline:2px solid var(--brand-mark);outline-offset:2px}.panel.entering{animation:.2s ease-out panel-in}@keyframes panel-in{0%{opacity:0;translate:0 8px}}.tablist [role=tab]{transition:background-color .15s,color .15s,border-color .15s}.tablist [role=tab]:hover:not([aria-selected=true]){color:var(--fg);background:#fff9}.step,.job-grid li{transition:transform .18s,box-shadow .18s,border-color .18s}@media (hover:hover){.step:hover{transform:translateY(-3px);box-shadow:0 12px 28px #16211f14}}.job-grid li{position:relative}.job-grid h3 a:after{content:"";border-radius:var(--radius-lg);position:absolute;inset:0}.job-grid li:after{content:"→";top:var(--s-5);right:var(--s-5);color:var(--fg-3);font-weight:500;transition:transform .18s,color .18s;position:absolute}.job-grid h3{padding-right:var(--s-6)}.job-grid li:hover,.job-grid li:has(a:focus-visible){border-color:color-mix(in oklab, var(--accent) 45%, var(--line));box-shadow:0 12px 28px #16211f14}.job-grid li:hover:after,.job-grid li:has(a:focus-visible):after{color:var(--accent);transform:translate(4px)}@media (hover:hover){.job-grid li:hover{transform:translateY(-3px)}}.job-grid li:has(a:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.job-grid a:focus-visible{outline:none}.prompt-card button{transition:background-color .15s,color .15s,border-color .15s}.prompt-card button:hover{border-color:var(--fg-3)}.prompt-card button.copied{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.step,.job-grid li,.compare .col,.claim,.prompt-card{animation:linear both settle view();animation-range:entry entry 80%}.timeline{position:relative}.timeline:before{content:"";background:var(--accent);transform-origin:top;width:2px;height:100%;animation:linear both fill view();animation-range:cover 15% cover 65%;position:absolute;top:0;left:-2px}.timeline li:before{animation:linear both dot view();animation-range:entry 100% cover 55%}}}@keyframes settle{0%{translate:0 28px;scale:.98}to{translate:none;scale:none}}@keyframes fill{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes dot{0%,70%{background:var(--surface)}to{background:var(--accent)}}@media (prefers-reduced-motion:reduce){.panel.entering{animation:none}.step,.job-grid li,.job-grid li:after,.zoom-button:after,.capture.zoomable img{transition:none}.step:hover,.job-grid li:hover{transform:none}.capture>video,.tour-toggle{display:none}.capture>video{transition:none}}@media (width<=767px){.capture>video,.tour-toggle{display:none}.capture.has-phone img{aspect-ratio:1170/2532;max-width:400px;margin-inline:auto}.capture.has-phone.zoomable>.zoom-button{justify-self:center;width:min(100%,400px)}.hero-shot .capture.has-phone img{aspect-ratio:4/5;object-fit:cover;object-position:top}.panel .capture:not(.has-phone)>picture{aspect-ratio:1;border-radius:var(--radius-lg);border:1px solid var(--line);box-shadow:var(--shadow-pop);background:var(--surface);overflow:hidden}.panel .capture:not(.has-phone) img{width:210%;max-width:none;box-shadow:none;border:0;border-radius:0;margin-left:-31.5%}.lightbox-frame{place-items:start;padding:64px 16px 24px}.lightbox-frame img{width:1280px;max-width:none;max-height:none}}@media (width<=640px){.tabs-ready .tablist{flex-wrap:wrap;width:100%;display:flex;overflow:visible}.tablist [role=tab]{flex:auto;padding-inline:12px}.steps{gap:0}.step{column-gap:var(--s-4);row-gap:var(--s-2);padding:0 0 var(--s-6);box-shadow:none;background:0 0;border:0;border-radius:0;grid-template-columns:36px minmax(0,1fr);position:relative}.section:nth-of-type(odd) .step{background:0 0}.step.you{box-shadow:none}.step>:not(.n){grid-column:2}.step .n{border:1px solid var(--line-strong);background:var(--surface);width:36px;height:36px;color:var(--fg-2);z-index:1;border-radius:999px;grid-area:1/1/span 3;place-items:center;font-size:13px;display:grid;position:relative}.step.you .n{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.step:not(:last-child):before{content:"";background:var(--line);width:2px;position:absolute;top:36px;bottom:0;left:17px}.step h3{padding-top:6px}.step:hover{box-shadow:none;transform:none}.hero .actions{width:100%;display:grid}}
