#th-home-scene{--ink:light-dark(#172c43,#e4edf8);--paper:light-dark(#f7fafc,#101d2c);--panel:light-dark(#fff,#203248);font:16px/1.5 system-ui,sans-serif;color:var(--ink);background:var(--paper);border-radius:20px;overflow:hidden}#th-home-scene *{box-sizing:border-box}#th-home-scene header{display:flex;align-items:center;justify-content:space-between;padding:24px 30px;border-bottom:1px solid light-dark(#dfe8ed,#304257)}#th-home-scene .brand{font-weight:700;letter-spacing:-.6px;font-size:22px}#th-home-scene .brand span{color:#ffdd24}#th-home-scene .tag{font-size:12px;letter-spacing:2px;color:#269c89}#th-home-scene main{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;padding:40px 30px 20px;gap:12px}#th-home-scene h1{font-size:clamp(30px,4.6vw,49px);line-height:1.1;letter-spacing:-2px;margin:16px 0}#th-home-scene h1 em{font-style:normal;color:#ffdd24}#th-home-scene p{color:light-dark(#5e7081,#a8bacb);max-width:340px}#th-home-scene button{font:inherit;border:1px solid light-dark(#cfdddF,#405770);padding:10px 16px;border-radius:9px;background:var(--panel);color:var(--ink);min-height:44px}#th-home-scene .actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:26px}#th-home-scene .actions button:first-child{background:#e0b900;color:#fff;border-color:#e0b900}#th-home-scene .stage{height:380px;position:relative;perspective:1000px;touch-action:pan-y;cursor:grab}#th-home-scene .stage:active{cursor:grabbing}#th-home-scene .glow{position:absolute;inset:15% 0 0;background:radial-gradient(ellipse,#46c7af35,transparent 67%)}#th-home-scene .world{position:absolute;left:50%;top:47%;width:300px;height:250px;margin:-125px 0 0 -150px;transform-style:preserve-3d;transform:rotateX(-9deg) rotateY(-22deg);transition:transform .15s ease-out}#th-home-scene .float{width:100%;height:100%;transform-style:preserve-3d;animation:th-float 5s ease-in-out infinite}#th-home-scene .screen{position:absolute;left:12px;top:24px;width:276px;height:180px;border:9px solid #253e55;border-bottom-width:15px;border-radius:13px;background:#ecf6f8;transform:translateZ(0);box-shadow:6px 6px 0 #14293e;overflow:hidden}#th-home-scene .bar{height:20px;background:#d9e9ed;display:flex;gap:4px;align-items:center;padding:0 7px}#th-home-scene .bar i{width:5px;height:5px;background:#7b9eab;border-radius:50%}#th-home-scene .lesson{padding:9px;display:grid;grid-template-columns:1fr 64px;gap:7px;color:#234052;font-size:11px}#th-home-scene .board{background:white;border-radius:5px;padding:12px 8px;height:116px}#th-home-scene .board strong{display:block;color:#e0b900;font-size:14px}#th-home-scene .board .abc{font-size:28px;letter-spacing:6px;margin:10px 0;color:#234052}#th-home-scene .video{background:#b8e8dc;border-radius:5px;height:70px;text-align:center;overflow:hidden}#th-home-scene .person{position:relative;width:30px;height:30px;background:#e3ae87;border-radius:50%;margin:10px auto 0;box-shadow:0 -5px 0 #4c342e}#th-home-scene .person:after{content:'';position:absolute;width:50px;height:40px;border-radius:25px 25px 0 0;background:#355c78;left:-10px;top:27px}#th-home-scene .live{color:#e0b900;margin-top:7px;font-size:10px}#th-home-scene .base{position:absolute;left:0;top:204px;width:300px;height:145px;background:linear-gradient(#a8becb,#e4eef2);border-radius:0 0 15px 15px;transform-origin:top;transform:rotateX(72deg);box-shadow:0 6px 0 #829eaf}#th-home-scene .keys{position:absolute;inset:12px 19px 50px;border-radius:4px;background:repeating-linear-gradient(0deg,transparent 0 12px,#a7bdc9 12px 15px),repeating-linear-gradient(90deg,#496477 0 15px,#b0c6d0 15px 18px)}#th-home-scene .pad{position:absolute;width:72px;height:31px;border:1px solid #95acbb;border-radius:4px;left:114px;bottom:10px}#th-home-scene .book{position:absolute;width:74px;height:93px;left:-33px;top:129px;border-radius:3px 9px 9px 3px;background:#ffda26;box-shadow:5px 5px 0 #b39723,8px 8px 0 #fff1ab;transform:translateZ(55px) rotateZ(-18deg);color:#534609;font-size:12px;font-weight:700;padding:15px 9px;border-left:6px solid #c2a018}#th-home-scene .bubble{position:absolute;right:-35px;top:0;background:#e0b900;color:#fff;padding:14px 18px;border-radius:15px 15px 15px 2px;transform:translateZ(45px) rotateZ(8deg);box-shadow:4px 5px 0 #a98c12;font-size:21px}#th-home-scene .orbit{position:absolute;width:34px;height:34px;right:-15px;bottom:25px;background:#8db2ed;border-radius:9px;transform:translateZ(55px) rotateZ(20deg);color:#213b66;text-align:center;font-size:22px}#th-home-scene footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 30px 25px;font-size:12px;color:light-dark(#607686,#a6b8c9)}#th-home-scene footer button{font-size:12px}#th-home-scene .paused .float{animation-play-state:paused}@keyframes th-float{50%{transform:translateY(-13px) rotateZ(2deg)}}@media(prefers-reduced-motion:reduce){#th-home-scene .float{animation:none}}@media(max-width:650px){#th-home-scene main{grid-template-columns:1fr;padding-top:25px}#th-home-scene .stage{height:330px}#th-home-scene h1{max-width:380px}#th-home-scene header{padding:20px}#th-home-scene main{padding-left:20px;padding-right:20px}#th-home-scene footer{padding:15px 20px;flex-wrap:wrap}}
#th-home-scene{--ink:light-dark(#182e38,#eaf7f2);--paper:light-dark(#f1f7f3,#0b201d);--panel:light-dark(#ffffff,#16362e);background:radial-gradient(ellipse at 80% 40%,light-dark(#d3eee1,#16483c),transparent 60%),var(--paper);border-radius:0;position:relative}#th-home-scene header{padding:24px 38px;border-bottom:none;gap:16px}#th-home-scene .brand{font-size:23px;display:flex;align-items:center;gap:0}#th-home-scene .brand:before{content:'TH';display:grid;place-items:center;width:35px;height:35px;margin-right:9px;border-radius:11px;background:#e0b900;color:#fff;font-size:23px;box-shadow:0 4px 0 #116b5c}#th-home-scene header .tag{font-size:11px;letter-spacing:1.3px}#th-home-scene main{padding:30px 38px 35px;grid-template-columns:.93fr 1.07fr;gap:0;min-height:490px}#th-home-scene h1{font-size:clamp(39px,5.5vw,62px);letter-spacing:-3px;line-height:1.04;margin:23px 0}#th-home-scene h1 em{color:light-dark(#ffdd24,#ffdf36);position:relative}#th-home-scene h1 em:after{content:'';display:block;width:145px;height:6px;background:#e8b95c;border-radius:100%;transform:rotate(-3deg);margin-top:7px}#th-home-scene p{font-size:15px;line-height:1.8;max-width:310px}#th-home-scene .eyebrow{display:inline-flex;gap:8px;align-items:center;background:light-dark(#e0eee4,#1d4035);color:light-dark(#386350,#a9dac5);border:1px solid light-dark(#cdddce,#2e5d4c);padding:7px 12px;border-radius:30px;font-size:11px;letter-spacing:.4px}#th-home-scene .eyebrow:before{content:'';width:6px;height:6px;border-radius:50%;background:#22a57b}#th-home-scene .actions{margin-top:24px}#th-home-scene .actions button{border-radius:30px;font-size:13px;padding:13px 19px;transition:transform .2s,box-shadow .2s}#th-home-scene .actions button:first-child{background:#ffdd24;box-shadow:0 7px 18px #12644d25}#th-home-scene .actions button:hover{transform:translateY(-3px);box-shadow:0 10px 20px #12644d25}#th-home-scene .message{font-size:11px!important;margin-bottom:0}#th-home-scene .stage{height:420px;isolation:isolate}#th-home-scene .glow{inset:5% -10%;border-radius:50%;background:radial-gradient(ellipse,#5ecb9d24,transparent 66%)}#th-home-scene .world{top:46%;transform:rotateX(-9deg) rotateY(-22deg)}#th-home-scene .screen{border-color:#233c4b;box-shadow:5px 5px 0 #0a1b26,10px 15px 35px #123e3530;background:#edf6ef}#th-home-scene .bar{background:#d4e6da}#th-home-scene .base{background:linear-gradient(#9bb6a8,#dceae1);box-shadow:0 7px 0 #739689}#th-home-scene .keys{background:repeating-linear-gradient(0deg,transparent 0 12px,#a8c0b2 12px 15px),repeating-linear-gradient(90deg,#416255 0 15px,#b4cabb 15px 18px)}#th-home-scene .book{top:156px;left:-30px;transform:translateZ(70px) rotateZ(-15deg);box-shadow:5px 5px 0 #b39723,8px 8px 0 #fff1ab,13px 20px 25px #53460922}#th-home-scene .bubble{right:-24px;top:-12px;background:#ffdd24;box-shadow:4px 5px 0 #a98c12;transform:translateZ(65px) rotateZ(8deg)}#th-home-scene .orbit{right:0;bottom:10px;border-radius:50%;background:#f2d698;color:#906323;box-shadow:4px 4px 0 #caab6c}#th-home-scene .ring{position:absolute;left:50%;top:47%;width:350px;height:350px;margin:-175px;z-index:-1;border:1px solid light-dark(#9bc3ac88,#4d947966);border-radius:50%;transform:rotateX(57deg) rotateZ(-27deg)}#th-home-scene .ring:after{content:'';position:absolute;right:20px;top:50px;width:12px;height:12px;border-radius:50%;background:#deb25c;box-shadow:0 0 24px #e6bc6d88}#th-home-scene .ring.two{width:390px;height:390px;margin:-195px;transform:rotateX(40deg) rotateY(25deg) rotateZ(22deg);opacity:.55}#th-home-scene .pedestal{position:absolute;left:50%;bottom:32px;width:290px;height:60px;margin-left:-145px;background:linear-gradient(180deg,light-dark(#d7e8db,#325c4b),light-dark(#b5cdbb,#204333));border-radius:50%;box-shadow:0 12px 0 light-dark(#c0d5c6,#1c3c31),0 22px 30px #133b3020;z-index:-1}#th-home-scene .float-note{position:absolute;background:var(--panel);border:1px solid light-dark(#dbe7df,#386052);border-radius:13px;padding:11px 13px;box-shadow:0 12px 26px #103e3012;display:flex;align-items:center;gap:10px;font-size:11px;animation:th-note 6s ease-in-out infinite;z-index:2;pointer-events:none}#th-home-scene .float-note b{display:block;font-size:12px;font-weight:600}#th-home-scene .float-note small{display:block;color:light-dark(#6a7e73,#a5bfaf);font-size:10px;margin-top:2px}#th-home-scene .note-icon{display:grid;place-items:center;width:31px;height:31px;background:light-dark(#e0f2e7,#284f3f);color:light-dark(#25784e,#97d7ac);border-radius:9px}#th-home-scene .note-a{top:25px;left:0;animation-delay:-2s}#th-home-scene .note-b{bottom:39px;right:-10px;animation-delay:-4s}#th-home-scene .spark{position:absolute;color:#c6a258;font-size:24px;left:27px;bottom:85px}#th-home-scene .spark.second{left:auto;right:20px;top:55px;font-size:15px}#th-home-scene .scene-hint{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:10px;color:light-dark(#698070,#a1bbab);letter-spacing:.6px}#th-home-scene .feature-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:0 38px;padding:23px 0;border-top:1px solid light-dark(#d7e4db,#315044)}#th-home-scene .feature{display:flex;gap:12px;align-items:flex-start;font-size:12px}#th-home-scene .feature i{color:light-dark(#1a805d,#8bd8ac);flex-shrink:0;margin-top:3px}#th-home-scene .feature b{display:block;font-size:13px;margin-bottom:4px;font-weight:600}#th-home-scene .feature span{font-size:11px;color:light-dark(#657a6b,#adc4b4)}#th-home-scene footer{padding:12px 38px 20px;font-size:10px}#th-home-scene footer button{min-height:40px;font-size:11px;border-radius:30px;background:transparent;padding:8px 13px}#th-home-scene .paused .float-note{animation-play-state:paused}@keyframes th-note{50%{transform:translateY(-9px)}}@media(max-width:700px){#th-home-scene main{grid-template-columns:1fr;padding:20px 24px 25px}#th-home-scene h1{font-size:49px;max-width:440px}#th-home-scene p{max-width:390px}#th-home-scene header{padding:22px 24px}#th-home-scene .stage{height:400px;margin-top:10px}#th-home-scene .feature-strip{margin:0 24px;gap:16px}#th-home-scene footer{padding:14px 24px}#th-home-scene header .tag{display:none}}@media(max-width:420px){#th-home-scene .world{scale:.82}#th-home-scene .stage{height:350px}#th-home-scene .note-a{top:12px;left:-5px}#th-home-scene .note-b{right:-5px;bottom:22px}#th-home-scene .float-note{padding:8px;gap:6px}#th-home-scene .ring{scale:.8}#th-home-scene .feature-strip{grid-template-columns:1fr;gap:17px}#th-home-scene h1{font-size:43px}#th-home-scene .pedestal{width:240px;margin-left:-120px}#th-home-scene .ring.two{scale:.75}}@media(prefers-reduced-motion:reduce){#th-home-scene .float-note{animation:none}}


#th-home-scene .brand:before{font-size:12px;letter-spacing:-1px}
#th-home-scene .float{animation:th-cinematic 12s ease-in-out infinite}
#th-home-scene .float-note{animation:none}
#th-home-scene .book{animation:th-book 12s ease-in-out infinite}
#th-home-scene .bubble{animation:th-chat 12s ease-in-out infinite}
#th-home-scene .screen .abc{animation:th-lesson 12s ease-in-out infinite}
#th-home-scene .paused .book,#th-home-scene .paused .bubble,#th-home-scene .paused .screen .abc{animation-play-state:paused}
#th-home-scene .screen .board{position:relative;overflow:hidden}
#th-home-scene .screen .board:after{content:'';position:absolute;left:10px;bottom:18px;width:96px;height:3px;background:#ffda26;transform-origin:left;animation:th-underline 12s ease-in-out infinite}
#th-home-scene .paused .board:after{animation-play-state:paused}
@keyframes th-cinematic{0%,100%{transform:rotateY(-10deg) rotateX(0deg) rotateZ(-2deg)}25%{transform:rotateY(16deg) rotateX(5deg) rotateZ(1deg)}50%{transform:rotateY(28deg) rotateX(-4deg) rotateZ(0deg)}75%{transform:rotateY(4deg) rotateX(3deg) rotateZ(-1deg)}}
@keyframes th-book{0%,100%{transform:translate3d(0,0,70px) rotateY(-12deg) rotateZ(-15deg)}35%{transform:translate3d(-16px,-15px,100px) rotateY(30deg) rotateZ(-5deg)}65%{transform:translate3d(8px,-6px,85px) rotateY(-20deg) rotateZ(-21deg)}}
@keyframes th-chat{0%,100%{transform:translateZ(65px) rotateY(0deg) rotateZ(8deg) scale(1)}30%{transform:translate3d(5px,-4px,90px) rotateY(-15deg) rotateZ(2deg) scale(1.05)}60%{transform:translate3d(-8px,0,65px) rotateY(15deg) rotateZ(5deg) scale(1)}}
@keyframes th-lesson{0%,20%,100%{transform:translateX(0)}40%,65%{transform:translateX(6px)}}
@keyframes th-underline{0%,10%,100%{transform:scaleX(0)}30%,80%{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){#th-home-scene .float,#th-home-scene .book,#th-home-scene .bubble,#th-home-scene .screen .abc,#th-home-scene .board:after{animation:none}}

#th-home-scene .screen{border-width:7px;border-bottom-width:11px}
#th-home-scene .screen .bar{height:12px}
#th-home-scene .ec-room{font-family:system-ui,sans-serif;color:#234052;background:#edf3f5;height:150px;font-size:7px;padding:4px}
#th-home-scene .ec-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:7px}
#th-home-scene .ec-top span{background:#fff0aa;padding:1px 4px;border-radius:3px;color:#4f501c;font-variant-numeric:tabular-nums}
#th-home-scene .ec-content{display:grid;grid-template-columns:1fr 54px;gap:4px;height:91px}
#th-home-scene .ec-material{position:relative;padding:7px;background:#fff;border-radius:3px;overflow:hidden}
#th-home-scene .ec-label{font-size:6px;color:#677f88;margin-bottom:4px}
#th-home-scene .ec-material strong{font-size:9px;line-height:1.2;display:block;color:#38516a;max-width:135px}
#th-home-scene .ec-prompt{margin-top:7px;font-size:8px;display:inline-block;background:#fff0ba;padding:2px 4px;position:relative}
#th-home-scene .ec-prompt:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:#db5353;transform-origin:left;animation:th-underline 12s ease-in-out infinite}
#th-home-scene .ec-line{height:3px;background:#dfe9ed;width:75%;margin-top:5px;border-radius:2px}#th-home-scene .ec-line.short{width:48%;margin-top:3px}
#th-home-scene .ec-page{position:absolute;bottom:4px;left:7px;color:#70818a;font-size:5px}
#th-home-scene .ec-people{display:grid;grid-template-rows:1fr 1fr;gap:4px}
#th-home-scene .ec-tile{position:relative;background:#e6d786;border-radius:3px;overflow:hidden}
#th-home-scene .ec-tile .person{width:15px;height:15px;margin:5px auto 0;box-shadow:0 -3px 0 #4c342e}
#th-home-scene .ec-tile .person:after{width:27px;height:20px;left:-6px;top:13px}
#th-home-scene .ec-tile span{position:absolute;bottom:1px;left:3px;font-size:5px;color:white;background:#214b45;padding:0 2px;border-radius:2px}
#th-home-scene .student{background:#d4e0ef}#th-home-scene .student .person:after{background:#6c83b3}
#th-home-scene .ec-chat{background:#fff;margin-top:4px;padding:3px;border-radius:2px;font-size:6px}#th-home-scene .ec-chat span{margin-left:7px;color:#637783}
#th-home-scene .ec-tools{display:flex;justify-content:center;gap:6px;padding-top:4px;font-size:5px}#th-home-scene .ec-tools span{padding:2px 3px;border-radius:2px;background:#dbe5e9}#th-home-scene .ec-tools .ec-active{background:#34546b;color:#fff}#th-home-scene .ec-tools .ec-end{background:#b94d4d;color:#fff}
#th-home-scene .paused .ec-prompt:after{animation-play-state:paused}@media(prefers-reduced-motion:reduce){#th-home-scene .ec-prompt:after{animation:none}}

#th-home-scene{--ink:#f7fafc;--paper:#102733;--panel:#203945;color-scheme:dark;background:radial-gradient(ellipse at 78% 44%,#36505d 0,transparent 58%),linear-gradient(120deg,#0c202d,#203b48);color:var(--ink)}
#th-home-scene header{background:#e3e9ec;color:#172f3e;padding:20px 32px;border-bottom:1px solid #cdd9df}
#th-home-scene .brand span{color:#b99b00}#th-home-scene .brand:before{background:#ffdd24;color:#172c3b;box-shadow:0 3px 0 #bca020}
#th-home-scene header .tag{color:#425a68}
#th-home-scene .eyebrow{color:#ffe45b;background:#273f44;border-color:#6f713b;font-weight:600;letter-spacing:1.5px}
#th-home-scene .eyebrow:before{background:#ffdd24;box-shadow:0 0 0 4px #ffdd2418}
#th-home-scene h1 em{color:#ffdd24}#th-home-scene h1 em:after{background:#ffdd24}
#th-home-scene p{color:#d5dfe4}
#th-home-scene .actions button{background:transparent;border-color:#9daeb7;color:#f7fafc}
#th-home-scene .actions button:first-child{background:#ffdd24;color:#132a37;border-color:#ffdd24;box-shadow:0 7px 23px #ffdd2425}
#th-home-scene .glow{background:radial-gradient(ellipse,#ffdd2417,transparent 67%)}
#th-home-scene .ring{border-color:#e8ce4b45}#th-home-scene .ring:after{background:#ffdd24;box-shadow:0 0 24px #ffdd2466}
#th-home-scene .pedestal{background:linear-gradient(#526773,#304854);box-shadow:0 12px 0 #213945,0 22px 30px #0004}
#th-home-scene .float-note{background:#172f3b;border-color:#bda72b;color:#fff}#th-home-scene .float-note small{color:#c5d3d9}
#th-home-scene .bubble{background:#ffdd24;color:#172b36;box-shadow:4px 5px 0 #a28c1d}
#th-home-scene .base{background:linear-gradient(#839ca9,#d2dfe5);box-shadow:0 7px 0 #698391}
#th-home-scene .keys{background:repeating-linear-gradient(0deg,transparent 0 12px,#a8bdc9 12px 15px),repeating-linear-gradient(90deg,#354e5d 0 15px,#b4c8d3 15px 18px)}
#th-home-scene .scene-hint,#th-home-scene footer{color:#c1cfd5}
#th-home-scene footer button{color:#edf4f7;border-color:#5b7380}
#th-home-scene .feature-strip{border-top-color:#49616c}#th-home-scene .feature i{color:#ffdd24}#th-home-scene .feature span{color:#beccd3}

#th-home-scene{color-scheme:light;background:transparent!important;border-radius:0;overflow:visible;width:100%;min-width:0;--panel:#172f3b;--ink:#fff}#th-home-scene .stage{height:440px;margin:0;overflow:hidden}#th-home-scene .scene-controls{display:flex;justify-content:center;gap:8px;padding:0 12px 10px}#th-home-scene .scene-controls button{background:#173845;border:1px solid #8297a2;color:#fff;font-size:12px;padding:8px 12px;border-radius:8px}#th-home-scene.paused :is(.float,.book,.bubble,.abc){animation-play-state:paused!important}@media(max-width:430px){#th-home-scene .stage{height:360px}#th-home-scene .world{scale:.78}#th-home-scene .float-note{max-width:155px;font-size:10px}}@media(prefers-reduced-motion:reduce){#th-home-scene *{animation:none!important;transition:none!important}}
.home-demo-callout{padding:56px 20px;background:#112c39;color:#eef5f8}.home-demo-callout .demo-callout-inner{max-width:1100px;margin:auto;display:flex;gap:28px;align-items:center;justify-content:space-between}.home-demo-callout h2{color:#fff!important;font-size:clamp(24px,3vw,34px);margin:8px 0 12px}.home-demo-callout p{max-width:660px;color:#c5d7df!important;line-height:1.7;margin:0}.home-demo-callout .demo-eyebrow{color:#ffda27;font-size:12px;font-weight:700;letter-spacing:.1em}.home-demo-callout .demo-open-link{display:inline-flex;gap:8px;align-items:center;justify-content:center;background:#ffda27;color:#142c38!important;padding:14px 20px;border-radius:11px;font-weight:700;white-space:nowrap;text-decoration:none}.home-demo-callout .demo-note{font-size:12px;margin-top:12px;color:#aabfc9!important}@media(max-width:700px){.home-demo-callout .demo-callout-inner{align-items:flex-start;flex-direction:column}}

body#page-top[data-role='guest'] .hero-visual{display:block!important;min-width:0;max-width:100%}body#page-top .hero-visual #th-home-scene{width:100%}@media(max-width:700px){body#page-top .hero-visual{margin-top:16px;min-height:0!important}}

#th-home-scene .note-b{right:8px}#th-home-scene .note-a{left:8px}