body{margin:0;background:#F5F6FA}
a{color:#2563FF}a:hover{color:#1E40D8}
a:focus-visible,button:focus-visible{outline:2px solid #2563FF;outline-offset:3px}
.wrap{max-width:1320px;margin:0 auto;padding:0 32px;box-sizing:border-box;width:100%}
.glass{background:rgba(255,255,255,0.8);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 1px 2px rgba(15,23,42,0.04),0 4px 16px rgba(37,99,255,0.06),inset 0 1px 0 rgba(255,255,255,0.85)}
.card{border-radius:28px;padding:30px;display:flex;flex-direction:column;gap:10px;box-sizing:border-box}
.grad{background:linear-gradient(135deg,#2563FF 0%,#06B6D4 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.sec{padding:88px 0}
.band{background:#FFFFFF}
.sec-head{max-width:780px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}
.tag{font-size:12.5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#2563FF;background:#EAF2FF;padding:6px 14px;border-radius:999px}
.h2{margin:0;font-size:44px;line-height:1.15;font-weight:700;letter-spacing:-0.02em;color:#0F172A}
.lead{margin:0;font-size:18px;line-height:1.7;color:#596174}
.h3{margin:0;font-size:19px;line-height:1.3;font-weight:700;letter-spacing:-0.015em;color:#0F172A}
.body{margin:0;font-size:15px;line-height:1.65;color:#596174}
.ico{width:44px;height:44px;flex:none;border-radius:13px;background:linear-gradient(135deg,#2563FF,#06B6D4);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(37,99,255,0.28)}
.ico-soft{width:44px;height:44px;flex:none;border-radius:13px;display:flex;align-items:center;justify-content:center}
.benefit{margin-top:auto;padding-top:12px;border-top:1px solid #E9EAF0;font-size:14px;line-height:1.6;color:#3E4658}
.benefit b{color:#1E40D8}
.mini{font-size:11px;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;color:#2563FF;background:#EAF2FF;padding:3px 10px;border-radius:999px}
.pill{font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:999px;white-space:nowrap}
.p-ok{color:#059669;background:#ECFDF5;box-shadow:inset 0 0 0 1px #6EE7B7}
.p-warn{color:#C2620A;background:#FFF4E5;box-shadow:inset 0 0 0 1px #ECD7A8}
.p-bad{color:#E0284F;background:#FFE9EE;box-shadow:inset 0 0 0 1px #F3B6C4}
.p-info{color:#2563EB;background:#E8F0FF;box-shadow:inset 0 0 0 1px #C9DAFC}
.p-neu{color:#596174;background:#EEF0F5;box-shadow:inset 0 0 0 1px #D9DCE5}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 26px;border-radius:999px;font-family:Inter,sans-serif;font-size:16px;font-weight:600;text-decoration:none;border:0;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease;box-sizing:border-box}
.btn-sm{min-height:44px;padding:0 20px;font-size:15px}
.btn-primary{background:linear-gradient(135deg,#2563FF 0%,#06B6D4 100%);color:#FFFFFF;box-shadow:0 6px 20px rgba(37,99,255,0.3),inset 0 1px 0 rgba(255,255,255,0.25)}
.btn-primary:hover{color:#FFFFFF;transform:translateY(-1px);box-shadow:0 10px 28px rgba(37,99,255,0.38)}
.btn-ghost{background:transparent;color:#0F172A}.btn-ghost:hover{color:#2563FF;background:#EAF2FF}
.btn-glass{background:rgba(255,255,255,0.8);color:#0F172A;box-shadow:0 1px 2px rgba(15,23,42,0.04),0 4px 16px rgba(37,99,255,0.06)}
.btn-glass:hover{color:#0F172A;background:#FFFFFF}
.btn-outline{min-height:60px;padding:0 40px;font-size:17px;background:#FFFFFF;color:#1E40D8;box-shadow:inset 0 0 0 1.5px #2563FF}
.btn-outline:hover{color:#1E40D8;background:#EAF2FF}
.btn-arrow{min-height:60px;padding:0 6px 0 32px;font-size:17px;gap:16px;box-shadow:0 0 0 6px rgba(37,99,255,0.14),0 10px 26px rgba(37,99,255,0.3),inset 0 1px 0 rgba(255,255,255,0.25)}
.btn-arrow:hover{box-shadow:0 0 0 8px rgba(37,99,255,0.18),0 12px 30px rgba(37,99,255,0.36)}
.arrow-dot{width:48px;height:48px;border-radius:999px;background:#FFFFFF;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease}
.btn-arrow:hover .arrow-dot{transform:translateX(3px)}
.hero-trial-cta{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(110deg,#2563FF 0%,#2563FF 65%,#06B6D4 100%);box-shadow:0 0 0 4px rgba(37,99,255,0.08),0 8px 24px rgba(37,99,255,0.22);transition:transform .22s ease-out,box-shadow .22s ease-out}
.hero-trial-cta::before{content:"";position:absolute;inset:0 auto 0 0;width:40%;background:linear-gradient(110deg,transparent,rgba(255,255,255,0.22),transparent);transform:translateX(-150%) skewX(-18deg);pointer-events:none;transition:transform .4s ease-out;animation:trial-sheen .4s ease-out .7s 1}
.hero-trial-cta>span{position:relative;z-index:1}
.hero-trial-cta:focus-visible{outline:3px solid #1E40D8;outline-offset:4px;box-shadow:0 8px 24px rgba(37,99,255,0.22)}
.hero-trial-cta:focus-visible::before{animation:none;transform:translateX(350%) skewX(-18deg)}
@media (hover:hover) and (pointer:fine){.hero-trial-cta:hover{transform:translateY(-2px);box-shadow:0 0 0 4px rgba(37,99,255,0.1),0 12px 28px rgba(37,99,255,0.28)}.hero-trial-cta:hover::before{animation:none;transform:translateX(350%) skewX(-18deg)}}
.hero-trial-cta:active{transform:translateY(0) scale(.99);box-shadow:0 4px 12px rgba(37,99,255,0.2);transition-duration:.1s}
@keyframes trial-sheen{from{transform:translateX(-150%) skewX(-18deg)}to{transform:translateX(350%) skewX(-18deg)}}
@media (prefers-reduced-motion:reduce){.hero-trial-cta::before{display:none;animation:none}.hero-trial-cta:hover,.hero-trial-cta:active,.hero-trial-cta:hover .arrow-dot{transform:none}}
.nav-link{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:999px;color:#596174;font-size:15px;font-weight:500;text-decoration:none;transition:background-color .2s,color .2s}
.nav-link:hover{background:#EAF2FF;color:#2563FF}
.logo-slot{width:96px;height:56px;flex:none;border-radius:14px;background:#FFFFFF;box-shadow:inset 0 0 0 1px #E9EAF0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;letter-spacing:-0.01em;overflow:hidden}
.logo-slot img{max-width:80px;max-height:40px;object-fit:contain}
.foot-link{color:#596174;font-size:15px;text-decoration:none;min-height:40px;display:flex;align-items:center}
.card-head{display:flex;align-items:center;gap:16px;margin-bottom:4px}
.card-head .h3{margin:0;flex:1;min-width:0}
.ben-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.calc{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:0;border-radius:32px;overflow:hidden;background:#FFFFFF;box-shadow:0 2px 6px rgba(15,23,42,0.04),0 24px 60px rgba(37,99,255,0.14)}
.calc-in{padding:32px;display:flex;flex-direction:column;gap:18px}
.calc-title{font-size:18px;font-weight:700;color:#0F172A}
.calc-row{display:flex;flex-direction:column;gap:8px;cursor:pointer}
.calc-l{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:14px;font-weight:500;color:#596174}
.calc-l b{font-size:17px;color:#0F172A}
.calc-l b.calc-cut{color:#059669;background:#ECFDF5;padding:2px 10px;border-radius:999px;font-size:16px}
.calc-row input[type=range]{width:100%;height:28px;margin:0;accent-color:#2563FF;cursor:pointer}
.calc-bars{display:flex;flex-direction:column;gap:8px;padding-top:6px;border-top:1px solid #E9EAF0;margin-top:2px}
.calc-bar{display:grid;grid-template-columns:72px minmax(0,1fr) 48px;align-items:center;gap:10px;font-size:12.5px;color:#596174}
.calc-bar b{color:#0F172A;text-align:right}
.calc-track{display:block;height:10px;border-radius:5px;background:#EEF0F5;overflow:hidden}
.calc-fill{display:block;height:100%;border-radius:5px;transition:width .3s cubic-bezier(.25,1,.5,1)}
.calc-now{background:#F59E0B}.calc-new{background:linear-gradient(90deg,#2563FF,#06B6D4)}
.calc-out{padding:36px 32px;background:linear-gradient(140deg,#1E40D8 0%,#2563FF 45%,#06B6D4 100%);color:#FFFFFF;display:flex;flex-direction:column;gap:10px;justify-content:center}
.calc-out-l{font-size:15px;font-weight:600;color:#DBEAFE}
.calc-big{font-size:56px;line-height:1.05;font-weight:800;letter-spacing:-0.03em}
.calc-year{font-size:17px;font-weight:600;color:#E0F2FE}
.calc-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}
.calc-kpis div{background:rgba(255,255,255,0.14);border-radius:16px;padding:16px 14px;display:flex;flex-direction:column;gap:6px;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.18)}
.calc-kpis b{font-size:32px;font-weight:700;line-height:1.15;letter-spacing:-0.01em}
.calc-kpis div > span{font-size:12px;color:#DBEAFE;line-height:1.35}
.calc-note{margin:6px 0 4px;font-size:12.5px;line-height:1.5;color:#DBEAFE}
@media (max-width:900px){.calc{grid-template-columns:minmax(0,1fr)}.calc-big{font-size:44px}}
@media (max-width:1100px){.ben-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:680px){.ben-grid{grid-template-columns:minmax(0,1fr)}.calc-kpis b{font-size:28px}}
.nav-link,.btn{white-space:nowrap}
.foot-link:hover{color:#2563FF}
.bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.span2{grid-column:span 2}
.card-hover{transition:transform .25s cubic-bezier(.25,1,.5,1),box-shadow .25s}
.card-hover:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(37,99,255,0.14),inset 0 1px 0 rgba(255,255,255,0.9)}
.demo-win{position:relative;background:rgba(255,255,255,0.9);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:28px;padding:12px;box-shadow:0 4px 12px rgba(15,23,42,0.05),0 30px 70px rgba(37,99,255,0.18),inset 0 1px 0 #FFFFFF}
.demo-body{background:#EEF0F5;border-radius:20px;padding:10px;display:flex;gap:10px;height:384px;box-sizing:border-box}
.rail{width:44px;flex:none;background:#FFFFFF;border-radius:14px;padding:6px 4px;display:flex;flex-direction:column;gap:6px;align-items:center;box-sizing:border-box}
.rail button{width:36px;height:36px;border:0;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s}
.stage{flex:1;min-width:0;position:relative;overflow:hidden}
.scene{position:absolute;inset:0;display:flex;flex-direction:column;gap:10px;font-family:Inter,sans-serif}
.sc{background:#FFFFFF;border-radius:14px;padding:12px 14px;box-sizing:border-box;box-shadow:0 1px 2px rgba(15,23,42,0.04),0 4px 14px rgba(37,99,255,0.06)}
.sl{font-size:11.5px;font-weight:600;color:#6B7489}
.sv{font-size:20px;font-weight:700;letter-spacing:-0.02em;line-height:1.3;color:#0F172A}
.row{display:flex;align-items:center;gap:10px}
.stack{display:grid}.stack>*{grid-area:1/1}
.a-up{animation:in-up .55s cubic-bezier(.25,1,.5,1) both}
.a-right{animation:in-right .5s cubic-bezier(.25,1,.5,1) both}
.d1{animation-delay:.1s}.d2{animation-delay:.25s}.d3{animation-delay:.4s}.d4{animation-delay:.55s}.d5{animation-delay:.7s}.d6{animation-delay:.85s}.d7{animation-delay:1s}.d8{animation-delay:1.3s}.d9{animation-delay:1.8s}.d10{animation-delay:2.4s}
.grow-y{display:block;transform-origin:bottom;animation:grow-y 1s cubic-bezier(.25,1,.5,1) both}
.scan{position:relative;overflow:hidden;height:6px;border-radius:3px;background:#EAF2FF}
.scan::after{content:"";position:absolute;top:0;bottom:0;width:35%;border-radius:3px;background:linear-gradient(90deg,rgba(37,99,255,0),#2563FF,#06B6D4,rgba(6,182,212,0));animation:scan 1.4s ease-in-out infinite}
.flash{animation:in-right .5s cubic-bezier(.25,1,.5,1) .4s both,flash 1.4s ease 1s both}
.swap-out{animation:fade-out .25s ease both}
.swap-in{animation:fade-in .35s cubic-bezier(.25,1,.5,1) both}
.live-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#059669;animation:pulse 1.8s ease-out infinite}
.cursor{position:absolute;right:-10px;bottom:-16px;width:22px;height:22px;z-index:3;pointer-events:none;animation:cursor-in 1.2s cubic-bezier(.25,1,.5,1) .6s both,cursor-out .3s ease 2.8s forwards}
.ripple{position:absolute;inset:-3px;border-radius:999px;pointer-events:none;opacity:0;animation:ripple .8s ease-out 1.8s both}
.draw{stroke-dasharray:400;stroke-dashoffset:400;animation:draw 1.6s ease .5s forwards}
.typing{animation:typing 1.7s ease .3s both}
.dot-b{display:inline-block;width:6px;height:6px;border-radius:50%;background:#93C5FD;animation:bounce 1s infinite}
.step{width:24px;height:24px;flex:none;border-radius:999px;background:#059669;color:#FFFFFF;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;animation:step-on .4s ease both}
.seg{flex:1;min-width:0;height:32px;border:0;background:transparent;cursor:pointer;display:flex;align-items:center;padding:0}
.seg-track{display:block;width:100%;height:4px;border-radius:2px;background:#D9DCE5;overflow:hidden}
.seg-fill{display:block;height:100%;width:100%;transform-origin:left;background:linear-gradient(90deg,#2563FF,#06B6D4)}
.ctrl{width:44px;height:44px;flex:none;border:0;border-radius:999px;background:#FFFFFF;color:#0F172A;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px rgba(15,23,42,0.06),0 4px 12px rgba(37,99,255,0.08);transition:color .2s}
.ctrl:hover{color:#2563FF}
.al-btn{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;border:0;border-radius:12px;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:#0F172A;transition:background-color .2s,box-shadow .2s}
.al-btn:hover{background:#FFFFFF!important}
.al-dot{display:inline-block;width:10px;height:10px;border-radius:50%;flex:none}
.ig-panel{margin:0;min-width:0;background:#FFFFFF;border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:18px;box-sizing:border-box;box-shadow:0 1px 2px rgba(15,23,42,0.04),0 8px 24px rgba(37,99,255,0.08)}
.int-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.int-wide{grid-column:1/-1}
.int-group{background:linear-gradient(160deg,rgba(255,255,255,0.95),rgba(255,255,255,0.75));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:28px;padding:24px;display:flex;flex-direction:column;gap:18px;box-shadow:0 1px 2px rgba(15,23,42,0.04),0 8px 28px rgba(37,99,255,0.07),inset 0 1px 0 #FFFFFF}
.int-head{display:flex;align-items:center;gap:10px}
.int-head h3{margin:0;font-size:18px;font-weight:700;letter-spacing:-0.01em;color:#0F172A}
.int-count{min-width:28px;height:28px;padding:0 8px;box-sizing:border-box;border-radius:999px;background:#F1F3F8;color:#596174;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.int-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.int-item{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:18px;background:#F4F5F9;transition:background-color .2s,box-shadow .2s}
.int-item:hover{background:#FFFFFF;box-shadow:0 6px 20px rgba(37,99,255,0.1)}
.int-item>div{min-width:0;display:flex;flex-direction:column;gap:2px}
.int-item b{font-size:15.5px;color:#0F172A;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.int-item>div>span{display:none}
.int-logo{width:48px;height:48px;flex:none;border-radius:14px;background:#FFFFFF;box-shadow:0 2px 8px rgba(15,23,42,0.08);display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:800;letter-spacing:-0.01em}
.int-logo-brand{width:64px}
.int-logo img{display:block;width:100%;height:100%;box-sizing:border-box;padding:6px;object-fit:contain}
.soon{font-size:10.5px;font-weight:700;color:#596174;background:#E6E8EF;padding:1px 7px;border-radius:999px}
@media (max-width:900px){.int-groups{grid-template-columns:minmax(0,1fr)}}
.ig-title{font-size:11px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:#6B7489}
.ig-legend{list-style:none;margin:0;padding:0;flex:1;min-width:160px;display:grid;grid-template-columns:minmax(0,1fr);gap:6px}
.ig-legend li{display:flex;align-items:center;gap:8px;font-size:13px;color:#3E4658}
.ig-legend b{margin-left:auto;color:#0F172A}
.flow{list-style:none;margin:0;padding:0;position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.flow::before{content:"";position:absolute;left:10%;right:10%;top:19px;height:2px;border-radius:2px;background:linear-gradient(90deg,#2563FF,#06B6D4)}
.node{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.node-ico{position:relative;width:40px;height:40px;border-radius:12px;background:#FFFFFF;color:#2563FF;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 3px #FFFFFF,0 4px 12px rgba(37,99,255,0.18)}
.node-ico svg{width:18px;height:18px}
.node-n{position:absolute;top:-7px;right:-11px;min-width:18px;font-size:10px;font-weight:700;color:#FFFFFF;background:#0F172A;border-radius:999px;padding:1px 5px;box-sizing:border-box}
.node-t{display:flex;flex-direction:column;gap:1px}
.node-t b{font-size:12.5px;color:#0F172A}
.node-t span{font-size:11px;line-height:1.3;color:#6B7489}
.ig-stat{background:#F7F7FB;border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}
.ig-stat b{font-size:18px;letter-spacing:-0.02em;color:#0F172A}
.ig-stat span{font-size:11.5px;color:#6B7489}
@media (max-width:680px){.flow{grid-template-columns:minmax(0,1fr);gap:14px}.flow::before{left:19px;right:auto;top:16px;bottom:16px;width:2px;height:auto;background:linear-gradient(180deg,#2563FF,#06B6D4)}.node{flex-direction:row;text-align:left}}
/* Nút chuyển cảnh nhỏ ở góc trên bên phải thanh tiêu đề khung minh họa */
.demo-nav{margin-left:auto;display:flex;gap:8px}
.demo-nav .ctrl{position:relative;width:24px;height:24px;border-radius:8px;background:#FFFFFF;color:#64748B;box-shadow:inset 0 0 0 1px #E2E6EF;transition:color .15s ease,background-color .15s ease,box-shadow .15s ease}
/* Vùng bấm vô hình ~32×44px cho màn hình cảm ứng, không chồng lên nút bên cạnh */
.demo-nav .ctrl::before{content:"";position:absolute;inset:-10px -4px}
.demo-nav .ctrl:hover{color:#2563FF;background:#EEF3FF;box-shadow:inset 0 0 0 1px #C7D6FF}
.demo-nav .ctrl:focus-visible{outline:2px solid #2563FF;outline-offset:2px}
@keyframes in-up{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes in-right{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:none}}
@keyframes grow-y{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes scan{0%{left:-35%}100%{left:100%}}
@keyframes flash{0%{background:#F7F7FB}40%{background:#FFD5DF}100%{background:#FFF1F4}}
@keyframes fade-out{to{opacity:0;visibility:hidden}}
@keyframes fade-in{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(5,150,105,0.5)}100%{box-shadow:0 0 0 8px rgba(5,150,105,0)}}
@keyframes cursor-in{from{opacity:0;transform:translate(80px,70px)}to{opacity:1;transform:none}}
@keyframes cursor-out{to{opacity:0}}
@keyframes ripple{0%{opacity:1;box-shadow:0 0 0 0 rgba(37,99,255,0.5)}100%{opacity:0;box-shadow:0 0 0 14px rgba(37,99,255,0)}}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes typing{0%{opacity:0}15%,75%{opacity:1}100%{opacity:0;visibility:hidden}}
@keyframes bounce{0%,80%,100%{transform:translateY(0);opacity:.5}40%{transform:translateY(-4px);opacity:1}}
@keyframes step-on{from{background:#E3E5EB;color:#E3E5EB}to{background:#059669;color:#FFFFFF}}
@keyframes prog{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (max-width:680px){.demo-body{height:440px}.scene{font-size:12px}}
@media (prefers-reduced-motion: reduce){.typing,.swap-out,.cursor,.ripple{display:none!important}.draw{stroke-dashoffset:0}.scan::after{left:30%}}
.show-sm{display:none!important}
@media (max-width:1000px){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.hide-md{display:none!important}}
@media (max-width:680px){.wrap{padding:0 16px}.bento{grid-template-columns:minmax(0,1fr)}.span2{grid-column:auto}.hide-sm{display:none!important}.show-sm{display:inline-flex!important}.sec{padding:56px 0}.h1{font-size:40px!important}.h2{font-size:30px}.btn-outline,.btn-arrow{min-height:52px;font-size:16px}.btn-outline{padding:0 24px}.arrow-dot{width:40px;height:40px}.card{padding:24px}}
@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}

.scene[hidden],.q-ans[hidden],#mobileMenu[hidden]{display:none!important}