/* THE FRENCH STORE — OBSIDIAN PRISM / BASE
   Presentation only. Commerce, auth, pricing, checkout and reseller logic stay untouched.
   Motion reuses the existing data-r8-motion policy and degrades to a polished static state. */

html[data-fs-tier]{
  --t-ease-out:cubic-bezier(.2,.82,.2,1);
  --t-ease-io:cubic-bezier(.65,0,.35,1);
  --t-press:110ms;
  --t-fast:180ms;
  --t-mid:320ms;
  --t-slow:560ms;
  --fs-bg:#03070c;
  --fs-bg-soft:#07111a;
  --fs-surface:rgba(8,19,29,.82);
  --fs-surface-strong:rgba(9,23,35,.96);
  --fs-surface-hover:rgba(12,29,43,.98);
  --fs-edge:rgba(136,220,236,.16);
  --fs-edge-strong:rgba(120,225,244,.34);
  --fs-text:#f6fbff;
  --fs-muted:#91aab8;
  --fs-cyan:#66e8f5;
  --fs-blue:#56a8ff;
  --fs-gold:#d7b36a;
  --fs-shadow:0 22px 60px rgba(0,0,0,.36);
  --fs-shadow-soft:0 12px 32px rgba(0,0,0,.26);
  --t-accent:var(--fs-cyan);
  --t-accent-deep:#1abbd0;
  --t-ring:rgba(102,232,245,.74);
  --t-glow:rgba(102,232,245,.14);
  --t-edge:var(--fs-edge-strong);
  --t-lift:var(--fs-shadow-soft);
  color-scheme:dark;
}

html[data-fs-tier],html[data-fs-tier] body{background:var(--fs-bg);color:var(--fs-text)}
html[data-fs-tier] body{
  background:
    radial-gradient(900px 520px at 12% -12%,rgba(61,175,213,.17),transparent 62%),
    radial-gradient(760px 520px at 92% 8%,rgba(80,115,220,.10),transparent 66%),
    linear-gradient(180deg,#050b12 0%,#02060a 48%,#050b11 100%);
  isolation:isolate;
}
html[data-fs-tier] body::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.34;
  background-image:linear-gradient(rgba(126,206,225,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(126,206,225,.026) 1px,transparent 1px);
  background-size:44px 44px;
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.62),transparent 78%);
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.62),transparent 78%);
}

/* Remove the previous ornamental pass language: no filigree, rank seals or stretched frames. */
html[data-fs-tier] .category-card{
  border-image:none!important;clip-path:none!important;
}
html[data-fs-tier] .brand>span{display:none!important;background:none!important;filter:none!important}
html[data-fs-tier] .hero::before{content:""!important}

/* Chrome */
html[data-fs-tier] .topbar{
  height:68px;padding-inline:max(16px,calc((100% - 1240px)/2));
  background:linear-gradient(180deg,rgba(5,13,21,.92),rgba(4,11,18,.78));
  border-bottom:1px solid rgba(150,229,244,.12);
  box-shadow:0 10px 30px rgba(0,0,0,.18);
  backdrop-filter:blur(18px) saturate(1.15);
  -webkit-backdrop-filter:blur(18px) saturate(1.15);
}
html[data-fs-tier] .brand{
  position:relative;gap:10px;padding:8px 2px;color:var(--fs-text);
  transition:transform var(--t-fast) var(--t-ease-out),opacity var(--t-fast) ease;
}
html[data-fs-tier] .brand::before{
  content:"";width:19px;height:19px;display:block;flex:0 0 auto;transform:rotate(45deg);
  border-radius:4px;
  background:linear-gradient(145deg,#e8ffff 0 12%,#73eef8 14% 36%,#167da0 37% 61%,#baf8ff 62% 74%,#2daec6 75% 100%);
  box-shadow:0 0 0 1px rgba(201,251,255,.34),0 0 20px rgba(76,217,236,.18),inset 2px 2px 3px rgba(255,255,255,.36);
}
html[data-fs-tier] .brand b{font-size:14px;letter-spacing:.075em;color:#f7fcff}
html[data-fs-tier] .brand:active{transform:scale(.98)}
html[data-fs-tier] .top-actions{gap:9px}

html[data-fs-tier] .ghost-btn,
html[data-fs-tier] .cart-btn,
html[data-fs-tier] .icon-btn,
html[data-fs-tier] .cart-inline{
  min-height:40px;border:1px solid rgba(139,219,235,.16);border-radius:13px;
  background:linear-gradient(180deg,rgba(16,35,49,.82),rgba(8,22,33,.88));
  color:#dcecf3;box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
  transition:transform var(--t-fast) var(--t-ease-out),border-color var(--t-fast) ease,background var(--t-fast) ease,box-shadow var(--t-fast) ease;
}
html[data-fs-tier] .cart-btn{color:#bff8ff}

/* Focus */
html[data-fs-tier] :focus-visible{outline:2px solid var(--t-ring);outline-offset:3px}
html[data-fs-tier] .bottom-nav button:focus-visible{outline-offset:-3px}

/* Hero: quiet cinematic stage with one focal object. */
html[data-fs-tier] .hero{
  position:relative;isolation:isolate;overflow:hidden;min-height:420px;margin:24px 0 20px;
  grid-template-columns:minmax(0,1.18fr) minmax(260px,.82fr);gap:clamp(24px,5vw,76px);
  padding:clamp(30px,5vw,68px);border:1px solid rgba(129,221,238,.18);border-radius:28px;
  background:
    radial-gradient(520px 360px at 79% 48%,rgba(78,222,242,.16),transparent 64%),
    radial-gradient(420px 320px at 67% 12%,rgba(92,116,235,.09),transparent 70%),
    linear-gradient(135deg,rgba(8,25,38,.98),rgba(4,12,20,.99) 56%,rgba(7,22,34,.98));
  box-shadow:var(--fs-shadow),inset 0 1px 0 rgba(255,255,255,.045);
}
html[data-fs-tier] .hero::before{
  position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    linear-gradient(120deg,transparent 0 56%,rgba(111,234,247,.04) 56.2% 56.7%,transparent 57%),
    radial-gradient(circle at 79% 48%,transparent 0 30%,rgba(128,235,248,.06) 30.3% 30.6%,transparent 31%);
}
html[data-fs-tier] .hero::after{
  content:"";position:absolute;z-index:-1;pointer-events:none;width:58%;height:180%;right:-18%;top:-40%;
  background:linear-gradient(105deg,transparent 34%,rgba(174,247,255,.07) 49%,rgba(255,255,255,.16) 50%,rgba(128,231,245,.05) 53%,transparent 66%);
  transform:translate3d(18%,0,0) rotate(10deg);opacity:.55;
}
html[data-r8-motion="full"][data-fs-tier] .hero::after{animation:fsPrismSweep 10s var(--t-ease-io) infinite alternate}
@keyframes fsPrismSweep{from{transform:translate3d(34%,0,0) rotate(10deg)}to{transform:translate3d(-10%,0,0) rotate(10deg)}}

html[data-fs-tier] .hero-copy{position:relative;z-index:2}
html[data-fs-tier] .eyebrow{
  display:inline-flex;align-items:center;gap:8px;color:#85deeb;font:700 10px 'Orbitron',sans-serif;letter-spacing:.17em;
}
html[data-fs-tier] .eyebrow::before{content:"";width:18px;height:1px;background:currentColor;box-shadow:0 0 10px currentColor;opacity:.8}
html[data-fs-tier] .hero h1{
  max-width:760px;margin:12px 0 16px;font-size:clamp(37px,5.25vw,70px);line-height:1.01;letter-spacing:-.035em;
  color:#f7fcff;text-shadow:0 14px 40px rgba(0,0,0,.36);
}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  html[data-fs-tier] .hero h1{
    background:linear-gradient(112deg,#fff 0 42%,#c7f8ff 62%,#8edeea 100%);
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
}
html[data-fs-tier] .hero p{max-width:620px;margin:0;color:#a8bdc9;font-size:16px;line-height:1.72}
html[data-fs-tier] .hero-actions{gap:11px;margin-top:24px}

html[data-fs-tier] .primary-btn,
html[data-fs-tier] .secondary-btn,
html[data-fs-tier] .danger-btn{
  min-height:46px;padding:11px 18px;border-radius:13px;font-weight:750;letter-spacing:.01em;
  transition:transform var(--t-fast) var(--t-ease-out),box-shadow var(--t-fast) ease,border-color var(--t-fast) ease,filter var(--t-fast) ease;
}
html[data-fs-tier] .primary-btn{
  background:linear-gradient(135deg,#bdf9ff,#65e6f2 42%,#27b4cb);border-color:rgba(220,253,255,.78);color:#03222b;
  box-shadow:0 10px 28px rgba(50,201,222,.17),inset 0 1px 0 rgba(255,255,255,.7);
}
html[data-fs-tier] .secondary-btn{
  background:linear-gradient(180deg,rgba(16,37,53,.84),rgba(8,23,35,.92));border-color:rgba(133,217,234,.2);color:#dff7fa;
}
html[data-fs-tier] .danger-btn{background:#35171c;border-color:#682e37;color:#ffd9dd}

/* CSS jewel replaces the emoji: one memorable gesture, not a particle field. */
html[data-fs-tier] .hero-gem{
  position:relative;display:grid;place-items:center;justify-self:center;width:min(240px,25vw);aspect-ratio:1;font-size:0;
  perspective:900px;filter:none;
}
html[data-fs-tier] .hero-gem::before{
  content:"";width:68%;height:68%;display:block;clip-path:polygon(50% 0,88% 25%,100% 60%,50% 100%,0 60%,12% 25%);
  background:
    linear-gradient(150deg,rgba(255,255,255,.86) 0 7%,transparent 8% 100%),
    conic-gradient(from 18deg,#123d51,#7bf1fb,#1d7694,#d8fdff,#3566a1,#6ce3ef,#0b3348,#b6f8ff,#123d51);
  border-radius:18%;
  box-shadow:0 30px 70px rgba(0,0,0,.5),0 0 48px rgba(80,222,239,.18);
  transform:rotateX(9deg) rotateY(-14deg) rotateZ(2deg);
}
html[data-fs-tier] .hero-gem::after{
  content:"";position:absolute;width:78%;height:22%;bottom:12%;border-radius:50%;
  background:radial-gradient(ellipse,rgba(65,219,238,.26),rgba(52,166,203,.08) 42%,transparent 72%);filter:blur(10px);opacity:.7;
}
html[data-r8-motion="full"][data-fs-tier] .hero-gem::before{animation:fsJewelFloat 6.8s ease-in-out infinite}
@keyframes fsJewelFloat{0%,100%{transform:translateY(0) rotateX(9deg) rotateY(-14deg) rotateZ(2deg)}50%{transform:translateY(-10px) rotateX(5deg) rotateY(12deg) rotateZ(-1deg)}}

/* Category system: consistent product architecture instead of five unrelated themes. */
html[data-fs-tier] .category-grid{gap:12px;margin:18px 0 22px;perspective:1100px}
html[data-fs-tier] .category-card{
  --card-accent:#66e8f5;position:relative;isolation:isolate;min-height:128px;padding:20px;border-radius:19px;
  grid-template-columns:50px minmax(0,1fr);grid-template-areas:'icon title' 'icon sub';column-gap:14px;row-gap:5px;
  border:1px solid rgba(139,219,235,.14)!important;
  background:linear-gradient(145deg,rgba(13,30,43,.96),rgba(6,17,26,.98))!important;
  color:#f4fbff;box-shadow:0 12px 34px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.035);
  overflow:hidden;transform:translateZ(0);
  transition:transform var(--t-mid) var(--t-ease-out),border-color var(--t-fast) ease,box-shadow var(--t-mid) ease,background var(--t-fast) ease;
}
html[data-fs-tier] .category-card.blue{--card-accent:#5ae6f5}
html[data-fs-tier] .category-card.navy{--card-accent:#6ea6ff}
html[data-fs-tier] .category-card.purple{--card-accent:#aa8cff}
html[data-fs-tier] .category-card.gold{--card-accent:#e0ba70}
html[data-fs-tier] .category-card.cuentas-entry{--card-accent:#7ce4d4;grid-column:1/-1;min-height:118px}
html[data-fs-tier] .category-card::before{
  content:"";position:absolute!important;inset:0 auto 0 0!important;width:2px!important;border-radius:0!important;
  background:linear-gradient(180deg,transparent,var(--card-accent) 30% 70%,transparent)!important;opacity:.72!important;pointer-events:none;
}
html[data-fs-tier] .category-card::after{
  content:"";position:absolute;z-index:-1;width:170px;height:170px;right:-86px;top:-92px;border-radius:50%;
  background:radial-gradient(circle,color-mix(in srgb,var(--card-accent) 16%,transparent),transparent 68%);pointer-events:none;opacity:.9;
}
html[data-fs-tier] .category-card>span{
  grid-area:icon;position:relative!important;z-index:2;display:grid;place-items:center;width:50px;height:50px;margin:0;border-radius:15px;
  font-size:0!important;color:var(--card-accent);background:linear-gradient(145deg,color-mix(in srgb,var(--card-accent) 14%,#0b1720),rgba(5,15,24,.86));
  border:1px solid color-mix(in srgb,var(--card-accent) 32%,transparent);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);filter:none!important;
}
html[data-fs-tier] .category-card>span::before{font:800 10px 'Orbitron',sans-serif;letter-spacing:.06em;color:color-mix(in srgb,var(--card-accent) 88%,white 12%)}
html[data-fs-tier] .category-card.blue>span::before{content:'ID'}
html[data-fs-tier] .category-card.navy>span::before{content:'ACC'}
html[data-fs-tier] .category-card.purple>span::before{content:'TV'}
html[data-fs-tier] .category-card.gold>span::before{content:'GC'}
html[data-fs-tier] .category-card.cuentas-entry>span::before{content:'PRO'}
html[data-fs-tier] .category-card>b{grid-area:title;align-self:end;font-size:13px;line-height:1.25;letter-spacing:.015em;color:#f5fbff!important}
html[data-fs-tier] .category-card>small{grid-area:sub;align-self:start;color:#8fa9b8;line-height:1.45}
html[data-fs-tier] .category-card.cuentas-entry>small{max-width:800px}
html[data-fs-tier] .category-card.cuentas-entry .cuentas-entry-cta{grid-column:2;color:#aeeef2;font-style:normal;font-weight:700;font-size:12px;margin-top:4px}

/* Main content surfaces */
html[data-fs-tier] .panel{
  border:1px solid rgba(132,211,229,.13);border-radius:22px;
  background:linear-gradient(180deg,rgba(9,23,34,.9),rgba(5,16,24,.94));
  box-shadow:0 18px 48px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.028);
}
html[data-fs-tier] .panel h2{letter-spacing:-.025em;color:#f4fbff}
html[data-fs-tier] .panel-head p{color:var(--fs-muted);line-height:1.6}
html[data-fs-tier] .game-card{
  border:1px solid rgba(127,207,224,.13);border-radius:17px;
  background:linear-gradient(145deg,rgba(11,27,40,.94),rgba(6,18,27,.98));
  box-shadow:0 10px 28px rgba(0,0,0,.18);overflow:hidden;
  transition:transform var(--t-mid) var(--t-ease-out),border-color var(--t-fast) ease,box-shadow var(--t-mid) ease;
}
html[data-fs-tier] .game-logo{border-radius:15px;border-color:rgba(132,215,231,.18);box-shadow:0 8px 18px rgba(0,0,0,.28)}
html[data-fs-tier] .package-row{border-color:rgba(128,201,216,.12);background:rgba(4,15,23,.58);transition:border-color var(--t-fast) ease,background var(--t-fast) ease}
html[data-fs-tier] .package-price{color:#e8c983}
html[data-fs-tier] .add-btn,html[data-fs-tier] .plus-btn{
  border-color:rgba(88,207,226,.25);background:linear-gradient(180deg,rgba(15,48,64,.9),rgba(7,29,42,.95));color:#b8f7fc;
  transition:transform var(--t-fast) var(--t-ease-out),border-color var(--t-fast) ease,box-shadow var(--t-fast) ease;
}
html[data-fs-tier] .category-tabs button{
  border-color:rgba(126,202,219,.14);background:rgba(5,17,26,.74);color:#879fab;transition:background var(--t-fast) ease,border-color var(--t-fast) ease,color var(--t-fast) ease,transform var(--t-fast) var(--t-ease-out);
}
html[data-fs-tier] .category-tabs button.active{background:rgba(26,90,109,.46);border-color:rgba(102,232,245,.34);color:#d9fbff;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
html[data-fs-tier] .balance-card,html[data-fs-tier] .profile-card,html[data-fs-tier] .topup-box,html[data-fs-tier] .record{
  border-color:rgba(128,204,221,.13);background:linear-gradient(145deg,rgba(10,29,42,.9),rgba(5,17,26,.94));box-shadow:inset 0 1px 0 rgba(255,255,255,.026);
}
html[data-fs-tier] .balance-card strong{color:#a7f6ff}
html[data-fs-tier] input{border-color:rgba(131,208,225,.2);background:rgba(3,12,19,.72);transition:border-color var(--t-fast) ease,box-shadow var(--t-fast) ease,background var(--t-fast) ease}
html[data-fs-tier] input:focus{border-color:rgba(102,232,245,.58);box-shadow:0 0 0 3px rgba(102,232,245,.08)}

/* Bottom navigation */
html[data-fs-tier] .bottom-nav{
  width:min(720px,calc(100% - 24px));height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding:8px 9px env(safe-area-inset-bottom);
  border:1px solid rgba(139,219,235,.13);border-bottom:0;border-radius:24px 24px 0 0;
  background:linear-gradient(180deg,rgba(7,20,30,.94),rgba(3,12,19,.98));
  box-shadow:0 -16px 45px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.03);backdrop-filter:blur(18px);
}
html[data-fs-tier] .bottom-nav button{position:relative;color:#6f8795;transition:color var(--t-fast) ease,background var(--t-fast) ease,transform var(--t-fast) var(--t-ease-out)}
html[data-fs-tier] .bottom-nav button.active{background:rgba(27,91,109,.26);color:#bdf8ff}
html[data-fs-tier] .bottom-nav button.active::after{content:"";position:absolute;left:25%;right:25%;top:2px;height:2px;border-radius:99px;background:#67e7f3;box-shadow:0 0 12px rgba(103,231,243,.4)}
html[data-fs-tier] .floating-whatsapp{box-shadow:0 14px 32px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.08)}

/* Modals */
html[data-fs-tier] .modal{background:rgba(0,4,8,.78);backdrop-filter:blur(10px)}
html[data-fs-tier] .modal-card{border-color:rgba(129,215,231,.19);background:linear-gradient(180deg,#091c29,#05121c);box-shadow:0 32px 90px rgba(0,0,0,.62)}

/* Motion: compact, purposeful transitions. */
@keyframes fsViewIn{from{opacity:0;transform:translate3d(0,10px,0)}to{opacity:1;transform:none}}
@keyframes fsViewForward{from{opacity:0;transform:translate3d(18px,0,0)}to{opacity:1;transform:none}}
@keyframes fsViewBack{from{opacity:0;transform:translate3d(-18px,0,0)}to{opacity:1;transform:none}}
html[data-r8-motion="full"][data-fs-tier] .view.active{animation:fsViewIn var(--t-mid) var(--t-ease-out) both}
html[data-r8-motion="full"][data-fs-tier] .view.active[data-fs-nav="forward"]{animation-name:fsViewForward}
html[data-r8-motion="full"][data-fs-tier] .view.active[data-fs-nav="back"]{animation-name:fsViewBack}

@keyframes fsCardResolve{from{opacity:0;transform:translateY(10px) scale(.992)}to{opacity:1;transform:none}}
html[data-r8-motion="full"][data-fs-tier] .category-grid>*{animation:fsCardResolve .5s var(--t-ease-out) both}
html[data-r8-motion="full"][data-fs-tier] .category-grid>:nth-child(2){animation-delay:45ms}
html[data-r8-motion="full"][data-fs-tier] .category-grid>:nth-child(3){animation-delay:90ms}
html[data-r8-motion="full"][data-fs-tier] .category-grid>:nth-child(4){animation-delay:135ms}
html[data-r8-motion="full"][data-fs-tier] .category-grid>:nth-child(5){animation-delay:180ms}
html[data-fs-tier] .fs-reveal{opacity:0;transform:translate3d(0,14px,0)}
html[data-fs-tier] .fs-reveal.fs-visible{opacity:1;transform:none;transition:opacity .48s var(--t-ease-out),transform .48s var(--t-ease-out)}

@media (hover:hover) and (pointer:fine){
  html[data-fs-tier] .brand:hover{transform:translateY(-1px)}
  html[data-fs-tier] .ghost-btn:hover,html[data-fs-tier] .cart-btn:hover,html[data-fs-tier] .icon-btn:hover{border-color:rgba(128,230,245,.32);background:rgba(13,35,49,.96)}
  html[data-fs-tier] .primary-btn:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(50,201,222,.22),inset 0 1px 0 rgba(255,255,255,.72);filter:saturate(1.05)}
  html[data-fs-tier] .secondary-btn:hover{transform:translateY(-2px);border-color:rgba(133,217,234,.34);box-shadow:0 12px 30px rgba(0,0,0,.2)}
  html[data-fs-tier] .category-card:hover{transform:translateY(-5px) rotateX(1deg);border-color:color-mix(in srgb,var(--card-accent) 36%,transparent)!important;box-shadow:0 20px 44px rgba(0,0,0,.32),0 0 26px color-mix(in srgb,var(--card-accent) 6%,transparent)}
  html[data-fs-tier] .game-card:hover{transform:translateY(-3px);border-color:rgba(117,226,243,.28);box-shadow:0 18px 38px rgba(0,0,0,.28)}
  html[data-fs-tier] .package-row:hover{border-color:rgba(111,215,233,.24);background:rgba(7,22,32,.82)}
  html[data-fs-tier] .add-btn:hover,html[data-fs-tier] .plus-btn:hover{transform:translateY(-1px);border-color:rgba(101,226,243,.42);box-shadow:0 8px 20px rgba(0,0,0,.2)}
}
html[data-fs-tier] .primary-btn:active,html[data-fs-tier] .secondary-btn:active,html[data-fs-tier] .danger-btn:active,html[data-fs-tier] .ghost-btn:active,html[data-fs-tier] .cart-btn:active,html[data-fs-tier] .icon-btn:active,html[data-fs-tier] .add-btn:active,html[data-fs-tier] .plus-btn:active,html[data-fs-tier] .category-tabs button:active{transform:scale(.97);transition-duration:var(--t-press)}
html[data-fs-tier] .category-card:active{transform:scale(.985);transition-duration:var(--t-press)}

/* Owner-only pass preview dock */
.fs-tier-dock{position:fixed;left:10px;bottom:calc(var(--nav-h) + 18px);z-index:76;display:flex;align-items:center;gap:5px;padding:5px;border:1px solid rgba(124,217,234,.16);border-radius:999px;background:rgba(4,15,23,.92);box-shadow:0 12px 32px rgba(0,0,0,.38);backdrop-filter:blur(12px);font:600 10px 'Exo 2',system-ui,sans-serif}
.fs-tier-dock[hidden]{display:none!important}.fs-tier-dock button{border:0;background:none;color:#7e97a4;border-radius:999px;padding:5px 9px;line-height:1;transition:transform var(--t-press) var(--t-ease-out),background var(--t-fast) ease,color var(--t-fast) ease}.fs-tier-dock button:active{transform:scale(.94)}.fs-tier-dock button[aria-pressed="true"]{background:#102d3b;color:#b7f4f9}.fs-tier-dock button[data-tier="gold"][aria-pressed="true"]{background:#302510;color:#edd49b}.fs-tier-dock button[data-tier="diamond"][aria-pressed="true"]{background:#102a38;color:#d5f9ff}.fs-tier-dock .fs-tier-sep{width:1px;align-self:stretch;background:rgba(126,207,224,.14)}.fs-tier-dock .fs-tier-mute{font-size:13px;padding:4px 7px}

@media(max-width:900px){
  html[data-fs-tier] .hero{grid-template-columns:1fr;min-height:0;padding:clamp(28px,6vw,48px)}
  html[data-fs-tier] .hero-gem{position:absolute;right:-58px;top:24px;width:220px;opacity:.2;z-index:0}
  html[data-fs-tier] .hero-copy{max-width:760px}
}
@media(max-width:620px){
  html[data-fs-tier] .topbar{height:60px;padding-inline:10px}
  html[data-fs-tier] .brand b{font-size:11px;letter-spacing:.055em}
  html[data-fs-tier] .brand::before{width:16px;height:16px;border-radius:3px}
  html[data-fs-tier] .hero{margin:10px 0 14px;padding:26px 18px 28px;border-radius:20px;background:radial-gradient(300px 220px at 92% 10%,rgba(76,214,234,.11),transparent 70%),linear-gradient(145deg,rgba(8,24,36,.98),rgba(4,13,21,.99))}
  html[data-fs-tier] .hero h1{font-size:clamp(31px,10vw,42px);line-height:1.04;max-width:94%}
  html[data-fs-tier] .hero p{font-size:13px;line-height:1.62;max-width:92%}
  html[data-fs-tier] .hero-actions{display:grid;grid-template-columns:1fr;margin-top:20px}
  html[data-fs-tier] .hero-gem{right:-82px;top:16px;width:190px;opacity:.16}
  html[data-fs-tier] .category-grid{gap:8px}
  html[data-fs-tier] .category-card{min-height:118px;padding:14px 12px;grid-template-columns:40px minmax(0,1fr);column-gap:9px;border-radius:16px}
  html[data-fs-tier] .category-card>span{width:40px;height:40px;border-radius:12px}
  html[data-fs-tier] .category-card>span::before{font-size:8px}
  html[data-fs-tier] .category-card>b{font-size:10px!important;line-height:1.25}
  html[data-fs-tier] .category-card>small{font-size:10px;line-height:1.35}
  html[data-fs-tier] .category-card.cuentas-entry{min-height:0;padding-block:16px}
  html[data-fs-tier] .category-card.cuentas-entry .cuentas-entry-cta{font-size:10px}
  html[data-fs-tier] .panel{border-radius:18px}
  html[data-fs-tier] .bottom-nav{width:calc(100% - 12px);border-radius:20px 20px 0 0}
  .fs-tier-dock{left:8px;bottom:calc(var(--nav-h) + 14px);font-size:9px}.fs-tier-dock button{padding:5px 7px}
}

@media(prefers-reduced-motion:reduce){
  html[data-fs-tier] *,html[data-fs-tier] *::before,html[data-fs-tier] *::after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  html[data-fs-tier] .fs-reveal{opacity:1!important;transform:none!important}
  html[data-fs-tier] .hero-gem::before{transform:rotateX(7deg) rotateY(-10deg)!important}
}
html[data-r8-motion="off"][data-fs-tier] .fs-reveal{opacity:1;transform:none}