@import "https://fonts.googleapis.com/css2?family=Schibsted+Grotesk:wght@400;500;600;700;800&display=swap";
:root{--bg:#fff;--ink:#111;--mut:#555;--p:#8b62ff;--p2:#d9ccff;--mint:#b0e69b;--coral:#ff6b6b;--card:#fff;--ln:#e8e6e0;box-sizing:border-box}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#fff;--ink:#111;--mut:#555;--card:#fff;--ln:#e8e6e0}}:root[data-theme=dark]{--bg:#fff;--ink:#111;--mut:#555;--card:#fff;--ln:#e8e6e0}*{box-sizing:border-box;-ms-overflow-style:none!important;scrollbar-width:none!important}::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}html,body{height:100%;margin:0;overflow:hidden!important}body{color:var(--ink);background:#e4e2dc;padding:30px;font-family:Schibsted Grotesk,system-ui,-apple-system,sans-serif;overflow:hidden!important}.frame{background:var(--bg);border-radius:16px;width:100%;height:100%;position:relative;box-shadow:0 4px 40px #00000014;overflow:hidden!important}main{width:100%;height:100%;overflow:hidden!important}.slide{opacity:0;pointer-events:none;background:#fff;flex-direction:column;justify-content:center;gap:clamp(10px,1.8vh,22px);padding:clamp(24px,4vh,52px) clamp(28px,5vw,76px) clamp(44px,6.5vh,68px);transition:opacity .35s,transform .35s;display:flex;position:absolute;inset:0;transform:translateY(12px);overflow:hidden!important}.slide.active{opacity:1;pointer-events:auto;transform:none}.slide.dark{color:#f7f7f5;--mut:#b5b5b5;--card:#1c1c1c;--ln:#333;background:#111}h1,h2{letter-spacing:-.03em;max-width:24em;margin:0;font-weight:800;line-height:1.08}h1{font-size:clamp(32px,4.4vw,64px)}h2{font-size:clamp(24px,3.2vw,46px)}.sub{color:var(--mut);max-width:48em;margin:0;font-size:clamp(14px,1.25vw,19px);line-height:1.42}.big{letter-spacing:-.02em;max-width:32em;margin:0;font-size:clamp(17px,1.7vw,26px);font-weight:700;line-height:1.25}.big b{background:linear-gradient(transparent 62%, var(--p2) 0);color:inherit}.dark .big b{color:#bfa7ff;background:0 0}.flow{flex-wrap:wrap;align-items:center;gap:.5em;display:flex}.flow .arrow{color:var(--p);opacity:0;font-size:clamp(15px,1.4vw,20px);font-style:normal;font-weight:800}.node{border:1.8px solid var(--ink);background:var(--card);color:var(--ink);opacity:0;border-radius:999px;padding:.45em .9em;font-size:clamp(12.5px,1.15vw,16px);font-weight:600}.dark .node{color:#f7f7f5;background:0 0;border-color:#f7f7f5}.node.question{border-style:dashed;border-color:var(--coral);color:var(--coral)}.node.negative{background:var(--coral);border-color:var(--coral);color:#fff}.node.highlight{background:var(--p);border-color:var(--p);color:#fff}.active .node,.active .flow .arrow{animation:.35s forwards slideIn}@keyframes slideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.label{letter-spacing:.1em;text-transform:uppercase;color:var(--p);margin:0 0 -.3vh;font-size:clamp(11.5px,.95vw,14px);font-weight:800}.dark .label{color:#bfa7ff}.grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:clamp(10px,1.5vh,18px) clamp(12px,1.4vw,22px);display:grid}.card{background:var(--card);border:1px solid var(--ln);border-top:4px solid var(--p);border-radius:0 0 8px 8px;padding:clamp(12px,1.5vh,18px) clamp(14px,1.3vw,20px);box-shadow:0 4px 18px #00000008}.card:nth-child(2n){border-top-color:var(--mint)}.card h3{letter-spacing:-.01em;margin:0 0 .35em;font-size:clamp(15px,1.3vw,20px);font-weight:700;line-height:1.25}.card p{color:var(--mut);margin:0;font-size:clamp(12.5px,1.05vw,15px);line-height:1.45}.stat-value{letter-spacing:-.04em;color:var(--p);font-size:clamp(36px,4.8vw,68px);font-weight:800;line-height:1}.stat-value+p{color:var(--mut);margin:.3em 0 0;font-size:clamp(12.5px,1.1vw,16px);line-height:1.35}.comparison-table{border-collapse:collapse;width:100%;max-width:1100px;font-size:clamp(12px,1.15vw,15.5px);display:table;overflow:hidden}.comparison-table td,.comparison-table th{border-bottom:1.5px solid var(--ln);text-align:left;white-space:nowrap;padding:clamp(6px,1vh,9px) clamp(8px,1vw,14px)}.comparison-table th{color:var(--mut);text-transform:uppercase;letter-spacing:.05em;font-size:clamp(11.5px,.95vw,13.5px);font-weight:700}.comparison-table tr:last-child{background:var(--p2);color:#111;font-weight:700}.data-table-wrapper{width:100%;max-width:1100px;overflow:hidden}.data-table{border-collapse:collapse;width:100%;font-size:clamp(12px,1.1vw,15px)}.data-table th{border-bottom:2px solid var(--ln);color:var(--mut);text-transform:uppercase;letter-spacing:.05em;text-align:left;white-space:nowrap;padding:clamp(6px,.9vh,9px) clamp(8px,1vw,14px);font-size:clamp(11px,.9vw,13px);font-weight:700}.data-table td{border-bottom:1px solid var(--ln);text-align:left;padding:clamp(6px,.9vh,9px) clamp(8px,1vw,14px);line-height:1.35}.data-table .highlight-row{background:var(--p2);color:#111;font-weight:700}.dark .data-table .highlight-row{color:#fff;background:#8b62ff40}.dark .data-table th{color:#a5a5a5;border-bottom-color:#333}.dark .data-table td{border-bottom-color:#262626}.page-indicator{color:var(--mut);z-index:5;font-variant-numeric:tabular-nums;letter-spacing:.05em;font-size:clamp(13px,1.1vw,16px);font-weight:600;position:absolute;bottom:clamp(10px,1.2vh,14px);left:clamp(24px,5vw,50px)}.arrow-nav{z-index:5;align-items:center;gap:8px;display:flex;position:absolute;bottom:clamp(8px,1vh,12px);right:clamp(24px,5vw,50px)}.arrow-btn{border:1.5px solid var(--ln);background:var(--card);width:40px;height:40px;color:var(--ink);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;padding:0;font-size:18px;font-weight:700;transition:all .2s;display:flex}.arrow-btn:hover{background:var(--p);border-color:var(--p);color:#fff}.arrow-btn:disabled{opacity:.25;cursor:default}.arrow-btn:disabled:hover{background:var(--card);border-color:var(--ln);color:var(--ink)}.dots-nav{display:none}button:focus-visible{outline:2px solid var(--p);outline-offset:3px}@media (prefers-reduced-motion:reduce){.slide{transition:none}.active .node,.active .flow .arrow{opacity:1;animation:none}}@media (max-width:600px){body{padding:12px}.slide{padding:4vh 5vw 12vh}.arrow-nav{bottom:8px;right:16px}.arrow-btn{width:38px;height:38px;font-size:16px}}
