@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap');
:root{--ink:#0b102b;--ink2:#121a45;--purple:#6645ff;--lav:#eeeaff;--muted:#6f7693;--line:#e9e8f1;--paper:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'Noto Sans SC',Arial,sans-serif;background:#fff}.nav{height:68px;padding:0 max(22px,calc((100% - 1180px)/2));display:flex;gap:34px;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:5;border-bottom:1px solid #eee}.brand{font-weight:800;color:#101532;text-decoration:none;white-space:nowrap}.brand-mark{color:#704aff;margin-right:7px}.nav nav{display:flex;gap:28px;margin-right:auto}.nav a{font-size:13px;text-decoration:none;color:#373c55}.nav-actions{display:flex;gap:9px;align-items:center}.ghost{border:1px solid #ded8ff;padding:8px 14px;border-radius:9px;color:#6043e9!important}.button,.outline{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:10px;padding:13px 19px;text-decoration:none;font-size:14px;font-weight:600;transition:.2s}.button{color:white;background:linear-gradient(110deg,#744cf7,#5634ed);box-shadow:0 8px 20px #5634ed44}.button:hover{transform:translateY(-2px);filter:brightness(1.08)}.small{padding:8px 13px}.outline{color:#e9e6ff;border:1px solid #555286}.section{padding:92px max(22px,calc((100% - 1180px)/2))}.section-dark{background:radial-gradient(circle at 73% 20%,#1a2160 0,#11183f 31%,#090d28 80%);color:#fff}.hero{padding-top:80px;padding-bottom:70px;display:grid;grid-template-columns:1.1fr .85fr;gap:55px;min-height:480px}.eyebrow{font-size:11px;letter-spacing:2px;color:#b5aaff;font-weight:700}.eyebrow.light{color:#7b56ff}.hero h1{font-size:49px;line-height:1.2;margin:17px 0 18px;letter-spacing:-2px}.hero h1 span{color:#8d65ff}.hero p{max-width:550px;color:#aab0cf;line-height:1.9;font-size:14px}.hero-actions{display:flex;gap:12px;align-items:center;margin-top:26px}.hero-stats{display:flex;gap:32px;margin-top:49px;padding-top:20px;border-top:1px solid #242c5d}.hero-stats b{display:block;color:#8c70ff;font-size:17px}.hero-stats small{color:#7f86ac;font-size:11px}.dashboard{background:linear-gradient(135deg,#171e4a,#15113d);border:1px solid #2e3673;border-radius:10px;padding:15px;box-shadow:20px 25px 45px #02030b55;align-self:center}.dash-top{font-size:10px;color:#aaa3d4;display:flex;gap:5px;align-items:center}.dash-top strong{margin-left:8px;font-size:11px}.dash-top i{width:7px;height:7px;background:#f15b6e;border-radius:50%}.dash-top i:nth-child(2){background:#f3b24d}.dash-top i:nth-child(3){background:#44d181}.metrics{display:flex;gap:8px;margin:18px 0}.metrics div{flex:1;background:#201c53;border-radius:8px;padding:11px}.metrics b{display:block;font-size:16px}.metrics span{display:block;font-size:9px;color:#9290bd;margin-top:4px}.panel-title{font-size:11px;font-weight:700;margin:11px 0}.panel-title em{float:right;font-style:normal;color:#9e84ff;font-weight:400}.rooms{list-style:none;padding:0;margin:0;background:#1a1d4b;border-radius:8px;font-size:10px}.rooms li{padding:9px;border-bottom:1px solid #292b5c;color:#c3c5df}.rooms li:last-child{border:0}.rooms b{float:right;color:#a889ff}.dot{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:5px}.red{background:#ff637e}.purple{background:#9f76ff}.blue{background:#55b7ff}.event-card{margin-top:11px;padding:10px;background:#241551;border-radius:8px;font-size:9px;color:#9e9abf}.event-card span{color:#c2acff}.event-card p{margin:5px 0;color:#aaa5c9;font-size:9px;line-height:1.5}.center{text-align:center;max-width:690px;margin:0 auto 34px}.center h2,.deployment h2,.cta h2{font-size:30px;margin:10px 0;letter-spacing:-1px}.center p{font-size:13px;line-height:1.8;color:var(--muted)}.tabs{display:flex;justify-content:center;gap:10px;margin:27px 0 18px}.tabs button{border:0;background:#f5f4fb;color:#777b94;border-radius:20px;padding:8px 17px;font:600 12px inherit;cursor:pointer}.tabs .active{background:#6745f8;color:white;box-shadow:0 6px 15px #6745f855}.scenario-card{border:1px solid #e6e0ff;box-shadow:0 12px 36px #261a7810;border-radius:13px;padding:25px;display:grid;grid-template-columns:1.2fr .8fr;gap:30px}.icon,.strength-grid span,.doc-grid span{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#efeaff;color:#704dff;font-size:18px}.scenario-card h3{margin:10px 0 6px;font-size:19px}.scenario-card h3 small{font-size:10px;color:#7656eb;background:#eee9ff;padding:3px 6px;border-radius:5px}.scenario-card p{font-size:12px;line-height:1.8;color:#72768c}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.two-col ul,.deployment ul{padding:0;list-style:none}.two-col li,.deployment li{font-size:12px;color:#70758d;padding:5px 0}.two-col li:before,.deployment li:before{content:'✓';color:#7753ff;margin-right:7px}.scenario-side{background:#fbfaff;padding:15px;border-radius:10px}.scenario-side p{font-size:11px;margin:11px 0}.purple-label{font-size:10px;color:#744eff}.mini{font-size:11px;padding:9px 12px;margin-top:15px}.text-link{display:block;text-align:center;color:#6745ef;text-decoration:none;font-size:12px;margin-top:20px}.strengths{padding-top:75px;padding-bottom:75px}.strengths .center p{color:#898eb6}.strength-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.strength-grid article{background:#171e49;border:1px solid #242d63;border-radius:9px;padding:22px}.strength-grid span{background:#2a2264;color:#ae9aff}.strength-grid h3{font-size:15px;margin:14px 0 8px}.strength-grid p{font-size:12px;line-height:1.8;color:#9197be}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);align-items:stretch;margin-top:36px}.pricing-grid article{border:1px solid #e4e4ed;padding:22px 18px;display:flex;flex-direction:column;gap:10px}.pricing-grid article:first-child{border-radius:10px 0 0 10px}.pricing-grid article:last-child{border-radius:0 10px 10px 0}.pricing-grid span{font:9px 'DM Mono';color:#8b6dff}.pricing-grid h3{font-size:16px;margin:4px 0}.pricing-grid p{min-height:38px;font-size:11px;color:#7a7e92;line-height:1.6}.pricing-grid b{font-size:20px;margin-top:auto}.pricing-grid b small,.pricing-grid strong small{font-size:10px;font-weight:400}.pricing-grid strong{font-size:13px}.pricing-grid .recommended{background:linear-gradient(155deg,#2d236f,#5d36dc);color:#fff;border-color:#5b3ad5}.recommended span,.recommended p{color:#d8cffb}.white{background:#fff;color:#5834d4;box-shadow:none}.purple{color:#6848e9;border-color:#ded7ff}.notice{padding:12px 15px;background:#fff9e8;color:#947b4b;border-radius:8px;font-size:11px;margin-top:17px}.deployment{display:grid;grid-template-columns:1fr .75fr;gap:80px}.deployment p{color:#a5abca;font-size:13px;line-height:1.8}.deployment li{color:#b2b8d7}.resource-cards{align-self:center}.resource-cards article{background:#181e49;border:1px solid #292f61;border-radius:9px;padding:20px;margin:12px 0}.resource-cards h3{font-size:14px;margin:0 0 11px}.resource-cards p{font-size:11px;margin:7px 0}.docs{background:#f8f8fb}.doc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.doc-grid article{background:#fff;padding:18px;border-radius:9px;border:1px solid #ececf3}.doc-grid h3{font-size:14px;margin:12px 0 6px}.doc-grid p{font-size:11px;line-height:1.7;color:#7d8094}.doc-grid a{font-size:11px;color:#6847ed;text-decoration:none}.faq-list{max-width:700px;margin:35px auto 0}.faq details{border-bottom:1px solid #ececf1;padding:14px 5px}.faq summary{cursor:pointer;list-style:none;font-size:13px;font-weight:600}.faq summary::-webkit-details-marker{display:none}.faq summary b{float:right;color:#7654f5;font-size:18px;font-weight:400}.faq details[open] summary b{transform:rotate(45deg)}.faq p{color:#73778d;font-size:12px;line-height:1.8}.cta{text-align:center;padding:78px 20px}.cta p{color:#9da4c8;font-size:13px}.cta .hero-actions{justify-content:center}.contact-line{color:#8e96bf;font-size:11px;margin-top:30px}footer{background:#080d29;color:#a4aacb;padding:43px max(22px,calc((100% - 1180px)/2)) 20px;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:30px}footer .brand{color:#fff}footer p{font-size:11px;line-height:1.7;max-width:220px}footer h4{font-size:12px;color:#fff;margin:0 0 12px}footer a{display:block;color:#a4aacb;text-decoration:none;font-size:11px;margin:7px 0}footer small{grid-column:1/-1;border-top:1px solid #1d2549;padding-top:18px;font-size:10px}
@media(max-width:800px){.nav{height:60px}.nav nav,.ghost{display:none}.hero,.deployment,.scenario-card{grid-template-columns:1fr}.hero{padding-top:55px}.hero h1{font-size:38px}.dashboard{max-width:390px}.section{padding:62px 20px}.strength-grid,.doc-grid{grid-template-columns:1fr}.pricing-grid{grid-template-columns:1fr 1fr}.pricing-grid article{border-radius:0!important}.deployment{gap:26px}.two-col{grid-template-columns:1fr}.hero-stats{gap:15px;flex-wrap:wrap}.hero-stats div{width:40%}footer{grid-template-columns:1fr 1fr}.nav-actions .button{font-size:11px;padding:8px 10px}.center h2,.deployment h2,.cta h2{font-size:26px}}@media(max-width:440px){.pricing-grid{grid-template-columns:1fr}.hero h1{font-size:33px}.hero-actions{flex-wrap:wrap}.nav{padding:0 14px;gap:10px}.nav-actions{margin-left:auto}.dashboard{padding:12px}footer{grid-template-columns:1fr 1fr}}

/* Hero layout — matches the approved desktop composition. */
:root{--hero-gutter:clamp(64px,calc(50vw - 952px),112px)}
.nav{height:106px;padding:0 var(--hero-gutter);display:grid;grid-template-columns:1fr auto 1fr;gap:32px;border-bottom:1px solid #e8e8ef;position:relative}
.brand{display:flex;align-items:center;gap:13px;font-size:20px;font-weight:800;color:#11142d}
.brand-logo{display:block;width:50px;height:50px;flex:none;border-radius:12px;object-fit:cover}
.brand-mark{display:grid;place-items:center;width:50px;height:50px;margin:0;border-radius:12px;background:radial-gradient(circle at 50% 40%,#984cff 0 10%,#3f1a95 11% 22%,#100d2d 23% 68%,#070714 69%);border:1px solid #2c215e;color:#c997ff;font-size:20px;box-shadow:inset 0 0 16px #7b45ff66}
.nav nav{margin:0;gap:43px;align-items:center}
.nav a{font-size:17px;font-weight:700;color:#575b6c}
.nav nav .active{color:#7245ff}.nav-actions{justify-self:end;gap:11px}.ghost{padding:13px 23px;border:2px solid #8755ff;border-radius:19px;color:#7043ed!important}.nav-actions .button{padding:14px 24px;border-radius:18px;font-size:16px}
.hero{min-height:calc(100vh - 132px);padding:165px var(--hero-gutter) 112px;display:grid;grid-template-columns:minmax(0,730px) minmax(0,1fr);gap:80px;align-items:start;background:radial-gradient(circle at 78% 14%,#292060 0,#10133b 38%,#060a21 80%)}
.hero-copy{max-width:730px}.hero h1{margin:0;color:#fff;font-size:clamp(54px,3.25vw,68px);line-height:1.15;letter-spacing:-4px;font-weight:800}.hero h1 span{color:#7944f5}
.hero-chips{display:flex;flex-wrap:wrap;gap:11px;margin-top:37px}.chip{display:inline-flex;align-items:center;border-radius:999px;padding:8px 16px;color:#fff;font-size:15px;line-height:1;font-weight:700;box-shadow:inset 0 1px #ffffff22}.chip-im{background:#722ae7}.chip-commerce{background:#1959df}.chip-social{background:#873be5}.chip-voice{background:#f2910b}
.hero p{max-width:660px;margin:40px 0 0;color:#a29bcf;font-size:18px;line-height:1.85}.hero .hero-note{margin-top:17px;color:#71759d;font-size:16px;line-height:1.7}.hero-actions{margin-top:58px;gap:18px}.hero-actions .button,.hero-actions .outline{min-height:64px;padding:0 30px;border-radius:26px;font-size:18px}.hero-actions .button{min-width:224px;background:linear-gradient(135deg,#8442f5,#286bf1);box-shadow:0 12px 28px #3f46ff77}.hero-actions .outline{min-width:166px;border-color:#45427b;color:#bbb7df;background:#10133a55}
.hero-stats{gap:50px;margin-top:44px;padding-top:30px;border-color:#25275f}.hero-stats div{min-width:70px}.hero-stats b{font-size:30px;color:#6946ef}.hero-stats small{margin-top:9px;font-size:15px;color:#687097}
.dashboard{width:min(100%,560px);min-height:855px;justify-self:end;align-self:start;padding:0 28px 28px;border:1px solid #3d1d7b;border-radius:24px;background:linear-gradient(155deg,#10082b 0%,#130b37 58%,#0e102d 100%);box-shadow:none;color:#e8e2ff}.dash-top{height:67px;margin:0 -28px;padding:0 28px;border-bottom:1px solid #31205b;gap:9px;font-size:0}.dash-top i{width:18px;height:18px}.dash-top strong{margin-left:13px;padding:8px 13px;border-radius:8px;background:#2d1a61;color:#756694;font-size:13px;font-weight:600}.metrics{gap:18px;margin:29px 0}.metrics div{min-height:128px;padding:21px 18px;border:1px solid #492781;border-radius:28px;background:linear-gradient(145deg,#25104e,#1f103f)}.metrics span{font-size:13px;color:#8170ab;margin:0}.metrics b{margin-top:11px;font:500 29px 'DM Mono',monospace;letter-spacing:1px}.metrics em{display:block;margin-top:9px;color:#9c75f5;font-size:13px;font-style:normal}.room-card{padding:0 24px 8px;border:1px solid #193d91;border-radius:28px;background:#12183d}.panel-title{display:flex;justify-content:space-between;align-items:center;margin:0;padding:23px 0 19px;border-bottom:1px solid #252a59;color:#8d91b7;font-size:14px}.panel-title em{float:none;padding:7px 12px;border-radius:999px;background:#6939e9;color:#fff;font-size:12px;font-weight:700}.rooms{background:transparent;border-radius:0;font-size:14px}.rooms li{display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;align-items:center;padding:17px 0;border-color:#252a59;color:#b3b1ca}.rooms b{float:none;color:#6d6b91;font-size:13px;font-weight:500}.rooms em{padding:5px 10px;border-radius:999px;background:#f7f7ff;color:#3465db;font-size:12px;font-style:normal;font-weight:700}.rooms em.orange{color:#e98515}.dot{width:9px;height:9px;margin:0}.event-card{margin-top:26px;padding:22px 24px;border:1px solid #3e1f70;border-radius:28px;background:#25134b;color:#8874a9;font-size:13px}.event-card>div{display:flex;justify-content:space-between;align-items:center;font-weight:700}.event-card>div em{padding:6px 10px;border-radius:999px;background:#46217c;color:#bba2ee;font-size:12px;font-style:normal}.event-card p{display:flex;align-items:center;gap:10px;max-width:none;margin:17px 0 0;color:#9d8dbb;font-size:13px;line-height:1.2}.event-card p i{width:17px;height:17px;flex:none;border-radius:50%;background:#5c2ba8}.event-card time{margin-left:auto;color:#6f6087;font:12px 'DM Mono',monospace}
@media(max-width:1280px){.nav{padding:0 44px;grid-template-columns:1fr auto}.nav nav{display:none}.hero{min-height:auto;padding:104px 44px;grid-template-columns:1fr;gap:64px}.dashboard{justify-self:start;min-height:0}.hero-stats{margin-top:54px}}
@media(max-width:800px){.nav{height:68px;padding:0 20px;display:flex}.brand{font-size:17px}.brand-mark{width:36px;height:36px;border-radius:10px;font-size:15px}.nav-actions .button{padding:10px 15px;border-radius:13px;font-size:13px}.hero{padding:72px 24px 64px;gap:46px}.hero h1{font-size:46px;letter-spacing:-2px}.hero-chips{margin-top:27px}.chip{padding:7px 11px;font-size:12px}.hero p{margin-top:28px;font-size:15px}.hero .hero-note{font-size:14px}.hero-actions{margin-top:38px}.hero-actions .button,.hero-actions .outline{min-height:52px;min-width:auto;padding:0 20px;border-radius:18px;font-size:15px}.hero-stats{gap:24px;margin-top:46px;padding-top:28px}.hero-stats b{font-size:24px}.hero-stats small{font-size:12px}.dashboard{width:100%;padding:0 18px 18px;border-radius:20px}.dash-top{margin:0 -18px;padding:0 18px}.metrics{gap:9px}.metrics div{min-height:104px;padding:14px 11px;border-radius:20px}.metrics b{font-size:20px}.room-card{padding:0 16px 5px;border-radius:20px}.event-card{padding:17px 16px;border-radius:20px}.rooms li{font-size:12px}.rooms em{padding:4px 7px;font-size:10px}.event-card p{font-size:11px}}

/* Product scenarios — aligned to the four supplied desktop reference states. */
.scenarios{padding:158px clamp(80px,calc(50vw - 944px),112px) 150px;background:#fff}.scenario-heading{max-width:920px;margin-bottom:83px}.scenario-heading .eyebrow{display:inline-flex;align-items:center;padding:7px 17px;border-radius:999px;background:#f1edff;font-size:15px;letter-spacing:0;color:#6a3ce5}.scenario-heading h2{margin:34px 0 19px;font-size:42px;line-height:1.2;letter-spacing:-2px}.scenario-heading p{font-size:20px;color:#73809a}.scenarios .tabs{gap:13px;margin:0 0 54px}.scenarios .tabs button{min-height:55px;padding:0 29px;border-radius:999px;background:#f1f3f8;color:#66718a;font-size:18px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s}.scenarios .tabs button small{margin-left:9px;padding:3px 8px;border-radius:6px;background:#e7e0ff;color:#8054e9;font-size:11px}.scenarios .tabs .active{color:#fff;background:linear-gradient(130deg,#6e3ef4,#1566ec);box-shadow:0 10px 20px #5e3ef05c;transform:translateY(-1px)}.scenarios .tabs .active small{background:#fff3;color:#fff}.scenario-card{min-height:484px;padding:0;grid-template-columns:1.34fr .9fr;gap:0;overflow:hidden;border:2px solid #e4d8ff;border-radius:32px;box-shadow:0 17px 36px #21115c10}.scenario-main{padding:57px 58px 46px;background:#f2f0ff}.scenario-title{display:flex;align-items:center;gap:23px}.scenario-icon{display:grid;flex:none;place-items:center;width:80px;height:80px;border-radius:22px;background:linear-gradient(135deg,#733be9,#2365eb);box-shadow:0 8px 12px #4d34a833}.scenario-icon img{width:35px;height:35px}.scenario-card h3{margin:0;font-size:34px;line-height:1.15;letter-spacing:-1.5px;color:#0b102b}.scenario-card h3 small{vertical-align:middle;margin-left:9px;border-radius:999px;padding:4px 10px;background:#6044ed;color:#fff;font-size:13px;font-weight:700}.scenario-subtitle{margin:7px 0 0!important;color:#72809b!important;font-size:19px!important;line-height:1.5!important}.scenario-description{max-width:900px;margin:31px 0 32px!important;color:#5e687e!important;font-size:18px!important;line-height:1.7!important}.scenario-features{gap:28px}.scenario-features ul{margin:0;padding:0;list-style:none}.scenario-features li{padding:7px 0;color:#59637b;font-size:17px;line-height:1.45}.scenario-features li:before{content:'✓';display:inline-grid;place-items:center;width:22px;height:22px;margin-right:14px;border-radius:50%;background:#e4dcff;color:#7c54ed;font-size:13px;font-weight:800}.scenario-side{display:flex;min-width:0;flex-direction:column;justify-content:space-between;padding:59px 56px 54px;background:#fff}.scenario-side .purple-label{display:block;color:#7544ea;font-size:14px;font-weight:800}.audience-list{margin:27px 0 0;padding:0;list-style:none}.audience-list li{display:flex;align-items:center;gap:20px;padding:12px 0;color:#536078;font-size:18px;line-height:1.35}.audience-list li:before{content:'✓';display:inline-grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:#f1eeff;color:#7e51e9;font-size:17px;font-weight:800}.scenario-cta{width:100%;min-height:57px;padding:0 27px;justify-content:flex-start;border-radius:999px;background:linear-gradient(120deg,#7b3df0,#1968ec);font-size:17px;box-shadow:0 9px 16px #4f38d84d}.scenario-cta b{margin-left:8px;font-size:24px;font-weight:500}.scenarios .text-link{margin-top:51px;color:#6d3ce7;font-size:18px;font-weight:700}.scenarios .text-link b{margin-left:8px;font-size:24px;font-weight:500}
@media(max-width:1280px){.scenarios{padding:110px 44px}.scenario-card{grid-template-columns:1.15fr .85fr}.scenario-main{padding:44px}.scenario-side{padding:44px 38px}.scenario-card h3{font-size:29px}.scenario-subtitle,.scenario-description,.scenario-features li,.audience-list li{font-size:16px}.scenario-description{margin:25px 0!important}.scenarios .tabs button{padding:0 21px;font-size:16px}}
@media(max-width:800px){.scenarios{padding:76px 20px}.scenario-heading{margin-bottom:48px}.scenario-heading h2{margin:24px 0 14px;font-size:31px}.scenario-heading p{font-size:15px}.scenarios .tabs{justify-content:flex-start;overflow:auto;margin-bottom:32px;padding:4px 2px}.scenarios .tabs button{min-height:46px;flex:none;padding:0 18px;font-size:14px}.scenarios .tabs button small{font-size:9px}.scenario-card{grid-template-columns:1fr;border-radius:24px}.scenario-main{padding:30px 24px}.scenario-side{min-height:350px;padding:33px 24px}.scenario-icon{width:58px;height:58px;border-radius:17px}.scenario-icon img{width:27px;height:27px}.scenario-title{gap:15px}.scenario-card h3{font-size:25px}.scenario-card h3 small{font-size:11px}.scenario-subtitle{font-size:14px!important}.scenario-description{margin:25px 0!important;font-size:15px!important}.scenario-features{grid-template-columns:1fr;gap:0}.scenario-features li{font-size:15px}.audience-list li{gap:12px;font-size:15px}.audience-list li:before{width:28px;height:28px}.scenarios .text-link{margin-top:31px;font-size:15px}}

/* Core strengths — matches the supplied dark three-card composition. */
.strengths{min-height:900px;padding:140px clamp(80px,calc(50vw - 944px),112px) 140px;background:radial-gradient(circle at 50% 100%,#0c285c 0,#090e2d 43%,#06081e 83%)}.strengths .center{max-width:900px;margin-bottom:84px}.strengths .center .eyebrow{display:inline-flex;padding:8px 18px;border-radius:999px;background:#251657;color:#ad9af1;font-size:15px;letter-spacing:0}.strengths .center h2{margin:35px 0 23px;color:#fff;font-size:47px;line-height:1.15;letter-spacing:-2px}.strengths .center p{margin:0;color:#8884b3;font-size:21px;line-height:1.7}.strength-grid{gap:28px}.strength-grid article{min-height:330px;padding:48px;border:2px solid #2b1b62;border-radius:25px;background:linear-gradient(145deg,#171a40,#131a42);box-shadow:none}.strength-grid .strength-icon{display:grid;place-items:center;width:70px;height:70px;border-radius:23px;background:linear-gradient(135deg,#8b30df,#5031e7);color:#fff}.strength-grid article:nth-child(2) .strength-icon{background:linear-gradient(135deg,#7537e6,#2d64f0)}.strength-grid article:nth-child(3) .strength-icon{background:#1769ea}.strength-grid .strength-icon img{width:35px;height:35px}.strength-grid h3{margin:40px 0 19px;color:#fff;font-size:29px;line-height:1.2;letter-spacing:-1px}.strength-grid p{margin:0;color:#8988b4;font-size:19px;line-height:1.7}.strength-grid>article>span:not(.strength-icon){display:none}
@media(max-width:1280px){.strengths{min-height:0;padding:105px 44px}.strengths .center h2{font-size:40px}.strength-grid article{min-height:290px;padding:35px}.strength-grid h3{font-size:25px}.strength-grid p{font-size:16px}}
@media(max-width:800px){.strengths{padding:76px 20px}.strengths .center{margin-bottom:44px}.strengths .center h2{margin:24px 0 14px;font-size:31px}.strengths .center p{font-size:15px}.strength-grid{gap:16px}.strength-grid article{min-height:0;padding:28px;border-radius:20px}.strength-grid .strength-icon{width:56px;height:56px;border-radius:18px}.strength-grid .strength-icon img{width:28px;height:28px}.strength-grid h3{margin:25px 0 12px;font-size:23px}.strength-grid p{font-size:15px}}

/* Deployment — matches the supplied split private-deployment composition. */
.deployment{min-height:1200px;padding:172px clamp(100px,calc(50vw - 924px),128px) 150px;grid-template-columns:minmax(0,.98fr) minmax(650px,.82fr);gap:110px;background:radial-gradient(circle at 78% 42%,#121c4c 0,#090d2b 41%,#060719 83%)}.deployment-copy{max-width:820px}.deployment .eyebrow{display:inline-flex;padding:8px 18px;border-radius:999px;background:#27165a;color:#b3a0ee;font-size:15px;letter-spacing:0}.deployment h2{margin:45px 0 34px;color:#fff;font-size:54px;line-height:1.32;letter-spacing:-3px}.deployment>div>p{max-width:800px;margin:0;color:#817eae;font-size:23px;line-height:1.75}.deployment ul{margin:61px 0 0;padding:0;list-style:none}.deployment-copy li{display:flex;align-items:center;padding:9px 0;color:#9997bb;font-size:19px;line-height:1.4}.deployment-copy li:before{content:'✓';display:inline-grid;place-items:center;flex:none;width:30px;height:30px;margin-right:18px;border-radius:50%;background:#2b1764;color:#c8b7ff;font-size:15px;font-weight:800}.deployment-cta{min-height:67px;margin-top:62px;padding:0 34px;border-radius:28px;background:linear-gradient(120deg,#8142f4,#1969ed);font-size:19px;box-shadow:0 14px 25px #443cff62}.deployment-cta b{margin-left:8px;font-size:25px;font-weight:500}.resource-cards{align-self:start;padding-top:0}.resource-cards article{min-height:216px;margin:0 0 26px;padding:37px 40px;border:2px solid #251651;border-radius:28px;background:linear-gradient(145deg,#171637,#131a42)}.resource-cards article:last-child{min-height:315px;margin-bottom:0}.resource-title{display:flex;align-items:center;gap:18px}.resource-title h3{margin:0;color:#fff;font-size:25px}.resource-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#2b1a64}.resource-icon img{width:23px;height:23px}.resource-cards ul{display:grid;grid-template-columns:1fr 1.15fr;column-gap:40px;row-gap:19px;margin:28px 0 0}.resource-cards li{color:#8886a7;font-size:18px;line-height:1.4}.resource-cards li:before{content:'›';margin-right:16px;color:#7452ec;font-size:25px;line-height:.7;vertical-align:-2px}
@media(max-width:1280px){.deployment{min-height:0;padding:105px 44px;grid-template-columns:1fr 1fr;gap:65px}.deployment h2{font-size:42px}.deployment>div>p{font-size:18px}.deployment-copy li,.resource-cards li{font-size:16px}.resource-cards article{padding:31px}.resource-cards ul{column-gap:20px}}
@media(max-width:800px){.deployment{padding:76px 20px;grid-template-columns:1fr;gap:46px}.deployment h2{margin:26px 0 20px;font-size:34px;letter-spacing:-2px}.deployment>div>p{font-size:16px}.deployment ul{margin-top:33px}.deployment-copy li{font-size:16px}.deployment-cta{min-height:56px;margin-top:38px;font-size:16px}.resource-cards article,.resource-cards article:last-child{min-height:0;padding:28px 24px;border-radius:20px}.resource-title h3{font-size:22px}.resource-cards ul{grid-template-columns:1fr;gap:12px;margin-top:24px}.resource-cards li{font-size:16px}}

/* Pricing — matches the supplied four-plan pricing composition. */
.pricing{min-height:1265px;padding:152px clamp(80px,calc(50vw - 944px),112px) 142px;background:#fff}.pricing .center{max-width:900px;margin-bottom:84px}.pricing .center .eyebrow{display:inline-flex;padding:8px 17px;border-radius:999px;background:#f1edff;font-size:15px;letter-spacing:0;color:#6a3ce5}.pricing .center h2{margin:35px 0 23px;font-size:47px;line-height:1.2;letter-spacing:-2px}.pricing .center p{max-width:820px;margin:0 auto;color:#72809a;font-size:20px;line-height:1.7}.pricing-grid{min-height:476px;margin:0;grid-template-columns:repeat(4,1fr);border:2px solid #e1e4ed;border-radius:25px;overflow:hidden}.pricing-grid article{min-height:472px;padding:45px 40px 38px;border:0;border-right:2px solid #e1e4ed;gap:0}.pricing-grid article:last-child{border-right:0}.pricing-grid span{font:700 14px 'DM Mono',monospace;letter-spacing:2px;color:#7259e9}.pricing-grid h3{margin:29px 0 17px;font-size:29px;line-height:1.2}.pricing-grid p{min-height:84px;margin:0;color:#77839a;font-size:18px;line-height:1.65}.price-lines{margin-top:auto;border-top:2px solid #e5e7ee;border-bottom:2px solid #e5e7ee;padding:23px 0}.price-lines div{display:flex;align-items:center;justify-content:space-between}.price-lines div+div{margin-top:17px}.price-lines em{color:#818ba1;font-size:18px;font-style:normal}.price-lines b{font-size:29px;letter-spacing:-1px}.price-lines b small{font-size:16px;font-weight:600;letter-spacing:0}.pricing-grid .outline,.pricing-grid .button{min-height:57px;margin-top:32px;border-radius:22px;font-size:17px}.pricing-grid .recommended{background:linear-gradient(155deg,#15185c,#5932d3);color:#fff;border-color:transparent}.pricing-grid .recommended span{color:#b6a5ff}.pricing-grid .recommended p{color:#c7c2e8}.pricing-grid .recommended .price-lines{border-color:#ffffff2b}.pricing-grid .recommended .price-lines em{color:#c8c0ec}.pricing-grid .white{color:#372394}.notice{margin-top:44px;padding:24px 31px;border:2px solid #f3d99a;border-radius:24px;background:#fff8e6;color:#9b7d47;font-size:17px;line-height:1.7}.notice strong{font-weight:800}.pricing-link{display:block;margin-top:39px;text-align:center;color:#6d3ce7;text-decoration:none;font-size:18px;font-weight:700}.pricing-link b{margin-left:8px;font-size:24px;font-weight:500}
@media(max-width:1280px){.pricing{min-height:0;padding:110px 44px}.pricing-grid article{padding:35px 27px}.pricing-grid h3{font-size:25px}.pricing-grid p{font-size:16px}.price-lines b{font-size:25px}}
@media(max-width:800px){.pricing{padding:76px 20px}.pricing .center{margin-bottom:45px}.pricing .center h2{margin:24px 0 14px;font-size:31px}.pricing .center p{font-size:15px}.pricing-grid{grid-template-columns:1fr;border-radius:20px}.pricing-grid article{min-height:0;padding:30px 24px;border-right:0;border-bottom:1px solid #e1e4ed}.pricing-grid article:last-child{border-bottom:0}.pricing-grid p{min-height:0}.price-lines{margin-top:25px}.notice{margin-top:25px;padding:18px;font-size:14px}.pricing-link{margin-top:28px;font-size:15px}}

/* Documentation — matches the supplied four-card documentation composition. */
.docs{min-height:886px;padding:143px clamp(80px,calc(50vw - 944px),112px) 140px;background:#f8f8fb}.docs .center{max-width:900px;margin-bottom:75px}.docs .center .eyebrow{display:inline-flex;padding:8px 17px;border-radius:999px;background:#fff;box-shadow:0 3px 5px #18152b20;font-size:15px;letter-spacing:0;color:#667089}.docs .center h2{margin:38px 0 24px;font-size:47px;line-height:1.2;letter-spacing:-2px}.docs .center p{margin:0;color:#71809b;font-size:20px;line-height:1.7}.doc-grid{gap:24px}.doc-grid article{min-height:341px;padding:37px 35px;border:2px solid #e8eaf1;border-radius:21px;background:#fff}.doc-grid .doc-icon{display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:#f0edff}.doc-grid .doc-icon img{width:34px;height:34px}.doc-grid h3{margin:39px 0 15px;color:#10152f;font-size:27px;line-height:1.2}.doc-grid p{margin:0;color:#77849b;font-size:18px;line-height:1.65}.doc-grid a{display:block;margin-top:28px;color:#7044ee;font-size:17px;font-weight:700}.doc-grid a b{margin-left:7px;font-size:23px;font-weight:500}
@media(max-width:1280px){.docs{min-height:0;padding:105px 44px}.doc-grid{gap:18px}.doc-grid article{min-height:300px;padding:30px 26px}.doc-grid h3{font-size:23px}.doc-grid p{font-size:16px}}
@media(max-width:800px){.docs{padding:76px 20px}.docs .center{margin-bottom:44px}.docs .center h2{margin:24px 0 14px;font-size:31px}.docs .center p{font-size:15px}.doc-grid{grid-template-columns:1fr;gap:16px}.doc-grid article{min-height:0;padding:28px 24px}.doc-grid .doc-icon{width:56px;height:56px}.doc-grid .doc-icon img{width:29px;height:29px}.doc-grid h3{margin:27px 0 11px;font-size:23px}.doc-grid p{font-size:15px}.doc-grid a{margin-top:20px;font-size:15px}}

/* Closing CTA and footer — matches the supplied final-page composition. */
.cta{min-height:728px;padding:120px clamp(80px,calc(50vw - 944px),112px) 110px;background:radial-gradient(circle at 50% 100%,#0c2a61 0,#0b123b 47%,#06071e 86%)}.cta .eyebrow{display:inline-flex;padding:8px 18px;border-radius:999px;background:#27165a;color:#b3a0ee;font-size:15px;letter-spacing:0}.cta h2{margin:43px 0 23px;color:#fff;font-size:51px;line-height:1.2;letter-spacing:-2px}.cta>p{margin:0;color:#918db9;font-size:20px;line-height:1.7}.cta .hero-actions{margin-top:51px;justify-content:center;gap:21px}.cta .hero-actions .button,.cta .hero-actions .outline{min-width:182px;min-height:66px;padding:0 28px;border-radius:28px;font-size:18px}.cta .hero-actions .button{background:linear-gradient(120deg,#833ff1,#176bea);box-shadow:0 14px 24px #4938e061}.cta .hero-actions .outline{border-color:#3d3b76;background:#11164066;color:#aaa7cd}.contact-line{display:flex;justify-content:center;gap:78px;max-width:640px;margin:73px auto 0;padding-top:41px;border-top:2px solid #282959;color:#9a96ba}.contact-line>div{display:flex;align-items:center;gap:17px;text-align:left}.contact-icon{display:grid;place-items:center;width:28px;height:28px;color:#9e8aff;font-size:28px}.contact-line p{margin:0;color:#77739f;font-size:15px;line-height:1.4}.contact-line strong{display:block;margin-top:6px;color:#eeeaff;font-size:18px;font-weight:700}
footer{min-height:420px;padding:73px clamp(80px,calc(50vw - 944px),112px) 31px;grid-template-columns:2.2fr 1.2fr 1.2fr 1.2fr;gap:68px;background:#071239;color:#a4aacb}footer .brand{gap:12px;font-size:20px}footer .brand-mark{width:48px;height:48px;border-radius:12px;font-size:16px}footer p{max-width:395px;margin-top:28px;font-size:17px;line-height:1.8}footer h4{margin:9px 0 24px;color:#fff;font-size:18px}footer a{margin:14px 0;color:#9a9fbd;font-size:17px}footer small{margin-top:38px;padding-top:27px;border-color:#1b2851;font-size:15px}
@media(max-width:1280px){.cta{min-height:0;padding:105px 44px}.cta h2{font-size:43px}.cta>p{font-size:18px}footer{min-height:0;padding:60px 44px;gap:38px}footer p,footer a{font-size:15px}}
@media(max-width:800px){.cta{padding:76px 20px}.cta h2{margin:25px 0 14px;font-size:33px}.cta>p{font-size:15px}.cta .hero-actions{margin-top:34px;flex-wrap:wrap}.cta .hero-actions .button,.cta .hero-actions .outline{min-height:54px;font-size:15px}.contact-line{flex-direction:column;align-items:center;gap:23px;margin-top:45px;padding-top:30px}.contact-line>div{width:250px}footer{padding:52px 24px 25px;grid-template-columns:1fr 1fr;gap:32px}footer>div:first-child{grid-column:1/-1}footer p{margin-top:20px;font-size:15px}footer h4{margin-bottom:14px;font-size:16px}footer a{margin:10px 0;font-size:14px}footer small{margin-top:16px;padding-top:20px}}

/* FAQ — matches the supplied question-list composition. */
.faq{min-height:944px;padding:144px 20px 137px;background:#fff}.faq .center{max-width:900px;margin-bottom:92px}.faq .center .eyebrow{font-size:16px;letter-spacing:2px;color:#744cff}.faq .center h2{margin:37px 0 0;font-size:47px;line-height:1.2;letter-spacing:-2px}.faq-list{max-width:1100px;margin:0 auto}.faq details{padding:0;border-bottom:2px solid #edf0f5}.faq summary{display:flex;align-items:center;min-height:94px;font-size:21px;font-weight:800;color:#11172e}.faq summary b{margin-left:auto;float:none;color:#7a4dfa;font-size:30px;font-weight:500;line-height:1;transition:transform .2s}.faq details[open] summary b{transform:rotate(180deg)}.faq p{max-width:880px;margin:0 0 26px;color:#707c93;font-size:17px;line-height:1.8}
@media(max-width:800px){.faq{min-height:0;padding:76px 20px}.faq .center{margin-bottom:45px}.faq .center h2{margin-top:24px;font-size:31px}.faq-list{max-width:none}.faq summary{min-height:70px;font-size:16px}.faq summary b{font-size:24px}.faq p{font-size:15px}}

/* Whole-page desktop calibration against the 1329 × 6261 reference. */
@media(min-width:1000px){
  :root{--hero-gutter:48px}
  .nav{height:66px;padding:0 48px;gap:26px}.brand{gap:9px;font-size:15px}.brand-logo{width:31px;height:31px;border-radius:8px}.nav nav{display:flex;gap:26px}.nav a{font-size:12px}.nav-actions .button{padding:9px 14px;border-radius:12px;font-size:12px}.ghost{display:inline-flex;padding:8px 13px;border-width:1px;border-radius:12px}
  .hero{min-height:794px;padding:220px 48px 8px;grid-template-columns:minmax(0,600px) minmax(0,1fr);gap:35px}.hero-copy{max-width:600px}.hero h1{font-size:49px;letter-spacing:-3px}.hero-chips{margin-top:25px;gap:7px}.chip{padding:7px 11px;font-size:11px}.hero p{max-width:570px;margin-top:25px;font-size:14px;line-height:1.75}.hero .hero-note{margin-top:10px;font-size:12px}.hero-actions{margin-top:31px;gap:12px}.hero-actions .button,.hero-actions .outline{min-height:48px;min-width:auto;padding:0 20px;border-radius:17px;font-size:14px}.hero-actions .button{box-shadow:0 8px 19px #3f46ff66}.hero-stats{gap:32px;margin-top:38px;padding-top:20px}.hero-stats b{font-size:20px}.hero-stats small{margin-top:5px;font-size:11px}.dashboard{width:370px;min-height:464px;padding:0 18px 18px;border-radius:17px;transform:scale(.92);transform-origin:top right;translate:clamp(0px,3vw,56px) 0}.dash-top{height:48px;margin:0 -18px;padding:0 18px}.dash-top i{width:11px;height:11px}.dash-top strong{margin-left:7px;padding:5px 8px;font-size:10px}.metrics{gap:9px;margin:18px 0}.metrics div{min-height:78px;padding:12px 10px;border-radius:17px}.metrics b{margin-top:5px;font-size:18px}.metrics em{margin-top:3px;font-size:9px}.room-card{padding:0 14px 4px;border-radius:17px}.panel-title{padding:14px 0 11px;font-size:10px}.panel-title em{padding:4px 7px;font-size:9px}.rooms li{padding:10px 0;font-size:10px}.rooms em{padding:3px 6px;font-size:9px}.rooms b{font-size:9px}.event-card{margin-top:15px;padding:13px 14px;border-radius:17px;font-size:10px}.event-card p{margin-top:10px;font-size:10px}
  .scenarios{min-height:680px;padding:74px 48px 62px}.scenario-heading{margin-bottom:37px}.scenario-heading .eyebrow{padding:5px 12px;font-size:11px}.scenario-heading h2{margin:18px 0 10px;font-size:29px;letter-spacing:-1px}.scenario-heading p{font-size:13px}.scenarios .tabs{gap:7px;margin-bottom:27px}.scenarios .tabs button{min-height:36px;padding:0 14px;font-size:12px}.scenarios .tabs button small{margin-left:5px;padding:2px 5px;font-size:8px}.scenario-card{min-height:262px;border-radius:14px}.scenario-main{padding:24px 26px}.scenario-title{gap:12px}.scenario-icon{width:45px;height:45px;border-radius:12px}.scenario-icon img{width:22px;height:22px}.scenario-card h3{font-size:20px;letter-spacing:-1px}.scenario-card h3 small{margin-left:5px;padding:3px 6px;font-size:9px}.scenario-subtitle{margin-top:3px!important;font-size:12px!important}.scenario-description{margin:16px 0 13px!important;font-size:12px!important;line-height:1.55!important}.scenario-features{gap:15px}.scenario-features li{padding:3px 0;font-size:11px}.scenario-features li:before{width:15px;height:15px;margin-right:8px;font-size:9px}.scenario-side{padding:29px 27px}.scenario-side .purple-label{font-size:10px}.audience-list{margin-top:12px}.audience-list li{gap:9px;padding:5px 0;font-size:11px}.audience-list li:before{width:19px;height:19px;font-size:10px}.scenario-cta{min-height:37px;padding:0 14px;font-size:11px;box-shadow:0 6px 12px #4f38d84d}.scenario-cta b{font-size:16px}.scenarios .text-link{margin-top:20px;font-size:11px}.scenarios .text-link b{font-size:16px}
  .strengths{min-height:700px;padding:82px 48px;background:radial-gradient(circle at 50% 100%,#0c285c 0,#090e2d 43%,#06081e 83%)}.strengths .center{margin-bottom:42px}.strengths .center .eyebrow{padding:5px 12px;font-size:11px}.strengths .center h2{margin:19px 0 10px;font-size:29px}.strengths .center p{font-size:13px}.strength-grid{gap:14px}.strength-grid article{min-height:178px;padding:21px;border-radius:12px}.strength-grid .strength-icon{width:34px;height:34px;border-radius:10px}.strength-grid .strength-icon img{width:18px;height:18px}.strength-grid h3{margin:20px 0 9px;font-size:15px}.strength-grid p{font-size:11px;line-height:1.7}
  .pricing{min-height:780px;padding:72px 48px 60px}.pricing .center{margin-bottom:38px}.pricing .center .eyebrow{padding:5px 12px;font-size:11px}.pricing .center h2{margin:19px 0 10px;font-size:29px}.pricing .center p{font-size:13px}.pricing-grid{min-height:0;border-radius:12px}.pricing-grid article{min-height:292px;padding:19px 18px 16px}.pricing-grid span{font-size:8px;letter-spacing:1px}.pricing-grid h3{margin:13px 0 7px;font-size:16px}.pricing-grid p{min-height:48px;font-size:10px}.price-lines{padding:11px 0}.price-lines div+div{margin-top:8px}.price-lines em{font-size:10px}.price-lines b{font-size:16px}.price-lines b small{font-size:10px}.pricing-grid .outline,.pricing-grid .button{min-height:32px;margin-top:13px;border-radius:12px;font-size:10px}.notice{margin-top:18px;padding:11px 15px;border-radius:9px;font-size:10px}.pricing-link{margin-top:17px;font-size:10px}.pricing-link b{font-size:15px}
  .deployment{min-height:735px;padding:73px 48px 60px;grid-template-columns:minmax(0,.9fr) minmax(400px,.8fr);gap:62px}.deployment .eyebrow{padding:5px 12px;font-size:11px}.deployment h2{margin:20px 0 16px;font-size:31px;letter-spacing:-2px}.deployment>div>p{font-size:13px}.deployment ul{margin-top:28px}.deployment-copy li{padding:4px 0;font-size:11px}.deployment-copy li:before{width:17px;height:17px;margin-right:9px;font-size:9px}.deployment-cta{min-height:36px;margin-top:26px;padding:0 16px;border-radius:16px;font-size:11px}.deployment-cta b{font-size:16px}.resource-cards article{min-height:126px;margin-bottom:13px;padding:19px 20px;border-radius:12px}.resource-cards article:last-child{min-height:185px}.resource-title{gap:9px}.resource-title h3{font-size:14px}.resource-icon{width:23px;height:23px}.resource-icon img{width:14px;height:14px}.resource-cards ul{column-gap:20px;row-gap:8px;margin-top:13px}.resource-cards li{font-size:11px}.resource-cards li:before{margin-right:7px;font-size:15px}
  .docs{min-height:685px;padding:74px 48px 55px}.docs .center{margin-bottom:41px}.docs .center .eyebrow{padding:5px 12px;font-size:11px}.docs .center h2{margin:19px 0 10px;font-size:29px}.docs .center p{font-size:13px}.doc-grid{gap:12px}.doc-grid article{min-height:174px;padding:19px 18px;border-radius:10px}.doc-grid .doc-icon{width:32px;height:32px}.doc-grid .doc-icon img{width:18px;height:18px}.doc-grid h3{margin:16px 0 6px;font-size:14px}.doc-grid p{font-size:10px}.doc-grid a{margin-top:10px;font-size:10px}.doc-grid a b{font-size:14px}
  .faq{min-height:700px;padding:75px 20px 55px}.faq .center{margin-bottom:41px}.faq .center .eyebrow{font-size:11px}.faq .center h2{margin-top:19px;font-size:29px}.faq-list{max-width:700px}.faq summary{min-height:57px;font-size:12px}.faq summary b{font-size:18px}.faq p{margin-bottom:14px;font-size:11px}
  .cta{min-height:555px;padding:72px 48px 60px}.cta .eyebrow{padding:5px 12px;font-size:11px}.cta h2{margin:20px 0 10px;font-size:29px}.cta>p{font-size:13px}.cta .hero-actions{margin-top:29px;gap:12px}.cta .hero-actions .button,.cta .hero-actions .outline{min-width:128px;min-height:38px;padding:0 15px;border-radius:16px;font-size:11px}.contact-line{gap:39px;max-width:430px;margin-top:36px;padding-top:20px}.contact-icon{width:18px;height:18px;font-size:18px}.contact-line>div{gap:9px}.contact-line p{font-size:10px}.contact-line strong{margin-top:3px;font-size:12px}
  footer{min-height:559px;padding:58px 48px 23px;gap:42px}.brand-logo{width:28px;height:28px;border-radius:7px}footer .brand{font-size:14px}footer p{max-width:260px;margin-top:18px;font-size:11px}footer h4{margin:6px 0 14px;font-size:12px}footer a{margin:9px 0;font-size:11px}footer small{margin-top:21px;padding-top:17px;font-size:10px}
}

/* Product navigation popover: the trigger remains an anchor to the homepage
   product section; the individual rows lead to each full product page. */
.product-nav-menu {
  position: relative;
  display: flex;
  align-items: center;
}

/* Keep the pointer inside the menu while it travels across the visual gap
   between the navigation label and the popover. */
.product-nav-menu::after {
  position: absolute;
  top: 100%;
  left: -12px;
  width: calc(100% + 24px);
  height: 12px;
  content: '';
}

.nav .product-nav-menu > .nav-product-trigger {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
  font: inherit;
}

/* Product detail pages mark the product entry as the current navigation item.
   This selector intentionally outranks the trigger's inherited base color. */
.nav .product-nav-menu > .nav-product-trigger.active {
  color: #7245ff;
}

.nav .product-nav-menu > .nav-product-trigger:focus-visible {
  outline: 2px solid #7654f5;
  outline-offset: 5px;
  border-radius: 4px;
}

.product-dropdown {
  position: absolute;
  top: calc(100% + 10px);
  left: 50%;
  z-index: 130;
  display: grid;
  width: min(360px, calc(100vw - 32px));
  padding: 14px 16px 16px;
  border: 1px solid #dedfe9;
  border-radius: 15px;
  background: #fff;
  box-shadow: 0 18px 42px rgb(14 17 49 / 18%);
  opacity: 0;
  pointer-events: none;
  transform: translateX(-50%) translateY(-8px);
  transition: opacity 180ms ease, transform 180ms ease;
}

.product-nav-menu.is-open .product-dropdown,
.product-nav-menu:hover .product-dropdown,
.product-nav-menu:focus-within .product-dropdown {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}

.product-dropdown-title {
  margin: 0 0 8px;
  color: #68718a;
  font-size: 12px;
  font-weight: 800;
}

.nav .product-dropdown-item {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 10px;
  align-items: center;
  margin: 0;
  padding: 6px 0;
  color: #151a35;
  text-decoration: none;
}

.nav .product-dropdown-item + .product-dropdown-item {
  margin-top: 1px;
}

.nav .product-dropdown-item:hover strong,
.nav .product-dropdown-item:focus-visible strong {
  color: #6842ea;
}

.product-dropdown-icon {
  display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  border-radius: 11px;
}

.product-dropdown-icon img {
  width: 20px;
  height: 20px;
}

.product-dropdown-icon-im,
.product-dropdown-icon-social { background: #f1ebff; }
.product-dropdown-icon-commerce { background: #eaf1ff; }
.product-dropdown-icon-voice { background: #fff3e7; }

.product-dropdown-item strong {
  display: block;
  color: #12162e;
  font-size: 16px;
  line-height: 1.15;
  letter-spacing: -.5px;
}

.product-dropdown-item small {
  display: block;
  margin-top: 2px;
  color: #6d7892;
  font-size: 10px;
  line-height: 1.35;
  font-weight: 600;
}

@media (max-width: 999px) {
  .product-dropdown { display: none; }
}

/* Reference-detail pass: bridge card, billing selector and contact cards. */
.hero-bridge { position: relative; z-index: 3; height: 0; }
.hero-bridge > div { position: absolute; left: calc(50% + 72px); bottom: -29px; display: grid; grid-template-columns: 30px auto; column-gap: 8px; align-items: center; width: 120px; min-height: 52px; padding: 8px 10px; border: 1px solid #dcd4ff; border-radius: 12px 12px 0 0; background: #fff; box-shadow: 0 -4px 18px rgb(80 57 180 / 12%); transform: translateX(-50%); }
.hero-bridge span { display: grid; width: 28px; height: 28px; place-items: center; grid-row: span 2; border-radius: 8px; background: linear-gradient(135deg, #7545f2, #2b6ff1); }
.hero-bridge img { width: 16px; height: 16px; filter: brightness(0) invert(1); }
.hero-bridge strong { color: #182040; font-size: 10px; line-height: 1.1; }
.hero-bridge small { color: #77819a; font-size: 8px; line-height: 1.1; }

.pricing-billing { display: flex; width: fit-content; margin: 0 auto 20px; padding: 3px; border-radius: 8px; background: #f2f4f9; }
.pricing-billing button { min-width: 64px; border: 0; border-radius: 6px; padding: 5px 10px; background: transparent; color: #76809a; font: 700 10px inherit; cursor: pointer; }
.pricing-billing button.active { background: #fff; color: #663eea; box-shadow: 0 1px 4px rgb(40 45 90 / 12%); }
.pricing-billing small { margin-left: 3px; color: #21a775; font-size: 8px; }
.pricing-table-head { display: grid; grid-template-columns: 135px 110px minmax(0, 1fr) 92px; gap: 16px; padding: 0 16px 7px; color: #8790a5; font-size: 9px; font-weight: 700; }
.pricing[data-billing="year"] .price-lines div:first-child:not(:last-child) { display: none; }
.pricing[data-billing="year"] .price-lines div + div { display: flex; }
.pricing[data-billing="month"] .price-lines div + div { display: none; }

.cta-contact-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: min(100%, 520px); gap: 16px; margin: 32px auto 0; }
.cta-contact-cards article { display: grid; justify-items: center; min-height: 160px; padding: 19px 16px; border: 1px solid #2b3167; border-radius: 12px; background: linear-gradient(145deg, rgb(31 39 88 / 96%), rgb(22 27 66 / 96%)); box-shadow: 0 12px 28px rgb(3 4 23 / 20%); }
.cta-contact-cards img { width: 27px; height: 27px; margin-bottom: 8px; }
.cta-contact-cards span { color: #9098c0; font-size: 10px; }
.cta-contact-cards strong { margin-top: 5px; color: #fff; font-size: 15px; letter-spacing: .2px; }
.cta-contact-cards small { margin-top: 6px; color: #747fa8; font-size: 9px; }
.cta-contact-cards button { margin-top: 10px; border: 0; border-radius: 6px; padding: 5px 10px; background: linear-gradient(120deg, #7a42f4, #2d6aee); color: #fff; font: 700 9px inherit; cursor: pointer; }
.cta-assist { width: fit-content; max-width: calc(100% - 40px); margin: 18px auto 0 !important; padding: 8px 14px; border: 1px solid #31376d; border-radius: 8px; background: rgb(28 35 78 / 67%); color: #8b94ba !important; font-size: 10px !important; line-height: 1.5 !important; }
.copy-status { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }

@media (min-width: 1000px) {
  .pricing-billing { margin-bottom: 18px; }
  .cta { min-height: 505px; padding-top: 62px; padding-bottom: 52px; }
  .cta h2 { margin: 17px 0 9px; }
  .cta > p { font-size: 12px; line-height: 1.7; }
  .cta-contact-cards { margin-top: 28px; }
}

@media (max-width: 999px) {
  .hero-bridge { display: none; }
  .pricing-table-head { display: none; }
  .pricing-billing { margin-top: 18px; }
  .cta-contact-cards { width: min(100%, 460px); }
}

@media (max-width: 560px) {
  .cta-contact-cards { grid-template-columns: 1fr; }
  .pricing-billing button { min-width: 58px; }
}

@media (min-width: 1000px) {
  .nav { grid-template-columns: 1fr auto 1fr; }
  .nav nav { margin-right: 0; justify-self: center; }
  .nav-actions { justify-self: end; }
}

footer .company-name {
  margin-top: 9px;
  color: #d1c9ff;
  font-size: 12px;
  font-weight: 600;
}

/* ECRMLive official-site refresh — homepage only. */
.ecrm-home { color: #17213d; background: #fff; }
.ecrm-home * { box-sizing: border-box; }
.ecrm-container { width: min(1180px, calc(100% - 48px)); margin: 0 auto; }
.site-header { position: sticky; top: 0; z-index: 100; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; min-height: 76px; padding: 0 max(24px, calc((100% - 1180px) / 2)); border-bottom: 1px solid rgb(17 26 59 / 8%); background: rgb(255 255 255 / 88%); backdrop-filter: blur(18px); }
.site-logo { display: inline-flex; width: 156px; align-items: center; }
.site-logo img { width: 100%; height: auto; display: block; }
.site-header nav { display: flex; gap: 31px; align-items: center; }
.site-header nav a { color: #5b6380; font-size: 14px; font-weight: 600; text-decoration: none; transition: color .2s ease; }
.site-header nav a:hover, .site-header nav .is-active { color: #2968e8; }
.header-cta { justify-self: end; display: inline-flex; gap: 11px; align-items: center; padding: 10px 14px 10px 17px; border-radius: 10px; background: #172451; color: #fff; font-size: 13px; font-weight: 700; text-decoration: none; }
.header-cta span { display: grid; width: 20px; height: 20px; place-items: center; border-radius: 6px; background: #397bf2; }
.ecrm-hero { position: relative; overflow: hidden; min-height: 640px; padding: 90px 0 76px; color: #fff; background: radial-gradient(circle at 80% 20%, #2d82f0 0, transparent 25%), linear-gradient(125deg, #071331 0%, #111f50 52%, #102b61 100%); }
.hero-layout { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, .92fr) minmax(420px, .8fr); gap: 54px; align-items: center; }
.hero-orb { position: absolute; border-radius: 999px; pointer-events: none; filter: blur(1px); }
.orb-one { width: 480px; height: 480px; right: -170px; bottom: -220px; background: #6a48ff66; }
.orb-two { width: 300px; height: 300px; left: 37%; top: -180px; border: 1px solid #8aa7ff22; }
.section-kicker { margin: 0; color: #568cf5; font-family: 'DM Mono', monospace; font-size: 11px; font-weight: 700; letter-spacing: 1.45px; }
.hero-copy-new h1 { margin: 17px 0 22px; color: #fff; font-size: clamp(45px, 5vw, 69px); line-height: 1.08; letter-spacing: -3px; }
.hero-copy-new h1 em { color: #8bbbff; font-style: normal; }
.hero-lead { max-width: 505px; margin: 0; color: #b8c6e8; font-size: 17px; line-height: 1.8; }
.hero-buttons { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; }
.primary-button, .secondary-button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; gap: 14px; padding: 0 21px; border-radius: 10px; font-size: 14px; font-weight: 700; text-decoration: none; }
.primary-button { color: #fff; background: #3378ee; box-shadow: 0 14px 25px #06173855; }
.primary-button span { font-size: 19px; line-height: 1; }
.secondary-button { border: 1px solid #7282ad; color: #e0e8ff; }
.hero-trust { display: flex; gap: 14px; align-items: center; margin-top: 47px; color: #91a2ca; font-size: 12px; }
.hero-trust i { width: 3px; height: 3px; border-radius: 50%; background: #6c7caa; }
.hero-visual { position: relative; min-height: 440px; }
.live-window { position: absolute; inset: 20px 18px 0 20px; overflow: hidden; border: 1px solid #7194d080; border-radius: 18px; background: #fff; box-shadow: 0 30px 70px #02081780; color: #15254d; transform: rotate(1.3deg); }
.window-top { display: flex; height: 52px; align-items: center; gap: 6px; padding: 0 18px; background: #f9fbff; }
.window-top > span { width: 8px; height: 8px; border-radius: 50%; background: #d7e0f2; }.window-top b { margin-left: 9px; font-size: 12px; }.window-top small { margin-left: auto; color: #f04762; font: 700 10px 'DM Mono', monospace; }
.stream-gradient { position: relative; height: 273px; overflow: hidden; padding: 22px; background: radial-gradient(circle at 65% 24%, #f6b5a0 0, transparent 19%), radial-gradient(circle at 32% 82%, #516ae4 0, transparent 35%), linear-gradient(135deg, #16226a, #e26f81 130%); }
.stream-gradient::after { position: absolute; right: -25px; bottom: -42px; width: 235px; height: 235px; border-radius: 50%; background: #fed8b080; content: ''; }
.stream-label { width: fit-content; padding: 5px 9px; border-radius: 5px; background: #f04461; color: #fff; font-size: 10px; font-weight: 800; }
.stream-product { position: absolute; bottom: 24px; left: 25px; z-index: 1; display: grid; gap: 4px; color: #fff; }.stream-product span { font-size: 11px; opacity: .88; }.stream-product b { font-size: 25px; letter-spacing: -1px; }.stream-product small { color: #e4eaff; font-size: 11px; }
.chat-bubble { position: absolute; z-index: 2; padding: 8px 11px; border-radius: 9px; background: #fffffff2; color: #405071; font-size: 10px; font-weight: 600; box-shadow: 0 8px 16px #15245a32; }.bubble-a { right: 22px; top: 77px; }.bubble-b { right: 42px; top: 124px; color: #1a865e; }
.live-bottom { display: grid; grid-template-columns: 1fr 1fr auto; align-items: center; height: 93px; gap: 19px; padding: 0 20px; }.live-bottom small, .floating-card small { display: block; color: #8290ad; font-size: 10px; }.live-bottom b { display: block; margin-top: 5px; font-size: 17px; }.live-bottom button { border: 0; border-radius: 6px; padding: 8px 11px; color: #27845d; background: #dcf4e9; font-size: 10px; font-weight: 700; }
.floating-card { position: absolute; z-index: 2; display: flex; gap: 10px; align-items: center; padding: 12px 16px; border: 1px solid #ffffff80; border-radius: 12px; background: #ffffffeb; color: #1d2c55; box-shadow: 0 20px 35px #03123855; }.floating-card b { display: block; margin-top: 3px; font-size: 12px; }.mini-icon { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 8px; background: #eaf2ff; color: #3679e8; font-size: 18px; }.store-card { left: -24px; top: 92px; }.commerce-card { right: -14px; bottom: 39px; }
.product-intro, .opensource-new { padding: 110px 0; }.section-heading-new { max-width: 670px; }.section-heading-new h2, .pricing-new h2, .business-new h2 { margin: 14px 0; color: #162141; font-size: clamp(32px, 3.5vw, 46px); line-height: 1.2; letter-spacing: -1.7px; }.section-heading-new > p:last-child { margin: 0; color: #77829a; font-size: 15px; line-height: 1.8; }
.product-grid-new { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 48px; }.product-card-new { position: relative; display: flex; min-height: 530px; flex-direction: column; padding: 25px; overflow: hidden; border: 1px solid #e2e8f4; border-radius: 16px; background: #fff; transition: transform .25s ease, box-shadow .25s ease; }.product-card-new:hover { transform: translateY(-5px); box-shadow: 0 22px 48px #17235314; }.merchant-card { background: linear-gradient(150deg, #f5f8ff, #fff 60%); }.im-card { background: linear-gradient(150deg, #f9f7ff, #fff 60%); }.card-topline { display: flex; justify-content: space-between; align-items: center; color: #8090ad; font: 700 10px 'DM Mono', monospace; }.card-topline b { padding: 5px 7px; border-radius: 5px; color: #2876dc; background: #e8f2ff; font: 700 9px 'Noto Sans SC', sans-serif; }.merchant-card .card-topline b { color: #6d4fd7; background: #eee9ff; }.im-card .card-topline b { color: #187c71; background: #e2f7f1; }.product-symbol { display: grid; width: 47px; height: 47px; margin-top: 37px; place-items: center; border-radius: 14px; color: #2d77e8; background: #eaf2ff; font-size: 28px; }.merchant-card .product-symbol { color: #6e4ed3; background: #eee9ff; }.im-card .product-symbol { color: #198d82; background: #e2f7f1; }.product-card-new h3 { margin: 19px 0 12px; color: #172345; font-size: 25px; line-height: 1.33; letter-spacing: -1px; }.product-card-new > p { min-height: 77px; margin: 0; color: #71809c; font-size: 13px; line-height: 1.78; }.product-card-new ul { flex: 1; margin: 19px 0; padding: 0; list-style: none; }.product-card-new li { position: relative; margin: 8px 0; padding-left: 17px; color: #425170; font-size: 12px; }.product-card-new li::before { position: absolute; left: 0; color: #3779ed; content: '•'; }.product-links { display: flex; flex-wrap: wrap; gap: 7px; }.product-links a { padding: 6px 8px; border-radius: 6px; color: #47638e; background: #f2f6fc; font-size: 10px; font-weight: 700; text-decoration: none; }.product-links span { color: #3077e6; }.card-arrow { display: flex; justify-content: space-between; margin-top: 15px; padding-top: 15px; border-top: 1px solid #e5ebf4; color: #1d4fa7; font-size: 13px; font-weight: 800; text-decoration: none; }
.capability-band { padding: 78px 0; color: #fff; background: #111f47; }.capability-band .ecrm-container { display: grid; grid-template-columns: 1fr 1.1fr; gap: 80px; align-items: center; }.capability-band .section-kicker { color: #81a9ff; }.capability-band h2 { margin: 12px 0 0; color: #fff; font-size: 34px; line-height: 1.35; letter-spacing: -1px; }.capability-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 33px; }.capability-list span { padding: 19px 0; border-bottom: 1px solid #ffffff22; color: #d8e1f9; font-size: 14px; }.capability-list b { margin-right: 11px; color: #6d99f7; font: 11px 'DM Mono', monospace; }
.pricing-new { padding: 112px 0; background: #f5f8fc; }.pricing-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 100px; align-items: center; }.pricing-new h2 { margin-top: 13px; }.pricing-new p:not(.section-kicker) { max-width: 470px; margin: 0 0 26px; color: #758099; font-size: 15px; line-height: 1.85; }.pricing-points { border-top: 1px solid #dce4f0; }.pricing-points article { display: flex; gap: 23px; padding: 21px 0; border-bottom: 1px solid #dce4f0; }.pricing-points b { color: #4382ed; font: 13px 'DM Mono', monospace; }.pricing-points h3 { margin: 0 0 5px; font-size: 17px; }.pricing-points p { margin: 0 !important; font-size: 12px !important; line-height: 1.6 !important; }
.business-new { padding: 92px 0; background: #fff; }.business-panel { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; padding: 61px 68px; border-radius: 22px; color: #fff; background: radial-gradient(circle at 85% 20%, #326bc6 0, transparent 28%), #13224d; }.business-panel h2 { color: #fff; }.business-panel > div > p:last-child { max-width: 470px; margin: 0; color: #b3c0df; font-size: 14px; line-height: 1.75; }.business-options { align-self: center; }.business-options a { display: flex; justify-content: space-between; align-items: center; padding: 17px 0; border-bottom: 1px solid #ffffff25; color: #f1f5ff; font-size: 15px; font-weight: 600; text-decoration: none; }.business-options b { display: grid; width: 25px; height: 25px; place-items: center; border-radius: 7px; background: #397aee; }
.opensource-new { background: #fff; }.repo-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 43px; }.repo-grid a { display: grid; min-height: 122px; align-content: space-between; padding: 18px; border: 1px solid #e3e9f3; border-radius: 12px; color: #1d2c4f; text-decoration: none; transition: border-color .2s, transform .2s; }.repo-grid a:hover { transform: translateY(-3px); border-color: #8eb7f6; }.repo-grid b { font-size: 14px; }.repo-grid span { display: flex; justify-content: space-between; color: #7786a1; font-size: 11px; }.repo-grid i { color: #3176e7; font-size: 16px; font-style: normal; }
.ecrm-home footer { padding: 64px 0 21px; background: #0c1734; }.footer-new { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: 45px; }.footer-logo { width: 152px; filter: brightness(0) invert(1); }.footer-new > div > p { margin: 18px 0 0; color: #8997ba; font-size: 12px; line-height: 1.7; }.footer-new > div:not(:first-child) { display: grid; align-content: start; gap: 10px; }.footer-new > div:not(:first-child) p { margin: 0 0 4px; color: #fff; font-size: 13px; font-weight: 700; }.footer-new a { color: #98a6c8; font-size: 12px; text-decoration: none; }.footer-bottom { display: flex; justify-content: space-between; margin-top: 50px; padding-top: 17px; border-top: 1px solid #ffffff18; color: #647392; font-size: 11px; }
@media (max-width: 900px) { .site-header { grid-template-columns: 1fr auto; min-height: 64px; }.site-header nav { display: none; }.site-logo { width: 137px; }.hero-layout, .pricing-layout, .business-panel, .capability-band .ecrm-container { grid-template-columns: 1fr; gap: 38px; }.ecrm-hero { padding-top: 68px; }.hero-visual { min-height: 385px; max-width: 500px; width: 95%; margin: 0 auto; }.product-grid-new, .repo-grid { grid-template-columns: 1fr; }.product-card-new { min-height: auto; }.product-card-new > p { min-height: 0; }.capability-band { padding: 63px 0; }.business-panel { padding: 42px 30px; }.footer-new { grid-template-columns: 1fr 1fr; }.footer-new > div:first-child { grid-column: 1 / -1; }.footer-bottom { gap: 14px; flex-direction: column; } }
@media (max-width: 520px) { .ecrm-container { width: min(100% - 32px, 1180px); }.site-header { padding: 0 16px; }.header-cta { padding: 9px 11px; font-size: 12px; }.hero-copy-new h1 { font-size: 42px; letter-spacing: -2.5px; }.hero-lead { font-size: 15px; }.hero-trust { flex-wrap: wrap; gap: 8px; }.hero-visual { min-height: 338px; }.live-window { inset: 12px 0 0; }.stream-gradient { height: 224px; }.stream-product b { font-size: 20px; }.live-bottom { height: 80px; padding: 0 13px; gap: 10px; }.floating-card { padding: 9px 11px; }.store-card { left: -11px; top: 69px; }.commerce-card { right: -11px; bottom: 20px; }.section-heading-new h2, .pricing-new h2, .business-new h2 { font-size: 31px; }.product-intro, .opensource-new, .pricing-new { padding: 77px 0; }.capability-list { grid-template-columns: 1fr; }.capability-band h2 { font-size: 29px; }.business-panel { padding: 35px 22px; }.footer-new { grid-template-columns: 1fr; gap: 27px; }.footer-new > div:first-child { grid-column: auto; } }

/* Pricing, partner and company details. */
.pricing-heading { margin-bottom: 40px; }
.price-card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.price-card-grid article { display: flex; min-height: 330px; flex-direction: column; padding: 28px; border: 1px solid #dfe7f3; border-radius: 16px; background: #fff; }
.price-card-grid article > span { color: #7191c7; font: 700 10px 'DM Mono', monospace; letter-spacing: .7px; }
.price-card-grid h3 { margin: 18px 0 10px; color: #172345; font-size: 23px; }
.price-card-grid p { min-height: 50px; margin: 0; color: #71809c; font-size: 13px; line-height: 1.7; }
.price-card-grid > article > b { display: block; margin-top: auto; color: #172b61; font-size: 33px; letter-spacing: -1px; }
.price-card-grid > article > b small { margin-left: 4px; color: #8290ad; font-size: 12px; font-weight: 600; letter-spacing: 0; }
.price-card-grid em { display: block; min-height: 22px; margin-top: 7px; color: #6380af; font-size: 12px; font-style: normal; }
.price-card-grid a { display: flex; justify-content: space-between; margin-top: 19px; padding-top: 15px; border-top: 1px solid #e7edf6; color: #2466d8; font-size: 13px; font-weight: 800; text-decoration: none; }.price-card-grid a i { font-size: 17px; font-style: normal; }
.price-card-grid .featured-price { border-color: #377bed; color: #fff; background: linear-gradient(145deg, #2365d7, #1b3f91); box-shadow: 0 19px 35px #1a54b42e; }.price-card-grid .featured-price > span { color: #a9cbff; }.price-card-grid .featured-price h3, .price-card-grid .featured-price > b { color: #fff; }.price-card-grid .featured-price p, .price-card-grid .featured-price > b small, .price-card-grid .featured-price em { color: #d1e2ff; }.price-card-grid .featured-price a { border-color: #ffffff32; color: #fff; }
.deployment-service-note { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 11px; margin-top: 18px; padding: 16px 18px; border: 1px solid #dfe7f3; border-radius: 11px; background: #fff; color: #61728f; font-size: 12px; }.deployment-service-note b { margin-right: 5px; color: #1f3462; font-size: 13px; }.deployment-service-note span { position: relative; padding-left: 11px; }.deployment-service-note span::before { position: absolute; left: 0; color: #3578ea; content: '•'; }.deployment-service-note small { width: 100%; margin-top: 3px; color: #8c98ad; font-size: 11px; }
.business-panel { grid-template-columns: minmax(0, 1.1fr) minmax(330px, 1fr) 140px; gap: 40px; align-items: center; }.business-email { display: inline-flex; gap: 12px; align-items: center; margin-top: 23px; color: #fff; font-size: 14px; font-weight: 700; text-decoration: none; }.business-email span { display: grid; width: 23px; height: 23px; place-items: center; border-radius: 6px; background: #397aee; }.commission-grid { display: grid; grid-template-columns: repeat(2, 1fr); overflow: hidden; border: 1px solid #ffffff27; border-radius: 11px; }.commission-grid article { min-height: 91px; padding: 17px; border-right: 1px solid #ffffff1d; border-bottom: 1px solid #ffffff1d; }.commission-grid article:nth-child(2n) { border-right: 0; }.commission-grid article:nth-last-child(-n+2) { border-bottom: 0; }.commission-grid span { display: block; color: #aebee2; font-size: 11px; }.commission-grid b { display: block; margin-top: 6px; color: #fff; font: 700 27px 'DM Mono', monospace; }.wechat-card { display: grid; justify-items: center; gap: 9px; margin: 0; }.wechat-card p { margin: 0; color: #bdc9e5; font-size: 10px; line-height: 1.5; text-align: center; }.qr-placeholder { display: grid; width: 112px; height: 112px; align-content: center; justify-items: center; gap: 7px; border: 7px solid #fff; border-radius: 7px; background: repeating-linear-gradient(45deg, #eef3fc 0 4px, #fff 4px 8px); color: #1c3f7c; text-align: center; }.qr-placeholder span { font-size: 11px; font-weight: 800; }.qr-placeholder b { font-size: 10px; font-weight: 700; }
.about-new { padding: 112px 0; background: #f6f8fc; }.about-layout { display: grid; grid-template-columns: .93fr 1.07fr; gap: 75px; align-items: center; }.about-new h2 { margin: 14px 0; color: #162141; font-size: clamp(33px, 3.5vw, 46px); line-height: 1.22; letter-spacing: -1.7px; }.about-new > .about-layout > div > p:last-child { max-width: 490px; margin: 0; color: #71809c; font-size: 15px; line-height: 1.85; }.advantage-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }.advantage-grid article { min-height: 144px; padding: 21px; border: 1px solid #e0e7f2; border-radius: 12px; background: #fff; }.advantage-grid b { display: block; color: #1c2b53; font-size: 15px; }.advantage-grid span { display: block; margin-top: 9px; color: #72809a; font-size: 12px; line-height: 1.65; }.footer-new > div:not(:first-child) span { color: #98a6c8; font-size: 12px; line-height: 1.6; }
.docs-new { padding: 108px 0; background: #f7f9fd; }.docs-hero { display: grid; grid-template-columns: 1fr 345px; gap: 80px; align-items: center; margin-bottom: 46px; }.docs-hero h2 { margin: 14px 0; color: #162141; font-size: clamp(33px, 3.6vw, 48px); line-height: 1.18; letter-spacing: -1.8px; }.docs-hero > div:first-child > p:last-child { max-width: 600px; margin: 0; color: #75819a; font-size: 15px; line-height: 1.85; }.docs-overview-card { position: relative; min-height: 183px; padding: 22px; overflow: hidden; border-radius: 16px; color: #fff; background: linear-gradient(135deg, #2165dc, #173a82); box-shadow: 0 20px 35px #1a54b22e; }.docs-overview-card::after { position: absolute; right: -45px; bottom: -80px; width: 210px; height: 210px; border: 1px solid #ffffff38; border-radius: 50%; content: ''; }.docs-overview-card span { color: #b8d3ff; font: 700 10px 'DM Mono', monospace; letter-spacing: 1px; }.docs-overview-card b { position: absolute; top: 15px; right: 18px; color: #ffffff30; font: 700 54px 'DM Mono', monospace; }.docs-overview-card strong { position: relative; z-index: 1; display: block; max-width: 190px; margin-top: 34px; font-size: 22px; line-height: 1.3; }.docs-overview-card small { position: relative; z-index: 1; display: block; margin-top: 8px; color: #c1d9ff; font-size: 11px; }.docs-layout { display: grid; grid-template-columns: 210px 1fr; gap: 20px; }.docs-sidebar { align-self: start; padding: 18px 12px; border: 1px solid #e0e7f1; border-radius: 13px; background: #fff; }.docs-sidebar > p { margin: 0 9px 13px; color: #7e8da9; font: 700 10px 'DM Mono', monospace; letter-spacing: .7px; }.docs-sidebar > a { display: flex; gap: 9px; align-items: center; padding: 10px 9px; border-radius: 8px; color: #50617f; font-size: 12px; font-weight: 700; text-decoration: none; }.docs-sidebar > a b { color: #9aabc5; font: 10px 'DM Mono', monospace; }.docs-sidebar > a.active, .docs-sidebar > a:hover { color: #2368da; background: #edf4ff; }.docs-sidebar > a.active b { color: #2368da; }.docs-sidebar-note { margin: 18px 5px 0; padding: 12px; border-radius: 9px; background: #f5f8fe; }.docs-sidebar-note span { display: block; color: #2c6fe1; font-size: 11px; font-weight: 800; }.docs-sidebar-note small { display: block; margin-top: 5px; color: #8491a8; font-size: 10px; line-height: 1.5; }.docs-content { display: grid; gap: 16px; }.doc-focus-card, .mindmap-card, .deployment-doc-card { border: 1px solid #e0e7f1; border-radius: 15px; background: #fff; }.doc-focus-card { padding: 28px; }.doc-focus-heading span, .mindmap-title span { color: #4982df; font: 700 10px 'DM Mono', monospace; letter-spacing: .9px; }.doc-focus-heading h3, .mindmap-title h3, .deployment-doc-card h3 { margin: 9px 0 7px; color: #17284f; font-size: 23px; }.doc-focus-heading p, .mindmap-title p { margin: 0; color: #7b879f; font-size: 12px; line-height: 1.6; }.doc-pill-list { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 19px; }.doc-pill-list span { padding: 6px 8px; border-radius: 6px; color: #3f618e; background: #f1f6ff; font-size: 10px; font-weight: 700; }.im-architecture { display: grid; grid-template-columns: 1fr 55px 1fr 55px 1fr; align-items: center; margin-top: 25px; padding: 22px; border-radius: 11px; background: linear-gradient(135deg, #f7faff, #eef4fd); }.arch-node { min-height: 77px; padding: 14px; border-radius: 9px; color: #203459; background: #fff; box-shadow: 0 5px 16px #18477c0e; font-size: 12px; font-weight: 800; text-align: center; }.arch-node small { display: block; margin-top: 6px; color: #7d8ba5; font-size: 9px; font-weight: 600; line-height: 1.4; }.im-architecture > i { color: #5790e8; font-size: 9px; font-style: normal; text-align: center; }.core-node { color: #fff; background: linear-gradient(135deg, #367aeb, #2858b9); }.core-node small { color: #d7e8ff; }.arch-foundation { grid-column: 1 / -1; display: flex; justify-content: space-between; gap: 8px; margin-top: 18px; }.arch-foundation span { flex: 1; padding: 7px; border-radius: 5px; color: #637492; background: #e2eaf6; font: 9px 'DM Mono', monospace; text-align: center; }.mindmap-card { padding: 28px; }.mindmap { position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; align-items: center; margin-top: 23px; padding: 18px 0 18px 183px; min-height: 275px; }.mind-root { position: absolute; left: 10px; top: 50%; display: grid; width: 132px; height: 132px; place-items: center; border: 9px solid #ecf3ff; border-radius: 50%; color: #fff; background: #2d71dc; box-shadow: 0 12px 25px #2e70db2b; font-size: 16px; font-weight: 800; line-height: 1.45; text-align: center; transform: translateY(-50%); }.mind-root::after { position: absolute; right: -50px; width: 43px; height: 1px; background: #b8cce9; content: ''; }.mind-branch { position: relative; min-height: 108px; padding: 14px; border: 1px solid #e0e8f4; border-radius: 10px; background: #fbfdff; }.mind-branch::before { position: absolute; left: -22px; top: 50%; width: 21px; height: 1px; background: #c2d4ec; content: ''; }.mind-branch b { display: block; margin-bottom: 7px; color: #254a89; font-size: 12px; }.mind-branch span { display: inline-block; margin: 2px 3px 2px 0; padding: 3px 5px; border-radius: 4px; color: #6a7d9d; background: #eff4fb; font-size: 9px; }.branch-store b { color: #7450c5; }.branch-store span { background: #f3efff; }.branch-client b { color: #137d72; }.branch-client span { background: #eaf8f5; }.branch-merchant b { color: #c66a23; }.branch-merchant span { background: #fff5e9; }.deployment-doc-card { display: grid; grid-template-columns: .8fr 1.2fr; gap: 30px; padding: 27px; }.deployment-doc-card > div > p:not(.section-kicker) { margin: 0; color: #76839c; font-size: 12px; line-height: 1.7; }.deployment-doc-card a { display: inline-flex; gap: 9px; margin-top: 17px; color: #286bda; font-size: 12px; font-weight: 800; text-decoration: none; }.config-checklist { display: grid; gap: 8px; }.config-checklist > div { padding: 10px 12px; border-radius: 8px; background: #f6f9fe; }.config-checklist b { display: block; color: #334b78; font-size: 11px; }.config-checklist span { display: block; margin-top: 4px; color: #7e8ba3; font-size: 10px; line-height: 1.5; }.config-checklist .safe-key-line { display: flex; flex-wrap: wrap; gap: 6px; background: #152857; }.safe-key-line code { padding: 4px 5px; border-radius: 3px; color: #b8d7ff; background: #ffffff12; font: 9px 'DM Mono', monospace; }
@media (max-width: 1000px) { .price-card-grid { grid-template-columns: 1fr; }.price-card-grid article { min-height: 268px; }.business-panel { grid-template-columns: 1fr 140px; gap: 31px; }.commission-grid { grid-column: 1; }.wechat-card { grid-column: 2; grid-row: 1 / span 2; }.about-layout { grid-template-columns: 1fr; gap: 35px; } }
@media (max-width: 620px) { .business-panel { grid-template-columns: 1fr; }.commission-grid, .wechat-card { grid-column: auto; grid-row: auto; }.wechat-card { justify-items: start; grid-template-columns: 112px auto; }.wechat-card p { text-align: left; }.about-new { padding: 77px 0; }.advantage-grid { grid-template-columns: 1fr; }.price-card-grid article { min-height: 245px; } }
@media (max-width: 900px) { .docs-new { padding: 78px 0; }.docs-hero { grid-template-columns: 1fr; gap: 25px; }.docs-overview-card { max-width: 440px; }.docs-layout { grid-template-columns: 1fr; }.docs-sidebar { display: grid; grid-template-columns: repeat(2, 1fr); gap: 4px; }.docs-sidebar > p, .docs-sidebar-note { grid-column: 1 / -1; }.docs-sidebar-note { margin-top: 10px; }.im-architecture { grid-template-columns: 1fr; gap: 8px; }.im-architecture > i { transform: rotate(90deg); }.arch-foundation { flex-wrap: wrap; }.arch-foundation span { min-width: calc(50% - 4px); }.mindmap { padding-left: 0; padding-top: 153px; }.mind-root { top: 10px; left: 50%; transform: translateX(-50%); }.mind-root::after { top: auto; right: auto; bottom: -29px; width: 1px; height: 22px; }.mind-branch::before { display: none; }.deployment-doc-card { grid-template-columns: 1fr; gap: 20px; } }
@media (max-width: 540px) { .docs-sidebar { grid-template-columns: 1fr; }.docs-sidebar > p, .docs-sidebar-note { grid-column: auto; }.doc-focus-card, .mindmap-card, .deployment-doc-card { padding: 20px; }.doc-focus-heading h3, .mindmap-title h3, .deployment-doc-card h3 { font-size: 20px; }.mindmap { grid-template-columns: 1fr; padding-top: 153px; }.mind-root { width: 120px; height: 120px; }.docs-hero h2 { font-size: 32px; } }

/* Wide-screen containment, fixed navigation, and restrained aurora motion. */
@media (min-width:1000px) {
  /* Preserve the 1280px reference composition, then open out only to the
     90%-wide large-screen composition used by the supplied designs. */
  :root { --content-gutter: max(48px, calc((100vw - 1200px) / 2)); }

  .nav {
    position: sticky;
    top: 0;
    z-index: 100;
    padding-left: var(--content-gutter);
    padding-right: var(--content-gutter);
    background: rgb(255 255 255 / 94%);
    box-shadow: 0 1px 0 rgb(17 20 45 / 6%), 0 8px 28px rgb(25 27 62 / 5%);
    backdrop-filter: blur(16px) saturate(145%);
  }

  .hero,
  .scenarios,
  .strengths,
  .pricing,
  .deployment,
  .docs,
  .cta,
  footer {
    padding-left: var(--content-gutter);
    padding-right: var(--content-gutter);
  }

  .nav-actions .button { color: #fff !important; }
  .nav-actions .ghost { color: #6843ea !important; }
  .pricing-grid .outline { background: transparent; color: #6848e9; }
  .pricing-grid .recommended .white { background: #fff; color: #372394; }
}

@keyframes aurora-drift {
  0%, 100% { background-position: 0% 0%, 78% 14%; }
  50% { background-position: 100% 60%, 68% 24%; }
}

@media (prefers-reduced-motion: no-preference) {
  .hero,
  .strengths,
  .deployment,
  .cta {
    background-size: 155% 155%, auto;
    animation: aurora-drift 18s ease-in-out infinite;
  }

  .motion-ready main > section,
  .motion-ready footer {
    opacity: 0;
    filter: blur(3px);
    transform: translateY(22px) scale(.992);
    transition: opacity .72s cubic-bezier(.22, 1, .36, 1), transform .72s cubic-bezier(.22, 1, .36, 1), filter .72s ease;
  }

  .motion-ready main > section.is-visible,
  .motion-ready footer.is-visible {
    opacity: 1;
    filter: none;
    transform: none;
  }

  .button,
  .outline,
  .ghost,
  .tabs button,
  .pricing-grid article,
  .strength-grid article,
  .doc-grid article,
  .resource-cards article {
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease, background-color .25s ease;
  }

  .button:hover,
  .outline:hover,
  .ghost:hover,
  .tabs button:hover {
    transform: translateY(-2px);
  }

  .strength-grid article:hover,
  .doc-grid article:hover,
  .resource-cards article:hover {
    transform: translateY(-4px);
  }
}

/* Four core products — interactive states follow the supplied product references. */
.scenarios .tabs button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.scenarios .tabs button > img {
  width: 18px;
  height: 18px;
  object-fit: contain;
  filter: grayscale(1) saturate(.35) opacity(.75);
}

.scenarios .tabs button.active > img,
.scenario-icon img { filter: brightness(0) invert(1); }

.scenario-card {
  --scenario-primary: #6e3ef4;
  --scenario-secondary: #1566ec;
  --scenario-tint: #f2f0ff;
  --scenario-border: #e4d8ff;
  border-color: var(--scenario-border);
}

.scenario-card[data-theme="commerce"] { --scenario-primary: #2c68e9; --scenario-secondary: #1d60de; --scenario-tint: #eef4ff; --scenario-border: #dbe7ff; }
.scenario-card[data-theme="social"] { --scenario-primary: #a238f2; --scenario-secondary: #8c36eb; --scenario-tint: #f7efff; --scenario-border: #ead8ff; }
.scenario-card[data-theme="voice"] { --scenario-primary: #f68311; --scenario-secondary: #e66f0c; --scenario-tint: #fff4e9; --scenario-border: #ffe2cc; }

.scenario-main { background: var(--scenario-tint); }
.scenario-icon { background: linear-gradient(135deg, var(--scenario-primary), var(--scenario-secondary)); }
.scenario-card h3 small { background: var(--scenario-primary); }
.scenario-side .purple-label { color: var(--scenario-primary); }
.audience-list li:before { content: '›'; border-radius: 10px; background: color-mix(in srgb, var(--scenario-tint) 82%, #fff); color: var(--scenario-primary); font-size: 25px; font-weight: 500; }
.scenario-cta { width: min(100%, 270px); justify-content: center; background: linear-gradient(120deg, var(--scenario-primary), var(--scenario-secondary)); }
.scenario-cta:hover { filter: brightness(1.04); }

.scenarios .tabs button[data-product="im"].active { background: linear-gradient(130deg, #6e3ef4, #1566ec); }
.scenarios .tabs button[data-product="commerce"].active { background: linear-gradient(130deg, #2c68e9, #1d60de); }
.scenarios .tabs button[data-product="social"].active { background: linear-gradient(130deg, #a238f2, #8c36eb); }
.scenarios .tabs button[data-product="voice"].active { background: linear-gradient(130deg, #f68311, #e66f0c); }

@media (min-width: 1000px) {
  .scenarios { min-height: 0; padding-top: 88px; padding-bottom: 70px; }
  .scenario-card { min-height: 370px; }
  .scenario-main { padding: 34px 40px 30px; }
  .scenario-side { padding: 36px 42px 32px; }
  .scenario-card h3 { font-size: 25px; }
  .scenario-subtitle { font-size: 15px !important; }
  .scenario-description { margin: 22px 0 20px !important; font-size: 15px !important; line-height: 1.65 !important; }
  .scenario-features { gap: 28px; }
  .scenario-features li { padding: 5px 0; font-size: 14px; }
  .scenario-features li:before { width: 18px; height: 18px; margin-right: 10px; font-size: 10px; }
  .scenario-side .purple-label { font-size: 13px; }
  .audience-list { margin-top: 17px; }
  .audience-list li { gap: 12px; padding: 8px 0; font-size: 15px; }
  .audience-list li:before { width: 27px; height: 27px; font-size: 20px; }
  .scenario-cta { min-height: 48px; font-size: 14px; }
  .scenarios .text-link { margin-top: 26px; font-size: 13px; }
}

@media (max-width: 800px) {
  .scenarios .tabs button > img { width: 15px; height: 15px; }
  .audience-list li:before { content: '›'; border-radius: 9px; font-size: 19px; }
  .scenario-cta { width: 100%; }
}

/* Homepage hero — calibrated to the supplied full-bleed dashboard composition. */
.hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background-color: #070a23;
  background-image:
    linear-gradient(rgb(137 122 204 / 7%) 1px, transparent 1px),
    linear-gradient(90deg, rgb(137 122 204 / 7%) 1px, transparent 1px),
    radial-gradient(circle at 66% 5%, rgb(79 60 182 / 42%), transparent 42%),
    linear-gradient(112deg, #06081e 0%, #090d2c 55%, #101a43 100%);
  background-size: 86px 86px, 86px 86px, auto, auto;
  background-position: 0 0, 0 0, center, center;
}

.hero::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  content: '';
  background: radial-gradient(ellipse at 75% 90%, rgb(34 68 163 / 27%), transparent 52%);
  pointer-events: none;
}

footer .company-name,
footer small { display: none; }

footer::after {
  grid-column: 1 / -1;
  display: block;
  margin-top: 8px;
  padding-top: 18px;
  border-top: 1px solid #1b2851;
  color: #7480a3;
  content: '© ECRMLive. All rights reserved.';
  font-size: 14px;
}

@media (min-width: 1000px) {
  .hero {
    min-height: calc(100vh - 66px);
    padding: clamp(88px, 11.4vh, 142px) max(48px, calc((100vw - 1880px) / 2)) 54px;
    grid-template-columns: minmax(0, 1fr) clamp(500px, 42vw, 788px);
    gap: clamp(56px, 7vw, 142px);
    align-items: end;
  }

  .hero-copy {
    max-width: 760px;
    align-self: center;
    padding: 22px 0;
  }

  .hero h1 {
    font-size: clamp(52px, 4vw, 80px);
    line-height: 1.1;
    letter-spacing: clamp(-4px, -.26vw, -2px);
  }

  .hero h1 span {
    background: linear-gradient(105deg, #8841f4 0%, #356df1 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
  }

  .hero-chips { gap: 12px; margin-top: 36px; }
  .chip { padding: 10px 18px; font-size: 15px; }
  .chip-social { background: linear-gradient(120deg, #9146ec, #b348ed); }

  .hero p { max-width: 720px; margin-top: 35px; color: #aaa6d3; font-size: 18px; line-height: 1.78; }
  .hero .hero-note { margin-top: 15px; color: #777ca6; font-size: 16px; }
  .hero-actions { margin-top: 49px; gap: 18px; }
  .hero-actions .button,
  .hero-actions .outline { min-height: 62px; border-radius: 20px; font-size: 18px; }
  .hero-stats { gap: clamp(32px, 3vw, 58px); margin-top: 62px; padding-top: 34px; }
  .hero-stats b { font-size: 30px; }

  .dashboard {
    width: min(100%, 788px);
    min-height: 0;
    align-self: end;
    padding: 0 30px 30px;
    border-color: #3f207a;
    border-radius: 28px;
    background: linear-gradient(155deg, #10072c 0%, #160b3b 57%, #101331 100%);
    transform: none;
  }

  .dash-top { height: 68px; margin: 0 -30px; padding: 0 30px; }
  .metrics { gap: 18px; margin: 30px 0; }
  .metrics div { min-height: 130px; padding: 21px 18px; border-radius: 26px; }
  .metrics b { font-size: 29px; }
  .room-card { padding: 0 24px 8px; border-radius: 27px; }
  .rooms li { padding: 16px 0; }
  .event-card { margin-top: 24px; padding: 21px 24px; border-radius: 27px; }
}

@media (min-width: 1500px) {
  .dashboard { min-height: 738px; }
  .metrics div { min-height: 136px; }
  .rooms li { padding: 18px 0; }
  .event-card { margin-top: 27px; padding-top: 25px; padding-bottom: 25px; }
}

/* Overview layout — compact long-page rhythm matched to the latest supplied design. */
main#top { display: flex; flex-direction: column; }
main#top > .cta { order: 7; }
main#top > .faq { order: 8; }

.homepage-service-stack,
.homepage-customer-resources { margin-top: 24px; }

@media (min-width: 1000px) {
  .hero {
    min-height: 700px;
    padding: 70px var(--content-gutter) 54px;
    grid-template-columns: minmax(0, 610px) minmax(360px, 452px);
    gap: clamp(46px, 7vw, 96px);
    align-items: center;
    background-image: radial-gradient(circle at 78% 10%, rgb(65 46 151 / 48%), transparent 42%), linear-gradient(112deg, #07091f 0%, #0a0d2d 54%, #101947 100%);
    background-size: auto, auto;
  }

  .hero::before { background: radial-gradient(ellipse at 74% 92%, rgb(38 71 166 / 28%), transparent 54%); }
  .hero-copy { max-width: 610px; padding: 0; }
  .hero h1 { margin: 0; font-size: clamp(44px, 4vw, 58px); line-height: 1.12; letter-spacing: -2.8px; }
  .hero-chips { gap: 8px; margin-top: 25px; }
  .chip { padding: 7px 11px; font-size: 11px; }
  .hero p { max-width: 585px; margin-top: 25px; font-size: 14px; line-height: 1.75; }
  .hero .hero-note { margin-top: 10px; font-size: 12px; }
  .hero-actions { margin-top: 31px; gap: 12px; }
  .hero-actions .button, .hero-actions .outline { min-height: 48px; padding: 0 20px; border-radius: 17px; font-size: 14px; }
  .hero-stats { gap: 32px; margin-top: 38px; padding-top: 20px; }
  .hero-stats b { font-size: 20px; }
  .hero-stats small { margin-top: 5px; font-size: 11px; }

  .dashboard { width: min(100%, 452px); min-height: 0; align-self: center; padding: 0 18px 18px; border-radius: 17px; }
  .dash-top { height: 48px; margin: 0 -18px; padding: 0 18px; }
  .dash-top i { width: 11px; height: 11px; }
  .dash-top strong { margin-left: 7px; padding: 5px 8px; font-size: 10px; }
  .metrics { gap: 9px; margin: 18px 0; }
  .metrics div { min-height: 78px; padding: 12px 10px; border-radius: 17px; }
  .metrics b { margin-top: 5px; font-size: 18px; }
  .metrics em { margin-top: 3px; font-size: 9px; }
  .room-card { padding: 0 14px 4px; border-radius: 17px; }
  .panel-title { padding: 14px 0 11px; font-size: 10px; }
  .panel-title em { padding: 4px 7px; font-size: 9px; }
  .rooms li { padding: 10px 0; font-size: 10px; }
  .rooms em { padding: 3px 6px; font-size: 9px; }
  .rooms b { font-size: 9px; }
  .event-card { margin-top: 15px; padding: 13px 14px; border-radius: 17px; font-size: 10px; }
  .event-card p { margin-top: 10px; font-size: 10px; }

  .scenarios { min-height: 0; padding-top: 72px; padding-bottom: 60px; }
  .scenario-heading { margin-bottom: 27px; }
  .scenario-heading h2 { margin: 14px 0 8px; font-size: 29px; }
  .scenario-heading p { font-size: 13px; }
  .tabs { margin: 25px 0 17px; }
  .scenario-card { min-height: 310px; }
  .scenario-main { padding: 28px 32px 24px; }
  .scenario-side { padding: 30px 34px 26px; }
  .scenario-card h3 { font-size: 22px; }
  .scenario-description { margin: 17px 0 15px !important; font-size: 13px !important; }
  .scenario-features { gap: 20px; }
  .scenario-features li { padding: 3px 0; font-size: 12px; }
  .audience-list li { padding: 6px 0; font-size: 13px; }
  .scenario-cta { min-height: 42px; font-size: 12px; }

  .strengths { min-height: 500px; padding-top: 70px; padding-bottom: 62px; }
  .strength-grid article { min-height: 160px; padding: 20px; }

  .pricing { min-height: 0; padding-top: 68px; padding-bottom: 58px; }
  .pricing .center { margin-bottom: 32px; }
  .pricing-grid { display: block; min-height: 0; border: 1px solid #e1e4ed; border-radius: 13px; }
  .pricing-grid article { display: grid; grid-template-columns: 135px 110px minmax(0, 1fr) 92px; min-height: 54px; align-items: center; gap: 16px; padding: 12px 16px; border: 0; border-bottom: 1px solid #e8eaf0; }
  .pricing-grid article:last-child { border-bottom: 0; }
  .pricing-grid article > span { display: none; }
  .pricing-grid h3 { grid-column: 1; margin: 0; font-size: 14px; }
  .pricing-grid p { grid-column: 3; min-height: 0; margin: 0; font-size: 11px; line-height: 1.5; }
  .price-lines { grid-column: 2; margin: 0; padding: 0; border: 0; }
  .price-lines div + div { display: none; }
  .price-lines em { display: none; }
  .price-lines b { font-size: 12px; }
  .price-lines b small { font-size: 9px; }
  .pricing-grid .outline, .pricing-grid .button { grid-column: 4; min-height: 26px; margin: 0; padding: 0 8px; border-radius: 8px; font-size: 10px; }
  .pricing-grid .recommended { background: linear-gradient(100deg, #17175d, #4c2dc1); }
  .notice { margin-top: 14px; padding: 11px 14px; border-radius: 9px; font-size: 10px; }
  .pricing-link { margin-top: 14px; font-size: 11px; }

  .homepage-customer-resources { padding: 22px 24px 20px; border: 1px solid #e2e5ee; border-radius: 15px; background: #fff; box-shadow: 0 10px 26px rgb(28 32 75 / 5%); }
  .homepage-resources-heading { display: flex; align-items: center; gap: 12px; }
  .homepage-resources-heading > span { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 10px; background: #f0ecff; }
  .homepage-resources-heading img { width: 20px; height: 20px; }
  .homepage-resources-heading h3 { margin: 0; font-size: 15px; }
  .homepage-resources-heading p { margin: 3px 0 0; color: #73809a; font-size: 11px; }
  .homepage-customer-resources ul { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 8px; margin: 15px 0 12px; padding: 0; list-style: none; }
  .homepage-customer-resources li { display: flex; min-height: 32px; align-items: center; gap: 7px; padding: 0 9px; border-radius: 8px; background: #f7f8fc; color: #5e6a83; font-size: 10px; font-weight: 700; white-space: nowrap; }
  .homepage-customer-resources li img { width: 15px; height: 15px; }
  .homepage-resources-warning { margin: 0; padding: 9px 11px; border-radius: 8px; background: #fff1be; color: #a45d1c; font-size: 10px; font-weight: 700; line-height: 1.5; }

  .deployment { min-height: 560px; padding-top: 66px; padding-bottom: 56px; }

  .docs { min-height: 0; padding-top: 66px; padding-bottom: 55px; }
  .docs .center { margin-bottom: 31px; }
  .doc-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
  .doc-grid article { min-height: 132px; padding: 15px; border-radius: 10px; }
  .doc-grid .doc-icon { width: 27px; height: 27px; }
  .doc-grid .doc-icon img { width: 15px; height: 15px; }
  .doc-grid h3 { margin: 11px 0 5px; font-size: 12px; }
  .doc-grid p { min-height: 0; font-size: 9px; line-height: 1.5; }
  .doc-grid a { margin-top: 8px; font-size: 9px; }
  .homepage-service-stack { padding: 18px; border: 1px solid #e2e5ee; border-radius: 13px; background: #fff; }
  .homepage-service-stack h3 { margin: 0 0 12px; font-size: 12px; }
  .homepage-service-stack div { display: grid; gap: 7px; }
  .homepage-service-stack p { display: flex; align-items: center; gap: 12px; margin: 0; padding: 10px 12px; border-radius: 8px; background: #f8f9fc; color: #62708b; font-size: 10px; }
  .homepage-service-stack code { padding: 4px 7px; border-radius: 6px; background: #f0ecff; color: #6745d9; font-size: 10px; font-weight: 800; }

  .cta { min-height: 450px; padding-top: 64px; padding-bottom: 58px; }
  .cta .hero-actions { margin-top: 26px; }
  .contact-line { gap: 20px; max-width: 490px; margin-top: 27px; padding-top: 17px; }
  .contact-line > div { min-width: 200px; padding: 11px 14px; border: 1px solid #273261; border-radius: 10px; background: rgb(28 35 78 / 65%); }

  .faq { min-height: 0; padding: 66px var(--content-gutter) 72px; background: #f8f9fc; }
  .faq .center { margin-bottom: 32px; }
  .faq .center h2 { margin: 17px 0 7px; font-size: 30px; letter-spacing: -1px; }
  .faq .center .faq-intro { font-size: 12px; }
  .faq-list { max-width: 760px; gap: 9px; }
  .faq details { border-radius: 10px; }
  .faq summary { min-height: 49px; padding: 0 16px; font-size: 12px; }
  .faq summary b { font-size: 19px; }
  .faq p { padding: 12px 16px 15px; font-size: 11px; }

  footer { min-height: 230px; padding-top: 39px; padding-bottom: 20px; }
}

@media (max-width: 999px) {
  .homepage-customer-resources { margin-top: 26px; padding: 20px; border: 1px solid #e2e5ee; border-radius: 16px; }
  .homepage-resources-heading { display: flex; gap: 12px; }
  .homepage-resources-heading > span { display: grid; width: 38px; height: 38px; flex: none; place-items: center; border-radius: 12px; background: #f0ecff; }
  .homepage-resources-heading img { width: 22px; height: 22px; }
  .homepage-resources-heading h3 { margin: 0; }
  .homepage-resources-heading p { margin: 5px 0 0; color: #73809a; font-size: 13px; }
  .homepage-customer-resources ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; padding: 0; list-style: none; }
  .homepage-customer-resources li { display: flex; align-items: center; gap: 8px; min-height: 42px; padding: 8px; border-radius: 9px; background: #f7f8fc; font-size: 12px; }
  .homepage-customer-resources li img { width: 17px; height: 17px; }
  .homepage-resources-warning { padding: 11px; border-radius: 9px; background: #fff1be; color: #a45d1c; font-size: 12px; }
  .homepage-service-stack { margin-top: 20px; padding: 18px; border: 1px solid #e2e5ee; border-radius: 14px; background: #fff; }
  .homepage-service-stack h3 { margin: 0 0 12px; }
  .homepage-service-stack div { display: grid; gap: 8px; }
  .homepage-service-stack p { margin: 0; padding: 10px; border-radius: 9px; background: #f8f9fc; color: #62708b; font-size: 12px; }
  .homepage-service-stack code { color: #6745d9; font-weight: 800; }
}

/*
 * Homepage module rhythm.
 * Each section is sized by its own content cluster; do not use a page-level
 * minimum height to manufacture vertical cadence.  This keeps the visual
 * frame of every module faithful when copy, cards, or viewport width changes.
 */
@media (min-width: 1000px) {
  .scenarios,
  .strengths,
  .pricing,
  .deployment,
  .docs,
  .cta,
  .faq,
  footer {
    min-height: auto;
  }

  .scenarios { padding-top: 88px; padding-bottom: 70px; }
  .strengths { padding-top: 72px; padding-bottom: 64px; }
  .pricing { padding-top: 76px; padding-bottom: 70px; }

  .deployment {
    grid-template-columns: minmax(0, .9fr) minmax(400px, .8fr);
    gap: 62px;
    align-items: start;
    padding-top: 72px;
    padding-bottom: 64px;
  }

  .deployment h2 { margin: 18px 0 14px; font-size: 31px; line-height: 1.22; }
  .deployment > div > p { margin: 0; font-size: 13px; line-height: 1.75; }
  .deployment ul { margin: 25px 0 0; }
  .deployment-copy li { padding: 4px 0; font-size: 11px; }
  .deployment-cta { min-height: 36px; margin-top: 25px; padding: 0 16px; border-radius: 16px; font-size: 11px; }
  .resource-cards { align-self: start; padding-top: 3px; }
  .resource-cards article,
  .resource-cards article:last-child {
    min-height: 0;
    margin: 0 0 13px;
    padding: 19px 20px;
    border-radius: 12px;
  }
  .resource-cards article:last-child { margin-bottom: 0; }
  .resource-cards ul { margin-top: 13px; row-gap: 8px; }
  .resource-cards li { font-size: 11px; }

  .docs { padding-top: 76px; padding-bottom: 66px; }
  .docs .center { margin-bottom: 31px; }
  .homepage-service-stack { margin-top: 22px; }

  .cta { padding-top: 70px; padding-bottom: 64px; }
  .cta-contact-cards { margin-top: 28px; }

  .faq { padding-top: 70px; padding-bottom: 72px; }
  .faq .center { margin-bottom: 32px; }
  .faq details {
    overflow: hidden;
    border: 1px solid #e1e5ed;
    border-radius: 10px;
    background: #fff;
  }
  .faq summary { min-height: 50px; padding: 0 16px; }
  .faq p { margin: 0; padding: 12px 16px 15px; border-top: 1px solid #e7eaf1; }

  footer { padding-top: 40px; padding-bottom: 22px; gap: 32px; }
}

/* ECRMLive footer: compact information hierarchy without an inverted raster logo. */
.ecrm-home .site-footer {
  display: block;
  min-height: 0;
  padding: 54px 0 18px;
  background: #0c1734;
}

.site-footer::after { display: none; content: none; }

.site-footer .footer-new {
  grid-template-columns: minmax(250px, 1.55fr) repeat(3, minmax(145px, 1fr));
  gap: 52px;
}

.footer-brand { padding-right: 26px; }

.footer-wordmark {
  display: inline-block;
  color: #fff;
  font-family: 'DM Mono', 'Noto Sans SC', sans-serif;
  font-size: 25px;
  font-weight: 700;
  letter-spacing: -1.2px;
  text-decoration: none;
}

.site-footer .footer-brand > p {
  max-width: 275px;
  margin-top: 14px;
  color: #9aa8c5;
  font-size: 13px;
  line-height: 1.75;
}

.site-footer .footer-new > div:not(:first-child) { gap: 12px; }
.site-footer .footer-new > div:not(:first-child) > p {
  margin-bottom: 5px;
  color: #fff;
  font-size: 13px;
}
.site-footer .footer-new a,
.site-footer .footer-new span {
  color: #9aa8c5;
  font-size: 12px;
  line-height: 1.65;
}
.site-footer .footer-new a:hover { color: #fff; }
.site-footer .footer-bottom {
  margin-top: 42px;
  padding-top: 17px;
  color: #6f7f9f;
  font-size: 11px;
}

@media (max-width: 900px) {
  .site-footer .footer-new { grid-template-columns: 1.25fr 1fr 1fr; gap: 32px; }
  .site-footer .footer-new > div:last-child { grid-column: 1 / -1; }
}

@media (max-width: 620px) {
  .ecrm-home .site-footer { padding-top: 42px; }
  .site-footer .footer-new { grid-template-columns: 1fr 1fr; gap: 29px 20px; }
  .site-footer .footer-brand,
  .site-footer .footer-new > div:last-child { grid-column: 1 / -1; }
  .site-footer .footer-brand { padding-right: 0; }
  .site-footer .footer-bottom { margin-top: 31px; }
}