/* Sarmayech guest bundle — generated 2026-11-05T01:12:24+03:30 */

/* --- css/style.css --- */
:root{--font:"Vazirmatn",Tahoma,Arial,sans-serif;--radius:24px;--radius-sm:16px;--btn-radius:10px;--container:1240px;--room-icon-size:92px;--rooms-sprite-step:38.34px;--gold:#e6b85c;--gold-2:#f5d78b;--gold-3:#9d6e1f;--gold-metal:linear-gradient(148deg,#fff2cc 0%,#f7d781 18%,#ebc255 45%,#cf962f 72%,#a97424 100%);--gold-metal-hover:linear-gradient(148deg,#fff6da 0%,#fbe39a 18%,#efc05f 45%,#d4a038 72%,#b88328 100%);--gold-border:#a87628;--gold-border-soft:rgba(201,146,47,.55);--gold-glow:0 10px 28px rgba(168,116,36,.34);--gold-inset:inset 0 1px 0 rgba(255,255,255,.62),inset 0 -2px 0 rgba(139,95,30,.28);--success:#2dcf89;--danger:#ff6e79;--transition:.3s cubic-bezier(.22,.61,.36,1)}
html[data-theme="dark"]{--section-edge-h:clamp(56px,8vw,96px);--edge-testimonials:#061b29;--edge-analytics:#061b29;--bg:#061b29;--bg-2:#082233;--surface:#0a2638;--surface-2:#0d2e43;--surface-3:#102f41;--text:#f9fbfd;--muted:#a8bac7;--border:rgba(230,184,92,.26);--soft-border:rgba(255,255,255,.08);--shadow:0 20px 70px rgba(0,0,0,.32);--header:rgba(4,23,34,.94);--header-border:rgba(255,255,255,.1);--nav-link:#b4c2ce;--card-grad:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.015));--section-alt:#071f2f;--chart-grid:rgba(255,255,255,.08);--hero-scrim:linear-gradient(270deg,rgba(6,27,41,.98) 0%,rgba(6,27,41,.94) 34%,rgba(6,27,41,.55) 52%,transparent 78%);--hero-min-h:min(760px,92vh);--about-scrim:radial-gradient(ellipse 58% 95% at 50% 50%,rgba(8,28,42,.94) 0%,rgba(8,28,42,.82) 34%,rgba(8,28,42,.45) 52%,transparent 78%),radial-gradient(ellipse 42% 75% at 24% 52%,rgba(8,28,42,.78) 0%,transparent 72%);--rooms-scrim:radial-gradient(ellipse 70% 88% at 50% 42%,rgba(8,28,42,.9) 0%,rgba(8,28,42,.72) 40%,transparent 78%);--markets-scrim:radial-gradient(ellipse 88% 92% at 50% 48%,rgba(8,28,42,.82) 0%,rgba(8,28,42,.58) 42%,rgba(8,28,42,.28) 62%,transparent 88%);--analytics-scrim:linear-gradient(180deg,rgba(6,27,41,.45) 0%,rgba(6,27,41,.52) 55%,rgba(6,27,41,.48) 100%);--live-scrim:linear-gradient(90deg,rgba(6,27,41,.92) 0%,rgba(6,27,41,.72) 18%,rgba(6,27,41,.28) 28%,transparent 38%)}
html[data-theme="light"]{--section-edge-h:clamp(56px,8vw,96px);--edge-testimonials:#f9f7f2;--edge-analytics:#eef1f4;--bg:#fbf8f1;--bg-2:#f4efe5;--surface:#fffdf9;--surface-2:#f8f2e6;--surface-3:#ffffff;--text:#0b2a40;--muted:#5f6d78;--border:rgba(178,124,34,.35);--soft-border:rgba(11,42,64,.09);--shadow:0 20px 55px rgba(61,46,22,.11);--header:rgba(255,255,255,.97);--header-border:rgba(11,42,64,.07);--nav-link:#4a5f6d;--card-grad:linear-gradient(145deg,rgba(255,255,255,.95),rgba(248,241,226,.88));--section-alt:#f6f0e5;--chart-grid:rgba(10,42,64,.08);--hero-scrim:linear-gradient(270deg,#fbf8f1 0%,#fbf8f1 32%,rgba(251,248,241,.92) 46%,rgba(251,248,241,.35) 62%,transparent 82%);--hero-min-h:min(760px,92vh);--about-scrim:radial-gradient(ellipse 58% 95% at 50% 50%,#fff 0%,rgba(255,255,255,.97) 28%,rgba(255,255,255,.88) 42%,rgba(255,255,255,.55) 58%,transparent 80%),radial-gradient(ellipse 44% 78% at 24% 52%,rgba(255,255,255,.92) 0%,rgba(255,255,255,.55) 45%,transparent 72%);--rooms-scrim:radial-gradient(ellipse 72% 90% at 50% 40%,#fff 0%,rgba(255,255,255,.95) 32%,rgba(255,255,255,.72) 50%,transparent 78%);--markets-scrim:radial-gradient(ellipse 90% 94% at 50% 46%,#fff 0%,rgba(255,255,255,.94) 34%,rgba(255,255,255,.72) 54%,rgba(255,255,255,.35) 72%,transparent 92%);--analytics-scrim:linear-gradient(180deg,rgba(255,255,255,.38) 0%,rgba(255,255,255,.48) 55%,rgba(255,255,255,.42) 100%);--live-scrim:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.9) 15%,rgba(255,255,255,.32) 26%,transparent 36%)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.8;overflow-x:hidden}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 20% 0%,rgba(230,184,92,.07),transparent 33%),radial-gradient(circle at 80% 20%,rgba(39,115,146,.08),transparent 26%)}a{color:inherit;text-decoration:none}button,input{font:inherit}img{display:block;max-width:100%}.container{width:min(var(--container),calc(100% - 40px));margin-inline:auto}.section-pad{padding:96px 0}.skip-link{position:fixed;top:-80px;right:20px;z-index:999;background:var(--gold);color:#0b2130;padding:12px 18px;border-radius:10px}.skip-link:focus{top:20px}.dark-only,.light-only{display:none!important}html[data-theme="dark"] .dark-only{display:block!important}html[data-theme="light"] .light-only{display:block!important}
.site-header{position:sticky;top:0;z-index:100;background:var(--header);backdrop-filter:blur(14px);border-bottom:1px solid var(--header-border);box-shadow:0 8px 28px rgba(15,35,50,.04)}.nav-shell{height:76px;display:flex;align-items:center;gap:18px}.brand{display:inline-flex;align-items:center;gap:11px;min-width:max-content;flex-shrink:0}.brand-mark{position:relative;overflow:hidden;isolation:isolate;width:44px;height:44px;border:1px solid var(--gold-border);border-radius:12px;display:grid;place-items:center;background:var(--gold-metal);color:#1a3242;box-shadow:var(--gold-glow),var(--gold-inset)}.brand-mark::after{content:"";position:absolute;top:-40%;left:-120%;width:55%;height:180%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.75),transparent);transform:skewX(-22deg);animation:gold-shimmer 4.2s ease-in-out infinite;pointer-events:none}.brand-copy{display:flex;flex-direction:column;line-height:1.2}.brand-copy strong{font-size:21px;font-weight:900;color:#0b2a40;letter-spacing:-.3px}.brand-copy small{font-size:10px;color:#7a8791;margin-top:3px;font-weight:500}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:22px;margin-inline:auto;flex:1;padding-inline:8px}.desktop-nav a{font-size:13px;font-weight:600;color:var(--nav-link);transition:var(--transition);position:relative;padding:6px 2px;white-space:nowrap}.desktop-nav a:hover,.desktop-nav a.active{color:#0b2a40}.desktop-nav a.active::after{content:"";position:absolute;right:0;left:0;bottom:-10px;height:3px;background:linear-gradient(90deg,#c9922f,#f5d78b,#e6b85c);border-radius:3px;box-shadow:0 0 10px rgba(230,184,92,.55);animation:nav-gold-glow 2.8s ease-in-out infinite}.nav-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.icon-btn{width:40px;height:40px;border-radius:10px;border:1px solid var(--soft-border);background:#fff;color:var(--text);display:grid;place-items:center;cursor:pointer;transition:var(--transition)}.icon-btn:hover{border-color:var(--border);transform:translateY(-1px)}.theme-toggle{order:-1}.mobile-menu-btn{display:none}.mobile-nav{display:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:var(--btn-radius);min-height:46px;padding:0 22px;font-weight:800;border:1px solid transparent;transition:transform .28s ease,box-shadow .28s ease,background .28s ease,border-color .28s ease;cursor:pointer;white-space:nowrap;position:relative}.btn:not(.btn-gold):hover{transform:translateY(-1px);filter:brightness(1.02)}.btn.small{min-height:42px;padding:0 18px;font-size:12px;font-weight:700}.btn-gold{color:#0f2533;border:1px solid var(--gold-border);background-image:linear-gradient(108deg,transparent 0%,rgba(255,255,255,.15) 42%,rgba(255,255,255,.82) 50%,rgba(255,255,255,.18) 58%,transparent 100%),var(--gold-metal);background-size:280% 100%,100% 100%;background-position:220% 0,0 0;background-repeat:no-repeat,no-repeat;box-shadow:var(--gold-glow),var(--gold-inset);animation:gold-btn-flash 3.4s cubic-bezier(.4,0,.2,1) infinite;overflow:hidden;isolation:isolate;text-shadow:0 1px 0 rgba(255,255,255,.22)}.btn-gold::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.32) 0%,transparent 40%,rgba(0,0,0,.05) 100%);pointer-events:none;z-index:0}.btn-gold::after{content:"";position:absolute;top:-60%;left:-80%;width:38%;height:220%;border-radius:inherit;background:linear-gradient(108deg,transparent 0%,rgba(255,255,255,.92) 48%,transparent 100%);transform:skewX(-22deg);animation:gold-shimmer 3.8s cubic-bezier(.4,0,.2,1) infinite;pointer-events:none;z-index:1;opacity:.75;mix-blend-mode:soft-light}.btn-gold:hover{transform:translateY(-2px);background-image:linear-gradient(108deg,transparent 0%,rgba(255,255,255,.2) 42%,rgba(255,255,255,.9) 50%,rgba(255,255,255,.22) 58%,transparent 100%),var(--gold-metal-hover);box-shadow:0 14px 34px rgba(168,116,36,.42),var(--gold-inset);filter:none}.btn-gold:active{transform:translateY(0);box-shadow:0 6px 16px rgba(168,116,36,.28),var(--gold-inset)}.btn-gold>*{position:relative;z-index:2}.btn.has-icon-end{padding-inline-start:20px;padding-inline-end:7px;gap:12px}.btn-icon-circle{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(145deg,#1a3242,#0a1a28);color:#f5d78b;font-size:13px;flex-shrink:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 2px 6px rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.08)}.btn-outline{border-color:var(--border);background:transparent;color:var(--text);border-radius:var(--btn-radius)}.btn-outline-gold{border:1px solid var(--gold-border-soft);background:#fff;color:#0b2a40;box-shadow:0 4px 16px rgba(168,116,36,.1);border-radius:var(--btn-radius);overflow:hidden;isolation:isolate}.btn-outline-gold::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,transparent 35%,rgba(247,215,129,.22) 50%,transparent 65%);transform:translateX(-120%);animation:gold-ghost-sweep 4.8s ease-in-out infinite;pointer-events:none}.btn-outline-gold:hover{border-color:#c9922f;box-shadow:0 0 0 1px rgba(201,146,47,.25),0 8px 22px rgba(168,116,36,.16);color:#0b2a40}.btn-login{background:#fff;border:1px solid rgba(11,42,64,.12);color:#0b2a40;box-shadow:0 4px 14px rgba(61,46,22,.04);border-radius:var(--btn-radius)}.btn-login i{font-size:15px;color:#6f7c86}.btn-ghost{background:var(--surface);border-color:var(--soft-border);color:var(--text);border-radius:var(--btn-radius)}
.hero{position:relative;min-height:var(--hero-min-h);padding:48px 0 36px;overflow:hidden;background:var(--bg)}.hero-media{position:absolute;inset:0;z-index:0;pointer-events:none}.hero-bg-img{width:100%;height:100%;object-fit:cover;object-position:left center}.hero-scrim{position:absolute;inset:0;background:var(--hero-scrim)}.hero-inner{position:relative;z-index:1;display:flex;justify-content:flex-start;align-items:center;min-height:calc(var(--hero-min-h) - 120px);padding-top:12px}.hero-copy{width:min(560px,46vw);max-width:100%}.hero-copy h1{font-size:clamp(34px,3.6vw,56px);line-height:1.35;margin:0 0 18px;font-weight:900;letter-spacing:-1.2px;color:#0b2a40}.hero-copy h1 span{display:inline;background:var(--gold-metal);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 rgba(255,255,255,.35))}.hero-copy>p{font-size:16px;line-height:1.95;color:var(--muted);max-width:520px;margin:0 0 26px}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--gold-2);font-weight:800;font-size:13px;letter-spacing:.1px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:34px}.hero-features{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:620px}.hero-features>div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.feature-icon{position:relative;overflow:hidden;isolation:isolate;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 28%,#fff 0%,#fff9ea 42%,#f3dc9a 100%);border:2px solid #d4a84a;color:#a97424;font-size:22px;box-shadow:0 8px 22px rgba(168,116,36,.2),inset 0 1px 0 rgba(255,255,255,.9),0 0 0 4px rgba(247,215,129,.22);animation:feature-ring-pulse 3.2s ease-in-out infinite}.feature-icon i{position:relative;z-index:2}.feature-icon::after{content:"";position:absolute;top:-30%;left:-130%;width:50%;height:160%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.85),transparent);transform:skewX(-20deg);animation:gold-shimmer 5s ease-in-out infinite;pointer-events:none;z-index:1}.hero-features>div>span:last-child{font-size:11px;line-height:1.65;color:#4a5f6d;font-weight:600;max-width:120px}.market-strip{position:relative;z-index:1;margin-top:8px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--soft-border);border-radius:18px;overflow:hidden;background:var(--surface)}.market-strip>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:16px 18px;border-left:1px solid var(--soft-border)}.market-strip>div:last-child{border-left:0}.market-strip i{color:var(--gold);font-size:19px}.market-strip span{font-size:12px;color:var(--muted)}.market-strip strong{font-size:14px}.market-strip em{grid-column:3;font-style:normal;color:var(--success);font-size:10px}
html[data-theme="dark"] .site-header .brand-copy strong,html[data-theme="dark"] .desktop-nav a:hover,html[data-theme="dark"] .desktop-nav a.active{color:var(--text)}html[data-theme="dark"] .hero-copy h1{color:var(--text)}html[data-theme="dark"] .hero-features>div>span:last-child{color:var(--muted)}html[data-theme="dark"] .btn-outline-gold,html[data-theme="dark"] .btn-login{background:rgba(255,255,255,.06);color:var(--text)}html[data-theme="dark"] .icon-btn{background:rgba(255,255,255,.04)}
.about{position:relative;overflow:hidden;background:#f6f7f9;padding:88px 0}.about-media{position:absolute;inset:0;z-index:0;pointer-events:none}.about-bg-img{position:relative;z-index:0;width:100%;height:100%;object-fit:cover;object-position:center}.about-scrim{position:absolute;inset:0;z-index:1;background:var(--about-scrim);pointer-events:none}.about-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(260px,.82fr) minmax(300px,1.05fr) minmax(220px,.72fr);gap:32px;align-items:center;direction:ltr}.about-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;direction:rtl}.stat-card{border:1px solid rgba(11,42,64,.07);border-radius:12px;padding:26px 14px;background:rgba(255,255,255,.94);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:118px;box-shadow:0 10px 28px rgba(15,35,50,.07)}.stat-card strong{font-size:clamp(26px,2.2vw,34px);font-weight:900;line-height:1.15;background:var(--gold-metal);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 1px 0 rgba(255,255,255,.35))}.stat-card strong.stat-static{font-size:clamp(20px,1.8vw,26px);line-height:1.35}.stat-card span{font-size:12px;line-height:1.75;color:#4a5f6d;margin-top:8px;font-weight:600;max-width:150px}.about-copy{direction:rtl;text-align:center;padding:8px 10px}.about-title-row{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:16px}.about-section-label{margin:0;font-size:15px;font-weight:800;color:#0b2a40;white-space:nowrap}.about-title-line{flex:1;max-width:72px;height:1px;background:linear-gradient(90deg,transparent,#d4a84a,#f5d78b,transparent);position:relative}.about-title-line::after{content:"";position:absolute;top:50%;left:50%;width:7px;height:7px;background:linear-gradient(145deg,#f5d78b,#c9922f);transform:translate(-50%,-50%) rotate(45deg);box-shadow:0 0 8px rgba(230,184,92,.45)}.about-copy h2,.section-head h2,.live-copy h2,.proof-copy h2,.cta-copy h2{font-size:clamp(26px,2.6vw,38px);line-height:1.45;margin:0 0 14px;font-weight:900;color:#0b2a40}.about-copy h2 span,.live-copy h2 span{background:var(--gold-metal);-webkit-background-clip:text;background-clip:text;color:transparent}.about-copy p,.section-head p,.live-copy p,.proof-copy p,.cta-copy p{color:#3d4f5c;margin:0 auto 22px;max-width:480px;font-size:14px;line-height:2;font-weight:500}.about-copy .btn{margin-top:4px}.about-spacer{min-height:280px}.text-link{font-weight:800;color:var(--gold-2);font-size:13px}html[data-theme="dark"] .about{background:#061b29}html[data-theme="dark"] .about-section-label,html[data-theme="dark"] .about-copy h2{color:var(--text)}html[data-theme="dark"] .stat-card{background:linear-gradient(165deg,rgba(13,46,67,.97),rgba(10,38,56,.94));border-color:var(--soft-border)}html[data-theme="dark"] .stat-card span{color:var(--muted)}
.section-head{text-align:center;max-width:780px;margin:0 auto 46px}.section-head h2{margin-bottom:10px}.rooms-catalog{position:relative;overflow:hidden;background:#eef1f4}.rooms-media{position:absolute;inset:0;z-index:0;pointer-events:none}.rooms-bg-img{width:100%;height:100%;object-fit:cover;object-position:center top}.rooms-scrim{position:absolute;inset:0;z-index:1;background:var(--rooms-scrim);pointer-events:none}.rooms-catalog-inner{position:relative;z-index:2}.rooms-head{text-align:center;max-width:760px;margin:0 auto 40px}.rooms-section-title{margin:0;font-size:clamp(22px,2.5vw,34px);font-weight:900;color:#0b2a40}.rooms-head p{margin:14px auto 0;max-width:620px;font-size:14px;line-height:1.95;color:#5f6d78;font-weight:500}.rooms-board{display:grid;grid-template-columns:repeat(4,minmax(220px,268px));gap:16px;justify-content:center;margin-inline:auto;max-width:1120px;direction:rtl}.room-card{direction:rtl;display:flex;flex-direction:column;gap:14px;padding:22px 20px 20px;border:1px solid rgba(11,42,64,.07);border-radius:12px;background:rgba(255,255,255,.96);box-shadow:0 12px 32px rgba(15,35,50,.08);min-height:100%;transition:transform .28s ease,box-shadow .28s ease}.room-card:hover{transform:translateY(-4px);box-shadow:0 16px 38px rgba(15,35,50,.12)}.room-card-head{display:grid;grid-template-columns:var(--room-icon-size) 1fr;gap:12px;align-items:center;direction:ltr}.room-card-head h3{margin:0;font-size:15px;line-height:1.55;font-weight:800;color:#0b2a40;direction:rtl;text-align:right}.room-icon{width:var(--room-icon-size);height:var(--room-icon-size);border-radius:50%;overflow:hidden;flex-shrink:0;display:block;background:#fff;box-shadow:0 4px 14px rgba(168,116,36,.12)}.room-icon img{width:100%;height:100%;object-fit:cover;display:block}.room-card ul{list-style:none;margin:0;padding:0;flex:1}.room-card li{position:relative;padding-right:14px;font-size:12px;line-height:1.85;color:#5f6d78;margin:4px 0}.room-card li::before{content:"";position:absolute;right:0;top:.72em;width:6px;height:6px;border-radius:50%;background:linear-gradient(145deg,#f5d78b,#c9922f)}.room-card .btn-block{width:100%;min-height:42px;font-size:12px;font-weight:800;margin-top:auto}.rooms-board .room-card:nth-child(5){grid-column:2}.rooms-board .room-card:nth-child(6){grid-column:3}html[data-theme="dark"] .rooms-catalog{background:#061b29}html[data-theme="dark"] .rooms-section-title,html[data-theme="dark"] .room-card-head h3{color:var(--text)}html[data-theme="dark"] .room-card{background:linear-gradient(165deg,rgba(13,46,67,.97),rgba(10,38,56,.94))}html[data-theme="dark"] .room-card li{color:var(--muted)}
.live-section{--live-ar:2167/363;position:relative;overflow:hidden;background:#eef0f3;width:100%;min-height:clamp(360px,calc(100vw*363/2167 + 64px),520px);height:clamp(360px,calc(100vw*363/2167 + 64px),520px);padding:clamp(6px,1.2vw,14px) 0}.live-media{position:absolute;inset:0;z-index:0;pointer-events:none}.live-bg-img{width:100%;height:100%;object-fit:cover;object-position:15% center;display:block}.live-scrim{position:absolute;inset:0;z-index:1;background:var(--live-scrim);pointer-events:none}.live-layout{position:relative;z-index:2;height:100%;max-width:var(--container);margin-inline:auto;padding:0 min(20px,3vw);direction:ltr;display:grid;grid-template-columns:minmax(0,34%) minmax(0,66%);align-items:center;column-gap:clamp(8px,1.6vw,22px)}
.live-showcase{grid-column:2;position:relative;display:flex;align-items:center;justify-content:center;align-self:stretch;z-index:4;min-height:100%;padding-inline:clamp(0px,1vw,12px)}.live-phone-hero{width:min(100%,820px);height:auto;max-height:min(480px,94%);object-fit:contain;filter:drop-shadow(0 20px 42px rgba(15,35,50,.12))}.live-aside{grid-column:1;justify-self:start;align-self:center;width:100%;max-width:min(420px,100%);display:flex;flex-direction:column;align-items:flex-start;gap:clamp(14px,2.5vh,22px);direction:rtl;text-align:right;z-index:2}.live-copy{position:static;width:100%;padding:0}.live-copy h2{font-size:clamp(16px,1.55vw,26px);line-height:1.25;margin:0 0 8px;font-weight:900;color:#0b2a40;letter-spacing:-.35px;white-space:nowrap;max-width:100%}.live-copy h2 span{display:inline;background:var(--gold-metal);-webkit-background-clip:text;background-clip:text;color:transparent}.live-copy>p{margin:0;font-size:clamp(11px,1.05vw,13px);line-height:1.8;color:#5f6d78;font-weight:500;max-width:100%}.live-channels{position:static;width:100%;z-index:4;display:flex;align-items:flex-end;justify-content:flex-start;gap:clamp(10px,1.8vw,22px);direction:ltr;flex-wrap:nowrap}.live-channels.visible .live-channel{opacity:1;transform:translateY(0)}.live-channel{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;min-width:52px;opacity:0;transform:translateY(14px);transition:opacity .55s ease,transform .55s cubic-bezier(.22,.61,.36,1);transition-delay:calc(var(--i,0) * 90ms + 120ms)}.live-channel:hover{transform:translateY(-3px)!important}.live-channel img{width:clamp(44px,4.2vw,58px);height:clamp(44px,4.2vw,58px);object-fit:contain;display:block;filter:drop-shadow(0 8px 16px rgba(15,35,50,.14))}.live-channel-en{font-size:10px;font-weight:800;color:#0b2a40;line-height:1.2;white-space:nowrap}.live-channel-fa{font-size:9px;color:#6f7c86;font-weight:600;line-height:1.25;white-space:nowrap}.live-notif-stack{grid-column:2;position:relative;justify-self:center;align-self:center;width:min(300px,92%);max-width:320px;min-height:210px;z-index:3;margin-inline-start:clamp(0px,4vw,48px)}.live-notif-card{position:absolute;right:0;left:0;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;padding:11px 13px;border-radius:14px;background:rgba(255,255,255,.96);border:1px solid rgba(11,42,64,.06);box-shadow:0 14px 36px rgba(15,35,50,.14);direction:rtl;opacity:0;transform:translateX(28px) scale(.96);transition:opacity .5s ease,transform .55s cubic-bezier(.22,.61,.36,1);pointer-events:none}.live-notif-card.is-visible{opacity:1;transform:translateX(0) scale(1);pointer-events:auto}.live-notif-card.is-leaving{opacity:0;transform:translateX(-22px) scale(.97);pointer-events:none}
.live-notif-card.swap{opacity:0;transform:translateX(-16px) scale(.98)}.live-notif-card.fn-a{top:0;animation:liveNotifFloat 5.2s ease-in-out infinite}.live-notif-card.fn-b{top:74px;animation:liveNotifFloat 5.2s ease-in-out -1.7s infinite}.live-notif-card.fn-c{top:148px;animation:liveNotifFloat 5.2s ease-in-out -3.4s infinite}.live-notif-brand{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#142a38,#0a1a28);color:var(--gold-2);font-size:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.live-notif-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:4px}.live-notif-top strong{font-size:12px;color:#0b2a40}.live-notif-top time{font-size:9px;color:#8a97a3;white-space:nowrap}.live-notif-content p{margin:0;font-size:11px;line-height:1.65;color:#4a5f6d}.live-handwriting{position:absolute;z-index:5;right:clamp(1%,2vw,3%);top:50%;transform:translateY(-42%);width:min(240px,19vw);height:auto;pointer-events:none;filter:drop-shadow(0 8px 24px rgba(168,116,36,.18))}
@media (min-width:821px){.live-handwriting{display:block}}
@media (max-width:820px){.live-showcase{display:none!important}.live-handwriting{display:none}}@keyframes liveNotifFloat{0%,100%{transform:translateX(0) translateY(0)}50%{transform:translateX(0) translateY(-6px)}}.live-notif-card.is-visible.fn-a,.live-notif-card.is-visible.fn-b,.live-notif-card.is-visible.fn-c{animation-name:liveNotifFloatVisible}.live-notif-card.swap.fn-a,.live-notif-card.swap.fn-b,.live-notif-card.swap.fn-c{animation:none}@keyframes liveNotifFloatVisible{0%,100%{transform:translateX(0) translateY(0)}50%{transform:translateX(0) translateY(-6px)}}html[data-theme="dark"] .live-section{background:#061b29}html[data-theme="dark"] .live-copy h2{color:var(--text)}html[data-theme="dark"] .live-copy>p{color:var(--muted)}html[data-theme="dark"] .live-channel-en{color:var(--text)}.feature-checks{list-style:none;padding:0;margin:20px 0}.feature-checks li{position:relative;padding-right:22px;color:var(--muted);font-size:13px;margin:7px 0}.feature-checks li::before{content:"✓";position:absolute;right:0;color:var(--gold)}
.markets-rooms{position:relative;overflow:hidden;background:#eef1f4}.markets-media{position:absolute;inset:0;z-index:0;pointer-events:none}.markets-bg-img{width:100%;height:100%;object-fit:cover;object-position:center}.markets-scrim{position:absolute;inset:0;z-index:1;background:var(--markets-scrim);pointer-events:none}.markets-inner{position:relative;z-index:2}.markets-head{text-align:center;max-width:760px;margin:0 auto 28px}.markets-section-title{margin:0;font-size:clamp(22px,2.5vw,34px);font-weight:900;color:#0b2a40;white-space:nowrap}.markets-head p{margin:14px auto 0;max-width:620px;font-size:14px;line-height:1.95;color:#5f6d78;font-weight:500}.room-tabs-shell{display:flex;justify-content:center;margin:0 auto 22px}.room-tabs{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:7px;border-radius:14px;background:rgba(255,255,255,.94);border:1px solid rgba(11,42,64,.08);box-shadow:0 10px 28px rgba(15,35,50,.08)}.room-tab,.billing-switch button{border:1px solid transparent;background:#eef1f4;color:#5f6d78;border-radius:10px;padding:10px 18px;cursor:pointer;transition:var(--transition);font-size:12px;font-weight:700;white-space:nowrap}.room-tab.active,.room-tab:hover,.billing-switch button.active{position:relative;overflow:hidden;color:#102534;border:1px solid var(--gold-border);background-image:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.45) 50%,transparent 100%),var(--gold-metal);background-size:220% 100%,100% 100%;animation:gold-btn-shine 4.5s ease-in-out infinite;box-shadow:var(--gold-glow),var(--gold-inset)}.room-panel{border:1px solid rgba(11,42,64,.08);border-radius:20px;overflow:hidden;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);box-shadow:0 22px 55px rgba(15,35,50,.12)}.room-panel-inner{display:grid;grid-template-columns:1.05fr auto 1fr;align-items:center;direction:rtl;gap:0;min-height:min(300px,42vw);padding:clamp(22px,3vw,36px) clamp(20px,3.2vw,40px)}.room-feature-list{padding:4px 0}.room-feature-list ul{list-style:none;margin:0;padding:0}.room-feature-list li{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.75;color:#4a5f6d;margin:11px 0}.room-feature-list li i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;margin-top:2px;background:var(--gold-metal);color:#1a3242;font-size:11px;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 2px 6px rgba(168,116,36,.18)}.room-divider{width:1px;align-self:stretch;margin:8px clamp(18px,2.5vw,32px);background:repeating-linear-gradient(to bottom,rgba(11,42,64,.22) 0 5px,transparent 5px 11px)}.room-main{text-align:right;padding-left:clamp(8px,2vw,24px)}.room-main h3{margin:0 0 12px;font-size:clamp(18px,2vw,28px);font-weight:900;color:#0b2a40;line-height:1.35}.room-main p{margin:0 0 22px;font-size:13px;line-height:2;color:#5f6d78;font-weight:500;max-width:420px}.room-main .btn{min-height:44px;font-size:12px}html[data-theme="dark"] .markets-rooms{background:#061b29}html[data-theme="dark"] .markets-section-title,html[data-theme="dark"] .room-main h3{color:var(--text)}html[data-theme="dark"] .room-tabs{background:rgba(255,255,255,.08)}html[data-theme="dark"] .room-tab:not(.active){background:rgba(255,255,255,.06);color:var(--muted)}html[data-theme="dark"] .room-panel{background:rgba(10,38,56,.88);border-color:rgba(255,255,255,.08)}html[data-theme="dark"] .room-feature-list li{color:var(--muted)}html[data-theme="dark"] .room-main p{color:var(--muted)}
.results-analytics{position:relative;overflow:hidden;background:#eef1f4}.results-analytics.section-pad{padding:36px 0 40px}.analytics-media{position:absolute;inset:0;z-index:0;pointer-events:none;height:100%;min-height:100%}.analytics-bg-img{width:100%;height:100%;object-fit:cover;object-position:center 22%}.analytics-scrim{position:absolute;inset:0;z-index:1;background:var(--analytics-scrim);pointer-events:none}.analytics-inner{position:relative;z-index:2}.analytics-head{text-align:center;max-width:760px;margin:0 auto 12px}.analytics-title{margin:0;font-size:clamp(22px,2.5vw,34px);font-weight:900;color:#0b2a40}.analytics-head>p{margin:8px auto 0;font-size:13px;line-height:1.85;color:#5f6d78;font-weight:500}.analytics-tabs-shell{display:flex;justify-content:center;margin:0 auto 10px}.analytics-tabs{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:6px;border-radius:999px;background:rgba(255,255,255,.92);border:1px solid rgba(11,42,64,.08);box-shadow:0 8px 24px rgba(15,35,50,.07)}.analytics-tab{border:1px solid rgba(11,42,64,.1);background:#fff;color:#5f6d78;border-radius:999px;padding:9px 18px;cursor:pointer;transition:var(--transition);font-size:12px;font-weight:700;white-space:nowrap;font-family:inherit}.analytics-tab.active,.analytics-tab:hover{color:#102534;border:1px solid var(--gold-border);background-image:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.45) 50%,transparent 100%),var(--gold-metal);background-size:220% 100%,100% 100%;animation:gold-btn-shine 4.5s ease-in-out infinite;box-shadow:var(--gold-glow),var(--gold-inset)}.analytics-panel{display:flex;flex-direction:column;gap:10px}.analytics-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;direction:ltr}.analytics-stat-card{padding:14px 12px 12px;border:1px solid rgba(11,42,64,.06);border-radius:14px;background:#fff;box-shadow:0 6px 18px rgba(15,35,50,.06);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:112px;gap:4px}.analytics-stat-card .analytics-ring{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#2ec4a0 calc(var(--ring,78) * 1%),rgba(11,42,64,.08) 0);position:relative;margin-bottom:2px}.analytics-stat-card .analytics-ring::before{content:"";position:absolute;inset:8px;border-radius:50%;background:#fff}.analytics-stat-card .analytics-ring span{position:relative;font-size:17px;font-weight:900;color:#0b2a40}.analytics-stat-card .analytics-stat-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 28%,#fff 0%,#fff9ea 42%,#f3dc9a 100%);border:2px solid #d4a84a;color:#a97424;font-size:17px;margin-bottom:2px}.analytics-stat-card .analytics-stat-value{font-size:clamp(22px,2vw,30px);font-weight:900;color:#0b2a40;line-height:1.15;margin:2px 0}.analytics-stat-card .analytics-stat-value.is-positive{color:#2ec4a0}.analytics-stat-card .analytics-stat-label{margin:0;font-size:11px;line-height:1.65;color:#5f6d78;font-weight:600}.analytics-stat-card .analytics-stat-label small{display:block;font-size:10px;color:#8a97a3;font-weight:500;margin-top:2px}.analytics-charts{display:grid;grid-template-columns:minmax(240px,.82fr) minmax(0,1.18fr);gap:10px;direction:ltr;align-items:stretch}.analytics-chart-card{padding:14px 16px 12px;border:1px solid rgba(11,42,64,.06);border-radius:14px;background:#fff;box-shadow:0 6px 18px rgba(15,35,50,.06)}.analytics-chart-title{margin:0 0 10px;font-size:13px;font-weight:800;color:#0b2a40;line-height:1.5;text-align:right;direction:rtl}.analytics-chart-area{position:relative}.analytics-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:rgba(46,196,160,.14);color:#1fa784;font-size:11px;font-weight:900;white-space:nowrap}.analytics-badge--float{position:absolute;left:8px;top:4px;z-index:2}#performanceChart{width:100%;height:168px;display:block}.analytics-dist-list{list-style:none;margin:0;padding:6px 2px;display:flex;flex-direction:column;gap:11px;direction:rtl;width:100%;justify-content:center}.analytics-dist-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;font-weight:600}.analytics-dist-pct{font-weight:800;color:#0b2a40;font-size:13px;direction:ltr;text-align:left;min-width:38px}.analytics-dist-label{display:inline-flex;align-items:center;gap:8px;color:#5f6d78}.analytics-compose{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;width:100%;direction:rtl;padding:2px 0}.analytics-compose-labels,.analytics-compose-pcts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}.analytics-compose-labels li{display:flex;justify-content:flex-start;font-size:13px;font-weight:600;color:#5f6d78}.analytics-compose-labels .label{display:inline-flex;align-items:center;gap:7px}.analytics-compose-pcts li{display:flex;justify-content:flex-end}.analytics-compose-pcts .pct{font-weight:800;color:#0b2a40;font-size:13px;direction:ltr}.analytics-compose-center{text-align:center;padding:0 12px;line-height:1.55;color:#5f6d78;font-size:11px;font-weight:600;min-width:88px}.analytics-compose-center strong{display:block;font-size:22px;color:#0b2a40;font-weight:900;line-height:1.2;margin-bottom:2px}.analytics-distribution-body{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:16px;direction:rtl}.analytics-donut-wrap{position:relative;width:min(150px,38vw);height:min(150px,38vw);margin-inline:auto}.analytics-donut{width:100%;height:100%;border-radius:50%;background:conic-gradient(var(--c1,#d6a442) 0 calc(var(--d1)*1%),var(--c2,#5a6b7a) calc(var(--d1)*1%) calc((var(--d1)+var(--d2))*1%),var(--c3,#7c6bcf) calc((var(--d1)+var(--d2))*1%) calc((var(--d1)+var(--d2)+var(--d3))*1%),var(--c4,#4a90d9) calc((var(--d1)+var(--d2)+var(--d3))*1%) 100%);position:relative}.analytics-donut::after{content:"";position:absolute;inset:24%;border-radius:50%;background:#fff}.analytics-donut-center{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:28%;font-size:10px;line-height:1.5;color:#5f6d78;font-weight:700;z-index:1}.analytics-donut-center strong{display:block;font-size:13px;color:#0b2a40;font-weight:900}.analytics-legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.analytics-legend li{display:flex;align-items:center;gap:8px;font-size:12px;color:#5f6d78;font-weight:600;direction:rtl}.analytics-legend li span{margin-right:auto;font-weight:800;color:#0b2a40}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;flex-shrink:0}.dot.crypto{background:#2ec4a0}.dot.forex{background:#d6a442}.dot.gold{background:#c9a86a}.dot.iran{background:#5a6b7a}.dot.other{background:#d8dee3}.dot.btc{background:#d6a442}.dot.eth{background:#5a6b7a}.dot.sol{background:#7c6bcf}.dot.alt{background:#4a90d9}.analytics-table-card{padding:20px 22px;border:1px solid rgba(11,42,64,.06);border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(15,35,50,.07)}.analytics-table-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;direction:rtl;margin-bottom:12px;text-align:right;min-height:44px}.analytics-table-head-main{display:flex;align-items:flex-start;gap:12px;flex:1}.analytics-table-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:var(--gold-metal);color:#1a3242;font-size:17px;flex-shrink:0}.analytics-table-head h3{margin:0 0 5px;font-size:15px;font-weight:900;color:#0b2a40}.analytics-table-head p{margin:0;font-size:11px;color:#5f6d78;line-height:1.65}.analytics-table-link{font-size:11px;font-weight:800;color:#0b2a40;white-space:nowrap;align-self:center;display:inline-flex;align-items:center;gap:4px}.analytics-table-wrap{overflow-x:auto;border-radius:10px;border:1px solid rgba(11,42,64,.06)}.analytics-table{width:100%;border-collapse:collapse;direction:rtl;font-size:12px;background:#fff}.analytics-table thead th{padding:11px 12px;background:#f3f5f7;font-size:11px;color:#8a97a3;font-weight:700;text-align:right;border-bottom:1px solid rgba(11,42,64,.06)}.analytics-table tbody td{padding:13px 12px;border-bottom:1px solid rgba(11,42,64,.06);text-align:right;vertical-align:middle;color:#0b2a40}.analytics-table tbody tr:last-child td{border-bottom:0}.analytics-room-cell{display:inline-flex;align-items:center;gap:10px;font-weight:700;white-space:nowrap}.analytics-room-icon,.analytics-coin-icon{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:14px;flex-shrink:0}.analytics-room-icon.crypto,.analytics-coin-icon.btc{background:rgba(46,196,160,.15);color:#1fa784}.analytics-room-icon.forex{background:rgba(214,164,66,.18);color:#a97424}.analytics-room-icon.gold{background:rgba(201,168,106,.22);color:#9d6e1f}.analytics-room-icon.iran{background:rgba(142,155,164,.2);color:#4a5f6d}.analytics-coin-icon.eth{background:rgba(90,107,122,.15);color:#4a5f6d}.analytics-coin-icon.sol{background:rgba(124,107,207,.15);color:#6b5bc7}.analytics-coin-icon.bnb{background:rgba(214,164,66,.18);color:#a97424}.analytics-bar-cell{min-width:190px}.analytics-bar{display:grid;grid-template-columns:1fr 36px;align-items:center;gap:8px;direction:rtl}.analytics-bar-track{height:7px;border-radius:999px;background:rgba(11,42,64,.08);overflow:hidden;order:1}.analytics-bar-track i{display:block;height:100%;width:calc(var(--v,50) * 1%);margin-right:0;margin-left:auto;border-radius:inherit;background:linear-gradient(270deg,#2ec4a0,#45d8b5)}.analytics-bar-val{font-size:11px;font-weight:800;color:#0b2a40;text-align:left;direction:ltr;order:2}.analytics-roi{color:#2ec4a0;font-weight:900;white-space:nowrap}.analytics-status{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;background:rgba(46,196,160,.12);color:#1fa784;font-size:10px;font-weight:800}.analytics-status i{width:6px;height:6px;border-radius:50%;background:#2ec4a0}.analytics-details-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:8px;border:1px solid rgba(11,42,64,.1);background:#fff;font-size:10px;font-weight:800;color:#0b2a40;cursor:pointer;font-family:inherit}.analytics-chart-card--dist #analyticsDistBody{min-height:200px;display:flex;align-items:center}
.analytics-table-card{padding:16px 18px}
.analytics-distribution-body{display:grid;grid-template-columns:1fr auto;align-items:center;gap:14px;direction:ltr;width:100%}
.analytics-legend li{display:flex;align-items:center;gap:8px;font-size:12px;color:#5f6d78;font-weight:600;direction:ltr;justify-content:flex-start}
.analytics-legend-name{flex:1;color:#5f6d78}
.analytics-legend-pct{font-weight:800;color:#0b2a40;direction:ltr}
.analytics-panel.is-dashboard .analytics-stats{direction:rtl;gap:8px}
.analytics-panel.is-dashboard .analytics-stat-card{position:relative;min-height:86px;padding:14px 12px 10px 12px;border-radius:18px;border:1px solid rgba(11,42,64,.05);box-shadow:0 4px 20px rgba(15,35,50,.05);align-items:flex-start;text-align:right;direction:rtl}
.analytics-panel.is-dashboard .analytics-stat-icon{position:absolute;top:10px;inset-inline-end:10px;margin:0;width:40px;height:40px;font-size:15px;border:1.5px solid #e8c878;background:radial-gradient(circle at 35% 28%,#fff 0%,#fff9ea 45%,#f3dc9a 100%);color:#a97424}
.analytics-panel.is-dashboard .analytics-stat-value{margin:0;padding-inline-end:46px;font-size:clamp(20px,1.75vw,26px);color:#1fa784!important}
.analytics-panel.is-dashboard .analytics-stat-label{font-size:10px;line-height:1.55;margin-top:4px;padding-inline-end:46px;color:#5f6d78;text-align:right;width:100%}
.analytics-panel.is-dashboard .analytics-stat-label small{display:none}
.analytics-panel.is-dashboard .analytics-charts{direction:rtl;grid-template-columns:minmax(220px,.74fr) minmax(0,1.26fr);gap:8px}
.analytics-panel.is-dashboard .analytics-chart-card{padding:14px 16px 12px;border-radius:18px;border:1px solid rgba(11,42,64,.05);box-shadow:0 4px 20px rgba(15,35,50,.05)}
.analytics-panel.is-dashboard .analytics-chart-title{margin-bottom:6px;font-size:12px;font-weight:800}
.analytics-chart-title-row{display:inline-flex;align-items:center;gap:6px;direction:rtl;width:100%;justify-content:flex-end}
.analytics-chart-title-row i{color:#c59d5f;font-size:13px}
.analytics-panel.is-dashboard #analyticsDistBody{min-height:158px}
.analytics-distribution-body--donut{grid-template-columns:auto 1fr!important;gap:12px 16px;align-items:center}
.analytics-panel.is-dashboard .analytics-donut-wrap{width:min(148px,36vw);height:min(148px,36vw);flex-shrink:0}
.analytics-panel.is-dashboard .analytics-donut{box-shadow:0 12px 28px rgba(11,42,64,.12),inset 0 -6px 14px rgba(0,0,0,.06);filter:drop-shadow(0 4px 8px rgba(197,157,95,.25))}
.analytics-panel.is-dashboard .analytics-donut::after{inset:17%;box-shadow:inset 0 2px 8px rgba(11,42,64,.06)}
.analytics-panel.is-dashboard .analytics-donut-center{font-size:10px;padding:24%;line-height:1.45}
.analytics-panel.is-dashboard .analytics-donut-center strong{font-size:16px;color:#0b2a40;margin-bottom:2px}
.analytics-legend--ref{direction:rtl;width:100%;gap:11px!important}
.analytics-legend--ref li{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;font-size:11px}
.analytics-legend-meta{display:inline-flex;align-items:center;gap:6px;color:#5f6d78;min-width:0}
.analytics-legend-asset{font-size:12px;color:#a97424;opacity:.85}
.analytics-legend--ref .analytics-legend-pct{font-size:12px;font-weight:800;color:#0b2a40;flex-shrink:0}
.analytics-legend--ref .analytics-legend-name{font-weight:600}
.analytics-panel.is-dashboard .analytics-badge--float{left:8px;right:auto;top:2px;background:rgba(46,196,160,.16);color:#1fa784;padding:5px 11px;font-size:11px}
.analytics-panel.is-dashboard #performanceChart{height:168px}
.analytics-panel.is-dashboard .analytics-chart-area{padding-top:2px}
#analyticsPanel.is-dashboard,#analyticsPanel.is-all-layout{gap:8px}
.analytics-panel.is-all-layout .analytics-charts{direction:rtl;grid-template-columns:minmax(210px,.76fr) minmax(0,1.24fr);gap:8px}
.analytics-panel.is-all-layout .analytics-chart-card{padding:12px 14px 10px;border-radius:16px;box-shadow:0 4px 14px rgba(15,35,50,.05)}
.analytics-panel.is-all-layout .analytics-chart-title{margin-bottom:6px;font-size:12px}
.analytics-panel.is-all-layout #analyticsDistBody{min-height:152px}
.analytics-panel.is-all-layout .analytics-rooms-inline-desc{margin:0 0 8px;font-size:10px;line-height:1.6;color:#5f6d78;text-align:right;direction:rtl}
.analytics-table-wrap--compact{border:0;border-radius:8px}
.analytics-table--compact thead th{padding:8px 10px;font-size:10px}
.analytics-table--compact tbody td{padding:9px 10px;font-size:11px}
.analytics-panel.is-all-layout .analytics-chart-card--rooms{min-height:152px}
.dot.eurusd{background:#4a90d9}.dot.gbpusd{background:#5a6b7a}.dot.usdjpy{background:#c45c5c}.dot.fxother{background:#7cb8e8}
.dot.gxau{background:#d6a442}.dot.g18{background:#c9a86a}.dot.emami{background:#9d7e3a}.dot.silver{background:#b8bcc4}
.dot.iran-usd{background:#c59d5f}.dot.iran-gold{background:#2ec4a0}.dot.iran-coin{background:#dbb978}.dot.iran-bourse{background:#4a90d9}
#analyticsPanel.is-iran-layout{gap:8px}
#analyticsPanel.is-iran-layout #analyticsStats,#analyticsPanel.is-iran-layout #analyticsChartsRow,#analyticsPanel.is-iran-layout #analyticsTableCard{display:none!important}
.iran-economy-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;direction:rtl;margin-bottom:4px}
.iran-economy-aside{margin:0;font-size:11px;line-height:1.65;color:#5f6d78;font-weight:600;text-align:right}
.iran-economy-date{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:12px;background:#fff;border:1px solid rgba(11,42,64,.08);box-shadow:0 4px 14px rgba(15,35,50,.05);font-size:11px;font-weight:700;color:#0b2a40;white-space:nowrap}
.iran-economy-date i{color:#a97424;font-size:14px}
.iran-economy-board{display:flex;flex-direction:column;gap:8px;direction:rtl}
.iran-economy-top{display:grid;grid-template-columns:1fr 1fr minmax(0,.95fr) minmax(0,.95fr);grid-template-rows:auto auto;gap:8px;align-items:stretch}
.iran-card{position:relative;overflow:hidden;border-radius:16px;background:#fff;border:1px solid rgba(11,42,64,.06);box-shadow:0 4px 20px rgba(15,35,50,.05);padding:14px 14px 12px;direction:rtl;text-align:right}
.iran-card--hero{grid-row:span 2;min-height:168px;display:flex;flex-direction:column;justify-content:space-between}
.iran-card__bg{position:absolute;inset:0;opacity:.12;pointer-events:none;background-size:cover;background-position:center}
.iran-card--dollar .iran-card__bg{background-image:linear-gradient(135deg,rgba(197,157,95,.35),transparent 55%),radial-gradient(circle at 20% 50%,rgba(46,196,160,.15),transparent 50%)}
.iran-card--stock .iran-card__bg{background-image:linear-gradient(225deg,rgba(74,144,217,.25),transparent 50%),linear-gradient(180deg,rgba(11,42,64,.08),transparent)}
.iran-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;position:relative;z-index:1}
.iran-card__title{margin:0;font-size:12px;font-weight:800;color:#0b2a40}
.iran-card__value{margin:6px 0 0;font-size:clamp(22px,2.2vw,28px);font-weight:900;color:#0b2a40;line-height:1.15;position:relative;z-index:1}
.iran-card__unit{font-size:11px;font-weight:600;color:#5f6d78;margin-right:4px}
.iran-card__sub{margin:4px 0 0;font-size:10px;line-height:1.55;color:#5f6d78;position:relative;z-index:1}
.iran-trend{display:inline-flex;align-items:center;gap:3px;padding:4px 9px;border-radius:999px;font-size:10px;font-weight:800;white-space:nowrap;flex-shrink:0}
.iran-trend.is-up{background:rgba(46,196,160,.14);color:#1fa784}
.iran-trend.is-down{background:rgba(220,80,70,.12);color:#d04a42}
.iran-card__foot{margin-top:auto;padding-top:10px;position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:8px}
.iran-card__foot span{font-size:10px;color:#5f6d78;font-weight:600;display:inline-flex;align-items:center;gap:5px}
.iran-card__foot i{color:#a97424}
.iran-card--mini{min-height:78px;padding:12px;display:flex;flex-direction:column;justify-content:space-between}
.iran-card--mini .iran-card__row{display:flex;align-items:flex-start;justify-content:space-between;gap:6px}
.iran-card__thumb{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#fff9ea,#f3dc9a);color:#a97424;font-size:16px;flex-shrink:0}
.iran-card__mini-value{margin:4px 0 0;font-size:13px;font-weight:900;color:#0b2a40;line-height:1.35}
.iran-card__mini-label{margin:0;font-size:10px;font-weight:700;color:#5f6d78;line-height:1.45}
.iran-economy-stack{display:flex;flex-direction:column;gap:8px;grid-row:span 2}
.iran-economy-bottom{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr) minmax(0,1fr);gap:8px}
.iran-card--chart{padding:12px 14px 10px}
.iran-card__chart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:8px;flex-wrap:wrap}
.iran-card__chart-head h3{margin:0;font-size:12px;font-weight:800;color:#0b2a40;line-height:1.5}
.iran-card__chart-head p{margin:4px 0 0;font-size:10px;color:#5f6d78;line-height:1.5}
.iran-chart-legend{display:flex;flex-wrap:wrap;gap:10px;font-size:10px;font-weight:600;color:#5f6d78}
.iran-chart-legend span{display:inline-flex;align-items:center;gap:5px}
.iran-select{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:8px;border:1px solid rgba(11,42,64,.1);background:#f8f9fb;font-size:10px;font-weight:700;color:#0b2a40;font-family:inherit;cursor:default}
#iranMarketsChart,#iranDollarSpark{width:100%;display:block}
#iranMarketsChart{height:160px}
#iranDollarSpark{height:36px;max-width:140px}
.iran-card--donut .analytics-distribution-body--donut{grid-template-columns:auto 1fr!important;gap:8px 12px}
.iran-card--donut .analytics-donut-wrap{width:min(118px,28vw);height:min(118px,28vw)}
.iran-card--donut #iranAnalysisDonut .analytics-donut-center strong{font-size:14px}
.iran-macro-list{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.iran-macro-list li{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:#5f6d78;font-weight:600;padding-bottom:10px;border-bottom:1px solid rgba(11,42,64,.06)}
.iran-macro-list li:last-child{border-bottom:0;padding-bottom:0}
.iran-macro-list strong{font-size:12px;color:#0b2a40;font-weight:800}
.iran-card__quote{margin:12px 0 0;padding-top:10px;border-top:1px solid rgba(11,42,64,.06);font-size:10px;line-height:1.65;color:#8a97a3;font-style:italic;text-align:right}
@media (max-width:1100px){.iran-economy-top{grid-template-columns:1fr 1fr}.iran-card--hero{grid-row:span 1;min-height:140px}.iran-economy-stack{grid-row:span 1}.iran-economy-bottom{grid-template-columns:1fr}}
@media (max-width:820px){.iran-economy-top{grid-template-columns:1fr}.iran-economy-toolbar{flex-direction:column;align-items:stretch;text-align:center}.iran-economy-aside{text-align:center}}
html[data-theme="dark"] .results-analytics{background:#061b29}html[data-theme="dark"] .analytics-title,html[data-theme="dark"] .analytics-chart-title,html[data-theme="dark"] .analytics-stat-value,html[data-theme="dark"] .analytics-table-head h3{color:var(--text)}html[data-theme="dark"] .analytics-tabs{background:rgba(255,255,255,.08)}html[data-theme="dark"] .analytics-tab:not(.active){background:rgba(255,255,255,.06);color:var(--muted);border-color:rgba(255,255,255,.08)}html[data-theme="dark"] .analytics-stat-card,html[data-theme="dark"] .analytics-chart-card,html[data-theme="dark"] .analytics-table-card{background:linear-gradient(165deg,rgba(13,46,67,.97),rgba(10,38,56,.94))}html[data-theme="dark"] .analytics-ring::before,html[data-theme="dark"] .analytics-donut::after{background:rgba(8,28,42,.9)}
.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.insight-card{padding:26px;border-radius:18px;border:1px solid var(--soft-border);background:var(--card-grad);position:relative;overflow:hidden}.insight-card::after{content:"";position:absolute;left:-40px;bottom:-50px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(230,184,92,.12),transparent 70%)}.insight-card>span{font-size:10px;color:var(--gold-2);font-weight:800}.insight-card h3{font-size:18px;line-height:1.6;margin:8px 0}.insight-card p{font-size:12px;color:var(--muted)}.insight-card a{font-size:12px;font-weight:800;color:var(--gold-2)}
.plans{background:var(--section-alt)}.billing-switch{display:flex;justify-content:center;gap:8px;margin-top:-24px;margin-bottom:28px}.billing-switch button span{font-size:9px;margin-right:5px}.plans-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:stretch}.plan-card{position:relative;padding:28px 22px;border:1px solid var(--soft-border);border-radius:20px;background:var(--surface);display:flex;flex-direction:column}.plan-card.featured{border:1px solid var(--gold-border);background:linear-gradient(180deg,rgba(247,215,129,.2),var(--surface));transform:translateY(-10px);box-shadow:0 20px 50px rgba(168,116,36,.16),0 0 0 1px rgba(247,215,129,.35);animation:feature-ring-pulse 4s ease-in-out infinite}.best-tag{position:absolute;top:-12px;left:50%;transform:translateX(-50%);overflow:hidden;color:#102534;border:1px solid var(--gold-border);border-radius:999px;padding:5px 14px;font-size:9px;font-weight:900;background:var(--gold-metal);box-shadow:var(--gold-glow),var(--gold-inset);animation:gold-btn-shine 4s ease-in-out infinite}.plan-name{font-size:10px;color:var(--gold-2);font-weight:800}.plan-card h3{font-size:20px;margin:4px 0 14px}.price{display:flex;align-items:flex-end;gap:5px;margin-bottom:18px}.price strong{font-size:27px}.price span{font-size:10px;color:var(--muted);padding-bottom:5px}.plan-card ul{list-style:none;padding:0;margin:0 0 22px;flex:1}.plan-card li{font-size:12px;color:var(--muted);margin:8px 0;padding-right:18px;position:relative}.plan-card li::before{content:"✓";position:absolute;right:0;color:var(--gold)}
.testimonials-section{position:relative;overflow:hidden;background:#f9f7f2;padding:56px 0 52px}.testimonials-media{position:absolute;inset:0;z-index:0;pointer-events:none}.testimonials-bg-img{width:100%;height:100%;object-fit:cover;object-position:center}.testimonials-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(249,247,242,.72) 0%,rgba(249,247,242,.55) 18%,rgba(249,247,242,.82) 55%,rgba(249,247,242,.94) 100%);pointer-events:none}
.section-edge::before,.section-edge::after{content:"";position:absolute;left:0;right:0;height:var(--section-edge-h);pointer-events:none;z-index:5}.section-edge::before{top:0}.section-edge::after{bottom:0}.edge-bottom-main::after{background:linear-gradient(to top,var(--bg) 0%,transparent 100%)}.edge-bottom-analytics::after{background:linear-gradient(to top,var(--edge-analytics) 0%,transparent 100%)}.edge-bottom-testimonials::after{background:linear-gradient(to top,var(--edge-testimonials) 0%,transparent 100%)}.edge-top-markets::before{background:linear-gradient(to bottom,var(--edge-analytics) 0%,transparent 100%)}.edge-top-analytics::before{background:linear-gradient(to bottom,var(--edge-analytics) 0%,transparent 100%)}.edge-bottom-plans::after{background:linear-gradient(to top,var(--section-alt) 0%,transparent 100%)}.edge-top-testimonials::before{background:linear-gradient(to bottom,var(--section-alt) 8%,transparent 100%)}.edge-bottom-main.plans::after,.plans.edge-bottom-main::after{background:linear-gradient(to top,var(--bg) 0%,transparent 100%)}.edge-top-plans::before{background:linear-gradient(to bottom,var(--bg) 0%,transparent 100%)}.edge-bottom-faq::after{background:linear-gradient(to top,var(--section-alt) 0%,transparent 100%)}.edge-top-insights::before{background:linear-gradient(to bottom,var(--section-alt) 0%,transparent 100%)}html[data-theme="dark"] .testimonials-scrim{background:linear-gradient(180deg,rgba(6,27,41,.78) 0%,rgba(6,27,41,.58) 20%,rgba(6,27,41,.82) 58%,rgba(6,27,41,.94) 100%)}.testimonials-inner{position:relative;z-index:2}.testimonials-head{text-align:center;max-width:720px;margin:0 auto 22px}.testimonials-head h2{margin:0;font-size:clamp(22px,2.5vw,34px);font-weight:900;color:#0b2a40}.testimonials-sub{margin:10px auto 0;font-size:13px;line-height:1.85;color:#5f6d78;font-weight:500}.testimonials-carousel{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-height:280px}.testimonials-track{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr) minmax(0,1fr);gap:14px;align-items:center;width:100%;max-width:980px;margin:0 auto;direction:rtl}.testimonials-nav{width:42px;height:42px;border-radius:50%;border:1px solid rgba(197,157,95,.45);background:rgba(255,255,255,.82);color:#a97424;display:grid;place-items:center;cursor:pointer;flex-shrink:0;box-shadow:0 4px 16px rgba(15,35,50,.06);transition:var(--transition);font-size:18px}.testimonials-nav:hover{border-color:var(--gold-border);box-shadow:var(--gold-glow)}.testimonial-card{position:relative;border-radius:18px;background:#fff;border:1px solid rgba(11,42,64,.06);box-shadow:0 8px 28px rgba(15,35,50,.06);padding:18px 18px 16px;direction:rtl;text-align:right;display:flex;flex-direction:column;min-height:248px;transition:transform .45s ease,box-shadow .45s ease,opacity .45s ease,border-color .45s ease}.testimonial-card.is-side{transform:scale(.94);opacity:.88;min-height:230px}.testimonial-card.is-center{transform:scale(1);min-height:268px;border-color:rgba(197,157,95,.45);box-shadow:0 14px 40px rgba(168,116,36,.14),0 0 0 1px rgba(247,215,129,.25)}.testimonial-quote{position:absolute;top:12px;left:16px;font-size:42px;line-height:1;font-family:Georgia,serif;color:rgba(197,157,95,.35);pointer-events:none;user-select:none}.testimonial-card.is-side .testimonial-quote{color:rgba(11,42,64,.08)}.testimonial-card__top{display:flex;align-items:center;justify-content:flex-start;gap:10px;margin-bottom:12px;position:relative;z-index:1}.testimonial-avatar{width:46px;height:46px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid rgba(255,255,255,.9);box-shadow:0 4px 12px rgba(15,35,50,.1)}.testimonial-avatar--initial{display:grid;place-items:center;background:linear-gradient(145deg,#fff9ea,#f3dc9a);color:#a97424;font-weight:900;font-size:16px}.testimonial-stars{display:inline-flex;gap:2px;color:#d6a442;font-size:11px}.testimonial-body{flex:1;position:relative;z-index:1;margin-bottom:14px}.testimonial-text{margin:0;font-size:12px;line-height:2;color:#4a5f6d;font-weight:500}.testimonial-voice{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#f8f6f1;border:1px solid rgba(11,42,64,.06)}.testimonial-voice-play{width:36px;height:36px;border-radius:50%;border:0;background:var(--gold-metal);color:#1a3242;display:grid;place-items:center;cursor:pointer;flex-shrink:0;box-shadow:var(--gold-inset)}.testimonial-voice-track{flex:1;height:6px;border-radius:999px;background:rgba(11,42,64,.08);overflow:hidden}.testimonial-voice-track i{display:block;height:100%;width:35%;background:linear-gradient(270deg,#2ec4a0,#45d8b5);border-radius:inherit}.testimonial-voice time{font-size:10px;color:#8a97a3;font-weight:700;direction:ltr}.testimonial-media{margin:0;border-radius:12px;overflow:hidden;border:1px solid rgba(11,42,64,.06)}.testimonial-media-btn{position:relative;display:block;width:100%;padding:0;border:0;background:#eef1f4;cursor:pointer}.testimonial-media-btn img{width:100%;height:120px;object-fit:cover;display:block}.testimonial-media-btn span{position:absolute;inset:0;display:grid;place-items:center;background:rgba(11,42,64,.25);color:#fff;font-size:32px}.testimonial-card__foot{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:auto;position:relative;z-index:1}.testimonial-person strong{display:block;font-size:13px;color:#0b2a40;font-weight:800}.testimonial-person span{display:block;margin-top:3px;font-size:10px;color:#8a97a3;font-weight:600}.testimonial-member{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;background:rgba(247,215,129,.22);border:1px solid rgba(197,157,95,.35);font-size:9px;font-weight:800;color:#8a6b2a;white-space:nowrap}.testimonial-member i{color:#a97424}.testimonials-social{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:22px;direction:rtl;flex-wrap:wrap}.testimonials-avatars{display:flex;align-items:center;padding-right:6px}.testimonials-avatar-chip{width:34px;height:34px;border-radius:50%;margin-right:-10px;border:2px solid #fff;display:grid;place-items:center;background:linear-gradient(145deg,#fff9ea,#f3dc9a);color:#a97424;font-size:11px;font-weight:900;box-shadow:0 4px 10px rgba(15,35,50,.08)}.testimonials-avatar-more{width:34px;height:34px;border-radius:50%;margin-right:-4px;border:2px solid #fff;display:grid;place-items:center;background:#fff;color:#a97424;font-size:9px;font-weight:900;box-shadow:0 4px 10px rgba(15,35,50,.08)}.testimonials-social-copy{text-align:right}.testimonials-social-copy strong{display:block;font-size:14px;color:#0b2a40;font-weight:900}.testimonials-social-copy span{display:block;margin-top:3px;font-size:11px;color:#5f6d78;font-weight:600}html[data-theme="dark"] .testimonials-section{background:#061b29}html[data-theme="dark"] .testimonials-scrim{background:linear-gradient(180deg,rgba(6,27,41,.65) 0%,rgba(6,27,41,.88) 50%,rgba(6,27,41,.94) 100%)}html[data-theme="dark"] .testimonials-head h2,html[data-theme="dark"] .testimonial-person strong,html[data-theme="dark"] .testimonials-social-copy strong{color:var(--text)}html[data-theme="dark"] .testimonial-card{background:linear-gradient(165deg,rgba(13,46,67,.97),rgba(10,38,56,.94))}html[data-theme="dark"] .testimonials-nav{background:rgba(10,38,56,.92)}
@media (max-width:900px){.testimonials-track{grid-template-columns:1fr;max-width:min(420px,100%)}.testimonial-card.is-side{display:none}.testimonial-card.is-center{transform:none;min-height:250px}.testimonials-carousel{min-height:270px}.testimonials-nav{width:38px;height:38px}}
@media (max-width:560px){.testimonials-section{padding:48px 0 44px}.testimonials-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3}.testimonials-nav--prev{right:0}.testimonials-nav--next{left:0}.testimonials-carousel{padding:0 34px}.testimonials-social{flex-direction:column;text-align:center}.testimonials-social-copy{text-align:center}}
.faq{background:var(--section-alt)}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.faq details{border:1px solid var(--soft-border);border-radius:14px;background:var(--surface);padding:0 18px}.faq summary{list-style:none;cursor:pointer;padding:16px 0;font-weight:700;font-size:13px;display:flex;justify-content:space-between;align-items:center}.faq summary::-webkit-details-marker{display:none}.faq summary i{color:var(--gold);transition:var(--transition)}.faq details[open] summary i{transform:rotate(45deg)}.faq details p{margin:0 0 16px;color:var(--muted);font-size:12px;line-height:2}.final-cta{padding:72px 0;background:linear-gradient(135deg,var(--surface),var(--bg));border-top:1px solid var(--soft-border)}.cta-grid{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:45px}.cta-visual{min-height:210px;border-radius:22px;overflow:hidden;border:1px solid var(--soft-border);position:relative}.cta-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.site-footer{padding:56px 0 26px;background:#041722;color:#eef5f8;border-top:1px solid rgba(230,184,92,.2)}html[data-theme="light"] .site-footer{background:#0a2536}.footer-grid{display:grid;grid-template-columns:1.6fr .7fr .7fr 1fr;gap:35px}.site-footer p,.site-footer small{color:#9fb1bd;font-size:11px;max-width:320px}.site-footer h3{font-size:13px;color:#f2d17e}.site-footer>div a:not(.brand){display:block;color:#c1cdd4;font-size:11px;margin:6px 0}.socials{display:flex;gap:7px;margin:10px 0}.socials a{width:36px;height:36px;border:1px solid rgba(255,255,255,.12);border-radius:10px;display:grid!important;place-items:center}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.08);padding-top:20px;margin-top:30px;color:#8fa4b0;font-size:10px}.mobile-sticky-cta{display:none}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(45,207,137,.55)}70%{box-shadow:0 0 0 10px rgba(45,207,137,0)}100%{box-shadow:0 0 0 0 rgba(45,207,137,0)}}@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes radar{0%{transform:scale(.55);opacity:1}100%{transform:scale(1.35);opacity:0}}@keyframes fade{from{opacity:.3;transform:translateX(-10px)}to{opacity:1;transform:none}}@keyframes gold-shimmer{0%,62%,100%{left:-85%;opacity:0}6%{opacity:.85}28%{left:135%;opacity:.9}42%{opacity:0}}@keyframes gold-btn-flash{0%,58%,100%{background-position:240% 0,0 0}22%{background-position:-40% 0,0 0}}@keyframes gold-btn-shine{0%,72%,100%{background-position:180% 0,0 0}38%{background-position:-80% 0,0 0}}@keyframes gold-ghost-sweep{0%,70%,100%{transform:translateX(-120%)}35%{transform:translateX(120%)}}@keyframes nav-gold-glow{0%,100%{box-shadow:0 0 8px rgba(230,184,92,.45)}50%{box-shadow:0 0 14px rgba(245,215,139,.75),0 0 22px rgba(230,184,92,.35)}}@keyframes feature-ring-pulse{0%,100%{box-shadow:0 8px 22px rgba(168,116,36,.2),inset 0 1px 0 rgba(255,255,255,.9),0 0 0 4px rgba(247,215,129,.22)}50%{box-shadow:0 10px 26px rgba(168,116,36,.28),inset 0 1px 0 rgba(255,255,255,.95),0 0 0 6px rgba(247,215,129,.38)}}
@media (max-width:1100px){.desktop-nav{gap:10px}.desktop-nav a{font-size:11px}.nav-actions .btn-login,.nav-actions .btn-gold{display:none}.hero-copy{width:min(520px,52vw)}.hero-copy h1{font-size:44px}.hero-features{gap:10px}.hero-features>div>span:last-child{font-size:10px}.live-layout{grid-template-columns:minmax(0,42%) minmax(0,1fr)}.live-copy h2{font-size:clamp(15px,1.7vw,24px)}.rooms-board{grid-template-columns:repeat(2,minmax(220px,268px))}.rooms-board .room-card:nth-child(5),.rooms-board .room-card:nth-child(6){grid-column:auto}.about-grid{grid-template-columns:1fr 1.1fr;gap:24px}.about-spacer{display:none}.room-panel-inner{grid-template-columns:1fr;gap:18px;padding:24px 20px}.room-divider{width:100%;height:1px;margin:0;background:repeating-linear-gradient(to right,rgba(11,42,64,.22) 0 5px,transparent 5px 11px)}.room-main{text-align:center;padding-left:0}.room-main p{margin-inline:auto}.room-main h3{white-space:normal;font-size:22px}.markets-section-title{white-space:normal}.plans-grid{grid-template-columns:repeat(2,1fr)}.plan-card.featured{transform:none}.footer-grid{grid-template-columns:1.3fr 1fr 1fr}}
@media (max-width:820px){.section-pad{padding:72px 0}.container{width:min(100% - 28px,var(--container))}.desktop-nav{display:none}.mobile-menu-btn{display:grid}.mobile-nav.open{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 20px 18px;border-top:1px solid var(--soft-border)}.mobile-nav a{padding:10px 12px;border:1px solid var(--soft-border);border-radius:10px;background:var(--surface);font-size:12px}.hero{padding:28px 0 24px;min-height:auto}.hero-inner{min-height:0;justify-content:center}.hero-copy{width:100%;text-align:center}.hero-copy>p{margin-inline:auto}.hero-actions{justify-content:center}.hero-features{grid-template-columns:repeat(2,1fr);max-width:420px;margin-inline:auto}.hero-bg-img{object-position:35% center}html[data-theme="light"]{--hero-scrim:linear-gradient(180deg,rgba(251,248,241,.15) 0%,rgba(251,248,241,.88) 42%,#fbf8f1 68%);--live-scrim:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.96) 22%,rgba(255,255,255,.55) 38%,transparent 58%)}html[data-theme="dark"]{--hero-scrim:linear-gradient(180deg,rgba(6,27,41,.2) 0%,rgba(6,27,41,.88) 45%,#061b29 70%);--live-scrim:linear-gradient(90deg,rgba(6,27,41,.92) 0%,rgba(6,27,41,.72) 24%,rgba(6,27,41,.35) 40%,transparent 58%)}.live-section{height:auto;min-height:520px;padding:48px 0}.live-bg-img{object-fit:contain;object-position:center top;background:#eef0f3}.live-layout{height:auto;min-height:420px;grid-template-columns:1fr;row-gap:24px}.live-aside{max-width:480px;margin-inline:auto;align-items:center;text-align:center}.live-copy h2{white-space:normal;line-height:1.35}.live-channels{justify-content:center;flex-wrap:wrap}.live-channel{opacity:1;transform:none}.live-notif-stack{grid-column:1;width:min(360px,100%);margin:0 auto;min-height:0;display:flex;flex-direction:column;gap:10px;margin-inline-start:0}.live-notif-card.fn-a,.live-notif-card.fn-b,.live-notif-card.fn-c{position:relative;top:auto!important;margin-bottom:0;animation:none!important}.live-handwriting{display:none}.proof-grid,.cta-grid{grid-template-columns:1fr}.market-strip{grid-template-columns:1fr 1fr}.market-strip>div:nth-child(2){border-left:0}.market-strip>div:nth-child(-n+2){border-bottom:1px solid var(--soft-border)}.about-grid{grid-template-columns:1fr;direction:rtl;gap:28px}.about-stats{max-width:420px;margin-inline:auto}.about-spacer{display:none}.about-copy{text-align:center}html[data-theme="light"]{--about-scrim:radial-gradient(ellipse 95% 88% at 50% 48%,#fff 0%,rgba(255,255,255,.96) 35%,rgba(255,255,255,.72) 55%,transparent 85%)}html[data-theme="dark"]{--about-scrim:radial-gradient(ellipse 95% 88% at 50% 48%,rgba(8,28,42,.95) 0%,rgba(8,28,42,.85) 38%,rgba(8,28,42,.5) 58%,transparent 88%)}.rooms-board{grid-template-columns:minmax(0,1fr);max-width:360px}.rooms-board .room-card:nth-child(5),.rooms-board .room-card:nth-child(6){grid-column:auto}.live-copy{text-align:center}.channel-list{justify-content:center}.feature-checks{text-align:right;max-width:460px;margin-inline:auto}.notification-stage{min-height:420px}.room-panel{grid-template-columns:1fr}.room-decoration{display:none}.analytics-charts{grid-template-columns:1fr}.analytics-stats{grid-template-columns:1fr 1fr}.insight-grid{grid-template-columns:1fr}.faq-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.cta-copy{text-align:center}.cta-copy .hero-actions{justify-content:center}}
@media (max-width:560px){body{padding-bottom:68px}.site-header .nav-shell{height:68px}.brand-copy strong{font-size:18px}.brand-copy small{display:none}.brand-mark{width:36px;height:36px}.theme-toggle{display:grid}.hero-copy h1{font-size:32px;letter-spacing:-.8px}.hero-copy>p{font-size:14px}.hero-actions .btn{width:100%}.hero-features{gap:8px}.feature-icon{width:46px;height:46px;font-size:18px}.hero-features>div>span:last-child{font-size:9px;max-width:100px}.market-strip{margin-top:20px}.market-strip>div{padding:12px 10px;grid-template-columns:auto 1fr}.market-strip strong{font-size:12px}.market-strip em{grid-column:2}.section-head{margin-bottom:30px}.section-head h2,.about-copy h2,.live-copy h2,.testimonials-head h2,.cta-copy h2{font-size:28px}.about-stats{grid-template-columns:1fr 1fr}.stat-card{padding:18px 12px}.stat-card strong{font-size:20px}.live-section{min-height:auto;height:auto;padding:48px 0 56px}.live-notif-stack{grid-column:1;justify-self:center;margin-inline-start:0;width:min(360px,100%)}.room-tabs{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}.room-tab{white-space:nowrap;padding:9px 16px}.room-panel{min-height:390px}.room-content{padding:32px 16px}.room-content h3{font-size:25px}.analytics-stats{grid-template-columns:1fr 1fr}.analytics-stat{min-height:130px;padding:16px 12px}.plans-grid{grid-template-columns:1fr}.proof-numbers{justify-content:center}.testimonial-slider{padding:22px;min-height:320px}.footer-grid{grid-template-columns:1fr 1fr;gap:24px}.footer-bottom{flex-direction:column;text-align:center}.mobile-sticky-cta{display:flex;position:fixed;z-index:90;bottom:12px;left:14px;right:14px;height:48px;align-items:center;justify-content:center;gap:8px;border-radius:var(--btn-radius);border:1px solid var(--gold-border);background-image:linear-gradient(105deg,transparent 0%,rgba(255,255,255,.5) 50%,transparent 100%),var(--gold-metal);background-size:220% 100%,100% 100%;animation:gold-btn-flash 3.4s cubic-bezier(.4,0,.2,1) infinite;color:#102534;font-weight:900;box-shadow:var(--gold-glow),var(--gold-inset);overflow:hidden} }
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.btn-gold,.btn-gold::after,.btn-outline-gold::before,.feature-icon,.feature-icon::after,.brand-mark::after,.room-tab.active,.room-tab:hover,.billing-switch button.active,.best-tag,.plan-card.featured,.desktop-nav a.active::after,.mobile-sticky-cta{animation:none!important}.btn-gold,.mobile-sticky-cta{background-image:var(--gold-metal)!important;background-size:100% 100%!important}}

/* Exact shared header geometry across home, markets and coin detail pages */
.crypto-page .site-header .nav-shell,.coin-page .site-header .nav-shell{width:min(1240px,calc(100% - 40px));margin-inline:auto}
.crypto-page .site-header .nav-shell,.coin-page .site-header .nav-shell{height:76px;gap:18px}
.crypto-page .site-header .brand,.coin-page .site-header .brand{gap:11px}
.crypto-page .site-header .brand-copy strong,.coin-page .site-header .brand-copy strong{font-size:21px!important;font-weight:900;letter-spacing:-.3px}
.crypto-page .site-header .brand-copy small,.coin-page .site-header .brand-copy small{font-size:10px!important;margin-top:3px}
.crypto-page .site-header .desktop-nav,.coin-page .site-header .desktop-nav{gap:22px!important;padding-inline:8px;margin-inline:auto;flex:1}
.crypto-page .site-header .desktop-nav>a,.crypto-page .site-header .desktop-nav .site-menu__trigger,.coin-page .site-header .desktop-nav>a,.coin-page .site-header .desktop-nav .site-menu__trigger{font-size:13px!important;padding:6px 2px}
.crypto-page .site-header .nav-actions,.coin-page .site-header .coin-nav-actions{gap:8px}
.crypto-page .site-header .icon-btn{width:40px;height:40px;border-radius:10px}
@media(max-width:1100px) and (min-width:701px){.crypto-page .site-header .desktop-nav,.coin-page .site-header .desktop-nav{gap:10px!important}.crypto-page .site-header .desktop-nav>a,.crypto-page .site-header .desktop-nav .site-menu__trigger,.coin-page .site-header .desktop-nav>a,.coin-page .site-header .desktop-nav .site-menu__trigger{font-size:11px!important}}
@media(max-width:560px){.crypto-page .site-header .nav-shell,.coin-page .site-header .nav-shell{width:calc(100% - 24px);height:68px}.crypto-page .site-header .brand-copy strong,.coin-page .site-header .brand-copy strong{font-size:18px!important}}


/* --- css/section-separators.css --- */
/* Section dividers — gradient blend + gold ornament (no overlapping SVG blocks) */
html[data-theme="light"] {
  --sep-about: #f6f7f9;
  --sep-rooms: #eef1f4;
  --sep-live: #eef0f3;
  --sep-analytics: #eef1f4;
  --bridge-rooms-analytics: #eef1f4;
  --sep-testimonials: #f9f7f2;
  --sep-plans: #f6f0e5;
  --sep-main: #fbf8f1;
  --sep-alt: #f6f0e5;
  --sep-cta: #fffdf9;
}

html[data-theme="dark"] {
  --sep-about: #061b29;
  --sep-rooms: #061b29;
  --sep-live: #061b29;
  --sep-analytics: #061b29;
  --bridge-rooms-analytics: #061b29;
  --sep-testimonials: #061b29;
  --sep-plans: #071f2f;
  --sep-main: #061b29;
  --sep-alt: #071f2f;
  --sep-cta: #0a2638;
}

.section-divider {
  position: relative;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: center;
  --divider-feather: clamp(10px, 1.6vw, 20px);
  min-height: clamp(32px, 3.5vw, 40px);
  margin-block: 0;
  padding: clamp(6px, 1vw, 10px) 0;
  pointer-events: none;
  overflow: visible;
  isolation: isolate;
  flex-shrink: 0;
  background: transparent;
}

/* Feathered vertical blend — no hard top/bottom box edge */
.section-divider::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  z-index: 0;
  top: calc(-1 * var(--divider-feather));
  bottom: calc(-1 * var(--divider-feather));
  background: linear-gradient(
    180deg,
    var(--div-from) 0%,
    var(--div-from) 6%,
    color-mix(in srgb, var(--div-from) 72%, var(--div-to) 28%) 32%,
    color-mix(in srgb, var(--div-from) 50%, var(--div-to) 50%) 50%,
    color-mix(in srgb, var(--div-from) 28%, var(--div-to) 72%) 68%,
    var(--div-to) 94%,
    var(--div-to) 100%
  );
  -webkit-mask-image: linear-gradient(
    180deg,
    transparent 0%,
    rgba(0, 0, 0, 0.35) 12%,
    #000 28%,
    #000 72%,
    rgba(0, 0, 0, 0.35) 88%,
    transparent 100%
  );
  mask-image: linear-gradient(
    180deg,
    transparent 0%,
    rgba(0, 0, 0, 0.35) 12%,
    #000 28%,
    #000 72%,
    rgba(0, 0, 0, 0.35) 88%,
    transparent 100%
  );
  pointer-events: none;
}

html[data-theme="dark"] .section-divider::before {
  -webkit-mask-image: linear-gradient(
    180deg,
    transparent 0%,
    rgba(0, 0, 0, 0.2) 10%,
    #000 24%,
    #000 76%,
    rgba(0, 0, 0, 0.2) 90%,
    transparent 100%
  );
  mask-image: linear-gradient(
    180deg,
    transparent 0%,
    rgba(0, 0, 0, 0.2) 10%,
    #000 24%,
    #000 76%,
    rgba(0, 0, 0, 0.2) 90%,
    transparent 100%
  );
}

.section-divider::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  height: 1px;
  transform: translateY(-50%);
  z-index: 1;
  opacity: 0.65;
  background: linear-gradient(
    90deg,
    transparent 0%,
    rgba(212, 168, 74, 0.06) 20%,
    rgba(245, 215, 129, 0.18) 50%,
    rgba(212, 168, 74, 0.06) 80%,
    transparent 100%
  );
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 14%, #000 86%, transparent),
    linear-gradient(180deg, transparent 15%, #000 45%, #000 55%, transparent 85%);
  mask-image: linear-gradient(90deg, transparent, #000 14%, #000 86%, transparent),
    linear-gradient(180deg, transparent 15%, #000 45%, #000 55%, transparent 85%);
  -webkit-mask-composite: source-in;
  mask-composite: intersect;
  pointer-events: none;
}

.section-divider__glow {
  position: absolute;
  left: 50%;
  top: 50%;
  width: min(380px, 68vw);
  height: clamp(40px, 5vw, 56px);
  transform: translate(-50%, -50%);
  background: radial-gradient(
    ellipse at center,
    rgba(245, 215, 129, 0.28) 0%,
    rgba(230, 184, 92, 0.12) 42%,
    transparent 72%
  );
  filter: blur(12px);
  opacity: 0.9;
  z-index: 1;
}

html[data-theme="dark"] .section-divider__glow {
  background: radial-gradient(ellipse at center, rgba(230, 184, 92, 0.14) 0%, transparent 70%);
}

.section-divider__inner {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(12px, 2.5vw, 22px);
  width: 100%;
  max-width: min(640px, 88vw);
  margin-inline: auto;
  padding-inline: 16px;
}

.section-divider__line {
  flex: 1;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, rgba(212, 168, 74, 0.35), rgba(245, 215, 129, 0.85), rgba(212, 168, 74, 0.35), transparent);
  position: relative;
  overflow: hidden;
}

.section-divider__line::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.75) 50%, transparent 100%);
  transform: translateX(-120%);
  animation: divider-line-shine 5.5s ease-in-out infinite;
}

@keyframes divider-line-shine {
  0%,
  42%,
  100% {
    transform: translateX(-120%);
    opacity: 0;
  }
  52% {
    opacity: 1;
  }
  68% {
    transform: translateX(120%);
    opacity: 0.85;
  }
}

.section-divider__line::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 6px;
  height: 6px;
  transform: translate(-50%, -50%) rotate(45deg);
  background: linear-gradient(145deg, #fff6da, #e6b85c);
  box-shadow: 0 0 10px rgba(230, 184, 92, 0.55);
}

.section-divider__gem {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  background: radial-gradient(circle at 35% 28%, #fff 0%, #fff9ea 45%, #f3dc9a 100%);
  border: 1px solid rgba(201, 146, 47, 0.55);
  box-shadow: 0 0 0 4px rgba(247, 215, 129, 0.18), 0 8px 20px rgba(168, 116, 36, 0.22);
  animation: divider-gem-pulse 4s ease-in-out infinite;
}

.section-divider__gem i {
  font-size: 11px;
  color: #a97424;
  filter: drop-shadow(0 0 4px rgba(230, 184, 92, 0.45));
}

html[data-theme="dark"] .section-divider__gem {
  background: radial-gradient(circle at 35% 28%, #1a3242 0%, #0d2e43 55%, #0a2638 100%);
  border-color: rgba(230, 184, 92, 0.45);
  box-shadow: 0 0 0 4px rgba(230, 184, 92, 0.1), 0 8px 24px rgba(0, 0, 0, 0.35);
}

html[data-theme="dark"] .section-divider__gem i {
  color: #e6b85c;
}

@keyframes divider-gem-pulse {
  0%,
  100% {
    box-shadow: 0 0 0 4px rgba(247, 215, 129, 0.18), 0 8px 20px rgba(168, 116, 36, 0.22);
  }
  50% {
    box-shadow: 0 0 0 7px rgba(247, 215, 129, 0.28), 0 10px 26px rgba(168, 116, 36, 0.32);
  }
}

.section-divider--to-about {
  --div-from: var(--bg);
  --div-to: var(--sep-about);
}

.section-divider--to-rooms {
  --div-from: var(--sep-about);
  --div-to: var(--sep-rooms);
}

.section-divider--to-analytics {
  --div-from: var(--sep-rooms);
  --div-to: var(--bridge-rooms-analytics);
  --divider-feather: clamp(26px, 4.2vw, 48px);
}

/* Rooms → results: soft bridge (photo to pattern), not a flat cut */
.section-divider--to-analytics::before {
  opacity: 1;
  background: linear-gradient(
    180deg,
    var(--sep-rooms) 0%,
    var(--sep-rooms) 18%,
    color-mix(in srgb, var(--sep-rooms) 88%, #f0f2f5 12%) 52%,
    color-mix(in srgb, var(--sep-rooms) 78%, #f0f2f5 22%) 72%,
    color-mix(in srgb, var(--sep-rooms) 92%, #e8ecf0 8%) 100%
  );
  -webkit-mask-image: linear-gradient(
    180deg,
    transparent 0%,
    rgba(0, 0, 0, 0.45) 8%,
    #000 22%,
    #000 78%,
    rgba(0, 0, 0, 0.45) 92%,
    transparent 100%
  );
  mask-image: linear-gradient(
    180deg,
    transparent 0%,
    rgba(0, 0, 0, 0.45) 8%,
    #000 22%,
    #000 78%,
    rgba(0, 0, 0, 0.45) 92%,
    transparent 100%
  );
}

html[data-theme="dark"] .section-divider--to-analytics::before {
  background: linear-gradient(
    180deg,
    #061b29 0%,
    #061b29 20%,
    color-mix(in srgb, #061b29 85%, #071f2f 15%) 55%,
    #071f2f 100%
  );
}

.section-divider--to-analytics .section-divider__glow {
  opacity: 0.65;
  height: clamp(36px, 5vw, 52px);
}

.section-divider--to-live {
  --div-from: var(--sep-analytics);
  --div-to: var(--sep-live);
}

.section-divider--to-results {
  --div-from: var(--sep-analytics);
  --div-to: var(--sep-analytics);
}

/* Same-tone transitions: ornament only, no extra haze */
.section-divider--to-results::before {
  opacity: 0;
}

.section-divider--to-testimonials {
  --div-from: var(--sep-live);
  --div-to: var(--sep-testimonials);
}

.section-divider--to-plans {
  --div-from: var(--sep-testimonials);
  --div-to: var(--sep-plans);
}

.section-divider--to-main {
  --div-from: var(--sep-plans);
  --div-to: var(--sep-main);
}

.section-divider--to-alt {
  --div-from: var(--sep-main);
  --div-to: var(--sep-alt);
}

.section-divider--to-cta {
  --div-from: var(--sep-alt);
  --div-to: var(--sep-cta);
}

.section-after-divider {
  position: relative;
  z-index: 2;
}

/* Content breathes; divider stays a thin strip between sections */
.section-pad {
  padding-block: clamp(56px, 6.5vw, 80px);
}

section:has(+ .section-divider) {
  margin-bottom: 0;
}

section.section-pad:has(+ .section-divider) {
  padding-bottom: clamp(52px, 6vw, 72px) !important;
}

section.section-after-divider.section-pad,
section.section-after-divider.plans {
  padding-top: clamp(52px, 6vw, 72px) !important;
}

section.live-section:has(+ .section-divider) {
  padding-bottom: clamp(44px, 5vw, 60px) !important;
}

.live-section {
  position: relative;
  z-index: 2;
  padding-top: clamp(40px, 4.5vw, 56px);
  padding-bottom: clamp(40px, 4.5vw, 56px);
  box-sizing: border-box;
  min-height: clamp(400px, calc(100vw * 363 / 2167 + 112px), 548px) !important;
  height: auto !important;
}

/* Modest boundary fades — must not swallow section content */
section:has(+ .section-divider) .about-media::after,
section:has(+ .section-divider) .rooms-media::after,
section.rooms-catalog:has(+ .section-divider--to-analytics) .rooms-media::after {
  height: min(24%, 160px);
  background: linear-gradient(
    to top,
    var(--sep-rooms) 0%,
    color-mix(in srgb, var(--sep-rooms) 75%, transparent 25%) 42%,
    transparent 100%
  ) !important;
}

section:has(+ .section-divider) .analytics-media::after,
section:has(+ .section-divider) .testimonials-media::after,
section:has(+ .section-divider) .plans-media::after,
section:has(+ .section-divider) .hero-media::after {
  height: min(18%, 110px);
}

section.testimonials-section:has(+ .section-divider--to-plans) .testimonials-media::after {
  background: linear-gradient(
    to top,
    var(--sep-plans) 0%,
    color-mix(in srgb, var(--sep-plans) 35%, var(--sep-testimonials) 65%) 38%,
    transparent 100%
  );
}

section.plans:has(+ .section-divider--to-alt) .plans-media::after {
  background: linear-gradient(
    to top,
    var(--sep-alt) 0%,
    color-mix(in srgb, var(--sep-alt) 40%, var(--sep-plans) 60%) 42%,
    transparent 100%
  );
}

.hero {
  padding-bottom: 0;
}

.hero:has(+ .section-divider) {
  padding-bottom: clamp(12px, 2vw, 20px) !important;
}

.market-strip {
  position: relative;
  z-index: 3;
  margin-bottom: 0;
}

/* Smooth photo sections — no hard mask cut; soft bottom fade only */
.about-media::after,
.rooms-media::after,
.markets-media::after,
.analytics-media::after,
.testimonials-media::after,
.plans-media::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: min(20%, 120px);
  z-index: 2;
  pointer-events: none;
}

.section-after-divider .about-media::before,
.section-after-divider .rooms-media::before,
.section-after-divider .markets-media::before,
.section-after-divider .analytics-media::before,
.section-after-divider .testimonials-media::before,
.section-after-divider .plans-media::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: min(12%, 80px);
  z-index: 2;
  pointer-events: none;
}

.results-analytics.section-after-divider .analytics-media::before {
  height: min(18%, 130px);
  background: linear-gradient(
    to bottom,
    var(--sep-analytics) 0%,
    color-mix(in srgb, var(--sep-analytics) 55%, transparent 45%) 55%,
    transparent 100%
  ) !important;
  opacity: 1;
}

.about-media::after {
  background: linear-gradient(to top, var(--sep-about) 0%, rgba(246, 247, 249, 0) 100%);
}

.about-media::before {
  background: linear-gradient(to bottom, var(--sep-about) 0%, transparent 100%);
}

.rooms-media::after {
  background: linear-gradient(to top, var(--sep-rooms) 0%, transparent 100%);
}

.rooms-media::before {
  background: linear-gradient(to bottom, var(--sep-rooms) 0%, transparent 100%);
}

.markets-media::after {
  background: linear-gradient(to top, var(--sep-analytics) 0%, transparent 100%);
}

.markets-media::before {
  background: linear-gradient(to bottom, var(--sep-analytics) 0%, transparent 100%);
}

.analytics-media::after {
  background: linear-gradient(to top, var(--sep-analytics) 0%, transparent 100%);
}

.analytics-media::before {
  background: linear-gradient(to bottom, var(--sep-analytics) 0%, transparent 100%);
}

.testimonials-media::after {
  background: linear-gradient(to top, var(--sep-testimonials) 0%, transparent 100%);
}

.testimonials-media::before {
  background: linear-gradient(to bottom, var(--sep-testimonials) 0%, transparent 100%);
}

.plans-media::after {
  background: linear-gradient(to top, var(--sep-plans) 0%, transparent 100%);
}

.plans-media::before {
  background: linear-gradient(to bottom, var(--sep-plans) 0%, transparent 100%);
}

.about-bg-img,
.rooms-bg-img,
.markets-bg-img,
.analytics-bg-img,
.testimonials-bg-img,
.hero-bg-img {
  -webkit-mask-image: none;
  mask-image: none;
}

.hero-media::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: min(22%, 160px);
  z-index: 2;
  background: linear-gradient(to top, var(--bg) 0%, transparent 100%);
  pointer-events: none;
}

.live-media::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: min(28%, 140px);
  z-index: 2;
  pointer-events: none;
  background: linear-gradient(
    to top,
    var(--sep-live) 0%,
    color-mix(in srgb, var(--sep-live) 55%, transparent 45%) 45%,
    transparent 100%
  );
  display: block;
}

.live-bg-img {
  -webkit-mask-image: none;
  mask-image: none;
}

.live-section:has(+ .section-divider--to-testimonials) .live-media::after {
  background: linear-gradient(
    to top,
    var(--sep-testimonials) 0%,
    color-mix(in srgb, var(--sep-testimonials) 40%, var(--sep-live) 60%) 40%,
    transparent 100%
  );
}

.live-section + .section-divider--to-testimonials {
  margin-top: 0;
}

section.results-analytics:has(+ .section-divider--to-live) {
  padding-bottom: clamp(52px, 6vw, 72px) !important;
}

/* Section-specific padding (respect divider gutters via :has rules above) */
.about.section-pad {
  padding-top: clamp(52px, 6vw, 76px) !important;
  padding-bottom: clamp(52px, 6vw, 76px) !important;
}

.rooms-catalog.section-pad {
  padding-top: clamp(48px, 5.5vw, 72px) !important;
  padding-bottom: clamp(48px, 5.5vw, 72px) !important;
}

.results-analytics.section-pad {
  padding-top: clamp(44px, 5vw, 64px) !important;
  padding-bottom: clamp(44px, 5vw, 64px) !important;
}

.testimonials-section.section-pad {
  padding-top: clamp(48px, 5.5vw, 72px) !important;
  padding-bottom: clamp(48px, 5.5vw, 72px) !important;
}

.insights.section-pad,
.faq.section-pad {
  padding-top: clamp(52px, 6vw, 76px) !important;
  padding-bottom: clamp(52px, 6vw, 76px) !important;
}

.plans {
  padding-bottom: clamp(52px, 6vw, 76px) !important;
}

section.final-cta.section-after-divider {
  padding-top: clamp(48px, 5.5vw, 68px) !important;
}

.plans-head {
  margin-bottom: clamp(20px, 2.5vw, 32px) !important;
}

@media (prefers-reduced-motion: reduce) {
  .section-divider__gem,
  .section-divider__line::before {
    animation: none;
  }
}


/* --- css/theme-dark-fixes.css --- */
/* Dark theme — header, cards, typography on photo sections */

html[data-theme="dark"] .site-header {
  box-shadow: 0 10px 32px rgba(0, 0, 0, 0.42);
}

html[data-theme="dark"] .brand-copy strong {
  color: var(--text);
}

html[data-theme="dark"] .brand-copy small {
  color: var(--muted);
}

html[data-theme="dark"] .desktop-nav a {
  color: var(--nav-link);
}

html[data-theme="dark"] .icon-btn {
  background: rgba(255, 255, 255, 0.06);
  border-color: var(--soft-border);
  color: var(--text);
}

html[data-theme="dark"] .mobile-nav {
  background: var(--surface);
  border-top: 1px solid var(--soft-border);
}

html[data-theme="dark"] .mobile-nav a {
  color: var(--text);
}

/* Shared card surface in dark mode */
html[data-theme="dark"] .stat-card,
html[data-theme="dark"] .room-card,
html[data-theme="dark"] .room-panel,
html[data-theme="dark"] .room-tabs,
html[data-theme="dark"] .analytics-tabs,
html[data-theme="dark"] .analytics-stat-card,
html[data-theme="dark"] .analytics-chart-card,
html[data-theme="dark"] .analytics-table-card,
html[data-theme="dark"] .live-notif-card,
html[data-theme="dark"] .testimonial-card,
html[data-theme="dark"] .iran-card {
  background: linear-gradient(165deg, rgba(13, 46, 67, 0.97), rgba(10, 38, 56, 0.94));
  border-color: var(--soft-border);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.28);
}


html[data-theme="dark"] .stat-card span,
html[data-theme="dark"] .room-card li,
html[data-theme="dark"] .room-main p,
html[data-theme="dark"] .room-feature-list li,
html[data-theme="dark"] .analytics-stat-label,
html[data-theme="dark"] .analytics-head > p,
html[data-theme="dark"] .analytics-legend li,
html[data-theme="dark"] .analytics-table tbody td,
html[data-theme="dark"] .live-notif-content p,
html[data-theme="dark"] .testimonial-text,
html[data-theme="dark"] .testimonial-person span {
  color: var(--muted);
}

html[data-theme="dark"] .about-section-label,
html[data-theme="dark"] .about-copy h2,
html[data-theme="dark"] .rooms-section-title,
html[data-theme="dark"] .markets-section-title,
html[data-theme="dark"] .analytics-title,
html[data-theme="dark"] .room-card-head h3,
html[data-theme="dark"] .room-main h3,
html[data-theme="dark"] .live-notif-top strong,
html[data-theme="dark"] .analytics-stat-value,
html[data-theme="dark"] .analytics-chart-title,
html[data-theme="dark"] .section-head h2 {
  color: var(--text);
}

html[data-theme="dark"] .rooms-head p,
html[data-theme="dark"] .markets-head p,
html[data-theme="dark"] .about-copy p,
html[data-theme="dark"] .hero-copy > p {
  color: var(--muted);
}

html[data-theme="dark"] .rooms-section-title,
html[data-theme="dark"] .markets-section-title,
html[data-theme="dark"] .about-section-label {
  color: var(--text);
}

html[data-theme="dark"] .room-tab:not(.active),
html[data-theme="dark"] .analytics-tab:not(.active) {
  background: rgba(255, 255, 255, 0.05);
  color: var(--muted);
  border-color: var(--soft-border);
}

html[data-theme="dark"] .analytics-ring::before,
html[data-theme="dark"] .analytics-donut::after,
html[data-theme="dark"] .analytics-table,
html[data-theme="dark"] .analytics-table thead th {
  background: rgba(8, 28, 42, 0.85);
  color: var(--muted);
}

html[data-theme="dark"] .analytics-table tbody td {
  color: var(--text);
  border-color: var(--soft-border);
}

html[data-theme="dark"] .testimonials-nav {
  background: rgba(10, 38, 56, 0.92);
  border-color: var(--border);
  color: var(--gold-2);
}

html[data-theme="dark"] .market-strip {
  background: linear-gradient(165deg, rgba(13, 46, 67, 0.96), rgba(10, 38, 56, 0.92));
  border-color: var(--soft-border);
}

html[data-theme="dark"] .market-strip strong {
  color: var(--text);
}

html[data-theme="dark"] .plan-card {
  background: linear-gradient(165deg, rgba(13, 46, 67, 0.95), rgba(10, 38, 56, 0.9));
}

html[data-theme="dark"] .faq details {
  background: var(--surface);
  border-color: var(--soft-border);
}

html[data-theme="dark"] .faq summary {
  color: var(--text);
}

html[data-theme="dark"] .testimonials-head h2,
html[data-theme="dark"] .testimonials-sub,
html[data-theme="dark"] .testimonial-person strong,
html[data-theme="dark"] .testimonials-social-copy strong {
  color: var(--text);
}

html[data-theme="dark"] .testimonials-social-copy span {
  color: var(--muted);
}

html[data-theme="dark"] .insight-card {
  background: var(--card-grad);
  border-color: var(--soft-border);
}

html[data-theme="dark"] .insight-card h3 {
  color: var(--text);
}

html[data-theme="dark"] .insight-card p {
  color: var(--muted);
}

html[data-theme="dark"] .btn-outline {
  background: rgba(255, 255, 255, 0.04);
  border-color: var(--soft-border);
  color: var(--text);
}

html[data-theme="dark"] .billing-switch button:not(.active) {
  background: rgba(255, 255, 255, 0.05);
  color: var(--muted);
  border-color: var(--soft-border);
}

html[data-theme="dark"] .plan-card li {
  color: var(--muted);
}

html[data-theme="dark"] .plan-card h3 {
  color: var(--text);
}

html[data-theme="dark"] .analytics-tab.active,
html[data-theme="dark"] .room-tab.active {
  color: #102534;
}

html[data-theme="dark"] .analytics-stat-card .analytics-ring span,
html[data-theme="dark"] .analytics-donut-center strong {
  color: var(--text);
}

html[data-theme="dark"] .analytics-donut-center {
  color: var(--muted);
}

html[data-theme="dark"] .analytics-legend-pct,
html[data-theme="dark"] .analytics-dist-pct {
  color: var(--text);
}

html[data-theme="dark"] .hero-copy h1 {
  color: var(--text);
}

html[data-theme="dark"] .icon-btn.mobile-menu-btn {
  color: var(--text);
}


/* --- css/live-section-fixes.css --- */
/* Live / notifications — phone centered; text clear left; notifs right */

.live-showcase,
.live-phone-hero {
  display: none !important;
}

.live-media {
  z-index: 0;
}

.live-media > .live-bg-picture {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  pointer-events: none;
}

.live-media > .live-bg-picture.light-only,
.live-media > .live-bg-picture.dark-only {
  display: none !important;
}

html[data-theme="light"] .live-media > .live-bg-picture.light-only {
  display: block !important;
}

html[data-theme="dark"] .live-media > .live-bg-picture.dark-only {
  display: block !important;
}

.live-media .live-bg-img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover !important;
  /* phone artwork sits left in the PNG — 15% puts it visually mid-section */
  object-position: 15% center !important;
}

.live-scrim {
  z-index: 1;
}

.live-handwriting img {
  display: block;
  width: 100%;
  height: auto;
}

html[data-theme="light"] {
  --live-scrim: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.97) 0%,
    rgba(255, 255, 255, 0.92) 14%,
    rgba(255, 255, 255, 0.55) 26%,
    rgba(255, 255, 255, 0.12) 36%,
    transparent 48%
  );
}

html[data-theme="dark"] {
  --live-scrim: linear-gradient(
    90deg,
    rgba(6, 27, 41, 0.97) 0%,
    rgba(6, 27, 41, 0.9) 14%,
    rgba(6, 27, 41, 0.5) 26%,
    rgba(6, 27, 41, 0.12) 36%,
    transparent 48%
  );
}

@media (min-width: 821px) {
  .live-layout {
    display: block;
    position: static;
    height: 100%;
  }

  /* Text stays in left safe zone — beside phone, not under it */
  .live-aside {
    grid-column: unset;
    position: absolute;
    z-index: 5;
    left: max(20px, calc((100vw - var(--container)) / 2 + 8px));
    top: 50%;
    transform: translateY(-50%);
    max-width: min(340px, 26vw);
    width: min(340px, 26vw);
    justify-self: unset;
    pointer-events: auto;
  }

  .live-copy h2 {
    white-space: normal !important;
    max-width: 100%;
    font-size: clamp(15px, 1.45vw, 24px) !important;
  }

  .live-copy > p {
    max-width: 100%;
  }

  /* Notifications further right of phone */
  .live-section .live-notif-stack {
    display: block !important;
    grid-column: unset;
    position: absolute;
    z-index: 4;
    left: clamp(58vw, 61vw, 64vw);
    right: auto;
    top: 50%;
    transform: translateY(-50%);
    width: min(270px, 20vw);
    max-width: 290px;
    min-height: 210px;
    margin: 0;
    justify-self: unset;
    align-self: unset;
    pointer-events: auto;
  }

  .live-handwriting {
    display: block !important;
    position: absolute !important;
    z-index: 5;
    top: 70% !important;
    right: 20px !important;
    left: auto !important;
    bottom: auto !important;
    width: 140px !important;
    max-width: 140px !important;
    height: auto !important;
    transform: none !important;
    pointer-events: none;
  }
}

@media (min-width: 821px) and (max-width: 1100px) {
  .live-aside {
    max-width: min(300px, 28vw);
    width: min(300px, 28vw);
  }

  .live-section .live-notif-stack {
    left: clamp(54vw, 57vw, 60vw);
    width: min(240px, 22vw);
  }

  .live-bg-img {
    object-position: 15% center !important;
  }

  .live-handwriting {
    width: 120px !important;
    max-width: 120px !important;
    right: 16px !important;
    top: 68% !important;
  }
}

@media (min-width: 1400px) {
  .live-section .live-notif-stack {
    left: clamp(60vw, 62.5vw, 65vw);
  }

  .live-aside {
    max-width: min(360px, 24vw);
    width: min(360px, 24vw);
  }
}


/* --- css/plans-section.css --- */
/* Membership plans — reference subscribe cards (scoped to .plans) */

.plans {
  position: relative;
  overflow: hidden;
  background: #f6f0e5;
}

.plans-media {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.plans-bg-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}

.plans-scrim {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(
    180deg,
    rgba(253, 251, 247, 0.35) 0%,
    rgba(253, 251, 247, 0.55) 35%,
    rgba(253, 251, 247, 0.78) 70%,
    rgba(253, 251, 247, 0.9) 100%
  );
  pointer-events: none;
}

html[data-theme="dark"] .plans {
  background: #061b29;
}

html[data-theme="dark"] .plans-scrim {
  background: linear-gradient(
    180deg,
    rgba(6, 27, 41, 0.58) 0%,
    rgba(6, 27, 41, 0.76) 30%,
    rgba(6, 27, 41, 0.9) 60%,
    rgba(6, 27, 41, 0.96) 100%
  );
}

.plans-inner {
  position: relative;
  z-index: 2;
}

.plans-head {
  text-align: center;
  max-width: 760px;
  margin: 0 auto clamp(36px, 4.5vw, 52px);
}

.plans-head h2 {
  margin: 0;
  font-size: clamp(24px, 2.6vw, 36px);
  font-weight: 900;
  color: #0b2a40;
}

.plans-head p {
  margin: 14px auto 0;
  max-width: 620px;
  font-size: 14px;
  line-height: 1.95;
  color: #5f6d78;
  font-weight: 500;
}

html[data-theme="dark"] .plans-head h2 {
  color: var(--text);
}

html[data-theme="dark"] .plans-head p {
  color: var(--muted);
}

.plans-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(14px, 1.8vw, 20px);
  align-items: stretch;
  max-width: 1180px;
  margin-inline: auto;
}

/* Reset legacy .plan-card rules from style.css */
.plans .plan-card {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
  border: none;
  border-radius: 28px;
  background: transparent;
  box-shadow: none;
  transform: none !important;
  animation: none !important;
  overflow: visible;
}

.plans .plan-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  z-index: 0;
}

.plans .plan-card__shell {
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  flex: 1;
  height: 100%;
  padding: clamp(24px, 2.4vw, 30px) clamp(20px, 2vw, 24px) clamp(20px, 2.2vw, 24px);
  border-radius: 24px;
  border: 1px solid rgba(197, 169, 98, 0.22);
  background: #ffffff;
  box-shadow: 0 14px 40px rgba(26, 37, 51, 0.06);
  transition:
    transform 0.4s cubic-bezier(0.22, 0.61, 0.36, 1),
    box-shadow 0.4s cubic-bezier(0.22, 0.61, 0.36, 1),
    border-color 0.35s ease;
}

.plans .plan-card:hover .plan-card__shell {
  transform: translateY(-5px);
  border-color: rgba(201, 168, 95, 0.38);
  box-shadow: 0 22px 52px rgba(26, 37, 51, 0.09);
}

.plans .plan-card h3 {
  margin: 0;
  font-size: inherit;
}

.plans .plan-card ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.plans .plan-card li::before {
  content: none !important;
  display: none !important;
}

.plans .plan-card__head {
  position: relative;
  z-index: 2;
  text-align: center;
  padding-bottom: 4px;
}

.plans .plan-card__icon {
  width: 52px;
  height: 52px;
  margin: 0 auto 16px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 21px;
  color: #a97424;
  background: #fff;
  border: 1.5px solid rgba(201, 168, 95, 0.45);
  box-shadow: 0 8px 20px rgba(201, 168, 95, 0.12);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.plans .plan-card:hover .plan-card__icon {
  transform: translateY(-2px) scale(1.04);
  box-shadow: 0 12px 24px rgba(201, 168, 95, 0.2);
}

.plans .plan-card__title {
  margin: 0 0 8px;
  font-size: clamp(18px, 1.55vw, 21px);
  font-weight: 900;
  color: #0b2a40;
  line-height: 1.35;
}

.plans .plan-card__tagline {
  margin: 0 0 16px;
  font-size: 12px;
  font-weight: 600;
  color: #8a97a3;
  line-height: 1.55;
}

.plans .plan-card__price {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 8px;
  direction: rtl;
  margin: 0 0 14px;
}

.plans .plan-card__price strong {
  font-size: clamp(26px, 2.2vw, 32px);
  font-weight: 900;
  line-height: 1.1;
  color: #c9922f;
  letter-spacing: -0.02em;
  background: none;
  -webkit-background-clip: unset;
  background-clip: unset;
  filter: none;
}

.plans .plan-card__price span {
  font-size: 12px;
  font-weight: 700;
  color: #b8934a;
}

.plans .plan-card__rule {
  border: 0;
  height: 1px;
  margin: 0 0 16px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(197, 157, 95, 0.45) 20%,
    rgba(197, 157, 95, 0.45) 80%,
    transparent
  );
}

.plans .plan-card__features {
  flex: 1;
  margin: 0 0 18px;
  padding: 0;
}

.plans .plan-card__features li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  direction: rtl;
  text-align: right;
  font-size: 12px;
  line-height: 1.75;
  color: #5f6d78;
  font-weight: 600;
  margin: 0 0 11px;
  padding: 0;
}

.plans .plan-card__features li i {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  flex-shrink: 0;
  margin-top: 2px;
  display: grid;
  place-items: center;
  font-size: 10px;
  color: #fff;
  background: linear-gradient(145deg, #f0cc6a, #d4a038);
  border: none;
  box-shadow: 0 2px 8px rgba(201, 168, 95, 0.28);
}

/* Flat CTA — hover fill sweep (CodePen-style motion) */
.plans .plan-select-btn {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0;
  min-height: 48px;
  padding: 4px;
  border-radius: 12px;
  overflow: hidden;
  text-decoration: none;
  direction: ltr;
  border: 1.5px solid rgba(201, 168, 95, 0.45);
  background: #ffffff;
  box-shadow: 0 8px 22px rgba(26, 37, 51, 0.06);
  transition:
    border-color 0.35s ease,
    box-shadow 0.35s ease,
    transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.plans .plan-select-btn__fill {
  position: absolute;
  inset: 0;
  z-index: 0;
  background: linear-gradient(120deg, #f7d781 0%, #ebc255 45%, #cf962f 100%);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.42s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.plans .plan-select-btn:hover,
.plans .plan-select-btn:focus-visible {
  border-color: #cf962f;
  box-shadow: 0 12px 32px rgba(201, 146, 47, 0.22);
  transform: translateY(-2px);
}

.plans .plan-select-btn:hover .plan-select-btn__fill,
.plans .plan-select-btn:focus-visible .plan-select-btn__fill {
  transform: scaleX(1);
}

.plans .plan-select-btn__icon {
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  border-radius: 9px;
  display: grid;
  place-items: center;
  background: #1a3242;
  color: #f5d78b;
  font-size: 15px;
  transition: transform 0.35s ease, background 0.35s ease, color 0.35s ease;
}

.plans .plan-select-btn:hover .plan-select-btn__icon,
.plans .plan-select-btn:focus-visible .plan-select-btn__icon {
  transform: translateX(2px);
  background: rgba(255, 255, 255, 0.18);
  color: #fff;
}

.plans .plan-select-btn__text {
  position: relative;
  z-index: 1;
  flex: 1;
  text-align: center;
  font-size: 13px;
  font-weight: 800;
  color: #1a3242;
  direction: rtl;
  padding-inline: 10px 6px;
  transition: color 0.35s ease;
}

.plans .plan-select-btn:hover .plan-select-btn__text,
.plans .plan-select-btn:focus-visible .plan-select-btn__text {
  color: #ffffff;
}

/* Featured card */
.plans .plan-card--featured {
  z-index: 2;
  overflow: visible;
}

.plans .plan-card--featured .plan-card__shell {
  overflow: visible;
  border: 1.5px solid #d4af37;
  background: linear-gradient(180deg, #fffdf8 0%, #ffffff 38%, #ffffff 100%);
  box-shadow: 0 20px 48px rgba(201, 146, 47, 0.14);
  padding-top: clamp(26px, 2.8vw, 32px);
}

.plans .plan-card--featured .plan-card__shell::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100px;
  border-radius: 24px 24px 0 0;
  background: radial-gradient(ellipse 85% 90% at 50% 0%, rgba(247, 215, 129, 0.22), transparent 72%);
  pointer-events: none;
}

.plans .plan-card--featured:hover .plan-card__shell {
  transform: translateY(-6px);
  box-shadow: 0 26px 56px rgba(201, 146, 47, 0.18);
}

/* Badge — clean top tab (no loose triangles) */
.plans .plan-card__badge {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 3;
  transform: translate(-50%, -50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-width: 132px;
  padding: 7px 18px;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.2;
  color: #4a3818;
  white-space: nowrap;
  background: linear-gradient(180deg, #fff9ea 0%, #f3dc9a 100%);
  border: 1.5px solid #d4af37;
  border-radius: 10px;
  box-shadow: 0 4px 12px rgba(201, 146, 47, 0.16);
}

.plans .plan-card__badge i {
  font-size: 13px;
  color: #a97424;
}

.plans .plan-card__badge span {
  letter-spacing: 0.01em;
}

.plans .plan-card--featured .plan-card__price strong {
  color: #7a5518;
}

.plans .plan-card--featured .plan-card__rule {
  background: linear-gradient(90deg, transparent, rgba(139, 99, 32, 0.35) 20%, rgba(139, 99, 32, 0.35) 80%, transparent);
}

.plans .plan-select-btn--gold {
  border-color: #b88328;
  background: linear-gradient(135deg, #f5d78b 0%, #e6b85c 42%, #cf962f 100%);
  box-shadow: 0 12px 32px rgba(201, 146, 47, 0.32);
}

.plans .plan-select-btn--gold .plan-select-btn__fill {
  background: linear-gradient(120deg, #fff6da 0%, #f0cc6a 50%, #e6b85c 100%);
}

.plans .plan-select-btn--gold .plan-select-btn__text {
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}

.plans .plan-select-btn--gold .plan-select-btn__icon {
  background: rgba(255, 255, 255, 0.22);
  color: #fff;
}

.plans .plan-select-btn--gold:hover,
.plans .plan-select-btn--gold:focus-visible {
  box-shadow: 0 16px 40px rgba(201, 146, 47, 0.42);
}

/* Dark mode */
html[data-theme="dark"] .plans .plan-card__shell {
  border-color: rgba(230, 184, 92, 0.28);
  background: linear-gradient(168deg, rgba(14, 48, 68, 0.96) 0%, rgba(9, 36, 52, 0.94) 100%);
  box-shadow:
    0 20px 48px rgba(0, 0, 0, 0.38),
    inset 0 1px 0 rgba(255, 255, 255, 0.07);
}

html[data-theme="dark"] .plans .plan-card__title {
  color: var(--text);
}

html[data-theme="dark"] .plans .plan-card__tagline,
html[data-theme="dark"] .plans .plan-card__features li {
  color: var(--muted);
}

html[data-theme="dark"] .plans .plan-card__icon {
  background: radial-gradient(circle at 35% 28%, #1e3a4f 0%, #0f2a3d 55%, #0a2233 100%);
  border-color: rgba(230, 184, 92, 0.4);
  color: #e6b85c;
}

html[data-theme="dark"] .plans .plan-card__price strong {
  color: #e6b85c;
}

html[data-theme="dark"] .plans .plan-select-btn {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.03));
  border-color: rgba(230, 184, 92, 0.35);
}

html[data-theme="dark"] .plans .plan-select-btn__text {
  color: var(--text);
}

html[data-theme="dark"] .plans .plan-card--featured .plan-card__shell {
  border-color: rgba(230, 184, 92, 0.72);
  background: linear-gradient(
    168deg,
    rgba(22, 58, 78, 0.98) 0%,
    rgba(18, 50, 68, 0.96) 45%,
    rgba(12, 40, 58, 0.98) 100%
  );
  box-shadow:
    0 0 0 1px rgba(230, 184, 92, 0.22),
    0 0 52px rgba(230, 184, 92, 0.22),
    0 28px 60px rgba(0, 0, 0, 0.45);
}

html[data-theme="dark"] .plans .plan-card__badge {
  color: #3d2f14;
  background: linear-gradient(180deg, #fff6da 0%, #efcc6a 100%);
  border-color: #e6b85c;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.28);
}

/* Trust bar */
.plans-trust {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  max-width: 940px;
  margin: clamp(32px, 4vw, 44px) auto 0;
  padding: clamp(14px, 2vw, 18px) clamp(22px, 3vw, 36px);
  border-radius: 999px;
  border: 1px solid rgba(201, 168, 95, 0.22);
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(12px);
  direction: rtl;
  box-shadow: 0 12px 32px rgba(26, 37, 51, 0.05);
}

.plans-trust > div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 12px;
  font-weight: 700;
  color: #5f6d78;
  text-align: center;
  padding: 6px 8px;
}

.plans-trust > div:not(:last-child) {
  border-left: 1px solid rgba(11, 42, 64, 0.08);
}

.plans-trust i {
  font-size: 18px;
  color: #a97424;
}

html[data-theme="dark"] .plans-trust {
  background: rgba(10, 38, 56, 0.78);
  border-color: rgba(230, 184, 92, 0.22);
}

html[data-theme="dark"] .plans-trust > div {
  color: var(--muted);
}

html[data-theme="dark"] .plans-trust > div:not(:last-child) {
  border-left-color: rgba(255, 255, 255, 0.08);
}

@media (max-width: 1100px) {
  .plans-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (prefers-reduced-motion: reduce) {
  .plans .plan-select-btn__fill,
  .plans .plan-select-btn__icon,
  .plans .plan-card__shell,
  .plans .plan-card__icon {
    transition: none;
  }

  .plans .plan-select-btn:hover .plan-select-btn__fill,
  .plans .plan-select-btn:focus-visible .plan-select-btn__fill {
    transform: scaleX(1);
  }
}

@media (max-width: 640px) {
  .plans-grid {
    grid-template-columns: 1fr;
    max-width: 380px;
  }

  .plans-trust {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .plans-trust > div:not(:last-child) {
    border-left: 0;
    border-bottom: 1px solid rgba(11, 42, 64, 0.08);
    padding-bottom: 12px;
  }
}


/* --- css/testimonials-media.css --- */
/* Testimonial video / voice playback UI */

.testimonial-media--video .testimonial-media-btn {
  background: #0a1a28;
}

.testimonial-video {
  width: 100%;
  height: 132px;
  object-fit: cover;
  display: block;
  vertical-align: top;
}

.testimonial-media-play {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  background: rgba(11, 42, 64, 0.32);
  color: #fff;
  font-size: 36px;
  transition: opacity 0.25s ease, background 0.25s ease;
  pointer-events: none;
}

.testimonial-media--video.is-playing .testimonial-media-play {
  opacity: 0;
}

.testimonial-media--video.is-playing .testimonial-media-btn:hover .testimonial-media-play {
  opacity: 1;
  background: rgba(11, 42, 64, 0.2);
}

.testimonial-voice.is-playing .testimonial-voice-play {
  box-shadow: 0 0 0 3px rgba(230, 184, 92, 0.35);
}

.testimonial-voice.is-disabled {
  opacity: 0.72;
}

.testimonial-voice.is-disabled .testimonial-voice-play {
  cursor: not-allowed;
}


/* --- css/insights-section.css --- */
/* Insights — CSS-only decorative background (arcs, rings, soft charts) */

.insights {
  position: relative;
  overflow: hidden;
  background: linear-gradient(165deg, #fffdf9 0%, #fbf8f1 38%, #f6f0e5 100%);
}

.insights-pattern {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  overflow: hidden;
}

/* Large soft circle — top right */
.insights-pattern__ring {
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(198, 152, 68, 0.14);
}

.insights-pattern__ring--tr {
  top: -8%;
  right: -6%;
  width: min(420px, 52vw);
  height: min(420px, 52vw);
  background: radial-gradient(
    circle at 42% 38%,
    rgba(232, 205, 158, 0.38) 0%,
    rgba(232, 205, 158, 0.12) 42%,
    transparent 68%
  );
  border-color: rgba(198, 152, 68, 0.1);
}

.insights-pattern__ring--tl {
  top: -52%;
  left: -28%;
  width: min(920px, 120vw);
  height: min(920px, 120vw);
  background: transparent;
  border-width: 1px;
  border-color: rgba(191, 149, 63, 0.2);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35);
}

.insights-pattern__ring--mid {
  top: 6%;
  left: 8%;
  width: min(280px, 36vw);
  height: min(280px, 36vw);
  border-color: rgba(198, 152, 68, 0.08);
  background: radial-gradient(circle, rgba(255, 255, 255, 0.5) 0%, transparent 70%);
}

/* Swoosh arc (second ring, offset) */
.insights-pattern__arc {
  position: absolute;
  border-radius: 50%;
  border: 1px solid transparent;
  border-top-color: rgba(201, 146, 47, 0.22);
  border-right-color: rgba(201, 146, 47, 0.08);
}

.insights-pattern__arc--sweep {
  top: -38%;
  left: -22%;
  width: min(780px, 95vw);
  height: min(780px, 95vw);
  transform: rotate(-28deg);
  opacity: 0.85;
}

/* Dot constellation */
.insights-pattern__dots {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle, rgba(198, 152, 68, 0.35) 1px, transparent 1px);
  background-size: 28px 28px;
  opacity: 0.12;
  mask-image: radial-gradient(ellipse 80% 70% at 18% 22%, #000 0%, transparent 72%);
}

/* Decorative bar watermark — bottom right */
.insights-pattern__bars {
  position: absolute;
  right: clamp(2%, 5vw, 8%);
  bottom: clamp(6%, 10vw, 14%);
  display: flex;
  align-items: flex-end;
  gap: clamp(6px, 1vw, 10px);
  height: clamp(72px, 12vw, 118px);
  opacity: 0.42;
}

.insights-pattern__bars span {
  display: block;
  width: clamp(10px, 1.4vw, 16px);
  border-radius: 8px 8px 3px 3px;
  background: linear-gradient(
    180deg,
    rgba(198, 152, 68, 0.08) 0%,
    rgba(198, 152, 68, 0.35) 55%,
    rgba(168, 116, 36, 0.45) 100%
  );
  box-shadow: 0 6px 18px rgba(168, 116, 36, 0.08);
}

.insights-pattern__bars span:nth-child(1) {
  height: 38%;
}
.insights-pattern__bars span:nth-child(2) {
  height: 58%;
}
.insights-pattern__bars span:nth-child(3) {
  height: 78%;
}
.insights-pattern__bars span:nth-child(4) {
  height: 52%;
}
.insights-pattern__bars span:nth-child(5) {
  height: 92%;
}

/* Faint Persian copy — watermark typography */
.insights-pattern__caption {
  position: absolute;
  font-size: clamp(11px, 1.2vw, 13px);
  font-weight: 600;
  letter-spacing: 0.02em;
  color: rgba(168, 116, 36, 0.22);
  line-height: 1.85;
  max-width: 12em;
  user-select: none;
}

.insights-pattern__caption--tr {
  top: 14%;
  right: clamp(4%, 8vw, 12%);
  writing-mode: vertical-rl;
  text-orientation: mixed;
}

.insights-pattern__caption--bl {
  bottom: 18%;
  left: clamp(3%, 6vw, 10%);
  text-align: right;
}

.insights-pattern__caption--tl {
  top: 22%;
  left: clamp(2%, 5vw, 8%);
  max-width: 14em;
  font-size: clamp(10px, 1vw, 12px);
  line-height: 2;
  color: rgba(168, 116, 36, 0.16);
}

.insights-pattern__scrim {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 90% 55% at 50% 42%, transparent 0%, rgba(251, 248, 241, 0.35) 100%);
  opacity: 0.65;
}

.insights .container {
  position: relative;
  z-index: 2;
}

/* Header — closer to reference */
.insights-head {
  margin-bottom: clamp(32px, 4vw, 46px);
}

.insights-kicker {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: clamp(10px, 2vw, 18px);
  margin-bottom: 14px;
}

.insights-kicker__line {
  flex: 0 1 clamp(48px, 12vw, 120px);
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(198, 152, 68, 0.45), transparent);
}

.insights-kicker__badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 800;
  color: var(--gold-2, #a97424);
}

.insights-kicker__badge i {
  font-size: 15px;
  color: #c9922f;
  filter: drop-shadow(0 1px 2px rgba(201, 146, 47, 0.25));
}

.insights-head h2 {
  font-size: clamp(24px, 2.8vw, 36px);
  font-weight: 900;
  color: #0b2a40;
  line-height: 1.45;
  margin: 0 0 12px;
}

.insights-head > p {
  margin: 0 auto;
  max-width: 640px;
  font-size: clamp(13px, 1.4vw, 15px);
  line-height: 1.95;
  color: #5f6d78;
  font-weight: 500;
}

.insights-foot {
  margin-top: clamp(28px, 4vw, 40px);
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  color: rgba(168, 116, 36, 0.55);
  letter-spacing: 0.01em;
}

/* Cards on pattern */
.insights .insight-grid {
  gap: clamp(14px, 2vw, 18px);
}

.insights .insight-card {
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid rgba(11, 42, 64, 0.06);
  box-shadow: 0 14px 40px rgba(61, 46, 22, 0.07);
  backdrop-filter: blur(6px);
  transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.insights .insight-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 48px rgba(61, 46, 22, 0.11);
}

.insights .insight-card > span {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(251, 243, 220, 0.85);
  border: 1px solid rgba(201, 146, 47, 0.15);
}

@media (max-width: 820px) {
  .insights-pattern__ring--tl {
    left: -45%;
    top: -48%;
  }

  .insights-pattern__caption--tr,
  .insights-pattern__caption--tl {
    display: none;
  }

  .insights-pattern__bars {
    opacity: 0.28;
    right: 2%;
    bottom: 4%;
  }
}

@media (max-width: 560px) {
  .insights-pattern__ring--tr {
    width: 280px;
    height: 280px;
    right: -18%;
  }
}

/* Dark theme */
html[data-theme="dark"] .insights {
  background: linear-gradient(165deg, #061b29 0%, #071f2f 48%, #082233 100%);
}

html[data-theme="dark"] .insights-pattern__ring--tr {
  background: radial-gradient(
    circle at 42% 38%,
    rgba(230, 184, 92, 0.12) 0%,
    rgba(230, 184, 92, 0.04) 45%,
    transparent 68%
  );
  border-color: rgba(230, 184, 92, 0.08);
}

html[data-theme="dark"] .insights-pattern__ring--tl,
html[data-theme="dark"] .insights-pattern__ring--mid {
  border-color: rgba(230, 184, 92, 0.1);
}

html[data-theme="dark"] .insights-pattern__arc--sweep {
  border-top-color: rgba(230, 184, 92, 0.15);
  border-right-color: rgba(230, 184, 92, 0.06);
}

html[data-theme="dark"] .insights-pattern__dots {
  opacity: 0.08;
}

html[data-theme="dark"] .insights-pattern__bars span {
  background: linear-gradient(
    180deg,
    rgba(230, 184, 92, 0.06) 0%,
    rgba(230, 184, 92, 0.22) 55%,
    rgba(230, 184, 92, 0.32) 100%
  );
}

html[data-theme="dark"] .insights-pattern__caption {
  color: rgba(230, 184, 92, 0.14);
}

html[data-theme="dark"] .insights-pattern__scrim {
  background: radial-gradient(ellipse 90% 55% at 50% 42%, transparent 0%, rgba(6, 27, 41, 0.45) 100%);
}

html[data-theme="dark"] .insights-head h2 {
  color: var(--text);
}

html[data-theme="dark"] .insights-head > p {
  color: var(--muted);
}

html[data-theme="dark"] .insights .insight-card {
  background: linear-gradient(165deg, rgba(13, 46, 67, 0.92), rgba(10, 38, 56, 0.88));
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 16px 44px rgba(0, 0, 0, 0.28);
}

html[data-theme="dark"] .insights .insight-card > span {
  background: rgba(230, 184, 92, 0.1);
  border-color: rgba(230, 184, 92, 0.2);
}

html[data-theme="dark"] .insights-foot {
  color: rgba(230, 184, 92, 0.45);
}

@media (prefers-reduced-motion: reduce) {
  .insights .insight-card {
    transition: none;
  }

  .insights .insight-card:hover {
    transform: none;
  }
}


/* --- css/rooms-catalog-bg.css --- */
/* Rooms catalog — markets.png background (shared with former markets section) */

.rooms-catalog .rooms-bg-img.markets-bg-img {
  object-fit: cover;
  object-position: center;
}

.rooms-catalog .markets-scrim {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: var(--markets-scrim);
  pointer-events: none;
}

.rooms-catalog:has(+ .section-divider--to-analytics) .markets-scrim {
  background: var(--markets-scrim),
    linear-gradient(to top, rgba(238, 241, 244, 0.97) 0%, transparent 38%);
}


/* --- css/analytics-section.css --- */
/* Results / analytics — CSS-only chart-inspired pattern (no photo) */

.results-analytics {
  background: linear-gradient(
    180deg,
    #eef1f4 0%,
    #eef1f4 12%,
    #f0f2f5 36%,
    #eef1f4 58%,
    #e8ecf0 100%
  );
}

.analytics-media {
  height: 100%;
  min-height: 100%;
}

.analytics-pattern {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}

/* Trading grid */
.analytics-pattern__grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(11, 42, 64, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(11, 42, 64, 0.035) 1px, transparent 1px);
  background-size: clamp(28px, 4vw, 48px) clamp(28px, 4vw, 48px);
  mask-image: radial-gradient(ellipse 92% 78% at 50% 48%, #000 0%, transparent 88%);
}

.results-analytics.section-after-divider .analytics-pattern__grid {
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.35) 14%, #000 30%, #000 100%);
  mask-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.35) 14%, #000 30%, #000 100%);
}

.results-analytics.section-after-divider .analytics-pattern__candles,
.results-analytics.section-after-divider .analytics-pattern__ring--sm {
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 22%);
  mask-image: linear-gradient(to bottom, transparent 0%, #000 22%);
}

/* Concentric rings — donut / performance metaphor */
.analytics-pattern__ring {
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(198, 152, 68, 0.12);
}

.analytics-pattern__ring--lg {
  top: -18%;
  right: -12%;
  width: min(520px, 58vw);
  height: min(520px, 58vw);
  background: radial-gradient(
    circle at 40% 42%,
    rgba(230, 184, 92, 0.14) 0%,
    rgba(230, 184, 92, 0.04) 38%,
    transparent 62%
  );
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
}

.analytics-pattern__ring--md {
  top: 8%;
  right: 6%;
  width: min(220px, 28vw);
  height: min(220px, 28vw);
  border-color: rgba(198, 152, 68, 0.18);
  border-style: dashed;
  border-width: 1px;
  opacity: 0.7;
}

.analytics-pattern__ring--sm {
  bottom: 10%;
  left: 4%;
  width: min(180px, 24vw);
  height: min(180px, 24vw);
  border-color: rgba(11, 42, 64, 0.08);
}

/* Arc sweep — top left */
.analytics-pattern__arc {
  position: absolute;
  top: -35%;
  left: -20%;
  width: min(720px, 90vw);
  height: min(720px, 90vw);
  border-radius: 50%;
  border: 1px solid transparent;
  border-top-color: rgba(201, 146, 47, 0.16);
  border-left-color: rgba(201, 146, 47, 0.06);
  transform: rotate(18deg);
}

/* Uptrend stroke (SVG) */
.analytics-pattern__trend {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 18%;
  height: 42%;
  opacity: 0.22;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320' preserveAspectRatio='none'%3E%3Cpath fill='none' stroke='%23c9922f' stroke-width='2' stroke-linecap='round' d='M0 260 C180 240 320 200 520 180 S920 80 1440 40'/%3E%3Cpath fill='none' stroke='%230b2a40' stroke-width='1' stroke-opacity='0.15' d='M0 280 C200 270 400 250 720 230 S1100 190 1440 160'/%3E%3C/svg%3E")
    center bottom / 100% 100% no-repeat;
}

/* Candlestick watermark */
.analytics-pattern__candles {
  position: absolute;
  bottom: clamp(8%, 12vw, 16%);
  left: clamp(3%, 6vw, 10%);
  display: flex;
  align-items: flex-end;
  gap: clamp(5px, 0.8vw, 9px);
  height: clamp(64px, 10vw, 100px);
  opacity: 0.38;
}

.analytics-pattern__candles span {
  position: relative;
  display: block;
  width: clamp(6px, 0.9vw, 10px);
  border-radius: 2px;
  background: linear-gradient(180deg, rgba(16, 185, 129, 0.55) 0%, rgba(16, 185, 129, 0.35) 100%);
}

.analytics-pattern__candles span::before {
  content: "";
  position: absolute;
  left: 50%;
  width: 1px;
  transform: translateX(-50%);
  background: rgba(11, 42, 64, 0.2);
}

.analytics-pattern__candles span:nth-child(1) {
  height: 42%;
  background: linear-gradient(180deg, rgba(239, 68, 68, 0.5), rgba(239, 68, 68, 0.3));
}
.analytics-pattern__candles span:nth-child(1)::before {
  top: -18%;
  height: 130%;
}

.analytics-pattern__candles span:nth-child(2) {
  height: 58%;
}
.analytics-pattern__candles span:nth-child(2)::before {
  top: -12%;
  height: 115%;
}

.analytics-pattern__candles span:nth-child(3) {
  height: 48%;
  background: linear-gradient(180deg, rgba(239, 68, 68, 0.45), rgba(239, 68, 68, 0.28));
}
.analytics-pattern__candles span:nth-child(3)::before {
  top: -14%;
  height: 120%;
}

.analytics-pattern__candles span:nth-child(4) {
  height: 72%;
}
.analytics-pattern__candles span:nth-child(4)::before {
  top: -10%;
  height: 108%;
}

.analytics-pattern__candles span:nth-child(5) {
  height: 88%;
}
.analytics-pattern__candles span:nth-child(5)::before {
  top: -8%;
  height: 105%;
}

.analytics-pattern__candles span:nth-child(6) {
  height: 65%;
}
.analytics-pattern__candles span:nth-child(6)::before {
  top: -11%;
  height: 112%;
}

.analytics-pattern__candles span:nth-child(7) {
  height: 95%;
  background: linear-gradient(180deg, rgba(16, 185, 129, 0.6), rgba(16, 185, 129, 0.38));
}
.analytics-pattern__candles span:nth-child(7)::before {
  top: -6%;
  height: 102%;
}

/* Data nodes */
.analytics-pattern__nodes {
  position: absolute;
  inset: 0;
  background-image: radial-gradient(circle, rgba(201, 146, 47, 0.45) 1.5px, transparent 1.5px);
  background-size: 36px 36px;
  opacity: 0.14;
  mask-image: radial-gradient(ellipse 70% 60% at 78% 35%, #000 0%, transparent 75%);
}

.analytics-pattern__glow {
  position: absolute;
  top: 20%;
  left: 50%;
  width: min(640px, 85vw);
  height: min(280px, 40vw);
  transform: translateX(-50%);
  background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.65) 0%, transparent 72%);
  opacity: 0.55;
}

.analytics-pattern__scrim {
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 88% 72% at 50% 45%, transparent 0%, rgba(238, 241, 244, 0.25) 100%);
}

.analytics-pattern__label {
  position: absolute;
  font-size: clamp(10px, 1vw, 12px);
  font-weight: 700;
  letter-spacing: 0.04em;
  color: rgba(11, 42, 64, 0.12);
  user-select: none;
}

.analytics-pattern__label--tr {
  top: 16%;
  right: clamp(8%, 14vw, 18%);
  writing-mode: vertical-rl;
}

.analytics-pattern__label--bl {
  bottom: 22%;
  right: clamp(6%, 10vw, 14%);
}

/* Content above pattern */
.results-analytics .analytics-inner {
  position: relative;
  z-index: 2;
}

/* Softer edge fades (pattern, not photo) */
.results-analytics .analytics-media::after,
.results-analytics .analytics-media::before {
  z-index: 1;
  opacity: 0.75;
}

/* ——— Dark theme ——— */
html[data-theme="dark"] .results-analytics {
  background: linear-gradient(180deg, #061b29 0%, #061b29 14%, #071f2f 40%, #061b29 62%, #082233 100%);
}

html[data-theme="dark"] .results-analytics.section-after-divider .analytics-pattern__grid {
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.4) 16%, #000 30%);
  mask-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.4) 16%, #000 30%);
}

html[data-theme="dark"] .analytics-pattern__grid {
  background-image:
    linear-gradient(rgba(230, 184, 92, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(230, 184, 92, 0.04) 1px, transparent 1px);
}

html[data-theme="dark"] .analytics-pattern__ring--lg {
  background: radial-gradient(
    circle at 40% 42%,
    rgba(230, 184, 92, 0.1) 0%,
    rgba(230, 184, 92, 0.03) 40%,
    transparent 62%
  );
  box-shadow: inset 0 0 0 1px rgba(230, 184, 92, 0.06);
  border-color: rgba(230, 184, 92, 0.08);
}

html[data-theme="dark"] .analytics-pattern__ring--md {
  border-color: rgba(230, 184, 92, 0.12);
}

html[data-theme="dark"] .analytics-pattern__ring--sm {
  border-color: rgba(255, 255, 255, 0.06);
}

html[data-theme="dark"] .analytics-pattern__arc {
  border-top-color: rgba(230, 184, 92, 0.12);
  border-left-color: rgba(230, 184, 92, 0.05);
}

html[data-theme="dark"] .analytics-pattern__trend {
  opacity: 0.28;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320' preserveAspectRatio='none'%3E%3Cpath fill='none' stroke='%23e6b85c' stroke-width='2' stroke-linecap='round' d='M0 260 C180 240 320 200 520 180 S920 80 1440 40'/%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='1' stroke-opacity='0.08' d='M0 280 C200 270 400 250 720 230 S1100 190 1440 160'/%3E%3C/svg%3E");
}

html[data-theme="dark"] .analytics-pattern__candles {
  opacity: 0.32;
}

html[data-theme="dark"] .analytics-pattern__nodes {
  opacity: 0.1;
}

html[data-theme="dark"] .analytics-pattern__glow {
  background: radial-gradient(ellipse at center, rgba(230, 184, 92, 0.08) 0%, transparent 72%);
  opacity: 0.9;
}

html[data-theme="dark"] .analytics-pattern__scrim {
  background: radial-gradient(ellipse 88% 72% at 50% 45%, transparent 0%, rgba(6, 27, 41, 0.35) 100%);
}

html[data-theme="dark"] .analytics-pattern__label {
  color: rgba(230, 184, 92, 0.1);
}

@media (max-width: 820px) {
  .analytics-pattern__label--tr,
  .analytics-pattern__candles {
    opacity: 0.22;
  }

  .analytics-pattern__ring--lg {
    right: -28%;
    top: -22%;
  }
}

/* ——— Period badge & empty state ——— */
.analytics-period-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 14px auto 0;
  padding: 8px 16px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  color: #4a5f6f;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(201, 146, 47, 0.22);
  box-shadow: 0 6px 22px rgba(11, 42, 64, 0.06);
}

.analytics-period-badge i {
  color: #a97424;
  font-size: 14px;
}

.analytics-empty-banner {
  max-width: 640px;
  margin: 0 auto 14px;
  padding: 12px 16px;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.75;
  color: #5f6d78;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.55);
  border: 1px dashed rgba(201, 146, 47, 0.35);
}

/* ——— Luxury cards (stats / charts / tables) ——— */
.results-analytics {
  --analytics-card-border: rgba(201, 146, 47, 0.18);
  --analytics-card-glow: 0 14px 42px rgba(11, 42, 64, 0.08);
}

.results-analytics .analytics-head > p {
  color: #5a6a78;
}

.results-analytics .analytics-title {
  color: #0b2a40;
}

.analytics-stat-card,
.analytics-chart-card,
.analytics-table-card {
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  background: linear-gradient(155deg, rgba(255, 255, 255, 0.96) 0%, rgba(255, 251, 244, 0.9) 100%) !important;
  border: 1px solid var(--analytics-card-border) !important;
  box-shadow: var(--analytics-card-glow), inset 0 1px 0 rgba(255, 255, 255, 0.85) !important;
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.analytics-stat-card:hover,
.analytics-chart-card:hover,
.analytics-table-card:hover {
  transform: translateY(-2px);
  border-color: rgba(201, 146, 47, 0.32) !important;
  box-shadow: 0 18px 48px rgba(11, 42, 64, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

.analytics-stat-label {
  color: #5f6d78 !important;
}

.analytics-stat-label small {
  color: #8a97a3 !important;
}

.analytics-stat-value {
  color: #0b2a40 !important;
}

.analytics-stat-value.is-positive {
  color: #0d9668 !important;
}

.analytics-chart-title,
.analytics-table-head h3 {
  color: #0b2a40 !important;
}

.analytics-tab {
  color: #4a5f6f;
  font-weight: 700;
}

.analytics-tab.active {
  color: #1a3242;
}

.analytics-dist-label,
.analytics-legend-name,
.analytics-table td,
.analytics-table th {
  color: #3f5366;
}

html[data-theme="dark"] .analytics-period-badge {
  color: var(--muted);
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(230, 184, 92, 0.2);
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.25);
}

html[data-theme="dark"] .analytics-empty-banner {
  color: var(--muted);
  background: rgba(255, 255, 255, 0.04);
  border-color: rgba(230, 184, 92, 0.22);
}

html[data-theme="dark"] .results-analytics .analytics-head > p,
html[data-theme="dark"] .analytics-stat-label,
html[data-theme="dark"] .analytics-stat-label small,
html[data-theme="dark"] .analytics-dist-label,
html[data-theme="dark"] .analytics-legend-name,
html[data-theme="dark"] .analytics-rooms-inline-desc {
  color: var(--muted) !important;
}

html[data-theme="dark"] .results-analytics .analytics-title,
html[data-theme="dark"] .analytics-stat-value,
html[data-theme="dark"] .analytics-chart-title,
html[data-theme="dark"] .analytics-table-head h3 {
  color: var(--text) !important;
}

html[data-theme="dark"] .analytics-stat-value.is-positive {
  color: #3ddfa8 !important;
}

html[data-theme="dark"] .analytics-stat-card,
html[data-theme="dark"] .analytics-chart-card,
html[data-theme="dark"] .analytics-table-card {
  background: linear-gradient(165deg, rgba(14, 48, 70, 0.94) 0%, rgba(8, 32, 48, 0.92) 100%) !important;
  border-color: rgba(230, 184, 92, 0.14) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

html[data-theme="dark"] .analytics-tab:not(.active) {
  color: var(--muted);
}

html[data-theme="dark"] .analytics-tab.active {
  color: var(--text);
}

html[data-theme="dark"] .analytics-table td,
html[data-theme="dark"] .analytics-table th {
  color: var(--muted);
}

html[data-theme="dark"] .analytics-roi {
  color: #3ddfa8;
}


/* --- css/luxury-gold-btn.css --- */
/* Adapted from css-buttons.com — Golden Premium (#77) + glow hover (#81) + shine sweep */

a.btn.btn-lux,
a.btn.btn-lux.small,
.nav-actions a.btn.btn-lux,
.hero-actions a.btn.btn-lux {
  position: relative;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 44px;
  width: auto !important;
  height: auto !important;
  padding: 12px 26px !important;
  border: none !important;
  border-radius: var(--btn-radius, 10px) !important;
  color: #6b5a08 !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  letter-spacing: 0.01em;
  text-shadow: none !important;
  overflow: hidden;
  isolation: isolate;
  z-index: 2;
  cursor: pointer;
  text-decoration: none;
  user-select: none;
  background: linear-gradient(
    to right,
    #bf953f,
    #fcf6ba,
    #b38728,
    #fbf5b7,
    #aa771c
  ) !important;
  background-image: linear-gradient(
    to right,
    #bf953f,
    #fcf6ba,
    #b38728,
    #fbf5b7,
    #aa771c
  ) !important;
  background-size: 200% 200% !important;
  background-position: left center !important;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.12) !important;
  animation: none !important;
  filter: none !important;
  transition:
    transform 0.35s ease,
    box-shadow 0.35s ease,
    background-position 0.6s ease !important;
}

.nav-actions a.btn.btn-lux.small {
  min-height: 40px;
  padding: 10px 20px !important;
  font-size: 12.5px !important;
}

.hero-actions a.btn.btn-lux {
  min-height: 48px;
  padding: 13px 28px !important;
  font-size: 15px !important;
}

/* Kill old bevel / glass pseudo layers */
a.btn.btn-lux::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: -40% !important;
  width: 18% !important;
  height: auto !important;
  border-radius: inherit !important;
  background: #fff !important;
  opacity: 0 !important;
  transform: skewX(-20deg) !important;
  box-shadow: 0 0 28px 12px rgba(255, 255, 255, 0.85) !important;
  pointer-events: none !important;
  z-index: 1 !important;
  animation: none !important;
  mix-blend-mode: soft-light !important;
}

a.btn.btn-lux::after {
  content: none !important;
  display: none !important;
  animation: none !important;
}

a.btn.btn-lux > * {
  position: relative;
  z-index: 2;
}

/* Hover — css-buttons #77 gradient shift + #81 gold glow + shine */
a.btn.btn-lux:hover {
  transform: scale(0.97) !important;
  background-position: right center !important;
  color: #5c4d06 !important;
  box-shadow:
    0 0 8px rgba(255, 193, 7, 0.55),
    0 0 22px rgba(255, 193, 7, 0.4),
    0 0 40px rgba(191, 149, 63, 0.28) !important;
  filter: none !important;
}

a.btn.btn-lux:hover::before {
  animation: lux-shine-sweep 0.55s linear !important;
}

@keyframes lux-shine-sweep {
  0% {
    left: -35%;
    opacity: 0;
  }
  35% {
    opacity: 1;
  }
  100% {
    left: 120%;
    opacity: 0;
  }
}

a.btn.btn-lux:active {
  transform: scale(0.95) !important;
  box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.12) !important;
}

a.btn.btn-lux:focus-visible {
  outline: 2px solid rgba(191, 149, 63, 0.65);
  outline-offset: 3px;
}

/* Flat icon — no dark box; simple gold arrow */
a.btn.btn-lux .btn-icon-circle {
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  color: #6b5a08 !important;
  display: inline-flex !important;
  place-items: center;
}

a.btn.btn-lux .btn-icon-circle i {
  font-size: 14px !important;
  color: #6b5a08 !important;
  line-height: 1;
  transition: transform 0.3s ease !important;
}

a.btn.btn-lux:hover .btn-icon-circle,
a.btn.btn-lux:hover .btn-icon-circle i {
  background: transparent !important;
  color: #5c4d06 !important;
  transform: translateX(-3px);
}

html[data-theme="dark"] a.btn.btn-lux {
  color: #3d3205 !important;
  box-shadow:
    0 6px 18px rgba(0, 0, 0, 0.35),
    0 0 16px rgba(255, 210, 80, 0.12) !important;
}

html[data-theme="dark"] a.btn.btn-lux:hover {
  box-shadow:
    0 0 10px rgba(255, 193, 7, 0.45),
    0 0 28px rgba(255, 193, 7, 0.3),
    0 0 48px rgba(191, 149, 63, 0.22) !important;
}

html[data-theme="dark"] a.btn.btn-lux .btn-icon-circle,
html[data-theme="dark"] a.btn.btn-lux .btn-icon-circle i {
  color: #3d3205 !important;
}

@media (prefers-reduced-motion: reduce) {
  a.btn.btn-lux:hover::before {
    animation: none !important;
  }

  a.btn.btn-lux,
  a.btn.btn-lux .btn-icon-circle i {
    transition: none !important;
  }

  a.btn.btn-lux:hover {
    transform: none !important;
  }
}


/* --- css/site-navigation.css --- */
/* The same navigation tree is used on the home, services and consultation pages. */
.desktop-nav.site-menu{gap:clamp(12px,1.4vw,22px)}
.nav>nav.site-menu{display:flex;align-items:center;justify-content:center;gap:clamp(12px,1.4vw,22px);flex:1;min-width:0;margin:0;transform:none}
.advisory-page .nav>nav.site-menu{margin:0 auto;transform:none}
.site-menu__group{position:relative;flex:none;align-self:center}
.site-menu__group>:is(summary,.site-menu__trigger){display:flex;align-items:center;gap:7px;padding:6px 2px;list-style:none;cursor:pointer;white-space:nowrap;color:var(--nav-link,#183145);font-size:13px;font-weight:600;line-height:1.8}
.site-menu__group>summary::-webkit-details-marker{display:none}
.site-menu__group>:is(summary,.site-menu__trigger) i{font-size:10px;transition:transform .2s ease}
.site-menu__group[open]>summary i,.site-menu .site-menu__group:hover>.site-menu__trigger i{transform:rotate(180deg)}
.site-menu__group>:is(summary,.site-menu__trigger):hover,.site-menu__group>:is(summary,.site-menu__trigger):focus-visible{color:#bb842a}
.site-menu__group>:is(summary,.site-menu__trigger):focus-visible{outline:2px solid #dfa844;outline-offset:4px;border-radius:3px}
.site-menu__submenu{display:none;position:absolute;z-index:150;top:100%;right:0;min-width:255px;padding:9px;border:1px solid rgba(193,151,77,.48);border-radius:12px;background:#fffdf9;box-shadow:0 17px 38px rgba(5,29,46,.19);text-align:right}
.site-menu__group[open]>.site-menu__submenu,.site-menu .site-menu__group:has(:focus-visible)>.site-menu__submenu{display:grid}
.site-menu__submenu a,.nav>nav.site-menu .site-menu__submenu a,.advisory-page .nav>nav.site-menu .site-menu__submenu a{display:block;height:auto;padding:9px 12px;border-radius:7px;color:#19364a;font-size:12px;font-weight:600;line-height:1.6;text-shadow:none;white-space:nowrap}
.site-menu__submenu a:hover,.nav>nav.site-menu .site-menu__submenu a:hover,.advisory-page .nav>nav.site-menu .site-menu__submenu a:hover{color:#122b3e;background:#fff2d8}
.site-menu__submenu a[aria-current="page"]{color:#ad7426!important;background:#fff3dc}
.site-menu__submenu--investment{grid-template-columns:repeat(2,minmax(205px,1fr));min-width:470px}
.room-card[id]{scroll-margin-top:100px}
html[data-theme="dark"] .desktop-nav.site-menu>.site-menu__group>.site-menu__trigger,.advisory-page .nav>nav.site-menu>.site-menu__group>.site-menu__trigger{color:#f2f4f3}
html[data-theme="dark"] .desktop-nav.site-menu>.site-menu__group>.site-menu__trigger:hover,.advisory-page .nav>nav.site-menu>.site-menu__group>.site-menu__trigger:hover{color:#f2c675}
.advisory-page .nav>nav.site-menu>.site-menu__group>.site-menu__trigger{font-size:12px}
@media(hover:hover){.site-menu .site-menu__group:hover>.site-menu__submenu{display:grid}}
@media(max-width:1250px) and (min-width:701px){.nav>nav.site-menu{gap:12px}.nav>nav.site-menu .site-menu__group>.site-menu__trigger{font-size:11px}}
@media(max-width:1100px) and (min-width:701px){.advisory-page .nav>nav.site-menu{gap:10px}.advisory-page .nav>nav.site-menu .site-menu__group>.site-menu__trigger{font-size:10px}}
@media(max-width:950px) and (min-width:701px){.nav>nav.site-menu{gap:8px}.nav>nav.site-menu .site-menu__group>.site-menu__trigger{font-size:9px}}
@media(max-width:820px){
  .desktop-nav.site-menu{display:none}
  .mobile-nav.site-menu--mobile.open{max-height:calc(100dvh - 76px);overflow-y:auto}
  .site-menu--mobile .site-menu__group{align-self:stretch;grid-column:1/-1;width:100%}
  .site-menu--mobile .site-menu__group>summary{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;border:1px solid rgba(182,146,80,.24);border-radius:9px;background:#fffaf0;color:#143047;font-size:12px}
  .site-menu--mobile .site-menu__submenu{position:static;min-width:0;width:100%;margin-top:5px;padding:7px;border-radius:9px;box-shadow:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px}
  .site-menu--mobile .site-menu__submenu a,.nav .site-menu--mobile .site-menu__submenu a{display:block;height:auto;white-space:normal;padding:9px 8px;font-size:11px;line-height:1.6;color:#19364a}
  html[data-theme="dark"] .mobile-nav.site-menu--mobile .site-menu__group>summary,.advisory-page .site-menu--mobile .site-menu__group>summary{background:#163346;color:#f2f4f3;border-color:rgba(225,176,95,.3)}
  html[data-theme="dark"] .mobile-nav.site-menu--mobile .site-menu__submenu,.advisory-page .site-menu--mobile .site-menu__submenu{background:#0b2638}
  html[data-theme="dark"] .mobile-nav.site-menu--mobile .site-menu__submenu a,.advisory-page .site-menu--mobile .site-menu__submenu a{color:#f2f4f3}
}
@media(max-width:700px){
  .nav>nav.site-menu,.advisory-page .nav>nav.site-menu{display:none}
  .mobile-menu[open] nav.site-menu--mobile,.advisory-menu[open] nav.site-menu--mobile{width:min(315px,calc(100vw - 30px));max-height:calc(100dvh - 82px);overflow-y:auto;align-items:stretch}
  .mobile-menu .site-menu--mobile .site-menu__group>summary{height:auto;font-size:12px;color:#143047}
  .mobile-menu .site-menu__group>summary::before{content:none}
  .mobile-menu .site-menu__group>summary i{display:inline-block}
  .advisory-menu .site-menu--mobile .site-menu__group>summary{height:auto;padding:9px 12px;color:#f2f4f3}
  .advisory-menu .site-menu--mobile .site-menu__submenu a{color:#f2f4f3}
}
@media(max-width:420px){.site-menu--mobile .site-menu__submenu{grid-template-columns:1fr}}


/* --- css/brand-logo.css --- */
/* لوگوی تصویری سرمایه‌چی در هدر و فوتر */
.brand.brand--logo {
  gap: 0;
}

.brand-logo {
  display: block;
  width: auto;
  max-width: min(220px, 46vw);
  height: auto;
  object-fit: contain;
}

.site-header .brand-logo,
.auth-page-top .brand-logo {
  max-width: min(200px, 42vw);
}

.site-footer .brand-logo {
  max-width: min(240px, 52vw);
}

html[data-theme="light"] .brand-logo--horizontal {
  border-radius: 10px;
}

html[data-theme="dark"] .brand-logo--on-dark,
html.dark-style .brand-logo--on-dark {
  filter: drop-shadow(0 2px 12px rgba(243, 192, 74, 0.15));
}

.brand-logo--emblem {
  max-width: 52px;
}

.site-footer .brand-logo--emblem {
  max-width: 64px;
}


/* --- css/auth-portal.css --- */
.auth-dialog {
  width: min(94vw, 940px);
  max-width: 940px;
}

.auth-modal {
  background: #07152e;
  color: #fff;
  box-shadow: 0 28px 90px rgba(7, 21, 46, .34);
}

.auth-close {
  position: absolute;
  top: 14px;
  left: 14px;
  z-index: 2;
  filter: invert(1);
  opacity: .82;
}

.auth-modal-grid {
  display: grid;
  grid-template-columns: minmax(390px, 1.08fr) minmax(360px, .92fr);
  min-height: 520px;
}

.auth-visual {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 54px 46px;
  background:
    linear-gradient(145deg, rgba(255, 255, 255, .08), transparent 40%),
    radial-gradient(circle at 18% 22%, rgba(212, 175, 95, .26), transparent 34%),
    linear-gradient(135deg, #071020, #0d3478);
  overflow: hidden;
}

.auth-visual::after {
  content: "";
  position: absolute;
  inset: auto -70px -80px auto;
  width: 220px;
  height: 220px;
  border: 1px solid rgba(212, 175, 95, .28);
  border-radius: 50%;
  box-shadow: 0 0 45px rgba(30, 105, 232, .24);
}

.auth-kicker {
  display: inline-flex;
  padding: 7px 12px;
  border: 1px solid rgba(212, 175, 95, .34);
  border-radius: 8px;
  color: #d4af5f;
  font-size: .82rem;
  font-weight: 800;
}

.auth-visual h2 {
  margin: 24px 0 14px;
  color: #fff;
  font-size: 1.85rem;
  line-height: 1.8;
}

.auth-visual p {
  color: rgba(255, 255, 255, .76);
  font-size: 1rem;
  line-height: 2.05;
}

.auth-visual-card {
  position: relative;
  z-index: 1;
  width: min(100%, 300px);
  margin: 38px auto 0;
  padding: 22px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 8px;
  background: rgba(255, 255, 255, .08);
  backdrop-filter: blur(8px);
}

.auth-visual-card span {
  display: block;
  width: 48px;
  height: 5px;
  margin-bottom: 16px;
  border-radius: 99px;
  background: linear-gradient(90deg, #d4af5f, #f8e7a8);
}

.auth-visual-card strong,
.auth-visual-card small {
  display: block;
  direction: ltr;
  text-align: left;
}

.auth-visual-card strong {
  font-size: 1.3rem;
  letter-spacing: 1px;
}

.auth-visual-card small {
  margin-top: 8px;
  color: rgba(255, 255, 255, .62);
}

.auth-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 54px 44px;
  background: #fff;
  color: #07152e;
}

.auth-form-head {
  margin-bottom: 28px;
}

.auth-form-head span {
  display: inline-flex;
  padding: 6px 11px;
  border-radius: 8px;
  background: rgba(30, 105, 232, .08);
  color: #1e69e8;
  font-size: .82rem;
  font-weight: 900;
}

.auth-form-head h3 {
  margin: 16px 0 8px;
  color: #07152e;
  font-size: 1.45rem;
  font-weight: 900;
}

.auth-form-head p {
  margin: 0;
  color: #667085;
  font-size: .92rem;
  line-height: 1.9;
}

.auth-step {
  width: 100%;
}

.auth-label {
  display: block;
  margin-bottom: 10px;
  font-weight: 800;
}

.auth-input {
  width: 100%;
  height: 52px;
  padding: 0 14px;
  border: 1px solid #d6e0f1;
  border-radius: 8px;
  outline: 0;
  direction: ltr;
  text-align: left;
  font-size: 1.05rem;
  font-weight: 800;
  color: #07152e;
  background: #f8fbff;
}

.auth-input:focus {
  border-color: #1e69e8;
  box-shadow: 0 0 0 4px rgba(30, 105, 232, .12);
}

.auth-hint,
.auth-phone-preview {
  margin: 10px 0 0;
  color: #6c757d;
  font-size: .86rem;
  line-height: 1.8;
}

.auth-phone-preview strong {
  color: #1e69e8;
  direction: ltr;
  display: inline-block;
}

.auth-error {
  min-height: 24px;
  margin: 10px 0 12px;
  color: #d92d20;
  font-size: .85rem;
  font-weight: 700;
}

.auth-success {
  margin: 12px 0;
  padding: 10px 12px;
  border: 1px solid rgba(30, 179, 91, .24);
  border-radius: 8px;
  background: rgba(30, 179, 91, .08);
  color: #128445;
  font-size: .9rem;
  font-weight: 800;
}

.auth-back {
  margin-bottom: 18px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #1e69e8;
  font-size: .9rem;
  font-weight: 800;
}

/* فیلد مخفی فقط برای autofill/SMS (در DOM نباید دیده شود) */
.auth-otp-autofill {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0 !important;
  opacity: 0 !important;
  pointer-events: none;
}

.auth-otp-group {
  display: grid;
  grid-template-columns: repeat(6, minmax(38px, 1fr));
  gap: 10px;
}

.auth-otp-cell {
  width: 100%;
  aspect-ratio: 1;
  border: 1px solid #d6e0f1;
  border-radius: 8px;
  outline: 0;
  background: #f8fbff;
  color: #07152e;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 900;
}

.auth-otp-cell:focus {
  border-color: #1e69e8;
  box-shadow: 0 0 0 4px rgba(30, 105, 232, .12);
}

@media (max-width: 991.98px) {
  .auth-dialog {
    width: min(94vw, 560px);
  }

  .auth-modal-grid {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .auth-visual {
    padding: 38px 30px 30px;
  }

  .auth-body {
    padding: 34px 30px;
  }
}

@media (max-width: 575.98px) {
  .auth-visual h2 {
    font-size: 1.25rem;
  }

  .auth-visual-card {
    margin-top: 20px;
  }

  .auth-body {
    padding: 28px 20px;
  }

  .auth-form-head h3 {
    font-size: 1.22rem;
  }

  .auth-otp-group {
    gap: 7px;
  }

  .auth-otp-cell {
    font-size: 1.05rem;
  }
}

/* ── سرمایه‌چی: صفحه /login و /otp ── */
.auth-page-shell {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  font-family: var(--font, "Vazirmatn", Tahoma, Arial, sans-serif);
  background: linear-gradient(180deg, #fbf7ee 0%, #eef3f8 100%);
  color: var(--text, #0b2a40);
}

html[data-theme="dark"] .auth-page-shell {
  background: linear-gradient(180deg, #041329 0%, #071b2a 100%);
  color: var(--text, #f9fbfd);
}

.auth-page-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 0 8px;
}

.auth-page-top .brand-copy strong {
  font-size: 1.1rem;
}

.auth-back-home {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.88rem;
  font-weight: 800;
  color: #c9a227;
  text-decoration: none;
  white-space: nowrap;
}

.auth-page-main {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 0 48px;
}

.auth-page-card {
  width: min(940px, 100%);
  margin: 0 auto;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 28px 90px rgba(7, 21, 46, 0.18);
  background: #07152e;
}

.auth-page-card .auth-modal-grid {
  min-height: 480px;
}

.auth-form-head__badge {
  display: inline-flex;
  padding: 6px 11px;
  border-radius: 8px;
  background: rgba(239, 183, 62, 0.12);
  color: #b8860b;
  font-size: 0.82rem;
  font-weight: 900;
}

.auth-form-head__lead {
  margin: 0;
  color: #667085;
  font-size: 0.92rem;
  line-height: 1.9;
}

.auth-visual-lead {
  color: rgba(255, 255, 255, 0.76);
  font-size: 1rem;
  line-height: 2.05;
}

.auth-tabs {
  display: flex;
  gap: 8px;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.auth-tabs button,
.auth-tabs .auth-tab {
  flex: 1;
  min-width: 120px;
  padding: 10px 14px;
  border-radius: 999px;
  border: 1px solid #d6e0f1;
  background: #fff;
  font-weight: 800;
  font-size: 0.88rem;
  color: #17324b;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
}

.auth-tabs .active {
  border-color: #c9a227;
  background: linear-gradient(135deg, rgba(201, 162, 39, 0.15), rgba(248, 231, 168, 0.35));
  color: #0f2533;
}

.auth-step {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.auth-step .auth-label {
  margin-top: 14px;
}

.auth-step .auth-label:first-child {
  margin-top: 0;
}

.auth-submit.btn-gold {
  width: 100%;
  margin-top: 18px;
}

.auth-footer-links {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 22px;
  text-align: center;
  font-size: 0.9rem;
}

.auth-footer-links a {
  color: #c9a227;
  font-weight: 800;
  text-decoration: none;
}

.auth-alert-error {
  color: #d92d20;
  font-size: 0.88rem;
  font-weight: 700;
  margin: 8px 0 12px;
}

.auth-form-head span:not(.auth-form-head__badge) {
  display: inline-flex;
  padding: 6px 11px;
  border-radius: 8px;
  background: rgba(30, 105, 232, 0.08);
  color: #1e69e8;
  font-size: 0.82rem;
  font-weight: 900;
}

.auth-input:focus,
.auth-otp-cell:focus {
  border-color: #c9a227;
  box-shadow: 0 0 0 4px rgba(201, 162, 39, 0.15);
}

.auth-back {
  color: #c9a227;
}

.auth-phone-preview strong {
  color: #c9a227;
}

.d-none {
  display: none !important;
}

@media (min-width: 992px) {
  .auth-visual--desktop-only {
    display: flex;
  }
}

@media (max-width: 991.98px) {
  .auth-visual--desktop-only {
    display: none;
  }

  .auth-page-card .auth-modal-grid {
    min-height: auto;
  }

  .auth-page-main {
    align-items: flex-start;
    padding-top: 8px;
  }
}

/* Bootstrap modal (مودال ورود در صفحه اصلی) */
.modal {
  position: fixed;
  inset: 0;
  z-index: 1055;
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

.modal.show {
  display: block;
}

.modal.fade .modal-dialog {
  transform: translate(0, -40px);
  transition: transform 0.25s ease-out;
}

.modal.show .modal-dialog {
  transform: none;
}

.modal-dialog {
  position: relative;
  width: auto;
  max-width: min(940px, 94vw);
  margin: 0.75rem auto;
  pointer-events: none;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1.5rem);
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: transparent;
  background-clip: padding-box;
  border: 0;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1050;
  background-color: rgba(4, 19, 41, 0.65);
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: 1;
}

body.modal-open {
  overflow: hidden;
}