@font-face{font-family:Kalameh;src:url('../fonts/KalamehWebFaNum-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Kalameh;src:url('../fonts/KalamehWebFaNum-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--ink:#062a22;--muted:#63736a;--line:#e7eaf0;--bg:#f7f9f7;--brand-navy:#17452b;--brand:#6c9f2c;--brand2:#b9ef61;--brand-mint:#dff7b9;--green:#dff7b9;--gold:#f4b63f;--radius:28px;--neon:#dff7b9;--neon2:#b9ef61}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Kalameh,Arial,sans-serif;color:var(--ink);background:#fff;direction:rtl;overflow-x:hidden}a{text-decoration:none;color:inherit}.shell{width:min(1180px,calc(100% - 40px));margin:auto}.landing-header{position:fixed;inset:16px 0 auto;z-index:100}.landing-nav{height:68px;border:1px solid rgba(255,255,255,.65);background:rgba(255,255,255,.78);backdrop-filter:blur(24px) saturate(160%);border-radius:22px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;box-shadow:0 12px 35px rgba(31,41,55,.08)}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px}.brand-mark{width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg,var(--brand),#b9ef61);box-shadow:0 9px 24px rgba(12,129,228,.28);display:grid;place-items:center;color:#fff}.nav-links{display:flex;gap:22px;color:#465d4f;font-size:14px}.header-cta,.btn-primary{background:linear-gradient(135deg,var(--brand-navy),var(--brand));color:#fff;border-radius:16px;padding:13px 20px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-soft{background:#fff;border:1px solid var(--line);border-radius:16px;padding:13px 20px;font-weight:700}.hero{min-height:100svh;position:relative;overflow:hidden;background:radial-gradient(circle at 18% 20%,rgba(17,196,212,.18),transparent 28%),radial-gradient(circle at 85% 70%,rgba(79,231,175,.16),transparent 26%),linear-gradient(180deg,#fbfbff,#f7f9f7 70%,#fff);padding-top:112px}.hero-orb{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none;will-change:transform}.orb-a{width:320px;height:320px;background:rgba(12,129,228,.10);right:-100px;top:110px}.orb-b{width:240px;height:240px;background:rgba(79,231,175,.10);left:-80px;bottom:80px}.hero-track{position:relative;height:calc(100svh - 112px);min-height:680px}.hero-slide{position:absolute;inset:0;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:55px;opacity:0;pointer-events:none;transform:translateY(24px) scale(.985);transition:opacity .7s ease,transform .8s cubic-bezier(.22,.8,.2,1)}.hero-slide.active{opacity:1;pointer-events:auto;transform:none}.hero-copy{z-index:3}.eyebrow{display:inline-flex;padding:8px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:13px;color:#465d4f;margin-bottom:18px;box-shadow:0 8px 20px rgba(31,41,55,.05)}.hero h1{font-size:clamp(42px,5vw,72px);line-height:1.12;margin:0 0 20px;letter-spacing:-1.5px}.hero h1 span{background:linear-gradient(135deg,var(--brand),#b9ef61);-webkit-background-clip:text;color:transparent}.hero p{font-size:19px;line-height:2;color:#63736a;max-width:610px;margin:0 0 28px}.hero-offer{display:inline-flex;flex-direction:column;gap:8px;padding:14px 18px;margin:0 0 26px;border-radius:24px;background:linear-gradient(135deg,rgba(12,78,140,.98),rgba(8,61,112,.98));border:1px solid rgba(17,196,212,.24);box-shadow:0 18px 44px rgba(19,24,39,.18),0 0 0 1px rgba(255,255,255,.06) inset;position:relative;overflow:hidden;isolation:isolate}.hero-offer:before{content:"";position:absolute;inset:-1px;background:linear-gradient(120deg,rgba(79,231,175,.0),rgba(79,231,175,.36),rgba(17,196,212,.44),rgba(79,231,175,.0));transform:translateX(-100%);animation:offerSweep 4.6s linear infinite;z-index:-1}.offer-primary{font-size:clamp(19px,2vw,25px);font-weight:800;line-height:1.5;color:#fff;text-shadow:0 0 14px rgba(17,196,212,.38)}.offer-primary strong{font-size:1.08em;background:linear-gradient(135deg,#b9ef61 0%,#b9ef61 25%,#ffffff 48%,#dff7b9 72%,#8BF4D1 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 10px rgba(79,231,175,.55),0 0 18px rgba(12,129,228,.28);animation:neonPulse 2.3s ease-in-out infinite}.offer-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;font-weight:700;letter-spacing:.2px;color:#c9d2e7}.offer-meta span{color:var(--neon);text-shadow:0 0 10px rgba(79,231,175,.75)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-points{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px;color:#465d4f;font-size:13px}.hero-points span:before{content:'✓';margin-left:7px;color:var(--green);font-weight:800}.hero-visual{position:relative;height:560px;display:grid;place-items:center;perspective:1200px}.phone{width:300px;height:585px;border-radius:46px;padding:9px;background:#15151b;box-shadow:0 42px 85px rgba(34,38,56,.22);transform-style:preserve-3d;will-change:transform}.phone-screen{height:100%;border-radius:38px;background:linear-gradient(180deg,#fff,#f6f7fb);overflow:hidden;padding:18px}.phone-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.avatar{width:38px;height:38px;border-radius:50%;object-fit:cover}.mini-label{font-size:11px;color:#98a2b3}.mini-title{font-size:16px;font-weight:800}.balance-widget{background:linear-gradient(135deg,#6c9f2c,#b9ef61);color:white;padding:18px;border-radius:24px;margin-bottom:13px;box-shadow:0 18px 35px rgba(12,129,228,.25)}.balance-widget small{opacity:.8}.balance-widget b{display:block;font-size:25px;margin:8px 0 16px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.quick-grid i{height:45px;border-radius:14px;background:rgba(255,255,255,.18);display:grid;place-items:center;font-style:normal;font-size:11px}.mock-card{padding:14px;border-radius:20px;background:#fff;border:1px solid #edf0f4;margin-top:11px}.mock-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.mock-bar{height:8px;background:#eef1f5;border-radius:99px;overflow:hidden;margin-top:9px}.mock-bar i{display:block;height:100%;width:68%;background:linear-gradient(90deg,var(--brand),#7ADFE6);border-radius:99px}.family-bubbles{display:flex;margin-top:10px}.family-bubbles img{width:34px;height:34px;border-radius:50%;border:3px solid #fff;margin-left:-8px;object-fit:cover}.floating-card{position:absolute;background:rgba(255,255,255,.82);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.8);box-shadow:0 20px 40px rgba(31,41,55,.10);border-radius:20px;padding:14px 16px;z-index:4;will-change:transform}.fc-1{top:60px;right:0}.fc-2{bottom:80px;left:5px}.fc-3{top:210px;left:-16px}.floating-card b{display:block;font-size:15px}.floating-card small{color:#63736a}.hero-nav{position:absolute;bottom:30px;right:0;left:0;display:flex;align-items:center;justify-content:center;gap:10px;z-index:10}.hero-dot{width:9px;height:9px;border:0;border-radius:50%;background:#cfd4dc;transition:.3s;padding:0}.hero-dot.active{width:34px;border-radius:99px;background:#111827}.section{padding:110px 0}.section.alt{background:#f7f9f7}.section-head{text-align:center;max-width:760px;margin:0 auto 50px}.section-head h2{font-size:clamp(30px,4vw,48px);margin:0 0 14px;letter-spacing:-.7px}.section-head p{font-size:17px;line-height:1.9;color:var(--muted);margin:0}.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.value-card{padding:26px;border-radius:24px;border:1px solid var(--line);background:#fff;transition:.35s ease}.value-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px rgba(31,41,55,.08)}.value-icon{width:48px;height:48px;border-radius:16px;background:#f3f9e9;display:grid;place-items:center;font-size:22px;margin-bottom:20px}.value-card h3{margin:0 0 9px;font-size:20px}.value-card p{margin:0;color:var(--muted);line-height:1.8}.members-layout,.feature-layout{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.member-panel,.feature-panel{background:#fff;border:1px solid var(--line);border-radius:30px;padding:28px}.member-list{display:grid;gap:12px}.member{display:flex;align-items:center;gap:14px;padding:13px;border-radius:18px;background:#f7f9f7}.member img{width:50px;height:50px;border-radius:50%;object-fit:cover}.member strong{display:block}.member small{color:var(--muted)}.feature-copy h2{font-size:42px;margin:0 0 16px}.feature-copy p{color:var(--muted);line-height:2;font-size:17px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.chip{padding:9px 12px;border-radius:999px;background:#f2f4f7;color:#465d4f;font-size:13px}.pay-methods{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.pay-method{padding:20px;border:1px solid var(--line);border-radius:20px;background:#fff}.pay-method b{display:block;margin-bottom:6px}.pay-method small{color:var(--muted)}.split-card{display:grid;grid-template-columns:1fr 1fr;gap:18px}.shopping-card,.piggy-card,.analytics-card{border-radius:28px;padding:28px;border:1px solid var(--line);background:#fff}.bucket-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.bucket{padding:10px 12px;background:#f5f6f8;border-radius:14px;font-size:13px}.piggy-progress{height:11px;background:#edf0f4;border-radius:99px;overflow:hidden;margin:18px 0 10px}.piggy-progress i{display:block;width:72%;height:100%;background:linear-gradient(90deg,var(--green),#dff7b9)}.analytics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.metric{background:#f7f9f7;border-radius:18px;padding:16px}.metric b{display:block;font-size:22px;margin-bottom:4px}.metric small{color:var(--muted)}.chart{height:180px;display:flex;align-items:flex-end;gap:9px;margin-top:20px}.chart i{flex:1;background:linear-gradient(180deg,#6c9f2c,#B8F1F4);border-radius:10px 10px 3px 3px;min-height:20px}.cta-box{border-radius:36px;padding:55px;background:linear-gradient(135deg,#151923,#262c3a);color:#fff;text-align:center;position:relative;overflow:hidden}.cta-box h2{font-size:46px;margin:0 0 14px}.cta-box p{color:#cbd5e1;font-size:17px;max-width:700px;margin:0 auto 28px;line-height:1.9}.cta-box .btn-primary{background:#fff;color:#111827}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .8s cubic-bezier(.22,.8,.2,1)}.reveal.visible{opacity:1;transform:none}.app-download-section{padding-top:74px;padding-bottom:74px;background:linear-gradient(180deg,#fff,#f7f8ff)}.app-download-card{position:relative;overflow:hidden;min-height:380px;border-radius:38px;padding:48px 52px;display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center;background:radial-gradient(circle at 85% 20%,rgba(108,76,245,.32),transparent 34%),linear-gradient(135deg,#10141e,#17452b 58%,#17452b);color:#fff;box-shadow:0 30px 80px rgba(31,41,55,.16)}.app-download-card:after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;background:rgba(79,231,175,.10);left:-90px;bottom:-150px;filter:blur(3px)}.app-download-copy{position:relative;z-index:2}.app-download-copy .eyebrow{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.12);color:#dbe2ef;box-shadow:none}.app-download-copy h2{font-size:clamp(32px,4vw,50px);line-height:1.3;margin:0 0 14px}.app-download-copy p{max-width:620px;color:#b9c4d6;font-size:16px;line-height:2;margin:0 0 28px}.app-download-buttons{display:flex;gap:12px;flex-wrap:wrap}.app-store-btn{min-width:210px;display:flex;align-items:center;gap:13px;padding:13px 17px;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);backdrop-filter:blur(14px);transition:.3s ease}.app-store-btn:hover{transform:translateY(-4px);background:rgba(255,255,255,.12);border-color:rgba(17,196,212,.50)}.app-store-btn span:not(.store-icon){display:flex;flex-direction:column;align-items:flex-start}.app-store-btn small{font-size:11px;color:#aeb8c9}.app-store-btn b{font-size:18px;direction:ltr}.store-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#fff;color:#111827;font-size:25px;line-height:1}.play-icon{font-size:18px}.app-download-visual{height:280px;position:relative;display:grid;place-items:center;z-index:2}.download-phone{position:absolute;width:166px;height:300px;padding:7px;border-radius:30px;background:#0d1119;box-shadow:0 24px 48px rgba(0,0,0,.34)}.download-phone-back{transform:translate(-62px,18px) rotate(-8deg);opacity:.74}.download-phone-front{transform:translate(52px,-4px) rotate(7deg)}.download-phone-screen{height:100%;border-radius:24px;padding:20px 14px;background:linear-gradient(180deg,#fff,#eef1f8);color:#111827;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:8px}.download-phone-screen span{font-size:12px;color:#63736a}.download-phone-screen strong{font-size:19px;line-height:1.6}.download-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;width:100%;margin-top:12px}.download-mini-grid i{font-style:normal;font-size:10px;padding:9px 3px;border-radius:10px;background:#fff;border:1px solid #e8eaf0}.landing-footer{padding:34px 0 50px;color:#98a2b3;text-align:center;font-size:13px}@keyframes neonPulse{0%,100%{filter:drop-shadow(0 0 0 rgba(36,226,162,0));opacity:1}50%{filter:drop-shadow(0 0 12px rgba(36,226,162,.65)) drop-shadow(0 0 22px rgba(122,92,255,.35));opacity:.98}}@keyframes offerSweep{0%{transform:translateX(-100%)}55%,100%{transform:translateX(120%)}}.mobile-menu{display:none}
@media(max-width:900px){.nav-links{display:none}.hero{padding-top:102px}.hero-offer{margin-right:auto;margin-left:auto;align-items:center;text-align:center}.hero-track{height:auto;min-height:760px}.hero-slide{grid-template-columns:1fr;gap:20px;align-content:start;padding-top:28px}.hero-copy{text-align:center}.hero p{margin-right:auto;margin-left:auto;font-size:16px}.hero-actions,.hero-points{justify-content:center}.hero-visual{height:420px}.phone{width:232px;height:450px;border-radius:36px}.phone-screen{border-radius:29px;padding:14px}.balance-widget b{font-size:19px}.floating-card{transform:scale(.82)}.fc-1{right:3%}.fc-2{left:3%;bottom:24px}.fc-3{display:none}.value-grid{grid-template-columns:1fr 1fr}.members-layout,.feature-layout,.split-card{grid-template-columns:1fr}.feature-copy h2{font-size:34px}.analytics-grid{grid-template-columns:1fr 1fr}.section{padding:80px 0}.hero-nav{bottom:10px}}
@media(max-width:560px){.shell{width:min(100% - 20px,1180px)}.hero-offer{padding:12px 14px;border-radius:20px}.offer-primary{font-size:18px}.offer-meta{justify-content:center;font-size:12px;gap:8px}.landing-header{inset:10px 0 auto}.landing-nav{height:58px;border-radius:18px}.brand{font-size:17px}.brand-mark{width:34px;height:34px}.header-cta{padding:10px 13px;font-size:13px}.hero h1{font-size:38px}.hero-visual{height:390px}.phone{width:214px;height:414px}.value-grid,.pay-methods{grid-template-columns:1fr}.section-head{text-align:right}.member-panel,.feature-panel,.shopping-card,.piggy-card,.analytics-card{padding:20px}.cta-box{padding:38px 20px}.cta-box h2{font-size:34px}.analytics-grid{grid-template-columns:1fr 1fr}.floating-card{font-size:11px}.fc-1{top:30px;right:-10px}.fc-2{left:-8px}.hero-points{display:none}}
@media(max-width:900px){.app-download-card{grid-template-columns:1fr;padding:38px 30px;text-align:center}.app-download-copy p{margin-right:auto;margin-left:auto}.app-download-buttons{justify-content:center}.app-download-visual{height:230px}.download-phone{width:145px;height:260px}.download-phone-back{transform:translate(-48px,14px) rotate(-7deg)}.download-phone-front{transform:translate(44px,-2px) rotate(6deg)}}@media(max-width:560px){.app-download-section{padding-top:56px;padding-bottom:56px}.app-download-card{padding:28px 16px;border-radius:28px}.app-download-copy h2{font-size:30px}.app-download-copy p{font-size:14px;line-height:1.9}.app-download-buttons{display:grid;grid-template-columns:1fr;width:100%}.app-store-btn{width:100%;min-width:0;justify-content:center}.app-download-visual{height:205px}.download-phone{width:126px;height:228px}.download-phone-back{transform:translate(-40px,10px) rotate(-7deg)}.download-phone-front{transform:translate(38px,0) rotate(6deg)}.download-phone-screen{padding:14px 10px}.download-phone-screen strong{font-size:16px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* v24: compact hero + extended product footer */
.hero{min-height:80svh;padding-top:96px}
.hero-track{height:calc(80svh - 96px);min-height:544px}
.hero-slide{gap:42px}
.hero h1{font-size:clamp(34px,4.1vw,58px);line-height:1.1;margin-bottom:14px}
.hero p{font-size:15.5px;line-height:1.8;max-width:560px;margin-bottom:18px}
.hero-offer{padding:11px 15px;margin-bottom:18px;border-radius:20px;gap:5px}
.offer-primary{font-size:clamp(16px,1.7vw,21px)}
.offer-meta{font-size:12px}
.hero-actions .btn-primary,.hero-actions .btn-soft{padding:11px 16px;font-size:14px}
.hero-points{margin-top:16px;gap:14px;font-size:12px}
.hero-visual{height:448px}
.phone{width:240px;height:468px;border-radius:38px;padding:7px}
.phone-screen{border-radius:31px;padding:14px}
.balance-widget{padding:14px;border-radius:20px;margin-bottom:10px}
.balance-widget b{font-size:20px;margin:6px 0 12px}
.quick-grid i{height:36px;font-size:10px}
.mock-card{padding:11px;border-radius:16px;margin-top:8px}
.family-bubbles img{width:28px;height:28px}
.floating-card{padding:11px 13px;border-radius:16px}
.fc-1{top:46px}.fc-2{bottom:54px}
.hero-nav{bottom:18px}
.landing-footer{padding:72px 0 28px;background:linear-gradient(180deg,#17452b,#062F56);color:#e8edf5;text-align:right;font-size:14px}
.footer-shell{display:grid;gap:42px}
.footer-intro{max-width:900px}.footer-brand{color:#fff;margin-bottom:18px}.footer-intro p{color:#aeb8c9;line-height:2;margin:8px 0}.footer-intro strong{display:block;color:#fff;margin-top:14px;font-size:16px}
.footer-download{padding:24px;border:1px solid rgba(255,255,255,.09);border-radius:24px;background:rgba(255,255,255,.035)}.footer-download h3{margin:0 0 16px}.store-buttons{display:flex;gap:12px;flex-wrap:wrap}.store-buttons a{min-width:190px;display:flex;flex-direction:column;padding:13px 16px;border:1px solid rgba(255,255,255,.12);background:#171e2b;border-radius:16px;transition:.25s}.store-buttons a:hover{transform:translateY(-3px);border-color:rgba(17,196,212,.50)}.store-buttons small{color:#8f9aab;margin-top:3px}
.footer-grid{display:grid;grid-template-columns:.7fr .7fr 2.6fr;gap:34px;padding:34px 0;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.footer-col{display:flex;flex-direction:column;gap:10px}.footer-col h4{margin:0 0 8px;color:#fff;font-size:16px}.footer-col a{color:#aeb8c9;transition:.2s}.footer-col a:hover{color:#fff}.category-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 18px}
.footer-support{display:grid;grid-template-columns:.9fr 2.1fr;gap:30px;align-items:start}.footer-support h3{margin:0 0 8px;font-size:24px}.footer-support p{color:#9eabba;line-height:1.9;margin:0}.footer-support .eyebrow{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.09);color:#cbd5e1;box-shadow:none}.support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.support-grid>a,.support-grid>div{padding:15px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.035);min-width:0}.support-grid small{display:block;color:#8f9aab;margin-bottom:5px}.support-grid b{font-size:13px;color:#fff;overflow-wrap:anywhere}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:22px;border-top:1px solid rgba(255,255,255,.08);color:#7f8a9c;font-size:12px}.footer-bottom p{margin:0}.footer-bottom nav{display:flex;gap:14px;flex-wrap:wrap}.footer-bottom a{color:#9aa6b8}
@media(max-width:900px){.hero{min-height:auto;padding-top:88px}.hero-track{min-height:610px;height:auto}.hero-slide{gap:12px;padding-top:18px}.hero-visual{height:336px}.phone{width:190px;height:360px;border-radius:30px}.phone-screen{border-radius:24px;padding:10px}.balance-widget{padding:11px}.quick-grid i{height:30px}.hero h1{font-size:32px}.hero p{font-size:14px;line-height:1.7}.hero-offer{margin-bottom:14px}.hero-nav{bottom:4px}.footer-grid{grid-template-columns:1fr 1fr}.footer-categories{grid-column:1/-1}.category-links{grid-template-columns:repeat(3,1fr)}.footer-support{grid-template-columns:1fr}.support-grid{grid-template-columns:repeat(2,1fr)}.footer-bottom{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.hero-track{min-height:590px}.hero h1{font-size:30px}.hero p{font-size:13px;margin-bottom:13px}.offer-primary{font-size:16px}.offer-meta{font-size:11px}.hero-visual{height:310px}.phone{width:176px;height:336px}.floating-card{padding:8px 10px}.fc-1{top:20px}.fc-2{bottom:18px}.hero-actions .btn-primary,.hero-actions .btn-soft{padding:10px 13px;font-size:12px}.landing-footer{padding-top:52px}.footer-grid{grid-template-columns:1fr}.footer-categories{grid-column:auto}.category-links{grid-template-columns:repeat(2,1fr)}.support-grid{grid-template-columns:1fr}.store-buttons a{width:100%;min-width:0}.footer-download{padding:18px}.footer-bottom nav{gap:10px}.footer-intro p{font-size:13px}.footer-support h3{font-size:21px}}


/* v28 — iPhone 13 Pro Max mockup ratio refinement */
.phone,.download-phone{aspect-ratio:1284/2778;height:auto}
.hero-visual{height:580px}
.phone{width:248px;height:auto;border-radius:40px;padding:7px;background:linear-gradient(145deg,#1a202c,#090c11 22%,#090b10 78%,#252d39);box-shadow:0 38px 88px rgba(16,24,40,.22)}
.phone-screen{border-radius:33px;overflow:hidden}
.shot-screen{padding:0;background:#eef2f7;display:flex;align-items:flex-start;justify-content:center}
.phone-shot{width:100%;height:100%;object-fit:contain;object-position:top center;display:block;background:#eef2f7}
.app-download-visual{height:320px}
.download-phone{width:144px;height:auto;padding:6px;border-radius:34px;background:linear-gradient(145deg,#1a202c,#090c11 22%,#090b10 78%,#252d39);box-shadow:0 24px 54px rgba(15,23,42,.34)}
.download-phone-screen{border-radius:27px;overflow:hidden}
.download-phone-screen img{width:100%;height:100%;object-fit:contain;object-position:top center;display:block;background:#eef2f7}
@media(max-width:900px){.hero-visual{height:450px}.phone{width:214px;border-radius:36px;padding:6px}.phone-screen{border-radius:29px}.app-download-visual{height:290px}.download-phone{width:132px;border-radius:30px;padding:6px}.download-phone-screen{border-radius:24px}}
@media(max-width:560px){.hero-visual{height:408px}.phone{width:190px;border-radius:34px}.phone-screen{border-radius:27px}.app-download-visual{height:250px}.download-phone{width:116px;border-radius:27px;padding:5px}.download-phone-screen{border-radius:21px}}


/* v29 — full-viewport hero + unified screenshot inside all phone mockups */
@media(min-width:901px){
  .hero{height:100svh;min-height:100svh;padding-top:112px;display:block}
  .hero-track{height:calc(100svh - 112px);min-height:0;display:block}
  .hero-slide{height:100%;padding-bottom:54px;align-items:center}
  .hero-nav{bottom:18px}
}
.shot-screen{padding:0 !important;background:#eef2f7 !important;display:flex;align-items:flex-start;justify-content:center}
.phone-shot{width:100%;height:100%;display:block;object-fit:contain;object-position:top center;background:#eef2f7}
.download-phone-screen.shot-screen,.phone-screen.shot-screen{overflow:hidden}


/* v30 — redesigned financial intelligence dashboard */
.finance-dashboard{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;align-items:stretch}.fd-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:22px 22px 20px;box-shadow:0 18px 40px rgba(16,24,40,.05);position:relative;overflow:hidden}.fd-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,129,228,.015),transparent 35%);pointer-events:none}.fd-insight{grid-column:span 7;background:radial-gradient(circle at 0 0,rgba(17,196,212,.12),transparent 32%),linear-gradient(135deg,#ffffff,#f9fdff)}.fd-score{grid-column:span 5}.fd-line{grid-column:span 7}.fd-bars{grid-column:span 5}.fd-gauge,.fd-cats,.fd-members,.fd-notes{grid-column:span 6}.fd-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.fd-pill{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(12,129,228,.08);color:var(--brand-navy);font-size:12px;font-weight:800}.fd-pill.ghost{background:#f3f6fb}.fd-muted{font-size:12px;color:#98a2b3}.fd-insight h3,.fd-card h4{margin:0;font-size:28px;line-height:1.35;letter-spacing:-.4px}.fd-card h4{font-size:22px}.fd-insight p{margin:14px 0 0;color:var(--muted);line-height:2;font-size:15px}.fd-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}.fd-kpi{background:#fff;border:1px solid #ecf1f5;border-radius:18px;padding:14px}.fd-kpi span{display:block;font-size:12px;color:#98a2b3;margin-bottom:5px}.fd-kpi b{font-size:24px;letter-spacing:-.3px}.score-wrap{display:flex;align-items:center;gap:20px;min-height:100%}.score-ring{width:180px;height:180px;border-radius:50%;background:conic-gradient(#6c9f2c 0 38%,#b9ef61 38% 62%,#dff7b9 62% 86%,#e9eef5 86% 100%);display:grid;place-items:center;flex-shrink:0;box-shadow:inset 0 0 0 12px #fff}.score-ring>div{width:124px;height:124px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 10px 28px rgba(16,24,40,.08);text-align:center}.score-ring strong{display:block;font-size:40px;line-height:1;color:var(--brand-navy)}.score-ring small{font-size:12px;color:#98a2b3}.score-legend{list-style:none;padding:0;margin:0;display:grid;gap:10px;font-size:14px;color:#465d4f}.score-legend li,.fd-legend span{display:flex;align-items:center;gap:8px}.score-legend i,.fd-legend i{width:10px;height:10px;border-radius:50%;display:inline-block}.tone-1{background:#6c9f2c}.tone-2{background:#17452b}.tone-3{background:#b9ef61}.tone-4{background:#dff7b9}.fd-badge{padding:8px 10px;border-radius:999px;font-size:12px;font-weight:800}.fd-badge.up{background:#ebfff7;color:#0c8a60}.fd-badge.ok{background:#eef8ff;color:#17452b}.fd-svg{width:100%;height:auto;display:block}.fd-gridlines line{stroke:#edf1f5;stroke-width:1}.fd-axis,.fd-legend{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.fd-axis{font-size:12px;color:#98a2b3;margin-top:-2px}.fd-legend{margin-top:12px;font-size:13px;color:#465d4f}.bar-list{display:grid;gap:16px;margin-top:8px}.bar-item{display:grid;gap:8px}.bar-text{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px}.bar-text span{color:#98a2b3}.bar-track{height:12px;background:#eef2f6;border-radius:999px;overflow:hidden}.bar-track i{display:block;height:100%;border-radius:999px}.bar-track i.tone-1{background:linear-gradient(90deg,#17452b,#6c9f2c)}.bar-track i.tone-2{background:linear-gradient(90deg,#b9ef61,#6c9f2c)}.bar-track i.tone-4{background:linear-gradient(90deg,#b9ef61,#dff7b9)}.mini-note{margin-top:14px;padding:13px 14px;border-radius:16px;background:#f7fbff;color:#63736a;line-height:1.9;font-size:13px}.gauge-wrap{display:grid;grid-template-columns:220px 1fr;gap:16px;align-items:center}.gauge{width:200px;height:100px;border-radius:200px 200px 0 0;background:conic-gradient(from 180deg at 50% 100%,#6c9f2c 0 48.96deg,#b9ef61 48.96deg 122.4deg,#dff7b9 122.4deg 180deg,#e9eef5 180deg 360deg);position:relative;overflow:hidden}.gauge-cut{position:absolute;inset:auto 18px 0 18px;height:82px;background:#fff;border-radius:180px 180px 0 0}.gauge-core{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);display:grid;place-items:center;text-align:center}.gauge-core strong{font-size:32px;color:var(--brand-navy)}.gauge-core small{font-size:12px;color:#98a2b3}.gauge-meta{display:grid;gap:12px}.gauge-meta div{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#f7f9f7;border-radius:16px}.gauge-meta span{color:#98a2b3;font-size:13px}.gauge-meta b{font-size:18px}.cat-list,.member-bars,.signal-list{display:grid;gap:14px}.cat-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding-bottom:10px;border-bottom:1px solid #eef2f6}.cat-row:last-child{border-bottom:0;padding-bottom:0}.cat-row small{color:#98a2b3}.member-bar{display:grid;grid-template-columns:60px 1fr auto;gap:12px;align-items:center}.member-bar span{font-size:14px;font-weight:700}.member-bar i{display:block;height:14px;background:#eef2f6;border-radius:999px;overflow:hidden}.member-bar b{display:block;height:100%;background:linear-gradient(90deg,#6c9f2c,#dff7b9);border-radius:999px}.member-bar small{font-size:13px;color:#63736a}.signal-list{margin:0;padding:0 18px 0 0;color:#465d4f;line-height:1.9}.signal-list li::marker{color:#6c9f2c}.signal-list b{color:var(--brand-navy)}
@media(max-width:1100px){.finance-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}.fd-insight,.fd-score,.fd-line,.fd-bars,.fd-gauge,.fd-cats,.fd-members,.fd-notes{grid-column:span 1}.fd-kpis{grid-template-columns:repeat(2,1fr)}.score-wrap,.gauge-wrap{grid-template-columns:1fr;justify-items:center}.gauge-meta{width:100%}}
@media(max-width:700px){.finance-dashboard{grid-template-columns:1fr}.fd-kpis{grid-template-columns:1fr 1fr}.score-wrap{flex-direction:column;align-items:flex-start}.score-ring{width:150px;height:150px}.score-ring>div{width:104px;height:104px}.fd-insight h3,.fd-card h4{font-size:24px}.gauge{width:180px;height:90px}.member-bar{grid-template-columns:56px 1fr}.member-bar small{grid-column:2}.fd-kpis{gap:10px}}
@media(max-width:560px){.fd-card{padding:18px}.fd-kpis{grid-template-columns:1fr}.bar-text,.cat-row{grid-template-columns:1fr auto}.cat-row small{grid-column:1/-1}.gauge-wrap{justify-items:start}.fd-card-top{align-items:flex-start;flex-direction:column}.fd-axis{gap:8px}}


/* v31 — mobile hero carousel + animated family beam network */
.family-beam-section{position:relative;overflow:hidden;background:radial-gradient(circle at 12% 18%,rgba(17,196,212,.08),transparent 28%),radial-gradient(circle at 86% 74%,rgba(79,231,175,.10),transparent 26%),#f7f9f7}.family-beam-head{text-align:center;max-width:780px;margin:0 auto 42px}.family-beam-head h2{font-size:clamp(32px,4vw,50px);margin:0 0 14px}.family-beam-head p{font-size:17px;line-height:2;color:var(--muted);margin:0}.beam-chips{justify-content:center}.family-network{position:relative;isolation:isolate;min-height:620px;display:grid;grid-template-columns:minmax(240px,1fr) 280px minmax(240px,1fr);grid-template-rows:1fr 1fr;align-items:center;gap:30px 72px;padding:36px 28px}.family-beams{position:absolute;inset:0;width:100%;height:100%;z-index:0;overflow:visible;pointer-events:none}.family-node,.family-hub{position:relative;z-index:2}.family-node{display:grid;grid-template-columns:74px 1fr;gap:14px;align-items:center;min-height:166px;padding:20px;border:1px solid rgba(12,129,228,.10);border-radius:28px;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);box-shadow:0 20px 48px rgba(12,78,140,.08);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}.family-node:hover{transform:translateY(-6px);box-shadow:0 28px 60px rgba(12,78,140,.13);border-color:rgba(12,129,228,.24)}.node-porya{grid-column:1;grid-row:1}.node-elaheh{grid-column:3;grid-row:1}.node-ala{grid-column:1;grid-row:2}.node-ara{grid-column:3;grid-row:2}.member-avatar-ring{width:70px;height:70px;border-radius:50%;padding:4px;background:linear-gradient(135deg,#6c9f2c,#b9ef61 58%,#dff7b9);box-shadow:0 10px 28px rgba(12,129,228,.18)}.member-avatar-ring img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid #fff}.member-role{display:block;font-size:11px;color:#6c9f2c;font-weight:800;margin-bottom:2px}.family-node h3{font-size:22px;margin:0 0 4px}.family-node p{font-size:13px;line-height:1.75;color:#63736a;margin:0}.node-status{grid-column:1/-1;justify-self:start;padding:7px 10px;border-radius:999px;background:#f2f7fb;color:#465d4f;font-size:11px;font-weight:700}.family-hub{grid-column:2;grid-row:1/3;align-self:center;justify-self:center;width:250px;height:250px;display:grid;place-items:center}.hub-rings{position:absolute;inset:0;display:grid;place-items:center}.hub-rings span{position:absolute;border:1px solid rgba(12,129,228,.15);border-radius:50%;animation:hubPulse 4s ease-out infinite}.hub-rings span:nth-child(1){width:100%;height:100%}.hub-rings span:nth-child(2){width:82%;height:82%;animation-delay:1.1s}.hub-rings span:nth-child(3){width:64%;height:64%;animation-delay:2.2s}.hub-core{position:relative;z-index:2;width:178px;height:178px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#ffffff,#effaff);border:1px solid rgba(12,129,228,.14);box-shadow:0 30px 70px rgba(12,78,140,.16)}.hub-family-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#17452b,#6c9f2c,#b9ef61);color:#fff;font-size:25px;font-weight:800;box-shadow:0 14px 30px rgba(12,129,228,.24)}.hub-core>strong{font-size:22px;margin-top:8px}.hub-core>small{font-size:11px;color:#98a2b3;margin-top:2px}.hub-stat{display:flex;align-items:center;gap:7px;margin-top:10px;padding:6px 10px;border-radius:999px;background:#fff;border:1px solid #e8eef5}.hub-stat b{color:#6c9f2c;font-size:16px}.hub-stat span{font-size:11px;color:#63736a}.beam-base{fill:none;stroke:rgba(12,129,228,.14);stroke-width:1.6;vector-effect:non-scaling-stroke}.beam-active{fill:none;stroke:url(#familyBeamGradient);stroke-width:3;stroke-linecap:round;stroke-dasharray:10 90;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 5px rgba(17,196,212,.55));animation:familyBeamFlow var(--beam-duration,4s) linear infinite;animation-delay:var(--beam-delay,0s)}.beam-active.reverse{animation-direction:reverse}.family-beam-note{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:10px}.family-beam-note>div{padding:20px;border-radius:22px;background:#fff;border:1px solid var(--line)}.family-beam-note strong{display:block;font-size:15px;margin-bottom:5px;color:var(--brand-navy)}.family-beam-note span{font-size:13px;line-height:1.8;color:#63736a}@keyframes familyBeamFlow{to{stroke-dashoffset:-100}}@keyframes hubPulse{0%{transform:scale(.72);opacity:0}35%{opacity:.6}100%{transform:scale(1.16);opacity:0}}
@media(max-width:900px){.hero-track{height:auto!important;min-height:0!important;transition:height .35s ease}.hero-slide{position:absolute;inset:0;height:auto!important;padding-bottom:46px}.hero-slide.active{position:relative}.hero-nav{bottom:12px}.hero{min-height:auto!important}.family-network{min-height:720px;grid-template-columns:1fr 160px 1fr;gap:22px 18px;padding:26px 0}.family-hub{width:154px;height:154px}.hub-core{width:120px;height:120px}.hub-rings span:nth-child(1){width:100%;height:100%}.hub-family-icon{width:42px;height:42px;border-radius:14px;font-size:20px}.hub-core>strong{font-size:17px}.hub-stat{display:none}.family-node{grid-template-columns:52px 1fr;min-height:150px;padding:14px;gap:10px}.member-avatar-ring{width:50px;height:50px}.family-node h3{font-size:18px}.family-node p{font-size:12px}.family-beam-note{grid-template-columns:1fr}.family-beam-head{text-align:right}.beam-chips{justify-content:flex-start}}
@media(max-width:640px){.hero{touch-action:pan-y}.hero-slide{padding-top:12px!important}.family-network{display:flex;flex-direction:column;min-height:0;gap:16px;padding:10px 0 4px}.family-hub{order:-1;width:150px;height:150px;margin:4px auto 10px}.family-node{width:100%;min-height:0;grid-template-columns:58px 1fr;padding:16px}.member-avatar-ring{width:56px;height:56px}.family-beams{display:none}.family-node:after{content:"";position:absolute;right:27px;top:-17px;width:2px;height:17px;background:linear-gradient(#b9ef61,#dff7b9);opacity:.55}.family-node:first-of-type:after{display:none}.family-beam-head{margin-bottom:26px}.family-beam-head h2{font-size:30px}.family-beam-head p{font-size:14px}.family-beam-note>div{padding:16px}.hero-track{overflow:visible}.hero-slide{transition:opacity .45s ease,transform .45s ease}.hero-slide:not(.active){transform:translateX(22px) scale(.985)}.hero-slide.active{transform:translateX(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.beam-active,.hub-rings span{animation:none!important}}


/* v32 — responsive shopping & store showcase integrated from supplied family-shopping-fullscreen-bootstrap-v3 */

#shopping{
  --shopv3-brand:#6c9f2c;
  --shopv3-brand2:#b9ef61;
  --shopv3-accent:#dff7b9;
  --shopv3-soft:#f3f9e9;
  --shopv3-ink:#062a22;
  --shopv3-muted:#63736a;
  --shopv3-line:#E7EAF0;
  --shopv3-panel:rgba(255,255,255,.84);
  --shopv3-shadow:0 24px 70px rgba(12,78,140,.10);
  --shopv3-shadow-soft:0 14px 36px rgba(12,78,140,.08);
  --shopv3-radius:28px;
}
#shopping .shopv3-flex-grow-1{flex-grow:1}
#shopping .shopv3-text-danger{color:#6c9f2c}
#shopping .shopv3-text-secondary{color:#63736a}
#shopping .shopv3-fs-5{font-size:1.25rem}
#shopping .shopv3-mb-1{margin-bottom:.25rem}
#shopping .shopv3-text-center{text-align:center}
#shopping .shopv3-ms-2{margin-inline-start:.5rem}
.shopv3-shop-payment-section{
      position:relative;
      min-height:75svh;
      overflow:hidden;
      isolation:isolate;
      display:flex;
      align-items:center;
      padding:28px 0 20px;
      background:
        radial-gradient(circle at 50% 38%, rgba(12,129,228,.08), transparent 24%),
        radial-gradient(circle at 12% 26%, rgba(12,129,228,.045), transparent 23%),
        linear-gradient(180deg,#fff 0%,#fbfbfc 56%,#f6f6f8 100%);
    }

    .shopv3-shop-payment-section::before{
      content:"";
      position:absolute;
      inset:0;
      z-index:-3;
      background-image:
        linear-gradient(rgba(12,129,228,.022) 1px,transparent 1px),
        linear-gradient(90deg,rgba(12,129,228,.022) 1px,transparent 1px);
      background-size:44px 44px;
      mask-image:linear-gradient(to bottom,transparent 0%,#000 18%,#000 74%,transparent 100%);
    }

    .shopv3-section-shell{width:min(1560px,calc(100% - 34px));margin:auto;position:relative}

    .shopv3-section-copy{
      width:min(860px,100%);
      margin:0 auto 16px;
      text-align:center;
      position:relative;
      z-index:7;
    }

    .shopv3-eyebrow{
      display:inline-flex;
      align-items:center;
      gap:.55rem;
      padding:.38rem .65rem;
      border:1px solid rgba(12,129,228,.14);
      border-radius:999px;
      background:rgba(255,255,255,.8);
      box-shadow:0 8px 24px rgba(12,129,228,.05);
      color:var(--shopv3-brand);
      font-weight:800;
      font-size:.72rem;
      margin-bottom:12px;
      backdrop-filter:blur(18px);
    }

    .shopv3-eyebrow i{font-size:.65rem}

    .shopv3-section-copy h1{
      font-size:clamp(1.55rem,2.45vw,2.6rem);
      line-height:1.25;
      font-weight:900;
      margin:0 0 10px;
      letter-spacing:-.035em;
    }

    .shopv3-section-copy p{
      color:var(--shopv3-muted);
      font-size:clamp(.84rem,1.05vw,.94rem);
      line-height:1.9;
      margin:0 auto;
      max-width:720px;
    }

    .shopv3-visual-stage{
      position:relative;
      height:min(540px,52.5svh);
      min-height:455px;
      display:grid;
      grid-template-columns:minmax(190px,1fr) minmax(205px,245px) minmax(195px,1fr);
      align-items:center;
      gap:22px;
      direction:ltr;
    }

    .shopv3-side-stack,.shopv3-phone-wrap{direction:rtl}
    .shopv3-side-stack{
      position:relative;
      z-index:5;
      height:100%;
      display:flex;
      flex-direction:column;
      justify-content:center;
      gap:19px;
    }

    .shopv3-left-stack{align-items:flex-start}
    .shopv3-right-stack{align-items:flex-end}

    .shopv3-feature-card{
      position:relative;
      width:min(225px,100%);
      background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.80));
      border:1px solid rgba(255,255,255,.86);
      border-radius:20px;
      box-shadow:var(--shopv3-shadow-soft);
      padding:13px 14px;
      backdrop-filter:blur(20px);
      -webkit-backdrop-filter:blur(20px);
      transform:translateZ(0);
      transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;
      animation:shopv3-floatCard 5.8s ease-in-out infinite;
    }

    .shopv3-feature-card:hover{transform:translateY(-7px) scale(1.012);box-shadow:0 24px 52px rgba(35,18,29,.14);border-color:rgba(12,129,228,.12)}
    .shopv3-feature-card:nth-child(2){animation-delay:-1.4s}
    .shopv3-feature-card:nth-child(3){animation-delay:-2.8s}

    @keyframes shopv3-floatCard{
      0%,100%{translate:0 0}
      50%{translate:0 -8px}
    }

    .shopv3-feature-card .shopv3-card-head{display:flex;align-items:center;gap:9px}
    .shopv3-feature-icon{
      flex:0 0 41px;height:41px;border-radius:14px;
      display:grid;place-items:center;
      background:linear-gradient(145deg,#fff,#EDF9FC);
      color:var(--shopv3-brand);
      font-size:.9rem;
      box-shadow:inset 0 0 0 1px rgba(12,129,228,.09),0 8px 20px rgba(12,129,228,.07);
    }
    .shopv3-feature-card h3{font-size:.65rem;margin:0 0 4px;font-weight:900}
    .shopv3-feature-card p{font-size:.52rem;color:var(--shopv3-muted);margin:0;line-height:1.55}

    .shopv3-qr-visual{
      margin-top:10px;
      height:56px;border-radius:14px;
      display:flex;align-items:center;justify-content:center;
      position:relative;overflow:hidden;
      background:#fff;
      border:1px solid #E4F0F6;
    }

    .shopv3-qr-grid{width:41px;height:41px;opacity:.9}
    .shopv3-qr-scan{
      position:absolute;left:14px;right:14px;height:2px;
      background:linear-gradient(90deg,transparent,var(--shopv3-brand),transparent);
      box-shadow:0 0 12px rgba(12,129,228,.65);
      animation:shopv3-scan 2.3s ease-in-out infinite;
    }
    @keyframes shopv3-scan{0%,100%{top:14px}50%{top:40px}}

    .shopv3-code-row{display:flex;gap:5px;margin-top:10px;direction:ltr}
    .shopv3-code-row span{
      width:21px;height:21px;border-radius:8px;background:#fff;
      border:1px solid #ececf1;display:grid;place-items:center;
      font-weight:800;font-size:.54rem;box-shadow:0 4px 12px rgba(0,0,0,.035)
    }

    .shopv3-product-mini{
      margin-top:10px;border-radius:14px;background:#fff;border:1px solid #eee;
      padding:8px;display:flex;align-items:center;gap:6px
    }
    .shopv3-product-pic{
      width:39px;height:39px;border-radius:11px;display:grid;place-items:center;
      background:linear-gradient(145deg,#f8f8fb,#ececf2);font-size:1.2rem
    }
    .shopv3-product-lines{flex:1}
    .shopv3-product-lines b{display:block;font-size:.54rem;margin-bottom:5px}
    .shopv3-product-lines i{display:block;height:4px;border-radius:99px;background:#ececf1;margin-top:5px}
    .shopv3-product-lines i:nth-child(2){width:75%}.shopv3-product-lines i:nth-child(3){width:50%}

    .shopv3-phone-wrap{position:relative;z-index:6;display:grid;place-items:center}
    .shopv3-phone-halo{
      position:absolute;width:312px;height:312px;border-radius:50%;
      background:radial-gradient(circle,rgba(12,129,228,.13),rgba(12,129,228,.03) 38%,transparent 70%);
      filter:blur(4px);animation:shopv3-halo 4.6s ease-in-out infinite;
    }
    @keyframes shopv3-halo{50%{transform:scale(1.06);opacity:.65}}

    .shopv3-phone{
      width:196px;max-width:100%;
      height:384px;
      border-radius:34px;
      padding:6px;
      position:relative;
      background:linear-gradient(145deg,#151515,#474747 48%,#0a0a0a);
      box-shadow:0 42px 80px rgba(32,22,27,.22),inset 0 0 0 1px rgba(255,255,255,.34);
      transform:perspective(1100px) rotateY(-2deg) rotateX(.8deg);
    }

    .shopv3-phone::before{
      content:"";position:absolute;inset:3px;border-radius:32px;
      border:1px solid rgba(255,255,255,.35);pointer-events:none
    }
    .shopv3-phone-screen{
      height:100%;border-radius:28px;overflow:hidden;position:relative;background:#f7f7f9;
      border:1px solid #090909;
    }
    .shopv3-phone-status{
      height:22px;background:#fff;display:flex;align-items:center;justify-content:space-between;
      direction:ltr;padding:0 22px;font-size:.51rem;font-weight:800
    }
    .shopv3-dynamic-island{position:absolute;top:5px;left:50%;transform:translateX(-50%);width:59px;height:16px;border-radius:999px;background:#050505;z-index:3}

    .shopv3-app-head{height:49px;background:#fff;padding:5px 11px 6px}
    .shopv3-app-title{display:flex;align-items:center;justify-content:space-between;font-size:.62rem;font-weight:900}
    .shopv3-search-box{
      margin-top:5px;height:35px;border-radius:12px;background:#f5f5f7;border:1px solid #ededf0;
      display:flex;align-items:center;gap:8px;padding:0 7px;color:#a0a3ac;font-size:.48rem
    }

    .shopv3-chips{height:24px;background:#fff;padding:2px 8px 4px;display:flex;gap:4px;overflow:hidden}
    .shopv3-chip{white-space:nowrap;border-radius:999px;padding:3px 6px;background:#f4f4f6;color:#6f7480;font-size:.42rem}
    .shopv3-chip.shopv3-active{background:var(--shopv3-brand);color:#fff}

    .shopv3-map-area{
      position:relative;height:207px;overflow:hidden;
      background:
        linear-gradient(31deg,transparent 47%,rgba(255,255,255,.85) 48%,rgba(255,255,255,.85) 52%,transparent 53%) 0 0/100px 100px,
        linear-gradient(-28deg,transparent 47%,rgba(255,255,255,.88) 48%,rgba(255,255,255,.88) 53%,transparent 54%) 0 0/130px 130px,
        linear-gradient(90deg,transparent 48%,rgba(255,255,255,.9) 49%,rgba(255,255,255,.9) 52%,transparent 53%) 0 0/110px 110px,
        #e9ebea;
    }

    .shopv3-map-area::before,.shopv3-map-area::after{
      content:"";position:absolute;border-radius:24px;background:#dde8db;opacity:.78
    }
    .shopv3-map-area::before{width:90px;height:50px;left:20px;top:24px}
    .shopv3-map-area::after{width:74px;height:72px;right:30px;bottom:52px}

    .shopv3-map-pin{
      position:absolute;width:21px;height:21px;border-radius:50% 50% 50% 8px;
      transform:rotate(-45deg);background:#727780;color:#fff;display:grid;place-items:center;
      box-shadow:0 8px 16px rgba(0,0,0,.13)
    }
    .shopv3-map-pin i{transform:rotate(45deg);font-size:.52rem}
    .shopv3-p1{left:18%;top:21%}.shopv3-p2{left:70%;top:15%}.shopv3-p3{left:82%;top:50%}.shopv3-p4{left:25%;top:62%}
    .shopv3-map-pin.shopv3-main{
      left:50%;top:48%;width:29px;height:29px;background:var(--shopv3-brand);z-index:4;
      box-shadow:0 0 0 10px rgba(12,129,228,.10),0 0 0 22px rgba(12,129,228,.055),0 14px 26px rgba(12,129,228,.25);
      animation:shopv3-pinPulse 2.2s ease-out infinite
    }
    .shopv3-map-pin.shopv3-main i{font-size:.65rem}
    @keyframes shopv3-pinPulse{
      0%,100%{box-shadow:0 0 0 10px rgba(12,129,228,.10),0 0 0 22px rgba(12,129,228,.055),0 14px 26px rgba(12,129,228,.25)}
      50%{box-shadow:0 0 0 16px rgba(12,129,228,.06),0 0 0 34px rgba(12,129,228,0),0 14px 26px rgba(12,129,228,.25)}
    }

    .shopv3-store-card{
      position:absolute;left:8px;right:8px;bottom:8px;background:rgba(255,255,255,.96);
      border-radius:13px;padding:6px;box-shadow:0 16px 38px rgba(39,30,34,.13);
      backdrop-filter:blur(16px)
    }
    .shopv3-store-meta{display:flex;gap:10px;align-items:center}
    .shopv3-store-photo{
      width:38px;height:31px;border-radius:8px;overflow:hidden;display:grid;place-items:center;
      background:linear-gradient(135deg,#d9c4b4,#b68a68 48%,#4c3a31);color:#fff;font-size:1.08rem
    }
    .shopv3-store-meta h4{font-size:.54rem;margin:0 0 2px;font-weight:900}
    .shopv3-store-meta small{color:#8d929d;font-size:.4rem}
    .shopv3-pay-btn{
      margin-top:5px;height:41px;border:none;width:100%;border-radius:8px;color:#fff;font-size:.5rem;font-weight:900;
      background:linear-gradient(90deg,#17452b,var(--shopv3-brand2));box-shadow:0 10px 18px rgba(12,129,228,.19)
    }

    .shopv3-bottom-nav{
      height:40px;background:#fff;display:grid;grid-template-columns:repeat(4,1fr);
      border-top:1px solid #ededf0;padding:4px 5px 3px
    }
    .shopv3-nav-item-mini{display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center;color:#969aa4;font-size:.38rem}
    .shopv3-nav-item-mini i{font-size:.65rem}.shopv3-nav-item-mini.shopv3-active{color:var(--shopv3-brand);font-weight:800}

    .shopv3-family-link-card{padding:14px 14px 15px;width:min(248px,100%)}
    .shopv3-link-send{
      display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #E4F0F6;border-radius:14px;padding:8px
    }
    .shopv3-send-btn{margin-inline-start:auto;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--shopv3-brand);color:#fff;box-shadow:0 8px 18px rgba(12,129,228,.22)}
    .shopv3-family-network{position:relative;height:143px;margin-top:9px}
    .shopv3-member{
      position:absolute;width:53px;height:53px;border-radius:50%;background:#fff;border:1px solid #D7F4F7;
      box-shadow:0 0 0 7px rgba(12,129,228,.045),0 10px 24px rgba(40,23,30,.08);
      display:grid;place-items:center;color:var(--shopv3-brand);font-size:1.08rem;
    }
    .shopv3-member::after{content:"";position:absolute;inset:7px;border-radius:50%;background:linear-gradient(145deg,#F2FBFC,#fafafa);z-index:-1}
    .shopv3-m1{left:50%;top:4px;transform:translateX(-50%)}
    .shopv3-m2{left:14px;bottom:5px}.shopv3-m3{right:14px;bottom:5px}
    .shopv3-network-center{
      position:absolute;left:50%;top:54%;transform:translate(-50%,-50%);
      width:29px;height:29px;border-radius:50%;display:grid;place-items:center;color:var(--shopv3-brand);
      background:#fff;border:1px solid #D7EEF8;box-shadow:0 10px 24px rgba(12,129,228,.12);z-index:2
    }
    .shopv3-family-network svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
    .shopv3-family-network path{fill:none;stroke:var(--shopv3-brand);stroke-width:1.4;stroke-dasharray:3 7;opacity:.8;animation:shopv3-dashMove 6s linear infinite}
    @keyframes shopv3-dashMove{to{stroke-dashoffset:-70}}

    .shopv3-payment-badge{
      display:inline-flex;align-items:center;gap:7px;margin-top:10px;
      padding:5px 8px;border-radius:999px;background:var(--shopv3-soft);color:var(--shopv3-brand);
      font-size:.51rem;font-weight:800
    }

    .shopv3-connector-layer{
      position:absolute;inset:0;z-index:2;pointer-events:none;overflow:visible
    }
    .shopv3-connector-layer path{
      fill:none;stroke:rgba(12,129,228,.72);stroke-width:1.1;stroke-dasharray:3 6;
      stroke-linecap:round;animation:shopv3-dashMove 7s linear infinite
    }
    .shopv3-connector-layer .shopv3-soft-path{stroke:rgba(12,129,228,.22);stroke-dasharray:none}
    .shopv3-connector-layer circle{filter:drop-shadow(0 0 4px rgba(12,129,228,.22))}

    .shopv3-city-scape{
      position:absolute;left:0;right:0;bottom:-9px;height:112px;z-index:-1;opacity:.8;
      background:
        linear-gradient(to top,rgba(230,231,235,.92),rgba(246,246,248,.25) 72%,transparent);
    }
    .shopv3-city-scape::before{
      content:"";position:absolute;left:2%;right:2%;bottom:25px;height:78px;opacity:.5;
      background:
        linear-gradient(90deg,
          transparent 0 2%,#e2e3e7 2% 6%,transparent 6% 8%,#e9e9ec 8% 13%,transparent 13% 16%,
          #dedfe4 16% 20%,transparent 20% 23%,#e7e7ea 23% 30%,transparent 30% 34%,
          #dddfe3 34% 39%,transparent 39% 45%,#e5e5e8 45% 54%,transparent 54% 60%,
          #dedfe3 60% 67%,transparent 67% 72%,#e8e8eb 72% 79%,transparent 79% 84%,
          #dfe0e4 84% 89%,transparent 89% 93%,#e7e8eb 93% 98%,transparent 98%);
      clip-path:polygon(0 100%,0 62%,4% 62%,4% 33%,8% 33%,8% 54%,13% 54%,13% 20%,18% 20%,18% 58%,25% 58%,25% 38%,30% 38%,30% 67%,36% 67%,36% 28%,42% 28%,42% 55%,49% 55%,49% 12%,56% 12%,56% 64%,64% 64%,64% 34%,70% 34%,70% 54%,77% 54%,77% 26%,84% 26%,84% 62%,91% 62%,91% 42%,96% 42%,96% 72%,100% 72%,100% 100%);
    }

    .shopv3-mini-shop{
      position:absolute;right:4%;bottom:26px;width:101px;height:54px;background:#fff;border-radius:16px 16px 4px 4px;
      box-shadow:0 16px 28px rgba(42,31,36,.09);z-index:1
    }
    .shopv3-mini-shop::before{
      content:"";position:absolute;left:-5px;right:-5px;top:14px;height:16px;border-radius:4px;
      background:repeating-linear-gradient(90deg,var(--shopv3-brand) 0 11px,#fff 11px 22px);box-shadow:0 5px 10px rgba(0,0,0,.06)
    }
    .shopv3-mini-shop::after{
      content:"";position:absolute;width:28px;height:35px;left:18px;bottom:0;background:#f3f3f6;border:1px solid #e6e6e9
    }
    .shopv3-shop-marker{
      position:absolute;right:9%;bottom:84px;width:27px;height:27px;border-radius:50% 50% 50% 8px;
      transform:rotate(-45deg);display:grid;place-items:center;background:var(--shopv3-brand);color:#fff;z-index:2;
      box-shadow:0 0 0 8px rgba(12,129,228,.08)
    }
    .shopv3-shop-marker i{transform:rotate(45deg)}

    @media (max-width:1199.98px){
      .shopv3-visual-stage{grid-template-columns:minmax(165px,.8fr) minmax(190px,215px) minmax(170px,.8fr);gap:14px;height:510px}
      .shopv3-phone{height:366px;width:186px}
      .shopv3-feature-card{width:188px;padding:11px}
      .shopv3-family-link-card{width:206px}
    }

    @media (max-width:991.98px){
      .shopv3-shop-payment-section{align-items:flex-start;padding-top:22px;min-height:auto}
      .shopv3-section-copy{margin-bottom:18px}
      .shopv3-visual-stage{
        height:auto;min-height:0;grid-template-columns:1fr;gap:16px;display:flex;flex-direction:column
      }
      .shopv3-phone-wrap{order:1;width:100%;margin:0 auto}
      .shopv3-left-stack{order:2}.shopv3-right-stack{order:3}
      .shopv3-side-stack{
        height:auto;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:stretch
      }
      .shopv3-right-stack{grid-template-columns:1fr}
      .shopv3-feature-card,.shopv3-family-link-card{width:100%;animation:none}
      .shopv3-family-link-card{max-width:700px;justify-self:center}
      .shopv3-phone{height:369px;width:186px}
      .shopv3-connector-layer{display:none}
      .shopv3-city-scape{height:90px}
      .shopv3-mini-shop,.shopv3-shop-marker{display:none}
    }

    @media (max-width:767.98px){
      .shopv3-section-shell{width:min(100% - 20px,720px)}
      .shopv3-shop-payment-section{padding:18px 0 15px}
      .shopv3-section-copy{text-align:right;padding:0 4px}
      .shopv3-section-copy p{font-size:.91rem;line-height:1.8}
      .shopv3-side-stack{grid-template-columns:1fr}
      .shopv3-feature-card{min-height:0}
      .shopv3-phone{width:min(181px,78vw);height:354px;border-radius:30px;padding:5px}
      .shopv3-phone-screen{border-radius:25px}
      .shopv3-map-area{height:188px}
      .shopv3-phone-halo{width:252px;height:252px}
      .shopv3-section-copy h1{font-size:1.45rem}
    }

    @media (max-width:420px){
      .shopv3-phone{height:339px}
      .shopv3-map-area{height:175px}
      .shopv3-app-head{height:47px}
      .shopv3-section-copy{margin-bottom:12px}
    }

    @media (prefers-reduced-motion:reduce){
      #shopping *,#shopping *::before,#shopping *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}
    }


/* v33 — supplied Khanevadeh brand mark */
.brand-mark{overflow:hidden;background:transparent!important;box-shadow:none!important;border-radius:50%!important}
.brand-mark img{width:100%;height:100%;display:block;object-fit:contain}
.hub-core--brand{background:transparent!important;border:0!important;box-shadow:none!important;padding:0;overflow:visible}
.family-hub-logo{width:100%;height:100%;display:block;object-fit:contain;filter:drop-shadow(0 18px 34px rgba(37,99,235,.18))}
@media(max-width:900px){.family-hub-logo{width:100%;height:100%}}
@media(max-width:640px){.family-hub-logo{width:100%;height:100%}}

/* Shared Khanevadeh App v1 visual language */
:root{--ink:#062a22;--muted:#6f7773;--line:#e4eee1;--bg:#f7f9f7;--brand-navy:#17452b;--brand:#6c9f2c;--brand2:#b9ef61;--brand-mint:#dff7b9;--green:#b9ef61;--neon:#b9ef61;--neon2:#dff7b9}
.header-cta,.btn-primary{background:linear-gradient(135deg,#17452b,#245b36);color:#fff;box-shadow:0 12px 28px rgba(23,69,43,.16)}
.header-cta:hover,.btn-primary:hover{background:#062a22;color:#fff}
.brand-mark{background:linear-gradient(135deg,#dff7b9,#b9ef61);box-shadow:0 8px 25px rgba(108,159,44,.17)}
.hero{background:radial-gradient(circle at 18% 20%,rgba(185,239,97,.20),transparent 28%),radial-gradient(circle at 85% 70%,rgba(108,159,44,.10),transparent 28%),linear-gradient(180deg,#fbfdf9,#f7f9f7 70%,#fff)}
.orb-a{background:rgba(185,239,97,.16)}.orb-b{background:rgba(108,159,44,.10)}
:focus-visible{outline:3px solid #6c9f2c;outline-offset:3px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}


/* v9 — real mobile screenshot mockups */
.phone,.download-phone,.phone-mini,.shopv3-phone{aspect-ratio:946/2048}
.phone-shot,.download-phone-screen img,.phone-mini-screen img,.shopv3-screen-shot{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;background:#eef2f7}
.hero-visual{height:600px}
.phone{width:260px}
.phone-screen.shot-screen,.download-phone-screen.shot-screen{padding:0;background:#eef2f7}
.shopv3-phone{height:auto;min-height:0}
.shopv3-phone-screen{height:100%;padding:0;background:#eef2f7}
.shopv3-screen-shot{border-radius:inherit}
.mockup-section{margin:34px 0 18px}
.mockup-section-head{text-align:center;max-width:860px;margin:0 auto 22px}
.mockup-section-head h2{margin:10px 0 10px;font-size:clamp(28px,3vw,40px)}
.mockup-section-head p{margin:0;color:#667085;line-height:1.9}
.mockup-showcase{display:grid;gap:18px;margin-bottom:20px}
.mockup-showcase--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.mockup-showcase--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.mockup-card{background:#fff;border:1px solid #eaecf0;border-radius:28px;padding:20px 18px;box-shadow:0 18px 46px rgba(15,23,42,.06);text-align:center}
.mockup-card h3{margin:14px 0 8px;font-size:20px}
.mockup-card p{margin:0;color:#667085;line-height:1.85;font-size:14px}
.phone-mini{width:min(190px,100%);margin:0 auto;padding:6px;border-radius:32px;background:linear-gradient(145deg,#1a202c,#090c11 22%,#090b10 78%,#252d39);box-shadow:0 26px 56px rgba(15,23,42,.16)}
.phone-mini-screen{height:100%;border-radius:26px;overflow:hidden;background:#eef2f7}
@media(max-width:1100px){.mockup-showcase--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.hero-visual{height:455px}.phone{width:220px}.mockup-showcase--3{grid-template-columns:repeat(2,minmax(0,1fr))}.mockup-card{padding:18px 14px}.phone-mini{width:min(172px,100%)}}
@media(max-width:560px){.hero-visual{height:414px}.phone{width:192px}.mockup-showcase--3,.mockup-showcase--4{grid-template-columns:1fr}.mockup-section-head{text-align:right}.phone-mini{width:min(188px,100%)}}