@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');:root{--green:#0f7d5b;--navy:#112b42;--blue:#1e3a8a;--sky:#e0f1ff;--sand:#f6e7d7;--gold:#d4a574;--text:#172b3f;--muted:#667887;--edge:#e6ebe9;--bg:#fafaf7}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:#fff}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.preview{text-align:center;background:#173f34;color:#fff;font-weight:700;letter-spacing:1.7px;font-size:10px;padding:9px}header{background:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid var(--edge)}.nav{display:flex;align-items:center;gap:45px;min-height:84px}.brand{display:flex;align-items:center;gap:11px;white-space:nowrap}.mark{width:52px;height:52px;display:grid;place-items:center}.mark svg{width:100%}.brand strong{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:23px;letter-spacing:.5px;display:block;color:var(--navy)}.brand small{font-size:9px;letter-spacing:2.3px;display:block;margin-top:4px}.links{display:flex;gap:29px;margin-left:auto}.links a{font-size:13px;font-weight:700;color:#526476}.links a:hover,.links a.active{color:var(--green)}.navbtn{padding:12px 17px;border:1px solid #9cb9ad;background:#fff;color:var(--green);border-radius:8px;font-size:12px;font-weight:750}.mobile{display:none}.page[hidden]{display:none}.hero{background:linear-gradient(118deg,#fcfbf8 0%,#f9faf5 52%,#eaf2ed 100%);overflow:hidden}.hero-grid{min-height:552px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px}.eyebrow{color:var(--green);font-size:11px;letter-spacing:2.2px;font-weight:800}.hero h1,.subhero h1{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(38px,4.1vw,61px);line-height:1.15;letter-spacing:-2.5px;color:var(--navy);margin:22px 0}.hero em,.subhero em{font-style:normal;color:var(--green)}.lead{font-size:16px;line-height:1.95;max-width:515px;color:#66717b}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.primary,.secondary{border-radius:9px;padding:15px 23px;font-size:13px;font-weight:750;display:inline-flex;justify-content:center;align-items:center;border:1px solid var(--green)}.primary{color:white;background:var(--green)}.secondary{color:var(--green);background:transparent}.chips{display:flex;flex-wrap:wrap;gap:18px;margin-top:48px;font-size:11px;color:#506961;font-weight:700}.art{height:420px;position:relative;display:grid;place-items:center}.circle{width:340px;height:340px;border-radius:100%;background:#e1ede0;position:absolute;right:-48px;top:0}.screen{width:min(100%,460px);background:#fff;border:11px solid #1a343a;box-shadow:20px 27px 50px #16443522;border-radius:17px;z-index:1;transform:rotate(-3deg);overflow:hidden}.screen-top{height:40px;border-bottom:1px solid #e4eceb;display:flex;align-items:center;gap:6px;padding:0 15px;font-size:9px;font-weight:750;letter-spacing:1px;color:#80948d}.dot{height:7px;width:7px;background:#d6dddc;border-radius:100%}.screen-top span:last-child{margin-left:auto}.screen-content{display:flex;justify-content:space-between;padding:28px 26px 8px}.screen-content small{font-size:9px;color:var(--green);font-weight:800}.screen-content h3{font-size:30px;line-height:1.2;letter-spacing:-1px;color:var(--navy)}.screen-content p{font-size:11px;color:var(--muted)}.bars{display:flex;gap:7px;align-items:end;height:100px}.bars i{width:16px;background:#0f7d5b;border-radius:5px 5px 0 0}.bars i:nth-child(1){height:25%}.bars i:nth-child(2){height:48%}.bars i:nth-child(3){height:40%}.bars i:nth-child(4){height:80%}.bars i:nth-child(5){height:96%}.tasks{display:grid;gap:14px;background:#f5f9f6;padding:18px 26px;font-size:11px;font-weight:700;color:#3d6554}.float{position:absolute;bottom:30px;left:6px;z-index:2;background:#fff;border:1px solid var(--edge);border-radius:12px;padding:18px;box-shadow:0 12px 30px #123c2d18;color:var(--green)}.section{padding:90px 0}.section-head{text-align:center;max-width:640px;margin:auto}.section h2,.feature-band h2,.faq h2,.story h2{font-family:'Plus Jakarta Sans';font-size:35px;letter-spacing:-1.2px;color:var(--navy)}.section-head>p:last-child,.feature-band p,.story p{color:var(--muted);line-height:1.8}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:45px}.features article{padding:31px;border:1px solid var(--edge);border-radius:15px;background:#fff}.features h3{color:var(--navy)}.features article p{font-size:13px;line-height:1.7;color:var(--muted)}.ficon{background:#e1f2e7;color:var(--green);width:51px;height:51px;display:grid;place-items:center;font-size:26px;border-radius:12px}.ficon.blue{background:var(--sky);color:var(--blue)}.ficon.sand{background:var(--sand);color:#9b6336}.feature-band{display:grid;grid-template-columns:1fr 260px;align-items:center;gap:30px;border-radius:20px;padding:45px;background:#f6f6f0;margin-bottom:90px}.feature-band .primary{margin-top:14px}.mock-stack{transform:rotate(5deg);border-radius:14px;background:linear-gradient(130deg,#0f7d5b,#164837);color:white;box-shadow:14px 13px 0 #d6e6d5;min-height:270px;display:flex;flex-direction:column;justify-content:center;padding:38px}.mock-stack span{font-size:11px;letter-spacing:3px}.mock-stack strong{font-family:'Plus Jakarta Sans';font-size:30px;line-height:1.2;margin-top:22px}.mock-stack p{color:#c2edcf!important}.subhero{padding:76px 0 52px}.subhero h1{font-size:53px}.subhero>p:last-child{font-size:16px;line-height:1.9;color:var(--muted);max-width:670px}.empty{border:1px solid var(--edge);background:#fafbf9;border-radius:20px;text-align:center;padding:85px 20px;margin-bottom:100px}.empty-icon{font-size:52px;color:var(--green)}.empty h2{font-size:26px;color:var(--navy)}.empty p{max-width:520px;margin:0 auto 25px;color:var(--muted);line-height:1.8}.story{display:grid;grid-template-columns:1fr 1fr;gap:75px;padding-bottom:120px}.storypanel{padding:42px;border-radius:15px;background:#eff6ef;display:grid;gap:23px;color:var(--green);font-size:23px}.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:75px}.panel{border:1px solid var(--edge);border-radius:17px;padding:27px;box-shadow:0 8px 30px #123b2f09}.panel h2{font-size:23px;color:var(--navy);margin:3px 0 8px}.panel-top{display:flex;gap:13px;align-items:center;border-bottom:1px solid var(--edge);padding-bottom:20px}.panel-top small{color:var(--muted)}.agent{height:44px;width:44px;background:#dff2e8;color:var(--green);border-radius:100%;font-size:29px;display:grid;place-items:center}.chatlog{height:248px;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding:22px 0}.bubble{max-width:85%;padding:13px 16px;border-radius:14px;font-size:13px;line-height:1.65}.bubble.bot{background:#eff5f0;align-self:start}.bubble.human{background:var(--green);color:white;align-self:end}.suggestions{display:flex;gap:7px;flex-wrap:wrap}.suggestions button{border:1px solid #cbded1;color:var(--green);background:white;border-radius:20px;padding:8px 10px;font-size:11px}.chat-entry{display:flex;gap:8px;margin-top:17px}.chat-entry input{flex:1;min-width:0}.chat-entry button{border:0;background:var(--green);color:white;border-radius:8px;width:48px;font-size:20px}.panel .muted{font-size:13px;color:var(--muted);line-height:1.65;margin:0 0 23px}label{display:block;font-size:12px;font-weight:700;margin:15px 0 8px}input,select,textarea{width:100%;border-radius:8px;border:1px solid #d7e2de;background:white;padding:13px;outline-color:var(--green)}.submit{margin-top:18px;width:100%}.hint{font-size:10px;color:#8a6758;line-height:1.7}.faq{padding-bottom:100px;max-width:820px}.faq details{border-bottom:1px solid var(--edge);padding:19px 0}.faq summary{font-weight:700;cursor:pointer}.faq details p{line-height:1.8;color:var(--muted)}footer{border-top:1px solid var(--edge);background:#f8faf8}.footer{display:flex;align-items:center;gap:38px;min-height:140px}.footer p{color:var(--muted);font-size:13px}.footer>div:last-child{margin-left:auto;display:flex;gap:20px;font-size:12px;font-weight:700}.smallmark{font-size:28px;color:var(--green)}.bottom{border-top:1px solid var(--edge);padding:23px 0;color:var(--muted);font-size:11px}@media(max-width:780px){.nav{min-height:70px}.brand strong{font-size:19px}.brand small{font-size:8px}.navbtn{margin-left:auto}.mobile{display:block;border:0;background:none;color:var(--navy);font-size:23px}.links{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:24px;box-shadow:0 18px 22px #0001}.links.open{display:grid}.hero-grid{grid-template-columns:1fr;padding-top:50px}.hero h1{font-size:43px}.art{height:365px}.features,.story,.support-grid{grid-template-columns:1fr}.feature-band{grid-template-columns:1fr}.mock-stack{width:220px}.footer{flex-wrap:wrap;padding:32px 0}.footer>div:last-child{margin-left:0}.subhero h1{font-size:42px}}@media(max-width:440px){.wrap{width:calc(100% - 32px)}.nav{gap:8px}.navbtn{display:none}.hero h1{font-size:37px}.art{height:310px}.circle{width:230px;height:230px}.screen{border-width:7px}.chips{margin-top:30px}.screen-content h3{font-size:23px}.feature-band{padding:25px}.section{padding:65px 0}}

/* v2 sample catalog and cart */
.catalog-section{padding-bottom:100px}.catalog-toolbar{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:26px}.catalog-toolbar h2{font:800 28px 'Plus Jakarta Sans',sans-serif;color:var(--navy);margin:0 0 6px}.catalog-toolbar p{color:var(--muted);font-size:13px;margin:0}.catalog-filter label{margin:0 0 6px}.catalog-filter select{min-width:195px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.demo-product{background:white;border:1px solid var(--edge);border-radius:18px;overflow:hidden;box-shadow:0 8px 27px #102c2710}.product-visual{min-height:228px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:24px;position:relative;overflow:hidden}.product-visual:after{content:"";width:190px;height:190px;position:absolute;right:-60px;bottom:-95px;border:35px solid #ffffff40;border-radius:50%}.product-visual.green{background:linear-gradient(135deg,#0f7d5b,#1b5947);color:#fff}.product-visual.blue{background:linear-gradient(135deg,#274a86,#a4c9e7);color:#fff}.product-visual.sand{background:linear-gradient(135deg,#f0d4ae,#d6a76d);color:#4c382b}.product-visual span{font-size:10px;font-weight:800;letter-spacing:2px}.product-visual strong{font-size:82px;font-weight:400;line-height:1;align-self:center}.product-visual small{font-size:10px;letter-spacing:1px;font-weight:650}.product-body{padding:24px}.sample-tag{font-size:10px;letter-spacing:.6px;text-transform:uppercase;color:#7b6440;background:#fcf4e9;padding:6px 9px;display:inline-block;border-radius:5px;font-weight:800}.product-body h3{font:800 20px 'Plus Jakarta Sans',sans-serif;color:var(--navy);margin:15px 0 8px}.product-body p{font-size:13px;line-height:1.8;color:var(--muted);min-height:68px}.product-actions{display:flex;gap:9px;align-items:center;margin-top:18px;flex-wrap:wrap}.product-actions button{font-size:12px;padding:12px 13px}.icon-cart{border:1px solid #c6dbd0;border-radius:9px;background:#f2faf5;color:var(--green);font-weight:800}.detail-page{padding:55px 0 100px}.text-back{border:0;background:transparent;color:var(--green);font-weight:750;padding:0 0 28px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px}.detail-visual{min-height:480px;border-radius:20px;padding:48px}.detail-visual strong{font-size:140px}.detail-info h1{font:800 clamp(28px,3vw,42px)/1.2 'Plus Jakarta Sans',sans-serif;letter-spacing:-1px;color:var(--navy)}.detail-info p,.detail-info li{color:var(--muted);line-height:1.8}.detail-info h3{margin-top:25px;color:var(--navy)}.detail-info li{margin-bottom:9px}.notice-box{padding:16px 18px;border-radius:11px;background:#fff7e9;border:1px solid #f0e0c7;color:#795d3f;font-size:13px;line-height:1.7;margin-top:24px}.detail-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.cart-layout{display:grid;grid-template-columns:1fr 320px;gap:25px;padding-bottom:110px}.cart-items{min-width:0}.cart-item{border:1px solid var(--edge);border-radius:14px;padding:18px;display:flex;gap:18px;align-items:center;margin-bottom:12px}.cart-thumbnail{width:96px;height:98px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;font-size:45px}.cart-thumbnail.green{background:#dceddf;color:#0f7d5b}.cart-thumbnail.blue{background:#e0f1ff;color:#274a86}.cart-thumbnail.sand{background:#f6e7d7;color:#84552d}.cart-copy{flex:1}.cart-copy h3{font-size:16px;color:var(--navy);margin:12px 0 6px}.cart-copy p{font-size:12px;color:var(--muted)}.quantity{display:flex;align-items:center;gap:14px}.quantity button{width:29px;height:29px;border:1px solid var(--edge);background:#fff;border-radius:6px}.remove-item,.clear-cart{background:transparent;color:#9c554b;font-size:12px;border:0;padding:0;cursor:pointer}.cart-summary{padding:24px;background:#f8faf8;border:1px solid var(--edge);border-radius:14px;align-self:start}.cart-summary h2{margin:0 0 25px;font-size:23px;color:var(--navy)}.summary-line{display:flex;justify-content:space-between;margin:17px 0;color:var(--text);font-size:13px}.cart-summary p{margin:28px 0;color:var(--muted);font-size:13px;line-height:1.8}.disabled-checkout{width:100%;opacity:.55;cursor:not-allowed}.clear-cart{margin-top:20px}.empty-cart{text-align:center;padding:80px 20px;background:#f8faf8;border-radius:17px}.empty-cart p{color:var(--muted);margin-bottom:28px}.store-toast{position:fixed;z-index:100;right:24px;bottom:24px;max-width:340px;background:#154635;color:#fff;padding:16px 20px;border-radius:12px;box-shadow:0 15px 35px #0002;opacity:0;transform:translateY(15px);transition:.25s;pointer-events:none;font-size:13px}.store-toast.show{opacity:1;transform:translateY(0)}@media(max-width:900px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cart-layout{grid-template-columns:1fr}.detail-grid{gap:20px}}@media(max-width:650px){.product-grid,.detail-grid{grid-template-columns:1fr}.catalog-toolbar{align-items:start;flex-direction:column}.detail-visual{min-height:315px}.cart-item{flex-wrap:wrap}.quantity{margin-left:auto}.product-body p{min-height:unset}}

/* v3: polished product presentation (prototype content only) */
.detail-v3{grid-template-columns:minmax(0,1.13fr) minmax(0,1fr);gap:44px;align-items:start}.detail-breadcrumb{font-size:12px;color:#71817b;margin:0 0 24px}.detail-breadcrumb span{padding:0 9px;color:#97aaa1}.detail-description{font-size:15px;line-height:1.85}.preview-display{min-height:470px;padding:30px 26px;border-radius:20px;display:grid;place-items:center;overflow:hidden;position:relative}.preview-display.green{background:linear-gradient(145deg,#e8f2e7,#d2e9df)}.preview-display.blue{background:linear-gradient(145deg,#e8f1fa,#cfdef4)}.preview-display.sand{background:linear-gradient(145deg,#fff5e7,#e9d4be)}.preview-display:after{content:"";position:absolute;right:-90px;bottom:-190px;width:350px;height:350px;border:48px solid #ffffff63;border-radius:50%}.preview-window{z-index:1;width:100%;max-width:590px;background:white;border:1px solid #e0eae4;border-radius:12px;box-shadow:0 22px 48px #25463726;transform:rotate(-1.5deg);overflow:hidden}.preview-window-head{height:36px;background:#f8faf9;border-bottom:1px solid #e6ece8;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:0 16px;font-size:9px;letter-spacing:1px;font-weight:800;color:#8b9e97}.preview-dots{color:#bdc8c2;letter-spacing:4px}.preview-inner{padding:24px}.preview-side-label{font-size:10px;font-weight:850;letter-spacing:1.7px;color:var(--green)}.preview-dashboard-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.preview-dashboard-top small{color:#a1aca7;font-size:9px;letter-spacing:.4px}.preview-dashboard-top h2{font:800 19px 'Plus Jakarta Sans',sans-serif;letter-spacing:-.5px;color:var(--navy);margin:8px 0}.preview-dashboard-top p{color:#84938a;font-size:10px;margin:0 0 17px}.preview-metric{min-width:86px;padding:13px;text-align:center;border-radius:12px;background:#eaf5ee}.preview-metric strong{font:800 27px 'Plus Jakarta Sans';color:var(--green);display:block}.preview-metric span{color:#668e7d;font-size:8px}.preview-table-wrap{overflow:auto}.preview-data-table{width:100%;border-collapse:collapse;font-size:10px;text-align:left;white-space:nowrap}.preview-data-table th{background:#f6faf8;color:#70827a;font-size:9px;padding:12px 8px}.preview-data-table td{color:#62736a;border-bottom:1px solid #edf1ef;padding:13px 8px}.preview-status{background:#e7f3e9;color:#338663;padding:5px 7px;border-radius:6px;font-weight:700}.preview-chart{height:70px;display:flex;align-items:end;gap:10px;margin-top:16px;padding:0 4px}.preview-chart i{flex:1;background:#cce5d6;border-radius:4px 4px 0 0}.preview-chart i:nth-child(1){height:40%}.preview-chart i:nth-child(2){height:62%}.preview-chart i:nth-child(3){height:48%}.preview-chart i:nth-child(4){height:73%}.preview-chart i:nth-child(5){height:56%}.preview-chart i:nth-child(6){height:85%}.preview-chart i:nth-child(7){height:70%}.preview-chart i:nth-child(8){height:90%}.preview-chart i:nth-child(9){height:78%;background:#0f7d5b}.preview-thumbs{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.preview-thumb{font-size:11px;padding:11px 12px;background:#f7f9f6;border:1px solid #e0eae5;border-radius:9px;color:#6a8175}.preview-thumb.active{background:#e8f5ed;border-color:#91c7a6;color:var(--green);font-weight:800}.preview-disclaimer{font-size:11px;line-height:1.65;color:var(--muted);margin-top:16px}.concept-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:24px 0 26px}.concept-facts>div{padding:15px 10px;background:#f5f8f5;border-radius:10px}.concept-facts span{display:block;color:#87958c;font-size:9px;letter-spacing:1px;font-weight:800}.concept-facts strong{display:block;color:#23463a;font-size:11px;margin-top:8px}.detail-tabs{display:flex;gap:20px;border-bottom:1px solid var(--edge);margin-top:10px;overflow-x:auto}.detail-tabs button{border:0;background:none;padding:13px 0;color:#7a8a80;font-size:12px;font-weight:700;white-space:nowrap}.detail-tabs button.active{border-bottom:3px solid var(--green);color:var(--green)}.detail-tab-panel{min-height:145px;padding:10px 0}.detail-tab-panel h3{font-size:17px;margin:14px 0}.detail-tab-panel p,.detail-tab-panel li{font-size:13px;line-height:1.85;color:var(--muted)}.detail-feature-list{padding-left:19px}.detail-safe-note{font-size:11px!important;color:#85958a!important}.detail-v3 .notice-box{margin-top:12px}.detail-v3 .detail-info h1{margin:17px 0}.detail-v3 .detail-actions{margin-top:18px}
@media(max-width:900px){.detail-v3{grid-template-columns:1fr}.preview-display{min-height:385px}}
@media(max-width:500px){.preview-display{padding:16px 12px;min-height:350px}.preview-inner{padding:12px}.preview-data-table th,.preview-data-table td{padding:8px 5px;font-size:8px}.preview-dashboard-top h2{font-size:14px}.preview-metric{min-width:65px}.concept-facts{gap:5px}.concept-facts>div{padding:10px 6px}.concept-facts strong{font-size:10px}.preview-window-head{font-size:7px;padding:0 8px}}

/* V3.1 — compact storefront catalog, full-size detail page preserved */
@media (min-width: 901px) {
  .product-grid { grid-template-columns:repeat(3,minmax(0,1fr));gap:18px; }
}
.demo-product {display:flex;flex-direction:column;min-width:0;transition:transform .2s ease,box-shadow .2s ease;}
.demo-product:hover {transform:translateY(-3px);box-shadow:0 13px 30px #102c271a;}
.product-visual {min-height:0;height:166px;padding:17px 20px;}
.product-visual strong {font-size:59px;}
.product-visual span {font-size:9px;}
.product-body {padding:19px 19px 20px;display:flex;flex:1;flex-direction:column;}
.product-body h3 {font-size:17px;line-height:1.35;margin:13px 0 6px;}
.product-body p {font-size:12px;line-height:1.65;min-height:0;margin:0 0 12px;}
.product-actions {margin-top:auto;padding-top:12px;}
.product-actions button {font-size:11px;padding:10px 12px;}
@media (max-width:900px) and (min-width:651px) { .product-grid {grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width:650px) { .product-grid {grid-template-columns:1fr;} .product-visual{height:175px;} }

/* V3.3: clear distinction between FAQ automation and agent-assisted live chat. */
.support-contact-options{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;margin-top:26px;margin-bottom:30px}
.support-option{display:flex;align-items:center;gap:18px;border:1px solid #dbe7df;border-radius:17px;padding:24px;background:#fff;box-shadow:0 8px 28px #123e3010}
.support-option.live{background:#f0f8f1;border-color:#c6e3cd}
.support-option .option-icon{flex:none;font-size:29px;color:#0f7d5b}
.support-option>div:nth-child(2){flex:1;min-width:0}
.support-option h2{margin:0 0 7px;font-size:19px}
.support-option p{margin:0 0 5px;color:#365449;font-size:13px;line-height:1.5}
.support-option small{color:#697b70;line-height:1.45;display:block}
.support-option button,.support-option a{white-space:nowrap;text-align:center;font-size:12px;padding:13px 16px}
#liveAvailability[data-status=online]{color:#0f7d5b;font-weight:700}
#liveAvailability[data-status=offline],#liveAvailability[data-status=away]{color:#8b5c1f;font-weight:600}
.human-handoff{display:block;width:100%;border:1px solid #0f7d5b;border-radius:8px;background:#eef8f2;color:#0c6849;font-weight:700;margin:12px 0;padding:12px;cursor:pointer}
.human-handoff:hover{background:#dceee3}
@media(max-width:960px){.support-contact-options{grid-template-columns:1fr}.support-option{flex-wrap:wrap}.support-option>button,.support-option>a{width:100%}}

/* Customer account staging */
.auth-wrap{display:flex;justify-content:center;padding-bottom:85px}
.auth-panel{width:min(100%,510px);padding:32px}
.auth-panel form{display:flex;flex-direction:column;gap:11px}
.auth-panel label{font-weight:650;margin-top:8px}
.auth-panel input{width:100%;box-sizing:border-box;padding:13px 14px;border:1px solid #cbd5d1;border-radius:10px;font:inherit}
.auth-panel input:focus{outline:2px solid #0f7d5b;outline-offset:1px}
.auth-panel button{margin-top:14px}
#signupResult{line-height:1.5;font-weight:600}
#signupResult[data-state="success"]{color:#146344}
#signupResult[data-state="error"]{color:#a72e2e}

/* V3.6 staging authentication UI */
#loginResult,#logoutResult{line-height:1.5;font-weight:600}
#loginResult[data-state="error"],#logoutResult[data-state="error"]{color:#a72e2e}
#loginResult[data-state="success"],#logoutResult[data-state="success"]{color:#146344}
.links a[hidden]{display:none!important}
#accountDetails p{overflow-wrap:anywhere}

/* V3.8 — Simple customer dashboard. Staging-only; no purchases API wired. */
.dash-hero{padding-bottom:23px}.dash-hero h1{margin-bottom:12px}.dashboard-wrap{max-width:900px;padding-bottom:105px}.dashboard-shell{border:1px solid #dce9df;border-radius:22px;background:#fff;box-shadow:0 12px 45px #153e3010;padding:clamp(22px,4vw,44px)}.dashboard-status{font-size:12px;font-weight:700;color:#0f7d5b;margin:0 0 23px}.dashboard-top{display:flex;align-items:center;justify-content:space-between;gap:18px}.dashboard-overline{font-weight:800;color:#0f7d5b;letter-spacing:1.7px;font-size:10px}.dashboard-top h2{font:800 clamp(23px,3vw,30px) 'Plus Jakarta Sans',sans-serif;margin:9px 0;color:var(--navy)}.dashboard-top p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}.dashboard-browse{border:1px solid #a9d1b8;border-radius:9px;color:#0c6849;font-size:12px;font-weight:700;padding:12px 14px;white-space:nowrap}.dashboard-browse:hover,.dashboard-empty a:hover{background:#e8f5ec}.dashboard-empty{margin-top:24px;border:1px dashed #b6d4bd;border-radius:15px;padding:42px 22px;text-align:center;background:#f7faf7}.dashboard-empty-icon{width:51px;height:51px;display:grid;place-items:center;margin:0 auto 15px;border-radius:14px;background:#e4f2e7;color:#0f7d5b;font-size:27px}.dashboard-empty h3{font:800 19px 'Plus Jakarta Sans',sans-serif;color:var(--navy);margin:0 0 9px}.dashboard-empty p{max-width:410px;font-size:13px;line-height:1.75;color:var(--muted);margin:0 auto 19px}.dashboard-empty a{font-size:12px;font-weight:800;color:#0f7d5b;padding:10px;border-radius:9px}.dashboard-bottom{margin-top:25px;display:grid;grid-template-columns:1fr 1fr;gap:13px}.dashboard-profile,.dashboard-support{border:1px solid #e1eae4;border-radius:13px;background:white;min-width:0}.dashboard-profile summary,.dashboard-support{display:flex;align-items:center;gap:14px;padding:19px;cursor:pointer;list-style:none}.dashboard-profile summary::-webkit-details-marker{display:none}.dashboard-profile summary>span:nth-child(2),.dashboard-support>span:nth-child(2){flex:1;min-width:0}.dashboard-profile strong,.dashboard-support strong{display:block;font-size:14px;color:var(--navy)}.dashboard-profile small,.dashboard-support small{display:block;font-size:11px;color:#6d8075;margin-top:5px;line-height:1.4}.dashboard-menu-icon{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:11px;background:#ebf5ee;color:#0f7d5b;font-size:22px}.dashboard-chevron{color:#668b78}.dashboard-profile[open] .dashboard-chevron{transform:rotate(180deg)}.dashboard-profile-body{border-top:1px solid #e5ece8;padding:12px 19px 18px}.dashboard-profile-body>p:not(.dashboard-profile-note){display:flex;justify-content:space-between;gap:15px;align-items:start;margin:14px 0;font-size:12px;overflow-wrap:anywhere}.dashboard-profile-body>p strong{color:#667a70}.dashboard-profile-body>p span{max-width:65%;text-align:right}.dashboard-profile-note{font-size:11px;line-height:1.65;color:var(--muted);margin:15px 0 0}.dashboard-signout{display:flex;justify-content:flex-end;align-items:center;gap:14px;margin-top:20px;min-height:28px}.dashboard-signout button{border:0;background:none;color:#5f7270;font-size:12px;font-weight:700;padding:8px 0}.dashboard-signout button:hover{color:#a33}.dashboard-signout p{font-size:12px}.dashboard-support:hover,.dashboard-profile summary:hover{background:#f8fbf8}#dashboardSignedOut p{font-size:14px;color:var(--muted)}#dashboardSignedOut .primary{margin-top:9px}
@media(max-width:650px){.dashboard-top{align-items:flex-start;flex-direction:column}.dashboard-bottom{grid-template-columns:1fr}.dashboard-browse{width:100%;text-align:center}.dashboard-empty{padding:30px 15px}.dashboard-wrap{padding-bottom:65px}}

/* V3.9: read-only published listing cards, separated from existing sample demo catalog. */
.live-catalog{padding-top:0;padding-bottom:38px}.live-catalog-status{font-size:13px;color:var(--muted);margin:0 0 18px}.live-product-visual{height:166px;background:#edf5ef;display:flex;justify-content:center;align-items:center;overflow:hidden}.live-product-visual img{width:100%;height:100%;object-fit:contain}.live-product-visual span{font-weight:800;font-size:12px;color:var(--green);letter-spacing:2px}.live-tag{color:#1a6d55;background:#e2f3e8;font-size:10px;letter-spacing:.3px;font-weight:800;padding:6px 9px;border-radius:5px;align-self:flex-start}.live-product .product-body p{overflow-wrap:anywhere;white-space:pre-line}.live-price{display:block;color:var(--navy);font-size:19px;margin-top:auto}.live-unavailable{font-size:11px;color:#745a32;margin-top:9px}.live-product .product-body{gap:7px}.live-product .product-body h3{overflow-wrap:anywhere}

/* V3.10: published product detail + non-transactional preview cart */
.live-detail-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:46px;align-items:start}.live-detail-visual{min-height:400px;background:#edf5ef;border-radius:20px;display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--green);font-weight:800;letter-spacing:2px;padding:20px}.live-detail-visual img{max-width:100%;max-height:460px;object-fit:contain}.live-detail-info h1{font:800 clamp(26px,3vw,42px)/1.25 'Plus Jakarta Sans',sans-serif;color:var(--navy);overflow-wrap:anywhere}.live-detail-description{white-space:pre-line;overflow-wrap:anywhere;line-height:1.85;color:var(--muted)}.live-detail-price{font-size:28px;color:var(--green);display:block;margin:22px 0}.live-cart-item{display:flex;align-items:center;gap:18px;padding:16px 0;border-bottom:1px solid var(--edge)}.live-cart-item strong{flex:1;overflow-wrap:anywhere}.live-cart-item span{color:var(--muted)}.cart-live-section,.cart-demo-section{padding:20px 24px;border:1px solid var(--edge);background:#fff;border-radius:15px;margin-bottom:20px}.cart-live-section h2,.cart-demo-section h2{font-size:18px;color:var(--navy);margin:0 0 9px}.cart-live-section .muted{font-size:12px;color:var(--muted)}.live-product .product-actions{margin-top:12px}.live-product .product-actions button{font-size:11px}@media(max-width:760px){.live-detail-layout{grid-template-columns:1fr;gap:20px}.live-cart-item{flex-wrap:wrap}}

/* V3.13: non-functional visual updates, no auth/catalog/cart changes. */
.store-ticker{display:flex;align-items:stretch;min-height:35px;background:#e9f3eb;border-bottom:1px solid #cce2d3;overflow:hidden;color:#17513e}
.store-ticker-label{z-index:1;display:flex;align-items:center;flex:none;padding:0 16px;background:#165442;color:white;font-size:10px;font-weight:800;letter-spacing:.9px;white-space:nowrap}
.store-ticker-window{flex:1;overflow:hidden;min-width:0;display:flex;align-items:center}
.store-ticker-track{display:flex;gap:0;width:max-content;align-items:center;white-space:nowrap;animation:alsabti-ticker 38s linear infinite}
.store-ticker-track span{font-size:11px;font-weight:700;padding:8px 23px;flex:none}
.store-ticker-track span:after{content:'✦';margin-left:46px;color:#a18b5f;font-size:10px}
.store-ticker:hover .store-ticker-track,.store-ticker:focus-within .store-ticker-track{animation-play-state:paused}
@keyframes alsabti-ticker{to{transform:translateX(-50%)}}
.payment-area{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--edge);padding:18px 0}
.payment-copy{display:flex;flex-direction:column;gap:5px}.payment-copy strong{font-size:12px;color:var(--navy)}.payment-copy span{font-size:10px;line-height:1.6;color:var(--muted)}
.payment-marks{display:flex;gap:8px;align-items:center;flex:none}.payment-chip{display:flex;align-items:center;justify-content:center;min-width:64px;height:35px;border:1px solid #e0e5e5;background:white;border-radius:7px;filter:grayscale(1);opacity:.72}
.payment-visa{font-style:italic;font-size:18px;font-weight:900;letter-spacing:-1px;color:#254d91}.payment-mastercard{flex-direction:column;gap:0}.payment-mastercard i{position:relative;display:block;height:14px;width:28px}.payment-mastercard i:before,.payment-mastercard i:after{content:'';position:absolute;top:0;width:14px;height:14px;border-radius:50%;background:#d77c52}.payment-mastercard i:before{left:3px}.payment-mastercard i:after{left:12px;background:#d2af55;opacity:.85}.payment-mastercard b{font-size:7px;color:#333;letter-spacing:-.4px}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;font-size:10px;line-height:1.8}
@media(max-width:690px){.store-ticker-label{font-size:9px;padding:0 9px}.store-ticker-track span{padding:8px 14px}.payment-area{align-items:flex-start;flex-direction:column}.footer-bottom{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.store-ticker-track{animation:none}.store-ticker-window{overflow-x:auto}}

/* V3.13.2 — payment marks placed at the left of footer, with clear brand colors. */
.payment-area{justify-content:flex-start;gap:20px}
.payment-marks{order:0;gap:10px}
.payment-copy{order:1}
.payment-chip{filter:none;opacity:1;min-width:78px;height:43px;background:#fff;border:1px solid #d6dfdc;box-shadow:0 2px 6px #112b4212;border-radius:8px}
.payment-visa{color:#143f87;font-style:italic;font-weight:900;font-size:22px;letter-spacing:-1.3px}
.payment-mastercard i{height:20px;width:38px}
.payment-mastercard i:before,.payment-mastercard i:after{height:20px;width:20px;top:0}
.payment-mastercard i:before{left:3px;background:#eb001b}
.payment-mastercard i:after{left:15px;background:#f79e1b;opacity:.92}
.payment-mastercard b{font-size:8px;font-weight:750;letter-spacing:-.2px;color:#242424}
@media(max-width:690px){.payment-area{flex-direction:column;align-items:flex-start;gap:11px}}

/* Dynamic ticker: keep it hidden until active announcements load. */
.store-ticker[hidden]{display:none!important}.store-ticker-track a{color:inherit;text-decoration:none}.store-ticker-track a:hover{text-decoration:underline}.store-ticker-track span{min-width:fit-content}

/* Phase 4C – Customer order history (read-only) */
.customer-order-panel{border:1px solid #dce7de;border-radius:16px;padding:22px;background:#fff;margin:22px 0}
.customer-order-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.customer-order-heading h2{margin:4px 0 0;color:#153d36}
.customer-order-refresh{border:1px solid #bfd7c8;background:#f2f7f3;color:#17644d;border-radius:9px;padding:9px 14px;font:inherit;cursor:pointer}
.customer-order-note,#myOrdersStatus{font-size:13px;color:#687e74;line-height:1.6}
.customer-orders-list{display:grid;gap:12px;margin-top:12px}
.customer-order-item{border:1px solid #e0e9e3;border-radius:12px;padding:15px;background:#f9fbf9;min-width:0}
.customer-order-item strong{display:block;font-size:13px;color:#163d33;overflow-wrap:anywhere}
.customer-order-meta{display:flex;gap:10px 18px;flex-wrap:wrap;align-items:center;margin-top:9px;font-size:12px;color:#687e74}
.customer-order-meta span:first-child{font-weight:700;color:#17334a}
.customer-order-state{border-radius:30px;background:#fff4db;color:#84631c;padding:3px 9px}
@media(max-width:600px){.customer-order-panel{padding:15px}.customer-order-heading{align-items:flex-start}}

/* Phase 7 - staging policy pages */
.policy-container{max-width:850px;padding-top:32px;padding-bottom:76px}.policy-note{padding:18px 22px;border:1px solid #c9dfd5;background:#f3f9f5;border-radius:14px;margin-bottom:32px;color:#244d3c}.policy-note p{margin:8px 0 0;line-height:1.7}.policy-section{margin:0 0 28px;padding-bottom:24px;border-bottom:1px solid #e1ebe6}.policy-section h2{font-size:1.23rem;line-height:1.4;margin-bottom:10px;color:#183c36}.policy-section p{line-height:1.85;color:#405e59;margin:0}.policy-help{padding:20px 24px;background:#f4f7f7;border-radius:14px;line-height:1.8}.policy-help a{color:#0c8062;text-decoration:underline}.footer a[href^="#privacy"],.footer a[href^="#terms"],.footer a[href^="#refunds"],.footer a[href^="#delivery"]{white-space:nowrap}

/* Admin account link: stays hidden until server-authorized. */
.dashboard-admin-link[hidden]{display:none!important}
.dashboard-admin-link{border-color:#c7ded4;background:#f0f8f3}
.dashboard-admin-link:focus-visible{outline:3px solid #0f7d5b;outline-offset:3px}

/* Published products: compact cards and expandable detail descriptions. */
.live-product .live-card-description{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;min-height:0;max-height:5.2em;line-height:1.7;overflow-wrap:anywhere}
.live-detail-description{white-space:pre-line;overflow-wrap:anywhere;line-height:1.85}
.live-detail-description.is-collapsed{max-height:11.1em;overflow:hidden;position:relative}
.live-description-toggle{display:inline-flex;align-items:center;margin:0 0 18px;padding:8px 0;border:0;background:transparent;color:var(--green);font-size:13px;font-weight:800;text-decoration:underline;cursor:pointer}
.live-description-toggle:focus-visible{outline:2px solid var(--green);outline-offset:3px}

/* Featured live products on home; published cards first on product listing */
.featured-home-section{padding:62px 0 76px}
.featured-home-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:24px}
.featured-home-heading h2{font-family:'Plus Jakarta Sans',sans-serif;color:var(--navy);font-size:clamp(27px,3vw,37px);margin:10px 0 8px}
.featured-home-heading p:last-child{color:var(--muted);font-size:13px;margin:0}
.featured-home-section .product-grid{margin-top:14px}
.products-first{padding-top:45px;padding-bottom:58px}
.products-bottom-intro{padding:44px 0 84px;border-top:1px solid var(--edge)}
.products-bottom-intro h2{font-family:'Plus Jakarta Sans',sans-serif;color:var(--navy);font-size:clamp(29px,3.5vw,43px);margin:14px 0}
.products-bottom-intro h2 em{color:var(--green);font-style:normal}
.products-bottom-intro>p:last-child{color:var(--muted);font-size:14px;line-height:1.8;max-width:680px}
@media(max-width:650px){.featured-home-section{padding:40px 0 55px}.featured-home-heading{align-items:start;flex-direction:column}.products-first{padding-top:28px}.products-bottom-intro{padding:35px 0 65px}}

/* AL SABTI: honest Trustpilot link (no ratings or third-party widget). */
.trustpilot-section{background:#f6f9f5;border-top:1px solid #e3ece4;padding:42px 0 48px}.trustpilot-inner{display:flex;align-items:center;justify-content:space-between;gap:28px}.trustpilot-copy{max-width:690px}.trustpilot-copy .eyebrow{margin:0 0 10px}.trustpilot-copy h2{font:800 clamp(22px,2.5vw,32px)/1.25 'Plus Jakarta Sans',Inter,sans-serif;letter-spacing:-.6px;color:var(--navy);margin:0 0 12px}.trustpilot-copy p:last-child{color:var(--muted);font-size:13px;line-height:1.8;margin:0}.trustpilot-link{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:15px 18px;border-radius:9px;background:#123d32;color:#fff;font-size:13px;font-weight:750;white-space:nowrap;transition:background .2s}.trustpilot-link:hover,.trustpilot-link:focus-visible{background:#0f7d5b}.trustpilot-star{font-size:21px;color:#00b67a;line-height:1}@media(max-width:720px){.trustpilot-inner{flex-direction:column;align-items:flex-start}.trustpilot-link{white-space:normal}.trustpilot-section{padding:35px 0}}

.wayl-payment-methods{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:14px 0;padding:12px;border:1px solid #dce8df;border-radius:12px;background:#f7faf7}.wayl-payment-methods strong{width:100%;color:#153d36}.wayl-payment-methods span{font-size:12px;border-radius:8px;padding:5px 9px;background:white;border:1px solid #dce8df;color:#17334a}

.payment-text{font-size:12px;font-weight:800;color:#153d36;padding:0 10px}
.customer-order-action{margin:10px 8px 0 0}
.payment-return-notice{background:#eef7f0;border:1px solid #cfe4d6;border-radius:10px;padding:10px 12px}

/* English / Arabic storefront language switcher */
.language-switcher{display:inline-flex;align-items:center;gap:3px;border:1px solid #c8d7cf;border-radius:999px;padding:3px;flex-shrink:0;background:#fff;direction:ltr}
.language-choice{font:inherit;font-size:12px;font-weight:700;cursor:pointer;border:0;background:transparent;color:#34564a;padding:7px 10px;border-radius:999px;white-space:nowrap}
.language-choice[aria-pressed="true"]{background:#0f7d5b;color:white}
html[dir="rtl"] body{text-align:right}
html[dir="rtl"] .hero-grid,html[dir="rtl"] .featured-home-heading,html[dir="rtl"] .features,html[dir="rtl"] .footer,html[dir="rtl"] .support-grid,html[dir="rtl"] .support-contact-options,html[dir="rtl"] .dashboard-shell,html[dir="rtl"] .cart-layout{direction:rtl}
html[dir="rtl"] .nav{direction:rtl}
html[dir="rtl"] .brand,html[dir="rtl"] .payment-marks,html[dir="rtl"] .payment-chip,html[dir="rtl"] .live-detail-price,html[dir="rtl"] .live-price,html[dir="rtl"] input[type="email"],html[dir="rtl"] input[type="password"]{direction:ltr}
html[dir="rtl"] .brand{text-align:left}
html[dir="rtl"] input:not([type="email"]):not([type="password"]),html[dir="rtl"] textarea,html[dir="rtl"] select{text-align:right}
html[dir="rtl"] .store-ticker-track{direction:ltr}
html[dir="rtl"] .language-switcher{direction:ltr}
@media(max-width:850px){.language-switcher{margin-inline-start:auto}.nav{gap:8px}.language-choice{padding:6px 8px}}


/* OURU 2026 visual release — presentation only; legacy functionality preserved */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--green:#6D2238;--navy:#351422;--blue:#7a4655;--sky:#f6e9eb;--sand:#f7efe5;--gold:#d5ac69;--text:#351d29;--muted:#796872;--edge:#eadfe0;--bg:#fcf8f5}
body{font-family:Manrope,'IBM Plex Sans Arabic',sans-serif;background:#fcf8f5;color:var(--text)}
html[lang="ar"] body,body[dir="rtl"]{font-family:'IBM Plex Sans Arabic',Manrope,sans-serif}
header{background:rgba(255,251,248,.96);backdrop-filter:blur(18px);border-bottom:1px solid #eadddf;box-shadow:0 6px 25px #4b1f2b08}
.nav{min-height:84px;gap:24px}.brand{gap:12px}.brand strong{font-family:Manrope,sans-serif;font-size:23px;letter-spacing:1.5px;color:#632039}.brand small{font-size:9px;letter-spacing:1.8px;color:#9b7952}
.mark.ouru-mark{width:47px;height:47px;display:grid;place-items:center;background:linear-gradient(140deg,#70253d,#4e132b);color:#f0ce8f;border:1px solid #b78e55;border-radius:14px;font:800 31px Georgia,serif;position:relative;box-shadow:0 7px 17px #6d22382b}
.ouru-mark-spark{position:absolute;top:2px;right:4px;font:12px Georgia,serif;color:#fff0c7}
.links{gap:19px}.links a{color:#664a59}.links a:hover,.links a.active{color:#7d233f}
.navbtn,.secondary{border-color:#c7a17a;color:#6d2238;background:#fffaf7}
.primary{background:#6d2238;border-color:#6d2238;color:#fff;box-shadow:0 8px 24px #6d223829}
.primary:hover{background:#57182e;border-color:#57182e}.secondary:hover,.navbtn:hover{background:#f7ebe7}
.hero{background:radial-gradient(circle at 80% 30%,#f0dde0 0%,transparent 38%),linear-gradient(112deg,#fffaf6 0%,#fcf5f2 51%,#f3e9e6 100%)}
.hero-grid{min-height:610px;gap:44px}.hero h1,.subhero h1{font-family:Manrope,'IBM Plex Sans Arabic',sans-serif;letter-spacing:-2.3px;color:#351422}
.hero h1{font-size:clamp(41px,4.6vw,68px);max-width:660px}.hero em,.subhero em{color:#8a334b}.eyebrow{color:#a37a43}.lead{font-size:16px;color:#796872;line-height:1.95}
.chips{color:#6d4b57}.art{height:440px}.circle{background:linear-gradient(130deg,#e8c9cc,#f5e3d6);width:380px;height:380px;filter:blur(1px)}
.screen{border:10px solid #4b182b;transform:rotate(-2deg);border-radius:20px;box-shadow:23px 26px 52px #6d22382b}.screen-top{background:#fff9f7;color:#a58489}.screen-content h3{color:#4c1830}.screen-content small{color:#9e6d35}.bars i{background:linear-gradient(#d4a15c,#7d2b46)}.tasks{background:#fff5f2;color:#744357}.float{color:#6d2238;border-color:#e4d1d5;border-radius:16px}
.section h2,.feature-band h2,.faq h2,.story h2{font-family:Manrope,'IBM Plex Sans Arabic',sans-serif;color:#351422}
.features article,.demo-product,.panel,.cart-summary,.cart-items,.storypanel{border-color:#eadfe0;box-shadow:0 14px 45px #5121370c}
.features article{border-radius:20px}.ficon{background:#f9e8eb;color:#6d2238}.ficon.blue{background:#f4e9ef;color:#7d3552}.ficon.sand{background:#f8eddd;color:#986d3d}
.feature-band{background:linear-gradient(115deg,#6d2238,#4c162a);color:#fff;box-shadow:0 20px 50px #6d223823}.feature-band h2,.feature-band .eyebrow{color:#f2cf95}.feature-band p{color:#f4dee5!important}.feature-band .primary{background:#e4bc7d;color:#47172d;border-color:#e4bc7d}.mock-stack{background:linear-gradient(145deg,#f4e0be,#d2a668);color:#4f1c30;box-shadow:13px 13px 0 #925467}.mock-stack p{color:#754a49!important}
.bubble.bot{background:#f7eaeb}.bubble.human{background:#6d2238}.agent{background:#f6e6e9;color:#6d2238}
input:focus,textarea:focus,select:focus{outline-color:#bd8d59}.storypanel{background:#faedec;color:#6d2238}
footer{background:#f7f0ec;border-color:#eadfe0}.smallmark{color:#b58a4d}
.store-ticker{background:#5b1b31}
::selection{background:#e9c4ce;color:#42162a}
@media(max-width:920px){.nav{gap:12px}.links{gap:10px}.links a{font-size:12px}.hero-grid{gap:14px}}
@media(max-width:780px){.nav{min-height:72px}.links{background:#fff9f6;border-bottom:1px solid #eadfe0}.hero-grid{min-height:auto}.hero h1{font-size:clamp(37px,9vw,53px)}.art{height:345px}.circle{width:270px;height:270px}.feature-band{padding:32px}}
@media(max-width:440px){.hero h1{font-size:36px;letter-spacing:-1.5px}.hero-grid{padding-top:42px}.screen{border-width:7px}.art{height:315px}.mark.ouru-mark{width:42px;height:42px;font-size:27px}.brand strong{font-size:19px}}


/* OURU 2026 launch-review: visual overrides only; checkout & authentication untouched. */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--green:#6D2238!important;--navy:#401525!important;--gold:#D5AE72!important;--text:#38232A!important;--muted:#725F66!important;--edge:#EADBD9!important;--bg:#FFF9F5!important}
body{background:#FFFBF8;font-family:Manrope,'IBM Plex Sans Arabic',Arial,sans-serif!important}
html[lang="ar"] body,html[dir="rtl"] body{font-family:'IBM Plex Sans Arabic',Manrope,Arial,sans-serif!important}
h1,h2,h3,.brand strong{font-family:Manrope,'IBM Plex Sans Arabic',sans-serif!important}
html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3{font-family:'IBM Plex Sans Arabic',sans-serif!important;letter-spacing:0!important}
header{background:#FFFAF7;border-bottom:1px solid #E7D7D6;box-shadow:0 7px 24px #5d19300a}
.links a:hover,.links a.active{color:#6D2238!important}
.hero{background:radial-gradient(circle at 90% 30%,#F2DBCF 0,transparent 38%),linear-gradient(120deg,#FFF8F3,#F6EDE9 65%,#F7E9E2)}
.eyebrow{color:#944666!important}.hero h1 em,.subhero em{color:#8A304A!important}
.primary{background:#6D2238!important;border-color:#6D2238!important;color:white!important;box-shadow:0 10px 21px #6D223825;transition:transform .22s,background .22s,box-shadow .22s}
.primary:hover{background:#8C3652!important;transform:translateY(-3px);box-shadow:0 15px 28px #6D22382d}
.secondary{color:#6D2238!important;border-color:#B98996!important;transition:transform .22s,background .22s}
.secondary:hover{background:#F8E9E8!important;transform:translateY(-2px)}
.official-brand-mark{width:143px!important;height:58px!important;background:none!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;display:flex!important;align-items:center;justify-content:flex-start;overflow:visible!important}
.official-brand-mark .brand-img{max-width:100%;max-height:56px;object-fit:contain;object-position:left center;filter:drop-shadow(0 2px 2px #6D22381a)}
.brand-ar{display:none}.brand-en{display:block}html[lang="ar"] .brand-ar,html[dir="rtl"] .brand-ar{display:block}html[lang="ar"] .brand-en,html[dir="rtl"] .brand-en{display:none}
html[dir="rtl"] .official-brand-mark .brand-img{object-position:right center}
footer .official-brand-mark{width:110px!important;height:52px!important}
.store-ticker{display:flex!important;align-items:center;background:#6D2238!important;color:#FDEDDC!important;border-block:1px solid #C89B70!important;min-height:42px}
.store-ticker-label{background:#4B1528!important;color:#F4D5A3!important;font-weight:800;white-space:nowrap}
.store-ticker-window{overflow:hidden;flex:1}.store-ticker-track{white-space:nowrap;animation:ouru-marquee 42s linear infinite;will-change:transform}.store-ticker:hover .store-ticker-track{animation-play-state:paused}
.store-ticker-track span{display:inline-block;margin-inline:34px;font-size:12px;font-weight:700}.store-ticker-track a{color:#FCE7BB}
@keyframes ouru-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.store-ticker-track{animation:none!important}.pointer-halo{display:none!important}.app-device{transform:none!important}}
.ouru-product-showcase{height:auto;min-height:380px;display:flex;flex-direction:column;justify-content:center;perspective:900px}
.app-device{width:min(100%,530px);margin:auto;position:relative;background:#351C28;border:9px solid #391923;border-radius:18px;box-shadow:0 36px 50px #49172b35,0 0 0 1px #B18A67;transition:transform .22s ease;transform-style:preserve-3d;overflow:visible}
.device-top{display:flex;align-items:center;gap:10px;padding:9px 12px;background:#451728;border-radius:8px 8px 0 0;color:#F7D9AD;font-size:10px}.device-top span:last-child{margin-inline-start:auto;color:#EED8D8}.device-light,.device-pulse{width:7px;height:7px;display:inline-block;border-radius:50%;background:#E8BE75}
.device-display{background:#fff;overflow:hidden;aspect-ratio:1.95}.device-display img{width:100%;height:100%;display:block;object-fit:cover;object-position:center top}
.device-base{position:absolute;left:-6%;right:-6%;bottom:-19px;height:17px;border-radius:0 0 30px 30px;background:linear-gradient(90deg,#7F5660,#E5C9B3 40%,#704052);box-shadow:0 8px 11px #45192826}.device-caption{font-size:12px;color:#724653;margin:34px auto 0;text-align:center;font-weight:800}.device-pulse{margin-inline-end:7px}
.origin-section{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:55px;padding:95px 0}.origin-copy h2{font-size:clamp(28px,3.2vw,44px);line-height:1.2;color:#48182C}.origin-copy em{font-style:normal;color:#9A5061}.origin-copy p:not(.eyebrow){line-height:1.9;color:#725F66;font-size:15px;margin-bottom:25px}.origin-visual{position:relative}.origin-visual img{width:100%;border-radius:25px;display:block;box-shadow:0 25px 45px #54243916}.origin-visual small{display:block;margin-top:9px;font-size:10px;color:#9F8590}
.features article,.demo-product,.panel,.product-card{transition:transform .24s,box-shadow .24s}.features article:hover,.demo-product:hover,.product-card:hover{transform:translateY(-6px);box-shadow:0 20px 30px #6d223818}
.pointer-halo{width:25px;height:25px;border-radius:50%;position:fixed;left:0;top:0;pointer-events:none;z-index:10000;border:1px solid #D8AD69;box-shadow:0 0 0 6px #D8AD691b;transform:translate(-50%,-50%);opacity:0;transition:opacity .2s}
@media(hover:hover) and (pointer:fine){body.has-pointer .pointer-halo{opacity:1}a,button{cursor:pointer}}
@media(max-width:780px){.origin-section{grid-template-columns:1fr;gap:25px;padding:65px 0}.official-brand-mark{width:115px!important;height:48px!important}.official-brand-mark .brand-img{max-height:45px}.ouru-product-showcase{min-height:260px}.device-display{aspect-ratio:1.65}.links{background:#FFFAF7}}
