/* Shared app-shell proportions, blue selection states and neutral surfaces. */
.payment-context,.payment-summary{display:none}
.real-showcase[data-view="payment"] .phone-frame,.real-showcase[data-view="payment"] .window-bar{display:none}
.real-showcase[data-view="payment"] .device-stage{min-height:0;padding:25px 40px 26px;background:white}
.real-showcase[data-view="payment"] .payment-context{display:block;max-width:896px;margin:0 auto 27px}
.payment-context .eyebrow{color:#1557b0;font-size:10px;margin-bottom:12px}
.payment-context h3{font-size:28px;letter-spacing:-.6px;line-height:1.2}
.payment-context p{font-size:14px;line-height:1.7;margin-top:10px}
.real-showcase[data-view="payment"] .desktop-frame{max-width:944px;margin:0 auto;border:1px solid #d8e0ea;border-radius:14px;padding:22px;background:white;box-shadow:0 5px 18px #071a3306}
.real-showcase[data-view="payment"] .screen-surface{aspect-ratio:auto;display:block;background:white;height:auto;overflow:visible}
.real-showcase[data-view="payment"] .screen-surface.payment-view img{display:block;width:100%;max-width:896px;height:auto;object-fit:contain;margin:auto;aspect-ratio:896/220}
.real-showcase[data-view="payment"] .payment-summary{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:896px;margin:0 auto 20px;border-top:1px solid #e5ebf2;padding:23px 0 0}
.payment-summary-label{display:block;font-size:9px;font-weight:700;letter-spacing:1px;color:#667085;margin-bottom:9px}
.payment-summary strong{display:block;font-size:16px;font-weight:600;color:#172033}
.payment-summary p{font-size:12px;line-height:1.65;margin-top:6px}
.real-showcase[data-view="payment"] .preview-controls{border-top:1px solid #e5ebf2;margin-top:0;background:#f8fafc}
.real-showcase[data-view="payment"] .showcase-caption{background:#f8fafc}
@media(max-width:1000px){.real-showcase[data-view="payment"] .payment-summary{margin-inline:40px}.payment-context h3{font-size:25px}}
@media(max-width:720px){.real-showcase[data-view="payment"] .device-stage{padding:18px 14px}.real-showcase[data-view="payment"] .payment-context{margin-bottom:20px}.payment-context h3{font-size:23px}.payment-context p{font-size:13px}.real-showcase[data-view="payment"] .desktop-frame{padding:10px;border-radius:10px}.real-showcase[data-view="payment"] .payment-summary{margin:0 18px 18px;gap:18px;padding-top:18px}.payment-summary strong{font-size:13px}.payment-summary p{font-size:11px}.payment-summary-label{font-size:8px}}
html{scroll-padding-top:165px}
@media(max-width:900px) and (min-width:721px){.product-details .product-detail{grid-template-columns:1fr}.product-details .detail-copy{order:0;padding:30px}.product-details .detail-media{order:1;border:0;border-top:1px solid #e5ebf2;padding:25px}.product-details .detail-copy p{max-width:520px}.product-details .detail-points{display:flex;gap:18px;flex-wrap:wrap}.product-details .detail-copy h3 br{display:none}}
.product-details{display:grid;gap:28px}.product-detail{display:grid;grid-template-columns:.8fr 1.55fr;background:white;border:1px solid #d8e0ea;border-radius:16px;overflow:hidden;box-shadow:0 5px 20px #071a3306}.detail-copy{padding:35px 30px;align-self:center}.detail-copy .feature-icon{font-size:10px;letter-spacing:1px;margin-bottom:22px}.detail-copy h3{font-size:30px;line-height:1.18;letter-spacing:-.8px}.detail-copy p{font-size:14px;line-height:1.75;margin-top:19px}.detail-points{list-style:none;padding:0;margin:23px 0;font-size:12px;color:#526580}.detail-points li{padding:6px 0;display:flex;align-items:center;gap:10px}.detail-points li:before{content:'✓';color:#1557b0;font-size:12px;background:#edf4ff;border-radius:50%;width:18px;height:18px;text-align:center;line-height:18px}.detail-expand{border:0;padding:0;background:none;color:#1557b0;font-size:12px;font-weight:600;display:flex;align-items:center;gap:14px}.detail-expand:hover{color:#082e63;text-decoration:underline}.detail-expand span{font-size:19px}.detail-media{padding:30px 24px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#edf2f9,#f8fafc);border-left:1px solid #e5ebf2;min-width:0}.detail-windowbar{background:#071a33;color:#dce9ff;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-radius:10px 10px 0 0;font-size:10px}.detail-windowbar b{color:#7893b4;font-weight:400;padding:0 7px}.detail-windowbar>span:last-child{font-size:7px;letter-spacing:.8px;color:#a7b7cc}.image-preview-button{display:block;padding:0;width:100%;border:1px solid #c9d6e7;border-top:0;border-radius:0 0 10px 10px;background:white;overflow:hidden;cursor:zoom-in;box-shadow:0 8px 24px #071a330c}.image-preview-button img{width:100%;height:auto;display:block}.image-preview-button:hover{outline:2px solid #a9c8f0;outline-offset:2px}.detail-caption{font-size:10px;color:#667085;display:flex;align-items:center;gap:7px;padding-top:16px}.status-dot{width:6px;height:6px;border-radius:50%;background:#1557b0}.menu-detail .detail-copy{order:2}.menu-detail .detail-media{order:1;border-left:0;border-right:1px solid #e5ebf2}.menu-detail{grid-template-columns:1.55fr .8fr}
@media(max-width:1000px){.detail-copy{padding:25px}.detail-copy h3{font-size:26px}.detail-copy p{font-size:13px}.detail-media{padding:22px 17px}.detail-windowbar>span:last-child{display:none}.detail-points{font-size:11px}}
@media(max-width:720px){.product-details{gap:20px}.product-detail,.menu-detail{grid-template-columns:1fr}.detail-copy,.menu-detail .detail-copy{padding:27px;order:0}.detail-copy h3{font-size:28px}.detail-copy p{font-size:14px}.detail-media,.menu-detail .detail-media{padding:22px 15px;border:0;border-top:1px solid #e5ebf2;order:1}.detail-points{font-size:12px;margin:18px 0}.detail-expand{font-size:12px}.detail-windowbar{padding:11px;font-size:9px}.detail-caption{font-size:10px}}
:root{--radius-card:14px;--radius-control:10px;--shadow-card:0 4px 16px #071a3307}
.ui-icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}.workspace-header{position:sticky;top:0;z-index:30;background:linear-gradient(100deg,#071a33,#0e3159);box-shadow:0 4px 14px #071a3314}.workspace-brandbar{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.workspace-brand{display:flex;align-items:center;gap:12px;color:white}.brand-icon{width:46px;height:46px;display:grid;place-items:center;border:1px solid #ffffff24;border-radius:13px;background:#ffffff1a}.brand-icon img{object-fit:contain;background:white;border-radius:3px;padding:2px}.workspace-brand strong{display:block;font-size:26px;letter-spacing:-.8px;line-height:1.1}.workspace-brand strong>span{color:#ff6b22}.workspace-brand small{display:block;color:#a7b7cc;font-size:9px;font-weight:700;letter-spacing:1.25px;margin-top:5px}.workspace-actions{display:flex;align-items:center;gap:22px;color:#dce9ff;font-size:12px}.platform-badge{border:1px solid #ffffff24;background:#ffffff0c;border-radius:10px;padding:9px 12px;display:flex;align-items:center;gap:8px;font-size:11px}.platform-badge .ui-icon{width:16px;height:16px}.platform-badge>span{color:#7f9bbe}.open-app{display:flex;align-items:center;gap:10px;font-weight:600}.open-app:hover{color:white}.workspace-nav{background:white;border-bottom:1px solid #d8e0ea}.workspace-nav-inner{height:65px;display:flex;align-items:center;justify-content:space-between;gap:25px}.workspace-nav nav{display:flex;align-items:center;gap:5px;padding:4px;border:1px solid #d8e0ea;border-radius:14px;background:#f8fafc}.workspace-nav nav a{display:flex;align-items:center;gap:9px;padding:9px 18px;border-radius:10px;color:#667085;font-size:13px;font-weight:600;transition:background .15s,color .15s}.workspace-nav nav a[aria-current]{background:#dce9ff;color:#082e63}.workspace-nav nav a:hover{background:#edf2f7;color:#082e63}.workspace-nav nav a[aria-current]:hover{background:#dce9ff}.nav-start{display:flex;align-items:center;gap:14px;padding:10px 18px;border-radius:10px;background:#071a33;color:white;font-size:12px;font-weight:600}.nav-start:hover{background:#1557b0}.workspace-header .menu-toggle{display:none}.hero{padding-top:48px}.hero-top{align-items:center;gap:50px;margin-bottom:36px}.hero h1{font-size:clamp(40px,4.15vw,60px);line-height:1.12;letter-spacing:-1.8px}.hero-intro{min-width:310px;max-width:330px;padding:0}.hero-intro p{font-size:15px;line-height:1.75}.hero-actions{flex-wrap:wrap;gap:18px}.hero-actions .button{padding:13px 20px}.hero .eyebrow{font-size:10px;letter-spacing:1.15px;margin-bottom:20px}.text-link{font-size:13px}.section{padding-block:76px}.section-heading h2,.pending-layout h2{font-size:40px;letter-spacing:-1.15px;line-height:1.18}.section-heading p{font-size:14px;line-height:1.75}.eyebrow{font-size:10px;letter-spacing:1.15px}.real-showcase{padding:0;background:white;border:1px solid #d8e0ea;border-radius:16px;box-shadow:var(--shadow-card)}.showcase-top{padding:18px 24px;background:#f8fafc;border-bottom:1px solid #e5ebf2;color:#667085;font-size:9px;letter-spacing:1px}.showcase-top>span:first-child{color:#172033;font-weight:700}.showcase-top .live-dot{background:#1557b0}.screen-tabs{margin:18px 24px;display:flex;justify-content:stretch;gap:5px;background:#f4f7fb;border:1px solid #d8e0ea;border-radius:14px;padding:5px}.screen-tabs button{flex:1;justify-content:center;border-radius:10px;padding:12px 16px;color:#667085}.screen-tabs button .ui-icon{width:18px;height:18px}.screen-tabs button span{font-size:12px;font-weight:600}.screen-tabs button.selected{background:#dce9ff;border-color:transparent;box-shadow:none;color:#082e63}.screen-tabs button:hover{background:#edf2f7;border-color:transparent}.device-stage{padding:12px 95px 18px 24px}.desktop-frame{border-width:4px;border-radius:12px;box-shadow:0 12px 30px #071a3317}.window-bar{height:28px}.phone-frame{right:24px;bottom:5px;width:17.5%;box-shadow:0 8px 24px #071a3322}.device-note{display:none}.preview-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 24px 12px;font-size:12px;color:#667085}.expand-screen{border:1px solid #d8e0ea;background:#fff;color:#1557b0;border-radius:9px;padding:8px 12px;font-size:11px;display:flex;align-items:center;gap:7px;white-space:nowrap}.expand-screen:hover{background:#edf4ff}.expand-screen .ui-icon{width:15px;height:15px}.showcase-caption{margin:0;padding:0 24px 18px;align-items:start}.showcase-caption p{font-size:11px}.showcase-caption>span{font-size:10px}.capability-strip span{font-size:10px}.capability-strip strong{font-size:14px}.capability-strip i{font-size:17px}.screen-feature-grid article,.plan,.download-card{box-shadow:var(--shadow-card)}.feature-copy h3{font-size:26px;line-height:1.22;letter-spacing:-.6px}.feature-copy p{font-size:14px}.feature-screen{padding:0 22px 22px;height:auto}.feature-screen img{width:100%;border-width:2px;border-radius:8px;box-shadow:none}.feature-copy{padding-bottom:22px}.screen-feature-grid article{display:flex;flex-direction:column}.feature-screen{margin-top:auto}.pending-section{background:#edf2f7;border-block:1px solid #d8e0ea}.real-payment-card{border-radius:14px;box-shadow:var(--shadow-card)}.steps{border:1px solid #d8e0ea;border-radius:12px;background:white;padding:0 17px}.steps li{padding:13px 0;margin:0;font-size:13px}.steps li+li{border-top:1px solid #edf2f7}.steps span{display:inline-grid;place-items:center;width:24px;height:24px;background:#dce9ff;border-radius:7px;font-weight:600}.pricing-note{font-size:12px}.plan>p,.plan li{font-size:14px}.plan .eyebrow{font-size:10px}.plan-tag{font-size:9px}.price span{font-size:14px}.faq-items{border:1px solid #d8e0ea;border-radius:14px;background:white;padding:0 24px;box-shadow:var(--shadow-card)}.faq details:last-child{border-bottom:0}.faq summary{font-size:14px;padding:22px 0}.faq details p{font-size:14px}.faq h2{font-size:36px;letter-spacing:-.7px}.faq .eyebrow{margin-bottom:16px}.faq{padding-bottom:70px;gap:55px}.page-hero{padding-top:46px;padding-bottom:38px}.page-hero h1{font-size:48px;letter-spacing:-1.4px;line-height:1.15}.page-hero p{font-size:15px}.page-hero .eyebrow{margin-bottom:18px}.comparison-panel{margin-top:36px;background:#fff;border:1px solid #d8e0ea;border-radius:14px;overflow:hidden;box-shadow:var(--shadow-card)}.panel-heading{display:flex;align-items:center;gap:14px;padding:23px}.panel-icon{height:42px;width:42px;border-radius:11px;background:#dce9ff;color:#1557b0;display:grid;place-items:center}.panel-heading h2{font-size:21px;letter-spacing:-.35px}.panel-heading p{font-size:12px;margin-top:5px}.term-badge{margin-left:auto;font-size:11px;padding:5px 11px;border-radius:20px;background:#edf2f7;color:#667085;white-space:nowrap}.comparison-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;padding:17px 23px;border-top:1px solid #e5ebf2}thead{background:#f8fafc;color:#667085}tbody th{font-weight:400}td{color:#082e63;font-weight:500}tbody tr:hover{background:#f8fafc}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.download-card{position:relative}.download-card>.platform-icon{position:absolute;top:34px;right:30px;width:42px;height:42px;border:1px solid #d8e0ea;border-radius:11px;background:#edf4ff;display:grid;place-items:center}.platform-icon .ui-icon{height:23px;width:23px}.download-card h2{font-size:28px}.download-product{height:205px;border:1px solid #d8e0ea;border-radius:10px;background:#f4f7fb;margin-top:24px;overflow:hidden;display:flex;justify-content:center;align-items:center}.desktop-product img{width:100%;height:100%;object-fit:contain}.mobile-product img{height:100%;width:auto;max-width:100%;object-fit:contain;border-inline:4px solid #071a33}.download-card:nth-child(2){background:white}.download-meta{font-size:12px}.closing{padding:40px 44px}.closing h2{font-size:38px}.closing p{font-size:14px}.footer-top h3{font-size:13px}.footer-top>div:not(:first-child)>a{font-size:13px}.footer-bottom{font-size:11px}.footer-top p{font-size:14px}
#screen-dialog{padding:0;border:1px solid #d8e0ea;border-radius:14px;width:min(1400px,94vw);max-height:94vh;box-shadow:0 25px 100px #071a3360;background:#f4f7fb;color:#172033}#screen-dialog::backdrop{background:#071a33b8;backdrop-filter:blur(4px)}.dialog-toolbar{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;gap:20px;background:white;border-bottom:1px solid #d8e0ea}.dialog-toolbar strong{font-size:15px}.dialog-toolbar span{display:block;font-size:11px;color:#667085;margin-top:3px}.dialog-close{border:1px solid #d8e0ea;border-radius:9px;background:#f4f7fb;width:36px;height:36px;display:grid;place-items:center}.dialog-image{padding:18px;max-height:calc(94vh - 80px);overflow:auto;text-align:center}.dialog-image img{max-width:100%;max-height:calc(94vh - 120px);object-fit:contain;height:auto;width:auto}html:has(#screen-dialog[open]){overflow:hidden}
@media(max-width:1000px){.hero-top{gap:30px}.hero-intro{min-width:270px;max-width:290px}.hero h1{font-size:45px}.platform-badge{display:none}.section-heading h2,.pending-layout h2{font-size:35px}.device-stage{padding-right:70px}.phone-frame{width:20%}.feature-copy{padding:25px}.footer-bottom{font-size:10px}}
@media(max-width:720px){.workspace-brandbar{height:68px}.workspace-brand strong{font-size:23px}.workspace-brand small{font-size:7px;letter-spacing:1px}.brand-icon{width:40px;height:40px;border-radius:11px}.brand-icon img{width:30px;height:30px}.workspace-header .menu-toggle{display:grid;place-items:center;width:38px;height:38px;border:1px solid #ffffff30;color:#dce9ff;background:#ffffff0c;border-radius:9px;padding:0}.workspace-actions{margin-left:auto}.open-app{font-size:11px;gap:5px}.open-app .ui-icon{width:15px;height:15px}.workspace-brandbar{gap:12px}.workspace-nav-inner{height:auto;display:block;width:100%}.workspace-nav nav{display:none;margin:0;padding:10px 18px;gap:5px;border-radius:0;border:0;border-top:1px solid #e5ebf2;background:white;grid-template-columns:1fr 1fr}.workspace-nav nav.open{display:grid}.workspace-nav nav a{font-size:13px;padding:12px;justify-content:center}.nav-start{display:none}.hero{padding-top:32px}.hero-top{display:block}.hero h1{font-size:42px;line-height:1.14;letter-spacing:-1.3px}.hero .eyebrow{font-size:8px;letter-spacing:.8px;margin-bottom:18px}.hero-intro{max-width:100%;min-width:0;padding-top:20px}.hero-intro p{font-size:14px}.hero-actions{flex-wrap:nowrap;gap:17px;margin:21px 0 16px}.hero-actions .button{padding:12px 17px;gap:15px}.hero-actions .text-link{font-size:11px;gap:6px}.hero-meta{font-size:11px}.showcase-top{padding:14px;font-size:8px}.screen-tabs{margin:12px 10px;padding:4px;gap:3px;border-radius:11px}.screen-tabs button{padding:9px 3px;gap:5px;border-radius:8px}.screen-tabs button span{font-size:9px}.screen-tabs button .ui-icon{width:13px;height:13px}.device-stage{padding:7px 40px 15px 10px}.phone-frame{right:10px;bottom:5px;width:23%}.window-bar{height:21px}.preview-controls{padding:14px 12px 8px}.preview-controls>span{display:none}.expand-screen{font-size:10px;padding:7px 9px}.showcase-caption{padding:0 12px 13px}.showcase-caption>span{font-size:9px}.showcase-caption p{font-size:10px}.section{padding-block:48px}.section-heading h2,.pending-layout h2{font-size:31px}.section-heading p{font-size:13px}.eyebrow{font-size:9px}.capability-strip span{font-size:8px}.capability-strip strong{font-size:10px}.feature-copy h3{font-size:25px}.feature-copy p{font-size:13px}.feature-screen{height:auto;padding:0 18px 18px}.plan li,.plan>p{font-size:13px}.plan{padding:28px}.faq{gap:22px;padding-bottom:45px}.faq-items{padding-inline:18px}.faq summary{font-size:13px}.faq details p{font-size:13px}.faq h2{font-size:31px}.page-hero{padding-top:30px;padding-bottom:30px}.page-hero h1{font-size:37px}.page-hero p{font-size:14px}.panel-heading{padding:17px;gap:10px}.panel-heading h2{font-size:18px}.panel-heading p{font-size:11px}.term-badge{display:none}.panel-icon{width:35px;height:35px}.comparison-scroll table{min-width:420px;font-size:12px}th,td{padding:13px 17px}.download-card{padding:27px}.download-product{height:190px}.closing{padding:28px}.closing h2{font-size:31px}.closing p{font-size:13px}.footer-bottom{font-size:9px}.footer-top>div:not(:first-child)>a{font-size:12px}.dialog-toolbar{padding:13px}.dialog-toolbar strong{font-size:12px}.dialog-image{padding:6px}.dialog-close{flex-shrink:0}.workspace-header .ui-icon{pointer-events:none}}
@media(max-width:360px){.open-app{font-size:0;gap:0}.open-app .ui-icon{width:20px;height:20px}.hero h1{font-size:37px}.hero-actions{gap:10px}.screen-tabs button span{font-size:8px}}
:root { --content-border: #d8e0ea; }
.capability-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.capability-grid article { background:#fff; border:1px solid var(--content-border); border-radius:20px; padding:30px; }
.capability-number { display:block; color:#1557b0; font-size:12px; font-weight:700; letter-spacing:.08em; margin-bottom:26px; }
.capability-grid h3 { font-size:23px; line-height:1.25; margin:0 0 14px; }
.capability-grid p,.insight-grid p { color:#667085; line-height:1.7; margin:0; }
.plan-teaser { display:grid; grid-template-columns:1fr 1fr; border:1px solid #d8e0ea; background:white; border-radius:20px; padding:32px; gap:24px; }
.plan-teaser h3 { font-size:25px; margin:0 0 12px; }
.plan-teaser h3 > span { display:block; margin-top:12px; color:#1557b0; }
.plan-teaser h3 span span { font-size:14px; color:#667085; margin-left:6px; }
.plan-teaser .button { justify-self:start; grid-column:1/-1; }
.insight-panel { background:linear-gradient(110deg,#071a33,#0e3159); color:white; border-radius:24px; padding:42px; }
.insight-panel h2 { font-size:36px; max-width:680px; margin:15px 0 30px; }
.insight-panel .eyebrow,.insight-panel .text-link { color:#dce9ff; }
.insight-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; margin-bottom:28px; }
.insight-grid h3 { font-size:21px; line-height:1.4; }
.insight-grid p { color:#c6d5e9; }
.billing-explainer { padding-top:65px; }
.billing-explainer h2 { margin:16px 0 30px; font-size:36px; }
.purchase-layout { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:32px; align-items:start; padding-bottom:55px; }
.purchase-summary,.purchase-panel { padding:36px; background:#fff; border:1px solid #d8e0ea; border-radius:22px; }
.purchase-summary { background:linear-gradient(135deg,#071a33,#0e3159); color:#fff; }
.purchase-summary h2 { font-size:36px; margin:12px 0; }
.purchase-summary p,.purchase-summary .eyebrow,.purchase-summary .text-link { color:#dce9ff; }
.purchase-summary p,.purchase-panel p,.purchase-help p { line-height:1.7; }
.purchase-steps { margin:32px 0; padding-left:22px; display:grid; gap:20px; }
.purchase-panel h2 { font-size:28px; margin:20px 0 12px; }
.purchase-panel label { display:block; margin:22px 0 9px; font-weight:700; }
.purchase-panel input { display:block; width:100%; box-sizing:border-box; padding:14px; border:1px solid #aebdd0; border-radius:10px; background:#fff; color:#172033; font:inherit; }
.purchase-panel input:focus { outline:3px solid #dce9ff; border-color:#1557b0; }
.purchase-panel .button { margin:24px 0 18px; width:100%; justify-content:center; }
.purchase-panel .text-link { display:block; background:none; border:0; padding:0; cursor:pointer; font:inherit; text-align:left; }
.purchase-panel .button:disabled { opacity:.55; cursor:wait; }
.purchase-panel [hidden] { display:none !important; }
#purchase-status { background:#edf4ff; border-left:3px solid #1557b0; color:#0e3159; padding:14px 16px; border-radius:8px; margin:0 0 20px; overflow-wrap:anywhere; }
.fine-print { font-size:14px; color:#667085; }
.order-review { display:grid; grid-template-columns:1fr 1fr; gap:18px; padding:22px 0; border-block:1px solid #d8e0ea; }
.order-review dt { color:#667085; }
.order-review dd { margin:0; text-align:right; overflow-wrap:anywhere; font-weight:700; }
.purchase-help { padding-bottom:70px; max-width:850px; }
@media(max-width:900px) { .capability-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .insight-grid { grid-template-columns:1fr; gap:12px; } .purchase-layout { grid-template-columns:1fr; } }
@media(max-width:600px) { .capability-grid,.plan-teaser { grid-template-columns:1fr; } .capability-grid article,.plan-teaser,.purchase-summary,.purchase-panel { padding:24px; } .insight-panel { padding:26px; border-radius:18px; } .insight-panel h2,.billing-explainer h2 { font-size:29px; } .order-review { font-size:14px; } }
:focus-visible { outline:3px solid #ff6b22; outline-offset:4px; }
[hidden] { display:none !important; }
.contact-grid { margin-bottom:48px; }
.contact-grid a,.footer a { overflow-wrap:anywhere; }
.insight-panel { margin-bottom:48px; }
.insight-panel > p { color:#dce9ff; max-width:850px; line-height:1.8; }
.purchase-panel select,.purchase-panel textarea,.help-library input { font:inherit; width:100%; box-sizing:border-box; padding:14px; border:1px solid #aebdd0; border-radius:10px; background:#fff; color:#172033; }
.purchase-panel textarea { resize:vertical; }
.help-library { padding-bottom:48px; }
.help-library > label { display:block; font-weight:700; margin-bottom:12px; }
.guide-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.guide { border:1px solid #d8e0ea; border-radius:20px; padding:30px; background:white; scroll-margin-top:165px; }
.guide h2 { font-size:26px; margin:14px 0; }
.guide p { line-height:1.8; color:#667085; }
.guide .text-link { font-size:14px; }
.account-shell { max-width:850px; margin-bottom:70px; }
.account-shell form { max-width:620px; }
.account-tabs { display:flex; gap:12px; margin:24px 0; flex-wrap:wrap; }
.account-tabs button { border:1px solid #d8e0ea; border-radius:10px; padding:12px 18px; background:#fff; color:#172033; font:inherit; cursor:pointer; }
.account-tabs button[aria-pressed="true"] { background:#dce9ff; color:#0e3159; border-color:#1557b0; }
.purchase-panel .consent { display:flex; align-items:flex-start; gap:12px; font-weight:400; font-size:14px; }
.purchase-panel .consent input { width:20px; flex-shrink:0; margin-top:3px; }
.purchase-panel small { display:block; margin-top:8px; color:#667085; }
.account-notice { border-left:3px solid #1557b0; padding:18px; background:#edf4ff; }
.account-actions { display:flex; gap:14px; flex-wrap:wrap; align-items:center; }
.account-actions .button { width:auto; }
.payment-row { border:1px solid #d8e0ea; border-radius:14px; padding:20px; margin:18px 0; overflow-wrap:anywhere; }
.onboarding-list { max-width:900px; padding-bottom:70px; }
.onboarding-list > label { display:flex; gap:18px; padding:24px; border:1px solid #d8e0ea; border-radius:15px; background:#fff; margin-bottom:14px; cursor:pointer; align-items:center; }
.onboarding-list input { width:22px; height:22px; accent-color:#1557b0; flex-shrink:0; }
.onboarding-list small { display:block; color:#1557b0; font-size:11px; letter-spacing:.1em; margin-bottom:8px; }
.onboarding-list .button { margin-right:20px; }
.release-notes { line-height:1.8; padding-left:22px; }
@media(min-width:761px) and (max-width:1050px) { .workspace-nav nav a { padding:9px 10px; gap:5px; } .workspace-nav-inner { gap:10px; } .workspace-nav .ui-icon { width:16px; } }
@media(max-width:760px) { .guide-grid { grid-template-columns:1fr; } .guide { padding:24px; scroll-margin-top:105px; } .account-shell { width:calc(100% - 36px); box-sizing:border-box; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto !important; transition:none !important; animation:none !important; } }
.workspace-nav nav .mobile-account-link { display:none; }
@media(max-width:720px) { .workspace-nav nav.open .mobile-account-link { display:flex; } }
.capability-grid + .insight-panel { margin-top:48px; }

#ticket-workspace { margin-top: 28px; }
#ticket-workspace h2 { margin-top: 32px; }
.ticket-list-item { display: block; width: 100%; text-align: left; padding: 18px; margin: 10px 0; border: 1px solid #dbe3ef; border-radius: 16px; background: #f5f8fd; color: #102a49; font: inherit; overflow-wrap: anywhere; cursor: pointer; }
.ticket-list-item:hover { background: #e7effc; }
#ticket-reference, #ticket-messages p { overflow-wrap: anywhere; white-space: pre-wrap; }
#ticket-thread { border-top: 1px solid #dbe3ef; margin-top: 28px; }
#operations-health { overflow: auto; max-height: 400px; padding: 20px; background: #071a33; color: #fff; border-radius: 16px; font-size: 13px; }