:root{--navy:#073a73;--navy2:#102b59;--ink:#102548;--muted:#65758f;--blue:#22b9ff;--cyan:#73e4ff;--yellow:#ffd62f;--purple:#8c5cff;--pink:#ee84ef;--orange:#ff9f32;--green:#35d58b;--white:#fff;--radius:28px;--shadow:0 20px 55px rgba(30,84,140,.15)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#f8fbff;line-height:1.5;overflow-x:hidden}.wrap{width:min(1240px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:60;background:linear-gradient(90deg,rgba(5,55,111,.96),rgba(18,43,91,.96));backdrop-filter:blur(18px);box-shadow:0 8px 25px rgba(5,38,80,.12)}.nav-wrap{height:78px;display:flex;align-items:center;gap:30px}.brand{display:inline-flex;gap:11px;align-items:center;color:#fff;text-decoration:none;margin-right:auto}.brand-mark{position:relative;width:45px;height:45px;border-radius:16px;background:linear-gradient(145deg,#79e4ff,#8170ff);display:grid;place-items:center;box-shadow:0 8px 24px rgba(74,185,255,.35),inset 0 0 0 2px rgba(255,255,255,.28)}.brand-mark:before{content:"";width:27px;height:27px;border:3px solid #fff;border-radius:50%;position:absolute}.brand-mark span{display:block;width:8px;height:8px;background:#fff;border-radius:50%;z-index:1}.brand-copy{display:flex;flex-direction:column;line-height:.95}.brand-copy strong{font-size:20px;letter-spacing:-.7px}.brand-copy strong span{color:var(--yellow)}.brand-copy em{font-style:normal;font-size:9px;letter-spacing:4px;color:#8fe7ff;margin-top:6px}.desktop-nav{display:flex;gap:26px}.desktop-nav a,.mobile-nav a{color:#edf7ff;text-decoration:none;font-size:14px;font-weight:700}.desktop-nav a:hover{color:var(--yellow)}.nav-cta{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#fff;font-weight:900;font-size:13px;padding:11px 16px;border-radius:14px;background:linear-gradient(90deg,#29c9ff,#775dff);box-shadow:0 8px 24px rgba(48,154,255,.28)}.menu-button{display:none;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#fff;border-radius:12px;padding:9px 12px}.mobile-nav{display:none}.hero{position:relative;min-height:610px;padding:72px 0 64px;background:radial-gradient(circle at 80% 22%,rgba(255,218,53,.9) 0 2%,transparent 3%),radial-gradient(circle at 76% 28%,rgba(114,226,255,.65),transparent 25%),radial-gradient(circle at 8% 15%,rgba(147,224,255,.72),transparent 30%),linear-gradient(135deg,#ecfbff 0%,#f7ffff 38%,#fff8c8 70%,#ffeec6 100%);overflow:hidden}.hero:before{content:"";position:absolute;left:-7%;right:-7%;bottom:-110px;height:250px;background:linear-gradient(165deg,transparent 46%,rgba(92,213,255,.18) 47% 57%,transparent 58%),linear-gradient(195deg,transparent 39%,rgba(41,164,236,.16) 40% 54%,transparent 55%);transform:rotate(-2deg)}.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .55fr .82fr;gap:32px;align-items:center}.hero-copy-wrap{z-index:3}.eyebrow,.section-kicker,.section-title>span{display:inline-flex;font-size:12px;font-weight:950;letter-spacing:1.7px;color:#168dd0}.eyebrow{background:rgba(255,255,255,.64);border:1px solid rgba(23,144,208,.13);padding:7px 11px;border-radius:999px}.hero h1{font-size:clamp(46px,5.7vw,76px);line-height:.98;letter-spacing:-3.6px;margin:18px 0 19px;max-width:680px;color:#102852}.hero h1 span{background:linear-gradient(90deg,#2958ff,#8b55ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy{font-size:18px;color:#405b78;max-width:660px}.hero-actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-weight:900;border-radius:16px;padding:14px 20px;transition:.2s ease}.btn:hover{transform:translateY(-2px);filter:saturate(1.08)}.btn.primary{background:linear-gradient(90deg,#168cff,#35cfff);color:#fff;box-shadow:0 12px 26px rgba(30,148,255,.28)}.btn.light{background:rgba(255,255,255,.88);color:#17345f;box-shadow:0 10px 28px rgba(30,95,145,.12);border:1px solid rgba(17,82,136,.08)}.mini-bars{color:#7b5cff;letter-spacing:1px}.hero-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.hero-chips span{font-size:11px;font-weight:800;color:#57708d;background:rgba(255,255,255,.62);border:1px solid rgba(15,72,122,.08);padding:7px 10px;border-radius:999px}.hero-visual{height:410px;position:relative}.energy-orb{position:absolute;width:210px;height:210px;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-7deg);border-radius:45% 55% 58% 42% / 48% 42% 58% 52%;background:radial-gradient(circle at 38% 35%,#fff 0 5%,#fff66a 6% 16%,#ffd833 17% 42%,#ffbd2d 43% 64%,#ff8f25 65%);box-shadow:0 0 0 18px rgba(255,228,67,.18),0 28px 50px rgba(253,172,30,.26);display:grid;place-items:center;z-index:2}.energy-orb:before,.energy-orb:after{content:"";position:absolute;background:#0e4e9d;border-radius:70% 30% 60% 40%}.energy-orb:before{width:90px;height:130px;right:-20px;top:-25px;transform:rotate(27deg)}.energy-orb:after{width:75px;height:120px;left:-25px;top:-18px;transform:rotate(-25deg)}.bolt{font-size:92px;line-height:1;color:#fff;text-shadow:0 4px 0 #2861cd,0 0 24px #fff;z-index:3;font-family:Georgia,serif}.float-card{position:absolute;width:78px;height:108px;border-radius:13px;background:linear-gradient(145deg,#5947f4,#2da6ff 58%,#ffd64d);border:6px solid #fff;box-shadow:0 14px 30px rgba(45,91,160,.2);display:grid;place-items:center}.float-card:before{content:"";width:46px;height:46px;border-radius:50%;border:5px solid #ffe451;box-shadow:inset 0 0 0 5px #4b58e9}.float-card i{position:absolute;width:14px;height:14px;background:#fff66b;transform:rotate(45deg)}.card-a{left:4%;top:15%;transform:rotate(-18deg)}.card-b{right:1%;top:22%;transform:rotate(18deg)}.card-c{left:14%;bottom:8%;transform:rotate(11deg)}.star{position:absolute;color:#fff;text-shadow:0 0 15px #ffe53f;font-size:34px}.star-a{right:9%;top:2%}.star-b{left:0;top:48%;color:#ffd523}.star-c{right:16%;bottom:5%;color:#7b67ff}.hero-spark{position:absolute;width:18px;height:18px;background:#fff;border-radius:2px;transform:rotate(45deg);box-shadow:0 0 22px #fff}.spark-one{left:5%;top:21%}.spark-two{right:5%;top:50%;width:11px;height:11px}.spark-three{left:56%;bottom:12%;width:9px;height:9px}.overview-card{z-index:4;background:rgba(255,255,255,.9);border:1px solid rgba(39,113,171,.11);border-radius:26px;box-shadow:0 25px 65px rgba(35,89,139,.18);padding:20px;backdrop-filter:blur(14px)}.overview-head{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:11px;font-weight:950;letter-spacing:1px;color:#435d7e}.overview-head b{font-weight:900;color:#778ba6}.live-dot{color:#199e5e;background:#e4fbef;padding:5px 9px;border-radius:999px;letter-spacing:0}.live-dot:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#24cb75;margin-right:6px;box-shadow:0 0 0 5px rgba(36,203,117,.12)}.overview-brand-row{display:grid;grid-template-columns:50px 1fr auto;gap:12px;align-items:center;padding:20px 4px 12px}.platform-pill{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;font-weight:950;color:#0f3964}.platform-pill.phy{background:linear-gradient(145deg,#bcefff,#7bd7ff)}.overview-brand-row div{display:flex;flex-direction:column}.overview-brand-row b{font-size:19px}.overview-brand-row small{color:#73839a}.overview-brand-row>strong{display:flex;flex-direction:column;text-align:right;font-size:22px}.overview-brand-row>strong small{font-size:11px;font-weight:800}.activity-bars{height:48px;display:flex;align-items:flex-end;gap:3px;padding:0 6px 8px;border-bottom:1px solid #eaf0f5}.activity-bars i{flex:1;height:var(--h);min-height:4px;background:linear-gradient(180deg,#51d4ff,#3aa2f3);border-radius:4px 4px 1px 1px;opacity:.85}.overview-stats{display:grid;grid-template-columns:repeat(3,1fr);padding-top:16px}.overview-stats div{display:flex;flex-direction:column;padding:0 12px;border-right:1px solid #e8eef4}.overview-stats div:last-child{border:0}.overview-stats strong{font-size:23px;letter-spacing:-1px}.overview-stats span{font-size:11px;font-weight:900;margin-top:2px}.overview-stats small{font-size:10px;color:#8392a6}.platform-index{padding:42px 0;background:linear-gradient(180deg,#fff,#fbfdff)}.platform-index-grid{display:grid;grid-template-columns:210px 1fr;gap:30px;align-items:center}.section-title h2{font-size:31px;line-height:1;letter-spacing:-1.4px;margin:8px 0 10px}.section-title p{font-size:13px;color:#667890;margin:0}.platform-jump-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.jump-card{position:relative;min-height:110px;display:grid;grid-template-columns:52px 1fr 68px 35px;align-items:center;gap:10px;background:linear-gradient(135deg,#fff,var(--soft));color:var(--ink);border-radius:22px;padding:18px;text-decoration:none;box-shadow:0 14px 38px rgba(36,88,135,.09);border:1px solid rgba(30,86,139,.07);overflow:hidden;transition:.2s ease}.jump-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(36,88,135,.14)}.jump-icon{width:48px;height:48px;border-radius:15px;background:rgba(255,255,255,.78);display:grid;place-items:center;font-weight:950;color:#20395d;border:2px solid rgba(255,255,255,.85);box-shadow:0 5px 16px rgba(25,67,113,.09)}.jump-card>span:nth-child(2){display:flex;flex-direction:column;z-index:2}.jump-card b{font-size:18px}.jump-card small{color:#718096;margin-top:3px;font-size:12px}.jump-art{position:relative;width:68px;height:62px}.jump-art i{position:absolute;width:25px;height:35px;border-radius:5px;background:linear-gradient(145deg,var(--accent),#fff15c);border:2px solid #fff;box-shadow:0 5px 10px rgba(0,0,0,.1)}.jump-art i:nth-child(1){left:4px;top:15px;transform:rotate(-20deg)}.jump-art i:nth-child(2){left:22px;top:4px;transform:rotate(-2deg)}.jump-art i:nth-child(3){left:41px;top:15px;transform:rotate(18deg)}.jump-arrow{font-style:normal;font-size:22px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--accent);box-shadow:0 5px 14px rgba(28,78,122,.1)}.platform-section{position:relative;color:var(--ink)}.phygitals-section{padding:52px 0;background:radial-gradient(circle at 12% 40%,rgba(255,231,69,.9),transparent 14%),radial-gradient(circle at 38% 18%,rgba(132,101,255,.25),transparent 19%),linear-gradient(135deg,#dff7ff,#effdff 53%,#e4f1ff)}.phygitals-layout{display:grid;grid-template-columns:.78fr 1.65fr;gap:28px;background:rgba(255,255,255,.34);border:1px solid rgba(255,255,255,.75);border-radius:32px;padding:24px;box-shadow:0 22px 65px rgba(29,103,156,.12)}.phy-intro{position:relative;min-height:470px;padding:20px 10px 10px}.phy-intro h2,.referral-intro h2,.add-inner h2{font-size:clamp(35px,4vw,52px);line-height:1.02;letter-spacing:-2.2px;margin:9px 0 12px}.phy-intro p,.referral-intro p,.add-inner p{color:#58708d;font-size:16px;max-width:520px}.platform-btn{margin-top:12px;background:#102d5c;color:#fff;box-shadow:0 10px 26px rgba(11,45,92,.18)}.card-stack-art{position:absolute;width:240px;height:220px;left:16px;bottom:0}.card-stack-art i{position:absolute;width:112px;height:158px;border-radius:16px;border:8px solid rgba(255,255,255,.9);background:linear-gradient(145deg,#6247ef,#22aef3 52%,#ffd733);box-shadow:0 14px 28px rgba(32,75,139,.22)}.card-stack-art i:after{content:"";position:absolute;inset:25px;border:5px solid rgba(255,255,255,.8);border-radius:50%;box-shadow:inset 0 0 0 6px rgba(255,216,47,.8)}.card-stack-art i:nth-child(1){left:10px;top:32px;transform:rotate(-18deg)}.card-stack-art i:nth-child(2){left:66px;top:0;transform:rotate(2deg)}.card-stack-art i:nth-child(3){left:122px;top:30px;transform:rotate(18deg)}.card-stack-art span{position:absolute;z-index:3;font-size:80px;color:#fff766;left:85px;top:53px;text-shadow:0 4px 0 #3b56d8}.phy-data{min-width:0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stat-card{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.9);border:1px solid rgba(41,99,146,.07);border-radius:18px;padding:16px;box-shadow:0 12px 30px rgba(33,87,132,.08)}.stat-icon{width:42px;height:42px;flex:0 0 42px;border-radius:13px;display:grid;place-items:center;font-size:18px;font-weight:950}.stat-icon.blue{background:#dff4ff;color:#1d9ee8}.stat-icon.green{background:#e0fbec;color:#22ae65}.stat-icon.purple{background:#efe6ff;color:#8054e7}.stat-icon.yellow{background:#fff4bf;color:#d99b00}.stat-card div{display:flex;flex-direction:column;min-width:0}.stat-card small{font-size:11px;font-weight:900;color:#516680}.stat-card strong{font-size:27px;line-height:1.05;letter-spacing:-.7px;margin:1px 0}.stat-card strong.price-range{font-size:17px;white-space:nowrap}.stat-card em{font-style:normal;font-size:10px;color:#8290a3}.panel{margin-top:12px;background:rgba(255,255,255,.95);border-radius:22px;border:1px solid rgba(26,79,123,.08);box-shadow:0 16px 38px rgba(24,75,118,.09);overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:17px 18px;border-bottom:1px solid #e8eef4}.panel-head>div{display:flex;align-items:center;gap:8px}.panel-head small{color:#8290a0;margin-left:6px}.status-dot{width:8px;height:8px;background:#35cb76;border-radius:50%;box-shadow:0 0 0 5px #e4f9ec}.text-button{border:0;background:none;color:#2f6290;font-weight:900;cursor:pointer}.pack-list{display:grid}.pack-row{display:grid;grid-template-columns:48px 1fr 80px 76px 24px;align-items:center;gap:10px;padding:11px 17px;border-bottom:1px solid #edf2f6;transition:.15s ease}.pack-row:hover{background:#f8fcff}.pack-row:last-child{border-bottom:0}.pack-avatar{width:44px;height:44px;border-radius:11px;background:#eef7fb;overflow:hidden;display:grid;place-items:center;color:#5f7588;font-weight:950}.pack-avatar img{width:100%;height:100%;object-fit:cover}.pack-main{display:flex;flex-direction:column}.pack-main b{font-size:14px}.pack-main small{color:#8794a3;font-size:11px}.pack-price{font-weight:950;font-size:13px}.stock-badge{font-size:10px;font-weight:950;text-align:center;padding:6px 7px;border-radius:999px}.stock-badge.yes{background:#e2faea;color:#208647}.stock-badge.no{background:#f0f2f5;color:#7a8490}.row-arrow{color:#527291;font-weight:900}.empty-state{padding:28px;color:#708195}.source-note{font-size:11px;color:#6e7f90;margin:10px 5px 0}.notice{background:#fff2c9;border:1px solid #f2d678;color:#755c00;padding:12px 15px;border-radius:14px;margin-bottom:12px}.gotya-section{padding:38px 0;background:radial-gradient(circle at 17% 55%,rgba(255,230,80,.68),transparent 13%),linear-gradient(110deg,#f5eaff 0%,#ecdfff 40%,#ffeaf8 100%)}.hapabox-section{padding:38px 0;background:radial-gradient(circle at 17% 55%,rgba(255,151,52,.26),transparent 15%),linear-gradient(110deg,#fff7d9 0%,#fff1c8 48%,#ffe3c2 100%)}.referral-layout{display:grid;grid-template-columns:1.02fr 1.8fr .7fr;gap:18px;align-items:stretch}.referral-intro{position:relative;min-height:230px;padding:10px 10px 5px}.referral-intro h2{font-size:38px}.referral-art{position:absolute;width:170px;height:112px;right:0;bottom:0}.referral-art i{position:absolute;width:48px;height:67px;border-radius:9px;border:4px solid #fff;box-shadow:0 8px 15px rgba(58,60,130,.12)}.gotya-art i{background:linear-gradient(145deg,#8d58f3,#f090e4,#fff15c)}.hapa-art i{background:linear-gradient(145deg,#ff9e32,#ffe344,#8c5cff)}.referral-art i:nth-of-type(1){left:7px;top:32px;transform:rotate(-18deg)}.referral-art i:nth-of-type(2){left:55px;top:12px}.referral-art i:nth-of-type(3){left:105px;top:30px;transform:rotate(18deg)}.referral-art span{position:absolute;z-index:2;left:67px;top:35px;color:#fff;font-weight:950;font-size:34px;text-shadow:0 2px 6px rgba(44,44,100,.3)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.feature-card{background:rgba(255,255,255,.76);border:1px solid rgba(38,70,110,.06);border-radius:18px;padding:18px;box-shadow:0 12px 28px rgba(54,76,120,.07)}.feature-icon{width:38px;height:38px;border-radius:12px;background:#fff;display:grid;place-items:center;font-size:19px;box-shadow:0 5px 14px rgba(54,72,115,.08)}.feature-card h3{font-size:16px;margin:10px 0 5px}.feature-card p{color:#63768c;margin:0;font-size:12px}.referral-cta-box{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:9px;padding:16px;background:rgba(255,255,255,.45);border:1px solid rgba(255,255,255,.8);border-radius:21px}.referral-cta-box>span{font-size:11px;font-weight:900;color:#687b92;text-transform:uppercase;letter-spacing:.8px}.claim{color:#fff;padding:14px 14px;text-align:center}.gotya-claim{background:linear-gradient(90deg,#8652ee,#b35cff);box-shadow:0 10px 25px rgba(135,83,236,.24)}.hapa-claim{background:linear-gradient(90deg,#ff991d,#ffbc21);box-shadow:0 10px 25px rgba(255,154,30,.24)}.referral-cta-box small{color:#7a8797;font-size:10px}.add-platform{padding:65px 0;background:linear-gradient(110deg,#0c4d8c,#152a5d);color:#fff}.add-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.add-inner>div:first-child{max-width:760px}.add-inner h2{margin:10px 0}.add-inner p{color:#c6d8e8}.plus-card{width:130px;height:130px;border-radius:28px;border:1px dashed rgba(255,255,255,.35);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;background:linear-gradient(145deg,rgba(67,213,255,.18),rgba(136,89,255,.18));box-shadow:inset 0 0 0 6px rgba(255,255,255,.03)}.plus-card span{font-size:56px;line-height:.8;color:#ffe14d}.plus-card small{font-size:9px;letter-spacing:1.2px;margin-top:12px}.footer{padding:38px 0;background:#0a2448;border-top:1px solid rgba(255,255,255,.08);color:#fff}.footer-grid{display:grid;grid-template-columns:240px 1fr;gap:38px;align-items:center}.footer p{font-size:11px;color:#91abc4;max-width:800px;margin:0}.footer-brand .brand-mark{transform:scale(.9)}
@media(max-width:1080px){.hero-grid{grid-template-columns:1fr .55fr}.overview-card{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.overview-head{grid-column:1/-1}.activity-bars{grid-column:1/-1}.overview-stats{grid-column:1/-1}.platform-index-grid{grid-template-columns:1fr}.section-title{max-width:520px}.phygitals-layout{grid-template-columns:1fr}.phy-intro{min-height:320px}.card-stack-art{left:auto;right:20px}.referral-layout{grid-template-columns:1fr 2fr}.referral-cta-box{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:center}.referral-cta-box small{grid-column:1/-1}.nav-cta{display:none}.stats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.desktop-nav{display:none}.menu-button{display:block}.mobile-nav.open{display:grid;padding:0 20px 16px;gap:2px}.mobile-nav a{padding:10px 0;border-top:1px solid rgba(255,255,255,.08)}.hero{padding-top:52px}.hero-grid{grid-template-columns:1fr}.hero-visual{height:300px;max-width:420px;margin:auto;width:100%}.overview-card{grid-column:auto;display:block}.platform-jump-grid{grid-template-columns:1fr}.referral-layout{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.referral-cta-box{grid-column:auto;display:flex}.referral-cta-box small{grid-column:auto}.referral-art{right:5%}.footer-grid{grid-template-columns:1fr}}
@media(max-width:600px){.wrap{width:min(100% - 24px,1240px)}.nav-wrap{height:68px}.brand-mark{width:40px;height:40px;border-radius:13px}.hero{min-height:0;padding:42px 0 44px}.hero h1{font-size:45px;letter-spacing:-2.5px}.hero-copy{font-size:16px}.hero-actions{display:grid}.btn{width:100%}.hero-chips{gap:6px}.hero-visual{height:265px}.energy-orb{width:150px;height:150px}.energy-orb:before{width:66px;height:95px}.energy-orb:after{width:58px;height:90px}.bolt{font-size:70px}.float-card{width:60px;height:84px}.float-card:before{width:34px;height:34px}.overview-stats strong{font-size:19px}.overview-stats div{padding:0 7px}.overview-brand-row{grid-template-columns:46px 1fr auto}.platform-index{padding:34px 0}.platform-index-grid{gap:18px}.jump-card{grid-template-columns:50px 1fr 35px}.jump-art{display:none}.phygitals-section{padding:30px 0}.phygitals-layout{padding:14px;border-radius:24px}.phy-intro{min-height:410px;padding:12px 4px}.phy-intro h2,.referral-intro h2,.add-inner h2{font-size:37px;letter-spacing:-1.7px}.card-stack-art{right:auto;left:50%;transform:translateX(-50%);bottom:0}.stats-grid{grid-template-columns:1fr}.panel-head{align-items:flex-start;gap:10px}.panel-head>div{display:grid;grid-template-columns:auto 1fr}.panel-head small{grid-column:2;margin-left:0}.pack-row{grid-template-columns:44px 1fr auto;padding:11px 12px}.pack-price{grid-column:2}.stock-badge{grid-column:3;grid-row:1 / span 2}.row-arrow{display:none}.pack-avatar{grid-row:1 / span 2}.gotya-section,.hapabox-section{padding:28px 0}.referral-intro{min-height:270px}.referral-art{right:50%;transform:translateX(50%);bottom:0}.feature-grid{gap:8px}.add-inner{align-items:flex-start}.plus-card{width:90px;height:90px;border-radius:20px;flex:0 0 90px}.plus-card span{font-size:42px}.plus-card small{display:none}.footer{padding-bottom:28px}}

/* ===== V3: brighter collectible-card inspired redesign ===== */
body{background:#f7fbff}
.site-header{background:linear-gradient(90deg,#073978 0%,#0a4f9f 48%,#123875 100%);box-shadow:0 5px 24px rgba(10,65,135,.14)}
.hero{position:relative;overflow:hidden;background:
 radial-gradient(circle at 8% 18%,rgba(255,235,75,.78),transparent 16%),
 radial-gradient(circle at 26% 88%,rgba(75,224,255,.45),transparent 22%),
 radial-gradient(circle at 78% 20%,rgba(178,108,255,.30),transparent 25%),
 linear-gradient(118deg,#eefcff 0%,#ddf6ff 35%,#fff8cb 68%,#eef1ff 100%)}
.hero:before{content:"";position:absolute;inset:0;background:
 radial-gradient(circle at 6% 66%,#ff69bd 0 4px,transparent 5px),
 radial-gradient(circle at 18% 24%,#55d7ff 0 3px,transparent 4px),
 radial-gradient(circle at 38% 12%,#ffe942 0 4px,transparent 5px),
 radial-gradient(circle at 63% 78%,#8e69ff 0 3px,transparent 4px),
 radial-gradient(circle at 92% 42%,#ff9b45 0 4px,transparent 5px);opacity:.55;pointer-events:none}
.hero:after{content:"";position:absolute;left:-7%;right:-7%;bottom:-78px;height:170px;background:linear-gradient(90deg,rgba(49,194,255,.38),rgba(255,235,84,.46),rgba(239,126,255,.34));filter:blur(18px);transform:rotate(-2deg);pointer-events:none}
.hero-grid{position:relative;z-index:2}
.hero h1{color:#0b2b58;text-shadow:0 2px 0 rgba(255,255,255,.65)}
.hero h1 span{background:linear-gradient(90deg,#1e78ff,#7c58ff 48%,#e457cd);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy{color:#315b78}
.hero .eyebrow{color:#1378c9;background:rgba(255,255,255,.68);border:1px solid rgba(255,255,255,.85);padding:7px 12px;border-radius:999px;display:inline-block;box-shadow:0 8px 22px rgba(26,103,175,.08)}
.hero-chips span{background:rgba(255,255,255,.72);border-color:rgba(255,255,255,.9);color:#315c78;box-shadow:0 7px 20px rgba(30,100,160,.08)}
.hero-figure{display:flex;align-items:center;justify-content:center;min-height:390px;isolation:isolate}
.hero-figure .figure-glow{position:absolute;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,#fffbd2 0%,rgba(255,232,65,.68) 35%,rgba(55,197,255,.24) 60%,transparent 72%);filter:blur(5px);z-index:-1}
.hero-figure img{width:min(100%,460px);height:330px;object-fit:cover;object-position:center;border-radius:46% 54% 42% 58% / 46% 38% 62% 54%;box-shadow:0 28px 65px rgba(20,94,172,.20);transform:rotate(-1deg);border:5px solid rgba(255,255,255,.58)}
.hero-figure:after{content:"⚡";position:absolute;right:7%;top:9%;font-size:58px;filter:drop-shadow(0 5px 8px rgba(255,175,0,.24));transform:rotate(12deg)}
.hero-figure .float-card{z-index:3;box-shadow:0 16px 34px rgba(55,57,164,.20)}
.overview-card{background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.95);box-shadow:0 24px 60px rgba(29,87,154,.18);backdrop-filter:blur(12px)}
.platform-index{background:linear-gradient(180deg,#fff 0%,#f8fcff 100%)}
.platform-index:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 4% 50%,rgba(82,200,255,.14),transparent 14%),radial-gradient(circle at 96% 40%,rgba(255,218,83,.16),transparent 15%)}
.jump-card{overflow:hidden;border:1px solid rgba(255,255,255,.92);box-shadow:0 15px 35px rgba(42,81,123,.11)}
.jump-card.phygitals{background:linear-gradient(120deg,#e5faff,#c8f3ff 58%,#f6fdff)}
.jump-card.gotya{background:linear-gradient(120deg,#f7e8ff,#eedcff 54%,#ffe6f8)}
.jump-card.hapabox{background:linear-gradient(120deg,#fff7d9,#ffecc3 54%,#fff3df)}
.jump-figure{display:block;position:absolute;right:18px;bottom:-5px;width:105px;height:91px;border-radius:40px 40px 12px 12px;overflow:hidden;opacity:.98;box-shadow:0 6px 20px rgba(34,64,120,.09)}
.jump-figure img{width:100%;height:100%;object-fit:cover}
.jump-arrow{z-index:4}
.phygitals-section{background:
 radial-gradient(circle at 5% 10%,rgba(255,224,58,.52),transparent 13%),
 radial-gradient(circle at 93% 17%,rgba(118,94,255,.22),transparent 16%),
 linear-gradient(135deg,#c9f4ff 0%,#e8fbff 45%,#e9efff 100%)}
.phygitals-layout{position:relative;overflow:hidden;background:rgba(255,255,255,.34);border:1px solid rgba(255,255,255,.68);box-shadow:0 20px 55px rgba(24,89,143,.10)}
.phygitals-layout:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 26% 54%,rgba(50,185,255,.20),transparent 20%),radial-gradient(circle at 14% 28%,rgba(255,235,71,.31),transparent 13%),radial-gradient(circle at 65% 84%,rgba(133,90,255,.10),transparent 16%);pointer-events:none}
.phy-intro,.phy-data{position:relative;z-index:1}
.section-figure{position:absolute;overflow:hidden;box-shadow:0 20px 45px rgba(36,73,150,.20);border:5px solid rgba(255,255,255,.72)}
.section-figure img{width:100%;height:100%;object-fit:cover;display:block}
.phy-figure{width:300px;height:210px;left:6px;bottom:0;border-radius:34px;transform:rotate(-2deg)}
.gotya-section{position:relative;overflow:hidden;background:
 radial-gradient(circle at 8% 20%,rgba(255,233,73,.55),transparent 13%),
 radial-gradient(circle at 88% 10%,rgba(255,255,255,.72),transparent 16%),
 linear-gradient(110deg,#f8e7ff 0%,#ebddff 46%,#ffdff1 100%)}
.gotya-section:before{content:"✦  ✧  ✦";position:absolute;right:6%;top:8%;font-size:34px;letter-spacing:22px;color:rgba(150,87,255,.22)}
.hapabox-section{position:relative;overflow:hidden;background:
 radial-gradient(circle at 11% 18%,rgba(255,136,56,.28),transparent 15%),
 radial-gradient(circle at 88% 25%,rgba(255,238,90,.52),transparent 14%),
 linear-gradient(110deg,#fff9df 0%,#fff0c6 48%,#ffe0bd 100%)}
.hapabox-section:before{content:"✦  ✧  ✦";position:absolute;right:5%;top:7%;font-size:34px;letter-spacing:22px;color:rgba(255,150,37,.28)}
.referral-layout{position:relative;z-index:1}
.referral-intro{overflow:visible}
.referral-figure{left:38%;right:auto;bottom:-4px;border-radius:32px;width:270px;height:120px;transform:rotate(-2deg)}
.hapa-figure{width:250px;height:136px;left:35%;transform:rotate(1deg)}
.feature-card{background:rgba(255,255,255,.82);border-color:rgba(255,255,255,.92);box-shadow:0 14px 34px rgba(54,76,120,.09)}
.gotya-claim{background:linear-gradient(90deg,#7355ff,#b34eff 56%,#ec64ca)}
.hapa-claim{background:linear-gradient(90deg,#ff821e,#ffb51f 56%,#ffdd42);color:#173257}
.add-platform{background:linear-gradient(115deg,#093d81,#1759a4 54%,#573fba)}

@media(max-width:1080px){
 .hero-figure{min-height:330px}.hero-figure img{height:285px}
 .phy-figure{width:260px;height:182px}
 .referral-figure{left:auto;right:0}
}
@media(max-width:820px){
 .hero-figure{min-height:300px}.hero-figure img{height:280px;width:min(100%,420px)}
 .jump-figure{display:block;width:92px;height:80px;right:8px}
 .referral-figure{position:relative;left:auto;right:auto;bottom:auto;margin:18px auto 0;width:min(100%,330px);height:145px;transform:none}
 .hapa-figure{width:min(100%,315px);height:160px}
 .referral-intro{min-height:0;padding-bottom:0}
}
@media(max-width:600px){
 .hero{padding-top:34px}.hero h1{font-size:42px;line-height:.98}.hero-copy{font-size:15px}
 .hero-figure{height:255px;min-height:255px}.hero-figure img{height:238px;border-radius:34px}.hero-figure:after{font-size:40px}
 .jump-figure{width:82px;height:70px;opacity:.92}
 .phy-intro{min-height:350px}.phy-figure{left:50%;transform:translateX(-50%) rotate(-2deg);width:min(94%,300px);height:210px}
}


/* ===== V4 hero alignment to approved mockup ===== */
.hero{padding-top:26px;padding-bottom:30px;background:
 radial-gradient(circle at 9% 14%,rgba(255,241,82,.72),transparent 14%),
 radial-gradient(circle at 31% 82%,rgba(77,224,255,.34),transparent 20%),
 radial-gradient(circle at 72% 18%,rgba(180,112,255,.18),transparent 24%),
 linear-gradient(180deg,#dff7ff 0%,#f4fbff 38%,#fff7cf 100%)}
.hero:before{background:
 linear-gradient(180deg,rgba(4,69,143,.03),transparent 28%),
 radial-gradient(circle at 3% 12%,rgba(255,255,255,.92),transparent 10%),
 radial-gradient(circle at 19% 3%,rgba(255,255,255,.75),transparent 8%),
 radial-gradient(circle at 42% 10%,rgba(255,236,64,.35),transparent 10%),
 radial-gradient(circle at 91% 15%,rgba(255,255,255,.82),transparent 10%),
 radial-gradient(circle at 95% 78%,rgba(79,205,255,.20),transparent 18%)}
.hero:after{height:130px;bottom:-76px;filter:blur(10px);background:linear-gradient(90deg,rgba(47,191,255,.24),rgba(255,238,92,.34),rgba(240,123,255,.20))}
.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(360px,.9fr) minmax(360px,.92fr);align-items:start;gap:18px;padding-top:0}
.hero-copy-wrap{padding-top:44px;z-index:4}
.hero h1{max-width:690px;font-size:58px;line-height:.98;letter-spacing:-3px;color:#0b2854;text-shadow:none;margin:18px 0 16px}
.hero h1 span{display:block;background:linear-gradient(90deg,#1674ff 0%,#525cff 38%,#9e45f0 69%,#ef55c7 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy{max-width:650px;color:#224e70;font-size:17px;line-height:1.45}
.hero-actions{margin-top:22px}
.hero-chips{display:none}
.hero-visual.hero-figure{min-height:420px;height:420px;align-self:start;margin-top:-8px;overflow:visible;pointer-events:none}
.hero-figure .figure-glow{width:420px;height:360px;background:radial-gradient(circle,rgba(255,246,134,.9) 0%,rgba(255,227,53,.42) 36%,rgba(65,202,255,.18) 62%,transparent 74%);filter:blur(8px)}
.hero-figure img{position:absolute;z-index:3;width:520px;height:390px;max-width:none;object-fit:contain;object-position:center;background:transparent!important;border:0;border-radius:0;box-shadow:none;transform:none;filter:drop-shadow(0 18px 22px rgba(15,77,154,.18));top:0;left:50%;translate:-50% 0}
.hero-figure:after{content:""}
.hero-figure .float-card{display:block;width:72px;height:104px;border-radius:12px;background:linear-gradient(145deg,#214eff,#6d42ee);border:4px solid #ffd84c;box-shadow:0 14px 28px rgba(42,52,160,.24);position:absolute;z-index:2;overflow:hidden}
.hero-figure .float-card:before{content:"✦";position:absolute;inset:11px;border:2px solid rgba(255,255,255,.55);border-radius:8px;display:grid;place-items:center;color:#ffe75c;font-size:30px;background:radial-gradient(circle,rgba(255,255,255,.16),transparent 60%)}
.hero-figure .float-card.card-a{left:1%;top:54px;transform:rotate(-14deg)}
.hero-figure .float-card.card-b{right:0;top:92px;transform:rotate(15deg)}
.hero-figure .float-card.card-a:after{content:"";position:absolute;width:64px;height:94px;right:-190px;top:-42px;border-radius:12px;background:linear-gradient(145deg,#4f6bff,#7648e8);border:4px solid #ffd84c;transform:rotate(18deg);box-shadow:0 14px 28px rgba(42,52,160,.2)}
.hero-figure .float-card.card-b:after{content:"";position:absolute;width:60px;height:90px;left:-196px;top:210px;border-radius:12px;background:linear-gradient(145deg,#2157f8,#7a42ed);border:4px solid #ffd84c;transform:rotate(-19deg);box-shadow:0 14px 28px rgba(42,52,160,.2)}
.hero-figure .star{position:absolute;z-index:4;color:#ffd83f;text-shadow:0 0 12px rgba(255,214,54,.55)}
.hero-figure .star-a{left:18%;top:34px;font-size:30px}.hero-figure .star-b{right:15%;top:24px;font-size:24px}.hero-figure .star-c{right:11%;bottom:58px;font-size:22px;color:#7559ff}
.overview-card{margin-top:42px;align-self:start}
@media(max-width:1180px){
 .hero-grid{grid-template-columns:1.05fr .82fr}.overview-card{grid-column:1/-1;margin-top:0}.hero-copy-wrap{padding-top:24px}.hero-visual.hero-figure{height:365px;min-height:365px}.hero-figure img{width:455px;height:350px}.hero h1{font-size:54px}
}
@media(max-width:820px){
 .hero-grid{grid-template-columns:1fr}.hero-copy-wrap{padding-top:12px}.hero h1{font-size:48px;max-width:none}.hero-visual.hero-figure{order:2;height:300px;min-height:300px;margin-top:-12px}.hero-figure img{width:min(112%,460px);height:310px}.overview-card{order:3;margin-top:-8px}.hero-figure .float-card.card-a{left:6%;top:32px}.hero-figure .float-card.card-b{right:5%;top:60px}
}
@media(max-width:600px){
 .hero{padding-top:18px}.hero h1{font-size:42px;letter-spacing:-2.2px}.hero-copy{font-size:15px}.hero-visual.hero-figure{height:260px;min-height:260px;margin-top:-4px}.hero-figure img{width:390px;height:270px;top:-6px}.hero-figure .float-card{width:54px;height:78px;border-width:3px}.hero-figure .float-card:before{inset:8px;font-size:22px}.hero-figure .float-card.card-a{left:3%;top:22px}.hero-figure .float-card.card-b{right:2%;top:48px}.hero-figure .float-card.card-a:after,.hero-figure .float-card.card-b:after{display:none}
}

/* ===== V5 performance + visual polish ===== */
.hero{
  padding-top:24px;
  padding-bottom:34px;
  background:
    radial-gradient(circle at 8% 14%, rgba(255,236,92,.84), transparent 13%),
    radial-gradient(circle at 23% 10%, rgba(255,255,255,.8), transparent 10%),
    radial-gradient(circle at 41% 74%, rgba(92,228,255,.28), transparent 18%),
    radial-gradient(circle at 73% 12%, rgba(166,121,255,.22), transparent 17%),
    radial-gradient(circle at 90% 18%, rgba(255,255,255,.7), transparent 11%),
    linear-gradient(180deg,#d5f4ff 0%,#eefbff 37%,#f6ffe1 68%,#fff5c9 100%);
}
.hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 52% 29%, rgba(255,232,71,.34), transparent 15%),
    radial-gradient(circle at 68% 49%, rgba(109,219,255,.2), transparent 18%),
    linear-gradient(180deg, rgba(255,255,255,.25), transparent 35%);
  pointer-events:none;
}
.hero:after{
  content:"";
  position:absolute;
  left:-4%; right:-4%; bottom:-20px;
  height:170px;
  background:
    radial-gradient(circle at 18% 46%, rgba(126,205,80,.52), transparent 22%),
    radial-gradient(circle at 42% 35%, rgba(102,198,96,.46), transparent 27%),
    radial-gradient(circle at 74% 44%, rgba(116,211,99,.48), transparent 26%),
    radial-gradient(circle at 94% 38%, rgba(88,182,76,.42), transparent 20%),
    linear-gradient(180deg, rgba(175,235,126,.38), rgba(255,244,184,0));
  filter:blur(16px);
  pointer-events:none;
}
.hero-grid{grid-template-columns:minmax(0,1.02fr) minmax(320px,.88fr) minmax(330px,.92fr);gap:24px;align-items:start}
.hero-copy-wrap{padding-top:34px}
.hero h1{font-size:62px;line-height:.96;letter-spacing:-3.2px;color:#082550;max-width:690px}
.hero h1 span{display:block;background:linear-gradient(90deg,#1e70ff 0%,#5d58ff 40%,#a14ff2 70%,#e65bc7 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-copy{color:#24506f}
.hero-visual.hero-figure{height:390px;min-height:390px;align-self:start;margin-top:12px}
.hero-figure .figure-glow{
  position:absolute; left:50%; top:50px; translate:-50% 0;
  width:360px; height:320px; border-radius:50%;
  background:radial-gradient(circle, rgba(255,247,156,.9) 0%, rgba(255,226,72,.46) 37%, rgba(93,214,255,.22) 62%, transparent 76%);
  filter:blur(10px); z-index:1;
}
.hero-figure img{
  width:430px; height:308px; top:38px; left:50%; translate:-50% 0;
  object-fit:contain; object-position:center;
  filter:drop-shadow(0 16px 20px rgba(16,80,155,.16));
}
.hero-figure .float-card{
  width:74px; height:106px; border-radius:14px; border:3px solid #ffd65a;
  background:linear-gradient(160deg,#214dff 0%,#6549ee 55%,#3f84ff 100%);
  box-shadow:0 18px 34px rgba(56,58,171,.2), 0 0 0 4px rgba(255,255,255,.32);
}
.hero-figure .float-card:before{
  content:""; position:absolute; inset:9px; border-radius:10px;
  border:2px solid rgba(255,255,255,.52);
  background:radial-gradient(circle at 50% 48%, rgba(255,240,95,.96) 0 15%, transparent 16%),
             radial-gradient(circle at 50% 48%, transparent 0 28%, rgba(255,230,91,.94) 29% 34%, transparent 35% 100%),
             radial-gradient(circle at 50% 48%, rgba(255,255,255,.14), transparent 70%);
}
.hero-figure .float-card i{display:none}
.hero-figure .float-card.card-a{left:4%;top:34px;transform:rotate(-16deg)}
.hero-figure .float-card.card-b{right:1%;top:70px;transform:rotate(14deg)}
.hero-figure .float-card.card-c{right:8%;bottom:38px;transform:rotate(24deg)}
.hero-figure .spark-ring{position:absolute;border-radius:50%;border:2px solid rgba(255,228,88,.85);box-shadow:0 0 18px rgba(255,220,72,.35);z-index:2}
.hero-figure .spark-ring-a{width:22px;height:22px;left:23%;top:106px;border-color:#ffe65d}
.hero-figure .spark-ring-b{width:14px;height:14px;right:26%;bottom:96px;border-color:#86e6ff}
.hero-figure .mini-spark{position:absolute;z-index:4;font-size:20px;font-weight:700;line-height:1;color:#ffe14d;text-shadow:0 0 10px rgba(255,225,77,.45)}
.hero-figure .mini-spark-a{left:20%;top:58px}
.hero-figure .mini-spark-b{right:24%;top:52px}
.hero-figure .mini-spark-c{right:16%;bottom:80px;color:#74d4ff}
.hero-figure .star{font-size:28px;color:#ffd94c}
.hero-figure .star-a{left:31%;top:6px}.hero-figure .star-b{right:29%;top:2px}.hero-figure .star-c{right:22%;bottom:50px;color:#7661ff}
.overview-card{margin-top:32px;background:rgba(255,255,255,.92);box-shadow:0 26px 56px rgba(27,89,151,.16);border:1px solid rgba(255,255,255,.96)}

.platform-index{padding:36px 0 24px;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)}
.platform-index-grid{gap:22px}
.jump-card{min-height:118px;border-color:rgba(255,255,255,.98);box-shadow:0 16px 35px rgba(36,88,135,.1)}
.jump-figure{width:108px;height:84px;right:14px;bottom:2px;border-radius:24px 24px 10px 10px;box-shadow:0 10px 24px rgba(34,64,120,.12)}

.phygitals-section{
  padding-top:18px;
  background:
    radial-gradient(circle at 12% 18%, rgba(255,231,83,.58), transparent 13%),
    radial-gradient(circle at 90% 20%, rgba(255,255,255,.62), transparent 14%),
    linear-gradient(180deg,#e7fbff 0%,#f0fdff 34%,#eef7ff 100%);
}
.phygitals-layout{
  grid-template-columns:minmax(320px,.9fr) minmax(0,1.22fr);
  padding:18px;
  border-radius:34px;
  background:
    radial-gradient(circle at 16% 20%, rgba(255,230,80,.4), transparent 13%),
    radial-gradient(circle at 32% 68%, rgba(92,228,255,.18), transparent 18%),
    linear-gradient(180deg, rgba(255,255,255,.68), rgba(255,255,255,.78));
}
.phy-intro{padding:12px 12px 18px;min-height:420px}
.phy-intro h2{font-size:36px;line-height:1;letter-spacing:-1.6px;margin-bottom:10px;max-width:340px}
.phy-intro p{max-width:300px}
.phy-figure{width:320px;height:220px;left:8px;bottom:8px;border-radius:38px;transform:rotate(-3deg);box-shadow:0 22px 42px rgba(43,83,153,.16),0 0 0 6px rgba(255,255,255,.35)}
.phy-data{padding-top:4px}
.stat-card,.panel{background:rgba(255,255,255,.92);border-color:rgba(255,255,255,.95);box-shadow:0 14px 34px rgba(30,89,146,.1)}
.pack-panel{overflow:hidden}

.gotya-section,.hapabox-section{padding:34px 0}
.gotya-section{
  background:
    radial-gradient(circle at 9% 16%, rgba(255,237,111,.4), transparent 11%),
    radial-gradient(circle at 85% 18%, rgba(255,255,255,.68), transparent 16%),
    linear-gradient(110deg,#f6e8ff 0%,#f2e0ff 48%,#ffe6f6 100%);
}
.hapabox-section{
  background:
    radial-gradient(circle at 10% 16%, rgba(255,208,69,.34), transparent 13%),
    radial-gradient(circle at 86% 18%, rgba(255,255,255,.58), transparent 16%),
    linear-gradient(110deg,#fff8df 0%,#fff2cc 46%,#ffe7c9 100%);
}
.referral-layout{grid-template-columns:minmax(320px,.96fr) minmax(0,1.45fr) 260px;gap:16px}
.referral-intro{padding:10px 10px 14px;min-height:240px}
.referral-intro h2{font-size:36px;line-height:1.02;letter-spacing:-1.5px;max-width:340px;margin:10px 0 14px}
.referral-intro p{max-width:305px}
.referral-figure{left:0;bottom:4px;width:260px;height:120px;border-radius:28px;transform:rotate(-2deg);box-shadow:0 18px 36px rgba(71,71,150,.16),0 0 0 5px rgba(255,255,255,.42)}
.hapa-figure{width:250px;height:134px;left:0;transform:rotate(1deg)}
.feature-card,.referral-cta-box{background:rgba(255,255,255,.82);border-color:rgba(255,255,255,.95);box-shadow:0 14px 34px rgba(54,76,120,.09)}
.referral-cta-box{justify-content:center}

@media(max-width:1180px){
  .hero-grid{grid-template-columns:1fr .92fr}
  .overview-card{grid-column:1 / -1;margin-top:0}
  .hero-visual.hero-figure{height:350px;min-height:350px}
  .hero-figure img{width:385px;height:280px;top:34px}
  .phygitals-layout{grid-template-columns:1fr}
  .referral-layout{grid-template-columns:1fr 1.2fr}
  .referral-cta-box{grid-column:1/-1}
}
@media(max-width:900px){
  .hero-grid{grid-template-columns:1fr}
  .hero-copy-wrap{padding-top:12px}
  .hero h1{font-size:50px}
  .hero-visual.hero-figure{order:2;height:285px;min-height:285px;margin-top:-6px}
  .hero-figure img{width:350px;height:252px;top:24px}
  .overview-card{order:3;margin-top:0}
  .phygitals-layout{padding:14px}
  .phy-intro{min-height:370px}
  .phy-figure{width:min(92%,320px);left:50%;translate:-50% 0;transform:rotate(-2deg);bottom:4px}
  .referral-layout{grid-template-columns:1fr}
  .referral-intro{min-height:280px}
  .referral-figure,.hapa-figure{left:auto;right:0;width:min(100%,300px)}
}
@media(max-width:600px){
  .hero{padding-top:16px;padding-bottom:24px}
  .hero h1{font-size:41px;letter-spacing:-2.2px}
  .hero-copy{font-size:15px}
  .hero-visual.hero-figure{height:245px;min-height:245px;margin-top:-2px}
  .hero-figure .figure-glow{width:280px;height:225px;top:22px}
  .hero-figure img{width:300px;height:218px;top:26px}
  .hero-figure .float-card{width:56px;height:80px}
  .hero-figure .float-card:before{inset:7px}
  .hero-figure .float-card.card-a{left:4%;top:20px}
  .hero-figure .float-card.card-b{right:1%;top:42px}
  .hero-figure .float-card.card-c{right:10%;bottom:18px}
  .hero-figure .spark-ring-a{left:22%;top:52px}
  .hero-figure .spark-ring-b{right:30%;bottom:56px}
  .hero-figure .mini-spark-a{left:17%;top:33px}
  .hero-figure .mini-spark-b{right:27%;top:28px}
  .hero-figure .mini-spark-c{right:18%;bottom:45px}
  .overview-card{padding:16px}
  .platform-index{padding-top:28px}
  .jump-card{min-height:102px}
  .jump-figure{width:92px;height:72px}
  .phy-intro{min-height:345px}
  .phy-intro h2,.referral-intro h2{font-size:34px}
  .phy-figure{height:198px}
  .referral-intro{min-height:260px}
  .referral-figure{position:relative;right:auto;bottom:auto;margin:16px auto 0;width:min(100%,310px);height:132px;transform:none}
  .hapa-figure{height:148px}
}

/* ===== V6 hero card redesign ===== */
.hero{background:
  radial-gradient(circle at 12% 15%, rgba(255,236,92,.78), transparent 14%),
  radial-gradient(circle at 78% 14%, rgba(202,171,255,.24), transparent 16%),
  radial-gradient(circle at 88% 76%, rgba(255,191,226,.24), transparent 17%),
  linear-gradient(180deg,#dff6ff 0%,#eefbff 35%,#f5ffe8 68%,#fff5d3 100%);
}
.hero-grid{align-items:start;grid-template-columns:minmax(0,1.02fr) minmax(300px,.78fr) minmax(330px,.9fr)}
.hero-copy-wrap{padding-top:42px}
.hero-visual.hero-figure.gotya-hero-card{height:360px;min-height:360px;margin-top:14px}
.gotya-hero-card .figure-glow{
  width:350px;height:250px;left:50%;top:56px;translate:-50% 0;
  background:radial-gradient(circle, rgba(255,255,255,.85) 0%, rgba(255,233,122,.72) 18%, rgba(227,187,255,.48) 46%, rgba(131,227,255,.28) 68%, transparent 78%);
  filter:blur(12px);
}
.gotya-hero-card .hero-card-shell{
  position:absolute;left:50%;top:68px;translate:-50% 0;z-index:2;
  width:336px;height:196px;border-radius:28px;
  background:linear-gradient(135deg, rgba(255,255,255,.88), rgba(255,255,255,.68));
  box-shadow:0 26px 46px rgba(72,64,167,.17), 0 0 0 5px rgba(255,255,255,.52), inset 0 0 0 2px rgba(255,255,255,.65);
  border:2px solid rgba(255,255,255,.9);
}
.gotya-hero-card .hero-card-shell:before{
  content:"";position:absolute;inset:8px;border-radius:22px;
  border:3px solid rgba(255,223,115,.92);
  box-shadow:inset 0 0 0 1px rgba(180,121,255,.34);
}
.gotya-hero-card img{
  width:320px;height:143px;top:95px;left:50%;translate:-50% 0;z-index:3;
  object-fit:cover;border-radius:20px;
  box-shadow:0 12px 28px rgba(89,73,170,.18);
}
.gotya-hero-card .float-card{
  width:66px;height:94px;border-radius:14px;border:3px solid #ffd867;
  background:linear-gradient(160deg,#7d55ef 0%,#9f67f7 40%,#f18fdf 100%);
  box-shadow:0 16px 28px rgba(98,83,205,.18), 0 0 0 4px rgba(255,255,255,.28);
}
.gotya-hero-card .float-card:before{
  inset:7px;border-radius:10px;border:2px solid rgba(255,255,255,.55);
  background:
   radial-gradient(circle at 50% 50%, rgba(255,236,88,.96) 0 12%, transparent 13%),
   radial-gradient(circle at 50% 50%, transparent 0 24%, rgba(255,224,92,.92) 25% 31%, transparent 32%),
   radial-gradient(circle at 50% 50%, rgba(255,255,255,.1), transparent 72%);
}
.gotya-hero-card .float-card.card-a{left:6%;top:34px;transform:rotate(-14deg)}
.gotya-hero-card .float-card.card-b{right:2%;top:78px;transform:rotate(10deg)}
.gotya-hero-card .float-card.card-c{left:14%;bottom:26px;transform:rotate(18deg)}
.gotya-hero-card .spark-ring-a{left:25%;top:84px;border-color:#ffea7b}
.gotya-hero-card .spark-ring-b{right:23%;bottom:92px;border-color:#a9e4ff}
.gotya-hero-card .mini-spark{color:#ffe060;text-shadow:0 0 10px rgba(255,227,92,.45)}
.gotya-hero-card .mini-spark-a{left:23%;top:44px}
.gotya-hero-card .mini-spark-b{right:25%;top:48px}
.gotya-hero-card .mini-spark-c{left:63%;bottom:58px;color:#79d8ff}
.gotya-hero-card .star{font-size:24px}
.gotya-hero-card .star-a{left:36%;top:8px;color:#ffd754}
.gotya-hero-card .star-b{right:31%;top:12px;color:#ffe56d}
.gotya-hero-card .star-c{left:68%;bottom:28px;color:#8666ff}

@media(max-width:1180px){
  .hero-grid{grid-template-columns:1fr .92fr}
  .hero-visual.hero-figure.gotya-hero-card{height:320px;min-height:320px}
  .gotya-hero-card .hero-card-shell{width:312px;height:182px;top:62px}
  .gotya-hero-card img{width:296px;height:132px;top:88px}
}
@media(max-width:900px){
  .hero-visual.hero-figure.gotya-hero-card{height:280px;min-height:280px;margin-top:6px}
  .gotya-hero-card .figure-glow{width:300px;height:220px;top:34px}
  .gotya-hero-card .hero-card-shell{width:290px;height:168px;top:58px}
  .gotya-hero-card img{width:274px;height:122px;top:82px}
  .gotya-hero-card .float-card{width:58px;height:82px}
  .gotya-hero-card .float-card.card-a{left:5%;top:30px}
  .gotya-hero-card .float-card.card-b{right:3%;top:62px}
  .gotya-hero-card .float-card.card-c{left:16%;bottom:18px}
}
@media(max-width:600px){
  .hero-copy-wrap{padding-top:18px}
  .hero-visual.hero-figure.gotya-hero-card{height:238px;min-height:238px}
  .gotya-hero-card .figure-glow{width:258px;height:190px;top:26px}
  .gotya-hero-card .hero-card-shell{width:248px;height:146px;top:48px;border-radius:22px}
  .gotya-hero-card .hero-card-shell:before{inset:7px;border-radius:17px}
  .gotya-hero-card img{width:234px;height:104px;top:69px;border-radius:16px}
  .gotya-hero-card .float-card{width:50px;height:72px;border-radius:12px}
  .gotya-hero-card .float-card.card-a{left:2%;top:24px}
  .gotya-hero-card .float-card.card-b{right:0;top:56px}
  .gotya-hero-card .float-card.card-c{left:15%;bottom:12px}
  .gotya-hero-card .mini-spark-a{left:20%;top:28px}
  .gotya-hero-card .mini-spark-b{right:22%;top:30px}
  .gotya-hero-card .mini-spark-c{left:64%;bottom:38px}
}

/* ===== V7 hero mascot + wider Phygitals card ===== */
.hero{
  background:
    radial-gradient(circle at 10% 18%, rgba(255,235,89,.84), transparent 14%),
    radial-gradient(circle at 78% 18%, rgba(213,181,255,.28), transparent 18%),
    radial-gradient(circle at 84% 76%, rgba(255,176,224,.2), transparent 18%),
    linear-gradient(180deg,#dff7ff 0%,#eefbff 32%,#f2ffe4 68%,#fff4cc 100%);
}
.hero-grid{grid-template-columns:minmax(0,.98fr) minmax(300px,.82fr) minmax(420px,1.12fr);gap:24px;align-items:start}
.hero h1{max-width:600px}
.hero-copy{max-width:540px}
.hero-visual.hero-figure.standalone-cute{height:382px;min-height:382px;margin-top:6px}
.standalone-cute .figure-glow{
  position:absolute;left:50%;top:70px;translate:-50% 0;z-index:1;
  width:370px;height:270px;border-radius:50%;
  background:radial-gradient(circle, rgba(255,247,174,.82) 0%, rgba(255,225,110,.58) 24%, rgba(234,202,255,.48) 46%, rgba(120,227,255,.28) 70%, transparent 80%);
  filter:blur(14px);
}
.standalone-cute img{
  width:370px;height:254px;position:absolute;left:50%;top:78px;translate:-50% 0;z-index:3;
  object-fit:contain;border-radius:40px;
  filter:drop-shadow(0 20px 28px rgba(100,86,172,.16));
}
.standalone-cute .figure-bow{
  position:absolute;left:58%;top:102px;z-index:4;width:34px;height:18px;
  background:linear-gradient(180deg,#ff7fd2,#d56aff);border-radius:14px 14px 10px 10px;
  transform:rotate(14deg);
  box-shadow:0 4px 12px rgba(213,106,255,.26);
}
.standalone-cute .figure-bow:before,.standalone-cute .figure-bow:after{
  content:"";position:absolute;top:3px;width:15px;height:12px;background:inherit;border-radius:5px 11px 8px 11px;
}
.standalone-cute .figure-bow:before{left:-8px;transform:rotate(28deg)}
.standalone-cute .figure-bow:after{right:-8px;transform:scaleX(-1) rotate(28deg)}
.standalone-cute .heart-pop{position:absolute;left:63%;top:82px;z-index:5;font-size:16px;color:#ff78bf;text-shadow:0 0 12px rgba(255,120,191,.35)}
.standalone-cute .float-card{
  width:66px;height:92px;border-radius:14px;border:3px solid #ffd768;
  background:linear-gradient(160deg,#8056ef 0%,#9f69ff 42%,#f197e4 100%);
  box-shadow:0 18px 30px rgba(91,85,198,.16),0 0 0 4px rgba(255,255,255,.3);
}
.standalone-cute .float-card:before{content:"";position:absolute;inset:7px;border:2px solid rgba(255,255,255,.54);border-radius:10px;background:radial-gradient(circle at 50% 50%, rgba(255,238,96,.96) 0 12%, transparent 13%), radial-gradient(circle at 50% 50%, transparent 0 24%, rgba(255,225,92,.9) 25% 30%, transparent 31%), radial-gradient(circle at 50% 50%, rgba(255,255,255,.08), transparent 70%)}
.standalone-cute .float-card i{display:none}
.standalone-cute .float-card.card-a{left:6%;top:34px;transform:rotate(-15deg)}
.standalone-cute .float-card.card-b{right:-1%;top:64px;transform:rotate(14deg)}
.standalone-cute .float-card.card-c{left:14%;bottom:38px;transform:rotate(18deg)}
.standalone-cute .spark-ring{position:absolute;z-index:2;border-radius:50%;border:2px solid rgba(255,234,123,.85);box-shadow:0 0 16px rgba(255,230,92,.25)}
.standalone-cute .spark-ring-a{width:22px;height:22px;left:24%;top:116px}
.standalone-cute .spark-ring-b{width:14px;height:14px;right:24%;bottom:94px;border-color:#95e8ff}
.standalone-cute .mini-spark,.standalone-cute .star{position:absolute;z-index:4;font-weight:900;line-height:1}
.standalone-cute .mini-spark{font-size:20px;color:#ffe06f;text-shadow:0 0 10px rgba(255,224,111,.42)}
.standalone-cute .mini-spark-a{left:18%;top:52px}.standalone-cute .mini-spark-b{right:20%;top:46px}.standalone-cute .mini-spark-c{left:62%;bottom:58px;color:#7ad4ff}
.standalone-cute .star{font-size:26px;color:#ffd955}
.standalone-cute .star-a{left:30%;top:8px}.standalone-cute .star-b{right:26%;top:12px}.standalone-cute .star-c{right:16%;bottom:52px;color:#8a6cff}

.overview-card{margin-top:24px;padding:22px 22px 18px;border-radius:30px;min-width:0}
.overview-brand-row{grid-template-columns:56px 1fr 84px;align-items:center}
.overview-brand-row strong{justify-self:end}
.overview-stats{grid-template-columns:repeat(3,1fr);gap:12px}
.overview-stats>div{padding:10px 6px 4px 0}
.buy-signal{margin-top:16px;border-radius:20px;padding:14px 16px;display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;border:1px solid transparent}
.buy-signal.buy-on{background:linear-gradient(135deg,#effff4,#e8fff0);border-color:#c6f0d3;box-shadow:inset 0 0 0 1px rgba(53,213,139,.06)}
.buy-signal.buy-watch{background:linear-gradient(135deg,#fff8e9,#fff5d8);border-color:#f3ddb0}
.buy-main span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1.1px;font-weight:900;color:#6c8192;margin-bottom:2px}
.buy-main strong{display:block;font-size:24px;line-height:1;color:#14884a;letter-spacing:-.8px}
.buy-watch .buy-main strong{color:#b68319}
.buy-main small{display:block;color:#65809a;font-size:12px;margin-top:5px}
.buy-score{text-align:right;display:flex;flex-direction:column;align-items:flex-end}
.buy-score span{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#6e8190;font-weight:900}
.buy-score strong{font-size:42px;line-height:.95;letter-spacing:-1.4px;color:#0f2d57}
.buy-score small{font-size:12px;color:#6e8190}
.buy-basis{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.buy-basis span{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:#f1f8ff;border:1px solid #e3eef9;color:#55718c;font-size:11px;font-weight:800}

@media(max-width:1180px){
  .hero-grid{grid-template-columns:1fr .86fr}
  .overview-card{grid-column:1/-1;margin-top:0}
  .overview-stats{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
  .hero-grid{grid-template-columns:1fr}
  .hero-visual.hero-figure.standalone-cute{height:320px;min-height:320px;order:2}
  .standalone-cute .figure-glow{width:310px;height:235px;top:46px}
  .standalone-cute img{width:328px;height:225px;top:60px}
  .standalone-cute .figure-bow{left:58%;top:80px}
  .overview-card{order:3}
}
@media(max-width:600px){
  .hero-visual.hero-figure.standalone-cute{height:264px;min-height:264px}
  .standalone-cute .figure-glow{width:260px;height:200px;top:35px}
  .standalone-cute img{width:276px;height:190px;top:54px}
  .standalone-cute .figure-bow{width:28px;height:15px;left:59%;top:72px}
  .standalone-cute .heart-pop{left:64%;top:56px}
  .standalone-cute .float-card{width:54px;height:76px}
  .standalone-cute .float-card.card-a{left:2%;top:26px}
  .standalone-cute .float-card.card-b{right:1%;top:54px}
  .standalone-cute .float-card.card-c{left:18%;bottom:24px}
  .standalone-cute .mini-spark-a{left:16%;top:36px}.standalone-cute .mini-spark-b{right:18%;top:34px}.standalone-cute .mini-spark-c{left:62%;bottom:44px}
  .buy-signal{grid-template-columns:1fr;gap:8px}
  .buy-score{text-align:left;align-items:flex-start}
}

/* ===== V8 hero redesign based on approved mockup ===== */
:root{
  --brand-top:#2339a5;
  --brand-top-2:#7d52ff;
}
.site-header{
  background:linear-gradient(90deg,#083b8e 0%,#114da8 42%,#233da6 76%,#6b55ff 100%);
  box-shadow:0 10px 28px rgba(8,43,104,.16);
}
.nav a:hover,.nav a.active{color:#fff}
.nav a.active:after{background:#8be9ff}
.hero{
  position:relative;
  padding-top:22px;
  padding-bottom:24px;
  overflow:hidden;
  background:
    linear-gradient(90deg, rgba(255,255,255,.92) 0%, rgba(255,255,255,.72) 22%, rgba(255,255,255,.20) 42%, rgba(255,255,255,.10) 100%),
    linear-gradient(180deg, rgba(30,70,160,.18), rgba(255,255,255,0) 26%),
    url('figures/hero-bg.webp') center top / cover no-repeat;
}
.hero:before{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(circle at 18% 18%, rgba(255,255,255,.42), transparent 18%),
    radial-gradient(circle at 42% 82%, rgba(255,255,255,.16), transparent 14%),
    radial-gradient(circle at 86% 28%, rgba(255,255,255,.18), transparent 16%);
  pointer-events:none;
}
.hero:after{display:none}
.hero-grid{
  position:relative; z-index:2;
  grid-template-columns:minmax(0,.92fr) minmax(320px,.82fr) minmax(420px,.96fr);
  gap:22px; align-items:start;
}
.hero-copy-wrap{padding-top:46px}
.hero .eyebrow{
  display:inline-flex; align-items:center; gap:8px;
  background:rgba(255,255,255,.86);
  color:#1662ca; border:1px solid rgba(194,179,255,.85);
  box-shadow:0 8px 18px rgba(77,93,153,.08), inset 0 0 0 1px rgba(255,255,255,.65);
}
.hero h1{
  max-width:620px;
  font-size:64px; line-height:.94; letter-spacing:-3.2px;
  color:#081f4d; text-shadow:0 1px 0 rgba(255,255,255,.35);
}
.hero h1 span{
  display:block;
  background:linear-gradient(90deg,#2672ff 0%, #5664ff 34%, #9a54ff 68%, #ec5fc8 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.hero-copy{max-width:550px; color:#234f77; text-shadow:0 1px 0 rgba(255,255,255,.35)}
.hero-actions{margin-top:26px}
.hero-visual.hero-figure.standalone-cute{
  height:400px; min-height:400px; margin-top:8px;
}
.standalone-cute .figure-glow{
  position:absolute; left:50%; top:58px; translate:-50% 0; z-index:1;
  width:390px; height:280px; border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,.90) 0%, rgba(255,233,163,.65) 20%, rgba(243,188,255,.35) 46%, rgba(139,231,255,.18) 67%, transparent 79%);
  filter:blur(10px);
}
.standalone-cute img{
  width:400px; height:300px; position:absolute; left:50%; top:66px; translate:-50% 0; z-index:3;
  object-fit:contain; filter:drop-shadow(0 18px 26px rgba(98,75,167,.18));
}
.standalone-cute .figure-bow,.standalone-cute .heart-pop{display:none}
.standalone-cute .float-card{
  width:78px; height:110px; border-radius:16px; border:3px solid #ffd866;
  background:linear-gradient(160deg,#5c49e6 0%, #7c4ff0 48%, #384cfd 100%);
  box-shadow:0 20px 34px rgba(60,62,156,.18), 0 0 0 4px rgba(255,255,255,.30);
}
.standalone-cute .float-card:before{
  content:""; position:absolute; inset:8px; border-radius:11px;
  border:2px solid rgba(255,255,255,.55);
  background:
   radial-gradient(circle at 50% 49%, rgba(255,235,95,.98) 0 12%, transparent 13%),
   radial-gradient(circle at 50% 49%, transparent 0 25%, rgba(255,225,91,.94) 26% 31%, transparent 32%),
   radial-gradient(circle at 50% 49%, rgba(255,255,255,.07), transparent 70%);
}
.standalone-cute .float-card.card-a{left:1%; top:12px; transform:rotate(-22deg)}
.standalone-cute .float-card.card-b{right:-4%; top:92px; transform:rotate(19deg)}
.standalone-cute .float-card.card-c{right:8%; bottom:18px; transform:rotate(18deg)}
.standalone-cute .spark-ring{display:none}
.standalone-cute .mini-spark{position:absolute; z-index:4; font-size:22px; line-height:1; font-weight:900; color:#ffe06b; text-shadow:0 0 10px rgba(255,224,107,.38)}
.standalone-cute .mini-spark-a{left:18%; top:22px}
.standalone-cute .mini-spark-b{right:20%; top:16px}
.standalone-cute .mini-spark-c{right:12%; bottom:68px; color:#7c67ff}
.standalone-cute .star{position:absolute; z-index:4; font-size:28px; line-height:1; font-weight:900; color:#ffd95e; text-shadow:0 0 10px rgba(255,217,94,.34)}
.standalone-cute .star-a{left:43%; top:2px}
.standalone-cute .star-b{right:34%; top:0}
.standalone-cute .star-c{right:26%; bottom:36px; color:#8d65ff}
.overview-card{
  margin-top:12px; padding:22px 24px 20px; border-radius:30px;
  background:rgba(255,255,255,.92); border:1px solid rgba(255,255,255,.94);
  box-shadow:0 22px 44px rgba(32,76,137,.18);
}
.overview-head{margin-bottom:18px}
.overview-stats{margin-top:10px}
.buy-signal{margin-top:18px}
.buy-basis span{background:#f4f8fe}
.platform-index{padding-top:14px; background:#ffffff}
.phygitals-section{
  background:
    radial-gradient(circle at 14% 14%, rgba(255,236,104,.30), transparent 14%),
    linear-gradient(180deg,#f2fbff 0%,#f6fcff 100%);
}

@media(max-width:1180px){
  .hero-grid{grid-template-columns:1fr .84fr}
  .hero-copy-wrap{padding-top:28px}
  .hero h1{font-size:58px}
  .hero-visual.hero-figure.standalone-cute{height:360px;min-height:360px}
  .standalone-cute img{width:360px;height:270px;top:62px}
  .overview-card{grid-column:1/-1;margin-top:0}
}
@media(max-width:900px){
  .hero{
    background:
      linear-gradient(180deg, rgba(255,255,255,.88) 0%, rgba(255,255,255,.64) 24%, rgba(255,255,255,.20) 60%),
      url('figures/hero-bg.webp') center top / cover no-repeat;
  }
  .hero-grid{grid-template-columns:1fr}
  .hero-copy-wrap{padding-top:10px}
  .hero h1{font-size:50px}
  .hero-visual.hero-figure.standalone-cute{order:2;height:318px;min-height:318px;margin-top:2px}
  .standalone-cute .figure-glow{width:320px;height:240px;top:44px}
  .standalone-cute img{width:328px;height:246px;top:56px}
  .standalone-cute .float-card{width:66px;height:95px}
  .standalone-cute .float-card.card-a{left:2%;top:8px}
  .standalone-cute .float-card.card-b{right:0;top:74px}
  .standalone-cute .float-card.card-c{right:10%;bottom:12px}
  .overview-card{order:3}
}
@media(max-width:600px){
  .hero{padding-top:16px;padding-bottom:16px}
  .hero h1{font-size:42px;letter-spacing:-2.2px}
  .hero-copy{font-size:15px}
  .hero-visual.hero-figure.standalone-cute{height:255px;min-height:255px}
  .standalone-cute .figure-glow{width:260px;height:196px;top:34px}
  .standalone-cute img{width:270px;height:202px;top:46px}
  .standalone-cute .float-card{width:52px;height:74px;border-radius:12px}
  .standalone-cute .float-card.card-a{left:0;top:8px}
  .standalone-cute .float-card.card-b{right:0;top:54px}
  .standalone-cute .float-card.card-c{right:12%;bottom:8px}
  .standalone-cute .mini-spark-a{left:18%;top:18px}
  .standalone-cute .mini-spark-b{right:19%;top:16px}
  .standalone-cute .mini-spark-c{right:13%;bottom:48px}
}

/* === V9 polish updates === */
.hero h1 span{
  background:linear-gradient(90deg,#2951f0 0%, #7043e8 52%, #c13bd9 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.overview-card{
  border:4px solid rgba(133,95,255,.24) !important;
  box-shadow:0 24px 64px rgba(31,83,141,.20), inset 0 0 0 1px rgba(255,255,255,.7) !important;
}
.overview-head{margin-bottom:2px}

.jump-card{
  border-width:3px !important;
  box-shadow:0 16px 38px rgba(36,88,135,.12), inset 0 0 0 1px rgba(255,255,255,.48) !important;
}
.jump-card.phygitals{border-color:rgba(82,201,255,.42) !important}
.jump-card.gotya{border-color:rgba(179,92,255,.34) !important}
.jump-card.hapabox{border-color:rgba(255,184,33,.40) !important}

.phy-intro{
  min-height:470px;
}
.phy-mini-stats{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:18px 0 22px;
  max-width:360px;
}
.phy-mini-card{
  background:rgba(255,255,255,.82);
  border:2px solid rgba(255,255,255,.84);
  border-radius:18px;
  padding:12px 13px;
  box-shadow:0 12px 28px rgba(32,82,129,.08);
  display:flex;
  flex-direction:column;
  gap:2px;
}
.phy-mini-card span{
  font-size:10px;
  font-weight:900;
  letter-spacing:.9px;
  text-transform:uppercase;
  color:#607591;
}
.phy-mini-card strong{
  font-size:20px;
  line-height:1.05;
  letter-spacing:-.8px;
  color:#0f2850;
}
.phy-mini-card small{
  color:#6c8199;
  font-size:11px;
  font-weight:700;
}
.phy-mini-card.score strong{color:#1f9e66}
.phy-mini-card.refresh strong{color:#2851f0}
.phy-mini-card.stock strong{color:#7043e8}
.phy-mini-card.activity strong{font-size:15px;line-height:1.15}

.stats-grid.stats-grid-five{
  grid-template-columns:repeat(5,minmax(0,1fr));
}
.stat-icon.pink{
  background:linear-gradient(145deg,#ffe0fb,#f6b8ff);
  color:#a13edb;
}
.price-range{white-space:nowrap}

.pack-panel{
  border:2px solid rgba(139,170,210,.24);
}
.pack-row{
  grid-template-columns:54px minmax(0,1fr) auto auto 18px;
  align-items:center;
}
.pack-main{
  min-width:0;
}
.pack-main small{
  display:block;
  margin-top:2px;
}
.pack-metrics{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:8px;
}
.pack-metrics span{
  display:inline-flex;
  align-items:center;
  padding:5px 9px;
  border-radius:999px;
  background:#eef7ff;
  border:1px solid rgba(59,129,201,.12);
  color:#47627f;
  font-size:11px;
  font-weight:800;
  line-height:1;
}
.pack-price{
  font-weight:950;
  color:#102852;
  min-width:56px;
  text-align:right;
}
.stock-badge{
  margin-left:10px;
}

@media (max-width: 1180px){
  .stats-grid.stats-grid-five{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width: 980px){
  .phy-mini-stats{max-width:none}
  .stats-grid.stats-grid-five{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width: 820px){
  .phy-intro{min-height:unset}
}
@media (max-width: 680px){
  .phy-mini-stats{grid-template-columns:1fr 1fr}
  .pack-row{grid-template-columns:48px minmax(0,1fr) auto; gap:10px;}
  .pack-price{grid-column:2; grid-row:2; text-align:left; margin-top:6px;}
  .stock-badge{grid-column:3; grid-row:1 / span 2; margin-left:0}
  .pack-metrics span{font-size:10px}
}
@media (max-width: 560px){
  .phy-mini-stats{grid-template-columns:1fr}
  .stats-grid.stats-grid-five{grid-template-columns:1fr;}
}

/* === V10: exact 9-pack Phygitals dashboard === */
.phygitals-layout{
  grid-template-columns:minmax(280px,.72fr) minmax(0,1.78fr) !important;
  gap:22px !important;
}
.phy-intro{
  padding-right:4px;
}
.phy-intro h2{
  font-size:34px;
  max-width:300px;
}
.phy-intro p{
  max-width:285px;
}
.phy-mini-stats{
  max-width:315px;
  grid-template-columns:1fr 1fr;
}
.phy-figure{
  width:275px !important;
  height:185px !important;
  left:8px !important;
}
.pack-panel{
  border:3px solid rgba(89,160,230,.20) !important;
  box-shadow:0 20px 45px rgba(31,79,125,.10) !important;
}
.panel-head{
  background:linear-gradient(90deg,#f9fdff,#ffffff);
  padding:18px 18px;
}
.panel-head b{font-size:16px}
.panel-head small{font-weight:700}
.pack-row{
  min-height:92px;
  padding:13px 17px;
}
.pack-main b{
  font-size:15px;
  color:#0e2852;
}
.pack-main small{
  color:#768ba2;
}
.pack-metrics span{
  background:linear-gradient(180deg,#f4f9ff,#ebf5ff);
}
.pack-metrics .metric-muted,
.metric-muted{
  background:#f7f1ff !important;
  color:#7957a6 !important;
  border-color:#e5d8f8 !important;
}
.stock-badge.pending{
  background:#f3edff;
  color:#7658a8;
}
.stats-grid.stats-grid-five .stat-card{
  min-height:118px;
}

@media(max-width:1080px){
  .phygitals-layout{grid-template-columns:1fr !important}
  .phy-intro{min-height:0 !important}
  .phy-mini-stats{max-width:none}
  .phy-figure{position:relative !important;left:auto !important;bottom:auto !important;margin:20px auto 0;width:min(100%,340px) !important;height:210px !important}
}

/* ===== V11 usability + platform guide ===== */
.update-times{display:block!important;color:#647892!important;font-size:11px!important;font-weight:750!important;margin-top:3px}.update-times i{font-style:normal;color:#a5b2c2;margin:0 5px}

/* Phygitals has one consistent visual identity */
.overview-card{background:linear-gradient(180deg,rgba(245,252,255,.97),rgba(235,248,255,.97))!important;border-color:rgba(92,198,255,.5)!important}
.phygitals-section{background:linear-gradient(180deg,#e8f8ff 0%,#f3fbff 100%)!important}
.phygitals-layout{background:linear-gradient(135deg,rgba(233,249,255,.96),rgba(244,251,255,.96))!important;border:2px solid rgba(93,199,255,.30)!important}
.phy-mini-card{background:rgba(255,255,255,.86)!important;border-color:rgba(105,199,245,.24)!important}
.pack-panel{background:#fff;border:2px solid rgba(84,181,235,.26)!important}

/* Three primary live stats only */
.stats-grid.stats-grid-top3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}
.stats-grid-top3 .stat-card{min-height:116px;border-width:2px;box-shadow:0 13px 30px rgba(38,91,145,.08)}
.stats-grid-top3 .stat-blue{background:linear-gradient(145deg,#f0fbff,#dff6ff);border-color:#c9edff}
.stats-grid-top3 .stat-purple{background:linear-gradient(145deg,#faf4ff,#eee2ff);border-color:#e2d0ff}
.stats-grid-top3 .stat-pink{background:linear-gradient(145deg,#fff4fb,#ffe3f4);border-color:#ffd3eb}
.stats-grid-top3 .stat-card strong{font-size:28px}

/* Platform selector: five clean bordered cards */
.platform-index-grid{grid-template-columns:220px 1fr}
.platform-jump-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.jump-card{grid-template-columns:48px 1fr 32px;min-height:104px;padding:15px 14px}
.jump-card .jump-arrow{justify-self:end}
.jump-card.dopa{background:linear-gradient(135deg,#fff3f8,#ffe6f1);border-color:rgba(240,107,167,.36)!important}
.jump-card.packs{background:linear-gradient(135deg,#f4f5ff,#e6e9ff);border-color:rgba(119,135,255,.36)!important}
.jump-card small{font-size:11px}

/* clean platform information section */
.platform-directory{padding:34px 0 48px;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)}
.directory-head{max-width:760px;margin-bottom:22px}.directory-head h2{font-size:36px;line-height:1.04;letter-spacing:-1.6px;margin:8px 0 8px}.directory-head p{color:#637890;margin:0}
.platform-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.platform-detail{border-radius:22px;padding:18px;border:2px solid #e7edf5;background:#fff;box-shadow:0 13px 32px rgba(45,78,120,.07)}
.platform-detail.phygitals-detail{background:linear-gradient(135deg,#edfaff,#dcf5ff);border-color:#8edcff}
.platform-detail.gotya-detail{background:linear-gradient(135deg,#fbf4ff,#f1e2ff);border-color:#d9b4ff}
.platform-detail.hapabox-detail{background:linear-gradient(135deg,#fffaf0,#fff0cf);border-color:#ffd47b}
.platform-detail.dopa-detail{background:linear-gradient(135deg,#fff5f9,#ffe7f1);border-color:#f6a6c8}
.platform-detail.packs-detail{background:linear-gradient(135deg,#f6f7ff,#e9ecff);border-color:#b8c0ff}
.platform-detail-head{display:flex;gap:12px;align-items:center;margin-bottom:13px}.detail-logo{width:43px;height:43px;flex:0 0 43px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.9);font-weight:950;font-size:18px;color:#18355f;box-shadow:0 5px 14px rgba(42,69,108,.08)}.platform-detail h3{font-size:20px;margin:0}.platform-detail-head p{font-size:12px;color:#667b92;margin:2px 0 0}.detail-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px}.detail-facts span{padding:9px 10px;border-radius:13px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.94);font-size:11px;font-weight:800;color:#48617e}.detail-cta{display:flex;align-items:center;justify-content:center;text-decoration:none;font-weight:900;border-radius:13px;padding:11px 13px;background:#102f60;color:#fff}.gotya-detail .detail-cta{background:linear-gradient(90deg,#7d54ed,#c850d7)}.hapabox-detail .detail-cta{background:linear-gradient(90deg,#ff9a22,#ffc735);color:#173253}.dopa-detail .detail-cta{background:linear-gradient(90deg,#df4f90,#f675a9)}.packs-detail .detail-cta{background:linear-gradient(90deg,#536cff,#7d63ef)}

@media(max-width:1180px){.platform-jump-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-grid.stats-grid-top3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.platform-index-grid{grid-template-columns:1fr}.platform-detail-grid{grid-template-columns:1fr}.detail-facts{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.platform-jump-grid{grid-template-columns:1fr 1fr}.stats-grid.stats-grid-top3{grid-template-columns:1fr}.detail-facts{grid-template-columns:1fr}.directory-head h2{font-size:31px}}
@media(max-width:520px){.platform-jump-grid{grid-template-columns:1fr}.jump-card{grid-template-columns:46px 1fr 30px}}

/* ===== V12: shiny quick-access platform cards in hero ===== */
.hero-side-stack{display:flex;flex-direction:column;gap:12px;min-width:0}
.hero-side-stack .overview-card{margin-top:12px}
.hero-platform-quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.hero-quick-card{
  position:relative;overflow:hidden;display:grid;grid-template-columns:38px 1fr 26px;align-items:center;gap:9px;
  min-height:74px;padding:11px 12px;border-radius:18px;text-decoration:none;color:#15335c;
  border:2px solid rgba(255,255,255,.82);box-shadow:0 12px 28px rgba(40,72,126,.12),inset 0 0 0 1px rgba(255,255,255,.38);
  transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.hero-quick-card:hover{transform:translateY(-3px);box-shadow:0 17px 34px rgba(40,72,126,.18),0 0 24px rgba(255,255,255,.48);filter:saturate(1.06)}
.hero-quick-card.phygitals{background:linear-gradient(135deg,#dff8ff 0%,#bfeeff 58%,#eafcff 100%);border-color:rgba(99,211,255,.72)}
.hero-quick-card.gotya{background:linear-gradient(135deg,#f8eaff 0%,#ead9ff 52%,#ffdff8 100%);border-color:rgba(198,134,255,.62)}
.hero-quick-card.hapabox{background:linear-gradient(135deg,#fff8df 0%,#ffedbd 54%,#fff5df 100%);border-color:rgba(255,194,64,.66)}
.hero-quick-card.dopa{background:linear-gradient(135deg,#fff0f7 0%,#ffdce9 54%,#fff1f8 100%);border-color:rgba(245,117,172,.55)}
.hero-quick-card.packs{background:linear-gradient(135deg,#f1f4ff 0%,#dfe5ff 54%,#f7f5ff 100%);border-color:rgba(119,135,255,.56);grid-column:1/-1}
.quick-shine{position:absolute;inset:-60% auto auto -20%;width:42%;height:220%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.72),transparent);opacity:.35;pointer-events:none}
.hero-quick-card:hover .quick-shine{animation:quickShine .9s ease forwards}
@keyframes quickShine{0%{left:-35%}100%{left:120%}}
.quick-logo{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:rgba(255,255,255,.83);box-shadow:0 5px 14px rgba(45,74,115,.1),inset 0 0 0 1px rgba(255,255,255,.8);font-weight:950;font-size:14px}
.quick-copy{display:flex;flex-direction:column;min-width:0}
.quick-copy b{font-size:14px;line-height:1.1}
.quick-copy small{font-size:10px;line-height:1.25;color:#617691;font-weight:700;margin-top:3px}
.quick-go{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.78);font-weight:950;color:#315a89;box-shadow:0 4px 12px rgba(53,76,118,.08)}
.hero-quick-note{font-size:9px;line-height:1.35;color:#607792;margin:0 4px 0 6px;background:rgba(255,255,255,.55);border-radius:10px;padding:6px 9px}
.detail-note{display:block;font-size:9px;color:#6e7e91;margin-top:8px;line-height:1.35}

@media(max-width:1180px){
  .hero-side-stack{grid-column:1/-1}
  .hero-side-stack .overview-card{grid-column:auto;margin-top:0}
  .hero-platform-quick{grid-template-columns:repeat(5,minmax(0,1fr))}
  .hero-quick-card{grid-template-columns:34px 1fr;min-height:82px}
  .hero-quick-card.packs{grid-column:auto}
  .quick-go{display:none}
  .quick-copy small{font-size:9px}
}
@media(max-width:900px){
  .hero-side-stack{order:3}
  .hero-platform-quick{display:flex;overflow-x:auto;gap:10px;padding:2px 2px 7px;scroll-snap-type:x proximity}
  .hero-quick-card{flex:0 0 210px;grid-template-columns:38px 1fr 26px;scroll-snap-align:start;min-height:72px}
  .quick-go{display:grid}
  .hero-quick-note{font-size:9px}
}
@media(max-width:600px){
  .hero-platform-quick{margin-left:-2px;margin-right:-2px}
  .hero-quick-card{flex-basis:195px;padding:10px}
  .quick-copy b{font-size:13px}.quick-copy small{font-size:9px}
}

/* ===== V13 — compact commercial hero, single premium right panel ===== */
.hero{
  min-height:620px;
  padding:26px 0 20px;
  background:
    linear-gradient(90deg,rgba(255,255,255,.90) 0%,rgba(255,255,255,.68) 24%,rgba(255,255,255,.12) 48%,rgba(255,255,255,.08) 100%),
    url('figures/hero-bg.webp') center top / cover no-repeat;
}
.hero-grid{
  grid-template-columns:minmax(0,.98fr) minmax(330px,.78fr) minmax(420px,.98fr);
  gap:18px;
  align-items:start;
}
.hero-copy-wrap{padding-top:28px}
.hero h1{font-size:clamp(48px,5.2vw,72px);max-width:620px}
.hero-copy{max-width:560px}
.hero-visual.hero-figure.standalone-cute{height:390px;min-height:390px;margin-top:2px}
.standalone-cute img{width:392px;height:294px;top:58px}
.standalone-cute .figure-glow{width:385px;height:282px;top:48px}

.hero-side-stack{display:block;min-width:0}
.hero-side-stack .overview-card{
  margin-top:8px;
  padding:20px 20px 16px;
  border:4px solid rgba(143,103,255,.28) !important;
  border-radius:28px;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(247,251,255,.94));
  box-shadow:0 24px 60px rgba(30,74,136,.22),0 0 30px rgba(154,114,255,.10),inset 0 0 0 1px rgba(255,255,255,.95) !important;
}
.overview-card:before{
  content:"";position:absolute;inset:0;border-radius:24px;pointer-events:none;
  background:linear-gradient(115deg,rgba(255,255,255,.55),transparent 26%,transparent 72%,rgba(255,255,255,.32));
}
.overview-card{position:relative;overflow:hidden}
.overview-head,.overview-brand-row,.activity-bars,.overview-stats,.buy-signal,.buy-basis,.overview-platforms{position:relative;z-index:2}
.buy-signal{margin-top:14px}
.buy-basis{margin-top:9px}

.overview-platforms{
  margin-top:14px;
  padding-top:13px;
  border-top:1px solid rgba(77,112,163,.12);
}
.overview-platforms-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}
.overview-platforms-head span{font-size:10px;letter-spacing:1.2px;font-weight:950;color:#536a88}
.overview-platforms-head small{font-size:10px;color:#8291a5;font-weight:700}
.overview-platform-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}
.overview-platform-link{
  position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:5px;
  min-width:0;padding:9px 8px 8px;border-radius:15px;text-decoration:none;color:#112d58;
  border:1px solid rgba(255,255,255,.85);box-shadow:0 8px 18px rgba(43,72,119,.10),inset 0 0 0 1px rgba(255,255,255,.42);
  transition:.18s ease;
}
.overview-platform-link:before{content:"";position:absolute;left:-30%;top:-80%;width:65%;height:230%;background:linear-gradient(110deg,transparent,rgba(255,255,255,.64),transparent);transform:rotate(20deg);opacity:.55}
.overview-platform-link:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(43,72,119,.15)}
.overview-platform-link.phygitals{background:linear-gradient(145deg,#daf7ff,#b9ecff 58%,#effcff)}
.overview-platform-link.gotya{background:linear-gradient(145deg,#f7e8ff,#e8d4ff 58%,#ffe6f8)}
.overview-platform-link.hapabox{background:linear-gradient(145deg,#fff8dd,#ffe9b8 58%,#fff7e8)}
.overview-platform-link.dopa{background:linear-gradient(145deg,#fff0f7,#ffdce9 58%,#fff5f8)}
.overview-platform-link.packs{background:linear-gradient(145deg,#eff3ff,#dfe6ff 58%,#f6f5ff)}
.opl-logo{width:30px;height:30px;border-radius:10px;background:rgba(255,255,255,.80);display:grid;place-items:center;font-size:12px;font-weight:950;box-shadow:0 4px 10px rgba(47,69,112,.08)}
.opl-copy{display:flex;flex-direction:column;min-width:0}
.opl-copy b{font-size:11px;line-height:1.05}
.opl-copy small{font-size:8.7px;line-height:1.15;color:#60748c;font-weight:700;margin-top:2px}
.opl-go{position:absolute;right:7px;top:8px;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.76);font-size:12px;font-weight:950;color:#375f89}
.overview-platform-note{margin:7px 2px 0;font-size:8.5px;line-height:1.25;color:#8391a3}

/* restore the compact platform strip from the preferred mockup */
.platform-index{padding:14px 0 18px;background:rgba(255,255,255,.98)}
.platform-index-grid{grid-template-columns:210px 1fr;gap:20px}
.platform-jump-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.jump-card{min-height:96px;padding:13px 12px;grid-template-columns:42px 1fr 26px;border-radius:18px}
.jump-icon{width:40px;height:40px;border-radius:12px}
.jump-card b{font-size:15px}
.jump-card small{font-size:10px;line-height:1.2}
.jump-arrow{width:26px;height:26px;font-size:15px}
.section-title h2{font-size:28px}
.section-title p{font-size:12px}

@media(max-width:1180px){
  .hero-grid{grid-template-columns:minmax(0,1fr) minmax(310px,.82fr)}
  .hero-visual.hero-figure.standalone-cute{height:340px;min-height:340px}
  .hero-side-stack{grid-column:1/-1}
  .hero-side-stack .overview-card{max-width:100%;margin-top:0}
  .overview-platform-grid{grid-template-columns:repeat(5,minmax(120px,1fr))}
  .platform-jump-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  .hero{padding-top:18px}
  .hero-grid{grid-template-columns:1fr}
  .hero-copy-wrap{padding-top:8px}
  .hero-visual.hero-figure.standalone-cute{order:2;height:300px;min-height:300px}
  .standalone-cute img{width:325px;height:244px;top:42px}
  .standalone-cute .figure-glow{width:320px;height:235px;top:34px}
  .hero-side-stack{order:3}
  .overview-platform-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .platform-index-grid{grid-template-columns:1fr}
}
@media(max-width:680px){
  .hero{padding-bottom:16px}
  .hero h1{font-size:42px;line-height:.96}
  .hero-visual.hero-figure.standalone-cute{height:244px;min-height:244px}
  .standalone-cute img{width:270px;height:203px;top:34px}
  .overview-card{padding:16px !important;border-radius:24px !important}
  .overview-platforms-head{align-items:flex-start;flex-direction:column;gap:2px}
  .overview-platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .overview-platform-link{min-height:66px;padding:10px 9px}
  .opl-copy b{font-size:12px}.opl-copy small{font-size:9px}
  .overview-platform-link.packs{grid-column:1/-1}
  .platform-jump-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:460px){
  .overview-platform-grid{grid-template-columns:1fr}
  .overview-platform-link.packs{grid-column:auto}
  .platform-jump-grid{grid-template-columns:1fr}
}

/* ===== V13 COLOR REFRESH — stronger commercial blue / purple palette ===== */
:root{
  --navy:#083f91;
  --navy2:#132a69;
  --ink:#0c2855;
  --muted:#526b8f;
  --blue:#159cf3;
  --cyan:#35d4ff;
  --yellow:#ffd84a;
  --purple:#6d4ef5;
  --pink:#e94fcf;
  --orange:#ff8d29;
  --green:#24c979;
  --shadow:0 18px 48px rgba(24,70,140,.16);
}
body{background:#eaf3ff;color:#0c2855}
.site-header{
  background:linear-gradient(90deg,#074caa 0%,#185fcc 50%,#6246ef 100%) !important;
  box-shadow:0 10px 28px rgba(16,52,122,.24) !important;
}
.nav-cta{
  background:linear-gradient(90deg,#22c8ff 0%,#684ef4 100%) !important;
  box-shadow:0 10px 25px rgba(60,73,220,.28) !important;
}
.desktop-nav a:hover{color:#b8f3ff !important}

/* desktop hero keeps V13 composition but with cooler, richer grading */
.hero{
  background:
    linear-gradient(90deg,rgba(232,248,255,.93) 0%,rgba(209,237,255,.72) 26%,rgba(164,211,255,.34) 48%,rgba(111,85,239,.10) 74%,rgba(65,83,210,.08) 100%),
    url('figures/hero-bg.webp') center top / cover no-repeat !important;
}
.hero:before{
  background:
    radial-gradient(circle at 16% 16%,rgba(55,194,255,.19),transparent 26%),
    radial-gradient(circle at 69% 32%,rgba(105,76,245,.16),transparent 27%),
    linear-gradient(180deg,rgba(255,255,255,.10),rgba(23,129,224,.04)) !important;
}
.eyebrow{
  color:#0b68ce !important;
  background:rgba(244,250,255,.90) !important;
  border-color:rgba(67,127,234,.18) !important;
  box-shadow:0 8px 22px rgba(27,90,171,.09) !important;
}
.hero h1{color:#08265a !important}
.hero h1 span{
  background:linear-gradient(90deg,#2657ef 0%,#633cf1 46%,#c83ad2 100%) !important;
  -webkit-background-clip:text !important;background-clip:text !important;color:transparent !important;
}
.hero-copy{color:#254c78 !important}
.btn.primary{background:linear-gradient(90deg,#0d91f3 0%,#24c7f4 100%) !important;box-shadow:0 14px 28px rgba(18,142,230,.28) !important}
.btn.light{background:rgba(255,255,255,.94) !important;border-color:rgba(53,91,165,.12) !important;box-shadow:0 12px 28px rgba(28,77,145,.13) !important}
.hero-chips span{background:rgba(241,248,255,.88) !important;color:#466588 !important;border-color:rgba(37,93,166,.10) !important}

.overview-card{
  background:linear-gradient(180deg,rgba(251,253,255,.97),rgba(236,247,255,.97)) !important;
  border-color:rgba(112,91,245,.35) !important;
  box-shadow:0 26px 58px rgba(32,76,145,.18) !important;
}
.activity-bars i{background:linear-gradient(180deg,#42ccff 0%,#3e9cff 48%,#7857ef 100%) !important}
.platform-pill.phy{background:linear-gradient(145deg,#8ee6ff,#53b7ff) !important;color:#093b74 !important}
.buy-signal.buy-on{background:linear-gradient(135deg,#e3faea,#d9f9e5) !important;border-color:#aee7c0 !important}
.buy-signal.buy-watch{background:linear-gradient(135deg,#fff4d7,#ffe8ad) !important;border-color:#f3d278 !important}
.buy-basis span{background:#e9f2ff !important;border-color:#d1e2f7 !important;color:#45658a !important}
.overview-platforms{background:linear-gradient(180deg,#f8fbff,#edf5ff) !important;border-color:#d7e5f5 !important}
.overview-platforms-head{background:linear-gradient(90deg,#155fc8,#7149ec) !important;color:#fff !important}
.overview-platforms-head span,.overview-platforms-head small{color:#fff !important}
.overview-platform-link{box-shadow:0 8px 20px rgba(39,72,128,.10) !important}
.overview-platform-link.phygitals{background:linear-gradient(135deg,#d7f5ff,#aee8ff) !important}
.overview-platform-link.gotya{background:linear-gradient(135deg,#eedbff,#d7baff) !important}
.overview-platform-link.hapabox{background:linear-gradient(135deg,#ffedc2,#ffd77e) !important}
.overview-platform-link.dopa{background:linear-gradient(135deg,#ffdce9,#ffb8d2) !important}
.overview-platform-link.packs{background:linear-gradient(135deg,#dce5ff,#becbff) !important}

/* platform selector gets stronger color identity */
.platform-index{background:linear-gradient(180deg,#edf5ff 0%,#e7f0ff 100%) !important}
.jump-card{border-color:rgba(255,255,255,.76) !important;box-shadow:0 15px 34px rgba(28,70,132,.13) !important}
.jump-card.phygitals{background:linear-gradient(135deg,#d8f7ff,#a9e8ff) !important}
.jump-card.gotya{background:linear-gradient(135deg,#edd8ff,#d1b3ff) !important}
.jump-card.hapabox{background:linear-gradient(135deg,#ffecc0,#ffd073) !important}
.jump-card.dopa{background:linear-gradient(135deg,#ffdbe9,#ffaeca) !important}
.jump-card.packs{background:linear-gradient(135deg,#dfe6ff,#b8c6ff) !important}
.jump-icon{background:rgba(255,255,255,.90) !important;border-color:rgba(255,255,255,.95) !important}

/* Phygitals: stronger brand blue throughout */
.phygitals-section{
  background:
    radial-gradient(circle at 15% 18%,rgba(48,190,255,.24),transparent 24%),
    linear-gradient(180deg,#dcefff 0%,#e8f4ff 48%,#e2efff 100%) !important;
}
.phygitals-layout{
  background:linear-gradient(135deg,rgba(224,243,255,.98),rgba(236,245,255,.98)) !important;
  border-color:rgba(64,158,224,.35) !important;
  box-shadow:0 22px 55px rgba(27,77,143,.12) !important;
}
.phy-mini-card{background:rgba(255,255,255,.92) !important;border-color:rgba(59,145,216,.25) !important;box-shadow:0 12px 28px rgba(28,79,144,.09) !important}
.stats-grid-top3 .stat-blue{background:linear-gradient(145deg,#e4f7ff,#c7ecff) !important;border-color:#9bd9f8 !important}
.stats-grid-top3 .stat-purple{background:linear-gradient(145deg,#f0e6ff,#d9c8ff) !important;border-color:#c0a7f6 !important}
.stats-grid-top3 .stat-pink{background:linear-gradient(145deg,#ffe7f6,#ffcbe8) !important;border-color:#f4acd0 !important}
.stat-card,.panel{background:rgba(255,255,255,.95) !important;box-shadow:0 14px 34px rgba(28,75,135,.10) !important}
.pack-panel{border-color:rgba(47,139,207,.28) !important}

/* referral / platform areas are still bright, but not washed out */
.gotya-section{
  background:
    radial-gradient(circle at 12% 22%,rgba(123,75,245,.18),transparent 23%),
    linear-gradient(110deg,#ead8ff 0%,#dfc5ff 48%,#f1cde9 100%) !important;
}
.hapabox-section{
  background:
    radial-gradient(circle at 12% 22%,rgba(255,155,31,.17),transparent 22%),
    linear-gradient(110deg,#ffe9b8 0%,#ffd88a 48%,#ffcfa6 100%) !important;
}
.feature-card,.referral-cta-box{background:rgba(255,255,255,.90) !important;border-color:rgba(255,255,255,.96) !important;box-shadow:0 13px 30px rgba(47,68,112,.11) !important}
.gotya-claim{background:linear-gradient(90deg,#6947ed,#c63ecf) !important}
.hapa-claim{background:linear-gradient(90deg,#ff861d,#ffc62b) !important;color:#17305b !important}

.platform-directory{background:linear-gradient(180deg,#eaf2ff 0%,#e4edfb 100%) !important}
.platform-detail{box-shadow:0 14px 32px rgba(36,68,118,.10) !important}
.platform-detail.phygitals-detail{background:linear-gradient(135deg,#d8f6ff,#bfeaff) !important;border-color:#79cef4 !important}
.platform-detail.gotya-detail{background:linear-gradient(135deg,#ecd9ff,#d9c2ff) !important;border-color:#ba97ee !important}
.platform-detail.hapabox-detail{background:linear-gradient(135deg,#ffecbd,#ffd47d) !important;border-color:#efb448 !important}
.platform-detail.dopa-detail{background:linear-gradient(135deg,#ffe0eb,#ffbdd4) !important;border-color:#ee8bb4 !important}
.platform-detail.packs-detail{background:linear-gradient(135deg,#e2e8ff,#c7d0ff) !important;border-color:#9ba9ee !important}
.detail-facts span{background:rgba(255,255,255,.84) !important;color:#385a80 !important}
.detail-cta{box-shadow:0 9px 20px rgba(28,54,105,.16)}

.add-platform{background:linear-gradient(110deg,#064893 0%,#1763bf 52%,#6842df 100%) !important}
.plus-card{background:linear-gradient(145deg,rgba(52,190,255,.28),rgba(136,72,246,.30)) !important;border-color:rgba(255,255,255,.42) !important}
.footer{background:linear-gradient(90deg,#082a5d,#0b3979) !important}

/* Mobile: no pale scenic background; deeper blue and 20% larger pink mascot */
@media(max-width:900px){
  .hero{
    background:
      radial-gradient(circle at 82% 18%,rgba(113,76,245,.30),transparent 28%),
      radial-gradient(circle at 15% 12%,rgba(92,224,255,.30),transparent 30%),
      linear-gradient(180deg,#168fe5 0%,#249ee9 42%,#1584dc 100%) !important;
  }
  .hero:before{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(20,72,165,.12)) !important}
  .hero h1{color:#082353 !important;text-shadow:0 1px 0 rgba(255,255,255,.12)}
  .hero-copy{color:#123f6b !important}
  .eyebrow{background:rgba(247,251,255,.92) !important}
  .hero-chips span{background:rgba(255,255,255,.82) !important;color:#31577f !important}
  .standalone-cute img{width:390px !important;height:293px !important;top:24px !important}
  .standalone-cute .figure-glow{width:385px !important;height:285px !important;top:20px !important}
  .hero-visual.hero-figure.standalone-cute{height:342px !important;min-height:342px !important}
}
@media(max-width:680px){
  .hero{
    background:
      radial-gradient(circle at 82% 15%,rgba(115,74,245,.28),transparent 25%),
      radial-gradient(circle at 14% 12%,rgba(74,215,255,.26),transparent 28%),
      linear-gradient(180deg,#1a95e7 0%,#229ee9 40%,#147fd2 100%) !important;
  }
  .standalone-cute img{width:324px !important;height:243px !important;top:20px !important}
  .standalone-cute .figure-glow{width:320px !important;height:235px !important;top:16px !important}
  .hero-visual.hero-figure.standalone-cute{height:286px !important;min-height:286px !important}
  .overview-card{box-shadow:0 20px 44px rgba(11,55,126,.22) !important}
}

/* === V13.1: Top Pack Right Now replaces duplicated Quick Access === */
.top-pack-card{
  margin-top:14px;
  border:2px solid #b9d6ff;
  border-radius:20px;
  overflow:hidden;
  background:linear-gradient(145deg,#f8fbff 0%,#eef5ff 52%,#f6efff 100%);
  box-shadow:0 12px 26px rgba(35,72,132,.10),inset 0 1px 0 rgba(255,255,255,.8);
}
.top-pack-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:9px 13px;
  background:linear-gradient(90deg,#155fc8 0%,#3f5de7 48%,#7149ec 100%);
  color:#fff;
}
.top-pack-head span{font-size:11px;font-weight:950;letter-spacing:1.1px}
.top-pack-head small{font-size:10px;font-weight:750;opacity:.92}
.top-pack-body{
  display:grid;
  grid-template-columns:48px minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  padding:14px;
}
.top-pack-icon{
  width:48px;height:48px;border-radius:15px;display:grid;place-items:center;
  color:#fff6a5;font-size:25px;font-weight:950;
  background:linear-gradient(145deg,#284eea,#7548ee 58%,#d348ce);
  box-shadow:0 9px 20px rgba(71,70,204,.22),inset 0 0 0 1px rgba(255,255,255,.35);
}
.top-pack-copy{min-width:0}
.top-pack-copy strong{display:block;font-size:18px;line-height:1.1;color:#102e5e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top-pack-copy span{display:block;margin-top:5px;color:#5c7291;font-size:11px;font-weight:750;line-height:1.35}
.top-pack-score{text-align:right;min-width:64px}
.top-pack-score small{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.7px;color:#6f8198;font-weight:850}
.top-pack-score b{display:inline-block;font-size:27px;line-height:1;color:#183d83;margin-top:3px}
.top-pack-score span{font-size:11px;color:#74859b;margin-left:2px}

@media(max-width:640px){
  .top-pack-head{align-items:flex-start;flex-direction:column;gap:2px}
  .top-pack-body{grid-template-columns:42px minmax(0,1fr) auto;padding:12px 10px;gap:9px}
  .top-pack-icon{width:42px;height:42px;border-radius:13px;font-size:22px}
  .top-pack-copy strong{font-size:16px}
  .top-pack-copy span{font-size:10px}
  .top-pack-score{min-width:54px}
  .top-pack-score b{font-size:24px}
}


/* ===== Platform comparison refresh v13.2 ===== */
.platform-index{position:relative;background:linear-gradient(180deg,#edf4ff 0%,#f7fbff 100%) !important}
.platform-index-enhanced{align-items:start}
.feature-jump-grid{grid-template-columns:repeat(5,minmax(0,1fr)) !important;gap:14px !important}
.feature-card{min-height:158px !important;padding:18px 15px !important;grid-template-columns:68px 1fr 26px !important;align-items:start !important;border-radius:24px !important;border:1px solid rgba(110,134,255,.16) !important;box-shadow:0 18px 40px rgba(34,72,126,.12) !important;overflow:hidden}
.feature-card .jump-copy{display:flex;flex-direction:column;min-width:0}
.feature-card b{font-size:17px;line-height:1.05}
.feature-card small{display:block;margin-top:5px;color:#536c89;font-size:12px;line-height:1.35}
.jump-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.jump-tags em{font-style:normal;font-size:10px;font-weight:900;letter-spacing:.15px;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.88);color:#21436c;border:1px solid rgba(109,134,255,.18);box-shadow:0 6px 14px rgba(17,55,106,.06)}
.jump-tags em:nth-child(2n){background:rgba(244,248,255,.96)}
.feature-card .jump-arrow{justify-self:end;align-self:start;margin-top:5px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.9);color:#4460c9;box-shadow:0 6px 16px rgba(31,72,128,.10)}
.jump-mascot{position:relative;width:58px;height:58px;border-radius:18px;display:block;box-shadow:inset 0 0 0 1px rgba(255,255,255,.9),0 12px 25px rgba(37,77,135,.14)}
.jump-mascot:before,.jump-mascot:after{content:"";position:absolute;top:-7px;width:18px;height:22px;background:var(--mascot1);box-shadow:0 3px 10px rgba(24,45,92,.12)}
.jump-mascot:before{left:8px;border-radius:85% 15% 70% 30%;transform:rotate(-18deg)}
.jump-mascot:after{right:8px;border-radius:15% 85% 30% 70%;transform:rotate(18deg)}
.jump-mascot i{position:absolute;inset:9px;border-radius:16px;background:radial-gradient(circle at 34% 30%,#fff 0 14%,var(--mascot2) 42%,var(--mascot1) 100%);display:block}
.jump-mascot i:before,.jump-mascot i:after{content:"";position:absolute;top:18px;width:6px;height:10px;background:#17385f;border-radius:999px;box-shadow:0 0 0 3px rgba(255,255,255,.16)}
.jump-mascot i:before{left:13px}
.jump-mascot i:after{right:13px}
.jump-mascot b{position:absolute;left:50%;bottom:13px;transform:translateX(-50%);width:18px;height:10px;border-bottom:3px solid rgba(255,255,255,.92);border-radius:0 0 999px 999px}
.feature-card.phygitals{--mascot1:#45c9ff;--mascot2:#9ff1ff;background:linear-gradient(135deg,#dff7ff,#c6eeff 58%,#f5fdff) !important;border-color:rgba(86,196,255,.36) !important}
.feature-card.gotya{--mascot1:#a26dff;--mascot2:#f1b9ff;background:linear-gradient(135deg,#f0e6ff,#ddd0ff 58%,#faf6ff) !important;border-color:rgba(164,109,255,.30) !important}
.feature-card.hapabox{--mascot1:#7383ff;--mascot2:#d8b8ff;background:linear-gradient(135deg,#e8eaff,#d6dcff 58%,#f7f8ff) !important;border-color:rgba(115,131,255,.28) !important}
.feature-card.dopa{--mascot1:#6f74ff;--mascot2:#c9c1ff;background:linear-gradient(135deg,#ecebff,#ddd9ff 58%,#f8f7ff) !important;border-color:rgba(111,116,255,.26) !important}
.feature-card.packs{--mascot1:#4f8dff;--mascot2:#9ad7ff;background:linear-gradient(135deg,#e7f0ff,#d4e0ff 58%,#f7faff) !important;border-color:rgba(79,141,255,.28) !important}
.feature-card.phygitals .jump-tags em{color:#11627d}
.feature-card.gotya .jump-tags em{color:#5e3e9c}
.feature-card.hapabox .jump-tags em,.feature-card.dopa .jump-tags em,.feature-card.packs .jump-tags em{color:#374b94}
@media(max-width:1180px){.feature-jump-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}}
@media(max-width:760px){.feature-jump-grid{grid-template-columns:1fr 1fr !important}.feature-card{min-height:148px !important}}
@media(max-width:520px){.platform-index-grid{gap:16px !important}.feature-jump-grid{grid-template-columns:1fr !important;gap:12px !important}.feature-card{min-height:0 !important;padding:16px 14px !important}.feature-card b{font-size:22px}.feature-card small{font-size:13px}.jump-tags em{font-size:10px;padding:6px 8px}.jump-mascot{width:60px;height:60px}.feature-card .jump-arrow{margin-top:10px}}


/* ===== Platform guide detail refresh v13.3 ===== */
.platform-detail-grid-rich{align-items:start}
.platform-detail-grid-rich .platform-detail{padding:20px !important;border-radius:24px !important}
.platform-detail-grid-rich .platform-detail-head{align-items:flex-start;margin-bottom:14px}
.platform-detail-grid-rich .platform-detail-head p{max-width:560px;line-height:1.45;font-size:12px}
.detail-mascot{--mascot1:#5d8eff;--mascot2:#b6d5ff;position:relative;width:52px;height:52px;flex:0 0 52px;border-radius:17px;display:block;background:rgba(255,255,255,.72);box-shadow:inset 0 0 0 1px rgba(255,255,255,.92),0 10px 22px rgba(40,70,126,.12)}
.detail-mascot:before,.detail-mascot:after{content:"";position:absolute;top:-5px;width:15px;height:18px;background:var(--mascot1)}
.detail-mascot:before{left:8px;border-radius:85% 15% 70% 30%;transform:rotate(-18deg)}
.detail-mascot:after{right:8px;border-radius:15% 85% 30% 70%;transform:rotate(18deg)}
.detail-mascot i{position:absolute;inset:8px;border-radius:14px;background:radial-gradient(circle at 35% 28%,#fff 0 14%,var(--mascot2) 44%,var(--mascot1) 100%)}
.detail-mascot i:before,.detail-mascot i:after{content:"";position:absolute;top:17px;width:5px;height:8px;border-radius:999px;background:#17385f}.detail-mascot i:before{left:11px}.detail-mascot i:after{right:11px}.detail-mascot b{position:absolute;left:50%;bottom:11px;transform:translateX(-50%);width:15px;height:8px;border-bottom:3px solid rgba(255,255,255,.95);border-radius:0 0 999px 999px}
.detail-mascot.mascot-phygitals{--mascot1:#45c9ff;--mascot2:#9ff1ff}.detail-mascot.mascot-gotya{--mascot1:#a26dff;--mascot2:#f1b9ff}.detail-mascot.mascot-hapabox{--mascot1:#7383ff;--mascot2:#d8b8ff}.detail-mascot.mascot-dopa{--mascot1:#6f74ff;--mascot2:#c9c1ff}.detail-mascot.mascot-packs{--mascot1:#4f8dff;--mascot2:#9ad7ff}
.detail-core-chips{display:flex;flex-wrap:wrap;gap:7px;margin:2px 0 14px}.detail-core-chips span{font-size:10px;font-weight:900;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.86);color:#294b74;border:1px solid rgba(91,117,210,.17)}
.detail-feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:16px}.detail-feature-list>span{display:flex;align-items:flex-start;gap:8px;min-height:38px;padding:9px 10px;border-radius:13px;background:rgba(255,255,255,.68);border:1px solid rgba(255,255,255,.9);font-size:11px;font-weight:800;color:#405d7d;line-height:1.35}.detail-feature-list>span i{font-style:normal;width:18px;height:18px;flex:0 0 18px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#58a8ff,#876dff);color:#fff;font-size:10px;margin-top:0}
.platform-detail-grid-rich .detail-cta{margin-top:auto}
@media(max-width:600px){.detail-feature-list{grid-template-columns:1fr}.platform-detail-grid-rich .platform-detail{padding:17px !important}.detail-core-chips{gap:6px}.detail-core-chips span{font-size:9px;padding:6px 8px}}


/* === V13.4 — Cosmic hero + blue mascot. Built directly on V13.3. === */
.hero{
  background:
    linear-gradient(90deg,rgba(3,18,74,.34) 0%,rgba(4,20,80,.12) 34%,rgba(31,22,124,.06) 64%,rgba(34,18,112,.08) 100%),
    url('figures/hero-bg-cosmic.webp') center center / cover no-repeat !important;
}
.hero:before{
  background:
    radial-gradient(circle at 18% 20%,rgba(29,187,255,.15),transparent 24%),
    radial-gradient(circle at 58% 46%,rgba(121,73,255,.12),transparent 28%),
    linear-gradient(180deg,rgba(0,11,55,.04),rgba(7,19,86,.08)) !important;
}
.hero .eyebrow{
  color:#0b62c8 !important;
  background:rgba(255,255,255,.94) !important;
  border-color:rgba(171,198,255,.56) !important;
  box-shadow:0 10px 28px rgba(0,14,80,.18) !important;
}
.hero h1{
  color:#ffffff !important;
  text-shadow:0 3px 18px rgba(0,9,51,.34) !important;
}
.hero h1 span{
  background:linear-gradient(90deg,#70dbff 0%,#8fc6ff 28%,#b781ff 60%,#f06ad8 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
  filter:drop-shadow(0 2px 10px rgba(58,33,180,.20));
}
.hero-copy{
  color:#eef7ff !important;
  text-shadow:0 2px 14px rgba(0,11,58,.42) !important;
}
.hero-chips span{
  background:rgba(6,25,91,.48) !important;
  color:#eef8ff !important;
  border-color:rgba(138,205,255,.28) !important;
  backdrop-filter:blur(8px);
}
.hero .btn.primary{
  background:linear-gradient(90deg,#1dbcf7 0%,#286ef0 50%,#9746f3 100%) !important;
  box-shadow:0 14px 30px rgba(21,90,236,.34) !important;
}
.hero .btn.light{
  background:rgba(255,255,255,.94) !important;
  color:#153e79 !important;
  border-color:rgba(255,255,255,.72) !important;
}
.hero-visual.hero-figure.standalone-cute{
  height:430px !important;
  min-height:430px !important;
  margin-top:0 !important;
}
.standalone-cute .figure-glow{
  width:430px !important;
  height:370px !important;
  top:30px !important;
  background:radial-gradient(circle,rgba(87,214,255,.24) 0%,rgba(83,117,255,.18) 37%,rgba(173,75,255,.12) 58%,transparent 76%) !important;
  filter:blur(18px) !important;
}
.standalone-cute img{
  width:430px !important;
  height:430px !important;
  top:4px !important;
  object-fit:contain !important;
  filter:drop-shadow(0 20px 30px rgba(10,12,95,.30)) drop-shadow(0 0 18px rgba(76,193,255,.22)) !important;
}
/* The new mascot already contains its own cards/sparkles. */
.standalone-cute .float-card,
.standalone-cute .spark-ring,
.standalone-cute .mini-spark,
.standalone-cute .star{display:none !important}

@media(max-width:1080px){
  .hero-visual.hero-figure.standalone-cute{height:380px !important;min-height:380px !important}
  .standalone-cute img{width:380px !important;height:380px !important;top:0 !important}
  .standalone-cute .figure-glow{width:380px !important;height:330px !important;top:22px !important}
}
@media(max-width:900px){
  .hero{
    background:
      linear-gradient(180deg,rgba(3,17,73,.20),rgba(20,21,104,.10)),
      url('figures/hero-bg-cosmic.webp') center center / cover no-repeat !important;
  }
  .hero h1{color:#fff !important;text-shadow:0 3px 18px rgba(0,7,45,.40) !important}
  .hero-copy{color:#eff8ff !important}
  .hero-chips span{background:rgba(7,28,99,.52) !important;color:#f3f9ff !important}
  .hero-visual.hero-figure.standalone-cute{height:360px !important;min-height:360px !important}
  .standalone-cute img{width:360px !important;height:360px !important;top:0 !important}
  .standalone-cute .figure-glow{width:360px !important;height:320px !important;top:18px !important}
}
@media(max-width:680px){
  .hero{background-position:center center !important}
  .hero-visual.hero-figure.standalone-cute{height:310px !important;min-height:310px !important}
  .standalone-cute img{width:310px !important;height:310px !important;top:0 !important}
  .standalone-cute .figure-glow{width:300px !important;height:270px !important;top:12px !important}
}


/* === V13.5 — reference-aligned cosmic hero ===
   Built directly on V13.4. Functional/live-data code unchanged.
   Mascot is intentionally ~7% smaller than the supplied visual reference. */
@media (min-width:1081px){
  .hero-grid{
    grid-template-columns:minmax(0,.98fr) minmax(330px,.82fr) minmax(420px,1.12fr) !important;
    gap:18px !important;
  }
  .hero-visual.hero-figure.standalone-cute{
    height:455px !important;
    min-height:455px !important;
    margin-top:-6px !important;
    overflow:visible !important;
  }
  .standalone-cute img{
    width:430px !important;
    height:430px !important;
    left:38% !important;
    top:6px !important;
    translate:-50% 0 !important;
    object-fit:contain !important;
    z-index:4 !important;
    filter:drop-shadow(0 22px 34px rgba(4,8,82,.30)) drop-shadow(0 0 22px rgba(68,198,255,.28)) !important;
  }
  .standalone-cute .figure-glow{
    width:455px !important;
    height:385px !important;
    left:38% !important;
    top:28px !important;
    translate:-50% 0 !important;
    background:radial-gradient(circle,rgba(109,226,255,.26) 0%,rgba(82,115,255,.20) 36%,rgba(191,73,255,.13) 58%,transparent 77%) !important;
    filter:blur(16px) !important;
  }

  /* Bright orbital rings around the mascot, matching the approved reference. */
  .hero-visual.hero-figure.standalone-cute::before,
  .hero-visual.hero-figure.standalone-cute::after{
    content:"";
    position:absolute;
    pointer-events:none;
    z-index:2;
    left:38%;
    border-radius:50%;
    translate:-50% 0;
  }
  .hero-visual.hero-figure.standalone-cute::before{
    width:520px;
    height:210px;
    top:185px;
    border:3px solid rgba(255,103,226,.72);
    transform:rotate(-15deg);
    box-shadow:0 0 17px rgba(255,86,225,.48),inset 0 0 16px rgba(255,86,225,.14);
  }
  .hero-visual.hero-figure.standalone-cute::after{
    width:500px;
    height:180px;
    top:225px;
    border:2px solid rgba(91,219,255,.78);
    transform:rotate(12deg);
    box-shadow:0 0 14px rgba(76,205,255,.44),inset 0 0 12px rgba(76,205,255,.12);
  }

  /* Keep the cards already embedded in the mascot art; add only ambient stars/bubbles. */
  .standalone-cute .float-card{display:none !important}
  .standalone-cute .spark-ring,
  .standalone-cute .mini-spark,
  .standalone-cute .star{display:block !important}
  .standalone-cute .spark-ring{z-index:6 !important;background:rgba(76,208,255,.10) !important;box-shadow:0 0 15px rgba(80,211,255,.72),inset 0 0 7px rgba(255,255,255,.62) !important}
  .standalone-cute .spark-ring-a{width:25px !important;height:25px !important;left:7% !important;top:116px !important;border-color:#6be5ff !important}
  .standalone-cute .spark-ring-b{width:18px !important;height:18px !important;right:9% !important;bottom:104px !important;border-color:#b06dff !important}
  .standalone-cute .mini-spark{z-index:6 !important;font-size:24px !important;text-shadow:0 0 16px currentColor !important}
  .standalone-cute .mini-spark-a{left:5% !important;top:61px !important;color:#ffd95d !important}
  .standalone-cute .mini-spark-b{right:11% !important;top:40px !important;color:#ffe27a !important}
  .standalone-cute .mini-spark-c{right:5% !important;bottom:66px !important;color:#75dfff !important}
  .standalone-cute .star{z-index:6 !important;font-size:34px !important;text-shadow:0 0 17px currentColor !important}
  .standalone-cute .star-a{left:18% !important;top:12px !important;color:#ffe373 !important}
  .standalone-cute .star-b{right:18% !important;top:74px !important;color:#ffd45d !important}
  .standalone-cute .star-c{right:6% !important;bottom:22px !important;color:#f6a8ff !important}
}

@media (min-width:821px) and (max-width:1080px){
  .hero-visual.hero-figure.standalone-cute{overflow:visible !important}
  .standalone-cute img{left:43% !important;translate:-50% 0 !important}
  .standalone-cute .figure-glow{left:43% !important;translate:-50% 0 !important}
  .standalone-cute .float-card{display:none !important}
  .standalone-cute .spark-ring,.standalone-cute .mini-spark,.standalone-cute .star{display:block !important}
}

@media (max-width:820px){
  /* Mobile keeps the same composition but avoids crowding the live panel. */
  .hero-visual.hero-figure.standalone-cute{overflow:visible !important}
  .standalone-cute img{
    width:300px !important;
    height:300px !important;
    left:50% !important;
    top:0 !important;
    translate:-50% 0 !important;
  }
  .standalone-cute .figure-glow{left:50% !important;translate:-50% 0 !important}
  .standalone-cute .float-card{display:none !important}
  .standalone-cute .spark-ring,.standalone-cute .mini-spark,.standalone-cute .star{display:block !important}
  .standalone-cute .star{font-size:24px !important}
  .standalone-cute .mini-spark{font-size:18px !important}
}


/* ===== V13-6 desktop platform-chip optimization ===== */
.feature-card .jump-tags{grid-column:1/-1;margin-top:4px}
@media(min-width:761px){
  .platform-index{padding-top:12px !important;padding-bottom:16px !important}
  .platform-index-grid{align-items:start !important}
  .feature-jump-grid{align-items:start !important}
  .feature-card{
    min-height:0 !important;
    padding:13px 12px 14px !important;
    grid-template-columns:52px minmax(0,1fr) 26px !important;
    grid-template-rows:auto auto !important;
    column-gap:10px !important;
    row-gap:7px !important;
    align-items:center !important;
  }
  .feature-card .jump-mascot{width:50px !important;height:50px !important;border-radius:16px !important}
  .feature-card .jump-copy{align-self:center !important}
  .feature-card .jump-copy b{font-size:16px !important;line-height:1.05 !important}
  .feature-card .jump-copy small{
    font-size:10px !important;
    line-height:1.2 !important;
    margin-top:3px !important;
    display:-webkit-box !important;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
  }
  .feature-card .jump-arrow{margin-top:0 !important;align-self:center !important}
  .feature-card .jump-tags{
    grid-column:1/-1 !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:5px !important;
    margin-top:2px !important;
    width:100% !important;
  }
  .feature-card .jump-tags em{
    display:block !important;
    width:max-content !important;
    max-width:100% !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    font-size:9.5px !important;
    line-height:1 !important;
    padding:6px 10px !important;
    border-radius:999px !important;
  }
}
@media(max-width:760px){
  .feature-card .jump-tags{grid-column:1/-1 !important;display:flex !important;flex-wrap:wrap !important;gap:6px !important;margin-top:8px !important}
  .feature-card .jump-tags em{white-space:nowrap !important}
}


/* ===== V13-7 desktop mascot eye + scale fix ===== */
@media(min-width:761px){
  .feature-card .jump-mascot{
    width:55px !important;
    height:55px !important;
    border-radius:17px !important;
  }
  .feature-card .jump-mascot:before,
  .feature-card .jump-mascot:after{
    top:-7px !important;
    width:19px !important;
    height:23px !important;
  }
  .feature-card .jump-mascot:before{left:8px !important}
  .feature-card .jump-mascot:after{right:8px !important}
  .feature-card .jump-mascot i{
    inset:9px !important;
    border-radius:17px !important;
  }
  .feature-card .jump-mascot i:before,
  .feature-card .jump-mascot i:after{
    top:43% !important;
    width:6px !important;
    height:10px !important;
    border-radius:999px !important;
    background:linear-gradient(180deg,#17385f 0%,#10284e 100%) !important;
    box-shadow:0 1px 0 rgba(255,255,255,.35) inset,0 0 0 2px rgba(255,255,255,.13) !important;
  }
  .feature-card .jump-mascot i:before{left:22% !important}
  .feature-card .jump-mascot i:after{right:22% !important}
  .feature-card .jump-mascot b{
    bottom:13px !important;
    width:17px !important;
    height:8px !important;
    border-bottom-width:3px !important;
  }
}

/* ===== V13-8 Phygitals rich pack stats ===== */
.rich-pack-head small{font-variant-numeric:tabular-nums}
.rich-pack-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px;background:linear-gradient(180deg,#f8fbff,#f3f7ff)}
.radar-pack-card{position:relative;min-width:0;border-radius:18px;padding:14px;background:#fff;border:1px solid rgba(48,82,132,.10);box-shadow:0 10px 24px rgba(36,69,120,.08);overflow:hidden}
.radar-pack-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:#8da4c7}
.radar-pack-card.good{background:linear-gradient(180deg,#f3fff7,#fff);border-color:rgba(58,180,104,.22)}.radar-pack-card.good:before{background:#3ac36f}
.radar-pack-card.watch{background:linear-gradient(180deg,#fffbed,#fff);border-color:rgba(221,178,55,.25)}.radar-pack-card.watch:before{background:#e3bb42}
.radar-pack-card.wait{background:linear-gradient(180deg,#fff7ed,#fff);border-color:rgba(235,157,67,.24)}.radar-pack-card.wait:before{background:#eba04b}
.radar-pack-card.low{background:linear-gradient(180deg,#fff3f6,#fff);border-color:rgba(224,102,128,.22)}.radar-pack-card.low:before{background:#df7188}
.radar-pack-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.radar-pack-title{display:flex;flex-direction:column;min-width:0}.radar-pack-title b{font-size:16px;line-height:1.1;color:#102f59}.radar-pack-title span{font-size:12px;font-weight:900;color:#47617f;margin-top:4px}
.radar-pack-signal{display:flex;align-items:baseline;white-space:nowrap;color:#12345f}.radar-pack-signal strong{font-size:28px;line-height:1;font-weight:950;letter-spacing:-1px}.radar-pack-signal small{font-size:9px;font-weight:950;margin-left:3px;color:#59708b}
.radar-pack-sub{display:flex;align-items:center;gap:5px;margin-top:9px;font-size:10px;font-weight:800;color:#62758e}.radar-pack-sub i{font-style:normal;color:#a6b2c0}.stock-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.stock-dot.on{background:#34c875;box-shadow:0 0 0 4px rgba(52,200,117,.11)}.stock-dot.off{background:#b2bac5}
.radar-chip-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}.radar-chip-row>span{font-size:9px;line-height:1;font-weight:900;padding:6px 7px;border-radius:999px;background:#f3f6fb;border:1px solid #e5ebf4;color:#365473;white-space:nowrap}.radar-chip-row .trend-chip.rising{background:#e9faef;color:#21824a;border-color:#d1f0dc}.radar-chip-row .trend-chip.falling{background:#fff0f3;color:#aa4c62;border-color:#f5d8df}.radar-chip-row .trend-chip.stable{background:#f0f4f9;color:#61748b}
.text-button[disabled]{opacity:.6;cursor:wait}
@media(max-width:1180px){.rich-pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.rich-pack-grid{grid-template-columns:1fr!important;padding:10px!important;gap:10px!important}.radar-pack-card{padding:13px}.radar-pack-title b{font-size:18px}.radar-pack-signal strong{font-size:30px}.radar-chip-row>span{font-size:10px;padding:7px 9px}.rich-pack-head{display:flex!important;align-items:flex-start!important}.rich-pack-head>div{display:grid!important;grid-template-columns:auto 1fr!important}.rich-pack-head small{grid-column:2!important;line-height:1.35}.rich-pack-head .text-button{flex:0 0 auto}}

/* ===== V13-9 strict API data mode ===== */
.overview-divider{height:1px;background:linear-gradient(90deg,transparent,#d8e4f5 10%,#d8e4f5 90%,transparent);margin:5px 0 8px}
.radar-pack-card.api-live{border-color:#d8e5f4}
.radar-pack-card.api-missing{opacity:.72;background:#f7f9fc;border-style:dashed}
.radar-pack-signal.factual strong{font-size:21px;letter-spacing:.3px;color:#153e72}
.radar-pack-signal.factual small{font-size:8px;letter-spacing:.8px}
.stock-dot.unknown{background:#b8c4d2;box-shadow:0 0 0 4px rgba(184,196,210,.16)}


/* ===== V13-10 larger readable stat chips ===== */
.radar-pack-sub{font-size:11.5px;line-height:1.35;font-weight:850}
.radar-chip-row{gap:7px;margin-top:12px}
.radar-chip-row>span{font-size:11px;line-height:1.12;font-weight:900;padding:7px 10px;letter-spacing:.01em}
@media(max-width:760px){
  .radar-pack-sub{font-size:12.5px;line-height:1.4}
  .radar-chip-row{gap:8px;margin-top:13px}
  .radar-chip-row>span{font-size:12px;line-height:1.15;padding:8px 11px}
}
@media(max-width:420px){
  .radar-chip-row>span{font-size:11.5px;padding:8px 10px}
}


/* ===== V13-11 transparent EV + Value Momentum overview ===== */
.hero-side-stack .overview-card{
  background:linear-gradient(155deg,rgba(236,248,255,.98) 0%,rgba(235,239,255,.98) 52%,rgba(244,235,255,.98) 100%) !important;
  border-color:rgba(112,137,255,.48) !important;
  box-shadow:0 24px 58px rgba(20,55,138,.24),0 0 0 1px rgba(255,255,255,.75) inset !important;
}
.update-times{display:flex!important;align-items:center;gap:5px;flex-wrap:wrap;line-height:1.25}
.update-times span{display:inline-flex;align-items:center;gap:4px}
.update-times strong{font-size:10px;color:#4b5f82;font-weight:900;font-variant-numeric:tabular-nums}
.update-times i{font-style:normal;color:#9aa9bf}
.value-highlight{transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}
.value-highlight.value-favorable{background:linear-gradient(135deg,#e5faec,#d6f7e3)!important;border-color:#9fdeb7!important;box-shadow:inset 0 0 0 1px rgba(54,184,102,.05)}
.value-highlight.value-favorable .buy-main>span,.value-highlight.value-favorable .buy-score>span{color:#257349}
.value-highlight.value-neutral{background:linear-gradient(135deg,#fff8df,#ffedbd)!important;border-color:#e8c86a!important}
.value-highlight.value-neutral .buy-main>span,.value-highlight.value-neutral .buy-score>span{color:#9a6d08}
.value-highlight.value-low{background:linear-gradient(135deg,#fff0f3,#ffdfe8)!important;border-color:#e8a1b4!important}
.value-highlight.value-low .buy-main>span,.value-highlight.value-low .buy-score>span{color:#a14562}
.value-highlight.value-unknown{background:linear-gradient(135deg,#edf4ff,#e6edff)!important;border-color:#b9c9e8!important}
.metric-method{margin:6px 5px 0;font-size:9.5px;line-height:1.35;color:#617693;font-weight:750}
.momentum-card{margin-top:11px}
.momentum-card.momentum-rising{border-color:#a7dfbc;background:linear-gradient(145deg,#f1fff5,#e9fbf0 58%,#eff7ff)}
.momentum-card.momentum-rising .top-pack-head{background:linear-gradient(90deg,#188b61,#22a879 55%,#3b7cda)}
.momentum-card.momentum-rising .top-pack-icon{background:linear-gradient(145deg,#1e9c6a,#42c98c 58%,#3f6fe5)}
.momentum-card.momentum-stable{border-color:#b6c8f0;background:linear-gradient(145deg,#f5f8ff,#edf1ff 58%,#f5efff)}
.momentum-card.momentum-stable .top-pack-head{background:linear-gradient(90deg,#4268d5,#5d64e7 55%,#7652df)}
.momentum-card.momentum-falling{border-color:#efb5c5;background:linear-gradient(145deg,#fff5f7,#ffe8ef 58%,#f5efff)}
.momentum-card.momentum-falling .top-pack-head{background:linear-gradient(90deg,#c04f75,#d76088 55%,#7652df)}
.momentum-card.momentum-falling .top-pack-icon{background:linear-gradient(145deg,#c64d74,#e06c91 58%,#7458e6)}
.momentum-card.momentum-unknown{border-color:#cbd5ea;background:linear-gradient(145deg,#f7f9fd,#edf2fa 58%,#f4f1fb)}
.momentum-card.momentum-unknown .top-pack-head{background:linear-gradient(90deg,#657996,#7084b6 55%,#776aa9)}
.overview-data-note{margin:8px 4px 0;padding-top:8px;border-top:1px solid rgba(92,113,163,.15);font-size:9px;line-height:1.35;color:#5c708e;font-weight:700}
@media(max-width:640px){
  .update-times{font-size:9px!important;gap:3px!important}
  .update-times strong{font-size:9px!important}
  .metric-method{font-size:9.5px;margin-top:5px}
  .overview-data-note{font-size:9px}
}


/* ===== V13-12 Phygitals live-card visual refresh ===== */
.hero-side-stack .overview-card{
  background:linear-gradient(155deg,rgba(222,247,255,.985) 0%,rgba(224,238,255,.985) 52%,rgba(237,229,255,.985) 100%) !important;
  border:2px solid rgba(98,183,255,.54) !important;
  box-shadow:0 28px 68px rgba(14,47,132,.30),0 0 0 1px rgba(255,255,255,.86) inset !important;
}
.overview-head{color:#315b8d !important}
.overview-head b{color:#637eaa !important}
.overview-brand-row-v12{grid-template-columns:68px minmax(0,1fr) auto !important;gap:14px !important;padding:16px 4px 13px !important}
.overview-phy-head-link{display:block;width:64px;height:64px;text-decoration:none}
.overview-phy-mascot{--mascot1:#45c9ff;--mascot2:#9ff1ff;width:64px !important;height:64px !important;border-radius:20px !important;background:rgba(255,255,255,.48);box-shadow:0 12px 28px rgba(31,139,218,.22),inset 0 0 0 1px rgba(255,255,255,.92) !important}
.overview-phy-mascot:before,.overview-phy-mascot:after{top:-7px !important;width:20px !important;height:25px !important}
.overview-phy-mascot:before{left:9px !important}.overview-phy-mascot:after{right:9px !important}
.overview-phy-mascot i{inset:10px !important;border-radius:18px !important}
/* Softer blue eyes with white gloss instead of flat black. */
.overview-phy-mascot i:before,.overview-phy-mascot i:after{
  top:42% !important;width:8px !important;height:13px !important;border-radius:999px !important;
  background:
    radial-gradient(circle at 35% 22%,#fff 0 17%,transparent 18%),
    radial-gradient(circle at 67% 68%,rgba(255,255,255,.64) 0 8%,transparent 9%),
    linear-gradient(180deg,#1d4c8e 0%,#256fc2 42%,#66cfff 100%) !important;
  box-shadow:0 0 0 2px rgba(255,255,255,.40),0 3px 7px rgba(19,62,118,.22) !important;
}
.overview-phy-mascot i:before{left:20% !important}.overview-phy-mascot i:after{right:20% !important}
.overview-phy-mascot b{bottom:13px !important;width:18px !important;height:9px !important;border-bottom-color:#fff !important}
.overview-brand-copy{min-width:0 !important}
.overview-buy-title{display:inline-flex;align-items:center;gap:5px;color:#123f86;text-decoration:none;font-weight:950;font-size:22px;line-height:1.05;letter-spacing:-.5px}
.overview-buy-title span{color:#1b55c7}
.overview-buy-title:hover,.overview-buy-url:hover{text-decoration:underline}
.overview-buy-url{display:inline-block;margin-top:4px;color:#1688d8;text-decoration:none;font-size:11px;font-weight:900}
.overview-brand-copy .update-times{margin-top:6px !important}
.overview-stock-total{align-self:start;margin-top:6px}

/* One shared compact language for both insight cards. */
.signal-card{display:grid !important;grid-template-columns:52px minmax(0,1fr) auto !important;gap:12px !important;align-items:center !important;min-height:98px !important;padding:13px 14px !important;margin-top:12px !important;border-radius:20px !important;border:1px solid rgba(86,149,231,.28) !important;box-shadow:0 10px 24px rgba(44,84,155,.10) !important;overflow:hidden}
.signal-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:#fff;font-size:25px;font-weight:950;box-shadow:0 9px 18px rgba(38,88,171,.18)}
.signal-copy{display:flex;flex-direction:column;min-width:0}
.signal-copy>span{font-size:10px;line-height:1;font-weight:950;letter-spacing:1px;text-transform:uppercase;margin-bottom:5px}
.signal-copy>strong{font-size:20px;line-height:1.05;font-weight:950;letter-spacing:-.35px;color:#103869}
.signal-copy>small{font-size:10px;line-height:1.3;color:#5f7593;margin-top:4px}
.signal-score{display:flex;flex-direction:column;align-items:flex-end;text-align:right;min-width:88px}
.signal-score>span{font-size:9px;font-weight:950;text-transform:uppercase;letter-spacing:.7px;padding:4px 8px;border-radius:999px}
.signal-score>strong{font-size:31px;line-height:1;font-weight:950;letter-spacing:-1px;color:#12386e;margin-top:4px}
.signal-score>small{font-size:9px;color:#7085a3;margin-top:3px;font-weight:800}
.signal-icon-ev{background:linear-gradient(145deg,#23a86b,#49d18d)}
.value-highlight.value-favorable{background:linear-gradient(135deg,#e5faec,#d8f7e4 58%,#eaf8ff)!important;border-color:#9fdeb7!important}
.value-highlight.value-neutral{background:linear-gradient(135deg,#fff7d9,#ffedbd 58%,#eef4ff)!important;border-color:#e8c86a!important}
.value-highlight.value-low{background:linear-gradient(135deg,#fff0f4,#ffe0e8 58%,#f1edff)!important;border-color:#e8a1b4!important}
.value-highlight.value-unknown{background:linear-gradient(135deg,#edf5ff,#e4ecff 58%,#f1ebff)!important;border-color:#b9c9e8!important}
.value-highlight.value-favorable .signal-score>span{background:#c5efd5;color:#1f7147}
.value-highlight.value-neutral .signal-score>span{background:#ffecb2;color:#936a0b}
.value-highlight.value-low .signal-score>span{background:#ffd8e1;color:#a04661}
.value-highlight.value-unknown .signal-score>span{background:#dbe5f6;color:#5a7093}
.value-highlight.value-favorable .signal-copy>span{color:#24754a}.value-highlight.value-neutral .signal-copy>span{color:#966b09}.value-highlight.value-low .signal-copy>span{color:#a14562}.value-highlight.value-unknown .signal-copy>span{color:#5f7190}

/* Momentum: same shape, Phygitals blue/lilac palette, status drives only the accent. */
.momentum-card{background:linear-gradient(135deg,#e8f5ff 0%,#e9edff 55%,#f1e8ff 100%) !important;border-color:#9db9ff !important}
.momentum-card .signal-icon-momentum{background:linear-gradient(145deg,#2d7cff,#7b5cff 58%,#c04dff)}
.momentum-card .signal-copy>span{color:#4c50bf}
.momentum-card .signal-score>span{background:#dcecff;color:#315fc0}
.momentum-card.momentum-rising{background:linear-gradient(135deg,#e9f8ff,#e8efff 55%,#e8f8f1)!important;border-color:#8dcfba!important}
.momentum-card.momentum-rising .signal-score>span{background:#d4f1e2;color:#20724c}
.momentum-card.momentum-stable{background:linear-gradient(135deg,#e9f4ff,#e9edff 55%,#f1eaff)!important;border-color:#9db9ff!important}
.momentum-card.momentum-stable .signal-score>span{background:#dce8ff;color:#355bb7}
.momentum-card.momentum-falling{background:linear-gradient(135deg,#f3edff,#ece9ff 55%,#ffe9f0)!important;border-color:#d7a9db!important}
.momentum-card.momentum-falling .signal-score>span{background:#f5dcec;color:#9e4771}
.momentum-card.momentum-unknown{background:linear-gradient(135deg,#eaf5ff,#e9edff 55%,#f2eaff)!important;border-color:#aabcf1!important}
.momentum-card.momentum-unknown .signal-score>span{background:#deebff;color:#47649f}
.metric-method{margin:6px 7px 0 !important;color:#536f98 !important}
.overview-data-note{color:#536f91 !important;border-top-color:rgba(54,101,171,.18) !important}

@media(max-width:640px){
  .overview-brand-row-v12{grid-template-columns:56px minmax(0,1fr) auto !important;gap:10px !important}
  .overview-phy-head-link,.overview-phy-mascot{width:54px !important;height:54px !important}
  .overview-phy-mascot:before,.overview-phy-mascot:after{width:17px !important;height:21px !important}
  .overview-phy-mascot i{inset:8px !important}
  .overview-phy-mascot i:before,.overview-phy-mascot i:after{width:7px !important;height:11px !important}
  .overview-buy-title{font-size:18px}
  .overview-buy-title span{display:block}
  .overview-buy-url{font-size:10px}
  .signal-card{grid-template-columns:44px minmax(0,1fr) auto !important;gap:9px !important;min-height:92px !important;padding:12px 11px !important}
  .signal-icon{width:42px;height:42px;border-radius:13px;font-size:22px}
  .signal-copy>strong{font-size:17px}.signal-copy>small{font-size:9.5px}
  .signal-score{min-width:70px}.signal-score>strong{font-size:26px}.signal-score>span{font-size:8px;padding:4px 6px}
}


/* ===== V13-13 premium blue/lilac theme + mascot refresh ===== */
:root{
  --page-bg-a:#0a245c;
  --page-bg-b:#26339b;
  --page-bg-c:#6d3eea;
  --phy-panel-a:#dff5ff;
  --phy-panel-b:#e8edff;
  --phy-panel-c:#efe7ff;
}
body{
  background:
    radial-gradient(circle at 14% 18%,rgba(52,206,255,.22),transparent 27%),
    radial-gradient(circle at 86% 36%,rgba(171,76,255,.22),transparent 32%),
    linear-gradient(145deg,var(--page-bg-a) 0%,var(--page-bg-b) 55%,var(--page-bg-c) 100%) fixed !important;
}
.platform-index{
  background:linear-gradient(180deg,rgba(225,241,255,.98),rgba(226,232,255,.97)) !important;
  border-top:1px solid rgba(255,255,255,.42);
  border-bottom:1px solid rgba(122,150,255,.24);
}
.phygitals-section{
  background:
    radial-gradient(circle at 8% 36%,rgba(69,199,255,.18),transparent 31%),
    linear-gradient(145deg,rgba(220,245,255,.985),rgba(229,235,255,.985) 58%,rgba(239,229,255,.985)) !important;
}
.platform-directory{
  background:linear-gradient(180deg,rgba(224,234,255,.97),rgba(231,225,255,.97)) !important;
}
.add-platform{background:linear-gradient(110deg,#082c72,#3031a7 60%,#773de7)!important}

/* Phygitals API panel and 9 pack cards use the same family. */
.phy-data,.pack-panel{
  background:linear-gradient(155deg,rgba(224,247,255,.96),rgba(229,237,255,.96) 55%,rgba(239,231,255,.96)) !important;
  border-color:rgba(105,169,255,.42) !important;
}
.pack-panel{box-shadow:0 16px 38px rgba(34,65,149,.10)!important}
.radar-pack-card.api-live{
  background:linear-gradient(145deg,#e9f8ff 0%,#e9efff 56%,#f0eaff 100%) !important;
  border-color:rgba(116,157,232,.34) !important;
  box-shadow:0 10px 24px rgba(38,69,143,.09) !important;
}
.radar-pack-card.api-live:before{background:linear-gradient(90deg,#42cfff,#6d7cff,#a85cff)!important}
.radar-pack-card.api-missing{background:linear-gradient(145deg,#edf3fa,#e7ebf5)!important}

/* Buyback is always a green visual signal; intensity follows the real API percentage. */
.radar-chip-row>span.buyback-chip{
  border:1px solid rgba(53,180,105,.24)!important;
  color:#17643f!important;
  font-weight:950!important;
}
.radar-chip-row>span.buyback-standard{background:#e8f7ee!important}
.radar-chip-row>span.buyback-high{background:#d8f4e4!important;border-color:#9edbb7!important}
.radar-chip-row>span.buyback-max{background:#bff0d2!important;border-color:#6fd099!important;color:#0e5a35!important;box-shadow:0 5px 13px rgba(33,154,87,.10)}

/* Replace old left card-stack art with user's yellow/blue mascot. */
.phy-intro{overflow:hidden}
.phy-character-v13{
  width:min(390px,92%);height:360px;right:-8px;bottom:-8px;left:auto;display:flex;align-items:flex-end;justify-content:center;
  background:radial-gradient(circle at 52% 55%,rgba(112,211,255,.30),rgba(116,85,255,.12) 44%,transparent 70%);
  border:0!important;box-shadow:none!important;transform:none!important;
}
.phy-character-v13 img{
  width:100%;height:100%;object-fit:contain;object-position:center bottom;transform:rotate(-2deg) scale(.96);filter:drop-shadow(0 18px 28px rgba(20,62,143,.22));border-radius:0!important;
}

/* Consistent mascot eyes everywhere: blue gradient + white gloss. */
.jump-mascot i:before,.jump-mascot i:after,.detail-mascot i:before,.detail-mascot i:after{
  background:
    radial-gradient(circle at 34% 20%,#fff 0 17%,transparent 18%),
    radial-gradient(circle at 69% 70%,rgba(255,255,255,.62) 0 8%,transparent 9%),
    linear-gradient(180deg,#163d82 0%,#236fd0 44%,#66d8ff 100%) !important;
  box-shadow:0 0 0 2px rgba(255,255,255,.38),0 3px 7px rgba(24,60,120,.19)!important;
}

/* Quick access platform cards: larger name + explicit Buy Now CTA. */
.feature-card .jump-copy>b{font-size:18px!important;line-height:1.05!important}
.jump-buy-now{display:inline-block;margin-top:4px;font-size:12px;font-weight:950;color:#1c59c6;line-height:1}
.feature-card.gotya .jump-buy-now{color:#7042ce}.feature-card.hapabox .jump-buy-now{color:#535bd6}.feature-card.dopa .jump-buy-now{color:#754ec6}.feature-card.packs .jump-buy-now{color:#3368d2}
.feature-card .jump-copy small{margin-top:5px!important}
.feature-card{transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.feature-card:hover{transform:translateY(-3px);filter:saturate(1.06);box-shadow:0 19px 42px rgba(35,65,139,.18)!important}

/* Keep each site in its own blue/lilac family instead of unrelated colors. */
.feature-card.phygitals{background:linear-gradient(135deg,#cdf4ff,#b9eaff 58%,#e6faff)!important;border-color:#7dd7f8!important}
.feature-card.gotya{background:linear-gradient(135deg,#eee2ff,#dac9ff 58%,#f4ecff)!important;border-color:#bca0ef!important}
.feature-card.hapabox{background:linear-gradient(135deg,#e6e9ff,#d7ddff 58%,#eef0ff)!important;border-color:#9daaf0!important}
.feature-card.dopa{background:linear-gradient(135deg,#ece8ff,#ded8ff 58%,#f2edff)!important;border-color:#aca4ef!important}
.feature-card.packs{background:linear-gradient(135deg,#e0efff,#d1e2ff 58%,#edf4ff)!important;border-color:#99b8ef!important}

/* Larger platform detail headings and stronger Buy Now buttons. */
.platform-detail h3{font-size:24px!important;letter-spacing:-.4px}
.platform-detail .detail-cta{font-size:15px!important;padding:13px 15px!important}
.platform-detail.phygitals-detail{background:linear-gradient(135deg,#d7f5ff,#c2ecff)!important}
.platform-detail.gotya-detail{background:linear-gradient(135deg,#eee2ff,#dbc8ff)!important}
.platform-detail.hapabox-detail{background:linear-gradient(135deg,#e9ebff,#d9deff)!important;border-color:#9daaf0!important}
.platform-detail.dopa-detail{background:linear-gradient(135deg,#eeeaff,#ddd7ff)!important;border-color:#aca4ef!important}
.platform-detail.packs-detail{background:linear-gradient(135deg,#e4efff,#cfdeff)!important;border-color:#99b8ef!important}

@media(max-width:900px){
  .phy-character-v13{position:relative!important;right:auto!important;bottom:auto!important;width:min(390px,92%)!important;height:320px!important;margin:20px auto -10px!important}
}
@media(max-width:640px){
  .phy-character-v13{height:280px!important;width:min(340px,94%)!important}
  .feature-card .jump-copy>b{font-size:22px!important}
  .jump-buy-now{font-size:13px}
  .platform-detail h3{font-size:22px!important}
}

/* ===== V13-14 continuous deep blue → electric purple page background ===== */
body{
  background:linear-gradient(110deg,#0b3b88 0%,#2547c6 50%,#6b3ce6 100%) fixed !important;
}
/* Keep the cosmic hero/top untouched. Everything below it floats on one shared gradient. */
.platform-index,
.phygitals-section,
.platform-directory,
.add-platform{
  background:transparent !important;
  border-color:rgba(255,255,255,.12) !important;
}
/* Footer remains part of the same page gradient, with only a subtle readability veil. */
.footer{
  background:rgba(5,27,77,.34) !important;
  border-top:1px solid rgba(255,255,255,.12) !important;
  backdrop-filter:blur(8px);
}
/* Standalone section copy must remain readable on the darker shared background. */
.platform-index .section-title h2,
.phygitals-section .phy-intro h2,
.platform-directory .directory-head h2{
  color:#ffffff !important;
  text-shadow:0 2px 14px rgba(4,25,82,.24);
}
.platform-index .section-title p,
.phygitals-section .phy-intro>p,
.platform-directory .directory-head p,
.phygitals-section .source-note{
  color:rgba(238,246,255,.88) !important;
}
.platform-index .section-title>span,
.phygitals-section .section-kicker,
.platform-directory .section-kicker{
  color:#87e9ff !important;
}
/* Keep all existing cards/panels light and readable above the gradient. */
.feature-card,
.phy-data,
.pack-panel,
.radar-pack-card,
.platform-detail,
.phy-mini-card{
  position:relative;
  z-index:1;
}
@media(max-width:640px){
  body{background:linear-gradient(155deg,#0a377f 0%,#2446bd 54%,#6339da 100%) fixed !important}
}


/* ===== V13-15 section intro hierarchy ===== */
.section-intro-large{
  width:100%;
  max-width:1040px;
  position:relative;
  z-index:2;
}
.section-intro-large>span,
.section-intro-large>.section-kicker{
  display:inline-flex;
  font-size:13px!important;
  font-weight:950!important;
  letter-spacing:2px!important;
  color:#87e9ff!important;
  text-transform:uppercase;
}
.section-intro-large h2{
  margin:8px 0 12px!important;
  max-width:100%!important;
  font-size:clamp(40px,4vw,58px)!important;
  line-height:.98!important;
  letter-spacing:-2.4px!important;
  color:#fff!important;
  text-shadow:0 4px 22px rgba(4,25,82,.28)!important;
}
.section-intro-large p{
  margin:0!important;
  max-width:920px!important;
  font-size:clamp(16px,1.35vw,19px)!important;
  line-height:1.55!important;
  color:rgba(241,247,255,.90)!important;
}
.platform-index{padding:42px 0 34px!important}
.platform-index-expanded{
  grid-template-columns:1fr!important;
  gap:28px!important;
  align-items:start!important;
}
.platform-index-expanded .section-title{max-width:1040px!important}
.platform-index-expanded .feature-jump-grid{width:100%!important}

.phygitals-section{padding:44px 0!important}
.phygitals-section-shell{display:flex;flex-direction:column;gap:28px}
.phygitals-section-intro{padding:0 2px}
.phygitals-section .phygitals-layout{width:100%;margin:0!important}
/* The left Phygitals column now focuses on its platform copy, CTA and mascot; section heading lives above. */
.phygitals-section .phy-intro>p{
  margin-top:0!important;
  color:#395b83!important;
  font-size:15px!important;
  line-height:1.55!important;
}

/* Platform Guide already has the desired section-divider role; align its scale with the new intros. */
.platform-directory .directory-head{max-width:1040px}
.platform-directory .directory-head h2{
  font-size:clamp(40px,4vw,56px)!important;
  line-height:1!important;
  letter-spacing:-2.2px!important;
  margin:8px 0 12px!important;
}
.platform-directory .directory-head p{
  max-width:920px;
  font-size:clamp(16px,1.3vw,18px)!important;
  line-height:1.55!important;
}

@media(max-width:900px){
  .section-intro-large{max-width:760px}
  .platform-index-expanded{gap:22px!important}
  .phygitals-section-shell{gap:22px}
}
@media(max-width:640px){
  .platform-index{padding:32px 0 24px!important}
  .phygitals-section{padding:32px 0!important}
  .section-intro-large h2,
  .platform-directory .directory-head h2{
    font-size:clamp(34px,10.5vw,44px)!important;
    letter-spacing:-1.7px!important;
  }
  .section-intro-large p,
  .platform-directory .directory-head p{
    font-size:16px!important;
    line-height:1.5!important;
  }
  .section-intro-large>span,
  .section-intro-large>.section-kicker{font-size:12px!important;letter-spacing:1.7px!important}
  .phygitals-section-shell{gap:18px}
}

/* V13-16: remove left mini sidebar, widen live grid, enlarge pack cards */
.phygitals-layout.phygitals-layout-wide{
  display:block!important;
  padding:18px!important;
  background:linear-gradient(135deg,rgba(233,249,255,.96),rgba(244,251,255,.96))!important;
}
.phygitals-layout-wide .phy-data{width:100%!important}
.phygitals-layout-wide .stats-grid.stats-grid-top4{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-bottom:16px;
}
.stats-grid-top4 .stat-card{
  min-height:122px;
  border-width:2px;
  box-shadow:0 14px 32px rgba(38,91,145,.09);
}
.stats-grid-top4 .stat-blue{background:linear-gradient(145deg,#e4f7ff,#c7ecff)!important;border-color:#9bd9f8!important}
.stats-grid-top4 .stat-purple{background:linear-gradient(145deg,#f0e6ff,#d9c8ff)!important;border-color:#c0a7f6!important}
.stats-grid-top4 .stat-pink{background:linear-gradient(145deg,#ffe7f6,#ffcbe8)!important;border-color:#f4acd0!important}
.stats-grid-top4 .stat-green{background:linear-gradient(145deg,#eafdf1,#cff7df)!important;border-color:#a4e5bc!important}
.stats-grid-top4 .stat-icon.green{background:#dbfae7;color:#0f9d54}
.stats-grid-top4 .stat-card small{font-size:13px;font-weight:900;letter-spacing:.1px}
.stats-grid-top4 .stat-card strong{font-size:clamp(30px,2.4vw,40px);line-height:1.02}
.stats-grid-top4 .stat-card em{font-size:12px;color:#63768c;font-style:normal;display:block;margin-top:5px;line-height:1.35}

.phygitals-layout-wide .panel.pack-panel{margin-top:0!important}
.phygitals-layout-wide .rich-pack-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  padding:18px;
  background:linear-gradient(180deg,#f8fbff,#f3f7ff);
}
.phygitals-layout-wide .radar-pack-card{
  min-height:250px;
  padding:18px;
  border-radius:20px;
  box-shadow:0 14px 30px rgba(36,69,120,.10);
}
.phygitals-layout-wide .radar-pack-title b{font-size:18px}
.phygitals-layout-wide .radar-pack-title span{font-size:15px;font-weight:900}
.phygitals-layout-wide .radar-pack-signal strong{font-size:30px}
.phygitals-layout-wide .radar-pack-sub{font-size:15px;line-height:1.4;margin-top:8px}
.phygitals-layout-wide .radar-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.phygitals-layout-wide .radar-chip-row>span{
  font-size:12px;
  font-weight:800;
  line-height:1.2;
  padding:8px 10px;
  border-radius:999px;
  background:#eef4fb;
  border:1px solid rgba(70,96,140,.10);
}
.phygitals-layout-wide .radar-pack-missing-note{
  margin-top:12px;
  padding:11px 12px;
  border-radius:14px;
  background:rgba(255,255,255,.85);
  border:1px dashed rgba(97,121,160,.32);
  color:#5f6e83;
  font-size:13px;
  line-height:1.4;
}
.phygitals-layout-wide .radar-pack-card.api-missing{opacity:.92}

@media(max-width:1180px){
  .phygitals-layout-wide .stats-grid.stats-grid-top4{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .phygitals-layout-wide .rich-pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .phygitals-layout.phygitals-layout-wide{padding:14px!important}
  .phygitals-layout-wide .stats-grid.stats-grid-top4{grid-template-columns:1fr!important;gap:10px!important}
  .phygitals-layout-wide .rich-pack-grid{grid-template-columns:1fr!important;padding:10px!important;gap:10px!important}
  .phygitals-layout-wide .radar-pack-card{min-height:0;padding:14px}
  .phygitals-layout-wide .radar-chip-row>span{font-size:11px;padding:8px 9px}
}

/* V13-17 premium pack cards */
.phygitals-layout-wide .pack-panel{
  background:linear-gradient(165deg,rgba(240,248,255,.98),rgba(237,243,255,.98) 58%,rgba(244,238,255,.98))!important;
  border:1px solid rgba(120,154,232,.38)!important;
  box-shadow:0 18px 44px rgba(33,61,129,.14)!important;
}
.phygitals-layout-wide .rich-pack-grid{
  gap:18px;
  padding:20px;
  background:linear-gradient(180deg,#fbfdff,#f4f7ff 48%,#f8f4ff);
}
.phygitals-layout-wide .radar-pack-card{
  min-height:265px;
  padding:20px;
  border-radius:22px;
  border:1px solid rgba(108,138,205,.30);
  box-shadow:0 18px 34px rgba(35,67,122,.11), inset 0 1px 0 rgba(255,255,255,.8);
}
.phygitals-layout-wide .radar-pack-card.api-live{
  background:linear-gradient(155deg,rgba(255,255,255,.96),rgba(238,246,255,.96) 48%,rgba(243,238,255,.96));
}
.phygitals-layout-wide .radar-pack-card.api-live:after{
  content:"";
  position:absolute; inset:auto 10px 10px 10px; height:46%; pointer-events:none;
  background:radial-gradient(circle at 10% 0%,rgba(82,202,255,.10),transparent 45%),radial-gradient(circle at 100% 0%,rgba(155,91,255,.09),transparent 40%);
  border-radius:18px;
}
.phygitals-layout-wide .radar-pack-top,.phygitals-layout-wide .radar-pack-sub,.phygitals-layout-wide .radar-chip-row,.phygitals-layout-wide .radar-pack-missing-note{position:relative;z-index:1}
.phygitals-layout-wide .radar-pack-title{gap:8px}
.phygitals-layout-wide .radar-pack-title b{font-size:24px;line-height:1.06;letter-spacing:-.02em;color:#153864}
.phygitals-layout-wide .radar-pack-title span{font-size:18px;font-weight:950;color:#31527a}
.phygitals-layout-wide .radar-pack-signal{padding:8px 12px;border-radius:16px;background:rgba(255,255,255,.82);border:1px solid rgba(130,160,220,.32);box-shadow:0 8px 18px rgba(48,72,121,.08)}
.phygitals-layout-wide .radar-pack-signal strong{font-size:34px;line-height:1;color:#1b3b66}
.phygitals-layout-wide .radar-pack-signal small{font-size:11px;letter-spacing:.12em}
.phygitals-layout-wide .radar-pack-sub{font-size:15px;font-weight:700;color:#4d6480}
.phygitals-layout-wide .radar-chip-row{gap:9px;margin-top:14px}
.phygitals-layout-wide .radar-chip-row>span{
  font-size:13.5px;
  font-weight:900;
  line-height:1.15;
  padding:9px 12px;
  border-radius:999px;
  border:1px solid transparent;
  box-shadow:0 6px 14px rgba(65,91,140,.07);
}
.phygitals-layout-wide .radar-chip-row>span.ev-chip{background:#e6f8ff;border-color:#bfe8fb;color:#0f6184}
.phygitals-layout-wide .radar-chip-row>span.ratio-chip{background:#eef9e9;border-color:#cceabf;color:#29673b}
.phygitals-layout-wide .radar-chip-row>span.prev-chip{background:#f2edff;border-color:#d8cdfc;color:#5c49a8}
.phygitals-layout-wide .radar-chip-row>span.delta-chip{background:#fff4dd;border-color:#f4dd9f;color:#9a6500}
.phygitals-layout-wide .radar-chip-row>span.chase-chip{background:#eef3ff;border-color:#d4dff7;color:#3e5a9b}
.phygitals-layout-wide .radar-chip-row>span.weight-chip{background:#ffeaf4;border-color:#f6c9dd;color:#a54670}
.phygitals-layout-wide .radar-chip-row>span.buyback-standard{background:#e6f6ec!important;border-color:#bde2cb!important;color:#196342!important}
.phygitals-layout-wide .radar-chip-row>span.buyback-high{background:#d5f4e2!important;border-color:#98d3b2!important;color:#125936!important}
.phygitals-layout-wide .radar-chip-row>span.buyback-max{background:#baf1d0!important;border-color:#64c893!important;color:#0d5130!important}
.phygitals-layout-wide .radar-chip-row>span.trend-chip.rising{background:#dff9ea!important;border-color:#aee7c3!important;color:#1c7d46!important}
.phygitals-layout-wide .radar-chip-row>span.trend-chip.falling{background:#ffe8ee!important;border-color:#f4bfcd!important;color:#b34d67!important}
.phygitals-layout-wide .radar-chip-row>span.trend-chip.stable{background:#edf2fb!important;border-color:#d4ddf0!important;color:#5b718b!important}
.phygitals-layout-wide .radar-pack-card.api-missing{
  opacity:1;
  background:linear-gradient(155deg,#f8fbff,#f2f5ff 55%,#f5efff)!important;
  border:1px dashed rgba(126,150,203,.58)!important;
}
.phygitals-layout-wide .radar-pack-card.api-missing:before{background:linear-gradient(90deg,#8fb4d9,#9ca4dd,#baa0eb)!important}
.phygitals-layout-wide .radar-pack-missing-note{
  display:flex; flex-direction:column; align-items:flex-start; gap:8px;
  margin-top:14px; padding:14px 14px 15px;
  background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(245,248,255,.94));
  border:1px solid rgba(140,162,211,.34); border-radius:18px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.78),0 10px 20px rgba(78,103,148,.08);
  color:#556b87; font-size:13.5px; line-height:1.45;
}
.phygitals-layout-wide .radar-pack-missing-note strong{font-size:15px;color:#27486f}
.phygitals-layout-wide .radar-pack-missing-note p{margin:0}
.phygitals-layout-wide .radar-pack-missing-note .missing-badge{
  display:inline-flex; align-items:center; gap:6px; padding:7px 10px; border-radius:999px;
  background:linear-gradient(90deg,#eef4ff,#f3ecff); border:1px solid rgba(159,168,228,.36);
  color:#5d60a6; font-size:11px; font-weight:950; letter-spacing:.08em; text-transform:uppercase;
}
.phygitals-layout-wide .radar-pack-missing-note .missing-badge:before{content:'◌';font-size:12px}
@media(max-width:1180px){
  .phygitals-layout-wide .radar-pack-title b{font-size:22px}
  .phygitals-layout-wide .radar-pack-title span{font-size:17px}
}
@media(max-width:760px){
  .phygitals-layout-wide .radar-pack-card{min-height:0;padding:15px 14px 16px}
  .phygitals-layout-wide .radar-pack-title b{font-size:22px}
  .phygitals-layout-wide .radar-pack-title span{font-size:17px}
  .phygitals-layout-wide .radar-pack-signal strong{font-size:30px}
  .phygitals-layout-wide .radar-chip-row>span{font-size:12.5px;padding:8px 10px}
}

/* V13-18: premium live dashboard hierarchy + clean stock badges */
.phygitals-layout-wide .stats-grid-top4 .stat-card{
  position:relative;overflow:hidden;border-radius:22px!important;
  box-shadow:0 16px 32px rgba(30,61,126,.12),inset 0 1px 0 rgba(255,255,255,.78)!important;
}
.phygitals-layout-wide .stats-grid-top4 .stat-card:after{
  content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-52px;top:-62px;
  background:rgba(255,255,255,.25);pointer-events:none;
}
.phygitals-layout-wide .rich-pack-grid{
  grid-auto-rows:1fr;
  align-items:stretch;
  gap:20px!important;
}
.phygitals-layout-wide .radar-pack-card{
  height:100%;
  min-height:278px;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  padding:21px!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.phygitals-layout-wide .radar-pack-card.api-live:hover{
  transform:translateY(-3px);
  border-color:rgba(95,132,220,.48)!important;
  box-shadow:0 22px 44px rgba(33,61,129,.15),inset 0 1px 0 rgba(255,255,255,.88)!important;
}
.phygitals-layout-wide .radar-pack-top{
  min-height:62px;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:14px!important;
}
.phygitals-layout-wide .radar-pack-title{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:5px!important}
.phygitals-layout-wide .radar-pack-title b{
  font-size:26px!important;
  line-height:1.02!important;
  letter-spacing:-.035em!important;
  color:#113762!important;
}
.phygitals-layout-wide .radar-pack-title span{
  font-size:18px!important;
  line-height:1.1!important;
  color:#315c8d!important;
  font-weight:950!important;
}
.phygitals-layout-wide .stock-status-badge{
  flex:0 0 auto;
  min-height:42px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border-radius:15px;
  font-size:11px;
  font-weight:950;
  letter-spacing:.055em;
  white-space:nowrap;
  border:1px solid transparent;
  box-shadow:0 8px 18px rgba(43,72,126,.08);
}
.phygitals-layout-wide .stock-status-badge span{width:9px;height:9px;border-radius:50%;flex:0 0 9px}
.phygitals-layout-wide .stock-status-badge.is-in{background:#e4f8ec;border-color:#b6e4c7;color:#12653d}
.phygitals-layout-wide .stock-status-badge.is-in span{background:#2dcc79;box-shadow:0 0 0 5px rgba(45,204,121,.12)}
.phygitals-layout-wide .stock-status-badge.is-out{background:#ffedf1;border-color:#f2c4cf;color:#9d3f58}
.phygitals-layout-wide .stock-status-badge.is-out span{background:#e86882}
.phygitals-layout-wide .stock-status-badge.is-waiting{background:#eef2fa;border-color:#d0d9e9;color:#697a94}
.phygitals-layout-wide .stock-status-badge.is-waiting span{background:#aab7ca;animation:radarWaitPulse 1.8s ease-in-out infinite}
@keyframes radarWaitPulse{0%,100%{opacity:.45;box-shadow:0 0 0 0 rgba(134,151,180,.28)}50%{opacity:1;box-shadow:0 0 0 6px rgba(134,151,180,0)}}
.phygitals-layout-wide .radar-pack-sub{
  min-height:31px;
  display:flex;
  align-items:center;
  gap:5px;
  margin-top:8px!important;
  color:#506985!important;
  font-size:14.5px!important;
  font-weight:800!important;
}
.phygitals-layout-wide .radar-chip-row{
  margin-top:15px!important;
  display:flex!important;
  align-content:flex-start;
  gap:9px!important;
}
.phygitals-layout-wide .radar-chip-row>span{
  min-height:36px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:13.5px!important;
  padding:9px 12px!important;
  box-shadow:0 7px 15px rgba(61,88,140,.07)!important;
}
/* Hierarchy: EV/Price = primary decision metric, buyback = secondary positive signal. */
.phygitals-layout-wide .radar-chip-row>span.ratio-chip{
  font-size:14px!important;
  font-weight:950!important;
  border-width:1.5px!important;
}
.phygitals-layout-wide .radar-chip-row>span.ratio-chip.ratio-good{background:#dff7df!important;border-color:#a9dda8!important;color:#196136!important}
.phygitals-layout-wide .radar-chip-row>span.ratio-chip.ratio-neutral{background:#fff4cf!important;border-color:#ecd38a!important;color:#845e00!important}
.phygitals-layout-wide .radar-chip-row>span.ratio-chip.ratio-low{background:#ffe5ea!important;border-color:#efb8c4!important;color:#9b4057!important}
.phygitals-layout-wide .radar-chip-row>span.buyback-chip{font-size:13.5px!important}
.phygitals-layout-wide .radar-chip-row>span.ev-chip{background:#e1f7ff!important;border-color:#b0e3f7!important;color:#0b6689!important}
.phygitals-layout-wide .radar-chip-row>span.prev-chip{background:#eee9ff!important;border-color:#d3c8fa!important;color:#5b4ba5!important}
.phygitals-layout-wide .radar-chip-row>span.delta-chip{background:#eee9ff!important;border-color:#d1c7fa!important;color:#5a47a2!important}
.phygitals-layout-wide .radar-chip-row>span.weight-chip{background:#ffe8f4!important;border-color:#f2bfd8!important;color:#984667!important}

/* Missing pack state looks like an intentional live monitor, not a broken card. */
.phygitals-layout-wide .radar-pack-card.api-missing{
  background:
    radial-gradient(circle at 88% 15%,rgba(143,102,255,.13),transparent 33%),
    linear-gradient(155deg,#f5f9ff,#edf3ff 55%,#f5eeff)!important;
  border:1px dashed rgba(112,139,201,.62)!important;
  box-shadow:0 16px 34px rgba(42,70,132,.10),inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.phygitals-layout-wide .radar-pack-card.api-missing .radar-pack-title b{color:#4b6384!important}
.phygitals-layout-wide .radar-pack-missing-note{
  flex:1;
  justify-content:center;
  min-height:145px;
  padding:17px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(241,244,255,.92))!important;
  border:1px solid rgba(135,151,210,.35)!important;
}
.phygitals-layout-wide .radar-pack-missing-note .missing-badge{
  background:linear-gradient(90deg,#e8f5ff,#eee8ff)!important;
  color:#4c62a4!important;
  border-color:#c7d2ee!important;
}
.phygitals-layout-wide .radar-pack-missing-note .missing-badge i{
  width:8px;height:8px;border-radius:50%;background:#7595e9;box-shadow:0 0 0 5px rgba(117,149,233,.13);animation:radarWaitPulse 1.8s ease-in-out infinite;
}
.phygitals-layout-wide .radar-pack-missing-note strong{font-size:17px!important;color:#274a78!important}
.phygitals-layout-wide .radar-pack-missing-note p{font-size:13.5px!important;color:#60718a!important}
.phygitals-layout-wide .radar-pack-missing-note small{font-size:11.5px!important;color:#7a89a0!important;font-weight:800}

@media(max-width:1180px){
  .phygitals-layout-wide .radar-pack-title b{font-size:24px!important}
}
@media(max-width:760px){
  .phygitals-layout-wide .rich-pack-grid{gap:12px!important}
  .phygitals-layout-wide .radar-pack-card{min-height:0;padding:16px!important}
  .phygitals-layout-wide .radar-pack-top{min-height:56px}
  .phygitals-layout-wide .radar-pack-title b{font-size:23px!important}
  .phygitals-layout-wide .radar-pack-title span{font-size:17px!important}
  .phygitals-layout-wide .stock-status-badge{padding:9px 10px;font-size:10px}
  .phygitals-layout-wide .radar-chip-row>span{font-size:12.5px!important;min-height:34px;padding:8px 10px!important}
  .phygitals-layout-wide .radar-chip-row>span.ratio-chip{font-size:13px!important}
}

/* V13-19: persistent full chip set + clearer hierarchy */
.phygitals-layout-wide .radar-chip-row{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:flex-start!important;
  gap:9px 8px!important;
}
.phygitals-layout-wide .radar-chip-row>span.ratio-chip.ratio-unknown,
.phygitals-layout-wide .radar-chip-row>span.ratio-chip.ratio-waiting,
.phygitals-layout-wide .radar-chip-row>span.chip-waiting{
  background:#f2f4f9!important;
  border-color:#dce2ec!important;
  color:#718096!important;
  box-shadow:none!important;
}
.phygitals-layout-wide .radar-chip-row>span.top-hits-chip{
  background:linear-gradient(90deg,#ece8ff,#e7efff)!important;
  border-color:#cfc8f5!important;
  color:#51499c!important;
  font-weight:950!important;
}
.phygitals-layout-wide .radar-chip-row>span.trend-chip.waiting{
  background:#f2f4f9!important;
  border-color:#dce2ec!important;
  color:#718096!important;
}
/* Primary metrics are visually stronger; comparison/history chips are calmer. */
.phygitals-layout-wide .radar-chip-row>span.ev-chip,
.phygitals-layout-wide .radar-chip-row>span.ratio-chip,
.phygitals-layout-wide .radar-chip-row>span.buyback-chip{
  min-height:38px!important;
}
.phygitals-layout-wide .radar-chip-row>span.prev-chip,
.phygitals-layout-wide .radar-chip-row>span.delta-chip,
.phygitals-layout-wide .radar-chip-row>span.top-hits-chip,
.phygitals-layout-wide .radar-chip-row>span.weight-chip,
.phygitals-layout-wide .radar-chip-row>span.trend-chip{
  min-height:34px!important;
  font-size:12.5px!important;
}
.phygitals-layout-wide .radar-pack-card.api-live{
  display:flex!important;
  flex-direction:column!important;
}
.phygitals-layout-wide .radar-pack-card.api-live .radar-chip-row{
  margin-top:auto!important;
  padding-top:14px!important;
}
@media(max-width:760px){
  .phygitals-layout-wide .radar-pack-card.api-live .radar-chip-row{margin-top:12px!important;padding-top:0!important}
  .phygitals-layout-wide .radar-chip-row>span.ev-chip,
  .phygitals-layout-wide .radar-chip-row>span.ratio-chip,
  .phygitals-layout-wide .radar-chip-row>span.buyback-chip{min-height:35px!important}
  .phygitals-layout-wide .radar-chip-row>span.prev-chip,
  .phygitals-layout-wide .radar-chip-row>span.delta-chip,
  .phygitals-layout-wide .radar-chip-row>span.top-hits-chip,
  .phygitals-layout-wide .radar-chip-row>span.weight-chip,
  .phygitals-layout-wide .radar-chip-row>span.trend-chip{font-size:12px!important;min-height:32px!important}
}

/* ===== V13-20 premium hero live overview ===== */
.hero-side-stack .overview-card{
  position:relative;
  isolation:isolate;
  background:
    linear-gradient(155deg,rgba(233,249,255,.985) 0%,rgba(229,239,255,.98) 48%,rgba(239,231,255,.985) 100%) !important;
  border:1px solid rgba(255,255,255,.92) !important;
  box-shadow:
    0 30px 80px rgba(8,38,116,.34),
    0 0 0 2px rgba(92,190,255,.30),
    inset 0 1px 0 rgba(255,255,255,.95),
    inset 0 -1px 0 rgba(103,89,230,.10) !important;
  border-radius:30px !important;
  overflow:hidden;
}
.hero-side-stack .overview-card:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 8% 9%,rgba(72,208,255,.25),transparent 28%),
    radial-gradient(circle at 96% 0%,rgba(145,91,255,.20),transparent 32%),
    linear-gradient(180deg,rgba(255,255,255,.24),transparent 38%);
}
.hero-side-stack .overview-card>*{position:relative;z-index:2}
.overview-head{
  margin:-4px -4px 2px;
  padding:10px 12px;
  border-radius:16px;
  background:linear-gradient(90deg,rgba(255,255,255,.48),rgba(225,239,255,.58),rgba(238,228,255,.55));
  border:1px solid rgba(255,255,255,.68);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.82);
}
.overview-head>span:first-child{font-size:11px;letter-spacing:1.1px;color:#355d91!important}
.live-dot{box-shadow:0 7px 18px rgba(28,169,93,.12)}
.overview-brand-row-v12{
  padding:17px 6px 15px !important;
  border-bottom:1px solid rgba(95,128,184,.14);
}
.overview-phy-head-link{
  filter:drop-shadow(0 12px 18px rgba(37,121,205,.18));
}
.overview-phy-mascot{
  box-shadow:
    0 14px 30px rgba(31,139,218,.22),
    0 0 0 1px rgba(111,210,255,.24),
    inset 0 0 0 1px rgba(255,255,255,.96)!important;
}
.overview-buy-title{
  font-size:23px!important;
  color:#0f3d82!important;
  text-shadow:0 1px 0 rgba(255,255,255,.55);
}
.overview-buy-title span{
  background:linear-gradient(90deg,#1455c9,#6b4fe8);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent!important;
}
.overview-buy-url{
  margin-top:5px!important;
  display:inline-flex!important;
  width:max-content;
  align-items:center;
  gap:5px;
  padding:5px 9px;
  border-radius:999px;
  color:#176fbd!important;
  background:rgba(255,255,255,.62);
  border:1px solid rgba(99,173,229,.24);
  box-shadow:0 5px 12px rgba(43,102,167,.07);
  font-size:11px!important;
  letter-spacing:.02em;
}
.overview-stock-total{
  min-width:72px;
  padding:8px 10px;
  border-radius:16px;
  background:rgba(255,255,255,.56);
  border:1px solid rgba(112,154,213,.20);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.76);
}
.overview-stats{
  gap:8px;
  padding:15px 0 3px!important;
}
.overview-stats>div{
  padding:12px 10px!important;
  border-right:0!important;
  border-radius:16px;
  background:linear-gradient(145deg,rgba(255,255,255,.58),rgba(241,247,255,.45));
  border:1px solid rgba(120,151,205,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72);
}
.overview-stats strong{font-size:25px!important;color:#12396e}
.overview-stats span{font-size:11px!important;color:#234d7f}
.overview-stats small{font-size:9px!important}
.signal-card{
  box-shadow:0 14px 28px rgba(39,78,147,.12),inset 0 1px 0 rgba(255,255,255,.72)!important;
}
.metric-method{
  padding-left:4px;
  opacity:.95;
}
.overview-data-note{
  margin-top:10px!important;
  padding:10px 5px 0!important;
}
@media(max-width:640px){
  .hero-side-stack .overview-card{border-radius:25px!important}
  .overview-head{padding:9px 10px}
  .overview-buy-title{font-size:19px!important}
  .overview-buy-url{font-size:10px!important;padding:4px 8px}
  .overview-stats{gap:6px}
  .overview-stats>div{padding:10px 6px!important}
  .overview-stats strong{font-size:20px!important}
}

/* V13-21 — Premium popular-platform cards */
.platform-index-expanded .section-title.section-intro-large{
  max-width:1120px!important;
}
.platform-index-expanded .section-title.section-intro-large h2{
  max-width:1120px!important;
  font-size:clamp(42px,4.2vw,64px)!important;
  line-height:1.02!important;
  letter-spacing:-2.5px!important;
}
.platform-index-expanded .section-title.section-intro-large p{
  max-width:1080px!important;
  font-size:clamp(16px,1.35vw,19px)!important;
  line-height:1.58!important;
}

.feature-jump-grid{
  gap:16px!important;
}
.feature-card{
  position:relative!important;
  min-height:205px!important;
  padding:20px 17px 18px!important;
  grid-template-columns:66px 1fr 30px!important;
  align-content:start!important;
  border-radius:27px!important;
  overflow:hidden!important;
  isolation:isolate;
  box-shadow:
    0 22px 48px rgba(18,52,120,.18),
    inset 0 1px 0 rgba(255,255,255,.9)!important;
  border-width:1px!important;
  transform:translateZ(0);
}
.feature-card:before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:5px;
  background:linear-gradient(90deg,var(--mascot1),rgba(255,255,255,.9),var(--mascot1));
  opacity:.95;
  z-index:0;
}
.feature-card:after{
  content:"";
  position:absolute;
  width:150px;
  height:150px;
  right:-60px;
  bottom:-70px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.62),rgba(255,255,255,0) 70%);
  pointer-events:none;
  z-index:0;
}
.feature-card>*{position:relative;z-index:1}
.feature-card:hover{
  transform:translateY(-6px)!important;
  box-shadow:
    0 28px 58px rgba(18,52,120,.24),
    inset 0 1px 0 rgba(255,255,255,.96)!important;
}
.feature-card .jump-mascot{
  width:62px!important;
  height:62px!important;
  border-radius:19px!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.95),
    0 12px 25px rgba(37,77,135,.16),
    0 0 0 5px rgba(255,255,255,.26)!important;
}
.feature-card .jump-copy{
  align-self:start!important;
  min-width:0!important;
  padding-top:1px;
}
.feature-card .jump-copy>b{
  font-size:23px!important;
  line-height:1!important;
  letter-spacing:-.7px!important;
  color:#102f59!important;
  margin-bottom:6px;
}
.jump-buy-now{
  display:inline-flex!important;
  align-items:center;
  align-self:flex-start;
  width:auto!important;
  margin:0 0 8px!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  font-size:11px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.02em;
  color:#164fbb!important;
  background:rgba(255,255,255,.70)!important;
  border:1px solid rgba(255,255,255,.94)!important;
  box-shadow:0 6px 14px rgba(32,68,130,.08)!important;
}
.feature-card.gotya .jump-buy-now{color:#693ac7!important}
.feature-card.hapabox .jump-buy-now{color:#4d55c9!important}
.feature-card.dopa .jump-buy-now{color:#6551c0!important}
.feature-card.packs .jump-buy-now{color:#2c62c8!important}
.feature-card .jump-copy small{
  margin:0!important;
  font-size:11.5px!important;
  line-height:1.35!important;
  color:#516781!important;
  font-weight:650!important;
}
.feature-card .jump-arrow{
  width:31px!important;
  height:31px!important;
  margin:2px 0 0!important;
  background:rgba(255,255,255,.88)!important;
  border:1px solid rgba(255,255,255,.96)!important;
  box-shadow:0 8px 18px rgba(31,72,128,.12)!important;
}
.feature-card .jump-tags{
  grid-column:1/-1!important;
  margin-top:15px!important;
  gap:7px!important;
  display:flex!important;
  flex-wrap:wrap!important;
  align-content:flex-start!important;
}
.feature-card .jump-tags em{
  padding:7px 10px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.82)!important;
  border:1px solid rgba(255,255,255,.95)!important;
  box-shadow:0 5px 12px rgba(37,65,118,.06)!important;
  font-size:10.5px!important;
  line-height:1!important;
  font-style:normal!important;
  font-weight:900!important;
}

/* Keep each site's own accent while using one premium visual family. */
.feature-card.phygitals{
  background:linear-gradient(145deg,#c9f4ff 0%,#b8e9ff 56%,#e8faff 100%)!important;
  border-color:rgba(96,208,255,.56)!important;
}
.feature-card.gotya{
  background:linear-gradient(145deg,#f0e2ff 0%,#dcc8ff 56%,#f7efff 100%)!important;
  border-color:rgba(176,125,244,.48)!important;
}
.feature-card.hapabox{
  background:linear-gradient(145deg,#e8ebff 0%,#d4dbff 56%,#f0f1ff 100%)!important;
  border-color:rgba(123,139,244,.44)!important;
}
.feature-card.dopa{
  background:linear-gradient(145deg,#eeeaff 0%,#dcd6ff 56%,#f5f1ff 100%)!important;
  border-color:rgba(128,115,236,.42)!important;
}
.feature-card.packs{
  background:linear-gradient(145deg,#e2f0ff 0%,#cfdfff 56%,#eff6ff 100%)!important;
  border-color:rgba(80,139,238,.44)!important;
}

/* Larger guide-card CTAs use the same softer language. */
.platform-detail .detail-cta{
  letter-spacing:.01em;
}

@media(max-width:1180px){
  .feature-card{min-height:190px!important}
  .feature-card .jump-copy>b{font-size:22px!important}
}
@media(max-width:760px){
  .platform-index-expanded .section-title.section-intro-large h2{
    font-size:clamp(36px,9vw,48px)!important;
    letter-spacing:-1.8px!important;
  }
  .platform-index-expanded .section-title.section-intro-large p{
    font-size:16px!important;
  }
  .feature-card{min-height:185px!important;padding:18px 15px!important}
  .feature-card .jump-copy>b{font-size:21px!important}
  .feature-card .jump-copy small{font-size:12px!important}
}
@media(max-width:520px){
  .feature-card{
    min-height:0!important;
    grid-template-columns:64px 1fr 30px!important;
    padding:18px 15px 17px!important;
  }
  .feature-card .jump-copy>b{font-size:24px!important}
  .feature-card .jump-copy small{font-size:13px!important;line-height:1.4!important}
  .jump-buy-now{font-size:12px!important;padding:7px 11px!important}
  .feature-card .jump-tags{margin-top:13px!important}
  .feature-card .jump-tags em{font-size:11px!important;padding:7px 9px!important}
}


/* ===== V13-22 polish: top box CTA, equal platform cards, premium guide cards ===== */
.hero-side-stack .overview-card{
  background:
    radial-gradient(circle at 12% 12%,rgba(94,219,255,.36),transparent 30%),
    radial-gradient(circle at 92% 6%,rgba(169,109,255,.26),transparent 28%),
    linear-gradient(150deg,rgba(235,250,255,.995) 0%,rgba(222,238,255,.99) 42%,rgba(238,229,255,.995) 100%) !important;
  box-shadow:
    0 34px 88px rgba(8,38,116,.34),
    0 0 0 2px rgba(92,190,255,.28),
    inset 0 1px 0 rgba(255,255,255,.97),
    inset 0 -1px 0 rgba(103,89,230,.14) !important;
}
.hero-side-stack .overview-card:after{
  background:
    radial-gradient(circle at 10% 8%,rgba(72,208,255,.30),transparent 28%),
    radial-gradient(circle at 98% 0%,rgba(145,91,255,.28),transparent 34%),
    radial-gradient(circle at 78% 72%,rgba(255,255,255,.22),transparent 22%),
    linear-gradient(180deg,rgba(255,255,255,.26),transparent 38%) !important;
}
.overview-buy-title{
  display:inline-flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  color:#103d83!important;
}
.overview-buy-title span{
  background:linear-gradient(90deg,#1d8dff,#5b63ff) !important;
  color:#fff !important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  text-shadow:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:7px 12px!important;
  border-radius:999px!important;
  box-shadow:0 10px 22px rgba(44,126,238,.20)!important;
  font-size:13px!important;
  line-height:1!important;
}
.overview-buy-url{font-weight:900!important}

/* Discover cards: same height, stronger hierarchy, blue CTA pill, darker description */
.feature-jump-grid{
  align-items:stretch!important;
}
.feature-card{
  min-height:226px!important;
  height:100%!important;
  display:grid!important;
  grid-template-columns:72px 1fr 36px!important;
  align-content:start!important;
  row-gap:8px!important;
  border-radius:26px!important;
  padding:20px 18px!important;
  box-shadow:
    0 18px 38px rgba(20,46,108,.16),
    inset 0 1px 0 rgba(255,255,255,.96)!important;
  border:1px solid rgba(255,255,255,.72)!important;
}
.feature-card:before{
  opacity:1!important;
}
.feature-card .jump-copy{align-self:start!important}
.feature-card .jump-copy>b{
  font-size:21px!important;
  line-height:1.02!important;
  color:#102649!important;
  letter-spacing:-.02em!important;
}
.feature-card .jump-copy small{
  margin-top:9px!important;
  font-size:14px!important;
  line-height:1.42!important;
  color:#111827!important;
  font-weight:700!important;
  max-width:22ch;
}
.jump-buy-now{
  margin-top:8px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  padding:7px 12px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#1d8dff,#5b63ff)!important;
  color:#fff!important;
  font-size:12.5px!important;
  font-weight:950!important;
  letter-spacing:.01em!important;
  box-shadow:0 10px 20px rgba(41,120,240,.18)!important;
}
.feature-card.gotya .jump-buy-now,
.feature-card.hapabox .jump-buy-now,
.feature-card.dopa .jump-buy-now,
.feature-card.packs .jump-buy-now{color:#fff!important}
.feature-card .jump-tags{
  grid-column:1/-1!important;
  margin-top:auto!important;
  padding-top:8px!important;
}
.feature-card .jump-tags em{
  min-height:31px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
}

/* 9-pack section: reduce the dead space before chips */
.phygitals-layout-wide .radar-pack-card{
  min-height:250px!important;
}
.phygitals-layout-wide .radar-pack-sub{
  min-height:0!important;
  margin-top:6px!important;
  margin-bottom:0!important;
}
.phygitals-layout-wide .radar-pack-card.api-live .radar-chip-row{
  margin-top:10px!important;
  padding-top:0!important;
}

/* Platform guide cards: premium, stronger text, same blue CTA */
.platform-detail-grid-rich{
  align-items:stretch!important;
}
.platform-detail-grid-rich .platform-detail{
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  padding:22px!important;
  border-radius:28px!important;
  border:1px solid rgba(255,255,255,.76)!important;
  box-shadow:
    0 20px 42px rgba(17,44,106,.16),
    inset 0 1px 0 rgba(255,255,255,.95)!important;
}
.platform-detail-grid-rich .platform-detail-head{
  margin-bottom:16px!important;
}
.platform-detail h3{
  font-size:28px!important;
  line-height:1.02!important;
  color:#102649!important;
  letter-spacing:-.03em!important;
}
.platform-detail-head p{
  margin-top:6px!important;
  font-size:14px!important;
  line-height:1.5!important;
  color:#111827!important;
  font-weight:650!important;
}
.detail-core-chips span,
.detail-feature-list>span{
  box-shadow:0 7px 16px rgba(39,74,128,.06);
}
.platform-detail .detail-cta,
.gotya-detail .detail-cta,
.hapabox-detail .detail-cta,
.dopa-detail .detail-cta,
.packs-detail .detail-cta{
  background:linear-gradient(90deg,#1d8dff,#5b63ff)!important;
  color:#fff!important;
  box-shadow:0 12px 26px rgba(33,111,234,.20)!important;
}

@media(max-width:1180px){
  .feature-card{min-height:236px!important}
}
@media(max-width:760px){
  .feature-card{min-height:0!important;padding:18px 16px!important}
  .feature-card .jump-copy>b{font-size:24px!important}
  .feature-card .jump-copy small{font-size:14px!important;max-width:none}
  .platform-detail h3{font-size:25px!important}
  .platform-detail-head p{font-size:14px!important}
  .overview-buy-title span{font-size:12px!important;padding:6px 10px!important}
}


/* ===== V13-23 luxury polish ===== */
/* 1) Hero live overview: richer color, glow and premium glass depth */
.hero-side-stack .overview-card{
  border:1px solid rgba(255,255,255,.94)!important;
  background:
    radial-gradient(circle at 6% 8%,rgba(74,222,255,.44),transparent 25%),
    radial-gradient(circle at 96% 5%,rgba(164,88,255,.34),transparent 31%),
    radial-gradient(circle at 72% 88%,rgba(109,124,255,.18),transparent 30%),
    linear-gradient(145deg,rgba(239,252,255,.995) 0%,rgba(220,239,255,.99) 36%,rgba(227,232,255,.99) 64%,rgba(241,228,255,.995) 100%)!important;
  box-shadow:
    0 34px 92px rgba(4,24,94,.42),
    0 0 38px rgba(71,186,255,.22),
    0 0 64px rgba(135,83,255,.16),
    0 0 0 2px rgba(121,198,255,.30),
    inset 0 1px 0 rgba(255,255,255,.98),
    inset 0 -1px 0 rgba(94,76,226,.14)!important;
}
.hero-side-stack .overview-card:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:1;
  border-radius:inherit;
  background:
    linear-gradient(115deg,rgba(255,255,255,.42),transparent 22% 72%,rgba(255,255,255,.18)),
    radial-gradient(circle at 28% 0%,rgba(255,255,255,.50),transparent 18%);
  mix-blend-mode:screen;
  opacity:.65;
}
.hero-side-stack .overview-card>*{position:relative;z-index:2}
.overview-head{
  background:linear-gradient(90deg,rgba(255,255,255,.62),rgba(226,244,255,.72),rgba(236,226,255,.72))!important;
  border:1px solid rgba(255,255,255,.84)!important;
  box-shadow:0 8px 22px rgba(54,83,151,.08),inset 0 1px 0 rgba(255,255,255,.96)!important;
}
.overview-brand-row-v12{
  margin-top:6px!important;
  padding:17px 8px 16px!important;
  border-radius:20px!important;
  background:linear-gradient(90deg,rgba(255,255,255,.30),rgba(255,255,255,.08))!important;
  border-bottom:1px solid rgba(78,123,190,.17)!important;
}
.overview-stats{
  gap:10px!important;
  padding-top:16px!important;
}
.overview-stats div{
  min-height:88px;
  justify-content:center;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.58),rgba(245,248,255,.34));
  box-shadow:0 10px 24px rgba(54,83,151,.07),inset 0 1px 0 rgba(255,255,255,.9);
}
.overview-stats div:last-child{border:1px solid rgba(255,255,255,.72)!important}
.signal-card.value-highlight{
  box-shadow:0 16px 30px rgba(32,161,93,.13),inset 0 1px 0 rgba(255,255,255,.9)!important;
}
.signal-card.momentum-card{
  box-shadow:0 16px 30px rgba(80,83,204,.12),inset 0 1px 0 rgba(255,255,255,.9)!important;
}

/* 2) Tighten spacing in the 9 live pack cards without removing any chips */
.phygitals-layout-wide .rich-pack-grid{
  gap:14px!important;
  padding:16px!important;
}
.phygitals-layout-wide .radar-pack-card{
  min-height:232px!important;
  padding:17px 18px!important;
  border-radius:20px!important;
}
.phygitals-layout-wide .radar-pack-top{
  min-height:52px!important;
  gap:10px!important;
}
.phygitals-layout-wide .radar-pack-title{gap:3px!important}
.phygitals-layout-wide .radar-pack-title b{font-size:25px!important}
.phygitals-layout-wide .radar-pack-title span{font-size:17px!important}
.phygitals-layout-wide .stock-status-badge{
  min-height:38px!important;
  padding:8px 10px!important;
  border-radius:14px!important;
}
.phygitals-layout-wide .radar-pack-sub{
  min-height:0!important;
  margin-top:3px!important;
  line-height:1.25!important;
  font-size:14px!important;
}
.phygitals-layout-wide .radar-pack-card.api-live .radar-chip-row{
  margin-top:8px!important;
  padding-top:0!important;
}
.phygitals-layout-wide .radar-chip-row{
  gap:7px 7px!important;
}
.phygitals-layout-wide .radar-chip-row>span{
  min-height:32px!important;
  padding:7px 10px!important;
  font-size:12.5px!important;
}
.phygitals-layout-wide .radar-chip-row>span.ev-chip,
.phygitals-layout-wide .radar-chip-row>span.ratio-chip,
.phygitals-layout-wide .radar-chip-row>span.buyback-chip{
  min-height:34px!important;
  font-size:13px!important;
}
.phygitals-layout-wide .radar-chip-row>span.prev-chip,
.phygitals-layout-wide .radar-chip-row>span.delta-chip,
.phygitals-layout-wide .radar-chip-row>span.top-hits-chip,
.phygitals-layout-wide .radar-chip-row>span.weight-chip,
.phygitals-layout-wide .radar-chip-row>span.trend-chip{
  min-height:31px!important;
  font-size:11.75px!important;
}

/* 3) Platform Guide: stronger premium-card treatment */
.platform-detail-grid-rich{
  gap:20px!important;
  align-items:stretch!important;
}
.platform-detail-grid-rich .platform-detail{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  min-height:100%;
  padding:24px!important;
  border-radius:30px!important;
  border:1px solid rgba(255,255,255,.86)!important;
  box-shadow:
    0 24px 54px rgba(10,35,95,.20),
    inset 0 1px 0 rgba(255,255,255,.97)!important;
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
}
.platform-detail-grid-rich .platform-detail:before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;height:5px;
  z-index:0;
  background:linear-gradient(90deg,#24c9ff,#6467ff,#9d5cff);
}
.platform-detail-grid-rich .platform-detail:after{
  content:"";
  position:absolute;
  width:220px;height:220px;
  right:-90px;top:-115px;
  border-radius:50%;
  z-index:0;
  background:radial-gradient(circle,rgba(255,255,255,.52),rgba(255,255,255,0) 68%);
}
.platform-detail-grid-rich .platform-detail>*{position:relative;z-index:1}
.platform-detail-grid-rich .platform-detail:hover{
  transform:translateY(-4px);
  filter:saturate(1.05);
  box-shadow:0 30px 66px rgba(10,35,95,.25),inset 0 1px 0 rgba(255,255,255,.98)!important;
}
.platform-detail.phygitals-detail{background:linear-gradient(145deg,#d8f6ff 0%,#c7efff 52%,#eafaff 100%)!important}
.platform-detail.gotya-detail{background:linear-gradient(145deg,#f1e7ff 0%,#dccbff 52%,#f6efff 100%)!important}
.platform-detail.hapabox-detail{background:linear-gradient(145deg,#eaedff 0%,#d9dfff 52%,#f2f4ff 100%)!important}
.platform-detail.dopa-detail{background:linear-gradient(145deg,#f0edff 0%,#ddd7ff 52%,#f6f3ff 100%)!important}
.platform-detail.packs-detail{background:linear-gradient(145deg,#e4f0ff 0%,#d0e1ff 52%,#f0f6ff 100%)!important}
.platform-detail-grid-rich .platform-detail-head{gap:15px!important;margin-bottom:17px!important}
.detail-mascot{
  width:60px!important;height:60px!important;flex:0 0 60px!important;
  border-radius:19px!important;
  box-shadow:0 12px 26px rgba(39,77,140,.15),inset 0 0 0 1px rgba(255,255,255,.96)!important;
}
.platform-detail h3{
  font-size:30px!important;
  line-height:1!important;
  margin-bottom:7px!important;
  color:#0c2345!important;
}
.platform-detail-head p{
  max-width:none!important;
  font-size:15px!important;
  line-height:1.5!important;
  color:#111827!important;
  font-weight:680!important;
}
.detail-core-chips{
  gap:8px!important;
  margin:4px 0 16px!important;
}
.detail-core-chips span{
  font-size:11px!important;
  padding:8px 11px!important;
  background:rgba(255,255,255,.88)!important;
  border-color:rgba(95,123,199,.18)!important;
  color:#183b69!important;
}
.detail-feature-list{
  gap:9px!important;
  margin-bottom:18px!important;
}
.detail-feature-list>span{
  min-height:42px!important;
  padding:10px 11px!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(255,255,255,.95)!important;
  color:#263d5d!important;
  font-size:12px!important;
  font-weight:850!important;
}
.platform-detail .detail-cta,
.gotya-detail .detail-cta,
.hapabox-detail .detail-cta,
.dopa-detail .detail-cta,
.packs-detail .detail-cta{
  margin-top:auto!important;
  min-height:48px!important;
  border-radius:15px!important;
  background:linear-gradient(90deg,#168cff,#5269ff)!important;
  color:#fff!important;
  font-size:15px!important;
  box-shadow:0 13px 28px rgba(27,105,232,.24)!important;
}

@media(max-width:760px){
  .overview-stats{gap:7px!important}
  .overview-stats div{min-height:76px;border-radius:15px}
  .phygitals-layout-wide .rich-pack-grid{gap:10px!important;padding:10px!important}
  .phygitals-layout-wide .radar-pack-card{padding:15px!important;min-height:0!important}
  .phygitals-layout-wide .radar-pack-title b{font-size:23px!important}
  .phygitals-layout-wide .radar-pack-sub{font-size:13.5px!important}
  .platform-detail-grid-rich .platform-detail{padding:20px!important;border-radius:25px!important}
  .platform-detail h3{font-size:27px!important}
  .platform-detail-head p{font-size:14px!important}
}


/* ===== V13-24 platform cleanup + live card readability ===== */
/* Popular platform cards: remove extra round arrow, improve premium balance and equal-height readability */
.feature-jump-grid{
  gap:16px!important;
  align-items:stretch!important;
}
.feature-card{
  grid-template-columns:72px 1fr!important;
  min-height:250px!important;
  padding:22px 18px 18px!important;
  row-gap:10px!important;
  align-content:start!important;
  border-radius:28px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.98) 0%,color-mix(in srgb,var(--soft) 72%, white 28%) 100%)!important;
  box-shadow:0 22px 48px rgba(14,39,99,.18),inset 0 1px 0 rgba(255,255,255,.98)!important;
  border:1px solid rgba(255,255,255,.82)!important;
}
.feature-card:after{
  content:"";
  position:absolute;
  inset:auto -35px -55px auto;
  width:150px;
  height:150px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.46),rgba(255,255,255,0) 70%);
  pointer-events:none;
}
.feature-card .jump-copy{
  display:flex!important;
  flex-direction:column!important;
  align-self:start!important;
}
.feature-card .jump-copy>b{
  font-size:20px!important;
  line-height:1.04!important;
  margin-bottom:2px!important;
}
.feature-card .jump-copy small{
  margin-top:10px!important;
  font-size:15px!important;
  line-height:1.46!important;
  color:#0f1f36!important;
  font-weight:700!important;
  max-width:none!important;
}
.feature-card .jump-tags{
  margin-top:12px!important;
  padding-top:0!important;
  align-self:end!important;
}
.feature-card .jump-tags em{
  min-height:33px!important;
  padding:8px 12px!important;
  box-shadow:0 8px 16px rgba(37,73,132,.08)!important;
}
.feature-card .jump-arrow{display:none!important}
.jump-buy-now{
  margin-top:8px!important;
  min-height:36px!important;
  padding:8px 14px!important;
  background:linear-gradient(90deg,#1792ff,#4a64ff)!important;
  box-shadow:0 12px 24px rgba(33,111,234,.22)!important;
}
@media(max-width:760px){
  .feature-card{min-height:0!important;padding:20px 16px!important}
  .feature-card .jump-copy small{font-size:14px!important}
}

/* Live overview cards: remove awkward bottom filler and use cleaner premium spacing */
.phygitals-layout-wide .radar-pack-card.api-live{
  min-height:0!important;
}
.phygitals-layout-wide .radar-pack-card.api-live:after{
  display:none!important;
}
.phygitals-layout-wide .radar-pack-card.api-live .radar-chip-row{
  margin-top:10px!important;
  padding-top:0!important;
  margin-bottom:0!important;
}
.phygitals-layout-wide .radar-pack-card.api-live{
  justify-content:flex-start!important;
}
.phygitals-layout-wide .radar-pack-top{
  min-height:auto!important;
}
.phygitals-layout-wide .radar-pack-title{gap:4px!important}
.phygitals-layout-wide .radar-pack-title b{font-size:24px!important}
.phygitals-layout-wide .radar-pack-title span{font-size:16px!important}
.phygitals-layout-wide .radar-pack-sub{
  margin-top:6px!important;
  margin-bottom:0!important;
  font-size:15px!important;
  line-height:1.3!important;
}
.phygitals-layout-wide .radar-chip-row{
  gap:9px 8px!important;
}
.phygitals-layout-wide .radar-chip-row>span{
  min-height:34px!important;
  padding:8px 11px!important;
  font-size:12.75px!important;
}
.phygitals-layout-wide .radar-chip-row>span.ev-chip,
.phygitals-layout-wide .radar-chip-row>span.ratio-chip,
.phygitals-layout-wide .radar-chip-row>span.buyback-chip{
  min-height:36px!important;
  font-size:13.25px!important;
}
.phygitals-layout-wide .radar-chip-row>span.prev-chip,
.phygitals-layout-wide .radar-chip-row>span.delta-chip,
.phygitals-layout-wide .radar-chip-row>span.top-hits-chip,
.phygitals-layout-wide .radar-chip-row>span.weight-chip,
.phygitals-layout-wide .radar-chip-row>span.trend-chip{
  min-height:33px!important;
  font-size:12.25px!important;
}
@media(max-width:760px){
  .phygitals-layout-wide .radar-pack-card{padding:16px!important}
  .phygitals-layout-wide .radar-pack-sub{font-size:14px!important}
  .phygitals-layout-wide .radar-chip-row{gap:8px 7px!important}
  .phygitals-layout-wide .radar-chip-row>span{font-size:12px!important;padding:8px 10px!important}
}


/* ===== V13-25: 9-pack spacing + Open Pack actions only ===== */
.phygitals-layout-wide .radar-pack-card{
  padding:20px 20px 18px!important;
}
.phygitals-layout-wide .radar-pack-top{
  margin-bottom:10px!important;
}
.phygitals-layout-wide .radar-pack-sub{
  margin-top:2px!important;
  margin-bottom:12px!important;
}
.phygitals-layout-wide .radar-chip-row{
  margin-top:0!important;
  padding-top:0!important;
  gap:10px 8px!important;
}
.phygitals-layout-wide .radar-chip-row>span{
  margin:0!important;
}
.phygitals-layout-wide .radar-pack-action{
  margin-top:auto!important;
  padding-top:18px!important;
  display:flex!important;
  justify-content:flex-end!important;
  position:relative;
  z-index:2;
}
.phygitals-layout-wide .radar-pack-action a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  min-height:40px!important;
  padding:9px 15px!important;
  border-radius:13px!important;
  background:linear-gradient(90deg,#168fff,#5367ff)!important;
  color:#fff!important;
  font-size:13px!important;
  font-weight:950!important;
  letter-spacing:.01em!important;
  text-decoration:none!important;
  box-shadow:0 12px 24px rgba(35,105,225,.22)!important;
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease!important;
}
.phygitals-layout-wide .radar-pack-action a:hover{
  transform:translateY(-1px)!important;
  filter:saturate(1.08)!important;
  box-shadow:0 15px 28px rgba(35,105,225,.28)!important;
}
.phygitals-layout-wide .radar-pack-action a span{font-size:15px!important;line-height:1!important}
.phygitals-layout-wide .radar-pack-action-disabled{
  justify-content:flex-start!important;
  padding-top:14px!important;
}
.phygitals-layout-wide .radar-pack-action-disabled>span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:36px!important;
  padding:8px 12px!important;
  border-radius:12px!important;
  background:linear-gradient(90deg,#eef2f8,#f2effb)!important;
  border:1px solid #d6ddeb!important;
  color:#7b8799!important;
  font-size:12px!important;
  font-weight:900!important;
}
.phygitals-layout-wide .radar-pack-card.api-missing .radar-pack-missing-note{
  margin-top:2px!important;
}
@media(max-width:760px){
  .phygitals-layout-wide .radar-pack-card{padding:17px 15px!important}
  .phygitals-layout-wide .radar-pack-top{margin-bottom:8px!important}
  .phygitals-layout-wide .radar-pack-sub{margin-bottom:10px!important}
  .phygitals-layout-wide .radar-pack-action{padding-top:14px!important}
  .phygitals-layout-wide .radar-pack-action a{width:100%!important;min-height:42px!important}
}


/* ===== V13-26: remove dead space between pack chips and action ===== */
.phygitals-layout-wide .rich-pack-grid{
  grid-auto-rows:auto!important;
  align-items:start!important;
}
.phygitals-layout-wide .radar-pack-card{
  height:auto!important;
  min-height:0!important;
}
.phygitals-layout-wide .radar-pack-card.api-live{
  height:auto!important;
  min-height:0!important;
  justify-content:flex-start!important;
}
.phygitals-layout-wide .radar-pack-card.api-live .radar-chip-row{
  margin-top:10px!important;
  padding-top:0!important;
}
.phygitals-layout-wide .radar-pack-action{
  margin-top:14px!important;
  padding-top:0!important;
}
.phygitals-layout-wide .radar-pack-action-disabled{
  margin-top:12px!important;
  padding-top:0!important;
}
@media(max-width:760px){
  .phygitals-layout-wide .rich-pack-grid{align-items:stretch!important}
  .phygitals-layout-wide .radar-pack-action{margin-top:12px!important;padding-top:0!important}
}


/* ===== V13-27 Popular Platforms header/description layout ===== */
.feature-jump-grid{
  align-items:stretch!important;
}
.feature-card{
  display:flex!important;
  flex-direction:column!important;
  min-height:250px!important;
  height:100%!important;
  padding:20px 18px 18px!important;
  gap:0!important;
}
.feature-card .feature-card-head{
  display:grid!important;
  grid-template-columns:72px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:start!important;
  width:100%!important;
}
.feature-card .feature-card-title{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  min-width:0!important;
  padding-top:2px!important;
}
.feature-card .feature-card-title>b{
  font-size:23px!important;
  line-height:1.05!important;
  color:#102649!important;
  letter-spacing:-.025em!important;
  margin:0!important;
}
.feature-card .feature-card-title .jump-buy-now{
  margin-top:9px!important;
}
.feature-card .feature-card-description{
  display:block!important;
  width:100%!important;
  margin:14px 0 0!important;
  padding:0!important;
  font-size:14px!important;
  line-height:1.48!important;
  color:#111827!important;
  font-weight:700!important;
  max-width:none!important;
  min-height:62px!important;
}
.feature-card .jump-tags{
  width:100%!important;
  margin-top:auto!important;
  padding-top:16px!important;
  grid-column:auto!important;
}
.feature-card .jump-tags em{
  min-height:32px!important;
}
.feature-card .jump-mascot{
  align-self:start!important;
  margin-top:0!important;
}
@media(max-width:1180px){
  .feature-card{min-height:260px!important}
  .feature-card .feature-card-title>b{font-size:22px!important}
}
@media(max-width:760px){
  .feature-card{min-height:0!important;padding:18px 16px!important}
  .feature-card .feature-card-head{grid-template-columns:78px minmax(0,1fr)!important;gap:14px!important}
  .feature-card .feature-card-title>b{font-size:25px!important}
  .feature-card .feature-card-description{font-size:14px!important;min-height:0!important;margin-top:14px!important}
  .feature-card .jump-tags{margin-top:14px!important;padding-top:0!important}
}


/* ===== V13-28: fixed 4-row chip structure for all active Phygitals packs ===== */
.phygitals-layout-wide .radar-chip-stack{
  display:flex!important;
  flex-direction:column!important;
  gap:9px!important;
  margin-top:12px!important;
  padding:0!important;
}
.phygitals-layout-wide .radar-chip-line{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  gap:8px!important;
  min-height:36px!important;
}
.phygitals-layout-wide .radar-chip-line>span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:34px!important;
  padding:8px 11px!important;
  border-radius:999px!important;
  font-size:12.5px!important;
  font-weight:900!important;
  line-height:1.05!important;
  white-space:nowrap!important;
  box-shadow:0 6px 14px rgba(65,91,140,.07)!important;
}
.phygitals-layout-wide .chip-line-1>span{font-size:13px!important;min-height:36px!important}
.phygitals-layout-wide .chip-line-4{justify-content:flex-start!important}
.phygitals-layout-wide .radar-pack-action{margin-top:12px!important}
/* Legacy free-wrap row is no longer used for active pack cards in V13-28. */
@media(max-width:1180px){
  .phygitals-layout-wide .radar-chip-line{gap:6px!important}
  .phygitals-layout-wide .radar-chip-line>span{padding:7px 9px!important;font-size:11.5px!important}
  .phygitals-layout-wide .chip-line-1>span{font-size:12px!important}
}
@media(max-width:760px){
  .phygitals-layout-wide .radar-chip-stack{gap:8px!important;margin-top:10px!important}
  .phygitals-layout-wide .radar-chip-line{
    flex-wrap:wrap!important;
    min-height:0!important;
  }
  .phygitals-layout-wide .radar-chip-line>span{font-size:12px!important;padding:8px 10px!important}
}


/* ===== V13-33: brighter Extra Packs-inspired premium Phygitals pack cards ===== */
.phygitals-layout-wide .rich-pack-grid{
  background:
    radial-gradient(circle at 10% 0%,rgba(126,229,255,.18),transparent 34%),
    radial-gradient(circle at 100% 0%,rgba(197,128,255,.20),transparent 40%),
    linear-gradient(180deg,rgba(241,246,255,.98),rgba(236,241,255,.96))!important;
}
.phygitals-layout-wide .radar-pack-card{
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 14% 0%,rgba(110,226,255,.24),transparent 34%),
    radial-gradient(circle at 100% 0%,rgba(203,137,255,.30),transparent 42%),
    linear-gradient(145deg,#2e5392 0%,#4966aa 52%,#6a61bd 100%)!important;
  border:1px solid rgba(177,210,255,.44)!important;
  box-shadow:
    0 18px 38px rgba(31,56,120,.16),
    inset 0 1px 0 rgba(255,255,255,.20),
    inset 0 -1px 0 rgba(187,154,255,.12)!important;
}
.phygitals-layout-wide .radar-pack-card:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(255,255,255,.08),transparent 26%,transparent 70%,rgba(204,161,255,.05)),
    radial-gradient(circle at 85% 0%,rgba(255,255,255,.06),transparent 26%);
}
.phygitals-layout-wide .radar-pack-card:before{
  background:linear-gradient(90deg,#66ddff 0%,#7b98ff 48%,#c476ff 100%)!important;
  height:4px!important;
  opacity:.98!important;
}
.phygitals-layout-wide .radar-pack-card.api-live:hover{
  transform:translateY(-1px)!important;
  box-shadow:
    0 22px 44px rgba(26,55,125,.20),
    0 0 0 1px rgba(142,206,255,.18),
    inset 0 1px 0 rgba(255,255,255,.24)!important;
}
.phygitals-layout-wide .radar-pack-title b{
  color:#ffffff!important;
  text-shadow:0 2px 16px rgba(145,214,255,.14)!important;
}
.phygitals-layout-wide .radar-pack-title span{
  color:#f5f9ff!important;
}
.phygitals-layout-wide .radar-pack-sub{
  color:#f7fbff!important;
  font-weight:800!important;
}
.phygitals-layout-wide .radar-pack-sub i{color:#e6efff!important}
.phygitals-layout-wide .radar-pack-signal{
  background:linear-gradient(145deg,rgba(244,255,248,.96),rgba(224,247,237,.96))!important;
  border-color:rgba(126,224,170,.40)!important;
  box-shadow:0 10px 20px rgba(15,34,80,.12),inset 0 1px 0 rgba(255,255,255,.20)!important;
}
.phygitals-layout-wide .radar-pack-signal strong,
.phygitals-layout-wide .radar-pack-signal small{color:#175c3f!important}
.phygitals-layout-wide .radar-pack-signal.in-stock{
  background:linear-gradient(145deg,rgba(232,255,241,.98),rgba(212,250,227,.98))!important;
  border-color:rgba(103,221,162,.38)!important;
}
.phygitals-layout-wide .stock-dot.on{box-shadow:0 0 0 4px rgba(64,224,155,.14),0 0 14px rgba(64,224,155,.42)!important}

/* Chips: brighter contrast and lighter text like Extra Packs */
.phygitals-layout-wide .radar-chip-row>span,
.phygitals-layout-wide .radar-chip-line>span{
  box-shadow:0 8px 18px rgba(22,38,88,.11)!important;
  border-width:1px!important;
  backdrop-filter:blur(8px);
  font-weight:800!important;
}
.phygitals-layout-wide .radar-chip-row>span.ev-chip,
.phygitals-layout-wide .radar-chip-line>span.ev-chip{
  background:linear-gradient(145deg,#f0fcff,#dff6ff)!important;
  border-color:#ace4f7!important;
  color:#106f95!important;
}
.phygitals-layout-wide .radar-chip-row>span.ratio-chip.ratio-good,
.phygitals-layout-wide .radar-chip-row>span.ratio-chip:not(.ratio-low):not(.ratio-unknown):not(.ratio-waiting),
.phygitals-layout-wide .radar-chip-line>span.ratio-chip.ratio-good,
.phygitals-layout-wide .radar-chip-line>span.ratio-chip:not(.ratio-low):not(.ratio-unknown):not(.ratio-waiting){
  background:linear-gradient(145deg,#f0fde9,#ddf7d3)!important;
  border-color:#b3e2ab!important;
  color:#2b6b3f!important;
}
.phygitals-layout-wide .radar-chip-row>span.ratio-chip.ratio-low,
.phygitals-layout-wide .radar-chip-line>span.ratio-chip.ratio-low{
  background:linear-gradient(145deg,#fff3f5,#ffe3e8)!important;
  border-color:#f2c5cf!important;
  color:#aa5061!important;
}
.phygitals-layout-wide .radar-chip-row>span.buyback-chip,
.phygitals-layout-wide .radar-chip-line>span.buyback-chip{
  background:linear-gradient(145deg,#edfff5,#d8f8e6)!important;
  border-color:#9be0ba!important;
  color:#196848!important;
}
.phygitals-layout-wide .radar-chip-row>span.prev-chip,
.phygitals-layout-wide .radar-chip-row>span.delta-chip,
.phygitals-layout-wide .radar-chip-row>span.chip-waiting,
.phygitals-layout-wide .radar-chip-line>span.prev-chip,
.phygitals-layout-wide .radar-chip-line>span.delta-chip,
.phygitals-layout-wide .radar-chip-line>span.chip-waiting{
  background:linear-gradient(145deg,rgba(251,252,255,.99),rgba(239,244,252,.99))!important;
  border-color:#d8e1f1!important;
  color:#687995!important;
}
.phygitals-layout-wide .radar-chip-row>span.top-hits-chip,
.phygitals-layout-wide .radar-chip-row>span.weight-chip,
.phygitals-layout-wide .radar-chip-line>span.top-hits-chip,
.phygitals-layout-wide .radar-chip-line>span.weight-chip{
  background:linear-gradient(145deg,#f6efff,#eadfff)!important;
  border-color:#d7c4fb!important;
  color:#664cb0!important;
}
.phygitals-layout-wide .radar-chip-row>span.trend-chip.rising,
.phygitals-layout-wide .radar-chip-line>span.trend-chip.rising{
  background:#ecfff3!important;border-color:#b6ecc8!important;color:#207b49!important;
}
.phygitals-layout-wide .radar-chip-row>span.trend-chip.falling,
.phygitals-layout-wide .radar-chip-line>span.trend-chip.falling{
  background:#fff2f5!important;border-color:#f3c7d1!important;color:#b05569!important;
}
.phygitals-layout-wide .radar-chip-row>span.trend-chip.stable,
.phygitals-layout-wide .radar-chip-row>span.trend-chip.waiting,
.phygitals-layout-wide .radar-chip-line>span.trend-chip.stable,
.phygitals-layout-wide .radar-chip-line>span.trend-chip.waiting{
  background:linear-gradient(145deg,rgba(250,252,255,.99),rgba(238,243,251,.99))!important;border-color:#d4dff0!important;color:#677993!important;
}

/* Premium action button */
.phygitals-layout-wide .radar-pack-action a{
  background:linear-gradient(90deg,#31bfff 0%,#6384ff 55%,#a46bff 100%)!important;
  border:1px solid rgba(255,255,255,.24)!important;
  box-shadow:0 12px 26px rgba(44,110,232,.24),inset 0 1px 0 rgba(255,255,255,.22)!important;
}

/* Dollar Pack / unavailable card */
.phygitals-layout-wide .radar-pack-card.api-missing{
  opacity:1!important;
  background:
    radial-gradient(circle at 14% 0%,rgba(133,196,255,.22),transparent 34%),
    radial-gradient(circle at 100% 0%,rgba(204,148,255,.24),transparent 38%),
    linear-gradient(145deg,#4d5f93 0%,#6269a5 58%,#7868b2 100%)!important;
  border:1px dashed rgba(190,206,235,.62)!important;
}
.phygitals-layout-wide .radar-pack-card.api-missing .radar-pack-title b{color:#fbfdff!important}
.phygitals-layout-wide .radar-pack-card.api-missing .radar-pack-sub{color:#edf4ff!important}
.phygitals-layout-wide .radar-pack-missing-note{
  background:linear-gradient(145deg,rgba(88,101,145,.88),rgba(104,99,157,.88))!important;
  border-color:rgba(195,206,234,.30)!important;
  color:#f2f7ff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 10px 22px rgba(14,27,68,.12)!important;
}
.phygitals-layout-wide .radar-pack-missing-note strong{color:#ffffff!important}
.phygitals-layout-wide .radar-pack-missing-note .missing-badge{
  background:linear-gradient(90deg,rgba(121,151,226,.82),rgba(146,116,222,.84))!important;
  border-color:rgba(196,206,236,.36)!important;
  color:#f7fbff!important;
}
.phygitals-layout-wide .radar-pack-action-disabled>span{
  background:linear-gradient(145deg,rgba(107,118,155,.92),rgba(122,112,166,.92))!important;
  border-color:rgba(184,194,223,.30)!important;
  color:#f2f6ff!important;
}

@media(max-width:760px){
  .phygitals-layout-wide .radar-pack-card{
    background:
      radial-gradient(circle at 15% 0%,rgba(112,229,255,.20),transparent 30%),
      radial-gradient(circle at 100% 0%,rgba(201,132,255,.26),transparent 30%),
      linear-gradient(150deg,#325894,#4e6cb0 54%,#6d65be)!important;
  }
}


/* ===== V13-34: exact Extra Packs surface treatment for the 9 Phygitals cards ===== */
/* Surface sampled/matched from the Extra Packs V7 visual system. */
.phygitals-layout-wide .radar-pack-card,
.phygitals-layout-wide .radar-pack-card.api-live,
.phygitals-layout-wide .radar-pack-card.api-missing{
  background:
    radial-gradient(circle at 14% 0%, rgba(77,111,202,.13), transparent 34%),
    radial-gradient(circle at 100% 10%, rgba(120,71,199,.18), transparent 42%),
    linear-gradient(145deg,#243987 0%,#36398d 52%,#453694 100%)!important;
  border:1px solid rgba(117,132,215,.52)!important;
  box-shadow:
    0 18px 36px rgba(15,31,86,.18),
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 -1px 0 rgba(161,118,236,.10)!important;
}
.phygitals-layout-wide .radar-pack-card.api-missing{
  border-style:dashed!important;
  border-color:rgba(145,158,224,.60)!important;
}
.phygitals-layout-wide .radar-pack-card:after{
  background:
    linear-gradient(180deg,rgba(255,255,255,.035),transparent 28%,transparent 72%,rgba(156,103,226,.04)),
    radial-gradient(circle at 88% 0%,rgba(132,92,214,.10),transparent 30%)!important;
}
.phygitals-layout-wide .radar-pack-card:before{
  background:linear-gradient(90deg,#27c7ff 0%,#6978ff 50%,#a05cff 100%)!important;
  height:3px!important;
  opacity:.92!important;
}
.phygitals-layout-wide .radar-pack-title b,
.phygitals-layout-wide .radar-pack-title span,
.phygitals-layout-wide .radar-pack-sub{
  color:#f7fbff!important;
}
.phygitals-layout-wide .radar-pack-sub i{color:#c8d6f3!important}
.phygitals-layout-wide .radar-pack-title b{
  text-shadow:0 2px 14px rgba(0,0,0,.12)!important;
}
/* Make the secondary live text as readable as Extra Packs. */
.phygitals-layout-wide .radar-pack-card.api-live .radar-chip-stack{
  color:#f5f8ff!important;
}
/* Keep chips bright and crisp on the Extra Packs surface. */
.phygitals-layout-wide .radar-chip-line>span,
.phygitals-layout-wide .radar-chip-row>span{
  opacity:1!important;
  filter:none!important;
  text-shadow:none!important;
}
/* Dollar fallback uses the same surface, only the inner notice is slightly muted. */
.phygitals-layout-wide .radar-pack-missing-note{
  background:linear-gradient(145deg,rgba(61,68,140,.88),rgba(76,62,145,.90))!important;
  border:1px solid rgba(138,149,215,.34)!important;
  color:#eef4ff!important;
}
.phygitals-layout-wide .radar-pack-missing-note strong{color:#ffffff!important}
.phygitals-layout-wide .radar-pack-missing-note p,
.phygitals-layout-wide .radar-pack-missing-note small{color:#d8e2f7!important}
.phygitals-layout-wide .radar-pack-missing-note .missing-badge{
  background:linear-gradient(90deg,rgba(78,96,189,.96),rgba(112,73,190,.96))!important;
  border-color:rgba(158,168,228,.40)!important;
  color:#f8fbff!important;
}
.phygitals-layout-wide .radar-pack-action-disabled>span{
  background:rgba(63,68,129,.88)!important;
  border-color:rgba(149,158,211,.34)!important;
  color:#f2f6ff!important;
}
@media(max-width:760px){
  .phygitals-layout-wide .radar-pack-card,
  .phygitals-layout-wide .radar-pack-card.api-live,
  .phygitals-layout-wide .radar-pack-card.api-missing{
    background:
      radial-gradient(circle at 12% 0%,rgba(77,111,202,.12),transparent 32%),
      radial-gradient(circle at 100% 8%,rgba(120,71,199,.17),transparent 40%),
      linear-gradient(150deg,#263a87 0%,#373a8f 54%,#473797 100%)!important;
  }
}

/* ===== V13-35: premium blue-purple Phygitals hero live overview ===== */
.hero-side-stack .overview-card{
  position:relative!important;
  overflow:hidden!important;
  background:
    radial-gradient(circle at 8% 4%,rgba(68,217,255,.34),transparent 28%),
    radial-gradient(circle at 96% 3%,rgba(184,101,255,.42),transparent 31%),
    radial-gradient(circle at 70% 94%,rgba(95,116,255,.24),transparent 36%),
    linear-gradient(145deg,#173f8f 0%,#2856b5 36%,#4a4fc6 65%,#7246d8 100%)!important;
  border:1px solid rgba(255,255,255,.40)!important;
  box-shadow:
    0 34px 84px rgba(14,31,105,.38),
    0 0 36px rgba(60,190,255,.18),
    0 0 58px rgba(142,81,255,.20),
    0 0 0 2px rgba(133,190,255,.18),
    inset 0 1px 0 rgba(255,255,255,.28),
    inset 0 -1px 0 rgba(52,31,142,.28)!important;
}
.hero-side-stack .overview-card:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  border-radius:inherit;
  background:
    linear-gradient(118deg,rgba(255,255,255,.16),transparent 24% 72%,rgba(255,255,255,.07)),
    radial-gradient(circle at 26% 0%,rgba(255,255,255,.22),transparent 18%);
  mix-blend-mode:screen;
  opacity:.78;
}
.hero-side-stack .overview-card:after{
  content:"";
  position:absolute;
  width:230px;
  height:230px;
  right:-92px;
  bottom:-86px;
  z-index:1;
  pointer-events:none;
  border-radius:50%;
  background:radial-gradient(circle,rgba(204,128,255,.22),rgba(106,80,240,.08) 45%,transparent 70%);
  filter:blur(2px);
}
.hero-side-stack .overview-card>*{position:relative;z-index:2}

.hero-side-stack .overview-head{
  color:#173d78!important;
  background:linear-gradient(90deg,rgba(247,253,255,.94),rgba(229,246,255,.92),rgba(244,235,255,.93))!important;
  border:1px solid rgba(255,255,255,.82)!important;
  box-shadow:0 10px 26px rgba(26,49,126,.14),inset 0 1px 0 rgba(255,255,255,.98)!important;
}
.hero-side-stack .overview-head b{color:#617799!important}

.hero-side-stack .overview-brand-row-v12{
  margin-top:8px!important;
  padding:17px 10px 16px!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:20px!important;
  background:linear-gradient(100deg,rgba(255,255,255,.90),rgba(233,245,255,.82) 50%,rgba(241,230,255,.80))!important;
  box-shadow:0 12px 28px rgba(17,42,118,.14),inset 0 1px 0 rgba(255,255,255,.94)!important;
}
.hero-side-stack .overview-buy-title{color:#143d7a!important}
.hero-side-stack .overview-buy-title span{
  color:#fff!important;
  background:linear-gradient(90deg,#2ab9ff,#657bff 55%,#a463ff)!important;
  border:1px solid rgba(255,255,255,.42)!important;
  box-shadow:0 7px 16px rgba(70,104,235,.20)!important;
}
.hero-side-stack .overview-buy-url{
  color:#1764aa!important;
  background:rgba(255,255,255,.72)!important;
  border-color:rgba(84,155,225,.24)!important;
}
.hero-side-stack .update-times,
.hero-side-stack .update-times strong{color:#657a9b!important}
.hero-side-stack .overview-stock-total{color:#123d7b!important}
.hero-side-stack .overview-stock-total small{color:#657a97!important}
.hero-side-stack .overview-divider{border-color:rgba(255,255,255,.24)!important}

.hero-side-stack .overview-stats{
  gap:10px!important;
  padding-top:15px!important;
}
.hero-side-stack .overview-stats div{
  min-height:88px!important;
  justify-content:center!important;
  border:1px solid rgba(255,255,255,.34)!important;
  background:linear-gradient(145deg,rgba(247,252,255,.94),rgba(227,237,255,.88))!important;
  box-shadow:0 12px 26px rgba(20,42,116,.13),inset 0 1px 0 rgba(255,255,255,.98)!important;
}
.hero-side-stack .overview-stats div:nth-child(2){
  background:linear-gradient(145deg,rgba(245,249,255,.94),rgba(232,235,255,.88))!important;
}
.hero-side-stack .overview-stats div:nth-child(3){
  background:linear-gradient(145deg,rgba(250,246,255,.95),rgba(237,229,255,.90))!important;
}
.hero-side-stack .overview-stats strong{color:#103c79!important}
.hero-side-stack .overview-stats span{color:#183d73!important}
.hero-side-stack .overview-stats small{color:#7485a0!important}

/* Keep the two decision cards bright, but integrate them into the new blue-purple shell */
.hero-side-stack .signal-card.value-highlight{
  border:1px solid rgba(112,214,159,.58)!important;
  background:linear-gradient(135deg,rgba(229,255,239,.97),rgba(207,247,225,.95))!important;
  box-shadow:0 16px 34px rgba(22,110,74,.18),inset 0 1px 0 rgba(255,255,255,.96)!important;
}
.hero-side-stack .signal-card.momentum-card{
  border:1px solid rgba(160,151,244,.56)!important;
  background:linear-gradient(135deg,rgba(243,241,255,.97),rgba(229,226,255,.94) 54%,rgba(244,230,255,.94))!important;
  box-shadow:0 16px 34px rgba(75,63,182,.17),inset 0 1px 0 rgba(255,255,255,.96)!important;
}
.hero-side-stack .metric-method,
.hero-side-stack .overview-data-note{
  color:rgba(239,246,255,.90)!important;
}
.hero-side-stack .overview-data-note{
  border-top-color:rgba(255,255,255,.18)!important;
}

@media(max-width:760px){
  .hero-side-stack .overview-card{
    background:
      radial-gradient(circle at 5% 3%,rgba(68,217,255,.30),transparent 25%),
      radial-gradient(circle at 98% 2%,rgba(184,101,255,.36),transparent 28%),
      linear-gradient(150deg,#1b438f 0%,#3159b7 46%,#6649d0 100%)!important;
  }
  .hero-side-stack .overview-brand-row-v12{background:linear-gradient(145deg,rgba(249,253,255,.94),rgba(237,234,255,.90))!important}
}


/* ===== V13-36: sync hero top box + 9 Phygitals pack cards to the header blue family ===== */
/* Goal: remove the dirty/gray blue feel and use the same clear header blue with soft purple accents. */
.hero-side-stack .overview-card{
  background:
    radial-gradient(circle at 10% 8%, rgba(77,214,255,.24), transparent 26%),
    radial-gradient(circle at 96% 4%, rgba(167,111,255,.28), transparent 28%),
    radial-gradient(circle at 82% 96%, rgba(122,82,255,.18), transparent 30%),
    linear-gradient(135deg,#074caa 0%,#185fcc 50%,#6246ef 100%) !important;
  border:1px solid rgba(173,211,255,.46) !important;
  box-shadow:
    0 30px 76px rgba(16,52,122,.32),
    0 0 30px rgba(55,169,255,.12),
    0 0 48px rgba(131,92,255,.15),
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 -1px 0 rgba(73,43,164,.22) !important;
}
.hero-side-stack .overview-card:before{
  background:
    linear-gradient(118deg,rgba(255,255,255,.12),transparent 24% 72%,rgba(255,255,255,.05)),
    radial-gradient(circle at 24% 0%,rgba(255,255,255,.18),transparent 16%) !important;
  opacity:.72 !important;
}
.hero-side-stack .overview-card:after{
  background:radial-gradient(circle,rgba(189,132,255,.18),rgba(110,90,244,.06) 46%,transparent 72%) !important;
}
.hero-side-stack .overview-head{
  background:linear-gradient(90deg,rgba(249,252,255,.95),rgba(235,245,255,.93),rgba(243,236,255,.93)) !important;
  border:1px solid rgba(255,255,255,.82) !important;
}
.hero-side-stack .overview-brand-row-v12{
  background:linear-gradient(145deg,rgba(250,253,255,.93),rgba(236,244,255,.87) 48%,rgba(241,234,255,.84)) !important;
  border:1px solid rgba(255,255,255,.26) !important;
  box-shadow:0 14px 28px rgba(13,53,128,.12), inset 0 1px 0 rgba(255,255,255,.92) !important;
}
.hero-side-stack .overview-stats div{
  background:linear-gradient(145deg,rgba(249,252,255,.95),rgba(233,241,255,.90)) !important;
  border:1px solid rgba(255,255,255,.34) !important;
}
.hero-side-stack .overview-stats div:nth-child(2){
  background:linear-gradient(145deg,rgba(246,250,255,.95),rgba(230,236,255,.89)) !important;
}
.hero-side-stack .overview-stats div:nth-child(3){
  background:linear-gradient(145deg,rgba(251,247,255,.95),rgba(238,231,255,.90)) !important;
}

/* 9 live pack cards: same blue family as header/top bar */
.phygitals-layout-wide .rich-pack-grid{
  background:
    radial-gradient(circle at 8% 0%, rgba(97,214,255,.10), transparent 24%),
    radial-gradient(circle at 100% 0%, rgba(171,112,255,.12), transparent 28%),
    linear-gradient(180deg, rgba(245,249,255,.96), rgba(239,244,255,.96)) !important;
}
.phygitals-layout-wide .radar-pack-card,
.phygitals-layout-wide .radar-pack-card.api-live,
.phygitals-layout-wide .radar-pack-card.api-missing{
  background:
    radial-gradient(circle at 10% 0%, rgba(96,216,255,.18), transparent 28%),
    radial-gradient(circle at 100% 0%, rgba(168,108,255,.22), transparent 34%),
    linear-gradient(135deg,#074caa 0%,#185fcc 50%,#6246ef 100%) !important;
  border:1px solid rgba(169,209,255,.40) !important;
  box-shadow:
    0 18px 36px rgba(16,52,122,.22),
    inset 0 1px 0 rgba(255,255,255,.15),
    inset 0 -1px 0 rgba(91,63,196,.16) !important;
}
.phygitals-layout-wide .radar-pack-card:after{
  background:
    linear-gradient(180deg,rgba(255,255,255,.045),transparent 28%,transparent 72%,rgba(145,101,233,.04)),
    radial-gradient(circle at 88% 0%,rgba(255,255,255,.05),transparent 26%) !important;
}
.phygitals-layout-wide .radar-pack-card:before{
  background:linear-gradient(90deg,#27c7ff 0%,#6b8bff 50%,#a05cff 100%) !important;
  height:3px !important;
  opacity:.95 !important;
}
.phygitals-layout-wide .radar-pack-card.api-missing{
  background:
    radial-gradient(circle at 10% 0%, rgba(96,216,255,.15), transparent 28%),
    radial-gradient(circle at 100% 0%, rgba(168,108,255,.18), transparent 34%),
    linear-gradient(135deg,#0a479d 0%,#1659c0 50%,#5b48de 100%) !important;
  border-style:dashed !important;
  border-color:rgba(169,209,255,.34) !important;
}
.phygitals-layout-wide .radar-pack-title b,
.phygitals-layout-wide .radar-pack-title span,
.phygitals-layout-wide .radar-pack-sub{
  color:#f8fbff !important;
}
.phygitals-layout-wide .radar-pack-sub i{color:#dfeaff !important}
.phygitals-layout-wide .radar-pack-card.api-missing .radar-pack-title b,
.phygitals-layout-wide .radar-pack-card.api-missing .radar-pack-sub{
  color:#f8fbff !important;
}
.phygitals-layout-wide .radar-pack-missing-note{
  background:linear-gradient(145deg,rgba(48,71,144,.82),rgba(73,69,161,.86)) !important;
  border:1px solid rgba(174,191,238,.22) !important;
  color:#edf5ff !important;
}
.phygitals-layout-wide .radar-pack-missing-note strong{color:#ffffff !important}
.phygitals-layout-wide .radar-pack-missing-note p,
.phygitals-layout-wide .radar-pack-missing-note small{color:#dde8fb !important}
.phygitals-layout-wide .radar-pack-action-disabled>span{
  background:linear-gradient(145deg,rgba(66,88,154,.84),rgba(90,82,177,.86)) !important;
  border-color:rgba(170,186,233,.24) !important;
  color:#f4f8ff !important;
}
@media(max-width:760px){
  .hero-side-stack .overview-card{
    background:
      radial-gradient(circle at 8% 5%, rgba(77,214,255,.22), transparent 23%),
      radial-gradient(circle at 98% 3%, rgba(167,111,255,.24), transparent 25%),
      linear-gradient(150deg,#074caa 0%,#1a5fcc 48%,#6246ef 100%) !important;
  }
  .phygitals-layout-wide .radar-pack-card,
  .phygitals-layout-wide .radar-pack-card.api-live,
  .phygitals-layout-wide .radar-pack-card.api-missing{
    background:
      radial-gradient(circle at 10% 0%, rgba(96,216,255,.16), transparent 25%),
      radial-gradient(circle at 100% 0%, rgba(168,108,255,.20), transparent 30%),
      linear-gradient(150deg,#074caa 0%,#1b60cd 50%,#6246ef 100%) !important;
  }
}

/* ===== V13-37: premium TCGdex Market Pulse ===== */
.market-pulse-section{
  padding:28px 0 34px;
  background:linear-gradient(180deg,#eef5ff 0%,#f7f9ff 100%);
}
.market-pulse-shell{
  position:relative;
  overflow:hidden;
  border-radius:30px;
  padding:24px;
  color:#fff;
  background:
    radial-gradient(circle at 8% 0%,rgba(70,217,255,.24),transparent 30%),
    radial-gradient(circle at 98% 0%,rgba(178,105,255,.27),transparent 33%),
    linear-gradient(135deg,#074caa 0%,#185fcc 50%,#6246ef 100%);
  border:1px solid rgba(169,209,255,.42);
  box-shadow:0 24px 62px rgba(18,57,132,.22),inset 0 1px 0 rgba(255,255,255,.18);
}
.market-pulse-shell:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(120deg,rgba(255,255,255,.08),transparent 22% 76%,rgba(255,255,255,.04));
}
.market-pulse-shell>*{position:relative;z-index:1}
.market-pulse-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:18px}
.market-kicker{font-size:11px;letter-spacing:1.7px;font-weight:950;color:#aeeeff}
.market-pulse-head h2{font-size:34px;line-height:1;margin:7px 0 7px;letter-spacing:-1.5px;color:#fff}
.market-pulse-head p{max-width:720px;margin:0;color:rgba(240,248,255,.86);font-size:13px}
.market-live-meta{display:flex;flex-direction:column;align-items:flex-end;gap:7px;text-align:right}
.market-live-meta small{color:rgba(235,244,255,.76);font-size:10px;font-weight:800}
.market-source-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);font-size:10px;font-weight:900}
.market-source-pill i{width:7px;height:7px;border-radius:50%;background:#59e9a4;box-shadow:0 0 0 5px rgba(89,233,164,.12)}
.market-pulse-grid{display:grid;grid-template-columns:1fr 1.18fr 1.18fr;gap:13px}
.market-feature-card{min-width:0;min-height:230px;border-radius:22px;padding:16px;background:linear-gradient(145deg,rgba(252,254,255,.96),rgba(235,242,255,.93));border:1px solid rgba(255,255,255,.72);box-shadow:0 15px 34px rgba(9,36,100,.16),inset 0 1px 0 rgba(255,255,255,.95);color:#123568;overflow:hidden}
.market-card-label{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:950;letter-spacing:.45px;color:#526b93;text-transform:uppercase;margin-bottom:12px}
.market-card-label span{display:inline-flex;align-items:center;justify-content:center;min-width:31px;height:23px;padding:0 7px;border-radius:8px;background:linear-gradient(90deg,#27bfff,#6c65ff);color:#fff;box-shadow:0 6px 15px rgba(73,111,232,.20)}
.market-momentum-feature .market-card-label span{background:linear-gradient(90deg,#29c987,#42b67b)}
.market-booster-card{display:grid;grid-template-columns:110px 1fr;grid-template-rows:auto 1fr;gap:0 14px;background:linear-gradient(145deg,rgba(246,252,255,.98),rgba(231,241,255,.94) 52%,rgba(239,232,255,.94))}
.market-booster-card .market-card-label{grid-column:1/-1}
.market-booster-visual{height:164px;display:flex;align-items:center;justify-content:center}
.market-booster-visual img{max-width:100%;max-height:160px;object-fit:contain;filter:drop-shadow(0 12px 14px rgba(27,45,105,.18))}
.market-card-body{display:grid;grid-template-columns:112px 1fr;gap:15px;align-items:center}
.market-card-image{height:166px;display:flex;align-items:center;justify-content:center}
.market-card-image img{max-width:110px;max-height:160px;border-radius:8px;object-fit:contain;filter:drop-shadow(0 12px 14px rgba(27,45,105,.19))}
.market-card-copy{min-width:0;align-self:center}
.market-card-copy h3{font-size:20px;line-height:1.08;letter-spacing:-.6px;margin:0 0 6px;color:#123568}
.market-card-copy p{font-size:11px;line-height:1.35;color:#71819d;margin:0 0 10px;font-weight:700}
.market-card-copy small{display:block;margin-top:5px;color:#72839e;font-size:10px;font-weight:800;line-height:1.35}
.market-big-number{font-size:31px;line-height:1;font-weight:950;letter-spacing:-1.3px;color:#1758c7}
.market-momentum-number{color:#16865c}
.market-metric-row{display:flex;align-items:baseline;gap:6px;margin-top:12px}
.market-metric-row strong{font-size:28px;letter-spacing:-1px;color:#1958c3}
.market-metric-row span{font-size:10px;font-weight:900;color:#71819a;text-transform:uppercase}
.market-pulse-foot{display:flex;justify-content:space-between;gap:20px;margin-top:13px;padding:0 3px;color:rgba(237,246,255,.72);font-size:9.5px;font-weight:700}
.market-skeleton-image{display:block;width:82px;height:132px;border-radius:12px;background:linear-gradient(110deg,rgba(215,226,246,.75) 25%,rgba(244,248,255,.95) 45%,rgba(215,226,246,.75) 65%);background-size:220% 100%;animation:marketShimmer 1.5s linear infinite}
.market-skeleton-image.card-shape{width:96px;height:138px;border-radius:9px}
@keyframes marketShimmer{to{background-position:-220% 0}}
.market-feature-card.is-unavailable{display:flex;align-items:center;justify-content:center;text-align:center;min-height:180px;color:#627797}
@media(max-width:980px){.market-pulse-grid{grid-template-columns:1fr 1fr}.market-booster-card{grid-column:1/-1;grid-template-columns:130px 1fr}.market-pulse-head{align-items:flex-start}.market-live-meta{align-items:flex-start;text-align:left}}
@media(max-width:680px){.market-pulse-section{padding:18px 0 24px}.market-pulse-shell{padding:16px;border-radius:24px}.market-pulse-head{display:block}.market-live-meta{margin-top:12px}.market-pulse-head h2{font-size:30px}.market-pulse-grid{grid-template-columns:1fr}.market-booster-card{grid-column:auto;grid-template-columns:96px 1fr}.market-booster-visual{height:145px}.market-card-body{grid-template-columns:94px 1fr}.market-card-image{height:146px}.market-card-image img{max-width:92px;max-height:142px}.market-feature-card{min-height:198px;padding:14px}.market-pulse-foot{display:block}.market-pulse-foot span{display:block;margin-top:5px}}


/* ===== V13-40: Market Pulse readability + correct set-art fallback ===== */
.market-feature-card{
  color:#0b2f63!important;
}
.market-card-label{
  font-size:11.5px!important;
  color:#173d72!important;
  letter-spacing:.4px!important;
}
.market-card-copy h3{
  font-size:22px!important;
  color:#0a2d5f!important;
  font-weight:900!important;
}
.market-card-copy p{
  font-size:13px!important;
  line-height:1.4!important;
  color:#244a77!important;
  font-weight:800!important;
  margin-bottom:11px!important;
}
.market-card-copy small{
  font-size:12px!important;
  line-height:1.42!important;
  color:#294f79!important;
  font-weight:800!important;
}
.market-metric-row span{
  font-size:11.5px!important;
  color:#274b75!important;
  font-weight:900!important;
}
.market-pulse-foot{
  font-size:11px!important;
  line-height:1.45!important;
  color:rgba(255,255,255,.92)!important;
  font-weight:800!important;
}
.market-live-meta small{
  font-size:11px!important;
  color:rgba(255,255,255,.90)!important;
}
.market-pulse-head p{
  font-size:14px!important;
  line-height:1.48!important;
  color:rgba(255,255,255,.94)!important;
}
.market-source-pill{
  font-size:11px!important;
}
.market-big-number,
.market-metric-row strong{
  color:#0d56c7!important;
}
.market-momentum-number{color:#0b8a5b!important}
.market-set-placeholder{
  width:104px;
  min-height:142px;
  border-radius:18px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  background:linear-gradient(145deg,#0d57bb 0%,#315fd3 52%,#714cf1 100%);
  border:1px solid rgba(255,255,255,.58);
  box-shadow:0 14px 26px rgba(21,61,139,.20),inset 0 1px 0 rgba(255,255,255,.24);
  color:#fff;
}
.market-set-placeholder strong{
  font-size:43px;
  line-height:.9;
  letter-spacing:-2px;
}
.market-set-placeholder span{
  margin-top:7px;
  font-size:9px;
  letter-spacing:1.3px;
  font-weight:950;
}
.market-set-placeholder small{
  margin-top:11px;
  padding:5px 7px;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  color:#fff;
  font-size:8px;
  font-weight:800;
}
@media(max-width:680px){
  .market-card-copy h3{font-size:20px!important}
  .market-card-copy p{font-size:12.5px!important}
  .market-card-copy small{font-size:11.5px!important}
  .market-card-label{font-size:11px!important}
}

/* ===== V13-41: Featured Tools + compact Phygitals Live hero module ===== */
@media (min-width:1081px){
  .hero{min-height:690px!important;padding-top:56px!important;padding-bottom:54px!important}
  .hero-grid{grid-template-columns:minmax(0,.92fr) minmax(300px,.72fr) minmax(455px,1.16fr)!important;gap:18px!important;align-items:center!important}
}
.tools-live-card{
  padding:10px!important;
  border-radius:30px!important;
  background:
    radial-gradient(circle at 8% 2%,rgba(67,214,255,.25),transparent 25%),
    radial-gradient(circle at 100% 0%,rgba(179,89,255,.28),transparent 30%),
    linear-gradient(145deg,#06489f 0%,#155dcc 48%,#5d43e9 100%)!important;
  border:1px solid rgba(180,220,255,.52)!important;
  box-shadow:0 30px 70px rgba(9,35,104,.32),0 0 0 1px rgba(255,255,255,.10) inset!important;
}
.tools-live-card:before{
  background:linear-gradient(120deg,rgba(255,255,255,.11),transparent 27% 72%,rgba(255,255,255,.05))!important;
  opacity:.8!important;
}
.featured-tools-panel{position:relative;z-index:2;padding:10px 10px 12px}
.featured-tools-head{position:relative;display:flex;align-items:flex-end;min-height:86px;padding:4px 6px 12px;border-bottom:1px solid rgba(255,255,255,.15)}
.featured-tools-copy{position:relative;z-index:2;max-width:74%}
.featured-tools-kicker{display:block;font-size:10px;line-height:1;font-weight:950;letter-spacing:1.7px;color:#8feaff;margin-bottom:7px}
.featured-tools-head h2{margin:0;color:#fff;font-size:29px;line-height:.98;letter-spacing:-1.2px;text-shadow:0 2px 14px rgba(0,0,0,.12)}
.featured-tools-head h2 span{background:linear-gradient(90deg,#9be9ff,#ef9cff);-webkit-background-clip:text;background-clip:text;color:transparent}
.featured-tools-head p{margin:7px 0 0;color:#e7f3ff;font-size:12.5px;line-height:1.35;font-weight:650}
.featured-tools-mascot{position:absolute;right:-6px;bottom:-10px;width:132px;height:110px;object-fit:contain;object-position:center;filter:drop-shadow(0 12px 20px rgba(17,20,116,.28));pointer-events:none}
.featured-tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px}
.featured-tool-card{position:relative;display:grid;grid-template-columns:54px minmax(0,1fr) 28px;gap:10px;align-items:center;min-height:94px;padding:12px 11px;border-radius:18px;text-decoration:none;overflow:hidden;border:1px solid rgba(255,255,255,.75);box-shadow:0 12px 24px rgba(15,35,102,.15),inset 0 1px 0 rgba(255,255,255,.92);transition:transform .18s ease,box-shadow .18s ease}
.featured-tool-card:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(15,35,102,.22),inset 0 1px 0 rgba(255,255,255,.95)}
.featured-tool-card:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.22),transparent 38% 70%,rgba(255,255,255,.08));pointer-events:none}
.tool-activity{background:linear-gradient(145deg,#e7f8ff 0%,#d7edff 100%)}
.tool-market{background:linear-gradient(145deg,#f4edff 0%,#eadbff 100%)}
.tool-value{background:linear-gradient(145deg,#fff8df 0%,#ffebc5 100%)}
.tool-directory{background:linear-gradient(145deg,#e7fff8 0%,#cff5ed 100%)}
.featured-tool-icon{position:relative;z-index:2;width:54px;height:54px;border-radius:15px;display:grid;place-items:center;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.88);box-shadow:0 8px 18px rgba(31,76,151,.12),inset 0 1px 0 #fff}
.featured-tool-icon svg{width:34px;height:34px;fill:none;stroke:#1758b8;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.tool-market .featured-tool-icon svg{stroke:#6844cf}.tool-value .featured-tool-icon svg{stroke:#a86d05}.tool-directory .featured-tool-icon svg{stroke:#087b73}
.featured-tool-icon svg .accent{stroke:#28b9ee}.tool-market .featured-tool-icon svg .accent{stroke:#b14de7}.tool-value .featured-tool-icon svg .accent{stroke:#f1a51c}.tool-directory .featured-tool-icon svg .accent{stroke:#23b898}
.featured-tool-copy{position:relative;z-index:2;display:flex;flex-direction:column;min-width:0}
.featured-tool-copy strong{color:#0b3470;font-size:15.5px;line-height:1.12;letter-spacing:-.25px}
.featured-tool-copy small{margin-top:4px;color:#335477;font-size:11.5px;line-height:1.26;font-weight:650}
.featured-tool-arrow{position:relative;z-index:2;width:28px;height:28px;border-radius:999px;display:grid;place-items:center;color:#fff;font-size:18px;font-weight:900;background:linear-gradient(145deg,#159cf3,#664df1);box-shadow:0 7px 14px rgba(44,96,221,.24)}
.tool-market .featured-tool-arrow{background:linear-gradient(145deg,#8656ef,#c74ce2)}.tool-value .featured-tool-arrow{background:linear-gradient(145deg,#f5b025,#ec7b13)}.tool-directory .featured-tool-arrow{background:linear-gradient(145deg,#19b895,#14a76b)}

.compact-live-panel{position:relative;z-index:2;margin-top:2px;padding:13px 13px 12px;border-radius:22px;background:linear-gradient(145deg,rgba(4,36,103,.80),rgba(27,43,135,.78) 55%,rgba(73,38,164,.72));border:1px solid rgba(133,206,255,.36);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 12px 28px rgba(5,25,82,.18)}
.compact-live-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.compact-live-head>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.compact-live-title{font-size:19px;font-weight:950;color:#fff;letter-spacing:-.4px}.compact-live-title b{color:#ef9cff}
.compact-live-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;background:rgba(24,203,119,.13);border:1px solid rgba(67,229,151,.55);color:#bff8d5;font-size:9.5px;font-weight:950;letter-spacing:.5px}
.compact-live-badge i{width:7px;height:7px;border-radius:50%;background:#32e687;box-shadow:0 0 0 4px rgba(50,230,135,.12)}
.compact-live-head>a{display:inline-flex;align-items:center;gap:6px;padding:9px 11px;border-radius:12px;text-decoration:none;color:#fff;font-size:10.5px;font-weight:900;background:linear-gradient(90deg,#27bfff,#9057f5);border:1px solid rgba(255,255,255,.20);white-space:nowrap}
.compact-live-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.compact-live-stat{display:flex;flex-direction:column;justify-content:center;min-height:74px;padding:10px 11px;border-radius:15px;background:rgba(7,45,115,.64);border:1px solid rgba(122,185,255,.30);box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}
.compact-live-stat>span{font-size:9px;color:#9fe7ff;font-weight:950;letter-spacing:.75px}
.compact-live-stat strong{margin-top:2px;color:#fff;font-size:23px;line-height:1;letter-spacing:-.8px}
.compact-live-stat small{margin-top:5px;color:#d8e8ff;font-size:10px;line-height:1.15;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.compact-live-best{border-color:rgba(71,226,160,.42);background:linear-gradient(145deg,rgba(16,85,103,.72),rgba(13,101,106,.60))}
.compact-live-best>span{color:#8ef2c7}.compact-live-best strong{color:#d7ffea}
.compact-live-momentum{border-color:rgba(187,135,255,.40);background:linear-gradient(145deg,rgba(45,54,137,.74),rgba(91,50,154,.60))}
.compact-live-momentum>span{color:#d9bdff}
.compact-live-foot{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap;margin-top:9px;padding-top:9px;border-top:1px solid rgba(255,255,255,.11);color:#c9dcf7;font-size:9px;font-weight:700}
.compact-live-foot strong{color:#fff;font-weight:850}.compact-live-foot>a{margin-left:auto;color:#91e7ff;text-decoration:none;font-weight:900}

/* Tool-focused navigation */
.tools-primary-nav{gap:20px!important}.tools-primary-nav a{font-size:13px!important;white-space:nowrap}

@media(max-width:1180px) and (min-width:821px){
  .tools-primary-nav{gap:13px!important}.tools-primary-nav a{font-size:12px!important}
  .featured-tool-copy strong{font-size:15px}.featured-tool-copy small{font-size:11px}
}
@media(max-width:1080px){
  .tools-live-card{max-width:760px;margin:0 auto!important}
  .featured-tools-mascot{width:142px;height:120px}
}
@media(max-width:760px){
  .tools-live-card{padding:8px!important;border-radius:24px!important}
  .featured-tools-panel{padding:9px 8px 10px}
  .featured-tools-head{min-height:92px;padding:5px 5px 13px;align-items:flex-start}
  .featured-tools-copy{max-width:72%}
  .featured-tools-kicker{font-size:10px;margin-bottom:6px}
  .featured-tools-head h2{font-size:27px}
  .featured-tools-head p{font-size:12px;line-height:1.3}
  .featured-tools-mascot{right:-12px;bottom:-5px;width:128px;height:106px}
  .featured-tools-grid{grid-template-columns:1fr;gap:8px}
  .featured-tool-card{grid-template-columns:58px minmax(0,1fr) 32px;min-height:88px;padding:11px 12px;border-radius:17px}
  .featured-tool-icon{width:58px;height:58px}
  .featured-tool-icon svg{width:36px;height:36px}
  .featured-tool-copy strong{font-size:16px;line-height:1.12}
  .featured-tool-copy small{font-size:12px;line-height:1.25}
  .featured-tool-arrow{width:32px;height:32px}
  .compact-live-panel{padding:12px 10px 11px;border-radius:19px}
  .compact-live-head{align-items:flex-start}
  .compact-live-title{font-size:18px}
  .compact-live-head>a{font-size:10px;padding:8px 9px}
  .compact-live-stats{gap:7px}
  .compact-live-stat{min-height:78px;padding:10px}
  .compact-live-stat>span{font-size:9px}.compact-live-stat strong{font-size:22px}.compact-live-stat small{font-size:10px}
  .compact-live-foot{font-size:9.5px}.compact-live-foot>a{width:100%;margin-left:0;margin-top:2px}
}
@media(max-width:420px){
  .featured-tools-copy{max-width:69%}.featured-tools-mascot{width:116px;height:98px;right:-10px}
  .featured-tools-head h2{font-size:25px}.featured-tools-head p{font-size:11.5px}
  .featured-tool-card{grid-template-columns:54px minmax(0,1fr) 30px;gap:9px;padding:10px}
  .featured-tool-icon{width:54px;height:54px}.featured-tool-copy strong{font-size:15.5px}.featured-tool-copy small{font-size:11.5px}
  .compact-live-stats{grid-template-columns:1fr 1fr}
}

/* ===== V13-42: visual match to approved Featured Tools mockup ===== */
/* Restore the compact V13-40 hero position. Only the right module changes. */
@media (min-width:1081px){
  .hero{min-height:620px!important;padding:26px 0 20px!important}
  .hero-grid{
    grid-template-columns:minmax(0,.98fr) minmax(330px,.78fr) minmax(420px,.98fr)!important;
    gap:18px!important;
    align-items:start!important;
  }
  .hero-copy-wrap{padding-top:28px!important}
  .hero-visual.hero-figure.standalone-cute{height:390px!important;min-height:390px!important;margin-top:2px!important}
  .hero-side-stack{align-self:start!important}
  .hero-side-stack .tools-live-card{margin-top:8px!important}
}

/* Electric blue premium shell from approved visual */
.tools-live-card{
  padding:7px!important;
  border-radius:27px!important;
  background:
    radial-gradient(circle at 12% -5%,rgba(41,213,255,.36),transparent 29%),
    radial-gradient(circle at 98% 0%,rgba(209,83,255,.30),transparent 34%),
    linear-gradient(145deg,#043e98 0%,#0756c5 43%,#3d4dda 72%,#6539d7 100%)!important;
  border:1px solid rgba(127,229,255,.72)!important;
  box-shadow:
    0 24px 58px rgba(4,27,93,.34),
    0 0 0 2px rgba(88,207,255,.14),
    0 0 28px rgba(56,198,255,.15),
    inset 0 1px 0 rgba(255,255,255,.25)!important;
}
.tools-live-card:before{
  background:
    linear-gradient(118deg,rgba(255,255,255,.13),transparent 26% 72%,rgba(255,255,255,.05)),
    radial-gradient(circle at 55% 0%,rgba(118,224,255,.10),transparent 34%)!important;
}
.featured-tools-panel{padding:9px 8px 10px!important}
.featured-tools-head{
  min-height:78px!important;
  padding:3px 7px 10px!important;
  border-bottom:1px solid rgba(126,216,255,.30)!important;
  align-items:center!important;
}
.featured-tools-copy{max-width:72%!important}
.featured-tools-kicker{font-size:9.5px!important;color:#92edff!important;letter-spacing:1.6px!important}
.featured-tools-head h2{font-size:30px!important;letter-spacing:-1.3px!important}
.featured-tools-head h2 span{background:linear-gradient(90deg,#9fe9ff 0%,#bfb2ff 48%,#f0a4ff 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.featured-tools-head p{font-size:12.5px!important;color:#eef7ff!important;margin-top:6px!important}
.featured-tools-mascot{
  right:-9px!important;bottom:-11px!important;
  width:116px!important;height:108px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 9px 18px rgba(20,18,112,.30)) drop-shadow(0 0 12px rgba(97,218,255,.22))!important;
}

/* Cards: bigger pastel surfaces, brighter borders and roomy type */
.featured-tools-grid{gap:9px!important;margin-top:9px!important}
.featured-tool-card{
  grid-template-columns:72px minmax(0,1fr) 29px!important;
  gap:9px!important;
  min-height:119px!important;
  padding:10px 9px!important;
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.90)!important;
  box-shadow:0 11px 24px rgba(8,34,103,.18),inset 0 1px 0 rgba(255,255,255,.96)!important;
}
.featured-tool-card:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(circle at 12% 18%,rgba(255,255,255,.64),transparent 30%);
  opacity:.8;
}
.featured-tool-card:after{background:linear-gradient(120deg,rgba(255,255,255,.24),transparent 40% 74%,rgba(255,255,255,.10))!important}
.tool-activity{background:linear-gradient(145deg,#eafaff 0%,#ccecff 64%,#dbe9ff 100%)!important}
.tool-market{background:linear-gradient(145deg,#faf3ff 0%,#ecdfff 62%,#f4d9ff 100%)!important}
.tool-value{background:linear-gradient(145deg,#fffdf0 0%,#ffefc5 62%,#ffe6ad 100%)!important}
.tool-directory{background:linear-gradient(145deg,#effffc 0%,#d0f8ed 62%,#c4f1ec 100%)!important}
.featured-tool-copy strong{font-size:15.5px!important;line-height:1.08!important;color:#092f69!important;letter-spacing:-.3px!important}
.featured-tool-copy small{font-size:11.3px!important;line-height:1.22!important;color:#31547d!important;font-weight:700!important;margin-top:4px!important}
.featured-tool-copy em{font-style:normal}
.featured-tool-arrow{width:29px!important;height:29px!important;font-size:18px!important;box-shadow:0 7px 15px rgba(44,96,221,.28),0 0 12px rgba(70,170,255,.16)!important}
.tool-market .featured-tool-arrow{box-shadow:0 7px 15px rgba(143,72,221,.25),0 0 12px rgba(204,83,255,.16)!important}
.tool-value .featured-tool-arrow{box-shadow:0 7px 15px rgba(222,127,23,.23),0 0 12px rgba(255,185,45,.18)!important}
.tool-directory .featured-tool-arrow{box-shadow:0 7px 15px rgba(21,157,116,.23),0 0 12px rgba(54,228,184,.15)!important}

.tool-chip{
  align-self:flex-start;display:inline-flex;align-items:center;gap:4px;margin-top:7px;
  padding:4px 7px;border-radius:999px;font-size:8.8px;line-height:1;font-weight:950;letter-spacing:.15px;
  border:1px solid rgba(255,255,255,.86);box-shadow:0 4px 10px rgba(25,60,118,.08);
}
.tool-chip.live{background:#dffbed;color:#118451}.tool-chip.trending{background:#fff0df;color:#d66b13}.tool-chip.value{background:#eef7ff;color:#2366ae}.tool-chip.index{background:#e1fbf7;color:#0c7d72}

/* Premium illustrations, built in CSS so they remain sharp/responsive. */
.featured-tool-visual{
  position:relative;z-index:2;width:72px;height:82px;border-radius:16px;display:block;overflow:visible;
  background:linear-gradient(145deg,rgba(255,255,255,.67),rgba(255,255,255,.24));
  border:1px solid rgba(255,255,255,.86);
  box-shadow:0 8px 18px rgba(37,84,163,.13),inset 0 1px 0 rgba(255,255,255,.98);
}
.visual-spark{position:absolute;width:7px;height:7px;transform:rotate(45deg);border-radius:2px;background:#fff;box-shadow:0 0 9px currentColor}
.visual-spark.s1{left:8px;top:11px;color:#8aeaff}.visual-spark.s2{right:8px;bottom:12px;color:#ffce62}

/* Activity: glass radar + bars + orbit */
.visual-activity{background:radial-gradient(circle at 52% 42%,rgba(117,218,255,.34),transparent 42%),linear-gradient(145deg,#f6fdff,#d5f0ff)}
.radar-grid{position:absolute;left:8px;top:13px;width:56px;height:56px;border-radius:50%;border:1px solid rgba(77,150,226,.34);background:repeating-radial-gradient(circle at center,transparent 0 9px,rgba(72,146,223,.17) 10px 11px)}
.radar-grid:before,.radar-grid:after{content:"";position:absolute;left:50%;top:5px;bottom:5px;width:1px;background:rgba(63,129,215,.20)}
.radar-grid:after{top:50%;left:5px;right:5px;width:auto;height:1px;bottom:auto}
.radar-bars{position:absolute;left:18px;bottom:15px;height:48px;display:flex;align-items:flex-end;gap:4px;z-index:2}
.radar-bars i{display:block;width:7px;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#4ccfff,#2357df 72%,#6848ee);box-shadow:0 0 8px rgba(45,118,255,.35)}
.radar-bars i:nth-child(1){height:22px}.radar-bars i:nth-child(2){height:32px}.radar-bars i:nth-child(3){height:42px}.radar-bars i:nth-child(4){height:51px}
.radar-orbit{position:absolute;left:6px;top:33px;width:61px;height:23px;border:2px solid rgba(255,116,225,.72);border-left-color:transparent;border-right-color:transparent;border-radius:50%;transform:rotate(-16deg);z-index:3;box-shadow:0 0 8px rgba(248,112,230,.24)}
.radar-dot{position:absolute;right:4px;top:37px;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#ff85e9 38%,#7a4df1 72%);box-shadow:0 0 8px #bb7aff;z-index:4}

/* Market: premium orb with floating card backs */
.visual-market{background:radial-gradient(circle at 55% 46%,rgba(213,174,255,.40),transparent 43%),linear-gradient(145deg,#fffaff,#eadfff)}
.market-card{position:absolute;width:24px;height:34px;border-radius:5px;background:linear-gradient(145deg,#594bea,#294bca 72%,#8f58ee);border:2px solid #fff7c9;box-shadow:0 5px 10px rgba(50,45,150,.18);z-index:1}
.market-card:before{content:"✦";position:absolute;inset:0;display:grid;place-items:center;color:#ffe878;font-size:11px;text-shadow:0 0 6px rgba(255,226,111,.7)}
.mc1{left:7px;top:22px;transform:rotate(-20deg)}.mc2{right:7px;top:20px;transform:rotate(18deg)}.mc3{right:19px;bottom:6px;transform:rotate(8deg);opacity:.86}
.market-orb{position:absolute;left:23px;top:24px;width:31px;height:31px;border-radius:50%;z-index:4;background:linear-gradient(180deg,#ff5e6e 0 47%,#263d8e 48% 54%,#f9fbff 55%);box-shadow:0 0 0 3px rgba(255,255,255,.92),0 6px 12px rgba(65,53,159,.22)}
.market-orb:after{content:"";position:absolute;left:10px;top:10px;width:8px;height:8px;border-radius:50%;background:#fff;border:2px solid #35449e}
.market-orb i{position:absolute;left:0;right:0;top:14px;height:3px;background:#263d8e}
.market-ring{position:absolute;left:12px;top:37px;width:54px;height:17px;border:2px solid rgba(198,111,255,.72);border-left-color:transparent;border-right-color:transparent;border-radius:50%;transform:rotate(-12deg);z-index:5;box-shadow:0 0 8px rgba(185,101,255,.20)}

/* Value: jeweled card + crown */
.visual-value{background:radial-gradient(circle at 51% 48%,rgba(255,211,91,.33),transparent 47%),linear-gradient(145deg,#fffdf4,#fff0c8)}
.value-card{position:absolute;left:24px;top:24px;width:31px;height:45px;border-radius:6px;background:linear-gradient(145deg,#5342d9,#233f9d 68%,#7d50de);border:2px solid #ffe7a0;box-shadow:0 7px 13px rgba(83,58,163,.20);z-index:3;transform:rotate(-4deg)}
.value-card:before{content:"";position:absolute;left:8px;top:12px;width:12px;height:12px;background:linear-gradient(135deg,#fff8b6,#ffc839);transform:rotate(45deg);box-shadow:0 0 9px rgba(255,206,67,.7)}
.value-card i{position:absolute;inset:4px;border:1px solid rgba(255,237,150,.65);border-radius:3px}
.value-crown{position:absolute;left:22px;top:4px;color:#d99305;font-size:27px;z-index:5;text-shadow:0 2px 0 #fff4b4,0 0 8px rgba(255,186,35,.30)}
.value-crystal{position:absolute;width:16px;height:28px;clip-path:polygon(50% 0,100% 34%,78% 100%,22% 100%,0 34%);background:linear-gradient(145deg,#a6e5ff,#7569e9 52%,#da7aff);opacity:.95;z-index:2;filter:drop-shadow(0 4px 4px rgba(92,67,175,.16))}
.value-crystal.c1{left:4px;bottom:9px;transform:rotate(-13deg)}.value-crystal.c2{right:5px;bottom:8px;transform:rotate(15deg);background:linear-gradient(145deg,#fff2a6,#ffb836 50%,#d974e8)}.value-crystal.c3{right:11px;top:15px;width:11px;height:20px;background:linear-gradient(145deg,#d9f6ff,#8e7cf0)}

/* Directory: stacked premium cards */
.visual-directory{background:radial-gradient(circle at 52% 46%,rgba(85,225,214,.28),transparent 47%),linear-gradient(145deg,#f6fffd,#d6f8f1)}
.directory-card{position:absolute;width:26px;height:41px;border-radius:5px;border:2px solid rgba(255,255,255,.88);box-shadow:0 5px 10px rgba(32,107,129,.13)}
.dc1{left:10px;top:22px;transform:rotate(-12deg);background:linear-gradient(145deg,#6d56e8,#3c48b8)}.dc2{right:9px;top:20px;transform:rotate(12deg);background:linear-gradient(145deg,#f1c94d,#ef8c39)}.dc3{right:18px;top:14px;transform:rotate(5deg);background:linear-gradient(145deg,#55dfbf,#2a9ac2)}
.directory-main{position:absolute;left:22px;top:18px;width:35px;height:49px;border-radius:6px;background:linear-gradient(145deg,#225ec6,#173b9b 70%,#7654e6);border:2px solid #ffe7a5;box-shadow:0 7px 14px rgba(36,61,143,.20);z-index:4}
.directory-main:before{content:"";position:absolute;left:8px;top:13px;width:15px;height:15px;border-radius:50%;border:2px solid #fff;background:rgba(255,255,255,.10)}
.directory-main:after{content:"";position:absolute;left:6px;right:6px;top:21px;height:2px;background:#fff}
.directory-main i{position:absolute;left:13px;top:18px;width:5px;height:5px;border-radius:50%;background:#fff;z-index:2}.directory-main b{position:absolute;inset:4px;border:1px solid rgba(255,230,149,.62);border-radius:3px}
.directory-orbit{position:absolute;left:7px;top:37px;width:60px;height:18px;border:2px solid rgba(76,202,195,.65);border-left-color:transparent;border-right-color:transparent;border-radius:50%;transform:rotate(-13deg);z-index:5}

/* Compact live panel now mirrors the approved visual more closely. */
.compact-live-panel{
  margin-top:3px!important;padding:11px 10px 10px!important;border-radius:20px!important;
  background:linear-gradient(145deg,rgba(3,35,102,.90),rgba(15,45,135,.87) 58%,rgba(78,36,165,.80))!important;
  border:1px solid rgba(81,210,255,.48)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 10px 24px rgba(4,24,82,.20),0 0 18px rgba(56,190,255,.08)!important;
}
.compact-live-head{margin-bottom:8px!important}
.compact-live-title{font-size:18px!important}
.compact-live-head>a{font-size:10.5px!important;padding:8px 10px!important}
@media(min-width:1081px){
  .compact-live-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}
  .compact-live-stat{min-height:70px!important;padding:9px 7px!important;border-radius:13px!important}
  .compact-live-stat>span{font-size:8.6px!important;letter-spacing:.45px!important}
  .compact-live-stat strong{font-size:20px!important}
  .compact-live-stat small{font-size:8.8px!important;margin-top:4px!important}
  .compact-live-foot{font-size:8.8px!important;margin-top:7px!important;padding-top:7px!important}
}

/* Tablet keeps cards 2x2; mobile becomes stacked like the approved mobile mockup. */
@media(max-width:1080px){
  .hero-side-stack .tools-live-card{margin-top:0!important}
  .featured-tool-card{min-height:116px!important}
}
@media(max-width:760px){
  .featured-tools-head{min-height:104px!important;padding:7px 7px 13px!important;align-items:flex-start!important}
  .featured-tools-copy{max-width:68%!important}
  .featured-tools-head h2{font-size:29px!important}
  .featured-tools-head p{font-size:12.5px!important;line-height:1.28!important}
  .featured-tools-mascot{width:128px!important;height:112px!important;right:-13px!important;bottom:-7px!important}
  .featured-tools-grid{grid-template-columns:1fr!important;gap:8px!important}
  .featured-tool-card{grid-template-columns:78px minmax(0,1fr) 34px!important;min-height:104px!important;padding:10px!important}
  .featured-tool-visual{width:78px!important;height:78px!important}
  .featured-tool-copy strong{font-size:16.5px!important}
  .featured-tool-copy small{font-size:12.2px!important;line-height:1.24!important}
  .tool-chip{font-size:9px!important;padding:4px 7px!important;margin-top:6px!important}
  .featured-tool-arrow{width:34px!important;height:34px!important}
  .compact-live-title{font-size:19px!important}
  .compact-live-stat>span{font-size:9.2px!important}.compact-live-stat strong{font-size:22px!important}.compact-live-stat small{font-size:10px!important}
}
@media(max-width:420px){
  .featured-tools-copy{max-width:66%!important}
  .featured-tools-head h2{font-size:27px!important}
  .featured-tools-mascot{width:112px!important;height:101px!important}
  .featured-tool-card{grid-template-columns:72px minmax(0,1fr) 32px!important;gap:8px!important}
  .featured-tool-visual{width:72px!important;height:74px!important}
  .featured-tool-copy strong{font-size:16px!important}.featured-tool-copy small{font-size:11.8px!important}
}

/* ===== V13-43: Featured Tools visual match — Phygitals Live intentionally untouched ===== */
/* Reuse the approved Phygitals Live dark navy / violet surface for the tools area. */
.tools-live-card{
  background:
    radial-gradient(circle at 8% 2%,rgba(44,175,255,.12),transparent 27%),
    radial-gradient(circle at 100% 0%,rgba(148,77,255,.15),transparent 30%),
    linear-gradient(145deg,#032366 0%,#0f2d87 58%,#4e24a5 100%)!important;
  border:1px solid rgba(81,210,255,.48)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 22px 48px rgba(4,24,82,.24),0 0 22px rgba(56,190,255,.08)!important;
}
.featured-tools-panel{
  padding:11px 11px 13px!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 10% 0%,rgba(70,192,255,.10),transparent 27%),
    radial-gradient(circle at 96% 0%,rgba(168,92,255,.12),transparent 31%),
    linear-gradient(145deg,rgba(3,35,102,.90),rgba(15,45,135,.87) 58%,rgba(78,36,165,.80))!important;
  border:1px solid rgba(81,210,255,.34)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 10px 24px rgba(4,24,82,.16),0 0 18px rgba(56,190,255,.06)!important;
}
.featured-tools-head{
  min-height:0!important;
  padding:2px 3px 10px!important;
  align-items:flex-start!important;
  border-bottom:1px solid rgba(255,255,255,.14)!important;
}
.featured-tools-copy{max-width:100%!important;width:100%!important}
.featured-tools-kicker{font-size:10px!important;letter-spacing:1.75px!important;margin-bottom:6px!important;color:#8feaff!important}
.featured-tools-head h2{font-size:31px!important;line-height:.98!important;letter-spacing:-1.35px!important}
.featured-tools-head p{
  margin:6px 0 0!important;
  color:#f3f7ff!important;
  font-size:12px!important;
  line-height:1.2!important;
  font-weight:700!important;
  white-space:nowrap!important;
}
.featured-tools-mascot{display:none!important}
.featured-tools-grid{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
  margin-top:10px!important;
}
.featured-tool-card{
  position:relative!important;
  display:grid!important;
  grid-template-columns:1fr 34px!important;
  grid-template-rows:108px auto!important;
  column-gap:8px!important;
  row-gap:4px!important;
  align-items:end!important;
  min-height:184px!important;
  padding:8px 10px 10px!important;
  border-radius:18px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.78)!important;
  box-shadow:0 12px 26px rgba(5,28,92,.20),inset 0 1px 0 rgba(255,255,255,.94)!important;
}
.featured-tool-card:hover{transform:translateY(-2px)!important;box-shadow:0 17px 34px rgba(5,28,92,.28),inset 0 1px 0 rgba(255,255,255,.96)!important}
.featured-tool-card:before{content:""!important;position:absolute!important;inset:0!important;background:radial-gradient(circle at 14% 6%,rgba(255,255,255,.58),transparent 29%)!important;pointer-events:none!important}
.featured-tool-card:after{content:""!important;position:absolute!important;inset:0!important;background:linear-gradient(125deg,rgba(255,255,255,.18),transparent 40% 76%,rgba(255,255,255,.08))!important;pointer-events:none!important}
.tool-activity{background:linear-gradient(145deg,#e9fbff 0%,#cfeeff 100%)!important}
.tool-market{background:linear-gradient(145deg,#fff7ff 0%,#ead7ff 100%)!important}
.tool-value{background:linear-gradient(145deg,#fffdf0 0%,#ffe7a8 100%)!important}
.tool-directory{background:linear-gradient(145deg,#efffff 0%,#c8f8ee 100%)!important}
.featured-tool-image{
  position:relative!important;
  z-index:2!important;
  grid-column:1 / -1!important;
  grid-row:1!important;
  width:100%!important;
  height:112px!important;
  object-fit:contain!important;
  object-position:left center!important;
  filter:drop-shadow(0 7px 12px rgba(40,70,150,.18))!important;
  transform:scale(1.12)!important;
  transform-origin:left center!important;
  pointer-events:none!important;
}
.featured-tool-copy{
  position:relative!important;
  z-index:3!important;
  grid-column:1!important;
  grid-row:2!important;
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  align-self:end!important;
}
.featured-tool-copy strong{
  color:#082d6b!important;
  font-size:16.5px!important;
  line-height:1.02!important;
  letter-spacing:-.4px!important;
  margin:0 0 4px!important;
}
.featured-tool-copy small{
  color:#183d73!important;
  font-size:11.5px!important;
  line-height:1.22!important;
  font-weight:650!important;
  display:block!important;
}
.featured-tool-copy .tool-chip{display:none!important}
.featured-tool-arrow{
  position:relative!important;
  z-index:4!important;
  grid-column:2!important;
  grid-row:2!important;
  align-self:end!important;
  justify-self:end!important;
  width:34px!important;
  height:34px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  color:#fff!important;
  font-size:21px!important;
  font-weight:900!important;
  border:1px solid rgba(255,255,255,.75)!important;
  box-shadow:0 8px 16px rgba(32,58,140,.18),inset 0 1px 0 rgba(255,255,255,.38)!important;
}
.tool-activity .featured-tool-arrow{background:linear-gradient(145deg,#168cff,#3168ff)!important}
.tool-market .featured-tool-arrow{background:linear-gradient(145deg,#b33cff,#7347f3)!important}
.tool-value .featured-tool-arrow{background:linear-gradient(145deg,#ffa916,#ef7b00)!important}
.tool-directory .featured-tool-arrow{background:linear-gradient(145deg,#19d39d,#08a978)!important}

/* Desktop: make the art wide and prominent, while keeping the approved live module below untouched. */
@media(min-width:1081px){
  .featured-tool-card{min-height:176px!important;grid-template-rows:101px auto!important}
  .featured-tool-image{height:106px!important;transform:scale(1.14)!important}
  .featured-tool-copy strong{font-size:16px!important}
  .featured-tool-copy small{font-size:11.1px!important}
}

/* Mobile: preserve readable text and large tap areas. */
@media(max-width:760px){
  .featured-tools-head p{white-space:normal!important;font-size:12.5px!important}
  .featured-tools-grid{grid-template-columns:1fr!important;gap:8px!important}
  .featured-tool-card{
    grid-template-columns:112px minmax(0,1fr) 38px!important;
    grid-template-rows:auto!important;
    min-height:114px!important;
    align-items:center!important;
    padding:9px 10px!important;
  }
  .featured-tool-image{
    grid-column:1!important;grid-row:1!important;
    width:112px!important;height:96px!important;
    object-position:center!important;transform:scale(1.12)!important;
  }
  .featured-tool-copy{grid-column:2!important;grid-row:1!important;align-self:center!important}
  .featured-tool-copy strong{font-size:17px!important;line-height:1.05!important}
  .featured-tool-copy small{font-size:12.2px!important;line-height:1.22!important}
  .featured-tool-arrow{grid-column:3!important;grid-row:1!important;align-self:center!important;width:38px!important;height:38px!important}
}
@media(max-width:420px){
  .featured-tools-head h2{font-size:28px!important}
  .featured-tool-card{grid-template-columns:96px minmax(0,1fr) 36px!important;min-height:108px!important}
  .featured-tool-image{width:96px!important;height:88px!important}
  .featured-tool-copy strong{font-size:16px!important}
  .featured-tool-copy small{font-size:11.7px!important}
}

/* ===== V13-44: Featured Tools assets + soft fade only. Phygitals Live unchanged. ===== */
.featured-tools-head{
  position:relative!important;
  overflow:visible!important;
}
.featured-tools-copy{
  position:relative!important;
  z-index:3!important;
  max-width:72%!important;
}
.featured-tools-head p{white-space:nowrap!important}
.featured-tools-mascot-v44{
  display:block!important;
  position:absolute!important;
  z-index:2!important;
  right:-4px!important;
  top:-9px!important;
  bottom:auto!important;
  width:132px!important;
  height:104px!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  rotate:0deg!important;
  filter:drop-shadow(0 9px 16px rgba(8,25,94,.28))!important;
  pointer-events:none!important;
}
.tool-activity{background:linear-gradient(145deg,rgba(255,255,255,.99) 0%,rgba(242,251,255,.97) 46%,rgba(218,241,255,.95) 100%)!important}
.tool-market{background:linear-gradient(145deg,rgba(255,255,255,.99) 0%,rgba(255,248,255,.97) 46%,rgba(240,224,255,.95) 100%)!important}
.tool-value{background:linear-gradient(145deg,rgba(255,255,255,.99) 0%,rgba(255,252,241,.97) 46%,rgba(255,239,194,.95) 100%)!important}
.tool-directory{background:linear-gradient(145deg,rgba(255,255,255,.99) 0%,rgba(244,255,253,.97) 46%,rgba(215,250,241,.95) 100%)!important}
.featured-tool-card:before{
  background:radial-gradient(circle at 12% 7%,rgba(255,255,255,.80),transparent 31%),radial-gradient(circle at 84% 88%,rgba(255,255,255,.30),transparent 34%)!important;
}
.featured-tool-card:after{background:linear-gradient(125deg,rgba(255,255,255,.20),transparent 42% 78%,rgba(255,255,255,.06))!important}
.featured-tool-image{
  height:116px!important;
  transform:scale(1.16)!important;
  transform-origin:left center!important;
  filter:drop-shadow(0 8px 14px rgba(38,72,164,.20))!important;
}
@media(min-width:1081px){.featured-tool-image{height:111px!important;transform:scale(1.18)!important}}
@media(max-width:760px){
  .featured-tools-copy{max-width:68%!important}
  .featured-tools-head p{white-space:normal!important}
  .featured-tools-mascot-v44{width:122px!important;height:98px!important;right:-7px!important;top:-4px!important}
  .featured-tool-image{transform:scale(1.14)!important}
}
@media(max-width:420px){
  .featured-tools-copy{max-width:66%!important}
  .featured-tools-mascot-v44{width:108px!important;height:90px!important;right:-8px!important;top:0!important}
}


/* ===== V13-45: stacked Featured Tools rows — Phygitals Live intentionally untouched ===== */
/* Keep the existing outer hero/tools shell. Only the four Featured Tools cards change layout. */
.featured-tools-grid{
  grid-template-columns:1fr!important;
  gap:7px!important;
  margin-top:10px!important;
}
.featured-tool-card{
  display:grid!important;
  grid-template-columns:78px minmax(0,1fr) 38px!important;
  grid-template-rows:1fr!important;
  gap:12px!important;
  align-items:center!important;
  min-height:84px!important;
  padding:6px 10px 6px 8px!important;
  border-radius:17px!important;
}
.featured-tool-image{
  grid-column:1!important;
  grid-row:1!important;
  width:78px!important;
  height:78px!important;
  max-width:78px!important;
  max-height:78px!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  transform-origin:center!important;
  justify-self:center!important;
  align-self:center!important;
  filter:drop-shadow(0 5px 10px rgba(38,72,164,.18))!important;
}
.featured-tool-copy{
  grid-column:2!important;
  grid-row:1!important;
  align-self:center!important;
  justify-self:stretch!important;
  min-width:0!important;
}
.featured-tool-copy strong{
  font-size:18.5px!important;
  line-height:1.02!important;
  letter-spacing:-.45px!important;
  margin:0 0 5px!important;
}
.featured-tool-copy small{
  font-size:12.4px!important;
  line-height:1.2!important;
  font-weight:650!important;
}
.featured-tool-arrow{
  grid-column:3!important;
  grid-row:1!important;
  align-self:center!important;
  justify-self:end!important;
  width:38px!important;
  height:38px!important;
}
/* Larger upright mascot in the existing header space; no tilt and no change to outer panel shape. */
.featured-tools-copy{max-width:68%!important}
.featured-tools-mascot-v44{
  width:154px!important;
  height:116px!important;
  right:-3px!important;
  top:-13px!important;
  bottom:auto!important;
  transform:none!important;
  rotate:0deg!important;
  object-fit:contain!important;
  object-position:center!important;
}

@media(min-width:1081px){
  .featured-tool-card{
    grid-template-columns:78px minmax(0,1fr) 38px!important;
    grid-template-rows:1fr!important;
    min-height:84px!important;
    padding:6px 10px 6px 8px!important;
  }
  .featured-tool-image{
    width:78px!important;height:78px!important;max-width:78px!important;max-height:78px!important;transform:none!important;
  }
  .featured-tool-copy strong{font-size:18.5px!important}
  .featured-tool-copy small{font-size:12.4px!important}
}

@media(max-width:760px){
  .featured-tools-grid{grid-template-columns:1fr!important;gap:8px!important}
  .featured-tool-card{
    grid-template-columns:78px minmax(0,1fr) 38px!important;
    grid-template-rows:1fr!important;
    min-height:96px!important;
    padding:8px 10px!important;
    gap:11px!important;
  }
  .featured-tool-image{
    width:78px!important;height:78px!important;max-width:78px!important;max-height:78px!important;transform:none!important;
  }
  .featured-tool-copy strong{font-size:18px!important;line-height:1.03!important}
  .featured-tool-copy small{font-size:12.6px!important;line-height:1.2!important}
  .featured-tool-arrow{width:38px!important;height:38px!important}
  .featured-tools-copy{max-width:62%!important}
  .featured-tools-mascot-v44{
    width:146px!important;height:110px!important;right:-5px!important;top:-9px!important;transform:none!important;rotate:0deg!important;
  }
}
@media(max-width:420px){
  .featured-tool-card{
    grid-template-columns:78px minmax(0,1fr) 36px!important;
    min-height:94px!important;
    gap:9px!important;
  }
  .featured-tool-image{width:78px!important;height:78px!important;max-width:78px!important;max-height:78px!important}
  .featured-tool-copy strong{font-size:17.5px!important}
  .featured-tool-copy small{font-size:12px!important}
  .featured-tools-copy{max-width:60%!important}
  .featured-tools-mascot-v44{width:140px!important;height:106px!important;right:-7px!important;top:-6px!important}
}

/* ===== V13-46: lightweight character icons + stronger tool typography ===== */
/* Featured Tools only. Phygitals Live intentionally untouched. */
.featured-tool-image{
  width:76px!important;
  height:76px!important;
  max-width:76px!important;
  max-height:76px!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  filter:drop-shadow(0 5px 9px rgba(36,67,151,.14))!important;
}
.featured-tool-copy strong{
  font-size:20.5px!important;
  line-height:1.04!important;
  letter-spacing:-.48px!important;
  font-weight:900!important;
  color:#082b69!important;
  margin:0 0 5px!important;
}
.featured-tool-copy small{
  font-size:13.6px!important;
  line-height:1.22!important;
  font-weight:720!important;
  color:#173d74!important;
}
@media(min-width:1081px){
  .featured-tool-image{
    width:76px!important;height:76px!important;max-width:76px!important;max-height:76px!important;
  }
  .featured-tool-copy strong{font-size:20.5px!important}
  .featured-tool-copy small{font-size:13.6px!important}
}
@media(max-width:760px){
  .featured-tool-image{
    width:76px!important;height:76px!important;max-width:76px!important;max-height:76px!important;
  }
  .featured-tool-copy strong{font-size:19.5px!important;line-height:1.05!important}
  .featured-tool-copy small{font-size:13.4px!important;line-height:1.22!important;font-weight:720!important}
}
@media(max-width:420px){
  .featured-tool-copy strong{font-size:18.5px!important}
  .featured-tool-copy small{font-size:12.9px!important}
}


/* ===== V13-47 base sticky header (superseded by V13-48 global header overrides below) ===== */
html{scroll-padding-top:92px}
.site-header{
  position:sticky!important;
  top:0!important;
  z-index:1200!important;
  width:100%!important;
  isolation:isolate;
}
section[id], [id="platforms"], [id="platform-details"], [id="phygitals"], [id="market"], [id="overview"]{
  scroll-margin-top:92px;
}
@media(max-width:760px){
  html{scroll-padding-top:82px}
  section[id], [id="platforms"], [id="platform-details"], [id="phygitals"], [id="market"], [id="overview"]{scroll-margin-top:82px}
  .site-header{z-index:1400!important}
}

/* ===== V13-48: shared V10.1 global header + desktop Platforms dropdown ===== */
:root{
  --global-header-height:78px;
  --global-header-bg-1:#071b49;
  --global-header-bg-2:#0d2d68;
  --global-header-bg-3:#28166e;
  --global-header-cyan:#35d6ff;
  --global-header-purple:#7558ff;
}
html{scroll-padding-top:calc(var(--global-header-height) + 14px)!important}
.site-header.global-header{
  position:sticky!important;
  top:0!important;
  z-index:2000!important;
  width:100%!important;
  background:linear-gradient(90deg,var(--global-header-bg-1) 0%,var(--global-header-bg-2) 54%,var(--global-header-bg-3) 100%)!important;
  border-bottom:1px solid rgba(112,118,255,.34)!important;
  box-shadow:0 10px 30px rgba(3,15,55,.24)!important;
  backdrop-filter:blur(18px) saturate(1.12)!important;
  isolation:isolate;
}
.site-header.global-header:before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg,transparent 0%,rgba(53,214,255,.9) 28%,rgba(117,88,255,.95) 72%,transparent 100%);
  pointer-events:none;
}
.global-nav-wrap{height:var(--global-header-height)!important;gap:28px!important}
.global-brand .brand-mark{
  background:linear-gradient(145deg,#61dcff 0%,#6977ff 58%,#9a62ff 100%)!important;
  box-shadow:0 8px 22px rgba(49,183,255,.28),inset 0 0 0 2px rgba(255,255,255,.30)!important;
}
.global-brand .brand-copy em{color:#8eeaff!important}
.global-nav{display:flex;align-items:center;gap:26px}
.global-nav a{
  color:#f5f8ff!important;
  font-size:14px!important;
  font-weight:800!important;
  opacity:.94;
  transition:color .18s ease,opacity .18s ease;
}
.global-nav a:hover{color:#82eaff!important;opacity:1}
.header-dropdown{position:relative;display:block;flex:0 0 auto}
.header-dropdown-toggle{
  border:1px solid rgba(255,255,255,.16)!important;
  cursor:pointer;
  min-width:120px;
  justify-content:center;
  background:linear-gradient(90deg,#26c9ff 0%,#536eff 48%,#8b54ff 100%)!important;
  box-shadow:0 8px 24px rgba(65,93,255,.28),inset 0 1px 0 rgba(255,255,255,.20)!important;
}
.header-dropdown-toggle span{font-size:16px;line-height:1;transition:transform .18s ease}
.header-dropdown.open .header-dropdown-toggle span{transform:rotate(180deg)}
.header-dropdown-menu{
  position:absolute;
  right:0;
  top:calc(100% + 12px);
  width:248px;
  padding:9px;
  display:grid;
  gap:4px;
  background:linear-gradient(165deg,rgba(8,27,74,.99),rgba(26,22,92,.99));
  border:1px solid rgba(111,147,255,.34);
  border-radius:18px;
  box-shadow:0 22px 55px rgba(3,13,49,.34);
  opacity:0;
  visibility:hidden;
  transform:translateY(-7px) scale(.985);
  transform-origin:top right;
  transition:.18s ease;
  pointer-events:none;
}
.header-dropdown-menu:before{
  content:"";position:absolute;right:22px;top:-6px;width:12px;height:12px;
  transform:rotate(45deg);background:#111f66;border-left:1px solid rgba(111,147,255,.34);border-top:1px solid rgba(111,147,255,.34)
}
.header-dropdown.open .header-dropdown-menu{
  opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto
}
.header-dropdown-menu a{
  position:relative;z-index:1;
  display:flex;flex-direction:column;gap:1px;
  color:#fff;text-decoration:none;
  padding:10px 12px;border-radius:12px;
  transition:background .16s ease,transform .16s ease;
}
.header-dropdown-menu a:hover{background:rgba(91,118,255,.16);transform:translateX(2px)}
.header-dropdown-menu strong{font-size:13px;line-height:1.2}
.header-dropdown-menu small{font-size:10.5px;color:#a9c7f4;font-weight:650}
.global-menu-button{
  border:1px solid rgba(137,160,255,.42)!important;
  background:rgba(37,54,123,.72)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important;
  font-weight:800!important;
}
.global-mobile-nav{
  background:linear-gradient(180deg,rgba(7,27,73,.99),rgba(24,20,87,.99));
  border-top:1px solid rgba(109,137,255,.24);
  box-shadow:0 14px 28px rgba(3,15,54,.20);
}
.mobile-platform-dropdown{border-top:1px solid rgba(255,255,255,.08)}
.mobile-platform-dropdown summary{
  list-style:none;cursor:pointer;color:#edf7ff;font-size:14px;font-weight:800;padding:11px 0;
  display:flex;align-items:center;justify-content:space-between;
}
.mobile-platform-dropdown summary::-webkit-details-marker{display:none}
.mobile-platform-dropdown[open] summary span{transform:rotate(180deg)}
.mobile-platform-dropdown summary span{transition:transform .18s ease}
.mobile-platform-dropdown>div{display:grid;padding:0 0 8px 12px}
.mobile-platform-dropdown>div a{font-size:13px!important;color:#c9dbff!important;padding:8px 0!important}
section[id],[id="platforms"],[id="platform-details"],[id="phygitals"],[id="market"],[id="overview"]{
  scroll-margin-top:calc(var(--global-header-height) + 14px)!important;
}
@media(max-width:820px){
  :root{--global-header-height:68px}
  html{scroll-padding-top:calc(var(--global-header-height) + 12px)!important}
  .global-nav-wrap{height:var(--global-header-height)!important}
  .header-dropdown{display:none!important}
  .site-header.global-header{z-index:2200!important}
  .global-mobile-nav.open{padding-left:20px!important;padding-right:20px!important;padding-bottom:16px!important}
  section[id],[id="platforms"],[id="platform-details"],[id="phygitals"],[id="market"],[id="overview"]{
    scroll-margin-top:calc(var(--global-header-height) + 12px)!important;
  }
}
/* V13-48 responsive guard: switch to the shared mobile menu before desktop navigation crowds. */
.header-dropdown .nav-cta{display:inline-flex!important}
@media(max-width:1040px){
  :root{--global-header-height:68px}
  .global-nav{display:none!important}
  .header-dropdown{display:none!important}
  .global-menu-button{display:block!important;margin-left:auto}
  .global-mobile-nav.open{display:grid!important;padding:0 20px 16px!important;gap:2px!important}
  .global-mobile-nav>a{padding:10px 0!important;border-top:1px solid rgba(255,255,255,.08)}
}
/* Shared hero hook: individual pages may keep their own hero layout/content while sharing the global naming convention. */
.global-hero{position:relative}

/* ===== V13-49: exact V10.1 global header tone / height / lower accent line ===== */
:root{
  --global-header-height:88px;
  --global-header-bg-1:#111c4a;
  --global-header-bg-2:#21205d;
  --global-header-bg-3:#332373;
  --global-header-line:#755cff;
}
.site-header.global-header{
  background:linear-gradient(90deg,var(--global-header-bg-1) 0%,var(--global-header-bg-2) 52%,var(--global-header-bg-3) 100%)!important;
  border-bottom:0!important;
  box-shadow:0 8px 24px rgba(18,22,72,.18)!important;
  backdrop-filter:blur(16px) saturate(1.04)!important;
}
.site-header.global-header:before{
  display:none!important;
}
.site-header.global-header:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:4px;
  background:linear-gradient(90deg,#6757f5 0%,#7a5cff 45%,#9a62ff 100%);
  box-shadow:0 1px 0 rgba(255,255,255,.08),0 2px 8px rgba(116,88,255,.22);
  pointer-events:none;
}
.global-nav-wrap{
  height:var(--global-header-height)!important;
}
html{
  scroll-padding-top:calc(var(--global-header-height) + 16px)!important;
}
section[id],[id="platforms"],[id="platform-details"],[id="phygitals"],[id="market"],[id="overview"]{
  scroll-margin-top:calc(var(--global-header-height) + 16px)!important;
}
@media(max-width:1040px){
  :root{--global-header-height:72px}
  .site-header.global-header:after{height:3px}
  html{scroll-padding-top:calc(var(--global-header-height) + 14px)!important}
  section[id],[id="platforms"],[id="platform-details"],[id="phygitals"],[id="market"],[id="overview"]{
    scroll-margin-top:calc(var(--global-header-height) + 14px)!important;
  }
}


/* ===== V13-56: new compact uploaded PokéPackRadar logo, enlarged + optimized ===== */
.global-brand-logo{
  display:inline-flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  margin-right:auto!important;
  min-width:0!important;
}
.global-brand-logo-img{
  display:block!important;
  width:255px!important;
  height:auto!important;
  max-width:255px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 4px 10px rgba(0,10,45,.18));
}
@media(max-width:1040px){
  .global-brand-logo-img{width:220px!important;max-width:220px!important;height:auto!important}
}
@media(max-width:600px){
  .global-brand-logo-img{width:190px!important;max-width:190px!important;height:auto!important}
}

/* ===== V13-51: premium platform packs replace mascot heads ===== */
.platform-index .feature-jump-grid{
  gap:16px!important;
}
.platform-index .feature-card{
  position:relative!important;
  overflow:hidden!important;
  padding:16px 14px 15px!important;
  border-radius:25px!important;
  box-shadow:0 18px 38px rgba(16,49,106,.14),inset 0 1px 0 rgba(255,255,255,.86)!important;
}
.platform-index .feature-card:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(145deg,rgba(255,255,255,.34),transparent 38%,rgba(255,255,255,.10));
  opacity:.88;
}
.platform-index .feature-card.phygitals{
  background:linear-gradient(145deg,#d8f7ff 0%,#bfeeff 52%,#ebfbff 100%)!important;
  border-color:rgba(44,190,255,.35)!important;
}
.platform-index .feature-card.gotya{
  background:linear-gradient(145deg,#f3e5ff 0%,#e7d2ff 50%,#fdeeff 100%)!important;
  border-color:rgba(180,106,255,.30)!important;
}
.platform-index .feature-card.hapabox{
  background:linear-gradient(145deg,#fff8dd 0%,#ffedb9 52%,#fff4df 100%)!important;
  border-color:rgba(245,178,48,.34)!important;
}
.platform-index .feature-card.dopa{
  background:linear-gradient(145deg,#e0fff4 0%,#c9f5e8 52%,#effff9 100%)!important;
  border-color:rgba(45,194,147,.30)!important;
}
.platform-index .feature-card.packs{
  background:linear-gradient(145deg,#e0f3ff 0%,#cedfff 52%,#edf6ff 100%)!important;
  border-color:rgba(77,137,255,.30)!important;
}
.platform-index .feature-card .feature-card-head{
  position:relative!important;
  z-index:2!important;
  grid-template-columns:78px minmax(0,1fr)!important;
  gap:12px!important;
  align-items:center!important;
}
.platform-pack-wrap{
  width:78px;
  height:98px;
  display:grid;
  place-items:center;
  align-self:start;
  margin-top:-7px;
  filter:drop-shadow(0 10px 13px rgba(20,49,112,.18));
}
.platform-pack-image{
  display:block;
  width:76px;
  height:96px;
  object-fit:contain;
  object-position:center;
}
.platform-index .feature-card .feature-card-title{
  justify-content:center!important;
  min-height:92px!important;
  padding-top:0!important;
}
.platform-index .feature-card .feature-card-title>b{
  font-size:22px!important;
  line-height:1.03!important;
  letter-spacing:-.035em!important;
  color:#102752!important;
}
.platform-index .feature-card .jump-buy-now{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:34px!important;
  padding:8px 13px!important;
  border-radius:13px!important;
  color:#fff!important;
  font-size:12px!important;
  font-weight:950!important;
  white-space:nowrap!important;
  box-shadow:0 8px 18px rgba(48,90,190,.18)!important;
}
.platform-index .feature-card.phygitals .jump-buy-now{background:linear-gradient(90deg,#18bfff,#2e7dff)!important}
.platform-index .feature-card.gotya .jump-buy-now{background:linear-gradient(90deg,#a84cff,#d348f0)!important}
.platform-index .feature-card.hapabox .jump-buy-now{background:linear-gradient(90deg,#ffb31a,#ff8b16)!important}
.platform-index .feature-card.dopa .jump-buy-now{background:linear-gradient(90deg,#19c98b,#18b982)!important}
.platform-index .feature-card.packs .jump-buy-now{background:linear-gradient(90deg,#2aa9ff,#4f70ff)!important}
.platform-index .feature-card .feature-card-description{
  position:relative!important;
  z-index:2!important;
  margin-top:9px!important;
  min-height:63px!important;
  color:#132748!important;
  font-size:13.5px!important;
  line-height:1.42!important;
  font-weight:800!important;
}
.platform-index .feature-card .jump-tags{
  position:relative!important;
  z-index:2!important;
  padding-top:12px!important;
  gap:7px!important;
}
.platform-index .feature-card .jump-tags em{
  min-height:30px!important;
  padding:7px 9px!important;
  background:rgba(255,255,255,.83)!important;
  border-color:rgba(255,255,255,.92)!important;
  box-shadow:0 6px 14px rgba(35,66,126,.07)!important;
}
@media(max-width:1180px){
  .platform-index .feature-card .feature-card-head{grid-template-columns:76px minmax(0,1fr)!important}
  .platform-pack-wrap{width:76px;height:94px}
  .platform-pack-image{width:72px;height:92px}
}
@media(max-width:760px){
  .platform-index .feature-card{padding:15px 14px!important}
  .platform-index .feature-card .feature-card-head{grid-template-columns:74px minmax(0,1fr)!important;gap:13px!important}
  .platform-pack-wrap{width:74px;height:92px;margin-top:-5px}
  .platform-pack-image{width:70px;height:90px}
  .platform-index .feature-card .feature-card-title{min-height:86px!important}
  .platform-index .feature-card .feature-card-title>b{font-size:23px!important}
  .platform-index .feature-card .feature-card-description{font-size:14px!important;min-height:0!important}
}
@media(max-width:520px){
  .platform-index .feature-card .feature-card-head{grid-template-columns:80px minmax(0,1fr)!important}
  .platform-pack-wrap{width:80px;height:98px}
  .platform-pack-image{width:76px;height:96px}
  .platform-index .feature-card .feature-card-title>b{font-size:24px!important}
}

/* ===== V13-54: larger platform packs + second row of new platforms ===== */
.platform-index .feature-card.boxed{
  background:linear-gradient(145deg,#dff7ff 0%,#c4efff 52%,#eefbff 100%)!important;
  border-color:rgba(56,186,255,.32)!important;
}
.platform-index .feature-card.pokecollect{
  background:linear-gradient(145deg,#f8e9ff 0%,#eedcff 52%,#fff1fb 100%)!important;
  border-color:rgba(192,123,255,.30)!important;
}
.platform-index .feature-card.dripshop{
  background:linear-gradient(145deg,#fff0df 0%,#ffe2c2 52%,#fff7ea 100%)!important;
  border-color:rgba(255,150,74,.34)!important;
}
.platform-index .feature-card.gachagame{
  background:linear-gradient(145deg,#e1fff5 0%,#caf8ea 52%,#effff8 100%)!important;
  border-color:rgba(56,208,167,.30)!important;
}
.platform-index .feature-card.gachawin{
  background:linear-gradient(145deg,#f2ecff 0%,#e6dbff 52%,#fbf7ff 100%)!important;
  border-color:rgba(136,98,255,.30)!important;
}
.platform-index .feature-card.boxed .jump-buy-now{background:linear-gradient(90deg,#15c8ff,#4f77ff)!important}
.platform-index .feature-card.pokecollect .jump-buy-now{background:linear-gradient(90deg,#c54fff,#8f61ff)!important}
.platform-index .feature-card.dripshop .jump-buy-now{background:linear-gradient(90deg,#ff9a2f,#ff7c3b)!important}
.platform-index .feature-card.gachagame .jump-buy-now{background:linear-gradient(90deg,#19c98b,#28b8ff)!important}
.platform-index .feature-card.gachawin .jump-buy-now{background:linear-gradient(90deg,#7051ff,#b04dff)!important}
.platform-index .feature-card.boxed .jump-tags em{color:#165d80!important}
.platform-index .feature-card.pokecollect .jump-tags em{color:#6b4399!important}
.platform-index .feature-card.dripshop .jump-tags em{color:#8d4e17!important}
.platform-index .feature-card.gachagame .jump-tags em{color:#186a63!important}
.platform-index .feature-card.gachawin .jump-tags em{color:#5b3f96!important}

.platform-index .feature-card .feature-card-head{
  grid-template-columns:100px minmax(0,1fr)!important;
  gap:14px!important;
}
.platform-pack-wrap{
  width:100px;
  height:124px;
  margin-top:-11px;
}
.platform-pack-image{
  width:96px;
  height:120px;
}
.platform-index .feature-card .feature-card-title{
  min-height:108px!important;
}
.platform-index .feature-card .feature-card-description{
  min-height:68px!important;
}
@media(max-width:1180px){
  .platform-index .feature-card .feature-card-head{grid-template-columns:92px minmax(0,1fr)!important}
  .platform-pack-wrap{width:92px;height:114px}
  .platform-pack-image{width:88px;height:110px}
  .platform-index .feature-card .feature-card-title{min-height:102px!important}
}
@media(max-width:760px){
  .platform-index .feature-card .feature-card-head{grid-template-columns:88px minmax(0,1fr)!important}
  .platform-pack-wrap{width:88px;height:110px;margin-top:-6px}
  .platform-pack-image{width:84px;height:106px}
  .platform-index .feature-card .feature-card-title{min-height:96px!important}
}
@media(max-width:520px){
  .platform-index .feature-card .feature-card-head{grid-template-columns:94px minmax(0,1fr)!important}
  .platform-pack-wrap{width:94px;height:116px}
  .platform-pack-image{width:90px;height:112px}
}

.platform-detail.boxed-detail{background:linear-gradient(145deg,#dff7ff 0%,#c9efff 52%,#eefcff 100%)!important}
.platform-detail.pokecollect-detail{background:linear-gradient(145deg,#f6ecff 0%,#e6d6ff 52%,#fcf3ff 100%)!important}
.platform-detail.dripshop-detail{background:linear-gradient(145deg,#fff2e3 0%,#ffe2bf 52%,#fff8ef 100%)!important}
.platform-detail.gachagame-detail{background:linear-gradient(145deg,#e2fff5 0%,#cff6ea 52%,#effff9 100%)!important}
.platform-detail.gachawin-detail{background:linear-gradient(145deg,#f3efff 0%,#e4d9ff 52%,#fbf8ff 100%)!important}
.detail-mascot.mascot-boxed{--mascot1:#35c9ff;--mascot2:#98eeff}
.detail-mascot.mascot-pokecollect{--mascot1:#b466ff;--mascot2:#f2b8ff}
.detail-mascot.mascot-dripshop{--mascot1:#ff9735;--mascot2:#ffd089}
.detail-mascot.mascot-gachagame{--mascot1:#30d3a7;--mascot2:#9bf3da}
.detail-mascot.mascot-gachawin{--mascot1:#7a58ff;--mascot2:#cca8ff}


/* ===== V13-57: bigger platform pack art + improved title/text fit ===== */
.platform-index .feature-jump-grid{
  gap:18px!important;
}
.platform-index .feature-card{
  padding:18px 16px 17px!important;
  min-height:0!important;
}
.platform-index .feature-card .feature-card-head{
  grid-template-columns:116px minmax(0,1fr)!important;
  gap:15px!important;
  align-items:start!important;
}
.platform-pack-wrap{
  width:116px!important;
  height:146px!important;
  margin-top:-12px!important;
  filter:drop-shadow(0 12px 18px rgba(20,49,112,.20))!important;
}
.platform-pack-image{
  width:112px!important;
  height:142px!important;
}
.platform-index .feature-card .feature-card-title{
  min-height:120px!important;
  justify-content:flex-start!important;
}
.platform-index .feature-card .feature-card-title>b{
  max-width:100%!important;
  font-size:21px!important;
  line-height:1.00!important;
  letter-spacing:-.04em!important;
  overflow-wrap:anywhere!important;
  word-break:break-word!important;
  hyphens:auto!important;
}
.platform-index .feature-card.pokecollect .feature-card-title>b,
.platform-index .feature-card.gachagame .feature-card-title>b,
.platform-index .feature-card.gachawin .feature-card-title>b,
.platform-index .feature-card.dripshop .feature-card-title>b{
  font-size:18px!important;
  line-height:1.02!important;
}
.platform-index .feature-card .jump-buy-now{
  min-height:33px!important;
  padding:7px 12px!important;
  font-size:11px!important;
}
.platform-index .feature-card .feature-card-description{
  margin-top:11px!important;
  min-height:76px!important;
  font-size:12.4px!important;
  line-height:1.34!important;
}
.platform-index .feature-card.dripshop .feature-card-description,
.platform-index .feature-card.gachagame .feature-card-description,
.platform-index .feature-card.gachawin .feature-card-description,
.platform-index .feature-card.pokecollect .feature-card-description{
  font-size:12.1px!important;
}
.platform-index .feature-card .jump-tags{
  padding-top:10px!important;
  gap:6px!important;
}
.platform-index .feature-card .jump-tags em{
  min-height:28px!important;
  font-size:10px!important;
  padding:6px 8px!important;
}

/* keep second row aligned with first-row color rhythm */
.platform-index .feature-card.dripshop{
  background:linear-gradient(145deg,#fff8dd 0%,#ffedb9 52%,#fff4df 100%)!important;
  border-color:rgba(245,178,48,.34)!important;
}
.platform-index .feature-card.gachawin{
  background:linear-gradient(145deg,#e0f3ff 0%,#cedfff 52%,#edf6ff 100%)!important;
  border-color:rgba(77,137,255,.30)!important;
}
.platform-index .feature-card.dripshop .jump-buy-now{background:linear-gradient(90deg,#ffb31a,#ff8b16)!important}
.platform-index .feature-card.gachawin .jump-buy-now{background:linear-gradient(90deg,#2aa9ff,#4f70ff)!important}
.platform-index .feature-card.dripshop .jump-tags em{color:#7f5413!important}
.platform-index .feature-card.gachawin .jump-tags em{color:#2e59a0!important}

.platform-detail.dripshop-detail{background:linear-gradient(145deg,#fff1d8 0%,#ffe7bd 52%,#fff7e8 100%)!important}
.platform-detail.gachawin-detail{background:linear-gradient(145deg,#e4f0ff 0%,#d0e1ff 52%,#f0f6ff 100%)!important}
.detail-mascot.mascot-dripshop{--mascot1:#ffb33d;--mascot2:#ffd984}
.detail-mascot.mascot-gachawin{--mascot1:#4f8dff;--mascot2:#9ad7ff}

@media(max-width:1180px){
  .platform-index .feature-card .feature-card-head{grid-template-columns:106px minmax(0,1fr)!important}
  .platform-pack-wrap{width:106px!important;height:134px!important}
  .platform-pack-image{width:102px!important;height:130px!important}
  .platform-index .feature-card .feature-card-title{min-height:114px!important}
  .platform-index .feature-card .feature-card-title>b{font-size:20px!important}
  .platform-index .feature-card.pokecollect .feature-card-title>b,
  .platform-index .feature-card.gachagame .feature-card-title>b,
  .platform-index .feature-card.gachawin .feature-card-title>b,
  .platform-index .feature-card.dripshop .feature-card-title>b{font-size:17px!important}
}
@media(max-width:760px){
  .platform-index .feature-card{padding:16px 14px!important}
  .platform-index .feature-card .feature-card-head{grid-template-columns:92px minmax(0,1fr)!important;gap:13px!important}
  .platform-pack-wrap{width:92px!important;height:116px!important;margin-top:-6px!important}
  .platform-pack-image{width:88px!important;height:112px!important}
  .platform-index .feature-card .feature-card-title{min-height:100px!important}
  .platform-index .feature-card .feature-card-title>b{font-size:21px!important}
  .platform-index .feature-card.pokecollect .feature-card-title>b,
  .platform-index .feature-card.gachagame .feature-card-title>b,
  .platform-index .feature-card.gachawin .feature-card-title>b,
  .platform-index .feature-card.dripshop .feature-card-title>b{font-size:18px!important}
  .platform-index .feature-card .feature-card-description{font-size:13px!important;min-height:0!important}
}
@media(max-width:520px){
  .platform-index .feature-card .feature-card-head{grid-template-columns:96px minmax(0,1fr)!important}
  .platform-pack-wrap{width:96px!important;height:120px!important}
  .platform-pack-image{width:92px!important;height:116px!important}
  .platform-index .feature-card .feature-card-title>b{font-size:22px!important}
  .platform-index .feature-card.pokecollect .feature-card-title>b,
  .platform-index .feature-card.gachagame .feature-card-title>b,
  .platform-index .feature-card.gachawin .feature-card-title>b,
  .platform-index .feature-card.dripshop .feature-card-title>b{font-size:19px!important}
}


/* ===== V13-58: logo path fix + 4-column premium platform cards ===== */
.platform-index .feature-jump-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:20px!important;
  align-items:stretch!important;
}
.platform-index .feature-card{
  position:relative!important;
  min-height:0!important;
  padding:18px 17px 17px!important;
  border-radius:28px!important;
  border:1px solid rgba(255,255,255,.62)!important;
  box-shadow:0 22px 52px rgba(15,40,96,.18), inset 0 1px 0 rgba(255,255,255,.92)!important;
  overflow:hidden!important;
}
.platform-index .feature-card:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,0) 30%,rgba(255,255,255,.08) 100%);
  opacity:.9;
}
.platform-index .feature-card .feature-card-head,
.platform-index .feature-card .feature-card-description,
.platform-index .feature-card .jump-tags{
  position:relative!important;
  z-index:2!important;
}
.platform-index .feature-card .feature-card-head{
  grid-template-columns:120px minmax(0,1fr)!important;
  gap:16px!important;
  align-items:start!important;
}
.platform-pack-wrap{
  width:120px!important;
  height:148px!important;
  margin-top:-12px!important;
  filter:drop-shadow(0 15px 22px rgba(26,60,120,.23))!important;
}
.platform-pack-image{
  width:116px!important;
  height:144px!important;
}
.platform-index .feature-card .feature-card-title{
  min-height:118px!important;
  justify-content:flex-start!important;
}
.platform-index .feature-card .feature-card-title>b{
  font-size:24px!important;
  line-height:1.01!important;
  letter-spacing:-.045em!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
  hyphens:auto!important;
}
.platform-index .feature-card.pokecollect .feature-card-title>b,
.platform-index .feature-card.gachagame .feature-card-title>b,
.platform-index .feature-card.gachawin .feature-card-title>b,
.platform-index .feature-card.dripshop .feature-card-title>b{
  font-size:21px!important;
}
.platform-index .feature-card .jump-buy-now{
  min-height:35px!important;
  padding:8px 13px!important;
  font-size:12px!important;
  border-radius:14px!important;
  box-shadow:0 10px 22px rgba(39,88,180,.20)!important;
}
.platform-index .feature-card .feature-card-description{
  margin-top:10px!important;
  min-height:72px!important;
  font-size:13px!important;
  line-height:1.38!important;
  font-weight:820!important;
}
.platform-index .feature-card .jump-tags{
  padding-top:11px!important;
  gap:7px!important;
}
.platform-index .feature-card .jump-tags em{
  min-height:29px!important;
  padding:6px 9px!important;
  font-size:10.5px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.85)!important;
  box-shadow:0 6px 16px rgba(34,67,126,.08)!important;
}
/* Center the last row when there are 10 cards */
.platform-index .feature-jump-grid > .feature-card:nth-child(9){grid-column:2!important;}
.platform-index .feature-jump-grid > .feature-card:nth-child(10){grid-column:3!important;}

@media(max-width:1320px){
  .platform-index .feature-jump-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .platform-index .feature-jump-grid > .feature-card:nth-child(9),
  .platform-index .feature-jump-grid > .feature-card:nth-child(10){grid-column:auto!important;}
}
@media(max-width:1040px){
  .platform-index .feature-card .feature-card-head{grid-template-columns:108px minmax(0,1fr)!important;}
  .platform-pack-wrap{width:108px!important;height:134px!important;}
  .platform-pack-image{width:104px!important;height:130px!important;}
  .platform-index .feature-card .feature-card-title{min-height:108px!important;}
  .platform-index .feature-card .feature-card-title>b{font-size:22px!important;}
  .platform-index .feature-card.pokecollect .feature-card-title>b,
  .platform-index .feature-card.gachagame .feature-card-title>b,
  .platform-index .feature-card.gachawin .feature-card-title>b,
  .platform-index .feature-card.dripshop .feature-card-title>b{font-size:19px!important;}
}
@media(max-width:920px){
  .platform-index .feature-jump-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .platform-index .feature-card .feature-card-head{grid-template-columns:100px minmax(0,1fr)!important;}
  .platform-pack-wrap{width:100px!important;height:124px!important;}
  .platform-pack-image{width:96px!important;height:120px!important;}
  .platform-index .feature-card .feature-card-title{min-height:98px!important;}
}
@media(max-width:560px){
  .platform-index .feature-jump-grid{grid-template-columns:1fr!important;gap:15px!important;}
  .platform-index .feature-card{padding:16px 14px 15px!important;}
  .platform-index .feature-card .feature-card-head{grid-template-columns:94px minmax(0,1fr)!important;gap:13px!important;}
  .platform-pack-wrap{width:94px!important;height:118px!important;margin-top:-6px!important;}
  .platform-pack-image{width:90px!important;height:114px!important;}
  .platform-index .feature-card .feature-card-title{min-height:0!important;}
  .platform-index .feature-card .feature-card-title>b{font-size:23px!important;}
  .platform-index .feature-card.pokecollect .feature-card-title>b,
  .platform-index .feature-card.gachagame .feature-card-title>b,
  .platform-index .feature-card.gachawin .feature-card-title>b,
  .platform-index .feature-card.dripshop .feature-card-title>b{font-size:20px!important;}
  .platform-index .feature-card .feature-card-description{min-height:0!important;font-size:13.5px!important;}
}


/* ===== V13-59: premium platform cards + full-width bottom offer CTA ===== */
.platform-index .feature-jump-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:22px!important;
  align-items:stretch!important;
}
.platform-index .feature-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  min-height:435px!important;
  padding:18px 16px 16px!important;
  border-radius:30px!important;
  border:1px solid rgba(255,255,255,.75)!important;
  box-shadow:0 24px 56px rgba(16,34,92,.20), inset 0 1px 0 rgba(255,255,255,.92)!important;
  overflow:hidden!important;
  isolation:isolate!important;
}
.platform-index .feature-card::before{
  content:"";
  position:absolute; inset:0; z-index:0; pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0) 36%,rgba(255,255,255,.08) 100%);
}
.platform-index .feature-card::after{
  content:"";
  position:absolute; left:16px; right:16px; top:15px; height:92px; z-index:0; pointer-events:none;
  border-radius:24px;
  background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.28),rgba(255,255,255,0) 72%);
}
.platform-index .feature-card>*{position:relative;z-index:1;}
.platform-index .feature-card.phygitals{
  box-shadow:0 26px 64px rgba(0,84,255,.22), inset 0 1px 0 rgba(255,255,255,.96)!important;
  border-color:rgba(255,255,255,.82)!important;
}
.platform-index .feature-card .feature-card-head{
  grid-template-columns:112px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:start!important;
}
.platform-pack-wrap{
  width:112px!important;
  height:136px!important;
  margin-top:-10px!important;
  filter:drop-shadow(0 16px 26px rgba(18,54,118,.25))!important;
}
.platform-index .feature-card.phygitals .platform-pack-wrap{
  width:118px!important;
  height:144px!important;
}
.platform-pack-image{
  width:108px!important;
  height:132px!important;
  object-fit:contain!important;
}
.platform-index .feature-card.phygitals .platform-pack-image{
  width:114px!important;
  height:140px!important;
}
.platform-index .feature-card .feature-card-title{
  min-height:104px!important;
  justify-content:flex-start!important;
}
.platform-index .feature-card .feature-card-title>b{
  font-size:20px!important;
  line-height:1.02!important;
  letter-spacing:-.04em!important;
  color:#0c2750!important;
  text-wrap:balance!important;
}
.platform-index .feature-card .jump-buy-now{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:flex-start!important;
  margin-top:10px!important;
  min-height:36px!important;
  padding:8px 16px!important;
  border-radius:999px!important;
  font-size:12px!important;
  font-weight:950!important;
  color:#fff!important;
  box-shadow:0 10px 22px rgba(41,95,205,.20)!important;
}
.platform-index .feature-card .feature-card-description{
  margin-top:10px!important;
  min-height:74px!important;
  font-size:12.7px!important;
  line-height:1.35!important;
  color:#17345c!important;
  font-weight:820!important;
}
.platform-index .feature-card .jump-tags{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  padding-top:12px!important;
  margin-top:auto!important;
}
.platform-index .feature-card .jump-tags em{
  display:inline-flex!important;
  align-items:center!important;
  min-height:31px!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.84)!important;
  border:1px solid rgba(255,255,255,.88)!important;
  box-shadow:0 6px 16px rgba(36,66,126,.08)!important;
  font-size:10.5px!important;
  font-weight:900!important;
}
.platform-index .feature-card .jump-bonus-cta{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  margin-top:14px!important;
  min-height:46px!important;
  padding:12px 16px!important;
  border-radius:16px!important;
  font-size:14px!important;
  font-weight:950!important;
  text-align:center!important;
  color:#fff!important;
  background:linear-gradient(90deg,#1eb5ff,#2d71ff)!important;
  box-shadow:0 14px 28px rgba(38,97,219,.24)!important;
}
.platform-index .feature-card.gotya .jump-bonus-cta{background:linear-gradient(90deg,#bf53ff,#8d53ff)!important;}
.platform-index .feature-card.hapabox .jump-bonus-cta{background:linear-gradient(90deg,#ffb11a,#ff8d15)!important;}
.platform-index .feature-card.dopa .jump-bonus-cta{background:linear-gradient(90deg,#19d57a,#14c58f)!important;}
.platform-index .feature-card.packs .jump-bonus-cta{background:linear-gradient(90deg,#1ea1ff,#3a65ff)!important;}
.platform-index .feature-card.boxed .jump-bonus-cta{background:linear-gradient(90deg,#16c8ff,#497dff)!important;}
.platform-index .feature-card.pokecollect .jump-bonus-cta{background:linear-gradient(90deg,#cf55ff,#9460ff)!important;}
.platform-index .feature-card.dripshop .jump-bonus-cta{background:linear-gradient(90deg,#ffb31a,#ff9018)!important;}
.platform-index .feature-card.gachagame .jump-bonus-cta{background:linear-gradient(90deg,#1acb96,#2aaeff)!important;}
.platform-index .feature-card.gachawin .jump-bonus-cta{background:linear-gradient(90deg,#1ea2ff,#5d73ff)!important;}
/* prefer Phygitals visual baseline for the first row */
.platform-index .feature-card.packs{
  background:linear-gradient(145deg,#e8f4ff 0%,#d8e8ff 52%,#eff7ff 100%)!important;
  border-color:rgba(92,151,255,.34)!important;
}
.platform-index .feature-card.dripshop{
  background:linear-gradient(145deg,#f1ecff 0%,#dfd6ff 52%,#f7f3ff 100%)!important;
  border-color:rgba(148,118,236,.30)!important;
}
.platform-index .feature-card.gachagame{
  background:linear-gradient(145deg,#fff0df 0%,#ffe0bf 52%,#fff7ea 100%)!important;
  border-color:rgba(255,160,88,.32)!important;
}
.platform-index .feature-card.gachawin{
  background:linear-gradient(145deg,#dff7ff 0%,#c8eefe 52%,#eefaff 100%)!important;
  border-color:rgba(55,188,255,.30)!important;
}
@media(max-width:1320px){
  .platform-index .feature-jump-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  .platform-index .feature-card .feature-card-head{grid-template-columns:102px minmax(0,1fr)!important;}
  .platform-pack-wrap{width:102px!important;height:126px!important;}
  .platform-pack-image{width:98px!important;height:122px!important;}
  .platform-index .feature-card.phygitals .platform-pack-wrap{width:108px!important;height:132px!important;}
  .platform-index .feature-card.phygitals .platform-pack-image{width:104px!important;height:128px!important;}
}
@media(max-width:1160px){
  .platform-index .feature-jump-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .platform-index .feature-jump-grid > .feature-card:nth-child(9), .platform-index .feature-jump-grid > .feature-card:nth-child(10){grid-column:auto!important;}
}
@media(max-width:900px){
  .platform-index .feature-jump-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:560px){
  .platform-index .feature-jump-grid{grid-template-columns:1fr!important;gap:15px!important;}
  .platform-index .feature-card{min-height:0!important;padding:16px 14px 15px!important;}
  .platform-index .feature-card .feature-card-head{grid-template-columns:96px minmax(0,1fr)!important;gap:12px!important;}
  .platform-pack-wrap{width:96px!important;height:118px!important;margin-top:-6px!important;}
  .platform-pack-image{width:92px!important;height:114px!important;}
  .platform-index .feature-card .feature-card-title{min-height:0!important;}
  .platform-index .feature-card .feature-card-title>b{font-size:23px!important;}
  .platform-index .feature-card .feature-card-description{min-height:0!important;font-size:13.3px!important;}
}


/* ===== V13-60: promo-card redesign based on approved visual reference ===== */
.platform-index .feature-jump-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:22px!important;
  align-items:stretch!important;
}
.platform-index .feature-card{
  --card-accent:#2aa9ff;
  --card-accent-2:#345cff;
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  min-height:560px!important;
  padding:0 18px 18px!important;
  border-radius:30px!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.82)!important;
  box-shadow:0 28px 70px rgba(13,34,91,.22),inset 0 1px 0 rgba(255,255,255,.96)!important;
  text-decoration:none!important;
  isolation:isolate!important;
}
.platform-index .feature-card:before{
  content:"";
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 50% 7%,rgba(255,255,255,.52),transparent 28%),
    linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,0) 34%,rgba(255,255,255,.12) 100%)!important;
}
.platform-index .feature-card:after{
  content:"";
  position:absolute!important;
  left:12px!important;
  right:12px!important;
  top:14px!important;
  height:210px!important;
  border-radius:25px!important;
  z-index:0!important;
  pointer-events:none!important;
  border:1px solid rgba(255,255,255,.38)!important;
  box-shadow:inset 0 0 30px rgba(255,255,255,.16)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,0))!important;
}
.platform-index .feature-card>*{position:relative!important;z-index:2!important;}

.platform-index .feature-card.phygitals{--card-accent:#10bfff;--card-accent-2:#1769ff;background:linear-gradient(180deg,#c7f4ff 0%,#dff8ff 38%,#edfaff 100%)!important;}
.platform-index .feature-card.gotya{--card-accent:#c33dff;--card-accent-2:#7f3cff;background:linear-gradient(180deg,#efd9ff 0%,#f3e7ff 38%,#fbf5ff 100%)!important;}
.platform-index .feature-card.hapabox{--card-accent:#ffad16;--card-accent-2:#ff7a10;background:linear-gradient(180deg,#ffe9b3 0%,#fff1cf 38%,#fff8e9 100%)!important;}
.platform-index .feature-card.dopa{--card-accent:#19d87b;--card-accent-2:#0cad77;background:linear-gradient(180deg,#c6f7dd 0%,#ddfae9 38%,#eefcf5 100%)!important;}
.platform-index .feature-card.packs{--card-accent:#19a9ff;--card-accent-2:#315fff;background:linear-gradient(180deg,#cfe8ff 0%,#deedff 38%,#f0f6ff 100%)!important;}
.platform-index .feature-card.boxed{--card-accent:#1ebaff;--card-accent-2:#4a6cff;background:linear-gradient(180deg,#d7f2ff 0%,#e6f7ff 38%,#f5fbff 100%)!important;}
.platform-index .feature-card.pokecollect{--card-accent:#d04cff;--card-accent-2:#8857ff;background:linear-gradient(180deg,#f0ddff 0%,#f6eaff 38%,#fcf7ff 100%)!important;}
.platform-index .feature-card.dripshop{--card-accent:#ff9e1a;--card-accent-2:#ff6e20;background:linear-gradient(180deg,#ffe8c7 0%,#fff0d9 38%,#fff8ef 100%)!important;}
.platform-index .feature-card.gachagame{--card-accent:#23d49c;--card-accent-2:#249ff5;background:linear-gradient(180deg,#d2f7eb 0%,#e2faf2 38%,#f3fdf9 100%)!important;}
.platform-index .feature-card.gachawin{--card-accent:#6275ff;--card-accent-2:#1fa8ff;background:linear-gradient(180deg,#d9ebff 0%,#e7f1ff 38%,#f5f9ff 100%)!important;}

.platform-promo-art{
  position:relative!important;
  display:block!important;
  height:222px!important;
  margin:0 -4px 0!important;
}
.platform-promo-art:before,
.platform-promo-art:after{
  content:"✦";
  position:absolute!important;
  top:56px!important;
  z-index:1!important;
  font-size:26px!important;
  color:#fff!important;
  text-shadow:0 0 12px var(--card-accent),0 0 24px var(--card-accent)!important;
}
.platform-promo-art:before{left:10px!important;}
.platform-promo-art:after{right:10px!important;}
.promo-pack{
  position:absolute!important;
  bottom:8px!important;
  left:50%!important;
  width:124px!important;
  height:168px!important;
  object-fit:contain!important;
  transform-origin:50% 100%!important;
  filter:drop-shadow(0 16px 24px rgba(19,45,104,.28))!important;
}
.promo-pack-main{
  z-index:3!important;
  transform:translateX(-50%) scale(1.24)!important;
}
.promo-pack-left{
  z-index:1!important;
  transform:translateX(-108%) rotate(-14deg) scale(.88)!important;
  opacity:.78!important;
}
.promo-pack-right{
  z-index:1!important;
  transform:translateX(8%) rotate(14deg) scale(.88)!important;
  opacity:.78!important;
}
.platform-index .feature-card.phygitals .promo-pack-main{transform:translateX(-50%) scale(1.32)!important;}

.promo-title-wrap{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  min-height:auto!important;
  margin-top:-5px!important;
  text-align:center!important;
}
.platform-index .feature-card .promo-title-wrap>b{
  display:block!important;
  width:100%!important;
  margin:0!important;
  font-size:38px!important;
  line-height:.98!important;
  letter-spacing:-.055em!important;
  font-weight:1000!important;
  color:#fff!important;
  text-align:center!important;
  background:linear-gradient(180deg,#fff 0%,#e8f6ff 24%,var(--card-accent) 78%,var(--card-accent-2) 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  filter:drop-shadow(0 4px 0 rgba(9,31,82,.92)) drop-shadow(0 7px 9px rgba(13,35,88,.32))!important;
  text-wrap:balance!important;
}
.platform-index .feature-card.pokecollect .promo-title-wrap>b,
.platform-index .feature-card.gachagame .promo-title-wrap>b{font-size:31px!important;}
.platform-index .feature-card.dripshop .promo-title-wrap>b{font-size:34px!important;}

.platform-index .feature-card .promo-try-now{
  align-self:center!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  width:min(76%,220px)!important;
  min-height:52px!important;
  margin:17px auto 0!important;
  padding:12px 18px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,var(--card-accent),var(--card-accent-2))!important;
  color:#fff!important;
  font-size:17px!important;
  font-weight:950!important;
  box-shadow:0 13px 28px color-mix(in srgb,var(--card-accent) 35%,transparent)!important;
}
.platform-index .feature-card .feature-card-description{
  display:block!important;
  margin:19px 4px 0!important;
  min-height:64px!important;
  font-size:15px!important;
  line-height:1.36!important;
  font-weight:850!important;
  color:#15315f!important;
  text-align:left!important;
}
.platform-index .feature-card .promo-tags{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:13px!important;
  padding:0!important;
}
.platform-index .feature-card .promo-tags em{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:38px!important;
  padding:8px 10px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.82)!important;
  border:1px solid rgba(255,255,255,.94)!important;
  box-shadow:0 7px 18px rgba(30,59,120,.08)!important;
  color:#15325f!important;
  font-size:11px!important;
  font-weight:900!important;
  white-space:normal!important;
}
.platform-index .feature-card .promo-tags em i{
  position:relative!important;
  display:inline-grid!important;
  place-items:center!important;
  width:22px!important;
  height:22px!important;
  flex:0 0 22px!important;
  border-radius:50%!important;
  background:linear-gradient(145deg,var(--card-accent),var(--card-accent-2))!important;
  box-shadow:0 4px 9px color-mix(in srgb,var(--card-accent) 30%,transparent)!important;
}
.platform-index .feature-card .promo-tags em i:before{
  content:"✓"!important;
  color:#fff!important;
  font-size:12px!important;
  font-style:normal!important;
  font-weight:1000!important;
}
.platform-index .feature-card .jump-bonus-cta{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:50px!important;
  margin-top:auto!important;
  padding:13px 16px!important;
  border-radius:16px!important;
  background:linear-gradient(90deg,var(--card-accent),var(--card-accent-2))!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:950!important;
  text-align:center!important;
  box-shadow:0 13px 28px color-mix(in srgb,var(--card-accent) 34%,transparent)!important;
}
.platform-index .feature-card:hover{
  transform:translateY(-6px)!important;
  box-shadow:0 34px 78px rgba(13,34,91,.28),inset 0 1px 0 rgba(255,255,255,.98)!important;
}

/* 4 + 4 + 2 desktop layout */
.platform-index .feature-jump-grid > .feature-card:nth-child(9){grid-column:2!important;}
.platform-index .feature-jump-grid > .feature-card:nth-child(10){grid-column:3!important;}

@media(max-width:1320px){
  .platform-index .feature-jump-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .platform-index .feature-jump-grid > .feature-card:nth-child(9),
  .platform-index .feature-jump-grid > .feature-card:nth-child(10){grid-column:auto!important;}
}
@media(max-width:980px){
  .platform-index .feature-jump-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:620px){
  .platform-index .feature-jump-grid{grid-template-columns:1fr!important;gap:16px!important;}
  .platform-index .feature-card{min-height:0!important;}
  .platform-promo-art{height:210px!important;}
  .promo-pack{width:118px!important;height:158px!important;}
  .platform-index .feature-card .promo-title-wrap>b{font-size:36px!important;}
  .platform-index .feature-card .promo-tags{grid-template-columns:1fr 1fr!important;}
}


/* ===== V13-61: refined promo cards closer to approved reference ===== */
.platform-index .feature-jump-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:24px!important;
}
.platform-index .feature-card{
  min-height:522px!important;
  padding:0 18px 18px!important;
  border-radius:32px!important;
  border:1px solid rgba(255,255,255,.88)!important;
  box-shadow:0 24px 56px rgba(18,38,98,.18), inset 0 1px 0 rgba(255,255,255,.96)!important;
}
.platform-index .feature-card:after{
  left:14px!important; right:14px!important; top:16px!important; height:186px!important;
  border-radius:24px!important;
  border:1px solid rgba(255,255,255,.34)!important;
  box-shadow:inset 0 0 26px rgba(255,255,255,.14)!important;
}
.platform-promo-art{
  height:194px!important;
  margin:0 -2px 0!important;
}
.platform-promo-art:before,.platform-promo-art:after{
  top:50px!important;
  font-size:24px!important;
}
.promo-pack{
  width:118px!important;
  height:160px!important;
  bottom:4px!important;
  filter:drop-shadow(0 13px 22px rgba(19,45,104,.24))!important;
}
.promo-pack-main{transform:translateX(-50%) scale(1.18)!important;}
.promo-pack-left{transform:translateX(-108%) rotate(-13deg) scale(.80)!important; opacity:.82!important;}
.promo-pack-right{transform:translateX(8%) rotate(13deg) scale(.80)!important; opacity:.82!important;}
.platform-index .feature-card.phygitals .promo-pack-main{transform:translateX(-50%) scale(1.24)!important;}
.promo-title-wrap{
  margin-top:2px!important;
  min-height:78px!important;
}
.platform-index .feature-card .promo-title-wrap>b{
  font-size:33px!important;
  line-height:1.0!important;
  letter-spacing:-.048em!important;
  font-weight:1000!important;
  -webkit-text-stroke:1.3px rgba(8,30,82,.58)!important;
  text-shadow:0 4px 0 rgba(9,31,82,.20), 0 8px 16px rgba(14,37,93,.14)!important;
  filter:none!important;
}
.platform-index .feature-card.packs .promo-title-wrap>b{font-size:31px!important;}
.platform-index .feature-card.pokecollect .promo-title-wrap>b,
.platform-index .feature-card.gachagame .promo-title-wrap>b{font-size:28px!important;}
.platform-index .feature-card.dripshop .promo-title-wrap>b,
.platform-index .feature-card.gachawin .promo-title-wrap>b{font-size:30px!important;}
.platform-index .feature-card .promo-try-now{
  width:min(72%,214px)!important;
  min-height:50px!important;
  margin:12px auto 0!important;
  font-size:16px!important;
  box-shadow:0 10px 24px rgba(41,95,205,.18)!important;
}
.platform-index .feature-card .feature-card-description{
  margin:18px 6px 0!important;
  min-height:58px!important;
  font-size:14px!important;
  line-height:1.34!important;
}
.platform-index .feature-card .promo-tags{
  gap:9px!important;
  margin-top:14px!important;
}
.platform-index .feature-card .promo-tags em{
  min-height:36px!important;
  padding:7px 10px!important;
  font-size:10.8px!important;
}
.platform-index .feature-card .promo-tags em i{width:21px!important;height:21px!important;flex:0 0 21px!important;}
.platform-index .feature-card .jump-bonus-cta{
  min-height:48px!important;
  margin-top:14px!important;
  border-radius:16px!important;
  font-size:14px!important;
}
/* stronger “Phygitals best” baseline */
.platform-index .feature-card.phygitals{
  background:linear-gradient(180deg,#c8f2ff 0%,#dff7ff 38%,#eefbff 100%)!important;
  box-shadow:0 28px 68px rgba(16,125,255,.20), inset 0 1px 0 rgba(255,255,255,.98)!important;
}
.platform-index .feature-card.gotya{background:linear-gradient(180deg,#efd9ff 0%,#f5e7ff 38%,#fcf5ff 100%)!important;}
.platform-index .feature-card.hapabox{background:linear-gradient(180deg,#ffebb8 0%,#fff3d7 38%,#fff9ec 100%)!important;}
.platform-index .feature-card.dopa{background:linear-gradient(180deg,#cff7df 0%,#e1faea 38%,#effcf5 100%)!important;}
.platform-index .feature-card.packs{background:linear-gradient(180deg,#d6ecff 0%,#e5f1ff 38%,#f2f7ff 100%)!important;}
/* keep desktop 4-up, then 3/2/1 responsive */
@media(max-width:1320px){
  .platform-index .feature-jump-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:20px!important;}
  .promo-pack{width:110px!important;height:150px!important;}
  .platform-index .feature-card .promo-title-wrap>b{font-size:30px!important;}
  .platform-index .feature-card.pokecollect .promo-title-wrap>b, .platform-index .feature-card.gachagame .promo-title-wrap>b{font-size:27px!important;}
}
@media(max-width:1160px){
  .platform-index .feature-jump-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .platform-index .feature-jump-grid > .feature-card:nth-child(9),.platform-index .feature-jump-grid > .feature-card:nth-child(10){grid-column:auto!important;}
}
@media(max-width:900px){
  .platform-index .feature-jump-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:620px){
  .platform-index .feature-jump-grid{grid-template-columns:1fr!important;gap:16px!important;}
  .platform-index .feature-card{min-height:0!important;}
}


/* ===== V13-62: platform cards rebuilt closer to approved 5-card premium reference ===== */
.platform-index .feature-jump-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
}
.platform-index .feature-jump-grid > .feature-card:nth-child(9),
.platform-index .feature-jump-grid > .feature-card:nth-child(10){grid-column:auto!important;}

.platform-index .feature-card{
  --card-accent:#23a8ff;
  --card-accent-2:#2f67ff;
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  min-height:458px!important;
  padding:0 14px 15px!important;
  border-radius:28px!important;
  overflow:visible!important;
  border:1px solid rgba(255,255,255,.58)!important;
  text-decoration:none!important;
  isolation:isolate!important;
  box-shadow:0 18px 42px rgba(13,34,91,.16), 0 0 0 1px rgba(255,255,255,.18) inset!important;
}
.platform-index .feature-card::before{
  content:"";
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  border-radius:inherit!important;
  background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.03) 30%,rgba(255,255,255,.09) 100%)!important;
  pointer-events:none!important;
}
.platform-index .feature-card::after{
  content:"";
  position:absolute!important;
  left:12px!important;
  right:12px!important;
  top:14px!important;
  height:118px!important;
  border-radius:22px!important;
  z-index:0!important;
  pointer-events:none!important;
  border:1px solid rgba(255,255,255,.34)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.28),rgba(255,255,255,.05))!important;
  box-shadow:inset 0 0 24px rgba(255,255,255,.14)!important;
}
.platform-index .feature-card>*{position:relative!important;z-index:2!important;}

/* color identities */
.platform-index .feature-card.phygitals{--card-accent:#19baff;--card-accent-2:#1967ff;background:radial-gradient(circle at 50% 0%,rgba(80,225,255,.25),transparent 33%), linear-gradient(180deg,#bfeeff 0%,#d8f6ff 46%,#ecfbff 100%)!important; border-color:rgba(69,198,255,.44)!important; box-shadow:0 22px 50px rgba(0,110,255,.18),0 0 26px rgba(39,193,255,.16),0 0 0 1px rgba(255,255,255,.16) inset!important;}
.platform-index .feature-card.gotya{--card-accent:#ca4eff;--card-accent-2:#7a39ff;background:radial-gradient(circle at 50% 0%,rgba(255,130,255,.22),transparent 33%), linear-gradient(180deg,#efd5ff 0%,#f6e8ff 46%,#fcf6ff 100%)!important; border-color:rgba(198,93,255,.42)!important; box-shadow:0 22px 50px rgba(127,58,255,.16),0 0 26px rgba(201,78,255,.16),0 0 0 1px rgba(255,255,255,.16) inset!important;}
.platform-index .feature-card.hapabox{--card-accent:#ffb118;--card-accent-2:#ff8614;background:radial-gradient(circle at 50% 0%,rgba(255,204,70,.24),transparent 33%), linear-gradient(180deg,#ffe7a8 0%,#fff0cb 46%,#fff8eb 100%)!important; border-color:rgba(255,177,43,.45)!important; box-shadow:0 22px 50px rgba(255,145,23,.15),0 0 26px rgba(255,187,66,.16),0 0 0 1px rgba(255,255,255,.16) inset!important;}
.platform-index .feature-card.dopa{--card-accent:#1ad67a;--card-accent-2:#11b889;background:radial-gradient(circle at 50% 0%,rgba(83,255,160,.22),transparent 33%), linear-gradient(180deg,#c5f7db 0%,#defae9 46%,#eefcf5 100%)!important; border-color:rgba(47,206,123,.44)!important; box-shadow:0 22px 50px rgba(12,174,109,.15),0 0 26px rgba(66,223,136,.15),0 0 0 1px rgba(255,255,255,.16) inset!important;}
.platform-index .feature-card.packs{--card-accent:#199dff;--card-accent-2:#2962ff;background:radial-gradient(circle at 50% 0%,rgba(88,188,255,.22),transparent 33%), linear-gradient(180deg,#cce5ff 0%,#deedff 46%,#eef6ff 100%)!important; border-color:rgba(74,146,255,.44)!important; box-shadow:0 22px 50px rgba(30,107,255,.16),0 0 26px rgba(59,172,255,.15),0 0 0 1px rgba(255,255,255,.16) inset!important;}
/* extra platform identities */
.platform-index .feature-card.boxed{--card-accent:#19c4ff;--card-accent-2:#5070ff;background:radial-gradient(circle at 50% 0%,rgba(100,217,255,.2),transparent 33%), linear-gradient(180deg,#d8f4ff 0%,#e8f9ff 46%,#f6fbff 100%)!important; border-color:rgba(80,178,255,.38)!important;}
.platform-index .feature-card.pokecollect{--card-accent:#d653ff;--card-accent-2:#8d5aff;background:radial-gradient(circle at 50% 0%,rgba(213,99,255,.18),transparent 33%), linear-gradient(180deg,#f0deff 0%,#f7ecff 46%,#fcf8ff 100%)!important; border-color:rgba(180,96,255,.38)!important;}
.platform-index .feature-card.dripshop{--card-accent:#ffab1b;--card-accent-2:#ff7920;background:radial-gradient(circle at 50% 0%,rgba(255,174,61,.18),transparent 33%), linear-gradient(180deg,#ffe9c6 0%,#fff1db 46%,#fff8ef 100%)!important; border-color:rgba(255,158,66,.38)!important;}
.platform-index .feature-card.gachagame{--card-accent:#18d49a;--card-accent-2:#22a6ff;background:radial-gradient(circle at 50% 0%,rgba(89,236,181,.18),transparent 33%), linear-gradient(180deg,#d1f8eb 0%,#e3faf3 46%,#f4fdfa 100%)!important; border-color:rgba(61,204,166,.38)!important;}
.platform-index .feature-card.gachawin{--card-accent:#4f84ff;--card-accent-2:#18acff;background:radial-gradient(circle at 50% 0%,rgba(113,170,255,.18),transparent 33%), linear-gradient(180deg,#dcedff 0%,#e9f4ff 46%,#f5faff 100%)!important; border-color:rgba(83,157,255,.38)!important;}

.platform-promo-art{
  position:relative!important;
  display:block!important;
  height:126px!important;
  margin:-24px -2px 0!important;
}
.platform-promo-art::before,
.platform-promo-art::after{
  content:"✦";
  position:absolute!important;
  top:34px!important;
  z-index:4!important;
  font-size:22px!important;
  color:#fff!important;
  text-shadow:0 0 9px rgba(255,255,255,.85), 0 0 14px var(--card-accent)!important;
}
.platform-promo-art::before{left:12px!important;}
.platform-promo-art::after{right:12px!important;}
.promo-pack{
  position:absolute!important;
  bottom:-8px!important;
  left:50%!important;
  width:94px!important;
  height:128px!important;
  object-fit:contain!important;
  transform-origin:50% 100%!important;
  filter:drop-shadow(0 10px 18px rgba(19,45,104,.26))!important;
}
.promo-pack-main{z-index:3!important;transform:translateX(-50%) scale(1.26)!important;}
.promo-pack-left{z-index:1!important;transform:translateX(-112%) rotate(-14deg) scale(.82)!important;opacity:.84!important;}
.promo-pack-right{z-index:1!important;transform:translateX(12%) rotate(14deg) scale(.82)!important;opacity:.84!important;}
.platform-index .feature-card.phygitals .promo-pack-main{transform:translateX(-50%) scale(1.31)!important;}

.promo-title-wrap{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  min-height:74px!important;
  margin-top:16px!important;
  text-align:center!important;
}
.platform-index .feature-card .promo-title-wrap>b{
  display:block!important;
  width:100%!important;
  margin:0!important;
  font-size:31px!important;
  line-height:.98!important;
  letter-spacing:-.045em!important;
  font-weight:1000!important;
  text-align:center!important;
  color:#fff!important;
  background:linear-gradient(180deg,#ffffff 0%,#ffffff 18%,color-mix(in srgb,var(--card-accent) 26%, white) 40%,var(--card-accent) 77%,var(--card-accent-2) 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  -webkit-text-stroke:1.8px rgba(9,31,82,.62)!important;
  text-shadow:0 3px 0 rgba(12,32,81,.58), 0 7px 12px rgba(15,35,88,.20)!important;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.28))!important;
}
.platform-index .feature-card.packs .promo-title-wrap>b{font-size:29px!important;}
.platform-index .feature-card.pokecollect .promo-title-wrap>b{font-size:28px!important;}
.platform-index .feature-card.gachagame .promo-title-wrap>b{font-size:27px!important;}
.platform-index .feature-card.dripshop .promo-title-wrap>b{font-size:28px!important;}
.platform-index .feature-card.gachawin .promo-title-wrap>b{font-size:29px!important;}

.platform-index .feature-card .promo-try-now{
  align-self:center!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  width:min(76%,180px)!important;
  min-height:48px!important;
  margin:6px auto 0!important;
  padding:11px 16px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,var(--card-accent),var(--card-accent-2))!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:950!important;
  letter-spacing:-.01em!important;
  box-shadow:0 10px 22px rgba(37,91,198,.18)!important;
}
.platform-index .feature-card .feature-card-description{
  display:block!important;
  margin:14px 4px 0!important;
  min-height:48px!important;
  font-size:13.4px!important;
  line-height:1.34!important;
  font-weight:830!important;
  color:#15315f!important;
  text-align:left!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.platform-index .feature-card .promo-tags{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;
  margin-top:14px!important;
  padding:0!important;
}
.platform-index .feature-card .promo-tags em{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:34px!important;
  padding:7px 9px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.78)!important;
  border:1px solid rgba(255,255,255,.82)!important;
  box-shadow:0 5px 14px rgba(30,59,120,.07)!important;
  color:#173460!important;
  font-size:10.4px!important;
  font-weight:900!important;
  white-space:normal!important;
}
.platform-index .feature-card .promo-tags em i{
  position:relative!important;
  display:inline-grid!important;
  place-items:center!important;
  width:18px!important;
  height:18px!important;
  flex:0 0 18px!important;
  border-radius:50%!important;
  background:linear-gradient(145deg,var(--card-accent),var(--card-accent-2))!important;
  box-shadow:0 4px 8px rgba(30,83,190,.14)!important;
}
.platform-index .feature-card .promo-tags em i::before{
  content:"✓"!important;
  color:#fff!important;
  font-size:11px!important;
  font-style:normal!important;
  font-weight:1000!important;
  line-height:1!important;
}
.platform-index .feature-card .jump-bonus-cta{display:none!important;}
.platform-index .feature-card:hover{
  transform:translateY(-5px)!important;
  box-shadow:0 24px 56px rgba(13,34,91,.20),0 0 28px rgba(72,170,255,.18)!important;
}

@media(max-width:1500px){
  .platform-index .feature-jump-grid{gap:16px!important;}
  .platform-index .feature-card{padding:0 12px 14px!important;}
  .platform-index .feature-card .promo-title-wrap>b{font-size:29px!important;}
  .platform-index .feature-card.packs .promo-title-wrap>b{font-size:28px!important;}
  .platform-index .feature-card.pokecollect .promo-title-wrap>b{font-size:26px!important;}
  .platform-index .feature-card.gachagame .promo-title-wrap>b{font-size:25px!important;}
  .platform-index .feature-card.dripshop .promo-title-wrap>b{font-size:26px!important;}
  .platform-index .feature-card.gachawin .promo-title-wrap>b{font-size:27px!important;}
  .platform-index .feature-card .feature-card-description{font-size:12.8px!important;}
  .platform-index .feature-card .promo-tags em{font-size:10px!important;}
}
@media(max-width:1280px){
  .platform-index .feature-jump-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
}
@media(max-width:1080px){
  .platform-index .feature-jump-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:860px){
  .platform-index .feature-jump-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:560px){
  .platform-index .feature-jump-grid{grid-template-columns:1fr!important;gap:16px!important;}
  .platform-index .feature-card{min-height:0!important;}
  .platform-promo-art{height:132px!important;}
  .platform-index .feature-card .promo-title-wrap>b{font-size:33px!important;}
}


/* ===== V13-63: top 5 platform cards use provided pack+logo hero art ===== */
.platform-index .feature-card.has-composite-hero{
  min-height:458px!important;
  padding-top:0!important;
}
.platform-index .feature-card.has-composite-hero .platform-promo-art{
  height:164px!important;
  margin:-12px -8px 0!important;
  overflow:visible!important;
}
.platform-index .feature-card.has-composite-hero .platform-promo-art::before,
.platform-index .feature-card.has-composite-hero .platform-promo-art::after{
  content:none!important;
}
.platform-index .feature-card.has-composite-hero .promo-card-hero{
  display:block!important;
  width:124%!important;
  max-width:none!important;
  height:auto!important;
  margin-left:-12%!important;
  margin-top:-36px!important;
  filter:drop-shadow(0 12px 20px rgba(18,54,118,.16))!important;
}
.platform-index .feature-card.has-composite-hero .promo-title-wrap.promo-title-hidden{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
  min-height:0!important;
}
.platform-index .feature-card.has-composite-hero .promo-try-now{
  margin-top:2px!important;
}
.platform-index .feature-card.has-composite-hero .feature-card-description{
  margin-top:12px!important;
}
/* slightly platform-specific scaling for best fit */
.platform-index .feature-card.phygitals.has-composite-hero .promo-card-hero{width:126%!important;margin-left:-13%!important;margin-top:-38px!important;}
.platform-index .feature-card.gotya.has-composite-hero .promo-card-hero{width:120%!important;margin-left:-10%!important;margin-top:-34px!important;}
.platform-index .feature-card.hapabox.has-composite-hero .promo-card-hero{width:122%!important;margin-left:-11%!important;margin-top:-35px!important;}
.platform-index .feature-card.dopa.has-composite-hero .promo-card-hero{width:121%!important;margin-left:-10.5%!important;margin-top:-34px!important;}
.platform-index .feature-card.packs.has-composite-hero .promo-card-hero{width:122%!important;margin-left:-11%!important;margin-top:-34px!important;}

@media(max-width:1500px){
  .platform-index .feature-card.has-composite-hero .platform-promo-art{height:156px!important;}
  .platform-index .feature-card.has-composite-hero .promo-card-hero{margin-top:-32px!important;}
}
@media(max-width:1280px){
  .platform-index .feature-card.has-composite-hero .platform-promo-art{height:148px!important;}
}
@media(max-width:560px){
  .platform-index .feature-card.has-composite-hero .platform-promo-art{height:164px!important;margin:-14px -6px 0!important;}
  .platform-index .feature-card.has-composite-hero .promo-card-hero{width:118%!important;margin-left:-9%!important;margin-top:-28px!important;}
}


/* ===== V13-64 release marker ===== */


/* ===== V13-65: use the five user-supplied pack+logo images directly ===== */
.platform-index .feature-card.has-composite-hero{
  overflow:hidden!important;
  min-height:438px!important;
}
.platform-index .feature-card.has-composite-hero .platform-promo-art{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  width:100%!important;
  height:148px!important;
  margin:-10px 0 0!important;
  overflow:visible!important;
}
.platform-index .feature-card.has-composite-hero .platform-promo-art::before,
.platform-index .feature-card.has-composite-hero .platform-promo-art::after{
  content:none!important;
}
.platform-index .feature-card.has-composite-hero .promo-card-hero{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  max-height:148px!important;
  object-fit:contain!important;
  object-position:center bottom!important;
  margin:0!important;
  transform:none!important;
  filter:drop-shadow(0 9px 14px rgba(15,47,105,.15))!important;
}
.platform-index .feature-card.has-composite-hero .promo-title-wrap.promo-title-hidden{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  min-height:0!important;
  margin:-1px!important;
  padding:0!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
}
.platform-index .feature-card.has-composite-hero .promo-try-now{
  margin:3px auto 0!important;
}
.platform-index .feature-card.has-composite-hero .feature-card-description{
  margin-top:13px!important;
}
/* cancel the older per-platform oversizing from V13-63/64 */
.platform-index .feature-card.phygitals.has-composite-hero .promo-card-hero,
.platform-index .feature-card.gotya.has-composite-hero .promo-card-hero,
.platform-index .feature-card.hapabox.has-composite-hero .promo-card-hero,
.platform-index .feature-card.dopa.has-composite-hero .promo-card-hero,
.platform-index .feature-card.packs.has-composite-hero .promo-card-hero{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  transform:none!important;
}
@media(max-width:1500px){
  .platform-index .feature-card.has-composite-hero .platform-promo-art{height:140px!important;}
  .platform-index .feature-card.has-composite-hero .promo-card-hero{max-height:140px!important;}
}
@media(max-width:1280px){
  .platform-index .feature-card.has-composite-hero .platform-promo-art{height:136px!important;}
  .platform-index .feature-card.has-composite-hero .promo-card-hero{max-height:136px!important;}
}
@media(max-width:560px){
  .platform-index .feature-card.has-composite-hero .platform-promo-art{height:158px!important;margin:-8px 0 0!important;}
  .platform-index .feature-card.has-composite-hero .promo-card-hero{max-height:158px!important;}
}


/* ===== V14: top 5 platform icons placed fully inside cards based on Canva reference ===== */
.platform-index .feature-card.has-composite-hero{
  min-height:472px!important;
  padding:14px 16px 18px!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
}
.platform-index .feature-card.has-composite-hero .platform-promo-art{
  position:relative!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  height:182px!important;
  margin:0 0 6px!important;
  overflow:hidden!important;
}
.platform-index .feature-card.has-composite-hero .platform-promo-art::before,
.platform-index .feature-card.has-composite-hero .platform-promo-art::after{
  content:none!important;
}
.platform-index .feature-card.has-composite-hero .promo-card-hero{
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  max-height:178px!important;
  height:auto!important;
  margin:0 auto!important;
  object-fit:contain!important;
  filter:drop-shadow(0 10px 18px rgba(24,54,120,.12))!important;
}
.platform-index .feature-card.has-composite-hero .promo-title-wrap.promo-title-hidden{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
  min-height:0!important;
}
.platform-index .feature-card.has-composite-hero .promo-try-now{
  margin-top:2px!important;
}
.platform-index .feature-card.has-composite-hero .feature-card-description{
  margin-top:12px!important;
  min-height:58px!important;
}
.platform-index .feature-card.has-composite-hero .jump-tags{
  margin-top:auto!important;
}
/* per-card scaling to match Canva fit */
.platform-index .feature-card.phygitals.has-composite-hero .promo-card-hero{max-height:176px!important;}
.platform-index .feature-card.gotya.has-composite-hero .promo-card-hero{max-height:170px!important;}
.platform-index .feature-card.hapabox.has-composite-hero .promo-card-hero{max-height:170px!important;}
.platform-index .feature-card.dopa.has-composite-hero .promo-card-hero{max-height:170px!important;}
.platform-index .feature-card.packs.has-composite-hero .promo-card-hero{max-height:170px!important;}
@media (max-width:1440px){
  .platform-index .feature-card.has-composite-hero .platform-promo-art{height:172px!important;}
  .platform-index .feature-card.has-composite-hero .promo-card-hero{max-height:168px!important;}
}
@media (max-width:1280px){
  .platform-index .feature-card.has-composite-hero{min-height:458px!important;}
  .platform-index .feature-card.has-composite-hero .platform-promo-art{height:164px!important;}
  .platform-index .feature-card.has-composite-hero .promo-card-hero{max-height:160px!important;}
}
@media (max-width:980px){
  .platform-index .feature-card.has-composite-hero .platform-promo-art{height:170px!important;}
  .platform-index .feature-card.has-composite-hero .promo-card-hero{max-height:166px!important;}
}
@media (max-width:560px){
  .platform-index .feature-card.has-composite-hero{min-height:0!important;padding:14px!important;}
  .platform-index .feature-card.has-composite-hero .platform-promo-art{height:188px!important;margin:0 0 4px!important;}
  .platform-index .feature-card.has-composite-hero .promo-card-hero{max-height:184px!important;}
}


/* ===== V14.1: bigger top icons + tighter description-to-chips spacing ===== */
.platform-index .feature-card.has-composite-hero{
  min-height:472px!important;
  padding:14px 16px 16px!important;
}
.platform-index .feature-card.has-composite-hero .platform-promo-art{
  height:214px!important;
  margin:0 0 2px!important;
  align-items:flex-end!important;
}
.platform-index .feature-card.has-composite-hero .promo-card-hero{
  max-height:208px!important;
}
.platform-index .feature-card.phygitals.has-composite-hero .promo-card-hero{max-height:206px!important;}
.platform-index .feature-card.gotya.has-composite-hero .promo-card-hero{max-height:198px!important;}
.platform-index .feature-card.hapabox.has-composite-hero .promo-card-hero{max-height:198px!important;}
.platform-index .feature-card.dopa.has-composite-hero .promo-card-hero{max-height:198px!important;}
.platform-index .feature-card.packs.has-composite-hero .promo-card-hero{max-height:198px!important;}
.platform-index .feature-card.has-composite-hero .promo-try-now{
  margin-top:0!important;
}
.platform-index .feature-card.has-composite-hero .feature-card-description{
  margin-top:10px!important;
  min-height:0!important;
}
.platform-index .feature-card.has-composite-hero .jump-tags{
  margin-top:12px!important;
}
@media (max-width:1440px){
  .platform-index .feature-card.has-composite-hero .platform-promo-art{height:202px!important;}
  .platform-index .feature-card.has-composite-hero .promo-card-hero{max-height:196px!important;}
}
@media (max-width:1280px){
  .platform-index .feature-card.has-composite-hero{min-height:458px!important;}
  .platform-index .feature-card.has-composite-hero .platform-promo-art{height:194px!important;}
  .platform-index .feature-card.has-composite-hero .promo-card-hero{max-height:188px!important;}
}
@media (max-width:980px){
  .platform-index .feature-card.has-composite-hero .platform-promo-art{height:190px!important;}
  .platform-index .feature-card.has-composite-hero .promo-card-hero{max-height:184px!important;}
}
@media (max-width:560px){
  .platform-index .feature-card.has-composite-hero{padding:14px!important;}
  .platform-index .feature-card.has-composite-hero .platform-promo-art{height:208px!important;margin:0 0 4px!important;}
  .platform-index .feature-card.has-composite-hero .promo-card-hero{max-height:202px!important;}
}


/* ===== V14.2: larger individual top icons + mobile cleanup ===== */
.platform-index .feature-card.has-composite-hero{
  --hero-scale:1.08;
  --hero-shift:8px;
  --hero-width:112%;
  --hero-max-width:272px;
}
.platform-index .feature-card.has-composite-hero .platform-promo-art{
  height:224px!important;
  margin:0 0 2px!important;
  align-items:flex-end!important;
  justify-content:center!important;
  overflow:visible!important;
}
.platform-index .feature-card.has-composite-hero .promo-card-hero{
  width:min(var(--hero-max-width), var(--hero-width))!important;
  max-width:none!important;
  max-height:none!important;
  height:auto!important;
  margin:0 auto!important;
  transform:translateY(var(--hero-shift)) scale(var(--hero-scale))!important;
  transform-origin:center bottom!important;
  filter:drop-shadow(0 10px 18px rgba(24,54,120,.12))!important;
}
.platform-index .feature-card.has-composite-hero .promo-try-now{
  margin-top:0!important;
}
.platform-index .feature-card.has-composite-hero .feature-card-description{
  margin-top:8px!important;
  min-height:0!important;
}
.platform-index .feature-card.has-composite-hero .jump-tags{
  margin-top:10px!important;
}
.platform-index .feature-card.phygitals.has-composite-hero{
  --hero-scale:1.12; --hero-shift:10px; --hero-width:114%; --hero-max-width:282px;
}
.platform-index .feature-card.gotya.has-composite-hero{
  --hero-scale:1.10; --hero-shift:9px; --hero-width:111%; --hero-max-width:266px;
}
.platform-index .feature-card.hapabox.has-composite-hero{
  --hero-scale:1.10; --hero-shift:10px; --hero-width:112%; --hero-max-width:268px;
}
.platform-index .feature-card.dopa.has-composite-hero{
  --hero-scale:1.11; --hero-shift:10px; --hero-width:112%; --hero-max-width:268px;
}
.platform-index .feature-card.packs.has-composite-hero{
  --hero-scale:1.11; --hero-shift:10px; --hero-width:113%; --hero-max-width:274px;
}
@media (max-width:1440px){
  .platform-index .feature-card.has-composite-hero .platform-promo-art{height:214px!important;}
  .platform-index .feature-card.has-composite-hero .promo-card-hero{width:min(258px,var(--hero-width))!important;}
}
@media (max-width:1280px){
  .platform-index .feature-card.has-composite-hero{min-height:450px!important;}
  .platform-index .feature-card.has-composite-hero .platform-promo-art{height:202px!important;}
  .platform-index .feature-card.has-composite-hero .promo-card-hero{width:min(242px,var(--hero-width))!important;}
}
@media (max-width:980px){
  .platform-index .feature-card.has-composite-hero .platform-promo-art{height:196px!important;}
  .platform-index .feature-card.has-composite-hero .promo-card-hero{width:min(236px,var(--hero-width))!important;}
}
@media (max-width:560px){
  .platform-index .feature-card.has-composite-hero{
    min-height:0!important;
    padding:14px 14px 16px!important;
  }
  .platform-index .feature-card.has-composite-hero::after{
    display:none!important;
  }
  .platform-index .feature-card.has-composite-hero .platform-promo-art{
    height:176px!important;
    margin:-2px 0 0!important;
    overflow:visible!important;
  }
  .platform-index .feature-card.has-composite-hero .promo-card-hero{
    width:min(270px,78vw)!important;
    transform:translateY(6px) scale(var(--hero-scale-mobile,1.14))!important;
  }
  .platform-index .feature-card.phygitals.has-composite-hero{--hero-scale-mobile:1.16;}
  .platform-index .feature-card.gotya.has-composite-hero{--hero-scale-mobile:1.15;}
  .platform-index .feature-card.hapabox.has-composite-hero{--hero-scale-mobile:1.15;}
  .platform-index .feature-card.dopa.has-composite-hero{--hero-scale-mobile:1.16;}
  .platform-index .feature-card.packs.has-composite-hero{--hero-scale-mobile:1.16;}
  .platform-index .feature-card.has-composite-hero .promo-try-now{
    margin-top:2px!important;
    min-height:50px!important;
    width:min(74%,230px)!important;
  }
  .platform-index .feature-card.has-composite-hero .feature-card-description{
    margin:8px 6px 0!important;
    font-size:13.6px!important;
    line-height:1.34!important;
  }
  .platform-index .feature-card.has-composite-hero .jump-tags{
    margin-top:10px!important;
    gap:9px!important;
  }
  .platform-index .feature-card.has-composite-hero .jump-tags em{
    min-height:36px!important;
    padding:8px 10px!important;
    font-size:10.9px!important;
  }
}


/* ===== V14.3: second-row custom icons + unified larger icon sizing ===== */
.platform-index .feature-card.has-composite-hero{
  --hero-scale:1.12;
  --hero-shift:10px;
  --hero-width:114%;
  --hero-max-width:278px;
}
.platform-index .feature-card.has-composite-hero .platform-promo-art{
  height:230px!important;
  margin:0 0 2px!important;
  align-items:flex-end!important;
  justify-content:center!important;
  overflow:visible!important;
}
.platform-index .feature-card.has-composite-hero .promo-card-hero{
  width:min(var(--hero-max-width), var(--hero-width))!important;
  max-width:none!important;
  max-height:none!important;
  height:auto!important;
  margin:0 auto!important;
  transform:translateY(var(--hero-shift)) scale(var(--hero-scale))!important;
  transform-origin:center bottom!important;
  filter:drop-shadow(0 10px 18px rgba(24,54,120,.14))!important;
}
.platform-index .feature-card.has-composite-hero .promo-try-now{margin-top:0!important;}
.platform-index .feature-card.has-composite-hero .feature-card-description{margin-top:8px!important;min-height:0!important;}
.platform-index .feature-card.has-composite-hero .jump-tags{margin-top:10px!important;}
.platform-index .feature-card.pokecollect.has-composite-hero{--hero-scale:1.105;--hero-shift:10px;--hero-max-width:276px;}
.platform-index .feature-card.dripshop.has-composite-hero{--hero-scale:1.105;--hero-shift:10px;--hero-max-width:272px;}
.platform-index .feature-card.boxed.has-composite-hero{--hero-scale:1.11;--hero-shift:10px;--hero-max-width:274px;}
.platform-index .feature-card.gachagame.has-composite-hero{--hero-scale:1.09;--hero-shift:10px;--hero-max-width:280px;}
.platform-index .feature-card.gachawin.has-composite-hero{--hero-scale:1.09;--hero-shift:10px;--hero-max-width:280px;}
@media (max-width:1440px){
  .platform-index .feature-card.has-composite-hero .platform-promo-art{height:220px!important;}
  .platform-index .feature-card.has-composite-hero .promo-card-hero{width:min(264px,var(--hero-width))!important;}
}
@media (max-width:1280px){
  .platform-index .feature-card.has-composite-hero{min-height:454px!important;}
  .platform-index .feature-card.has-composite-hero .platform-promo-art{height:206px!important;}
  .platform-index .feature-card.has-composite-hero .promo-card-hero{width:min(246px,var(--hero-width))!important;}
}
@media (max-width:980px){
  .platform-index .feature-card.has-composite-hero .platform-promo-art{height:198px!important;}
  .platform-index .feature-card.has-composite-hero .promo-card-hero{width:min(238px,var(--hero-width))!important;}
}
@media (max-width:560px){
  .platform-index .feature-card.has-composite-hero{min-height:0!important;padding:14px 14px 16px!important;}
  .platform-index .feature-card.has-composite-hero::after{display:none!important;}
  .platform-index .feature-card.has-composite-hero .platform-promo-art{height:184px!important;margin:-2px 0 0!important;overflow:visible!important;}
  .platform-index .feature-card.has-composite-hero .promo-card-hero{width:min(278px,80vw)!important;transform:translateY(6px) scale(var(--hero-scale-mobile,1.16))!important;}
  .platform-index .feature-card.phygitals.has-composite-hero,.platform-index .feature-card.dopa.has-composite-hero,.platform-index .feature-card.packs.has-composite-hero,.platform-index .feature-card.boxed.has-composite-hero{--hero-scale-mobile:1.17;}
  .platform-index .feature-card.gotya.has-composite-hero,.platform-index .feature-card.hapabox.has-composite-hero,.platform-index .feature-card.pokecollect.has-composite-hero,.platform-index .feature-card.dripshop.has-composite-hero{--hero-scale-mobile:1.15;}
  .platform-index .feature-card.gachagame.has-composite-hero,.platform-index .feature-card.gachawin.has-composite-hero{--hero-scale-mobile:1.14;}
  .platform-index .feature-card.has-composite-hero .promo-try-now{margin-top:2px!important;min-height:50px!important;width:min(74%,230px)!important;}
  .platform-index .feature-card.has-composite-hero .feature-card-description{margin:8px 6px 0!important;font-size:13.6px!important;line-height:1.34!important;}
  .platform-index .feature-card.has-composite-hero .jump-tags{margin-top:10px!important;gap:9px!important;}
  .platform-index .feature-card.has-composite-hero .jump-tags em{min-height:36px!important;padding:8px 10px!important;font-size:10.9px!important;}
}


/* ===== V14.4: pixel-balanced 10-card layout + stronger mobile adaptation ===== */
.platform-index .feature-jump-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:20px!important;
  align-items:stretch!important;
}
.platform-index .feature-card.has-composite-hero{
  --hero-scale:1.06;
  --hero-shift:8px;
  --hero-max-width:270px;
  --hero-mobile-scale:1.10;
  --hero-mobile-max:254px;
  min-height:530px!important;
  padding:14px 16px 18px!important;
}
.platform-index .feature-card.has-composite-hero .platform-promo-art{
  height:222px!important;
  margin:0 0 2px!important;
  align-items:flex-end!important;
  justify-content:center!important;
  overflow:visible!important;
}
.platform-index .feature-card.has-composite-hero .promo-card-hero{
  width:min(var(--hero-max-width),100%)!important;
  max-width:none!important;
  height:auto!important;
  transform:translateY(var(--hero-shift)) scale(var(--hero-scale))!important;
  transform-origin:center bottom!important;
  filter:drop-shadow(0 11px 18px rgba(24,54,120,.13))!important;
}
.platform-index .feature-card.has-composite-hero .promo-try-now{
  margin-top:2px!important;
  min-height:52px!important;
  width:min(76%,228px)!important;
  align-self:center!important;
}
.platform-index .feature-card.has-composite-hero .feature-card-description{
  min-height:54px!important;
  margin:8px 2px 0!important;
  line-height:1.36!important;
  font-size:12.9px!important;
}
.platform-index .feature-card.has-composite-hero .jump-tags{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  margin-top:12px!important;
  padding-top:0!important;
  min-height:84px!important;
  align-content:start!important;
}
.platform-index .feature-card.has-composite-hero .jump-tags em{
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  min-height:36px!important;
  width:100%!important;
  padding:8px 10px!important;
  font-size:10.8px!important;
  line-height:1.12!important;
}
.platform-index .feature-card.has-composite-hero .jump-bonus-cta{
  min-height:48px!important;
  margin-top:14px!important;
}
/* top row slightly larger to match the denser row-2 artwork */
.platform-index .feature-card.phygitals.has-composite-hero{--hero-scale:1.11;--hero-max-width:280px;--hero-shift:10px;--hero-mobile-scale:1.14;--hero-mobile-max:264px;}
.platform-index .feature-card.gotya.has-composite-hero{--hero-scale:1.09;--hero-max-width:276px;--hero-shift:9px;--hero-mobile-scale:1.13;--hero-mobile-max:258px;}
.platform-index .feature-card.hapabox.has-composite-hero{--hero-scale:1.09;--hero-max-width:276px;--hero-shift:9px;--hero-mobile-scale:1.13;--hero-mobile-max:258px;}
.platform-index .feature-card.dopa.has-composite-hero{--hero-scale:1.10;--hero-max-width:276px;--hero-shift:10px;--hero-mobile-scale:1.14;--hero-mobile-max:260px;}
.platform-index .feature-card.packs.has-composite-hero{--hero-scale:1.10;--hero-max-width:278px;--hero-shift:10px;--hero-mobile-scale:1.14;--hero-mobile-max:262px;}
/* row 2 balanced to the same visual footprint */
.platform-index .feature-card.boxed.has-composite-hero{--hero-scale:1.05;--hero-max-width:270px;--hero-shift:8px;--hero-mobile-scale:1.10;--hero-mobile-max:252px;}
.platform-index .feature-card.pokecollect.has-composite-hero{--hero-scale:1.045;--hero-max-width:271px;--hero-shift:8px;--hero-mobile-scale:1.09;--hero-mobile-max:252px;}
.platform-index .feature-card.dripshop.has-composite-hero{--hero-scale:1.045;--hero-max-width:269px;--hero-shift:8px;--hero-mobile-scale:1.09;--hero-mobile-max:250px;}
.platform-index .feature-card.gachagame.has-composite-hero{--hero-scale:1.03;--hero-max-width:272px;--hero-shift:7px;--hero-mobile-scale:1.08;--hero-mobile-max:252px;}
.platform-index .feature-card.gachawin.has-composite-hero{--hero-scale:1.03;--hero-max-width:272px;--hero-shift:7px;--hero-mobile-scale:1.08;--hero-mobile-max:252px;}
@media (max-width:1480px){
  .platform-index .feature-jump-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:18px!important;}
  .platform-index .feature-card.has-composite-hero{min-height:522px!important;}
  .platform-index .feature-card.has-composite-hero .platform-promo-art{height:214px!important;}
}
@media (max-width:1320px){
  .platform-index .feature-jump-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;}
  .platform-index .feature-card.has-composite-hero{min-height:518px!important;}
  .platform-index .feature-card.has-composite-hero .platform-promo-art{height:210px!important;}
  .platform-index .feature-card.has-composite-hero .promo-card-hero{width:min(calc(var(--hero-max-width) - 10px),100%)!important;}
}
@media (max-width:1120px){
  .platform-index .feature-jump-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .platform-index .feature-card.has-composite-hero{min-height:510px!important;}
  .platform-index .feature-card.has-composite-hero .platform-promo-art{height:204px!important;}
  .platform-index .feature-card.has-composite-hero .jump-tags em{font-size:10.5px!important;}
}
@media (max-width:820px){
  .platform-index .feature-jump-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .platform-index .feature-card.has-composite-hero{min-height:500px!important;}
}
@media (max-width:560px){
  .platform-index .section-intro-large h2{font-size:clamp(30px,10.4vw,49px)!important;line-height:1.02!important;letter-spacing:-1.7px!important;}
  .platform-index .section-intro-large p{font-size:13.5px!important;line-height:1.55!important;}
  .platform-index .feature-jump-grid{grid-template-columns:1fr!important;gap:16px!important;}
  .platform-index .feature-card.has-composite-hero{
    min-height:0!important;
    padding:14px 14px 16px!important;
    border-radius:26px!important;
  }
  .platform-index .feature-card.has-composite-hero::after{display:none!important;}
  .platform-index .feature-card.has-composite-hero .platform-promo-art{
    height:178px!important;
    margin:-2px 0 2px!important;
  }
  .platform-index .feature-card.has-composite-hero .promo-card-hero{
    width:min(var(--hero-mobile-max),78vw)!important;
    transform:translateY(4px) scale(var(--hero-mobile-scale))!important;
  }
  .platform-index .feature-card.has-composite-hero .promo-try-now{
    width:min(76%,232px)!important;
    min-height:48px!important;
    margin-top:0!important;
  }
  .platform-index .feature-card.has-composite-hero .feature-card-description{
    min-height:0!important;
    margin:8px 4px 0!important;
    font-size:13.5px!important;
    line-height:1.38!important;
  }
  .platform-index .feature-card.has-composite-hero .jump-tags{
    gap:9px!important;
    min-height:0!important;
    margin-top:10px!important;
  }
  .platform-index .feature-card.has-composite-hero .jump-tags em{
    min-height:38px!important;
    padding:8px 10px!important;
    font-size:11px!important;
    justify-content:flex-start!important;
  }
  .platform-index .feature-card.has-composite-hero .jump-bonus-cta{
    min-height:46px!important;
    margin-top:12px!important;
    font-size:13px!important;
  }
}


/* ===== V14.5: row 1 icons enlarged to match row 2 exactly (do not alter row 2) ===== */
.platform-index .feature-card.phygitals.has-composite-hero,
.platform-index .feature-card.gotya.has-composite-hero,
.platform-index .feature-card.hapabox.has-composite-hero,
.platform-index .feature-card.dopa.has-composite-hero,
.platform-index .feature-card.packs.has-composite-hero{
  --hero-mobile-scale:1.18;
}
.platform-index .feature-card.phygitals.has-composite-hero .platform-promo-art,
.platform-index .feature-card.gotya.has-composite-hero .platform-promo-art,
.platform-index .feature-card.hapabox.has-composite-hero .platform-promo-art,
.platform-index .feature-card.dopa.has-composite-hero .platform-promo-art,
.platform-index .feature-card.packs.has-composite-hero .platform-promo-art{
  height:244px!important;
  margin:-4px 0 4px!important;
}
.platform-index .feature-card.phygitals.has-composite-hero{--hero-scale:1.34;--hero-max-width:330px;--hero-shift:19px;--hero-mobile-max:286px;}
.platform-index .feature-card.gotya.has-composite-hero{--hero-scale:1.32;--hero-max-width:326px;--hero-shift:18px;--hero-mobile-max:282px;}
.platform-index .feature-card.hapabox.has-composite-hero{--hero-scale:1.32;--hero-max-width:326px;--hero-shift:18px;--hero-mobile-max:282px;}
.platform-index .feature-card.dopa.has-composite-hero{--hero-scale:1.34;--hero-max-width:326px;--hero-shift:18px;--hero-mobile-max:282px;}
.platform-index .feature-card.packs.has-composite-hero{--hero-scale:1.33;--hero-max-width:328px;--hero-shift:18px;--hero-mobile-max:284px;}
@media (max-width:1480px){
  .platform-index .feature-card.phygitals.has-composite-hero .platform-promo-art,
  .platform-index .feature-card.gotya.has-composite-hero .platform-promo-art,
  .platform-index .feature-card.hapabox.has-composite-hero .platform-promo-art,
  .platform-index .feature-card.dopa.has-composite-hero .platform-promo-art,
  .platform-index .feature-card.packs.has-composite-hero .platform-promo-art{height:236px!important;}
}
@media (max-width:1320px){
  .platform-index .feature-card.phygitals.has-composite-hero .platform-promo-art,
  .platform-index .feature-card.gotya.has-composite-hero .platform-promo-art,
  .platform-index .feature-card.hapabox.has-composite-hero .platform-promo-art,
  .platform-index .feature-card.dopa.has-composite-hero .platform-promo-art,
  .platform-index .feature-card.packs.has-composite-hero .platform-promo-art{height:228px!important;}
}
@media (max-width:560px){
  .platform-index .feature-card.phygitals.has-composite-hero .platform-promo-art,
  .platform-index .feature-card.gotya.has-composite-hero .platform-promo-art,
  .platform-index .feature-card.hapabox.has-composite-hero .platform-promo-art,
  .platform-index .feature-card.dopa.has-composite-hero .platform-promo-art,
  .platform-index .feature-card.packs.has-composite-hero .platform-promo-art{height:190px!important;margin:-2px 0 4px!important;}
  .platform-index .feature-card.phygitals.has-composite-hero .promo-card-hero,
  .platform-index .feature-card.gotya.has-composite-hero .promo-card-hero,
  .platform-index .feature-card.hapabox.has-composite-hero .promo-card-hero,
  .platform-index .feature-card.dopa.has-composite-hero .promo-card-hero,
  .platform-index .feature-card.packs.has-composite-hero .promo-card-hero{
    width:min(var(--hero-mobile-max),84vw)!important;
    transform:translateY(8px) scale(var(--hero-mobile-scale))!important;
  }
}


/* ===== V14.6: real fix for top row size =====
   Problem in V14.4/V14.5: row-1 source images still had more transparent padding,
   so the artwork looked smaller even when the wrapper size changed.
   Fix: use tighter row-1 icon files + normalize row-1 hero sizing to row-2 footprint.
   Row 2 remains unchanged. */
.platform-index .feature-card.phygitals.has-composite-hero{--hero-scale:1.05;--hero-max-width:270px;--hero-shift:8px;--hero-mobile-scale:1.10;--hero-mobile-max:252px;}
.platform-index .feature-card.gotya.has-composite-hero{--hero-scale:1.045;--hero-max-width:271px;--hero-shift:8px;--hero-mobile-scale:1.09;--hero-mobile-max:252px;}
.platform-index .feature-card.hapabox.has-composite-hero{--hero-scale:1.045;--hero-max-width:269px;--hero-shift:8px;--hero-mobile-scale:1.09;--hero-mobile-max:250px;}
.platform-index .feature-card.dopa.has-composite-hero{--hero-scale:1.03;--hero-max-width:272px;--hero-shift:7px;--hero-mobile-scale:1.08;--hero-mobile-max:252px;}
.platform-index .feature-card.packs.has-composite-hero{--hero-scale:1.03;--hero-max-width:272px;--hero-shift:7px;--hero-mobile-scale:1.08;--hero-mobile-max:252px;}


/* ===== V14.7: mobile fix for row 2 being cut off =====
   User feedback: row 1 looks OK on mobile, but row 2 icons are clipped at the top.
   Keep row 1 as-is. Give ONLY row 2 more vertical hero room on small screens so the
   full icons show while preserving a nearly matching visual size between row 1 and row 2. */
@media (max-width:560px){
  .platform-index .feature-card.boxed.has-composite-hero,
  .platform-index .feature-card.pokecollect.has-composite-hero,
  .platform-index .feature-card.dripshop.has-composite-hero,
  .platform-index .feature-card.gachagame.has-composite-hero,
  .platform-index .feature-card.gachawin.has-composite-hero{
    padding-top:18px!important;
  }

  .platform-index .feature-card.boxed.has-composite-hero .platform-promo-art,
  .platform-index .feature-card.pokecollect.has-composite-hero .platform-promo-art,
  .platform-index .feature-card.dripshop.has-composite-hero .platform-promo-art,
  .platform-index .feature-card.gachagame.has-composite-hero .platform-promo-art,
  .platform-index .feature-card.gachawin.has-composite-hero .platform-promo-art{
    height:212px!important;
    margin:4px 0 4px!important;
    overflow:visible!important;
  }

  .platform-index .feature-card.boxed.has-composite-hero .promo-card-hero,
  .platform-index .feature-card.pokecollect.has-composite-hero .promo-card-hero,
  .platform-index .feature-card.dripshop.has-composite-hero .promo-card-hero,
  .platform-index .feature-card.gachagame.has-composite-hero .promo-card-hero,
  .platform-index .feature-card.gachawin.has-composite-hero .promo-card-hero{
    width:min(var(--hero-mobile-max),80vw)!important;
    transform:translateY(2px) scale(var(--hero-mobile-scale))!important;
    transform-origin:center bottom!important;
  }

  /* keep descriptive text balanced after the taller row-2 art area */
  .platform-index .feature-card.boxed.has-composite-hero .feature-card-description,
  .platform-index .feature-card.pokecollect.has-composite-hero .feature-card-description,
  .platform-index .feature-card.dripshop.has-composite-hero .feature-card-description,
  .platform-index .feature-card.gachagame.has-composite-hero .feature-card-description,
  .platform-index .feature-card.gachawin.has-composite-hero .feature-card-description{
    margin-top:6px!important;
  }
}


/* ===== V14.8: stronger mobile fix for row 2 hero clipping =====
   V14.7 still clipped the top of the second-row promo art on mobile.
   This version gives row 2 more dedicated hero space, slightly reduces the scale,
   and pushes the art a bit lower so the full tops of the packs are visible. */
@media (max-width:560px){
  /* Row 2 only: Boxed.gg, Poke-Collect, DripShop, Gacha.game, Gacha.win */
  .platform-index .feature-card.boxed.has-composite-hero,
  .platform-index .feature-card.pokecollect.has-composite-hero,
  .platform-index .feature-card.dripshop.has-composite-hero,
  .platform-index .feature-card.gachagame.has-composite-hero,
  .platform-index .feature-card.gachawin.has-composite-hero{
    padding-top:22px!important;
  }

  .platform-index .feature-card.boxed.has-composite-hero .platform-promo-art,
  .platform-index .feature-card.pokecollect.has-composite-hero .platform-promo-art,
  .platform-index .feature-card.dripshop.has-composite-hero .platform-promo-art,
  .platform-index .feature-card.gachagame.has-composite-hero .platform-promo-art,
  .platform-index .feature-card.gachawin.has-composite-hero .platform-promo-art{
    height:228px!important;
    margin:6px 0 2px!important;
    overflow:visible!important;
  }

  .platform-index .feature-card.boxed.has-composite-hero .promo-card-hero,
  .platform-index .feature-card.pokecollect.has-composite-hero .promo-card-hero,
  .platform-index .feature-card.dripshop.has-composite-hero .promo-card-hero,
  .platform-index .feature-card.gachagame.has-composite-hero .promo-card-hero,
  .platform-index .feature-card.gachawin.has-composite-hero .promo-card-hero{
    width:min(236px,74vw)!important;
    max-width:236px!important;
    transform:translateY(14px) scale(1.01)!important;
    transform-origin:center top!important;
  }

  .platform-index .feature-card.boxed.has-composite-hero .promo-try-now,
  .platform-index .feature-card.pokecollect.has-composite-hero .promo-try-now,
  .platform-index .feature-card.dripshop.has-composite-hero .promo-try-now,
  .platform-index .feature-card.gachagame.has-composite-hero .promo-try-now,
  .platform-index .feature-card.gachawin.has-composite-hero .promo-try-now{
    margin-top:2px!important;
  }

  .platform-index .feature-card.boxed.has-composite-hero .feature-card-description,
  .platform-index .feature-card.pokecollect.has-composite-hero .feature-card-description,
  .platform-index .feature-card.dripshop.has-composite-hero .feature-card-description,
  .platform-index .feature-card.gachagame.has-composite-hero .feature-card-description,
  .platform-index .feature-card.gachawin.has-composite-hero .feature-card-description{
    margin-top:4px!important;
  }
}

/* ===== V14.9: mobile row-2 top spacing balance fix =====
   Goal: keep row-2 icon size, remove the extra empty space above row-2 art,
   align the icon placement more closely with row 1, and keep all row-2 artwork fully visible.
   This overrides the V14.8 row-2 mobile tweak with a tighter, balanced layout. */
@media (max-width:560px){
  .platform-index .feature-card.boxed.has-composite-hero,
  .platform-index .feature-card.pokecollect.has-composite-hero,
  .platform-index .feature-card.dripshop.has-composite-hero,
  .platform-index .feature-card.gachagame.has-composite-hero,
  .platform-index .feature-card.gachawin.has-composite-hero{
    padding-top:14px!important;
  }

  .platform-index .feature-card.boxed.has-composite-hero .platform-promo-art,
  .platform-index .feature-card.pokecollect.has-composite-hero .platform-promo-art,
  .platform-index .feature-card.dripshop.has-composite-hero .platform-promo-art,
  .platform-index .feature-card.gachagame.has-composite-hero .platform-promo-art,
  .platform-index .feature-card.gachawin.has-composite-hero .platform-promo-art{
    height:206px!important;
    margin:0 0 4px!important;
    overflow:visible!important;
  }

  .platform-index .feature-card.boxed.has-composite-hero .promo-card-hero,
  .platform-index .feature-card.pokecollect.has-composite-hero .promo-card-hero,
  .platform-index .feature-card.dripshop.has-composite-hero .promo-card-hero,
  .platform-index .feature-card.gachagame.has-composite-hero .promo-card-hero,
  .platform-index .feature-card.gachawin.has-composite-hero .promo-card-hero{
    width:min(236px,76vw)!important;
    max-width:236px!important;
    transform:translateY(8px) scale(1.03)!important;
    transform-origin:center top!important;
  }

  .platform-index .feature-card.boxed.has-composite-hero .promo-try-now,
  .platform-index .feature-card.pokecollect.has-composite-hero .promo-try-now,
  .platform-index .feature-card.dripshop.has-composite-hero .promo-try-now,
  .platform-index .feature-card.gachagame.has-composite-hero .promo-try-now,
  .platform-index .feature-card.gachawin.has-composite-hero .promo-try-now{
    margin-top:0!important;
  }

  .platform-index .feature-card.boxed.has-composite-hero .feature-card-description,
  .platform-index .feature-card.pokecollect.has-composite-hero .feature-card-description,
  .platform-index .feature-card.dripshop.has-composite-hero .feature-card-description,
  .platform-index .feature-card.gachagame.has-composite-hero .feature-card-description,
  .platform-index .feature-card.gachawin.has-composite-hero .feature-card-description{
    margin-top:6px!important;
  }
}


/* V14.10 – desktop/tablet row-1 vertical alignment only.
   V14.9 reserved 244px (236/228 at narrower widths) for row 1,
   but only 222px (214/210) for row 2. Both rows bottom-aligned art,
   leaving ~20px of unnecessary space above the first-row graphics.
   Match row 1 to row 2 without changing image size, mobile or row 2. */
@media (min-width: 1321px) {
  .platform-index .feature-card.phygitals.has-composite-hero .platform-promo-art,
  .platform-index .feature-card.gotya.has-composite-hero .platform-promo-art,
  .platform-index .feature-card.hapabox.has-composite-hero .platform-promo-art,
  .platform-index .feature-card.dopa.has-composite-hero .platform-promo-art,
  .platform-index .feature-card.packs.has-composite-hero .platform-promo-art {
    height: 222px !important;
  }
}
@media (min-width: 1321px) and (max-width: 1480px) {
  .platform-index .feature-card.phygitals.has-composite-hero .platform-promo-art,
  .platform-index .feature-card.gotya.has-composite-hero .platform-promo-art,
  .platform-index .feature-card.hapabox.has-composite-hero .platform-promo-art,
  .platform-index .feature-card.dopa.has-composite-hero .platform-promo-art,
  .platform-index .feature-card.packs.has-composite-hero .platform-promo-art {
    height: 214px !important;
  }
}
@media (min-width: 561px) and (max-width: 1320px) {
  .platform-index .feature-card.phygitals.has-composite-hero .platform-promo-art,
  .platform-index .feature-card.gotya.has-composite-hero .platform-promo-art,
  .platform-index .feature-card.hapabox.has-composite-hero .platform-promo-art,
  .platform-index .feature-card.dopa.has-composite-hero .platform-promo-art,
  .platform-index .feature-card.packs.has-composite-hero .platform-promo-art {
    height: 210px !important;
  }
}
\n
/* ======================================================================
   V14.13 — logo-only platform cards, both rows; responsive compact layout
   Art is the user's supplied artwork, only losslessly cropped outside
   transparent areas and resized into optimized 600x200 transparent WebP.
   All 10 cards use a shared layout, removing legacy per-row scaling rules.
   ====================================================================== */
.platform-index .feature-jump-grid {
  gap: 16px !important;
  align-items: stretch !important;
}
.platform-index .feature-card.has-composite-hero.logo-only {
  min-height: 0 !important;
  padding: 15px 13px 17px !important;
  border-radius: 26px !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  align-items: stretch !important;
}
.platform-index .feature-card.has-composite-hero.logo-only::after {
  display: none !important;
  content: none !important;
}
.platform-index .feature-card.has-composite-hero.logo-only .platform-promo-art {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  flex: 0 0 auto !important;
  aspect-ratio: 3 / 1 !important;
  margin: 0 0 9px !important;
  padding: 0 !important;
  overflow: visible !important;
}
.platform-index .feature-card.has-composite-hero.logo-only .platform-promo-art::before,
.platform-index .feature-card.has-composite-hero.logo-only .platform-promo-art::after {
  display: none !important;
  content: none !important;
}
.platform-index .feature-card.has-composite-hero.logo-only .promo-card-hero {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  max-height: none !important;
  aspect-ratio: 3 / 1 !important;
  object-fit: contain !important;
  transform: none !important;
  transform-origin: center center !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
  filter: drop-shadow(0 5px 8px rgba(19, 43, 106, .12)) !important;
}
.platform-index .feature-card.has-composite-hero.logo-only .promo-try-now {
  align-self: center !important;
  flex: 0 0 auto !important;
  width: min(85%, 178px) !important;
  min-height: 45px !important;
  height: auto !important;
  margin: 0 auto !important;
  padding: 9px 13px !important;
  font-size: 15px !important;
}
.platform-index .feature-card.has-composite-hero.logo-only .feature-card-description {
  display: block !important;
  flex: 0 0 auto !important;
  width: 100% !important;
  height: auto !important;
  min-height: 51px !important;
  margin: 10px 0 0 !important;
  font-size: 12.4px !important;
  line-height: 1.37 !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  overflow: visible !important;
  overflow-wrap: break-word !important;
}
.platform-index .feature-card.has-composite-hero.logo-only .jump-tags {
  display: grid !important;
  flex: 0 0 auto !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin: 11px 0 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  align-content: start !important;
}
.platform-index .feature-card.has-composite-hero.logo-only .jump-tags em {
  display: flex !important;
  min-width: 0 !important;
  min-height: 36px !important;
  height: auto !important;
  padding: 7px 4px !important;
  gap: 4px !important;
  font-size: 9.5px !important;
  line-height: 1.12 !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
  align-items: center !important;
}
.platform-index .feature-card.has-composite-hero.logo-only .jump-tags em i {
  flex: 0 0 18px !important;
}
@media (max-width: 1120px) and (min-width: 561px) {
  .platform-index .feature-card.has-composite-hero.logo-only {
    padding: 17px 15px 19px !important;
  }
  .platform-index .feature-card.has-composite-hero.logo-only .feature-card-description {
    font-size: 13px !important;
    min-height: 41px !important;
  }
}
@media (max-width: 560px) {
  .platform-index .feature-jump-grid { gap: 14px !important; }
  .platform-index .feature-card.has-composite-hero.logo-only {
    padding: 17px 15px 18px !important;
    min-height: 0 !important;
    border-radius: 25px !important;
  }
  .platform-index .feature-card.has-composite-hero.logo-only .platform-promo-art {
    height: auto !important;
    min-height: 0 !important;
    margin: 0 0 10px !important;
    aspect-ratio: 3 / 1 !important;
  }
  .platform-index .feature-card.has-composite-hero.logo-only .promo-card-hero {
    width: 100% !important;
    max-width: 100% !important;
    max-height: none !important;
    transform: none !important;
    aspect-ratio: 3 / 1 !important;
  }
  .platform-index .feature-card.has-composite-hero.logo-only .promo-try-now {
    width: min(76%, 252px) !important;
    min-height: 48px !important;
    margin: 0 auto !important;
    font-size: 16px !important;
  }
  .platform-index .feature-card.has-composite-hero.logo-only .feature-card-description {
    min-height: 0 !important;
    margin: 10px 1px 0 !important;
    font-size: 13.5px !important;
    line-height: 1.38 !important;
  }
  .platform-index .feature-card.has-composite-hero.logo-only .jump-tags {
    margin-top: 12px !important;
    gap: 8px !important;
  }
  .platform-index .feature-card.has-composite-hero.logo-only .jump-tags em {
    min-height: 39px !important;
    font-size: 11.2px !important;
    padding: 8px 10px !important;
    gap: 9px !important;
  }
}
@media (max-width: 360px) {
  .platform-index .feature-card.has-composite-hero.logo-only .jump-tags em {
    padding: 7px 6px !important;
    font-size: 10.4px !important;
  }
}


/* ===== V14-14: supplied Featured Tools icons + slightly larger titles ===== */
.featured-tool-card{min-height:88px!important;padding:7px 10px 7px 8px!important}
.featured-tool-image{width:78px!important;height:78px!important;max-width:78px!important;max-height:78px!important;filter:drop-shadow(0 6px 12px rgba(36,67,151,.16))!important}
.featured-tool-copy strong{font-size:22px!important;line-height:1.05!important;letter-spacing:-.5px!important;font-weight:900!important}
.featured-tool-copy small{font-size:14px!important;line-height:1.24!important;font-weight:720!important}
@media(max-width:760px){.featured-tool-card{min-height:98px!important;padding:9px 10px!important}.featured-tool-image{width:78px!important;height:78px!important;max-width:78px!important;max-height:78px!important}.featured-tool-copy strong{font-size:21px!important;line-height:1.06!important}.featured-tool-copy small{font-size:13.8px!important;line-height:1.24!important}}
@media(max-width:420px){.featured-tool-copy strong{font-size:19.5px!important}.featured-tool-copy small{font-size:13px!important}}


/* V14-15: real newest-set artwork, properly contained with no cropping. */
.market-booster-visual { overflow: visible; }
.market-booster-visual img.market-set-artwork {
  display: block;
  max-width: 100%;
  max-height: 160px;
  width: auto;
  height: auto;
  object-fit: contain;
  object-position: center;
}
@media (max-width: 680px) {
  .market-booster-visual img.market-set-artwork { max-height: 144px; }
}
/* Give horizontal set logos enough space without distorting booster artwork. */
@media (min-width: 681px) {
  .market-booster-card { grid-template-columns: 132px minmax(0,1fr); }
  .market-booster-visual img.market-set-artwork { max-width: 132px; }
}
@media (max-width: 680px) {
  .market-booster-card { grid-template-columns: 112px minmax(0,1fr); }
  .market-booster-visual img.market-set-artwork { max-width: 112px; }
}


/* ========================================================================
   V14.16 — Featured Tools: vivid platform-card palette + 10% larger artwork
   Only the four top-right tool rows change. Use existing user-supplied icons.
   78px (V14.15) -> 86px (~10.3%). No canvas cropping. 320px WebP originals.
   ======================================================================== */
.featured-tools-panel .featured-tool-card {
  /* The established 3-column arrangement must accommodate the larger icons. */
  grid-template-columns: 86px minmax(0,1fr) 38px !important;
  column-gap: 11px !important;
  min-height: 100px !important;
  padding: 8px 12px 8px 9px !important;
  align-items: center !important;
  border: 1px solid rgba(255,255,255,.82) !important;
  box-shadow: 0 13px 26px rgba(12,39,108,.16), inset 0 1px 0 rgba(255,255,255,.88) !important;
}
.featured-tools-panel .featured-tool-card:before {
  /* Retain a luminous finish without the old white wash over bright colors. */
  background: radial-gradient(circle at 8% 2%,rgba(255,255,255,.34),transparent 39%) !important;
}
.featured-tools-panel .featured-tool-card:after {
  background: linear-gradient(125deg,rgba(255,255,255,.11),transparent 48%,rgba(255,255,255,.04)) !important;
}
.featured-tools-panel .tool-activity {
  background: linear-gradient(112deg,#c3f4ff 0%,#8fe0ff 56%,#b2d2ff 100%) !important;
}
.featured-tools-panel .tool-market {
  background: linear-gradient(112deg,#f8d1ff 0%,#dfb3ff 56%,#cdbbff 100%) !important;
}
.featured-tools-panel .tool-value {
  background: linear-gradient(112deg,#fff2b4 0%,#ffd78a 58%,#ffe7ac 100%) !important;
}
.featured-tools-panel .tool-directory {
  background: linear-gradient(112deg,#c3ffe6 0%,#8ff0d5 60%,#a8eafa 100%) !important;
}
.featured-tools-panel .featured-tool-image {
  width: 86px !important;
  height: 86px !important;
  max-width: 86px !important;
  max-height: 86px !important;
  transform: none !important;
  object-fit: contain !important;
  object-position: center !important;
  display: block !important;
  flex: 0 0 auto !important;
  filter: drop-shadow(0 6px 10px rgba(25,45,125,.17)) !important;
}
/* Retain large, dark readable titles and all existing link destinations. */
.featured-tools-panel .featured-tool-copy strong { color: #092e68 !important; }
.featured-tools-panel .featured-tool-copy small  { color: #1d3e6f !important; }
@media (max-width: 760px) {
  .featured-tools-panel .featured-tool-card {
    grid-template-columns: 86px minmax(0,1fr) 38px !important;
    column-gap: 10px !important;
    min-height: 104px !important;
  }
}
@media (max-width: 420px) {
  .featured-tools-panel .featured-tool-card {
    grid-template-columns: 86px minmax(0,1fr) 34px !important;
    column-gap: 8px !important;
    padding: 8px !important;
  }
  .featured-tools-panel .featured-tool-arrow {width:34px !important;height:34px !important;}
}
@media (max-width: 350px) {
  .featured-tools-panel .featured-tool-card {column-gap: 6px !important;}
  .featured-tools-panel .featured-tool-copy strong {font-size:18px !important;}
  .featured-tools-panel .featured-tool-copy small {font-size:12px !important;}
}


/* ========================================================================
   V14.17 — Platform logos: precise per-brand MOBILE-ONLY reductions.
   Images stay the existing user-provided WebP artwork; no redraw, no crop.
   Shared 3:1 logo slot stays fixed, keeping CTAs and badges aligned.
   Phones only (same 560px breakpoint as original single-column layout).
   ======================================================================== */
@media screen and (max-width: 560px) {
  /* Uniform centering even when original images have different aspect/alpha. */
  .platform-index .feature-card.has-composite-hero.logo-only .platform-promo-art {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    overflow: visible !important;
  }
  .platform-index .feature-card.has-composite-hero.logo-only .promo-card-hero {
    display: block !important;
    margin: 0 auto !important;
    height: auto !important;
    max-width: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
    transform-origin: center center !important;
  }

  /* 10% smaller, relative to V14.16 (full available logo width). */
  .platform-index .feature-card.phygitals.has-composite-hero.logo-only .promo-card-hero,
  .platform-index .feature-card.dopa.has-composite-hero.logo-only .promo-card-hero,
  .platform-index .feature-card.packs.has-composite-hero.logo-only .promo-card-hero,
  .platform-index .feature-card.boxed.has-composite-hero.logo-only .promo-card-hero,
  .platform-index .feature-card.gachagame.has-composite-hero.logo-only .promo-card-hero {
    width: 90% !important;
  }

  /* 15% smaller, relative to V14.16. */
  .platform-index .feature-card.gotya.has-composite-hero.logo-only .promo-card-hero,
  .platform-index .feature-card.pokecollect.has-composite-hero.logo-only .promo-card-hero,
  .platform-index .feature-card.dripshop.has-composite-hero.logo-only .promo-card-hero,
  .platform-index .feature-card.gachawin.has-composite-hero.logo-only .promo-card-hero {
    width: 85% !important;
  }

  /* HapaBox: only center. Do NOT change its 100% logo size. */
  .platform-index .feature-card.hapabox.has-composite-hero.logo-only .promo-card-hero {
    width: 100% !important;
  }
  /* HapaBox has slightly asymmetric transparent artwork; compensate optical center
     without changing the original 100% rendered size. */
  .platform-index .feature-card.hapabox.has-composite-hero.logo-only .promo-card-hero {
    transform: translateX(-2.1667%) !important;
  }
}