:root{--bg:#092e58;--card:#103b6b;--gold:#f3cc51;--white:#fff;--muted:#c6d5e7;--line:#315478;--font:"Segoe UI",Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--white);font-family:var(--font);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:6px}.skip{position:absolute;left:20px;top:-80px;background:var(--gold);color:var(--bg);padding:12px;z-index:10}.skip:focus{top:10px}.page-shell{max-width:1440px;padding:0 70px;margin:auto}.header{min-height:120px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:25px}.brand{display:flex;align-items:center;gap:19px;text-decoration:none;color:white}.brand-mark{font-size:32px;font-weight:850;letter-spacing:-2px;position:relative;padding-bottom:8px}.brand-mark>span{position:absolute;bottom:0;left:0;width:100%;height:4px;background:var(--gold)}.brand-name{font-size:14px;line-height:1.45;font-weight:600;letter-spacing:.2px}.header-right{display:flex;align-items:center;gap:22px}.site-name{font-size:15px;font-weight:600;letter-spacing:.6px}.preview-label{font-size:11px;border:1px solid #68819a;padding:6px 10px;border-radius:30px;color:var(--muted)}.hero{display:flex;align-items:center;justify-content:space-between;min-height:365px;padding:54px 0 42px;position:relative;overflow:hidden}.hero-copy{z-index:1}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--gold);display:flex;align-items:center;gap:10px;margin:0 0 23px}.eyebrow>span{width:7px;height:7px;background:var(--gold);border-radius:50%}h1{font-size:clamp(38px,4.4vw,64px);font-weight:650;letter-spacing:-2px;line-height:1.08;margin:0 0 24px}h1>span{color:var(--gold)}.hero-description{font-size:17px;color:var(--muted);line-height:1.7;margin:0}.hero-art{position:relative;width:300px;height:280px;margin-right:65px;flex-shrink:0}.orbit{border:1px solid #3a6083;border-radius:50%;position:absolute;left:50%;top:48%;transform:translate(-50%,-50%)}.orbit-one{width:260px;height:260px}.orbit-two{width:184px;height:184px}.orbit-three{width:104px;height:104px;border-color:#9c9d6b}.art-center{width:22px;height:22px;background:var(--gold);border-radius:50%;position:absolute;left:calc(50% - 11px);top:calc(48% - 11px);box-shadow:0 0 0 12px #f3cc510b}.art-line{position:absolute;background:#3a6083}.horizontal{width:296px;height:1px;left:2px;top:48%}.vertical{height:270px;width:1px;top:0;left:50%}.art-dot{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--gold)}.dot-one{left:41px;top:52px}.dot-two{right:56px;bottom:51px;width:6px;height:6px;background:#b3c7db}.art-word{font-size:9px;letter-spacing:2px;color:#a5bdd2;position:absolute;bottom:-12px;left:43px;background:var(--bg);padding:0 7px}.section-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.section-label h2{font-size:15px;font-weight:600;margin:0}.section-label>span{font-size:12px;color:#a9c0d7}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.entry-card{color:white;background:var(--card);border:1.5px solid var(--gold);border-radius:5px;display:flex;flex-direction:column;text-align:left;padding:29px 28px 23px;min-height:325px;transition:transform .2s,background .2s,box-shadow .2s}.entry-card:hover{transform:translateY(-5px);background:#174777;box-shadow:0 14px 34px #00152d44}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:29px}.card-top svg{width:39px;height:39px;stroke:var(--gold);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.card-number{font-size:12px;color:var(--gold);letter-spacing:2px}.card-title{font-size:clamp(21px,2vw,28px);font-weight:600;line-height:1.25;letter-spacing:-.5px;margin-bottom:16px}.card-title .smaller{font-size:.69em;letter-spacing:-.3px;white-space:nowrap}.card-description{font-size:14px;line-height:1.7;color:var(--muted);margin-bottom:28px}.card-link{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;margin-top:auto;padding-top:18px;border-top:1px solid #547086;font-size:13px;font-weight:650}.card-link>span{color:var(--gold);font-size:25px;font-weight:400;line-height:1}.help-strip{display:flex;align-items:center;gap:12px;min-height:85px;color:var(--muted)}.help-strip p{font-size:12px;line-height:1.6}.help-icon{border:1px solid #8ca7c3;border-radius:50%;width:17px;height:17px;font-size:11px;display:grid;place-items:center;flex-shrink:0}.text-button{color:white;text-decoration:underline;text-underline-offset:3px;background:none;border:0;padding:0;font:inherit}.help-note{margin-left:auto;font-size:10px;color:#a9c0d7}footer{border-top:1px solid var(--line);padding:23px 0 28px;display:flex;justify-content:space-between;color:#a9c0d7;font-size:11px;line-height:1.6;gap:20px}.footer-divider,.footer-dot{color:var(--gold);padding:0 10px}dialog{background:#0d355f;border:1px solid var(--gold);border-radius:10px;color:white;max-width:640px;width:calc(100% - 32px);max-height:88dvh;padding:32px;box-shadow:0 20px 100px #0008}dialog::backdrop{background:#020e21c9;backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.dialog-head .eyebrow{margin:0;font-size:10px}.close{background:transparent;color:white;border:1px solid #69839c;border-radius:50%;width:34px;height:34px;line-height:1;font-size:24px;display:grid;place-items:center;flex-shrink:0}.close:hover{color:var(--gold);border-color:var(--gold)}dialog h2{font-size:34px;line-height:1.15;letter-spacing:-1px;margin:0 0 15px}dialog h3{font-size:16px;margin-top:30px}.dialog-intro{color:var(--muted);font-size:15px;line-height:1.7;margin-bottom:25px}.guide-list details{border-top:1px solid var(--line);padding:18px 0}.guide-list details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:15px;font-weight:600}details p{font-size:14px;line-height:1.7;color:var(--muted)}.pending{color:var(--gold);font-size:11px}.demo-note{color:var(--muted);font-size:12px;line-height:1.7;margin:23px 0 0}.prominent{background:#f3cc5110;border-left:2px solid var(--gold);padding:12px 15px;margin:0 0 24px}form{display:flex;flex-direction:column}label{font-size:13px;font-weight:600;margin-bottom:8px}input,select{width:100%;background:#092a4b;border:1px solid #69839c;border-radius:4px;color:#fff;min-height:45px;padding:10px 12px;margin-bottom:18px;font-size:14px}input::placeholder{color:#a3b5c9}.primary-button:disabled{opacity:.65;cursor:wait}.website-field{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.primary-button{border:0;border-radius:4px;background:var(--gold);color:#092e58;padding:14px 18px;font-weight:700;margin:4px 0;display:flex;justify-content:space-between}.request-preview{border:1px solid var(--gold);padding:18px;margin-top:20px;border-radius:4px;line-height:1.6;font-size:14px;overflow-wrap:anywhere}.request-preview h3{margin-top:0}.tool-links{display:grid;gap:10px}.tool-links a{display:flex;align-items:center;justify-content:space-between;color:white;text-decoration:none;border:1px solid #547086;padding:18px;border-radius:4px}.tool-links a:hover{border-color:var(--gold);background:#154472}.tool-links strong{display:block;font-size:17px}.tool-links small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.tool-links a>span:last-child{color:var(--gold);font-size:24px}.group-tags{display:flex;gap:8px;flex-wrap:wrap}.group-tags span{font-size:12px;line-height:1.5;border:1px solid #547086;border-radius:4px;padding:7px 10px}body:has(dialog[open]){overflow:hidden}
@media(min-width:1450px){.hero{min-height:410px}.entry-card{min-height:350px}.card-title{font-size:29px}}
@media(max-width:1100px){.page-shell{padding:0 35px}.hero-art{margin-right:10px;transform:scale(.85)}.entry-card{padding:25px 20px}.cards{gap:16px}.card-title{font-size:23px}.card-title .smaller{font-size:.68em}.wide-break{display:none}.help-note{display:none}}
@media(max-width:760px){.page-shell{padding:0 22px}.header{min-height:97px}.brand{gap:12px}.brand-name{font-size:11px}.brand-mark{font-size:27px}.header-right{flex-direction:column;align-items:flex-end;gap:8px}.site-name{font-size:12px}.preview-label{font-size:9px;padding:4px 7px}.hero{min-height:315px;padding:44px 0 35px}.hero-art{position:absolute;right:-130px;opacity:.25;z-index:0;transform:scale(.9);margin:0}.hero-copy{max-width:100%}h1{font-size:46px;letter-spacing:-1.8px}.hero-description{font-size:15px;max-width:340px}.eyebrow{font-size:9px;letter-spacing:1.8px}.desktop-break{display:none}.section-label>span{font-size:10px}.cards{grid-template-columns:1fr;gap:18px}.entry-card{padding:24px;min-height:280px}.card-top{margin-bottom:21px}.card-title{font-size:27px}.card-title .smaller{font-size:.72em}.card-description{margin-bottom:22px}.help-strip{padding:14px 0;align-items:flex-start}.help-icon{margin-top:12px}.help-strip p{font-size:12px}footer{flex-direction:column;gap:8px;font-size:10px}dialog{padding:24px}dialog h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Fotoet ligger bak teksten i toppfeltet. Blåtonen sikrer lesbarhet. */
.teams-choice>summary{display:flex;align-items:center;justify-content:space-between;color:inherit;border:1px solid #547086;padding:18px;border-radius:4px;cursor:pointer;list-style:none}
.teams-choice>summary::-webkit-details-marker{display:none}
.teams-choice>summary:hover,.teams-choice[open]>summary{border-color:var(--gold);background:#154472}
.teams-choice .tool-arrow{color:var(--gold);font-size:24px;line-height:1;transform-origin:center;transition:transform .2s}
.teams-choice[open] .tool-arrow{transform:rotate(180deg)}
.teams-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}
.tool-links .teams-options a{padding:12px 14px;font-size:13px;font-weight:600;gap:8px}
.teams-help{font-size:12px;line-height:1.5;color:var(--muted);margin:10px 2px 0}
@media(max-width:520px){.teams-options{grid-template-columns:1fr}}
.download-button{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--gold);color:#092e58;text-decoration:none;border-radius:4px;padding:14px 18px;font-size:14px;font-weight:700}
.download-button:hover{filter:brightness(1.07)}
.download-button>span{font-size:22px;line-height:1}
.download-note{font-size:12px;line-height:1.6;color:var(--muted);margin:10px 0 0}
.hero{margin:28px 0 34px;padding:48px 36px;min-height:365px;border-radius:5px;background-image:linear-gradient(90deg,rgba(9,46,88,.95) 0%,rgba(9,46,88,.85) 36%,rgba(9,46,88,.38) 70%,rgba(9,46,88,.25) 100%),url('assets/skyteidrett-bakgrunn.webp');background-size:cover;background-position:center 45%;isolation:isolate}
.hero-art{display:none}.hero-description{color:#edf3fa}.hero h1{text-shadow:0 2px 14px #071d3440}
.header{background:radial-gradient(ellipse 260px 150px at 60px 50%,#f5f5f5 0%,#e2e2e2 55%,#cfcfcf 100%);padding:0 18px;color:#0c4053}.header .brand,.header .site-name{color:#0c4053}.header .preview-label{color:#345965;border-color:#8294a3}
.brand-logo-frame{display:block;position:relative;overflow:hidden;width:82px;height:82px;flex-shrink:0}
.brand-logo{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:250px;height:121px;max-width:none;object-fit:contain;filter:brightness(1.3);mix-blend-mode:multiply}
@media(max-width:760px){.header{padding:0 10px;background:radial-gradient(ellipse 170px 120px at 40px 50%,#f5f5f5 0%,#e2e2e2 55%,#cfcfcf 100%)}.brand-logo-frame{width:60px;height:60px}.brand-logo{width:183px;height:88px}.brand{gap:8px}.brand-name{font-size:10px}.header-right{gap:6px}.preview-label{font-size:8px}}
@media(max-width:760px){.hero{margin:22px 0 30px;padding:34px 23px;min-height:365px;background-position:65% center;background-image:linear-gradient(90deg,rgba(9,46,88,.9),rgba(9,46,88,.68)),url('assets/skyteidrett-bakgrunn.webp')}.hero h1{font-size:39px;letter-spacing:-1.4px}.hero-description{font-size:15px}}

.header{isolation:isolate}