.mtl{--paper:#f2f5f9;--surface:#fff;--ink:#091931;--ink-bg:#091931;--paper-2:#e8eef5;--paper-3:#e4ebf3;--line-strong:#c3ccd8;--on-signal:#091931;--ink-2:#33425b;--muted:#68778f;--line:#dde5ee;--signal:#14e0b0;--signal-tint:#d6fbf0;--signal-ink:#04483a;--violet:#5b3df5;--violet-tint:#efecff;--violet-ink:#3b22b8;--absent-tint:#ffe4e0;--absent-ink:#a8271b;--late-tint:#fff0cf;--late-ink:#7d5200;--sky-tint:#dcecff;--sky-ink:#113f7a;--font-body:"Estedad Variable", system-ui, sans-serif;--font-num:"Kufam Variable", "Estedad Variable", sans-serif;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--beat:5.8s;--ring:0 0 0 1px #09193112;--lift:0 1px 2px -1px #09193114, 0 22px 44px -24px #09193157}.mtl *,.mtl :before,.mtl :after{box-sizing:border-box}.mtl{-webkit-text-size-adjust:100%;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-variant-numeric:normal;-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.9}.mtl a{color:inherit;text-decoration:none}.mtl button{font:inherit;color:inherit}.mtl :focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:8px}.mtl .wrap{width:min(1220px,100% - 40px);margin-inline:auto}.mtl .btn{white-space:nowrap;min-height:44px;transition:transform .16s var(--ease-out), background-color .18s ease, box-shadow .18s ease;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:0 18px;font-size:14.5px;font-weight:700;display:inline-flex}.mtl .btn:active{transform:scale(.97)}.mtl .btn-signal{background:var(--signal);color:var(--on-signal);box-shadow:inset 0 1px #ffffff80,inset 0 -2px #04483a33,0 12px 26px -12px #14e0b0f2}.mtl .btn-lg{border-radius:18px;gap:18px;min-height:62px;padding-inline:30px 10px;font-size:17.5px;font-weight:800}.mtl .cta-badge{background:var(--ink-bg);width:42px;height:42px;color:var(--signal);border-radius:12px;place-items:center;display:grid}.mtl .btn-sm{padding:0 16px}.mtl .btn-quiet{color:var(--ink-2)}.mtl .btn-link{color:var(--ink-2);padding:0 6px;font-size:15.5px}.mtl .btn svg{width:20px;height:20px;transition:transform .22s var(--ease-out);flex:none}.mtl .btn-link svg{width:16px;height:16px}@media (hover:hover) and (pointer:fine){.mtl .btn-signal:hover{background:#2febbf}.mtl .btn-signal:hover .cta-arrow{transform:translate(-3px)}.mtl .btn-quiet:hover{background:#0919310d}.mtl .btn-link:hover{color:var(--ink)}.mtl .btn-link:hover svg{transform:translateY(3px)}}.mtl .nav{z-index:20;margin-top:12px;position:sticky;top:12px}.mtl .nav-row{-webkit-backdrop-filter:blur(16px)saturate(1.5);backdrop-filter:blur(16px)saturate(1.5);height:64px;box-shadow:var(--ring), 0 14px 30px -22px #09193166;background:#ffffffd6;border-radius:20px;align-items:center;gap:24px;padding-inline:20px 10px;display:flex}.mtl .brand{flex:none}.mtl .brand img{-o-object-fit:contain;object-fit:contain;flex:none;width:auto;max-width:none;height:36px;display:block}.mtl .nav-links{gap:1px;margin-inline-end:auto;display:flex}.mtl .nav-links a{letter-spacing:-.1px;white-space:nowrap;color:var(--ink-2);border-radius:10px;padding:7px 10px;font-size:13.5px;font-weight:600;transition:color .16s,background-color .16s}@media (hover:hover) and (pointer:fine){.mtl .nav-links a:hover{color:var(--ink);background:#0919310d}}.mtl .nav-actions{align-items:center;gap:6px;display:flex}.mtl .btn-demo{color:#fff;background:#5b3df5;box-shadow:0 10px 20px -12px #5b3df5b3}.mtl .btn-demo:hover{background:#4a2fe0}@media (width<=1100px){.mtl .nav-actions .btn-demo{display:none}}.mtl .hero{margin-top:-76px;padding-top:124px;position:relative;overflow:hidden}.mtl .hero:before{content:"";pointer-events:none;background:radial-gradient(46% 52% at 24% 46%,#14e0b033,#0000 72%),radial-gradient(34% 40% at 2% 92%,#5b3df51a,#0000 70%),radial-gradient(40% 36% at 96% 0,#5b3df512,#0000 70%);position:absolute;inset:0}.mtl .hero-paper{pointer-events:none;background-image:radial-gradient(circle,#0919312b 1px,#0000 1.4px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(90% 80% at 22% 40%,#000 0%,#0000 66%);mask-image:radial-gradient(90% 80% at 22% 40%,#000 0%,#0000 66%)}.mtl .hero-grid{grid-template-columns:minmax(0,5fr) minmax(0,6.2fr);align-items:center;gap:72px;display:grid;position:relative}.mtl .hero-copy h1{text-wrap:balance;margin:0;font-size:clamp(2.3rem,4.3vw,3.85rem);font-weight:900;line-height:1.32}.mtl .hero-sub{color:var(--ink-2);margin:16px 0 0;font-size:clamp(1.15rem,1.75vw,1.5rem);font-weight:700;line-height:1.8}.mtl .marked{color:var(--ink);white-space:nowrap;display:inline-block;position:relative}.mtl .marked svg{inset-inline:-4px;width:calc(100% + 8px);height:12px;position:absolute;bottom:-7px;overflow:visible}.mtl .marked path{fill:none;stroke:var(--signal);stroke-width:5px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:draw .7s var(--ease-in-out) .35s forwards}@keyframes draw{to{stroke-dashoffset:0}}.mtl .hero-desc{max-width:47ch;color:var(--muted);margin:22px 0 0;font-size:16px;line-height:2.2}.mtl .hero-cta{flex-wrap:wrap;align-items:center;gap:20px;margin-top:34px;display:flex}.mtl .cta-note{color:var(--ink-2);align-items:center;gap:9px;margin:18px 0 0;font-size:13.5px;font-weight:600;display:flex}.mtl .cta-note span{background:var(--signal-tint);width:20px;height:20px;color:var(--signal-ink);border-radius:50%;place-items:center;display:grid}.mtl .cta-note svg{width:11px;height:11px}.mtl .stage{animation:stage-in .7s var(--ease-out) .12s backwards;position:relative}@keyframes stage-in{0%{opacity:0;transform:translateY(16px)}}.mtl .stage-board{background:repeating-linear-gradient(0deg,#ffffff3d 0 1px,#0000 1px 20px),repeating-linear-gradient(90deg,#ffffff3d 0 1px,#0000 1px 20px),linear-gradient(160deg,#2deebf,#0fcfa1);border-radius:30px;position:absolute;inset:26px -22px -24px 26px;transform:rotate(-2.4deg);box-shadow:0 30px 50px -34px #04483ab3}.mtl .stage-card{background:var(--surface);box-shadow:var(--ring), var(--lift);border-radius:24px;position:relative}.mtl .stage-bar{box-shadow:0 1px 0 var(--line);align-items:center;gap:12px;padding:14px 20px;font-size:13.5px;display:flex}.mtl .stage-dots{gap:5px;margin-inline-end:4px;display:flex}.mtl .stage-dots i{background:var(--line);border-radius:50%;width:9px;height:9px}.mtl .stage-class{font-weight:800}.mtl .stage-date{color:var(--muted)}.mtl .stage-pause{width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;margin-inline-start:auto;padding:0;display:grid}.mtl .stage-pause svg{width:14px;height:14px}@media (hover:hover) and (pointer:fine){.mtl .stage-pause:hover{color:var(--ink);background:#0919310f}}.mtl .stage-main{grid-template-columns:62px minmax(0,1fr);display:grid}.mtl .stage-side{box-shadow:-1px 0 0 var(--line);flex-direction:column;align-items:center;gap:6px;padding-top:14px;display:flex;position:relative}.mtl .side-mark{background:var(--ink-bg);width:40px;height:40px;transition:transform .52s var(--ease-in-out), background-color .32s ease;border-radius:13px;position:absolute;top:14px}.mtl .stage[data-beat=assistant] .side-mark{background:var(--violet)}.mtl .side-icon{width:40px;height:40px;color:var(--muted);place-items:center;transition:color .32s;display:grid;position:relative}.mtl .side-icon[data-active=true]{color:#fff}.mtl .side-icon svg{width:20px;height:20px}.mtl .stage-body{height:344px;position:relative}.mtl .stage-scene{padding:18px 22px;position:absolute;inset:0}.mtl .beat{height:100%;position:relative}.mtl .cursor{z-index:3;pointer-events:none;width:24px;height:24px;transition:transform .4s var(--ease-in-out), opacity .22s ease;margin:-3px 0 0 -5px;position:absolute;top:0;left:0}.mtl .cursor[data-show=false]{opacity:0}.mtl .cursor svg{width:100%;height:100%;fill:var(--ink);stroke:#fff;stroke-width:1.6px;stroke-linejoin:round;filter:drop-shadow(0 3px 4px #0919314d);display:block}.mtl .avatar{background:var(--signal-tint);width:36px;height:36px;color:var(--signal-ink);border-radius:12px;flex:none;place-items:center;font-size:14.5px;font-weight:800;display:grid}.mtl .avatar[data-tone=sky]{background:var(--sky-tint);color:var(--sky-ink)}.mtl .avatar[data-tone=rose]{background:var(--absent-tint);color:var(--absent-ink)}.mtl .avatar[data-tone=violet]{background:var(--violet-tint);color:var(--violet-ink)}.mtl .avatar[data-tone=amber]{background:var(--late-tint);color:var(--late-ink)}.mtl [data-on]{transition:opacity .26s var(--ease-out), transform .26s var(--ease-out)}.mtl [data-on=false]{opacity:0;transform:translateY(6px)scale(.96)}.mtl .roll{margin:0;padding:0;list-style:none}.mtl .roll li{box-shadow:0 1px 0 var(--line);align-items:center;gap:12px;padding:6px 0;display:flex}.mtl .roll li:last-child{box-shadow:none}.mtl .roll-name{font-size:14.5px;font-weight:700}.mtl .pill-slot{justify-content:flex-end;min-width:72px;margin-inline-start:auto;display:flex}.mtl .pill{background:var(--signal-tint);color:var(--signal-ink);border-radius:999px;align-items:center;gap:5px;padding:2px 12px;font-size:12.5px;font-weight:800;display:inline-flex}.mtl .pill svg{width:13px;height:13px}.mtl .pill[data-status=absent]{background:var(--absent-tint);color:var(--absent-ink)}.mtl .pill[data-status=late]{background:var(--late-tint);color:var(--late-ink)}.mtl .tally{color:var(--muted);gap:24px;margin-top:10px;font-size:13.5px;display:flex}.mtl .tally b{min-width:1ch;color:var(--ink);font-size:18px;font-weight:900;display:inline-block}.mtl .toast{inset-inline-end:-28px;z-index:2;background:var(--ink-bg);color:#fff;border-radius:16px;align-items:center;gap:12px;padding:10px 16px 10px 12px;font-size:13px;font-weight:700;line-height:1.7;display:flex;position:absolute;bottom:-4px;box-shadow:0 22px 36px -18px #091931bf}.mtl .toast b{color:#ffffff9e;font-size:11.5px;font-weight:500;display:block}.mtl .toast-icon{background:var(--signal);width:34px;height:34px;color:var(--on-signal);border-radius:11px;place-items:center;display:grid}.mtl .toast-icon svg{width:18px;height:18px}.mtl .beat-online{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px;display:grid}.mtl .board{background:radial-gradient(circle, #0919311a 1px, transparent 1.4px) 0 0 / 16px 16px, var(--paper);box-shadow:var(--ring);border-radius:18px;flex-direction:column;display:flex;position:relative;overflow:hidden}.mtl .board-top{justify-content:space-between;align-items:center;padding:10px 12px 0;font-size:12px;font-weight:700;display:flex}.mtl .rec{background:var(--ink-bg);color:#fff;border-radius:999px;align-items:center;gap:7px;padding:2px 10px;display:inline-flex}.mtl .rec i{background:#ff5a4d;border-radius:50%;width:8px;height:8px}.mtl .rec b{font-family:var(--font-num);color:#ffffffbf;direction:ltr;min-width:4.2ch;font-weight:700}.mtl .board-tag{color:var(--muted)}.mtl .wb{flex:1;width:100%;min-height:0;padding:6px 10px 10px;overflow:visible}.mtl .wb path{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1}.mtl .wb-axis{stroke:var(--ink);stroke-width:2.5px}.mtl .wb-curve{stroke:var(--signal);stroke-width:5px}.mtl .wb path[data-on]{opacity:1;transition:stroke-dashoffset .76s var(--ease-in-out);transform:none}.mtl .wb path[data-on=false]{stroke-dashoffset:1px}.mtl .wb path[data-on=true]{stroke-dashoffset:0}.mtl .wb-dot{fill:var(--ink);stroke:#fff;stroke-width:3px;transform-box:fill-box;transform-origin:50%}.mtl .wb-label{top:46px;background:var(--surface);box-shadow:var(--ring);border-radius:8px;padding:1px 10px;font-size:12px;font-weight:800;position:absolute;inset-inline-end:44px}.mtl .room{flex-direction:column;gap:8px;display:flex}.mtl .seat{box-shadow:var(--ring);border-radius:14px;align-items:center;gap:10px;padding:7px 10px;font-size:13.5px;font-weight:700;line-height:1.5;display:flex}.mtl .seat small{color:#fff9;font-size:10.5px;font-weight:500;display:block}.mtl .seat .avatar{border-radius:10px;width:32px;height:32px;font-size:13.5px}.mtl .seat-teacher{background:var(--ink-bg);color:#fff;box-shadow:none}.mtl .seat-teacher .avatar{background:var(--signal);color:var(--on-signal)}.mtl .hand{background:var(--late-tint);color:var(--late-ink);border-radius:999px;margin-inline-start:auto;padding:0 9px;font-size:11.5px;font-weight:800}.mtl .room-count{color:var(--muted);margin:auto 0 0;font-size:13px}.mtl .room-count b{color:var(--ink);font-size:20px;font-weight:900}.mtl .beat-exam{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px;display:grid}.mtl .quiz-meta,.mtl .hw-meta{color:var(--muted);margin:0;font-size:12.5px}.mtl .quiz-q{margin:4px 0 12px;font-size:15.5px;font-weight:800;line-height:1.8}.mtl .quiz-opts{gap:8px;margin:0;padding:0;list-style:none;display:grid}.mtl .quiz-opts li{box-shadow:var(--ring);border-radius:13px;align-items:center;gap:10px;padding:7px 10px;font-size:14px;font-weight:700;transition:background-color .22s,box-shadow .22s;display:flex}.mtl .opt-key{background:var(--paper);width:27px;height:27px;color:var(--ink-2);border-radius:9px;place-items:center;font-size:12.5px;font-weight:800;display:grid}.mtl .opt-mark{background:var(--signal);width:22px;height:22px;color:var(--on-signal);opacity:0;transition:opacity .22s var(--ease-out), transform .22s var(--ease-out);border-radius:50%;place-items:center;margin-inline-start:auto;display:grid;transform:scale(.9)}.mtl .opt-mark svg{width:12px;height:12px}.mtl .quiz-opts li[data-picked=true]{box-shadow:0 0 0 2px var(--ink)}.mtl .quiz-opts li[data-correct=true]{background:var(--signal-tint);box-shadow:0 0 0 2px var(--signal)}.mtl .quiz-opts li[data-correct=true] .opt-mark{opacity:1;transform:scale(1)}.mtl .result{background:var(--paper);border-radius:18px;flex-direction:column;padding:14px 16px;display:flex}.mtl .result-title{margin:0;font-size:13px;font-weight:800}.mtl .bars{direction:ltr;flex:1;align-items:flex-end;gap:7px;margin:12px 0;display:flex}.mtl .bars span{background:var(--ink-bg);transform-origin:bottom;height:100%;transition:transform .52s var(--ease-out);transition-delay:calc(var(--i) * 55ms);border-radius:7px 7px 3px 3px;flex:1;transform:scaleY(.05)}.mtl .bars span:nth-child(5){background:var(--signal)}.mtl .result[data-on=true] .bars span{transform:scaleY(var(--h))}.mtl .result-avg{color:var(--muted);margin:0;font-size:13.5px}.mtl .result-avg b{color:var(--ink);font-size:21px;font-weight:900}.mtl .hw-head{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.mtl .hw-title{margin:0;font-size:16px;font-weight:800}.mtl .hw-count{color:var(--muted);margin:0;font-size:13.5px}.mtl .hw-count b{color:var(--ink);font-size:23px;font-weight:900}.mtl .meter{background:var(--paper);border-radius:999px;height:8px;margin:12px 0 14px;overflow:hidden}.mtl .meter span{border-radius:inherit;background:var(--signal);transform-origin:100%;height:100%;transition:transform .52s var(--ease-out);display:block}.mtl .handins{gap:9px;margin:0;padding:0;list-style:none;display:grid}.mtl .handins li{box-shadow:var(--ring);border-radius:15px;align-items:center;gap:12px;padding:8px 12px;display:flex}.mtl .handin-name{font-size:14px;font-weight:700;line-height:1.6}.mtl .handin-name small{color:var(--muted);font-size:12px;font-weight:400;display:block}.mtl .file,.mtl .grade{border-radius:8px;margin-inline-start:auto;padding:2px 10px;font-size:12px;font-weight:800}.mtl .file{background:var(--paper);color:var(--ink-2);letter-spacing:.04em}.mtl .grade{background:var(--signal-tint);color:var(--signal-ink)}.mtl .beat-assistant{flex-direction:column;gap:12px;display:flex}.mtl .bubble{border-radius:18px;max-width:88%;margin:0;padding:10px 16px;font-size:14px;line-height:1.9}.mtl .bubble-me{background:var(--ink-bg);color:#fff;border-start-start-radius:6px;align-self:flex-start;font-weight:600}.mtl .bubble-ai{background:var(--violet-tint);border-start-end-radius:6px;align-self:flex-end;min-width:64%}.mtl .ai-tag{color:var(--violet-ink);align-items:center;gap:7px;margin-bottom:4px;font-size:12px;font-weight:800;display:flex}.mtl .ai-tag:before{content:"";background:var(--violet);border-radius:3px;width:8px;height:8px;transform:rotate(45deg)}.mtl .bubble-ai ul{margin:0;padding:0;list-style:none}.mtl .bubble-ai li{font-weight:600}.mtl .typing{gap:5px;padding:8px 0;display:inline-flex}.mtl .typing i{background:var(--violet);border-radius:50%;width:7px;height:7px;animation:.9s ease-in-out infinite typing}.mtl .typing i:nth-child(2){animation-delay:.15s}.mtl .typing i:nth-child(3){animation-delay:.3s}@keyframes typing{0%,60%,to{opacity:.3}30%{opacity:1}}.mtl .rail{box-shadow:0 -1px 0 var(--line);grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:16px 18px 18px;display:grid}.mtl .rail-tab{text-align:start;cursor:pointer;color:var(--muted);background:0 0;border:0;gap:0;padding:0;transition:color .2s;display:grid}.mtl .rail-tab[data-state=active]{color:var(--ink)}.mtl .rail-line{background:var(--line);border-radius:999px;height:4px;margin-bottom:10px;display:block;overflow:hidden}.mtl .rail-tab[data-state=done] .rail-line{background:var(--ink-bg)}.mtl .rail-fill{border-radius:inherit;background:var(--ink-bg);transform-origin:100%;height:100%;animation:fill var(--beat) linear forwards;display:block}.mtl .stage[data-running=false] .rail-fill{animation-play-state:paused}@keyframes fill{0%{transform:scaleX(0)}}.mtl .rail-time{font-family:var(--font-num);text-align:end;direction:ltr;font-size:15px;font-weight:700;line-height:1.4}.mtl .rail-title{font-size:13.5px;font-weight:800;line-height:1.7}.mtl .rail-period{font-size:11.5px;line-height:1.5}@media (hover:hover) and (pointer:fine){.mtl .rail-tab:hover{color:var(--ink)}}.mtl .strip{background:var(--ink-bg);color:#fff;margin-top:60px;padding:13px 0;position:relative;overflow:hidden}.mtl .strip-track{width:max-content;animation:46s linear infinite strip;display:flex}.mtl .strip-track span{white-space:nowrap;align-items:center;gap:28px;padding-inline-start:28px;font-size:14.5px;font-weight:700;display:inline-flex}.mtl .strip-track span:after{content:"";background:var(--signal);border-radius:2px;width:7px;height:7px;transform:rotate(45deg)}@keyframes strip{to{transform:translate(-50%)}}.mtl .next-up{text-align:center;color:var(--muted);padding:72px 0;font-size:14px}@media (width<=1100px){.mtl .nav-links{display:none}.mtl .nav-actions{margin-inline-start:auto}.mtl .hero{padding-top:108px}.mtl .hero-grid{grid-template-columns:minmax(0,1fr);gap:48px}.mtl .stage{margin-inline-end:22px}.mtl .toast{inset-inline-end:-14px}}@media (width<=560px){.mtl .wrap{width:min(1220px,100% - 28px)}.mtl .btn-quiet{display:none}.mtl .hero-cta .btn-signal{flex:100%;justify-content:space-between}.mtl .stage{margin-inline-end:12px}.mtl .stage-board{inset:18px -12px -14px 18px;transform:rotate(-1.6deg)}.mtl .stage-main{grid-template-columns:minmax(0,1fr)}.mtl .stage-side{display:none}.mtl .stage-body{height:372px}.mtl .stage-scene{padding:16px}.mtl .stage-bar,.mtl .rail{padding-inline:16px}.mtl .rail{gap:8px}.mtl .rail-period{display:none}.mtl .rail-title{font-size:12px}.mtl .rail-time{font-size:13px}.mtl .toast{inset-inline-end:0}.mtl .beat-exam{grid-template-columns:minmax(0,1fr);gap:12px}.mtl .result{flex-direction:row;align-items:center;gap:12px;padding:10px 14px}.mtl .bars{flex:96px;min-width:96px;height:34px;margin:0}.mtl .result-title,.mtl .result-avg{flex:none}.mtl .quiz-opts{gap:6px}.mtl .quiz-opts li{padding:5px 10px}.mtl .strip{margin-top:44px}}@media (prefers-reduced-motion:reduce){.mtl .stage,.mtl .strip-track,.mtl .typing i,.mtl .rail-fill{animation:none}.mtl .marked path{stroke-dashoffset:0;animation:none}.mtl [data-on],.mtl .bars span,.mtl .meter span,.mtl .opt-mark,.mtl .side-mark{transition-duration:1ms}}.mtl .rail-title{font-size:13px}@media (width<=560px){.mtl .rail{gap:6px}.mtl .rail-title{font-size:11px;line-height:1.55}.mtl .rail-time{font-size:12px}.mtl .beat-online{grid-template-columns:minmax(0,1fr);gap:10px}.mtl .board{height:150px}.mtl .room{flex-flow:wrap;gap:6px}.mtl .seat{padding:5px 8px;font-size:12.5px}.mtl .seat small,.mtl .seat-teacher~.seat .avatar{display:none}.mtl .room-count{flex-basis:100%;margin:2px 0 0}}.mtl{min-height:100vh}.mtl .sec,.mtl .pr-calc,.mtl #top{scroll-margin-top:84px}.mtl .theme-btn{width:40px;height:40px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:inline-flex}.mtl .theme-btn:hover{background:var(--line);color:var(--ink)}.mtl .theme-btn:focus-visible{outline:2px solid var(--violet);outline-offset:2px}.mtl .theme-btn svg{width:20px;height:20px}.mtl .nav-actions .btn-quiet{color:var(--ink);background:#0919310f;font-weight:700;box-shadow:inset 0 0 0 1px #09193114}@media (hover:hover) and (pointer:fine){.mtl .nav-actions .btn-quiet:hover{background:#0919311a}}@media (width<=1320px){.mtl .nav-row{gap:14px}.mtl .nav-links a{padding:7px 8px}}.mtl .btn-outline{min-height:50px;color:var(--ink);border-radius:14px;font-weight:800;box-shadow:inset 0 0 0 1.5px #09193133}.mtl .btn-plain{padding-inline:34px}@media (hover:hover) and (pointer:fine){.mtl .btn-outline:hover{box-shadow:inset 0 0 0 1.5px var(--ink);background:#0919310d}}.mtl .nav-links a[aria-current=page]{color:var(--ink);background:#0919310f}.mtl .nav-burger{cursor:pointer;background:0 0;border:0;border-radius:12px;place-items:center;gap:5px;width:44px;height:44px;padding:0;display:none}.mtl .nav-burger i{background:var(--ink-bg);width:20px;height:2px;transition:transform .24s var(--ease-out);border-radius:2px;display:block}.mtl .nav-burger[aria-expanded=true] i:first-child{transform:translateY(3.5px)rotate(45deg)}.mtl .nav-burger[aria-expanded=true] i:last-child{transform:translateY(-3.5px)rotate(-45deg)}.mtl .nav-sheet{display:none}@media (width<=1100px){.mtl .nav-burger{align-content:center;display:grid}.mtl .nav-sheet{background:var(--surface);box-shadow:var(--ring), var(--lift);transform-origin:top;transition:opacity .2s var(--ease-out), transform .2s var(--ease-out), visibility 0s linear .2s;opacity:0;visibility:hidden;border-radius:20px;gap:2px;margin-top:8px;padding:10px;display:grid;position:absolute;inset-inline:20px;transform:translateY(-6px)scale(.98)}.mtl .nav-sheet[data-open=true]{opacity:1;visibility:visible;transition-delay:0s;transform:none}.mtl .nav-sheet a:not(.btn){border-radius:12px;padding:11px 14px;font-weight:700}.mtl .nav-sheet .btn{margin-top:6px}}.mtl .pr-hero{text-align:center;margin-top:-76px;padding:132px 0 28px;position:relative;overflow:hidden}.mtl .pr-hero .hero-paper{-webkit-mask-image:radial-gradient(60% 90% at 50% 20%,#000 0%,#0000 70%);mask-image:radial-gradient(60% 90% at 50% 20%,#000 0%,#0000 70%)}.mtl .pr-hero .wrap{position:relative}.mtl .pr-hero h1{text-wrap:balance;margin:0;font-size:clamp(2rem,4.4vw,3.5rem);font-weight:900;line-height:1.45}.mtl .pr-lead{max-width:52ch;color:var(--muted);margin:18px auto 0;font-size:16.5px;line-height:2.1}.mtl .pr-trust{flex-wrap:wrap;justify-content:center;gap:10px 26px;margin:24px 0 0;padding:0;font-size:14.5px;font-weight:700;list-style:none;display:flex}.mtl .pr-trust li{align-items:center;gap:8px;display:flex}.mtl .pr-trust span,.mtl .calc-feats span{background:var(--signal-tint);width:22px;height:22px;color:var(--signal-ink);border-radius:50%;flex:none;place-items:center;display:grid}.mtl .pr-trust svg,.mtl .calc-feats svg{width:12px;height:12px}.mtl .pr-plans{padding:20px 0 72px}.mtl .pr-period{text-align:center;color:var(--muted);margin:0 0 10px;font-size:13px;font-weight:700}.mtl .seg{background:#0919310f;border-radius:20px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;max-width:560px;margin-inline:auto;padding:5px;display:grid}.mtl .seg button{cursor:pointer;min-height:60px;color:var(--ink-2);background:0 0;border:0;border-radius:16px;align-content:center;gap:1px;padding:6px 4px;line-height:1.6;transition:color .2s;display:grid;position:relative}.mtl .seg button[aria-pressed=true]{color:var(--ink)}.mtl .seg-mark{background:var(--surface);box-shadow:var(--ring), 0 8px 18px -12px #09193173;border-radius:16px;position:absolute;inset:0}.mtl .seg b,.mtl .seg small{position:relative}.mtl .seg b{font-size:14.5px;font-weight:800}.mtl .seg small{color:var(--muted);font-size:12px}.mtl .seg small.seg-off{color:var(--signal-ink);font-weight:800}.mtl .pr-cards{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:20px;max-width:1080px;margin:44px auto 0;display:grid}.mtl .pr-card{background:var(--surface);box-shadow:var(--ring);border-radius:28px;flex-direction:column;margin-block:18px;padding:28px 26px 26px;display:flex;position:relative}.mtl .pr-card h2{margin:0;font-size:19px;font-weight:900}.mtl .pr-card p{margin:0}.mtl .pr-for{color:var(--muted);font-size:13.5px;margin-top:2px!important}.mtl .pr-price{font-size:clamp(2.2rem,3.4vw,2.9rem);font-weight:900;line-height:1.35;margin-top:20px!important}.mtl .pr-unit{color:var(--muted);font-size:13px}.mtl .pr-list{box-shadow:0 -1px 0 var(--line);flex:1;align-content:start;gap:11px;margin:22px 0 26px;padding:20px 0 0;font-size:14.5px;font-weight:600;line-height:1.8;list-style:none;display:grid}.mtl .pr-list li{gap:10px;display:flex}.mtl .pr-list svg{width:16px;height:16px;color:var(--signal-ink);flex:none;margin-top:6px}.mtl .pr-list .is-locked{color:var(--muted);text-decoration:line-through;text-decoration-thickness:1px}.mtl .pr-list .is-locked svg{color:#b9c3d0}.mtl .pr-card-full{background:radial-gradient(70% 50% at 100% 0%, #5b3df557, transparent 70%), radial-gradient(70% 50% at 0% 100%, #14e0b038, transparent 70%), var(--ink-bg);color:#fff;margin-block:0;padding:34px 28px 26px;box-shadow:0 34px 60px -30px #091931bf}.mtl .pr-badge{top:0;background:var(--signal);color:var(--on-signal);white-space:nowrap;border-radius:999px;padding:3px 16px;font-size:12.5px;font-weight:900;position:absolute;inset-inline-start:50%;transform:translate(50%,-50%);box-shadow:0 10px 20px -10px #14e0b0e6}.mtl .pr-card-full .pr-for,.mtl .pr-card-full .pr-unit{color:#ffffffb8}.mtl .pr-pricebox{min-height:196px;margin-top:14px}.mtl .pr-strike{color:#fff9;font-size:14px;text-decoration:line-through}.mtl .pr-card-full .pr-price{font-size:clamp(2.8rem,4.4vw,3.6rem);line-height:1.25;margin-top:0!important}.mtl .pr-day{color:#ffffffd1;font-size:13px;margin-top:6px!important}.mtl .pr-day b{color:var(--signal)}.mtl .pr-lump{background:#ffffff1f;border-radius:10px;padding:3px 12px;font-size:12.5px;font-weight:700;line-height:1.9;display:inline-block;margin-top:10px!important}.mtl .pr-card-full .pr-list{margin-top:6px;box-shadow:0 -1px #ffffff29}.mtl .pr-card-full .pr-list svg{color:var(--signal)}.mtl .pr-card .btn{border-radius:15px;min-height:54px;font-size:15.5px;font-weight:800}.mtl .pr-foot{text-align:center;color:#ffffffad;font-size:12px;margin-top:10px!important}.mtl .pr-after{text-align:center;margin:26px 0 0;font-weight:800}.mtl .pr-after a{text-decoration:underline;-webkit-text-decoration-color:var(--signal);text-decoration-color:var(--signal);text-underline-offset:6px;padding:10px 6px;text-decoration-thickness:3px}.mtl .pr-round{text-align:center;color:var(--muted);margin:10px 0 0;font-size:13px}.mtl .pr-bundle{background:var(--signal-tint);border-radius:26px;justify-content:space-between;align-items:center;gap:20px;max-width:920px;margin:36px auto 0;padding:24px 28px;display:flex;box-shadow:0 0 0 1.5px #14e0b0b3}.mtl .pr-bundle p{margin:0}.mtl .pr-bundle-kicker{color:var(--signal-ink);font-size:13px;font-weight:800}.mtl .pr-bundle-main{font-size:19px;font-weight:900;line-height:1.8}.mtl .pr-bundle-note{color:var(--ink-2);font-size:13px;line-height:1.9}.mtl .pr-bundle .btn{border-radius:15px;flex:none;min-height:52px;padding:0 24px}.mtl .pr-calc{background:var(--paper-2);padding:60px 0;scroll-margin-top:20px}.mtl .calc{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:start;gap:22px;display:grid}.mtl .calc-controls{gap:16px;display:grid}.mtl .calc-step{background:var(--surface);box-shadow:var(--ring);border-radius:24px;padding:24px}.mtl .calc-plans{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.mtl .calc-plans button{background:var(--paper);text-align:start;cursor:pointer;border:0;border-radius:18px;gap:2px;min-height:74px;padding:14px 18px;line-height:1.8;transition:background-color .18s,box-shadow .18s;display:grid}.mtl .calc-plans b{font-size:16px;font-weight:900}.mtl .calc-plans small{color:var(--muted);font-size:13px}.mtl .calc-plans button[aria-pressed=true]{background:var(--signal-tint);box-shadow:0 0 0 2px var(--signal)}.mtl .calc-hint{text-align:center;color:var(--muted);margin:12px 0 0;font-size:13px}.mtl .calc-row{justify-content:space-between;align-items:baseline;display:flex}.mtl .calc-row label,.mtl .calc-title{margin:0;font-size:15px;font-weight:900}.mtl .calc-row output{font-size:34px;font-weight:900;line-height:1.3}.mtl .calc-desc{color:var(--muted);margin:6px 0 0;font-size:14px;line-height:2.05}.mtl .calc-desc b{color:var(--ink)}.mtl .range{appearance:none;cursor:pointer;background:0 0;width:100%;height:44px;margin:4px 0 0}.mtl .range::-webkit-slider-runnable-track{background:linear-gradient(to left, var(--ink) var(--fill), var(--line) var(--fill));border-radius:999px;height:10px}.mtl .range::-moz-range-track{background:var(--line);border-radius:999px;height:10px}.mtl .range::-moz-range-progress{background:var(--ink-bg);border-radius:999px;height:10px}.mtl .range::-webkit-slider-thumb{appearance:none;background:var(--signal);border:4px solid var(--surface);width:30px;height:30px;box-shadow:0 0 0 1.5px var(--ink), 0 6px 14px -4px #09193180;-webkit-transition:transform .14s var(--ease-out);transition:transform .14s var(--ease-out);border-radius:50%;margin-top:-10px}.mtl .range::-moz-range-thumb{background:var(--signal);border:4px solid var(--surface);width:24px;height:24px;box-shadow:0 0 0 1.5px var(--ink);border-radius:50%}.mtl .range:active::-webkit-slider-thumb{transform:scale(1.12)}.mtl .range-marks{color:var(--muted);justify-content:space-between;padding-inline:4px;font-size:12.5px;display:flex}.mtl .chips{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.mtl .chips button{background:var(--paper);cursor:pointer;min-width:58px;min-height:44px;transition:background-color .16s ease, color .16s ease, transform .16s var(--ease-out);border:0;border-radius:14px;padding:4px 16px;font-size:14px;font-weight:800;line-height:1.6}.mtl .chips button:active{transform:scale(.97)}.mtl .chips small{opacity:.75;font-size:12px;font-weight:500;display:block}.mtl .chips button[aria-pressed=true]{background:var(--ink-bg);color:#fff}.mtl .calc-info{background:var(--paper);border-radius:18px;margin-top:18px;padding:18px 20px}.mtl .calc-info p{margin:0}.mtl .calc-info-title{font-size:15px;font-weight:900}.mtl .calc-info-lead{color:var(--muted);font-size:13.5px;line-height:2;margin-top:2px!important}.mtl .calc-feats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 22px;margin:14px 0 0;padding:0;list-style:none;display:grid}.mtl .calc-feats li{align-items:flex-start;gap:10px;display:flex}.mtl .calc-feats span{margin-top:3px}.mtl .calc-feats p{color:var(--muted);font-size:13.5px;line-height:1.9}.mtl .calc-feats b{color:var(--ink);display:block}.mtl .calc-feats .is-storage span{background:var(--ink-bg);color:var(--signal)}.mtl .calc-noextra{color:var(--signal-ink);font-size:13.5px;font-weight:700;line-height:2;margin-top:14px!important}.mtl .calc-step>.seg{background:var(--paper);max-width:none;margin-top:12px}.mtl .calc-step>.seg button{min-height:54px}.mtl .receipt{background:repeating-linear-gradient(0deg, #ffffff0b 0 1px, transparent 1px 22px), repeating-linear-gradient(90deg, #ffffff0b 0 1px, transparent 1px 22px), var(--ink-bg);color:#fff;border-radius:28px;padding:28px 26px 24px;position:sticky;top:96px;box-shadow:0 34px 60px -32px #091931cc}.mtl .receipt p{margin:0}.mtl .receipt hr{border:0;border-top:1px dashed #ffffff3d;margin:16px 0}.mtl .receipt-label{color:#ffffffad;font-size:13px}.mtl .receipt-count{font-size:30px;font-weight:900;line-height:1.4}.mtl .receipt-total{color:var(--signal);font-size:clamp(2rem,3vw,2.6rem);font-weight:900;line-height:1.4}.mtl .receipt-total small{color:#fff;font-size:15px;font-weight:700}.mtl .receipt-break{color:#ffffffbd;font-size:13px;line-height:1.9}.mtl .receipt-save{color:var(--signal);background:#14e0b029;border-radius:10px;padding:2px 12px;font-size:12.5px;font-weight:800;display:inline-block;margin-top:8px!important}.mtl .receipt-tax{font-size:14px;font-weight:600;line-height:1.9}.mtl .receipt-fine{color:#fff9;font-size:12px;line-height:1.9;margin-top:2px!important}.mtl .receipt .btn{margin:18px 0 10px}.mtl .cmp-scroll{background:var(--surface);box-shadow:var(--ring);border-radius:24px;overflow-x:auto}.mtl .cmp{border-collapse:collapse;width:100%;min-width:640px;font-size:14.5px}.mtl .cmp th,.mtl .cmp td{text-align:center;box-shadow:0 1px 0 var(--line);padding:14px 18px}.mtl .cmp thead th{font-size:15.5px;font-weight:900}.mtl .cmp th[scope=row],.mtl .cmp thead th:first-child{text-align:start;font-weight:700}.mtl .cmp [data-main=true]{background:var(--signal-tint);font-weight:800}.mtl .cmp thead [data-main=true]{background:var(--ink-bg);color:#fff}.mtl .cmp tbody tr:last-child th,.mtl .cmp tbody tr:last-child td{box-shadow:none}.mtl .cmp .yes{background:var(--signal);width:24px;height:24px;color:var(--on-signal);border-radius:50%;place-items:center;display:inline-grid}.mtl .cmp .yes svg{width:12px;height:12px}.mtl .cmp .no{background:var(--line-strong);border-radius:2px;width:14px;height:2.5px;display:inline-block}.mtl .pr-faq{padding-top:0}@media (width<=1100px){.mtl .pr-hero{padding-top:132px}.mtl .pr-cards{grid-template-columns:minmax(0,1fr);gap:26px;max-width:520px}.mtl .pr-card{margin-block:0}.mtl .pr-card-full{order:-1}.mtl .pr-pricebox{min-height:0}.mtl .calc{grid-template-columns:minmax(0,1fr)}.mtl .receipt{position:static}}@media (width<=720px){.mtl .pr-plans{padding-bottom:56px}.mtl .seg b{font-size:13px}.mtl .seg small{font-size:11px}.mtl .pr-bundle{text-align:center;flex-direction:column;align-items:stretch;padding:22px 20px}.mtl .pr-calc{padding:60px 0}.mtl .calc-step{padding:18px}.mtl .calc-plans,.mtl .calc-feats{grid-template-columns:minmax(0,1fr)}.mtl .chips-seats button{flex:calc(50% - 4px)}}@media (prefers-reduced-motion:reduce){.mtl .nav-sheet,.mtl .nav-burger i{transition-duration:1ms}.mtl .range::-webkit-slider-thumb{transition-duration:1ms}}