/* latin-ext */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(/demos/habita/assets/fonts/font-1.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(/demos/habita/assets/fonts/font-2.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(/demos/habita/assets/fonts/font-3.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(/demos/habita/assets/fonts/font-4.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(/demos/habita/assets/fonts/font-5.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(/demos/habita/assets/fonts/font-6.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(/demos/habita/assets/fonts/font-7.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(/demos/habita/assets/fonts/font-8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root{--ink:#183e37;--green:#256653;--mint:#d9ebdf;--cream:#f5f6f1;--muted:#7a8781;--line:#e2e8e0;--orange:#d39753;--side:220px;--guide:280px}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:14px 'DM Sans',system-ui,sans-serif}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ddab68;outline-offset:3px}h1,h2,h3,p{margin:0}h1,h2,h3,.brand{font-family:'Manrope',system-ui,sans-serif}h1{font-size:30px;line-height:1.25;letter-spacing:-1.1px}h2{font-size:18px;letter-spacing:-.4px}h3{font-size:15px}p{line-height:1.6}small{font-size:11px}.muted{color:var(--muted)}.sidebar{position:fixed;inset:0 auto 86px 0;width:var(--side);background:#fff;border-right:1px solid var(--line);padding:30px 18px 20px;z-index:30;display:flex;flex-direction:column}.brand{font-size:33px;font-weight:800;letter-spacing:-1.5px;display:flex;align-items:center;gap:8px;padding:0 10px}.brand-dot{color:#b6c692;margin-left:-8px}.brand-mark{display:grid;place-items:center;font-size:23px;border-radius:12px;background:var(--ink);color:#e4ebda;width:34px;height:38px;letter-spacing:-1px}.workspace{font-size:9px;font-weight:700;letter-spacing:1.4px;margin:24px 12px 25px;display:flex;gap:7px;align-items:center}.status-dot{height:6px;width:6px;border-radius:50%;display:inline-block;background:#74a787;flex-shrink:0}nav{display:grid;gap:6px}nav button{border:0;background:transparent;text-align:left;color:#718178;width:100%;padding:12px;border-radius:9px;display:flex;align-items:center;gap:12px;font-weight:550}nav button svg{width:18px;height:18px}nav button.active{background:#eaf1e9;color:var(--ink);font-weight:700}nav button .count{margin-left:auto;background:#fff;border-radius:5px;padding:1px 6px;font-size:10px}.side-bottom{margin-top:auto}.autonomy{border:1px solid var(--line);background:#f7f9f4;border-radius:10px;padding:13px;font-size:11px;margin:25px 0 18px}.autonomy b{margin-left:6px}.autonomy small{display:block;color:var(--muted);margin:6px 0 0 12px;font-size:10px}.credit{display:flex;align-items:center;gap:9px;margin-bottom:10px}.credit img{width:50px;height:32px;object-fit:contain}.credit span{font-size:10px;color:var(--muted)}.credit b{display:block;color:var(--ink)}.side-bottom>small{display:block;color:#90998f;font-size:9px}.shell{margin-left:var(--side);padding-bottom:115px}.topbar{height:77px;border-bottom:1px solid var(--line);padding:0 34px;display:flex;align-items:center;justify-content:space-between;background:#ffffff8c;font-size:11px}.divider{padding:0 13px;color:#b4bfb2}.top-actions{display:flex;align-items:center;gap:18px}.demo-label{font-size:9px;letter-spacing:1px;color:#869481;border:1px solid var(--line);padding:6px 9px;border-radius:5px}.avatar{width:32px;height:32px;border-radius:50%;background:#e7eddc;display:grid;place-items:center;font-weight:700;font-size:10px}.user-name{font-size:11px;font-weight:600}.user-name small{display:block;color:var(--muted);font-weight:400;font-size:9px}#mobile-menu{display:none}.icon-button{border:0;background:none;color:var(--ink);width:34px;height:34px;border-radius:6px;font-size:20px;position:relative;display:grid;place-items:center}.icon-button:hover{background:#eaf0e6}.icon-button i{width:4px;height:4px;border-radius:50%;background:var(--orange);position:absolute;top:6px;right:7px}main{padding:32px 30px;max-width:1300px;margin-right:var(--guide)}.heading{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:25px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:700;color:#819273;margin-bottom:9px}.heading p{color:var(--muted);margin-top:8px;font-size:12px}.button{border:0;background:var(--ink);color:#fff;padding:11px 16px;border-radius:7px;font-size:11px;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:8px}.button:hover{background:#2c6653}.button.outline{background:#fff;color:var(--ink);border:1px solid var(--line)}.button.light{background:#e5eee3;color:var(--ink)}.subtle{border:0;background:none;font-size:11px;color:#677c6b;padding:8px}.hero{background:#e7eede;border:1px solid #dce6d2;border-radius:14px;min-height:235px;position:relative;overflow:hidden;display:flex;margin-bottom:22px}.hero-copy{padding:27px 30px;position:relative;z-index:2;max-width:64%}.hero .eyebrow{color:#657e54}.hero h2{font-size:30px;letter-spacing:-1.3px;line-height:1.2;margin-bottom:12px}.hero p{font-size:12px;color:#6f8066;max-width:340px;margin-bottom:18px}.hero-art{position:absolute;right:-10px;bottom:-12px;width:42%;height:100%;}.hero-art svg{width:100%;height:100%;overflow:visible}.hero-badge{position:absolute;right:22px;top:20px;background:#ffffffb5;border:1px solid #ffffffd2;padding:7px 10px;border-radius:6px;font-size:9px;font-weight:600;z-index:2}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:22px}.stat{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px}.stat small{color:var(--muted);font-size:10px}.stat strong{display:block;font-size:29px;font-weight:500;letter-spacing:-1px;margin:9px 0 5px}.stat span{font-size:10px;color:#8b998c}.stat strong em{font-size:12px;color:#8ea083;font-style:normal;margin-left:5px}.grid{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;margin-bottom:20px}.panel{background:#fff;border:1px solid var(--line);border-radius:11px;padding:22px;margin-bottom:18px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.panel-head h2{font-size:15px}.tag{font-size:9px;display:inline-flex;align-items:center;gap:5px;color:#55724f;background:#edf3e8;border:1px solid #e0ebdb;padding:4px 8px;border-radius:5px;white-space:nowrap}.tag.amber{background:#fbf1e4;color:#a17642;border-color:#f3e2c8}.tag.neutral{background:#f3f5f1;color:#7e8b7c;border-color:#e9eee5}.list-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #edf0ea}.list-row:last-child{border:0;padding-bottom:0}.row-icon{width:32px;height:32px;background:#f1f5ec;border-radius:9px;display:grid;place-items:center;font-size:18px;color:#6a825a}.list-row b{font-size:11px;display:block}.list-row small{font-size:10px;color:var(--muted);display:block;margin-top:4px}.list-row .tag,.list-row .subtle{margin-left:auto}.list-row button{border:0;background:none;text-align:left;color:var(--ink);flex:1}.activity{position:relative;padding-left:16px;border-left:1px solid #dbe7d4;margin:0 0 19px 4px;font-size:11px}.activity:before{content:'';position:absolute;left:-4px;top:4px;background:#6c9c73;border:2px solid white;width:7px;height:7px;border-radius:50%}.activity small{display:block;color:#919f89;margin-top:5px;font-size:9px}.guide{position:fixed;right:0;top:77px;bottom:86px;width:var(--guide);border-left:1px solid var(--line);background:#fafbf6;padding:28px 23px;overflow:auto}.guide-label{font-size:9px;letter-spacing:1.7px;color:#7e9271;font-weight:700;display:flex;align-items:center;gap:8px}.guide-label span{font-size:18px}.guide h2{font-size:23px;line-height:1.3;letter-spacing:-.8px;margin:19px 0 12px}.guide>p{font-size:11px;color:#82907d;margin-bottom:24px}.guide-step{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid var(--line);font-size:11px;color:#7f8e79}.guide-step span{width:21px;height:21px;border-radius:50%;background:#ecf0e5;display:grid;place-items:center;font-size:9px;flex-shrink:0}.guide-step.current{color:var(--ink);font-weight:600}.guide-step.current span{background:var(--ink);color:white}.guide-note{margin:24px 0;background:#edf2e7;border:1px solid #e3eadb;border-radius:8px;padding:15px;font-size:10px;line-height:1.6}.guide-note b{display:block;font-size:11px;margin-bottom:6px}.guide .button{width:100%;margin-bottom:8px}.guide .disclaimer{font-size:9px;line-height:1.65;color:#98a18f;margin-top:20px}.player{height:86px;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);z-index:60;display:flex;gap:15px;align-items:center;padding:13px 24px}.transport{display:flex;align-items:center;gap:8px;width:174px;justify-content:center;flex-shrink:0}.play{width:39px;height:39px;border:0;background:var(--ink);color:#fff;border-radius:50%;font-size:15px}.track{flex:1;max-width:1050px}.track-title{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px}.track-title span{font-size:10px;color:var(--muted);white-space:nowrap}input[type=range]{width:100%;height:3px;accent-color:var(--green);display:block;margin:10px 0 8px;cursor:pointer}.track>small{color:#8b9880;font-size:9px}.banner{border:1px solid #dce8d3;background:#eff4e9;border-radius:7px;padding:10px 14px;margin:-8px 0 20px;font-size:10px;display:flex;align-items:center;gap:9px}.banner span:last-child{margin-left:auto;color:#809176;font-size:9px}.community-select{padding:9px 10px;border:1px solid var(--line);background:white;color:var(--ink);border-radius:6px;font-size:11px}.profile{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:18px}.profile .avatar{width:43px;height:43px;font-size:13px}.profile h2{font-size:17px}.profile p{font-size:11px;color:var(--muted);margin:4px 0}.channel-switch{display:flex;gap:6px;margin-bottom:18px}.channel-switch button{background:white;border:1px solid var(--line);border-radius:6px;padding:8px 12px;font-size:10px;color:var(--muted)}.channel-switch button.active{background:#edf3e8;color:var(--green);border-color:#cdddc7}.chat-window{background:#f1f4ec;padding:22px;border-radius:9px;min-height:305px}.chat-bubble{font-size:12px;line-height:1.65;border-radius:8px;background:#fff;padding:11px 14px;margin-bottom:13px;max-width:87%;box-shadow:0 1px 3px #183e3705}.chat-bubble.you{margin-left:auto;background:#dcebd5}.chat-bubble small{display:block;text-align:right;color:#819575;font-size:8px;margin-top:5px}.chat-input{display:flex;gap:7px;margin-top:15px}.chat-input input{min-width:0;flex:1;border:1px solid var(--line);border-radius:7px;padding:12px;background:white;color:var(--ink);font-size:11px}.facts{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fact{border:1px solid var(--line);border-radius:8px;padding:13px}.fact small{display:block;color:var(--muted);font-size:9px;margin-bottom:6px}.fact b{font-size:11px}.note{font-size:11px;color:#84927a;background:#f5f7f0;padding:13px;border-radius:7px;margin-top:15px;line-height:1.65}.stage{display:flex;gap:8px;align-items:center;margin:24px 0}.stage>div{flex:1;padding:14px 9px;background:#f4f6f0;text-align:center;border-radius:7px;font-size:10px;color:#9ba591}.stage>div.done{background:#e8f1e2;color:#507245}.stage b{display:block;margin-top:6px}.buttons{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.contract{background:#eef3e9;border:1px solid #dde7d5;padding:22px;border-radius:10px}.contract h2{font-size:23px;margin:9px 0}.contract p{font-size:11px;color:#7a8e6c;margin:9px 0}.contract dl{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:20px 0 0}.contract dt{font-size:9px;color:#85947a}.contract dd{margin:5px 0 0;font-size:11px}.timeline{margin:5px 0 0;padding:0;list-style:none}.timeline li{display:flex;gap:15px;position:relative;padding:0 0 24px}.timeline li:before{content:'';position:absolute;left:10px;top:23px;bottom:0;border-left:1px solid #dce6d7}.timeline li:last-child:before{display:none}.timeline li>span{border-radius:50%;background:#eaf1e4;min-width:21px;height:21px;font-size:10px;display:grid;place-items:center}.timeline b{font-size:12px}.timeline p{font-size:11px;color:var(--muted);margin-top:4px}.timeline time{display:block;font-size:9px;color:#99a28f;margin-top:4px}.call-display{text-align:center;padding:23px}.call-display .avatar{margin:0 auto 15px;width:65px;height:65px;font-size:19px}.wave{display:flex;gap:5px;justify-content:center;align-items:center;height:45px;margin:20px}.wave i{display:block;width:4px;background:#81a472;border-radius:5px;animation:wave 1.1s ease-in-out infinite;height:15px}.wave i:nth-child(2n){height:30px;animation-delay:.2s}.wave i:nth-child(3n){height:22px;animation-delay:.4s}@keyframes wave{50%{transform:scaleY(.4)}}table{border-collapse:collapse;width:100%;font-size:11px}th{text-align:left;font-size:9px;letter-spacing:.5px;color:#98a28f;font-weight:500;border-bottom:1px solid var(--line);padding:12px 10px}td{padding:15px 10px;border-bottom:1px solid #edf1e8}tr:last-child td{border:0}.table-wrap{overflow:auto}.big-amount{font-size:38px;letter-spacing:-1.5px;margin:20px 0 5px}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:18px 0}.comparison>div{padding:18px;border:1px solid var(--line);border-radius:8px}.comparison b{font-size:12px;display:block;margin-bottom:9px}.comparison p{font-size:11px;color:var(--muted)}.comparison .flag{background:#fcf5e9;border-color:#f2dfbf}.checks{display:grid;gap:13px}.check{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding:15px 0}.check b{font-size:12px}.check p{font-size:10px;color:var(--muted);margin-top:5px}.switch{border:0;width:35px;height:20px;border-radius:20px;background:#dce3d5;position:relative;flex-shrink:0}.switch.on{background:#527853}.switch:after{content:'';position:absolute;width:14px;height:14px;border-radius:50%;left:3px;top:3px;background:white;transition:left .2s}.switch.on:after{left:18px}.rule-cost{width:75px;padding:6px;border:1px solid var(--line);border-radius:5px;color:var(--ink);font-size:11px}.document{padding:18px;background:#fafbf7;border:1px solid var(--line);border-radius:8px;margin:10px 0;display:flex;align-items:center;gap:13px}.document b{font-size:12px}.document small{display:block;color:var(--muted);margin-top:5px;font-size:10px}.document .button{margin-left:auto}.calendar-item{display:flex;gap:18px;align-items:center;margin:16px 0;border-bottom:1px solid var(--line);padding-bottom:16px}.date-box{background:#eef2e6;border-radius:7px;min-width:46px;text-align:center;padding:9px;font-size:9px}.date-box strong{display:block;font-size:21px}.calendar-item b{font-size:12px}.calendar-item p{font-size:10px;color:var(--muted);margin-top:5px}.calendar-item .tag{margin-left:auto}#cursor{position:fixed;z-index:55;pointer-events:none;display:none;transition:left .65s ease,top .65s ease;filter:drop-shadow(0 2px 2px #0002)}#cursor span{display:block;margin-left:22px;white-space:nowrap;font-size:9px;padding:5px 8px;background:var(--ink);color:white;border-radius:5px}#cursor.click svg{animation:click .6s ease}@keyframes click{50%{transform:scale(.78)}}.guided-focus{outline:2px solid #99b779!important;outline-offset:5px;box-shadow:0 0 0 9px #b9d29f20!important}#toast{position:fixed;bottom:105px;left:calc(var(--side) + 25px);right:calc(var(--guide) + 25px);padding:14px 18px;background:var(--ink);color:#fff;border-radius:9px;z-index:65;display:none;font-size:12px;box-shadow:0 10px 35px #173f3820}dialog{border:1px solid var(--line);border-radius:14px;padding:25px;max-width:720px;width:calc(100% - 40px);color:var(--ink);box-shadow:0 20px 100px #173f3830;max-height:80vh}dialog::backdrop{background:#163c3655;backdrop-filter:blur(4px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.dialog-head h2{font-size:22px}#dialog-body p{font-size:13px;line-height:1.85}.chapter-list{display:grid;gap:6px}.chapter-list button{background:#f7f9f2;border:1px solid var(--line);border-radius:7px;padding:12px;text-align:left;color:var(--ink);display:flex;gap:15px;align-items:center}.chapter-list button span{font-size:11px;color:#8a9a7c}.chapter-list button b{font-size:12px}.chapter-list button small{margin-left:auto;font-size:10px;color:var(--muted)}.transcript-segment{padding:13px;border-left:2px solid #dee8d7;margin-bottom:12px}.transcript-segment.current{background:#edf3e7;border-color:#7a9c60}.empty{padding:25px;color:var(--muted);font-size:12px}.mini-text{font-size:11px;color:var(--muted);margin:12px 0}.ask{background:#eef2e7;border:1px solid #dce5d2;border-radius:10px;padding:20px;margin-top:20px}.ask b{font-size:12px}.ask p{font-size:10px;color:#8b9a7d;margin-top:6px}.ask form{display:flex;gap:9px;margin-top:12px}.ask input{flex:1;min-width:0;border:1px solid #dae3d1;padding:12px;background:white;border-radius:7px;font-size:11px}.explore-link{border:0;background:none;color:#57764b;font-size:10px;padding:0}.chart-bars{display:flex;align-items:flex-end;gap:9px;height:110px;padding-top:10px;margin:20px 0}.chart-bars div{flex:1;min-height:20px;background:#c5d7b6;border-radius:5px 5px 0 0}.chart-bars div:last-child{background:#dfa960}.chart-labels{display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.zoom-detail{transform-origin:center;transition:transform .8s,box-shadow .8s}.zoom-detail.guided-focus{transform:scale(1.015)}.footer-note{font-size:9px;color:#96a08d;margin:15px 0 0}.application{animation:enter .4s ease}@keyframes enter{from{transform:translateY(5px);opacity:.4}to{transform:translateY(0);opacity:1}}
@media(min-width:1700px){:root{--guide:320px;--side:240px}main{padding:40px 45px}.hero{min-height:285px}.hero-copy{padding:35px}.hero h2{font-size:39px}.hero p{font-size:14px}.guide{padding:35px}.stat{padding:23px}}
@media(max-width:1250px){:root{--guide:230px;--side:185px}main{padding:27px 22px}h1{font-size:25px}.hero h2{font-size:25px}.hero-copy{padding:24px;max-width:65%}.hero p{max-width:260px}.guide{padding:25px 18px}.guide h2{font-size:20px}.sidebar{padding:28px 12px 18px}.brand{font-size:30px}.topbar{padding:0 22px}.grid{grid-template-columns:1fr}.panel{padding:20px}.hero-badge{right:12px}.stats{gap:9px}.stat{padding:14px}.player{gap:9px;padding:12px 17px}.transport{width:145px}}
@media(max-width:1000px){:root{--guide:0px;--side:180px}.guide{display:none}main{margin-right:0;max-width:1000px}.grid{grid-template-columns:1.15fr 1fr}.hero-copy{max-width:60%}.hero-art{width:43%}.hero h2{font-size:29px}.user-name{display:none}.transport{width:130px}}
@media(max-width:720px){:root{--side:0px}.sidebar{display:none;bottom:82px;width:230px;box-shadow:15px 0 40px #0002}.sidebar.open{display:flex}.topbar{height:63px;padding:0 17px;gap:10px}.topbar>div:first-of-type{flex:1}.topbar .muted,.topbar .divider{display:none}#mobile-menu{display:grid}.top-actions{gap:8px}.demo-label{font-size:7px}.shell{padding-bottom:100px}main{padding:23px 17px}h1{font-size:25px}.heading{margin-bottom:20px}.heading>.button{padding:10px;font-size:10px}.heading p{font-size:11px}.hero{min-height:280px}.hero-copy{padding:25px;max-width:85%}.hero h2{font-size:32px}.hero p{max-width:250px}.hero-art{width:43%;opacity:.65;right:-10px;height:65%;bottom:0}.hero-badge{display:none}.stats{gap:8px}.stat{padding:13px 10px}.stat small{font-size:9px}.stat strong{font-size:24px}.stat span{font-size:8px}.grid{grid-template-columns:1fr;gap:0}.panel{padding:18px}.facts{gap:8px}.player{height:82px;padding:10px;gap:7px}.transport{width:auto;gap:2px}.transport>.icon-button{width:25px}.play{width:34px;height:34px}.player>.icon-button{width:24px;font-size:18px}#fullscreen{display:none}#chapters{display:block;font-size:0;width:25px;padding:3px}#chapters:after{content:'☷';font-size:21px}.track-title b{font-size:9px;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-title span{font-size:8px}.track>small{font-size:8px}.track{min-width:0}.comparison{grid-template-columns:1fr}.stage{gap:5px}.stage>div{font-size:8px;padding:12px 4px}.banner{font-size:9px}.banner span:last-child{display:none}#toast{left:15px;right:15px;bottom:98px}.buttons>.button{flex:1}.guide-step{font-size:11px}.chat-window{padding:15px}.chat-bubble{max-width:95%}#cursor span{display:none}.panel-head{flex-wrap:wrap}.credit{margin-top:20px}.table-wrap table{min-width:500px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.zoom-detail.guided-focus{transform:none}}
/* Añadido al publicar en varkia.es: enlace a VarkIA y textos legales */
a.credit{text-decoration:none;color:inherit}
.side-bottom .legal{display:block;margin-top:6px;font-size:10px}
.side-bottom .legal a{color:var(--muted);text-decoration:underline}