@font-face{font-family:"Familjen Grotesk";font-weight:500;font-display:swap;src:url(/assets/fonts/familjen-grotesk-500.woff2) format("woff2")}
@font-face{font-family:"Familjen Grotesk";font-weight:700;font-display:swap;src:url(/assets/fonts/familjen-grotesk-700.woff2) format("woff2")}
@font-face{font-family:"Instrument Sans";font-weight:400;font-display:swap;src:url(/assets/fonts/instrument-sans-400.woff2) format("woff2")}
@font-face{font-family:"Instrument Sans";font-weight:500;font-display:swap;src:url(/assets/fonts/instrument-sans-500.woff2) format("woff2")}

:root{--bg:#ECEEF1;--ink:#11141A;--mute:#586070;--line:#d5d9e0;--card:#fff;--amber:#2F4BFF;--on:#fff;
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0B0D12;--ink:#ECEEF3;--mute:#9aa1b0;--line:#232733;--card:#141823;--amber:#7C8CFF;--on:#0B0D12}}
:root[data-theme="dark"]{--bg:#0B0D12;--ink:#ECEEF3;--mute:#9aa1b0;--line:#232733;--card:#141823;--amber:#7C8CFF;--on:#0B0D12}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:400 17px/1.6 "Instrument Sans",system-ui,sans-serif}
h1,h2,h3,.logo{font-family:"Familjen Grotesk","Helvetica Neue",Arial,sans-serif;line-height:1.08;margin:0}
h1{font-size:clamp(2.4rem,7vw,4.6rem);font-weight:700;letter-spacing:-.02em}
h2{font-size:clamp(1.8rem,4vw,2.6rem);margin-bottom:.6em;letter-spacing:-.01em}
h3{font-size:1.25rem;margin-bottom:.3em}
p{max-width:62ch;margin:.4em 0 1em}
a{color:inherit}
:focus-visible{outline:3px solid var(--amber);outline-offset:3px}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:var(--bg);border-bottom:1px solid var(--line)}
nav{max-width:1100px;margin:auto;display:flex;align-items:center;gap:1.4rem;padding:.8rem 1.25rem;flex-wrap:wrap}
.logo{font-weight:700;font-size:1.2rem;text-decoration:none;margin-right:auto}
.logo i{display:inline-block;width:.7em;height:.7em;border-radius:50%;background:var(--amber);margin-right:.4em}
.links{display:flex;gap:1.4rem}nav a.l{text-decoration:none;color:var(--mute);padding:.2rem 0;border-bottom:2px solid transparent}
nav a.l[aria-current=page]{color:var(--ink);border-color:var(--amber)}
#th{background:none;border:1px solid var(--line);color:var(--ink);border-radius:99px;padding:.3rem .8rem;font:inherit;cursor:pointer}
main{max-width:1100px;margin:auto;padding:0 1.25rem 4rem}
.page{display:block}
.hero{position:relative;margin:1.25rem 0 0;border-radius:14px;overflow:hidden;background:radial-gradient(120% 90% at 70% 10%,#2a3a8f,#0b0d12 70%);min-height:520px;color:#fff;font-family:"Familjen Grotesk",sans-serif}
.hero .t{position:relative;z-index:1;padding:clamp(1.5rem,5vw,3.5rem);max-width:640px;font-family:"Instrument Sans",sans-serif}
.hero h1{font-family:"Familjen Grotesk",sans-serif}
.hero .t p{font-size:1.15rem}
.hud{position:absolute;z-index:1;inset:0;pointer-events:none;font-size:.85rem;letter-spacing:.04em}
.hud span{position:absolute}.tl{top:1rem;left:1.25rem}.tr{top:1rem;right:1.25rem}.bl{bottom:1rem;left:1.25rem}.br{bottom:1rem;right:1.25rem}
.rec{display:inline-block;width:.7em;height:.7em;border-radius:50%;background:#ff3b3b;margin-right:.4em}
@media (prefers-reduced-motion:no-preference){.rec{animation:b 1.2s steps(2) infinite}@keyframes b{50%{opacity:0}}}
.reel{position:absolute;inset:0;z-index:0}
.reel:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,7,11,.7),rgba(5,7,11,.15))}
.clip{position:absolute;inset:0;opacity:0;background:linear-gradient(160deg,#2f4bff,#0b0d12 75%)}
.clip:nth-child(2){background:linear-gradient(200deg,#5b6bd6,#10131c 75%)}.clip:nth-child(3){background:linear-gradient(120deg,#1c2a6b,#05070b 75%)}.clip:nth-child(4){background:linear-gradient(240deg,#3a4cc0,#0b0d12 75%)}
.clip.on{opacity:1}.clip video{width:100%;height:100%;object-fit:cover}
@media (prefers-reduced-motion:no-preference){.clip{transition:opacity 1s}}
.btn{display:inline-block;background:var(--amber);color:var(--on);font-weight:500;padding:.75rem 1.3rem;border-radius:8px;text-decoration:none;border:0;font-size:1rem;cursor:pointer;font-family:inherit}
.grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:1.4rem}
.card{border-top:3px solid var(--amber)}.c{display:block;text-decoration:none;color:inherit;height:100%}.c h3{margin-bottom:.5rem}.c p{margin:0}a.c:hover h3{text-decoration:underline;text-underline-offset:4px}
.card.step{border-top:1px solid var(--line)}.n{display:inline-flex;width:2rem;height:2rem;border-radius:50%;background:var(--amber);color:var(--on);align-items:center;justify-content:center;font-weight:700;margin-bottom:.6rem}
.fs h2{text-align:center}.faq{max-width:760px;margin:0 auto}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;list-style:none;padding:1rem 2rem 1rem 0;font-weight:500;position:relative}
.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";position:absolute;right:.4rem;top:.9rem;font-size:1.3rem;color:var(--amber)}
.faq details[open] summary::after{content:"\2013"}.faq details p{margin:0 0 1rem}
.price{font:700 2rem "Familjen Grotesk",sans-serif}
.price small{font:400 .9rem "Instrument Sans",sans-serif;color:var(--mute)}
section.s{padding-top:3.5rem}
.ref{position:relative;overflow:hidden;aspect-ratio:16/10;border:0;border-radius:10px;padding:0;cursor:pointer;color:#fff;font:inherit;text-align:left;background:linear-gradient(160deg,#2f4bff,#0b0d12 75%);background-size:200% 200%}
.ref:nth-child(3n+2){background-image:linear-gradient(160deg,#5b6bd6,#10131c 75%)}.ref:nth-child(3n){background-image:linear-gradient(160deg,#1c2a6b,#05070b 75%)}
.ref video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ref .pl{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px;border-radius:50%;background:rgba(255,255,255,.18);backdrop-filter:blur(4px)}
.ref .pl:after{content:"";position:absolute;left:21px;top:16px;border-left:16px solid #fff;border-top:11px solid transparent;border-bottom:11px solid transparent}
.ref .cap{position:absolute;left:0;right:0;bottom:0;padding:1.2rem 1rem .8rem;background:linear-gradient(transparent,rgba(0,0,0,.6));font-weight:500}
.ref .cap small{display:block;font-weight:400;opacity:.8}
@media (prefers-reduced-motion:no-preference){.ref:hover,.ref:focus-visible{animation:pan 3s ease-in-out infinite alternate}@keyframes pan{to{background-position:100% 100%}}}
dialog{border:0;padding:0;border-radius:14px;width:min(960px,94vw);background:var(--card);color:var(--ink)}
dialog::backdrop{background:rgba(5,8,14,.82)}
#dbox video,#dbox p{width:100%;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;margin:0;background:#05070b;color:#fff;padding:1rem;text-align:center;max-width:none}
.dbar{display:flex;justify-content:space-between;align-items:center;padding:.7rem 1rem}
.dbar button{background:none;border:1px solid var(--line);color:var(--ink);border-radius:99px;padding:.3rem .9rem;font:inherit;cursor:pointer}
label{display:block;margin:.8rem 0 .2rem;font-weight:500}
input[type=text],input[type=email],select,textarea{width:100%;font:inherit;padding:.65rem .8rem;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink)}
.note{border-left:4px solid var(--amber);padding:.6rem 1rem;background:var(--card);margin:1rem 0;color:var(--mute);max-width:70ch}
footer{border-top:1px solid var(--line);padding:1.5rem 1.25rem;text-align:center;color:var(--mute);font-size:.9rem}
footer a{margin:0 .6rem}
@media (prefers-reduced-motion:no-preference){#scene{transition:transform .25s ease-out}}
body{overflow-x:clip}h2{font-size:clamp(2rem,5vw,3.2rem)}
.hero{position:relative;margin:0 calc(50% - 50vw);min-height:100vh;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;border-radius:0;background:radial-gradient(120% 90% at 70% 10%,#2a3a8f,#0b0d12 70%);color:#fff}
.top{margin-inline:calc(50% - 50vw)}.hs .top{margin-top:calc(-1*var(--hh,0px))}
.hero .t h1{max-width:980px}.hero .t{width:100%;max-width:none;padding:clamp(5.5rem,12vh,8rem) clamp(1.25rem,5vw,3rem) clamp(2.5rem,8vh,4.5rem) max(1.25rem,calc(50vw - 530px))}
.hero h1{font-size:clamp(2.6rem,7.5vw,6rem);letter-spacing:-.03em}
.hero .t p{font-size:1.25rem;max-width:34ch}
.reel:after{background:linear-gradient(0deg,rgba(5,7,11,.85),rgba(5,7,11,.15) 55%),linear-gradient(180deg,rgba(5,7,11,.55),transparent 22%)}
.tl{top:auto;left:auto;right:1.25rem;bottom:1.25rem}.tr{top:auto;right:1.25rem;bottom:2.6rem}
header{transition:background .25s,border-color .25s}
.ht header{background:transparent;border-color:transparent}.ht .logo,.ht #th{color:#fff}.ht #th{border-color:rgba(255,255,255,.4)}.ht nav a.l{color:rgba(255,255,255,.78)}.ht nav a.l[aria-current=page]{color:#fff}
.tiles{display:grid;gap:1rem;grid-template-columns:1fr 1fr}
.vt{position:relative;display:flex;align-items:flex-end;aspect-ratio:5/4;border-radius:14px;overflow:hidden;color:#fff;text-decoration:none;background:linear-gradient(160deg,#2f4bff,#0b0d12 75%)}
.vt:nth-child(2){background:linear-gradient(200deg,#5b6bd6,#10131c 75%)}
.vt video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vt:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,7,11,.8),rgba(5,7,11,0) 60%)}
.vtt{position:relative;z-index:1;padding:1.5rem}.vtt small{display:block;opacity:.85}
.vtt b{display:block;font:700 clamp(1.7rem,3.5vw,2.4rem)/1.1 "Familjen Grotesk",sans-serif;margin:.2rem 0 .4rem}
.vtt em{font-style:normal;display:block;max-width:34ch;opacity:.92}
.stm{font:500 clamp(1.2rem,2.5vw,1.6rem)/1.35 "Familjen Grotesk",sans-serif;text-align:center;margin:2.5rem auto 0;max-width:32ch}
.band{margin:4rem calc(50% - 50vw) 0;background:linear-gradient(160deg,#141a4a,#0B0D12);--ink:#ECEEF3;--mute:#9aa1b0;--line:#2a3050;--card:#161c3d;color:#ECEEF3}
.in{max-width:1100px;margin:0 auto;padding:4rem 1.25rem}
.js .reveal{opacity:0;transform:translateY(18px)}.js .reveal.v{opacity:1;transform:none}
@media (prefers-reduced-motion:no-preference){.vt video{transition:transform .6s}.vt:hover video,.vt:focus-visible video{transform:scale(1.05)}.reveal{transition:opacity .7s,transform .7s}}
@media (prefers-reduced-motion:reduce){.js .reveal{opacity:1;transform:none}}
.hero.ph{min-height:50vh;min-height:50svh}.hero.ph.sm{min-height:34vh;min-height:34svh}.ph h1{font-size:clamp(2.2rem,6vw,4.6rem)}
.ph:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(0deg,rgba(5,7,11,.7),transparent 70%),linear-gradient(180deg,rgba(5,7,11,.5),transparent 30%)}
.ph video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.hero.ph .t{position:relative;z-index:2}
.hero.slides{min-height:82vh;min-height:82svh}
.slide{position:absolute;inset:0;opacity:0;z-index:0;background:linear-gradient(160deg,#2f4bff,#0b0d12 75%)}.slide.on{opacity:1}.slide img,.slide video{width:100%;height:100%;object-fit:cover;display:block}
.slides:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,rgba(5,7,11,.8),rgba(5,7,11,.05) 60%),linear-gradient(180deg,rgba(5,7,11,.5),transparent 25%)}
.slides .t{z-index:2;position:relative}.slides h1{font-size:clamp(2.2rem,5.5vw,4.4rem)}
.sc{position:absolute;z-index:3;right:1.25rem;bottom:1.25rem;display:flex;align-items:center;gap:.8rem}
.sb{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:rgba(10,14,24,.45);cursor:pointer;position:relative}
.sb:before{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:translate(-30%,-50%) rotate(45deg)}
.sb.sn:before{transform:translate(-70%,-50%) rotate(-135deg)}
.dots{display:flex;gap:.5rem}.dots button{width:12px;height:12px;border-radius:50%;border:0;padding:0;background:rgba(255,255,255,.4);cursor:pointer}.dots button[aria-current=true]{background:#fff}
.pf{border-radius:14px;aspect-ratio:4/5;background:linear-gradient(160deg,#2f4bff,#0b0d12 75%);display:flex;align-items:flex-end;padding:1rem;color:#fff;font-weight:500}.two{display:grid;gap:2rem;grid-template-columns:1fr 1.2fr;align-items:start}
.page>.band:last-child{margin-bottom:-4rem}
.two.ab{grid-template-columns:1.7fr 1fr}@media (max-width:800px){.two,.two.ab{grid-template-columns:1fr}}
@media (prefers-reduced-motion:no-preference){.slide{transition:opacity .9s}}
footer button{background:none;border:0;color:inherit;font:inherit;text-decoration:underline;cursor:pointer;margin:0 .6rem}
#ck{position:fixed;z-index:20;left:1rem;right:1rem;bottom:calc(1rem + env(safe-area-inset-bottom,0px));max-width:560px;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:1.1rem;box-shadow:0 10px 40px rgba(0,0,0,.28)}
#ck[hidden]{display:none}#ck p{margin:.4rem 0 1rem;font-size:.95rem}.ckb{display:flex;gap:.6rem}
.ckb button{flex:1;padding:.7rem 1rem;border-radius:8px;border:1px solid var(--ink);font:inherit;font-weight:500;cursor:pointer}
#ck-y{background:var(--amber);border-color:var(--amber);color:var(--on)}#ck-n{background:var(--card);color:var(--ink)}
@media (min-width:700px){#ck{left:auto;right:1.25rem}}
@media (max-width:640px){body{font-size:16px}.sc{right:1rem;bottom:.8rem}.hero.slides{min-height:78svh}.slides .t{padding-bottom:5.5rem}
nav{gap:.4rem .9rem;padding:.6rem 1rem}.logo{flex:1;margin:0}
#th{order:2}.links{order:3;flex:0 0 100%;gap:1.1rem;overflow-x:auto;white-space:nowrap;padding-bottom:.2rem}nav a.l{font-size:.95rem}
main{padding:0 1rem 3rem}
.hero .t{padding:5.5rem 1.25rem 3.5rem}.tiles{grid-template-columns:1fr}.vt{aspect-ratio:1/1}
.hero h1{font-size:clamp(2.1rem,10vw,2.6rem)}
.hud{font-size:.75rem}.tl{right:1rem;bottom:.8rem}.tr{right:1rem;bottom:2rem}
section.s{padding-top:2.5rem}
.btn{display:block;text-align:center}.card{padding:1.1rem}
.faq summary{padding:1rem 2.2rem 1rem 0}}

.logo{display:flex;align-items:center}.lg{height:46px;width:auto;display:block}.ld,.lt{display:none}
.nologo .lt{display:inline}.nologo .lg{display:none!important}
.ht .lh{display:none}.ht .ld{display:block}
@media (prefers-color-scheme:dark){.lh{display:none}.ld{display:block}}
@media (max-width:640px){.lg{height:38px}}
.vt img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vt img{opacity:0}.vt img.on.rdy{opacity:1}
.hero{background:radial-gradient(120% 90% at 70% 10%,#1a2468,#0b0d12 70%)}
.clip,.clip:nth-child(n),.slide,.vt,.vt:nth-child(n){background:linear-gradient(160deg,#1a2468,#0b0d12 75%)}
.hero.ph.xs{min-height:0}
.hero.xs .t{padding-top:calc(var(--hh,70px) + clamp(1.5rem,4vh,2.5rem));padding-bottom:clamp(1.5rem,4vh,2.5rem)}
.hero.xs h1{font-size:clamp(2rem,5vw,3.4rem)}
.hero.slides{min-height:68vh;min-height:68svh}
@media (max-width:640px){.hero.slides{min-height:62svh}}
.ph-foto{margin:0;border-radius:14px;overflow:hidden;aspect-ratio:4/5;background:linear-gradient(160deg,#2f4bff,#0b0d12 75%)}.ph-foto img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:800px){.ph-foto{max-width:420px}}
.vt video{opacity:0}.vt video.on.rdy{opacity:1}
.clip video,.slide img,.slide video{opacity:0}.clip video.rdy,.slide img.rdy,.slide video.rdy{opacity:1}
@media (prefers-reduced-motion:no-preference){.clip video,.slide img,.slide video{transition:opacity .25s}
.noanim .clip,.noanim .slide,.noanim video,.noanim img{transition:none!important}}
@media (prefers-reduced-motion:no-preference){.vt video{transition:opacity 1s,transform .6s}}
@media (prefers-reduced-motion:no-preference){.vt img{transition:opacity 1.2s}}

.dbar{flex-wrap:wrap;gap:.6rem}.dinfo{display:flex;flex-direction:column;margin-right:auto}#dm{color:var(--mute);font-size:.9rem}#dx{margin:0;padding:0 1rem 1rem;color:var(--mute);max-width:none}#dx:empty{display:none}
.dq{display:flex;gap:.4rem}.dq button[aria-pressed=true]{background:var(--amber);color:var(--on);border-color:var(--amber)}
.clip video,.slide video,.vt video,.ref video{pointer-events:none}