:root{--bg:#f7f8fc;--surface:#fff;--text:#121827;--muted:#687084;--line:#e7e9f0;--primary:#6d5dfc;--primary-dark:#4f3fe7;--accent:#2cc4a0;--shadow:0 24px 70px rgba(38,44,74,.12);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);line-height:1.6}a{text-decoration:none;color:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}.section-pad{padding:108px 0}.site-header{position:sticky;top:0;z-index:50;background:rgba(247,248,252,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(231,233,240,.85)}.nav-wrap{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:21px;font-weight:800;letter-spacing:-.7px;display:inline-flex;align-items:center}.brand-mark{color:var(--primary);margin-right:1px}.site-nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:600}.site-nav>a:not(.button):hover{color:var(--primary)}.nav-toggle{display:none;background:none;border:0;font-size:24px}.button{display:inline-flex;justify-content:center;align-items:center;border-radius:12px;padding:14px 21px;background:var(--primary);color:white;font-weight:700;box-shadow:0 10px 30px rgba(109,93,252,.23);transition:.2s ease}.button:hover{transform:translateY(-2px);background:var(--primary-dark)}.button-small{padding:10px 16px}.button-secondary{background:white;color:var(--text);border:1px solid var(--line);box-shadow:none}.button-secondary:hover{background:#f0f2f8}.full{width:100%}.hero{overflow:hidden;padding-top:92px}.hero-grid{display:grid;grid-template-columns:.95fr 1.15fr;align-items:center;gap:70px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.17em;font-weight:800;color:var(--primary);margin-bottom:18px}.hero h1,.section-heading h2,.security-grid h2,.cta-card h2{letter-spacing:-.045em;line-height:1.05;margin:0}.hero h1{font-size:clamp(52px,7vw,86px)}.gradient-text{background:linear-gradient(100deg,var(--primary),#9d5dfc 58%,#2cc4a0);-webkit-background-clip:text;color:transparent}.hero-lead{font-size:19px;color:var(--muted);max-width:600px;margin:28px 0}.hero-actions{display:flex;gap:12px}.trust-row{display:flex;flex-wrap:wrap;gap:18px;margin-top:25px;color:var(--muted);font-size:12px}.trust-row span:before{content:"✓";color:var(--accent);font-weight:800;margin-right:7px}.dashboard-shell{background:#1c2130;border-radius:26px;box-shadow:var(--shadow);padding:12px;transform:rotate(1.2deg)}.window-bar{height:32px;display:flex;gap:7px;padding:7px}.window-bar span{width:9px;height:9px;background:#4a5060;border-radius:50%}.dashboard-grid{display:grid;grid-template-columns:76px 1fr;background:#f8f9fc;border-radius:18px;overflow:hidden;min-height:510px}.sidebar-preview{background:#252b3b;padding:24px 15px}.mini-logo{height:42px;width:42px;border-radius:12px;background:var(--primary);display:grid;place-items:center;color:white;font-weight:800;margin-bottom:38px}.side-line{height:9px;border-radius:20px;background:#596174;margin:24px 4px}.side-line.active{background:var(--primary)}.side-line.short{width:65%}.dashboard-content{padding:28px}.preview-header{display:flex;justify-content:space-between;align-items:center}.preview-header small{color:var(--muted)}.preview-header h3{font-size:20px;margin:3px 0}.status-pill{font-size:11px;padding:5px 9px;border-radius:20px;background:#dff8ef;color:#168a69;font-weight:800}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:26px 0}.metric-grid article,.orders-card{background:white;border:1px solid var(--line);border-radius:15px;padding:16px}.metric-grid small{display:block;color:var(--muted);font-size:10px}.metric-grid strong{font-size:23px;display:block}.metric-grid span{font-size:9px;color:#2e997b}.orders-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:13px;margin-bottom:4px;font-size:12px}.orders-head span{color:var(--primary)}.order-row{display:grid;grid-template-columns:12px 1fr 1fr auto;gap:8px;align-items:center;padding:15px 0;border-bottom:1px solid #f0f1f5;font-size:10px}.order-row:last-child{border:0}.order-row em{font-style:normal;border-radius:20px;padding:4px 7px;font-weight:700}.confirmed{background:#e1f7ef;color:#168a69}.processing{background:#fff1d8;color:#a36d00}.shipped{background:#e7e5ff;color:#5844e7}.retailer-dot{width:8px;height:8px;border-radius:3px;background:#dc3c49}.retailer-dot.alt{background:#3976ee}.retailer-dot.third{background:#177b43}.retailer-dot.fourth{background:#f4a319}.logo-strip{padding:32px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:white;text-align:center}.logo-strip p{font-size:12px;color:var(--muted);margin-top:0}.retailer-list{display:flex;justify-content:center;flex-wrap:wrap;gap:42px;font-weight:800;color:#474e5f;opacity:.75}.section-heading{max-width:760px;margin-bottom:54px}.section-heading.narrow{max-width:650px;margin-left:auto;margin-right:auto;text-align:center}.section-heading h2,.security-grid h2{font-size:clamp(38px,5vw,58px)}.section-heading p,.security-lead{font-size:18px;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{background:var(--surface);border:1px solid var(--line);padding:30px;border-radius:var(--radius);min-height:260px}.feature-card.featured{grid-column:span 2;background:linear-gradient(145deg,#fff,#f1efff)}.icon-box{height:44px;width:44px;border-radius:13px;background:#efedff;color:var(--primary);display:grid;place-items:center;font-weight:800}.feature-card h3{font-size:21px;margin:22px 0 8px}.feature-card p{color:var(--muted)}.mini-flow{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}.mini-flow span{font-size:10px;padding:7px 10px;border-radius:9px;background:white;border:1px solid var(--line)}.alt-section{background:white}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.steps-grid article{padding:32px;border-left:1px solid var(--line)}.steps-grid span{font-size:12px;color:var(--primary);font-weight:800}.steps-grid h3{font-size:23px}.steps-grid p{color:var(--muted)}.security-section{background:#161b29;color:white}.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:start}.security-lead{color:#aab1c1}.text-link{color:#a99fff;font-weight:700}.security-points{display:grid;grid-template-columns:1fr 1fr;gap:18px}.security-points article{border:1px solid #353b4c;background:#1d2332;border-radius:18px;padding:24px}.security-points p{color:#aab1c1;font-size:14px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}.price-card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:34px;position:relative}.price-card.popular{border:2px solid var(--primary);box-shadow:var(--shadow)}.popular-tag{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--primary);color:white;border-radius:20px;padding:5px 12px;font-size:10px;font-weight:800}.price-card h3{font-size:24px;margin:0}.price-card>p{color:var(--muted)}.price{font-size:44px;font-weight:800;letter-spacing:-.04em;margin:24px 0}.price span{font-size:13px;color:var(--muted);font-weight:500}.price-card ul{list-style:none;padding:0;margin:0 0 30px}.price-card li{padding:9px 0;border-bottom:1px solid #f1f2f6;font-size:14px}.price-card li:before{content:"✓";color:var(--accent);margin-right:9px;font-weight:800}.faq-wrap{max-width:850px}.faq-list details{border-bottom:1px solid var(--line);padding:21px 0}.faq-list summary{font-weight:700;cursor:pointer;list-style:none}.faq-list summary:after{content:"+";float:right;color:var(--primary)}.faq-list details[open] summary:after{content:"−"}.faq-list p{color:var(--muted);max-width:740px}.cta-card{background:linear-gradient(120deg,#5e4eea,#7c62ff 55%,#3cbf9e);padding:56px;border-radius:30px;color:white;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-card h2{font-size:clamp(34px,5vw,54px);max-width:700px}.cta-card p{color:#ece9ff}.light{color:#d9d4ff}.button-light{background:white;color:var(--primary);box-shadow:none;white-space:nowrap}.button-light:hover{background:#f7f6ff}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:50px;padding:70px 0 45px}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.footer-grid p,.footer-grid small,.footer-grid a{color:var(--muted);font-size:13px}.footer-grid a:hover{color:var(--primary)}.footer-brand{color:var(--text)!important;font-size:23px!important}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:22px 0 35px;font-size:12px;color:var(--muted)}.legal-page{padding:110px 0}.legal-page .content{max-width:820px}.legal-page h1{font-size:50px;letter-spacing:-.04em}.legal-page h2{margin-top:36px}.legal-page p,.legal-page li{color:var(--muted)}.notice{padding:15px 18px;border-radius:14px;background:#fff6d9;border:1px solid #f3df9b;color:#71591a;margin-bottom:30px}
@media(max-width:940px){.site-nav{position:absolute;top:76px;left:20px;right:20px;background:white;border:1px solid var(--line);border-radius:16px;padding:18px;flex-direction:column;display:none;box-shadow:var(--shadow)}.site-nav.open{display:flex}.nav-toggle{display:block}.hero-grid,.security-grid{grid-template-columns:1fr}.dashboard-shell{transform:none}.feature-grid{grid-template-columns:1fr 1fr}.pricing-grid{grid-template-columns:1fr}.security-points{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.nav-signin{display:none}}
@media(max-width:650px){.container{width:min(100% - 28px,1160px)}.section-pad{padding:76px 0}.hero{padding-top:64px}.hero h1{font-size:49px}.hero-actions{flex-direction:column}.button{width:100%}.dashboard-grid{grid-template-columns:53px 1fr;min-height:430px}.sidebar-preview{padding:18px 8px}.mini-logo{width:36px;height:36px;font-size:12px}.dashboard-content{padding:16px}.metric-grid{grid-template-columns:1fr}.metric-grid article:nth-child(n+2){display:none}.order-row{grid-template-columns:10px 1fr auto}.order-row b{display:none}.feature-grid,.steps-grid,.security-points{grid-template-columns:1fr}.feature-card.featured{grid-column:auto}.steps-grid article{border-left:0;border-top:1px solid var(--line)}.cta-card{padding:36px 26px;flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:7px}.retailer-list{gap:20px;font-size:13px}}

.pricing-grid-single{grid-template-columns:minmax(0,430px);justify-content:center}.pricing-grid-single .price-card{width:100%}.price-note{display:block;margin-top:16px;text-align:center;color:var(--muted);font-size:12px}

/* XPOrders v2 product previews */
.hero h1{font-size:clamp(3.6rem,7vw,6.7rem);line-height:.9;letter-spacing:-.065em}
.hero-product{transform:perspective(1400px) rotateY(-2deg);box-shadow:0 35px 100px rgba(0,0,0,.55),0 0 70px rgba(54,91,255,.12)}
.product-window{background:#071525;border:1px solid rgba(147,180,219,.18);border-radius:24px;overflow:hidden}
.app-top{height:54px;display:flex;align-items:center;gap:24px;padding:0 18px;border-bottom:1px solid rgba(142,171,207,.14);font-size:.78rem;color:#9eb0c8}.app-top strong{color:#fff;margin-right:auto}.mini-xp{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,#1677ff,#7138f5);font-size:.66rem}.demo-chip{padding:6px 9px;border-radius:999px;background:rgba(72,107,255,.13);color:#9ec0ff}
.app-layout{display:grid;grid-template-columns:62px 1fr;min-height:470px}.app-sidebar{padding:20px 12px;display:flex;flex-direction:column;gap:13px;border-right:1px solid rgba(142,171,207,.12)}.app-sidebar span{height:34px;border-radius:8px;display:grid;place-items:center;color:#6e8097}.app-sidebar .active{background:linear-gradient(135deg,#19458d,#4246ba);color:#fff}
.app-main{padding:20px}.metric-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.metric-strip article{background:#0d1e33;border:1px solid rgba(142,171,207,.12);padding:13px;border-radius:11px}.metric-strip small,.analytics-metrics small{display:block;color:#8294ad;text-transform:uppercase;font-size:.58rem}.metric-strip b{display:block;margin-top:8px;font-size:1.18rem}
.demo-table{margin-top:15px;background:#0b1b2d;border:1px solid rgba(142,171,207,.12);border-radius:12px;padding:13px}.table-title{display:flex;justify-content:space-between;margin-bottom:9px}.table-title span{color:#6ca4ff;font-size:.7rem}.demo-table>div:not(.table-title){display:grid;grid-template-columns:.9fr .9fr 1.35fr .8fr .55fr;gap:8px;padding:10px 5px;border-top:1px solid rgba(142,171,207,.09);font-size:.63rem;align-items:center}.demo-table em{font-style:normal;border-radius:999px;padding:4px 6px;text-align:center;font-size:.55rem}.green{color:#41e097;background:rgba(21,198,124,.12)}.blue{color:#6aa5ff;background:rgba(43,109,255,.13)}.purple{color:#bd82ff;background:rgba(141,66,255,.12)}
.chart-row{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin-top:12px}.chart-row>div{height:122px;background:#0b1b2d;border:1px solid rgba(142,171,207,.12);border-radius:12px}.bar-chart{display:flex;align-items:flex-end;justify-content:center;gap:12px;padding:20px}.bar-chart i,.large-bars i{display:block;width:11%;background:linear-gradient(180deg,#396eff,#7847f5);border-radius:4px 4px 0 0}.bar-chart i:nth-child(1){height:22%}.bar-chart i:nth-child(2){height:48%}.bar-chart i:nth-child(3){height:34%}.bar-chart i:nth-child(4){height:70%}.bar-chart i:nth-child(5){height:89%}.bar-chart i:nth-child(6){height:31%}.donut{position:relative}.donut:after{content:"";position:absolute;inset:25px;border-radius:50%;background:conic-gradient(#2dc886 0 37%,#2670ff 37% 60%,#7c41ef 60% 85%,#24364d 85%);}.donut:before{content:"";position:absolute;z-index:1;inset:46px;border-radius:50%;background:#0b1b2d}
.tour-stack{display:grid;gap:88px;margin-top:55px}.tour-row{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:center}.tour-row.reverse{grid-template-columns:1.28fr .72fr}.tour-row.reverse>div:first-child{order:2}.tour-row h3{font-size:2.05rem;margin:.7rem 0 1rem}.tour-row p{color:var(--muted);font-size:1.06rem;line-height:1.75}.step-label{color:#78a6ff;font-size:.73rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em}
.mini-screen{min-height:315px;background:#091a2c;border:1px solid rgba(132,170,214,.19);border-radius:20px;padding:18px;box-shadow:0 25px 60px rgba(0,0,0,.28)}.screen-head{display:flex;justify-content:space-between;padding:2px 4px 16px;font-weight:700}.screen-head b{font-size:.7rem;color:#84a7d1}.fake-row{display:grid;grid-template-columns:18px .8fr .9fr .7fr .85fr .7fr;gap:9px;align-items:center;padding:15px 7px;border-top:1px solid rgba(137,170,205,.12);font-size:.68rem}.fake-row i{width:9px;height:9px;background:#fff;border-radius:2px}.fake-row em{font-style:normal;color:#b997ff;background:rgba(133,71,255,.12);border-radius:99px;padding:5px;text-align:center}.account-card{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;margin:10px 0;padding:16px;background:#10243a;border:1px solid rgba(137,170,205,.12);border-radius:13px}.account-card .avatar{display:grid;place-items:center;width:36px;height:36px;background:#172f4b;border-radius:9px;color:#ff5c5c;font-weight:800}.account-card small{display:block;color:#7f95b0;margin-top:5px}.account-card em{font-style:normal;color:#31d990;font-size:.68rem}.analytics-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.analytics-metrics span{padding:15px;background:linear-gradient(135deg,rgba(57,82,199,.8),rgba(167,65,224,.55));border-radius:11px}.analytics-metrics b{font-size:1.3rem}.large-bars{height:160px;display:flex;gap:22px;align-items:flex-end;padding:24px 40px}.large-bars i{width:18%}.large-bars i:nth-child(1){height:34%}.large-bars i:nth-child(2){height:57%}.large-bars i:nth-child(3){height:82%}.large-bars i:nth-child(4){height:68%}
.community-section{padding-top:20px}.community-card{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:48px;border-radius:26px;background:linear-gradient(120deg,#172c88,#5533d8 55%,#b13c7d);box-shadow:0 30px 80px rgba(62,50,194,.2)}.community-card h2{font-size:2.5rem;margin:8px 0}.community-card p{max-width:680px;color:rgba(255,255,255,.77)}
.change-entry{padding:25px 0;border-top:1px solid rgba(138,168,202,.15)}.change-entry small{color:#79a7ff}.change-entry h2{margin:.5rem 0}
@media(max-width:900px){.hero-product{transform:none}.app-layout{grid-template-columns:46px 1fr}.metric-strip{grid-template-columns:repeat(2,1fr)}.demo-table>div:not(.table-title){grid-template-columns:1fr 1fr}.demo-table>div span:nth-child(3),.demo-table>div em{display:none}.tour-row,.tour-row.reverse{grid-template-columns:1fr;gap:30px}.tour-row.reverse>div:first-child{order:0}.community-card{align-items:flex-start;flex-direction:column}.app-layout{min-height:390px}}
@media(max-width:600px){.hero h1{font-size:3.35rem}.app-sidebar{display:none}.app-layout{grid-template-columns:1fr}.app-main{padding:12px}.chart-row{grid-template-columns:1fr}.donut{display:none}.tour-stack{gap:55px}.fake-row{grid-template-columns:16px 1fr 1fr}.fake-row span:nth-of-type(2),.fake-row span:nth-of-type(3),.fake-row em{display:none}.analytics-metrics{grid-template-columns:1fr}.community-card{padding:32px 24px}}

/* Desktop-first account and download flow */
.download-flow-card{background:linear-gradient(160deg,#081526,#0d2037);border:1px solid rgba(129,166,211,.2);border-radius:26px;padding:24px;color:#fff;box-shadow:0 32px 90px rgba(13,31,57,.28)}
.flow-window-head{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding-bottom:20px;border-bottom:1px solid rgba(147,177,214,.15)}.flow-window-head em{font-style:normal;color:#86a0c0;font-size:12px}.flow-logo{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#2178ff,#7543ed);font-weight:800}.flow-step{display:grid;grid-template-columns:38px 1fr auto;gap:14px;align-items:center;padding:21px 2px}.flow-step>b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#142b47;color:#83adff}.flow-step.complete>b{background:linear-gradient(135deg,#216dff,#7045ec);color:#fff}.flow-step small{display:block;color:#879cb6;margin-top:4px}.flow-step>span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#7ba5ff}.flow-line{height:1px;background:rgba(147,177,214,.12);margin-left:48px}.flow-account-bar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:12px;padding:18px;background:rgba(40,77,123,.24);border:1px solid rgba(125,164,216,.15);border-radius:15px}.flow-account-bar small{display:block;color:#829bb9}.flow-account-bar a{color:#86adff;font-weight:700;font-size:13px;white-space:nowrap}
.portal-capabilities{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:48px}.portal-capabilities article{background:#f7f8fc;border:1px solid var(--line);border-radius:17px;padding:22px}.portal-capabilities p{color:var(--muted);font-size:13px;margin-bottom:0}
.portal-page{min-height:100vh;background:radial-gradient(circle at 20% 10%,rgba(89,74,238,.12),transparent 35%),#f7f8fc}.account-shell{width:min(1060px,calc(100% - 40px));margin:0 auto;padding:110px 0;display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}.account-intro h1,.download-gate h1{font-size:clamp(44px,6vw,70px);line-height:1;letter-spacing:-.055em;margin:0}.account-intro>p{font-size:18px;color:var(--muted);max-width:620px}.account-benefits{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}.account-benefits span{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px;font-size:13px;font-weight:700}.account-benefits span:before{content:'✓';color:var(--accent);margin-right:8px}.auth-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:var(--shadow)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#f2f3f7;border-radius:11px;padding:4px;margin-bottom:24px}.auth-tabs button{border:0;background:transparent;padding:11px;border-radius:8px;font-weight:700;color:var(--muted)}.auth-tabs button.active{background:#fff;color:var(--text);box-shadow:0 4px 16px rgba(27,35,60,.08)}.integration-notice{padding:18px;border-radius:15px;background:#fff7dc;border:1px solid #efdda4;margin-bottom:18px}.integration-notice p{margin-bottom:0;color:#6d5a27;font-size:13px}.disabled-button{opacity:.55;cursor:not-allowed}.disabled-button:hover{transform:none}.auth-help{text-align:center;color:var(--muted);font-size:12px;margin:18px 0 0}.auth-help a{color:var(--primary)}
.download-page{min-height:calc(100vh - 140px);display:grid;align-items:center;padding:90px 0}.download-gate{max-width:760px;margin:auto;text-align:center;background:#fff;border:1px solid var(--line);border-radius:28px;padding:60px;box-shadow:var(--shadow)}.download-gate>p{font-size:18px;color:var(--muted);max-width:610px;margin:20px auto 28px}.download-gate>small{display:block;margin-top:18px;color:var(--muted)}.os-icon{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 20px;border-radius:18px;background:linear-gradient(135deg,#2475ff,#7542ee);color:#fff;font-size:30px}.gate-sequence{display:flex;justify-content:center;align-items:center;gap:11px;flex-wrap:wrap;margin:30px 0}.gate-sequence span{padding:9px 13px;border:1px solid var(--line);border-radius:10px;font-size:12px;font-weight:700}.gate-sequence i{font-style:normal;color:var(--primary)}.release-policy{background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;margin:34px 0}.legal-intro{font-size:18px;color:var(--muted);max-width:750px}
@media(max-width:900px){.portal-capabilities{grid-template-columns:1fr 1fr}.account-shell{grid-template-columns:1fr;gap:40px}.download-flow-card{margin-top:10px}}
@media(max-width:600px){.flow-window-head{grid-template-columns:auto 1fr}.flow-window-head em{display:none}.flow-step{grid-template-columns:34px 1fr}.flow-step>span{display:none}.flow-account-bar{align-items:flex-start;flex-direction:column}.portal-capabilities,.account-benefits{grid-template-columns:1fr}.account-shell{width:min(100% - 28px,1060px);padding:70px 0}.download-gate{padding:38px 22px}.download-gate h1{font-size:44px}}

/* Account, billing, and protected downloads */
.auth-form{display:grid;gap:16px;margin-top:18px}.auth-form label{display:grid;gap:8px;font-weight:600;color:var(--text)}.auth-form input{width:100%;border:1px solid rgba(148,163,184,.25);background:rgba(8,13,28,.72);color:#fff;border-radius:12px;padding:13px 14px;font:inherit;outline:none}.auth-form input:focus{border-color:#6c7cff;box-shadow:0 0 0 3px rgba(108,124,255,.14)}.field-note{font-size:.82rem;color:var(--muted);margin:-6px 0 0}.form-message{border-radius:11px;padding:11px 13px;margin:14px 0;font-size:.9rem;background:rgba(96,112,255,.12);border:1px solid rgba(108,124,255,.25);color:#dce2ff}.form-message.error{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.28);color:#fecaca}.form-message.success{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.28);color:#bbf7d0}.portal-card{min-height:420px}.portal-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid rgba(148,163,184,.16)}.portal-heading div{display:grid;gap:4px}.portal-heading small,.subscription-panel small{color:var(--muted)}.portal-heading strong{font-size:1rem}.link-button{background:none;border:0;color:#aab5ff;font:inherit;font-weight:600;cursor:pointer}.subscription-panel{display:grid;gap:8px;margin:24px 0;padding:22px;border-radius:16px;background:rgba(13,20,42,.7);border:1px solid rgba(148,163,184,.16)}.subscription-panel strong{font-size:1.45rem}.subscription-panel strong[data-status="active"],.subscription-panel strong[data-status="trialing"]{color:#86efac}.subscription-panel p{margin:0;color:var(--muted)}.portal-actions{display:grid;gap:12px}.download-gate.access-approved{border-color:rgba(34,197,94,.32);box-shadow:0 22px 70px rgba(34,197,94,.07)}


/* Account portal readability and state fixes */
[hidden]{display:none!important}
.portal-page .site-header{background:rgba(247,248,252,.96)}
.account-shell{width:min(1180px,calc(100% - 48px));grid-template-columns:minmax(0,1.15fr) minmax(400px,480px);gap:56px;padding:88px 0 96px}
.account-intro{min-width:0}.account-intro h1{font-size:clamp(48px,5.6vw,76px);max-width:720px}.account-intro>p{max-width:650px}
.auth-card{width:100%;padding:28px;border-radius:22px;overflow:hidden}
.auth-tabs button{cursor:pointer;font:inherit}.auth-tabs button:focus-visible{outline:3px solid rgba(109,93,252,.25);outline-offset:2px}
.auth-form{margin-top:6px;gap:18px}.auth-form label{font-size:14px;gap:7px}
.auth-form input{min-height:50px;background:#f7f8fc;color:var(--text);border:1px solid #dfe3ec;border-radius:11px;padding:12px 14px;box-shadow:inset 0 1px 2px rgba(18,24,39,.03)}
.auth-form input:hover{border-color:#cbd1df}.auth-form input:focus{background:#fff;border-color:var(--primary);box-shadow:0 0 0 4px rgba(109,93,252,.12)}
.auth-form .button{border:0;min-height:50px;cursor:pointer;font:inherit}.auth-form .button:disabled{opacity:.65;cursor:wait;transform:none}
.form-message{color:#47506a;background:#f2f0ff;border-color:#ddd8ff;line-height:1.45;overflow-wrap:anywhere}
.form-message.error{color:#a62a35;background:#fff1f2;border-color:#fecdd3}.form-message.success{color:#137154;background:#ecfdf5;border-color:#a7f3d0}
.auth-help{margin-top:22px}.portal-card{min-height:auto}.subscription-panel{background:#f7f8fc;border-color:#e2e6ef}.subscription-panel p{color:var(--muted)}
.link-button{color:var(--primary)}
@media(max-width:900px){.account-shell{width:min(760px,calc(100% - 36px));grid-template-columns:1fr;padding-top:64px}.account-intro{text-align:center}.account-intro h1,.account-intro>p{margin-left:auto;margin-right:auto}.account-benefits{text-align:left}.auth-card{max-width:520px;margin:auto}}
@media(max-width:600px){.account-shell{width:min(100% - 24px,760px);padding:44px 0 64px;gap:30px}.account-intro h1{font-size:42px}.account-intro>p{font-size:16px}.auth-card{padding:20px;border-radius:18px}.auth-tabs button{padding:10px 6px}.account-benefits{gap:8px}.account-benefits span{padding:12px}}

.oauth-button{width:100%;min-height:50px;display:flex;align-items:center;justify-content:center;gap:11px;border:1px solid #dfe3ec;border-radius:11px;background:#fff;color:var(--text);font:inherit;font-weight:700;cursor:pointer;box-shadow:0 1px 2px rgba(18,24,39,.03);transition:border-color .2s,box-shadow .2s,transform .2s}.oauth-button:hover{border-color:#c5ccda;box-shadow:0 8px 24px rgba(18,24,39,.08);transform:translateY(-1px)}.oauth-button:disabled{opacity:.65;cursor:wait;transform:none}.google-mark{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font-weight:800;font-size:15px;background:conic-gradient(from -45deg,#4285f4 0 25%,#34a853 0 50%,#fbbc05 0 75%,#ea4335 0);color:#fff;border:2px solid #fff;box-shadow:0 0 0 1px #e5e7eb}.auth-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:#8a91a3;font-size:12px}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:#e5e8ef}.auth-divider span{white-space:nowrap}

/* Clear product-purpose and audience sections */
.retailer-status-list span{display:grid;gap:4px;text-align:center}.retailer-status-list b{font-size:.92rem}.retailer-status-list small{color:#7891b2;font-size:.66rem;text-transform:uppercase;letter-spacing:.1em}.audience-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:center}.audience-grid h2{font-size:clamp(2.2rem,4vw,3.6rem);line-height:1.05;margin:.7rem 0 1rem}.audience-grid>div:first-child p{color:var(--muted);font-size:1.08rem;line-height:1.75}.audience-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.audience-cards article{display:grid;gap:7px;padding:23px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:0 12px 32px rgba(20,29,55,.05)}.audience-cards span{color:var(--muted);font-size:.88rem;line-height:1.55}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:930px;margin:42px auto 0}.comparison-column{padding:30px;border-radius:21px;border:1px solid var(--line)}.comparison-column h3{margin-top:0;font-size:1.35rem}.comparison-column p{position:relative;margin:0;padding:14px 0 14px 30px;border-top:1px solid rgba(130,150,180,.13);color:var(--muted)}.comparison-column p:before{position:absolute;left:2px;font-weight:800}.comparison-column.with{background:linear-gradient(145deg,#0d2037,#111a48);border-color:rgba(119,150,255,.25);color:#fff}.comparison-column.with p{color:#b8c7dc}.comparison-column.with p:before{content:'✓';color:#38d99b}.comparison-column.without{background:#fff}.comparison-column.without p:before{content:'×';color:#ef6f78}.hero-copy h1{max-width:720px}
@media(max-width:900px){.audience-grid{grid-template-columns:1fr;gap:32px}.comparison-grid{grid-template-columns:1fr}}
@media(max-width:600px){.audience-cards{grid-template-columns:1fr}.comparison-column{padding:22px}.retailer-status-list span{min-width:120px}}

/* Production legal pages */
.legal-nav{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:650}.legal-nav>a:not(.button):hover{color:var(--primary)}
.legal-document{padding-bottom:40px}.legal-document h1{margin:0 0 8px}.legal-effective{margin:0 0 34px;color:var(--muted);font-size:14px}.legal-document h2{scroll-margin-top:110px;font-size:28px;letter-spacing:-.025em}.legal-document h3{font-size:18px;margin:25px 0 8px}.legal-document a:not(.button){color:var(--primary);text-decoration:underline;text-decoration-color:rgba(109,93,252,.25);text-underline-offset:3px}.legal-document section{padding-top:4px}.legal-document ul{padding-left:22px}.legal-document li{margin:8px 0}.legal-summary{background:linear-gradient(145deg,#fff,#f1efff);border:1px solid #ded9ff;border-radius:20px;padding:26px 30px;margin:0 0 28px}.legal-summary h2{font-size:22px;margin:0 0 10px}.legal-summary ul{margin:0}.legal-summary li{color:#4b5060}.legal-toc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 25px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:25px 28px;margin:0 0 42px}.legal-toc strong{grid-column:1/-1;margin-bottom:5px}.legal-toc a{font-size:13px;text-decoration:none!important;color:var(--muted)!important}.legal-toc a:hover{color:var(--primary)!important}.legal-callout{border-left:4px solid var(--primary);background:#f3f1ff;border-radius:0 14px 14px 0;padding:18px 22px;margin:24px 0}.legal-callout p{margin:6px 0 0}.legal-end-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:50px;padding-top:28px;border-top:1px solid var(--line)}.legal-end-links a{padding:10px 14px;background:#fff;border:1px solid var(--line);border-radius:10px;text-decoration:none!important;font-size:13px;font-weight:700}.legal-end-links a:hover{border-color:#c9c3ff;background:#f8f7ff}
@media(max-width:720px){.legal-page{padding:70px 0}.legal-page h1{font-size:42px}.legal-toc{grid-template-columns:1fr}.legal-nav>a:not(.button){display:none}.legal-summary{padding:22px}.legal-document h2{font-size:25px}}

/* XPOrders visual identity */
.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none}
.brand-logo{width:42px;height:32px;object-fit:contain;display:block;filter:drop-shadow(0 5px 12px rgba(69,72,190,.18))}
.brand-name{font-weight:800;letter-spacing:-.035em;color:inherit}
.footer-brand .brand-logo{width:48px;height:36px}
.hero-brand-lockup,.download-brand-lockup,.account-brand-mobile{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:-.035em}
.hero-brand-lockup{margin-bottom:20px;font-size:1.05rem;color:var(--text)}
.hero-brand-lockup img{width:72px;height:52px;object-fit:contain;filter:drop-shadow(0 14px 24px rgba(88,72,210,.22))}
.mini-brand-logo{width:27px;height:21px;object-fit:contain;vertical-align:middle;margin-right:5px}
.account-brand-mobile{display:none;justify-content:center;font-size:1.08rem}
.account-brand-mobile img{width:58px;height:42px;object-fit:contain}
.download-brand-lockup{justify-content:center;margin:0 auto 22px;font-size:1.05rem}
.download-brand-lockup img{width:78px;height:56px;object-fit:contain}
.error-logo{width:110px;height:80px;object-fit:contain;margin:0 auto 20px;display:block}
@media(max-width:700px){.brand-logo{width:36px;height:28px}.brand-name{font-size:.96rem}.hero-brand-lockup img{width:60px;height:44px}.account-brand-mobile{display:flex;grid-column:1/-1;margin-bottom:-8px}}

/* Account Portal Dashboard v1 */
.portal-dashboard-page{background:#07111f;color:#eaf1ff;min-height:100vh}.portal-dashboard-page .site-header{background:rgba(7,17,31,.86);border-color:rgba(148,176,221,.14)}.portal-dashboard{padding:52px 0 90px;min-height:calc(100vh - 150px)}.portal-dashboard-inner{max-width:1240px}.portal-topbar{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}.portal-user-summary{display:flex;align-items:center;gap:18px}.portal-user-summary h1{margin:4px 0 4px;font-size:clamp(28px,4vw,46px);letter-spacing:-.04em}.portal-user-summary p{margin:0;color:#91a3bd}.portal-avatar{width:68px;height:68px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(145deg,#2563eb,#8b5cf6);box-shadow:0 16px 40px rgba(76,86,255,.28);overflow:hidden;font-weight:800;font-size:20px}.portal-avatar img{width:100%;height:100%;object-fit:cover}.portal-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0}.portal-status-card,.portal-panel{background:linear-gradient(180deg,rgba(17,35,57,.96),rgba(10,25,43,.97));border:1px solid rgba(132,162,205,.17);box-shadow:0 18px 55px rgba(0,0,0,.2)}.portal-status-card{border-radius:18px;padding:22px;min-height:175px}.accent-card{background:linear-gradient(135deg,rgba(45,60,168,.95),rgba(113,55,190,.92))}.muted-card{background:linear-gradient(180deg,rgba(19,32,50,.82),rgba(11,23,39,.88))}.card-label,.portal-panel small{color:#8fa3c2;font-size:12px;text-transform:uppercase;letter-spacing:.09em;font-weight:700}.portal-status-card strong{display:block;font-size:24px;margin:13px 0 8px}.portal-status-card p{color:#aebbd0;line-height:1.55;margin:0 0 10px}.status-line{display:flex;align-items:center;gap:10px}.status-line strong{margin-right:auto}.status-dot{width:9px;height:9px;border-radius:50%;background:#3ddc97;box-shadow:0 0 0 6px rgba(61,220,151,.1)}.trial-progress{height:7px;background:rgba(255,255,255,.14);border-radius:99px;overflow:hidden;margin:16px 0 8px}.trial-progress>div{height:100%;background:#68f2bc;border-radius:inherit;transition:width .35s ease}.portal-layout-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.portal-panel{border-radius:20px;padding:25px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.panel-heading h2{font-size:22px;margin:5px 0 0}.panel-status,.platform-pill,.coming-pill{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:7px 10px;border-radius:99px}.panel-status{color:#50e8a5;background:rgba(42,211,139,.1)}.platform-pill{color:#83b5ff;background:rgba(46,132,255,.12)}.coming-pill{color:#c2a5ff;background:rgba(142,89,255,.13)}.profile-form{display:grid;grid-template-columns:1fr 1fr;gap:15px}.profile-form label{display:grid;gap:8px;font-weight:650;color:#dce7f7}.profile-form input{width:100%;background:#0a1c2f;border:1px solid rgba(132,162,205,.2);border-radius:11px;color:#fff;padding:13px 14px}.profile-form button{grid-column:1/-1;justify-self:start}.download-release-box{display:flex;align-items:center;gap:14px;background:#091b2e;border:1px solid rgba(132,162,205,.15);border-radius:14px;padding:15px;margin:20px 0}.download-release-box img{width:48px;height:48px;object-fit:contain}.download-release-box div{display:grid;gap:4px}.download-release-box small{font-size:12px;text-transform:none;letter-spacing:0}.future-platform{display:flex;justify-content:space-between;margin-top:14px;padding-top:14px;border-top:1px solid rgba(132,162,205,.13);color:#8798b0}.billing-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.billing-summary>div{background:#091b2e;border-radius:12px;padding:14px;display:grid;gap:6px}.billing-summary strong{font-size:15px}.connection-list{display:grid;gap:10px}.connection-item{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:13px;background:#091b2e;border:1px solid rgba(132,162,205,.12);border-radius:13px}.connection-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(91,108,255,.16);color:#aebcff;font-weight:800}.connection-item div{display:grid;gap:4px;min-width:0}.connection-item strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connection-item small{font-size:11px;text-transform:none;letter-spacing:0}.connection-item em{font-style:normal;font-size:11px;color:#4ae4a2;background:rgba(42,211,139,.1);padding:6px 9px;border-radius:99px}.empty-state,.activity-placeholder{color:#8fa2bc;background:#091b2e;border:1px dashed rgba(132,162,205,.2);border-radius:14px;padding:22px;text-align:center}.panel-note{font-size:12px;color:#8294ac;margin:14px 0 0}.activity-placeholder span{display:block;font-size:28px;color:#8d7cff}.activity-placeholder p{margin:7px 0 0}.portal-dashboard-page footer{background:#06101d;border-top:1px solid rgba(132,162,205,.12)}
@media(max-width:980px){.portal-overview-grid{grid-template-columns:repeat(2,1fr)}.portal-layout-grid{grid-template-columns:1fr}.profile-form{grid-template-columns:1fr}}
@media(max-width:640px){.portal-dashboard{padding-top:32px}.portal-topbar{align-items:flex-start}.portal-avatar{width:54px;height:54px;border-radius:16px}.portal-overview-grid{grid-template-columns:1fr}.portal-user-summary h1{font-size:28px}.billing-summary{grid-template-columns:1fr}.portal-panel,.portal-status-card{padding:19px}.connection-item{grid-template-columns:38px 1fr}.connection-item em{grid-column:2;justify-self:start}}

.device-list,.activity-list{display:grid;gap:12px}.device-item{border:1px solid rgba(132,162,205,.17);background:#091b2e;border-radius:12px;padding:16px;display:grid;grid-template-columns:1fr auto auto;gap:10px 12px;align-items:center}.device-item.is-revoked{opacity:.62}.device-item-main{display:grid;gap:4px}.device-item-main small,.activity-item small{color:#8fa3c2;text-transform:none;letter-spacing:0}.device-item dl{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:2px 0}.device-item dl div{display:grid;gap:2px}.device-item dt{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#8fa3c2}.device-item dd{margin:0;font-size:13px}.device-item button{grid-column:1/-1;justify-self:start}.channel-pill,.update-pill{font-size:11px;font-weight:700;border-radius:999px;padding:5px 8px;background:rgba(132,162,205,.14)}.update-pill{color:#50e8a5;background:rgba(42,211,139,.1)}.activity-item{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;border-bottom:1px solid rgba(132,162,205,.13);padding:10px 0}.activity-item:last-child{border-bottom:0}.activity-item div{display:grid;gap:3px}.activity-item em{font-size:12px;font-style:normal}.activity-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:rgba(132,162,205,.14);font-weight:800}@media(max-width:700px){.device-item{grid-template-columns:1fr auto}.device-item dl{grid-template-columns:1fr}.update-pill{grid-column:1/-1;justify-self:start}}