/* GENERATED by scripts/build-guide-demos.mjs from grundex-landing.html.
   Do not edit by hand: change the demo on the landing page and re-run. */
@font-face{
    font-family:'Caveat'; font-style:normal; font-weight:400; font-display:swap;
    src:url('../fonts/caveat.woff2') format('woff2');
  }
.gdemo{
    --paper:#E8E9E3;        /* stone */
    --paper-dim:#DCDED6;    /* stone-dark */
    --surface:#FFFFFF;
    --surface-2:#F5F6F2;
    --ink:#1A1A18;
    --ink-soft:#64665F;
    --ink-faint:#979991;
    --forest:#1E6B4A;
    --forest-dark:#155235;
    --forest-light:#EAF3EE;
    --forest-deep:#12241D;
    --forest-deep-light:#1F3D31;
    --forest-glow:#2D5A45;
    --bronze:#8C5A2B;
    --bronze-light:#F3E9DC;
    --info:#2B5F93;
    --info-light:#EAF0F6;
    --line:rgba(26,26,24,0.10);
    --radius:18px;
    --deep-hero:
      radial-gradient(circle at 85% 0%, rgba(255,255,255,0.07), transparent 55%),
      linear-gradient(160deg, var(--forest-deep-light), var(--forest-deep));
  }

.gdemo{
  width:min(1080px, calc(100vw - 32px)); position:relative; left:50%; transform:translateX(-50%);
  margin:36px 0; color:var(--ink); font-family:'Schibsted Grotesk', sans-serif;
}
.gdemo:empty{min-height:360px; border-radius:18px; background:rgba(0,0,0,.04);}


  .kr-window-bar{height:34px; background:var(--paper-dim); display:flex; align-items:center; gap:6px; padding:0 14px; flex-shrink:0;}
  .kr-window-bar span{width:9px; height:9px; border-radius:50%; background:#C6C9BF;}
  .kr-feature-icon{
    width:44px; height:44px; border-radius:12px; margin-bottom:18px;
    display:flex; align-items:center; justify-content:center;
    background:var(--forest-light); color:var(--forest);
  }
  .notif-points{display:flex; flex-direction:column; gap:32px;}
  .notif-point .kr-feature-icon{margin-bottom:14px;}
  .notif-point p{font-size:16px; line-height:1.65; color:var(--ink-soft); max-width:420px;}
  .notif-point p b{color:var(--ink); font-weight:600;}
  .st{display:inline-block; font-size:10px; font-weight:700; padding:2px 8px; border-radius:100px; white-space:nowrap;}
  .st.forh{background:var(--forest-light); color:var(--forest);}
  .st.overv{background:#F5EAD2; color:#8A520C;}
  .st.ny{background:var(--paper); color:var(--ink-soft);}
  .st.done{background:var(--forest); color:#fff;}
  .st.warn{background:var(--bronze-light); color:var(--bronze);}
  .st.norm{background:var(--paper); color:var(--ink-soft);}
  .tr-dim{position:absolute; inset:0; background:rgba(26,26,24,0.32); z-index:4;}
  .hx{display:block; width:100%; max-width:1180px; margin-top:40px; text-align:left;}
  .hx-stage{position:relative; width:100%; height:calc(700px * var(--hx-s, 1));}
  .hx-win{position:absolute; left:0; top:0; width:1180px; height:700px; transform-origin:0 0; transform:scale(var(--hx-s, 1)); background:#F3F4F0; border-radius:16px; overflow:hidden; border:1px solid var(--line); box-shadow:0 50px 100px -40px rgba(18,36,29,0.45);}
  .hx-body{position:relative; height:calc(100% - 34px); display:flex;}
  .hx-sides{position:relative; width:200px; flex-shrink:0;}
  .ax-it{transition:background .3s ease, color .3s ease;}
  .ax-krsub{display:none;}
  .ax-krsub.on{display:block;}
  .hx-main{position:relative; flex:1; min-width:0;}
  .hx-scene{position:absolute; inset:0; opacity:0; visibility:hidden; transition:opacity .45s ease, visibility 0s .45s;}
  .hx-scene.on{opacity:1; visibility:visible; transition:opacity .45s ease;}
  .hx-scene .a{opacity:0; transform:translateY(8px);}
  .hx-scene.on .a{opacity:1; transform:none; transition:opacity .55s ease var(--d, 0s), transform .55s cubic-bezier(.2,.8,.2,1) var(--d, 0s);}
  .hx-steps{list-style:none; display:grid; grid-template-columns:repeat(4, 1fr); gap:10px; margin-top:18px;}
  .hx-steps li{position:relative; padding:14px 16px 18px; border-radius:14px; cursor:pointer; opacity:.5; transition:opacity .35s ease, background .35s ease;}
  .hx-steps li:hover{opacity:.8;}
  .hx-steps li.on{opacity:1; background:var(--surface); box-shadow:0 14px 30px -22px rgba(26,26,24,0.35);}
  .hx-time{display:block; font-family:'JetBrains Mono', monospace; font-size:11.5px; color:var(--bronze); margin-bottom:4px;}
  .hx-steps b{display:block; font-family:'Source Serif 4', Georgia, serif; font-weight:600; font-size:16px; line-height:1.3; color:var(--ink);}
  .hx-steps p{font-size:13px; line-height:1.5; color:var(--ink-soft); margin-top:5px;}
  .hx-steps i{position:absolute; left:16px; right:16px; bottom:8px; height:2px; background:var(--line); border-radius:1px; overflow:hidden; opacity:0;}
  .hx-steps li.on i{opacity:1;}
  .hx-steps u{display:block; height:100%; width:0; background:var(--forest);}
  .hx-steps li.on u{animation:hxFill var(--hx-dur, 6.5s) linear forwards;}
  @media (hover:hover){ .hx-steps li.on:hover u{animation-play-state:paused;} }
  @media (max-width:900px){
    .hx-steps{grid-template-columns:1fr; max-width:560px; margin:16px auto 0;}
    .hx-steps li:not(.on){display:none;}
  }
  @media (prefers-reduced-motion: reduce){
    .hx-scene, .hx-scene .a, .ax-it{transition:none !important;}
  }
  .ax-side{position:absolute; inset:0; background:#E9EAE4; border-right:1px solid var(--line); padding:14px 0; font-size:12.5px; color:#55574F;}
  .ax-logo{font-family:'Source Serif 4', Georgia, serif; font-weight:600; font-size:19px; color:var(--ink); padding:0 14px; line-height:1.1;}
  .ax-logo span{color:#2E8A5E;}
  .ax-logo small{display:block; font-family:'Schibsted Grotesk', sans-serif; font-weight:400; font-size:10px; color:var(--ink-faint); margin-top:3px;}
  .ax-search{display:flex; align-items:center; gap:6px; margin:10px 10px 4px; padding:7px 9px; background:#fff; border-radius:8px; color:var(--ink-faint); font-size:12px;}
  .ax-search span{flex:1;}
  .ax-search kbd{font-family:inherit; font-size:8.5px; padding:1px 4px; border-radius:3px; background:var(--paper); border:1px solid var(--line);}
  .ax-grp{font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-faint); padding:9px 14px 3px;}
  .ax-it{display:flex; align-items:center; gap:9px; padding:5px 14px;}
  .ax-it svg{color:#6D6F68; flex-shrink:0;}
  .ax-it.on{background:var(--forest-light); color:var(--forest);}
  .ax-it.on svg{color:var(--forest);}
  .ax-sub{display:flex; align-items:center; gap:7px; padding:4px 14px 4px 32px; font-size:11.5px;}
  .ax-sub.on{background:var(--forest-light); color:var(--forest);}
  .ax-sub small{margin-left:auto; font-size:10px; color:var(--ink-faint);}
  .ax-subgrp{font-size:9px; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-faint); padding:6px 14px 2px 32px;}
  .ax-side .av, .ax-user .av{display:inline-flex; align-items:center; justify-content:center; width:17px; height:17px; border-radius:50%; background:#DCE6DF; color:var(--forest); font-size:7.5px; font-weight:700;}
  .ax-foot{position:absolute; left:0; right:0; bottom:0;}
  .ax-dot{width:7px; height:7px; border-radius:50%; background:#2E8A5E; margin-left:auto;}
  .ax-user{display:flex; align-items:center; gap:9px; padding:10px 14px 12px; border-top:1px solid var(--line); font-size:12px; color:var(--ink);}
  .ax-user .av{width:26px; height:26px; font-size:11px; background:#fff; color:var(--ink);}
  .ax-user small{display:block; font-size:10.5px; color:var(--ink-faint);}
  .ax-page{position:absolute; inset:0; display:flex; flex-direction:column; overflow:hidden; font-size:12px; color:var(--ink);}
  .ax-head{background:#FAFAF8; padding:16px 22px 12px; border-bottom:1px solid var(--line);}
  .ax-title{display:flex; justify-content:space-between; align-items:flex-start; gap:14px;}
  .ax-title h4{font-family:'Source Serif 4', Georgia, serif; font-weight:600; font-size:23px; line-height:1.15;}
  .ax-title .sub{display:flex; align-items:center; gap:6px; font-size:12px; color:var(--ink-soft); margin-top:4px;}
  .ax-title .sub svg{color:var(--ink-faint);}
  .ax-acts{display:flex; gap:6px; align-items:center;}
  .ib{width:30px; height:30px; border-radius:8px; border:1px solid var(--line); background:#fff; display:inline-flex; align-items:center; justify-content:center; color:var(--ink-soft); flex-shrink:0;}
  .btn{display:inline-flex; align-items:center; gap:6px; font-size:11.5px; font-weight:600; padding:7px 12px; border-radius:8px; border:1px solid var(--line); background:#fff; color:var(--ink);}
  .btn.pri{background:var(--forest); border-color:var(--forest); color:#fff;}
  .btn.danger{color:var(--danger, #B03A2E); border-color:rgba(176,58,46,0.35);}
  .ax-strip{display:grid; grid-auto-flow:column; grid-auto-columns:1fr; background:#FAFAF8; border-bottom:1px solid var(--line);}
  .ax-strip > div{padding:11px 16px; border-left:1px solid var(--line);}
  .ax-strip > div:first-child{border-left:none;}
  .ax-strip small{display:block; font-size:9.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-faint); margin-bottom:4px;}
  .ax-strip b{font-size:17px; font-weight:400;}
  .em{display:inline-flex; align-items:center; justify-content:center; min-width:22px; height:20px; padding:0 5px; border-radius:4px; font-style:normal; font-weight:700; font-size:11px; color:var(--ink);}
  .em.c{background:#D6E36B;}
  .ax-tabs{display:flex; gap:4px; padding:0 22px; background:#FAFAF8; border-bottom:1px solid var(--line); font-size:12px; color:var(--ink-soft);}
  .ax-tabs span{padding:10px 12px 9px;}
  .ax-tabs span.on{color:var(--ink); box-shadow:inset 0 -2px 0 var(--forest);}
  .ax-body{flex:1; min-height:0; padding:16px 22px; display:flex; flex-direction:column; gap:12px; overflow:hidden;}
  .ax-body > *{flex-shrink:0;}
  .ax-split{flex:1; min-height:0; display:flex;}
  .ax-split .ax-body{flex:1;}
  .ax-grid{display:grid; gap:12px; align-items:start;}
  .ax-col{display:flex; flex-direction:column; gap:12px; min-width:0;}
  .ax-card{background:#fff; border-radius:10px; border:1px solid rgba(26,26,24,0.05); overflow:hidden;}
  .ax-card-h{display:flex; align-items:center; gap:8px; padding:11px 14px; border-bottom:1px solid var(--line); font-size:12.5px;}
  .ax-card-h svg{color:var(--ink-soft);}
  .ax-card-h b{font-weight:500;}
  .ax-card-h b small{display:block; font-size:10px; color:var(--ink-faint); font-weight:400; margin-top:1px;}
  .ax-card-h .r{margin-left:auto; font-size:10.5px; color:var(--forest); display:flex; align-items:center; gap:6px;}
  .ax-card-h .r small{font-size:9px; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-faint);}
  .sel{border:1px solid var(--line); border-radius:7px; padding:4px 22px 4px 8px; color:var(--ink); font-size:11px; position:relative;}
  .sel::after{content:"▾"; position:absolute; right:7px; color:var(--ink-faint);}
  .ax-rows > div{display:flex; justify-content:space-between; gap:10px; padding:8px 14px; border-top:1px solid var(--line); font-size:11.5px; color:var(--ink-soft);}
  .ax-rows > div:first-child{border-top:none;}
  .ax-rows b{font-weight:500; color:var(--ink);}
  .ax-map{width:230px; flex-shrink:0; position:relative; border-left:1px solid var(--line);}
  .ax-mapsvg{width:100%; height:100%; display:block;}
  .ax-map-foot{position:absolute; left:0; right:0; bottom:0; display:flex; justify-content:space-around; background:#fff; border-top:1px solid var(--line); font-size:11px; padding:9px 0; color:var(--ink-soft);}
  .ax-switch{display:flex; gap:6px; margin-top:12px;}
  .ax-sel{display:flex; align-items:center; gap:8px; padding:6px 10px; border:1px solid var(--line); border-radius:9px; background:#fff; min-width:380px; font-size:12px;}
  .ax-sel b{font-weight:500; flex:1;}
  .ax-sel small{color:var(--ink-faint); font-size:10.5px;}
  .ax-sel::after{content:"▾"; color:var(--ink-faint); font-size:10px;}
  .ax-next{position:relative; overflow:hidden; background:#EEEFEA; border:1px solid var(--line); border-radius:12px; padding:14px 18px 16px;}
  .ax-next::after{content:"x"; position:absolute; right:8px; bottom:-18px; font-family:'Source Serif 4', Georgia, serif; font-weight:600; font-size:80px; line-height:1; color:rgba(26,26,24,0.06);}
  .ax-next .lbl{font-size:9.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-faint); margin-bottom:8px;}
  .ax-next .cols{display:grid; grid-template-columns:1fr 1fr; gap:26px;}
  .ax-next p{font-size:12px; line-height:1.55; color:var(--ink); max-width:62ch;}
  .ax-next p + p{margin-top:8px;}
  .ax-next p.urg{color:var(--bronze);}
  .ax-next p.urg b{color:var(--bronze); font-weight:600;}
  .ax-next p.muted{color:var(--ink-soft);}
  .ax-prop-row{display:flex; gap:10px; align-items:center; padding:12px 14px; font-size:12.5px;}
  .ax-prop-row small{display:block; font-size:10.5px; color:var(--ink-faint);}
  .ax-bigbtn{display:flex; align-items:center; justify-content:center; gap:8px; background:var(--forest); color:#fff; font-weight:600; font-size:12.5px; padding:11px; border-radius:9px;}
  .ax-tog{display:flex; align-items:center; gap:9px; background:#fff; border:1px solid var(--line); border-radius:8px; padding:7px 10px; font-size:11.5px;}
  .ax-tog .ic{color:var(--ink-soft); display:flex;}
  .ax-tog > div{flex:1; min-width:0;}
  .ax-tog small{display:block; font-size:9.5px; color:var(--ink-faint); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
  .ax-tog .sw{position:relative; width:28px; height:16px; border-radius:10px; background:#D4D6CE; flex-shrink:0; transition:background .3s ease var(--d, 0s);}
  .ax-tog .sw::after{content:""; position:absolute; left:2px; top:2px; width:12px; height:12px; border-radius:50%; background:#fff; transition:transform .3s ease var(--d, 0s);}
  .hx-scene.on .ax-tog .sw{background:var(--forest);}
  .hx-scene.on .ax-tog .sw::after{transform:translateX(12px);}
  .notif-point{transition:opacity .4s ease;}
  .notif-points.live .notif-point{opacity:.45;}
  .notif-points.live .notif-point.on{opacity:1;}
  .lp-win{max-width:1080px; margin:0 auto 64px; background:#fff; border-radius:18px; overflow:hidden; border:1px solid var(--line); box-shadow:0 40px 80px -36px rgba(26,26,24,0.4); text-align:left;}
  .lp-body{display:grid; grid-template-columns:420px 1fr; height:600px;}
  .lp-pdf{position:relative; background:#2F312D; display:flex; flex-direction:column; min-height:0;}
  .lp-tool{display:flex; align-items:center; gap:8px; padding:10px 14px; background:#232521; color:rgba(255,255,255,0.75); font-size:12px;}
  .lp-tool b{margin-left:auto; font-weight:500; color:#fff; font-variant-numeric:tabular-nums;}
  .lp-stage{position:relative; flex:1; min-height:0; display:flex; align-items:center; justify-content:center;}
  .lp-sheet{position:absolute; width:290px; height:410px; background:#fff; border-radius:2px; box-shadow:0 14px 30px -12px rgba(0,0,0,0.6);}
  .lp-sheet.b1{transform:translate(8px, 8px); background:#E9EAE5;}
  .lp-sheet.b2{transform:translate(16px, 16px); background:#D3D5CE;}
  .lp-page{overflow:hidden;}
  .lp-lines{position:absolute; inset:30px 28px 34px; display:flex; flex-direction:column; gap:7px;}
  .lp-lines i{display:block; height:5px; border-radius:3px; background:#DCDDD7; flex-shrink:0;}
  .lp-lines i.h{height:7px; background:#9C9E97; margin:6px 0 3px;}
  .lp-lines i.gap{height:4px; background:none;}
  .lp-lines .t1{font-family:'Source Serif 4', Georgia, serif; font-weight:600; font-size:20px; color:var(--ink); text-align:center; margin-top:110px;}
  .lp-lines .t2{font-size:11.5px; color:var(--ink-soft); text-align:center;}
  .lp-hl{position:absolute; left:22px; right:22px; height:0; border-left:3px solid #2E8A5E; background:rgba(46,138,94,0.16); opacity:0; transition:opacity .25s ease;}
  .lp-hl.on{opacity:1;}
  .lp-pn{position:absolute; left:0; right:0; bottom:12px; text-align:center; font-size:9px; color:var(--ink-faint);}
  .lp-scan{position:absolute; left:0; right:0; top:0; height:46px; background:linear-gradient(180deg, rgba(46,138,94,0), rgba(46,138,94,0.14) 70%, rgba(46,138,94,0.5)); animation:lpScan 1.3s linear infinite; opacity:0;}
  .lp-win.reading .lp-scan{opacity:1;}
  .lp-status{display:flex; align-items:center; justify-content:center; gap:8px; margin:0 auto 18px; padding:7px 14px; border-radius:100px; background:rgba(255,255,255,0.1); color:#fff; font-size:12.5px; font-weight:500;}
  .lp-spin{width:12px; height:12px; border-radius:50%; border:2px solid rgba(255,255,255,0.3); border-top-color:#8FE3B8; animation:lpSpin .8s linear infinite;}
  .lp-status.done{background:rgba(143,227,184,0.16); color:#8FE3B8;}
  .lp-status.done .lp-spin{animation:none; border:none; width:auto; height:auto;}
  .lp-status.done .lp-spin::before{content:"✓"; font-size:12px; font-weight:700;}
  .lp-app{position:relative; background:#F3F4F0; overflow:hidden;}
  .lp-app-in{display:flex; flex-direction:column; gap:12px; padding:18px; transition:transform .7s cubic-bezier(.4,0,.2,1);}
  .lp-card{background:#fff; border:1px solid rgba(26,26,24,0.06); border-radius:12px; overflow:hidden; font-size:13px;}
  .lp-ch{display:flex; align-items:center; gap:8px; padding:12px 16px; border-bottom:1px solid var(--line);}
  .lp-ch svg{color:var(--ink-soft);}
  .lp-ch b{font-weight:500; font-size:13.5px;}
  .lp-ch .r{margin-left:auto; font-size:11.5px; color:var(--forest);}
  .lp-ch .r.muted{color:var(--ink-faint);}
  .lp-plan{padding:14px 16px 12px;}
  .lp-plan h4{font-family:'Source Serif 4', Georgia, serif; font-weight:600; font-size:19px; line-height:1.2;}
  .lp-plan small{display:block; font-size:11.5px; color:var(--ink-soft); margin-top:3px;}
  .lp-chips{display:flex; flex-wrap:wrap; gap:5px; margin-top:9px;}
  .lp-chips span{font-size:11px; padding:3px 9px; border-radius:100px; background:var(--surface-2); border:1px solid var(--line); color:var(--ink-soft);}
  .lp-chips span.on{background:var(--forest-light); border-color:rgba(30,107,74,0.25); color:var(--forest);}
  .lp-facts{display:grid; grid-template-columns:repeat(4, 1fr); border-top:1px solid var(--line);}
  .lp-facts > div{padding:10px 12px; border-left:1px solid var(--line);}
  .lp-facts > div:first-child{border-left:none;}
  .lp-facts small{display:block; font-size:9px; letter-spacing:.07em; text-transform:uppercase; color:var(--ink-faint); margin-bottom:4px;}
  .lp-facts b{font-weight:500; font-size:12.5px; line-height:1.35;}
  .lp-src{padding:8px 16px 10px; border-top:1px solid var(--line); font-size:10.5px; color:var(--ink-faint);}
  .lp-row, .lp-ai{position:relative; display:flex; gap:12px; align-items:flex-start; padding:10px 16px; border-top:1px solid var(--line); min-height:40px;}
  .lp-ch + .lp-row, .lp-ch + .lp-ai, .lp-grp + .lp-row{border-top:none;}
  .lp-row p, .lp-ai p{flex:1; font-size:12.5px; line-height:1.45; opacity:0; transition:opacity .45s ease;}
  .lp-row em{font-style:normal; font-family:'JetBrains Mono', monospace; font-size:10.5px; padding:2px 7px; border-radius:4px; background:var(--forest-light); color:var(--forest); white-space:nowrap; opacity:0; transition:opacity .45s ease, background .3s ease;}
  .lp-row.k p{padding-left:14px; position:relative;}
  .lp-row.k p::before{content:""; position:absolute; left:0; top:6px; width:6px; height:6px; border-radius:50%; background:var(--bronze);}
  .lp-row.u p{display:flex; gap:8px; color:#8A520C;}
  .lp-row.u p svg{flex-shrink:0; margin-top:2px;}
  .lp-ai{background:var(--surface-2);}
  .lp-ai p{font-size:11.5px; color:var(--ink-soft);}
  .lp-ai p b{font-family:'Source Serif 4', Georgia, serif; color:#2E8A5E; margin-right:7px;}
  .lp-grp{padding:10px 16px 2px; border-top:1px solid var(--line); font-size:9.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-faint);}
  .lp-sk{position:absolute; left:16px; right:70px; top:50%; height:8px; margin-top:-4px; border-radius:4px; background:linear-gradient(90deg, #ECEDE8 0%, #F6F7F3 50%, #ECEDE8 100%); background-size:200% 100%; animation:lpShim 1.4s ease-in-out infinite; transition:opacity .3s ease;}
  [data-slot].in .lp-sk{opacity:0;}
  [data-slot].in p, [data-slot].in em{opacity:1;}
  [data-slot].fresh em{background:#CFE6D8;}
  @media (max-width:980px){
    .lp-body{grid-template-columns:1fr; height:auto;}
    .lp-pdf{height:500px;}
    .lp-app{height:480px;}
  }
  @media (max-width:560px){
    .lp-facts{grid-template-columns:1fr 1fr;}
    .lp-facts > div:nth-child(3){border-left:none;}
    .lp-facts > div:nth-child(n+3){border-top:1px solid var(--line);}
    .lp-sheet{scale:.8;}
  }
  @media (prefers-reduced-motion: reduce){ .lp-scan, .lp-sk, .lp-spin{animation:none;} }
  .ax-card-h .r.muted, .muted{color:var(--ink-faint);}
  .ink{color:var(--ink);}
  .tb-h{display:grid; grid-template-columns:1fr 90px 120px; gap:12px; align-items:center; padding:10px 14px; border-top:1px solid var(--line); font-size:12px;}
  .ax-card-h + .tb-h{border-top:none;}
  .tb-h b{font-weight:500;}
  .tb-h > b{text-align:right;}
  .tb-h small{display:block; font-size:10.5px; color:var(--ink-faint); margin-top:2px;}
  .tb-h > span{font-size:11px; color:var(--ink-faint); text-align:right;}
  .tb-h.tot{grid-template-columns:1fr 120px; background:var(--surface-2); color:var(--ink-faint);}
  .tb-sv{padding:10px 14px 12px; border-top:1px solid var(--line);}
  .ax-card-h + .tb-sv{border-top:none;}
  .tb-sv small{font-size:10.5px; color:var(--ink-faint);}
  .tb-sv p{font-size:12.5px; margin:3px 0 8px;}
  .tb-akt{flex-shrink:0; font-size:10.5px; padding:4px 9px; border:1px solid var(--line); border-radius:6px; color:var(--ink-soft); background:#fff;}
  .bd-demo{margin-top:8px;}
  .bd-demo .hx-steps{margin-top:18px;}
  .bd-tap{position:absolute; left:0; top:0; width:34px; height:34px; margin:-17px 0 0 -17px; border-radius:50%; background:rgba(30,107,74,0.18); border:2px solid rgba(30,107,74,0.5); opacity:0; pointer-events:none; z-index:40;}
  .bd-tap.go{animation:dpTap .65s ease-out;}
  .bd-ghost{height:34px; border-radius:8px; background:#fff; border:1px solid rgba(26,26,24,0.05);}
  .kx-steps{grid-template-columns:repeat(7, 1fr);}
  .kx-steps b{font-size:14.5px;}
  .kx-steps p{font-size:12.5px;}
  @media (max-width:1100px){ .kx-steps{grid-template-columns:repeat(4, 1fr);} }
  .kx-demo .ax-sub[data-k].on, .kx-demo .ax-sub.on{background:var(--forest-light); color:var(--forest);}
  .kx-funnel{display:grid; grid-template-columns:repeat(5,1fr); background:#fff; border-radius:10px; border:1px solid rgba(26,26,24,.05);}
  .kx-funnel > div{padding:10px 14px; border-left:1px solid var(--line);}
  .kx-funnel > div:first-child{border-left:none;}
  .kx-funnel small{display:block; font-size:9.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-faint);}
  .kx-funnel b{font-size:19px; font-weight:400;}
  .kx-funnel b.z{color:var(--ink-faint);}
  .kx-lbl{display:flex; justify-content:space-between; font-size:10px; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-faint); margin-top:2px;}
  .kx-task{background:#fff; border-radius:10px; border:1px solid rgba(26,26,24,.05); padding:10px 14px;}
  .kx-tt{display:flex; align-items:center; gap:8px; font-size:12px;}
  .kx-tt b{font-weight:500;}
  .kx-tt small{margin-left:auto; font-size:11px; color:var(--ink-faint);}
  .kx-task ul{margin:6px 0 0 16px; font-size:11.5px; line-height:1.55; color:var(--ink-soft);}
  .kx-task li.urg{color:var(--bronze);}
  .kx-empty{display:flex; align-items:center; gap:10px; font-size:12px;}
  .kx-empty b{font-weight:500;}
  .kx-empty small{margin-left:auto; font-size:11px; color:var(--ink-faint);}
  .kx-foot{font-size:10.5px; color:var(--ink-faint);}
  .kx-cl{display:flex; align-items:center; gap:10px; padding:10px 14px; border-top:1px solid var(--line); font-size:12px;}
  .kx-cl:first-child{border-top:none;}
  .kx-cl > div{flex:1;}
  .kx-cl small{display:block; font-size:10.5px; color:var(--ink-faint);}
  .kx-cl .av{width:28px; height:28px; border-radius:50%; background:#EEF2EE; color:var(--forest); font-size:10px; font-weight:700; display:flex; align-items:center; justify-content:center;}
  .hx-scene.on #kxSofie{animation:kxHi 1.4s ease 2.7s both;}
  .kx-bigic{width:40px; height:40px; border-radius:50%; background:var(--forest-light); color:var(--forest); display:flex; align-items:center; justify-content:center;}
  .kx-et{font-size:14px; font-weight:500;}
  .kx-ep{max-width:430px; font-size:12px; line-height:1.55; color:var(--ink-soft);}
  .kx-attach{padding:9px 16px;}
  .kx-drop{width:320px; background:#fff; border:1px solid var(--line); border-radius:10px; box-shadow:0 16px 36px -16px rgba(0,0,0,.25); text-align:left; opacity:0; transform:translateY(-6px);}
  .hx-scene.on .kx-drop{transition:opacity .3s ease .9s, transform .3s ease .9s; opacity:1; transform:none;}
  .kx-in{display:flex; align-items:center; gap:7px; margin:8px; padding:7px 9px; border:1px solid var(--forest); border-radius:7px; font-size:12px; color:var(--ink-faint);}
  .kx-in em{margin-left:auto; font-style:normal;}
  .kx-typed, .kx-typed2, .kx-typed3, .kx-typed4, .kx-typed5{display:inline-block; overflow:hidden; white-space:nowrap; width:0; vertical-align:bottom; color:var(--ink);}
  .hx-scene.on .kx-typed{animation:kxType .8s steps(11) 1.2s forwards; --w:84px;}
  .kx-hit{padding:7px 12px; font-size:12px; opacity:0;}
  .hx-scene.on .kx-hit{animation:kxFade .3s ease 2.1s forwards;}
  .hx-scene.on .kx-hit.pick{animation:kxFade .3s ease 2.1s forwards, kxPick .6s ease 3.3s forwards;}
  .kx-next{padding-bottom:10px;}
  .kx-att{margin-top:10px; padding-top:10px; border-top:1px solid var(--line);}
  .kx-att p{font-size:11.5px; color:var(--ink-soft);}
  .kx-ck{display:grid; grid-template-columns:1fr 170px 26px 76px; gap:8px; align-items:center; padding:7px 14px; border-top:1px solid var(--line); font-size:12px;}
  .ax-card-h + .kx-ck{border-top:none;}
  .kx-sel{border:1px solid var(--line); border-radius:7px; padding:5px 9px; font-size:11.5px; position:relative; transition:background .3s, border-color .3s, color .3s;}
  .kx-sel::after{content:"▾"; position:absolute; right:8px; color:var(--ink-faint);}
  .kx-sel.wait{background:#F5EAD2; border-color:#E4C98E; color:#8A520C;}
  .kx-sel.ok{background:var(--forest-light); border-color:rgba(30,107,74,.35); color:var(--forest);}
  .kx-ni{width:26px; height:26px;}
  .kx-ck.kx-lp{grid-template-columns:1fr 110px 26px auto; border-top:1px solid var(--line);}
  .kx-lpst{display:inline-flex; align-items:center; gap:4px; font-size:10.5px; font-weight:500; padding:2px 9px; border-radius:100px; background:var(--surface-2); border:1px solid var(--line); color:var(--ink-faint); transition:all .3s ease;}
  .kx-lpst.ok{background:var(--forest-light); border-color:rgba(30,107,74,.3); color:var(--forest);}
  .kx-lpst.ok::before{content:"✓"; font-size:10px;}
  .kx-lpinfo{padding:0 14px 10px; font-size:11px; color:var(--ink-soft);}
  .kx-lpinfo > div{display:flex; align-items:center; gap:6px; flex-wrap:wrap;}
  .kx-lpchip{font-size:9.5px; font-weight:500; padding:1px 7px; border-radius:100px; background:var(--forest-light); color:var(--forest); border:1px solid rgba(30,107,74,.2);}
  .kx-lpln{display:inline-flex; align-items:center; gap:3px; color:var(--ink-faint);}
  .kx-lpinfo p{position:relative; margin-top:6px; padding-left:13px; font-size:11.5px; line-height:1.4; color:var(--ink);}
  .kx-lpinfo p::before{content:""; position:absolute; left:1px; top:5px; width:5px; height:5px; border-radius:50%; background:var(--bronze);}
  .kx-lpinfo em{font-style:normal; color:var(--ink-faint);}
  .kx-ni.on{background:var(--forest-light); color:var(--forest); border-color:rgba(30,107,74,.35);}
  .kx-up{padding:5px 8px; font-size:11px;}
  .kx-note{margin:0 14px 8px; padding:0 10px; max-height:0; overflow:hidden; background:var(--surface-2); border-radius:6px; font-size:11.5px; transition:max-height .35s ease, padding .35s ease;}
  .kx-note.on{max-height:40px; padding:7px 10px;}
  .kx-note.on .kx-typed2{animation:kxType 1.1s steps(33) .3s forwards; --w:230px;}
  .em.e{background:#E8912B; color:#fff;}
  .kx-fin-in{display:grid; grid-template-columns:repeat(5,1fr); gap:10px; background:#fff; border-radius:10px; padding:12px 14px; border:1px solid rgba(26,26,24,.05);}
  .kx-fin-in label{display:block; font-size:9.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-faint); margin-bottom:4px;}
  .kx-fin-in small{display:block; font-size:9.5px; color:var(--ink-faint); margin-top:3px;}
  .kx-inp{display:block; border:1px solid var(--line); border-radius:7px; padding:6px 9px; font-size:12px; min-height:29px; position:relative;}
  .kx-inp.dim{color:var(--ink-faint);}
  .kx-inp.sel::after{content:"▾"; position:absolute; right:9px; color:var(--ink-faint);}
  .kx-focus{border-color:var(--forest); box-shadow:0 0 0 3px var(--forest-light);}
  .hx-scene.on .kx-typed3{animation:kxType .7s steps(7) .6s forwards; --w:52px;}
  .kx-green{color:var(--forest); font-size:14px;}
  .kx-photo{position:absolute; left:40px; right:40px; top:14px; bottom:14px; z-index:5; background:#1C1D1B; border-radius:10px; padding:10px; display:flex; flex-direction:column; gap:8px;}
  .kx-img{position:relative; flex:1; min-height:0; border-radius:6px; overflow:hidden;}
  .kx-aerial{width:100%; height:100%; display:block;}
  .hx-scene.on .kx-aerial{animation:kxZoom 6s ease-out forwards;}
  .kx-cap{position:absolute; left:10px; bottom:10px; font-size:10.5px; color:#fff; background:rgba(0,0,0,.55); padding:3px 8px; border-radius:5px;}
  .kx-tools{position:absolute; right:10px; top:10px; display:flex; gap:5px;}
  .kx-tools i{width:24px; height:24px; border-radius:6px; background:rgba(0,0,0,.6); color:#fff; font-style:normal; font-size:12px; display:flex; align-items:center; justify-content:center;}
  .kx-dirs{display:flex; gap:4px; font-size:11px; color:#DADAD4;}
  .kx-dirs span{padding:3px 8px; border-radius:5px;}
  .kx-dirs span.on{background:#fff; color:var(--ink);}
  .kx-dirs em{margin-left:auto; display:flex; gap:4px; font-style:normal;}
  .kx-ta{background:#2A2B28; border:1px solid #3A3B37; border-radius:7px; padding:10px 12px; min-height:46px; font-size:12.5px;}
  .kx-ta .kx-typed4{color:#fff;}
  .hx-scene.on .kx-typed4{animation:kxType 1.6s steps(34) 1s forwards; --w:245px;}
  .kx-tf{display:flex; justify-content:space-between; align-items:center; font-size:10.5px; color:#8C8D86;}
  .kx-tf .btn{padding:5px 12px;}
  .kx-bm{padding:10px 14px; border-top:1px solid var(--line); font-size:12px;}
  .kx-bm:first-child{border-top:none;}
  .kx-bm small{display:flex; align-items:center; gap:5px; font-size:10.5px; color:var(--ink-faint); margin-bottom:2px;}
  .kx-pdf{display:flex; gap:10px; align-items:center; background:#fff; border:1px solid rgba(30,107,74,.3); border-radius:10px; padding:10px 14px; font-size:12px; color:var(--forest);}
  .kx-pdf small{display:block; color:var(--ink-faint); font-size:10.5px;}
  .kx-bg{padding:16px 22px; display:flex; flex-direction:column; gap:12px;}
  .kx-akt{position:absolute; left:34px; right:34px; top:14px; bottom:14px; z-index:5; background:#fff; border-radius:12px; box-shadow:0 30px 70px -20px rgba(0,0,0,.45); display:flex; flex-direction:column; overflow:hidden; opacity:0; transform:translateY(16px);}
  .hx-scene.on .kx-akt{transition:opacity .35s ease calc(var(--ao, 0s) + .15s), transform .35s ease calc(var(--ao, 0s) + .15s); opacity:1; transform:none;}
  .kx-akt-h{display:flex; align-items:center; gap:10px; padding:11px 16px; border-bottom:1px solid var(--line);}
  .kx-akt-h > div{flex:1; min-width:0;}
  .kx-akt-h b{display:block; font-weight:500; font-size:14px;}
  .kx-akt-h small{font-size:10.5px; color:var(--ink-faint);}
  .kx-akt-h .btn{padding:5px 10px; font-size:10.5px; font-weight:500; color:var(--ink-soft);}
  .kx-akt-tabs{display:flex; gap:5px;}
  .kx-akt-tabs span{font-size:10.5px; padding:5px 9px; border:1px solid var(--line); border-radius:6px; color:var(--ink-soft);}
  .kx-akt-tabs span.on{border-color:var(--forest); background:var(--forest-light); color:var(--forest);}
  .kx-akt-x{color:var(--ink-faint); font-size:16px; padding:0 2px 0 4px;}
  .kx-akt-p{max-height:52px; overflow:hidden; padding:8px 16px 9px; background:#FBF6EC; border-bottom:1px solid var(--line); font-size:11px; color:var(--ink);}
  .kx-akt-p i{display:block; height:3px; margin-top:6px; background:rgba(26,26,24,.08); border-radius:2px; overflow:hidden;}
  .kx-akt-p i b{display:block; height:100%; width:0; background:var(--bronze);}
  .hx-scene.on .kx-akt-p i b{animation:kxType var(--ab, 2.2s) linear calc(var(--ao, 0s) + .5s) forwards; --w:100%;}
  .hx-scene.on .kx-akt-p{animation:kxCollapse .35s ease calc(var(--ao, 0s) + var(--ab, 2.2s) + 0.7s) forwards;}
  .kx-spin{display:inline-block; width:9px; height:9px; margin-right:6px; border:1.5px solid currentColor; border-right-color:transparent; border-radius:50%; vertical-align:-1px; animation:kxSpin .8s linear infinite;}
  .kx-akt-b{flex:1; min-height:0; display:grid; grid-template-columns:270px 1fr;}
  .kx-akt-l{border-right:1px solid var(--line); padding-top:12px; display:flex; flex-direction:column; overflow:hidden;}
  .kx-akt-l .kx-lbl{padding:0 14px 8px;}
  .kx-sv{display:flex; flex-direction:column; align-items:flex-start; gap:3px; padding:10px 14px; border-top:1px solid var(--line); font-size:12px;}
  .kx-sv.on{background:#F1F3EF;}
  .kx-sv small{font-size:10px; color:var(--ink-faint);}
  .kx-sv b{font-weight:500;}
  .kx-sv p{font-size:10.5px; color:var(--ink-faint);}
  .kx-sv label{font-size:10.5px; color:var(--ink-faint); margin-top:8px;}
  .kx-state{display:grid; margin-top:2px;}
  .kx-state > span{grid-area:1 / 1; font-size:10.5px; transition:opacity .3s ease;}
  .kx-srch{background:#F5EAD2; color:#8A520C; border-radius:100px; padding:2px 9px 2px 7px;}
  .kx-found{color:var(--forest); font-weight:600; padding:2px 0; opacity:0;}
  .hx-scene.on .kx-srch{transition-delay:calc(var(--ao, 0s) + var(--ab, 2.2s) + 0.7s); opacity:0;}
  .hx-scene.on .kx-found{transition-delay:calc(var(--ao, 0s) + var(--ab, 2.2s) + 0.8s); opacity:1;}
  .kx-svdl{max-height:0; overflow:hidden; opacity:0;}
  .kx-svdl .btn{margin-top:6px; padding:5px 10px; font-size:10.5px;}
  .hx-scene.on .kx-svdl{transition:max-height .4s ease calc(var(--ao, 0s) + var(--ab, 2.2s) + 1s), opacity .4s ease calc(var(--ao, 0s) + var(--ab, 2.2s) + 1s); max-height:120px; opacity:1;}
  .kx-cm{align-self:stretch; min-height:52px; padding:8px 10px; background:#fff; border:1px solid var(--line); border-radius:7px; font-size:12px;}
  .hx-scene.on .kx-cm{transition:border-color .2s ease 3.7s, box-shadow .2s ease 3.7s; border-color:var(--forest); box-shadow:0 0 0 3px var(--forest-light);}
  .hx-scene.on .kx-typed5{animation:kxType 1.3s steps(26) 4s forwards; --w:188px;}
  .kx-tf2{align-self:stretch; display:flex; justify-content:space-between; align-items:center; margin-top:4px; font-size:10.5px; color:var(--ink-faint);}
  .kx-tf2 .btn{padding:4px 11px;}
  .kx-end{display:flex; align-items:center; gap:4px; margin-top:6px; font-size:10.5px; color:var(--ink-faint);}
  .kx-end i{width:16px; height:16px; border:1px solid var(--line); border-radius:4px; font-style:normal; display:flex; align-items:center; justify-content:center; background:#fff;}
  .kx-akt-dim{opacity:0;}
  .hx-scene.on .kx-akt-dim{transition:opacity .3s ease var(--ao, 0s); opacity:1;}
  .kx-akt-help{margin-top:auto; padding:12px 14px; font-size:10px; line-height:1.55; color:var(--ink-faint);}
  .kx-akt-r{background:#E9EBE6; padding-top:16px; overflow:hidden; display:flex; justify-content:center;}
  .kx-scans{position:relative; width:440px; flex-shrink:0;}
  .kx-scan{position:absolute; left:0; right:0; top:0; min-height:560px; background:#fff; box-shadow:0 1px 4px rgba(0,0,0,.14); padding:34px 36px; font-family:"Courier New", Courier, monospace; font-size:10.5px; line-height:1.6; color:#2A2A28; transition:opacity .35s ease;}
  .kx-scan p{margin:0 0 9px;}
  .kx-scan p.c{text-align:center; margin-top:-6px;}
  .kx-scan h5{text-align:center; font-size:13px; font-weight:700; letter-spacing:.06em; margin:22px 0 16px;}
  .kx-sr{display:flex; justify-content:space-between;}
  .kx-pn{position:absolute; right:8px; top:8px; font-family:"Schibsted Grotesk", sans-serif; font-size:9.5px; color:var(--ink-faint); border:1px solid var(--line); border-radius:4px; padding:1px 5px;}
  .kx-scan-b{opacity:0;}
  .hx-scene.on .kx-scan-a{transition-delay:calc(var(--ao, 0s) + var(--ab, 2.2s) + 0.7s); opacity:0;}
  .hx-scene.on .kx-scan-b{transition-delay:calc(var(--ao, 0s) + var(--ab, 2.2s) + 0.7s); opacity:1;}
  .kx-stamp{position:absolute; right:40px; top:30px; padding:4px 9px; border:2px solid #5B4B8A; border-radius:3px; color:#5B4B8A; font-family:Georgia, serif; font-size:9.5px; line-height:1.4; text-align:center; transform:rotate(-4deg);}
  .kx-stamp::after{content:""; position:absolute; inset:-8px; border:2px solid var(--forest); border-radius:7px; opacity:0; transform:scale(1.15);}
  .hx-scene.on .kx-stamp::after{transition:opacity .35s ease calc(var(--ao, 0s) + var(--ab, 2.2s) + 0.9s), transform .35s ease calc(var(--ao, 0s) + var(--ab, 2.2s) + 0.9s); opacity:1; transform:none;}
  @media (prefers-reduced-motion: reduce){
    .kx-typed{width:84px;} .kx-typed3{width:52px;} .kx-typed4{width:245px;} .kx-typed5{width:188px;} .kx-drop, .kx-hit{opacity:1; transform:none;}
    .kx-akt, .kx-akt-dim{opacity:1; transform:none;} .kx-akt-p{display:none;} .kx-srch, .kx-scan-a{opacity:0;} .kx-found, .kx-scan-b, .kx-stamp::after{opacity:1; transform:none;} .kx-svdl{max-height:120px; opacity:1;} .kx-spin{animation:none;}
  }
  .sv-row{display:grid; grid-template-columns:minmax(0, 1.65fr) minmax(0, 1fr); gap:56px; align-items:center; max-width:1240px; margin:0 auto;}
  .sv-demo{margin-top:0; max-width:none;}
  .sv-demo .hx-win{width:960px; height:640px;}
  .sv-demo .hx-stage{height:calc(640px * var(--hx-s, 1));}
  .sv-demo .ax-body{overflow:hidden;}
  .sv-demo .ax-body > *{flex-shrink:0;}
  .sv-demo .hx-scene.on .ax-body > *{transition:opacity .55s ease var(--d, 0s), transform 1.3s cubic-bezier(.4,0,.2,1);}
  .sv-demo.s1 .hx-scene.on .ax-body > *{transform:translateY(-300px);}
  .sv-demo.s2 .hx-scene.on .ax-body > *{transform:translateY(-545px);}
  .sv-demo.rs *{transition:none !important;}
  .sv-demo #svAkt.press, .sv-demo #svVis.press, .sv-demo #svBilag.press{animation:tbPress .5s ease;}
  .sv-demo.p3 .kx-akt, .sv-demo.p3 .kx-akt-dim{opacity:0; transform:translateY(10px); transition:opacity .3s ease, transform .3s ease;}
  .sv-fix{display:none; font-size:10.5px; color:var(--ink-faint); margin-top:6px;}
  .sv-fix u{margin-left:6px; color:var(--ink-soft);}
  .sv-demo.p2 .sv-fix{display:block; animation:kxFade .4s ease both;}
  .sv-demo.p2 .sv-help{color:var(--forest); font-weight:600; transition:color .4s ease;}
  #svPlus.press{background:var(--forest); border-color:var(--forest); color:#fff;}
  .sv-scan-c{opacity:0;}
  .sv-demo.p2 .kx-scan-b{opacity:0; transition-delay:0s;}
  .sv-demo.p2 .sv-scan-c{opacity:1;}
  .sv-sign{display:flex; justify-content:space-between; margin:26px 0 18px !important; text-align:center; font-size:9.5px;}
  .sv-doc{max-height:0; overflow:hidden; transition:max-height 1.3s cubic-bezier(.3,.8,.3,1);}
  .sv-demo.p4 .sv-doc{max-height:330px;}
  .sv-doc-in{border-top:1px solid var(--line); margin-top:8px; padding-top:8px;}
  .sv-doc p{font-size:11px; line-height:1.55; color:var(--ink-soft); margin:0 0 7px;}
  .sv-doc p b{color:var(--ink); font-weight:500;}
  .sv-bilag{display:flex; flex-direction:column; gap:6px; margin-top:10px;}
  .sv-bilag small{font-size:10.5px; font-weight:500; color:var(--ink-soft);}
  .sv-bilag > div{display:flex; align-items:center; gap:8px; font-size:11px; color:var(--ink-faint);}
  .sv-points .notif-point p{max-width:none;}
  @media (max-width:1000px){ .sv-row{grid-template-columns:1fr; gap:40px; max-width:760px;} }
  @media (prefers-reduced-motion: reduce){ .sv-demo .ax-body > *{transition:none;} }
  .ax-user .av{width:26px; height:26px; font-size:9.5px; letter-spacing:-.02em;}
  .kx-fin-in2{grid-template-columns:repeat(6, 1fr);}
  .kx-chk{display:flex; align-items:center; gap:7px; font-size:12px; padding:6px 0;}
  .kx-chk i{width:13px; height:13px; border:1.5px solid #B9BBB3; border-radius:3px;}
  .ax-rows > div.tot b{color:var(--ink);}
  .notif-points{gap:22px;}
  .notif-point{display:grid; grid-template-columns:40px 1fr; column-gap:14px; align-items:start;}
  .notif-point .kr-feature-icon{width:40px; height:40px; margin:0; border-radius:12px;}
  .notif-point p{margin-top:1px;}
  @media (max-width:900px){ .notif-points{gap:16px;} .notif-point p{font-size:15px;} }
  @media (max-width:900px){ .kx-steps{grid-template-columns:1fr !important;} }
  .tb-top{display:flex; justify-content:space-between; align-items:flex-start; gap:10px;}
  .tb-sv .tb-akt-s{display:block;}
  .hx-scene[data-i="1"] .ax-body > .ax-grid{flex-shrink:0;}
  .hx-scene[data-i="1"].on .ax-body > .ax-grid{animation:ppScroll 1.2s cubic-bezier(.4,0,.2,1) 2.8s forwards;}
  @media (prefers-reduced-motion: reduce){ .hx-scene[data-i="1"].on .ax-body > .ax-grid{animation:none;} }
  .hx-scene[data-i="5"] .ax-body{overflow:hidden;}
  .hx-scene[data-i="5"] .ax-body > *{flex-shrink:0;}
  .hx-scene[data-i="5"].on .ax-body > *{animation:tbScroll 1.1s cubic-bezier(.4,0,.2,1) 1.6s forwards;}
  @media (prefers-reduced-motion: reduce){ .hx-scene[data-i="5"].on .ax-body > *{animation:none;} }
  @keyframes dpTap{0%{opacity:0; transform:scale(1.5);} 30%{opacity:1; transform:scale(.8);} 100%{opacity:0; transform:scale(1.2);}}
  @keyframes hxFill{to{width:100%;}}
  @keyframes lpScan{from{transform:translateY(-46px);} to{transform:translateY(410px);}}
  @keyframes lpSpin{to{transform:rotate(360deg);}}
  @keyframes lpShim{from{background-position:100% 0;} to{background-position:-100% 0;}}
  @keyframes tbPress{50%{transform:scale(.94); background:var(--forest); color:#fff;}}
  @keyframes kxHi{40%{background:var(--forest-light);} 100%{background:var(--forest-light);}}
  @keyframes kxType{to{width:var(--w);}}
  @keyframes kxFade{to{opacity:1;}}
  @keyframes kxPick{to{background:var(--forest-light); color:var(--forest);}}
  @keyframes kxZoom{from{transform:scale(1.02);} to{transform:scale(1.12);}}
  @keyframes kxCollapse{to{max-height:0; padding-top:0; padding-bottom:0; opacity:0; border-bottom-color:transparent;}}
  @keyframes kxSpin{to{transform:rotate(360deg);}}
  @keyframes ppScroll{to{transform:translateY(-160px);}}
  @keyframes tbScroll{to{transform:translateY(-300px);}}