 :root{--bg:#050812;--navy:#071426;--navy2:#0b1e35;--panel:#0d1828;--panel2:#101d31;--text:#f4f7fb;--muted:#98a3b2;--line:rgba(232,238,247,.13);--accent:#c6c9cf;--accent2:#9b958b;--ice:#e9edf3;--shadow:0 28px 90px rgba(0,0,0,.42)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:radial-gradient(circle at 8% 0%,rgba(198,201,207,.18),transparent 27%),radial-gradient(circle at 85% 8%,rgba(27,54,91,.42),transparent 34%),linear-gradient(135deg,#03050a 0%,#071426 48%,#0f1725 100%);overflow-x:hidden}.corp-grid{position:fixed;inset:0;pointer-events:none;opacity:.28;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:58px 58px;mask-image:radial-gradient(circle at 50% 10%,#000,transparent 72%)}.page-shell{width:min(1120px,calc(100% - 32px));margin:32px auto 22px;position:relative;z-index:1}.card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(13,24,40,.94),rgba(10,18,31,.88));border-radius:28px;box-shadow:var(--shadow);backdrop-filter:blur(18px)}.hero{padding:28px 34px 46px;min-height:500px;position:relative;overflow:hidden}.boardroom:before{content:"";position:absolute;inset:auto -20% -45% -20%;height:70%;background:linear-gradient(180deg,transparent,rgba(255,255,255,.035));transform:perspective(560px) rotateX(62deg);border-top:1px solid rgba(255,255,255,.08)}.brandbar{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:52px}.brand-logo{width:min(430px,72vw);height:auto;display:block;filter:drop-shadow(0 18px 36px rgba(0,0,0,.28))}.live-chip{border:1px solid var(--line);border-radius:999px;padding:9px 12px;color:#cbd5e1;background:rgba(255,255,255,.045);font-size:.78rem;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.live-chip span{display:inline-block;width:8px;height:8px;border-radius:50%;background:#9ba3af;margin-right:8px;box-shadow:0 0 16px #cbd5e1}.hero-copy{position:relative;z-index:1}.badge,.section-kicker{letter-spacing:.26em;text-transform:uppercase;color:#cbd5e1;font-weight:850;font-size:.75rem}h1{font-size:clamp(2.8rem,7vw,6.6rem);line-height:.9;margin:18px 0 18px;max-width:920px;letter-spacing:-.072em}h2{font-size:clamp(1.45rem,3vw,2.1rem);margin:10px 0 16px;letter-spacing:-.04em}.lead{font-size:clamp(1.12rem,2vw,1.42rem);color:var(--muted);max-width:760px;margin:0 0 24px}.triangle{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 30px}.triangle span{border:1px solid var(--line);padding:10px 12px;border-radius:999px;color:#d7e1f3;background:rgba(255,255,255,.045);font-size:.95rem}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}button,.ghost-link{border:0;border-radius:999px;padding:13px 18px;font-weight:850;cursor:pointer;transition:.2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;color:var(--text)}.primary{background:linear-gradient(135deg,#ffffff,#b7bdc8);color:#071426;box-shadow:0 14px 32px rgba(255,255,255,.08)}.secondary,.ghost{background:rgba(255,255,255,.075);border:1px solid var(--line)}.ghost-link{border:1px solid var(--line);background:rgba(255,255,255,.06);width:max-content}button:hover,.ghost-link:hover{transform:translateY(-2px);filter:brightness(1.08)}.grid-two{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-top:18px}.grid-two .card,.dashboard,.manifesto{padding:28px}.output{color:#d9e3f7;font-size:1.12rem;line-height:1.55;min-height:72px;margin:0 0 20px}.output.small{font-size:1rem;min-height:unset;color:var(--muted)}.approval-meter{height:18px;border:1px solid var(--line);border-radius:999px;background:rgba(0,0,0,.25);overflow:hidden;margin:10px 0 18px}.approval-meter div{height:100%;width:7%;background:linear-gradient(90deg,#64748b,#f8fafc);transition:width .65s ease}.dashboard{margin-top:18px}.kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.kpi{padding:18px;border-radius:22px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025))}.kpi span{display:block;font-size:clamp(1.8rem,4vw,3rem);font-weight:950;letter-spacing:-.06em}.kpi small{color:var(--muted)}.quiz-options{display:grid;gap:10px}.quiz-options button{text-align:left;border-radius:16px;justify-content:flex-start;background:rgba(255,255,255,.06);border:1px solid var(--line)}.manifesto{margin-top:18px}.manifesto p{font-size:1.13rem;color:var(--muted);line-height:1.7;max-width:920px}.footer{width:min(1120px,calc(100% - 32px));margin:0 auto 22px;position:relative;z-index:1;display:flex;justify-content:space-between;gap:12px;color:rgba(231,237,248,.38);font-size:.82rem;padding:0 8px}.secret-links{display:flex;gap:14px;flex-wrap:wrap}.secret-links a{color:rgba(231,237,248,.34);text-decoration:none;border-bottom:1px solid rgba(231,237,248,.14)}.secret-links a:hover{color:rgba(231,237,248,.9)}#toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);opacity:0;pointer-events:none;background:#e7edf8;color:#09111f;padding:12px 16px;border-radius:999px;font-weight:800;box-shadow:0 12px 40px rgba(0,0,0,.35);transition:.25s ease;z-index:5}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.calendar-cannon{margin-top:18px;padding:30px;position:relative;overflow:hidden}.calendar-cannon:before{content:"";position:absolute;right:-60px;bottom:-80px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(198,201,207,.15),transparent 65%)}.form-intro{color:var(--muted);line-height:1.65;max-width:820px;margin:0 0 22px}.meeting-form{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr .65fr;gap:14px;align-items:end}.meeting-form label{display:grid;gap:7px;color:#cbd5e1;font-size:.78rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.meeting-form input,.meeting-form select,.meeting-form textarea{width:100%;border:1px solid var(--line);background:rgba(0,0,0,.22);color:var(--text);border-radius:16px;padding:13px 14px;font:inherit;outline:none}.meeting-form input:focus,.meeting-form select:focus,.meeting-form textarea:focus{border-color:rgba(248,250,252,.72);box-shadow:0 0 0 4px rgba(203,213,225,.12)}.meeting-form select option{background:#101827;color:var(--text)}.participants-field{grid-column:1/-1}.meeting-form textarea{resize:vertical;min-height:98px}.participants-field small{color:var(--muted);font-size:.82rem;font-weight:650;letter-spacing:0;text-transform:none}.consent-row{grid-column:1/-1;display:flex!important;flex-direction:row;align-items:flex-start;gap:10px;letter-spacing:0!important;text-transform:none!important;color:var(--muted)!important;font-weight:650!important;font-size:.92rem!important}.consent-row input{width:18px;height:18px;margin-top:2px;flex:0 0 auto}.hidden-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.send-result{margin-top:18px;color:#d9e3f7;line-height:1.55;border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:20px;padding:16px;display:none}.send-result.show{display:block}.send-result ul{margin:10px 0 0;padding-left:20px;color:var(--muted)}@media(max-width:860px){.hero{padding:22px}.brandbar{align-items:flex-start;flex-direction:column;margin-bottom:34px}.grid-two,.kpis,.meeting-form{grid-template-columns:1fr}.footer{flex-direction:column}.kpi span{font-size:2.2rem}.calendar-cannon{padding:24px}.live-chip{display:none}}
/* V3.2 logo rendering fix: no crop, no squashed director, also in /onlinemoede */
.brandbar{overflow:visible;min-height:0;align-items:center;}
.brand-logo{display:block;width:min(520px,78vw);max-width:100%;height:auto;aspect-ratio:4 / 1;object-fit:contain;object-position:left center;overflow:visible;}
.meeting-header{overflow:visible;}
.meeting-header img,.meeting-logo{display:block;width:min(480px,72vw)!important;max-width:100%;height:auto!important;aspect-ratio:4 / 1;object-fit:contain;object-position:left center;overflow:visible;}
@media(max-width:860px){.brand-logo{width:min(440px,88vw)}.meeting-header img,.meeting-logo{width:min(420px,84vw)!important}.meeting-header{align-items:flex-start;flex-direction:column}}
/* V4 Direktør-certifikat */
.certificate-teaser{margin-top:18px;padding:30px;display:grid;gap:12px;position:relative;overflow:hidden}.certificate-teaser:after{content:"";position:absolute;right:-80px;top:-80px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(203,213,225,.18),transparent 67%)}.certificate-teaser p{color:var(--muted);font-size:1.1rem;line-height:1.65;max-width:820px}.cert-cta{width:max-content;text-decoration:none}.cert-body .page-shell{margin-top:26px}.cert-shell{max-width:1080px}.cert-topbar{margin-bottom:18px}.cert-topbar a:first-child{display:block}.cert-hero,.cert-quiz-panel,.cert-result-panel{padding:32px;overflow:hidden}.cert-start-form{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:end;max-width:820px;margin-top:24px}.cert-start-form label{display:grid;gap:8px;color:#cbd5e1;font-size:.78rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.cert-start-form input{border:1px solid var(--line);background:rgba(0,0,0,.22);color:var(--text);border-radius:18px;padding:15px 16px;font:inherit;outline:none}.cert-progress{display:grid;gap:8px;margin-bottom:24px;color:var(--muted);font-weight:800}.cert-progress div{height:12px;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:rgba(0,0,0,.24)}.cert-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,#7b8797,#ffffff);transition:width .35s ease}.cert-answers{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.cert-answers button{border-radius:18px;justify-content:flex-start;text-align:left;background:rgba(255,255,255,.06);border:1px solid var(--line);min-height:62px}.cert-answers button.correct{background:rgba(203,213,225,.2);border-color:rgba(248,250,252,.75)}.cert-answers button.wrong{opacity:.45}.certificate-preview{margin:24px 0;border:1px solid rgba(203,213,225,.24);border-radius:28px;padding:18px;background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.035));max-width:860px}.cert-preview-inner{border:1px solid rgba(203,213,225,.36);border-radius:20px;padding:34px;text-align:center;background:radial-gradient(circle at 50% 0%,rgba(203,213,225,.14),transparent 45%),rgba(5,8,18,.42)}.cert-preview-inner img{width:70px;height:auto;opacity:.86}.cert-small{font-size:.76rem;font-weight:900;letter-spacing:.28em;color:#cbd5e1}.cert-preview-inner h2{font-size:clamp(2rem,5vw,4rem);margin:12px 0}.cert-preview-inner h3{font-size:clamp(1.8rem,4vw,3.3rem);margin:10px 0;color:#fff}.cert-preview-inner p{color:var(--muted);line-height:1.65}.signature-row{display:grid;justify-content:end;text-align:center;margin-top:28px;padding-right:34px}.signature-row span{font-family:Georgia,serif;font-style:italic;font-size:2.2rem;color:#fff}.signature-row small{border-top:1px solid rgba(203,213,225,.5);padding-top:7px;color:var(--muted)}.cert-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.share-note{color:var(--muted);font-size:.92rem}.cert-share-landing .brand-logo{margin-bottom:28px}.cert-share-landing h1{font-size:clamp(2.2rem,6vw,5rem)}@media(max-width:760px){.cert-start-form,.cert-answers{grid-template-columns:1fr}.cert-hero,.cert-quiz-panel,.cert-result-panel{padding:24px}.cert-preview-inner{padding:22px}.signature-row{justify-content:center;padding-right:0}.certificate-teaser{padding:24px}}


/* V4.1 Executive stjernestøv */
.cert-hero:before,.cert-result-panel:before{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 18% 12%,rgba(255,255,255,.15),transparent 24%),radial-gradient(circle at 82% 18%,rgba(148,163,184,.16),transparent 30%);opacity:.9}.cert-hero,.cert-quiz-panel,.cert-result-panel{position:relative}.certificate-preview{border-color:rgba(226,232,240,.42);box-shadow:0 28px 80px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.10)}.cert-preview-inner{position:relative;overflow:hidden;border-radius:26px;border:1px solid rgba(226,232,240,.48);padding:42px;background:linear-gradient(135deg,rgba(7,20,38,.96),rgba(11,31,63,.82)),radial-gradient(circle at 50% 0%,rgba(255,255,255,.14),transparent 48%)}.cert-preview-inner:before{content:"D";position:absolute;inset:auto 0 10px 0;text-align:center;font-size:16rem;line-height:1;font-weight:900;color:rgba(255,255,255,.035);z-index:0}.cert-preview-inner:after{content:"OFFICIALLY IMPORTANT • LINKEDIN READY • PRACTICALLY NON-BINDING";display:block;margin:26px auto 4px;padding:10px 14px;border-radius:999px;max-width:560px;background:rgba(255,255,255,.08);border:1px solid rgba(226,232,240,.22);color:#e5e7eb;font-weight:900;font-size:.68rem;letter-spacing:.16em}.cert-preview-inner>*{position:relative;z-index:1}.cert-preview-inner img{width:82px;filter:drop-shadow(0 10px 22px rgba(0,0,0,.35))}.cert-small{color:#e5e7eb;letter-spacing:.31em}.cert-preview-inner h2{font-family:Georgia,'Times New Roman',serif;font-weight:700;letter-spacing:.01em;text-transform:none}.cert-preview-inner h3{font-family:Georgia,'Times New Roman',serif;font-style:italic;text-shadow:0 8px 26px rgba(0,0,0,.38)}.signature-row span{font-size:2.55rem}.cert-actions .ghost-link{border:1px solid rgba(226,232,240,.18);border-radius:999px;padding:11px 14px;background:rgba(255,255,255,.045)}.cert-share-landing{overflow:hidden}.cert-share-landing:after{content:"CERTIFIED";position:absolute;right:-28px;bottom:18px;transform:rotate(-12deg);font-weight:950;letter-spacing:.12em;font-size:4.5rem;color:rgba(255,255,255,.045)}
