/* GRENTALO — css/style.css */
:root{--bg:#0B1118;--panel:#131A22;--ink:#E8F0F4;--muted:#C9D4E0;--accent:#5A7AB8;--line:#2A3542;--serif:'Fraunces',Georgia,serif;--sans:'Manrope',Arial,sans-serif}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 var(--sans)}a{color:var(--ink);text-decoration:none}a:hover{color:#fff}p{color:var(--muted)}h1,h2,h3{font-family:var(--serif);line-height:1.12;color:var(--ink);margin:0 0 1rem}h1{font-size:clamp(2.7rem,6vw,6rem)}h2{font-size:clamp(2rem,4vw,3.4rem)}h3{font-size:1.35rem}.wrap{width:min(1200px,calc(100% - 48px));margin:0 auto}.topbar{background:#131A22;color:#C9D4E0;text-align:center;padding:8px 20px;font-size:12px;border-bottom:1px solid var(--line)}.site-header{position:sticky;top:0;z-index:5;background:#0B1118;border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;padding:20px 0}.wordmark{font:700 2rem var(--serif);color:var(--ink)}nav{display:flex;align-items:center;gap:24px;color:var(--muted);font-size:14px}.dropdown{position:relative}.dropdown button{background:none;border:0;color:var(--muted);font:inherit;cursor:pointer}.menu{display:none;position:absolute;top:28px;left:-10px;background:var(--panel);border:1px solid var(--line);padding:10px;width:220px;border-radius:8px}.dropdown:hover .menu{display:grid}.menu a{padding:8px;color:var(--ink)}.button,.cookie-actions button:first-child{background:var(--accent);color:#fff;padding:10px 20px;border-radius:999px}.mobile-toggle{display:none;background:none;border:0;color:var(--ink);font-size:20px}.mobile-menu{display:none}.disclaimer{text-align:center;background:var(--panel);border-top:1px solid var(--line);color:#C9D4E0;font-size:12px;padding:4px}.hero{padding:110px 0 90px;background:linear-gradient(90deg,#0B1118 25%,#0B1118D9),url('../images/hero_forside.webp') center/cover}.hero-inner{max-width:780px}.eyebrow,.kicker{color:#91A9D5;text-transform:uppercase;letter-spacing:.16em;font:500 12px var(--sans)}.hero p{font-size:1.2rem;max-width:700px}.section{padding:90px 0}.section h2{max-width:760px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{background:var(--panel);border:1px solid var(--line);padding:28px;border-radius:10px}.card img,.split img,.article img{width:100%;height:260px;object-fit:cover;border-radius:8px}.stats{background:#131A22;padding:55px 0}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}.stat strong{display:block;font:700 3rem var(--serif);color:#fff}.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.split img{height:100%;max-height:500px}.dark-callout{background:#5A7AB8;color:#fff;text-align:center;padding:70px 24px}.dark-callout h2,.dark-callout p{color:#fff;max-width:780px;margin-left:auto;margin-right:auto}.timeline{display:grid;gap:18px}.step{display:grid;grid-template-columns:70px 1fr;gap:22px;border-top:1px solid var(--line);padding:24px 0}.step b{font:700 2rem var(--serif);color:#91A9D5}.quote{border-left:4px solid var(--accent);padding:25px 30px;background:var(--panel);font:700 1.5rem/1.4 var(--serif)}table{width:100%;border-collapse:collapse;background:var(--panel)}th,td{padding:16px;border:1px solid var(--line);text-align:left;color:var(--muted)}th{color:var(--ink)}.faq-list{display:grid;gap:12px}.faq-item{border:1px solid var(--line);padding:20px;background:var(--panel)}.faq-item button{width:100%;background:none;border:0;color:var(--ink);text-align:left;font:700 1.1rem var(--sans);cursor:pointer}.faq-answer{display:none}.faq-answer.open{display:block}.article{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:28px 0;border-top:1px solid var(--line)}.article img{height:220px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.map{min-height:420px;border:1px solid var(--line)}.legal{max-width:900px;padding:80px 0}.legal section{margin:38px 0}.legal h2{font-size:2rem}.cookie{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);width:min(1000px,calc(100% - 24px));z-index:20;background:#131A22;color:#E8F0F4;border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 40px #000;}.cookie>div{padding:16px 20px}.cookie p{margin:0}.cookie-actions{display:flex;gap:8px;flex-wrap:wrap}.cookie-actions button{border:1px solid var(--line);background:#202B38;color:#E8F0F4;border-radius:999px;padding:9px 14px;cursor:pointer}.footer{background:#131A22;border-top:1px solid var(--line);padding:70px 0 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer-grid>div{display:flex;flex-direction:column;gap:8px}.footer h3{font:500 12px var(--sans);text-transform:uppercase;letter-spacing:.15em;color:#91A9D5}.footer-bottom{border-top:1px solid var(--line);margin-top:50px;padding-top:25px;font-size:13px}.footer-bottom p{margin:5px 0}.not-found{min-height:65vh;display:grid;place-items:center;text-align:center}.center{text-align:center}.mt{margin-top:32px}.lead{font-size:1.15rem}.list{display:grid;gap:12px}.list li{color:var(--muted)}.notice{padding:24px;background:#202B38;border:1px solid var(--line);color:var(--muted)}@media(max-width:1023px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.wrap{width:min(100% - 32px,1200px)}nav{display:none}.mobile-toggle{display:block}.mobile-menu{padding:18px 16px;gap:14px}.mobile-menu a{display:block}.grid-3,.grid-4,.split,.article,.contact-grid,.footer-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr);gap:18px}.section{padding:60px 0}.hero{padding:75px 0}.cookie-actions button{font-size:12px}.hero h1{font-size:3rem}.map{min-height:300px}}
/* utility classes */
.container{width:min(1200px,calc(100% - 48px));margin:0 auto}.text-center{text-align:center}.display{font-family:var(--serif)}.muted{color:var(--muted)}.accent{color:#91A9D5}.border-top{border-top:1px solid var(--line)}.pad{padding:24px}.small{font-size:13px}.wide{max-width:100%}.cols-2{columns:2;column-gap:40px}@media(max-width:767px){.cols-2{columns:1}}