/**
 * Rotary Zones 17 & 18 – Concept Prototype
 * Levering 15 – 25.08.2026
 * Formål: Palanga-demoens fælles responsive design inkl. synlig The Concept-navigation
 * og en diskret visions-teaser på forsiden.
 */
:root{--blue:#17458f;--deep:#0c2f68;--gold:#f7a81b;--ink:#14263b;--text:#4b5c6e;--muted:#73808d;--cream:#f7f4ed;--soft:#f3f6f8;--line:#dce3e9;--white:#fff;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:#fff;line-height:1.55;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto}a{color:inherit}button,input{font:inherit}button{cursor:pointer}.container{width:min(calc(100% - 40px),var(--max));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:16px;top:-80px;z-index:999;background:#fff;color:var(--blue);padding:10px 14px}.skip-link:focus{top:16px}
.prototype-bar{background:#f2b53e;color:#263547;text-align:center;padding:7px 16px;font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.site-header{background:rgba(255,255,255,.99);border-bottom:1px solid #d6dde4;box-shadow:0 5px 18px rgba(19,49,86,.055);position:sticky;top:0;z-index:50;backdrop-filter:blur(12px)}.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;text-decoration:none}.brand img{display:block;width:230px;max-height:72px;object-fit:contain;object-position:left}.main-nav{display:flex;align-items:center;gap:7px}.main-nav a{position:relative;text-decoration:none;color:#2f4155;padding:10px 14px;font-size:15px;font-weight:800;letter-spacing:.005em}.main-nav a:hover,.main-nav a:focus{color:var(--blue);outline:none}
.main-nav a.active{color:var(--blue)}
.main-nav a.active::after{content:"";position:absolute;left:14px;right:14px;bottom:2px;height:3px;border-radius:999px;background:var(--gold)}.main-nav .nav-leaders{border:1px solid #b9c9dc;border-radius:999px;margin-left:9px;padding-inline:17px;color:var(--blue);background:#f6f9fd;box-shadow:0 2px 8px rgba(23,69,143,.05)}.main-nav .nav-leaders:hover,.main-nav .nav-leaders:focus{background:var(--blue);border-color:var(--blue);color:#fff}.menu-toggle{display:none;border:0;background:transparent;color:var(--blue);align-items:center;gap:8px;padding:10px;font-weight:800}.menu-icon{display:grid;gap:4px}.menu-icon span{width:22px;height:2px;background:currentColor;display:block}
.eyebrow,.section-kicker{display:inline-block;color:var(--blue);font-size:11px;line-height:1;letter-spacing:.14em;text-transform:uppercase;font-weight:900}
.home-intro{background:#fff;padding:38px 0 26px}
.home-intro-card{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--deep),var(--blue));color:#fff;border-radius:10px;padding:42px 46px 32px;box-shadow:0 18px 42px rgba(17,48,87,.13)}
.home-intro-card::after{content:"";position:absolute;right:-70px;top:-95px;width:390px;height:390px;border:58px solid rgba(247,168,27,.08);border-radius:50%;pointer-events:none}
.home-intro-card>*{position:relative;z-index:1}
.home-intro .eyebrow{color:var(--gold)}
.home-intro h1{font-size:clamp(44px,6vw,72px);line-height:.98;letter-spacing:-.05em;color:#fff;margin:16px 0 18px;max-width:850px}
.home-intro-lead{font-size:18px;max-width:790px;margin:0;color:#e3ebf5}
.home-intro-options{margin-top:30px;padding:27px 0;border-top:1px solid rgba(255,255,255,.22);border-bottom:1px solid rgba(255,255,255,.22);display:grid;grid-template-columns:repeat(3,1fr)}
.intro-option{display:grid;grid-template-columns:52px 1fr;gap:14px;align-items:start;text-decoration:none;color:#fff;padding:4px 28px 4px 0;min-width:0}
.intro-option+.intro-option{border-left:1px solid rgba(255,255,255,.24);padding-left:28px}
.intro-icon{width:42px;height:42px;display:grid;place-items:center;color:var(--gold)}
.intro-icon svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.intro-option strong{display:block;color:#fff;font-size:16px;line-height:1.22;margin-bottom:7px}
.intro-option small{display:block;color:#dce7f3;font-size:14px}
.intro-option b{color:var(--gold)}
.intro-option:hover strong,.intro-option:focus strong{text-decoration:underline;text-underline-offset:3px}
.intro-option:focus{outline:2px solid var(--gold);outline-offset:5px}
.home-intro-closing{font-size:17px;margin:18px 0 0;color:#fff}
.home-intro-closing strong{color:var(--gold)}
.home-search{padding:34px 0 28px;background:#fff;scroll-margin-top:120px}.search-panel{background:linear-gradient(135deg,#f7a81b,#ffbd39);color:var(--ink);border-radius:10px;padding:34px 38px 32px;display:grid;grid-template-columns:minmax(240px,.58fr) minmax(0,1.42fr);gap:40px;align-items:center;box-shadow:0 16px 38px rgba(100,69,10,.11)}.step-badge{display:inline-block;color:var(--deep);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.search-heading h2,.guide-copy h2{font-size:clamp(31px,4vw,46px);line-height:1.03;letter-spacing:-.04em;margin:10px 0 9px;color:var(--ink)}.search-heading p{margin:0;color:#3e4c5b;max-width:380px}.main-search{min-width:0}.main-search-box{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;background:#fff;border-radius:8px;padding:7px;box-shadow:0 12px 26px rgba(5,25,54,.22)}.search-icon{display:grid;place-items:center;width:48px;height:48px;color:var(--blue);font-size:30px}.main-search-box input{min-width:0;border:0;outline:0;padding:16px 8px;font-size:19px;color:var(--ink);background:#fff}.main-search-box input::placeholder{color:#7b8794}.main-search-box button{border:0;border-radius:6px;background:var(--deep);color:#fff;padding:16px 26px;font-weight:900;font-size:16px}.main-search-box button:hover,.main-search-box button:focus{background:#082653;outline:3px solid rgba(12,47,104,.18)}.search-suggestions{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin-top:12px}.search-suggestions>span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--deep);font-weight:900}.search-suggestions button{border:1px solid rgba(12,47,104,.28);background:rgba(255,255,255,.12);color:var(--deep);border-radius:999px;padding:5px 9px;font-size:11px;font-weight:750}.search-suggestions button:hover,.search-suggestions button:focus{background:rgba(255,255,255,.34);outline:none}.search-results{margin-top:12px}.search-result-card{display:block;text-decoration:none;background:#fff;border-left:4px solid var(--gold);padding:13px 15px;border-radius:4px;color:var(--ink)}.search-result-card span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--blue);font-weight:900}.search-result-card strong{font-size:14px}.search-result-card p{font-size:12px;margin:3px 0 0}.no-result{background:#fffaf0}
.guide-intro{padding:28px 0 68px;background:#fff;scroll-margin-top:120px}.guide-panel{background:var(--cream);border:1px solid #ebe5d8;border-radius:10px;padding:36px 38px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:55px;align-items:center}.step-badge-gold{color:#9a6500}.guide-copy h2{color:var(--ink)}.guide-copy p{font-size:17px;max-width:650px;margin:0}.guide-start{margin-top:24px;border:0;background:var(--blue);color:#fff;border-radius:5px;padding:15px 20px;font-weight:850}.guide-start span{color:var(--gold);margin-left:7px}.guide-start:hover,.guide-start:focus{background:var(--deep);outline:3px solid rgba(23,69,143,.15)}.guide-promise{display:grid;grid-template-columns:34px 1fr;gap:10px 13px;align-items:center}.guide-promise span{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--gold);color:var(--ink);font-size:12px;font-weight:900}.guide-promise p{margin:0;color:var(--ink);font-weight:750}
.pathfinder-shell{margin-top:18px;background:var(--deep);color:#fff;border-radius:10px;overflow:hidden}.pathfinder-shell[hidden]{display:none!important}.pathfinder-progress{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:17px 24px;border-bottom:1px solid rgba(255,255,255,.13);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.progress-track{height:3px;background:rgba(255,255,255,.15);overflow:hidden}.progress-track i{display:block;height:100%;width:8%;background:var(--gold);transition:width .3s ease}.pathfinder-stage{padding:36px 38px 28px;min-height:330px}.pathfinder-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:var(--gold);color:var(--deep);font-size:20px}.pathfinder-stage h3{font-size:clamp(28px,4vw,42px);line-height:1.05;letter-spacing:-.035em;margin:18px 0 8px;color:#fff}.pathfinder-stage>div>p{color:#cbd8ea;margin:0 0 24px}.choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.choice-card{min-width:0;text-align:left;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff;padding:19px;border-radius:6px;min-height:150px;display:flex;flex-direction:column;align-items:flex-start}.choice-card>span{color:var(--gold);font-size:11px;font-weight:900}.choice-card strong{font-size:17px;line-height:1.2;margin:16px 0 8px}.choice-card small{color:#bdcce0;line-height:1.35}.choice-card:hover,.choice-card:focus{background:#fff;color:var(--ink);border-color:#fff;outline:none}.choice-card:hover small,.choice-card:focus small{color:#607082}.choice-card-soft{border-style:dashed}.pathfinder-question .choice-grid{grid-template-columns:repeat(3,1fr)}.pathfinder-controls{display:flex;gap:22px;padding:0 38px 24px}.pathfinder-controls button{border:0;background:transparent;color:#c9d5e5;padding:8px 0}.pathfinder-controls button:last-child{margin-left:auto}.pathfinder-controls button:hover,.pathfinder-controls button:focus{color:#fff;outline:none}.pathfinder-result{max-width:900px}.result-label{color:var(--gold);font-size:11px;text-transform:uppercase;letter-spacing:.13em;font-weight:900}.result-intro{font-size:16px!important;max-width:700px}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}.result-card{background:#fff;color:var(--ink);padding:20px;border-radius:6px}.result-card span{font-size:10px;letter-spacing:.1em;color:var(--blue);font-weight:900}.result-card h4{font-size:17px;margin:8px 0}.result-card p{font-size:13px;color:#617083;margin:0}.result-demo{margin-top:22px;padding:13px 16px;border-left:3px solid var(--gold);background:rgba(255,255,255,.07);color:#d8e3ef;font-size:13px}
.explore{padding:72px 0;background:var(--soft);scroll-margin-top:120px}.explore-heading{max-width:700px;margin-bottom:27px}.explore-heading h2{font-size:clamp(31px,4vw,47px);line-height:1.04;letter-spacing:-.04em;color:var(--ink);margin:11px 0 7px}.explore-heading p{margin:0}.explore-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.explore-card{background:#fff;text-decoration:none;padding:28px;min-height:280px;display:flex;flex-direction:column;border-top:3px solid var(--gold);transition:transform .15s ease,box-shadow .15s ease}.explore-card:hover,.explore-card:focus{transform:translateY(-3px);box-shadow:0 15px 30px rgba(20,45,74,.09);outline:none}.explore-number{font-size:11px;color:var(--gold);font-weight:900}.explore-card h3{font-size:28px;letter-spacing:-.03em;color:var(--ink);margin:28px 0 10px}.explore-card p{font-size:14px;margin:0}.explore-card strong{margin-top:auto;color:var(--blue);font-size:14px}.explore-card-blue{background:var(--blue);color:#dbe6f3}.explore-card-blue h3,.explore-card-blue strong{color:#fff}
.story-teaser{padding:72px 0;background:#fff}.story-teaser-inner{display:grid;grid-template-columns:1fr auto;gap:45px;align-items:end}.story-teaser blockquote{margin:14px 0 0;font-size:clamp(31px,4vw,50px);line-height:1.04;letter-spacing:-.04em;color:var(--ink)}.story-teaser blockquote strong{color:var(--blue)}.story-teaser button{border:0;background:transparent;color:var(--blue);font-weight:850;padding:8px 0;white-space:nowrap}
.leaders-teaser{padding:48px 0;background:var(--ink);color:#d8e2ed}.leaders-inner{display:flex;justify-content:space-between;align-items:center;gap:40px}.leaders-inner h2{font-size:30px;color:#fff;margin:9px 0 5px}.leaders-inner p{margin:0}.leaders-inner .section-kicker{color:var(--gold)}.leaders-inner button{flex:0 0 auto;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;padding:13px 17px;border-radius:3px;font-weight:800}
.site-footer{background:#081f46;color:#bfcce0;padding:45px 0 20px}.footer-grid{display:grid;grid-template-columns:1fr 1.5fr .6fr;gap:45px}.footer-brand img{width:160px;filter:brightness(0) invert(1);opacity:.9}.footer-grid strong{color:#fff}.footer-grid p{font-size:12px}.footer-meta a{color:#fff;text-decoration:none;font-weight:750;border-bottom:1px solid rgba(255,255,255,.35)}.footer-meta a:hover,.footer-meta a:focus{color:var(--gold);border-bottom-color:var(--gold);outline:none}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:28px;padding-top:16px;display:flex;justify-content:space-between;gap:20px;font-size:10px}.prototype-toast{position:fixed;right:20px;bottom:20px;max-width:360px;background:var(--ink);color:#fff;padding:14px 18px;border-left:4px solid var(--gold);z-index:100;opacity:0;transform:translateY(10px);transition:.2s}.prototype-toast.is-visible{opacity:1;transform:none}
@media(max-width:900px){.home-intro-options{grid-template-columns:1fr}.intro-option{padding:14px 0}.intro-option+.intro-option{border-left:0;border-top:1px solid rgba(255,255,255,.18);padding:16px 0 14px}.main-nav{display:none;position:absolute;left:0;right:0;top:82px;background:#fff;border-bottom:1px solid var(--line);padding:12px 20px;flex-direction:column;align-items:stretch}.main-nav.is-open{display:flex}.main-nav .nav-leaders{margin-left:0}.menu-toggle{display:flex}.search-panel,.guide-panel{grid-template-columns:1fr;gap:24px}.choice-grid,.pathfinder-question .choice-grid{grid-template-columns:repeat(2,1fr)}.explore-grid{grid-template-columns:1fr}.explore-card{min-height:220px}.story-teaser-inner{grid-template-columns:1fr;gap:22px}.footer-grid{grid-template-columns:1fr 1fr}.footer-meta{grid-column:1/-1}.leaders-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.container{width:min(calc(100% - 28px),var(--max))}.prototype-bar{font-size:9px}.header-inner{min-height:72px}.brand img{width:165px}.main-nav{top:72px}.menu-toggle{font-size:15px}.home-intro{padding:22px 0 20px}.home-intro-card{padding:30px 22px 24px;border-radius:8px}.home-intro h1{font-size:44px}.home-intro-lead{font-size:16px}.home-intro-options{grid-template-columns:1fr;margin-top:24px;padding:18px 0}.intro-option{grid-template-columns:42px 1fr;padding:14px 0}.intro-option+.intro-option{border-left:0;border-top:1px solid rgba(255,255,255,.18);padding:16px 0 14px}.intro-icon{width:34px;height:34px}.intro-icon svg{width:31px;height:31px}.intro-option strong{font-size:15px}.intro-option small{font-size:13px}.home-intro-closing{font-size:15px;margin-top:16px}.home-search{padding-top:22px;scroll-margin-top:95px}.search-panel,.guide-panel{padding:24px 18px;border-radius:8px}.main-search-box{grid-template-columns:auto minmax(0,1fr)}.main-search-box button{grid-column:1/-1;width:100%;margin-top:6px}.search-icon{width:38px}.main-search-box input{font-size:17px;padding:13px 5px}.search-suggestions>span{width:100%}.guide-intro{padding-bottom:50px;scroll-margin-top:95px}.guide-copy p{font-size:15px}.pathfinder-stage{padding:26px 18px 20px;min-height:0}.pathfinder-progress{padding:14px 18px}.choice-grid,.pathfinder-question .choice-grid,.result-grid{grid-template-columns:1fr}.choice-card{min-height:112px}.pathfinder-controls{padding:0 18px 18px;gap:14px;flex-wrap:wrap}.pathfinder-controls button:last-child{margin-left:0}.explore,.story-teaser{padding:54px 0}.story-teaser blockquote{font-size:37px}.leaders-inner h2{font-size:27px}.footer-grid{grid-template-columns:1fr;gap:25px}.footer-meta{grid-column:auto}.footer-bottom{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.main-nav .nav-leaders.active::after{display:none}

@media(max-width:900px){
  .main-nav a.active::after{left:14px;right:auto;width:34px;bottom:3px}
}


/* Levering 10 – Public Image demo page */
.subpage-hero{padding:38px 0 28px;background:#fff}
.subpage-hero-card{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--deep),var(--blue));color:#fff;border-radius:10px;padding:48px 50px 44px;box-shadow:0 18px 42px rgba(17,48,87,.13)}
.subpage-hero-card::after{content:"";position:absolute;right:-95px;top:-125px;width:430px;height:430px;border:64px solid rgba(247,168,27,.09);border-radius:50%}
.subpage-hero-card>*{position:relative;z-index:1}
.subpage-hero-card .eyebrow{color:var(--gold)}
.subpage-hero-card h1{max-width:860px;margin:15px 0 17px;color:#fff;font-size:clamp(43px,5.6vw,68px);line-height:.99;letter-spacing:-.045em}
.subpage-hero-card p{max-width:800px;margin:0;color:#dfe9f5;font-size:18px}

.subpage-start{padding:62px 0 72px;background:#fff}
.subpage-heading{max-width:760px;margin-bottom:28px}
.subpage-heading h2{margin:11px 0 8px;color:var(--ink);font-size:clamp(32px,4vw,49px);line-height:1.04;letter-spacing:-.04em}
.subpage-heading p{margin:0;font-size:16px}
.public-image-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.public-image-card{min-height:285px;background:var(--soft);border:1px solid #e1e6ea;border-top:3px solid var(--gold);border-radius:7px;padding:27px;display:flex;flex-direction:column;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}
.public-image-card:hover,.public-image-card:focus{transform:translateY(-3px);box-shadow:0 15px 32px rgba(20,45,74,.09);background:#fff;outline:none}
.public-image-card-featured{background:var(--blue);border-color:var(--blue);border-top-color:var(--gold);color:#dce7f4}
.pi-card-label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:900;color:var(--blue)}
.public-image-card-featured .pi-card-label{color:var(--gold)}
.public-image-card h3{margin:27px 0 10px;color:var(--ink);font-size:26px;line-height:1.08;letter-spacing:-.03em}
.public-image-card-featured h3{color:#fff}
.public-image-card p{margin:0;font-size:14px}
.public-image-card strong{margin-top:auto;padding-top:24px;color:var(--blue);font-size:14px}
.public-image-card-featured strong{color:#fff}

.public-image-story{padding:78px 0;background:var(--cream)}
.public-image-story-inner{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center}
.public-image-story blockquote{margin:15px 0 0;color:var(--ink);font-size:clamp(37px,4.8vw,59px);line-height:1.03;letter-spacing:-.045em}
.public-image-story blockquote strong{color:var(--blue)}
.public-image-story-copy p{font-size:17px;margin:0 0 22px}
.public-image-story-copy a{color:var(--blue);font-weight:850;text-decoration:none}

.demo-resource-area{padding:56px 0 70px;background:#fff}
.demo-resource-box{border-left:5px solid var(--gold);background:var(--soft);padding:28px 31px;display:flex;justify-content:space-between;align-items:end;gap:45px}
.demo-resource-box h2{margin:9px 0 7px;color:var(--ink);font-size:28px;letter-spacing:-.025em}
.demo-resource-box p{max-width:760px;margin:0}
.demo-back-link{flex:0 0 auto;color:var(--blue);font-weight:850;text-decoration:none;white-space:nowrap}

.demo-page-toast{position:fixed;right:20px;bottom:20px;max-width:380px;background:var(--deep);color:#fff;padding:16px 18px;border-left:4px solid var(--gold);z-index:120;box-shadow:0 12px 30px rgba(0,0,0,.18);opacity:0;transform:translateY(10px);transition:.2s}
.demo-page-toast.is-visible{opacity:1;transform:none}

@media(max-width:900px){
  .public-image-grid{grid-template-columns:repeat(2,1fr)}
  .public-image-story-inner{grid-template-columns:1fr;gap:30px}
  .demo-resource-box{align-items:flex-start;flex-direction:column}
}
@media(max-width:600px){
  .subpage-hero{padding:22px 0 20px}
  .subpage-hero-card{padding:31px 22px 28px;border-radius:8px}
  .subpage-hero-card h1{font-size:43px}
  .subpage-hero-card p{font-size:16px}
  .subpage-start{padding:48px 0 54px}
  .public-image-grid{grid-template-columns:1fr}
  .public-image-card{min-height:230px}
  .public-image-story{padding:54px 0}
  .public-image-story blockquote{font-size:38px}
  .demo-resource-area{padding:42px 0 55px}
  .demo-resource-box{padding:23px 20px}
}


/* Levering 11 – Regional Leaders Workspace */
.workspace-hero{padding:38px 0 28px;background:#fff}
.workspace-hero-card{position:relative;overflow:hidden;background:linear-gradient(135deg,#0a2858,var(--blue));color:#fff;border-radius:10px;padding:44px 48px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:55px;align-items:center;box-shadow:0 18px 42px rgba(17,48,87,.13)}
.workspace-hero-card::after{content:"";position:absolute;right:-110px;bottom:-180px;width:430px;height:430px;border:64px solid rgba(247,168,27,.09);border-radius:50%}
.workspace-hero-card>*{position:relative;z-index:1}
.workspace-hero .eyebrow{color:var(--gold)}
.workspace-hero h1{margin:15px 0 16px;color:#fff;font-size:clamp(43px,5.6vw,67px);line-height:.99;letter-spacing:-.045em}
.workspace-hero-copy>p{max-width:720px;margin:0;color:#dfe9f5;font-size:18px}
.workspace-user-card{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.22);border-radius:8px;padding:22px}
.workspace-user-label{display:block;color:var(--gold);font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:900}
.workspace-user-card>strong{display:block;color:#fff;font-size:23px;margin:8px 0 2px}
.workspace-user-card>p{margin:0 0 15px;color:#dce7f4;font-size:13px}
.workspace-access-tags{display:flex;flex-wrap:wrap;gap:6px}
.workspace-access-tags span{border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:5px 8px;color:#fff;font-size:10px}

.workspace-intro{padding:62px 0 74px;background:#fff}
.workspace-heading{max-width:800px;margin-bottom:29px}
.workspace-heading h2{margin:11px 0 8px;color:var(--ink);font-size:clamp(32px,4vw,49px);line-height:1.04;letter-spacing:-.04em}
.workspace-heading p{margin:0;font-size:16px}
.workspace-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.workspace-card{min-height:295px;background:var(--soft);border:1px solid #e0e6eb;border-top:3px solid var(--gold);border-radius:7px;padding:26px;display:flex;flex-direction:column;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}
.workspace-card:hover,.workspace-card:focus{transform:translateY(-3px);box-shadow:0 15px 32px rgba(20,45,74,.09);background:#fff;outline:none}
.workspace-card-blue{background:var(--blue);border-color:var(--blue);color:#dce7f4}
.workspace-card-gold{background:linear-gradient(135deg,#f7a81b,#ffbd39);border-color:#f7a81b;color:#2b3b4d}
.workspace-card-admin{background:#eef3f9}
.workspace-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.workspace-icon{font-size:25px;color:var(--blue);font-weight:900}
.workspace-card-blue .workspace-icon{color:var(--gold)}
.workspace-card-gold .workspace-icon{color:var(--deep)}
.permission-badge{display:inline-flex;border-radius:999px;background:#e7eef7;color:var(--blue);padding:5px 8px;font-size:9px;text-transform:uppercase;letter-spacing:.08em;font-weight:900}
.workspace-card-blue .permission-badge{background:rgba(255,255,255,.13);color:#fff}
.permission-badge-dark{background:rgba(12,47,104,.12);color:var(--deep)}
.permission-badge-admin{background:#d9e3ef;color:#42566d}
.workspace-card h3{margin:29px 0 9px;color:var(--ink);font-size:27px;line-height:1.08;letter-spacing:-.03em}
.workspace-card-blue h3{color:#fff}
.workspace-card p{margin:0;font-size:14px}
.workspace-card strong{margin-top:auto;padding-top:25px;color:var(--blue);font-size:14px}
.workspace-card-blue strong{color:#fff}
.workspace-card-gold strong{color:var(--deep)}

.workspace-principle{padding:76px 0;background:var(--cream)}
.workspace-principle-inner{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}
.workspace-principle h2{margin:13px 0 0;color:var(--ink);font-size:clamp(34px,4.5vw,53px);line-height:1.04;letter-spacing:-.04em}
.workspace-principle-copy p{margin:0 0 16px;font-size:16px}
.workspace-principle-copy strong{color:var(--blue)}

.workspace-flow{padding:55px 0 72px;background:#fff}
.workspace-flow-box{border-left:5px solid var(--gold);background:var(--soft);padding:29px 31px}
.workspace-flow-grid{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:22px;align-items:center;margin:21px 0}
.workspace-flow-grid>span{color:var(--gold);font-size:28px;font-weight:900}
.workspace-flow-grid>div{background:#fff;border:1px solid var(--line);padding:18px;border-radius:5px}
.workspace-flow-grid strong{display:block;color:var(--ink);font-size:17px}
.workspace-flow-grid p{margin:4px 0 0;font-size:13px}
.workspace-demo-note{margin:17px 0 0;font-size:12px;color:#667585}

.workspace-demo-toast{position:fixed;right:20px;bottom:20px;max-width:390px;background:var(--deep);color:#fff;padding:16px 18px;border-left:4px solid var(--gold);z-index:120;box-shadow:0 12px 30px rgba(0,0,0,.18);opacity:0;transform:translateY(10px);transition:.2s}
.workspace-demo-toast.is-visible{opacity:1;transform:none}

@media(max-width:900px){
  .workspace-hero-card{grid-template-columns:1fr;gap:28px}
  .workspace-user-card{max-width:520px}
  .workspace-grid{grid-template-columns:repeat(2,1fr)}
  .workspace-principle-inner{grid-template-columns:1fr;gap:30px}
  .workspace-flow-grid{grid-template-columns:1fr}
  .workspace-flow-grid>span{transform:rotate(90deg);justify-self:center}
}
@media(max-width:600px){
  .workspace-hero{padding:22px 0 20px}
  .workspace-hero-card{padding:31px 22px 28px;border-radius:8px}
  .workspace-hero h1{font-size:43px}
  .workspace-hero-copy>p{font-size:16px}
  .workspace-intro{padding:48px 0 54px}
  .workspace-grid{grid-template-columns:1fr}
  .workspace-card{min-height:235px}
  .workspace-principle{padding:54px 0}
  .workspace-principle h2{font-size:38px}
  .workspace-flow{padding:42px 0 55px}
  .workspace-flow-box{padding:23px 20px}
}


/* Levering 12 – kontrastrettelse på blå workspace-kort */
.workspace-card-blue:hover,
.workspace-card-blue:focus{
  background:var(--blue);
  color:#dce7f4;
}
.workspace-card-blue:hover h3,
.workspace-card-blue:focus h3,
.workspace-card-blue:hover strong,
.workspace-card-blue:focus strong{
  color:#fff;
}


/* Levering 13 – Demo resource */
.resource-hero{padding:38px 0 28px;background:#fff}
.resource-hero-card{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--deep),var(--blue));color:#fff;border-radius:10px;padding:44px 48px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,.65fr);gap:50px;align-items:center;box-shadow:0 18px 42px rgba(17,48,87,.13)}
.resource-hero-card::after{content:"";position:absolute;right:-110px;top:-130px;width:420px;height:420px;border:62px solid rgba(247,168,27,.08);border-radius:50%}
.resource-hero-card>*{position:relative;z-index:1}
.resource-hero .eyebrow{color:var(--gold)}
.resource-hero h1{margin:15px 0 16px;color:#fff;font-size:clamp(43px,5.6vw,67px);line-height:.99;letter-spacing:-.045em}
.resource-hero-copy>p{max-width:720px;margin:0;color:#dfe9f5;font-size:18px}
.resource-meta{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}
.resource-meta span{border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:6px 9px;font-size:10px;color:#fff}
.resource-visual{display:flex;justify-content:center}
.resource-doc-shape{width:210px;min-height:250px;background:#fff;color:var(--ink);border-radius:6px;padding:28px 24px;box-shadow:0 16px 36px rgba(0,0,0,.18);transform:rotate(2deg);display:flex;flex-direction:column;justify-content:center}
.resource-doc-shape span{color:var(--gold);font-size:11px;letter-spacing:.14em;font-weight:900}
.resource-doc-shape strong{display:block;color:var(--blue);font-size:31px;line-height:1.02;margin:20px 0 6px;letter-spacing:-.04em}
.resource-doc-shape small{font-size:16px;color:#5b6878}

.resource-overview{padding:62px 0 66px;background:#fff}
.resource-overview-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:55px;align-items:start}
.resource-overview h2,.resource-use-heading h2,.resource-actions-box h2,.resource-paths-heading h2{margin:11px 0 9px;color:var(--ink);font-size:clamp(31px,4vw,48px);line-height:1.04;letter-spacing:-.04em}
.resource-overview p{max-width:760px;margin:0;font-size:16px}
.resource-demo-note{background:var(--cream);border-left:4px solid var(--gold);padding:22px 24px}
.resource-demo-note strong{display:block;color:var(--blue);margin-bottom:6px}
.resource-demo-note p{font-size:13px}

.resource-use{padding:68px 0;background:var(--soft)}
.resource-use-heading{max-width:780px;margin-bottom:28px}
.resource-use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.resource-use-grid article{background:#fff;border-top:3px solid var(--gold);padding:27px;min-height:220px}
.resource-use-grid article>span{color:var(--gold);font-size:11px;font-weight:900}
.resource-use-grid h3{margin:24px 0 8px;color:var(--ink);font-size:24px;letter-spacing:-.025em}
.resource-use-grid p{margin:0;font-size:14px}

.resource-actions{padding:64px 0;background:#fff}
.resource-actions-box{background:linear-gradient(135deg,#f7a81b,#ffbd39);padding:31px 34px;border-radius:8px;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}
.resource-actions-box h2{font-size:clamp(28px,3.8vw,43px)}
.resource-actions-box p{margin:0;max-width:760px}
.resource-open-button{border:0;background:var(--deep);color:#fff;padding:15px 20px;border-radius:5px;font-weight:850;white-space:nowrap}
.resource-open-button:hover,.resource-open-button:focus{background:#082653;outline:3px solid rgba(12,47,104,.17)}
.resource-demo-message{margin-top:15px;background:var(--soft);border-left:4px solid var(--gold);padding:0;max-height:0;overflow:hidden;color:var(--ink);transition:.2s}
.resource-demo-message:not(:empty){padding:15px 18px;max-height:130px}
.resource-demo-message strong{color:var(--blue)}

.resource-paths{padding:68px 0 76px;background:var(--cream)}
.resource-paths-heading{max-width:780px;margin-bottom:28px}
.resource-path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.resource-path-grid a{background:#fff;text-decoration:none;padding:25px;min-height:210px;border-top:3px solid var(--gold);display:flex;flex-direction:column}
.resource-path-grid span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--blue);font-weight:900}
.resource-path-grid strong{display:block;margin:25px 0 8px;color:var(--ink);font-size:20px;line-height:1.12}
.resource-path-grid small{color:#657384}
.resource-path-grid a:hover,.resource-path-grid a:focus{box-shadow:0 14px 30px rgba(20,45,74,.08);outline:none}

.result-card-link{text-decoration:none;display:block}
.result-card-link strong{display:block;margin-top:14px;color:var(--blue);font-size:12px}
.result-card-link:hover,.result-card-link:focus{outline:3px solid var(--gold);outline-offset:2px}

@media(max-width:900px){
  .resource-hero-card{grid-template-columns:1fr;gap:28px}
  .resource-visual{justify-content:flex-start}
  .resource-doc-shape{width:190px;min-height:220px}
  .resource-overview-grid{grid-template-columns:1fr}
  .resource-use-grid,.resource-path-grid{grid-template-columns:1fr}
  .resource-actions-box{grid-template-columns:1fr}
  .resource-open-button{justify-self:start}
}
@media(max-width:600px){
  .resource-hero{padding:22px 0 20px}
  .resource-hero-card{padding:31px 22px 28px;border-radius:8px}
  .resource-hero h1{font-size:43px}
  .resource-hero-copy>p{font-size:16px}
  .resource-doc-shape{width:170px;min-height:190px;padding:21px}
  .resource-doc-shape strong{font-size:27px}
  .resource-overview,.resource-use,.resource-actions,.resource-paths{padding:50px 0}
  .resource-use-grid article,.resource-path-grid a{min-height:0}
  .resource-actions-box{padding:24px 20px}
}


/* Levering 14 – demo tip */
.pathfinder-demo-tip{margin:0 38px 18px;padding:14px 16px;border:1px solid rgba(247,168,27,.36);border-left:4px solid var(--gold);background:rgba(247,168,27,.08);border-radius:4px}
.pathfinder-demo-tip>span{display:block;color:var(--gold);font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:900;margin-bottom:5px}
.pathfinder-demo-tip p{margin:0;color:#dce7f3;font-size:12px}
.pathfinder-demo-tip strong{color:#fff}

/* Levering 14 – concept page */
.concept-hero{padding:38px 0 28px;background:#fff}
.concept-hero-card{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--deep),var(--blue));color:#fff;border-radius:10px;padding:48px 50px 44px;box-shadow:0 18px 42px rgba(17,48,87,.13)}
.concept-hero-card::after{content:"";position:absolute;right:-95px;top:-125px;width:430px;height:430px;border:64px solid rgba(247,168,27,.09);border-radius:50%}
.concept-hero-card>*{position:relative;z-index:1}
.concept-hero .eyebrow{color:var(--gold)}
.concept-hero h1{max-width:900px;margin:15px 0 17px;color:#fff;font-size:clamp(43px,5.6vw,68px);line-height:.99;letter-spacing:-.045em}
.concept-hero p{max-width:810px;margin:0;color:#dfe9f5;font-size:18px}
.concept-content{padding:66px 0 76px;background:#fff}
.concept-content-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:64px;align-items:start}
.concept-main h2{margin:12px 0 15px;color:var(--ink);font-size:clamp(34px,4.5vw,52px);line-height:1.04;letter-spacing:-.04em}
.concept-main>p{font-size:16px;max-width:800px}
.concept-main h3{margin:36px 0 10px;color:var(--ink);font-size:25px;letter-spacing:-.02em}
.concept-three{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0 34px}
.concept-three article{background:var(--soft);border-top:3px solid var(--gold);padding:21px}
.concept-three strong{display:block;color:var(--blue);font-size:20px}
.concept-three p{margin:7px 0 0;font-size:13px}
.concept-main blockquote{margin:38px 0 0;border-left:5px solid var(--gold);padding:10px 0 10px 22px;color:var(--blue);font-size:27px;font-weight:850;letter-spacing:-.025em}
.concept-side{display:grid;gap:16px}
.concept-author,.concept-notice{padding:24px;border-radius:7px}
.concept-author{background:var(--blue);color:#dce7f4}
.concept-author>span{display:block;color:var(--gold);font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:900}
.concept-author>strong{display:block;color:#fff;font-size:24px;margin:8px 0 2px}
.concept-author p{margin:0 0 14px;font-size:13px}
.concept-author a{color:#fff;font-weight:850;text-decoration:none}
.concept-notice{background:var(--cream);border-left:4px solid var(--gold)}
.concept-notice strong{color:var(--ink)}
.concept-notice p{font-size:13px;margin:8px 0 0}

/* Levering 14 – Manage Public Image mockup */
.manage-hero{padding:38px 0 28px;background:#fff}
.manage-hero-card{background:linear-gradient(135deg,var(--deep),var(--blue));color:#fff;border-radius:10px;padding:36px 42px;display:flex;justify-content:space-between;gap:35px;align-items:end;box-shadow:0 18px 42px rgba(17,48,87,.13)}
.manage-hero .eyebrow{color:var(--gold)}
.manage-hero h1{margin:12px 0 8px;color:#fff;font-size:clamp(40px,5vw,60px);line-height:1;letter-spacing:-.04em}
.manage-hero p{margin:0;color:#dfe9f5}
.manage-back{color:#fff;text-decoration:none;font-weight:850;white-space:nowrap}
.manage-content{padding:60px 0 76px;background:#fff;position:relative}
.manage-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:28px}
.manage-heading h2,.manage-editor-model h2{margin:10px 0 8px;color:var(--ink);font-size:clamp(31px,4vw,47px);line-height:1.04;letter-spacing:-.04em}
.manage-heading p{max-width:760px;margin:0}
.manage-add{border:0;background:var(--gold);color:var(--deep);padding:14px 18px;border-radius:5px;font-weight:900;white-space:nowrap}
.manage-resource-card{background:var(--soft);border:1px solid var(--line);border-left:5px solid var(--gold);padding:24px;display:grid;grid-template-columns:150px 1fr;gap:25px;align-items:center}
.manage-resource-visual{min-height:145px;background:var(--blue);color:#fff;border-radius:5px;padding:20px;display:flex;flex-direction:column;justify-content:center}
.manage-resource-visual span{color:var(--gold);font-size:10px;letter-spacing:.12em;font-weight:900}
.manage-resource-visual strong{font-size:22px;line-height:1.05;margin-top:12px}
.manage-status{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#63809f;font-weight:900}
.manage-resource-copy h3{margin:7px 0 6px;color:var(--ink);font-size:25px}
.manage-resource-copy p{margin:0}
.manage-resource-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:17px}
.manage-resource-actions a{color:var(--blue);font-weight:850;text-decoration:none}
.manage-resource-actions button{border:1px solid #cbd6e1;background:#fff;color:var(--blue);padding:8px 11px;border-radius:4px;font-weight:800}
.manage-editor-model{margin-top:48px;background:var(--cream);padding:30px;display:grid;grid-template-columns:.8fr 1.2fr;gap:45px}
.manage-editor-model p{margin:0}
.manage-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}
.manage-fields div{background:#fff;border:1px solid #e1e3df;padding:14px}
.manage-fields span{display:block;color:var(--blue);font-size:9px;text-transform:uppercase;letter-spacing:.09em;font-weight:900;margin-bottom:4px}
.manage-fields .optional span{color:#9a6500}
.manage-fields strong{color:var(--ink);font-size:13px}
.manage-context-note{margin-top:22px;border-left:4px solid var(--gold);background:var(--soft);padding:20px 22px}
.manage-context-note strong{color:var(--blue)}
.manage-context-note p{margin:6px 0 0;font-size:13px}
.manage-demo-message{position:fixed;right:20px;bottom:20px;max-width:390px;background:var(--deep);color:#fff;padding:16px 18px;border-left:4px solid var(--gold);z-index:140;box-shadow:0 12px 30px rgba(0,0,0,.18);opacity:0;transform:translateY(10px);transition:.2s}
.manage-demo-message.is-visible{opacity:1;transform:none}

/* Footer concept link */
.footer-brand a{color:#fff;text-decoration:none;font-weight:750;border-bottom:1px solid rgba(255,255,255,.28)}
.footer-brand a:hover,.footer-brand a:focus{color:var(--gold);border-bottom-color:var(--gold);outline:none}

@media(max-width:900px){
  .concept-content-grid{grid-template-columns:1fr}
  .concept-three{grid-template-columns:1fr}
  .manage-editor-model{grid-template-columns:1fr}
}
@media(max-width:600px){
  .pathfinder-demo-tip{margin:0 18px 16px}
  .concept-hero{padding:22px 0 20px}
  .concept-hero-card{padding:31px 22px 28px;border-radius:8px}
  .concept-hero h1{font-size:43px}
  .concept-hero p{font-size:16px}
  .concept-content{padding:50px 0 56px}
  .concept-main blockquote{font-size:23px}
  .manage-hero{padding:22px 0 20px}
  .manage-hero-card{padding:28px 22px;align-items:flex-start;flex-direction:column}
  .manage-hero h1{font-size:42px}
  .manage-content{padding:48px 0 56px}
  .manage-heading{align-items:flex-start;flex-direction:column}
  .manage-resource-card{grid-template-columns:1fr}
  .manage-resource-visual{max-width:180px}
  .manage-editor-model{padding:22px 18px}
  .manage-fields{grid-template-columns:1fr}
}


/* Levering 15 – The Concept teaser */
.concept-teaser{padding:6px 0 12px;background:#fff}
.concept-teaser-card{border:1px solid #dfe5eb;border-left:5px solid var(--gold);background:#f9fbfd;border-radius:7px;padding:22px 24px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}
.concept-teaser-card h2{margin:8px 0 6px;color:var(--ink);font-size:clamp(24px,3vw,34px);line-height:1.08;letter-spacing:-.03em}
.concept-teaser-card p{margin:0;max-width:760px;font-size:14px}
.concept-teaser-card a{color:var(--blue);font-weight:900;text-decoration:none;white-space:nowrap}
.concept-teaser-card a:hover,.concept-teaser-card a:focus{color:var(--deep);text-decoration:underline;text-underline-offset:3px;outline:none}

@media(max-width:900px){
  .main-nav{gap:3px}
  .main-nav a{padding-left:11px;padding-right:11px;font-size:14px}
}
@media(max-width:600px){
  .concept-teaser{padding:0 0 10px}
  .concept-teaser-card{grid-template-columns:1fr;gap:15px;padding:19px 18px}
  .concept-teaser-card a{justify-self:start}
}