
/* Evelyn Hart technology demonstration, intentionally scoped to eh- names. */
.eh-hero{padding:64px 0 80px;position:relative;overflow:hidden;background:radial-gradient(circle at 85% 19%,rgba(13,157,202,.13),transparent 33%),linear-gradient(135deg,#0d1424 0%,#070b14 70%);border-bottom:1px solid rgba(121,235,243,.14)}
.eh-layout{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(300px,.87fr);gap:clamp(28px,5vw,88px);align-items:center}
.eh-hero h1{font-size:clamp(3.2rem,6.4vw,6.8rem);line-height:1.01;letter-spacing:-.055em;max-width:750px;margin:18px 0 20px}
.eh-hero h1 em{display:block;color:#79ebf3;font-size:.64em;font-style:normal;letter-spacing:-.035em;line-height:1.24;margin-top:11px}
.eh-lead{font-size:clamp(1.05rem,1.6vw,1.25rem);color:#d4dcec;line-height:1.68;max-width:650px;margin:0 0 20px}
.eh-statusline{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:22px}
.eh-flag{display:inline-flex;gap:9px;align-items:center;padding:7px 14px;border:1px solid #79ebf380;border-radius:999px;font-size:.73rem;letter-spacing:.075em;text-transform:uppercase;font-weight:750;color:#9af4f8;background:#112f395c}
.eh-limits{font-size:.88rem;color:#aebad0;max-width:620px;line-height:1.62}
.eh-portrait{margin:0;position:relative;isolation:isolate}
.eh-portrait:before{content:"";position:absolute;inset:-11px;border:1px solid rgba(121,235,243,.28);z-index:-1;border-radius:16px}
.eh-portrait img{width:100%;max-height:630px;object-fit:cover;object-position:center 35%;border-radius:14px;box-shadow:0 25px 80px rgba(0,0,0,.5)}
.eh-portrait figcaption{margin-top:15px;color:#b9c8d6;text-align:center;font-size:.76rem}
.eh-section{padding:76px 0}
.eh-section .eh-sectionhead{max-width:850px;margin-bottom:30px}
.eh-section h2{font-size:clamp(2rem,3.6vw,3.55rem);line-height:1.12;letter-spacing:-.03em}
.eh-intro{color:#bfc9d7;line-height:1.7;font-size:1.04rem;max-width:850px}
.eh-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:27px 0}
.eh-column{background:linear-gradient(155deg,#132537,#0d151f);border:1px solid rgba(121,235,243,.19);padding:26px 24px 24px;border-radius:12px}
.eh-column h3{font-size:1.26rem;margin:0 0 12px}
.eh-column p{margin:0;color:#bec9d5;line-height:1.66;font-size:.95rem}
.eh-number{color:#79ebf3;font-weight:800;font-size:.74rem;letter-spacing:.13em;display:block;margin-bottom:17px}
.eh-two{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,4vw,72px);align-items:start}
.eh-two>div{min-width:0}
.eh-booklist{display:grid;gap:13px;margin:20px 0 14px;padding:0;list-style:none}
.eh-booklist li{border-left:3px solid #79ebf3;padding:8px 0 9px 18px;color:#e8f0f4;line-height:1.6}
.eh-booklist small{display:block;color:#b6c6d3}
.eh-notice{background:#101d2a;border:1px solid rgba(255,200,106,.3);border-radius:12px;padding:25px;color:#d3deeb}
.eh-notice strong{color:#ffdb96}
.eh-notice p{margin:10px 0 0;font-size:.94rem;line-height:1.67}
.eh-steps{counter-reset:step;display:grid;gap:16px;margin:24px 0 0;padding:0;list-style:none}
.eh-steps li{padding:13px 0 14px 53px;border-bottom:1px solid rgba(255,255,255,.12);position:relative;color:#c4cfdd;line-height:1.65}
.eh-steps li:before{counter-increment:step;content:counter(step,decimal-leading-zero);position:absolute;top:13px;left:0;color:#79ebf3;font-weight:800;font-size:.78rem}
.eh-steps strong{color:#f4fbff}
.eh-teaser{display:grid;grid-template-columns:minmax(220px,.43fr) minmax(0,.57fr);gap:clamp(24px,4vw,60px);align-items:center;border-radius:17px;padding:clamp(20px,3vw,38px);border:1px solid rgba(121,235,243,.17);background:linear-gradient(116deg,rgba(20,35,50,.88),rgba(12,17,29,.9))}
.eh-teaser-image img{width:100%;height:clamp(270px,38vw,410px);object-fit:cover;object-position:center 28%;border-radius:10px}
.eh-teaser-copy h2{font-size:clamp(2.3rem,4.1vw,4.1rem);line-height:1.11;margin-bottom:24px}
.eh-teaser-copy h2 em{color:#79ebf3;font-style:normal;font-size:.72em}
.eh-teaser-copy p:not(.eyebrow){color:#bfcbd8;font-size:1rem;line-height:1.75}
.eh-demo-feature{display:grid;grid-template-columns:minmax(220px,.32fr) minmax(0,.68fr);gap:clamp(22px,4vw,58px);align-items:center;border:1px solid rgba(121,235,243,.2);border-radius:13px;padding:26px;background:linear-gradient(120deg,#152537,#0e1624)}
.eh-demo-feature img{width:100%;height:310px;object-fit:cover;object-position:center 28%;border-radius:8px}
.eh-demo-feature h2{font-size:clamp(1.9rem,3vw,3rem)}
.eh-demo-feature p{color:#bac7d7;line-height:1.69}
.eh-photo-caption{font-size:.76rem;color:#c3d2e0;margin:8px 0 0}
@media(max-width:820px){.eh-layout,.eh-two{grid-template-columns:1fr}.eh-portrait{max-width:460px;width:100%;margin:20px auto 0}.eh-columns{grid-template-columns:1fr}.eh-teaser{grid-template-columns:1fr 1.2fr;gap:24px}.eh-hero{padding:40px 0 55px}}
@media(max-width:620px){.eh-hero h1{font-size:clamp(2.75rem,12vw,4.5rem)}.eh-teaser,.eh-demo-feature{grid-template-columns:1fr}.eh-teaser-image img{height:360px}.eh-teaser-copy h2{font-size:2.2rem}.eh-demo-feature img{height:340px}.eh-section{padding:49px 0}.eh-column{padding:20px}.eh-layout{gap:12px}.eh-portrait{max-width:360px}}
@media(prefers-reduced-motion:reduce){.eh-hero,.eh-column,.eh-teaser{scroll-behavior:auto}}
