/* Public storefront refinement: clear hierarchy, calm motion, consistent spacing. */
.marketing{background:radial-gradient(ellipse at 80% 5%,#17385877,transparent 35%),#071019}
.marketing .topbar{position:sticky;top:12px;height:66px;max-width:1180px;margin:12px auto 0;padding:0 22px;background:#0c1a27de;backdrop-filter:blur(18px);border:1px solid #274053;border-radius:18px;z-index:40;box-shadow:0 12px 35px #0002}
.marketing .topbar nav{gap:22px;font-size:12px}.marketing .wordmark{letter-spacing:.02em}.marketing .topbar .button{border-radius:10px}
.marketing .hero-v2{max-width:1236px;min-height:650px;padding:74px 28px 65px;gap:55px;grid-template-columns:1.08fr .92fr}
.marketing .hero-v2:before{content:'';position:absolute;inset:0;z-index:-1;background-image:radial-gradient(#83b7dd25 1px,transparent 1px);background-size:27px 27px;mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none;opacity:.6}
.marketing .hero-v2 h1{font-size:clamp(43px,4.5vw,64px);line-height:1.32;letter-spacing:-.045em;margin:22px 0 13px;text-wrap:balance}
.marketing .hero-subtitle{font-size:18px;color:#d2e1f0;font-weight:550;line-height:1.8;margin:0 0 19px;letter-spacing:-.02em}
.marketing .hero-copy .lead{font-size:14px;line-height:2;color:#94afc5;max-width:480px;margin:0}
.marketing .hero-eyebrow{font-size:9px;letter-spacing:.12em;padding:9px 13px;background:#13373380;border-color:#326658}
.marketing .hero-actions{margin:27px 0 0;gap:22px}.marketing .hero-primary{padding:15px 22px;border-radius:12px;font-size:13px;box-shadow:0 10px 35px #3bbac22b}.marketing .quiet-link{font-size:12px;color:#b7cee1}
.marketing .hero-plan-note{margin-top:23px;font-size:11px}.marketing .hero-plan-note span{font-size:9px}.marketing .trust-row{margin-top:17px;gap:9px}.marketing .trust-row span{font-size:9px;background:transparent;border:0;padding:0;color:#839eb4}
.marketing .hero-visual{padding:22px 0}.marketing .product-preview{border-radius:22px;padding:19px;background:linear-gradient(140deg,#152e42,#0b1b28);border-color:#3b627e;transform:perspective(1200px) rotateY(-3deg) rotateZ(-1deg);box-shadow:0 35px 80px #0006,0 0 60px #2e8ab215}
.marketing .preview-toolbar{padding:0 0 16px}.marketing .preview-tabs{border:1px solid #2f4d65;background:#0a1b2a;border-radius:11px;padding:4px;display:flex;width:fit-content;gap:3px;margin:0 0 16px}.marketing .preview-tab{border:0;background:transparent;border-radius:8px;padding:8px 15px;font-size:10px;color:#8aabc7}.marketing .preview-tab.active{background:#214c53;color:#a3efdb;box-shadow:0 2px 7px #0002}
.marketing .preview-chat{min-height:240px;padding:23px 17px;border-color:#2b4a61;background:#081825a8;gap:20px}.marketing .preview-chat p{font-size:11px;line-height:1.95;max-width:90%}.marketing .preview-chat .customer{background:#263f62;border:1px solid #405f85;border-bottom-right-radius:5px}.marketing .preview-chat .agent{background:#173c34;border-color:#2c6351;border-bottom-left-radius:5px}.marketing .preview-typing{margin-top:2px}
.preview-workflow{display:flex;justify-content:center;align-items:center;gap:10px;padding:18px 0 4px;color:#8fb4c9;font-size:9px}.preview-workflow span{padding:5px 8px;background:#173044;border-radius:6px}.preview-workflow i{font-style:normal;color:#5ba498}.marketing .preview-footer{margin-top:12px;padding-top:12px;border-top:1px solid #2c485b;font-size:8px}.marketing .preview-footer b{font-size:9px;color:#85ccb9}
.marketing .floating-badge{border-radius:11px;padding:11px 14px;font-size:10px;background:#102b3de8;border-color:#3a6479;box-shadow:0 12px 30px #0003}.marketing .floating-badge-top{top:2px;right:-10px}.marketing .floating-badge-bottom{bottom:0;left:-20px}
.marketing .value-strip{max-width:1180px;padding:21px 25px;margin:0 auto;border:1px solid #29475b;border-radius:15px;background:#0d2130;gap:20px}.marketing .value-strip span{font-size:11px;color:#9bbace}
.marketing .section{max-width:1180px;padding:65px 28px}.marketing .section>h2,.marketing .feature-band h2{font-size:clamp(29px,3.1vw,42px);line-height:1.5;margin:10px 0 15px;letter-spacing:-.035em}.marketing .section-intro{font-size:13px;line-height:1.95;color:#8ba8be;max-width:640px}.marketing .detail-heading h2{font-size:clamp(29px,3.1vw,42px)}
.marketing .benefit-grid article{border-radius:16px;background:linear-gradient(145deg,#122a3c,#0c1b27)}.marketing .benefit-grid h3{font-size:16px}.marketing .step-grid article{padding:25px;border-radius:16px}.marketing .step-grid h3{font-size:16px}.marketing .step-grid .step-icon{width:40px;height:40px;border-radius:12px}.marketing .feature-band{max-width:1124px;background:linear-gradient(130deg,#152b46,#0d2630);border-radius:23px;margin:15px auto 0;padding:37px}.marketing .feature-list article{border-radius:14px;background:#0b1e2aaa}.marketing .plans{grid-template-columns:minmax(0,520px);justify-content:center;margin-top:30px}.marketing .plans article.featured{transform:none;padding:32px;border:1px solid #447a91;background:radial-gradient(ellipse at top right,#1c665b44,transparent 70%),#102433;box-shadow:0 20px 60px #0003}.marketing .plans article.featured:hover{transform:translateY(-3px)}.marketing .plans article strong{font-size:45px}.marketing .plans article p{font-size:13px;line-height:2}.marketing .cta h2{font-size:clamp(31px,3.5vw,46px);line-height:1.5}.marketing .cta .button{font-size:13px}
.marketing a:focus-visible,.marketing button:focus-visible{outline:2px solid #85e4d0;outline-offset:4px}.marketing .section[id]{scroll-margin-top:100px}
@media(max-width:1000px){.marketing .topbar{margin-inline:20px}.marketing .hero-v2{gap:30px}.marketing .hero-v2 h1{font-size:47px}.marketing .hero-subtitle{font-size:15px}.marketing .feature-band{margin-inline:28px}.marketing .floating-badge-top{right:0}.marketing .floating-badge-bottom{left:0}}
@media(max-width:850px){.marketing .hero-v2{grid-template-columns:1fr;padding-top:45px;gap:28px}.marketing .hero-copy{max-width:650px}.marketing .hero-copy .lead{max-width:580px}.marketing .hero-v2 h1{font-size:54px}.marketing .hero-visual{max-width:540px}.marketing .product-preview{transform:none}.marketing .value-strip{margin-inline:28px;justify-content:center}.marketing .section{padding-block:50px}}
@media(max-width:560px){.marketing .topbar{top:8px;margin:8px 12px 0;padding:0 12px;height:60px;border-radius:13px}.marketing .wordmark{font-size:18px}.marketing .wordmark span{width:30px;height:30px;border-radius:9px}.marketing .topbar nav{gap:9px}.marketing .topbar .button{font-size:10px;padding:10px 12px}.marketing .topbar nav #customerWorkspaceLink{display:inline-flex;font-size:9px}.marketing .topbar nav #customerLoginLink{display:inline-flex;font-size:10px}.marketing .topbar nav #customerPublicLogout{padding:8px;font-size:9px}.marketing .topbar nav #adminDashboardLink:not([hidden]){display:inline-flex;font-size:9px}.marketing .hero-v2{padding:39px 20px 35px;gap:19px}.marketing .hero-v2 h1{font-size:clamp(34px,9.9vw,48px);line-height:1.4;margin-top:17px}.marketing .hero-subtitle{font-size:13px;line-height:1.9}.marketing .hero-copy .lead{font-size:12px}.marketing .hero-eyebrow{font-size:8px;padding:8px 11px}.marketing .hero-actions{gap:16px;margin-top:22px}.marketing .hero-primary{width:100%;font-size:12px;padding:14px 17px}.marketing .hero-actions .quiet-link{display:flex;justify-content:center;width:100%;font-size:11px}.marketing .hero-plan-note{font-size:10px;margin-top:20px}.marketing .trust-row{gap:10px}.marketing .trust-row span{font-size:8px}.marketing .hero-visual{padding:15px 0}.marketing .product-preview{padding:14px;border-radius:17px}.marketing .preview-chat{min-height:215px;padding:18px 13px}.marketing .preview-chat p{font-size:10px}.marketing .preview-footer{flex-direction:row;gap:8px}.marketing .preview-footer b{font-size:8px}.marketing .preview-toolbar-left small{font-size:8px}.marketing .value-strip{margin-inline:20px;padding:16px;gap:15px}.marketing .value-strip span{font-size:9px;width:calc(50% - 8px)}.marketing .section{padding:44px 20px}.marketing .feature-band{padding:26px 20px;margin-inline:20px}.marketing .section>h2,.marketing .feature-band h2,.marketing .detail-heading h2{font-size:29px}.marketing .plans article.featured{padding:25px}.marketing .cta{margin-bottom:40px}.marketing footer{font-size:10px;gap:14px;flex-wrap:wrap}.preview-workflow{gap:7px;font-size:8px}.preview-workflow span{padding:5px 6px}}
@media(prefers-reduced-motion:reduce){.marketing .plans article.featured:hover{transform:none}}