/* ACS Mail Cloud public design. Account and admin screens retain their own layout. */
body.marketing-site{--brand-ink:#0a1c30;--brand-teal:#0e756b;--brand-gold:#edc382;color:var(--brand-ink);background:radial-gradient(circle at 80% 0,#dff0ec,transparent 25%),linear-gradient(180deg,#f5f9f9,#fff 40%,#f6f9f8)}
.marketing-site h1,.marketing-site h2,.marketing-site h3{letter-spacing:-.045em;text-wrap:balance}
.marketing-site p{text-wrap:pretty}
.marketing-site main{max-width:1440px;padding:0 clamp(16px,2.2vw,32px)}
.marketing-site header{max-width:1400px;margin:14px auto 0;padding:15px 24px;border:1px solid #dce6e9;border-radius:20px;background:#ffffffed;box-shadow:0 12px 36px #102f4210;backdrop-filter:blur(18px)}
.marketing-site header .brand{font-weight:800;letter-spacing:-.055em}
.marketing-site header .brand small{letter-spacing:.16em;color:#627780}
.marketing-site header nav{gap:clamp(14px,1.7vw,27px);font-size:12px}
.marketing-site header nav>a:not(.button){color:#3f5865}
.marketing-site header nav>a:not(.button):hover{color:var(--brand-teal)}
.marketing-site header nav .button{background:var(--brand-ink);color:#fff;padding:12px 18px;border-radius:11px}
.marketing-site header nav .button:hover{background:var(--brand-teal)}
.marketing-site .launch-hero{position:relative;isolation:isolate;overflow:hidden;grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);gap:clamp(26px,4vw,64px);min-height:620px;margin-top:20px;padding:clamp(38px,5vw,72px);border:1px solid #1e5160;border-radius:34px;background:radial-gradient(circle at 81% 18%,#26786775,transparent 38%),radial-gradient(circle at 14% 98%,#2b5563,transparent 46%),linear-gradient(122deg,#081a2e,#102d3d 57%,#0b3543);box-shadow:0 28px 65px #0c2c3b22}
.marketing-site .launch-hero:before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(90deg,transparent 10%,#000 92%)}
.marketing-site .launch-hero:after{content:'';position:absolute;width:min(48vw,620px);height:min(48vw,620px);right:-17%;bottom:-45%;z-index:-1;border:1px solid #ffffff2c;border-radius:50%;box-shadow:0 0 0 75px #ffffff08,0 0 0 150px #ffffff05}
.marketing-site .hero-copy{position:relative;z-index:1}
.marketing-site .pill{border:1px solid #f6d9a34d;background:#ffffff10;color:#f3ddba;padding:10px 15px;letter-spacing:.14em}
.marketing-site .pill i{background:#edc483;box-shadow:0 0 0 4px #edc48322}
.marketing-site .hero-copy h1{max-width:680px;color:#fff;font-size:clamp(44px,4.9vw,72px);line-height:1.06;letter-spacing:-.065em;margin:28px 0 24px}
.marketing-site .hero-copy em{color:var(--brand-gold)}
.marketing-site .hero-copy>p{max-width:560px;color:#d1e0e6;font-size:clamp(15px,1.3vw,18px);line-height:1.75}
.marketing-site .hero-actions{margin:30px 0 18px}
.marketing-site .hero-actions .button{background:linear-gradient(120deg,#f9dfa9,#ecc17a);color:#152432;box-shadow:0 12px 28px #050f1f32;font-weight:800;border-radius:11px}
.marketing-site .hero-actions .button:hover{background:#ffe8b7;transform:translateY(-2px);box-shadow:0 17px 32px #050f1f38}
.marketing-site .hero-secondary{color:#eff7f8}
.marketing-site .hero-secondary:hover{color:var(--brand-gold)}
.marketing-site .hero-copy>small{color:#bbd0d8;line-height:1.7}
.marketing-site .hero-proof{color:#e3eeef;gap:10px;margin-top:27px}
.marketing-site .hero-proof span{display:inline-flex;align-items:center;border:1px solid #ffffff26;border-radius:100px;background:#ffffff0d;padding:8px 12px;line-height:1.2}
.marketing-site .hero-proof span:before{color:var(--brand-gold);margin-right:5px}
.marketing-site .campaign-preview{position:relative;z-index:1;transform:rotate(1deg);border:1px solid #cddfe1;border-radius:23px;box-shadow:0 35px 75px #020b1e69,0 0 0 8px #ffffff13}
.marketing-site .mock-toolbar{background:#f6faf9;color:#183244;border-bottom:1px solid #dce7e7}
.marketing-site .mock-toolbar b{background:var(--brand-ink);color:var(--brand-gold)}
.marketing-site .mock-toolbar>span:last-child{color:#43786f;font-weight:800}
.marketing-site .mock-content{background:#fff}
.marketing-site .mock-content h3{color:#0d2737;font-size:clamp(23px,2.2vw,30px)}
.marketing-site .mock-avatar{background:#e4f1ed;color:#147469}
.marketing-site .mock-chip{background:#e8f6f1;border-color:#cbe9df;color:#186e62}
.marketing-site .mock-flow>span{background:#f8fbfa;border-color:#e3eeea;color:#117568}
.marketing-site .mock-footer{background:linear-gradient(120deg,#0e574f,#0a3444)}
.marketing-site .service-strip{margin-top:17px;padding:27px 9px;border-color:#dbe8e6}
.marketing-site .service-strip>span{color:#527269;font-weight:800}
.marketing-site .service-strip i{color:var(--brand-teal)}
.marketing-site .product-section{padding-top:100px}
.marketing-site .section-intro .eyebrow,.marketing-site .pricing-heading .eyebrow,.marketing-site .value-heading .eyebrow{color:#13776b}
.marketing-site .section-intro h2,.marketing-site .pricing-heading h2,.marketing-site .value-heading h2,.marketing-site .compare-heading h2{color:var(--brand-ink);line-height:1.1}
.marketing-site .feature-bento article{border:1px solid #dce8e7;border-radius:21px;background:#fff;box-shadow:0 14px 38px #183d4a0c}
.marketing-site .feature-bento .bento-main{background:linear-gradient(155deg,#fff,#eff7f5)}
.marketing-site .feature-bento .bento-wide{background:linear-gradient(120deg,#eff7f4,#fbfaf4)}
.marketing-site .feature-number{color:#11796c;font-weight:800}
.marketing-site .folder-demo>span{background:#fff;border-color:#dbe9e5;border-radius:11px}
.marketing-site .feature-symbol,.marketing-site .time-demo span{color:#137b6e}
.marketing-site .security-tags span{background:#fff;border:1px solid #dce9e3;color:#27685e}
.marketing-site .ses-story{margin:20px 0 40px;border-radius:28px;background:radial-gradient(circle at 0 0,#17746966,transparent 42%),linear-gradient(120deg,#102c3c,#081b2e);box-shadow:0 24px 50px #0b243420}
.marketing-site .ses-story .eyebrow,.marketing-site .ses-story li>span{color:var(--brand-gold)}
.marketing-site .ses-story p,.marketing-site .ses-story small{color:#d0e0e4}
.marketing-site .pricing-section{padding-top:68px}
.marketing-site .billing-pill{border-color:#cfdfdb;background:#f2f9f5;color:#2a6457;font-weight:700}
.marketing-site .delivery-status{border:1px solid #d7e7e0;border-left:4px solid #168575;background:#f4faf6;color:#425d5b;border-radius:13px}
.marketing-site .price-card{border:1px solid #dbe7e7;border-radius:21px;box-shadow:0 13px 38px #102f3f0b;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.marketing-site .price-card:hover{transform:translateY(-4px);border-color:#a8d4ca;box-shadow:0 20px 44px #102f3f18}
.marketing-site .price-featured{border-color:#154e50;background:linear-gradient(145deg,#0b3441,#0b2036)}
.marketing-site .price-ribbon{background:var(--brand-gold)}
.marketing-site .price-features li:before{color:#148270}
.marketing-site .price-featured .price-features li:before{color:var(--brand-gold)}
.marketing-site .unit-price{background:#ebf7f0;color:#246e5c}
.marketing-site .price-featured .unit-price{background:#ffffff18;color:#f6ddaa}
.marketing-site .pricing-tier-heading{background:linear-gradient(110deg,#edf8f3,#fdfaf1);border-color:#d8e8dd}
.marketing-site .pricing-terms-disclosure{margin:24px 0 0;padding:0 20px;border:1px solid #dce8e5;border-radius:14px;background:#fff}
.marketing-site .pricing-terms-disclosure summary{padding:16px 0;color:#235c57;font-size:13px;font-weight:800;min-height:48px}
.marketing-site .pricing-terms-disclosure[open] summary{border-bottom:1px solid #e2ece8}
.marketing-site .pricing-terms-disclosure .pricing-terms{margin:0;padding:16px 0;color:#596d74}
.marketing-site .value-calculator{background:radial-gradient(circle at 80% 0,#23796d,transparent 48%),linear-gradient(130deg,#0b2338,#0e4b52)}
.marketing-site .unit-value-wrap,.marketing-site .comparison-wrap{border-color:#dce8e5;box-shadow:0 16px 38px #183d4a0b}
.marketing-site .unit-value-table thead th,.marketing-site .comparison-table thead th{background:#eef6f3;color:#385b59}
.marketing-site .comparison-table thead th:nth-child(2),.marketing-site .comparison-table tbody td:nth-child(2){background:#edf8f3}
.marketing-site .comparison-note{background:#f3f8f5;border-color:#d8e8dd}
.marketing-site .comparison-note a{color:#146e64}
.marketing-site .why-grid article{border-color:#cbdeda}
.marketing-site .pricing-faq{background:#fff;border-color:#dce8e5;padding:clamp(25px,4vw,46px)}
.marketing-site .join-heading{padding-top:85px}
.marketing-site #access{gap:20px;align-items:stretch}
.marketing-site #access>.panel{padding:clamp(25px,3vw,42px);border:1px solid #dce8e5;border-radius:23px;background:#fff;box-shadow:0 18px 44px #102f3f0d}
.marketing-site #register{background:linear-gradient(145deg,#edf7f3,#fff 54%);border-color:#cce4db}
.marketing-site #access input:not([type=checkbox]){background:#fff;border-color:#d2e0df;border-radius:10px}
.marketing-site #access input:focus{border-color:#138572;outline:3px solid #13857227}
.marketing-site #access form>button{min-height:48px;background:#0b3b47}
.marketing-site #access form>button:hover{background:#0b7165}
.marketing-site .mobile-dock{border-color:#dae6e3;box-shadow:0 -12px 35px #0c293019}
.marketing-site .mobile-dock .dock-primary{background:#0b3b47;color:#f5d79d}
@media(hover:none){.marketing-site .price-card:hover{transform:none;box-shadow:0 13px 38px #102f3f0b}}
@media(max-width:1080px){.marketing-site .launch-hero{min-height:0;padding:clamp(34px,4vw,52px)}.marketing-site .hero-copy h1{font-size:clamp(39px,5vw,58px)}}
@media(max-width:700px){
 body.marketing-site{background:#f8faf9}
 .marketing-site main{padding:0 16px}
 .marketing-site header{position:sticky;top:8px;z-index:60;margin:8px 12px 0;padding:10px 12px;flex-wrap:nowrap;gap:8px;border-radius:16px}
 .marketing-site header .brand{gap:8px;min-width:0;font-size:16px;white-space:nowrap}
 .marketing-site header .brand small{display:none}
 .marketing-site header .brand>.brand-logo{width:40px;height:40px}
 .marketing-site header nav{flex:0 0 auto;gap:0}
 .marketing-site header nav>a:not(.button)[href^="#"]{display:none}
 .marketing-site header nav .button{padding:11px 12px;min-height:42px;font-size:11px;white-space:nowrap}
 .marketing-site .launch-hero{grid-template-columns:minmax(0,1fr);gap:25px;margin-top:12px;padding:30px 22px 24px;border-radius:25px}
 .marketing-site .launch-hero:after{width:310px;height:310px;right:-45%;bottom:0}
 .marketing-site .hero-copy h1{font-size:clamp(37px,9.4vw,50px);letter-spacing:-.055em;margin:21px 0 17px}
 .marketing-site .hero-copy>p{font-size:15px;line-height:1.7}
 .marketing-site .pill{font-size:8px;letter-spacing:.09em;padding:8px 10px}
 .marketing-site .hero-actions{display:grid;gap:14px;margin-top:24px}
 .marketing-site .hero-actions .button{min-height:52px;display:flex;align-items:center;justify-content:center}
 .marketing-site .hero-secondary{text-align:center}
 .marketing-site .hero-copy>small{font-size:11px}
 .marketing-site .hero-proof{gap:7px;margin-top:22px}
 .marketing-site .hero-proof span{font-size:10px;padding:7px 9px}
 .marketing-site .campaign-preview{transform:none;box-shadow:0 20px 40px #020b1e50;border-radius:17px}
 .marketing-site .service-strip{margin-top:8px;padding:22px 0}
 .marketing-site .service-strip>div{font-size:11px;gap:4px}
 .marketing-site .product-section{padding-top:52px}
 .marketing-site .feature-bento article{border-radius:18px}
 .marketing-site .ses-story{margin:12px 0 22px;padding:29px 24px;border-radius:22px}
 .marketing-site .pricing-section{padding-top:54px}
 .marketing-site .join-heading{padding-top:55px}
 .marketing-site #access>.panel{padding:25px 21px}
 .marketing-site .unit-value-wrap,.marketing-site .comparison-wrap{overflow:visible;border:0;background:transparent;box-shadow:none}
 .marketing-site .unit-value-table,.marketing-site .comparison-table{display:block;min-width:0;width:100%}
 .marketing-site .unit-value-table thead,.marketing-site .comparison-table thead{display:none}
 .marketing-site .unit-value-table tbody,.marketing-site .comparison-table tbody{display:grid;gap:11px}
 .marketing-site .unit-value-table tr,.marketing-site .comparison-table tr{display:grid;grid-template-columns:1fr 1fr;gap:7px 12px;padding:16px;border:1px solid #dce8e5;border-radius:15px;background:#fff;box-shadow:0 7px 20px #102f3f0a}
 .marketing-site .unit-value-table th,.marketing-site .unit-value-table td,.marketing-site .comparison-table th,.marketing-site .comparison-table td{display:block;padding:0;border:0;min-width:0}
 .marketing-site .unit-value-table tr>th{grid-column:1/-1;font-size:14px;letter-spacing:0;color:#0b2637}
 .marketing-site .unit-value-table tr>td{font-size:13px}
 .marketing-site .unit-value-table tr>td:nth-child(2):before{content:'EMAILS';display:block;color:#6a8181;font-size:9px;font-weight:800;letter-spacing:.12em}
 .marketing-site .unit-value-table tr>td:nth-child(3):before{content:'PRICE';display:block;color:#6a8181;font-size:9px;font-weight:800;letter-spacing:.12em}
 .marketing-site .unit-value-table tr>td:nth-child(4){grid-column:1/-1;color:#1b7464;font-weight:800}
 .marketing-site .unit-value-table tr>td:nth-child(4):before{content:'PRICE PER EMAIL · ';color:#6a8181;font-size:9px;letter-spacing:.07em}
 .marketing-site .unit-value-wrap>p{padding:15px 0;background:transparent;border:0}
 .marketing-site .comparison-table tr{grid-template-columns:1fr;gap:13px;padding:19px}
 .marketing-site .comparison-table tbody th{font-size:11px;letter-spacing:.1em;color:#0b6f65}
 .marketing-site .comparison-table tbody td:nth-child(2),.marketing-site .comparison-table tbody td:nth-child(3){padding:13px 15px;border-radius:10px;background:#f0f8f4}
 .marketing-site .comparison-table tbody td:nth-child(3){background:#f4f6f7}
 .marketing-site .comparison-table tbody td:nth-child(2):before,.marketing-site .comparison-table tbody td:nth-child(3):before{display:block;margin-bottom:7px;font-size:9px;letter-spacing:.14em;font-weight:800;color:#2d776d}
 .marketing-site .comparison-table tbody td:nth-child(2):before{content:'ACS MAIL CLOUD'}
 .marketing-site .comparison-table tbody td:nth-child(3):before{content:'BREVO';color:#62717a}
 .marketing-site .comparison-note{display:block}
 .marketing-site .comparison-note p,.marketing-site .comparison-note a,.marketing-site .comparison-note small{display:block;margin-top:10px}
 .marketing-site .mobile-dock{background:#fffffff5}
}
@media(max-width:360px){.marketing-site main{padding:0 12px}.marketing-site header{margin-left:8px;margin-right:8px}.marketing-site header .brand{font-size:14px}.marketing-site header .brand>.brand-logo{width:36px;height:36px}.marketing-site header nav .button{padding:10px}.marketing-site .launch-hero{padding:28px 18px 22px}.marketing-site .hero-copy h1{font-size:35px}.marketing-site .mock-chip{display:none}}
@media(prefers-reduced-motion:reduce){.marketing-site .price-card,.marketing-site .hero-actions .button{transition:none}}