/* Blue / mint product discovery. Illustrations and examples are clearly labelled. */
.marketing [hidden]{display:none!important}
.marketing .hero-plan-note{font-size:12px;line-height:1.9;color:#9eb8d2;margin:21px 0 0}.marketing .hero-plan-note span{font-size:10px;color:#7f9bb0}
.marketing .hero-v2 h1{font-size:clamp(44px,4.9vw,69px);line-height:1.25}.marketing .hero-copy .lead{font-size:17px;line-height:1.9;max-width:560px}
.detail-heading h2{font-size:clamp(30px,3.5vw,43px);line-height:1.45;margin:14px 0 16px}.detail-heading h2 em,.marketing .public-faq h2 em{font-style:normal;color:#829aff}.detail-heading>p:not(.eyebrow){font-size:14px;color:#8da6bb;line-height:1.9;max-width:650px}.detail-heading>.quiet-link{display:inline-flex;margin-top:14px}
.marketing .benefit-intro{padding-bottom:25px}.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:33px}.benefit-grid article{padding:25px;border:1px solid #264459;border-radius:19px;background:linear-gradient(145deg,#12283a,#0b1924)}.detail-symbol{font-size:11px;display:grid;place-items:center;width:33px;height:33px;border-radius:10px;border:1px solid #416980;background:#153a43;color:#76e0c8}.benefit-grid h3{font-size:17px;margin:20px 0 9px}.benefit-grid p{font-size:12px;line-height:1.9;color:#8fa9be;margin:0}
.marketing .how-section .step-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.marketing .step-grid h3{font-size:17px}.marketing .step-grid p{font-size:12px;line-height:1.9}.marketing .workspace-tour{display:grid;grid-template-columns:.95fr 1.05fr;gap:40px;align-items:center;padding-top:25px}
.tour-window{min-width:0;border:1px solid #35546d;background:#0c1928;border-radius:20px;box-shadow:0 25px 70px #0003;overflow:hidden}.tour-window-head{display:flex;align-items:center;gap:10px;padding:17px;border-bottom:1px solid #274257;background:#13273a}.tour-logo{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(130deg,#8091ff,#47d7bd);color:#071523;font-weight:900}.tour-window-head b{font-size:12px}.tour-window-head small{font-size:9px;color:#7e9ab0;margin-left:auto}.tour-window-body{display:grid;grid-template-columns:125px minmax(0,1fr);min-height:310px}.tour-menu{display:flex;flex-direction:column;gap:9px;padding:18px 12px;border-right:1px solid #274057;background:#0a1521}.tour-menu>span{font-size:10px;color:#829db3;padding:10px 8px;border-radius:9px}.tour-menu .selected{background:#193644;border:1px solid #2c6264;color:#9bf0d5}.tour-content{padding:25px 20px}.tour-content h3{font-size:17px;line-height:1.5;margin:12px 0 18px}.tour-row{display:flex;align-items:center;gap:11px;border-bottom:1px solid #263b50;padding:13px 0}.tour-row:last-child{border:0}.tour-row i{font-style:normal;color:#89b5e3;font-size:18px}.tour-row b,.tour-row small{display:block}.tour-row b{font-size:11px}.tour-row small{font-size:9px;color:#829bb2;line-height:1.8;margin-top:4px}
.marketing .usecases-section{padding-top:30px}.usecase-list{margin-top:30px;border:1px solid #2a455e;border-radius:19px;overflow:hidden;background:#0d1d2b}.usecase-list details{border-bottom:1px solid #2a455e}.usecase-list details:last-child{border:0}.usecase-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 27px;list-style:none;cursor:pointer}.usecase-list summary::-webkit-details-marker{display:none}.usecase-list summary small,.usecase-list summary b{display:block}.usecase-list summary small{font-size:9px;letter-spacing:.14em;color:#5ac8b4;margin-bottom:6px}.usecase-list summary b{font-size:17px}.usecase-list summary i{font-style:normal;font-size:23px;color:#7fdccb;transition:transform .2s}.usecase-list details[open] summary i{transform:rotate(45deg)}.usecase-list summary:focus-visible,.public-faq summary:focus-visible{outline:2px solid #80dcca;outline-offset:-4px}.usecase-body{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:0 27px 27px}.usecase-body>div>p{color:#8da8be;font-size:13px;line-height:1.9;margin:0}.usecase-tag{display:block;color:#678ba4;font-size:10px;line-height:1.8;margin-top:20px}.usecase-chat{display:grid;gap:12px;align-content:start}.usecase-chat>p.question{background:#20374f;border-radius:13px 13px 4px 13px;color:#d0deed;padding:12px 16px;margin-left:35px;font-size:12px}.usecase-chat>p.answer{background:#143a31;border:1px solid #2c5e4f;border-radius:13px 13px 13px 4px;color:#c4e5d9;padding:12px 16px;margin-right:20px;font-size:12px}
.marketing .commerce-path{display:grid;grid-template-columns:1fr 1fr;gap:55px;padding-top:30px}.commerce-path h2{font-size:clamp(30px,3.5vw,43px);line-height:1.4}.commerce-path ol{list-style:none;padding:0;margin:0;counter-reset:commerce}.commerce-path li{position:relative;counter-increment:commerce;padding:0 0 23px 55px}.commerce-path li:before{content:counter(commerce,decimal-leading-zero);position:absolute;left:0;top:0;display:grid;place-items:center;width:32px;height:32px;background:#17373e;border:1px solid #346461;border-radius:10px;font-size:11px;color:#86dfc8}.commerce-path li:not(:last-child):after{content:'';position:absolute;left:16px;top:38px;bottom:6px;width:1px;background:#2b4a57}.commerce-path li b{font-size:15px}.commerce-path li p{font-size:12px;line-height:1.9;color:#87a4bc;margin:8px 0 0}.marketing .plans-section{padding-top:30px}.marketing .public-faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:55px;padding-top:15px}.public-faq h2{font-size:clamp(29px,3.5vw,41px);line-height:1.45}.public-faq details{border-bottom:1px solid #263f53}.public-faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;font-size:14px;padding:21px 0;color:#c6d8e9}.public-faq summary::-webkit-details-marker{display:none}.public-faq summary>span{font-size:22px;color:#73cfba}.public-faq details[open] summary>span{transform:rotate(45deg)}.public-faq details p{font-size:12px;color:#8ea8bf;line-height:2;margin:0 0 22px}.marketing .cta{border:1px solid #34566e;background:radial-gradient(ellipse at center,#18454a55,transparent 80%),#0d1e2d;border-radius:24px;max-width:1160px;margin:0 auto 65px;padding:55px 25px}.marketing .cta p{max-width:620px;margin-inline:auto;line-height:1.9}.marketing .button{transition:transform .2s,box-shadow .2s}.marketing .button:hover{transform:translateY(-2px);box-shadow:0 12px 30px #399eb52b}
@media(max-width:1000px){.marketing .how-section .step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.marketing .workspace-tour{gap:25px}.tour-window-body{grid-template-columns:100px minmax(0,1fr)}.tour-content{padding:20px 15px}.marketing .commerce-path,.marketing .public-faq{gap:30px}.marketing .cta{margin-inline:20px}.benefit-grid{gap:13px}.benefit-grid article{padding:20px}}
@media(max-width:760px){.marketing .workspace-tour,.marketing .commerce-path,.marketing .public-faq{grid-template-columns:1fr}.benefit-grid{grid-template-columns:1fr}.marketing .workspace-tour{gap:25px}.tour-window{max-width:580px;width:100%;margin:auto}.usecase-body{grid-template-columns:1fr;gap:22px}.marketing .commerce-path{gap:28px}.marketing .public-faq{gap:15px}.marketing .hero-copy .lead{font-size:15px}.marketing .hero-plan-note{font-size:11px}.marketing .hero-v2 h1{font-size:clamp(42px,7vw,62px)}}
@media(max-width:480px){.marketing .how-section .step-grid{grid-template-columns:1fr}.marketing .step-grid article{padding:23px}.tour-window-body{grid-template-columns:90px minmax(0,1fr)}.tour-menu{padding:15px 8px}.tour-menu>span{font-size:9px;padding:9px 6px}.tour-content{padding:20px 12px}.tour-content h3{font-size:15px}.tour-window-head small{font-size:8px}.usecase-list summary{padding:20px}.usecase-body{padding:0 20px 23px}.usecase-list summary b{font-size:15px}.usecase-body>div>p{font-size:12px}.public-faq summary{font-size:12px}.marketing .cta{padding:40px 20px;margin-inline:16px}.marketing .hero-v2 h1{font-size:42px}.marketing .topbar nav #customerWorkspaceLink{font-size:11px}.marketing .topbar nav #customerPublicLogout{font-size:10px;padding:8px}.marketing .hero-plan-note{line-height:2}}
@media(prefers-reduced-motion:reduce){.marketing .button,.usecase-list summary i{transition:none}}