/* EloHane: dark graphite and warm amber. Presentation only. */
:root {
    color-scheme:dark;
    --bg-rgb:13 14 16;
    --surface-rgb:18 20 23;
    --surface-2-rgb:23 25 28;
    --surface-3-rgb:29 32 36;
    --line-rgb:43 46 51;
    --line-strong-rgb:67 71 77;
    --text-rgb:241 242 239;
    --text-2-rgb:170 175 181;
    --text-3-rgb:132 140 149;
    --accent-rgb:225 168 98;
    --accent-hover-rgb:239 189 128;
    --accent-dim-rgb:202 149 83;
    --on-accent:#141414;
    --ok-rgb:114 190 145;
    --warn-rgb:222 179 88;
    --err-rgb:237 130 125;
    --r-sm:3px;
    --r:4px;
    --r-lg:6px;
    --r-xl:8px;
}
body {
    line-height:1.65;
}
.font-display,.u-h1,.u-h2,.u-btn {
    font-family:'Inter',sans-serif;
}
.u-h1,.u-h2 {
    text-transform:none;
    letter-spacing:-.05em;
    line-height:1.1;
}
.u-h2 {
    font-weight:600;
}
.u-btn {
    min-height:46px;
    font-weight:600;
    letter-spacing:-.02em;
    text-transform:none;
    border-radius:4px;
}
.u-btn-sm {
    min-height:36px;
}
.u-btn-ghost {
    border-color:var(--line-strong);
}
.u-eyebrow {
    letter-spacing:.12em;
    font-size:10px;
    color:var(--text-3);
}
.u-label {
    letter-spacing:.04em;
    font-size:11px;
}
.u-input,.u-select,.u-textarea {
    border-color:var(--line-strong);
    background-color:var(--surface);
}
.u-input:focus,.u-select:focus,.u-textarea:focus {
    border-color:var(--accent);
}
input::file-selector-button {
    color:var(--on-accent)!important;
}
.u-card-lit::before,.u-spot::after {
    content:none;
}
.u-hr-fade {
    background:var(--line);
}
.u-grid-bg {
    opacity:.2;
}
.brand-mark {
    filter:none;
}
body .site-header {
    background:var(--bg);
    backdrop-filter:none;
}
.site-header .nav-link {
    font-family:'Inter',sans-serif;
    letter-spacing:-.015em;
    text-transform:none;
    white-space:nowrap;
    font-size:12px;
}
.site-header .nav-link.is-active {
    color:var(--accent);
}
.site-header>div>a>.font-display {
    font-size:18px;
    letter-spacing:-.05em;
    font-weight:700;
    text-transform:none;
}
#mobile-nav {
    text-transform:none;
    letter-spacing:0;
    max-height:calc(100dvh - 64px);
    overflow-y:auto;
}
footer {
    background:var(--surface-3);
}
footer h4 {
    letter-spacing:0!important;
    text-transform:none!important;
    font-weight:600;
}
footer .brand-mark+span {
    letter-spacing:-.05em;
    text-transform:none;
    font-size:24px;
}
body .wheel-fab {
    border:1px solid var(--line-strong);
    background:var(--surface);
    border-radius:5px;
    box-shadow:0 3px 12px #20231d12;
    gap:9px;
    padding:9px 13px 9px 9px;
}
body .wheel-fab:not(:hover) {
    animation:none;
}
body .wheel-fab:hover {
    transform:translateY(-2px);
    box-shadow:0 5px 16px #20231d20;
}
body .wheel-fab-title {
    color:var(--text);
    font-family:'Inter',sans-serif;
    font-size:12px;
    text-transform:none;
    letter-spacing:0;
}
body .wheel-fab-sub {
    color:var(--text-3);
    font-size:8px;
    letter-spacing:.01em;
}
body .wheel-fab-icon {
    width:30px;
    height:30px;
    border-radius:3px;
    background:var(--surface-3);
}
body .wheel-fab-badge {
    border:1px solid var(--line-strong);
    border-radius:3px;
}
body .hover\:text-white:hover {
    color:var(--accent);
}
/* Homepage layout */
.eh-shell {
    width:min(100% - 96px,1344px);
    margin-inline:auto;
}
.eh-label {
    font-family:'JetBrains Mono',monospace;
    font-size:10px;
    line-height:1.5;
    letter-spacing:.1em;
    text-transform:uppercase;
}
.eh-link {
    display:inline-flex;
    gap:28px;
    align-items:center;
    font-size:13px;
    font-weight:600;
    border-bottom:1px solid currentColor;
    padding-bottom:6px;
}
.eh-link:hover {
    color:var(--accent);
}
.eh-button {
    display:inline-flex;
    align-items:center;
    justify-content:space-between;
    gap:32px;
    min-height:50px;
    padding:13px 23px;
    background:var(--text);
    color:var(--bg);
    border:1px solid var(--text);
    border-radius:3px;
    font-size:13px;
    font-weight:600;
    transition:background .18s,transform .18s;
}
.eh-button:hover {
    background:var(--accent);
    border-color:var(--accent);
    transform:translateY(-2px);
}
.eh-button-light {
    background:var(--bg);
    color:var(--text);
    border-color:var(--bg);
}
.eh-button-light:hover {
    background:#fff;
    border-color:#fff;
}
.eh-hero {
    padding-top:28px;
}
.eh-masthead {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-bottom:22px;
    border-bottom:1px solid var(--line-strong);
}
.eh-masthead span:last-child {
    color:var(--text-3);
}
.eh-hero-copy {
    display:grid;
    grid-template-columns:1.7fr 1fr;
    gap:56px;
    align-items:end;
    padding:45px 0 44px;
}
.eh-title {
    font-size:clamp(64px,7.5vw,108px);
    font-weight:600;
    letter-spacing:-.075em;
    line-height:.98;
    margin:0;
}
.eh-title span {
    color:var(--accent);
}
.eh-intro {
    padding-bottom:5px;
    max-width:385px;
}
.eh-intro p {
    font-size:14px;
    color:var(--text-2);
    line-height:1.85;
    margin-bottom:23px;
}
.eh-hero-actions {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:16px 24px;
}
.eh-hero-actions>a:last-child {
    font-size:12px;
    border-bottom:1px solid var(--line-strong);
    padding:8px 0;
}
.eh-product {
    display:grid;
    grid-template-columns:240px minmax(0,1fr);
    background:#22251f;
    color:#f2f0e9;
    overflow:hidden;
}
.eh-product-aside {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:space-between;
    padding:30px;
    border-right:1px solid #46493e;
}
.eh-product-aside .eh-label {
    color:#c0c5b4;
}
.eh-product-aside h2 {
    font-size:37px;
    line-height:1.05;
    letter-spacing:-.05em;
    font-weight:500;
    margin-top:14px;
}
.eh-product-mark {
    width:64px;
    height:64px;
    object-fit:contain;
    margin:35px 0;
}
.eh-product-aside .eh-link {
    font-size:11px;
    color:#f2f0e9;
    gap:14px;
}
.eh-product-image {
    margin:0;
    position:relative;
    min-width:0;
}
.eh-product-image img {
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:1919/1079;
    object-fit:cover;
}
.eh-product-image figcaption {
    display:flex;
    justify-content:space-between;
    gap:20px;
    padding:12px 20px;
    font-size:10px;
    background:#22251f;
    color:#d1d4c7;
}
.eh-index {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    border-bottom:1px solid var(--line-strong);
}
.eh-index a {
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:20px 24px;
    font-size:12px;
    border-right:1px solid var(--line);
}
.eh-index a:first-child {
    padding-left:0;
}
.eh-index a:last-child {
    border-right:0;
    padding-right:0;
}
.eh-index a:hover {
    color:var(--accent);
}
.eh-index small {
    color:var(--text-3);
    font-family:'JetBrains Mono',monospace;
    font-size:10px;
    margin-right:18px;
}
.eh-section {
    padding-block:96px;
    scroll-margin-top:80px;
}
.eh-section-head {
    display:grid;
    grid-template-columns:1fr 2fr;
    gap:36px;
    margin-bottom:44px;
}
.eh-section-head>.eh-label {
    padding-top:10px;
    color:var(--accent);
}
.eh-heading {
    font-size:clamp(32px,4.2vw,58px);
    font-weight:500;
    letter-spacing:-.055em;
    line-height:1.07;
}
.eh-section-head p:not(.eh-label) {
    margin-top:18px;
    font-size:14px;
    color:var(--text-2);
    line-height:1.85;
    max-width:520px;
}
.eh-showcase {
    display:grid;
    grid-template-columns:1fr 2fr;
    gap:36px;
}
.eh-tabs {
    border-top:1px solid var(--line-strong);
}
.eh-tab {
    display:grid;
    width:100%;
    grid-template-columns:28px 1fr 20px;
    text-align:left;
    gap:8px;
    align-items:center;
    padding:19px 0;
    border-bottom:1px solid var(--line);
    background:transparent;
    cursor:pointer;
}
.eh-tab small {
    font-family:'JetBrains Mono',monospace;
    color:var(--text-3);
    font-size:10px;
}
.eh-tab strong {
    font-size:18px;
    font-weight:500;
    letter-spacing:-.035em;
}
.eh-tab[aria-selected="true"] {
    color:var(--accent);
    border-bottom-color:var(--accent);
}
.eh-tab[aria-selected="true"] strong {
    font-weight:600;
}
.eh-tab:hover {
    color:var(--accent);
}
.eh-panel {
    min-width:0;
}
.eh-panel[hidden] {
    display:none;
}
.eh-panel-image {
    background:#181b1f;
    padding:28px;
    display:flex;
    justify-content:center;
    align-items:center;
    min-height:320px;
}
.eh-panel-image img {
    display:block;
    max-width:100%;
    height:330px;
    object-fit:contain;
}
.eh-panel-copy {
    display:grid;
    grid-template-columns:1fr auto;
    gap:28px;
    align-items:start;
    padding-top:23px;
}
.eh-panel-copy p {
    font-size:13px;
    line-height:1.8;
    color:var(--text-2);
    max-width:540px;
}
.eh-panel-copy>span {
    font-size:10px;
    font-family:'JetBrains Mono',monospace;
    color:var(--text-3);
    padding-top:4px;
}
/* Internal panelleri: menu ekran goruntusu olmadigi icin gorsel yerine
   ozellik listesi cizilir. Gorseller eklendiginde bu blok kaldirilip
   External ile ayni .eh-panel-image duzenine gecilebilir.

   ⚠ `.eh-panel-copy` gorselin ALTINDA dar bir serit olarak tasarlanmis
   (metin + sayac). Liste panelinde govdenin KENDISI oldugu icin
   kart gorunumu veriyoruz; aksi halde sayfada yalin ve hizasiz duruyordu. */
.eh-panel-list {
    border:1px solid var(--line);
    border-radius:14px;
    background:#17191c;
    padding:28px 30px;
}
.eh-panel-list .eh-panel-copy {
    display:block;
    padding:0;
}
.eh-panel-list .eh-panel-copy p {
    max-width:none;
}
.eh-panel-list .eh-panel-copy strong {
    font-size:17px;
}
.eh-panel-list .eh-panel-copy>span {
    display:block;
    margin-top:22px;
    padding-top:0;
}
/* Internal copy contains three children (heading, feature list, counter).
   Keep the same text flow when an uploaded screenshot activates the image. */
#ppanel-internal .eh-panel-copy {
    display:block;
    min-width:0;
}
#ppanel-internal .eh-panel-copy p {
    max-width:none;
}
#ppanel-internal .eh-panel-copy>span {
    display:block;
    margin-top:18px;
}
.eh-feature-list {
    margin:18px 0 0;
    padding:0;
    list-style:none;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px 28px;
}
.eh-feature-list li {
    position:relative;
    padding-left:18px;
    font-size:13px;
    line-height:1.75;
    color:var(--text-2);
}
.eh-feature-list li::before {
    content:"";
    position:absolute;
    left:0;
    top:11px;
    width:7px;
    height:1px;
    background:var(--accent,#e1a862);
}
@media(max-width:720px){
    .eh-panel-list{padding:22px 20px}
    .eh-feature-list{grid-template-columns:1fr}
}

.eh-specs {
    margin-top:36px;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:32px;
    color:var(--text-3);
    font-size:11px;
}
.eh-specs strong {
    color:var(--text);
    margin-right:7px;
}
.eh-method {
    background:#111315;
}
.eh-method .eh-section-head {
    margin-bottom:48px;
}
.eh-steps {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    border-top:1px solid #353a40;
}
.eh-step {
    padding:26px 26px 8px 0;
    border-right:1px solid #2d3136;
    margin-right:26px;
}
.eh-step:last-child {
    border:0;
    margin:0;
}
.eh-step>span {
    font-family:'JetBrains Mono',monospace;
    font-size:11px;
    color:#939ca6;
}
.eh-step h3 {
    font-size:20px;
    font-weight:500;
    letter-spacing:-.04em;
    margin:30px 0 12px;
}
.eh-step p {
    font-size:12px;
    color:#aab0b8;
    line-height:1.9;
}
.eh-service {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:80px;
}
.eh-service-copy .eh-label {
    color:var(--accent);
    margin-bottom:28px;
}
.eh-service-copy p:not(.eh-label) {
    margin-block:24px;
    font-size:14px;
    color:var(--text-2);
    max-width:390px;
    line-height:1.9;
}
.eh-faq {
    border-top:1px solid var(--line-strong);
}
.eh-faq details {
    border-bottom:1px solid var(--line);
}
.eh-faq summary {
    cursor:pointer;
    position:relative;
    list-style:none;
    padding:24px 30px 24px 0;
    font-size:14px;
    font-weight:500;
}
.eh-faq summary::-webkit-details-marker {
    display:none;
}
.eh-faq summary::after {
    content:'+';
    position:absolute;
    right:0;
    top:18px;
    font-size:22px;
    color:var(--accent);
}
.eh-faq details[open] summary::after {
    content:'−';
}
.eh-faq details p {
    font-size:13px;
    color:var(--text-2);
    line-height:1.85;
    padding:0 28px 24px 0;
}
.eh-close {
    padding:50px 0;
    background:#1b1e22;
    color:#f1f2ef;
}
.eh-close>div {
    display:flex;
    justify-content:space-between;
    gap:32px;
    align-items:center;
}
.eh-close h2 {
    font-size:clamp(30px,4vw,52px);
    font-weight:500;
    letter-spacing:-.055em;
    line-height:1.15;
}
.eh-close p {
    font-size:12px;
    margin-top:12px;
    color:#aab0b8;
}
.eh-home footer {
    margin-top:0;
    border-top:0;
}
.eh-home main :focus-visible {
    outline:2px solid var(--accent);
    outline-offset:5px;
}
.eh-skip {
    position:fixed;
    top:-80px;
    left:20px;
    z-index:200;
    background:var(--text);
    color:var(--bg);
    padding:12px 20px;
}
.eh-skip:focus {
    top:10px;
}
@media(min-width:768px) {
    .eh-product-image img {
        max-height:490px;
        object-fit:cover;
    }
}
@media(max-width:1279px) {
    .site-header>div>nav {
        display:none!important;
    }
    #mobile-nav-toggle {
        display:block;
    }
    #mobile-nav:not(.hidden) {
        display:block;
    }
    .eh-shell {
        width:calc(100% - 64px);
    }
    .eh-hero-copy {
        gap:30px;
        grid-template-columns:1.4fr 1fr;
    }
    .eh-product {
        grid-template-columns:190px minmax(0,1fr);
    }
    .eh-product-aside {
        padding:24px;
    }
    .eh-product-aside h2 {
        font-size:30px;
    }
}
@media(max-width:767px) {
    .eh-shell {
        width:calc(100% - 40px);
    }
    .eh-hero {
        padding-top:22px;
    }
    .eh-masthead {
        padding-bottom:16px;
    }
    .eh-masthead span:last-child {
        display:none;
    }
    .eh-hero-copy {
        grid-template-columns:1fr;
        gap:28px;
        padding-block:32px;
    }
    .eh-title {
        font-size:clamp(56px,12vw,86px);
    }
    .eh-intro {
        max-width:470px;
    }
    .eh-product {
        grid-template-columns:1fr;
    }
    .eh-product-aside {
        flex-direction:row;
        align-items:center;
        padding:18px;
        border:0;
    }
    .eh-product-aside h2 {
        font-size:20px;
        margin-top:5px;
    }
    .eh-product-aside h2 br {
        display:none;
    }
    .eh-product-mark {
        display:none;
    }
    .eh-product-aside .eh-link {
        font-size:10px;
        gap:8px;
    }
    .eh-product-image figcaption {
        font-size:9px;
        padding-inline:12px;
    }
    .eh-index a {
        padding:16px 10px;
        font-size:10px;
    }
    .eh-index small {
        display:none;
    }
    .eh-section {
        padding-block:58px;
    }
    .eh-section-head {
        grid-template-columns:1fr;
        gap:18px;
        margin-bottom:28px;
    }
    .eh-showcase {
        grid-template-columns:1fr;
        gap:22px;
    }
    .eh-tabs {
        display:grid;
        grid-template-columns:repeat(3,1fr);
    }
    .eh-tab {
        grid-template-columns:1fr;
        gap:0;
        text-align:center;
        padding:14px 6px;
    }
    .eh-tab strong {
        font-size:13px;
    }
    .eh-tab small,.eh-tab>span {
        display:none;
    }
    .eh-panel-image {
        padding:18px;
        min-height:240px;
    }
    .eh-panel-image img {
        height:250px;
    }
    .eh-panel-copy {
        gap:16px;
    }
    .eh-panel-copy>span {
        display:none;
    }
    .eh-specs {
        gap:14px;
        flex-wrap:wrap;
        margin-top:24px;
    }
    .eh-steps {
        grid-template-columns:1fr 1fr;
        gap:30px 20px;
    }
    .eh-step {
        margin:0;
        padding:20px 15px 0 0;
    }
    .eh-step:nth-child(2) {
        border-right:0;
    }
    .eh-step h3 {
        margin-top:18px;
    }
    .eh-service {
        grid-template-columns:1fr;
        gap:32px;
    }
    .eh-close>div {
        flex-direction:column;
        align-items:flex-start;
    }
}
@media(max-width:400px) {
    .site-header>div {
        padding-inline:16px;
        gap:8px;
    }
    .site-header .brand-mark {
        width:26px;
        height:26px;
    }
    .site-header>div>a>.font-display {
        font-size:16px;
    }
    .eh-title {
        font-size:54px;
    }
    .eh-hero-actions {
        gap:16px;
    }
    .eh-button {
        padding-inline:17px;
        gap:20px;
    }
}
@media(prefers-reduced-motion:reduce) {
    .u-enter,.u-reveal {
        opacity:1!important;
        transform:none!important;
        animation:none!important;
        transition:none!important;
    }
    .eh-button {
        transition:none;
    }
    .eh-button:hover {
        transform:none;
    }
}

/* Motion-led product presentation. All selectors preserve application state hooks. */
:root { --r: 10px; --r-lg: 14px; --r-xl: 20px; }
html { scroll-behavior: smooth; scroll-padding-top: 90px; }
body .site-header, body .site-header.is-stuck { background: rgb(13 14 16 / .9); backdrop-filter: blur(18px); }
.u-btn { border-radius: 8px; }
.u-card { box-shadow: 0 8px 30px #0000000c; }
.eh-hero { padding-top: 64px; perspective: 1400px; }
.eh-masthead { justify-content: center; border: 0; padding: 0; }
.eh-masthead > span:first-child { border: 1px solid var(--line); border-radius: 99px; padding: 8px 15px; color: var(--text-2); background: var(--surface); display: inline-flex; align-items: center; gap: 9px; }
.eh-masthead > span:first-child::before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 4px rgb(var(--accent-rgb) / .07); }
.eh-masthead > span:last-child { display: none; }
.eh-hero-copy { display: block; text-align: center; padding: 28px 0 38px; }
.eh-title { font-size: clamp(52px, 6.1vw, 88px); font-weight: 600; letter-spacing: -.065em; line-height: 1.06; }
.eh-title span { color: #90969f; }
.eh-intro { max-width: 580px; margin: 24px auto 0; }
.eh-intro p { max-width: 500px; margin: 0 auto 25px; }
.eh-hero-actions { justify-content: center; }
.eh-button { background: var(--accent); border-color: var(--accent); color: var(--on-accent); border-radius: 8px; box-shadow: 0 3px 0 #0003; }
.eh-button:hover { background: var(--accent-hover); border-color: var(--accent-hover); }
.eh-button span { transition: transform .22s ease; }
.eh-button:hover span { transform: translate(3px,-3px); }
.eh-hero-actions > a:last-child { border: 1px solid var(--line-strong); padding: 13px 21px; border-radius: 8px; transition: background .2s,border-color .2s; }
.eh-hero-actions > a:last-child:hover { background: var(--surface-3); border-color: var(--text-3); }
.eh-product { display: block; max-width: 1060px; margin-inline: auto; background: #15171a; border: 1px solid #393d42; border-radius: 14px; box-shadow: 0 30px 100px #0008; transform: rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)); transition: transform .45s ease, border-color .3s; }
.eh-product:hover { border-color: #626972; }
.eh-product-aside { flex-direction: row; align-items: center; padding: 13px 20px; border: 0; border-bottom: 1px solid #30343a; gap: 18px; }
.eh-product-aside > div { display: flex; align-items: center; gap: 10px; }
.eh-product-aside .eh-label { color: #b2b8c0; letter-spacing: .03em; font-size: 10px; text-transform: none; }
.eh-product-aside .eh-link { font-size: 10px; border: 0; padding: 4px 0; color: #a5abb4; }
.eh-product-mark { display: block; width: 22px; height: 22px; margin: 0; }
.eh-product-image img { max-height: 510px; object-fit: cover; }
.eh-product-image figcaption { background: #15171a; padding: 13px 20px; color: #9ba3ad; align-items: center; }
.eh-preview-open { display: inline-flex; align-items: center; gap: 8px; color: #e1a862; font-size: 11px; padding: 5px; cursor: pointer; }
.eh-index { max-width: 1060px; margin: 22px auto 0; border: 0; gap: 12px; }
.eh-index a, .eh-index a:first-child, .eh-index a:last-child { padding: 16px 20px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); transition: background .2s,transform .2s,border-color .2s; }
.eh-index a:hover { background: var(--surface-2); border-color: var(--line-strong); transform: translateY(-3px); }
.eh-index small { margin-right: 12px; }
.eh-section-head { display: block; text-align: center; }
.eh-section-head > .eh-label { margin-bottom: 18px; }
.eh-section-head p:not(.eh-label) { margin-inline: auto; }
.eh-heading { font-size: clamp(32px, 3.8vw, 50px); line-height: 1.13; }
.eh-showcase { display: block; max-width: 1060px; margin-inline: auto; }
.eh-tabs { display: flex; border: 1px solid var(--line); border-radius: 12px; padding: 5px; gap: 5px; background: var(--surface); margin-bottom: 20px; }
.eh-tab { display: block; text-align: center; border: 0; border-radius: 7px; padding: 13px 8px; transition: background .22s,color .22s; }
.eh-tab strong { font-size: 13px; letter-spacing: -.01em; }
.eh-tab small, .eh-tab > span { display: none; }
.eh-tab[aria-selected="true"] { color: var(--text); background: #32363c; box-shadow: 0 2px 6px #0003; }
.eh-tab:hover { background: #272b30; }
.eh-panel-image { min-height: 400px; border: 1px solid var(--line); border-radius: 14px; background: #17191c; overflow: hidden; }
.eh-panel-image img { height: 370px; transition: transform .5s ease; }
.eh-panel-image:hover img { transform: scale(1.035); }
.eh-panel-copy { padding: 22px 4px 0; }
.eh-panel-copy strong { color: var(--text); display: inline-block; margin-bottom: 4px; font-size: 15px; font-weight: 500; }
.eh-specs { justify-content: center; }
.eh-method { border-block: 1px solid var(--line); }
.eh-steps { border: 0; gap: 16px; }
.eh-step, .eh-step:last-child { margin: 0; padding: 28px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); transition: transform .25s,border-color .25s; }
.eh-step:hover { transform: translateY(-5px); border-color: var(--line-strong); }
.eh-step > span { color: var(--accent); }
.eh-step h3 { margin-top: 34px; }
.eh-step p { color: var(--text-2); }
.eh-faq { border: 0; }
.eh-faq details { border: 1px solid var(--line); padding-inline: 20px; border-radius: 10px; margin-bottom: 10px; background: var(--surface); transition: border-color .2s; }
.eh-faq details[open] { border-color: var(--line-strong); }
.eh-faq summary { padding-block: 20px; }
.eh-faq details[open] p { animation: eh-panel-in .3s ease both; }
.eh-close { background: var(--bg); padding: 0 0 80px; }
.eh-close > div { background: var(--surface-2); border: 1px solid var(--line-strong); padding: 48px; border-radius: 18px; }
.eh-close p { color: var(--text-2); }
.eh-home footer { border-top: 1px solid var(--line); background: #111315; }
.eh-dialog { background: #141619; color: #f1f2ef; border: 1px solid #474c54; border-radius: 14px; padding: 14px; width: min(1200px,calc(100% - 32px)); max-height: 90dvh; margin: auto; box-shadow: 0 30px 100px #0009; }
.eh-dialog::backdrop { background: #050607df; backdrop-filter: blur(10px); }
.eh-dialog-bar { display: flex; align-items: center; justify-content: space-between; padding: 0 4px 12px; font-size: 12px; }
.eh-dialog-bar button { border: 1px solid #454a52; border-radius: 6px; padding: 7px 12px; }
.eh-dialog img { width: 100%; max-height: 76dvh; object-fit: contain; border-radius: 7px; }
.eh-dialog[open] { animation: eh-panel-in .25s ease both; }
.eh-hero-copy, .eh-masthead { animation: eh-enter .8s cubic-bezier(.2,.7,.2,1) both; }
.eh-hero-copy { animation-delay: .08s; }
.eh-motion-pending { opacity: 0; transform: translateY(24px); }
.eh-motion-ready { transition: opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1); }
@keyframes eh-enter { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
@keyframes eh-panel-in { from { opacity: 0; transform: translateY(10px) scale(.99); } to { opacity: 1; transform: none; } }
@media (max-width: 767px) {
 .eh-hero { padding-top: 38px; }
 .eh-title { font-size: clamp(45px,10vw,68px); }
 .eh-hero-copy { padding-block: 24px 30px; }
 .eh-intro p { font-size: 13px; }
 .eh-product-aside { padding: 10px 13px; }
 .eh-product-aside .eh-label { font-size: 9px; }
 .eh-product-image figcaption { padding: 9px 12px; font-size: 9px; }
 .eh-index { gap: 6px; margin-top: 12px; }
 .eh-index a,.eh-index a:first-child,.eh-index a:last-child { padding: 12px 9px; font-size: 9px; gap: 5px; }
 .eh-tabs { display: grid; grid-template-columns: repeat(3,1fr); }
 .eh-tab { padding: 11px 4px; }
 .eh-panel-image { min-height: 270px; padding: 16px; }
 .eh-panel-image img { height: 250px; }
 .eh-steps { gap: 10px; }
 .eh-step,.eh-step:last-child { padding: 20px 16px; }
 .eh-step:nth-child(2) { border-right: 1px solid var(--line); }
 .eh-step h3 { font-size: 18px; margin-top: 24px; }
 .eh-close { padding-bottom: 45px; }
 .eh-close > div { padding: 28px; }
}
@media (prefers-reduced-motion: reduce) {
 html { scroll-behavior: auto; }
 .eh-hero-copy,.eh-masthead,.eh-dialog[open],.eh-faq details[open] p { animation: none; }
 .eh-motion-pending { opacity: 1; transform: none; }
 .eh-motion-ready,.eh-product,.eh-panel-image img { transition: none; }
 .eh-product { transform: none; }
}