/* Design C — Liquid Glass: iOS 26 style. Vivid soft mesh, thick refractive glass, floating capsules. */
:root{
  color-scheme:light;
  --bg:#eef0ff;
  --text:#11122a;
  --muted:rgba(17,18,42,.62);
  --faint:rgba(17,18,42,.38);
  --line:rgba(255,255,255,.65);
  --hover:rgba(255,255,255,.5);
  --glass:linear-gradient(150deg,rgba(255,255,255,.62),rgba(255,255,255,.28));
  --sheet-bg:linear-gradient(150deg,rgba(255,255,255,.86),rgba(246,246,255,.74));
  --blur:28px;--sat:200%;
  --shadow:inset 0 1px 1px rgba(255,255,255,.95),inset 0 -1px 1px rgba(255,255,255,.35),0 1px 2px rgba(40,30,120,.06),0 22px 50px -18px rgba(60,50,160,.28);
  --accent:#5b4cf0;
  --chip-bg:rgba(255,255,255,.5);
  --icon-bg:linear-gradient(150deg,rgba(255,255,255,.9),rgba(255,255,255,.4));
  --input-bg:rgba(255,255,255,.7);
  --cta-bg:linear-gradient(100deg,#4f8cff,#7b5cf5 55%,#d4609c);--cta-text:#fff;--cta-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 12px 30px -10px rgba(91,76,240,.7);--cta-r:20px;
  --pill-bg:rgba(255,255,255,.55);--pill-text:#11122a;
  --seg-bg:rgba(255,255,255,.35);--seg-thumb:rgba(255,255,255,.95);--seg-on:#11122a;
  --nav-bg:rgba(255,255,255,.45);--nav-r:999px;--nav-border:1px solid rgba(255,255,255,.7);--nav-shadow:var(--shadow);
  --track-off:rgba(17,18,42,.12);
  --ok:#0f8a5a;--ok-bg:rgba(16,185,129,.16);
  --warn:#a35a00;--warn-bg:rgba(255,184,77,.22);
  --bad:#d0213f;--bad-bg:rgba(255,99,132,.16);
  --info:#3d55d8;--info-bg:rgba(99,125,255,.15);
  --scrim:rgba(40,35,90,.22);
  --fade:rgba(250,250,255,1);
  --toast-bg:rgba(255,255,255,.85);--toast-text:#11122a;
  --orb-blur:70px;--orb-o:.75;--grain-o:.035;
  --r-xl:36px;--r-lg:30px;
}
.backdrop{background:linear-gradient(180deg,#f3f1ff,#eaf3ff 50%,#fff1f7)}
.o1{width:60vw;height:60vw;top:-20vw;right:-10vw;background:radial-gradient(circle,#8fc1ff,transparent 62%);animation:float1 22s ease-in-out infinite alternate}
.o2{width:50vw;height:50vw;top:40vh;left:-14vw;background:radial-gradient(circle,#ffb0d0,transparent 62%);animation:float2 26s ease-in-out infinite alternate}
.o3{width:46vw;height:46vw;bottom:-18vw;right:20vw;background:radial-gradient(circle,#c4b0ff,transparent 62%);animation:float1 30s ease-in-out infinite alternate-reverse}
@keyframes float1{to{transform:translate(-6vw,8vh) scale(1.15)}}
@keyframes float2{to{transform:translate(8vw,-10vh) scale(.9)}}

/* Floating capsule nav, centered */
.topbar{padding-top:14px}
.topbar-in{max-width:760px;height:56px}
.topnav{margin-inline:auto}
.topnav a:hover{background:rgba(255,255,255,.7)}

/* Specular rim on every glass surface */
.glass{position:relative}
.glass::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.7),transparent 30%,transparent 70%,rgba(255,255,255,.35));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1.2px}
.sticky-buy.glass{position:fixed}

@media (min-width:861px){.hero{grid-template-columns:minmax(0,1fr) minmax(0,.9fr)}}
.hero h1{font-weight:900;letter-spacing:-2px}
.hero h1 .grad{background-image:linear-gradient(100deg,#3b7bff,#7b5cf5 50%,#e0559a);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.eyebrow,.chips li{background:rgba(255,255,255,.55);border-color:rgba(255,255,255,.8);box-shadow:inset 0 1px 0 #fff}
.segmented{box-shadow:inset 0 1px 3px rgba(40,30,120,.12)}
.seg-thumb{box-shadow:inset 0 1px 0 #fff,0 6px 16px -4px rgba(60,50,160,.3)}
.cta{position:relative;overflow:hidden}
.cta::before{content:"";position:absolute;inset:0 0 50% 0;background:linear-gradient(rgba(255,255,255,.35),transparent);border-radius:inherit;pointer-events:none}
.price strong{background:linear-gradient(100deg,#11122a,#4a3fb8);-webkit-background-clip:text;background-clip:text;color:transparent}
.t-hero{background:linear-gradient(150deg,rgba(255,255,255,.7),rgba(220,225,255,.35))}
.tile-ic{box-shadow:inset 0 1px 0 #fff,0 6px 14px -6px rgba(60,50,160,.3)}
.step-list b{box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 8px 20px -6px rgba(91,76,240,.6)}
.final{background:linear-gradient(120deg,rgba(143,193,255,.55),rgba(196,176,255,.5) 50%,rgba(255,176,208,.55))}
.final .cta{background:#11122a;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 14px 30px -12px rgba(17,18,42,.6)}
.final .cta::before{display:none}
.final>div>span{color:#3d2fd0}
.discount-form button{background:#11122a;color:#fff}
.rules .notice-grid p{background:rgba(255,255,255,.45)}
.enamad{background:rgba(255,255,255,.75)}
.sheet-card{box-shadow:inset 0 1px 1px #fff,0 40px 90px -20px rgba(60,50,160,.45)}
.r-icon{box-shadow:inset 0 1px 1px rgba(255,255,255,.9),0 14px 30px -12px rgba(60,50,160,.35)}
.badge{box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}
.footer{border-top-color:rgba(17,18,42,.08)}

@media (max-width:860px){
  .topbar-in{max-width:none}
}