/* Features page v16 - isolated under fx namespace */
.fx-hero,.fx-section,.fx-feature-band,.fx-strip,.fx-white-label,.fx-final{overflow:hidden}.fx-hero{background:radial-gradient(circle at 85% 30%,#d9f5f2 0,transparent 37%),linear-gradient(120deg,#f4f9ff,#fff);padding:100px 0 85px}.fx-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.fx-kicker,.fx-step{display:inline-block;color:#078f91;letter-spacing:1.6px;font-size:11px;font-weight:850}.fx-hero h1{font-size:clamp(43px,4.4vw,65px);line-height:1.07;letter-spacing:-2.7px;color:#0c2b49;margin:20px 0 24px;font-weight:850}.fx-hero h1 em{font-style:normal;color:#08a9a2}.fx-hero p,.fx-copy>p{font-size:16px;line-height:1.85;color:#60788c;max-width:600px}.fx-actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap;margin-top:28px}.fx-text-link{font-weight:750;color:#16445e;text-decoration:none}.fx-text-link:hover{color:#079c99}.fx-hero-tags{display:flex;flex-wrap:wrap;gap:10px 17px;margin-top:26px;color:#4a6a7e;font-size:11px;font-weight:700}.fx-hero-visual{position:relative;padding:30px 0 35px}.fx-dashboard,.fx-real-dashboard{border-radius:17px;background:#fff;border:1px solid #d9e7ee;overflow:hidden;box-shadow:0 28px 70px rgba(10,45,75,.17);transition:transform .4s ease,box-shadow .4s ease}.fx-dashboard:hover,.fx-real-dashboard:hover{transform:translateY(-5px);box-shadow:0 33px 80px rgba(10,45,75,.21)}.fx-browser-bar{display:flex;gap:15px;align-items:center;padding:13px 18px;background:#fff;border-bottom:1px solid #e9eef2;font-size:10px;color:#6e8496}.fx-browser-bar span{color:#fa8b83;letter-spacing:4px}.fx-browser-bar b{font-weight:700}.fx-dashboard img,.fx-real-dashboard img{display:block;width:100%;height:auto}.fx-floating-note{position:absolute;bottom:0;left:-18px;background:#fff;border-radius:12px;box-shadow:0 14px 30px rgba(10,45,75,.12);padding:13px 17px;display:flex;gap:12px;align-items:center;border:1px solid #e2eef1;animation:fx-float 6s ease-in-out infinite}.fx-floating-note>span{font-size:25px;color:#0cb5a7}.fx-floating-note strong,.fx-floating-note small{display:block}.fx-floating-note strong{font-size:12px;color:#173b54}.fx-floating-note small{font-size:10px;color:#7690a0;margin-top:3px}.fx-strip{background:#0a2b4b;color:#fff}.fx-strip-inner{display:grid;grid-template-columns:repeat(4,1fr);padding-top:25px;padding-bottom:25px;gap:20px}.fx-strip-inner>div{border-right:1px solid rgba(255,255,255,.14);padding-left:18px}.fx-strip-inner>div:last-child{border:0}.fx-strip strong,.fx-strip span{display:block}.fx-strip strong{color:#63e3d4;font-size:18px}.fx-strip span{color:#c3d6e2;font-size:11px;margin-top:4px}.fx-section{padding:90px 0}.fx-section-head{text-align:center;max-width:720px;margin:0 auto 36px}.fx-section-head h2{font-size:clamp(33px,3.6vw,49px);line-height:1.14;letter-spacing:-1.7px;color:#102f4d;margin:14px 0}.fx-section-head h2 span{color:#08a6a0}.fx-section-head p{color:#6b8192;line-height:1.75}.fx-jump{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.fx-jump a{background:#f3f9fa;border:1px solid #dce9ed;border-radius:999px;padding:11px 17px;color:#31536b;text-decoration:none;font-size:12px;font-weight:750;transition:background .2s,transform .2s}.fx-jump a:hover{background:#ddf5f1;transform:translateY(-3px)}.fx-feature-band{padding:100px 0;scroll-margin-top:80px}.fx-feature-band-alt{background:linear-gradient(120deg,#f3f9fb,#f8fbfd)}.fx-split{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.fx-reverse .fx-copy{order:2}.fx-reverse .fx-visual{order:1}.fx-copy h2{font-size:clamp(34px,3.6vw,49px);line-height:1.15;letter-spacing:-1.8px;color:#102d4a;margin:16px 0 19px}.fx-mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px 19px;margin-top:30px}.fx-mini-grid>div{padding:4px 0}.fx-mini-icon{display:grid;place-items:center;width:41px;height:41px;border-radius:11px;background:#e0f6f3;color:#099c99;font-size:23px;margin-bottom:12px}.fx-mini-grid strong,.fx-mini-grid small{display:block}.fx-mini-grid strong{font-size:14px;color:#193b56}.fx-mini-grid small{font-size:12px;color:#718597;line-height:1.6;margin-top:5px}.fx-visual{position:relative;border-radius:22px;min-height:400px;padding:38px;box-shadow:0 18px 50px rgba(22,62,91,.08);border:1px solid #e0eaf0;background:#fff}.fx-visual-label{font-size:11px;font-weight:850;letter-spacing:1.4px;color:#7090a0;margin-bottom:23px}.fx-campaign-visual{background:radial-gradient(circle at 80% 20%,#d2f8f0,transparent 45%),linear-gradient(135deg,#eff9fc,#fff)}.fx-message-card{background:#fff;border:1px solid #dcebf0;border-radius:15px;box-shadow:0 18px 40px rgba(10,48,76,.12);padding:25px;transform:rotate(-2deg);transition:transform .35s}.fx-message-card:hover{transform:rotate(0) translateY(-4px)}.fx-message-title{display:flex;gap:8px;align-items:center;color:#1a415b;font-weight:800;font-size:14px}.fx-message-title>span{color:#0aa99c}.fx-message-title b{margin-left:auto;font-size:10px;color:#0c9d93;background:#e1f7f1;border-radius:30px;padding:6px 10px}.fx-message-body{background:#f2f8fa;border-radius:10px;padding:22px;margin:22px 0;color:#46677c;font-size:14px;line-height:1.8}.fx-message-body u{color:#088f92}.fx-message-actions{display:flex;gap:10px;flex-wrap:wrap;color:#1a897e;font-size:11px;font-weight:750}.fx-tiny-card{position:absolute;right:8px;bottom:9px;background:#0a2e4f;color:#fff;border-radius:12px;padding:14px 18px;box-shadow:0 13px 25px rgba(8,35,64,.2)}.fx-tiny-card strong,.fx-tiny-card span{display:block}.fx-tiny-card strong{font-size:12px}.fx-tiny-card span{font-size:10px;color:#a9e2df;margin-top:4px}.fx-bullet-list{display:grid;gap:19px;margin-top:30px}.fx-bullet-list>div{border-left:3px solid #0bb6a7;padding-left:18px}.fx-bullet-list b,.fx-bullet-list span{display:block}.fx-bullet-list b{color:#173953;font-size:14px}.fx-bullet-list span{color:#6b8294;font-size:12px;margin-top:5px;line-height:1.6}.fx-ai-visual{padding:0;min-height:0;overflow:hidden;background:linear-gradient(135deg,#f4efff,#e9f5ff)}.fx-ai-header{background:#5b45a3;color:#fff;padding:16px 20px;font-weight:850;font-size:13px}.fx-ai-header span{color:#f4dcff;margin-right:9px}.fx-ai-header small{float:right;font-size:10px;color:#d9cffa}.fx-ai-visual img{width:100%;display:block;height:auto;max-height:410px;object-fit:contain;object-position:top}.fx-ai-fallback-copy{display:none;padding:70px 35px;text-align:center}.fx-ai-fallback .fx-ai-fallback-copy{display:block}.fx-ai-fallback-copy>span{font-size:38px;color:#8565d7}.fx-ai-fallback-copy strong{display:block;font-size:22px;color:#3a3372}.fx-ai-fallback-copy p{color:#6b658e}.fx-audience-visual{background:linear-gradient(140deg,#edf8ff,#f8fcff)}.fx-segment-card{background:#fff;border:1px solid #e1edf1;border-radius:13px;padding:15px 18px;margin-bottom:15px;box-shadow:0 10px 22px rgba(16,56,87,.05);transition:transform .25s}.fx-segment-card:hover{transform:translateX(5px)}.fx-segment-card>div:first-child{display:flex;align-items:center;gap:10px}.fx-segment-card strong{font-size:13px;color:#244b62}.fx-segment-card b{margin-left:auto;color:#0b9990;font-size:10px}.fx-segment-card small{font-size:10px;color:#8295a2}.fx-avatar{display:grid;place-items:center;width:31px;height:31px;background:#ddf7ed;color:#159b76;border-radius:9px}.fx-avatar-blue{background:#dfeeff;color:#3977b3}.fx-avatar-gold{background:#fff1d5;color:#c38c2b}.fx-progress{height:6px;border-radius:20px;background:#edf2f6;margin:13px 0 8px;overflow:hidden}.fx-progress i{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,#0aa8a2,#65d7c7)}.fx-real-dashboard{min-height:0;padding:0}.fx-white-label{padding:100px 0;background:linear-gradient(110deg,#071e3a,#0b3d55);color:#fff}.fx-white-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.fx-white-label .fx-step{color:#66e5d4}.fx-white-label h2{font-size:clamp(36px,3.9vw,54px);line-height:1.12;letter-spacing:-2px;color:#fff;margin:17px 0 21px}.fx-white-label h2 em{font-style:normal;color:#66e5d4}.fx-white-label p{color:#c5d9e7;line-height:1.8;font-size:15px}.fx-white-points{display:flex;gap:12px 20px;flex-wrap:wrap;margin:25px 0 30px;color:#e4fcf9;font-size:12px;font-weight:700}.fx-white-btn{background:#22cbb8!important;color:#052e42!important}.fx-brand-diagram{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:16px;min-height:300px;position:relative}.fx-brand-core{grid-row:1/4;background:#123e6b;border:1px solid #388eab;border-radius:18px;padding:30px 15px;text-align:center;box-shadow:0 15px 35px rgba(0,0,0,.2);animation:fx-float 7s ease-in-out infinite}.fx-brand-core span,.fx-brand-core strong,.fx-brand-core small{display:block}.fx-brand-core span{color:#65e8d6;font-size:29px}.fx-brand-core strong{font-size:20px}.fx-brand-core small{color:#b6d5e5;font-size:11px;margin-top:5px}.fx-brand-client{background:#fff;border-radius:11px;padding:17px 12px;text-align:center;color:#23506c;font-size:13px;font-weight:850;box-shadow:0 10px 25px rgba(0,0,0,.13);transition:transform .25s}.fx-brand-client:hover{transform:translateX(5px)}.fx-directory{background:#f6fafc}.fx-accordions{max-width:900px;margin:auto;display:grid;gap:12px}.fx-accordions details{background:#fff;border:1px solid #e0eaf0;border-radius:12px;box-shadow:0 6px 18px rgba(14,49,77,.035)}.fx-accordions summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:20px 24px;cursor:pointer;font-weight:800;color:#193e58}.fx-accordions summary::-webkit-details-marker{display:none}.fx-accordions summary b{font-size:24px;color:#0caaa1;font-weight:400}.fx-accordions details[open] summary b{transform:rotate(45deg)}.fx-pill-list{display:flex;gap:9px;flex-wrap:wrap;padding:0 23px 23px}.fx-pill-list span{border-radius:999px;background:#eef7f8;color:#45667a;font-size:12px;padding:9px 13px}.fx-final{padding:88px 0;background:#eaf7f7;text-align:center}.fx-final h2{font-size:clamp(36px,4vw,50px);color:#0e314d;margin:12px 0}.fx-final p{color:#627f8d;max-width:600px;margin:auto;line-height:1.75}.fx-final .fx-actions{justify-content:center}.fx-final-link{color:#1a556b;font-weight:800;text-decoration:none}@keyframes fx-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@media(max-width:980px){.fx-hero-grid,.fx-split,.fx-white-grid{gap:32px}.fx-hero h1{font-size:47px}.fx-visual{padding:24px}.fx-tiny-card{right:0}}@media(max-width:760px){.fx-hero{padding:60px 0}.fx-hero-grid,.fx-split,.fx-white-grid{grid-template-columns:1fr}.fx-hero h1{font-size:clamp(40px,8vw,54px)}.fx-reverse .fx-copy,.fx-reverse .fx-visual{order:initial}.fx-hero-visual{max-width:610px}.fx-strip-inner{grid-template-columns:repeat(2,1fr)}.fx-feature-band{padding:65px 0}.fx-section{padding:65px 0}.fx-white-label{padding:70px 0}.fx-brand-diagram{max-width:500px}.fx-visual{min-height:0}}@media(max-width:460px){.fx-hero h1{font-size:39px;letter-spacing:-1.7px}.fx-hero p,.fx-copy>p{font-size:14px}.fx-mini-grid{gap:19px 12px}.fx-mini-grid strong{font-size:12px}.fx-visual{padding:18px}.fx-ai-visual,.fx-real-dashboard{padding:0}.fx-message-card{padding:15px}.fx-message-body{padding:14px}.fx-tiny-card{position:static;margin-top:12px}.fx-strip-inner>div{padding-left:5px}.fx-floating-note{left:0}.fx-white-label h2{font-size:36px}}@media(prefers-reduced-motion:reduce){.fx-floating-note,.fx-brand-core{animation:none!important}.fx-dashboard,.fx-real-dashboard,.fx-jump a,.fx-message-card,.fx-segment-card,.fx-brand-client{transition:none!important}}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* v42: actual message status screenshot and elevated white-label client cards */
.fx-real-dashboard{overflow:hidden}.fx-real-dashboard img{display:block;width:100%;height:auto;object-fit:contain;object-position:center;max-height:none}.fx-brand-diagram{gap:15px}.fx-brand-client{position:relative;display:flex;align-items:center;gap:11px;text-align:left;padding:15px 14px;border:1px solid rgba(123,234,220,.28);border-radius:15px;background:linear-gradient(120deg,rgba(255,255,255,.99),rgba(237,251,250,.97));box-shadow:0 14px 30px rgba(0,11,31,.22),inset 0 1px 0 #fff;transition:transform .25s,box-shadow .25s,border-color .25s}.fx-brand-client:before{content:'';position:absolute;left:-15px;top:50%;width:15px;height:2px;background:linear-gradient(90deg,#2ad1c1,#a3f5e8)}.fx-brand-client:hover{transform:translateX(6px) translateY(-2px);box-shadow:0 20px 34px rgba(0,11,31,.28);border-color:#6cddcf}.fx-client-icon{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#0c9f9b,#33d4b9);color:#fff;font-size:22px;box-shadow:0 5px 12px rgba(10,155,150,.22)}.fx-brand-client-2 .fx-client-icon{background:linear-gradient(135deg,#235c9e,#54a8df)}.fx-brand-client-3 .fx-client-icon{background:linear-gradient(135deg,#8063c7,#ae8aef)}.fx-client-copy{display:flex;flex-direction:column;gap:3px;min-width:0}.fx-client-copy strong{color:#163d5b;font-size:13px;letter-spacing:.15px}.fx-client-copy small{font-size:10px;font-weight:600;color:#738b9b}.fx-client-status{margin-left:auto;display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:5px 7px;background:#e1f8ed;color:#13815f;font-size:9px;font-weight:800;white-space:nowrap}.fx-client-status i{width:6px;height:6px;border-radius:50%;background:#20bd81;box-shadow:0 0 0 3px rgba(32,189,129,.12)}@media(max-width:1100px){.fx-client-status{display:none}}@media(max-width:760px){.fx-client-status{display:inline-flex}}@media(max-width:420px){.fx-brand-client{gap:7px;padding:12px 8px}.fx-client-icon{width:31px;height:31px;flex-basis:31px;font-size:17px}.fx-client-status{display:none}}

/* v76: conversation mockup in the SMS AI Assistant feature card */
.fx-ai-visual img{width:100%;height:auto;max-height:540px;object-fit:contain;object-position:center top;background:#f5f9ff;}
.fx-ai-visual{background:#f5f9ff;}
@media(max-width:700px){.fx-ai-visual img{max-height:none;}}

/* v77: let the AI content mockup fill its entire card, including at narrow viewports */
.fx-ai-visual-v77{padding:0!important;overflow:hidden;min-width:0;background:#f5f9ff}
.fx-ai-visual-v77 img{display:block;width:100%!important;max-width:none!important;max-height:none!important;height:auto!important;object-fit:fill!important;margin:0!important;border:0;border-radius:inherit}
@media(max-width:768px){.fx-ai-visual-v77{width:100%;max-width:100%}}