:root{--ink:#171717;--muted:#626a75;--line:#dce1e7;--blue:#087ee7;--pink:#ed1e79;--orange:#f58220;--purple:#7b34aa;--green:#149d68;--paper:#f5f6f8;--white:#fff;--dark:#111315;--shadow:0 18px 55px rgba(22,30,44,.08)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;z-index:100;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--pink),var(--purple),var(--blue),#ffc20e,var(--orange))}
a{color:inherit}
button,input{font:inherit}
button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid rgba(8,126,231,.3);outline-offset:3px}
.site-header{position:sticky;z-index:50;top:0;height:82px;display:flex;align-items:center;gap:34px;padding:0 max(24px,calc((100vw - 1240px)/2));background:rgba(255,255,255,.94);border-bottom:1px solid rgba(220,225,231,.9);backdrop-filter:blur(14px)}
.brand{display:flex;margin-right:auto}.brand img{display:block;width:180px;height:auto}
.site-header nav{display:flex;gap:28px}.site-header nav a{text-decoration:none;color:#4d5560;font-size:14px;font-weight:600}.site-header nav a:hover{color:var(--blue)}
.login,.button,.choose,.buy{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:12px 19px;background:var(--dark);color:#fff;text-decoration:none;font-weight:600;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.login:hover,.button:hover,.choose:hover,.buy:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(12,19,29,.16)}
main{overflow:hidden}
.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.72fr);gap:72px;align-items:center;max-width:1240px;margin:auto;padding:84px 24px 76px}
.hero::before{content:"";position:absolute;z-index:-1;width:520px;height:520px;right:-220px;top:-160px;border-radius:50%;background:conic-gradient(from 80deg,rgba(237,30,121,.12),rgba(123,52,170,.12),rgba(8,126,231,.13),rgba(255,194,14,.12),rgba(245,130,32,.11));filter:blur(2px)}
.eyebrow{display:block;color:var(--blue);font-size:11px;font-weight:600;letter-spacing:.19em}
.hero h1{max-width:760px;margin:15px 0 22px;font-size:clamp(42px,5.8vw,76px);line-height:1.01;letter-spacing:-.047em;font-weight:600}
.hero-lead{max-width:720px;margin:0;color:var(--muted);font-size:clamp(17px,2vw,21px);line-height:1.55}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.button{min-height:49px}.button.primary,.choose,.buy{background:linear-gradient(105deg,var(--purple),var(--blue))}.button.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}
.trial-note{margin:11px 0 0;color:#707784;font-size:13px}.hero-points{display:flex;flex-wrap:wrap;gap:9px 22px;padding:0;margin:30px 0 0;list-style:none;color:#3f4650;font-size:13px;font-weight:600}.hero-points li::before{content:"✓";margin-right:7px;color:var(--green)}
.publication-preview{overflow:hidden;display:block;border:1px solid #d8dee6;border-radius:22px;background:#fff;color:var(--ink);text-decoration:none;box-shadow:0 35px 80px rgba(15,24,38,.16);transform:rotate(.7deg);transition:transform .25s ease,box-shadow .25s ease}.publication-preview:hover{transform:rotate(0) translateY(-5px);box-shadow:0 42px 90px rgba(15,24,38,.22)}
.preview-bar{height:39px;display:flex;align-items:center;gap:6px;padding:0 14px;border-bottom:1px solid #e1e5ea;background:#fff}.preview-bar i{width:7px;height:7px;border-radius:50%;background:#aab2bc}.preview-bar i:first-child{background:var(--pink)}.preview-bar i:nth-child(2){background:#ffc20e}.preview-bar i:nth-child(3){background:var(--blue)}.preview-bar strong{margin-left:auto;font-size:9px;letter-spacing:.16em;color:#747d88}
.preview-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:510px;padding:20px 24px 28px;background:radial-gradient(circle at 78% 16%,rgba(8,126,231,.13),transparent 34%),linear-gradient(145deg,#f7f9fc,#e9edf2)}.preview-stage img{display:block;width:auto;max-width:96%;height:470px;object-fit:contain;filter:drop-shadow(0 22px 28px rgba(17,25,38,.2))}.preview-stage b{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);white-space:nowrap;padding:8px 13px;border:1px solid rgba(255,255,255,.8);border-radius:99px;background:rgba(255,255,255,.9);color:#27313d;box-shadow:0 7px 22px rgba(20,29,42,.1);font-size:11px;font-weight:500}
.proof-strip{display:grid;grid-template-columns:repeat(4,1fr);max-width:1192px;margin:0 auto 42px;background:#fff;border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow)}.proof-strip div{padding:23px 26px;border-right:1px solid var(--line)}.proof-strip div:last-child{border:0}.proof-strip strong{display:block;font-size:24px;font-weight:600;letter-spacing:-.03em}.proof-strip span{display:block;color:var(--muted);font-size:12px}
.section{max-width:1240px;margin:auto;padding:88px 24px}.section-heading{margin-bottom:38px}.section-heading.narrow{max-width:800px}.section-heading h2,.all-plans h2,.local-trust h2,.final-cta h2{margin:12px 0 14px;font-size:clamp(31px,4vw,51px);line-height:1.08;letter-spacing:-.037em;font-weight:600}.section-heading p,.trust-copy>p{max-width:760px;margin:0;color:var(--muted);font-size:18px}
.story{max-width:none;background:#fff}.story>*{max-width:1192px;margin-left:auto;margin-right:auto}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-grid article{min-height:235px;padding:27px;border:1px solid var(--line);border-radius:16px;background:#fff;transition:transform .2s ease,box-shadow .2s ease}.feature-grid article:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.feature-icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:30px;border-radius:11px;background:#eef7ff;color:var(--blue);font-size:22px}.feature-grid article:nth-child(2n) .feature-icon{background:#f5edfa;color:var(--purple)}.feature-grid article:nth-child(3n) .feature-icon{background:#fff1f7;color:var(--pink)}
.feature-grid h3,.case-grid h3,.steps h3{margin:0 0 8px;font-size:20px;line-height:1.25;font-weight:600}.feature-grid p,.case-grid p,.steps p{margin:0;color:var(--muted)}
.use-cases{padding-top:105px}.case-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.case-grid article{position:relative;min-height:230px;padding:27px;border-radius:16px;background:var(--dark);color:#fff}.case-grid article::after{content:"";position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,var(--pink),var(--purple),var(--blue),#ffc20e,var(--orange))}.case-grid b{display:block;margin-bottom:49px;color:#57b8ff;font-size:12px;letter-spacing:.14em}.case-grid p{color:#bfc5cd}
.steps{display:grid;grid-template-columns:.7fr 1fr;gap:80px;align-items:start}.steps ol{padding:0;margin:0;list-style:none}.steps li{display:grid;grid-template-columns:48px 1fr;gap:18px;padding:24px 0;border-top:1px solid var(--line)}.steps li:last-child{border-bottom:1px solid var(--line)}.steps li>span{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:var(--dark);color:#fff;font-weight:600}.steps h3{font-size:18px}
.comparison{max-width:none;background:#fff}.comparison>*{max-width:1192px;margin-left:auto;margin-right:auto}.comparison-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:17px}.comparison table{width:100%;border-collapse:collapse;background:#fff}.comparison th,.comparison td{padding:18px 22px;text-align:left;border-bottom:1px solid var(--line)}.comparison thead th{background:#151719;color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.comparison thead th:last-child{background:linear-gradient(110deg,var(--purple),var(--blue))}.comparison tbody th{width:26%;font-weight:600}.comparison tbody td{color:var(--muted)}.comparison tbody td:last-child{background:#f3f9ff;color:#1c2733}.comparison tr:last-child>*{border-bottom:0}
.pricing-section{padding-top:105px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}.plan{position:relative;display:flex;flex-direction:column;min-height:640px;padding:29px;background:#fff;border:1px solid var(--line);border-radius:19px;box-shadow:0 10px 32px rgba(15,25,40,.05)}.plan.popular{border:2px solid var(--blue);transform:translateY(-9px)}.ribbon{position:absolute;right:18px;top:18px;padding:5px 9px;border-radius:99px;background:#e9f5ff;color:var(--blue);font-size:9px;font-weight:700;letter-spacing:.08em}.best-for{color:var(--blue);font-size:10px;font-weight:700;letter-spacing:.14em}.plan h3{margin:4px 0 0;font-size:25px;font-weight:600}.price{margin:24px 0 0;font-size:41px;line-height:1.08;font-weight:600;letter-spacing:-.04em}.price small{font-size:13px;color:var(--muted);letter-spacing:0;font-weight:500}.billing-line{min-height:auto!important;margin:5px 0 15px!important;color:#555e68!important;font-size:13px}.billing-line strong{color:var(--ink);font-weight:600}.plan>p:not(.billing-line){min-height:70px;color:var(--muted)}.plan ul{padding:18px 0 0;margin:5px 0 26px;border-top:1px solid var(--line);list-style:none}.plan li{margin:10px 0;color:#363d45}.plan li::before{content:"✓";margin-right:9px;color:var(--green);font-weight:700}.choose{width:100%;margin-top:auto}.price-note{margin:20px auto 0;text-align:center;color:var(--muted);font-size:13px}
.plan-comparison{margin-top:72px}.comparison-intro{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:24px}.comparison-intro h3{margin:8px 0 7px;font-size:clamp(28px,3.5vw,43px);line-height:1.08;letter-spacing:-.035em;font-weight:600}.comparison-intro p{max-width:690px;margin:0;color:var(--muted);font-size:16px}.comparison-controls{display:flex;flex:0 0 auto;padding:4px;border:1px solid var(--line);border-radius:11px;background:#fff}.comparison-controls button{padding:9px 13px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:12px;cursor:pointer}.comparison-controls button.active{background:var(--dark);color:#fff}.plan-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 18px 55px rgba(22,30,44,.07);scrollbar-color:#b6bdc7 transparent}.plan-table{width:100%;min-width:920px;border-collapse:separate;border-spacing:0}.plan-table th,.plan-table td{padding:15px 18px;border-bottom:1px solid #e6e9ed;text-align:center;vertical-align:middle}.plan-table thead th{position:sticky;top:82px;z-index:2;padding-top:19px;padding-bottom:19px;background:#17191c;color:#fff}.plan-table thead th:first-child{width:31%;border-radius:17px 0 0;text-align:left}.plan-table thead th:last-child{border-radius:0 17px 0 0}.plan-table thead th.recommended{background:linear-gradient(135deg,var(--purple),var(--blue))}.plan-table thead strong,.plan-table thead span{display:block}.plan-table thead strong{font-size:18px;font-weight:600}.plan-table thead span{margin:2px 0 11px;color:#bfc6ce;font-size:11px;font-weight:400}.plan-table thead small{display:block;margin-bottom:3px;color:#fff2a8;font-size:8px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.plan-table thead button{padding:7px 11px;border:1px solid rgba(255,255,255,.3);border-radius:7px;background:#fff;color:#17191c;font-size:11px;font-weight:600;cursor:pointer}.plan-table tbody th{color:#2c333a;text-align:left;font-weight:500}.plan-table tbody td{color:#59626c;font-size:13px}.plan-table tbody td:nth-child(3){background:#f5faff}.plan-table .category th{padding:12px 18px;background:#eef1f4;color:#087ee7;font-size:10px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.included{color:#1a825d;font-weight:500}.included::before{content:'✓';display:inline-grid;place-items:center;width:18px;height:18px;margin-right:6px;border-radius:50%;background:#e7f7f0;color:#13815a;font-size:11px}.not-included{color:#aab0b7}.differences-only .same-all{display:none}.comparison-footnote{margin:12px 4px 0;color:var(--muted);font-size:11px}
.all-plans{display:grid;grid-template-columns:1fr 1fr;gap:55px;max-width:1192px;padding:46px 48px;border-radius:21px;background:var(--dark);color:#fff}.all-plans .eyebrow{color:#5fbdff}.all-plans h2{font-size:clamp(28px,3.2vw,42px)}.all-plans ul{display:grid;grid-template-columns:1fr 1fr;align-content:center;gap:14px 24px;padding:0;margin:0;list-style:none}.all-plans li{color:#d7dbe0}.all-plans li::before{content:"✓";margin-right:9px;color:#56c896}
.local-trust{display:grid;grid-template-columns:1fr .72fr;gap:70px;align-items:center}.trust-copy a{display:inline-flex;margin-top:25px;color:var(--blue);font-weight:600;text-decoration:none}.trust-card{overflow:hidden;padding:32px;border-radius:19px;background:linear-gradient(145deg,#191b1e,#101113);color:#fff;box-shadow:var(--shadow);border-bottom:4px solid transparent;border-image:linear-gradient(90deg,var(--pink),var(--purple),var(--blue),#ffc20e,var(--orange)) 1}.trust-card>strong{font-size:24px;font-weight:600;letter-spacing:.08em}.trust-card>span{display:block;color:#57b8ff}.trust-card>p{color:#bdc3ca}.trust-card dl{margin:22px 0 0}.trust-card dl div{display:grid;grid-template-columns:95px 1fr;padding:11px 0;border-top:1px solid #31353a}.trust-card dt{color:#8f98a3}.trust-card dd{margin:0;font-size:13px;overflow-wrap:anywhere}
.faq{max-width:none;background:#fff}.faq>*{max-width:1192px;margin-left:auto;margin-right:auto}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.faq details{border:1px solid var(--line);border-radius:13px;background:#fff}.faq summary{position:relative;padding:19px 48px 19px 20px;cursor:pointer;font-weight:600;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";position:absolute;right:20px;top:13px;color:var(--blue);font-size:24px;font-weight:400}.faq details[open] summary::after{content:"−"}.faq details p{margin:0;padding:0 20px 20px;color:var(--muted)}
.final-cta{max-width:1192px;margin:88px auto;padding:70px 34px;text-align:center;border-radius:23px;background:radial-gradient(circle at 85% 5%,rgba(8,126,231,.26),transparent 32%),radial-gradient(circle at 6% 100%,rgba(237,30,121,.22),transparent 30%),#111315;color:#fff}.final-cta h2{font-size:clamp(35px,5vw,60px)}.final-cta>div{display:flex;justify-content:center;gap:12px;margin-top:28px}.button.light{background:#fff;color:var(--ink)}.button.ghost{background:transparent;border:1px solid #596069}.final-cta p{color:#aeb4bb;font-size:13px}
footer{display:grid;grid-template-columns:auto 1fr auto;gap:18px 35px;align-items:center;padding:38px max(24px,calc((100vw - 1192px)/2));background:#fff;border-top:1px solid var(--line);color:var(--muted)}footer>a img{display:block;width:145px;height:auto}footer p{margin:0}footer nav{display:flex;gap:20px}footer nav a{color:#3c444d;text-decoration:none;font-weight:600;font-size:13px}footer small{grid-column:2/-1}
dialog{width:min(510px,calc(100vw - 28px));max-height:calc(100vh - 28px);padding:0;border:0;border-radius:19px;box-shadow:0 30px 90px rgba(0,0,0,.35)}dialog::backdrop{background:rgba(0,0,0,.7);backdrop-filter:blur(3px)}dialog form{position:relative;display:grid;gap:13px;padding:34px}#checkoutForm[hidden],fieldset[hidden],.trial-success[hidden]{display:none!important}dialog h2{margin:0;font-size:27px;line-height:1.15;font-weight:600}.checkout-intro{margin:-5px 0 3px;color:var(--muted)}dialog label{display:grid;gap:5px;font-size:13px;font-weight:600}input{width:100%;padding:12px;border:1px solid #cdd3da;border-radius:9px;background:#fff;color:var(--ink)}fieldset{display:grid;gap:7px;padding:13px;border:1px solid var(--line);border-radius:10px}fieldset legend{padding:0 5px;font-size:13px;font-weight:600}fieldset label{display:flex;align-items:center;font-weight:400}fieldset input{width:auto}.legal-consent{display:grid!important;grid-template-columns:18px 1fr;gap:9px!important;align-items:start;padding:11px 12px;border:1px solid var(--line);border-radius:10px;background:#f8fafc;font-weight:400!important;line-height:1.45}.legal-consent input{width:auto;margin:3px 0 0;padding:0}.legal-consent a{color:var(--blue)}.close{position:absolute;z-index:1;right:13px;top:10px;border:0;background:transparent;font-size:27px;cursor:pointer}.buy{width:100%;font-size:14px}.privacy-note{text-align:center;color:var(--muted);font-weight:400}.privacy-note a{color:var(--blue)}#checkoutMessage{min-height:20px;margin:0;text-align:center;color:#b20d4d;font-size:13px}.checkout-status{position:fixed;z-index:90;left:50%;top:96px;transform:translateX(-50%);width:min(600px,calc(100vw - 30px));padding:12px 16px;border-radius:10px;background:#171717;color:#fff;text-align:center;box-shadow:var(--shadow)}
.trial-success{position:relative;display:grid;gap:14px;padding:38px;text-align:center}.success-mark{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 2px;border-radius:50%;color:#fff;background:#087ee7;font-size:30px}.trial-success .eyebrow{color:#087ee7}.trial-success p{margin:0;color:var(--muted);line-height:1.55}.trial-success dl{display:grid;gap:0;margin:5px 0 3px;border:1px solid var(--line);border-radius:11px;text-align:left;overflow:hidden}.trial-success dl div{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:11px 13px;border-bottom:1px solid var(--line)}.trial-success dl div:last-child{border-bottom:0}.trial-success dt{color:var(--muted);font-size:11px;font-weight:400}.trial-success dd{margin:0;font-size:12px;font-weight:500}.success-login{display:block;color:#fff;text-decoration:none}.success-help{font-size:11px!important}.success-help a{color:#087ee7}
@media(max-width:980px){.site-header nav{display:none}.hero{grid-template-columns:1fr;gap:48px}.publication-preview{max-width:520px;margin:auto}.proof-strip{margin-left:24px;margin-right:24px}.feature-grid{grid-template-columns:repeat(2,1fr)}.case-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr;gap:20px}.plans{grid-template-columns:1fr}.plan{min-height:auto}.plan.popular{transform:none}.all-plans,.local-trust{grid-template-columns:1fr}.all-plans{margin-left:24px;margin-right:24px}.final-cta{margin-left:24px;margin-right:24px}footer{grid-template-columns:1fr}footer small{grid-column:auto}}
@media(max-width:980px){.comparison-intro{display:grid;align-items:start}.comparison-controls{width:max-content}.plan-table thead th{top:70px}}
@media(max-width:640px){.site-header{height:70px;padding:0 16px}.brand img{width:137px}.login{padding:9px 12px;font-size:12px}.hero{padding:54px 18px 55px}.hero h1{font-size:42px}.hero-lead{font-size:17px}.hero-actions{display:grid}.hero-actions .button{width:100%}.hero-points{display:grid}.publication-preview{transform:none}.preview-stage{min-height:390px}.preview-stage img{height:340px}.proof-strip{grid-template-columns:1fr 1fr;margin:0 18px 22px}.proof-strip div:nth-child(2){border-right:0}.proof-strip div:nth-child(-n+2){border-bottom:1px solid var(--line)}.proof-strip div{padding:18px}.section{padding:66px 18px}.feature-grid,.case-grid,.faq-grid{grid-template-columns:1fr}.case-grid article{min-height:190px}.case-grid b{margin-bottom:30px}.comparison th,.comparison td{min-width:190px;padding:15px}.plans{gap:14px}.plan{padding:24px}.price{font-size:38px}.all-plans{margin:0 18px;padding:34px 25px}.all-plans ul{grid-template-columns:1fr}.local-trust{gap:35px}.final-cta{margin:65px 18px;padding:50px 20px}.final-cta>div{display:grid}.final-cta .button{width:100%}footer{padding:32px 18px}footer nav{flex-wrap:wrap}dialog form{padding:28px 22px}}
@media(max-width:640px){.plan-comparison{margin-top:52px}.comparison-controls{width:100%}.comparison-controls button{flex:1}.plan-table-wrap{margin-right:-18px;border-radius:14px 0 0 14px}.plan-table{min-width:820px}.plan-table th,.plan-table td{padding:13px 14px}.plan-table thead th{top:70px}.plan-table thead th:first-child{width:29%}}
@media(max-width:640px){.preview-stage{padding:14px 14px 24px}.preview-stage img{height:365px;max-width:100%;filter:drop-shadow(0 15px 20px rgba(17,25,38,.18))}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* v2.3 conversion and product proof */
.eyebrow,.preview-bar strong,.case-grid b,.ribbon,.best-for{font-weight:500}
.hero-price{display:flex;align-items:baseline;gap:12px;width:max-content;margin-top:24px;color:var(--ink);text-decoration:none}.hero-price strong{font-size:21px;font-weight:600}.hero-price span{color:var(--muted);font-size:13px;font-weight:400}.publication-preview{text-decoration:none}
.demo-section{padding-top:76px}.demo-heading{display:grid;grid-template-columns:minmax(0,.95fr) minmax(340px,.65fr);gap:70px;align-items:end}.demo-heading h2{margin-bottom:0}.demo-heading p{font-size:16px}.demo-open{display:inline-flex;margin-top:18px;color:var(--blue);font-size:14px;font-weight:500;text-decoration:none}.demo-frame{overflow:hidden;height:700px;border:1px solid #303742;border-radius:20px;background:#15191f;box-shadow:0 28px 75px rgba(15,24,38,.18)}.demo-frame iframe{display:block;width:100%;height:100%;border:0}.demo-note{margin:13px 4px 0;color:var(--muted);font-size:11px;font-weight:400;text-align:right}
.pricing-section{padding-top:80px}.plan{min-height:585px}.price-note strong{font-weight:500;color:var(--ink)}
.product-tour{max-width:none;background:#fff}.product-tour>*{max-width:1192px;margin-left:auto;margin-right:auto}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.product-card{padding:0 0 6px}.product-card h3{margin:11px 0 7px;font-size:22px;font-weight:600}.product-card>p{margin:0;color:var(--muted)}.product-step{display:block;margin-top:19px;color:var(--blue);font-size:10px;font-weight:500;letter-spacing:.17em}.product-window{overflow:hidden;height:360px;border:1px solid #dce1e7;border-radius:16px;background:#eef1f4;box-shadow:0 15px 40px rgba(18,28,42,.09)}.window-bar{height:38px;display:flex;align-items:center;gap:6px;padding:0 12px;border-bottom:1px solid #d9dee4;background:#fff}.window-bar i{width:7px;height:7px;border-radius:50%;background:#adb5bf}.window-bar i:first-child{background:var(--pink)}.window-bar i:nth-child(2){background:#ffc20e}.window-bar i:nth-child(3){background:var(--blue)}.window-bar b{margin-left:7px;color:#66707b;font-size:10px;font-weight:500}
.upload-visual{display:grid;place-items:center;align-content:center;height:322px;padding:30px;text-align:center}.upload-visual>span{display:grid;place-items:center;width:75px;height:94px;margin-bottom:16px;border-radius:6px 16px 6px 6px;background:#fff;color:var(--pink);box-shadow:0 12px 26px rgba(18,28,42,.12);font-size:21px;font-weight:600}.upload-visual strong{font-size:16px;font-weight:550}.upload-visual small{margin:4px 0 19px;color:var(--muted);font-size:11px;font-weight:400}.upload-visual>div{overflow:hidden;width:min(330px,85%);height:8px;border-radius:8px;background:#d8dde3}.upload-visual>div i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,var(--purple),var(--blue))}
.editor-visual{display:grid;grid-template-columns:64px 1fr 112px;height:322px;background:#242a31}.editor-visual aside{display:grid;align-content:start;gap:9px;padding:13px 10px;background:#171b20}.editor-visual aside span{height:70px;border:1px solid #4d5661;border-radius:4px;background:#f8f5ee}.editor-canvas{display:grid;place-items:center;padding:18px}.fake-page{position:relative;width:175px;height:245px;padding:22px 17px;background:#f5f0e8;box-shadow:0 12px 28px rgba(0,0,0,.35);font-size:17px;line-height:1.05}.fake-page b{font-weight:600}.fake-page>i{position:absolute;left:14px;right:14px;top:112px;height:70px;background:#19202a}.fake-page em{position:absolute;left:18px;right:18px;bottom:20px;padding:7px;border:2px solid var(--blue);color:var(--blue);font-size:8px;font-style:normal}.editor-visual nav{display:grid;align-content:start;gap:8px;padding:15px 12px;background:#fff}.editor-visual nav strong{font-size:10px;font-weight:550}.editor-visual nav span{padding:8px;border:1px solid var(--line);border-radius:6px;color:#666f79;font-size:9px;font-weight:400}
.analytics-visual{display:grid;grid-template-columns:1fr 1fr;gap:11px;align-content:start;height:322px;padding:28px}.analytics-visual>div{padding:18px;border:1px solid var(--line);border-radius:11px;background:#fff}.analytics-visual small{display:block;color:var(--muted);font-size:9px;font-weight:400;letter-spacing:.1em}.analytics-visual strong{display:block;margin-top:7px;font-size:27px;font-weight:600}.analytics-visual svg{grid-column:1/-1;width:100%;height:150px;padding:12px;border:1px solid var(--line);border-radius:11px;background:#fff}
.lead-visual{display:grid;gap:9px;height:322px;padding:24px;background:#f5f7f9}.lead-visual>span{display:grid;grid-template-columns:48px 1fr;gap:2px 12px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:10px;background:#fff}.lead-visual i{grid-row:1/3;padding:5px;border-radius:30px;background:#eaf5ff;color:var(--blue);font-size:8px;font-style:normal;font-weight:500;text-align:center}.lead-visual b{font-size:12px;font-weight:550}.lead-visual small{color:var(--muted);font-size:9px;font-weight:400}
.security-section{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:64px;max-width:none;padding-left:max(24px,calc((100vw - 1192px)/2));padding-right:max(24px,calc((100vw - 1192px)/2));background:#111315;color:#fff}.security-heading{align-self:center}.security-heading h2{margin:12px 0 16px;font-size:clamp(34px,4vw,52px);line-height:1.06;letter-spacing:-.037em;font-weight:600}.security-heading>p{color:#bdc4cd;font-size:17px}.security-heading>a{display:inline-flex;margin-top:21px;color:#69c2ff;font-size:13px;font-weight:500;text-decoration:none}.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.security-grid article{min-height:220px;padding:25px;border:1px solid #30353b;border-radius:15px;background:#191c20}.security-grid article>span{color:#69c2ff;font-size:10px;font-weight:500;letter-spacing:.15em}.security-grid h3{margin:30px 0 8px;font-size:18px;font-weight:550}.security-grid p{margin:0;color:#aeb6c0;font-size:13px}.local-trust{padding-top:80px}
@media(max-width:980px){.demo-heading,.security-section{grid-template-columns:1fr}.demo-heading{gap:20px}.product-grid{grid-template-columns:1fr}.security-section{gap:34px}.product-window{height:400px}.upload-visual,.editor-visual,.analytics-visual,.lead-visual{height:362px}}
@media(max-width:640px){.hero-price{display:grid;gap:1px}.demo-section{padding-top:55px}.demo-frame{height:610px;border-radius:14px}.demo-note{text-align:left}.product-grid{gap:42px}.product-window{height:325px}.upload-visual,.editor-visual,.analytics-visual,.lead-visual{height:287px}.editor-visual{grid-template-columns:45px 1fr 82px}.editor-visual aside{padding:9px 6px}.editor-visual aside span{height:58px}.fake-page{width:135px;height:194px;padding:17px 13px;font-size:14px}.fake-page>i{top:90px;height:55px}.editor-visual nav{padding:10px 7px}.analytics-visual{padding:17px}.lead-visual{padding:15px}.security-section{padding-top:62px;padding-bottom:62px}.security-grid{grid-template-columns:1fr}.security-grid article{min-height:0}.security-grid h3{margin-top:20px}}

/* v2.4 direct purchase header */
.header-actions{display:flex;align-items:center;gap:9px}.header-actions .login{min-height:40px;padding:9px 14px;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:13px;font-weight:500}.signup-menu{position:relative}.signup-menu summary{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 18px;border-radius:10px;background:linear-gradient(105deg,var(--purple),var(--blue));color:#fff;font-weight:600;cursor:pointer;list-style:none}.signup-menu summary::-webkit-details-marker{display:none}.signup-menu summary::after{content:'⌄';margin-left:8px;font-size:12px}.signup-menu[open] summary::after{content:'⌃'}.signup-options{position:absolute;z-index:70;right:0;top:calc(100% + 10px);display:grid;width:285px;padding:11px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 22px 55px rgba(12,19,29,.2)}.signup-options>span{padding:7px 9px 10px;color:var(--muted);font-size:11px;font-weight:400;letter-spacing:.08em;text-transform:uppercase}.signup-options button{display:grid;grid-template-columns:1fr auto;gap:4px 14px;align-items:center;width:100%;padding:12px 10px;border:0;border-top:1px solid #edf0f3;background:#fff;color:var(--ink);text-align:left;cursor:pointer}.signup-options button:hover{background:#f5f9fd}.signup-options b{font-size:14px;font-weight:550}.signup-options small{color:var(--muted);font-size:11px;font-weight:400}
@media(max-width:640px){.site-header{gap:10px}.brand{margin-right:auto}.brand img{width:125px}.header-actions{gap:6px}.header-actions .login{min-height:37px;padding:8px 10px}.signup-menu summary{min-height:38px;padding:8px 11px}.signup-options{position:fixed;left:12px;right:12px;top:72px;width:auto}.signup-menu summary::after{display:none}}

/* v2.8 launch polish: clearer hierarchy, real brochure proof and responsive pricing */
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.site-header nav{gap:31px}
.site-header nav a{font-size:13px;font-weight:650;letter-spacing:-.01em}
.signup-menu summary{gap:8px;font-weight:650}
.signup-menu summary::after{content:"";display:block;width:7px;height:7px;margin:0 1px 4px 0;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .18s ease}
.signup-menu[open] summary::after{content:"";margin:4px 1px 0 0;transform:rotate(225deg)}
.hero{grid-template-columns:minmax(0,1.03fr) minmax(360px,.77fr);gap:54px;padding-top:48px;padding-bottom:58px}
.hero h1{max-width:710px;margin-top:13px;margin-bottom:18px;font-size:clamp(40px,4.65vw,64px);line-height:1.035;letter-spacing:-.043em}
.hero-lead{font-size:clamp(17px,1.6vw,20px)}
.hero-price{margin-top:20px}
.hero-actions{margin-top:24px}
.hero-points{margin-top:22px}
.preview-stage{min-height:390px;padding:22px}
.preview-stage img{width:100%;max-width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:2px;filter:drop-shadow(0 20px 28px rgba(17,25,38,.22))}
.section-heading h2,.all-plans h2,.local-trust h2,.final-cta h2{font-weight:650}
.product-tour .section-heading h2{font-size:clamp(36px,4.35vw,56px)}
.plan-head{min-height:54px;padding-right:110px}
.plan-table thead th.feature-column{padding-left:24px}
.plan-table thead th.feature-column strong{font-size:22px;line-height:1.15;font-weight:650;letter-spacing:-.015em}
.plan-table thead th.feature-column span{max-width:210px;margin:7px 0 0;color:#bfc6ce;font-size:12px;line-height:1.45}
.plan-table tbody th{font-size:15px}
.plan-table tbody td{font-size:14px}
.feature-grid p,.product-card>p{font-size:15px;line-height:1.65}
.plan-table-wrap{overscroll-behavior-x:contain}
.trust-card dl div{grid-template-columns:82px minmax(0,1fr);gap:12px}
.trust-card dd{min-width:0}

@media(max-width:980px){
  .hero{grid-template-columns:minmax(0,1fr);padding-top:52px}
  .hero-copy{min-width:0}
  .hero h1{max-width:760px}
}

.renewal-notice{display:grid;gap:4px;margin:0;padding:12px 14px;border:1px solid #b9daf7;border-radius:10px;background:#f2f8ff}.renewal-notice strong{font-size:13px}.renewal-notice span{color:var(--muted);font-size:12px;line-height:1.45}

@media(max-width:640px){
  html{scroll-padding-top:72px}
  .site-header{padding-inline:14px}
  .brand img{width:124px}
  .signup-menu summary::after{display:none}
  .hero{gap:36px;padding:40px 18px 48px}
  .hero h1{font-size:clamp(35px,10.5vw,43px);line-height:1.04;overflow-wrap:normal;word-break:normal}
  .hero-lead{font-size:16px;line-height:1.5}
  .hero-price{width:auto}
  .publication-preview{width:100%}
  .preview-stage{min-height:0;padding:13px 13px 22px}
  .preview-stage img{height:auto;aspect-ratio:16/9}
  .preview-stage b{bottom:10px;padding:6px 10px;font-size:10px}
  .product-tour .section-heading h2{font-size:36px}
  .plan{overflow:hidden;padding:24px 20px}
  .plan-head{min-height:0;padding-right:0}
  .plan.popular .plan-head{padding-top:34px}
  .ribbon{top:18px;right:18px}
  .best-for{display:block;max-width:100%;overflow-wrap:anywhere;line-height:1.45}
  .price{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 7px;font-size:clamp(34px,11vw,42px)}
  .plan>p:not(.billing-line){min-height:0}
  .comparison-intro h3{font-size:34px}
  .plan-table-wrap{margin-right:0;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}
  .plan-table{display:block;min-width:0}
  .plan-table thead{display:none}
  .plan-table tbody{display:grid;gap:12px}
  .plan-table tr{display:grid;overflow:hidden;border:1px solid var(--line);border-radius:13px;background:#fff}
  .plan-table tr.category{border:0;border-radius:0;background:transparent}
  .plan-table .category th{display:block;padding:19px 2px 3px;background:transparent;color:var(--blue);font-size:11px}
  .plan-table tbody th{display:block;width:auto;padding:14px 16px;border-bottom:1px solid var(--line);background:#f7f8fa;font-size:16px;font-weight:650}
  .plan-table tbody td{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;padding:11px 16px;border-bottom:1px solid #edf0f3;text-align:left;font-size:13px}
  .plan-table tbody td::before{color:#737b85;font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.04em}
  .plan-table tbody td:nth-of-type(1)::before{content:"Starter"}
  .plan-table tbody td:nth-of-type(2)::before{content:"Professional"}
  .plan-table tbody td:nth-of-type(3)::before{content:"Business"}
  .plan-table tbody td:nth-child(3){background:#f3f9ff}
  .plan-table tbody tr>*:last-child{border-bottom:0}
  .comparison-footnote{margin-inline:0}
  .trust-card{padding:26px 22px}
  .trust-card dl div{grid-template-columns:72px minmax(0,1fr)}
  .trust-card dd{font-size:12px}
}

@media(max-width:390px){
  .brand img{width:112px}
  .header-actions .login{padding-inline:9px}
  .signup-menu summary{padding-inline:10px}
  .hero h1{font-size:35px}
}