:root{--teal:#013C50;--teal2:#025E7A;--teal3:#03839e;--red:#D13D17;--amber:#E8820C;--amber2:#F7B955;--bg:#FAF9F5;--bg2:#E8F4F8;--bg3:#f0f7f9;--muted:#4b6773;--border:#dde6ea;--text:#141413;--dark:#0C2D46;--gold:#C9A84C;--gold2:#E8D08A;}
.sec-bg{background:#fff;}
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:32px;}
.feat-grid.two{grid-template-columns:repeat(2,1fr);}
.feat-card{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:26px 22px;border-top:3px solid var(--teal);}
.feat-card.amber{border-top-color:#e8820c;}
.feat-card.gold{border-top-color:var(--gold);}
.feat-card.red{border-top-color:var(--red);}
.feat-card .fc-icon{font-size:28px;margin-bottom:12px;}
.feat-card h4{font-family:'DM Serif Display',serif;font-size:19px;color:var(--teal);margin-bottom:8px;}
.feat-card p{font-size:13px;color:var(--muted);line-height:1.7;}
.feat-card .spec-pills{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px;}
.pill{font-family:'DM Mono',monospace;font-size:10px;font-weight:600;color:var(--teal2);background:var(--bg2);padding:2px 9px;border-radius:4px;}
.pill.amber{color:#7a4800;background:#FEF3E2;}
.pill.gold{color:#6a4a00;background:#FDF5DC;}
.pill.red{color:#6a1a00;background:#fdf0ed;}
.method-body .spec-pills{margin-top:0;}
/* COMPOSITION TABLE (dark) */
.dark-sec{background:var(--dark);border-radius:16px;padding:48px;margin-top:32px;}
.lbl-w{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.66);margin-bottom:10px;display:flex;align-items:center;gap:8px;}
.lbl-w::before{content:'';width:16px;height:1px;background:rgba(255,255,255,.3);}
.dark-h2{font-family:'DM Serif Display',serif;font-size:clamp(20px,2.2vw,30px);color:#fff;font-weight:400;margin-bottom:12px;letter-spacing:-.5px;}
.dark-sub{font-size:14px;color:rgba(255,255,255,.55);line-height:1.85;margin-bottom:22px;}
.comp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px;}
.comp-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:18px 16px;text-align:center;}
.comp-card.key{border-color:rgba(232,208,138,.4);}
.comp-ratio{font-family:'DM Mono',monospace;font-size:22px;font-weight:700;color:var(--gold2);line-height:1;margin-bottom:4px;}
.comp-name{font-family:'DM Mono',monospace;font-size:9px;color:rgba(255,255,255,.66);letter-spacing:.5px;margin-bottom:8px;}
.comp-mp{font-size:12px;color:rgba(255,255,255,.6);margin-bottom:4px;}
.comp-app{font-size:11px;color:rgba(255,255,255,.66);line-height:1.5;}
.ck-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:14px;}
.ck{display:flex;align-items:flex-start;gap:9px;font-size:13px;color:rgba(255,255,255,.65);line-height:1.6;}
.ck::before{content:'✓';color:#e8820c;font-weight:700;flex-shrink:0;}
.ck.hi{color:var(--gold2);}
/* SPEC TABLE */
.spec-table{width:100%;border-collapse:collapse;margin-top:24px;font-size:13px;}
.spec-table th{font-family:'DM Mono',monospace;font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--teal);background:var(--bg2);padding:11px 18px;text-align:left;border-bottom:2px solid var(--border);}
.spec-table td{padding:12px 18px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:top;line-height:1.6;}
.spec-table tr:hover td{background:var(--bg3);}
.spec-table td:first-child{font-weight:600;color:var(--teal);white-space:nowrap;}
/* APP */
.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px;}
.app-card{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:22px 20px;position:relative;overflow:hidden;transition:all.2s;}
.app-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--teal);}
.app-card.amber::before{background:var(--amber);}
.app-card.gold::before{background:var(--gold);}
.app-card.red::before{background:var(--red);}
.app-card:hover{border-color:var(--teal2);transform:translateY(-2px);}
.app-icon{font-size:28px;margin-bottom:10px;}
.app-card h4{font-family:'DM Serif Display',serif;font-size:17px;color:var(--teal);margin-bottom:7px;}
.app-card p{font-size:13px;color:var(--muted);line-height:1.7;}
.app-process{font-family:'DM Mono',monospace;font-size:10px;font-weight:700;color:var(--teal2);margin-top:10px;padding-top:10px;border-top:1px solid var(--border);}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px;}
.why-card{padding:24px 22px;background:var(--bg);border:1px solid var(--border);border-radius:12px;}
.why-num{color:#75909a!important;font-family:'DM Serif Display',serif;font-size:44px;color:var(--bg2);line-height:1;margin-bottom:10px;}
.why-card h4{font-family:'DM Serif Display',serif;font-size:18px;color:var(--teal);margin-bottom:7px;}
.why-card p{font-size:13px;color:var(--muted);line-height:1.7;}
.next-strip{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;}
@media(max-width:960px){.hero-in,.method-grid,.ck-grid{grid-template-columns:1fr;} .feat-grid,.feat-grid.two,.pvd-routes,.comp-grid,.app-grid,.why-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:600px){.feat-grid,.feat-grid.two,.pvd-routes,.comp-grid,.app-grid,.why-grid{grid-template-columns:1fr;}}
@media(max-width:1120px){/* ── SECTIONS ── */
.sec,.sec-bg{padding:48px 20px!important;} /* ── GRIDS ── */
.feat-grid,.feat-grid.two,.feat-grid.three,.why-grid,.app-grid,.stack-grid,
.vgrid,.sgrid,.igrid,.howg,.fgrid,.route-compare,.alloy-grid,.bond-grid{grid-template-columns:1fr!important;} /* ── SPEC TABLES ── */
.spec-table{font-size:11px!important;} .feat-card{padding:20px!important;} .why-card{padding:20px!important;} .spec-pills{flex-wrap:wrap;}}
@media(max-width:768px){/* ── GRIDS BETTER AS 2 COLUMNS ── */
 .check-grid,
 .check-list,
 .ck-grid,
 .comp-grid,
 .dopant-grid,
 .fc-grid,
 .flip-grid,
 .gs-grid,
 .ind-grid,
 .mat-grid-2,
 .method-grid,
 .nano-grid,
 .pvd-routes,
 .related-grid,
 .specs-grid,
 .step-flow,
 .svc-grid,
 .values-grid,
 .via-types{
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  } /* ── SPEC TABLE SCROLL ── */
 .spec-table-wrap,div:has(>.spec-table){
    overflow-x:auto!important;
    -webkit-overflow-scrolling:touch!important;
  } /* ── NEXT STRIP ── */
 .next-strip{
    flex-direction:column!important;
    gap:8px!important;
    padding:16px 20px!important;
    text-align:center!important;
  }}
@media(max-width:480px){/* Extra small - force 1-col on 2-col grids */
 .check-grid,
 .check-list,
 .ck-grid,
 .comp-grid,
 .dopant-grid,
 .fc-grid,
 .flip-grid,
 .gs-grid,
 .ind-grid,
 .mat-grid-2,
 .method-grid,
 .nano-grid,
 .pvd-routes,
 .related-grid,
 .specs-grid,
 .step-flow,
 .svc-grid,
 .values-grid,
 .via-types,
 .related-grid,
 .flow-steps{
    grid-template-columns:1fr!important;
  }}
@media(max-width:768px){section.sec,section.sec-bg{padding-top:44px!important;padding-bottom:44px!important;}}