:root {
  --white: #ffffff;
  --off-white: #f8f6f2;
  --paper: #faf9f6;
  --ink: #0f0f0f;
  --muted: #6b6b6b;
  --muted2: #9e9e9e;
  --rule: #e2e0db;
  --rule2: #d0cdc7;
  --red: #e63322;
  --red-light: #fef1ef;
  --red-mid: #fbd6d2;
  --teal: #0d7377;
  --teal-light: #eaf5f5;
  --amber: #d4820a;
  --amber-light: #fdf3e3;
  --emerald: #15803d;
  --emerald-light: #f0fdf4;
  --font-serif: 'Rajdhani', 'Arial Narrow', sans-serif;
  --font-body: 'DM Sans', 'Helvetica Neue', sans-serif;
  --font-mono: 'IBM Plex Mono', 'Courier New', monospace;
  --shadow-md: 0 4px 16px rgba(0,0,0,0.08);
  --shadow-lg: 0 12px 40px rgba(0,0,0,0.1);
  --shadow-xl: 0 24px 64px rgba(0,0,0,0.12);
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:var(--white);color:var(--ink);font-family:var(--font-body);font-weight:400;line-height:1.65;overflow-x:hidden;}
.cur{width:8px;height:8px;background:var(--red);border-radius:50%;position:fixed;pointer-events:none;z-index:9999;mix-blend-mode:multiply;}
.cur-o{width:32px;height:32px;border:1.5px solid var(--red);border-radius:50%;position:fixed;pointer-events:none;z-index:9998;opacity:.5;}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:200;background:rgba(255,255,255,0.96);backdrop-filter:blur(20px);border-bottom:1px solid var(--rule);display:flex;align-items:center;justify-content:space-between;padding:0 56px;height:68px;}
.nav-logo{font-family:var(--font-serif);font-size:1.45rem;font-weight:700;color:#000000;text-decoration:none;letter-spacing:0.12em;text-transform:uppercase;}
.nav-logo em{color:var(--red);font-style:normal;}
.nav-center{display:flex;gap:2px;align-items:center;}
.nav-item{position:relative;}
.nav-item>span,.nav-item>.nav-trigger{font-family:var(--font-body);font-size:0.88rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:var(--muted);padding:8px 14px;border-radius:4px;cursor:pointer;transition:color .2s,background .2s;display:flex;align-items:center;gap:5px;}
.nav-item>span:hover,.nav-item>.nav-trigger:hover{color:var(--ink);background:var(--off-white);}
.nav-item>span .arr,.nav-item>.nav-trigger .arr{font-size:0.6rem;transition:transform .2s;}
.nav-item:hover>span .arr,.nav-item:hover>.nav-trigger .arr,.nav-item.is-open>.nav-trigger .arr{transform:rotate(180deg);}
.drop{position:absolute;top:calc(100% + 8px);left:0;background:var(--white);border:1px solid var(--rule);border-radius:12px;padding:8px;min-width:240px;box-shadow:var(--shadow-lg);display:none;z-index:300;}
.nav-item:hover .drop{display:block;animation:dropIn .2s ease;}
@keyframes dropIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.drop-section-label{font-family:var(--font-mono);font-size:0.68rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--muted2);padding:8px 12px 4px;display:block;}
.drop-divider{height:1px;background:var(--rule);margin:6px 8px;}
.drop a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:4px;font-family:var(--font-body);font-size:0.92rem;font-weight:500;letter-spacing:0.02em;color:var(--muted);text-decoration:none;transition:all .15s;}
.drop a:hover{background:var(--off-white);color:var(--ink);padding-left:16px;}
.drop a .dot{width:6px;height:6px;border-radius:50%;background:var(--rule2);flex-shrink:0;transition:background .15s;}
.drop a:hover .dot{background:var(--red);}
.drop a .dot.emerald{background:var(--rule2);}
.drop a:hover .dot.emerald{background:var(--emerald);}

/* HERO */
.hero{padding-top:68px;min-height:100vh;display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden;}
.hero-left{background:var(--off-white);padding:80px 64px 80px 56px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--rule);}
.hero-right{background:var(--white);padding:80px 56px 80px 64px;display:flex;flex-direction:column;justify-content:center;}
.hero h1{font-family:var(--font-serif);font-size:clamp(1.8rem,3.4vw,3.2rem);font-weight:700;line-height:1.08;letter-spacing:0.04em;text-transform:uppercase;color:var(--ink);margin-bottom:24px;}
.hero h1 .italic{color:var(--red);font-style:normal;}
.hero h1 .h1-from{color:var(--red);font-style:normal;}
.hero-sub{font-family:var(--font-body);font-size:1.1rem;font-weight:400;color:var(--muted);line-height:1.75;max-width:100%;margin-bottom:16px;}
.hero-free-note{font-family:var(--font-mono);font-size:1rem;color:#1a1a1a;letter-spacing:0.06em;margin-bottom:40px;font-weight:500;}
.hero-free-note span{color:var(--teal);font-weight:700;}
.hero-btns{display:flex;gap:12px;flex-wrap:wrap;}
.btn-ink{background:var(--ink);color:var(--white);font-family:var(--font-body);font-size:0.95rem;font-weight:600;padding:13px 28px;border-radius:100px;cursor:pointer;transition:background .2s,transform .15s,box-shadow .2s;text-decoration:none;display:inline-block;border:none;letter-spacing:0.03em;}
.btn-ink:hover{background:var(--red);transform:translateY(-2px);box-shadow:0 8px 24px rgba(230,51,34,.25);}
.btn-outline{background:transparent;color:var(--ink);font-family:var(--font-body);font-size:0.95rem;font-weight:500;padding:13px 28px;border-radius:100px;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block;border:1.5px solid var(--rule2);letter-spacing:0.03em;}
.btn-outline:hover{border-color:var(--ink);background:var(--ink);color:var(--white);transform:translateY(-2px);}

/* PLATFORM STATS */
.hero-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--rule);border:1px solid var(--rule);border-radius:16px;overflow:hidden;margin-bottom:40px;}
.hero-stat{background:var(--ink);padding:28px 24px;transition:background .2s;cursor:default;}
.hero-stat:hover{background:#1a1a1a;}
.stat-n{font-family:var(--font-serif);font-size:2.8rem;font-weight:700;color:var(--white);line-height:1;letter-spacing:0.04em;}
.stat-n em{color:var(--red);font-style:normal;}
.stat-l{font-family:var(--font-body);font-size:0.9rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:var(--white);margin-top:5px;}
.stat-sub{font-family:var(--font-mono);font-size:0.88rem;letter-spacing:0.04em;color:rgba(255,255,255,0.6);margin-top:3px;font-weight:500;}

/* HERO FEATURES */
.hero-tagline{font-family:var(--font-body);font-size:1.2rem;font-weight:400;color:var(--muted);line-height:1.75;margin-bottom:40px;letter-spacing:0.01em;}
.hero-tagline strong{color:var(--ink);font-weight:600;}
.hero-features{display:flex;flex-direction:column;gap:16px;}
.hero-feature{display:flex;align-items:flex-start;gap:14px;padding:16px;border-radius:10px;background:var(--off-white);border:1px solid var(--rule);transition:border-color .2s,box-shadow .2s;}
.hero-feature:hover{border-color:var(--rule2);box-shadow:var(--shadow-md);}
.feat-icon{width:36px;height:36px;background:var(--white);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;border:1px solid var(--rule);}
.feat-title{font-family:var(--font-body);font-size:0.95rem;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;color:var(--ink);margin-bottom:3px;}
.feat-sub{font-family:var(--font-body);font-size:0.98rem;font-weight:500;color:#1a1a1a;letter-spacing:0.01em;}

/* MARQUEE */
.marquee-wrap{border-top:1px solid #2a2a2a;border-bottom:1px solid #2a2a2a;padding:7px 0;overflow:hidden;white-space:nowrap;background:var(--ink);}
.marquee-inner{display:inline-flex;animation:marquee 34s linear infinite;}
.marquee-item{font-family:var(--font-mono);font-size:0.8rem;letter-spacing:0.12em;text-transform:uppercase;color:rgba(255,255,255,0.88);padding:0 32px;}
.marquee-item span{color:var(--red);margin-right:32px;}
@keyframes marquee{to{transform:translateX(-50%)}}

/* SECTIONS */
section{padding:96px 56px;}
section.alt{background:var(--off-white);}
section.ruled{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);}
.sec-header{margin-bottom:12px;}
.sec-kicker{font-family:var(--font-mono);font-size:0.78rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;display:flex;align-items:center;gap:8px;}
.sec-kicker::before{content:'';width:20px;height:1px;background:var(--muted);}
.sec-title{font-family:var(--font-serif);font-size:clamp(1.75rem,3.0vw,2.6rem);font-weight:700;line-height:1.08;letter-spacing:0.04em;text-transform:uppercase;color:var(--ink);}
.sec-title em{color:var(--red);font-style:normal;font-weight:700;}
.sec-sub{font-family:var(--font-body);font-size:1.1rem;font-weight:400;color:var(--muted);line-height:1.75;max-width:540px;margin-top:16px;}

/* STANDARD CLASSIFICATION BADGE */
.iso-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:0.68rem;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted2);border:1px solid var(--rule);border-radius:2px;padding:3px 8px;margin-bottom:10px;}
.iso-badge::before{content:'ISO';font-size:0.5rem;font-weight:700;color:var(--white);background:var(--muted2);border-radius:1px;padding:1px 4px;letter-spacing:0.06em;}

/* CORE TECH CARDS */
.tech-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.tech-card{border:1.5px solid var(--rule);border-radius:14px;padding:28px 24px 24px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);background:var(--white);position:relative;overflow:hidden;}
.tech-card:nth-child(1){--tc:var(--red);--tcl:var(--red-light);}
.tech-card:nth-child(2){--tc:var(--teal);--tcl:var(--teal-light);}
.tech-card:nth-child(3){--tc:var(--amber);--tcl:var(--amber-light);}
.tech-card:nth-child(4){--tc:#7c3aed;--tcl:#f5f0ff;}
.tech-card:nth-child(5){--tc:#0369a1;--tcl:#f0f7ff;}
.tech-card:nth-child(6){--tc:#0f766e;--tcl:#f0faf9;}
.tech-card:nth-child(7){--tc:#be185d;--tcl:#fdf2f8;}
.tech-card:nth-child(8){--tc:#b45309;--tcl:#fefce8;}
.tech-card:nth-child(9){--tc:#475569;--tcl:#f8fafc;}
.tech-card:hover{transform:translateY(-5px);box-shadow:0 16px 48px rgba(0,0,0,.1);border-color:var(--tc);}
.tc-abbr{font-family:var(--font-serif);font-size:2.8rem;font-weight:700;color:var(--tc);line-height:1;margin-bottom:10px;letter-spacing:0.06em;text-transform:uppercase;}
.tc-name{font-family:var(--font-body);font-size:0.92rem;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;color:#000000;margin-bottom:8px;}
.tc-desc{font-family:var(--font-body);font-size:0.97rem;color:#3a3a3a;line-height:1.72;margin-bottom:14px;font-weight:500;}
.tc-tag{display:inline-block;font-family:var(--font-mono);font-size:0.72rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;padding:3px 10px;border-radius:2px;background:transparent;color:#2a2a2a;border:1.5px solid var(--rule2);margin-bottom:14px;}
.tc-link{font-family:var(--font-body);font-size:0.88rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:var(--tc);display:flex;align-items:center;gap:5px;transition:gap .2s;}
.tech-card:hover .tc-link{gap:8px;}

/* ISO STANDARD SECTION HEADER */
.std-banner{display:flex;align-items:center;gap:12px;padding:12px 20px;background:var(--off-white);border:1px solid var(--rule);border-radius:8px;margin-bottom:32px;}
.std-banner-badge{font-family:var(--font-mono);font-size:0.7rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;background:var(--ink);color:var(--white);padding:4px 10px;border-radius:3px;white-space:nowrap;}
.std-banner-text{font-family:var(--font-body);font-size:0.95rem;font-weight:500;color:var(--muted);}
.std-banner-text strong{color:var(--ink);}

/* EMERGING SECTION */
.emerging-section{padding:72px 56px;background:var(--off-white);border-top:1px solid var(--rule);}
.emerging-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:40px;flex-wrap:wrap;gap:20px;}
.emerging-label{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:0.62rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--emerald);border:1.5px solid var(--emerald);border-radius:100px;padding:5px 14px;margin-bottom:12px;}
.emerging-label::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--emerald);animation:pulse 2s ease-in-out infinite;}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.5;transform:scale(0.7);}}
.emerging-title{font-family:var(--font-serif);font-size:clamp(1.5rem,2.6vw,2.2rem);font-weight:700;letter-spacing:0.04em;text-transform:uppercase;color:var(--ink);line-height:1.05;}
.emerging-sub{font-family:var(--font-body);font-size:1rem;color:var(--muted);line-height:1.72;max-width:480px;margin-top:10px;}
.emerging-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.emerging-note{display:flex;align-items:center;gap:10px;margin-top:28px;font-family:var(--font-body);font-size:1rem;font-weight:500;color:var(--emerald);letter-spacing:0.01em;}
.emerging-note-dot{font-size:0.85rem;flex-shrink:0;}
.em-card{background:var(--white);border:1.5px solid var(--rule);border-radius:14px;padding:32px 28px;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;}
.em-card::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--emerald),#22c55e);transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.16,1,.3,1);}
.em-card:hover{transform:translateY(-5px);box-shadow:0 16px 48px rgba(0,0,0,.08);border-color:var(--emerald);}
.em-card:hover::after{transform:scaleX(1);}
.em-abbr{font-family:var(--font-serif);font-size:2.8rem;font-weight:700;color:var(--emerald);line-height:1;margin-bottom:10px;letter-spacing:0.06em;text-transform:uppercase;}
.em-name{font-family:var(--font-body);font-size:0.92rem;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;color:#000000;margin-bottom:8px;}
.em-desc{font-family:var(--font-body);font-size:0.97rem;color:#3a3a3a;line-height:1.72;margin-bottom:14px;font-weight:500;}
.em-tag{display:inline-block;font-family:var(--font-mono);font-size:0.72rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;padding:3px 10px;border-radius:2px;background:var(--emerald-light);color:var(--emerald);border:1.5px solid #86efac;margin-bottom:14px;}
.em-link{font-family:var(--font-body);font-size:0.88rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:var(--emerald);display:flex;align-items:center;gap:5px;transition:gap .2s;}
.em-card:hover .em-link{gap:8px;}

/* ISO MAPPING STRIP */
.iso-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--rule);border:1px solid var(--rule);border-radius:12px;overflow:hidden;margin-top:64px;}
.iso-cell{background:var(--white);padding:20px 18px;transition:background .2s;}
.iso-cell:hover{background:var(--red-light);}
.iso-cat{font-family:var(--font-mono);font-size:0.68rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--red);margin-bottom:6px;}
.iso-std{font-family:var(--font-serif);font-size:1.05rem;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;color:var(--ink);margin-bottom:5px;}
.iso-tech{font-family:var(--font-body);font-size:0.88rem;color:var(--muted);font-weight:500;}

/* MATERIAL GRID */
.mat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.mat-cell{background:var(--off-white);padding:32px 28px;cursor:pointer;transition:all .25s;position:relative;border-radius:14px;border:1px solid var(--rule);}
.mat-cell:hover{background:var(--white);box-shadow:var(--shadow-md);transform:translateY(-2px);}
.mat-cell::after{content:'→';position:absolute;bottom:24px;right:24px;font-size:1rem;color:var(--rule2);transition:color .2s,transform .2s;}
.mat-cell:hover::after{color:var(--ink);transform:translate(3px,-3px);}
.mat-icon{font-size:2rem;margin-bottom:16px;}
.mat-name{font-family:var(--font-serif);font-size:1.4rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:var(--ink);margin-bottom:6px;}
.mat-full{font-family:var(--font-mono);font-size:0.78rem;font-weight:700;color:#555555;letter-spacing:0.08em;margin-bottom:12px;}
.mat-desc{font-family:var(--font-body);font-size:1rem;font-weight:500;color:#3a3a3a;line-height:1.72;}
.mat-note{display:flex;align-items:center;gap:10px;margin-top:28px;font-family:var(--font-body);font-size:1rem;font-weight:500;color:var(--muted);letter-spacing:0.01em;}
.mat-note-dot{color:var(--red);font-size:0.85rem;flex-shrink:0;}

/* PROCESS STRIP */
.process-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:0;border:1px solid var(--rule);border-radius:16px;overflow:hidden;}
.proc-step{padding:32px 20px;border-right:1px solid var(--rule);transition:background .2s;}
.proc-step:last-child{border-right:none;}
.proc-step:hover{background:var(--off-white);}
.proc-n{font-family:var(--font-serif);font-size:2.8rem;font-weight:700;color:var(--rule);line-height:1;letter-spacing:0.04em;margin-bottom:14px;transition:color .2s;}
.proc-step:hover .proc-n{color:var(--rule2);}
.proc-title{font-family:var(--font-body);font-size:0.92rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink);margin-bottom:8px;}
.proc-desc{font-family:var(--font-body);font-size:0.94rem;font-weight:700;color:#1a1a1a;line-height:1.68;}

/* AUDIENCE SECTION */
.audience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.aud-card{border:none;border-radius:14px;padding:28px 20px;background:transparent;transition:all .3s cubic-bezier(.16,1,.3,1);text-align:center;}
.aud-card:hover{background:var(--off-white);}
.aud-icon{font-size:2rem;margin-bottom:14px;display:block;}
.aud-title{font-family:var(--font-serif);font-size:1.25rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink);margin-bottom:8px;}
.aud-desc{font-family:var(--font-body);font-size:0.96rem;font-weight:700;color:var(--muted2);line-height:1.68;}

/* CTA */
.cta-wrap{background:var(--ink);padding:96px 56px;text-align:center;position:relative;overflow:hidden;}
.cta-wrap::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 50% 50%,rgba(230,51,34,.12) 0%,transparent 70%);}
.cta-wrap h2{font-family:var(--font-serif);font-size:clamp(1.9rem,3.8vw,3.4rem);font-weight:700;color:var(--white);letter-spacing:0.04em;text-transform:uppercase;line-height:1.08;margin-bottom:20px;position:relative;}
.cta-wrap h2 em{color:var(--red);font-style:normal;}
.cta-wrap p{font-family:var(--font-body);color:var(--white);margin-bottom:40px;font-size:1rem;position:relative;}
.btn-white{background:var(--white);color:var(--ink);font-family:var(--font-body);font-size:0.95rem;font-weight:600;padding:14px 32px;border-radius:100px;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block;border:none;position:relative;}
.btn-white:hover{background:var(--red);color:var(--white);transform:translateY(-2px);box-shadow:0 8px 24px rgba(230,51,34,.4);}

/* FOOTER */
footer{padding:64px 56px 40px;border-top:1px solid var(--rule);background:var(--off-white);}
.footer-top{display:grid;grid-template-columns:1.5fr repeat(2,1fr);gap:48px;margin-bottom:48px;}
.footer-brand h3{font-family:var(--font-serif);font-size:1.2rem;font-weight:700;margin-bottom:12px;letter-spacing:0.1em;text-transform:uppercase;}
.footer-brand h3 em{color:var(--red);font-style:normal;}
.footer-brand p{font-family:var(--font-body);font-size:0.98rem;font-weight:400;color:var(--muted);line-height:1.72;max-width:300px;}
.footer-brand .footer-credit{font-family:var(--font-body);font-size:0.88rem;font-weight:500;color:var(--muted);letter-spacing:0.01em;margin-top:16px;line-height:1.6;max-width:300px;}
.footer-brand .footer-credit strong{color:var(--red);}
.footer-col h4{font-family:var(--font-mono);font-size:0.64rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--muted2);margin-bottom:16px;}
.footer-col a{font-family:var(--font-body);display:block;font-size:0.96rem;font-weight:700;color:var(--muted);text-decoration:none;margin-bottom:10px;transition:color .15s;letter-spacing:0.01em;}
.footer-col a:hover{color:var(--ink);}
.footer-col .footer-emerging{font-family:var(--font-body);font-size:0.72rem;font-weight:700;color:var(--emerald);text-transform:uppercase;letter-spacing:0.1em;margin-top:16px;margin-bottom:8px;display:block;}
.footer-bottom{border-top:1px solid var(--rule);padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;}
.footer-copy{font-family:var(--font-mono);font-size:0.78rem;font-weight:700;color:var(--muted2);letter-spacing:0.06em;}

/* STATS + FEATURES SECTION */
.stats-features-section{padding:72px 56px;background:var(--white);border-bottom:1px solid var(--rule);}
.stats-features-section .hero-tagline{margin-bottom:40px;color:var(--muted);}
.stats-features-section .hero-tagline strong{color:var(--ink);}
.stats-features-section .hero-stats-grid{margin-bottom:32px;}


.stats-features-section .hero-features{flex-direction:row;gap:16px;}
.stats-features-section .hero-feature{flex:1;}





/* HERO IMAGE */
.hero-image-panel{padding:0!important;overflow:hidden;}
.hero-img-placeholder{width:100%;height:100%;min-height:500px;background:var(--off-white);border-left:1px solid var(--rule);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;}
.hero-img-label{font-family:var(--font-mono);font-size:0.75rem;letter-spacing:0.2em;text-transform:uppercase;color:var(--rule2);}
.hero-img-sub{font-family:var(--font-mono);font-size:0.62rem;letter-spacing:0.1em;color:var(--rule2);}

/* RESPONSIVE */
@media(max-width:1200px){.tech-grid{grid-template-columns:repeat(3,1fr);}.iso-strip{grid-template-columns:repeat(4,1fr)!important;}}
@media(max-width:1024px){
  .hero{grid-template-columns:1fr;}
  .hero-right{border-top:1px solid var(--rule);}
  .mat-grid{grid-template-columns:1fr 1fr;}
  .tech-grid{grid-template-columns:1fr 1fr;}
  .emerging-grid{grid-template-columns:1fr 1fr;}
  .process-strip{grid-template-columns:1fr 1fr 1fr;}
  .audience-grid{grid-template-columns:1fr 1fr;}
  .footer-top{grid-template-columns:1fr 1fr;}
  .approach-layout{grid-template-columns:1fr!important;}
  .iso-strip{grid-template-columns:repeat(4,1fr)!important;}
}
@media(max-width:700px){
  nav{padding:0 20px;}
  .nav-center{display:none;}
  section,.emerging-section,.cta-wrap,footer{padding-left:20px;padding-right:20px;}
  .hero-left,.hero-right{padding:48px 20px;}
  .mat-grid,.tech-grid{grid-template-columns:1fr;}
  .emerging-grid{grid-template-columns:1fr;}
  .process-strip{grid-template-columns:1fr 1fr;}
  .audience-grid{grid-template-columns:1fr 1fr;}
  .footer-top{grid-template-columns:1fr;}
  .stats-features-section{padding:48px 20px;}
  .stats-features-section .hero-features{flex-direction:column;}
  .iso-strip{grid-template-columns:1fr 1fr;}
}
@media(max-width:480px){
  .process-strip{grid-template-columns:1fr;}
  .audience-grid{grid-template-columns:1fr;}
  .iso-strip{grid-template-columns:1fr;}
  .emerging-header{flex-direction:column;align-items:flex-start;}
}

.hero-img-placeholder{position:relative;gap:14px;padding:32px;}
.hero-image-figure{display:flex;flex-direction:column;align-items:center;gap:12px;width:min(100%,640px);margin:auto;}
.hero-image{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border:1px solid var(--rule);border-radius:12px;box-shadow:var(--shadow-lg);}
.hero-image-figure figcaption{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;}
.hero-img-label{position:relative;color:var(--muted);font-weight:700;}
.hero-img-sub{position:relative;color:var(--muted2);}
.tech-card--upcoming,.em-card--upcoming,.mat-cell--upcoming{cursor:default;}
.tech-card--upcoming:hover,.em-card--upcoming:hover,.mat-cell--upcoming:hover{transform:none;box-shadow:none;}
@media(max-width:700px){.hero-img-placeholder{min-height:340px;padding:20px;}}


/* Shared header and reference footer refinements. */
.nav-trigger{border:0;background:transparent;font:inherit;}
.nav-item>.nav-trigger{font-family:var(--font-body);font-size:.88rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:8px 14px;border-radius:4px;cursor:pointer;transition:color .2s,background .2s;display:flex;align-items:center;gap:5px;}
.nav-item>.nav-trigger:hover,.nav-item>.nav-trigger:focus-visible{color:var(--ink);background:var(--off-white);}
.nav-link{font-family:var(--font-body);font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:8px 14px;border-radius:4px;text-decoration:none;}
.nav-link:hover,.nav-link:focus-visible{color:var(--ink);background:var(--off-white);}
.nav-item.is-open>.drop,.nav-item:focus-within>.drop{display:block;}
.footer-top{grid-template-columns:1.5fr repeat(2,1fr);}
@media(max-width:1024px){.footer-top{grid-template-columns:1fr 1fr;}}
@media(max-width:700px){.footer-top{grid-template-columns:1fr;}}

/* Tablet and small-screen refinements */
@media (min-width:701px) and (max-width:1024px){
  .hero{min-height:0;}
  .hero-left,.hero-right{padding:clamp(40px,7vw,72px) clamp(28px,6vw,56px);}
  .hero-image-panel{padding:0!important;}
  .hero-img-placeholder{min-height:420px;}
  section,.emerging-section,.cta-wrap{padding-left:clamp(28px,5vw,48px);padding-right:clamp(28px,5vw,48px);}
  .stats-features-section .hero-features{flex-direction:column;}
  .stats-features-section .hero-feature{width:100%;}
  .sec-header{margin-bottom:40px;}
}
@media(max-width:700px){
  .nav-logo{font-size:clamp(1rem,5vw,1.2rem);letter-spacing:.08em;}
  .hero{min-height:0;}
  .hero-left,.hero-right{padding:48px 20px;}
  .hero h1{font-size:clamp(2rem,9vw,3rem);}
  .hero-free-note{font-size:.82rem;letter-spacing:.03em;margin-bottom:28px;}
  .hero-stats-grid{grid-template-columns:1fr 1fr;}
  .hero-stat{padding:20px 14px;}
  .stat-l,.stat-sub{overflow-wrap:anywhere;}
  .stats-features-section .hero-feature{width:100%;}
  .sec-header{margin-bottom:32px;}
  .sec-title{font-size:clamp(1.65rem,7vw,2.2rem);}
  .iso-strip{grid-template-columns:1fr 1fr!important;}
  .footer-top{gap:28px;}
}
@media(max-width:480px){
  .hero-btns{align-items:stretch;flex-direction:column;}
  .hero-btns a{text-align:center;}
  .hero-img-placeholder{min-height:310px;}
  .hero-image-figure{gap:8px;}
  .hero-img-label{font-size:.78rem;}
  .hero-stats-grid{grid-template-columns:1fr;}
  .hero-stat{padding:18px;}
  .iso-strip{grid-template-columns:1fr!important;}
}