.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:10px 13px;flex-shrink:0;background:transparent;border:1px solid var(--line);border-radius:10px;color:var(--text);font-size:13px;font-weight:600}
.theme-toggle:hover{background:var(--panel2)}
.theme-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.theme-sun{display:none}[data-theme=dark] .theme-sun{display:block}[data-theme=dark] .theme-moon{display:none}
.hero-actions{flex-wrap:wrap;gap:14px}
.hero-actions .button-outline{background:transparent;border-color:var(--line);color:var(--text)}
.hero-actions .button-outline:hover{background:var(--panel);border-color:var(--accent)}
.hero-actions>.text-link{flex-basis:100%;margin-top:3px}
.section-demo-action{margin-top:28px}
.section-demo-action .button{gap:24px}
.service-card>.section-demo-action{margin:0 0 24px}
@media(max-width:600px){.section-demo-action .button{width:100%;font-size:14px;padding:15px 18px}}
@media(max-width:600px){.hero-actions>.button{width:100%;justify-content:space-between}.hero-actions>.text-link{flex-basis:auto}}
:root[data-theme=light]{--bg:#fff;--panel:#f5f5f7;--panel2:#eeeef1;--text:#202024;--muted:#606069;--line:#dddde3;--accent:#FE2C55;color-scheme:light}
[data-theme=light] .header{background:#fffffff0;border-color:#dedee4;box-shadow:0 4px 28px #20202406}
[data-theme=light] .header nav{color:#50505a}
[data-theme=light] .mobile-menu{background:#fff;border-color:var(--line);box-shadow:0 12px 30px #20202412}
[data-theme=light] .menu-toggle span{background:var(--text)}
[data-theme=light] .eyebrow,[data-theme=light] .section-label,[data-theme=light] .hero-note,[data-theme=light] .orbit-label,[data-theme=light] .visual-caption{color:#64646e}
[data-theme=light] .section-label>span:first-child{color:#303038}
[data-theme=light] .hero-visual:before{border-color:#dedee4}
[data-theme=light] .hero-visual:after{border-color:#eeeef2}
[data-theme=light] .hero-phone{border-color:#fff;box-shadow:0 22px 65px #3d253c25}
[data-theme=light] .phone-info,[data-theme=light] .stage-overlay{color:#fff}
[data-theme=light] .back-card{background:#f0e7ed;border-color:#e1d6df}
[data-theme=light] .back-card>b{color:#634254}
[data-theme=light] .back-card-icon{color:var(--accent)}
[data-theme=light] .floating-order{background:#fff;border-color:#e4dfe5;box-shadow:0 14px 35px #3d253c13}
[data-theme=light] .floating-order div>span{color:#65616c}
[data-theme=light] .order-icon{background:#edf6e7;color:#35701f}
[data-theme=light] .proof-strip>.wrap{color:#575760}
[data-theme=light] .experience,[data-theme=light] .feature-section,[data-theme=light] .start-section{background:#f7f7f9;border-color:var(--separator)}
[data-theme=light] .journey-tab{color:#676772}
[data-theme=light] .journey-tab.active{color:var(--text)}
[data-theme=light] .step-no{border-color:#aaaab5}
[data-theme=light] .demo-area{background:#fff;border-color:#dedee6;box-shadow:0 10px 35px #20202406}
[data-theme=light] .demo-pill{border-color:#d5d5de;color:#666672}
[data-theme=light] .demo-select,[data-theme=light] .demo-summary{background:#f7f7fa;border-color:var(--line)}
[data-theme=light] .demo-select h4,[data-theme=light] .summary-row span{color:#60606d}
[data-theme=light] .variant-buttons button{background:#fff;border-color:#bdbdc9;color:#555560}
[data-theme=light] .variant-buttons button[aria-pressed=true]{background:#FFF0F3;border-color:var(--accent);color:var(--accent)}
[data-theme=light] .demo-summary .summary-icon{color:#34701f;background:#eaf4e3}
[data-theme=light] .admin-showcase{background:#fff;border-color:#d7d7e0}
[data-theme=light] .admin-sidebar{background:#f3f3f6}
[data-theme=light] .admin-brand>span,[data-theme=light] .admin-footnote{color:#666671}
[data-theme=light] .admin-sidebar button{color:#62626e}
[data-theme=light] .admin-sidebar button.active{background:#FBE4EB;color:#A51D3C}
[data-theme=light] .admin-panel-head>span{background:#f0f0f5;color:#62626e}
[data-theme=light] .admin-demo-row{background:#f8f8fa;border-color:#e0e0e8}
[data-theme=light] .admin-demo-row small{color:#646470}
[data-theme=light] .status{background:#edf6e8;border-color:#d2e6c8;color:#376522}
[data-theme=light] .admin-points li{color:#555562}
[data-theme=light] .admin-chip{background:#f5f5f8;border-color:#dcdce5;color:#585865}
[data-theme=light] .admin-chip.accent{background:#FFF0F3;border-color:#EDAFBC;color:#AA203E}
[data-theme=light] .analytics-preview div{background:#f5f5f8}
[data-theme=light] .analytics-preview b{color:var(--text)}
[data-theme=light] .analytics-preview span{color:#646470}
[data-theme=light] .feature-card{background:#fff}
[data-theme=light] .feature-card summary{color:#444450}
[data-theme=light] .feature-card ul{color:#5b5b68}
[data-theme=light] .feature-note{color:#943347}
[data-theme=light] .extra-tools>span{border-color:#d8d8e0;color:#63636f;background:#fff}
[data-theme=light] .comparison thead th:first-child,[data-theme=light] .comparison thead th>span:not(.compare-brand){color:#656570}
[data-theme=light] .comparison td{color:#656570}
[data-theme=light] .comparison th:last-child,[data-theme=light] .comparison td:last-child{background:#FFF3F6;border-left-color:var(--separator)}
[data-theme=light] .comparison td:last-child{color:#48383E}
[data-theme=light] .statement .statement-tag{color:#656570}
[data-theme=light] .launch-steps li{border-top-color:var(--separator)}
[data-theme=light] .faq-list details{border-bottom-color:var(--separator)}
[data-theme=light] .faq-list summary span{color:#72727e}
[data-theme=light] .closing{background:#FFF0F4;border-color:#EECBD5}
[data-theme=light] .closing .eyebrow{color:#8B4053}
[data-theme=light] .contact-email{color:#834456}
[data-theme=light] .contact-email:hover{color:#A81D3B}
[data-theme=light] .button.outline{border-color:#C97489;color:#912D45}
[data-theme=light] .button.outline:hover{background:#F8D6E0}
[data-theme=light] .footer>span,[data-theme=light] .footer>a:last-child{color:#646470}
@media(max-width:1050px) and (min-width:851px){.header{gap:16px}.header nav{gap:20px}.theme-label{display:none}}
@media(max-width:600px){.theme-toggle{margin-left:auto;padding:10px;min-width:42px}.theme-label{display:none}.header{gap:12px}.header .menu-toggle{width:32px}}

/* The interactive storefront has one consistent 9:16 screen in every step. */
.experience .demo-area{max-width:350px;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}
.demo-area .demo-topline{padding-inline:6px;margin-bottom:17px;font-size:10px}
.demo-phone{position:relative;padding:8px;background:#171719;border:1px solid #53535a;border-radius:39px;box-shadow:0 24px 55px #11111b26,0 0 0 2px #b4b4bf33}
.demo-phone #journey-panel{position:relative;width:100%;aspect-ratio:9/16;overflow:auto;border-radius:30px;background:var(--panel);scrollbar-width:none;overscroll-behavior:auto}
.demo-phone #journey-panel::-webkit-scrollbar{display:none}
.demo-phone .demo-stage{height:100%;min-height:0;border-radius:0}
.demo-phone .demo-stage>img{object-position:50% 50%}
.demo-phone .demo-stage .image-tag{top:53px;left:17px;font-size:8px;max-width:calc(100% - 34px)}
.demo-phone .demo-stage .stage-overlay{padding:85px 18px 34px}
.demo-phone .stage-overlay h3{font-size:26px}
.demo-phone .stage-overlay .button{padding:13px 14px;font-size:13px}
.demo-phone .demo-select,.demo-phone .demo-summary{min-height:100%;height:auto;border:0;border-radius:0;padding:58px 20px 34px}
.demo-phone .demo-product{grid-template-columns:75px minmax(0,1fr);gap:13px}
.demo-phone .demo-product img{width:75px;height:105px}
.demo-phone .demo-product h3{font-size:21px}
.demo-phone .demo-product p{font-size:12px;line-height:1.6}
.demo-phone .demo-select .button{font-size:13px;padding:13px;gap:12px}
.demo-phone .demo-summary h3{font-size:25px}
.demo-phone .summary-row{font-size:12px}
.demo-phone .summary-notice{font-size:12px}
.device-status{position:absolute;z-index:3;top:18px;left:29px;right:29px;display:flex;align-items:center;justify-content:space-between;height:19px;color:var(--text);pointer-events:none;font-size:11px;font-weight:700;line-height:1}
.device-status svg{width:43px;height:16px}
.device-camera{position:absolute;width:68px;height:18px;left:50%;top:-1px;transform:translateX(-50%);background:#171719;border-radius:20px}
.device-home{position:absolute;z-index:3;bottom:17px;left:50%;transform:translateX(-50%);width:91px;height:4px;border-radius:6px;background:var(--text);opacity:.8;pointer-events:none}
.demo-phone[data-view="0"] .device-status{color:#30272b}
.demo-phone[data-view="0"] .device-home{background:#fff}
.demo-area .demo-caption{padding-inline:8px;margin-top:21px;font-size:11px;line-height:1.7}
@media(max-width:600px){.experience .demo-area{max-width:330px}.demo-phone{border-radius:34px;padding:7px}.demo-phone #journey-panel{border-radius:26px}.demo-phone .demo-select,.demo-phone .demo-summary{padding-inline:17px}.demo-area .demo-topline{font-size:9px}.demo-phone .demo-product h3{font-size:20px}}

/* Product feed controls follow the Reels storefront. */
.store-video{display:block;width:100%;height:100%;object-fit:cover}
.demo-phone .demo-stage .store-overlay{padding:90px 68px 34px 18px;color:white;background:linear-gradient(transparent,#000b 45%,#000e);pointer-events:none}
.demo-phone .store-overlay h3{font-family:Arial,sans-serif;font-size:23px;line-height:1.2;font-weight:700;letter-spacing:-.6px;margin:0 0 14px;color:white}
.store-purchase-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.store-price{font-family:Arial,sans-serif;font-size:23px;font-weight:700;white-space:nowrap;line-height:1.2}
.store-order{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 14px;border:0;border-radius:10px;background:var(--accent);color:white;font-family:Arial,sans-serif;font-size:12px;font-weight:700;line-height:1;pointer-events:auto}
.store-order:hover{background:#E51F46}
.store-order svg{width:16px;height:16px}
.store-side-controls{position:absolute;right:14px;bottom:34px;display:flex;flex-direction:column;gap:9px}
.store-icon-button{width:44px;height:44px;display:grid;place-items:center;padding:0;border:1px solid #ffffff40;border-radius:50%;background:#24242466;color:white}
.store-icon-button:hover{background:#242424b3}
.store-sound{color:var(--accent)}
.store-icon-button svg{width:21px;height:21px}
.demo-phone .demo-product video{display:block;width:75px;height:105px;object-fit:cover;border-radius:10px;background:#171719}
.store-back{display:inline-flex;margin:0 0 22px;padding:0;border:0;background:none;color:var(--muted);font-size:12px}
.store-back:hover{color:var(--accent)}
.store-description{font-size:13px;line-height:1.8;margin:20px 0}
.store-quantity{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}
.store-quantity input{width:72px;padding:8px;border:1px solid var(--line);border-radius:8px;color:var(--text);background:var(--bg)}
.store-product-details>.store-order{width:100%;margin-top:22px}
.store-video-error{position:absolute;top:60px;left:15px;right:15px;padding:12px;background:#171719e6;color:white;font-size:12px;border-radius:8px}
.demo-phone[data-view="0"] .device-status{color:white;text-shadow:0 1px 4px #0008}
@media(max-width:380px){.demo-phone .demo-stage .store-overlay{padding-left:14px;padding-right:62px}.store-price{font-size:21px}.store-order{padding-inline:10px}.store-side-controls{right:10px}.store-purchase-row{gap:8px}}

/* Keep all administration tabs visible on narrow screens. */
#features{padding-bottom:48px}
#compare{padding-block:48px}
#compare .statement{margin-top:32px;padding-top:0}
#compare .statement>.section-demo-action{margin:0 0 0 auto;flex-shrink:0}
@media(max-width:600px){#features{padding-bottom:28px}#compare{padding-block:28px}#compare .statement>.section-demo-action{width:100%;margin:4px 0 0}}
.algorithm-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:64px;margin-top:48px;padding-top:0;}
.algorithm-copy h2{font-size:clamp(30px,3.5vw,48px);line-height:1.18;margin:28px 0}
.algorithm-copy .eyebrow{font-size:10px;letter-spacing:1.4px;color:var(--muted)}
.algorithm-intro{font-size:16px;line-height:1.9;max-width:550px}
.algorithm-signals{list-style:none;display:grid;gap:24px;margin:32px 0 0;padding:0}
.algorithm-signals li{display:flex;align-items:flex-start;gap:16px}
.algorithm-icon{display:grid;place-items:center;flex:0 0 44px;height:44px;border:1px solid #FE2C5538;border-radius:9px;color:var(--accent);font-size:26px;line-height:1}
.algorithm-signals h3{font-size:15px;line-height:1.5;letter-spacing:0;font-weight:700;margin-bottom:5px}
.algorithm-signals p{font-size:13px;line-height:1.7}
.algorithm-preview{min-width:0;padding:28px;background:var(--panel);border:1px solid var(--line);border-radius:16px}
.algorithm-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}
.algorithm-preview-heading h3{font-size:28px;font-weight:700;letter-spacing:-.03em;padding-bottom:10px;border-bottom:3px solid var(--accent)}
.algorithm-preview-heading>span{font-size:8px;letter-spacing:.06em;color:var(--muted)}
.algorithm-category{font-size:13px;margin-bottom:14px}
.algorithm-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.algorithm-products figure{min-width:0;margin:0}
.algorithm-products :is(video,img){display:block;width:100%;height:auto;aspect-ratio:3/5;object-fit:cover;background:#211b20;border-radius:8px;pointer-events:none}
.algorithm-products figcaption{font-size:11px;line-height:1.7;color:var(--muted);margin-top:12px}
.algorithm-products strong{display:block;font-weight:600;color:var(--text)}
.algorithm-result{display:flex;align-items:center;gap:15px;font-size:13px;line-height:1.8;margin-top:24px;padding-top:20px;border-top:1px solid var(--separator);color:var(--text)}
.algorithm-result>span{color:var(--accent);font-size:26px}
.algorithm-note{font-size:11px;line-height:1.9;margin-top:20px}
@media(max-width:950px){.algorithm-section{gap:32px;grid-template-columns:1fr}.algorithm-preview{width:100%;max-width:620px}.algorithm-copy h2{font-size:38px}}
@media(max-width:600px){.algorithm-section{margin-top:32px;padding-top:0;gap:28px}.algorithm-copy h2{font-size:30px;margin:20px 0}.algorithm-intro{font-size:14px}.algorithm-signals{gap:20px;margin-top:26px}.algorithm-signals li{gap:12px}.algorithm-preview{padding:18px}.algorithm-preview-heading{gap:10px;margin-bottom:18px}.algorithm-preview-heading h3{font-size:25px}.algorithm-preview-heading>span{font-size:7px;max-width:115px;text-align:right}.algorithm-products{gap:7px}.algorithm-products figcaption{font-size:10px}.algorithm-result{font-size:12px;gap:10px}.algorithm-note{font-size:10px}}

@media(max-width:600px){
 .admin-sidebar [role=tablist]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;overflow:visible;padding:0}
 .admin-sidebar button{min-width:0;min-height:44px;justify-content:center;padding:10px 5px;font-size:11px;white-space:normal;text-align:center}
}
/* Each comparison row becomes a self-contained card on phones. */
@media(max-width:850px){
 .comparison-wrap{overflow:visible;border:0;border-radius:0}
 .comparison{display:block;min-width:0;width:100%;font-size:13px}
 .comparison thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .comparison tbody{display:grid;gap:16px}
 .comparison tbody tr{display:grid;min-width:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel)}
 .comparison tbody th:first-child{display:block;width:auto;padding:18px 20px;font-size:17px;font-weight:650;line-height:1.4;color:var(--text);border:0;border-bottom:1px solid var(--separator)}
 .comparison tbody td{display:block;min-width:0;padding:16px 20px;border:0;overflow-wrap:anywhere}
 .comparison tbody td::before{content:attr(data-label);display:block;margin-bottom:6px;font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
 .comparison tbody td:last-child{border-left:0;border-top:1px solid var(--separator)}
 .comparison tbody td:last-child::before{color:var(--accent)}
 .comparison tbody tr:last-child th{border-bottom:1px solid var(--separator)}
}

/* Dark theme: secondary copy stays fully white for clear reading. */
:root[data-theme=dark]{--text:#fff;--muted:#fff;--glass-ink:#fff}
[data-theme=dark] :is(.eyebrow,.hero-note,.orbit-label,.visual-caption,.product-category,.phone-price>span,.floating-order div>span,.proof-strip>.wrap,.section-label,.section-label>span:first-child,.journey-tab,.journey-tab.active,.journey-tab small,.demo-pill,.demo-select h4,.summary-row span,.admin-brand>span,.admin-footnote,.admin-panel-head>span,.admin-demo-row small,.admin-points li,.analytics-preview span,.feature-card summary,.feature-card ul,.feature-note,.extra-tools>span,.comparison thead th:first-child,.comparison thead th>span:not(.compare-brand),.comparison td,.comparison td:last-child,.statement .statement-tag,.closing .eyebrow,.contact-email,.footer>span){color:#fff}
[data-theme=dark] .admin-sidebar button:not(.active),[data-theme=dark] .variant-buttons button:not([aria-pressed=true]){color:#fff}
[data-theme=dark] .contact-form input::placeholder,[data-theme=dark] .contact-form textarea::placeholder{color:#fff;opacity:1}
/* Component copy uses the same white as shared descriptions and captions. */
[data-theme=dark] :is(
  .home-faq-lead,.home-faq-contact p,.home-faq-question,
  .home-faq-answer p,.home-faq-answer .home-faq-note,
  .advantages-intro p,.advantage-card p,.advantage-kicker,
  .advantage-tags span,.advantage-flow small,.advantage-brand-sign small,
  .real-demo-features .feature-card :is(p,ul),.real-demo-window-bar,
  .shopping-loop-steps button,.shopping-loop .shopping-loop-note,
  .legal-intro,.legal-updated,.legal-tabs a,.legal-aside nav a,
  .legal-company,.legal-body,.legal-body code,.legal-body a,.legal-company a,
  .footer-legal .footer-links a,.footer-privacy-settings,
  .privacy-banner,.privacy-banner-copy>p:last-child,.privacy-dialog,
  .privacy-dialog>p,.privacy-category p,.privacy-badge-inactive,.privacy-delete,
  .privacy-banner a,.privacy-dialog a,.contact-purpose a
){color:#fff}
[data-theme=dark] .shopping-loop-steps b{opacity:1}