:root{color-scheme:dark}
.landing{--teal:#12d5e5;--line:#29454d;--muted:#a7bdc2;min-height:100vh;color:#f2f9fa;background:#09161b;font-family:Arial,sans-serif}
.landing *{box-sizing:border-box}
.landing__intro{display:flex;align-items:flex-end;min-height:min(900px,100svh);background-color:#09161b;background-image:linear-gradient(0deg,#09161b 1%,rgba(9,22,27,.94) 15%,rgba(9,22,27,.52) 45%,rgba(9,22,27,.08) 77%),url('../images/product-alumetra-docs-hero-v3.webp');background-size:cover;background-position:center 46%;background-repeat:no-repeat}
.landing__intro-content{width:min(1280px,100%);margin:0 auto;padding:140px 32px 83px}
.landing h1{max-width:900px;margin:0;color:#fff;font-size:clamp(52px,7vw,100px);line-height:1.02;letter-spacing:-.055em;text-shadow:0 2px 20px rgba(0,0,0,.45)}
.landing__lead{max-width:780px;margin:24px 0 35px;color:#eff8f9;font-size:clamp(19px,2.2vw,27px);line-height:1.5;text-shadow:0 2px 12px rgba(0,0,0,.65)}
.landing__button,.landing__dialog form button{display:inline-flex;align-items:center;justify-content:space-between;gap:44px;min-height:56px;padding:0 24px;border:1px solid var(--teal);border-radius:5px;color:#05272d;background:var(--teal);font:800 16px Arial,sans-serif;cursor:pointer}
.landing__button:hover,.landing__dialog form button:hover{background:#78eef4}
.landing__eyebrow{margin:0 0 20px;color:var(--teal);font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.landing__capabilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:1280px;margin:0 auto;padding:70px 28px 100px;gap:16px}
.landing__capabilities article{min-height:218px;padding:28px 30px;border:1px solid var(--line);background:#102229}
.landing__number{color:var(--teal);font-size:13px;font-weight:800}
.landing__capabilities h2{margin:28px 0 10px;color:white;font-size:23px;letter-spacing:-.02em}
.landing__capabilities p{max-width:510px;margin:0;color:var(--muted);font-size:16px;line-height:1.55}
.landing__about{display:grid;grid-template-columns:1fr 2fr;gap:40px;max-width:1224px;margin:0 auto 100px;padding:42px 0 0;border-top:1px solid var(--line)}
.landing__about h2,.landing__dialog h2{margin:0;color:white;font-size:clamp(30px,3.3vw,48px);line-height:1.12;letter-spacing:-.035em}
.landing__about p:not(.landing__eyebrow){max-width:760px;margin:24px 0 0;color:var(--muted);font-size:18px;line-height:1.65}
.landing__dialog{width:min(480px,calc(100% - 32px));max-height:calc(100% - 32px);padding:32px;border:1px solid #42616a;border-radius:10px;color:#f2f9fa;background:#0d2229;box-shadow:0 30px 90px rgba(0,0,0,.7)}
.landing__dialog::backdrop{background:rgba(0,9,12,.78);backdrop-filter:blur(5px)}
.landing__dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}
.landing__dialog-head .landing__eyebrow{margin-bottom:12px}
.landing__dialog h2{font-size:32px}
.landing__dialog>p{color:var(--muted);line-height:1.5}
.landing__auth-tabs{display:flex;gap:8px;margin-top:24px;border-bottom:1px solid var(--line)}
.landing__auth-tabs button{padding:11px 14px;border:0;border-bottom:2px solid transparent;color:var(--muted);background:transparent;font:700 14px Arial,sans-serif;cursor:pointer}
.landing__auth-tabs button[aria-selected="true"]{border-color:var(--teal);color:var(--teal)}
.landing__telegram-panel>p{color:var(--muted);font-size:14px;line-height:1.5}
.landing__auth-message{color:#a8e5e8!important}
.landing__dialog [hidden]{display:none!important}
.landing__dialog-close{flex:none;width:34px;height:34px;padding:0;border:0;color:#d6e5e8;background:transparent;font-size:30px;line-height:1;cursor:pointer}
.landing__dialog form{display:grid;gap:17px;margin-top:26px}
.landing__dialog label{display:grid;gap:8px;color:#b8cdd1;font-size:13px}
.landing__dialog input{width:100%;height:50px;padding:0 14px;border:1px solid #36545b;border-radius:5px;outline:none;color:white;background:#09191f;font:inherit}
.landing__dialog input:focus{border-color:var(--teal)}
.landing__dialog form button{width:100%;margin-top:5px}
.landing__error{margin:0;color:#ff9ca9}
.landing button:focus-visible,.landing input:focus-visible{outline:2px solid white;outline-offset:3px}
.docs-session-exit{position:fixed;z-index:90;right:18px;bottom:18px;padding:8px 12px;border:1px solid #31515a;border-radius:6px;color:#b9d0d5;background:#0b2026;text-decoration:none;font:12px Arial,sans-serif}
@media(max-width:850px){.landing__intro{min-height:760px;background-position:center top}.landing__intro-content{padding:120px 24px 75px}.landing__capabilities{padding:45px 24px 75px}.landing__about{grid-template-columns:1fr;gap:5px;margin:0 24px 75px}}
@media(max-width:640px){.landing__intro{min-height:790px;min-height:max(720px,100svh);background-image:linear-gradient(0deg,#09161b 0%,rgba(9,22,27,.98) 12%,rgba(9,22,27,.86) 36%,rgba(9,22,27,.1) 75%),url('../images/product-alumetra-docs-hero-v3.webp');background-size:auto,auto 590px;background-position:center top,center top}.landing__intro-content{padding:340px 20px 58px}.landing h1{font-size:clamp(46px,11vw,64px)}.landing__lead{margin:20px 0 30px;font-size:18px}.landing__capabilities{grid-template-columns:1fr;gap:10px;padding:0 20px 70px}.landing__capabilities article{min-height:0;padding:23px}.landing__capabilities h2{margin-top:18px}.landing__about{margin:0 20px 70px}.landing__dialog{padding:25px}.landing__dialog h2{font-size:27px}}