/* TIIS 3.40.0 — scoped additions; existing brand, cursor and controls retained. */
.t340{--e-blue:#2455ed;--e-ink:#10112b;--e-muted:#626779;--e-line:#e0e5ef;color:var(--e-ink);font:inherit}
.t340-wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}
.t340-section{padding-block:clamp(48px,7vw,100px);scroll-margin-top:120px}
.t340-kicker{display:block;color:var(--e-blue);font-size:12px;letter-spacing:.12em;font-weight:500;line-height:1.7;margin-bottom:18px}
html:lang(th) .t340-kicker,html:lang(ko) .t340-kicker{letter-spacing:.02em}
.t340 h1{font-size:clamp(36px,4.6vw,68px);line-height:1.24;font-weight:500;letter-spacing:-.035em;max-width:15em;text-wrap:balance}
.t340 h2{font-size:clamp(29px,3.3vw,46px);line-height:1.3;font-weight:500;letter-spacing:-.025em;text-wrap:balance}
.t340 h3{font-size:clamp(22px,2.1vw,29px);line-height:1.4;font-weight:500;letter-spacing:-.015em;text-wrap:balance}
.t340 p{line-height:1.85;color:var(--e-muted);max-width:70ch}
.t340 :is(h1,h2,h3,p,li,a){overflow-wrap:anywhere}
html:lang(ko) .t340 :is(h1,h2,h3,p,li){word-break:keep-all;overflow-wrap:anywhere}
.t340-lead{font-size:clamp(17px,1.55vw,21px);margin-top:28px}
.t340-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(28px,5vw,76px);align-items:center}
.t340-hero{position:relative;isolation:isolate;padding-top:clamp(32px,5vw,72px);padding-bottom:clamp(50px,6vw,84px);overflow:hidden;background:linear-gradient(180deg,#fff 15%,#f9faff)}
.t340-crumb{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--e-muted);margin-bottom:44px}
.t340-crumb a:hover{text-decoration:underline;text-underline-offset:4px}
.t340-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px 24px;margin-top:30px}
.t340-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;background:var(--e-ink);color:white!important;border:1px solid var(--e-ink);border-radius:100px;padding:14px 25px;min-height:48px;font-size:15px;line-height:1.7;transition:background .18s,transform .18s;max-width:100%;text-align:start}
.t340-btn:hover{background:var(--e-blue);border-color:var(--e-blue);transform:translateY(-2px)}
.t340-btn span:last-child{font-size:20px;flex-shrink:0}
.t340-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:var(--e-blue);font-size:15px;border-bottom:1px solid transparent}
.t340-link:hover{border-color:currentColor}
.t340-status{margin-top:34px;padding:18px 22px;border-inline-start:3px solid #91a9f5;background:#f0f4fc;border-radius:0 14px 14px 0;font-size:13px;line-height:1.85}
.t340-status strong{display:block;font-weight:500;margin-bottom:4px;color:var(--e-ink)}
.t340-status p{font-size:inherit}
.t340-logo{display:block;position:relative;width:clamp(150px,15vw,230px);aspect-ratio:1915/615;overflow:hidden}
.t340-logo img{position:absolute;max-width:none;width:100.2611%;height:auto;left:-.2611%;top:-28.1301%}
.t340-visual{position:relative;isolation:isolate;min-width:0}
.t340-visual:before{content:"";position:absolute;inset:2% -10%;z-index:-1;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse at 65% 35%,#d2c6fa80,transparent 58%),radial-gradient(ellipse at 25% 65%,#afd9ff90,transparent 64%)}
.t340-orb{position:absolute;z-index:-1;pointer-events:none;width:92%;max-width:540px;inset:2% 4% auto;opacity:.55;animation:t340-orbit 42s linear infinite;contain:layout style}
@keyframes t340-orbit{to{transform:rotate(360deg)}}
.t340-system{padding:30px;position:relative;background:#ffffffee;border:1px solid #dce5f6;border-radius:24px;box-shadow:0 20px 70px #405fa71a;transform:rotate(-2deg);margin:25px 0 35px}
.t340-system .t340-logo{width:130px}
.t340-system-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:20px;border-bottom:1px solid var(--e-line)}
.t340-system-head small{color:var(--e-muted);font-size:10px;letter-spacing:.09em;text-align:right;max-width:140px}
.t340-flow{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:0}
.t340-flow li{display:flex;gap:16px;padding:17px 0;border-bottom:1px solid var(--e-line);align-items:flex-start}
.t340-flow b{font-weight:400;color:var(--e-blue);font-size:12px;padding-top:5px}
.t340-flow strong{font-size:17px;font-weight:500;display:block}
.t340-flow small{font-size:12px;line-height:1.65;display:block;color:var(--e-muted);margin-top:5px}
.t340-system-note{font-size:11px;margin-top:18px!important}
.t340-tino-stage{min-height:420px;display:flex;align-items:flex-end;justify-content:center;padding:30px 12px 0}
.t340-mascot{width:68%;max-width:310px;height:auto;object-fit:contain;filter:drop-shadow(0 18px 22px #3455b323)}
.t340-chip{position:absolute;inset:30px auto auto 0;max-width:58%;padding:12px 18px;font-size:12px;background:#fff;border:1px solid #dce4f5;border-radius:16px;box-shadow:0 15px 35px #1928640d;color:var(--e-ink)}
.t340-spark{position:absolute;right:8%;top:25%;color:var(--e-blue);font-size:38px;animation:t340-spark 5s ease-in-out infinite}
@keyframes t340-spark{50%{transform:scale(.85) rotate(12deg);opacity:.5}}
.t340-photo{position:relative;overflow:hidden;border-radius:26px 26px 72px 26px;background:#eef2fa}
.t340-photo img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.t340-photo-tag{position:absolute;inset:auto 20px 20px auto;max-width:calc(100% - 40px);padding:10px 18px;background:#fffefc;border-radius:40px;font-size:12px;color:var(--e-ink)}
.t340-caption{font-size:11px;line-height:1.7;margin-top:10px}
.t340-header{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);align-items:end;gap:40px;margin-bottom:38px}
.t340-header>p{font-size:17px}
.t340-steps{counter-reset:step;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin:35px 0 0;padding:0;list-style:none}
.t340-steps li{padding:28px 0 0;border-top:1px solid #cfd8ee;position:relative}
.t340-steps li:before{counter-increment:step;content:"0" counter(step);display:block;color:var(--e-blue);font-size:14px;margin-bottom:20px}
.t340-steps h3{font-size:22px;margin-bottom:12px}
.t340-steps p{font-size:15px}
.t340-steps.five{grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}
.t340-steps.five h3{font-size:20px}
.t340-workspace{background:#f6f8fc;border-radius:28px;padding:clamp(24px,4vw,48px)}
.t340-tabbar{display:flex;gap:8px;padding-bottom:18px;margin-bottom:30px;border-bottom:1px solid #dfe5f0;overflow-x:auto;scrollbar-width:thin;scroll-padding:12px}
.t340-tabbar button{background:transparent;flex:0 0 auto;border:1px solid #d5ddef;border-radius:30px;padding:10px 18px;min-height:44px;font-size:14px;white-space:nowrap;transition:background .16s}
.t340-tabbar button:hover{background:#e9effc}
.t340-tabbar button[aria-selected="true"]{background:var(--e-blue);border-color:var(--e-blue);color:white}
.t340-panel{padding-block:16px}
.t340-panel+.t340-panel{border-top:1px solid var(--e-line)}
.t340-enhanced .t340-panel+.t340-panel{border-top:0}
.t340-panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:start}
.t340-panel h3{margin-bottom:16px}
.t340-panel p{font-size:16px}
.t340-checks{list-style:none;padding:0;margin:0;display:grid;gap:18px}
.t340-checks li{position:relative;padding-left:30px;font-size:15px;line-height:1.8}
.t340-checks li:before{content:"↗";position:absolute;left:0;top:0;color:var(--e-blue)}
.t340-scenario{border-block:1px solid var(--e-line);padding-block:38px;display:grid;grid-template-columns:.8fr 1.2fr;gap:50px}
.t340-scenario p{font-size:17px}
.t340-demo-note{display:block;font-size:11px;color:#73798a;margin-top:24px}
.t340-faq details{border-bottom:1px solid var(--e-line);padding-block:20px}
.t340-faq summary{cursor:pointer;display:flex;justify-content:space-between;gap:24px;font-size:18px;line-height:1.65;list-style:none}
.t340-faq summary::-webkit-details-marker{display:none}
.t340-faq summary:after{content:"+";color:var(--e-blue);font-size:23px;flex-shrink:0}
.t340-faq details[open] summary:after{content:"−"}
.t340-faq details p{margin-top:16px;font-size:16px;max-width:80ch}
.t340-home{padding-block:clamp(50px,6vw,90px)}
.t340-home-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:40px}
.t340-story{border:1px solid var(--e-line);padding:clamp(24px,3vw,38px);border-radius:26px;overflow:hidden;position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;gap:20px;background:linear-gradient(130deg,#f9fbff,#fff)}
.t340-story h3{font-size:clamp(26px,2.7vw,38px)}
.t340-story p{font-size:16px}
.t340-story .t340-link{margin-top:auto}
.t340-story-brand{display:flex;width:100%;align-items:center;justify-content:space-between;min-height:70px;gap:20px}
.t340-story-brand strong{font-size:24px;font-weight:500;letter-spacing:-.02em}
.t340-story-num{font-size:12px;color:#6f7fa5}
.t340-story.tino{padding-right:clamp(100px,12vw,170px);background:linear-gradient(145deg,#f7faff,#efeffc)}
.t340-story.tino .t340-mini-mascot{position:absolute;bottom:70px;right:-3%;width:39%;max-width:200px;z-index:-1;pointer-events:none}
.t340-story .t340-logo{width:160px}
.t340-story.tino .t340-link{max-width:100%}
.t340-inline-hr{padding:26px 0 0;border-top:1px solid var(--e-line);margin-top:30px;display:flex;gap:30px;justify-content:space-between;align-items:center}
.t340-inline-hr p{font-size:15px;max-width:72ch}
.t340-inline-hr strong{color:var(--e-ink)}
.t340-bridge{margin-block:30px 55px;border:1px solid var(--e-line);padding:30px;border-radius:22px;background:#f9faff}
.t340-bridge h2{font-size:27px}
.t340-related{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}
.t340-related a{display:inline-flex;gap:25px;border-bottom:1px solid #c9d4ef;padding:11px 0;margin-right:24px;min-height:44px;font-size:16px}
.t340-related a:hover{color:var(--e-blue);border-color:var(--e-blue)}
.t340-cta{position:relative;overflow:hidden;background:#090d3c;color:#fff;border-radius:30px;padding:clamp(28px,5vw,62px);isolation:isolate}
.t340-cta h2{max-width:17em}.t340-cta p{color:#c8cfe7;margin-top:22px}.t340-cta .t340-kicker{color:#b6c9ff}.t340-cta .t340-btn{background:#fff;color:#11132a!important;border-color:#fff}.t340-cta .t340-link{color:#c3d1ff}.t340-cta .t340-orb{inset:5% -30% auto auto;width:70%;opacity:.22}
.t340-groups{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:26px 0 0}
.t340-groups li{font-size:13px;line-height:1.7;border:1px solid #cdd8f1;border-radius:25px;padding:9px 16px;background:#f8faff}
.t340-provenance{padding-top:28px;border-top:1px solid var(--e-line)}
.t340-provenance p{font-size:13px}.t340-provenance a{font-size:13px}
.t340-menu-links{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:4px 20px;padding:12px 0 16px;border-bottom:1px solid #e0e5ef;margin-bottom:8px}
.t340-menu-links strong{width:100%;font-size:12px;color:#6a7192;font-weight:500;line-height:1.7;margin-bottom:5px}
.t340-menu-links a{font-size:13px;min-height:36px;display:inline-flex;align-items:center;line-height:1.5;color:#2455ed}
.t340-menu-links a:hover{text-decoration:underline;text-underline-offset:4px}
.t340-footer-links{display:flex;flex-wrap:wrap;gap:12px 24px;grid-column:1/-1;margin-top:18px;padding-top:18px;border-top:1px solid #ffffff26;font-size:13px}
.t340-footer-links a{display:inline-flex;align-items:center;min-height:44px}
.t340-review-note{font-size:12px;color:var(--e-muted);margin-top:18px}
@media(max-width:1000px){.t340-steps.five{grid-template-columns:repeat(3,minmax(0,1fr))}.t340-grid{gap:30px}.t340-tino-stage{min-height:340px}.t340-chip{inset:5px auto auto 0}.t340-system{padding:24px}}
@media(max-width:760px){.t340-wrap{width:calc(100% - 40px)}.t340-grid,.t340-header,.t340-panel-grid,.t340-scenario{grid-template-columns:1fr;gap:26px}.t340-hero{padding-top:25px}.t340-crumb{margin-bottom:30px;font-size:12px}.t340 h1{font-size:clamp(34px,7.9vw,49px);line-height:1.32;letter-spacing:-.025em}.t340-lead{margin-top:22px;font-size:17px}.t340-hero .t340-visual{width:100%;max-width:520px;margin-inline:auto}.t340-status{margin-top:24px}.t340-home-grid{gap:18px}.t340-home-grid{grid-template-columns:1fr}.t340-story{padding:26px}.t340-story.tino{padding-right:35%}.t340-story.tino .t340-mini-mascot{width:35%;right:-1%;bottom:50px}.t340-story h3{font-size:29px}.t340-steps,.t340-steps.five{grid-template-columns:1fr;gap:22px}.t340-steps li{padding:20px 0 0 46px}.t340-steps li:before{position:absolute;left:0;top:21px}.t340-steps h3{margin-bottom:7px}.t340-inline-hr{align-items:flex-start;flex-direction:column;gap:10px}.t340-tabs-section{padding-top:20px}.t340-panel-grid{gap:22px}.t340-tabbar{margin-inline:-8px;padding-inline:8px;gap:7px}.t340-tabbar button{padding:10px 15px;font-size:13px}.t340-workspace{border-radius:22px;padding:24px 20px}.t340-scenario{gap:20px;padding-block:30px}.t340-actions{gap:12px 20px}.t340-hero .t340-logo{width:180px}.t340-system .t340-logo{width:135px}.t340-photo img{aspect-ratio:4/3}.t340-tino-stage{min-height:370px}.t340-mascot{width:62%;max-width:270px}.t340-bridge{padding:24px}.t340-caption{font-size:11px}.t340-menu-links{padding:10px 0 15px}.t340-menu-links a{min-height:44px}.t340-provenance{padding-bottom:35px}}
@media(max-width:380px){.t340-wrap{width:calc(100% - 32px)}.t340-story.tino{padding-right:26px;padding-bottom:145px}.t340-story.tino .t340-mini-mascot{width:115px;right:10px;bottom:0}.t340-story h3{font-size:27px}.t340-btn{padding:12px 20px}.t340-chip{max-width:70%}}
@media(prefers-reduced-motion:reduce){.t340 *, .t340 *:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}.t340-btn:hover{transform:none}.t340-system{transform:none}}