:root{
  --bg:#0b1119;
  --bg2:#151b24;
  --bg3:#202630;
  --card:#151e29;
  --card2:#101821;
  --line:#34404f;
  --line-soft:#293442;
  --text:#e5e8ed;
  --heading:#e9ebef;
  --muted:#aeb6c1;
  --muted2:#8f99a6;
  --blue:#9bb9da;
  --blue2:#b2c7df;
  --gold:#d9a83f;
  --gold2:#e4bb61;
  --max:1180px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(145deg,#07111f 0%,#101c2b 48%,#182331 100%);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.7}
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:linear-gradient(118deg,rgba(255,255,255,.025) 0%,transparent 34%,rgba(255,255,255,.035) 67%,transparent 100%);
}
a{color:var(--blue2);text-decoration:none}
a:hover{text-decoration:underline;color:#c6d5e6}
.wrap{max-width:var(--max);margin:auto;padding:0 28px}
header{
  position:sticky;top:0;z-index:10;
  background:linear-gradient(110deg,rgba(8,14,22,.96),rgba(27,33,42,.94));
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(103,116,132,.30);
  box-shadow:0 10px 30px rgba(0,0,0,.18)
}
.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.brand{display:flex;align-items:center;gap:10px;min-width:0;font-weight:800;color:var(--heading);font-size:20px;letter-spacing:-.02em;line-height:1;white-space:nowrap}
.brand-icon{width:40px;height:40px;display:block;flex:0 0 40px;object-fit:cover;border-radius:9px}
.navlinks{display:flex;align-items:center;gap:25px}
.navlinks a{color:#aebed0}
.navlinks a:hover{color:#d0d8e1}
.hero{padding:55px 0 85px;min-height:690px;display:flex;align-items:center}
.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#aabed5;font-weight:700;font-size:15px}
.hero h1{font-size:clamp(48px,7vw,86px);line-height:1.03;letter-spacing:-.04em;max-width:1050px;margin:20px 0 28px;color:var(--heading);text-shadow:0 2px 18px rgba(0,0,0,.24)}
.hero p{font-size:20px;color:#b3bbc5;max-width:850px}
.actions{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}
.btn{display:inline-block;padding:13px 22px;border-radius:9px;font-weight:800;border:1px solid #405064;background:linear-gradient(135deg,#1b2a3b,#18222e);color:#d2d9e1;box-shadow:0 5px 18px rgba(0,0,0,.12)}
.btn:hover{text-decoration:none;background:linear-gradient(135deg,#253547,#202b37)}
.btn.primary{background:linear-gradient(135deg,#d19f36,#dfb250);border-color:#d5a640;color:#17140d;box-shadow:0 7px 22px rgba(0,0,0,.20)}
.btn.primary:hover{background:linear-gradient(135deg,#d9aa43,#e7be64)}
.section{padding:72px 0}
.section h2{font-size:38px;line-height:1.15;margin:0 0 14px;color:var(--heading);text-shadow:0 2px 14px rgba(0,0,0,.18)}
.lead{color:#aeb7c2;max-width:820px}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}
.card{
  background:linear-gradient(145deg,rgba(31,43,56,.88),rgba(14,22,31,.92));
  border:1px solid rgba(77,93,111,.72);
  border-radius:13px;padding:25px;
  box-shadow:0 14px 32px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.025)
}
.card:hover{border-color:#5b6b7d;transform:translateY(-1px);transition:.18s ease}
.tag{display:inline-block;border:1px solid #53677e;color:#b5c9df;border-radius:999px;padding:3px 9px;font-size:12px;margin-bottom:12px;background:rgba(126,148,171,.07)}
.card h3{margin:5px 0 12px;font-size:22px;color:#98a9ba}
.split{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.callout{
  background:linear-gradient(130deg,rgba(31,43,56,.94),rgba(16,24,33,.96));
  border:1px solid #48586a;padding:34px;border-radius:14px;
  box-shadow:0 18px 38px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.035)
}
.callout h2{font-size:30px}
footer{border-top:1px solid rgba(91,104,120,.30);padding:42px 0;color:#8f9aa7;font-size:14px;background:rgba(6,11,17,.30)}
.productHero{padding:24px 0 45px}
.productHero h1{font-size:clamp(42px,6vw,68px);line-height:1.05;margin:15px 0;color:var(--heading)}
.facts{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}
.fact{padding:7px 11px;border:1px solid #46576a;border-radius:8px;color:#b7c6d5;background:rgba(33,46,59,.55)}
.prose{max-width:850px}.prose h2{margin-top:48px;color:#dfe3e8}
.notice{border-left:3px solid var(--gold);padding:14px 18px;background:rgba(31,39,48,.72);color:#b8c1ca;margin-top:25px}
.crumb{font-size:14px;color:#8996a5}
.searchbox{width:100%;padding:14px;border-radius:9px;border:1px solid #465568;background:rgba(10,17,25,.72);color:#dfe3e8;font-size:16px;margin-top:20px}
.searchbox::placeholder{color:#7f8a97}
.mobile{display:none}

/* English-only navigation */
.navlinks{flex-wrap:nowrap}.mobile{margin-left:auto}
@media(max-width:900px){.navlinks{gap:12px}.navlinks a{font-size:14px}}
@media(max-width:800px){
  .brand-icon{width:36px;height:36px;flex-basis:36px;border-radius:8px}
}
@media(max-width:800px){.navlinks{display:none}.mobile{display:block}.hero{padding:45px 0}.hero h1{font-size:48px}.wrap{padding:0 20px}.grid,.split{grid-template-columns:1fr}}

/* V5 consolidated products */
.platform-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.platform-link{padding:8px 12px;border:1px solid #536477;border-radius:8px;background:linear-gradient(135deg,rgba(35,48,62,.9),rgba(18,27,37,.95));color:#c5d0db;font-weight:700;font-size:13px}.platform-link:hover{text-decoration:none;border-color:#7a8999;background:linear-gradient(135deg,rgba(52,66,82,.95),rgba(24,34,45,.98))}.platform-label{font-size:12px;color:#929eaa;text-transform:uppercase;letter-spacing:.08em;margin-top:18px}.product-card-note{font-size:13px;color:#929eaa;margin-top:10px}


/* V8 platform buttons: refined silver-gray gradient for strong contrast on the dark background */
.platform-links{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 8px}
.platform-link{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:74px;padding:10px 18px;border-radius:9px;
  background:
    linear-gradient(118deg,#8f99a4 0%,#c2c7cc 32%,#e1e3e4 52%,#aab2ba 76%,#7f8a96 100%);
  border:1px solid rgba(218,222,225,.72);
  color:#252c34;
  font-weight:800;font-size:14px;letter-spacing:.01em;text-decoration:none;
  box-shadow:
    0 7px 18px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.55),
    inset 0 -1px 0 rgba(44,52,61,.20);
  text-shadow:0 1px 0 rgba(255,255,255,.28);
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;
}
.platform-link:hover{
  text-decoration:none;filter:brightness(1.06);transform:translateY(-1px);
  box-shadow:0 9px 22px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.65),inset 0 -1px 0 rgba(44,52,61,.18);
}

/* V9 responsive navigation + same-page product details */
.nav{position:relative}
.mobile-menu-toggle{
  display:none;
  appearance:none;
  border:1px solid #566476;
  background:linear-gradient(145deg,#27313c,#161e27);
  color:#d5dbe2;
  width:48px;height:44px;
  border-radius:9px;
  font-size:27px;
  line-height:1;
  cursor:pointer;
  align-items:center;justify-content:center;
  box-shadow:0 5px 16px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.08);
}
.mobile-menu-toggle:hover{filter:brightness(1.08)}
.mobile-menu-toggle:focus-visible{outline:2px solid #9fb7d1;outline-offset:3px}
.mobile-panel{display:none}
.product-details{margin-top:68px;padding-top:56px;border-top:1px solid rgba(91,104,120,.34)}
.product-detail{display:none;scroll-margin-top:90px}
.product-detail.is-active{display:block}
.product-detail h2{font-size:38px;line-height:1.15;margin:0 0 12px;color:var(--heading)}
.product-detail .detail-lead{max-width:850px;color:#aeb7c2;margin:0 0 28px}
.video-wrap{max-width:900px;aspect-ratio:16/9;border:1px solid rgba(88,103,120,.75);border-radius:14px;overflow:hidden;background:#080e16;box-shadow:0 16px 34px rgba(0,0,0,.22);margin:24px 0 34px}
.video-wrap iframe{width:100%;height:100%;border:0;display:block}
.detail-body{max-width:900px}
.detail-body h3{font-size:25px;color:#dfe3e8;margin:30px 0 10px}
.detail-body p,.detail-body li{color:#aeb7c2}
.detail-body ul{padding-left:22px}
.detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0 10px}
.product-card-link{display:inline-block;margin-top:18px;font-weight:700;color:#b9cee5;cursor:pointer}
.product-card-link:hover{text-decoration:underline;color:#d0dce9}
@media(max-width:800px){
  .nav{height:64px}
  .mobile-menu-toggle{display:inline-flex}
  .navlinks{display:none!important}
  header.menu-open .mobile-panel{display:block}
  .mobile-panel{position:absolute;left:0;right:0;top:100%;padding:8px 20px 18px;border-top:1px solid rgba(103,116,132,.25);background:linear-gradient(145deg,rgba(20,28,37,.98),rgba(8,14,22,.98));box-shadow:0 12px 24px rgba(0,0,0,.22)}
  .mobile-panel a{display:block;padding:11px 4px;color:#c0ccd8;border-bottom:1px solid rgba(103,116,132,.14)}
  .mobile-panel a:last-child{border-bottom:0}
  .mobile-panel a:hover{text-decoration:none;color:#e0e5ea}
  .product-details{margin-top:48px;padding-top:42px}
  .product-detail h2{font-size:30px}
}

/* V10 active product card highlight: clearly shows which product details are open */
.product-card-link[aria-current="true"]{color:#e0e5ea}
.card.product-active{
  border-color:rgba(205,214,223,.95);
  background:
    linear-gradient(145deg,rgba(48,59,71,.96),rgba(19,28,38,.97));
  box-shadow:
    0 18px 38px rgba(0,0,0,.24),
    0 0 0 1px rgba(205,214,223,.20),
    0 0 26px rgba(164,178,192,.12),
    inset 0 1px 0 rgba(255,255,255,.10);
  transform:translateY(-2px);
}
.card.product-active h3{color:#eef1f4}
.card.product-active .product-card-link{color:#e1e7ed}

/* V11 — Vintage muted gold gradient for major headings */
:root{
  --vintage-gold-deep:#765a2a;
  --vintage-gold-dark:#927238;
  --vintage-gold-mid:#ad8a4a;
  --vintage-gold-soft:#c0a263;
  --vintage-gold-shadow:rgba(72,53,24,.34);
}

/* Keep major headings elegant and muted rather than bright white */
.hero h1,
.section h2,
.productHero h1,
.product-detail h2,
.callout h2{
  background:linear-gradient(
    112deg,
    var(--vintage-gold-deep) 0%,
    var(--vintage-gold-mid) 27%,
    var(--vintage-gold-soft) 49%,
    var(--vintage-gold-mid) 68%,
    var(--vintage-gold-dark) 100%
  );
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:var(--vintage-gold-mid);
  text-shadow:0 2px 10px var(--vintage-gold-shadow);
}

/* Slightly restrained gold treatment on card-level titles */
.card h3,
.detail-body h3{
  color:#b49a68;
}

/* Prevent the large gold headings from becoming overly bright on hover */
.hero h1:hover,
.section h2:hover,
.productHero h1:hover,
.product-detail h2:hover,
.callout h2:hover{
  filter:brightness(1.03);
}

/* V12 — richer vintage gold with a subtle aged / distressed surface */
:root{
  --vintage-gold-deep:#5d431d;
  --vintage-gold-dark:#795b27;
  --vintage-gold-mid:#a37b35;
  --vintage-gold-light:#c09a55;
  --vintage-gold-shadow:rgba(35,24,10,.48);
}
.hero h1,
.section h2,
.productHero h1,
.product-detail h2,
.callout h2{
  background-image:
    radial-gradient(circle at 18% 35%,rgba(255,235,184,.34) 0 1px,transparent 1.4px),
    radial-gradient(circle at 63% 62%,rgba(63,42,15,.34) 0 1px,transparent 1.5px),
    radial-gradient(circle at 82% 28%,rgba(255,224,157,.22) 0 .8px,transparent 1.4px),
    linear-gradient(112deg,
      #5d431d 0%,
      #795b27 18%,
      #a37b35 36%,
      #b58d48 48%,
      #c09a55 54%,
      #a37b35 70%,
      #795b27 86%,
      #5d431d 100%);
  background-size:17px 17px,23px 23px,29px 29px,100% 100%;
  background-blend-mode:screen,multiply,screen,normal;
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:#a37b35;
  text-shadow:0 2px 9px var(--vintage-gold-shadow);
  letter-spacing:-.025em;
}
.card h3,.detail-body h3{
  color:#a98549;
  text-shadow:0 1px 5px rgba(45,31,13,.25);
}
.hero h1:hover,.section h2:hover,.productHero h1:hover,.product-detail h2:hover,.callout h2:hover{
  filter:brightness(1.06);
}


/* V14: text-only brighter vintage gold. Background is untouched. */
.hero h1,.section h2,.callout h2,.productHero h1,.prose h2{
  background:linear-gradient(115deg,#a66b1c 0%,#d49a32 18%,#f0c968 40%,#ffe08a 52%,#d49a32 72%,#9b6419 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:0 1px 0 rgba(45,28,8,.55),0 2px 6px rgba(0,0,0,.22);
  filter:saturate(1.15) brightness(1.22);
  position:relative;
}
/* Subtle fracture-through marks are clipped to the glyph area by text-fill/background treatment.
   They use the same dark tone as the existing page background and do not paint the page. */
.hero h1::after,.section h2::after,.callout h2::after,.productHero h1::after,.prose h2::after{
  content:"";
  position:absolute;
  inset:12% 0 10% 0;
  pointer-events:none;
  opacity:.58;
  background:
    linear-gradient(103deg,transparent 0 12%,#07111f 12.15% 12.42%,transparent 12.62% 100%),
    linear-gradient(78deg,transparent 0 28%,#101c2b 28.18% 28.43%,transparent 28.63% 100%),
    linear-gradient(111deg,transparent 0 47%,#07111f 47.18% 47.46%,transparent 47.66% 100%),
    linear-gradient(67deg,transparent 0 67%,#182331 67.18% 67.44%,transparent 67.64% 100%),
    linear-gradient(119deg,transparent 0 84%,#101c2b 84.18% 84.45%,transparent 84.65% 100%);
  -webkit-mask-image:linear-gradient(#000,#000);
  mask-image:linear-gradient(#000,#000);
}
.card h3{
  background:none;
  -webkit-background-clip:initial;
  background-clip:initial;
  color:var(--text);
  text-shadow:none;
  filter:none;
}


/* V17 — Gold text only: unify every heading that was already vintage-gold.
   IMPORTANT: no background, cards, normal text, or gold buttons are changed. */
.hero h1,
.section h2,
.callout h2,
.productHero h1,
.prose h2,
.product-detail h2,
.detail-body h3{
  background:
    linear-gradient(
      115deg,
      #a66b1c 0%,
      #d49a32 18%,
      #f0c968 40%,
      #ffe08a 52%,
      #d49a32 72%,
      #9b6419 100%
    );
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
  text-shadow:
    0 1px 0 rgba(45,28,8,.55),
    0 2px 6px rgba(0,0,0,.22);
  filter:saturate(1.15) brightness(1.22);
}

/* The gold text is not interactive: hovering must not darken, fade,
   underline, or otherwise alter it. */
.hero h1:hover,
.section h2:hover,
.callout h2:hover,
.productHero h1:hover,
.prose h2:hover,
.product-detail h2:hover,
.detail-body h3:hover{
  background:
    linear-gradient(
      115deg,
      #a66b1c 0%,
      #d49a32 18%,
      #f0c968 40%,
      #ffe08a 52%,
      #d49a32 72%,
      #9b6419 100%
    );
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
  text-shadow:
    0 1px 0 rgba(45,28,8,.55),
    0 2px 6px rgba(0,0,0,.22);
  filter:saturate(1.15) brightness(1.22);
  text-decoration:none;
  opacity:1;
  transition:none;
  cursor:default;
}


/* Global active navigation glow */
.navlinks a,
.mobile-panel a{position:relative}
.navlinks a.active{
  color:#aebed0 !important;
  background:transparent;
  border:0;
  text-decoration:none;
}
.navlinks a.active:hover{
  color:#aebed0 !important;
  text-decoration:none;
}
.navlinks a.active::after{
  content:"";
  position:absolute;
  left:8%;
  right:8%;
  bottom:-4px;
  height:2px;
  border-radius:999px;
  background:#39a9ff;
  box-shadow:0 0 5px rgba(57,169,255,.85),0 0 12px rgba(57,169,255,.65),0 0 22px rgba(57,169,255,.35);
}
.mobile-panel a.active{
  color:#c0ccd8 !important;
  background:transparent;
  text-decoration:none;
  border-left:0;
  box-shadow:none;
}
.mobile-panel a.active:hover{color:#c0ccd8 !important;text-decoration:none}
.mobile-panel a.active::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:3px;
  height:2px;
  border-radius:999px;
  background:#39a9ff;
  box-shadow:0 0 5px rgba(57,169,255,.85),0 0 12px rgba(57,169,255,.65),0 0 20px rgba(57,169,255,.32);
}

/* V18 — Products dropdown: blue glow on Products, gold glow on selected EA */
.nav-product-menu{position:relative;display:block}
.nav-product-menu>summary{list-style:none;position:relative;cursor:pointer;color:#aebed0;white-space:nowrap;user-select:none}
.nav-product-menu>summary::-webkit-details-marker{display:none}.nav-product-menu>summary::marker{content:""}
.nav-product-menu>summary:hover{color:#d0d8e1}
.nav-product-menu>summary.active,.nav-product-menu>summary.active:hover{color:#aebed0!important}
.nav-product-menu>summary.active::after{content:"";position:absolute;left:8%;right:8%;bottom:-8px;height:2px;border-radius:999px;background:#39a9ff;box-shadow:0 0 5px rgba(57,169,255,.85),0 0 12px rgba(57,169,255,.65),0 0 22px rgba(57,169,255,.35)}
.product-submenu{position:absolute;top:calc(100% + 16px);left:50%;transform:translateX(-50%);min-width:255px;padding:8px;border:1px solid rgba(77,93,111,.78);border-radius:12px;background:linear-gradient(145deg,rgba(27,38,50,.98),rgba(9,16,24,.99));box-shadow:0 18px 38px rgba(0,0,0,.32),0 0 24px rgba(39,169,255,.07)}
.product-submenu::before{content:"";position:absolute;top:-6px;left:50%;width:11px;height:11px;transform:translateX(-50%) rotate(45deg);background:#1b2632;border-left:1px solid rgba(77,93,111,.78);border-top:1px solid rgba(77,93,111,.78)}
.product-submenu a{display:block;position:relative;padding:10px 13px;border-radius:8px;color:#b8c7d7!important;text-decoration:none!important;font-weight:650;line-height:1.35}
.product-submenu a:hover{background:rgba(126,148,171,.08);color:#d5dee8!important}
.product-submenu a.product-submenu-active{color:#d7b15e!important;background:rgba(126,96,38,.06)}
.product-submenu a.product-submenu-active::after{content:"";position:absolute;left:13px;right:13px;bottom:4px;height:2px;border-radius:999px;background:linear-gradient(90deg,#9d671c,#e2b84e,#9d671c);box-shadow:0 0 5px rgba(226,184,78,.85),0 0 12px rgba(226,184,78,.55),0 0 20px rgba(226,184,78,.28)}
.mobile-product-menu{display:block}.mobile-product-menu>summary{list-style:none;position:relative;cursor:pointer;display:block;padding:11px 4px;color:#c0ccd8;border-bottom:1px solid rgba(103,116,132,.14)}
.mobile-product-menu>summary::-webkit-details-marker{display:none}.mobile-product-menu>summary::marker{content:""}
.mobile-product-menu>summary.active{color:#c0ccd8!important}
.mobile-product-menu>summary.active::after{content:"";position:absolute;left:0;right:0;bottom:3px;height:2px;border-radius:999px;background:#39a9ff;box-shadow:0 0 5px rgba(57,169,255,.85),0 0 12px rgba(57,169,255,.65),0 0 20px rgba(57,169,255,.32)}
.mobile-product-submenu{padding:4px 0 5px 12px;border-bottom:1px solid rgba(103,116,132,.14)}
.mobile-product-submenu a{display:block;position:relative;padding:9px 4px;color:#aebdce;text-decoration:none}
.mobile-product-submenu a:hover{text-decoration:none;color:#d9e1e9}
.mobile-product-submenu a.product-submenu-active{color:#d7b15e!important}
.mobile-product-submenu a.product-submenu-active::after{content:"";position:absolute;left:4px;right:4px;bottom:2px;height:2px;border-radius:999px;background:linear-gradient(90deg,#9d671c,#e2b84e,#9d671c);box-shadow:0 0 5px rgba(226,184,78,.85),0 0 12px rgba(226,184,78,.55),0 0 18px rgba(226,184,78,.28)}
@media(max-width:800px){.nav-product-menu{display:none}.mobile-product-menu{display:block}.mobile-panel .mobile-product-menu>summary{font-size:16px}}
@media(min-width:801px){.mobile-product-menu{display:none}}

/* Product MQL5 download buttons */
.platform-links .btn{display:inline-flex;align-items:center;justify-content:center;}

/* Social sharing for product detail pages — consistent across EN/TH. */
.share-box{
  max-width:none;
  margin:34px 0 30px;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.share-box h2{font-size:24px;margin:0 0 4px;color:var(--gold2)}
.share-box p{margin:0 0 16px;color:var(--muted)}
.share-buttons{display:flex;gap:10px;flex-wrap:wrap}
.share-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  min-height:44px;padding:9px 16px;border-radius:10px;
  border:1px solid rgba(77,93,111,.9);
  background:linear-gradient(145deg,#202c39,#151f2a);
  color:#dce3ea!important;font-weight:750;text-decoration:none!important;
  box-shadow:0 5px 15px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.055);
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.share-btn:hover{transform:translateY(-1px);filter:brightness(1.08);border-color:#607287;box-shadow:0 8px 20px rgba(0,0,0,.24),0 0 14px rgba(57,169,255,.08)}
.share-icon{width:20px;height:20px;display:block;flex:0 0 20px}
.share-facebook .share-icon{color:#4c6ef5}
.share-whatsapp .share-icon{color:#25d366}
.share-telegram .share-icon{color:#2aabee}
.share-x .share-icon{color:#e6ebf0}
.share-reddit .share-icon{color:#ff5a1f}
.share-facebook:hover{border-color:rgba(76,110,245,.75)}
.share-whatsapp:hover{border-color:rgba(37,211,102,.65)}
.share-telegram:hover{border-color:rgba(42,171,238,.7)}
.share-x:hover{border-color:rgba(220,225,232,.7)}
.share-reddit:hover{border-color:rgba(255,69,0,.7)}
@media(max-width:700px){
  .share-box{margin-top:28px}
  .share-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .share-btn{width:100%}
}

/* V12 — modern product detail layout built from the supplied EA specifications. */
.product-detail-content{max-width:1080px;margin:0 auto}
.detail-section{margin:54px 0 0;padding-top:38px;border-top:1px solid rgba(91,104,120,.28)}
.detail-section:first-child{margin-top:20px}
.section-kicker{font-size:12px;font-weight:800;letter-spacing:.18em;color:#91abc6;text-transform:uppercase;margin-bottom:8px}
.detail-section h2,.download-section h2{font-size:clamp(27px,3.5vw,40px);line-height:1.15;margin:0 0 12px;color:#b58a43}
.detail-section>p{max-width:920px;color:#b2bbc6;font-size:16px}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px}
.info-card{padding:19px 20px;border:1px solid rgba(77,93,111,.62);border-radius:13px;background:linear-gradient(145deg,rgba(28,40,53,.72),rgba(12,20,29,.72));box-shadow:0 10px 25px rgba(0,0,0,.12);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.info-card:hover{transform:translateY(-2px);border-color:rgba(113,137,163,.72);box-shadow:0 14px 28px rgba(0,0,0,.18),0 0 18px rgba(57,169,255,.05)}
.info-card h3{margin:0 0 7px;font-size:17px;color:#d1d8e0;text-shadow:none}
.info-card div{color:#aab5c1;font-size:14px;line-height:1.65}
.detail-section ul{padding-left:21px;max-width:920px}.detail-section li{color:#aeb7c2;margin:7px 0}
.table-wrap{overflow:auto;margin:22px 0;border:1px solid rgba(77,93,111,.65);border-radius:12px;background:rgba(9,16,24,.42)}
table{width:100%;min-width:680px;border-collapse:collapse;font-size:14px}th,td{padding:11px 13px;border-bottom:1px solid rgba(77,93,111,.35);text-align:left}th{color:#d8dee6;background:rgba(255,255,255,.035);font-weight:800}td{color:#aeb8c4}tr:last-child td{border-bottom:0}
.metric-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.metric-strip>div{padding:18px;border:1px solid rgba(77,93,111,.5);border-radius:12px;background:linear-gradient(145deg,rgba(29,42,55,.7),rgba(12,20,29,.7))}.metric-strip strong{display:block;font-size:25px;color:#d1a44d;line-height:1.15}.metric-strip span{display:block;margin-top:4px;color:#929eaa;font-size:12px}
.muted-note{font-size:13px!important;color:#8e9aa7!important}.warning-section{border-top-color:rgba(217,168,63,.3)}.warning-section .section-kicker{color:#c79b45}.warning-section h2{color:#b78a40}
.download-section{margin:54px 0 0;padding:36px 0 10px;border-top:1px solid rgba(91,104,120,.28)}.download-section p{color:#aeb7c2}.download-section .detail-actions{margin-top:20px}
.share-box{margin:34px 0 12px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.share-head{margin-bottom:15px}.share-kicker{font-size:11px;letter-spacing:.18em;font-weight:800;color:#8da7c3;margin-bottom:4px}.share-box h2{font-size:25px;margin:0;color:#d0a44d}.share-box p{margin:1px 0 0;color:#9faab6}.share-buttons{display:flex;gap:10px;flex-wrap:wrap}.share-btn{min-height:46px;padding:9px 15px}.share-btn span{line-height:1}
@media(max-width:900px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.feature-grid,.metric-strip{grid-template-columns:1fr}.detail-section{margin-top:40px;padding-top:30px}.share-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.share-btn{width:100%;padding-left:10px;padding-right:10px}}

/* V12 — modern product detail layout built from the supplied EA specifications. */
.product-detail-content{max-width:1080px;margin:0 auto}
.detail-section{margin:54px 0 0;padding-top:38px;border-top:1px solid rgba(91,104,120,.28)}
.detail-section:first-child{margin-top:20px}
.section-kicker{font-size:12px;font-weight:800;letter-spacing:.18em;color:#91abc6;text-transform:uppercase;margin-bottom:8px}
.detail-section h2,.download-section h2{font-size:clamp(27px,3.5vw,40px);line-height:1.15;margin:0 0 12px;color:#b58a43}
.detail-section>p{max-width:920px;color:#b2bbc6;font-size:16px}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px}
.info-card{padding:19px 20px;border:1px solid rgba(77,93,111,.62);border-radius:13px;background:linear-gradient(145deg,rgba(28,40,53,.72),rgba(12,20,29,.72));box-shadow:0 10px 25px rgba(0,0,0,.12);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.info-card:hover{transform:translateY(-2px);border-color:rgba(113,137,163,.72);box-shadow:0 14px 28px rgba(0,0,0,.18),0 0 18px rgba(57,169,255,.05)}
.info-card h3{margin:0 0 7px;font-size:17px;color:#d1d8e0;text-shadow:none}
.info-card div{color:#aab5c1;font-size:14px;line-height:1.65}
.detail-section ul{padding-left:21px;max-width:920px}.detail-section li{color:#aeb7c2;margin:7px 0}
.table-wrap{overflow:auto;margin:22px 0;border:1px solid rgba(77,93,111,.65);border-radius:12px;background:rgba(9,16,24,.42)}
table{width:100%;min-width:680px;border-collapse:collapse;font-size:14px}th,td{padding:11px 13px;border-bottom:1px solid rgba(77,93,111,.35);text-align:left}th{color:#d8dee6;background:rgba(255,255,255,.035);font-weight:800}td{color:#aeb8c4}tr:last-child td{border-bottom:0}
.metric-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.metric-strip>div{padding:18px;border:1px solid rgba(77,93,111,.5);border-radius:12px;background:linear-gradient(145deg,rgba(29,42,55,.7),rgba(12,20,29,.7))}.metric-strip strong{display:block;font-size:25px;color:#d1a44d;line-height:1.15}.metric-strip span{display:block;margin-top:4px;color:#929eaa;font-size:12px}
.muted-note{font-size:13px!important;color:#8e9aa7!important}.warning-section{border-top-color:rgba(217,168,63,.3)}.warning-section .section-kicker{color:#c79b45}.warning-section h2{color:#b78a40}
.download-section{margin:54px 0 0;padding:36px 0 10px;border-top:1px solid rgba(91,104,120,.28)}.download-section p{color:#aeb7c2}.download-section .detail-actions{margin-top:20px}
.share-box{margin:34px 0 12px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.share-head{margin-bottom:15px}.share-kicker{font-size:11px;letter-spacing:.18em;font-weight:800;color:#8da7c3;margin-bottom:4px}.share-box h2{font-size:25px;margin:0;color:#d0a44d}.share-box p{margin:1px 0 0;color:#9faab6}.share-buttons{display:flex;gap:10px;flex-wrap:wrap}.share-btn{min-height:46px;padding:9px 15px}.share-btn span{line-height:1}
@media(max-width:900px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.feature-grid,.metric-strip{grid-template-columns:1fr}.detail-section{margin-top:40px;padding-top:30px}.share-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.share-btn{width:100%;padding-left:10px;padding-right:10px}}


/* V13 — Modern futuristic product-detail presentation.
   The information remains text-first and lightweight, while feature modules
   use inline SVG icons, index markers, glow accents and layered depth. */
.product-detail-content{max-width:1120px}
.detail-section{
  position:relative;
  margin:64px 0 0;
  padding-top:42px;
  border-top:1px solid rgba(103,123,145,.24);
}
.detail-section:first-child{margin-top:26px}
.detail-section::before{
  content:"";
  position:absolute;
  top:-1px;left:0;
  width:92px;height:2px;
  background:linear-gradient(90deg,#35aaff,rgba(53,170,255,0));
  box-shadow:0 0 12px rgba(53,170,255,.42);
}
.detail-section:nth-of-type(3n)::before{
  background:linear-gradient(90deg,#d4a33f,rgba(212,163,63,0));
  box-shadow:0 0 12px rgba(212,163,63,.34);
}
.section-kicker{
  display:flex;align-items:center;gap:10px;
  font-size:11px;letter-spacing:.22em;font-weight:850;
  color:#8eabc8;text-transform:uppercase;margin-bottom:9px;
}
.section-kicker::before{
  content:"";display:inline-block;width:22px;height:1px;
  background:currentColor;box-shadow:0 0 8px currentColor;
}
.detail-section h2,.download-section h2{
  letter-spacing:-.02em;
  text-shadow:0 8px 28px rgba(0,0,0,.22);
}
.detail-section>p{
  max-width:900px;
  color:#aebac8;
  line-height:1.8;
}

/* Feature modules: intentionally not plain rectangular boxes. */
.feature-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:28px;
}
.info-card{
  --accent:#35aaff;
  position:relative;
  min-height:142px;
  padding:22px 20px 20px;
  overflow:hidden;
  border:1px solid rgba(91,112,134,.48);
  border-radius:18px 7px 18px 7px;
  background:
    radial-gradient(circle at 100% 0,rgba(53,170,255,.10),transparent 34%),
    linear-gradient(145deg,rgba(29,43,57,.88),rgba(10,18,28,.94));
  box-shadow:
    0 16px 34px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.045);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;
}
.info-card:nth-child(3n+2){--accent:#d6a443}
.info-card:nth-child(3n){--accent:#63c7ff}
.info-card::before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;width:2px;
  background:linear-gradient(180deg,var(--accent),rgba(53,170,255,0));
  box-shadow:0 0 12px color-mix(in srgb,var(--accent) 50%,transparent);
}
.info-card::after{
  content:"";
  position:absolute;
  width:110px;height:110px;right:-58px;bottom:-60px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:50%;
  box-shadow:0 0 32px rgba(53,170,255,.06);
}
.info-card:hover{
  transform:translateY(-5px);
  border-color:color-mix(in srgb,var(--accent) 52%,#445466);
  box-shadow:
    0 22px 42px rgba(0,0,0,.25),
    0 0 24px color-mix(in srgb,var(--accent) 12%,transparent),
    inset 0 1px 0 rgba(255,255,255,.07);
}
.feature-icon{
  display:inline-flex;align-items:center;justify-content:center;
  width:42px;height:42px;
  border-radius:13px 5px 13px 5px;
  color:var(--accent);
  background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.015));
  border:1px solid color-mix(in srgb,var(--accent) 35%,rgba(91,112,134,.4));
  box-shadow:0 0 18px color-mix(in srgb,var(--accent) 12%,transparent);
}
.feature-icon svg{width:22px;height:22px}
.feature-index{
  position:absolute;right:17px;top:18px;
  font-size:10px;font-weight:850;letter-spacing:.12em;
  color:#637589;opacity:.8;
}
.feature-copy{position:relative;z-index:1}
.info-card .feature-copy h3{
  margin:15px 0 7px;
  color:#dbe3eb;
  font-size:17px;line-height:1.28;
}
.info-card .feature-copy>div{
  color:#a7b4c2;font-size:14px;line-height:1.72;
}
.feature-accent{
  position:absolute;left:20px;bottom:13px;width:34px;height:2px;
  background:var(--accent);box-shadow:0 0 10px var(--accent);
  opacity:.7;
}

/* Workflow as a guided sequence instead of a generic bullet list. */
.workflow-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;margin-top:24px;
}
.workflow-step{
  display:flex;align-items:center;gap:15px;
  min-height:66px;padding:14px 16px;
  border-left:1px solid rgba(53,170,255,.45);
  border-bottom:1px solid rgba(77,93,111,.32);
  background:linear-gradient(90deg,rgba(27,42,56,.55),rgba(14,24,35,.25));
  border-radius:5px 12px 12px 5px;
  color:#aebac8;line-height:1.6;
}
.step-no{
  flex:0 0 38px;height:38px;display:grid;place-items:center;
  border:1px solid rgba(53,170,255,.42);border-radius:50%;
  color:#62c7ff;font-size:11px;font-weight:850;
  box-shadow:0 0 14px rgba(53,170,255,.08);
}

/* Suitable-for chips */
.suitable-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.suitable-item{
  display:inline-flex;align-items:center;gap:9px;
  padding:11px 14px;
  border:1px solid rgba(90,111,133,.48);
  border-radius:999px;
  background:linear-gradient(145deg,rgba(31,46,60,.72),rgba(13,22,32,.72));
  color:#bac6d2;font-size:14px;
}
.mini-icon{
  display:grid;place-items:center;width:22px;height:22px;
  border-radius:50%;color:#d5a443;
  border:1px solid rgba(213,164,67,.5);
  font-size:12px;box-shadow:0 0 10px rgba(213,164,67,.12);
}

/* Setup/recommended settings */
.settings-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;margin-top:22px;
}
.setting-item{
  display:flex;gap:14px;align-items:flex-start;
  padding:15px 17px;
  border-top:1px solid rgba(91,112,134,.32);
  background:linear-gradient(110deg,rgba(28,42,55,.52),transparent);
  color:#aebac7;line-height:1.7;
}
.setting-icon{
  flex:0 0 34px;height:34px;display:grid;place-items:center;
  border-radius:9px 4px 9px 4px;
  color:#d4a342;font-size:10px;font-weight:850;
  border:1px solid rgba(212,163,66,.4);
  background:rgba(212,163,66,.055);
}

/* Important section */
.warning-section{
  padding:32px 22px 28px;
  border:1px solid rgba(211,159,57,.28);
  border-radius:18px 6px 18px 6px;
  background:
    radial-gradient(circle at 100% 0,rgba(211,159,57,.09),transparent 38%),
    linear-gradient(145deg,rgba(41,35,23,.32),rgba(13,20,29,.28));
}
.warning-section::before{display:none}
.warning-grid{display:grid;gap:10px;margin-top:22px}
.warning-item{
  display:flex;gap:12px;align-items:flex-start;
  padding:14px 15px;
  border-left:2px solid rgba(212,163,66,.62);
  background:rgba(255,255,255,.025);
  color:#b5bec8;line-height:1.7;
}
.warning-icon{
  flex:0 0 24px;height:24px;display:grid;place-items:center;
  border-radius:50%;color:#d6a443;border:1px solid rgba(214,164,67,.55);
  font-weight:900;font-size:13px;
}

/* Backtest table and metrics gain a dashboard feel */
.table-wrap{
  border-radius:16px 6px 16px 6px;
  box-shadow:0 16px 34px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.03);
}
.metric-strip>div{
  position:relative;overflow:hidden;
  border-radius:16px 6px 16px 6px;
  border-color:rgba(91,112,134,.45);
  background:linear-gradient(145deg,rgba(31,45,58,.76),rgba(11,19,28,.82));
}
.metric-strip>div::after{
  content:"";position:absolute;right:-28px;top:-28px;width:78px;height:78px;
  border:1px solid rgba(53,170,255,.16);border-radius:50%;
}
.download-section{
  margin:58px 0 0;padding:38px 0 12px;
}
@media(max-width:950px){
  .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
  .feature-grid,.workflow-grid,.settings-grid{grid-template-columns:1fr}
  .info-card{min-height:130px}
  .detail-section{margin-top:48px;padding-top:32px}
  .warning-section{padding:25px 16px}
}

/* V17 — compact two-column product features with clean checkmarks and a thin center divider */
.feature-grid{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  column-gap:0;
  row-gap:0;
  margin-top:28px;
  padding:4px 0;
}

/* Thin, subtle vertical divider — styled like the slim glowing accent line below. */
.feature-grid::before{
  content:"";
  position:absolute;
  top:8px;
  bottom:8px;
  left:50%;
  width:1px;
  transform:translateX(-50%);
  background:repeating-linear-gradient(
    to bottom,
    rgba(67,190,255,.72) 0 10px,
    transparent 10px 19px
  );
  box-shadow:0 0 5px rgba(55,185,255,.45),0 0 10px rgba(55,185,255,.12);
  pointer-events:none;
}

.info-card{
  position:relative;
  min-height:0;
  padding:13px 34px 13px 30px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  transform:none;
  transition:background .2s ease;
}

.info-card:nth-child(odd){
  padding-left:0;
  padding-right:38px;
}
.info-card:nth-child(even){
  padding-left:38px;
  padding-right:0;
}

/* Checkmark sits in its own fixed area; it never crosses into the text. */
.info-card::before{
  content:"✓";
  position:absolute;
  top:14px;
  left:0;
  width:20px;
  height:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  color:#61c8ff;
  font-size:14px;
  font-weight:800;
  line-height:1;
  border:1px solid rgba(73,190,255,.62);
  border-radius:50%;
  background:rgba(16,39,58,.52);
  text-shadow:0 0 7px rgba(66,190,255,.95);
  box-shadow:0 0 7px rgba(49,183,255,.35), inset 0 0 7px rgba(49,183,255,.08);
  z-index:2;
}
.info-card:nth-child(even)::before{left:38px}

/* Give the copy enough left room for the checkmark. */
.info-card:nth-child(odd) .feature-copy{padding-left:30px}
.info-card:nth-child(even) .feature-copy{padding-left:30px}

.info-card::after{
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  right:22px;
  height:1px;
  background:linear-gradient(90deg,rgba(52,182,255,.62),rgba(52,182,255,.16),transparent);
  box-shadow:0 0 7px rgba(52,182,255,.16);
}
.info-card:nth-child(even)::after{
  left:38px;
  right:0;
  background:linear-gradient(90deg,transparent,rgba(52,182,255,.16),rgba(52,182,255,.62));
}

.info-card:hover{
  background:linear-gradient(90deg,rgba(50,178,255,.035),transparent);
}
.info-card:nth-child(even):hover{
  background:linear-gradient(270deg,rgba(50,178,255,.035),transparent);
}

.feature-icon,.feature-index,.feature-accent{display:none!important}
.feature-copy{position:relative;z-index:1}
.info-card .feature-copy h3{
  display:inline;
  margin:0;
  color:#dce5ee;
  font-size:17px;
  line-height:1.55;
  letter-spacing:-.01em;
}
.info-card .feature-copy>div{
  display:inline;
  margin-left:8px;
  color:#aebbc8;
  font-size:15px;
  line-height:1.7;
}

@media(max-width:800px){
  .feature-grid{grid-template-columns:1fr;padding-left:0}
  .feature-grid::before{display:none}
  .info-card,.info-card:nth-child(odd),.info-card:nth-child(even){
    padding:12px 0 12px 30px;
  }
  .info-card::before,.info-card:nth-child(even)::before{left:0}
  .info-card::after,.info-card:nth-child(even)::after{left:0;right:0}
  .info-card:nth-child(odd) .feature-copy,.info-card:nth-child(even) .feature-copy{padding-left:0}
}

/* V27 — Product FAQ */
.faq-list{max-width:920px;display:grid;gap:10px;margin-top:18px}
.faq-item{border:1px solid rgba(91,104,120,.28);background:rgba(22,29,37,.48);border-radius:10px;overflow:hidden}
.faq-item summary{cursor:pointer;list-style:none;padding:17px 20px;color:#b9c5d1;font-weight:700;font-size:16px;position:relative;padding-right:48px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:'+';position:absolute;right:20px;top:13px;color:#b58a43;font-size:22px;font-weight:500}
.faq-item[open] summary::after{content:'−'}
.faq-item summary:hover{color:#d1d9e1}
.faq-item p{margin:0;padding:0 20px 18px;color:#9faab6;line-height:1.7;font-size:15px}
@media(max-width:600px){.faq-item summary{padding:15px 44px 15px 15px;font-size:15px}.faq-item summary::after{right:15px}.faq-item p{padding:0 15px 16px;font-size:14px}}

/* V28 SEO landing + internal linking. Static navigation only; no JS/share behavior changed. */
.seo-hub .section-kicker,.related-links .section-kicker{margin-bottom:8px}
.link-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px}
.link-card{display:flex;flex-direction:column;gap:7px;padding:18px;border:1px solid rgba(78,111,145,.38);border-radius:14px;background:linear-gradient(145deg,rgba(24,34,46,.72),rgba(12,18,26,.82));color:#c8d3df;text-decoration:none;min-height:110px;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.link-card strong{font-size:16px;color:#d9e4ef}.link-card span{font-size:13px;line-height:1.55;color:#98a8b8}.link-card:hover{transform:translateY(-2px);border-color:rgba(57,169,255,.62);background:linear-gradient(145deg,rgba(28,42,58,.82),rgba(13,21,30,.92));text-decoration:none}
.seo-path{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:28px;padding:16px 18px;border:1px solid rgba(78,111,145,.30);border-radius:12px;background:rgba(9,15,22,.38)}
.seo-path strong{color:#c8d3df;margin-right:4px}.seo-path a{color:#8fbde5;text-decoration:none}.seo-path a:hover{color:#b8dcff;text-decoration:underline}
.related-links{margin-top:24px}
@media (max-width:900px){.link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.link-grid{grid-template-columns:1fr}.seo-path{align-items:flex-start;flex-direction:column}.seo-path strong{margin-bottom:2px}}

/* V29 SEO Guides — isolated article presentation. Existing UI/locked functions unchanged. */
.guide-article{padding:24px 0 70px}
.guide-article .lead{max-width:900px}
.guide-content{max-width:900px;margin:30px auto 0}
.guide-section{padding:0 0 28px;margin:0 0 28px;border-bottom:1px solid rgba(96,146,220,.18)}
.guide-section:last-child{border-bottom:0}
.guide-section h2{margin:0 0 10px;color:#b49a68}
.guide-section p{margin:0;line-height:1.85;color:#c5cedd}
.guide-back{margin-top:28px}
@media(max-width:700px){.guide-article{padding:18px 0 48px}.guide-content{margin-top:22px}.guide-section{padding-bottom:22px;margin-bottom:22px}.guide-section p{line-height:1.75}}

/* V30 — SEO Content Cluster + Search Intent. Isolated presentation only. */
.v30-cluster{margin-top:34px}
.v30-cluster h2{margin:0 0 10px;color:#b49a68}
.v30-cluster>p{max-width:900px;color:#aebbc8;line-height:1.75}
.v30-cluster .link-card small{margin-top:auto;color:#7f9ab3;font-size:12px;line-height:1.4}
.keyword-list{margin:12px 0 0;padding-left:20px;color:#aebbc8;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 28px}
.keyword-list li{line-height:1.6}.keyword-list a{color:#8fbde5;text-decoration:none}.keyword-list a:hover{color:#b8dcff;text-decoration:underline}
@media(max-width:700px){.keyword-list{grid-template-columns:1fr;gap:6px}.v30-cluster{margin-top:26px}}

/* V31 — SEO Authority + Content Depth (isolated; no JS behavior changes) */
.guide-note{margin:10px 0 0!important;padding-left:12px;border-left:2px solid rgba(92,157,230,.42);font-size:.94rem;color:#9fb0c5!important}
.authority-depth{background:rgba(12,20,31,.22);padding:20px 18px 24px;border:1px solid rgba(78,111,145,.18);border-radius:12px}
.authority-depth h2{margin-top:0}
@media(max-width:700px){.authority-depth{padding:16px 14px 20px}.guide-note{font-size:.9rem}}