@font-face{font-family:Inter;src:url('assets/inter.ttf')}@font-face{font-family:Manrope;src:url('assets/manrope.ttf');font-weight:800}
:root{--green:#1AAE79;--light-green:#35D399;--ink:#12211A;--accent:#148F63;--blue:#024364;--paper:#F4F9F7;--line:#DEEAE6;--muted:#4B655C;--white:#fff;--heading:Manrope,Arial,sans-serif;--body:Inter,Arial,sans-serif;--radius:8px}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 var(--body)}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit}button{border:1px solid var(--line);background:var(--white);color:var(--ink);border-radius:var(--radius);padding:10px 16px}button:hover{border-color:var(--accent)}button:disabled{opacity:.3;cursor:default}:focus-visible{outline:3px solid var(--blue);outline-offset:4px}header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid var(--line);background:var(--white);position:relative;z-index:5}header img{width:200px;height:auto;display:block}.header-note{font-size:10px;letter-spacing:.17em;color:var(--muted)}.header-actions{display:flex;gap:10px}#menu{position:absolute;right:4vw;top:74px;width:330px;max-width:90vw;padding:12px;background:white;border:1px solid var(--line);box-shadow:0 18px 45px #12211a20;border-radius:10px}#menu button{display:flex;text-align:left;gap:15px;width:100%;border:0}#menu button:hover{background:var(--paper)}#menu span{color:var(--accent)}main{height:calc(100dvh - 162px);min-height:560px}.slide{display:none;height:100%;overflow:auto;padding:clamp(24px,4vh,52px) 5vw 28px;scrollbar-width:thin}.slide.active{display:block}.eyebrow{font-size:11px;font-weight:bold;letter-spacing:.15em;margin:0 0 20px;color:var(--muted)}h1,h2,h3{font-family:var(--heading);font-weight:800;line-height:1.08;letter-spacing:-.045em;margin:0}h1{font-size:clamp(38px,4.9vw,78px)}h2{font-size:clamp(34px,3.8vw,62px);margin-bottom:22px}h3{font-size:27px;letter-spacing:-.025em}em{font-style:normal;color:var(--accent)}p{margin:16px 0}.lead{font-size:clamp(17px,1.4vw,22px);line-height:1.6;max-width:750px;color:var(--muted)}.small{font-size:12px;line-height:1.6;color:var(--muted)}.hero-grid{display:grid;grid-template-columns:.95fr 1.2fr;gap:5vw;align-items:center;min-height:80%}.hero-grid .lead{max-width:540px;margin-top:24px}.actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin:26px 0}.button,.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;background:var(--light-green);color:var(--ink);border:0;border-radius:var(--radius);padding:16px 22px;text-decoration:none;font-weight:bold;font-size:14px}.button:hover,.primary:hover{background:var(--green)}.text-link{font-size:14px;border:0;background:none;padding:8px 0;text-decoration:underline;text-underline-offset:5px}.hero-tag{border-left:3px solid var(--light-green);padding-left:17px;margin-top:35px;font-size:14px;color:var(--muted)}.hero-tag strong{color:var(--ink)}.hero-product{min-width:0;position:relative;background:#fff;border-radius:12px;padding:18px;box-shadow:0 20px 50px #12211a0c;border:1px solid var(--line)}.product-caption{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:bold;letter-spacing:.08em;margin-bottom:25px}.product-caption>span:last-child{margin-left:auto;font-weight:normal}.live-dot{height:8px;width:8px;background:var(--green);border-radius:50%}.product-image{width:100%;padding:0;position:relative;display:block;border:1px solid var(--line);border-radius:7px;overflow:hidden}.product-image img{display:block;width:100%;height:auto}.zoom-label{position:absolute;right:7px;bottom:7px;background:var(--ink);color:white;font-size:10px;padding:3px 9px;border-radius:4px}.product-bottom{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:18px;margin-top:25px;font-size:11px}.hero-product>.small{margin-bottom:0}.challenge-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:35px}.challenge{min-height:155px;text-align:left;display:flex;flex-direction:column;align-items:flex-start;position:relative;padding:22px;font:800 22px/1.2 var(--heading)}.number{color:var(--accent);font-size:15px;letter-spacing:.08em;display:block;margin-bottom:30px}.plus{position:absolute;right:20px;top:16px;font-size:26px;font-weight:400}.challenge[aria-expanded=true]{background:var(--ink);color:white}.challenge[aria-expanded=true] .number{color:var(--light-green)}.detail{position:relative;background:white;border-left:4px solid var(--green);padding:20px 30px;margin-top:20px}.detail .eyebrow{margin-bottom:8px}.detail h3{font-size:20px}.detail p{margin:10px 0}.detail-close{position:absolute;right:12px;top:10px;border:0;font-size:22px;padding:0 8px}.switch{display:inline-flex;padding:5px;border:1px solid var(--line);border-radius:10px;background:white;margin:0 0 25px}.switch button{border:0}.switch button[aria-pressed=true]{background:var(--ink);color:white}.comparison{background:white;border:1px solid var(--line);border-radius:12px;padding:30px 40px}.comparison-heading{display:flex;align-items:center;flex-wrap:wrap;gap:22px}.comparison-heading p{flex-basis:100%;margin:0;color:var(--muted)}.pill{font-size:10px;letter-spacing:.08em;background:var(--paper);padding:8px 12px;border-radius:5px}.scattered,.connected{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:35px 0}.scattered div{border:1px dashed #9fb9af;padding:25px 20px;transform:rotate(-2deg)}.scattered div:nth-child(even){transform:rotate(2deg)}.scattered strong,.scattered span{display:block}.scattered strong{font:800 23px var(--heading)}.scattered span{font-size:13px;color:var(--muted);margin-top:8px}.connected{gap:0;background:var(--ink);color:white;border-radius:8px}.connected div{padding:25px;border-right:1px solid #ffffff30}.connected span{display:block;color:var(--light-green);font-size:12px;margin-bottom:10px}.connected strong{font:800 22px var(--heading)}.comparison-note{font-size:14px;color:var(--muted);margin-bottom:0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:32px 0}.steps button{text-align:left;font-weight:bold;padding:17px}.steps span{font-size:11px;margin-right:8px;color:var(--accent)}.steps b{float:right}.steps button[aria-pressed=true]{background:var(--light-green);border-color:var(--light-green)}.steps button[aria-pressed=true] span{color:var(--ink)}.step-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:40px;align-items:center}.big-number{font:800 55px var(--heading);color:var(--green)}.step-path{border-top:1px solid var(--line);padding-top:18px;font-weight:bold;font-size:13px}.task-layout{display:grid;grid-template-columns:1fr 250px;gap:28px;align-items:start}.hotspot-image{position:relative;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:white}.hotspot-image img{width:100%;display:block}.hotspot{position:absolute;transform:translate(-50%,-50%);width:28px;height:28px;padding:0;border:2px solid white;background:var(--blue);color:white;border-radius:50%;font-size:12px;box-shadow:0 2px 8px #12211a30}.hotspot[aria-pressed=true]{background:var(--light-green);color:var(--ink);outline:2px solid var(--ink)}.hotspot-list{display:flex;flex-wrap:wrap;gap:5px;margin:14px 0 4px}.hotspot-list button{font-size:11px;padding:7px 9px}.hotspot-list button[aria-pressed=true]{background:var(--light-green)}.task-detail{position:relative;min-height:250px;background:white;border-top:4px solid var(--light-green);padding:24px}.task-detail h3{font-size:24px}.task-detail p{font-size:15px}.account-layout{display:grid;grid-template-columns:240px 1fr;gap:28px;margin-top:26px}.account-list{display:grid;gap:6px}.account-list button{display:flex;justify-content:space-between;text-align:left}.account-list button[aria-pressed=true]{background:var(--ink);color:white}.account-detail{padding:25px 30px;background:white;border-radius:10px;border:1px solid var(--line)}.status-track{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0}.status-track b{display:block;font-size:24px;color:#6a7b73}.status-track strong,.status-track span{display:block}.status-track span{font-size:12px;color:var(--muted)}.status-track .done b{color:var(--accent)}.account-detail>p:last-child{font-size:14px;max-width:670px}.evidence-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;margin-top:40px}.loop{font-size:100px;color:var(--green);line-height:1}.evidence-list details{border-top:1px solid #b8ccc3;padding:20px 0}.evidence-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:22px;font:800 26px var(--heading)}.evidence-list summary::-webkit-details-marker{display:none}.evidence-list summary span{font:14px var(--body);color:var(--accent)}.evidence-list summary b{margin-left:auto;font-weight:400}.evidence-list details[open] summary b{transform:rotate(45deg)}.evidence-list details p{padding-left:42px;max-width:600px;color:var(--muted)}.price-layout{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.calculator{background:white;border:1px solid var(--line);padding:32px;border-radius:12px}.inputs{display:grid;grid-template-columns:1fr 1fr;gap:20px}.inputs label{font-size:13px}.inputs input{display:block;width:100%;margin-top:8px;padding:13px;border:1px solid #a8c0b5;border-radius:6px;color:var(--ink);background:var(--paper);font-size:22px}#total{display:block;font:800 clamp(40px,4vw,62px) var(--heading);letter-spacing:-.04em}#total span{font:16px var(--body);letter-spacing:0}#breakdown{font-size:12px;color:var(--muted)}.price-rules{border-top:1px solid var(--line);font-size:14px;margin-top:20px;padding-top:8px}.error{color:#9b2c20;font-size:12px;margin:8px 0}.closing{max-width:1000px;position:relative}.closing h2{font-size:clamp(45px,5.5vw,86px)}#naeste{background:var(--ink);color:white}#naeste .eyebrow,#naeste .lead{color:#c0d6cb}#naeste em{color:var(--light-green)}.secondary{background:white}.closing-note{color:#c0d6cb;border-top:1px solid #ffffff30;padding-top:22px;margin-top:35px;font-size:13px}footer{height:76px;border-top:1px solid var(--line);display:flex;align-items:center;gap:30px;padding:0 4vw;background:white}.footer-left{display:flex;align-items:center;gap:20px;min-width:260px;font-size:12px}#count{font-variant-numeric:tabular-nums;color:var(--accent)}#progress{display:flex;gap:5px;flex:1}#progress button{border:0;background:var(--line);height:4px;min-height:4px;padding:0;flex:1;border-radius:2px;position:relative}#progress button:before{content:'';position:absolute;inset:-12px 0}#progress button.selected{background:var(--green)}.controls{display:flex;gap:8px}.controls button{width:45px;height:42px;padding:0;font-size:20px}#notice{position:fixed;bottom:80px;right:20px;background:white}dialog{border:1px solid var(--line);border-radius:12px;max-width:96vw;width:1500px;padding:20px;max-height:95dvh}dialog::backdrop{background:#12211acc}dialog img{display:block;width:100%;margin-top:15px}dialog>button{display:block;margin-left:auto}dialog p{font-size:12px}dialog:modal{overflow:auto}[hidden]{display:none!important}
@media(min-width:1600px){.slide{padding-left:max(5vw,calc((100vw - 1600px)/2));padding-right:max(5vw,calc((100vw - 1600px)/2))}.hero-product{padding:26px}.hero-grid{gap:70px}}
@media(max-height:760px) and (min-width:761px){main{min-height:440px}.slide{padding-top:24px}h2{font-size:38px;margin-bottom:18px}h1{font-size:49px}.eyebrow{margin-bottom:14px}.hero-tag{margin-top:20px}.challenge-grid{margin-top:22px}.challenge{min-height:130px}.detail{padding:15px 25px}.detail p{font-size:14px}.closing h2{font-size:55px}.calculator{padding:24px}.price-layout .lead{font-size:17px}.steps{margin:20px 0}.step-grid{gap:25px}.hero-grid .lead{font-size:17px}.actions{margin:20px 0}}
@media(max-width:1000px) and (min-width:761px){.header-note{display:none}.hero-grid{grid-template-columns:1fr 1fr;gap:25px}.hero-product{padding:12px}.hero-product .product-bottom{font-size:9px}.task-layout{grid-template-columns:1fr 210px;gap:16px}.challenge{font-size:19px;padding:16px}.price-layout{gap:35px}.steps button{font-size:12px}.steps b{display:none}.footer-left{min-width:210px}.status-track strong{font-size:13px}}
@media(max-width:760px){header{height:72px;padding:0 20px;position:sticky;top:0}.header-note{display:none}header img{width:155px}.header-actions{gap:6px}.header-actions button{padding:8px 12px}#menu{top:64px;right:15px}main{height:auto;min-height:0}.slide,.slide.active{display:block;height:auto;overflow:visible;padding:40px 22px;min-height:calc(100svh - 140px);border-bottom:1px solid var(--line);scroll-margin-top:72px}h1{font-size:43px}h2{font-size:36px}h3{font-size:24px}.hero-grid,.step-grid,.task-layout,.account-layout,.evidence-grid,.price-layout{grid-template-columns:1fr;gap:26px}.hero-product{margin-top:4px}.hero-grid .lead{font-size:17px}.hero-tag{margin-top:24px}.actions{gap:12px}.eyebrow{font-size:10px}.challenge-grid{grid-template-columns:1fr 1fr;gap:10px}.challenge{font-size:19px;min-height:150px;padding:18px}.detail{padding:24px 20px}.switch{display:flex}.switch button{font-size:12px;padding:10px}.comparison{padding:25px 18px}.comparison-heading{gap:16px}.scattered,.connected{grid-template-columns:1fr 1fr;gap:12px}.connected{gap:0}.connected div{padding:20px 14px}.connected strong{font-size:18px}.scattered div{padding:18px 12px}.scattered strong{font-size:19px}.steps{grid-template-columns:1fr 1fr}.steps button{font-size:12px;padding:14px 10px}.steps b{display:none}.hotspot{width:23px;height:23px;font-size:10px}.task-detail{min-height:180px}.hotspot-list button{font-size:12px;padding:9px}.account-list{grid-template-columns:1fr 1fr}.account-list button{font-size:12px;padding:10px}.account-detail{padding:22px 18px}.status-track{gap:10px}.status-track strong{font-size:12px}.status-track span{font-size:10px}.evidence-grid{margin-top:20px}.loop{display:none}.evidence-list summary{font-size:24px}.calculator{padding:24px 20px}.price-layout h2{font-size:43px}.closing h2{font-size:43px}.closing .actions{align-items:stretch;flex-direction:column}.closing .text-link{align-self:flex-start}footer{height:66px;position:sticky;bottom:0;z-index:4;padding:0 16px;gap:10px}.footer-left{min-width:0;flex:1;gap:10px}#topic{font-size:10px}#progress{display:none}.controls button{width:36px;height:36px}.product-bottom{font-size:9px;gap:5px}.small{font-size:11px}dialog{padding:12px}dialog img{width:1100px;max-width:none}body{padding-bottom:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(min-width:761px) and (max-height:800px){#opgave h2 br{display:none}#opgave h2{font-size:34px}.hotspot-image{max-width:calc((100dvh - 365px)*2.319)}.comparison{padding:24px 32px}.scattered,.connected{margin:24px 0}.comparison-heading{gap:16px}.challenge-grid{margin-top:20px}.evidence-grid{margin-top:24px}}
@media print{header,footer,.header-actions{display:none}.slide,.slide.active{display:block;height:auto;min-height:90vh;break-after:page;overflow:visible}main{height:auto}button{box-shadow:none}}