/* ============================================================
   555b.click mobile chrome stylesheet
   Class prefix .shellc8aab-  |  custom props --shellc8aab-*
   Palette: #2C2C2C #5F9EA0 #000080 #E0FFFF #7CFC00
   Canvas: 320-430px phone frame, centered on wide screens
   ============================================================ */

:root{
  --shellc8aab-navy:#000080;
  --shellc8aab-coal:#2C2C2C;
  --shellc8aab-teal:#5F9EA0;
  --shellc8aab-ice:#E0FFFF;
  --shellc8aab-lime:#7CFC00;
  --shellc8aab-night:#070726;
  --shellc8aab-card:#232323;
  --shellc8aab-card2:#1d1d1d;
  --shellc8aab-line:rgba(95,158,160,.30);
  --shellc8aab-line2:rgba(95,158,160,.55);
  --shellc8aab-dim:rgba(224,255,255,.66);
  --shellc8aab-faint:rgba(224,255,255,.44);
  --shellc8aab-r:12px;
  --shellc8aab-r-sm:9px;
  --shellc8aab-font:"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
  --shellc8aab-head-h:57px;
  --shellc8aab-dock-h:64px;
}

*,*::before,*::after{box-sizing:border-box;}

html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}

body{
  margin:0;
  font-family:var(--shellc8aab-font);
  color:var(--shellc8aab-ice);
  background:
    radial-gradient(1200px 620px at 50% -12%, rgba(0,0,128,.85), transparent 62%),
    var(--shellc8aab-night);
  line-height:1.55;
  overflow-x:hidden;
}

img{max-width:100%;display:block;}
button{font-family:inherit;cursor:pointer;}

a{color:var(--shellc8aab-teal);}
a:hover{color:var(--shellc8aab-lime);}

:focus-visible{outline:2px solid var(--shellc8aab-lime);outline-offset:2px;border-radius:4px;}

/* ---------- phone canvas ---------- */
.shellc8aab-stage{
  position:relative;
  width:100%;
  max-width:430px;
  margin:0 auto;
  min-height:100vh;
  min-height:100dvh;
  background:linear-gradient(178deg,#000080 0%,#14142e 38%,#232323 100%);
  box-shadow:0 0 48px rgba(0,0,64,.85);
  overflow-x:clip;
}
@media (min-width:431px){
  .shellc8aab-stage{border-left:1px solid rgba(95,158,160,.25);border-right:1px solid rgba(95,158,160,.25);}
}

.shellc8aab-skip{
  position:absolute;left:8px;top:-52px;z-index:99;
  background:var(--shellc8aab-lime);color:#04250a;
  padding:8px 12px;border-radius:8px;font-weight:700;font-size:13px;text-decoration:none;
  transition:top .2s;
}
.shellc8aab-skip:focus{top:6px;}

/* ---------- main ---------- */
.shellc8aab-main{
  padding-top:calc(var(--shellc8aab-head-h) + 4px);
  padding-bottom:calc(var(--shellc8aab-dock-h) + 26px);
}

/* ---------- top brand bar ---------- */
.shellc8aab-topbar{
  position:fixed;top:0;left:50%;transform:translateX(-50%);
  width:100%;max-width:430px;z-index:70;
  background:rgba(35,35,35,.97);
  backdrop-filter:blur(9px);
  -webkit-backdrop-filter:blur(9px);
  border-bottom:1px solid var(--shellc8aab-line2);
}
.shellc8aab-topbar-in{
  display:flex;align-items:center;gap:7px;
  min-height:var(--shellc8aab-head-h);
  padding:8px 10px;
}
.shellc8aab-brand{
  display:flex;align-items:center;gap:7px;
  text-decoration:none;min-width:0;
}
.shellc8aab-logo{
  width:35px;height:35px;flex:0 0 35px;
  border-radius:10px;
  border:1px solid rgba(224,255,255,.35);
  object-fit:cover;
  background:var(--shellc8aab-card2);
}
.shellc8aab-name{
  font-size:19px;font-weight:800;letter-spacing:.5px;
  color:var(--shellc8aab-ice);white-space:nowrap;
}
.shellc8aab-topacts{
  margin-left:auto;display:flex;align-items:center;gap:6px;
}
.shellc8aab-btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:36px;padding:0 13px;
  border-radius:10px;border:1px solid transparent;
  font-size:13px;font-weight:700;line-height:1;text-decoration:none;
  transition:filter .18s,transform .12s,border-color .18s,color .18s;
}
.shellc8aab-btn:active{transform:scale(.95);}
.shellc8aab-btn-cta{background:var(--shellc8aab-lime);color:#062b06;}
.shellc8aab-btn-cta:hover{filter:brightness(1.08);color:#062b06;}
.shellc8aab-btn-ghost{background:rgba(95,158,160,.10);border-color:var(--shellc8aab-line2);color:var(--shellc8aab-ice);}
.shellc8aab-btn-ghost:hover{border-color:var(--shellc8aab-teal);color:var(--shellc8aab-ice);}
.shellc8aab-burger{
  width:38px;min-height:36px;padding:0;
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:10px;border:1px solid var(--shellc8aab-line2);
  background:rgba(95,158,160,.10);
}
.shellc8aab-burger svg{width:19px;height:19px;stroke:var(--shellc8aab-ice);}
.shellc8aab-burger[aria-expanded="true"]{border-color:var(--shellc8aab-lime);}

/* ---------- route panel (expandable menu) ---------- */
.shellc8aab-route{
  position:fixed;
  top:var(--shellc8aab-head-h);left:50%;
  width:100%;max-width:430px;z-index:65;
  background:#1f1f1f;
  border-bottom:1px solid var(--shellc8aab-line2);
  box-shadow:0 18px 30px rgba(0,0,0,.5);
  opacity:0;visibility:hidden;
  transform:translateX(-50%) translateY(-10px);
  transition:opacity .2s ease,transform .2s ease,visibility .2s;
}
.shellc8aab-route.shellc8aab-open{
  opacity:1;visibility:visible;
  transform:translateX(-50%) translateY(0);
}
.shellc8aab-route-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:6px;
  padding:10px;
}
.shellc8aab-route-grid a{
  display:flex;align-items:center;gap:7px;
  min-height:44px;padding:8px 10px;
  border-radius:var(--shellc8aab-r-sm);
  background:var(--shellc8aab-card);
  border:1px solid var(--shellc8aab-line);
  color:var(--shellc8aab-ice);text-decoration:none;
  font-size:12.5px;font-weight:600;line-height:1.25;
  transition:border-color .18s,background .18s;
}
.shellc8aab-route-grid a:hover{border-color:var(--shellc8aab-teal);color:var(--shellc8aab-ice);}
.shellc8aab-route-grid a span{
  width:6px;height:6px;flex:0 0 6px;border-radius:50%;
  background:var(--shellc8aab-teal);
}
.shellc8aab-route-note{
  margin:0;padding:0 14px 11px;
  font-size:11px;color:var(--shellc8aab-faint);
}

/* ---------- hero ---------- */
.shellc8aab-hero{
  padding:14px 14px 4px;
  background:linear-gradient(165deg,rgba(95,158,160,.20),rgba(95,158,160,0) 72%);
}
.shellc8aab-hero-tag{
  display:inline-block;margin-bottom:8px;
  padding:4px 10px;border-radius:999px;
  border:1px solid var(--shellc8aab-line2);
  background:rgba(0,0,128,.35);
  font-size:10.5px;font-weight:700;letter-spacing:1.4px;
  color:var(--shellc8aab-dim);text-transform:uppercase;
}
.shellc8aab-hero h1{
  margin:0 0 9px;
  font-size:clamp(21px,6.2vw,26px);
  line-height:1.24;font-weight:800;letter-spacing:.2px;
  color:var(--shellc8aab-ice);
}
.shellc8aab-hero h1 em{
  font-style:normal;color:var(--shellc8aab-lime);
}
.shellc8aab-hero p{
  margin:0;font-size:13.5px;color:var(--shellc8aab-dim);
}
.shellc8aab-hero-duo{
  display:flex;gap:8px;margin:13px 0 2px;
}
.shellc8aab-hero-duo .shellc8aab-btn{flex:1;min-height:44px;font-size:14px;}

/* ---------- promo reel (carousel) ---------- */
.shellc8aab-reel{
  display:flex;gap:8px;
  margin-top:10px;padding:4px 14px 2px;
  overflow-x:auto;scroll-snap-type:x mandatory;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
.shellc8aab-reel::-webkit-scrollbar{display:none;}
.shellc8aab-slide{
  flex:0 0 100%;scroll-snap-align:center;
  position:relative;padding:0;
  border:1px solid var(--shellc8aab-line2);
  border-radius:14px;overflow:hidden;
  background:var(--shellc8aab-card);
  text-align:left;
  transition:border-color .18s;
}
.shellc8aab-slide:active{border-color:var(--shellc8aab-lime);}
.shellc8aab-slide img{
  width:100%;aspect-ratio:5/2;object-fit:cover;
  background:var(--shellc8aab-card2);
}
.shellc8aab-slide-cap{
  position:absolute;left:0;right:0;bottom:0;
  display:flex;align-items:center;gap:8px;
  padding:22px 11px 9px;
  background:linear-gradient(180deg,rgba(7,7,38,0),rgba(7,7,38,.92));
}
.shellc8aab-slide-cap b{
  flex:1;font-size:12.5px;line-height:1.3;color:var(--shellc8aab-ice);font-weight:700;
}
.shellc8aab-slide-go{
  flex:0 0 auto;padding:5px 10px;border-radius:999px;
  background:var(--shellc8aab-lime);color:#062b06;
  font-size:10.5px;font-weight:800;letter-spacing:.3px;
}
.shellc8aab-dots{
  display:flex;justify-content:center;gap:7px;
  padding:8px 0 2px;
}
.shellc8aab-dot{
  width:22px;height:6px;padding:0;border-radius:999px;
  border:0;background:rgba(95,158,160,.35);
  transition:background .2s;
}
.shellc8aab-dot.shellc8aab-on{background:var(--shellc8aab-lime);}

/* ---------- generic section ---------- */
.shellc8aab-sec{padding:18px 12px 2px;}
.shellc8aab-sec-head{
  display:flex;align-items:center;gap:9px;
  margin:0 2px 7px;
}
.shellc8aab-sec-head::before{
  content:"";width:4px;height:26px;flex:0 0 4px;
  border-radius:2px;background:linear-gradient(180deg,var(--shellc8aab-lime),var(--shellc8aab-teal));
}
.shellc8aab-sec-head h2{
  margin:0;font-size:17.5px;line-height:1.28;font-weight:800;color:var(--shellc8aab-ice);
}
.shellc8aab-pill{
  margin-left:auto;flex:0 0 auto;
  padding:3px 9px;border-radius:999px;
  border:1px solid var(--shellc8aab-line2);
  font-size:10px;font-weight:700;letter-spacing:.8px;
  color:var(--shellc8aab-dim);text-transform:uppercase;white-space:nowrap;
}
.shellc8aab-sec-note{
  margin:0 2px 11px;font-size:12.8px;color:var(--shellc8aab-dim);
}
.shellc8aab-sec-note a{color:var(--shellc8aab-teal);font-weight:700;text-decoration:underline;text-underline-offset:3px;}

/* ---------- game grid ---------- */
.shellc8aab-grid{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:9px 6px;
}
@media (min-width:375px){.shellc8aab-grid{gap:10px 7px;}}
@media (min-width:400px){.shellc8aab-grid{grid-template-columns:repeat(5,1fr);}}
.shellc8aab-gcard{
  display:flex;flex-direction:column;gap:5px;
  padding:5px 5px 7px;
  border-radius:var(--shellc8aab-r);
  border:1px solid var(--shellc8aab-line);
  background:var(--shellc8aab-card);
  transition:transform .14s,border-color .18s;
}
.shellc8aab-gcard:active{transform:scale(.95);border-color:var(--shellc8aab-lime);}
.shellc8aab-gcard img{
  width:100%;aspect-ratio:1;object-fit:cover;
  border-radius:8px;background:var(--shellc8aab-card2);
  border:1px solid rgba(224,255,255,.06);
}
.shellc8aab-gcard span{
  font-size:10.5px;font-weight:600;line-height:1.28;
  text-align:center;color:var(--shellc8aab-ice);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
  overflow:hidden;min-height:1.9em;
}

/* ---------- milestone track (achievements) ---------- */
.shellc8aab-track{
  list-style:none;margin:0 2px 8px;padding:0;
}
.shellc8aab-track li{
  position:relative;
  margin:0 0 9px;padding:10px 11px 10px 44px;
  border-radius:var(--shellc8aab-r);
  background:var(--shellc8aab-card);
  border:1px solid var(--shellc8aab-line);
}
.shellc8aab-track li::before{
  content:attr(data-step);
  position:absolute;left:11px;top:10px;
  width:24px;height:24px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:rgba(124,252,0,.14);
  border:1px solid rgba(124,252,0,.55);
  color:var(--shellc8aab-lime);
  font-size:11.5px;font-weight:800;
}
.shellc8aab-track b{
  display:block;font-size:13px;color:var(--shellc8aab-ice);margin-bottom:2px;
}
.shellc8aab-track p{margin:0;font-size:12.3px;color:var(--shellc8aab-dim);}

/* ---------- app download card ---------- */
.shellc8aab-appcard{
  margin:0 2px 10px;
  border-radius:14px;overflow:hidden;
  border:1px solid var(--shellc8aab-line2);
  background:var(--shellc8aab-card);
}
.shellc8aab-appcard-top{
  display:flex;align-items:center;gap:10px;
  padding:12px 13px;
  background:linear-gradient(120deg,rgba(0,0,128,.65),rgba(95,158,160,.22));
  border-bottom:1px solid var(--shellc8aab-line);
}
.shellc8aab-appcard-top svg{width:30px;height:30px;flex:0 0 30px;stroke:var(--shellc8aab-lime);}
.shellc8aab-appcard-top b{font-size:14.5px;color:var(--shellc8aab-ice);line-height:1.3;}
.shellc8aab-appcard-top small{display:block;font-size:11px;color:var(--shellc8aab-dim);font-weight:400;}
.shellc8aab-steps{
  list-style:none;margin:0;padding:11px 13px 4px;
}
.shellc8aab-steps li{
  position:relative;padding:0 0 9px 24px;
  font-size:12.6px;color:var(--shellc8aab-dim);
}
.shellc8aab-steps li::before{
  content:"";position:absolute;left:2px;top:6px;
  width:9px;height:9px;border-radius:3px;
  background:var(--shellc8aab-teal);
}
.shellc8aab-steps b{color:var(--shellc8aab-ice);}
.shellc8aab-appcard-duo{
  display:flex;gap:8px;padding:2px 13px 13px;
}
.shellc8aab-appcard-duo .shellc8aab-btn{flex:1;min-height:42px;}

/* ---------- feature tiles ---------- */
.shellc8aab-feats{
  display:grid;grid-template-columns:1fr 1fr;gap:8px;
  margin:0 2px 10px;
}
.shellc8aab-feat{
  padding:11px 11px 10px;
  border-radius:var(--shellc8aab-r);
  border:1px solid var(--shellc8aab-line);
  background:var(--shellc8aab-card);
}
.shellc8aab-feat b{
  display:flex;align-items:center;gap:6px;
  font-size:12.6px;color:var(--shellc8aab-lime);margin-bottom:4px;
}
.shellc8aab-feat b svg{width:15px;height:15px;flex:0 0 15px;stroke:var(--shellc8aab-teal);}
.shellc8aab-feat p{margin:0;font-size:11.8px;line-height:1.42;color:var(--shellc8aab-dim);}

/* ---------- use case Q&A entries ---------- */
.shellc8aab-cases{margin:0 2px 8px;}
.shellc8aab-case{
  margin-bottom:8px;padding:11px 12px;
  border-radius:var(--shellc8aab-r);
  border:1px solid var(--shellc8aab-line);
  border-left:3px solid var(--shellc8aab-teal);
  background:var(--shellc8aab-card);
}
.shellc8aab-case q{
  display:block;
  font-size:13px;font-weight:700;color:var(--shellc8aab-ice);
  quotes:"“" "”";
}
.shellc8aab-case p{margin:4px 0 0;font-size:12.4px;color:var(--shellc8aab-dim);}
.shellc8aab-case a{color:var(--shellc8aab-teal);font-weight:700;text-decoration:underline;text-underline-offset:3px;}

/* ---------- extended directory footer ---------- */
.shellc8aab-ext{
  margin:22px 12px 6px;
  padding:14px 13px 12px;
  border-radius:16px;
  border:1px solid var(--shellc8aab-line2);
  background:linear-gradient(170deg,rgba(0,0,128,.45),rgba(35,35,35,.9) 55%);
}
.shellc8aab-ext h2{
  margin:0 0 7px;font-size:16px;line-height:1.3;font-weight:800;color:var(--shellc8aab-ice);
}
.shellc8aab-ext-brand{
  margin:0 0 13px;font-size:12.6px;color:var(--shellc8aab-dim);
}
.shellc8aab-ext-label{
  margin:0 0 6px;
  font-size:10.5px;font-weight:800;letter-spacing:1.2px;
  color:var(--shellc8aab-teal);text-transform:uppercase;
}
.shellc8aab-dir-cols{
  display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;
  margin-bottom:14px;
}
.shellc8aab-dir-cols a{
  display:block;padding:6px 2px;
  font-size:12.4px;font-weight:600;color:var(--shellc8aab-ice);
  text-decoration:none;border-bottom:1px dashed rgba(95,158,160,.25);
}
.shellc8aab-dir-cols a:hover{color:var(--shellc8aab-lime);}
.shellc8aab-promo4{
  display:grid;grid-template-columns:1fr 1fr;gap:8px;
  margin-bottom:13px;
}
.shellc8aab-promo4 .shellc8aab-btn{
  min-height:46px;padding:6px 10px;
  font-size:12.3px;line-height:1.3;text-align:center;
  border-radius:11px;
}
.shellc8aab-promo4 .shellc8aab-btn-cta{background:var(--shellc8aab-lime);}
.shellc8aab-promo4 .shellc8aab-btn-ghost{color:var(--shellc8aab-ice);}
.shellc8aab-ext-disc{
  margin:0;padding-top:9px;
  border-top:1px solid var(--shellc8aab-line);
  font-size:11px;color:var(--shellc8aab-faint);
}

/* ---------- copyright bar ---------- */
.shellc8aab-legal{
  padding:14px 16px 6px;text-align:center;
  font-size:11.5px;color:var(--shellc8aab-faint);
}

/* ---------- segmented bottom dock ---------- */
.shellc8aab-dock{
  position:fixed;bottom:0;left:50%;transform:translateX(-50%);
  width:100%;max-width:430px;z-index:70;
  display:flex;
  background:rgba(24,24,24,.98);
  border-top:1px solid var(--shellc8aab-line2);
  padding:5px 3px calc(5px + env(safe-area-inset-bottom,0px));
}
.shellc8aab-dock a,
.shellc8aab-dock button{
  flex:1;min-height:52px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
  background:none;border:0;border-radius:10px;
  font-size:10px;font-weight:700;letter-spacing:.2px;
  color:rgba(224,255,255,.62);text-decoration:none;
  transition:color .18s,transform .18s;
}
.shellc8aab-dock svg{width:21px;height:21px;}
.shellc8aab-dock a.shellc8aab-on{color:var(--shellc8aab-lime);transform:translateY(-2px);}
.shellc8aab-dock .shellc8aab-go{color:var(--shellc8aab-teal);}
.shellc8aab-dock .shellc8aab-go:active{color:var(--shellc8aab-lime);transform:scale(.93);}

/* ---------- motion discipline ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto;}
  *{transition-duration:.01ms !important;animation-duration:.01ms !important;}
}

/* ---------- tiny wide-screen comfort ---------- */
@media (min-width:431px){
  body::before{
    content:"";position:fixed;inset:0;z-index:-1;
    background:
      radial-gradient(620px 340px at 18% 12%, rgba(95,158,160,.14), transparent 60%),
      radial-gradient(620px 340px at 82% 88%, rgba(0,0,128,.30), transparent 60%);
  }
}

/* ---------- help page language ---------- */
.shellc8aab-help-main{padding-top:calc(var(--shellc8aab-head-h) + 8px);}
.shellc8aab-help-hero{
  margin:0 12px 12px;padding:17px 14px 14px;
  border:1px solid var(--shellc8aab-line2);border-radius:18px;
  background:
    linear-gradient(135deg,rgba(0,0,128,.74),rgba(95,158,160,.14) 62%,rgba(35,35,35,.9)),
    repeating-linear-gradient(135deg,rgba(224,255,255,.035) 0 1px,transparent 1px 12px);
}
.shellc8aab-help-kicker{
  display:flex;align-items:center;gap:7px;margin:0 0 8px;
  color:var(--shellc8aab-lime);font-size:10px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;
}
.shellc8aab-help-kicker::before{content:"";width:22px;height:3px;border-radius:99px;background:var(--shellc8aab-teal);}
.shellc8aab-help-hero h1{margin:0 0 8px;color:var(--shellc8aab-ice);font-size:clamp(21px,6vw,26px);line-height:1.22;}
.shellc8aab-help-hero p{margin:0;color:var(--shellc8aab-dim);font-size:13px;}
.shellc8aab-help-hero .shellc8aab-btn{margin-top:13px;min-height:44px;width:100%;}
.shellc8aab-help-main h2{margin:0;color:var(--shellc8aab-ice);font-size:17px;line-height:1.3;}
.shellc8aab-help-main h3{margin:0;color:var(--shellc8aab-lime);font-size:13px;line-height:1.35;}
.shellc8aab-help-main p{color:var(--shellc8aab-dim);font-size:12.7px;}
.shellc8aab-help-block{margin:12px;padding:15px 13px;border:1px solid var(--shellc8aab-line);border-radius:15px;background:rgba(35,35,35,.88);}
.shellc8aab-help-block > p:first-of-type{margin:8px 0 12px;}
.shellc8aab-help-heading{display:flex;align-items:flex-start;gap:8px;}
.shellc8aab-help-heading::before{content:"";width:5px;min-height:27px;flex:0 0 5px;border-radius:5px;background:linear-gradient(var(--shellc8aab-lime),var(--shellc8aab-teal));}
.shellc8aab-help-heading h2{flex:1;min-width:0;}
.shellc8aab-help-cta{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px;}
.shellc8aab-help-cta .shellc8aab-btn{flex:1 1 130px;min-height:44px;padding-inline:10px;}

/* tips uses a linear checklist and answer deck */
.shellc8aab-tips-rail{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 12px 12px;}
.shellc8aab-tips-rail span{padding:8px 5px;border:1px solid var(--shellc8aab-line);border-radius:10px;background:rgba(95,158,160,.10);text-align:center;color:var(--shellc8aab-ice);font-size:10.5px;font-weight:700;line-height:1.25;}
.shellc8aab-route-list{display:grid;gap:7px;margin:0;padding:0;list-style:none;}
.shellc8aab-route-list li{display:flex;align-items:center;gap:8px;min-height:45px;padding:7px 9px;border-left:3px solid var(--shellc8aab-teal);border-radius:9px;background:rgba(0,0,128,.22);}
.shellc8aab-route-list a{flex:1;color:var(--shellc8aab-ice);font-size:12.5px;font-weight:700;text-decoration:none;}
.shellc8aab-route-list small{color:var(--shellc8aab-faint);font-size:10.5px;text-align:right;}
.shellc8aab-flow{display:grid;gap:8px;margin:0;padding:0;list-style:none;counter-reset:tipflow;}
.shellc8aab-flow li{counter-increment:tipflow;position:relative;padding:10px 10px 10px 43px;border-radius:11px;background:#1d1d1d;border:1px solid var(--shellc8aab-line);}
.shellc8aab-flow li::before{content:counter(tipflow);position:absolute;left:10px;top:10px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--shellc8aab-lime);color:#082b08;font-weight:900;font-size:11px;}
.shellc8aab-flow b{display:block;color:var(--shellc8aab-ice);font-size:12.8px;}
.shellc8aab-flow p{margin:3px 0 0;font-size:12px;}
.shellc8aab-qdeck{display:grid;gap:6px;}
.shellc8aab-qdeck details{border:1px solid var(--shellc8aab-line);border-radius:10px;background:#1d1d1d;overflow:hidden;}
.shellc8aab-qdeck summary{min-height:44px;display:flex;align-items:center;padding:9px 11px;color:var(--shellc8aab-ice);font-size:12.5px;font-weight:750;cursor:pointer;}
.shellc8aab-qdeck summary::marker{color:var(--shellc8aab-lime);}
.shellc8aab-qdeck details p{margin:0;padding:0 11px 11px;font-size:12px;}
.shellc8aab-compare-list{display:grid;gap:7px;}
.shellc8aab-compare-row{display:grid;grid-template-columns:76px minmax(0,1fr);gap:8px;padding:9px;border-bottom:1px solid var(--shellc8aab-line);}
.shellc8aab-compare-row:last-child{border-bottom:0;}
.shellc8aab-compare-row strong{color:var(--shellc8aab-lime);font-size:11.5px;}
.shellc8aab-compare-row span{color:var(--shellc8aab-dim);font-size:11.8px;line-height:1.4;}
.shellc8aab-kit{display:grid;gap:6px;margin:0;padding:0;list-style:none;}
.shellc8aab-kit li{position:relative;padding:9px 10px 9px 29px;border-radius:9px;background:rgba(95,158,160,.10);color:var(--shellc8aab-dim);font-size:12.1px;}
.shellc8aab-kit li::before{content:"✓";position:absolute;left:10px;color:var(--shellc8aab-lime);font-weight:900;}
.shellc8aab-facts{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px;}
.shellc8aab-fact{padding:10px;border-radius:10px;background:linear-gradient(145deg,rgba(0,0,128,.42),rgba(95,158,160,.10));border:1px solid var(--shellc8aab-line);}
.shellc8aab-fact b{display:block;color:var(--shellc8aab-ice);font-size:12px;}
.shellc8aab-fact span{display:block;margin-top:3px;color:var(--shellc8aab-faint);font-size:11px;line-height:1.35;}

/* review uses evidence panels and a decision matrix rather than the tips flow */
.shellc8aab-review-hero{display:grid;gap:11px;margin:0 12px 12px;padding:15px 13px;border:1px solid var(--shellc8aab-line2);border-radius:16px;background:linear-gradient(160deg,rgba(95,158,160,.20),rgba(0,0,128,.50) 54%,rgba(35,35,35,.95));}
.shellc8aab-review-hero h1{margin:0;color:var(--shellc8aab-ice);font-size:clamp(21px,6vw,26px);line-height:1.22;}
.shellc8aab-review-hero p{margin:0;color:var(--shellc8aab-dim);font-size:12.8px;}
.shellc8aab-verdict{display:grid;grid-template-columns:82px minmax(0,1fr);gap:10px;align-items:center;padding:10px;border-radius:11px;background:rgba(7,7,38,.55);border:1px solid var(--shellc8aab-line);}
.shellc8aab-verdict-mark{display:grid;place-items:center;min-height:65px;border-radius:10px;background:var(--shellc8aab-lime);color:#082b08;font-size:14px;font-weight:900;text-align:center;line-height:1.05;}
.shellc8aab-verdict b{display:block;color:var(--shellc8aab-ice);font-size:13px;}
.shellc8aab-verdict span{display:block;margin-top:3px;color:var(--shellc8aab-faint);font-size:11.5px;line-height:1.35;}
.shellc8aab-review-hero .shellc8aab-btn{min-height:44px;}
.shellc8aab-evidence{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px;}
.shellc8aab-evidence figure{margin:0;min-width:0;}
.shellc8aab-evidence img{width:100%;aspect-ratio:5/2;object-fit:cover;border-radius:9px;border:1px solid var(--shellc8aab-line);}
.shellc8aab-evidence figcaption{margin-top:4px;color:var(--shellc8aab-faint);font-size:10.5px;line-height:1.3;}
.shellc8aab-checkgrid{display:grid;gap:7px;margin:0;padding:0;list-style:none;}
.shellc8aab-checkgrid li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:8px;align-items:start;padding:9px;border-radius:10px;background:#1d1d1d;border:1px solid var(--shellc8aab-line);}
.shellc8aab-checkgrid i{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:rgba(124,252,0,.15);color:var(--shellc8aab-lime);font-style:normal;font-weight:900;font-size:12px;}
.shellc8aab-checkgrid b{display:block;color:var(--shellc8aab-ice);font-size:12.4px;}
.shellc8aab-checkgrid span{display:block;margin-top:2px;color:var(--shellc8aab-dim);font-size:11.7px;line-height:1.4;}
.shellc8aab-condition-stack{display:grid;gap:8px;}
.shellc8aab-condition{padding:11px;border-radius:11px;border-top:3px solid var(--shellc8aab-teal);background:rgba(0,0,128,.23);}
.shellc8aab-condition:nth-child(2){border-top-color:var(--shellc8aab-lime);}
.shellc8aab-condition:nth-child(3){border-top-color:var(--shellc8aab-ice);}
.shellc8aab-condition h3{margin:0 0 3px;}
.shellc8aab-condition p{margin:0;font-size:12px;}
.shellc8aab-matrix{display:grid;grid-template-columns:82px repeat(2,minmax(0,1fr));gap:1px;margin-top:10px;border:1px solid var(--shellc8aab-line);border-radius:10px;overflow:hidden;background:var(--shellc8aab-line);}
.shellc8aab-matrix > div{min-width:0;padding:8px 6px;background:#1d1d1d;color:var(--shellc8aab-dim);font-size:11px;line-height:1.35;}
.shellc8aab-matrix > div:nth-child(-n+3){background:rgba(0,0,128,.58);color:var(--shellc8aab-ice);font-weight:800;}
.shellc8aab-matrix > div strong{color:var(--shellc8aab-lime);}
@media (max-width:350px){
  .shellc8aab-tips-rail span{font-size:9.5px;}
  .shellc8aab-compare-row{grid-template-columns:67px minmax(0,1fr);}
  .shellc8aab-matrix{grid-template-columns:70px repeat(2,minmax(0,1fr));}
  .shellc8aab-matrix > div{padding-inline:4px;font-size:10.3px;}
}