﻿/* DisHub public launch candidate — separate from private pilot styles. */
:root{color-scheme:dark;--bg:#061d15;--panel:#103527;--panel-2:#173c2d;--text:#f0f7f2;--muted:#c0d4c8;--line:rgba(216,244,224,.17);--accent:#c4ed7e;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse 900px 500px at 85% 0%,#164e35 0%,transparent 70%),var(--bg);color:var(--text);line-height:1.55}
a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}main,.header,.footer{max-width:1120px;margin:auto;padding-left:28px;padding-right:28px}
.skip{position:absolute;top:-100px;left:16px;background:var(--accent);color:#09251a;padding:10px;z-index:2}.skip:focus{top:12px}
.header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:30px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px;font-size:27px;font-weight:790;letter-spacing:-.04em}.brand img{width:42px;height:42px;border-radius:12px}.accent{color:var(--accent)}
.languages{display:flex;gap:8px}.languages a{font-size:12px;font-weight:700;letter-spacing:.04em;padding:9px 12px;border:1px solid var(--line);border-radius:22px}.languages a[aria-current="page"]{background:var(--accent);color:#08271b;border-color:var(--accent)}
.hero{padding:90px 0 66px;border-bottom:1px solid var(--line)}.eyebrow{font-size:12px;letter-spacing:.14em;font-weight:800;color:var(--accent);margin:0 0 24px}
h1{font-size:clamp(40px,6vw,76px);letter-spacing:-.055em;line-height:1.06;max-width:860px;margin:0 0 30px}h2{font-size:clamp(23px,2.8vw,32px);letter-spacing:-.035em;margin:0 0 22px}
.lead{font-size:clamp(17px,2vw,21px);max-width:800px;color:var(--muted);margin:0 0 34px}
.features{display:flex;flex-wrap:wrap;gap:12px}.features span{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:10px;padding:10px 14px;font-size:14px;background:rgba(255,255,255,.025)}
.steps{padding:62px 0 36px}.steps ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.steps li{min-height:190px;margin:0;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px}.steps li p{margin:22px 0 0;color:var(--muted)}.step{font-weight:800;font-size:14px;color:#062315;display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--accent)}
.notice{background:linear-gradient(135deg,var(--panel-2),#103527);border:1px solid var(--line);border-radius:17px;padding:30px 32px;margin:24px 0 72px}.notice h2{font-size:23px;margin-bottom:12px}.notice p{margin:0;color:var(--muted);max-width:800px}
.footer{border-top:1px solid var(--line);padding-top:28px;padding-bottom:45px;color:var(--muted);font-size:13px}
@media(max-width:680px){main,.header,.footer{padding-left:20px;padding-right:20px}.header{padding-top:20px}.brand{font-size:24px}.languages a{padding:7px 9px}.hero{padding-top:68px;padding-bottom:42px}.steps{padding:42px 0 18px}.steps ol{grid-template-columns:1fr}.steps li{min-height:auto}.notice{padding:24px;margin-bottom:50px}}
.request-button{display:inline-block;background:#123d2e;color:#fff;padding:1rem 1.25rem;border-radius:.75rem;text-decoration:none;font-weight:700}.request-button:hover{background:#1c5d45}.request-button:focus-visible{outline:3px solid #d0a32c;outline-offset:4px}.footer a{display:inline-block;margin:.4rem}

/* Account navigation wraps instead of pushing language controls off small screens. */
.header{flex-wrap:wrap;gap:14px}.header .languages{flex-wrap:wrap;max-width:100%}
