@font-face{font-family:"Vazirmatn";src:url("/fonts/vazirmatn-arabic-wght-normal.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:"Vazirmatn";src:url("/fonts/vazirmatn-latin-wght-normal.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0000-024F}
html body{font-family:"Vazirmatn",Tahoma,"Segoe UI",Arial,sans-serif}
.brand .brand-mark{font-size:0;background:#000 url("/assets/brand/atlas-logo-mark.png") center/cover no-repeat;border-radius:50%;box-shadow:0 0 0 1px rgba(198,162,82,.35),0 8px 18px rgba(0,0,0,.18)}
html .hero-visual .core{display:none}
.hero-visual::after{content:"";position:absolute;inset:-35px 20px -10px 20px;background:url("/assets/brand/atlas-mascot-welcome.png") center bottom/contain no-repeat;z-index:2;filter:drop-shadow(0 30px 34px rgba(42,16,46,.2));pointer-events:none}
.hero-visual .node,.hero-visual .metric-card{z-index:4}
.showcase .showcase-cta{position:relative;padding-left:230px;min-height:150px}
.showcase .showcase-cta::after{content:"";position:absolute;left:22px;bottom:0;width:190px;height:190px;background:url("/assets/brand/atlas-mascot-trust.png") center bottom/contain no-repeat;filter:drop-shadow(0 15px 18px rgba(42,16,46,.16));pointer-events:none}
.catalog-preview::before{content:"";position:absolute;left:-80px;bottom:-40px;width:270px;height:360px;background:url("/assets/brand/atlas-mascot-gift.png") center bottom/contain no-repeat;z-index:3;filter:drop-shadow(0 24px 26px rgba(0,0,0,.3));pointer-events:none}
.roadmap-copy::after{content:"";display:block;width:260px;height:280px;margin:22px auto -20px;background:url("/assets/brand/atlas-mascot-investor.png") center top/contain no-repeat;filter:drop-shadow(0 20px 24px rgba(42,16,46,.16));pointer-events:none}
@media(max-width:650px){.hero-visual::after{inset:-10px -5px 0}.showcase .showcase-cta{padding:25px 25px 190px;min-height:0}.showcase .showcase-cta::after{left:50%;transform:translateX(-50%);width:180px;height:180px}.catalog-preview::before{left:-45px;bottom:-25px;width:210px;height:290px}.roadmap-copy::after{width:220px;height:235px;margin-bottom:-15px}}

:root{--plum:#4b174f;--plum-dark:#2a102e;--emerald:#1f6b58;--emerald-dark:#123f35;--gold:#c6a252;--ink:#17151a;--paper:#f7f4f2;--line:#dfd9dc;--muted:#706a71;--white:#fff;--background:#f7f4f2;--foreground:#17151a;--card:#fff;--card-foreground:#17151a;--primary:#4b174f;--primary-foreground:#fff;--secondary:#e8efe9;--secondary-foreground:#123f35;--muted-foreground:#706a71;--border:#dfd9dc;--input:#d8d0d5;--ring:#1f6b58;--radius:.8rem}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Tahoma,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.7}.site-shell{overflow:hidden}.topbar{height:82px;padding:0 max(4vw,32px);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:40;background:rgba(247,244,242,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(75,23,79,.1)}button,a{font:inherit}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--plum-dark);direction:ltr}.brand-mark{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:var(--gold);background:#000;font:700 25px Georgia;overflow:hidden}.brand>span:last-child{display:flex;flex-direction:column;line-height:1}.brand b{font:800 19px Georgia;letter-spacing:.08em}.brand small{font-size:9px;letter-spacing:.35em;margin-top:5px;color:var(--emerald)}.nav{display:flex;gap:30px}.nav a,.topbar button{color:#504850;text-decoration:none;font-size:14px}.nav a:hover{color:var(--plum)}.header-actions{display:flex;align-items:center;gap:12px}.text-button,.menu-button{border:0;background:none;cursor:pointer}.menu-button{display:none}.primary-button,.secondary-button,.gold-button,.outline-light{border:0;border-radius:12px;padding:13px 20px;cursor:pointer;display:inline-flex;gap:10px;align-items:center;justify-content:center;text-decoration:none;transition:.2s}.primary-button{background:var(--plum);color:#fff;box-shadow:0 10px 24px rgba(75,23,79,.17)}.primary-button:hover{background:#601e66;transform:translateY(-1px)}.primary-button.compact{padding:10px 16px}.primary-button svg,.secondary-button svg,.gold-button svg{width:18px}.secondary-button{background:transparent;color:var(--emerald-dark);border:1px solid rgba(31,107,88,.35)}.secondary-button:hover{border-color:var(--emerald);background:#edf3f0}.gold-button{background:var(--gold);color:#221914;font-weight:700}.outline-light{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.38)}.hero{min-height:700px;padding:78px max(6vw,54px) 68px;display:grid;grid-template-columns:1fr .94fr;gap:55px;align-items:center;background:radial-gradient(circle at 82% 22%,rgba(198,162,82,.12),transparent 27%),linear-gradient(145deg,#fbf9f8 0%,#f4eff3 55%,#edf4f0 100%)}.eyebrow,.kicker{font-size:13px;color:var(--emerald);font-weight:700;letter-spacing:.02em}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow span{width:24px;height:2px;background:var(--gold)}.hero h1{font-size:clamp(42px,5vw,72px);line-height:1.22;margin:20px 0;color:var(--plum-dark);letter-spacing:-.04em}.hero h1 em{font-style:normal;color:var(--emerald);position:relative}.hero-copy>p{max-width:610px;color:#615961;font-size:18px;line-height:2}.hero-actions{display:flex;gap:12px;margin-top:32px}.trust-line{display:flex;flex-wrap:wrap;gap:21px;margin-top:36px;color:#5f585f;font-size:13px}.trust-line span{display:flex;gap:7px;align-items:center}.trust-line svg{width:17px;color:var(--emerald)}.hero-visual{height:550px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid rgba(75,23,79,.18);border-radius:50%}.orbit-one{width:420px;height:420px}.orbit-two{width:310px;height:310px;border-style:dashed;border-color:rgba(31,107,88,.27)}.core{width:170px;height:170px;border-radius:50%;background:linear-gradient(145deg,var(--plum),#652269);box-shadow:0 35px 90px rgba(75,23,79,.28),inset 0 0 0 10px rgba(255,255,255,.06);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;z-index:2}.core-a{font:700 70px Georgia;color:var(--gold);line-height:.8}.core small{margin-top:15px}.node{position:absolute;z-index:3;background:#fff;border:1px solid rgba(75,23,79,.12);border-radius:16px;padding:12px 15px;display:flex;align-items:center;gap:9px;box-shadow:0 12px 35px rgba(40,25,41,.09);font-size:13px}.node svg{width:19px;color:var(--emerald)}.n1{top:57px;right:24px}.n2{left:0;top:175px}.n3{right:3px;bottom:90px}.metric-card{position:absolute;left:34px;bottom:45px;background:rgba(255,255,255,.9);border:1px solid rgba(198,162,82,.35);box-shadow:0 18px 45px rgba(40,25,41,.1);padding:16px;border-radius:16px;width:180px;z-index:4}.metric-card>*{display:block}.metric-card small,.metric-card span{font-size:11px;color:var(--muted)}.metric-card b{color:var(--plum);font-size:18px}.metric-card div{height:5px;background:#e7e0e4;border-radius:8px;margin:10px 0}.metric-card i{display:block;height:100%;background:linear-gradient(90deg,var(--emerald),var(--gold));border-radius:8px}.value-strip{display:grid;grid-template-columns:repeat(3,1fr);margin:-28px auto 0;max-width:1150px;position:relative;z-index:5;background:#fff;border-radius:18px;box-shadow:0 16px 45px rgba(40,25,41,.09);border:1px solid var(--line)}.value-strip>div{display:flex;gap:18px;padding:25px 30px;border-left:1px solid var(--line)}.value-strip>div:last-child{border-left:0}.value-strip strong{font:700 26px Georgia;color:var(--gold)}.value-strip span{display:flex;flex-direction:column}.value-strip b{color:var(--plum-dark)}.value-strip small{color:var(--muted)}.section{padding:100px max(6vw,54px)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:45px}.section-head h2,.catalog-copy h2,.roadmap h2,.join h2{font-size:clamp(30px,3.4vw,49px);line-height:1.35;margin:9px 0;color:var(--plum-dark)}.section-head>p{max-width:420px;color:var(--muted)}.supplier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.supplier-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;position:relative;overflow:hidden}.supplier-card:after{content:"";position:absolute;width:140px;height:140px;border-radius:50%;top:-70px;left:-55px;background:rgba(75,23,79,.06)}.card-top{display:flex;justify-content:space-between;align-items:center}.supplier-symbol{width:43px;height:43px;border-radius:13px;background:#f2edf2;color:var(--plum);display:grid;place-items:center}.supplier-symbol svg{width:21px}.verified{font-size:11px;color:var(--emerald);display:flex;align-items:center;gap:5px}.verified svg{width:15px}.supplier-card h3{font-size:24px;margin:24px 0 0;color:var(--plum-dark)}.supplier-card>p{margin:1px 0;color:var(--muted);font-size:14px}.product-stage{height:150px;margin:20px -24px;background:linear-gradient(145deg,#f1ebf1,#faf8f7);display:grid;place-items:center;position:relative;overflow:hidden}.supplier-card.green .product-stage{background:linear-gradient(145deg,#e4efea,#f9fbfa)}.supplier-card.gold .product-stage{background:linear-gradient(145deg,#f4ead0,#fbf8ef)}.coin{width:86px;height:86px;border:7px double #d2af5c;border-radius:50%;display:grid;place-items:center;font:700 23px Georgia;color:#9a762e;background:radial-gradient(circle,#fff4bd,#d8b359);box-shadow:0 17px 24px rgba(105,77,20,.22);z-index:2}.product-stage i{position:absolute;width:125px;height:125px;border:1px solid rgba(198,162,82,.3);border-radius:50%}.product-stage i:last-child{width:165px;height:165px}.supplier-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.score{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);display:flex;align-items:center;gap:14px}.score>div{display:flex;align-items:end;gap:3px}.score b{font-size:28px;color:var(--plum)}.score small{font-size:10px}.score>span{flex:1}.score strong{font-size:12px}.score i{display:block;background:#eee7eb;height:5px;border-radius:6px;margin-top:7px}.score em{display:block;height:100%;background:var(--emerald);border-radius:6px}.showcase-cta{display:flex;justify-content:space-between;align-items:center;padding:28px 30px;margin-top:24px;background:#f0ecef;border-radius:18px}.showcase-cta p{font-weight:700;color:var(--plum-dark)}.catalog-section{background:linear-gradient(130deg,var(--plum-dark),var(--plum) 55%,#5d265e);min-height:650px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding:80px max(7vw,65px);color:#fff}.catalog-preview{height:500px;position:relative;display:grid;place-items:center}.catalog-paper{width:330px;min-height:430px;background:#f8f4ed;color:var(--plum-dark);border-radius:4px;padding:28px;box-shadow:0 45px 80px rgba(0,0,0,.3);transform:rotate(3deg);text-align:center}.catalog-brand{direction:ltr;font:700 17px Georgia;text-align:left}.catalog-brand span{color:var(--gold)}.gift-orb{width:110px;height:110px;margin:35px auto 18px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#e3c777,#a47d2c);box-shadow:0 20px 35px rgba(104,75,19,.25)}.gift-orb svg{width:38px;color:#fff}.catalog-paper>small{color:var(--emerald)}.catalog-paper h3{font-size:25px;line-height:1.5}.catalog-product{display:flex;flex-direction:column;padding-top:20px;border-top:1px solid #ddd0c3}.catalog-product b{font-size:11px;color:var(--muted)}.qr-float{position:absolute;bottom:45px;right:10%;background:#fff;color:var(--emerald-dark);border-radius:15px;padding:13px;display:flex;align-items:center;gap:8px;box-shadow:0 16px 35px rgba(0,0,0,.2)}.qr-float svg{width:45px}.qr-float small{font-size:10px;max-width:55px}.kicker.light{color:#d9bd72}.catalog-copy h2,.join h2{color:#fff}.catalog-copy>p{color:#e7dfe6;font-size:17px;max-width:590px}.catalog-copy ul{list-style:none;padding:0;margin:25px 0}.catalog-copy li{display:flex;align-items:center;gap:9px;margin:8px 0}.catalog-copy li svg{width:18px;color:#e0c679}.principles{background:#fff}.principle-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-right:1px solid var(--line)}.principle-grid article{padding:28px;border-left:1px solid var(--line);border-bottom:1px solid var(--line);position:relative}.principle-grid article>span{position:absolute;left:20px;top:14px;font:700 35px Georgia;color:#eee7eb}.principle-grid svg{color:var(--emerald);width:24px}.principle-grid h3{margin-top:28px;color:var(--plum-dark)}.principle-grid p{color:var(--muted);font-size:14px}.roadmap{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;background:#f0ecee}.roadmap-copy{align-self:center}.roadmap-copy>p{color:var(--muted);margin-bottom:28px}.steps{position:relative}.steps:before{content:"";position:absolute;right:22px;top:30px;bottom:30px;width:1px;background:#c8bcc5}.step{position:relative;display:grid;grid-template-columns:55px 48px 1fr;align-items:center;padding:19px 0}.step>span{font-size:11px;color:var(--muted)}.step>i{width:45px;height:45px;border-radius:50%;font-style:normal;display:grid;place-items:center;background:#fff;border:1px solid var(--line);z-index:2}.step.active>i{background:var(--emerald);color:#fff;border-color:var(--emerald);box-shadow:0 8px 20px rgba(31,107,88,.22)}.step h3{margin:0;color:var(--plum-dark)}.step p{margin:0;color:var(--muted);font-size:13px}.join{padding:70px max(7vw,65px);background:var(--emerald-dark);display:flex;align-items:center;justify-content:space-between;color:#fff}.join-actions{display:flex;gap:12px}footer{padding:45px max(5vw,44px);display:grid;grid-template-columns:auto 1fr auto;gap:30px;align-items:center;background:#181418;color:#bfb7bf}footer>div:not(.brand){display:flex;gap:22px}footer a{color:#d9d0d9;text-decoration:none;font-size:13px}footer>small{grid-column:1/-1;border-top:1px solid #332c33;padding-top:17px}.footer-brand{color:#fff}.modal-backdrop{position:fixed;inset:0;background:rgba(24,14,24,.72);z-index:100;display:grid;place-items:center;padding:20px;backdrop-filter:blur(5px)}.modal{width:min(620px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:24px;padding:34px;position:relative}.modal-close{position:absolute;left:20px;top:20px;border:0;background:#eee7eb;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;cursor:pointer}.modal-close svg{width:19px}.modal h2{font-size:30px;margin:8px 0;color:var(--plum-dark)}.modal>p{color:var(--muted)}form{display:grid;gap:13px;margin-top:24px}label{display:grid;gap:5px;font-size:13px;font-weight:700;color:#4d454c}input,select,textarea{width:100%;border:1px solid #d8d0d5;border-radius:10px;padding:11px 12px;background:#fbfafb;color:var(--ink);font:inherit;font-size:14px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--emerald);box-shadow:0 0 0 3px rgba(31,107,88,.1)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.full{width:100%;margin-top:7px}.form-message{display:block;margin-top:10px;padding:11px;border-radius:10px;background:#edf5f1;color:var(--emerald-dark);font-size:13px}.catalog-modal{width:min(980px,100%)}.builder-grid{display:grid;grid-template-columns:1fr .85fr;gap:32px}.mini-preview{align-self:start;background:linear-gradient(155deg,#faf6ed,#eee4ed);border:1px solid #e1d4d9;border-radius:20px;min-height:570px;padding:30px;text-align:center;display:flex;flex-direction:column;align-items:center}.mini-preview>small{color:var(--emerald)}.mini-preview .gift-orb{margin:28px auto 18px}.mini-preview h3{font-size:27px;color:var(--plum-dark);margin:10px}.mini-preview p{color:var(--muted)}.mini-preview>span{margin-top:auto;font-weight:700}.mini-preview>em{font-style:normal;color:var(--muted);font-size:12px}.qr-result{margin-top:18px;border-top:1px solid #d9cfd4;padding-top:16px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.qr-result img{width:100px;height:100px}.qr-result button,.qr-result a{border:0;background:#fff;color:var(--plum);padding:8px 10px;border-radius:8px;text-decoration:none;display:flex;gap:5px;align-items:center;font-size:12px;cursor:pointer}.qr-result svg{width:15px}.public-catalog{min-height:100vh;background:radial-gradient(circle at 70% 25%,rgba(198,162,82,.18),transparent 27%),linear-gradient(145deg,#f9f5ef,#eee4ed);display:flex;flex-direction:column}.public-catalog nav{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,35px);border-bottom:1px solid rgba(75,23,79,.1)}.public-catalog nav a{direction:ltr;font:700 21px Georgia;color:var(--plum);text-decoration:none}.public-catalog nav a span{color:var(--gold)}.public-catalog nav small{color:var(--emerald)}.public-catalog>section{flex:1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:50px max(7vw,55px)}.catalog-content .catalog-by{color:var(--emerald);font-weight:700}.catalog-content h1{font-size:clamp(42px,6vw,82px);line-height:1.2;color:var(--plum-dark);margin:15px 0}.catalog-content>p{max-width:610px;color:var(--muted);font-size:18px}.catalog-badges{display:flex;gap:14px;margin:28px 0}.catalog-badges span{display:flex;gap:6px;align-items:center;font-size:12px}.catalog-badges svg{width:17px;color:var(--emerald)}.catalog-object{position:relative;min-height:520px;display:grid;place-items:center}.object-halo{position:absolute;width:450px;height:450px;border:1px solid rgba(75,23,79,.17);border-radius:50%;box-shadow:inset 0 0 80px rgba(198,162,82,.12)}.object-medal{width:230px;height:230px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#f9eab3,#bd9137);color:#704c13;border:14px double #d2ad5d;box-shadow:0 40px 70px rgba(96,66,15,.28);z-index:2}.object-medal svg{width:60px}.object-medal b{font:700 30px Georgia}.catalog-object article{position:absolute;bottom:10px;background:#fff;border-radius:16px;padding:17px 24px;width:75%;z-index:3;text-align:center;box-shadow:0 17px 40px rgba(55,35,54,.12)}.catalog-object article h2{margin:2px;color:var(--plum)}.catalog-object article p{margin:0;color:var(--muted)}.public-catalog footer{display:flex;justify-content:space-between;padding:20px max(5vw,35px)}
@media(max-width:980px){.nav,.header-actions{display:none}.menu-button{display:grid;place-items:center}.nav.open{display:flex;position:absolute;top:82px;right:0;left:0;background:linear-gradient(180deg,#fff 0%,#f7f4f2 100%);padding:16px;flex-direction:column;gap:10px;border-bottom:1px solid rgba(75,23,79,.1);box-shadow:0 24px 48px rgba(40,25,41,.14);animation:nav-drop .28s ease}.hero{grid-template-columns:1fr;padding-top:55px}.hero-visual{height:480px}.value-strip{margin:0;border-radius:0}.supplier-grid,.principle-grid{grid-template-columns:1fr 1fr}.catalog-section,.roadmap,.public-catalog>section{grid-template-columns:1fr}.catalog-copy{order:-1}.join{align-items:flex-start;gap:28px;flex-direction:column}.builder-grid{grid-template-columns:1fr}footer{grid-template-columns:1fr}.public-catalog footer{display:block}.catalog-object{min-height:480px}}
@media(max-width:650px){body{font-size:15px}.topbar{padding:0 20px}.hero,.section,.catalog-section,.join{padding-right:22px;padding-left:22px}.hero{min-height:auto}.hero h1{font-size:42px}.hero-actions,.join-actions{flex-direction:column;align-items:stretch}.trust-line{gap:10px}.hero-visual{height:410px;transform:scale(.86);margin:-25px}.orbit-one{width:370px;height:370px}.orbit-two{width:270px;height:270px}.n2{left:-20px}.value-strip{grid-template-columns:1fr}.value-strip>div,.value-strip .value-card{border-left:0;border-bottom:1px solid var(--line)}.section-head,.showcase-cta{align-items:flex-start;flex-direction:column}.supplier-grid,.principle-grid{grid-template-columns:1fr}.catalog-preview{height:470px;transform:scale(.9)}.catalog-paper{width:310px}.principle-grid{border-left:1px solid var(--line)}.roadmap{gap:35px}.step{grid-template-columns:56px 44px 1fr}.field-row{grid-template-columns:1fr}.modal{padding:28px 20px}.public-catalog>section{padding:30px 22px}.catalog-content h1{font-size:45px}.object-halo{width:340px;height:340px}.object-medal{width:190px;height:190px}.catalog-object article{width:95%}.value-hint{position:static;opacity:1;transform:none;margin-top:8px;box-shadow:none;border:0;padding:0;background:transparent;font-size:12px}}

/* —— Motion & richer visuals —— */
@keyframes orbit-spin{to{transform:rotate(360deg)}}
@keyframes float-a{0%,100%{transform:translate(0,0)}50%{transform:translate(-10px,12px)}}
@keyframes float-b{0%,100%{transform:translate(0,0)}50%{transform:translate(12px,-10px)}}
@keyframes float-c{0%,100%{transform:translate(0,0)}50%{transform:translate(-8px,-14px)}}
@keyframes float-m{0%,100%{transform:translate(0,0) rotate(-1deg)}50%{transform:translate(8px,-10px) rotate(1deg)}}
@keyframes pulse-glow{0%,100%{opacity:.45;transform:scale(1)}50%{opacity:.85;transform:scale(1.08)}}
@keyframes coin-pulse{0%,100%{transform:scale(1) rotate(0deg);filter:brightness(1)}50%{transform:scale(1.06) rotate(4deg);filter:brightness(1.12)}}
@keyframes shimmer{0%{transform:translateX(-120%) rotate(25deg)}100%{transform:translateX(220%) rotate(25deg)}}
@keyframes spark-twinkle{0%,100%{opacity:0;transform:scale(.4)}40%{opacity:1;transform:scale(1)}70%{opacity:.2}}
@keyframes score-fill{from{width:0}}
@keyframes paper-float{0%,100%{transform:rotate(3deg) translateY(0)}50%{transform:rotate(2deg) translateY(-10px)}}
@keyframes orb-shine{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
@keyframes cta-breathe{0%,100%{box-shadow:0 0 0 0 rgba(31,107,88,.25)}70%{box-shadow:0 0 0 14px rgba(31,107,88,0)}}
@keyframes join-wave{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes fade-up{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

.hero-glow{position:absolute;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(198,162,82,.35),transparent 70%);animation:pulse-glow 4.5s ease-in-out infinite;z-index:1;pointer-events:none}
.orbit-one{animation:orbit-spin 48s linear infinite}
.orbit-two{animation:orbit-spin 36s linear infinite reverse}
.hero-visual .node{backdrop-filter:blur(8px);background:rgba(255,255,255,.92);border:1px solid rgba(198,162,82,.28);box-shadow:0 14px 40px rgba(40,25,41,.12),0 0 0 1px rgba(255,255,255,.5) inset}
.hero-visual .node::before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(135deg,rgba(198,162,82,.35),transparent 40%,rgba(31,107,88,.2));opacity:.55;pointer-events:none;z-index:-1}
.n1{animation:float-a 5.5s ease-in-out infinite}
.n2{animation:float-b 6.2s ease-in-out infinite}
.n3{animation:float-c 5.8s ease-in-out infinite .4s}
.metric-card{animation:float-m 6.8s ease-in-out infinite;backdrop-filter:blur(10px);background:linear-gradient(160deg,rgba(255,255,255,.95),rgba(248,242,230,.9));border:1px solid rgba(198,162,82,.45);box-shadow:0 18px 45px rgba(40,25,41,.12),0 0 24px rgba(198,162,82,.15)}
.metric-card i{animation:score-fill 1.6s ease-out both}

.value-strip{overflow:visible;gap:0;background:transparent;border:0;box-shadow:none}
.value-strip .value-card{all:unset;cursor:pointer;display:flex;gap:18px;padding:25px 30px;border-left:1px solid var(--line);background:#fff;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s;box-sizing:border-box;width:100%;min-height:110px}
.value-strip .value-card:first-child{border-radius:0 18px 18px 0}
.value-strip .value-card:last-child{border-left:0;border-radius:18px 0 0 18px}
.value-strip .value-card:hover{transform:translateY(-6px);z-index:2;box-shadow:0 22px 40px rgba(40,25,41,.14)}
.value-strip .value-card::after{content:"";position:absolute;inset:auto -40% -40% auto;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(198,162,82,.22),transparent 70%);transition:transform .35s}
.value-strip .value-card:hover::after{transform:scale(1.4)}
.value-strip strong{font:700 26px Georgia;color:var(--gold)}
.value-strip span{display:flex;flex-direction:column}
.value-strip b{color:var(--plum-dark)}
.value-strip small{color:var(--muted)}
.value-hint{position:absolute;left:16px;right:16px;bottom:10px;font-size:11px;line-height:1.5;color:#5a545a;background:rgba(247,244,242,.96);border:1px solid var(--line);border-radius:10px;padding:8px 10px;opacity:0;transform:translateY(8px);transition:.25s;pointer-events:none;box-shadow:0 10px 24px rgba(40,25,41,.1)}
.value-strip .value-card:hover .value-hint{opacity:1;transform:none}
@media(min-width:981px){.value-strip{background:#fff;border-radius:18px;box-shadow:0 16px 45px rgba(40,25,41,.09);border:1px solid var(--line);overflow:hidden}.value-hint{bottom:14px}}

.section-head-actions{display:flex;flex-direction:column;align-items:flex-end;gap:12px;max-width:420px}
.section-head-actions p{margin:0;color:var(--muted);text-align:left}
.info-chip{border:1px solid rgba(31,107,88,.28);background:#fff;color:var(--emerald-dark);border-radius:999px;padding:8px 14px;display:inline-flex;align-items:center;gap:7px;cursor:pointer;font-size:13px;transition:.2s}
.info-chip svg{width:15px}
.info-chip:hover{background:#edf3f0;border-color:var(--emerald)}

.supplier-card{transition:transform .3s,box-shadow .3s;box-shadow:0 8px 28px rgba(40,25,41,.05)}
.supplier-card:hover{transform:translateY(-8px);box-shadow:0 24px 48px rgba(40,25,41,.12)}
.supplier-card.purple{border-color:rgba(75,23,79,.18)}
.supplier-card.green{border-color:rgba(31,107,88,.22)}
.supplier-card.gold{border-color:rgba(198,162,82,.35)}
.supplier-blurb{font-size:12px;color:#6d666d;margin:10px 0 0;line-height:1.7}
.product-stage{isolation:isolate}
.coin{position:relative;overflow:hidden;animation:coin-pulse 3.4s ease-in-out infinite;box-shadow:0 17px 24px rgba(105,77,20,.22),0 0 28px rgba(198,162,82,.35)}
.coin::after{content:"";position:absolute;inset:-20%;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);animation:shimmer 2.8s ease-in-out infinite}
.product-stage i{animation:orbit-spin 18s linear infinite}
.product-stage i:last-child{animation-direction:reverse;animation-duration:24s}
.spark{position:absolute;width:6px;height:6px;border-radius:50%;background:#fff8d6;box-shadow:0 0 10px #f0d27a;animation:spark-twinkle 2.4s ease-in-out infinite;z-index:3}
.spark.s1{top:28%;right:28%}
.spark.s2{bottom:30%;left:26%;animation-delay:.6s}
.spark.s3{top:22%;left:34%;animation-delay:1.2s}
.score{background:linear-gradient(90deg,rgba(31,107,88,.06),transparent);border-radius:14px;padding:14px;border-top:0;margin-top:14px}
.score em{background:linear-gradient(90deg,var(--emerald),var(--gold));animation:score-fill 1.4s ease-out both;box-shadow:0 0 12px rgba(31,107,88,.35)}
.score b{background:linear-gradient(135deg,var(--plum),var(--emerald));-webkit-background-clip:text;background-clip:text;color:transparent}

.cta-glow{position:relative;overflow:hidden;animation:cta-breathe 2.8s ease-out infinite;border-color:rgba(31,107,88,.55);background:linear-gradient(120deg,#f4faf7,#edf3f0)}
.cta-glow::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(-100%);animation:shimmer 3.2s ease-in-out infinite}
.cta-glow:hover{transform:translateY(-2px);border-color:var(--emerald)}

.catalog-paper{animation:paper-float 5.5s ease-in-out infinite;position:relative;overflow:hidden;box-shadow:0 45px 80px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.2)}
.catalog-paper::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 40%,rgba(255,255,255,.35) 50%,transparent 60%);transform:translateX(-100%);animation:shimmer 4s ease-in-out infinite}
.gift-orb{position:relative;overflow:hidden;animation:coin-pulse 3.8s ease-in-out infinite;box-shadow:0 20px 35px rgba(104,75,19,.25),0 0 32px rgba(227,199,119,.45)}
.gift-orb .orb-shine,.gift-orb::after{content:"";position:absolute;inset:-30%;background:conic-gradient(from 0deg,transparent,rgba(255,255,255,.55),transparent 30%);animation:orb-shine 4s linear infinite}
.qr-float{border:0;cursor:pointer;transition:transform .25s,box-shadow .25s;animation:float-b 4.8s ease-in-out infinite;background:linear-gradient(145deg,#fff,#f3f8f5);border:1px solid rgba(31,107,88,.2)}
.qr-float:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 20px 40px rgba(0,0,0,.28)}
.catalog-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}

.principle-card{transition:background .25s,transform .25s;background:linear-gradient(180deg,#fff,rgba(247,244,242,.6))}
.principle-card:hover{transform:translateY(-4px);background:linear-gradient(180deg,#fff,#f3f7f4)}
.principle-card small{display:block;margin-top:12px;color:#6a636a;font-size:12px;line-height:1.7}
.principle-grid article>span{background:linear-gradient(180deg,#f3ecef,#eee7eb);-webkit-background-clip:text;background-clip:text}

.roadmap-actions{display:flex;flex-wrap:wrap;gap:12px}
.roadmap .steps{position:relative;padding:10px 0 10px 6px;display:grid;gap:16px}
.roadmap .steps:before{content:"";position:absolute;right:54px;top:36px;bottom:36px;width:4px;border-radius:999px;background:linear-gradient(180deg,#e8c974 0%,#c6a252 28%,#1f6b58 62%,#4b174f 100%);box-shadow:0 0 16px rgba(198,162,82,.35);z-index:0;opacity:.85}
.step{all:unset;cursor:pointer;display:grid;grid-template-columns:68px 56px 1fr auto;align-items:center;gap:14px;padding:22px 20px;border-radius:22px;width:100%;box-sizing:border-box;transition:background .25s,transform .25s,box-shadow .25s,border-color .25s;position:relative;z-index:1;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(255,252,248,.78));border:1px solid rgba(200,188,197,.55);box-shadow:0 12px 28px rgba(40,25,41,.07)}
.step:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,rgba(198,162,82,.35),rgba(75,23,79,.2));opacity:0;transition:opacity .25s}
.step:hover{background:linear-gradient(145deg,#fff,#faf6f1);transform:translateX(-5px);box-shadow:0 18px 36px rgba(40,25,41,.1)}
.step:hover:before{opacity:1}
.step.active{background:linear-gradient(135deg,#fffefb 0%,#f4faf7 48%,#fff6e8 100%);box-shadow:0 20px 44px rgba(40,25,41,.14),0 0 0 1px rgba(198,162,82,.4),0 0 32px rgba(31,107,88,.08);border:1px solid rgba(198,162,82,.5)}
.step.active:before{opacity:1;width:5px;background:linear-gradient(180deg,#c6a252,#1f6b58)}
.step.active h3{color:var(--emerald-dark)}

.join{position:relative;overflow:hidden;background:linear-gradient(120deg,#0f2f28,#123f35 40%,#1a5548 70%,#123f35);background-size:200% 200%;animation:join-wave 10s ease-in-out infinite}
.join-glow{position:absolute;width:320px;height:320px;border-radius:50%;right:-60px;top:-80px;background:radial-gradient(circle,rgba(198,162,82,.28),transparent 70%);pointer-events:none;animation:pulse-glow 5s ease-in-out infinite}
.join-lead{color:#d5e8e1;max-width:520px;margin:12px 0 0}
.join-actions{position:relative;z-index:1;flex-wrap:wrap}
.join-pulse{animation:cta-breathe 3s ease-out infinite}
.join-pulse.delay{animation-delay:1.2s}

.seo-index{padding:48px max(6vw,54px) 70px;background:#efeae9;border-top:1px solid var(--line)}
.seo-index h2{margin:0 0 10px;font-size:22px;color:var(--plum-dark)}
.seo-index p{max-width:820px;color:var(--muted);margin:0 0 16px}
.seo-index ul{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0}
.seo-index li{padding:0;margin:0;background:transparent;border:0}
.seo-chip{background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:13px;color:var(--plum-dark);cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease}
.seo-chip:hover,.seo-chip.active{border-color:rgba(75,23,79,.35);background:#f8f3f8;box-shadow:0 8px 20px rgba(75,23,79,.08);transform:translateY(-1px)}

.info-visual{width:72px;height:72px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(145deg,var(--plum),#5d265e);color:#e8c974;margin-bottom:12px;position:relative;overflow:hidden}
.info-visual svg{width:30px;position:relative;z-index:1}
.info-orb{position:absolute;inset:-20%;background:conic-gradient(from 90deg,transparent,rgba(255,255,255,.3),transparent 35%);animation:orb-shine 6s linear infinite}
.info-points{list-style:none;padding:0;margin:18px 0;display:grid;gap:10px}
.info-points.compact{margin:10px 0 0}
.info-points li{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:#f7f4f2;color:#3f3a3f;font-size:14px}
.info-points svg{width:18px;color:var(--emerald);flex-shrink:0;margin-top:2px}
.info-block,.info-roadmap{margin-top:12px;padding:16px;border-radius:16px;border:1px solid rgba(198,162,82,.35);background:linear-gradient(145deg,#fffdf8,#f7f1e4)}
.info-block h3,.info-roadmap h3,.info-sub{margin:0 0 8px;color:var(--plum-dark);font-size:15px}
.info-roadmap p{margin:0;color:var(--muted);font-size:14px}
.info-tags,.info-keywords{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.info-tags span,.info-keywords span{font-size:12px;padding:6px 10px;border-radius:999px;background:#edf3f0;color:var(--emerald-dark)}
.info-keywords span{background:#f2edf2;color:var(--plum)}
.info-cta{margin-top:18px;padding-top:4px}
.info-cta .primary-button{width:100%;justify-content:center}

.supplier-card .card-glow{position:absolute;inset:auto -20% -30% auto;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(198,162,82,.2),transparent 70%);pointer-events:none;z-index:0}
.supplier-card>*{position:relative;z-index:1}
.supplier-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.supplier-facts>div{background:rgba(247,244,242,.9);border:1px solid rgba(223,217,220,.8);border-radius:12px;padding:10px 12px}
.supplier-facts small{display:block;font-size:10px;color:var(--muted);margin-bottom:3px}
.supplier-facts b{font-size:12px;color:var(--plum-dark);font-weight:700;line-height:1.4}
.supplier-facts>div:last-child{grid-column:1/-1}
.supplier-stage{margin-top:12px;display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--emerald-dark);background:rgba(31,107,88,.08);border:1px solid rgba(31,107,88,.18);border-radius:999px;padding:6px 12px}
.supplier-stage svg{width:14px}
.supplier-docs{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.supplier-docs span{font-size:11px;padding:5px 9px;border-radius:8px;background:#f4eef4;color:var(--plum);border:1px solid rgba(75,23,79,.08)}

.showcase .showcase-cta{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center;padding:32px 30px 32px 230px;margin-top:28px;background:linear-gradient(135deg,#f4f0f3 0%,#eef5f1 55%,#f7f2e8 100%);border:1px solid rgba(75,23,79,.1);border-radius:22px;box-shadow:0 18px 40px rgba(40,25,41,.08);overflow:hidden;position:relative;min-height:220px}
.showcase-cta .cta-copy h3{margin:8px 0 10px;font-size:clamp(20px,2.4vw,28px);line-height:1.45;color:var(--plum-dark)}
.showcase-cta .cta-copy p{margin:0;color:#615961;font-size:14px;max-width:460px}
.cta-list{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:8px}
.cta-list li{display:flex;align-items:center;gap:8px;font-size:13px;color:#3f3a3f}
.cta-list svg{width:16px;color:var(--emerald)}
.cta-actions{display:flex;flex-direction:column;gap:12px;align-items:stretch;position:relative;z-index:2}
.cta-actions .info-chip{justify-content:center}

.steps{display:grid;gap:16px}
.step-label{font-size:11px;color:#fff;font-weight:800;letter-spacing:.02em;padding:8px 6px;text-align:center;border-radius:14px;background:linear-gradient(160deg,#5d265e,#4b174f);box-shadow:0 8px 16px rgba(75,23,79,.18);line-height:1.35}
.step.active .step-label{background:linear-gradient(160deg,#c6a252,#8a6420);color:#2a102e;box-shadow:0 10px 18px rgba(198,162,82,.28)}
.step-node{position:relative;width:56px;height:56px;display:grid;place-items:center;z-index:2}
.step-node>i{width:56px;height:56px;border-radius:50%;font-style:normal;font:800 18px/1 Georgia,serif;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#f4eef3);border:2.5px solid rgba(198,162,82,.55);color:var(--plum-dark);box-shadow:0 10px 22px rgba(40,25,41,.1),0 0 0 4px rgba(255,255,255,.7);transition:transform .25s,box-shadow .25s,background .25s,border-color .25s}
.step-node .step-ico{position:absolute;inset:0;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .25s}
.step-node .step-ico svg{width:22px;height:22px;color:#e8c974}
.step.active .step-node>i{background:linear-gradient(145deg,#1f6b58,#0f2f28);color:transparent;border-color:#e8c974;box-shadow:0 12px 26px rgba(31,107,88,.32),0 0 0 5px rgba(31,107,88,.12),0 0 24px rgba(198,162,82,.25)}
.step.active .step-node .step-ico{opacity:1}
.step:hover .step-node>i{transform:scale(1.07)}
.step.active .step-node>i{transform:scale(1.08);animation:step-pulse 2.8s ease-in-out infinite}
.step-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.step-tags em{font-style:normal;font-size:11px;padding:6px 11px;border-radius:999px;background:#f3eef3;color:var(--plum);border:1px solid rgba(75,23,79,.1);font-weight:600}
.step-open{font-size:12px;color:var(--emerald-dark);font-weight:800;padding:10px 14px;border-radius:14px;background:rgba(31,107,88,.1);border:1px solid rgba(31,107,88,.18);white-space:nowrap;transition:background .25s,color .25s,box-shadow .25s}
.step.active .step-open{background:linear-gradient(135deg,var(--emerald),#175647);color:#fff;border-color:transparent;box-shadow:0 8px 18px rgba(31,107,88,.25)}
.step.active .step-tags em{background:rgba(31,107,88,.12);color:var(--emerald-dark);border-color:rgba(31,107,88,.18)}
.step h3{margin:0;font-size:19px;color:var(--plum-dark);font-weight:800}
.step p{margin:5px 0 0;color:#5c555c;font-size:13.5px;line-height:1.7}
.step.active::after{content:"";position:absolute;inset:0;border-radius:22px;pointer-events:none;background:radial-gradient(circle at 92% 8%,rgba(198,162,82,.18),transparent 40%),radial-gradient(circle at 0% 100%,rgba(31,107,88,.08),transparent 38%)}
@keyframes step-pulse{0%,100%{box-shadow:0 12px 26px rgba(31,107,88,.32),0 0 0 5px rgba(31,107,88,.12),0 0 24px rgba(198,162,82,.25)}50%{box-shadow:0 14px 30px rgba(31,107,88,.4),0 0 0 8px rgba(31,107,88,.08),0 0 32px rgba(198,162,82,.35)}}

.info-sub{margin:18px 0 8px;font-size:15px;color:var(--plum-dark)}
.info-points.compact{margin:8px 0 0}
.info-points.compact li{padding:8px 10px;font-size:13px}
.phase-jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.phase-jump button{border:1px solid rgba(75,23,79,.15);background:#fff;color:var(--plum-dark);border-radius:999px;padding:8px 12px;cursor:pointer;font-size:12px;transition:.2s}
.phase-jump button:hover{border-color:var(--emerald);background:#edf3f0;color:var(--emerald-dark)}
.info-modal{width:min(720px,100%);max-height:min(88vh,920px);overflow:auto}
.info-modal-wide{width:min(820px,100%)}

@media(max-width:980px){
  .showcase .showcase-cta{grid-template-columns:1fr;padding:28px 24px 190px}
  .step{grid-template-columns:56px 48px 1fr}.step-open{display:none}
  .roadmap .steps:before{right:46px}
  .step-node,.step-node>i{width:48px;height:48px}
  .step-label{font-size:10px;padding:7px 4px}
}
@media(max-width:650px){
  .showcase .showcase-cta{padding:25px 22px 190px}
  .step{grid-template-columns:52px 44px 1fr;padding:16px 14px;gap:10px}
  .roadmap .steps:before{right:40px}
  .step h3{font-size:16px}
}

/* Showcase supplier rail — mobile */
@media(max-width:650px){
  .showcase{padding-right:0;padding-left:0}
  .showcase .section-head{padding-right:22px;padding-left:22px}
  .showcase .showcase-cta{margin-right:22px;margin-left:22px}
  .showcase .supplier-grid{
    display:flex;
    gap:14px;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:22px;
    padding:6px 22px 22px;
    margin:0;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    grid-template-columns:unset;
  }
  .showcase .supplier-grid::-webkit-scrollbar{display:none}
  .showcase .supplier-card{
    flex:0 0 min(86vw,340px);
    max-width:340px;
    scroll-snap-align:center;
    padding:18px 16px 16px;
    border-radius:24px;
    background:
      linear-gradient(165deg,#ffffff 0%,#fbf8f6 55%,#f4f0f3 100%);
    box-shadow:0 16px 36px rgba(40,25,41,.1),0 0 0 1px rgba(198,162,82,.12);
    display:flex;
    flex-direction:column;
  }
  .showcase .supplier-card:before{
    content:"";
    position:absolute;inset:0 auto 0 0;width:4px;border-radius:24px 0 0 24px;
    background:linear-gradient(180deg,#c6a252,#1f6b58);
  }
  .showcase .supplier-card.purple:before{background:linear-gradient(180deg,#4b174f,#c6a252)}
  .showcase .supplier-card.green:before{background:linear-gradient(180deg,#1f6b58,#c6a252)}
  .showcase .supplier-card.gold:before{background:linear-gradient(180deg,#c6a252,#8a6420)}
  .showcase .supplier-card:hover{transform:none}
  .showcase .supplier-card .card-top{margin-bottom:4px}
  .showcase .supplier-card .verified{
    font-size:10px;padding:5px 9px;border-radius:999px;
    background:rgba(31,107,88,.1);border:1px solid rgba(31,107,88,.18);
  }
  .showcase .supplier-card .verified svg{width:13px;height:13px}
  .showcase .supplier-card h3{margin:8px 0 2px;font-size:18px;line-height:1.35}
  .showcase .supplier-card>p{margin:0;font-size:12px;color:var(--muted)}
  .showcase .supplier-card .product-stage{
    height:112px;margin:14px -16px;border-radius:0;
  }
  .showcase .supplier-card .coin{width:64px;height:64px;font-size:22px}
  .showcase .supplier-card .supplier-meta{
    margin-top:2px;gap:8px;flex-wrap:wrap;
  }
  .showcase .supplier-card .supplier-meta span{
    padding:4px 9px;border-radius:999px;background:#f4eef3;font-size:11px;
  }
  .showcase .supplier-card .supplier-blurb{
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
    overflow:hidden;margin-top:8px;font-size:12px;min-height:0;
  }
  .showcase .supplier-card .supplier-facts{
    grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px;
  }
  .showcase .supplier-card .supplier-facts>div{
    padding:8px 6px;text-align:center;border-radius:12px;
  }
  .showcase .supplier-card .supplier-facts>div:last-child{grid-column:auto}
  .showcase .supplier-card .supplier-facts small{font-size:9px;margin-bottom:2px}
  .showcase .supplier-card .supplier-facts b{font-size:10px;line-height:1.35}
  .showcase .supplier-card .supplier-stage{margin-top:10px;align-self:flex-start}
  .showcase .supplier-card .supplier-docs{margin-top:8px;gap:5px}
  .showcase .supplier-card .supplier-docs span{font-size:10px;padding:4px 8px}
  .showcase .supplier-card .score{
    margin-top:auto;padding:12px;gap:10px;
  }
  .showcase .supplier-card .score b{font-size:22px}
  .showcase .supplier-rail-hint{
    display:block;text-align:center;font-size:11px;color:#8a8088;
    padding:0 22px 4px;margin-top:-6px;
  }
}
@media(min-width:651px){
  .showcase .supplier-rail-hint{display:none}
}

/* Force readable light text on dark nav CTAs */
.topbar button.nav-gift-cta,
.topbar button.nav-gift-cta *,
.topbar .nav-mobile-actions button.primary-button,
.topbar .nav-mobile-actions button.primary-button *{
  color:#ffffff!important;
}
.topbar button.nav-gift-cta .nav-gift-text b,
.topbar .nav.open .nav-gift-text b{
  color:#ffffff!important;
  text-shadow:0 1px 3px rgba(0,0,0,.45);
}
.topbar button.nav-gift-cta .nav-gift-text small,
.topbar .nav.open .nav-gift-text small{
  color:#ffe9b0!important;
  text-shadow:0 1px 2px rgba(0,0,0,.4);
}
.topbar .nav-mobile-actions button.primary-button{
  background:linear-gradient(135deg,#4b174f,#5d265e 50%,#1f6b58)!important;
  border:1px solid rgba(232,201,116,.55)!important;
  font-weight:800;
  text-shadow:0 1px 3px rgba(0,0,0,.4);
}
.topbar .nav-mobile-actions button.primary-button svg{
  color:#ffe08a!important;
}


@media (prefers-reduced-motion:reduce){
  .orbit-one,.orbit-two,.n1,.n2,.n3,.metric-card,.coin,.coin::after,.gift-orb,.gift-orb::after,.catalog-paper,.qr-float,.cta-glow,.join,.join-pulse,.hero-glow,.spark,.product-stage i,.step.active .step-node>i{animation:none!important}
}

@keyframes nav-drop{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
.menu-button{width:42px;height:42px;border-radius:12px;border:1px solid rgba(75,23,79,.12);background:#fff;color:var(--plum-dark);transition:.2s}
.menu-button svg{width:20px;height:20px}
.menu-button:hover{border-color:rgba(31,107,88,.35);background:#edf3f0}
.nav-link{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#504850;font-size:14px;transition:.2s}
.nav-link:hover{color:var(--plum)}
.nav-icon{display:none}
.nav-text{display:inline-flex;align-items:center}
.nav-text b{font-weight:600}
.nav-text small{display:none}
.nav-mobile-actions{display:none}
.nav-gift-cta{display:none;align-items:center;gap:12px;border:1px solid rgba(232,201,116,.55);border-radius:16px;padding:10px 14px 10px 12px;cursor:pointer;background:linear-gradient(135deg,#2a102e 0%,#4b174f 48%,#1f6b58 120%);color:#fff8e8!important;box-shadow:0 12px 28px rgba(75,23,79,.22),0 0 0 1px rgba(255,255,255,.08) inset;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}
.nav-gift-cta:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(75,23,79,.28),0 0 24px rgba(198,162,82,.2);color:#fff!important}
.nav-gift-orb{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#fff1c2,#d4a84a 55%,#8a6420);color:#5c4012;flex-shrink:0;box-shadow:0 8px 16px rgba(0,0,0,.25)}
.nav-gift-orb svg{width:18px;height:18px}
.nav-gift-text{display:flex;flex-direction:column;align-items:flex-start;gap:2px;line-height:1.25;text-align:right}
.nav-gift-text b{font-size:13px;font-weight:800;color:#fff8e8!important;text-shadow:0 1px 2px rgba(0,0,0,.35)}
.nav-gift-text small{font-size:11px;color:#f0e0b0!important;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3)}
.nav-gift-spark{width:16px;height:16px;color:#e8c974;margin-right:auto;flex-shrink:0;filter:drop-shadow(0 0 4px rgba(232,201,116,.5))}
.topbar .nav-gift-cta,.topbar .nav-mobile-actions .primary-button{color:#fff8e8!important}
.topbar .nav-mobile-actions .primary-button{background:linear-gradient(135deg,#4b174f,#5d265e 55%,#1f6b58);border:1px solid rgba(232,201,116,.4);font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.25);box-shadow:0 10px 22px rgba(75,23,79,.2)}
.topbar .nav-mobile-actions .primary-button svg{color:#e8c974}
.topbar .nav-mobile-actions .ghost-button{color:var(--plum-dark)!important;background:#fff;border:1px solid rgba(75,23,79,.14);font-weight:700}
@media(min-width:981px){
  .nav{align-items:center;gap:8px}
  .nav-link{padding:8px 12px;border-radius:12px}
  .nav-link:hover{background:rgba(75,23,79,.05)}
  .nav-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:rgba(31,107,88,.08);color:var(--emerald)}
  .nav-icon svg{width:15px;height:15px}
  .nav-gift-cta{display:inline-flex;margin-right:4px}
  .nav-gift-text small{display:none}
  .nav-gift-cta{padding:8px 12px}
  .nav-gift-orb{width:34px;height:34px}
  .nav-gift-orb svg{width:15px}
  .nav-gift-text b{font-size:12px}
}
@media(max-width:980px){
  .nav.open .nav-link{display:flex;align-items:center;gap:14px;width:100%;padding:14px 14px;border-radius:16px;background:#fff;border:1px solid rgba(75,23,79,.08);box-shadow:0 8px 22px rgba(40,25,41,.06);color:var(--plum-dark)}
  .nav.open .nav-link:hover,.nav.open .nav-link:active{border-color:rgba(31,107,88,.28);background:linear-gradient(135deg,#fff,#f3f8f5);transform:translateY(-1px)}
  .nav.open .nav-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,var(--plum),#5d265e);color:#e8c974;flex-shrink:0;box-shadow:0 10px 20px rgba(75,23,79,.18)}
  .nav.open .nav-icon svg{width:20px;height:20px}
  .nav.open .nav-text{display:flex;flex-direction:column;align-items:flex-start;gap:2px;line-height:1.35}
  .nav.open .nav-text b{font-size:15px;font-weight:700}
  .nav.open .nav-text small{display:block;font-size:12px;color:var(--muted);font-weight:400}
  .nav.open .nav-gift-cta{display:flex;width:100%;margin-top:4px;padding:14px 16px;border-radius:18px;order:1;color:#fff8e8!important}
  .nav.open .nav-gift-orb{width:48px;height:48px}
  .nav.open .nav-gift-orb svg{width:22px}
  .nav.open .nav-gift-text b{font-size:15px;color:#fff8e8!important}
  .nav.open .nav-gift-text small{display:block;color:#f0e0b0!important}
  .nav.open .nav-gift-spark{width:18px;height:18px}
  .nav-mobile-actions{display:grid;gap:10px;margin-top:6px;padding-top:12px;border-top:1px solid rgba(75,23,79,.08);order:2}
  .nav-mobile-actions .text-button,.nav-mobile-actions .primary-button{width:100%;justify-content:center;padding:13px 16px;border-radius:14px}
  .nav-mobile-actions .primary-button{color:#fff8e8!important;font-size:15px}
  .nav-mobile-actions .text-button{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid rgba(31,107,88,.25);color:var(--emerald-dark)}
  .nav-mobile-actions svg{width:17px;height:17px}
}

/* �� Themed scrollbars �� */
html{scrollbar-width:thin;scrollbar-color:#c6a252 #efe8ef}
*{scrollbar-width:thin;scrollbar-color:#c6a252 #efe8ef}
*::-webkit-scrollbar{width:11px;height:11px}
*::-webkit-scrollbar-track{background:linear-gradient(180deg,#f4eef3,#ebe4ea);border-radius:999px}
*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d4b56a,#c6a252 40%,#1f6b58);border-radius:999px;border:2px solid #efe8ef;box-shadow:inset 0 0 0 1px rgba(75,23,79,.12)}
*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#e0c57a,#b8923f 45%,#175647)}
*::-webkit-scrollbar-corner{background:#efe8ef}
.modal,* .modal{scrollbar-color:#1f6b58 #f7f4f2}
.modal::-webkit-scrollbar-thumb,* .modal::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4b174f,#1f6b58);border-color:#f7f4f2}
.atlas-toast{border:1px solid rgba(75,23,79,.12)!important;box-shadow:0 16px 40px rgba(40,25,41,.14)!important}

/* �� Professional header �� */
.topbar{height:auto;min-height:82px;padding:0;background:rgba(250,247,245,.78);backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15);border-bottom:1px solid transparent;box-shadow:0 1px 0 rgba(255,255,255,.55) inset;transition:background .25s,box-shadow .25s,min-height .25s}
.topbar-inner{height:82px;padding:0 max(4vw,28px);display:flex;align-items:center;justify-content:space-between;gap:18px;position:relative;z-index:2}
.topbar-accent{position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(198,162,82,.15) 12%,#c6a252 50%,rgba(31,107,88,.35) 78%,transparent 100%);opacity:.85;pointer-events:none}
.topbar.is-scrolled{background:rgba(255,255,255,.92);box-shadow:0 12px 36px rgba(42,16,46,.08);min-height:72px}
.topbar.is-scrolled .topbar-inner{height:72px}
.topbar.is-open{background:rgba(255,255,255,.97)}
.brand{gap:12px;padding:4px 6px 4px 4px;border-radius:16px;transition:background .2s,transform .2s}
.brand:hover{background:rgba(75,23,79,.04);transform:translateY(-1px)}
.brand .brand-mark{width:48px;height:48px;flex-shrink:0;box-shadow:0 0 0 1px rgba(198,162,82,.45),0 10px 22px rgba(0,0,0,.2)}
.topbar.is-scrolled .brand .brand-mark{width:42px;height:42px}
.brand-copy{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}
.brand-title{display:flex;align-items:baseline;gap:7px;line-height:1;direction:ltr}
.brand-title b{font:800 20px/1 Georgia,"Times New Roman",serif;letter-spacing:.1em;background:linear-gradient(135deg,#2a102e 10%,#4b174f 55%,#1f6b58);-webkit-background-clip:text;background-clip:text;color:transparent}
.brand-title i{font:700 10px/1 Georgia,serif;font-style:normal;letter-spacing:.32em;color:var(--gold)}
.brand-tag{display:block;margin:0;font-size:10px;font-weight:600;letter-spacing:.02em;color:#7a717a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}
.header-actions{display:flex;align-items:center;gap:10px}
.ghost-button{border:1px solid rgba(75,23,79,.12);background:rgba(255,255,255,.72);color:var(--plum-dark);border-radius:12px;padding:10px 14px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;transition:.2s;box-shadow:0 1px 0 rgba(255,255,255,.8) inset}
.ghost-button svg{width:16px;height:16px;color:var(--emerald)}
.ghost-button:hover{border-color:rgba(31,107,88,.35);background:#edf3f0;transform:translateY(-1px)}
.join-cta{background:linear-gradient(135deg,#4b174f,#5d265e 55%,#1f6b58);box-shadow:0 10px 24px rgba(75,23,79,.22),0 0 0 1px rgba(198,162,82,.25) inset}
.join-cta:hover{background:linear-gradient(135deg,#601e66,#1f6b58);transform:translateY(-1px)}
.menu-button{width:44px;height:44px;border-radius:14px;border:1px solid rgba(198,162,82,.28);background:linear-gradient(160deg,#fff,#f7f1e8);color:var(--plum-dark);box-shadow:0 8px 18px rgba(40,25,41,.06)}
.menu-button:hover{border-color:var(--gold);background:#fff8e8}
.topbar .nav{gap:6px}
@media(min-width:981px){
  .topbar .nav-link{padding:9px 12px;border-radius:12px;border:1px solid transparent}
  .topbar .nav-link:hover{border-color:rgba(198,162,82,.22);background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(247,244,242,.85));color:var(--plum-dark);box-shadow:0 8px 18px rgba(40,25,41,.05)}
  .topbar .nav-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:linear-gradient(145deg,rgba(75,23,79,.9),#1f6b58);color:#e8c974}
  .topbar .nav-icon svg{width:14px;height:14px}
  .brand-tag{max-width:220px}
}
@media(max-width:980px){
  .topbar-inner{padding:0 18px;height:76px}
  .topbar.is-scrolled .topbar-inner{height:68px}
  .brand-tag{display:none}
  .brand .brand-mark{width:44px;height:44px}
  .nav.open{top:76px;padding:14px;background:linear-gradient(180deg,#fff 0%,#f8f4f0 100%);border-bottom:1px solid rgba(198,162,82,.2);box-shadow:0 28px 50px rgba(42,16,46,.16)}
  .topbar.is-scrolled .nav.open{top:68px}
  .nav-mobile-actions .ghost-button{width:100%;justify-content:center}
}
@media(max-width:650px){
  .topbar-inner{padding:0 14px}
  .brand-title b{font-size:17px;letter-spacing:.08em}
  .brand-title i{letter-spacing:.24em;font-size:9px}
}

/* �� Location + footer contact �� */
.location-section{padding:70px max(6vw,54px);background:linear-gradient(160deg,#171217 0%,#2a102e 45%,#123f35 100%);color:#f4efe8}
.location-card{max-width:820px;margin:0 auto;padding:36px 34px;border-radius:24px;border:1px solid rgba(198,162,82,.28);background:rgba(255,255,255,.04);box-shadow:0 30px 60px rgba(0,0,0,.28);backdrop-filter:blur(8px)}
.location-card .kicker{color:#d9bd72}
.location-card h2{margin:10px 0 18px;font-size:clamp(26px,3vw,40px);line-height:1.4;color:#fff}
.location-card p{color:#d9d0d2;margin:0 0 14px;font-size:15px;line-height:1.95}
.location-closer{color:#e8c974!important;font-weight:700;font-size:16px!important}
.location-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.location-actions .secondary-button{border-color:rgba(255,255,255,.28);color:#fff}
.location-actions .secondary-button:hover{background:rgba(255,255,255,.08);border-color:#c6a252}
footer .footer-link{border:0;background:none;color:#d9d0d9;cursor:pointer;padding:0;font:inherit;font-size:13px}
footer .footer-link:hover{color:#e8c974}
footer>div:not(.brand){flex-wrap:wrap;align-items:center}
@media(max-width:650px){.location-section{padding:48px 22px}.location-card{padding:26px 20px}.location-actions{flex-direction:column;align-items:stretch}}

/* Header without CTA buttons � more room for brand + nav */
.topbar-inner{gap:22px}
.topbar .nav{flex:1;justify-content:center;max-width:720px;margin:0 auto}
.topbar .brand{flex-shrink:0}
.menu-button{flex-shrink:0}
@media(max-width:980px){
  .topbar .nav{flex:initial;max-width:none;margin:0}
  .topbar-inner{justify-content:space-between}
}

/* Header physical layout: logo left, menu right */
.topbar{direction:ltr}
.topbar-inner{
  direction:ltr;
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  gap:16px;
}
.topbar .brand{order:1;margin-inline-end:auto}
.topbar .nav{order:2;direction:rtl}
.topbar .menu-button{order:3;margin-inline-start:auto;display:grid;place-items:center}
@media(min-width:981px){
  .topbar .brand{margin-inline-end:0}
  .topbar .menu-button{display:none}
  .topbar .nav{flex:1;justify-content:flex-end;max-width:none;margin:0}
}
@media(max-width:980px){
  .topbar .nav{flex:initial;max-width:none;margin:0}
  .topbar .brand{margin-inline-end:auto}
  .topbar .menu-button{margin-inline-start:0}
  .topbar-inner{justify-content:space-between}
}

/* �� Gift card CTA, VIP lounge, luxury catalog �� */
@keyframes gift-bob{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(2deg)}}
@keyframes gift-spark{0%,100%{opacity:0;transform:scale(.3)}40%{opacity:1;transform:scale(1)}70%{opacity:.15}}
@keyframes medal-spin-glow{0%{filter:brightness(1) drop-shadow(0 0 8px rgba(198,162,82,.35))}50%{filter:brightness(1.12) drop-shadow(0 0 22px rgba(232,201,116,.65))}100%{filter:brightness(1) drop-shadow(0 0 8px rgba(198,162,82,.35))}}
@keyframes halo-pulse{0%,100%{transform:scale(1);opacity:.55}50%{transform:scale(1.06);opacity:.9}}

.qr-float.gift-card-cta{display:flex;align-items:center;gap:12px;padding:12px 16px;min-width:190px;border-radius:18px;background:linear-gradient(145deg,#1a1218,#2a102e 45%,#1f6b58);border:1px solid rgba(198,162,82,.45);color:#fff;box-shadow:0 18px 40px rgba(0,0,0,.28),0 0 0 1px rgba(255,255,255,.06) inset;animation:float-b 4.8s ease-in-out infinite}
.gift-cta-icon{position:relative;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:radial-gradient(circle,#e3c777,#a47d2c);box-shadow:0 8px 18px rgba(104,75,19,.35);animation:gift-bob 2.8s ease-in-out infinite}
.gift-cta-icon svg{width:22px;height:22px;color:#fff;z-index:1}
.gift-spark{position:absolute;width:5px;height:5px;border-radius:50%;background:#fff7d6;box-shadow:0 0 8px #f0d27a;animation:gift-spark 2.2s ease-in-out infinite}
.gift-spark.s1{top:2px;right:4px}.gift-spark.s2{bottom:3px;left:5px;animation-delay:.5s}.gift-spark.s3{top:8px;left:2px;animation-delay:1s}
.gift-cta-text{display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:right}
.gift-cta-text b{font-size:13px;font-weight:800;color:#f6e7b8}
.gift-cta-text small{font-size:10px;color:rgba(255,255,255,.72);max-width:none}
.qr-float.gift-card-cta:hover{transform:translateY(-5px) scale(1.03);box-shadow:0 24px 48px rgba(0,0,0,.35),0 0 28px rgba(198,162,82,.25)}

.vip-section{position:relative;overflow:hidden;display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;padding:80px max(7vw,65px);background:radial-gradient(circle at 18% 20%,rgba(198,162,82,.22),transparent 28%),linear-gradient(135deg,#120e12 0%,#2a102e 48%,#123f35 100%);color:#fff}
.vip-glow{position:absolute;width:360px;height:360px;border-radius:50%;left:-80px;bottom:-120px;background:radial-gradient(circle,rgba(198,162,82,.3),transparent 70%);pointer-events:none;animation:pulse-glow 5s ease-in-out infinite}
.vip-copy{position:relative;z-index:1}
.vip-copy .kicker{display:inline-flex;align-items:center;gap:8px;color:#e0c679}
.vip-copy .kicker svg{width:16px}
.vip-copy h2{color:#fff;margin:12px 0 14px;font-size:clamp(28px,3.2vw,46px)}
.vip-copy>p{color:#d9d0d6;max-width:560px;font-size:16px;line-height:1.95}
.vip-list{list-style:none;padding:0;margin:22px 0;display:grid;gap:10px}
.vip-list li{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(198,162,82,.18);font-size:14px}
.vip-list svg{width:18px;color:#e0c679;flex-shrink:0}
.vip-visual{position:relative;min-height:320px;display:grid;place-items:center}
.vip-ring{position:absolute;border-radius:50%;border:1px solid rgba(198,162,82,.28)}
.vip-ring.r1{width:280px;height:280px;animation:halo-pulse 5s ease-in-out infinite}
.vip-ring.r2{width:200px;height:200px;border-style:dashed;animation:halo-pulse 4s ease-in-out infinite reverse}
.vip-card{position:relative;z-index:2;width:min(280px,90%);padding:28px 24px;border-radius:22px;text-align:center;background:linear-gradient(160deg,rgba(255,248,230,.14),rgba(255,255,255,.04));border:1px solid rgba(198,162,82,.4);box-shadow:0 30px 60px rgba(0,0,0,.35),inset 0 0 40px rgba(198,162,82,.08);backdrop-filter:blur(10px)}
.vip-card span{display:block;font:700 12px Georgia;letter-spacing:.2em;color:#e0c679;direction:ltr}
.vip-card b{display:block;margin:14px 0 10px;font-size:24px;color:#fff}
.vip-card small{color:#cfc6cc;font-size:12px;line-height:1.7}

.luxury-preview{position:relative;overflow:hidden}
.vip-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:linear-gradient(135deg,#2a102e,#1f6b58);color:#e8c974;font-size:11px;font-weight:700;margin-bottom:8px}
.vip-pill svg{width:13px}
.qr-result{background:rgba(255,255,255,.72);border-radius:16px;padding:14px;border:1px solid rgba(198,162,82,.25);box-shadow:0 12px 28px rgba(40,25,41,.08)}
.qr-result img{width:120px;height:120px;border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,.1)}
.qr-url{width:100%;margin:4px 0 8px;font-size:11px;color:var(--emerald-dark);word-break:break-all;direction:ltr;text-align:center}

.public-catalog{background:radial-gradient(circle at 78% 18%,rgba(198,162,82,.2),transparent 26%),linear-gradient(160deg,#f9f5ef 0%,#f3ebe7 45%,#e8f0eb 100%)}
.catalog-ad-banner{margin:14px max(5vw,28px) 0;padding:0;border-radius:22px;overflow:hidden;position:relative;border:1px solid rgba(198,162,82,.28);box-shadow:0 16px 36px rgba(40,25,41,.1)}
.catalog-ad-banner.tone-plum{background:linear-gradient(120deg,#2a102e,#4b174f 55%,#1f6b58)}
.catalog-ad-banner.tone-emerald{background:linear-gradient(120deg,#123f35,#1f6b58 50%,#2a102e)}
.catalog-ad-banner.tone-gold{background:linear-gradient(120deg,#3a2a12,#8a6a28 45%,#2a102e)}
.catalog-ad-banner.tone-night{background:linear-gradient(120deg,#141018,#2a102e 40%,#17352f)}
.ad-banner-inner{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;padding:16px 20px;color:#fff;animation:ad-fade .55s ease}
.ad-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.1);border:1px solid rgba(232,201,116,.35);color:#e8c974;flex-shrink:0}
.ad-icon svg{width:22px;height:22px}
.ad-copy{min-width:0}
.ad-copy small{display:block;font-size:11px;color:#e0c679;font-weight:700;margin-bottom:2px}
.ad-copy b{display:block;font-size:clamp(16px,2.2vw,22px);line-height:1.35}
.ad-copy p{margin:4px 0 0;font-size:13px;color:rgba(255,255,255,.78);line-height:1.6}
.ad-cta{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border-radius:12px;background:linear-gradient(135deg,#e8c974,#c6a252);color:#2a102e;text-decoration:none;font-size:13px;font-weight:800;box-shadow:0 10px 22px rgba(0,0,0,.22);white-space:nowrap}
.ad-dots{display:flex;justify-content:center;gap:7px;padding:0 0 12px}
.ad-dots button{width:7px;height:7px;border-radius:999px;border:0;padding:0;background:rgba(255,255,255,.28);cursor:pointer;transition:.25s}
.ad-dots button.is-active{width:22px;background:#e8c974}
@keyframes ad-fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

.public-catalog .catalog-hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:36px;padding:28px max(5vw,36px) 28px;min-height:auto}
.public-catalog .catalog-object{position:relative;min-height:580px;display:grid;place-items:center}
.gallery-stage{position:relative;width:min(560px,100%);aspect-ratio:1/1.05;display:grid;place-items:end center}
.gallery-wall{position:relative;width:100%;height:92%;border-radius:30px;overflow:hidden;background:
  linear-gradient(180deg,rgba(255,248,230,.08),transparent 24%),
  radial-gradient(ellipse at 50% 12%,rgba(232,201,116,.3),transparent 42%),
  linear-gradient(180deg,#1d141c 0%,#2a1826 40%,#14352f 78%,#0d1f1c 100%);
  border:1px solid rgba(198,162,82,.35);box-shadow:0 36px 70px rgba(40,20,35,.28),inset 0 0 80px rgba(0,0,0,.25)}
.gallery-wall:before{content:"";position:absolute;inset:11px;border:1px solid rgba(198,162,82,.16);border-radius:22px;pointer-events:none;z-index:1}
.gallery-cornice{position:absolute;top:16px;left:20px;right:20px;z-index:4;display:flex;align-items:center;justify-content:center;gap:10px}
.gallery-cornice span{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(232,201,116,.55),transparent)}
.gallery-cornice b{font:700 10px Georgia;letter-spacing:.22em;color:#e8c974;white-space:nowrap;direction:ltr}
.gallery-beam{position:absolute;top:0;width:78px;height:68%;background:linear-gradient(180deg,rgba(255,244,210,.4),rgba(255,244,210,.06) 48%,transparent);filter:blur(12px);transform-origin:top center;animation:beam-sway 7s ease-in-out infinite;z-index:0;pointer-events:none}
.gallery-beam.beam-a{left:16%;--r:7deg}.gallery-beam.beam-b{left:40%;width:100px;animation-delay:1.2s;opacity:.9;--r:0deg}.gallery-beam.beam-c{right:14%;--r:-9deg;animation-delay:2.1s}
.gallery-side{position:absolute;top:16%;display:flex;flex-direction:column;gap:16px;z-index:2}
.gallery-side.left{right:5%}.gallery-side.right{left:5%}
.side-frame{width:76px;min-height:86px;padding:10px 8px;display:grid;place-items:center;place-content:center;gap:3px;position:relative;background:linear-gradient(160deg,#4a3044,#1f131c 72%);border:1.5px solid rgba(198,162,82,.5);box-shadow:0 14px 26px rgba(0,0,0,.38),inset 0 0 18px rgba(198,162,82,.08);color:#e8c974;animation:frame-float 5.5s ease-in-out infinite;text-align:center}
.side-frame.tall{min-height:104px;animation-delay:1.1s}
.side-frame.shape-oval{border-radius:999px;width:72px;min-height:92px}
.side-frame.shape-plaque{border-radius:12px 12px 18px 18px}
.side-frame.shape-diamond{border-radius:18px;transform:rotate(0deg);clip-path:polygon(50% 0,100% 20%,100% 80%,50% 100%,0 80%,0 20%)}
.side-frame.shape-round{border-radius:50%;width:78px;min-height:78px;height:78px}
.side-frame i{position:absolute;inset:6px;border:1px solid rgba(232,201,116,.18);border-radius:inherit;pointer-events:none}
.side-frame.shape-diamond i{inset:10px;border-radius:12px}
.side-frame svg{width:16px;height:16px;opacity:.9}
.side-frame strong{font-size:12px;font-weight:800;line-height:1.2;max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.side-frame small{font-size:9px;opacity:.72;line-height:1.2;max-width:64px}
.gallery-plinth{position:absolute;left:50%;bottom:14%;transform:translateX(-50%);width:52%;z-index:3;display:flex;flex-direction:column;align-items:center}
.plinth-glow{position:absolute;bottom:56px;width:170px;height:170px;border-radius:50%;background:radial-gradient(circle,rgba(232,201,116,.5),transparent 70%);animation:pulse-glow 4s ease-in-out infinite;z-index:0}
.gallery-vitrine{position:relative;z-index:2;width:78%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 38% 28%,#fff6d0,#d8b359 46%,#8a6420);border:10px double #d2ad5d;box-shadow:0 28px 50px rgba(0,0,0,.45),0 0 34px rgba(232,201,116,.3),inset 0 0 30px rgba(255,255,255,.15);overflow:hidden;animation:medal-spin-glow 4s ease-in-out infinite}
.vitrine-glass{position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,255,255,.28) 0%,transparent 32%,transparent 68%,rgba(255,255,255,.1) 100%);z-index:3;pointer-events:none;border-radius:50%}
.vitrine-shine{position:absolute;inset:-45%;background:conic-gradient(from 30deg,transparent,rgba(255,255,255,.45),transparent 28%);animation:orb-shine 6s linear infinite;z-index:1}
.vitrine-piece{position:relative;z-index:2;display:grid;place-items:center;gap:2px;color:#5c4012}
.vitrine-piece svg{width:34px;height:34px}
.vitrine-piece b{font:800 28px Georgia;line-height:1;direction:ltr}
.vitrine-caption{position:relative;z-index:4;margin-top:10px;text-align:center;color:#f3e6c2;text-shadow:0 6px 16px rgba(0,0,0,.45)}
.vitrine-caption small{display:block;font-size:11px;opacity:.85}
.vitrine-caption strong{display:block;font-size:13px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.plinth-base{position:relative;z-index:1;width:124%;margin-top:8px;display:grid;gap:3px;justify-items:center}
.plinth-base .plinth-top{width:100%;height:12px;border-radius:3px 3px 0 0;background:linear-gradient(90deg,#5a4030,#9a7450 45%,#4a3024);box-shadow:0 4px 10px rgba(0,0,0,.3)}
.plinth-base .plinth-mid{width:88%;height:26px;background:linear-gradient(180deg,#6a4a36,#3a281c);box-shadow:inset 0 0 12px rgba(0,0,0,.35)}
.plinth-base .plinth-foot{width:110%;height:10px;border-radius:0 0 4px 4px;background:linear-gradient(90deg,#2a1c16,#5a4030 50%,#241812);box-shadow:0 10px 18px rgba(0,0,0,.4)}
.gallery-floor{position:absolute;left:6%;right:6%;bottom:5%;height:18%;z-index:1;display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:6px;align-items:end;opacity:.35}
.gallery-floor i{display:block;height:70%;border-radius:2px;background:linear-gradient(180deg,rgba(232,201,116,.15),rgba(232,201,116,.02));border-top:1px solid rgba(232,201,116,.2)}
.gallery-floor i:nth-child(2){height:100%}
.product-glass{position:absolute;bottom:0;left:50%;transform:translateX(-50%);background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border:1px solid rgba(198,162,82,.3);border-radius:18px;padding:14px 18px;width:90%;z-index:5;text-align:center;box-shadow:0 17px 40px rgba(55,35,54,.16)}
.product-glass-top{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:4px}
.product-glass-top small{color:var(--emerald);font-weight:700;font-size:12px}
.product-glass h2{margin:2px;color:var(--plum);font-size:clamp(17px,2.2vw,22px)}
.product-glass p{margin:0;color:var(--muted);font-size:13px}
.catalog-badges .vip-badge{background:linear-gradient(135deg,#2a102e,#1f6b58);color:#e8c974;border-radius:999px;padding:6px 12px}
.catalog-badges .vip-badge svg{color:#e8c974}
.share-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:26px;padding:14px 16px;border-radius:18px;background:linear-gradient(120deg,rgba(75,23,79,.06),rgba(31,107,88,.07));border:1px solid rgba(75,23,79,.12);max-width:520px}
.share-copy{display:flex;align-items:center;gap:12px;min-width:0}
.share-copy svg{width:22px;height:22px;color:var(--plum);flex-shrink:0}
.share-copy b{display:block;font-size:13px;color:var(--plum-dark)}
.share-copy span{display:block;font-size:11px;color:var(--muted);line-height:1.5}
.share-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:7px;border:0;border-radius:12px;padding:11px 14px;cursor:pointer;background:linear-gradient(135deg,var(--plum),#5d265e);color:#fff;font-size:13px;font-weight:700;box-shadow:0 10px 22px rgba(75,23,79,.22);transition:transform .2s}
.share-btn:hover{transform:translateY(-1px)}
.share-btn svg{width:16px;height:16px}
@keyframes beam-sway{0%,100%{opacity:.55;transform:rotate(var(--r,8deg)) scaleY(1)}50%{opacity:.95;transform:rotate(calc(var(--r,8deg) * -1)) scaleY(1.04)}}
@keyframes frame-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}

.vip-lounge{display:block;width:100%;padding:12px max(4vw,28px) 56px;grid-template-columns:unset;flex:0;box-sizing:border-box}
.vip-lounge-card{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center;width:100%;max-width:none;padding:42px max(3vw,36px);border-radius:28px;background:linear-gradient(135deg,#171217,#2a102e 55%,#123f35);color:#fff;border:1px solid rgba(198,162,82,.28);box-shadow:0 30px 60px rgba(0,0,0,.2);overflow:hidden;position:relative}
.vip-lounge-copy{max-width:640px}
.vip-lounge-copy .kicker{display:inline-flex;align-items:center;gap:8px;color:#e0c679}
.vip-lounge-copy h2{color:#fff;margin:10px 0 12px;font-size:clamp(26px,3vw,42px)}
.vip-lounge-copy p{color:#d5cdcF;margin:0 0 16px;font-size:16px;line-height:1.85;max-width:560px}
.vip-lounge-copy ul{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:10px}
.vip-lounge-copy li{display:flex;align-items:center;gap:10px;font-size:15px}
.vip-lounge-copy li svg{width:18px;color:#e0c679}
.vip-lounge-visual{position:relative;min-height:340px;display:grid;place-items:center;isolation:isolate}
.vip-gift-card{position:relative;z-index:1;width:min(240px,72%);min-height:300px;padding:22px 18px;border-radius:6px;background:#f8f4ed;color:var(--plum-dark);text-align:center;box-shadow:0 28px 50px rgba(0,0,0,.35);transform:rotate(4deg);animation:paper-float 5.5s ease-in-out infinite}
.vip-gift-card .catalog-brand{direction:ltr;font:700 14px Georgia;text-align:left;margin-bottom:8px}
.vip-gift-card .catalog-brand span{color:var(--gold)}
.vip-gift-card .gift-orb{width:78px;height:78px;margin:18px auto 12px}
.vip-gift-card .gift-orb svg{width:28px}
.vip-gift-card>small{color:var(--emerald);font-size:12px;font-weight:700}
.vip-gift-card h3{margin:8px 0 0;font-size:18px;line-height:1.55;color:var(--plum-dark)}
.vip-mascot{position:absolute;left:-10px;bottom:-26px;width:min(270px,82%);height:auto;z-index:3;filter:drop-shadow(0 22px 24px rgba(0,0,0,.35));pointer-events:none;animation:frame-float 5.8s ease-in-out infinite}

@media(max-width:980px){
  .vip-section,.vip-lounge-card,.public-catalog .catalog-hero{grid-template-columns:1fr}
  .vip-visual{min-height:260px;order:-1}
  .vip-lounge-visual{min-height:280px;margin-top:10px}
  .vip-mascot{left:50%;bottom:-18px;transform:translateX(-50%);width:min(210px,70%)}
  .vip-gift-card{transform:rotate(2deg)}
}
@media(max-width:650px){
  .vip-section{padding:48px 22px}
  .gift-card-cta{min-width:0;width:auto}
  .product-glass{width:92%}
}

/* Catalog contacts, discount, mobile polish */
.catalog-badges{flex-wrap:wrap}
.discount-chip,.product-discount{display:inline-flex;align-items:center;justify-content:center;margin:8px auto 0;padding:6px 12px;border-radius:999px;background:linear-gradient(135deg,#c6a252,#e8c974);color:#2a102e;font-size:12px;font-weight:800;font-style:normal}
.manager-line{display:block;margin-top:4px;font-size:12px;color:var(--emerald-dark);font-weight:600}
.discount-banner{display:flex;align-items:center;gap:12px;margin:12px 0 8px;padding:12px 14px;border-radius:16px;background:linear-gradient(120deg,rgba(198,162,82,.18),rgba(31,107,88,.1));border:1px solid rgba(198,162,82,.35);max-width:420px}
.discount-banner svg{width:22px;height:22px;color:#9a762e;flex-shrink:0}
.discount-banner strong{display:block;font-size:12px;color:var(--plum-dark)}
.discount-banner span{display:block;font-size:18px;font-weight:800;color:#7a5a18;margin-top:2px}
.catalog-manager{display:inline-flex;align-items:center;gap:7px;margin:0 0 8px;color:var(--emerald-dark);font-size:14px;font-weight:700}
.catalog-manager svg{width:16px}
.contact-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.contact-chip{display:inline-flex;align-items:center;gap:10px;min-width:150px;padding:12px 14px;border-radius:16px;text-decoration:none;border:1px solid transparent;transition:transform .2s,box-shadow .2s;box-shadow:0 10px 24px rgba(40,25,41,.08)}
.contact-chip svg{width:22px;height:22px;flex-shrink:0}
.contact-chip span{display:flex;flex-direction:column;gap:2px}
.contact-chip b{font-size:13px;line-height:1.2}
.contact-chip small{font-size:11px;opacity:.8;direction:ltr}
.contact-chip:hover{transform:translateY(-2px)}
.contact-chip.call{background:linear-gradient(145deg,#edf5f1,#fff);border-color:rgba(31,107,88,.25);color:var(--emerald-dark)}
.contact-chip.call svg{color:var(--emerald)}
.contact-chip.insta{background:linear-gradient(145deg,#fff0f5,#fff);border-color:rgba(193,53,132,.22);color:#7a2e55}
.contact-chip.insta svg{color:#c13584}
.contact-chip.web{background:linear-gradient(145deg,#f2edf7,#fff);border-color:rgba(75,23,79,.2);color:var(--plum-dark)}
.contact-chip.web svg{color:var(--plum)}

@media(max-width:980px){
  .catalog-ad-banner{margin:12px 16px 0}
  .ad-banner-inner{grid-template-columns:auto 1fr;gap:12px;padding:14px 16px}
  .ad-cta{grid-column:1/-1;justify-self:stretch}
  .public-catalog .catalog-hero{padding:28px 22px 36px;gap:28px;min-height:auto}
  .public-catalog .catalog-content h1{font-size:clamp(32px,8vw,48px)}
  .public-catalog .catalog-object{min-height:480px;order:-1}
  .gallery-stage{width:min(440px,94%)}
  .side-frame{width:64px;min-height:74px}
  .side-frame.tall{min-height:90px}
  .side-frame.shape-round{width:68px;height:68px;min-height:68px}
  .contact-actions{flex-direction:column}
  .contact-chip{width:100%;justify-content:flex-start}
  .share-bar{flex-direction:column;align-items:stretch;max-width:100%}
  .share-btn{justify-content:center}
  .vip-lounge{padding:10px 16px 40px}
  .vip-lounge-card{padding:28px 18px;gap:18px}
  .discount-banner{max-width:100%}
}
@media(max-width:650px){
  .public-catalog nav{padding:0 16px;height:68px}
  .catalog-ad-banner{margin:10px 12px 0;border-radius:18px}
  .ad-copy b{font-size:15px}
  .ad-copy p{font-size:12px}
  .public-catalog .catalog-hero{padding:18px 16px 28px}
  .public-catalog .catalog-object{min-height:420px}
  .gallery-stage{width:min(360px,100%)}
  .gallery-side.left{right:3%}.gallery-side.right{left:3%}
  .side-frame{width:56px;min-height:66px;padding:8px 6px}
  .side-frame.tall{min-height:80px}
  .side-frame strong{font-size:10px}
  .side-frame small{font-size:8px}
  .side-frame.shape-round{width:58px;height:58px;min-height:58px}
  .vitrine-piece b{font-size:24px}
  .vitrine-piece svg{width:28px}
  .product-glass{padding:12px 14px;width:94%}
  .catalog-modal .builder-grid{gap:18px}
  .catalog-modal{padding:24px 16px}
  .field-row{grid-template-columns:1fr}
}

/* Gift builder: preview before create */
.builder-actions{display:grid;gap:10px;margin-top:6px}
.builder-actions .preview-btn{
  width:100%;justify-content:center;gap:8px;padding:13px 16px;border-radius:14px;
  border:1.5px solid rgba(198,162,82,.55);background:linear-gradient(145deg,#fffdf8,#f7f1e4);
  color:var(--plum-dark);font-weight:800;cursor:pointer;transition:transform .2s,box-shadow .2s;
}
.builder-actions .preview-btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(40,25,41,.1);border-color:#c6a252}
.builder-actions .preview-btn svg{width:18px;height:18px;color:#9a762e}
.preview-hint{margin:8px 0 0;font-size:12px;color:#7a717a;line-height:1.65;text-align:center}
.gift-live-preview .preview-product{display:block;margin-top:10px;font-weight:800;color:var(--plum-dark)}
.preview-contacts{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;justify-content:center}
.preview-contacts span{
  display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;
  background:rgba(255,255,255,.7);border:1px solid rgba(75,23,79,.1);font-size:11px;color:#4a434a;max-width:100%;
}
.preview-contacts svg{width:13px;height:13px;color:var(--emerald);flex-shrink:0}
.preview-qr-block{
  margin-top:16px;padding:14px;border-radius:16px;background:rgba(255,255,255,.78);
  border:1px dashed rgba(198,162,82,.45);display:grid;justify-items:center;gap:8px;text-align:center;
}
.preview-qr-block img{width:112px;height:112px;border-radius:12px;box-shadow:0 8px 18px rgba(0,0,0,.1)}
.preview-qr-block small{font-size:11px;color:var(--muted)}
.preview-qr-block code{font-size:10px;direction:ltr;color:var(--emerald-dark);word-break:break-all;background:#edf3f0;padding:4px 8px;border-radius:8px}
.preview-sheet-backdrop{
  position:fixed;inset:0;z-index:220;background:rgba(16,10,18,.72);backdrop-filter:blur(10px);
  display:grid;place-items:center;padding:18px;animation:nav-drop .22s ease;
}
.preview-sheet{
  width:min(440px,100%);max-height:min(92vh,900px);overflow:auto;border-radius:24px;padding:22px 20px 18px;
  background:linear-gradient(165deg,#fffefb,#f7f4f2 55%,#eef5f1);border:1px solid rgba(198,162,82,.35);
  box-shadow:0 32px 64px rgba(0,0,0,.38);position:relative;z-index:221;
}
.preview-sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
.preview-sheet-head h3{margin:6px 0 0;font-size:18px;color:var(--plum-dark);line-height:1.45}
.preview-sheet .gift-live-preview{margin:0}
.preview-sheet-actions{display:grid;grid-template-columns:1fr 1.15fr;gap:10px;margin-top:16px}
.preview-sheet-actions .ghost-button,
.preview-sheet-actions .primary-button{width:100%;justify-content:center;padding:12px 14px;border-radius:14px}
@media(max-width:520px){
  .preview-sheet-actions{grid-template-columns:1fr}
  .preview-sheet{padding:18px 14px 14px}
}

/* Language switcher */
.lang-switch{
  display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:999px;
  background:rgba(255,255,255,.82);border:1px solid rgba(75,23,79,.12);
  box-shadow:0 6px 16px rgba(40,25,41,.06);flex-shrink:0;
}
.lang-switch button{
  border:0;background:transparent;color:#6a636a;font-size:11px;font-weight:800;
  letter-spacing:.04em;padding:7px 10px;border-radius:999px;cursor:pointer;transition:.2s;
}
.lang-switch button.is-active{
  background:linear-gradient(135deg,#4b174f,#1f6b58);color:#fff8e8;
  box-shadow:0 6px 14px rgba(75,23,79,.2);
}
.lang-switch button:hover:not(.is-active){color:var(--plum-dark);background:rgba(75,23,79,.06)}
html[dir="ltr"] .site-shell{direction:ltr}
html[dir="ltr"] .topbar{direction:ltr}
html[dir="ltr"] .brand{direction:ltr}
html[dir="ltr"] .nav-gift-text,html[dir="ltr"] .nav-text{align-items:flex-start;text-align:left}
.honeypot-field{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
@media(max-width:980px){
  .lang-switch{order:-1;margin-bottom:4px}
  .nav.open .lang-switch{width:100%;justify-content:center;padding:6px}
}

/* cPanel overrides */
.topbar{position:sticky}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:76px;padding:0 max(4vw,20px)}
.lang-switch{display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:#fff;border:1px solid rgba(75,23,79,.12);flex-shrink:0}
.lang-switch button{border:0;background:transparent;padding:7px 10px;border-radius:999px;cursor:pointer;font-size:11px;font-weight:800;color:#6a636a}
.lang-switch button.is-active{background:linear-gradient(135deg,#4b174f,#1f6b58);color:#fff8e8}
.nav-gift{background:linear-gradient(135deg,#2a102e,#4b174f 48%,#1f6b58)!important;color:#fff8e8!important;border:1px solid rgba(232,201,116,.55)!important;font-weight:800;border-radius:14px;padding:10px 14px;cursor:pointer}
.honeypot-field{position:absolute!important;left:-10000px!important;opacity:0!important;height:1px!important;width:1px!important}
.toast{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:300;background:#fff;border:1px solid rgba(75,23,79,.12);box-shadow:0 16px 40px rgba(0,0,0,.14);padding:12px 16px;border-radius:14px}
.toast.error{border-color:#c45;color:#822}
@media(max-width:980px){
  .nav{display:none}
  .nav.open{display:flex;position:absolute;top:76px;right:0;left:0;background:linear-gradient(180deg,#fff,#f7f4f2);padding:14px;flex-direction:column;gap:10px;z-index:50;box-shadow:0 24px 40px rgba(0,0,0,.12)}
  .menu-button{display:grid;place-items:center}
}