:root{--bg:#fff;--surface:#fff;--surface-soft:#f5f5f5;--border:#e5e5e5;--text:#111;--muted:#5f5f5f;--accent:#7a264a;--shadow:0 18px 50px #11111114;--radius-xl:30px;--radius-lg:24px;--radius-md:18px;--container:1180px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-width:320px;color:var(--text);margin:0;font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.page-shell{overflow-x:clip}.container{width:min(var(--container), calc(100% - 2rem));margin:0 auto}.section{padding:0 0 4.5rem}.topbar{z-index:20;border-bottom:1px solid var(--border);backdrop-filter:blur(12px);background:#fffffff2;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;display:flex}.wordmark{letter-spacing:.08em;text-transform:uppercase;font-size:2.2rem;font-weight:700}.button{border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-height:3.25rem;padding:.9rem 1.35rem;font-weight:700;transition:transform .18s,box-shadow .18s,filter .18s;display:inline-flex;box-shadow:0 12px 28px #7a264a2e}.button:hover,.button:focus-visible{filter:brightness(1.02);transform:translateY(-1px)}.hero-section{align-items:center;min-height:52rem;padding:4rem 0 5.5rem;display:flex}.hero-section .container{width:min(1440px,100% - 2rem)}.hero-copy{text-align:center;max-width:none;margin:0 auto}.hero-copy h1,.section-heading h2,.editorial-copy h2,.storybreak-copy h2{letter-spacing:-.045em;margin:0;line-height:1.08}.hero-copy h1{max-width:none;margin-inline:auto;font-size:clamp(2.5rem,5vw,4.5rem)}.hero-line{display:block}.hero-line+.hero-line{margin-top:.28em}.hero-line-accent{color:var(--accent)}.hero-body,.feature-panel-copy p,.editorial-copy p,.storybreak-body p,.editorial-support-copy p{color:var(--muted);margin:0;line-height:1.7}.hero-body{max-width:68ch;color:var(--text);margin:1.75rem auto 0;font-size:clamp(1rem,2.4vw,1.18rem)}.cta-row{flex-direction:column;align-items:center;gap:.85rem;margin-top:2rem;display:flex}.hero-copy .cta-row{flex-direction:column}.cta-note{max-width:32ch;color:var(--text);margin:0;font-size:.95rem;line-height:1.55}.hero-media{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow);margin-top:3rem;padding:1rem}.hero-media-crop{border-radius:calc(var(--radius-xl) - 10px);aspect-ratio:2.05;overflow:hidden}.hero-media img,.feature-panel-media img,.editorial-media img,.editorial-support-card img,.storybreak-photo img,.storybreak-inset img{border-radius:calc(var(--radius-xl) - 10px);width:100%;height:auto}.hero-media-crop img{object-fit:cover;object-position:top center;border-radius:0;width:100%;height:100%}.feature-section{background:var(--surface-soft);padding-top:4.5rem;padding-bottom:5rem}.section-heading{margin-bottom:3rem}.section-heading h2{max-width:none;color:var(--text);font-size:clamp(2rem,5vw,3.6rem)}.section-heading-accent{color:var(--accent)}.section-heading--wide h2{max-width:none;font-size:clamp(2rem,5vw,3.6rem)}.section-heading--center{text-align:center}.feature-tabs{gap:1.5rem;display:grid}.feature-copy-column{align-content:start;gap:1.5rem;display:grid}.feature-tab-list{gap:0;display:grid}.feature-tab-item{border-bottom:1px solid var(--border);padding:.15rem 0}.feature-tab-item.active{border-bottom-color:var(--accent)}.feature-tab-trigger{border:0;border-bottom:1px solid var(--border);width:100%;color:var(--muted);text-align:left;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;font-size:1.15rem;font-weight:700;transition:color .18s,border-color .18s;display:flex}.feature-tab-trigger.active{color:var(--accent);border-bottom-color:var(--accent)}.feature-tab-icon{width:1.1rem;height:1.1rem;color:inherit;flex:none;transition:transform .18s}.feature-tab-icon svg{width:100%;height:100%;display:block}.feature-tab-trigger.active .feature-tab-icon{transform:rotate(180deg)}.page-shell--v1 .feature-tab-trigger,.page-shell--v2 .feature-tab-trigger{font-size:1.45rem;line-height:1.12}.page-shell--v1 .feature-copy-panel,.page-shell--v2 .feature-copy-panel{max-width:40ch}.page-shell--v1 .editorial-copy .cta-row{text-align:center;flex-direction:column;justify-content:center;align-items:center}.page-shell--v1 .editorial-copy .cta-note{color:var(--text);text-align:center}@media (width>=980px){.page-shell--v1 .feature-section .container,.page-shell--v2 .feature-section .container,.page-shell--v2 .storybreak-section .container{width:min(1380px,100% - 3rem)}.page-shell--v1 .feature-copy-column,.page-shell--v2 .feature-copy-column{align-self:start;position:sticky;top:5.5rem}.page-shell--v1 .feature-tab-list,.page-shell--v2 .feature-tab-list{position:static}.page-shell--v1 .editorial-layout{grid-template-columns:1fr;justify-items:center;gap:2.5rem}.page-shell--v1 .editorial-media{width:min(100%,46rem)}.page-shell--v1 .editorial-copy{text-align:center;justify-items:center;width:min(100%,52rem)}.page-shell--v1 .editorial-list{width:min(100%,44rem)}.page-shell--v1 .editorial-list article{text-align:center}}.feature-copy-panel{max-width:34ch;padding:0 0 1rem;display:none}.feature-copy-panel.active{display:block}.feature-copy-panel p{color:var(--text);margin:0;line-height:1.75}.feature-section-cta{width:fit-content}.editorial-list h3,.editorial-support-copy h3{margin:0;font-size:1.45rem;line-height:1.12}.feature-media-stage{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);min-height:28rem;box-shadow:var(--shadow);padding:1rem;position:relative}.feature-media-panel{height:100%;display:none}.feature-media-panel.active{display:block}.feature-panel-media{background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius-lg);height:100%;padding:.75rem}.feature-panel-media img{object-fit:contain;object-position:center;width:100%;height:100%}.editorial-section{background:var(--surface);padding-top:4.75rem;padding-bottom:5.5rem}.editorial-layout{align-items:center;gap:1.5rem;display:grid}.editorial-media,.storybreak-photo{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}.editorial-copy{gap:1.5rem;display:grid}.section-split-heading{white-space:normal}.section-heading-main{color:var(--text)}.editorial-list{gap:1rem;display:grid}.editorial-list article{border-bottom:1px solid var(--border);padding-bottom:1rem}.editorial-list article:last-child{border-bottom:0;padding-bottom:0}.editorial-support{gap:1rem;margin-top:1.5rem;display:grid}.editorial-support-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:.9rem}.editorial-support-copy{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);align-content:center;gap:.7rem;padding:1.25rem;display:grid}.mockup-section{background:var(--surface);padding-top:4.75rem;padding-bottom:5.5rem}.mockup-timeline{gap:1rem;display:grid}.mockup-step,.mockup-proof-screen{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.mockup-step{align-content:start;gap:1rem;padding:1.5rem;display:grid}.mockup-step h3{margin:0;font-size:1.45rem;line-height:1.12}.mockup-step p{color:var(--text);margin:0;line-height:1.75}.mockup-proof-screen img{border-radius:calc(var(--radius-xl) - 10px);width:100%;height:auto}.mockup-step-index{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;font-size:.9rem;font-weight:700}.mockup-step{border-top:3px solid var(--accent)}.mockup-proof{margin-top:1.5rem}.mockup-proof-screen{padding:.95rem}.mockup-cta{margin-top:2.25rem}.mockup-cta .cta-row{text-align:center;justify-content:center}.faq-section{background:var(--surface-soft);padding-top:4.75rem;padding-bottom:5.5rem}.faq-intro{max-width:62ch;color:var(--text);margin:1.25rem auto 0;font-size:1rem;line-height:1.75}.faq-groups{gap:2rem;display:grid}.faq-group h3{margin:0 0 1rem;font-size:1.45rem;line-height:1.12}.faq-list{gap:.85rem;display:grid}.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:1.15rem 1.25rem}.faq-item summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;font-size:1.15rem;font-weight:700;line-height:1.4;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-icon{flex:none;width:1.1rem;height:1.1rem;transition:transform .18s}.faq-icon svg{width:100%;height:100%;display:block}.faq-item[open] .faq-icon{transform:rotate(180deg)}.faq-item p{color:var(--text);margin:1rem 0 0;font-size:1rem;line-height:1.75}.storybreak-section{background:var(--surface-soft);padding-top:4.75rem;padding-bottom:5.5rem}.page-shell--v2 .storybreak-section{background:var(--surface)}.storybreak-layout{align-items:center;gap:1.5rem;display:grid}.storybreak-copy{gap:1.4rem;display:grid}.storybreak-body{gap:1rem;display:grid}.storybreak-body p{color:var(--text);font-size:1rem;line-height:1.75}.storybreak-media{gap:1rem;display:grid}.storybreak-inset{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(88%,23rem);box-shadow:var(--shadow);margin-left:auto;padding:.85rem}@media (width>=760px){.cta-row{flex-flow:wrap;justify-content:center}.hero-copy .cta-row{flex-direction:column}.editorial-support{grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr);align-items:center}}@media (width>=980px){.page-shell--v1 .mockup-section--c .container{width:min(1560px,100% - 3rem)}.section{padding-bottom:6rem}.hero-section{min-height:58rem;padding-top:5rem;padding-bottom:6.5rem}.feature-section,.editorial-section,.mockup-section,.faq-section,.storybreak-section{padding-top:6rem}.feature-tabs{grid-template-columns:minmax(21rem,.34fr) minmax(0,.66fr);align-items:stretch}.page-shell--v1 .feature-tabs,.page-shell--v2 .feature-tabs{grid-template-columns:minmax(22rem,.36fr) minmax(0,.64fr);gap:2.25rem}.section-heading{margin-bottom:4rem}.hero-copy h1{font-size:4.25rem}.feature-tab-list{position:sticky;top:5.5rem}.page-shell--v1 .feature-media-stage,.page-shell--v2 .feature-media-stage{min-height:32rem}.editorial-layout{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)}.storybreak-layout{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}.page-shell--v2 .storybreak-layout{grid-template-columns:minmax(0,1.4fr) minmax(20rem,.6fr);align-items:center}.mockup-timeline{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}.mockup-proof{width:min(100%,84rem);margin-left:auto;margin-right:auto}.faq-groups{gap:2.5rem}.section-split-heading{white-space:nowrap}}@media (width>=1280px){.hero-section .container{width:min(1520px,100% - 3rem)}.page-shell--v1 .feature-section .container,.page-shell--v2 .feature-section .container,.page-shell--v2 .storybreak-section .container,.faq-section .container{width:min(1560px,100% - 3rem)}.hero-copy h1{max-width:none;font-size:3.6rem}.hero-section{min-height:62rem}}@media (width<=719px){.topbar-inner{flex-direction:column;align-items:stretch}.topbar .button{width:100%}.feature-tab-list{overflow-x:auto}.feature-tab-trigger{min-width:max-content}.feature-media-stage{min-height:16rem}}
