*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#05070b;color:#eef4ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(1180px,92%);margin:auto}.top{position:sticky;top:0;z-index:50;background:rgba(5,7,11,.86);backdrop-filter:blur(16px);border-bottom:1px solid #18243b}.nav{display:flex;align-items:center;justify-content:space-between;min-height:78px;gap:22px}.brand img{width:235px;height:auto}.links{display:flex;gap:22px;align-items:center;font-weight:800;font-size:14px}.links a:hover{color:#8cff00}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 19px;border-radius:14px;background:linear-gradient(135deg,#71ff00,#d4ff00);color:#071006;font-weight:950;box-shadow:0 12px 35px rgba(113,255,0,.14)}.btn.alt{background:#0d1524;color:#fff;border:1px solid #273b5d;box-shadow:none}.hero{min-height:680px;display:grid;align-items:center;position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(3,6,12,.97) 0%,rgba(3,6,12,.82) 50%,rgba(3,6,12,.35)),var(--hero) center/cover}.hero:after{content:'';position:absolute;inset:auto -10% -120px -10%;height:240px;background:#05070b;transform:rotate(-3deg)}.hero .inner{position:relative;z-index:2;max-width:790px;padding:90px 0 140px}.eyebrow{display:inline-block;color:#8cff00;text-transform:uppercase;letter-spacing:.16em;font-weight:900;font-size:12px}.hero h1{font-size:clamp(42px,6vw,82px);line-height:.98;margin:15px 0 22px;letter-spacing:-.045em;text-transform:uppercase}.hero p{font-size:19px;color:#c8d5e9;max-width:700px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:34px}.stat{background:rgba(9,17,31,.7);border:1px solid #263958;border-radius:16px;padding:15px}.stat b{display:block;font-size:24px;color:#8cff00}.section{padding:82px 0}.section.altbg{background:#080d16}.head{max-width:760px;margin-bottom:36px}.head h2{font-size:clamp(31px,4vw,52px);line-height:1.05;margin:8px 0 14px;letter-spacing:-.03em}.muted{color:#9eafc6}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:linear-gradient(145deg,#0c1320,#080d15);border:1px solid #1c2b43;border-radius:22px;overflow:hidden;transition:.2s}.card:hover{transform:translateY(-4px);border-color:#3e6c87}.card .pad{padding:24px}.card h3{font-size:22px;line-height:1.2;margin:6px 0 10px}.card p{color:#9fb0c7}.card img{aspect-ratio:16/10;object-fit:cover;width:100%}.tag{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#8cff00;font-weight:900}.process{counter-reset:step}.step{position:relative;padding:25px 25px 25px 72px;background:#0b121e;border:1px solid #1b2a42;border-radius:18px}.step:before{counter-increment:step;content:'0' counter(step);position:absolute;left:20px;top:20px;font-weight:950;color:#8cff00;font-size:22px}.article{width:min(860px,92%);margin:auto;padding:60px 0 90px}.article h1{font-size:clamp(38px,6vw,64px);line-height:1.03;letter-spacing:-.04em}.article h2{font-size:31px;line-height:1.15;margin-top:44px}.article h3{font-size:23px;margin-top:30px}.article p,.article li{font-size:18px;color:#c8d2e2}.article figure{margin:38px 0}.article figure img{border-radius:22px;aspect-ratio:16/9;object-fit:cover;width:100%}.article figcaption{font-size:13px;color:#8192aa;margin-top:8px}.crumb{font-size:13px;color:#8cff00;margin-top:22px}.toc{background:#0b121e;border:1px solid #21324d;border-radius:18px;padding:22px;margin:30px 0}.toc b{display:block;margin-bottom:8px}.cta{padding:38px;border-radius:26px;background:radial-gradient(circle at top right,#173e46,#0a1220 55%);border:1px solid #24445a}.faq details{background:#0b121e;border:1px solid #1d2d45;border-radius:14px;padding:18px 20px;margin:10px 0}.faq summary{cursor:pointer;font-weight:850}.footer{border-top:1px solid #172238;padding:42px 0;background:#030509}.foot{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:30px}.foot img{width:220px;height:auto;max-height:90px;object-fit:contain;object-position:left center}.credit{font-size:12px;color:#6e819c;margin-top:22px}.mobile{display:none}.bloghero{padding:100px 0 55px;background:radial-gradient(circle at 80% 0,#133a4a,#05070b 45%)}.bloghero h1{font-size:clamp(40px,6vw,68px);margin:10px 0}.pill{display:inline-flex;padding:8px 12px;border:1px solid #29425e;border-radius:999px;color:#b9c8db;font-size:13px;margin:4px}.notice{padding:15px 18px;border-left:3px solid #8cff00;background:#0b1519;color:#c9d8d9;border-radius:8px}.seo-table{width:100%;border-collapse:collapse;margin:25px 0}.seo-table td,.seo-table th{border:1px solid #263650;padding:12px;text-align:left}.seo-table th{background:#0e1725}@media(max-width:850px){.links{display:none}.mobile{display:block}.brand img{width:185px}.hero{min-height:620px}.hero .inner{padding:70px 0 120px}.stats,.grid3{grid-template-columns:1fr 1fr}.foot{grid-template-columns:1fr}.section{padding:62px 0}}@media(max-width:560px){.stats,.grid3{grid-template-columns:1fr}.hero h1{font-size:44px}.article p,.article li{font-size:17px}.article h1{font-size:40px}.cta{padding:25px}}
/* V1.1 card typography & alignment */
.grid3{align-items:stretch}.grid3>.card{height:100%}.card.pad{display:flex;flex-direction:column;padding:26px}.card.pad .tag{display:block;margin-bottom:8px}.card.pad h3{margin:0 0 12px;min-height:2.4em}.card.pad p{margin:0;line-height:1.7}.grid3 article.card{display:flex;flex-direction:column}.grid3 article.card .pad{display:flex;flex-direction:column;flex:1}.grid3 article.card h3{min-height:3.6em}.grid3 article.card p{margin-top:auto}@media(max-width:850px){.card.pad h3,.grid3 article.card h3{min-height:0}}

/* V1.3 — unified card system */
.grid3{align-items:stretch}
.grid3>.card,
.grid3>.step{min-width:0;height:100%}

/* Text-only cards: padding belongs to the card itself */
.card.pad{
  padding:28px 30px !important;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  gap:0;
}
.card.pad>.tag{margin:0 0 10px}
.card.pad>h3{
  margin:0 0 14px;
  min-height:2.45em;
  font-size:22px;
  line-height:1.22;
}
.card.pad>p{
  margin:0;
  color:#aebbd0;
  line-height:1.72;
}

/* Image/article cards: consistent internal rhythm */
.grid3 article.card{display:flex;flex-direction:column}
.grid3 article.card>img{flex:0 0 auto}
.grid3 article.card>.pad{
  padding:25px 26px 27px;
  display:flex;
  flex:1;
  flex-direction:column;
  align-items:flex-start;
}
.grid3 article.card>.pad>.tag{margin:0 0 10px}
.grid3 article.card>.pad>h3{
  margin:0 0 13px;
  min-height:3.65em;
  font-size:21px;
  line-height:1.22;
}
.grid3 article.card>.pad>h3 a{display:block}
.grid3 article.card>.pad>p{
  margin:0;
  color:#aebbd0;
  line-height:1.7;
}

/* Numbered process cards */
.step{
  padding:27px 28px 27px 76px;
  display:flex;
  flex-direction:column;
}
.step:before{left:22px;top:23px}
.step h3{margin:0 0 10px;font-size:21px;line-height:1.25}
.step p{margin:0;line-height:1.7}

@media(max-width:850px){
  .card.pad{padding:24px 25px !important}
  .card.pad>h3,
  .grid3 article.card>.pad>h3{min-height:0}
  .grid3 article.card>.pad{padding:23px 24px 25px}
  .step{padding:24px 24px 24px 68px}
  .step:before{left:19px;top:20px}
}
@media(max-width:560px){
  .card.pad{padding:22px !important}
  .grid3 article.card>.pad{padding:21px 22px 23px}
}

/* V1.4 structural card fix — padding is always on an inner wrapper */
.grid3>.card{display:flex;flex-direction:column}
.grid3>.card>.pad{
  width:100%;
  padding:28px 30px 30px !important;
  display:flex;
  flex:1;
  flex-direction:column;
  align-items:flex-start;
}
.grid3>.card>.pad>.tag{display:block;margin:0 0 10px}
.grid3>.card>.pad>h3{margin:0 0 14px;font-size:22px;line-height:1.24}
.grid3>.card>.pad>p{margin:0;color:#aebbd0;line-height:1.72}
@media(max-width:850px){.grid3>.card>.pad{padding:24px 25px 26px !important}}
@media(max-width:560px){.grid3>.card>.pad{padding:22px !important}}

/* V1.5 SEO expansion content components */
.content2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:24px}
.content2>div{padding:30px;border:1px solid #1e3651;border-radius:24px;background:#09111e}
.content2 h3{margin:0 0 14px;font-size:24px;line-height:1.25}
.content2 p{margin:0 0 14px;color:#b8c5d8;line-height:1.8}
.content2 p:last-child{margin-bottom:0}
.content2 a,.sectionnote a{color:#bfff00;text-decoration:underline;text-underline-offset:3px}
.sectionnote{margin:24px 0 0;color:#b8c5d8;line-height:1.75}
.checkgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px}
.checkgrid>div{padding:18px 20px;border:1px solid #1e3651;border-radius:16px;background:#09111e;color:#dfe8f6;line-height:1.5}
.faq{display:grid;gap:12px;margin-top:24px;max-width:980px}
.faq details{border:1px solid #1e3651;border-radius:18px;background:#09111e;padding:0 22px}
.faq summary{cursor:pointer;font-weight:800;padding:20px 0;color:#eef4ff}
.faq p{margin:0;padding:0 0 20px;color:#b8c5d8;line-height:1.75}
@media(max-width:850px){.content2,.checkgrid{grid-template-columns:1fr}.content2>div{padding:24px}}