.ths-home-hero{--navy:#20254f;--orange:var(--color-1,#f58023);--peach:#fff1e3;--blue:#528efa;--purple:#a695e7;--mint:#69cbae;background:#fff;color:var(--navy);font-family:Poppins,Arial,sans-serif;line-height:1.5;container-type:inline-size;overflow:hidden;color-scheme:light}
.ths-home-hero *{box-sizing:border-box}.ths-home-hero [hidden]{display:none!important}.ths-home-hero button,.ths-home-hero a{font:inherit}.ths-home-hero button:focus-visible,.ths-home-hero a:focus-visible{outline:3px solid #528efa;outline-offset:4px}



.ths-home-hero .tc-hero{display:grid;grid-template-columns:1.03fr 1fr;gap:20px;align-items:center;padding:55px 32px 35px;background:linear-gradient(112deg,#fff 42%,#fffaf4);min-height:555px}
.ths-home-hero h1{font-size:clamp(35px,4.65cqw,51px);font-weight:700;line-height:1.15;letter-spacing:-1.6px;margin:0 0 23px;color:var(--navy)}.ths-home-hero h1 span{color:#dd7413}.ths-home-hero .tc-description{color:#55586b;font-size:15px;line-height:1.8;margin:0 0 27px;max-width:410px}
.ths-home-hero .tc-cta{display:inline-flex;background:var(--orange);color:#20254f;padding:14px 25px;border-radius:8px;text-decoration:none;font-size:14px;font-weight:600;gap:18px;align-items:center}.ths-home-hero .tc-tags{font-size:12px;color:#62657a;margin-top:26px;line-height:1.9}
.ths-home-hero .tc-art{min-width:0}.ths-home-hero .tc-stage{height:345px;position:relative;isolation:isolate;perspective:1000px}.ths-home-hero .tc-backdrop{position:absolute;width:88%;height:88%;top:5%;left:6%;border-radius:47% 53% 39% 61%/53% 42% 58% 47%;background:#ffe7cd;transition:background .4s, border-radius .8s;transform:rotate(-9deg)}
.ths-home-hero[data-mode=rescue] .tc-backdrop{background:#e7edf9;border-radius:33% 67% 50% 50%/48% 34% 66% 52%}.ths-home-hero[data-mode=automate] .tc-backdrop{background:#f0e8fa;border-radius:58% 42% 63% 37%/43% 62% 38% 57%}
.ths-home-hero .tc-scene{position:absolute;inset:0;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .3s ease-out}.ths-home-hero .tc-float{position:absolute;border-radius:13px;box-shadow:0 10px 22px #22254f14;display:flex;align-items:center;justify-content:center;font-weight:600}.ths-home-hero .tc-float :is(i,svg){width:26px;height:26px}
.ths-home-hero .tc-build-window{position:absolute;left:11%;top:58px;width:77%;height:221px;background:#fff;border:2px solid var(--navy);border-radius:12px;box-shadow:9px 11px 0 #20254f;transform:rotate(-5deg)}.ths-home-hero .tc-browserbar{height:29px;border-bottom:2px solid var(--navy);display:flex;gap:5px;padding:10px 12px}.ths-home-hero .tc-browserbar b{width:5px;height:5px;border-radius:50%;background:var(--navy)}
.ths-home-hero .tc-web-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:10px;padding:16px}.ths-home-hero .tc-web-copy{padding:9px 0;font-size:20px;line-height:1.15;font-weight:700}.ths-home-hero .tc-web-copy span{display:block;font-size:11px;font-weight:400;margin:9px 0;line-height:1.4}.ths-home-hero .tc-web-button{background:var(--orange);height:15px;width:58px;border-radius:3px}
.ths-home-hero .tc-web-art{height:96px;background:var(--purple);border-radius:7px;position:relative;overflow:hidden}.ths-home-hero .tc-web-art:before{content:'';position:absolute;border-radius:50%;background:#ffbe64;width:73px;height:73px;left:18px;top:15px}.ths-home-hero .tc-web-art:after{content:'';position:absolute;background:var(--blue);width:65px;height:70px;left:56px;top:45px;transform:rotate(-24deg);border-radius:10px}
.ths-home-hero .tc-web-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;grid-column:1/-1}.ths-home-hero .tc-web-tiles div{height:42px;border-radius:5px;background:#c3eadc;display:grid;place-items:center}.ths-home-hero .tc-web-tiles div:nth-child(2){background:#d5dffb}.ths-home-hero .tc-web-tiles div:nth-child(3){background:#ffdfb5}.ths-home-hero .tc-web-tiles :is(i,svg){width:20px;height:20px}
.ths-home-hero .tc-code{left:0;top:31px;width:63px;height:62px;background:var(--orange);color:var(--navy);transform:rotate(-12deg);font-size:23px}.ths-home-hero .tc-design{right:0;top:8px;width:66px;height:66px;background:var(--purple);transform:rotate(13deg)}.ths-home-hero .tc-mobile{position:absolute;right:0;bottom:23px;width:73px;height:129px;background:var(--navy);padding:6px;transform:rotate(8deg);border-radius:15px}.ths-home-hero .tc-mobile-inner{height:100%;background:#fff;border-radius:10px;padding:13px 6px}.ths-home-hero .tc-mobile-art{height:45px;background:var(--mint);border-radius:6px;margin:6px 0}.ths-home-hero .tc-mobile-line{height:5px;width:70%;background:var(--orange);border-radius:3px;margin-bottom:6px}.ths-home-hero .tc-mobile-line:last-child{background:#c6c9da;width:90%}
.ths-home-hero .tc-result{position:absolute;bottom:5px;left:17%;background:#fff;border:1px solid #e9e5de;box-shadow:0 5px 20px #20254f10;border-radius:25px;padding:10px 15px;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--navy);white-space:nowrap}.ths-home-hero .tc-result :is(i,svg){color:#268168;width:17px;height:17px}
.ths-home-hero .tc-repair-node{position:absolute;top:119px;width:92px;height:101px;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;border:2px solid var(--navy);box-shadow:5px 6px 0 var(--navy);font-size:12px;font-weight:600;background:#fff}.ths-home-hero .tc-repair-node :is(i,svg){width:32px;height:32px}.ths-home-hero .tc-repair-node.one{left:1%;background:#b6d1ff}.ths-home-hero .tc-repair-node.two{left:calc(50% - 46px);background:#ffca86}.ths-home-hero .tc-repair-node.three{right:1%;background:#b7e7d6}
.ths-home-hero .tc-wires{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible}.ths-home-hero .tc-wires path{fill:none;stroke:var(--orange);stroke-width:4;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:0}.ths-home-hero .tc-repair-label{position:absolute;top:44px;left:15%;right:15%;font-weight:600;font-size:18px;text-align:center}.ths-home-hero .tc-scan{position:absolute;left:0;top:94px;width:4px;height:153px;background:var(--orange);box-shadow:0 0 28px 12px #ff90292b;border-radius:4px;opacity:0}.ths-home-hero .tc-patch{position:absolute;right:9%;top:55px;background:var(--purple);padding:10px;border-radius:13px;transform:rotate(12deg);box-shadow:4px 5px 0 var(--navy)}.ths-home-hero .tc-patch :is(i,svg){width:24px;height:24px}
.ths-home-hero .tc-incoming{position:absolute;top:75px;left:0;width:100px;height:163px}.ths-home-hero .tc-paper{position:absolute;width:90px;height:55px;border-radius:8px;background:#fff;box-shadow:0 4px 13px #20254f15;border:1px solid #ded8eb;display:flex;align-items:center;gap:7px;padding:8px;font-size:11px}.ths-home-hero .tc-paper :is(i,svg){width:16px;height:16px;color:#7260af}.ths-home-hero .tc-paper:nth-child(1){top:0;transform:rotate(-9deg)}.ths-home-hero .tc-paper:nth-child(2){top:54px;left:8px;transform:rotate(5deg)}.ths-home-hero .tc-paper:nth-child(3){top:108px;transform:rotate(-4deg)}
.ths-home-hero .tc-engine{position:absolute;left:calc(50% - 54px);top:110px;height:108px;width:108px;border-radius:26px;background:var(--orange);border:2px solid var(--navy);box-shadow:6px 7px 0 var(--navy);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;font-size:13px;font-weight:600;z-index:2}.ths-home-hero .tc-engine :is(i,svg){width:34px;height:34px}
.ths-home-hero .tc-output{position:absolute;right:0;top:92px;width:105px;background:#fff;padding:13px 10px;border:2px solid var(--navy);box-shadow:5px 6px 0 var(--navy);border-radius:11px;font-size:11px;z-index:2}.ths-home-hero .tc-output strong{display:block;margin-bottom:11px;font-size:12px}.ths-home-hero .tc-output span{display:block;padding:7px 0;color:#316d60;border-top:1px solid #e8edf0}.ths-home-hero .tc-output span:last-child{color:var(--navy);font-size:10px}
.ths-home-hero .tc-packet{position:absolute;left:21%;top:156px;width:12px;height:12px;border-radius:4px;background:var(--orange);opacity:0}.ths-home-hero .tc-auto-label{position:absolute;top:29px;left:0;right:0;text-align:center;font-size:17px;font-weight:600}.ths-home-hero .tc-track{position:absolute;top:163px;left:20%;right:18%;height:3px;background:#cec1e7}
.ths-home-hero .tc-selector{display:flex;justify-content:center;gap:8px;margin-top:20px}.ths-home-hero .tc-selector button{background:#fff;border:1px solid #e3e1e9;border-radius:30px;padding:10px 14px;color:var(--navy);font-size:12px;font-weight:500;display:flex;align-items:center;gap:6px;min-height:43px}.ths-home-hero .tc-selector button[aria-pressed=true]{background:var(--navy);color:#fff;border-color:var(--navy)}.ths-home-hero .tc-selector :is(i,svg){width:14px;height:14px}.ths-home-hero .tc-playback{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:13px 4px 0;font-size:11px;color:#65677b}.ths-home-hero .tc-playback button{background:none;border:0;padding:7px 2px;font-size:11px;color:#555870}.ths-home-hero .tc-playback>div{display:flex;gap:12px}
@container(max-width:780px){.ths-home-hero .tc-hero{grid-template-columns:1fr;gap:35px;padding:36px 26px 28px}.ths-home-hero h1{font-size:40px;max-width:590px}.ths-home-hero .tc-description{max-width:580px}.ths-home-hero .tc-art{width:100%;max-width:470px;margin:auto}.ths-home-hero .tc-stage{height:355px}.ths-home-hero .tc-tags{margin-top:20px}}
@container(max-width:420px){.ths-home-hero .tc-hero{padding:28px 18px 24px}.ths-home-hero h1{font-size:34px;letter-spacing:-1px}.ths-home-hero .tc-description{font-size:14px}.ths-home-hero .tc-stage{height:326px}.ths-home-hero .tc-build-window{left:7%;width:84%;height:213px}.ths-home-hero .tc-web-layout{padding:12px;gap:8px}.ths-home-hero .tc-web-copy{font-size:17px}.ths-home-hero .tc-web-copy span{font-size:11px}.ths-home-hero .tc-design{width:47px;height:47px;top:8px}.ths-home-hero .tc-code{width:46px;height:46px;top:24px}.ths-home-hero .tc-mobile{width:59px;height:109px;bottom:22px}.ths-home-hero .tc-mobile-art{height:32px}.ths-home-hero .tc-result{left:5%;padding:9px 12px;font-size:11px}.ths-home-hero .tc-repair-node{width:72px;height:92px;font-size:11px}.ths-home-hero .tc-repair-node.two{left:calc(50% - 36px)}.ths-home-hero .tc-repair-label{font-size:16px;left:0;right:0}.ths-home-hero .tc-patch{right:5%;top:68px;padding:7px}.ths-home-hero .tc-patch :is(i,svg){width:19px;height:19px}.ths-home-hero .tc-incoming{width:76px}.ths-home-hero .tc-paper{width:72px;padding:7px 4px;gap:4px;font-size:11px}.ths-home-hero .tc-paper:nth-child(2){left:0}.ths-home-hero .tc-engine{width:77px;height:90px;left:calc(50% - 38px);top:119px;border-radius:18px;font-size:11px}.ths-home-hero .tc-output{width:79px;padding:10px 6px;font-size:11px}.ths-home-hero .tc-output strong{font-size:11px}.ths-home-hero .tc-output span:last-child{font-size:11px}.ths-home-hero .tc-selector{gap:5px}.ths-home-hero .tc-selector button{padding:10px;font-size:11px}.ths-home-hero .tc-playback{font-size:11px}.ths-home-hero .tc-playback button{min-height:44px}}
@media(prefers-reduced-motion:reduce){.ths-home-hero *{transition:none!important}}

/* Integration: bounded to this block; no changes to the site header or other blocks. */
.ths-home-hero { padding:0; margin:0; width:100%; }
.ths-home-hero .tc-hero { max-width:1200px; margin:0 auto; padding:64px 30px 48px; }
.ths-home-hero .tc-cta { color:#fff; text-decoration:none; }
.ths-home-hero .tc-cta:hover { filter:brightness(.95); }
.ths-home-hero .tc-ctas { display:flex; flex-wrap:wrap; align-items:center; gap:16px; }
.ths-home-hero .tc-secondary { color:var(--navy); font-size:14px; }
.ths-home-hero button { cursor:pointer; }
.ths-home-hero svg { display:inline-block; flex-shrink:0; }
.ths-home-hero .tc-playback { flex-wrap:wrap; }
.ths-home-hero .tc-playback > div { margin-left:auto; }
@container(max-width:780px) { .ths-home-hero .tc-hero { padding:38px 24px 28px; } }
@container(max-width:420px) { .ths-home-hero .tc-hero { padding:28px 18px 24px; } }