/* DRALVON — css/style.css */
@theme { --color-bg-primary:#0E1018; --color-bg-secondary:#161820; --color-ink-primary:#E8ECFA; --color-ink-muted:#8A9CC8; --color-accent:#6A8EC8; --font-display:'Space Grotesk',sans-serif; --font-body:'Inter',Arial,sans-serif; }
:root{--bg:#0E1018;--panel:#161820;--ink:#E8ECFA;--muted:#8A9CC8;--accent:#6A8EC8;--line:rgba(255,255,255,.1);--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.65 var(--font-body)}a{color:var(--ink);text-decoration:none}a:hover{color:#fff}.shell{width:min(var(--max),calc(100% - 40px));margin:auto}.topbar{background:var(--panel);border-bottom:1px solid var(--line);color:var(--muted);font-size:12px;text-align:center;padding:8px 16px}.site-header{border-bottom:1px solid var(--line);background:var(--bg);position:sticky;top:0;z-index:10}.nav-wrap{min-height:76px;display:flex;align-items:center;gap:24px}.wordmark{font:700 29px/1 var(--font-display);letter-spacing:-1px;white-space:nowrap}.wordmark span{color:var(--accent)}nav{display:flex;gap:20px;align-items:center;flex:1;justify-content:center}nav a,.phone{font-size:13px;color:var(--muted)}nav a:hover,.phone:hover{color:var(--ink)}.menu-toggle{display:none;background:none;border:0;color:var(--ink);font-size:22px}.hero{padding:110px 0 90px;background:linear-gradient(120deg,#0E1018 50%,#19243a)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}.eyebrow{color:var(--accent);font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:500}.hero h1{font:700 clamp(42px,6vw,82px)/1.02 var(--font-display);letter-spacing:-3px;margin:18px 0;color:#fff}.hero p{color:var(--ink);font-size:18px;max-width:620px}.hero img,.feature-image,.article-image{width:100%;height:340px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}.section{padding:88px 0}.section.alt{background:var(--panel)}h2{font:700 clamp(30px,4vw,52px)/1.08 var(--font-display);letter-spacing:-1.5px;color:#fff;margin:0 0 18px}h3{font:700 20px/1.2 var(--font-display);color:#fff}p{color:var(--ink);margin:0 0 16px}.muted{color:var(--muted)}.intro{max-width:700px}.kicker{color:var(--accent);font-size:13px;text-transform:uppercase;letter-spacing:1.5px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.card{background:#1b1e29;border:1px solid var(--line);padding:28px;border-radius:8px}.card a,.readmore{color:#a8c4f2;font-weight:500}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;background:#263958;padding:38px;border-radius:8px}.stat strong{display:block;color:#fff;font:700 40px var(--font-display)}.stat span{color:#fff}.split{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.split img{height:390px}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.step{border-top:2px solid var(--accent);padding-top:16px}.quote{border-left:4px solid var(--accent);padding:24px 28px;background:#1b1e29;font:700 24px/1.35 var(--font-display);color:#fff}.faq{display:grid;grid-template-columns:1fr 1fr;gap:14px}.faq details{border:1px solid var(--line);padding:20px;background:var(--panel)}summary{font-weight:500;color:#fff;cursor:pointer}.cta{background:#6A8EC8;padding:54px 0}.cta h2,.cta p{color:#fff}.button{display:inline-block;border:1px solid #fff;padding:12px 19px;border-radius:5px;color:#fff;font-weight:500}.page-hero{padding:72px 0 56px;background:#161820}.page-hero h1{font:700 clamp(42px,6vw,70px)/1.05 var(--font-display);color:#fff;max-width:850px}.prose{max-width:850px}.prose h2{margin-top:54px;font-size:32px}.prose h3{margin-top:30px}.prose ul,.prose ol{padding-left:24px;color:var(--ink)}.prose li{padding:6px 0}.data-table{width:100%;border-collapse:collapse;margin:30px 0;background:var(--panel)}.data-table th,.data-table td{text-align:left;padding:15px;border-bottom:1px solid var(--line);color:var(--ink)}.data-table th{color:#fff;font-family:var(--font-display)}.callout{background:#263958;border:1px solid #7899d0;padding:28px;border-radius:8px;margin:28px 0}.gallery{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.gallery img{height:240px}.gallery img:first-child{height:496px;grid-row:span 2}.map{height:390px;border:1px solid var(--line)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.site-footer{background:#0b0d13;border-top:1px solid var(--line);padding:68px 0 0}.footer-grid{display:grid;grid-template-columns:1.3fr .8fr .8fr 1.2fr;gap:36px}.footer-grid h3{font-size:14px;text-transform:uppercase;letter-spacing:1px}.footer-grid a{display:block;color:var(--muted);margin:7px 0}.footer-grid p{color:var(--muted);font-size:14px}.footer-bottom{margin-top:55px;border-top:1px solid var(--line);padding:20px max(20px,calc((100% - 1180px)/2));color:var(--muted);font-size:13px;display:flex;justify-content:space-between;gap:25px}.footer-bottom span{max-width:700px;text-align:right}.cookie-banner{position:fixed;left:50%;transform:translateX(-50%);bottom:16px;width:calc(100% - 24px);max-width:1000px;z-index:50;background:rgba(14,16,24,.96);color:#E8ECFA;border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 40px #0006}.cookie-banner>div{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;gap:20px}.cookie-banner p{font-size:14px;margin:0}.cookie-banner a{color:#6A8EC8;text-decoration:underline}.cookie-banner button{padding:8px 18px;border-radius:999px;border:1px solid #59647c;background:transparent;color:#E8ECFA;margin-left:6px;cursor:pointer}.cookie-banner button:first-child{background:#6A8EC8;border-color:#6A8EC8;color:#fff}.page-progress{height:2px;background:var(--accent);position:fixed;top:0;left:0;z-index:20;width:0}
@media(max-width:850px){.shell{width:min(var(--max),calc(100% - 28px))}.nav-wrap{justify-content:space-between}nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--bg);padding:20px;flex-direction:column}.nav-wrap.open nav{display:flex}.menu-toggle{display:block}.phone{display:none}.hero{padding:70px 0}.hero-grid,.split,.contact-grid{grid-template-columns:1fr}.cards,.timeline,.footer-grid{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr}.gallery img:first-child{height:300px;grid-row:auto}.footer-bottom{display:block}.footer-bottom span{display:block;text-align:left;margin-top:12px}.cookie-banner>div{display:block}.cookie-banner button{margin:5px 4px 0 0}}
@media(max-width:520px){.cards,.timeline,.footer-grid,.stats,.faq{grid-template-columns:1fr}.section{padding:60px 0}.hero h1{letter-spacing:-2px}.hero img{height:260px}}