@import url('font.css');
:root{color-scheme:light;--page:#f5f5f7;--surface:#ffffff;--surface-soft:#fbfbfd;--surface-muted:#f2f2f7;--text:#1d1d1f;--muted:#6e6e73;--soft:#86868b;--line:rgba(0,0,0,.08);--line-strong:rgba(0,0,0,.15);--focus:#0066cc;--header:rgba(245,245,247,.78);--shadow:0 8px 30px rgba(0,0,0,.04),0 1px 3px rgba(0,0,0,.02);--shadow-dialog:0 30px 90px rgba(0,0,0,.18);--shell:1200px;--ease:cubic-bezier(.25,1,.5,1);--fs-xs:11px;--fs-sm:13px;--fs-base:15px;--fs-md:18px;--fs-lg:24px;--fs-xl:32px;--fs-display:48px;--radius-full:980px;--radius-lg:20px;--radius-md:12px;--radius-sm:8px}
html[data-theme="dark"]{color-scheme:dark;--page:#000000;--surface:#1c1c1e;--surface-soft:#2c2c2e;--surface-muted:#3a3a3c;--text:#f5f5f7;--muted:#86868b;--soft:#6e6e73;--line:rgba(255,255,255,.12);--line-strong:rgba(255,255,255,.22);--focus:#2997ff;--header:rgba(22,22,23,.78);--shadow:0 12px 36px rgba(0,0,0,.45);--shadow-dialog:0 30px 96px rgba(0,0,0,.65)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--page);color:var(--text);font-family:"Mona Sans",-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",sans-serif;line-height:1.47059;letter-spacing:-.011em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
button,input,select{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}img{max-width:100%}
.shell{width:min(var(--shell),calc(100% - 40px));margin-inline:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;z-index:1000;inset-block-start:10px;inset-inline-start:10px;transform:translateY(-150%);padding:10px 14px;border-radius:980px;background:var(--text);color:var(--page);font-size:13px;font-weight:600}
.skip-link:focus{transform:none}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
/* Calm Static Liquid Glass Resizable Navbar */
.topbar{position:sticky;top:14px;z-index:90;padding-inline:16px;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:0}
.topbar-shell{position:relative;max-width:var(--shell);margin-inline:auto;border-radius:980px;background:linear-gradient(135deg,rgba(255,255,255,.76) 0%,rgba(240,243,248,.48) 100%);backdrop-filter:blur(30px) saturate(220%);-webkit-backdrop-filter:blur(30px) saturate(220%);border:1px solid rgba(0,0,0,.08);box-shadow:inset 0 1px 1px rgba(255,255,255,.95),0 8px 24px rgba(0,0,0,.04);isolation:isolate;transition:max-width 0.45s cubic-bezier(0.16,1,0.3,1),box-shadow 0.3s cubic-bezier(0.16,1,0.3,1),background 0.3s cubic-bezier(0.16,1,0.3,1),border-color 0.3s cubic-bezier(0.16,1,0.3,1)}
.topbar-shell:hover{border-color:rgba(0,0,0,.15);box-shadow:inset 0 1px 1px rgba(255,255,255,1),0 12px 32px rgba(0,0,0,.07)}
.topbar-shell.scrolled{max-width:640px;background:linear-gradient(135deg,rgba(255,255,255,.88) 0%,rgba(245,247,250,.65) 100%);border-color:rgba(0,0,0,.12);box-shadow:inset 0 1px 1px rgba(255,255,255,.95),0 10px 28px rgba(0,0,0,.06)}
.topbar-shell.scrolled:hover{border-color:rgba(0,0,0,.18)}
html[data-theme="dark"] .topbar-shell{background:linear-gradient(135deg,rgba(30,30,38,.78) 0%,rgba(18,18,22,.52) 100%);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 1px rgba(255,255,255,.2),0 12px 36px rgba(0,0,0,.45)}
html[data-theme="dark"] .topbar-shell:hover{border-color:rgba(255,255,255,.24);box-shadow:inset 0 1px 1px rgba(255,255,255,.25),0 16px 40px rgba(0,0,0,.6)}
html[data-theme="dark"] .topbar-shell.scrolled{background:linear-gradient(135deg,rgba(26,26,34,.90) 0%,rgba(16,16,20,.75) 100%);border-color:rgba(255,255,255,.18);box-shadow:inset 0 1px 1px rgba(255,255,255,.2),0 14px 36px rgba(0,0,0,.55)}
html[data-theme="dark"] .topbar-shell.scrolled:hover{border-color:rgba(255,255,255,.28)}
.topbar-shell::after{content:"";position:absolute;top:0;left:6%;right:6%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);pointer-events:none;z-index:3}
html[data-theme="dark"] .topbar-shell::after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent)}
@media (prefers-reduced-motion:reduce){.topbar-shell{animation:none!important}}
.topbar-inner{height:56px;padding-inline:22px;display:flex;align-items:center;justify-content:space-between;transition:padding 0.45s ease}
.wordmark{display:inline-flex;align-items:center;text-decoration:none;margin:0;padding:0;transition:transform 0.25s ease,opacity 0.25s ease}
.wordmark:hover{transform:translateY(-0.5px);opacity:.92}
.wordmark-brand{font-family:'Outfit','Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,"SF Pro Display",sans-serif;font-size:20px;font-weight:800;letter-spacing:-.045em;color:var(--text);line-height:1;display:inline-flex;align-items:center}
.brand-dot{font-family:'Outfit',sans-serif;font-weight:900;margin-left:1px;background:linear-gradient(135deg,#0066cc,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
html[data-theme="dark"] .brand-dot{background:linear-gradient(135deg,#38bdf8,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.topbar-actions{display:inline-flex;align-items:center;gap:10px;margin:0;padding:0}
.collection-link,.support-nav-current{display:inline-flex;align-items:center;justify-content:center;height:34px;padding-inline:14px;border-radius:980px;font-size:12px;font-weight:600;color:var(--muted);transition:all 0.25s cubic-bezier(0.16,1,0.3,1)}
.collection-link:hover{background:rgba(255,255,255,.55);color:var(--text);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 1px 0.8px rgba(255,255,255,.9),0 4px 12px rgba(0,0,0,.06);transform:translateY(-1px)}
html[data-theme="dark"] .collection-link:hover{background:rgba(255,255,255,.14);color:var(--text);box-shadow:inset 0 1px 0.8px rgba(255,255,255,.25),0 4px 14px rgba(0,0,0,.3)}
.support-nav-current{background:var(--surface-muted);color:var(--text);font-weight:600;box-shadow:inset 0 1px 0.5px rgba(255,255,255,.4)}
.plane-switch{--dot:#fff;--street:#6B6D76;--street-line:#A8AAB4;--street-line-mid:#C0C2C8;--sky-1:#60A7FA;--sky-2:#2F8EFC;--light-1:rgba(255,233,0,1);--light-2:rgba(255,233,0,.3);cursor:pointer;-webkit-tap-highlight-color:transparent;display:inline-flex;align-items:center;padding:9px 2px}
.plane-switch input{display:none}
.plane-switch input+div{-webkit-mask-image:-webkit-radial-gradient(white,black);position:relative;overflow:hidden;width:50px;height:25px;padding:1px;border-radius:13px;background:linear-gradient(90deg,var(--street) 0%,var(--street) 25%,var(--sky-1) 75%,var(--sky-2) 100%) left var(--p,0%) top 0;background-position-x:var(--p,0%);background-size:400% auto;transition:background-position 0.6s;box-shadow:0 0 0 1px color-mix(in srgb,var(--line-strong) 70%,transparent)}
.plane-switch input+div:before,.plane-switch input+div:after{content:"";display:block;position:absolute;transform:translateX(var(--s,0));transition:transform 0.3s}
.plane-switch input+div:before{width:42px;right:2px;top:4px;height:1px;background:var(--street-line);box-shadow:0 16px 0 0 var(--street-line)}
.plane-switch input+div:after{width:2px;height:2px;border-radius:50%;left:23px;top:1px;animation:lights2 2s linear infinite;box-shadow:inset 0 0 0 2px var(--light-1),0 21px 0 var(--light-1),8px 0 0 var(--light-2),8px 21px 0 var(--light-2),16px 0 0 var(--light-2),16px 21px 0 var(--light-2)}
.plane-switch input+div span{display:block;position:absolute}
.plane-switch input+div span.street-middle{top:12px;left:21px;width:3px;height:1px;transform:translateX(var(--s,0));background:var(--street-line-mid);box-shadow:5px 0 0 var(--street-line-mid),10px 0 0 var(--street-line-mid),15px 0 0 var(--street-line-mid),20px 0 0 var(--street-line-mid),25px 0 0 var(--street-line-mid);transition:transform 0.3s}
.plane-switch input+div span.cloud{width:12px;height:4px;border-radius:2px;background:#fff;position:absolute;top:var(--ct,8px);left:100%;opacity:var(--co,0);transition:opacity 0.3s;animation:clouds2 2s linear infinite var(--cd,0s)}
.plane-switch input+div span.cloud:before,.plane-switch input+div span.cloud:after{content:"";position:absolute;transform:translateX(var(--cx,0));border-radius:50%;width:var(--cs,5px);height:var(--cs,5px);background:#fff;bottom:1px;left:1px}
.plane-switch input+div span.cloud:after{--cs:6px;--cx:4px}
.plane-switch input+div span.cloud.two{--ct:20px;--cd:1s;opacity:var(--co-2,0)}
.plane-switch input+div div{display:table;position:relative;z-index:1;padding:5px;border-radius:50%;background:var(--dot);transform:translateX(var(--x,0));transition:transform 0.6s cubic-bezier(0.2,0.8,0.35,1.2)}
.plane-switch input+div div svg{width:13px;height:13px;display:block;color:var(--c,var(--street));transition:color 0.6s}
.plane-switch input:checked+div{--p:100%;--x:25px;--s:-50px;--c:var(--sky-2);--co:.8;--co-2:.6}
.plane-switch:focus-within{outline:2px solid var(--focus);outline-offset:3px;border-radius:16px}
@keyframes lights2{20%,30%{box-shadow:inset 0 0 0 2px var(--light-2),0 21px 0 var(--light-2),8px 0 0 var(--light-1),8px 21px 0 var(--light-1),16px 0 0 var(--light-2),16px 21px 0 var(--light-2)}55%,65%{box-shadow:inset 0 0 0 2px var(--light-2),0 21px 0 var(--light-2),8px 0 0 var(--light-2),8px 21px 0 var(--light-2),16px 0 0 var(--light-1),16px 21px 0 var(--light-1)}90%,100%{box-shadow:inset 0 0 0 2px var(--light-1),0 21px 0 var(--light-1),8px 0 0 var(--light-2),8px 21px 0 var(--light-2),16px 0 0 var(--light-2),16px 21px 0 var(--light-2)}}
@keyframes clouds2{97%{transform:translateX(-72px);visibility:visible}98%,100%{visibility:hidden}99%{transform:translateX(-72px)}100%{transform:translateX(0)}}
/* Hero Poster Stage (Luxury Editorial Style) */
.hero-poster-stage{position:relative;margin-top:14px;margin-bottom:40px;border-radius:36px;overflow:hidden;min-height:100svh;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 30px 80px rgba(0,0,0,0.08),0 0 0 1px var(--line);background:var(--surface);isolation:isolate}
.poster-bg-wrap{position:absolute;inset:0;z-index:1;overflow:hidden}
.poster-bg-img{width:100%;height:100%;object-fit:cover;object-position:68% 28%;display:block;filter:contrast(102%) brightness(99%);transition:object-position .4s ease}
.poster-warm-wash{position:absolute;inset:0;background:rgba(251,247,241,0.42);mix-blend-mode:multiply;pointer-events:none}
html[data-theme="dark"] .poster-warm-wash{background:rgba(18,17,16,0.52)}
.poster-radial-glow{position:absolute;inset:0;background:radial-gradient(circle at 28% 36%,rgba(255,255,255,0.92) 0%,rgba(255,255,255,0.45) 45%,transparent 70%);pointer-events:none}
html[data-theme="dark"] .poster-radial-glow{background:radial-gradient(circle at 28% 36%,rgba(22,22,26,0.90) 0%,rgba(22,22,26,0.45) 45%,transparent 70%)}
.poster-gradient-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,0.3) 0%,transparent 40%,rgba(0,0,0,0.06) 75%,rgba(0,0,0,0.22) 100%);pointer-events:none}
html[data-theme="dark"] .poster-gradient-overlay{background:linear-gradient(180deg,rgba(10,10,12,0.5) 0%,transparent 40%,rgba(0,0,0,0.3) 75%,rgba(0,0,0,0.7) 100%)}
.poster-content{position:relative;z-index:2;padding:64px 52px 40px;min-height:100svh;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;text-align:left}
.poster-headline-group{max-width:720px;margin-bottom:auto;animation:fade-slide-up 0.8s cubic-bezier(0.16,1,0.3,1) both}
.poster-title{margin:0;font-family:'Instrument Sans','Mona Sans',-apple-system,BlinkMacSystemFont,sans-serif;font-size:clamp(52px,7.2vw,115px);line-height:0.92;letter-spacing:-.045em;font-weight:800;display:flex;flex-direction:column;align-items:flex-start}
.poster-gold-line{background:linear-gradient(110deg,#6f4700 0%,#b78212 34%,#e0b84c 50%,#8b5900 76%,#513100 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;padding-block:4px;filter:drop-shadow(0 2px 14px rgba(183,130,18,0.2))}
html[data-theme="dark"] .poster-gold-line{background:linear-gradient(110deg,#fef08a 0%,#eab308 40%,#ca8a04 80%,#a16207 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 16px rgba(234,179,8,0.3))}
.poster-dark-line{color:#11100D;margin-top:4px;display:inline-block;padding-block:4px}
html[data-theme="dark"] .poster-dark-line{color:#f3f4f6}
.poster-subline{max-width:580px;margin-top:24px;color:rgba(17,16,13,0.82);font-size:clamp(17px,1.8vw,24px);line-height:1.4;font-weight:500;text-wrap:pretty;animation:fade-slide-up 0.8s cubic-bezier(0.16,1,0.3,1) 0.15s both}
html[data-theme="dark"] .poster-subline{color:rgba(243,244,246,0.85)}
.poster-actions{display:flex;align-items:center;gap:16px;margin-top:32px;flex-wrap:wrap;animation:fade-slide-up 0.8s cubic-bezier(0.16,1,0.3,1) 0.25s both}
.hero-cta-primary{display:inline-flex;align-items:center;gap:10px;height:64px;padding:0 32px;border-radius:999px;background:linear-gradient(180deg,#262626 0%,#101010 100%);color:#ffffff!important;font-size:16px;font-weight:600;letter-spacing:-.01em;box-shadow:0 10px 30px rgba(0,0,0,0.18),inset 0 1px 1px rgba(255,255,255,0.2);transition:transform .25s cubic-bezier(0.16,1,0.3,1),box-shadow .25s cubic-bezier(0.16,1,0.3,1)}
html[data-theme="dark"] .hero-cta-primary{background:linear-gradient(180deg,#ffffff 0%,#e5e5e5 100%);color:#101010!important;box-shadow:0 10px 30px rgba(255,255,255,0.14)}
.hero-cta-primary:hover{transform:translateY(-2px);box-shadow:0 14px 38px rgba(0,0,0,0.24)}
.hero-cta-primary svg{transition:transform .25s ease}
.hero-cta-primary:hover svg{transform:translateX(5px)}
.hero-cta-secondary{display:inline-flex;align-items:center;gap:8px;height:64px;padding:0 28px;border-radius:999px;background:rgba(255,255,255,0.72);color:#11100D!important;border:1px solid rgba(255,255,255,0.75);font-size:16px;font-weight:600;letter-spacing:-.01em;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 24px rgba(0,0,0,0.05);transition:transform .25s cubic-bezier(0.16,1,0.3,1),background .25s ease}
html[data-theme="dark"] .hero-cta-secondary{background:rgba(35,35,42,0.72);color:#ffffff!important;border-color:rgba(255,255,255,0.18)}
.hero-cta-secondary:hover{transform:translateY(-2px);background:rgba(255,255,255,0.88)}
html[data-theme="dark"] .hero-cta-secondary:hover{background:rgba(45,45,55,0.88)}
.hero-cta-secondary svg{transition:transform .25s ease}
.hero-cta-secondary:hover svg{transform:translate(3px,-3px)}

.poster-stats-panel{width:100%;max-width:980px;margin-top:48px;display:flex;align-items:center;justify-content:space-around;padding:18px 32px;border-radius:34px;background:rgba(247,239,226,0.72);backdrop-filter:blur(20px) saturate(125%);-webkit-backdrop-filter:blur(20px) saturate(125%);border:1px solid rgba(255,255,255,0.75);box-shadow:0 20px 48px rgba(0,0,0,0.06),inset 0 1px 1.5px rgba(255,255,255,0.8);animation:fade-slide-up 0.8s cubic-bezier(0.16,1,0.3,1) 0.35s both;transition:transform .25s ease}
html[data-theme="dark"] .poster-stats-panel{background:rgba(24,23,20,0.78);border-color:rgba(255,255,255,0.15);box-shadow:0 24px 60px rgba(0,0,0,0.4),inset 0 1px 1px rgba(255,255,255,0.15)}
.poster-stats-panel:hover{transform:translateY(-1px)}
.stat-item{display:flex;align-items:center;gap:14px}
.stat-icon-circle{width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,0.85);border:1px solid rgba(255,255,255,0.9);display:flex;align-items:center;justify-content:center;color:#b78212;box-shadow:0 4px 12px rgba(0,0,0,0.04);flex-shrink:0}
html[data-theme="dark"] .stat-icon-circle{background:rgba(45,42,35,0.8);border-color:rgba(255,255,255,0.12);color:#eab308}
.stat-meta{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}
.stat-meta strong{font-size:24px;font-weight:800;color:#11100D;font-family:'Instrument Sans',-apple-system,BlinkMacSystemFont,sans-serif}
html[data-theme="dark"] .stat-meta strong{color:#ffffff}
.stat-meta span{font-size:13px;font-weight:600;color:rgba(17,16,13,0.65);text-transform:lowercase;margin-top:2px}
html[data-theme="dark"] .stat-meta span{color:rgba(255,255,255,0.65)}
.stat-divider-v{width:1px;height:36px;background:rgba(17,16,13,0.12)}
html[data-theme="dark"] .stat-divider-v{background:rgba(255,255,255,0.15)}

@keyframes fade-slide-up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){.poster-headline-group,.poster-subline,.poster-actions,.poster-stats-panel{animation:none!important}}

/* 3D Titanium Cardholder Showcase */
.hero-card-showcase{position:relative;width:320px;max-width:100%;margin-inline:auto;perspective:1000px}
.cardholder-titanium{position:relative;width:100%;border-radius:24px;padding:16px;background:linear-gradient(145deg,rgba(255,255,255,.9) 0%,rgba(240,243,248,.65) 100%);backdrop-filter:blur(24px) saturate(210%);-webkit-backdrop-filter:blur(24px) saturate(210%);border:1px solid rgba(255,255,255,.9);box-shadow:0 24px 50px rgba(0,0,0,.1),0 0 30px rgba(0,102,204,.12),inset 0 1px 1px rgba(255,255,255,1);transform-style:preserve-3d;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .25s ease;will-change:transform}
html[data-theme="dark"] .cardholder-titanium{background:linear-gradient(145deg,rgba(30,30,38,.88) 0%,rgba(16,16,22,.7) 100%);border-color:rgba(255,255,255,.16);box-shadow:0 24px 60px rgba(0,0,0,.75),0 0 36px rgba(56,189,248,.18),inset 0 1px 1px rgba(255,255,255,.22)}
.cardholder-titanium:hover{box-shadow:0 30px 65px rgba(0,0,0,.16),0 0 40px rgba(0,102,204,.2)}
html[data-theme="dark"] .cardholder-titanium:hover{box-shadow:0 30px 75px rgba(0,0,0,.9),0 0 48px rgba(56,189,248,.28)}
.cardholder-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-inline:2px}
.cardholder-chip{display:flex;align-items:center}
.cardholder-nfc{color:var(--muted);display:flex;align-items:center}
.cardholder-portrait-wrap{position:relative;width:100%;height:270px;border-radius:18px;overflow:hidden;box-shadow:0 4px 18px rgba(0,0,0,.08);background:var(--surface-muted)}
.cardholder-face-img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;display:block;transition:transform .5s cubic-bezier(.16,1,.3,1)}
.cardholder-titanium:hover .cardholder-face-img{transform:scale(1.04)}
.cardholder-portrait-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 65%,rgba(0,0,0,.25) 100%);pointer-events:none}
.cardholder-bottom{display:flex;align-items:flex-end;justify-content:space-between;margin-top:14px;padding-inline:4px}
.cardholder-identity{display:flex;flex-direction:column;gap:2px}
.cardholder-label{font-size:8.5px;font-weight:700;letter-spacing:.08em;color:var(--soft);text-transform:uppercase}
.cardholder-name{font-family:'Outfit',sans-serif;font-size:15px;font-weight:800;letter-spacing:.04em;color:var(--text);line-height:1.15}
.cardholder-tier{font-size:9px;font-weight:650;letter-spacing:.05em;color:var(--muted);margin-top:2px}
.cardholder-status{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:980px;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.25);color:#059669;font-size:10px;font-weight:700;white-space:nowrap}
html[data-theme="dark"] .cardholder-status{color:#34d399;background:rgba(16,185,129,.18)}
.status-pulse-dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 6px #10b981}
.hero-floating-tag{position:absolute;z-index:4;display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:980px;background:var(--surface);border:1px solid var(--line-strong);box-shadow:0 10px 28px rgba(0,0,0,.12),0 0 16px rgba(0,102,204,.08);font-size:11px;font-weight:600;color:var(--text);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:float-soft 4s ease-in-out infinite alternate}
.tag-ltf{top:-12px;right:-18px;animation-delay:0s}
.tag-rupay{bottom:24px;left:-22px;animation-delay:2s}
.floating-icon{font-size:13px}
@keyframes float-soft{0%{transform:translateY(0)}100%{transform:translateY(-8px)}}
@media (prefers-reduced-motion:reduce){.hero-floating-tag{animation:none!important}}
.collection{padding-block:18px 88px}
.collection-head{display:flex;align-items:end;justify-content:space-between;gap:24px;padding-bottom:16px}
.collection-head h2{margin:0;font-size:34px;line-height:1;letter-spacing:-.04em;font-weight:650}
.collection-head p{margin:7px 0 0;color:var(--muted);font-size:11px;line-height:1.55}
.collection-count{color:var(--muted);font-size:11px;font-weight:600;font-variant-numeric:tabular-nums}

.filters-wrap{position:relative;z-index:10;padding-block:8px 12px;background:transparent}
.filter-panel{display:grid;grid-template-columns:minmax(260px,1.3fr) minmax(290px,.75fr);grid-template-areas:"search selects" "quick quick";gap:9px 12px;padding:10px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}
.search-control{grid-area:search;height:46px;display:flex;align-items:center;gap:9px;padding-inline:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft)}
.search-control svg{width:16px;height:16px;flex:0 0 auto;fill:none;stroke:var(--soft);stroke-width:1.8;stroke-linecap:round}
.search-control input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:14px}
.search-control input::placeholder{color:var(--soft)}
.select-row{grid-area:selects;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.select-row label{display:block}
.select-row select{width:100%;height:46px;padding-inline:11px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft);color:var(--text);outline:0;font-size:12px}
.quick-row{grid-area:quick;display:flex;align-items:center;gap:7px;min-width:0;overflow-x:auto;padding-top:1px;scrollbar-width:none}
.quick-row::-webkit-scrollbar{display:none}
.quick,.reset-button{flex:0 0 auto;min-height:34px;padding-inline:13px;border:1px solid var(--line);border-radius:var(--radius-full);background:transparent;color:var(--muted);font-size:var(--fs-xs);font-weight:600;transition:all 0.15s ease;cursor:pointer}
.quick.active{background:var(--text);border-color:var(--text);color:var(--page)}
.quick:hover,.reset-button:hover{border-color:var(--line-strong);color:var(--text)}
.reset-button{margin-inline-start:4px;border-color:var(--line);background:var(--surface-soft)}
.stack-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:10px;align-items:start}
.stack-column{display:flex;flex-direction:column;gap:16px;min-width:0}
.stack-column:empty{display:none}
.bank-group{min-width:0;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow);overflow:clip}
.bank-group-head{min-height:60px;padding:10px 12px;display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;background:var(--surface-soft);border-bottom:1px solid var(--line)}
.bank-logo-wrap{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;overflow:hidden}
.bank-logo{width:24px;height:24px;object-fit:contain;display:block}
.logo-fallback{display:none;width:100%;height:100%;place-items:center;background:var(--surface-muted);color:var(--muted);font-size:var(--fs-xs);font-weight:700}
.bank-heading-copy{min-width:0;display:flex;flex-direction:column;line-height:1.15}
.bank-heading-copy strong{min-width:0;font-size:var(--fs-base);font-weight:650;letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bank-heading-copy span{margin-top:3px;color:var(--soft);font-size:var(--fs-xs)}
.bank-short{color:var(--soft);font-size:var(--fs-xs);font-weight:600;letter-spacing:.02em;white-space:nowrap}
.bank-cards{padding-inline:10px}
.card-row{width:100%;min-height:58px;padding:10px 4px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:start;transition:background-color 160ms var(--ease),transform 160ms var(--ease);cursor:pointer}
.card-row:last-child{border-bottom:0}
.card-row:active{transform:scale(.985)}
.card-chevron{color:var(--soft);flex-shrink:0;transition:transform 0.2s ease,color 0.2s ease}
.card-row:hover .card-chevron{color:var(--focus);transform:translateX(2px)}
.card-copy{min-width:0}
.card-title-line{display:flex;align-items:baseline;gap:7px;min-width:0;flex-wrap:wrap}
.card-name{font-size:var(--fs-base);line-height:1.2;font-weight:650;letter-spacing:-.015em;overflow-wrap:anywhere}
.network{color:var(--muted);font-size:var(--fs-xs);white-space:nowrap}
.card-meta-line{margin-top:5px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;color:var(--soft);font-size:var(--fs-xs)}
.mini-tag{display:inline-flex;align-items:center;min-height:20px;padding-inline:7px;border-radius:var(--radius-full);background:var(--surface-muted);color:var(--muted);font-size:var(--fs-xs);font-weight:600;white-space:nowrap}
.partner-tag{background:#f0e8fa;color:#7044a0}
html[data-theme="dark"] .partner-tag{background:#30223f;color:#cbb0ec}
.secured-tag{background:#eee7dc;color:#745725}
html[data-theme="dark"] .secured-tag{background:#332c21;color:#d9bd82}
.fee-pill{display:inline-flex;align-items:center;justify-content:center;min-width:54px;height:25px;padding-inline:9px;border-radius:var(--radius-full);color:#fff;font-size:var(--fs-xs);font-weight:700;line-height:1;white-space:nowrap;transition:transform 0.15s ease,box-shadow 0.15s ease}
.fee-ltf{background:linear-gradient(135deg,#059669 0%,#10b981 100%);box-shadow:0 2px 10px rgba(16,185,129,0.38),inset 0 1px 0 rgba(255,255,255,0.3)}
.fee-waiver{background:linear-gradient(135deg,#1d4ed8 0%,#3b82f6 100%);box-shadow:0 2px 10px rgba(59,130,246,0.38),inset 0 1px 0 rgba(255,255,255,0.3)}
.fee-paid{background:#42494f}
.fee-unknown{background:#8b9297}
.legend{margin-block:12px 10px;padding:12px 16px;display:grid;grid-template-columns:75px minmax(0,1fr);gap:14px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface)}
.legend-title{font-size:var(--fs-xs);font-weight:650;color:var(--muted)}
.legend-items{display:flex;flex-wrap:wrap;gap:8px 16px}
.legend-items>span{display:flex;align-items:center;gap:7px;color:var(--text);font-size:var(--fs-xs);font-weight:500}
.legend .fee-pill{min-width:48px;height:22px;font-size:var(--fs-xs)}
.legend .mini-tag{min-height:20px;font-size:var(--fs-xs)}
.empty-state{margin-top:10px;padding:50px 20px;text-align:center;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}
.empty-state strong{display:block;font-size:var(--fs-md)}
.empty-state p{margin:6px 0 0;color:var(--muted);font-size:var(--fs-sm)}
.empty-state button{margin-top:15px;min-height:42px;padding-inline:14px;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface-soft);color:var(--text);font-size:var(--fs-sm);font-weight:600}
.details-dialog{width:min(510px,calc(100% - 24px));padding:0;border:1px solid var(--line-strong);border-radius:20px;background:var(--surface);color:var(--text);box-shadow:var(--shadow-dialog)}
.details-dialog::backdrop{background:rgba(0,0,0,.48);backdrop-filter:blur(10px)}
.dialog-close{position:absolute;inset-block-start:12px;inset-inline-end:12px;width:42px;height:42px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:var(--surface-soft)}
.dialog-close svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.dialog-body{padding:26px 22px 20px}
.dialog-bank{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:10px;font-weight:600}
.dialog-logo{width:30px;height:30px}
.dialog-logo .bank-logo{width:21px;height:21px}
.dialog-title{margin:14px 46px 0 0;font-size:32px;line-height:1.05;letter-spacing:-.04em;font-weight:650;text-wrap:balance}
.dialog-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}
.detail{padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface-soft)}
.detail span{display:block;color:var(--soft);font-size:8px}
.detail strong{display:block;margin-top:4px;font-size:11px;font-weight:650;overflow-wrap:anywhere}
.best-for{margin-top:15px;padding-top:15px;border-top:1px solid var(--line)}
.best-for>span{display:block;color:var(--soft);font-size:8px}
.best-for div{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.use-tag{display:inline-flex;align-items:center;min-height:26px;padding-inline:9px;border-radius:980px;background:var(--surface-muted);color:var(--muted);font-size:9px;font-weight:500}

/* Site Footer - Apple Layout Solution */
.site-footer{border-top:1px solid var(--line);background:var(--page)}
.footer-inner{min-height:76px;padding-block:16px;display:flex;align-items:center;justify-content:space-between;gap:16px 20px;color:var(--soft);font-size:12px;letter-spacing:-.01em}
.footer-inner>span{white-space:nowrap;flex-shrink:0}
.footer-links{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:nowrap;flex-shrink:0}

/* Magic UI ShimmerButton for Footer Social Links - Apple Polish */
.shimmer-button{position:relative;display:inline-flex;align-items:center;justify-content:center;height:36px;min-height:36px;padding:0 14px;border-radius:980px;background:#000000;color:#ffffff!important;font-size:12.5px;font-weight:500;letter-spacing:-.011em;text-decoration:none!important;overflow:hidden;border:1px solid rgba(255,255,255,.18);box-shadow:0 4px 18px rgba(0,0,0,.22),0 0 0 1px rgba(0,0,0,.8);transition:transform .25s cubic-bezier(.25,1,.5,1),box-shadow .25s cubic-bezier(.25,1,.5,1);isolation:isolate;flex-shrink:0;white-space:nowrap;-webkit-tap-highlight-color:transparent}
.shimmer-button.icon-only{width:38px;min-width:38px;height:38px;min-height:38px;padding:0;border-radius:50%}
.shimmer-button.icon-only::after{border-radius:50%}
html[data-theme="dark"] .shimmer-button{background:#1c1c1e;border-color:rgba(255,255,255,.24);box-shadow:0 4px 20px rgba(0,0,0,.5)}
.shimmer-button:hover{transform:scale(1.08);box-shadow:0 6px 24px rgba(0,0,0,.32)}
.shimmer-button:active{transform:scale(.95)}
.shimmer-button::before{content:"";position:absolute;inset:-150%;background:conic-gradient(from 0deg at 50% 50%,transparent 0deg,transparent 320deg,#ffffff 345deg,rgba(255,255,255,.85) 355deg,transparent 360deg);animation:shimmer-spin 3.5s linear infinite;z-index:-2;pointer-events:none}
.shimmer-button::after{content:"";position:absolute;inset:1.25px;border-radius:980px;background:#000000;z-index:-1;pointer-events:none}
html[data-theme="dark"] .shimmer-button::after{background:#1c1c1e}
.shimmer-button-text{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:7px;height:100%;color:#ffffff;font-size:12px;font-weight:500;line-height:1;white-space:nowrap}
.shimmer-button.icon-only .shimmer-button-text{gap:0}
.x-logo-icon{width:15px;height:15px;fill:currentColor;flex-shrink:0;display:block}
.desidime-logo-icon,.technofino-logo-icon{width:17px;height:17px;border-radius:4px;object-fit:contain;flex-shrink:0;display:block}
@keyframes shimmer-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.shimmer-button::before{animation:none!important}}

/* Magic UI TextAnimate blurInUp Character Effect */
.hero h1{contain:layout}
.text-animate-char{display:inline-block;opacity:0;filter:blur(10px);transform:translateY(18px);animation:blurInUp .55s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(var(--char-index, 0) * .028s);will-change:transform,opacity,filter}
@keyframes blurInUp{0%{opacity:0;filter:blur(10px);transform:translateY(18px)}100%{opacity:1;filter:blur(0);transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){.text-animate-char{opacity:1!important;filter:none!important;transform:none!important;animation:none!important}}

/* Security & Non-Affiliation Disclaimer Card (Web & Mobile Editorial Callout) */
.site-disclaimer-card{width:100%;max-width:1100px;margin:40px auto 28px;box-sizing:border-box}
.disclaimer-content{width:100%;box-sizing:border-box;padding:22px 28px;border-radius:20px;background:var(--surface);border:1px solid var(--line-strong);border-left:4px solid var(--focus);box-shadow:0 10px 30px rgba(0,0,0,.04),0 1px 3px rgba(0,0,0,.02);display:flex;flex-direction:column;gap:12px;overflow:hidden}
html[data-theme="dark"] .disclaimer-content{background:rgba(26,28,35,.85);border-color:rgba(255,255,255,.14);border-left-color:#60a5fa;box-shadow:0 12px 36px rgba(0,0,0,.35)}
.disclaimer-badge{display:inline-flex;align-items:center;gap:7px;padding:5px 13px;border-radius:980px;background:color-mix(in srgb,var(--focus) 12%,transparent);border:1px solid color-mix(in srgb,var(--focus) 25%,transparent);color:var(--focus);font-size:11.5px;font-weight:700;line-height:1.35;align-self:flex-start;max-width:100%;box-sizing:border-box;letter-spacing:-.01em}
html[data-theme="dark"] .disclaimer-badge{background:rgba(59,130,246,.16);border-color:rgba(59,130,246,.35);color:#60a5fa}
.disclaimer-badge svg{flex-shrink:0;width:14px;height:14px}
.disclaimer-badge span{overflow-wrap:break-word;word-break:break-word}
.disclaimer-content p{margin:0;font-size:13px;line-height:1.68;color:var(--muted);overflow-wrap:break-word;word-break:break-word}
html[data-theme="dark"] .disclaimer-content p{color:#cbd5e1}
.disclaimer-content strong{color:var(--text);font-weight:700}
html[data-theme="dark"] .disclaimer-content strong{color:#f8fafc}
.disclaimer-link{color:var(--focus);font-weight:650;text-decoration:underline;text-underline-offset:3px;transition:color .15s ease}
html[data-theme="dark"] .disclaimer-link{color:#60a5fa}
.disclaimer-link:hover{color:var(--text)}

/* Filter reset communicates when there is nothing to clear. */
.reset-button:disabled {
  cursor: not-allowed;
  opacity: .42;
  transform: none;
}