@font-face{font-family:Anton;src:url(../fonts/anton.woff2) format("woff2");font-display:swap}
@font-face{font-family:Inter;src:url(../fonts/inter.woff2) format("woff2");font-weight:100 900;font-display:swap}
*{box-sizing:border-box;margin:0;padding:0}
:root{--navy:#070b14;--bg:#ffffff;--bg2:#f4f7f5;--card:#ffffff;--line:#dde5e0;--txt:#0f1a14;--mut:#4d5b54;--g:#14805c;--gd:#0e6146;--neon:#2ee59d;--ink:#0b1220}
html{scroll-behavior:smooth}body{font:19px/1.6 Inter,system-ui,sans-serif;color:var(--txt);background:var(--bg)}
a{color:var(--g)}.wrap{max-width:1120px;margin:0 auto;padding:0 24px}.narrow{max-width:800px}
.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:#fff;color:#000;padding:8px;z-index:9}
.big,h2{font-family:Anton,Impact,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.01em;line-height:.98}
h2{font-size:clamp(2.4rem,5.5vw,4rem);margin-bottom:28px}h3{font-size:1.25rem;margin-bottom:8px;font-weight:700}
header{border-bottom-color:#1c2740!important;position:sticky;top:0;z-index:5;background:rgba(7,11,20,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
header nav{display:flex;align-items:center;justify-content:space-between;height:74px;gap:14px}
.logo{display:flex;align-items:center;gap:8px;font-weight:800;font-size:1.3rem;color:#fff;text-decoration:none}.logo svg{width:26px;height:26px;flex:none}
.nav{display:flex;align-items:center;gap:22px}.nav a{white-space:nowrap;color:#e9eef6;text-decoration:none;font-size:.98rem;font-weight:500}.nav a:hover{color:var(--g)}
.btn{display:inline-block;background:var(--g);color:#fff!important;font:700 1.08rem Inter,sans-serif;padding:17px 30px;border-radius:12px;text-decoration:none;border:2px solid var(--g);cursor:pointer;transition:.15s}.btn:hover{background:var(--gd);border-color:var(--gd)}
.btn.out{background:transparent;color:var(--txt)!important;border-color:var(--txt)}.btn.out:hover{border-color:var(--txt)}
.nav .btn{padding:10px 18px;font-size:.95rem;background:var(--neon);border-color:var(--neon);color:var(--ink)!important}
.hero{padding:64px 0 72px;color:#e9eef6;background:radial-gradient(900px 500px at 85% 10%,rgba(46,229,157,.14),transparent 60%),var(--navy)}.hero .btn{background:var(--neon);border-color:var(--neon);color:var(--ink)!important}.hero .btn.out{background:transparent;border-color:#5b6b85;color:#e9eef6!important}.hero .sub,.hero .reassure{color:#9aa7bb}.hero .proof{background:#0d1422;border-color:#22304a}.hero .proof b{color:var(--neon)}
.hero .big{font-size:clamp(2.5rem,6.6vw,5.5rem);line-height:1;margin-bottom:24px}.hero .big span{display:block}.hero .big .g{color:var(--neon)}
.sub{font-size:1.3rem;color:var(--mut);max-width:34em;margin-bottom:34px}
.ctas{display:flex;gap:14px;flex-wrap:wrap}.reassure{margin-top:16px;color:var(--mut);font-size:1rem}
.proof{margin-top:40px;display:inline-flex;gap:10px;align-items:center;border:1px solid var(--line);background:var(--bg2);border-radius:40px;padding:10px 20px;font-size:1rem}.proof b{color:var(--g)}
section{padding:100px 0;border-top:1px solid var(--line)}section.alt{background:var(--bg2)}
.inbox{display:grid;grid-template-columns:260px 1fr;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--card);box-shadow:0 30px 60px -30px rgba(15,26,20,.35)}
.side{border-right:1px solid var(--line);padding:16px 0}.side div{padding:12px 18px;font-size:.92rem;color:var(--mut);border-left:3px solid transparent}.side .on{background:#eaf4ef;color:var(--txt);border-left-color:var(--g)}.side b{display:block;color:var(--txt);font-size:.95rem}
.mail{background:#fff;color:#1a2230;padding:34px}.mhead{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #e3e7ee;padding-bottom:16px;margin-bottom:22px;font-size:.95rem;flex-wrap:wrap}
.tag{background:#ffe9c7;color:#7a4a05;font-weight:700;font-size:.8rem;padding:4px 12px;border-radius:20px;height:fit-content}
.mail h4{font-size:1.6rem;margin-bottom:6px}.mimg{height:180px;border-radius:12px;background:linear-gradient(135deg,#0f3d2e,#2b7a5c 55%,#a8d5bf);margin:18px 0;display:flex;align-items:flex-end;padding:16px;color:#fff;font-weight:700}
.mail ul{margin:14px 0 20px 20px}.mbtn{display:inline-block;background:#14805c;color:#fff;padding:12px 22px;border-radius:8px;font-weight:700}
.mfoot{margin-top:24px;padding-top:14px;border-top:1px solid #e3e7ee;font-size:.8rem;color:#6b7686}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;list-style:none;counter-reset:s}
.steps li{counter-increment:s;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:30px}.steps li::before{content:counter(s);display:block;font:400 3.4rem Anton,sans-serif;color:var(--g);line-height:1;margin-bottom:14px}.steps p{color:var(--mut)}
.prices{display:grid;grid-template-columns:repeat(3,minmax(0,330px));justify-content:center;gap:28px}.pcard{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:30px}
table{width:100%;border-collapse:collapse}td{padding:14px 0;border-bottom:1px solid var(--line)}tr:last-child td{border:0}td:last-child{text-align:right;font:400 1.7rem Anton,sans-serif;white-space:nowrap}
tr.live td:last-child{color:var(--g)}.soon td{color:var(--mut)}.soon small{font-size:.75rem;border:1px solid var(--line);padding:2px 9px;border-radius:20px;margin-left:8px;white-space:nowrap}
.note{color:var(--mut);margin-top:24px}
#prices{background:#f6f6f5}#prices .prices{grid-template-columns:repeat(3,1fr);justify-content:stretch;gap:24px;align-items:stretch}
.pcard2{background:#fff;border:1px solid #e4e4e2;border-radius:14px;padding:28px;display:flex;flex-direction:column;text-align:left}
.pcard2 h3{font:500 1.15rem/1.3 Inter,sans-serif;color:#111;margin:0 0 14px;min-height:5.2em}
.pprice{font:700 2.4rem/1.1 Inter,sans-serif;color:#111}.pprice small{font-size:.95rem;font-weight:400;color:#777}
.pgst{font-size:.85rem;color:#777;margin-top:2px}.pdesc{color:#666;margin:14px 0 20px;font-size:.95rem}
.pcheck{list-style:none;margin:0 0 24px;padding:0;flex:1}.pdesc{flex:1}.pdesc strong{color:#111;font-weight:700}.pcheck li{font-size:.95rem;color:#333;padding-left:24px;position:relative;margin-bottom:12px}
.pcheck li::before{content:"\2713";position:absolute;left:0;color:#2f8f5b;font-weight:700}
.pbtn{display:block;width:100%;box-sizing:border-box;background:#111;color:#fff;text-align:center;padding:13px 16px;border-radius:8px;font-weight:600;text-decoration:none;margin-top:auto}
.pbtn:hover{background:#000;opacity:.88}
form{display:grid;grid-template-columns:1fr 1fr;gap:20px 24px}.full{grid-column:1/-1}
label{display:block;font-weight:600;font-size:1rem;margin-bottom:7px}
input,select{width:100%;font:inherit;font-size:1.05rem;padding:13px 14px;border:1px solid #c3cfc8;border-radius:10px;background:#fff;color:var(--txt)}input:focus,select:focus{outline:2px solid var(--g);border-color:var(--g)}
.check{display:flex;gap:12px;align-items:flex-start;font-weight:400;color:var(--mut)}.check input{width:22px;height:22px;margin-top:3px;flex:none;accent-color:var(--g)}
.hide{display:none}
details{border-bottom:1px solid var(--line);padding:22px 0}summary{font-weight:700;font-size:1.15rem;cursor:pointer}details p{margin-top:12px;color:var(--mut)}
.page{padding:90px 0}.page .big{font-size:clamp(3rem,8vw,5.5rem);margin-bottom:24px}
.prose h2{font-size:1.8rem;margin:40px 0 10px}.prose p,.prose li{color:var(--mut)}.prose ul{margin-left:22px}
footer{background:var(--navy);padding:40px 0;font-size:.95rem;color:#9aa7bb}footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}footer a{color:#c9d3e0;margin-right:18px}
.rv{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}
@media(max-width:820px){#prices .prices{grid-template-columns:1fr}.pcard2{min-height:0}body{font-size:18px}section{padding:64px 0}.hero{padding:40px 0 48px}.inbox{grid-template-columns:1fr}.side{display:none}.mail{padding:22px}
.steps,.prices,form{grid-template-columns:1fr}.prices{justify-content:stretch}.nav .hm{display:none}.nav{gap:12px}.nav a{font-size:.9rem}.nav .btn{padding:9px 13px}.logo{font-size:1.15rem}.ctas .btn{flex:1;text-align:center}}
.h2g{color:var(--g)}.err{background:#fdeeea;border:1px solid #f3c9bd;color:#7a2a17;padding:14px 18px;border-radius:10px;margin-bottom:22px}.hint{font-size:.9rem;color:var(--mut);margin-top:6px}.page{background:var(--bg)}.pagehead{background:var(--navy);color:#e9eef6;padding:72px 0 56px}.pagehead .big{font-size:clamp(3rem,8vw,5.5rem)}.pagehead .big .g{color:var(--neon)}
.ctacard{border:2px solid var(--g);border-radius:20px;padding:44px;background:#f6fbf8}.ctacard .sub{color:var(--mut);font-size:1.15rem;margin-bottom:28px}@media(max-width:820px){.ctacard{padding:28px 22px}}

.elogo{font-size:.8rem;letter-spacing:2px;text-transform:uppercase;font-weight:700;color:#0e6146;margin-bottom:16px}.ehero{display:block;width:100%;max-width:360px;height:auto;border-radius:12px;margin:0 auto 20px}.mail p{margin:0 0 12px}
.epair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.epair img{width:100%;height:auto;border-radius:10px;display:block}
.edet{margin:0 0 20px}.edet dt{font-size:.85rem;color:#6b7686;padding-top:9px;border-top:1px solid #e3e7ee}.edet dd{margin:0 0 9px;font-weight:700}
.esign{margin-top:20px!important;border-left:3px solid var(--g);padding-left:14px}.mfoot{text-align:center;line-height:1.5}.mfoot a{color:#14805c;text-decoration:underline}
.bsteps{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px 0 8px;counter-reset:bs;outline-offset:4px}.bsteps::-webkit-scrollbar{display:none}
.bcar{width:min(1400px,calc(100vw - 48px));margin-left:50%;transform:translateX(-50%)}
.bslide{flex:0 0 62%;margin:0;scroll-snap-align:start;counter-increment:bs}.bslide img{width:100%;height:auto;aspect-ratio:16/10;object-fit:contain;object-position:center top;background:#f4f6f5;display:block;border-radius:14px;border:1px solid var(--line)}
.bslide figcaption{margin-top:14px;color:var(--mut);font-size:1rem}.bslide figcaption::before{content:counter(bs,decimal-leading-zero);display:block;font:400 3.2rem/1 Anton,sans-serif;color:var(--g);margin-bottom:6px}
.bslide figcaption b{display:block;color:var(--txt);font-family:Anton,sans-serif;font-weight:400;font-size:1.25rem;letter-spacing:.02em;text-transform:uppercase;margin-bottom:2px}
.bnav{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:22px}.bdots{display:flex;gap:6px}
.bdots button{width:28px;height:28px;border:0;background:none;padding:0;cursor:pointer;position:relative}.bdots button::after{content:"";position:absolute;inset:9px;border-radius:50%;background:var(--line);transition:.2s}.bdots button[aria-current]::after{background:var(--g);inset:7px}
.bprev,.bnext{width:46px;height:46px;border-radius:50%;border:2px solid var(--g);background:#fff;color:var(--g);font:700 1.2rem Inter,sans-serif;cursor:pointer;transition:.15s}.bprev:hover:not(:disabled),.bnext:hover:not(:disabled){background:var(--g);color:#fff}.bprev:disabled,.bnext:disabled{opacity:.35;cursor:default}
.bnav button:focus-visible,.bsteps:focus-visible{outline:3px solid var(--neon);outline-offset:2px}
@media(prefers-reduced-motion:reduce){.bsteps{scroll-behavior:auto}.bdots button::after,.bprev,.bnext{transition:none}}
@media(max-width:1100px){.bslide{flex-basis:80%}}
@media(max-width:820px){.bslide{flex-basis:100%}.bsteps{gap:16px}.bslide figcaption::before{font-size:2.6rem}}
@media(max-width:520px){.epair{grid-template-columns:1fr}}

/* #sample compact fit */
#sample{padding:18px 0 14px}#sample h2{font-size:clamp(1.8rem,3.4vw,2.4rem);margin-bottom:12px}
#sample .inbox{grid-template-columns:200px 1fr;border-radius:14px}
#sample .side{padding:6px 0}#sample .side div{padding:8px 14px;font-size:.8rem}#sample .side b{font-size:.84rem}
#sample .mail{padding:14px 22px}#sample .mhead{padding-bottom:8px;margin-bottom:10px;font-size:.82rem}
#sample .mcols{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:8px 26px;align-items:start}
#sample .elogo{margin-bottom:8px;font-size:.7rem}
#sample .ehero{max-width:none;width:100%;height:clamp(110px,24vh,230px);object-fit:cover;margin:0 0 8px}
#sample .epair{gap:8px;margin:0}#sample .epair img{height:clamp(60px,13vh,130px);object-fit:cover}
#sample .mail h4{font-size:1.2rem;margin-bottom:4px}
#sample .mail p{margin:0 0 6px;font-size:.85rem;line-height:1.4}
#sample .edet{font-size:.82rem;margin:6px 0}
#sample .mbtn{padding:8px 18px;font-size:.88rem}
#sample .esign{margin-top:8px}
#sample .mfoot{margin-top:8px;padding-top:6px;font-size:.7rem;line-height:1.35}
#sample .note{margin-top:8px}
@media(max-width:820px){
#sample{padding:28px 0 24px}#sample h2{font-size:1.9rem}
#sample .mail{padding:14px}
#sample .mcols{grid-template-columns:1fr;gap:6px}
#sample .ehero{height:120px}#sample .epair img{height:70px}
#sample .epair{margin-bottom:8px}
#sample .mail p{font-size:.88rem}
}
@media(min-width:821px){
#sample .inbox{grid-template-columns:170px 1fr}
#sample .mcols{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:8px 22px}
#sample .edet{display:grid;grid-template-columns:auto 1fr;gap:2px 14px;line-height:1.3}#sample .edet dt,#sample .edet dd{margin:0}#sample .edet dt,#sample .edet dd{padding:5px 0;border-top:1px solid #e3e7ee;font-size:inherit}
#sample .mail p{font-size:.8rem;line-height:1.35;margin-bottom:5px}
#sample .mail h4{font-size:1.1rem}
#sample .mfoot{margin-top:6px}
}
@media(max-width:820px){
#sample{padding:20px 0 16px}#sample h2{font-size:1.6rem;margin-bottom:10px}
#sample .inbox{border-radius:12px}
#sample .mail{padding:12px}#sample .mhead{font-size:.76rem;padding-bottom:6px;margin-bottom:8px}
#sample .ehero{height:90px;margin-bottom:6px}#sample .epair img{height:52px}#sample .epair{gap:6px;margin-bottom:4px}
#sample .elogo{margin-bottom:6px}
#sample .mail h4{font-size:1.05rem}
#sample .mail p{font-size:.8rem;line-height:1.35;margin-bottom:4px}
#sample .edet{font-size:.78rem;margin:4px 0;line-height:1.3}#sample .edet dd{margin:0 0 3px}
#sample .mbtn{padding:7px 16px;font-size:.84rem}
#sample .mfoot{font-size:.66rem;margin-top:6px}
#sample .note{font-size:.85rem;margin-top:6px}
}
@media(max-width:820px){#sample .inbox{grid-template-columns:1fr}#sample .epair{grid-template-columns:1fr 1fr}#sample .mhead{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}}

/* #sample mail client frame */
#sample .inbox{grid-template-columns:150px minmax(0,1fr);grid-template-rows:auto 1fr;background:#fff;color:#1a2230;border-color:#d5dae3}
#sample .mtop{grid-column:1/-1;display:flex;align-items:center;gap:14px;padding:7px 14px;background:#f1f4f9;border-bottom:1px solid #e3e7ee;color:#5a6577}
#sample .mback{display:none}
#sample .mapp{font-weight:700;color:#1a2230;font-size:.95rem;width:122px}
#sample .msearch{flex:1;max-width:520px;display:flex;align-items:center;gap:8px;background:#e4e9f1;border-radius:20px;padding:6px 14px;font-size:.82rem;color:#6b7686}
#sample .mico{margin-left:auto;display:flex;gap:14px;align-items:center}
#sample .mav{width:26px;height:26px;border-radius:50%;background:#14805c;color:#fff;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex:none}
#sample .mnav{background:#f1f4f9;padding:8px 8px 8px 0}
#sample .mnav div{display:flex;align-items:center;gap:10px;padding:7px 12px;font-size:.82rem;color:#4a5568;border-radius:0 16px 16px 0;margin-bottom:2px}
#sample .mnav .on{background:#d9e8e1;color:#0e3d2e;font-weight:700}
#sample .mnav i{margin-left:auto;font-style:normal;font-size:.74rem}
#sample .side{padding:0;border-right:1px solid #e3e7ee;background:#fff;color:#4a5568}
#sample .side div{padding:9px 14px;border-left:0;border-bottom:1px solid #eef0f4;font-size:.76rem;color:#6b7686;display:block}
#sample .side .on{background:#e8f0fb;color:#4a5568}
#sample .side .st{display:flex;justify-content:space-between;gap:8px}
#sample .side b{font-size:.8rem;color:#1a2230;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#sample .side time{font-size:.7rem;white-space:nowrap;flex:none}
#sample .side .ss{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
#sample .mail{padding:0;min-width:0}
#sample .rhead{padding:10px 22px 8px;border-bottom:1px solid #e3e7ee}
#sample .rsub{display:flex;align-items:center;gap:10px;margin-bottom:6px}
#sample .rsub h3{font-size:1.05rem;font-weight:500;color:#1a2230;margin:0;font-family:inherit;letter-spacing:0;text-transform:none}
#sample .rfrom{display:flex;align-items:center;gap:10px;font-size:.8rem;line-height:1.3;color:#4a5568}
#sample .rfrom>div{flex:1;min-width:0}
#sample .rfrom b{color:#1a2230}
#sample .rfrom time{font-size:.74rem;color:#6b7686;align-self:flex-start}
#sample .mav.big{width:32px;height:32px;font-size:.85rem;background:#2b7a5c}
#sample .mbody{padding:12px 22px 12px}
@media(max-width:820px){
#sample .inbox{grid-template-columns:1fr;grid-template-rows:auto}
#sample .mnav,#sample .side,#sample .mapp,#sample .msearch{display:none}
#sample .mtop{padding:8px 12px;gap:12px}
#sample .mback{display:flex;color:#1a2230}
#sample .mico{margin-left:auto;gap:16px}
#sample .rhead{padding:10px 12px 8px}
#sample .rsub{flex-direction:column-reverse;align-items:flex-start;gap:4px}
#sample .rsub h3{font-size:1rem}
#sample .mbody{padding:10px 12px}
}
@media(min-width:821px) and (max-height:780px){
#sample .ehero{height:clamp(100px,19vh,230px)}#sample .epair img{height:clamp(54px,11vh,130px)}
#sample .mbody{padding:10px 22px}#sample .rhead{padding:8px 22px 6px}
}
@media(min-width:821px) and (max-height:740px){
#sample{padding:12px 0 8px}#sample h2{font-size:1.5rem;margin-bottom:8px}
#sample .mtop{padding:5px 14px}#sample .mail p{line-height:1.3;margin-bottom:4px}
#sample .edet dt,#sample .edet dd{padding:3px 0}#sample .note{margin-top:5px}
#sample .mbody{padding:8px 22px}#sample .mfoot{margin-top:4px}
}

/* #builder: Inter type, scoped so the hero and other sections keep Anton */
#builder h2{font:700 clamp(2rem,4.2vw,3rem)/1.05 Inter,system-ui,sans-serif;text-transform:none;letter-spacing:-.025em}
#builder .bslide figcaption::before{font:700 2.4rem/1 Inter,system-ui,sans-serif;letter-spacing:-.03em;text-transform:none;margin-bottom:8px}
#builder .bslide figcaption b{font:600 1.3rem/1.25 Inter,system-ui,sans-serif;letter-spacing:-.02em;text-transform:none;margin-bottom:3px}
@media(max-width:820px){#builder .bslide figcaption::before{font-size:2rem}}

/* #sample listing email (final override block) */
#sample .lst{max-width:640px;margin:0 auto;font-family:Georgia,"Times New Roman",serif;color:#3a3f45}
#sample .lw{text-align:center;font:600 .66rem Inter,system-ui,sans-serif;letter-spacing:.34em;text-transform:uppercase;color:#6b7280;padding:0 0 9px}
#sample .lgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 24px;align-items:start}
#sample .lhero{display:block;width:100%;height:clamp(150px,30vh,250px);object-fit:cover;object-position:30% 50%;border-radius:0;margin:0 0 8px}
#sample .lpair{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#sample .lpair img{display:block;width:100%;height:clamp(50px,9vh,80px);object-fit:cover;border-radius:0;margin:0}
#sample .lk{font:600 .62rem Inter,system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#8a7a5c;margin-bottom:4px}
#sample .lst h4{font:400 clamp(1.15rem,1.9vw,1.4rem)/1.2 Georgia,"Times New Roman",serif;letter-spacing:.005em;color:#14181d;margin:0 0 5px}
#sample .lp{font:400 .7rem Inter,system-ui,sans-serif;color:#7a828c;margin-bottom:8px}
#sample .lf{display:flex;font:500 .74rem Inter,system-ui,sans-serif;letter-spacing:.04em;color:#2a2f36;border-top:1px solid #e3e5e8;border-bottom:1px solid #e3e5e8;padding:6px 0;margin-bottom:9px}
#sample .lf span+span::before{content:"\00b7";margin:0 9px;color:#a0a6ae}
#sample .lst p{font:400 .8rem/1.5 Georgia,"Times New Roman",serif;color:#4a5058;margin:0 0 7px}
#sample .lo{font:500 .72rem Inter,system-ui,sans-serif;color:#2a2f36;margin-bottom:9px}
#sample .lbtn{display:inline-block;background:#14181d;color:#fff;font:600 .72rem Inter,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;padding:9px 20px;border-radius:0}
#sample .lsig{margin-top:10px;padding-top:8px;border-top:1px solid #e3e5e8;font:400 .7rem/1.45 Inter,system-ui,sans-serif;color:#6b727c}
#sample .lsig b{display:block;font:400 .95rem Georgia,"Times New Roman",serif;color:#14181d}
#sample .lfoot{margin-top:10px;padding-top:7px;border-top:1px solid #e3e5e8;font:400 .6rem/1.4 Inter,system-ui,sans-serif;color:#9aa0a8;text-align:center}
#sample .lfoot a{color:#7a828c}
@media(max-width:600px){
#sample .lgrid{grid-template-columns:1fr}
#sample .ll{margin-bottom:10px}
#sample .lhero{height:150px}
#sample .lpair img{height:80px}
#sample .lst p{font-size:.85rem}
}
/* unified section headlines */
#builder h2,#sample h2,#prices h2{font:700 clamp(2.4rem,4.5vw,3.6rem)/1.05 Inter,system-ui,sans-serif;text-transform:none;letter-spacing:-.03em;color:#0b1220;margin-bottom:20px}
#builder h2 em,#sample h2 em,#prices h2 em{font-style:normal;color:#14805c}

.pshared{text-align:center;color:#333;max-width:46em;margin:0 auto 32px;font-size:1rem;line-height:1.7}
footer{padding:64px 0 48px}footer .fgrid{display:grid;grid-template-columns:1.4fr 1fr auto;gap:40px;align-items:start}
.flogo{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:1.3rem;color:#fff!important;text-decoration:none;margin:0 0 14px!important}.flogo svg{width:26px;height:26px;flex:none}
.fbrand p{margin:0 0 4px}.fbrand a:not(.flogo){margin:0}
.flinks{display:flex;flex-direction:column;gap:10px}.flinks a{margin:0}
.fcopy{align-self:end}
@media(max-width:640px){
.btn{padding:11px 18px;font-size:.92rem;border-radius:10px}
.ctas{justify-content:center}.ctas .btn{flex:0 1 auto;min-width:150px;text-align:center}
.btn,.nav .btn{text-align:center;display:inline-flex;justify-content:center;align-items:center}
.nav .btn{padding:8px 12px;font-size:.85rem}.nav{gap:10px}.nav a{font-size:.85rem}.logo{font-size:1.05rem}
footer{padding:44px 0 36px}footer .fgrid{grid-template-columns:1fr;gap:28px}.fcopy{align-self:start}
}
@media(max-width:820px){.pcard2 h3{min-height:0}}

#prices .pcard2 h3{min-height:2.6em}
@media(max-width:820px){#prices .pcard2 h3{min-height:0}}
@media(min-width:821px){#prices .prices{grid-template-columns:repeat(4,1fr);gap:20px}}
#prices .pcard2{height:100%;box-sizing:border-box}
#prices .pcard2 h3{min-height:2.6em}
@media(max-width:640px){#prices .prices{grid-template-columns:repeat(2,1fr);gap:10px}#prices .pcard2{padding:16px 12px}#prices .pcard2 h3{font-size:.95rem;min-height:3.9em;margin-bottom:8px}#prices .pprice{font-size:1.7rem}#prices .pprice small{font-size:.75rem}#prices .pdesc{font-size:.82rem;margin:10px 0 14px}#prices .pbtn{padding:10px 8px;font-size:.85rem}}

.p3line{text-align:center;font-weight:600;color:#111;margin:6px auto 10px;font-size:1.05rem}
.p3{font-size:.9rem;color:#333;margin-top:10px}
.p3chip{display:inline-block;background:#e3f8ee;color:#0a7a4b;border-radius:20px;padding:2px 8px;font-size:.75rem;font-weight:600;margin-left:4px;white-space:nowrap}
@media(min-width:821px){#prices .pcard2{min-height:460px}}
@media(max-width:640px){#prices .p3{font-size:.78rem;margin-top:8px}#prices .p3chip{font-size:.68rem;padding:2px 6px;margin-left:0;margin-top:4px}#prices .p3line{font-size:.95rem}}
@media(max-width:640px){
header nav{gap:6px}
.nav{gap:9px}
.nav .hm{display:inline-block}
.nav a:not(.hm):not(.btn){display:none}
.nav a{font-size:.8rem}
.nav .btn{padding:7px 9px;font-size:.78rem}
.logo{font-size:.95rem;gap:5px}.logo svg{width:22px;height:22px}
}