:root{--ink:#080c13;--ink-2:#0b1018;--surface:#101620;--surface-raised:#151c27;--border:rgba(148,163,184,.14);--paper:#f4f4f1;--muted:#94a3b8;--ember:#f97316;--ember-hover:#fb923c}
.page-wrap{max-width:none;padding:0}.page-panel:not([data-panel="dashboard"]){width:min(1240px,calc(100% - 48px));margin:0 auto;padding:58px 0 88px}
.store-header{position:fixed;width:100%;border-bottom:1px solid transparent;background:rgba(8,12,19,.62);transition:background .2s,border-color .2s}.store-header.scrolled{border-color:var(--border);background:rgba(8,12,19,.94)}
.store-header-inner{max-width:1320px;height:74px;padding:0 24px}.store-brand .brand-mark,.footer-brand .brand-mark{position:relative;width:39px;height:39px;border:1px solid rgba(249,115,22,.55);background:#17120e;color:#ffb36e;box-shadow:inset 0 0 0 3px rgba(249,115,22,.06)}.store-brand .brand-mark:after,.footer-brand .brand-mark:after{content:"";position:absolute;right:5px;bottom:5px;width:5px;height:5px;border-radius:50%;background:var(--ember);box-shadow:0 0 12px var(--ember)}
.store-brand strong{font-size:15px}.store-brand small{font-size:9px}.store-nav{gap:12px}.side-link{padding:0 7px;font-size:12px;font-weight:600}.side-link.is-active:after{right:7px;left:7px}.top-actions{gap:4px}.notification-button{display:none}

.storefront-home{overflow:hidden;background:var(--ink)}
.storefront-hero{position:relative;display:flex;align-items:center;min-height:min(870px,94vh);padding:112px max(24px,calc((100vw - 1280px)/2));background-color:#070b12;background-image:linear-gradient(90deg,rgba(5,9,15,.97) 0%,rgba(5,9,15,.87) 38%,rgba(5,9,15,.26) 67%,rgba(5,9,15,.08)),linear-gradient(180deg,rgba(0,0,0,.05) 62%,#080c13 100%),url("../images/storefront-hero.png");background-position:center;background-size:cover}
.storefront-hero-copy{width:min(650px,55vw);padding-bottom:24px}.hero-label{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-left:2px solid var(--ember);background:rgba(8,12,19,.5);color:#cbd5e1;font-size:11px;font-weight:700}
.storefront-hero h1{margin:23px 0 19px;font-size:68px;line-height:1.04;font-weight:800;letter-spacing:0}.storefront-hero-copy>p{max-width:610px;margin:0;color:#c4cbd5;font-size:16px;line-height:1.75}.hero-actions{display:flex;gap:10px;margin-top:31px}.hero-primary,.hero-secondary{min-height:48px;padding:0 18px;border-radius:6px;font-size:12px;font-weight:800}.hero-primary{border:1px solid var(--ember);background:var(--ember);color:#1f1007}.hero-primary:hover{background:var(--ember-hover)}.hero-secondary{border:1px solid rgba(226,232,240,.28);background:rgba(8,12,19,.5);color:#fff}.hero-assurances{display:flex;gap:24px;margin-top:28px;color:#aeb8c5;font-size:11px}.hero-assurances span{display:flex;align-items:center;gap:7px}.hero-assurances svg{width:15px;color:#fb923c}

.home-pricing,.setup-journey,.operations-story,.home-faq,.customer-services{width:min(1240px,calc(100% - 48px));margin:0 auto;padding:88px 0;border-bottom:1px solid var(--border)}
.section-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,430px);gap:42px;align-items:end;margin-bottom:38px}.section-intro>div{display:flex;align-items:center;gap:16px}.section-number{color:#f97316;font:700 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.section-intro h2{margin:0;font-size:31px;letter-spacing:0}.section-intro>p{margin:0;color:var(--muted);font-size:12px;line-height:1.75}.section-intro .text-btn{justify-self:end}
.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.storefront-plan-card{min-height:0!important;padding:24px!important;border:1px solid var(--border)!important;border-radius:8px!important;background:var(--surface)!important;box-shadow:none!important}.storefront-plan-card.is-recommended{border-top:2px solid var(--ember)!important}.storefront-plan-card h3{margin:0 0 22px!important;font-size:18px!important}.storefront-plan-card .plan-cycle{margin-bottom:9px!important;color:var(--muted)!important;font-size:10px!important}.storefront-plan-card .plan-price{margin:0 0 24px!important;font-size:34px!important;font-weight:800!important;letter-spacing:0!important}.storefront-plan-card .plan-cta{min-height:42px!important;border-radius:6px!important;background:var(--ember)!important;font-size:11px!important}.storefront-plan-card h4,.storefront-plan-card .plan-features,.storefront-plan-card .plan-footer{display:none!important}
.plan-summary{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:0 0 22px;background:var(--border);border:1px solid var(--border);border-radius:6px;overflow:hidden}.plan-summary span{padding:12px;background:#0d131d;color:var(--muted);font-size:9px}.plan-summary strong{display:block;margin-top:4px;color:var(--paper);font-size:12px}.plans-common{display:flex;justify-content:center;gap:28px;margin-top:22px;padding:16px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);color:#bdc6d2;font-size:10px}.plans-common span{display:flex;align-items:center;gap:6px}.plans-common svg{width:14px;color:#34d399}.plans-common.large{margin-top:28px}

.journey-line{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin:0;padding:0;list-style:none}.journey-line:before{content:"";position:absolute;top:16px;right:10%;left:10%;height:1px;background:#2a3442}.journey-line li{position:relative;padding:0 18px;text-align:center}.journey-line li>span{position:relative;z-index:1;display:grid;place-items:center;width:33px;height:33px;margin:0 auto 17px;border:1px solid #394555;border-radius:50%;background:var(--ink);color:#fb923c;font:700 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.journey-line strong{font-size:12px}.journey-line p{margin:6px 0 0;color:var(--muted);font-size:10px;line-height:1.5}

.story-row{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(420px,1.28fr);gap:70px;align-items:center;min-height:280px;padding:48px 0;border-top:1px solid var(--border)}.story-row.reverse .story-copy{order:2}.story-copy>span{color:#f97316;font:700 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.story-copy h3{margin:12px 0 10px;font-size:22px}.story-copy p{margin:0;color:var(--muted);font-size:12px;line-height:1.75}.story-copy code{color:#f4b884}
.story-console,.story-list,.story-backup{border:1px solid var(--border);border-radius:8px;background:#0d131d;box-shadow:0 18px 50px rgba(0,0,0,.18)}.story-example{display:block;padding:10px 15px 0;color:#64748b;font-size:8px}.console-title{display:flex;align-items:center;gap:8px;padding:13px 15px;border-bottom:1px solid var(--border);font-size:10px;font-weight:800}.console-title i,.system-state i{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 10px rgba(34,197,94,.5)}.story-console dl{display:grid;grid-template-columns:1fr 1fr;margin:0}.story-console dl div{padding:17px;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.story-console dl div:nth-child(2n){border-right:0}.story-console dl div:nth-last-child(-n+2){border-bottom:0}.story-console dt{color:var(--muted);font-size:9px}.story-console dd{margin:5px 0 0;font-size:13px;font-weight:800}.story-console .ok{color:#4ade80}
.story-list>div{display:grid;grid-template-columns:1fr auto;gap:3px 14px;padding:14px 16px;border-bottom:1px solid var(--border)}.story-list>div:last-child{border-bottom:0}.story-list strong{font-size:11px}.story-list small{color:var(--muted);font-size:9px}.story-list b{grid-column:2;grid-row:1/3;align-self:center;color:#4ade80;font-size:9px}.story-list b.pending{color:#fbbf24}.story-backup{display:flex;align-items:center;gap:14px;padding:20px}.story-backup>svg{width:28px;height:28px;color:#fb923c}.story-backup div{flex:1}.story-backup strong,.story-backup span{display:block}.story-backup strong{font-size:12px}.story-backup span{margin-top:4px;color:var(--muted);font-size:9px}.story-backup button{min-height:35px;padding:0 11px;border:1px solid var(--border);border-radius:5px;background:var(--surface-raised);color:#fff;font-size:9px;font-weight:800}

.faq-lines{border-top:1px solid var(--border)}.faq-lines details{border-bottom:1px solid var(--border)}.faq-lines summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 2px;cursor:pointer;font-size:13px;font-weight:700;list-style:none}.faq-lines summary::-webkit-details-marker{display:none}.faq-lines summary svg{width:17px;color:#64748b}.faq-lines details[open] summary svg{transform:rotate(45deg);color:#fb923c}.faq-lines p{max-width:760px;margin:-6px 0 21px;color:var(--muted);font-size:11px;line-height:1.75}
.storefront-footer{display:grid;grid-template-columns:1fr auto auto;gap:50px;align-items:center;width:min(1240px,calc(100% - 48px));min-height:170px;margin:auto}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand strong{font-size:13px}.footer-brand p{margin:4px 0 0;color:var(--muted);font-size:9px}.storefront-footer nav{display:flex;gap:18px}.storefront-footer nav button,.storefront-footer nav a{padding:0;border:0;background:none;color:var(--muted);font-size:10px;text-decoration:none}.system-state{display:flex;align-items:center;gap:7px;color:#a7b2c0;font-size:9px}

.inner-page-header{padding-top:56px;margin-bottom:35px}.inner-page-header>span,.inner-page-header>div>span{color:#fb923c;font-size:10px;font-weight:800}.inner-page-header h1{margin:9px 0 10px;font-size:38px}.inner-page-header p{max-width:700px;margin:0;color:var(--muted);font-size:12px;line-height:1.7}.inner-page-header.with-action{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.plan-help{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:50px;padding:28px 0;border-top:1px solid var(--border)}.plan-help h2{margin:0 0 8px;font-size:18px}.plan-help p{max-width:650px;margin:0;color:var(--muted);font-size:11px;line-height:1.65}.plan-help a{display:flex;align-items:center;gap:7px;color:#fb923c;font-size:11px;font-weight:800;text-decoration:none}.plan-help svg{width:15px}
.service-list-head{display:grid;grid-template-columns:minmax(240px,1.4fr) .7fr 1fr 1fr auto;gap:15px;padding:0 16px 10px;color:#64748b;font-size:9px;font-weight:800}.services-page .package-card{border-radius:6px;box-shadow:none}

@media(max-width:900px){.storefront-hero h1{font-size:54px}.storefront-hero-copy{width:min(620px,72vw)}.plan-grid{grid-template-columns:repeat(2,1fr)}.story-row{gap:35px}.service-list-head{display:none}}
@media(max-width:680px){.page-panel:not([data-panel="dashboard"]){width:min(100% - 28px,1240px);padding-top:35px}.storefront-hero{min-height:720px;padding:100px 20px 55px;align-items:flex-end;background-position:68% center;background-image:linear-gradient(180deg,rgba(5,9,15,.72),rgba(5,9,15,.8) 52%,#080c13 100%),url("../images/storefront-hero.png")}.storefront-hero-copy{width:100%}.storefront-hero h1{font-size:42px}.storefront-hero-copy>p{font-size:13px}.hero-actions{align-items:stretch;flex-direction:column;width:min(100%,310px)}.hero-assurances{gap:10px;flex-wrap:wrap}.home-pricing,.setup-journey,.operations-story,.home-faq,.customer-services,.storefront-footer{width:calc(100% - 28px);padding:60px 0}.section-intro{grid-template-columns:1fr;gap:13px;margin-bottom:28px}.section-intro h2{font-size:24px}.plan-grid{grid-template-columns:1fr}.plans-common{justify-content:flex-start;gap:12px;flex-wrap:wrap}.journey-line{grid-template-columns:1fr;text-align:left}.journey-line:before{top:0;bottom:0;left:16px;width:1px;height:auto}.journey-line li{display:grid;grid-template-columns:34px 1fr;gap:0 14px;padding:0 0 24px;text-align:left}.journey-line li>span{grid-row:1/3;margin:0}.journey-line p{grid-column:2}.story-row{grid-template-columns:1fr;gap:24px;padding:37px 0}.story-row.reverse .story-copy{order:0}.story-console dl{grid-template-columns:1fr 1fr}.story-backup{align-items:flex-start;flex-wrap:wrap}.storefront-footer{grid-template-columns:1fr;gap:26px;min-height:0}.storefront-footer nav{flex-wrap:wrap}.inner-page-header.with-action,.plan-help{align-items:flex-start;flex-direction:column}.inner-page-header h1{font-size:30px}}
