﻿:root{--ink:#07110e;--ink-2:#102019;--mint:#bff67b;--mint-2:#ddffb7;--cream:#f6f3eb;--paper:#fffdf7;--line:rgba(7,17,14,.12);--muted:#66736c;--white:#fff;--radius:28px;--shadow:0 28px 80px rgba(5,18,12,.15)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Arabic","Segoe UI",Tahoma,Arial,sans-serif;overflow-x:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}.skip-link{position:fixed;top:-60px;right:20px;z-index:999;background:var(--ink);color:white;padding:12px 18px;border-radius:12px}.skip-link:focus{top:12px}.ambient{position:fixed;border-radius:50%;filter:blur(110px);pointer-events:none;z-index:-1}.ambient-a{width:470px;height:470px;background:rgba(191,246,123,.22);top:-130px;right:-100px}.ambient-b{width:420px;height:420px;background:rgba(236,172,255,.14);bottom:-120px;left:-160px}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,6vw,96px);position:fixed;top:0;left:0;right:0;z-index:80;transition:.35s;border-bottom:1px solid transparent}.topbar.scrolled{height:72px;background:rgba(246,243,235,.86);backdrop-filter:blur(20px);border-color:var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand>span:last-child{display:flex;flex-direction:column;line-height:1}.brand b{font:600 20px ui-sans-serif;letter-spacing:-.5px}.brand small{font:600 7px ui-sans-serif;letter-spacing:1.8px;margin-top:7px;color:var(--muted)}.brand-mark{width:38px;height:38px;border-radius:12px;background:var(--ink);position:relative;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}.brand-mark:before{content:"";width:22px;height:15px;border:3px solid var(--mint);border-top:0;border-radius:3px 3px 8px 8px;transform:skew(-10deg)}.brand-mark i{position:absolute;width:3px;height:12px;background:var(--mint);top:10px;border-radius:2px}.brand-mark i:first-child{right:11px;transform:rotate(-12deg)}.brand-mark i:last-child{left:11px;transform:rotate(12deg)}.topbar nav{display:flex;gap:32px;font-size:13px;color:#536058}.topbar nav a{padding:12px 0;position:relative}.topbar nav a:after{content:"";position:absolute;right:0;left:100%;bottom:4px;height:2px;background:var(--ink);transition:.25s}.topbar nav a:hover:after,.topbar nav a.active:after{left:0}.topbar nav a.active{color:var(--ink);font-weight:600}.nav-actions{display:flex;gap:10px}.button{border:0;border-radius:14px;padding:12px 20px;background:none;display:inline-flex;align-items:center;justify-content:center;gap:18px;font-size:12px;font-weight:600;transition:.25s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--ink);color:white;box-shadow:0 12px 25px rgba(7,17,14,.15)}.button.primary:hover{background:#1b2c24}.button.ghost{border:1px solid var(--line);background:rgba(255,255,255,.25)}.button.bright{background:var(--mint);color:var(--ink)}.button.large{padding:17px 24px;border-radius:16px;font-size:13px}.button.full{width:100%}.menu-toggle{display:none;background:transparent;border:0;width:42px;height:42px}.menu-toggle span{display:block;height:2px;background:var(--ink);margin:7px;border-radius:2px}.hero{min-height:100vh;padding:140px clamp(24px,7vw,110px) 60px;display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:6vw;position:relative;max-width:1600px;margin:auto}.hero-copy{max-width:690px}.eyebrow,.kicker{text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:1.6px;color:#4b5e53;display:flex;align-items:center;gap:9px}.pulse{width:7px;height:7px;background:#66c85f;border-radius:50%;box-shadow:0 0 0 6px rgba(102,200,95,.12)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(52px,7vw,104px);line-height:.98;letter-spacing:-5px;margin:27px 0 28px;font-weight:600}.hero h1 em,.section h2 em{font-style:normal;color:#87948d;font-weight:300}.hero-copy>p{max-width:600px;font-size:16px;line-height:2;color:var(--muted);font-weight:300}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:35px}.text-link{font-size:12px;font-weight:600;border-bottom:1px solid var(--line);padding-bottom:7px}.text-link span{margin-right:8px}.trust-row{display:flex;align-items:center;gap:14px;margin-top:50px}.avatars{display:flex;direction:ltr}.avatars span{width:31px;height:31px;margin-right:-8px;border:2px solid var(--cream);border-radius:50%;background:#cfb9ff;display:grid;place-items:center;font-size:10px;font-weight:600}.avatars span:nth-child(2){background:#ffcfc1}.avatars span:nth-child(3){background:#d0edaa}.avatars span:last-child{background:var(--ink);color:white}.trust-row>div:nth-child(2){display:flex;flex-direction:column}.trust-row b{font-size:10px}.trust-row small{font-size:8px;color:var(--muted);margin-top:4px}.rating{direction:ltr;border-right:1px solid var(--line);padding-right:18px;color:#f1a80b;font-size:11px;display:flex;flex-direction:column;gap:3px}.hero-visual{height:650px;display:grid;place-items:center;position:relative}.phone{width:310px;height:620px;background:#0b0e0d;border-radius:52px;padding:9px;box-shadow:0 45px 90px rgba(4,17,11,.25),inset 0 0 0 1px #37413c;transform:rotate(-2deg);position:relative;z-index:3}.phone:before{content:"";position:absolute;width:95px;height:24px;border-radius:0 0 15px 15px;background:#0b0e0d;top:8px;right:50%;transform:translateX(50%);z-index:2}.phone-screen{height:100%;border-radius:44px;background:#f8f8f3;padding:45px 18px 18px;position:relative;overflow:hidden}.phone-head{display:flex;justify-content:space-between;align-items:center}.phone-head>div{display:flex;flex-direction:column;gap:6px}.phone-head small{font-size:8px;color:#7b8580}.phone-head b{font-size:16px}.mini-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#d0edaa;font-size:10px}.phone-search{background:#e9ebe6;color:#8a928e;border-radius:12px;padding:11px 13px;font-size:8px;margin:18px 0 12px}.feature-card{height:154px;background:#18241e;border-radius:20px;color:white;padding:20px;position:relative;overflow:hidden}.card-label{font-size:7px;background:rgba(255,255,255,.12);padding:5px 8px;border-radius:12px}.feature-card h3{font-size:17px;line-height:1.5;margin:10px 0}.feature-card button{border:0;background:var(--mint);font-size:7px;font-weight:700;padding:7px 10px;border-radius:8px}.feature-orb{position:absolute;width:120px;height:120px;border:18px solid #e1b7fa;border-radius:50%;left:-20px;bottom:-40px;box-shadow:0 0 0 16px rgba(191,246,123,.4)}.phone-section{display:flex;justify-content:space-between;margin:18px 2px 12px}.phone-section b{font-size:10px}.phone-section small{font-size:7px;color:#7d8782}.mini-apps{display:flex;flex-direction:column;gap:8px}.mini-apps article{display:grid;grid-template-columns:39px 1fr auto;align-items:center;gap:9px}.app-icon{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;color:white;font:600 15px ui-sans-serif;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}.violet{background:linear-gradient(135deg,#8f5cf6,#5a25c8)}.coral{background:linear-gradient(135deg,#ff9e86,#e95069)}.mini-apps article div{display:flex;flex-direction:column;gap:4px}.mini-apps b{font:600 9px ui-sans-serif}.mini-apps small{font-size:6px;color:#8b938f}.mini-apps button{border:0;border-radius:10px;font-size:6px;padding:7px 10px}.phone-tabs{position:absolute;right:13px;left:13px;bottom:12px;background:rgba(255,255,255,.93);border:1px solid #eaebe7;border-radius:18px;height:55px;display:flex;justify-content:space-around;align-items:center}.phone-tabs span{display:flex;flex-direction:column;align-items:center;gap:3px;color:#9ba19e;font-size:12px}.phone-tabs small{font-size:6px}.phone-tabs .active{color:#18241e}.orbit{position:absolute;border:1px solid rgba(7,17,14,.13);border-radius:50%}.orbit-one{width:480px;height:480px}.orbit-two{width:590px;height:590px;border-style:dashed}.status-float{position:absolute;background:rgba(255,255,255,.78);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.7);box-shadow:var(--shadow);border-radius:17px;padding:12px 15px;display:flex;gap:10px;align-items:center;z-index:5;min-width:180px}.status-float span{width:30px;height:30px;border-radius:10px;display:grid;place-items:center}.status-float .ok{background:#dff6c6}.status-float .spark{background:#eadcff}.status-float div{display:flex;flex-direction:column;gap:4px}.status-float b{font-size:9px}.status-float small{font-size:7px;color:var(--muted)}.status-a{top:120px;right:-25px;animation:float 5s ease-in-out infinite}.status-b{bottom:120px;left:-25px;animation:float 5s ease-in-out 1.6s infinite}.scroll-cue{position:absolute;bottom:23px;right:50%;transform:translateX(50%);font-size:8px;letter-spacing:1px;color:#718078;display:flex;flex-direction:column;align-items:center;gap:7px}.scroll-cue span{width:1px;height:26px;background:var(--line)}@keyframes float{50%{transform:translateY(-10px)}}.strip{max-width:1350px;margin:0 auto;background:var(--paper);border:1px solid var(--line);border-radius:25px;display:grid;grid-template-columns:repeat(4,1fr);padding:24px}.metrics div{text-align:center;border-left:1px solid var(--line)}.metrics div:last-child{border:0}.metrics strong{display:block;font:500 25px ui-sans-serif}.metrics span{font-size:8px;color:var(--muted)}.section{max-width:1400px;margin:auto;padding:140px clamp(24px,7vw,90px)}.section-head{display:grid;grid-template-columns:1fr .55fr;align-items:end;gap:50px}.section h2{font-size:clamp(38px,5vw,68px);line-height:1.15;letter-spacing:-3px;margin:18px 0 0;font-weight:500}.section-head>div:last-child{padding-bottom:8px}.section-head p,.how-intro p{font-size:12px;line-height:2;color:var(--muted)}.filter-row{display:flex;gap:8px;margin:50px 0 25px}.filter-row button{border:1px solid var(--line);background:transparent;border-radius:30px;padding:9px 18px;font-size:10px;color:var(--muted)}.filter-row button.active{background:var(--ink);color:white}.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.catalog-card{background:rgba(255,255,255,.55);border:1px solid rgba(7,17,14,.09);border-radius:25px;padding:20px;transition:.3s;position:relative;overflow:hidden}.catalog-card:hover{transform:translateY(-6px);background:white;box-shadow:0 20px 50px rgba(13,27,21,.08)}.catalog-card .cover{height:200px;border-radius:18px;background:var(--cover);display:grid;place-items:center;position:relative;overflow:hidden}.catalog-card .cover:before,.catalog-card .cover:after{content:"";position:absolute;border-radius:50%;border:30px solid rgba(255,255,255,.18)}.catalog-card .cover:before{width:180px;height:180px;right:-60px;top:-70px}.catalog-card .cover:after{width:100px;height:100px;left:-40px;bottom:-55px}.catalog-card .cover .app-icon{width:76px;height:76px;border-radius:22px;font-size:28px;z-index:2;box-shadow:0 17px 35px rgba(0,0,0,.2)}.catalog-card .app-meta{display:flex;justify-content:space-between;align-items:center;padding:18px 3px 2px}.catalog-card .app-meta div{display:flex;flex-direction:column;gap:5px}.catalog-card h3{font:600 15px ui-sans-serif;margin:0}.catalog-card small{font-size:8px;color:var(--muted)}.catalog-card .install{border:1px solid var(--line);background:white;border-radius:12px;padding:8px 13px;font-size:9px;font-weight:600}.catalog-card .badge{position:absolute;top:30px;right:30px;background:rgba(7,17,14,.76);color:white;z-index:3;padding:6px 10px;border-radius:15px;font-size:7px}.how{display:grid;grid-template-columns:.65fr 1.35fr;gap:7vw;border-top:1px solid var(--line)}.how-intro{position:sticky;top:130px;align-self:start}.steps{display:grid;grid-template-columns:1fr 1fr;gap:13px}.steps article{background:rgba(255,255,255,.55);min-height:260px;border-radius:25px;padding:26px;border:1px solid var(--line);position:relative}.steps article>span{font:500 10px ui-sans-serif;color:#8d9992}.step-icon{width:48px;height:48px;background:var(--ink);color:var(--mint);border-radius:16px;display:grid;place-items:center;margin:45px 0 25px}.steps h3{font-size:16px}.steps p{font-size:10px;line-height:1.9;color:var(--muted)}.plan-section{padding-top:40px}.plan-card{background:var(--ink);color:white;border-radius:36px;padding:65px 7%;display:grid;grid-template-columns:1fr .65fr;gap:8vw;position:relative;overflow:hidden}.plan-card:before{content:"";position:absolute;width:500px;height:500px;border:90px solid rgba(191,246,123,.06);border-radius:50%;right:-150px;top:-180px}.kicker.light{color:var(--mint)}.plan-card h2{font-size:52px;letter-spacing:-2px}.plan-card h2 em{color:#87968e}.plan-copy>p{color:#aebbb4;font-size:12px;line-height:2;max-width:530px}.plan-copy ul{list-style:none;padding:0;margin:30px 0 0;columns:2}.plan-copy li{font-size:9px;color:#d8e0dc;margin:0 0 15px;padding-right:21px;position:relative}.plan-copy li:before{content:"âœ“";position:absolute;right:0;color:var(--mint)}.price-panel{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:26px;padding:33px;display:flex;flex-direction:column;align-items:center;text-align:center;z-index:2}.price-panel>span{font-size:9px;color:#aab8b0}.price-panel>div{direction:ltr;margin:13px 0 3px}.price-panel b{font:500 64px ui-sans-serif;letter-spacing:-4px}.price-panel div small{font-size:11px;margin-left:4px}.price-panel p{font-size:9px;color:#aab8b0;margin-bottom:28px}.price-panel .button{width:100%}.price-panel>small{font-size:7px;color:#7f8f87;margin-top:13px}.faq{display:grid;grid-template-columns:.5fr 1fr;gap:8vw}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;padding:25px 0;font-size:12px;font-weight:600;display:flex;justify-content:space-between;cursor:pointer}summary::-webkit-details-marker{display:none}summary span{font-size:20px;font-weight:300;transition:.2s}details[open] summary span{transform:rotate(45deg)}details p{font-size:10px;color:var(--muted);line-height:2;padding-left:50px;margin-bottom:25px}footer{margin:0 5% 30px;background:#e9e6dd;border-radius:28px;padding:40px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:40px}footer>p{text-align:center;margin:0;font-size:10px;color:var(--muted)}footer>div:nth-of-type(2){display:flex;gap:20px;font-size:9px}footer>small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;text-align:center;color:var(--muted);font-size:7px}.modal{position:fixed;inset:0;z-index:200;display:none;place-items:center;padding:18px}.modal.open{display:grid}.modal-backdrop{position:absolute;inset:0;background:rgba(4,13,9,.67);backdrop-filter:blur(11px);animation:fade .2s}.modal-card{width:min(540px,100%);max-height:92vh;overflow:auto;background:var(--paper);border-radius:30px;padding:36px;position:relative;z-index:1;box-shadow:0 40px 120px rgba(0,0,0,.3);animation:modalIn .35s cubic-bezier(.2,.8,.2,1)}.modal-card.compact{width:min(480px,100%)}.modal-close{position:absolute;left:21px;top:18px;width:35px;height:35px;border-radius:12px;border:1px solid var(--line);background:transparent;font-size:20px;color:var(--muted)}.modal-stepper{display:flex;justify-content:center;align-items:center;margin-bottom:35px;direction:ltr}.modal-stepper span{width:27px;height:27px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font:600 9px ui-sans-serif;color:#9aa39e}.modal-stepper span.active{background:var(--ink);color:white}.modal-stepper i{width:35px;height:1px;background:var(--line)}.modal-pane{display:none}.modal-pane.active{display:block}.modal h2{font-size:30px;line-height:1.35;letter-spacing:-1px;margin:13px 0 25px}.modal label{font-size:9px;font-weight:600;display:block;margin:0 0 15px}.modal label small{font-weight:400;color:var(--muted)}.modal input:not([type=checkbox]):not([type=file]){display:block;width:100%;background:#efeee8;border:1px solid transparent;border-radius:13px;padding:14px;margin-top:7px;outline:0;font-size:11px}.modal input:focus{border-color:#759354;background:white}.consent{display:flex!important;gap:9px;align-items:flex-start;font-weight:400!important;line-height:1.7;margin:20px 0!important}.consent input{accent-color:var(--ink);margin-top:3px}.success-icon{width:70px;height:70px;border-radius:22px;background:#def4c7;display:grid;place-items:center;font-size:28px;margin:20px auto}.modal-pane[data-step="2"]{text-align:center}.modal-pane[data-step="2"]>p{font-size:11px;color:var(--muted)}.order-code{background:#ecece6;border:1px dashed #a7b0ab;border-radius:16px;padding:17px;font:600 21px ui-sans-serif;letter-spacing:2px;margin:18px 0}.payment-box{display:flex;flex-direction:column;background:#f3f1e9;border-radius:18px;padding:18px;margin:0 0 20px;gap:7px}.payment-box span,.payment-box small{font-size:8px;color:var(--muted)}.payment-box b{font-size:21px}.benefit-card{display:flex;align-items:center;gap:13px;background:#f3f1eb;padding:15px;border-radius:17px;margin-bottom:17px}.benefit-logo{width:47px;height:47px;background:#f05555;color:white;border-radius:15px;display:grid;place-items:center;font:700 22px ui-sans-serif}.benefit-card>div:last-child{display:flex;flex-direction:column;gap:5px}.benefit-card b{font:600 13px ui-sans-serif}.benefit-card small{font-size:8px;color:var(--muted)}.upload-zone{border:1px dashed #9ea8a2;border-radius:18px;padding:25px!important;display:flex!important;flex-direction:column;align-items:center;gap:7px;text-align:center;background:#faf9f4}.upload-zone input{display:none}.upload-zone span{font-size:20px}.upload-zone b{font-size:10px}.upload-zone small{font-size:7px;color:var(--muted)}#track-result{margin-top:20px}.timeline{border-right:1px solid #ccd3ce;margin-right:12px;padding-right:25px}.timeline article{position:relative;margin:0 0 20px}.timeline article:before{content:"";position:absolute;right:-31px;top:2px;width:10px;height:10px;border-radius:50%;background:#d1d6d2;border:3px solid var(--paper)}.timeline article.done:before{background:#63c95b}.timeline b{font-size:10px;display:block}.timeline small{font-size:8px;color:var(--muted)}.toast{position:fixed;bottom:25px;right:50%;transform:translate(50%,30px);background:var(--ink);color:white;border-radius:14px;padding:13px 20px;font-size:10px;z-index:400;opacity:0;pointer-events:none;transition:.3s}.toast.show{opacity:1;transform:translate(50%,0)}@keyframes fade{from{opacity:0}}@keyframes modalIn{from{opacity:0;transform:translateY(25px) scale(.97)}}.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}
@media(max-width:1050px){.topbar nav{display:none}.hero{grid-template-columns:1fr;padding-top:130px;text-align:center}.hero-copy{margin:auto}.hero-copy>p{margin-left:auto;margin-right:auto}.eyebrow,.hero-actions,.trust-row{justify-content:center}.hero-visual{height:600px}.status-a{right:7%}.status-b{left:7%}.section-head{grid-template-columns:1fr}.how{grid-template-columns:1fr}.how-intro{position:static}.plan-card{grid-template-columns:1fr}.faq{grid-template-columns:1fr}.app-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.topbar{height:70px;padding:0 18px}.topbar .nav-actions{display:none}.menu-toggle{display:block}.topbar.menu-open{height:auto;padding-bottom:20px;align-items:flex-start;background:var(--cream);flex-wrap:wrap}.topbar.menu-open nav{display:flex;order:3;width:100%;flex-direction:column;gap:0;margin-top:15px}.brand b{font-size:17px}.brand-mark{width:34px;height:34px}.hero{padding:115px 20px 55px;min-height:auto}.hero h1{font-size:51px;letter-spacing:-3px}.hero-copy>p{font-size:13px}.hero-actions{flex-direction:column}.trust-row{flex-wrap:wrap}.rating{border:0;padding:0}.hero-visual{height:530px;transform:scale(.82);margin:-35px -40px}.phone{width:290px;height:580px}.status-a{right:-8%}.status-b{left:-8%}.scroll-cue{display:none}.strip{margin:0 15px;grid-template-columns:1fr 1fr}.metrics div{padding:12px;border-bottom:1px solid var(--line)}.metrics div:nth-child(2){border-left:0}.metrics div:nth-child(3){border-bottom:0}.section{padding:90px 20px}.section h2{font-size:40px;letter-spacing:-2px}.app-grid{grid-template-columns:1fr}.catalog-card .cover{height:230px}.steps{grid-template-columns:1fr}.steps article{min-height:220px}.step-icon{margin:30px 0 20px}.plan-card{padding:40px 24px;border-radius:28px}.plan-card h2{font-size:39px}.plan-copy ul{columns:1}.price-panel b{font-size:53px}.faq{gap:40px}footer{grid-template-columns:1fr;text-align:center;padding:30px 20px}footer .brand,footer>div:nth-of-type(2){justify-content:center}footer>p{text-align:center}.modal{padding:8px}.modal-card{padding:31px 21px;border-radius:25px}.modal h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
.legal-page{width:min(820px,calc(100% - 32px));margin:0 auto;padding:54px 0 90px}.legal-back{display:inline-flex;margin-bottom:45px;color:var(--muted);font-size:12px;font-weight:700}.legal-page h1{font-size:clamp(42px,7vw,72px);letter-spacing:-3px;margin:14px 0}.legal-date{color:var(--muted);font-size:11px;margin-bottom:36px}.legal-page section{background:white;border:1px solid var(--line);border-radius:22px;padding:24px;margin:12px 0}.legal-page section h2{font-size:17px;margin:0 0 10px}.legal-page section p,.legal-page>p{font-size:13px;line-height:2;color:#59645f}.legal-page section a{color:#345b49;text-decoration:underline}.legal-page aside{background:#fff4df;border:1px solid #f0d9b3;border-radius:17px;padding:17px;margin-top:20px;font-size:11px;line-height:1.9;color:#7d5c2c}.support-actions{display:flex;gap:10px;margin:26px 0 34px}@media(max-width:560px){.legal-page{padding-top:30px}.legal-back{margin-bottom:32px}.legal-page h1{letter-spacing:-2px}.legal-page section{padding:19px}.support-actions{align-items:stretch;flex-direction:column}}
[hidden]{display:none!important}.store-announcement{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--mint);color:var(--ink);min-height:38px;padding:10px 20px;text-align:center;font-size:10px;font-weight:700}.has-announcement .topbar{top:38px}.has-announcement .hero{padding-top:178px}@media(max-width:700px){.store-announcement{font-size:9px}.has-announcement .topbar{top:38px}.has-announcement .hero{padding-top:153px}}

/* Store media and social controls — v2.2 */
.brand-mark.has-image{background:#fff;box-shadow:0 8px 24px rgba(7,17,14,.12),inset 0 0 0 1px rgba(7,17,14,.08)}
.brand-mark.has-image:before,.brand-mark.has-image i{display:none}
.brand-mark>img{display:none;width:100%;height:100%;object-fit:contain;padding:3px;border-radius:inherit}
.brand-mark.has-image>img{display:block}
.custom-hero-media{width:min(410px,86%);height:610px;position:relative;z-index:3;border-radius:46px;overflow:hidden;background:#fff;border:9px solid rgba(255,255,255,.9);box-shadow:0 45px 95px rgba(4,17,11,.24),0 0 0 1px rgba(7,17,14,.1);transform:rotate(-2deg)}
.custom-hero-media:after{content:"";position:absolute;inset:0;border-radius:37px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);pointer-events:none}
.custom-hero-media img{display:block;width:100%;height:100%;background:#eef0ea}
.payment-qr{width:76px;height:76px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:14px;padding:6px;box-shadow:0 8px 22px rgba(7,17,14,.08)}
.benefit-card:has(.payment-qr:not([hidden])) .benefit-logo{display:none}
.footer-links{display:flex;gap:20px;font-size:9px}
.social-block{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:18px;padding-top:23px;border-top:1px solid var(--line)}
.social-block>span{font-size:9px;font-weight:700;color:#526159}
.social-links{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap}
.social-link{height:38px;display:inline-flex;align-items:center;gap:8px;padding:0 13px;border-radius:12px;background:rgba(255,255,255,.62);border:1px solid rgba(7,17,14,.09);font-size:9px;font-weight:700;transition:transform .22s,box-shadow .22s,background .22s}
.social-link svg{width:17px;height:17px;fill:currentColor}
.social-link:hover{transform:translateY(-2px);background:white;box-shadow:0 10px 24px rgba(7,17,14,.09)}
.social-link.whatsapp{color:#188a54}.social-link.instagram{color:#a82c78}.social-link.tiktok{color:#151b19}
footer>small{margin-top:0}
@media(max-width:700px){
  .custom-hero-media{width:330px;height:540px;border-radius:42px}
  .social-block{flex-direction:column;gap:12px;padding-top:20px}
  .footer-links{justify-content:center}
  .payment-qr{width:68px;height:68px}
}
@media(max-width:380px){.custom-hero-media{width:300px;height:510px}.social-link{padding:0 10px}}
