:root{
--deep:#0a1420;--slab:#0f2036;--card:#16304f;--edge:#1d3a5c;
--glow:#4f8bff;--glow-2:#2bc5e0;--ink:#eaf1ff;--ink-dim:#8aa0c4;
--on-glow:#06101c;--bevel:14px;--bevel-sm:9px;--wrap:1180px;
--head:"Trebuchet MS","Segoe UI",system-ui,sans-serif;
--body:"Segoe UI",system-ui,Roboto,Arial,sans-serif;
--shadow:0 16px 40px rgba(2,8,18,.5);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--deep);color:var(--ink);font-family:var(--body);
font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--glow-2);text-decoration:none}
h1,h2,h3{font-family:var(--head);line-height:1.2;color:var(--ink);font-weight:700}
h1{font-size:40px;margin:0 0 18px}
h2{font-size:28px;margin:0 0 16px}
h3{font-size:21px;margin:26px 0 10px}
p{margin:0 0 14px}
ul,ol{margin:0 0 16px;padding-left:22px}
li{margin:6px 0}
.ey-base{overflow-clip-margin:content-box}
.ey-hold{max-width:var(--wrap);margin:0 auto;padding:0 18px}

/* go link look like interactive */
.ey-go{cursor:pointer}

/* masthead */
.ey-masthead{position:sticky;top:0;z-index:40;background:rgba(10,20,32,.92);
backdrop-filter:blur(8px);border-bottom:1px solid var(--edge)}
.ey-masthead__row{max-width:var(--wrap);margin:0 auto;padding:12px 18px;
display:flex;align-items:center;gap:20px}
.ey-mark{display:inline-flex;align-items:center}
.ey-mark img{width:158px;height:40px;object-fit:contain}
.ey-chk{display:none}
.ey-burger{display:none;flex-direction:column;gap:5px;cursor:pointer;margin-left:auto}
.ey-burger span{width:26px;height:3px;background:var(--ink);border-radius:2px}
.ey-menu{display:flex;align-items:center;gap:26px;margin-left:auto}
.ey-menu__list{display:flex;gap:22px;list-style:none;margin:0;padding:0}
.ey-menu__list a,.ey-menu__list .ey-go{color:var(--ink);font-weight:600;font-size:16px}
.ey-menu__list a:hover,.ey-menu__list .ey-go:hover{color:var(--glow-2)}
.ey-menu__acts{display:none;gap:10px}
.ey-gate{display:flex;gap:10px;margin-left:12px}
.ey-enter,.ey-join{padding:9px 18px;border-radius:999px;font-weight:700;font-size:15px}
.ey-enter{border:1px solid var(--glow);color:var(--ink)}
.ey-join{background:linear-gradient(120deg,var(--glow),var(--glow-2));color:var(--on-glow)}

/* stage / hero */
.ey-stage{padding:30px 0 10px}
.ey-stage__h1{text-align:center;font-size:44px;margin-bottom:20px}
.ey-stage__hero{display:block;border-radius:var(--bevel);overflow:hidden;
box-shadow:var(--shadow);border:1px solid var(--edge)}
.ey-stage__lead{margin:22px 0}
.ey-stage__lead p{font-size:18px;color:var(--ink)}
.ey-cta{display:inline-block;margin:6px 0 10px;padding:14px 34px;border-radius:999px;
background:linear-gradient(120deg,var(--glow),var(--glow-2));color:var(--on-glow);
font-weight:800;font-size:17px;box-shadow:0 10px 26px rgba(79,139,255,.35)}
.ey-cta:hover{filter:brightness(1.07)}

/* generic block + prose */
.ey-block{padding:26px 0;border-top:1px solid rgba(29,58,92,.5)}
.ey-prose{max-width:none}
.ey-prose p,.ey-prose li{color:var(--ink)}

/* facts / tables */
.ey-facts{padding:26px 0}
.ey-facts__cap{font-size:28px}
.ey-scroll{overflow-x:auto;border:1px solid var(--edge);border-radius:var(--bevel);margin:12px 0 18px}
table{width:100%;border-collapse:collapse;min-width:420px}
th,td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--edge);font-size:15.5px}
thead th{background:var(--slab);color:var(--glow-2);font-family:var(--head)}
tbody th{background:rgba(15,32,54,.6);font-weight:700}
tbody tr:nth-child(even) td{background:rgba(15,32,54,.35)}

/* plate banner */
.ey-frame{padding:16px 0}
.ey-frame__pic{display:block;border-radius:var(--bevel);overflow:hidden;
border:1px solid var(--edge);box-shadow:var(--shadow)}
.ey-stage__hero img,.ey-frame__pic img,.ey-grab__pic img{width:100%;height:auto;display:block}
.ey-note__pic img{width:100%;height:100%;object-fit:cover;border-radius:50%}

/* shelf / rails */
.ey-shelf{padding:26px 0}
.ey-shelf__cap{font-size:28px;margin-bottom:14px}
.ey-shelf__tabs{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0 0 16px;padding:0}
.ey-shelf__tab{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;
border-radius:999px;background:var(--slab);border:1px solid var(--edge);
color:var(--ink-dim);font-weight:700;cursor:pointer;font-size:15px}
.ey-shelf__tab svg{width:20px;height:20px;fill:currentColor}
.ey-shelf__tab.active{background:linear-gradient(120deg,var(--glow),var(--glow-2));
color:var(--on-glow);border-color:transparent}
.ey-pane{display:none}
.ey-pane.active{display:block}
.ey-shelf__track{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.ey-shelf__track--logo{grid-template-columns:repeat(6,1fr)}
.ey-tile{display:flex;flex-direction:column;background:var(--card);
border:1px solid var(--edge);border-radius:var(--bevel-sm);overflow:hidden;
cursor:pointer;transition:transform .15s,border-color .15s}
.ey-tile:hover{transform:translateY(-4px);border-color:var(--glow)}
.ey-tile__pic{display:block}
.ey-tile__pic img{width:100%;aspect-ratio:360/472;object-fit:cover}
.ey-tile__name{padding:8px 10px 2px;font-weight:700;font-size:14px}
.ey-tile small{padding:0 10px 9px;color:var(--ink-dim);font-size:12px}
.ey-tile--logo{align-items:center;justify-content:center;padding:14px}
.ey-tile--logo .ey-tile__pic img{aspect-ratio:auto;width:auto;max-height:52px;object-fit:contain}
.ey-tile--logo .ey-tile__name{text-align:center;font-size:13px;padding:8px 6px 0}

/* get / grab */
.ey-grab{padding:28px 0}
.ey-grab__row{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center;
background:var(--slab);border:1px solid var(--edge);border-radius:var(--bevel);padding:22px}
.ey-grab__pic{border-radius:var(--bevel-sm);overflow:hidden}
.ey-grab__body{min-width:0}
.ey-grab__sub{font-family:var(--head);font-size:24px;font-weight:800;margin-bottom:10px}
.ey-grab__btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}
.ey-store{display:inline-flex;align-items:center;gap:10px;padding:11px 18px;
border-radius:12px;background:var(--deep);border:1px solid var(--glow);cursor:pointer;
color:var(--ink);font-weight:700}
.ey-store svg{width:24px;height:24px;fill:var(--glow-2)}
.ey-store small{display:block;font-size:11px;color:var(--ink-dim);font-weight:600}

/* pros / cons */
.ey-weigh{padding:28px 0}
.ey-weigh__cap{font-size:28px}
.ey-weigh__grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.ey-weigh__col{border-radius:var(--bevel);padding:20px 22px;border:1px solid var(--edge)}
.ey-weigh__col--up{background:linear-gradient(160deg,rgba(43,197,224,.12),rgba(15,32,54,.6))}
.ey-weigh__col--down{background:linear-gradient(160deg,rgba(255,110,110,.1),rgba(15,32,54,.6))}
.ey-weigh__col ul{list-style:none;padding:0;margin:0}
.ey-weigh__col li{padding-left:28px;position:relative}
.ey-weigh__col--up li::before{content:"+";position:absolute;left:4px;color:var(--glow-2);font-weight:800}
.ey-weigh__col--down li::before{content:"!";position:absolute;left:7px;color:#ff8f6b;font-weight:800}

/* reviews / feedback */
.ey-feedback{padding:28px 0}
.ey-feedback__bar{display:flex;align-items:center;justify-content:space-between;gap:16px;
flex-wrap:wrap;background:var(--slab);border:1px solid var(--edge);border-radius:var(--bevel);padding:18px 22px}
.ey-feedback__rate{display:flex;align-items:center;gap:10px}
.ey-feedback__rate>span:first-child{font-size:34px;font-weight:800;font-family:var(--head)}
.ey-stars{display:inline-flex;gap:2px}
.ey-stars svg{width:20px;height:20px;fill:#ffc24a}
.ey-feedback__cta{padding:11px 22px;border-radius:999px;border:1px solid var(--glow);
color:var(--ink);font-weight:700;cursor:pointer}
.ey-feedback__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}
.ey-note{background:var(--card);border:1px solid var(--edge);border-radius:var(--bevel-sm);padding:16px}
.ey-note__who{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.ey-note__pic{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;
justify-content:center;background:linear-gradient(120deg,var(--glow),var(--glow-2));
color:var(--on-glow);font-weight:800}
.ey-note__meta span{display:block;font-weight:700}
.ey-note__meta small{color:var(--ink-dim);font-size:12px}
.ey-note__stars{margin-bottom:8px}
.ey-note__stars .ey-stars svg{width:16px;height:16px}
.ey-note__text p{font-size:15px;color:var(--ink-dim);margin:0}

/* answers / faq */
.ey-answers{padding:28px 0}
.ey-answers__cap{font-size:28px}
.ey-answers__item{background:var(--slab);border:1px solid var(--edge);
border-radius:var(--bevel-sm);padding:14px 18px;margin-bottom:10px}
.ey-answers__item h3{margin:0 0 6px;font-size:18px}
.ey-answers__item p{margin:0;color:var(--ink-dim);font-size:15.5px}

/* dated stamp */
.ey-dated{padding:18px 0 30px}
.ey-dated__box{display:flex;align-items:center;gap:10px;justify-content:center;
color:var(--ink-dim);font-size:14px;border:1px dashed var(--edge);border-radius:var(--bevel);
padding:14px;background:rgba(15,32,54,.4)}
.ey-dated__box svg{width:20px;height:20px;fill:var(--glow-2)}

/* footer */
.ey-foot{background:var(--slab);border-top:1px solid var(--edge);margin-top:30px;
padding:32px 0 20px}
.ey-foot__row,.ey-foot__cols,.ey-foot__pay,.ey-foot__seals,.ey-foot__bottom{
max-width:var(--wrap);margin:0 auto;padding:0 18px}
.ey-foot__row{display:grid;grid-template-columns:1.4fr 1fr;gap:26px}
.ey-foot__info p{color:var(--ink-dim);font-size:14.5px;max-width:560px}
.ey-foot__soc{display:flex;gap:10px;margin:14px 0}
.ey-soc{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;
justify-content:center;background:var(--card);border:1px solid var(--edge)}
.ey-soc svg{width:20px;height:20px;fill:var(--ink-dim)}
.ey-soc:hover svg{fill:var(--glow-2)}
.ey-foot__cols{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:6px}
.ey-fcap{font-family:var(--head);font-weight:800;margin-bottom:10px;color:var(--glow-2)}
.ey-fnav{list-style:none;padding:0;margin:0}
.ey-fnav li{margin:7px 0}
.ey-fnav a,.ey-fnav .ey-go{color:var(--ink-dim);font-size:14.5px}
.ey-fnav a:hover,.ey-fnav .ey-go:hover{color:var(--ink)}
.ey-foot__pay{display:flex;flex-wrap:wrap;gap:10px;margin:22px auto;align-items:center}
.ey-paytag{height:34px;width:auto;background:#fff;border-radius:6px;padding:4px}
.ey-foot__seals{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-bottom:18px}
.ey-foot__seals img{height:40px;width:auto;opacity:.85}
.ey-adult{width:40px;height:40px;border-radius:50%;border:2px solid var(--glow-2);
display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:13px}
.ey-fine p{color:var(--ink-dim);font-size:12.5px;line-height:1.6}

/* back to top */
.ey-rise{position:fixed;right:20px;bottom:20px;width:46px;height:46px;border:none;
border-radius:50%;background:linear-gradient(120deg,var(--glow),var(--glow-2));
color:var(--on-glow);font-size:22px;cursor:pointer;display:none;z-index:50;
box-shadow:0 8px 20px rgba(2,8,18,.5)}
.ey-rise.show{display:block}

@media(max-width:960px){
.ey-shelf__track,.ey-shelf__track--logo{grid-template-columns:repeat(4,1fr)}
.ey-feedback__grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
h1,.ey-stage__h1{font-size:30px}
h2,.ey-facts__cap,.ey-shelf__cap,.ey-weigh__cap,.ey-answers__cap{font-size:23px}
.ey-burger{display:flex}
.ey-menu{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;
align-items:stretch;gap:14px;background:var(--slab);border-bottom:1px solid var(--edge);
padding:18px;margin:0}
.ey-chk:checked ~ .ey-menu{display:flex}
.ey-menu__list{flex-direction:column;gap:14px}
.ey-menu__acts{display:flex;flex-direction:column;margin-top:4px}
.ey-menu__acts>*{flex:1}
.ey-gate{order:2;margin-left:auto}
.ey-grab__row,.ey-foot__row,.ey-weigh__grid{grid-template-columns:1fr}
.ey-shelf__track,.ey-shelf__track--logo{grid-template-columns:repeat(3,1fr)}
.ey-feedback__grid{grid-template-columns:1fr}
}
@media(max-width:480px){
.ey-shelf__track{grid-template-columns:repeat(2,1fr)}
.ey-shelf__track--logo{grid-template-columns:repeat(2,1fr)}
.ey-foot__cols{grid-template-columns:1fr}
}
