/* Product scenes only; Trace Logos tokens are inherited unchanged. */
.th-landing{font-family:var(--sans);overflow:hidden;color:var(--text-1)}.th-landing *{box-sizing:border-box;min-width:0}.th-landing :is(button,input,a,summary):focus-visible,.th-skip:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.th-landing button{font:inherit;cursor:pointer}.th-landing h1,.th-landing h2:not(.faq-title),.th-landing p:not(.faq-a){margin:0}.th-landing h1,.th-landing h2:not(.faq-title){color:var(--text-0);font-weight:600;letter-spacing:-.065em;line-height:.98}.th-landing h2:not(.faq-title){font-size:clamp(40px,5.5vw,80px)}.th-landing p:not(.faq-a){font-size:18px;line-height:1.6;color:var(--text-2);max-width:600px}.th-landing h1 span,.th-landing h2:not(.faq-title) span{color:var(--accent)}.th-section{max-width:1240px;margin:auto;padding:140px 60px;position:relative}.th-section-heading{margin-bottom:64px}.th-section-heading p{margin-top:24px}.th-note{display:block;font:11px/1.6 var(--mono);color:var(--text-2);margin-top:24px}.th-skip{position:fixed;top:8px;left:8px;z-index:1000;transform:translateY(-160%);background:var(--bg-card);color:var(--text-0);padding:12px 20px}.th-skip:focus{transform:none}.th-hero{max-width:1440px;margin:auto;position:relative;padding:84px 60px 0}.th-hero-copy{position:relative;z-index:2;text-align:center}.th-product{font:12px/1.5 var(--mono)!important;max-width:none!important;margin-bottom:24px!important}.th-landing h1{font-size:clamp(48px,8vw,112px)}.th-hero-copy>p:not(.th-product){margin:28px auto;max-width:610px}
.th-editor{position:relative;margin:70px auto -85px;max-width:1180px;background:var(--bg-card);border:1px solid var(--border-bold);border-radius:18px;overflow:hidden;transform:perspective(1800px) rotateX(6deg) rotateZ(-2deg);box-shadow:0 50px 100px var(--accent-dim);z-index:3}.th-topbar{display:flex;gap:18px;align-items:center;background:var(--bg-raised);padding:16px 24px;border-bottom:1px solid var(--border-base);font-size:12px;color:var(--text-2)}.th-tilda{font-size:22px;color:var(--text-0);border:1px solid var(--border-bold);border-radius:50%;width:34px;height:34px;text-align:center;line-height:32px}.th-top-actions{margin-left:auto;font-size:18px;color:var(--text-2)}.th-publish{padding:8px 12px;border:1px solid var(--border-bold);border-radius:4px;color:var(--text-1)}.th-editor-content{display:grid;grid-template-columns:1.9fr 1fr;gap:22px;padding:28px}.th-record{border:1px solid var(--border-base)}.th-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px;background:var(--bg-raised);font-size:11px;color:var(--text-2)}.th-toolbar>span:not(.th-toolbar-type){padding:6px;border:1px solid var(--border-bold);border-radius:3px}.th-toolbar button,.th-floating-id{border:1px solid var(--accent);border-radius:4px;background:var(--accent-dim);color:var(--text-0);font:12px var(--mono)!important;padding:10px 12px;min-height:40px;transition:box-shadow .25s}.th-toolbar button:hover,.th-floating-id:hover{box-shadow:0 0 25px var(--accent-dim)}.th-toolbar-type{margin-left:auto;font:10px var(--mono)}.th-artboard{display:grid;grid-template-columns:1fr .8fr;padding:38px;min-height:360px;background:var(--bg-muted);overflow:hidden;align-items:center}.th-art-text small{font-size:11px;color:var(--text-2)}.th-art-text strong{font-size:clamp(32px,3.4vw,48px);line-height:1.1;letter-spacing:-.04em;display:block;margin:26px 0;color:var(--text-0);font-weight:500}.th-art-text>span{font-size:11px;display:inline-block;border-bottom:1px solid var(--accent);padding-bottom:6px}.th-art-glyph{font-size:220px;font-weight:700;color:var(--accent);line-height:1;position:relative;text-align:center;animation:th-float 7s ease-in-out infinite}.th-art-glyph span{position:absolute;font-size:72px;color:var(--text-0);right:-12px;bottom:0}.th-code-preview{padding:28px 20px;font:11px/1.8 var(--mono);color:var(--text-2)}.th-code-preview>span{display:block}.th-code-preview button{border:0;background:none;color:var(--accent);font-size:12px;min-height:44px;padding:0}.th-code-preview code{display:block;margin-top:38px;color:var(--text-1);overflow-wrap:anywhere}.th-editor figcaption{font:10px var(--mono);color:var(--text-2);padding:12px 24px;border-top:1px solid var(--border-base)}
.th-compare{padding-top:245px}.th-wipe{position:relative;height:500px;border-radius:18px;border:1px solid var(--border-bold);overflow:hidden;touch-action:pan-y;--th-split:48%}.th-wipe-scene{position:relative;width:100%;height:100%;background:var(--bg-muted)}.th-wipe-nav{height:50px;padding:14px 24px;font-size:12px;border-bottom:1px solid var(--border-bold);color:var(--text-2)}.th-wipe-cover{padding:60px 64px}.th-wipe-cover>span{font-size:12px;color:var(--text-2)}.th-wipe-cover strong{font-size:clamp(35px,4.5vw,64px);line-height:1.05;font-weight:500;letter-spacing:-.04em;display:block;margin-top:28px;color:var(--text-0)}.th-wipe-disc{position:absolute;right:8%;top:27%;width:220px;height:220px;border-radius:50%;border:1px solid var(--accent);color:var(--accent);display:grid;place-items:center;font-size:120px}.th-floating-id{position:absolute;top:65px;right:30px;cursor:pointer}.th-wipe-before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--th-split)) 0 0);pointer-events:none}.th-settings-modal{position:absolute;left:26%;top:21%;width:310px;background:var(--bg-card);box-shadow:0 20px 100px var(--bg);padding:26px;border:1px solid var(--border-bold);border-radius:12px;color:var(--text-1);font-size:13px}.th-settings-modal>span{display:block;font-weight:600;margin-bottom:24px}.th-settings-modal i{display:block;height:30px;border:1px solid var(--border-base);margin-bottom:14px;border-radius:4px}.th-settings-modal>div{border-top:1px solid var(--border-base);padding-top:16px;color:var(--text-2);font-size:11px}.th-settings-modal code{display:block;font-size:15px;color:var(--text-0);margin-top:8px}.th-wipe-label{position:absolute;bottom:22px;left:24px;font:11px var(--mono);color:var(--text-2)}.th-after{left:auto;right:24px}.th-wipe-divider{position:absolute;left:var(--th-split);top:0;bottom:0;width:2px;background:var(--accent);pointer-events:none}.th-wipe-divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;width:52px;height:52px;background:var(--accent);color:var(--text-0);display:grid;place-items:center;font-size:24px}.th-range-label{display:flex;align-items:center;justify-content:center;gap:24px;font:11px var(--mono);color:var(--text-2);margin-top:24px}.th-range-label input{width:240px;accent-color:var(--accent);height:30px;cursor:ew-resize}
.th-layers{display:grid;grid-template-columns:7fr 5fr;align-items:center;gap:60px;min-height:830px}.th-layer-visual{height:540px;position:relative;isolation:isolate}.th-layer-back,.th-layer-front{position:absolute;width:70%;height:72%;border-radius:14px;border:1px solid var(--border-bold);padding:36px;box-shadow:0 30px 90px var(--bg)}.th-layer-back{left:26%;top:25%;z-index:5;background:var(--bg-active);transform:rotate(9deg)}.th-layer-front{left:0;top:0;background:var(--bg-card);border-color:var(--accent);z-index:10;transform:rotate(-7deg);transition:transform .4s}.th-layer-front>span,.th-layer-back>span{font:11px var(--mono);color:var(--text-2)}.th-layer-front>span{color:var(--accent)}.th-layer-front strong,.th-layer-back strong{display:block;margin-top:50px;font-size:58px;font-weight:500;letter-spacing:-.05em;line-height:1.05;color:var(--text-0)}.th-layer-axis{position:absolute;bottom:-24px;left:-40px;font-size:210px;line-height:1;font-weight:600;color:var(--border-base);z-index:-1}.th-layer-copy p{margin:28px 0}.th-layer-copy label{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--border-bold);padding:16px 0;font-size:15px;color:var(--text-2)}.th-layer-copy input{width:120px;background:var(--bg-card);border:1px solid var(--border-bold);border-radius:6px;color:var(--text-0);font:36px var(--mono);padding:10px}.th-layer-copy>code{display:block;font:12px var(--mono);color:var(--text-1);margin-top:24px;overflow-wrap:anywhere}
.th-preview{max-width:1440px;padding-top:80px}.th-preview .th-section-heading{text-align:right;margin-left:auto;max-width:750px}.th-preview .th-section-heading p{margin-left:auto}.th-devices{display:grid;grid-template-columns:1.6fr 1.05fr .65fr;gap:28px;align-items:center;margin:70px -35px 0}.th-device>span{display:block;font:11px var(--mono);color:var(--text-2);margin-bottom:18px}.th-device-scroll{height:430px;border:7px solid var(--border-base);border-top-width:24px;background:var(--bg-card);border-radius:14px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--accent) var(--bg-card)}.th-tablet{transform:translateY(70px)}.th-phone{transform:translateY(135px)}.th-phone .th-device-scroll{height:430px;border-top-width:16px;border-radius:24px}.th-preview-page{height:1050px}.th-preview-cover{height:400px;padding:32px;position:relative;overflow:hidden}.th-preview-cover small{font-size:10px;color:var(--text-2)}.th-preview-cover strong{display:block;font-size:40px;font-weight:500;line-height:1.05;letter-spacing:-.04em;margin-top:24px;color:var(--text-0)}.th-preview-cover b{position:absolute;right:25px;bottom:8px;font-size:150px;color:var(--accent);font-weight:400;line-height:1}.th-tablet .th-preview-cover strong{font-size:32px}.th-phone .th-preview-cover{padding:24px 15px}.th-phone .th-preview-cover strong{font-size:24px}.th-phone .th-preview-cover b{font-size:110px;right:14px}.th-preview-project{height:400px;background:var(--bg-active);padding:32px;overflow:hidden}.th-preview-project>span{font:10px var(--mono);color:var(--text-2)}.th-preview-project strong{display:block;font-size:35px;line-height:1.1;font-weight:500;color:var(--text-0);margin:24px 0}.th-preview-project i{display:block;width:140px;height:140px;border:1px solid var(--accent);border-radius:50%}.th-phone .th-preview-project{padding:24px 15px}.th-phone .th-preview-project strong{font-size:24px}.th-phone .th-preview-project i{width:100px;height:100px}.th-preview-end{height:250px;display:grid;place-items:center;font-size:24px;color:var(--accent)}.th-preview>.th-note{margin-top:175px;text-align:center}
.th-manifest{max-width:1440px;padding-top:110px;padding-bottom:190px}.th-manifest h2{font-size:clamp(60px,10vw,144px)}.th-manifest>p{margin:32px 0;max-width:510px}.th-code-composition{position:relative;margin-top:85px;min-height:330px}.th-giant-selector{display:block;font:clamp(40px,10vw,145px) var(--mono);letter-spacing:-.08em;color:var(--border-bold);white-space:nowrap;transform:rotate(-5deg) translateX(-40px);line-height:1.3}.th-code-editor{position:absolute;right:5%;top:65px;width:520px;transform:rotate(3deg);border:1px solid var(--accent);border-radius:12px;background:var(--bg-card);box-shadow:0 40px 100px var(--accent-dim);overflow:hidden}.th-code-editor>div{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-base);font:11px var(--mono);color:var(--text-2)}.th-code-editor button{border:0;background:none;color:var(--accent);font-size:12px;min-height:36px}.th-code-editor pre{font:20px/1.6 var(--mono);padding:28px;color:var(--text-1)}.th-code-editor code span{color:var(--accent)}
.th-final{text-align:center;min-height:850px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:140px;padding-bottom:100px}.th-final h2{font-size:clamp(64px,9vw,128px)}.th-final>p{margin:32px auto}.th-install{margin:56px auto 0;width:min(620px,100%);text-align:left;border:0;border-bottom:1px solid var(--border-base);background:none;border-radius:0;padding:0}.th-install h3{margin:0;padding:20px 0;font-size:14px;font-weight:500;color:var(--text-2)}.th-install>div{padding:10px 0 24px}.th-install p{font-size:13px;line-height:1.6}.th-install ol{font-size:13px;color:var(--text-2);padding:18px 0 0 20px;line-height:1.8}.th-install li+li{margin-top:10px}.th-install button{background:none;border:0;color:var(--accent);font-family:var(--mono);padding:5px}.th-copy-status{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;border:1px solid var(--accent);border-radius:8px;padding:12px 20px;background:var(--bg-card);color:var(--text-0);font:12px var(--mono);z-index:100;transition:opacity .2s,transform .2s;max-width:90vw;overflow-wrap:anywhere}.th-copy-status.is-visible{opacity:1;transform:translate(-50%,0)}.th-reveal{transition:opacity .7s,translate .7s}.th-motion .th-reveal:not(.is-visible){opacity:0;translate:0 35px}@keyframes th-float{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-12px) rotate(3deg)}}
@media(max-width:1000px){.th-section{padding:100px 40px}.th-hero{padding:70px 40px 0}.th-hero h1{font-size:80px}.th-editor-content{grid-template-columns:1fr}.th-record-code{display:none}.th-editor{margin-bottom:-50px}.th-artboard{min-height:300px}.th-art-text strong{font-size:44px}.th-compare{padding-top:175px}.th-layers{gap:36px}.th-layer-visual{height:410px}.th-layer-front,.th-layer-back{padding:24px;width:80%;height:75%}.th-layer-back{left:18%}.th-layer-front strong,.th-layer-back strong{font-size:45px}.th-layer-copy h2{font-size:55px}.th-devices{gap:16px;margin:50px -15px 0}.th-preview-cover{padding:22px}.th-preview-cover strong{font-size:32px}.th-tablet .th-preview-cover strong{font-size:26px}.th-phone .th-preview-cover strong{font-size:20px}.th-phone .th-preview-project strong{font-size:20px}.th-device>span{font-size:9px}.th-code-editor{width:430px;right:0}.th-final{min-height:750px}.th-wipe-disc{width:160px;height:160px;font-size:90px}.th-wipe-cover{padding:60px 35px}.th-settings-modal{left:15%}.th-wipe{height:450px}}
@media(max-width:600px){.th-section{padding:85px 24px}.th-landing p:not(.faq-a){font-size:16px}.th-landing h2:not(.faq-title){font-size:44px}.th-hero{padding:54px 24px 0}.th-hero-copy{text-align:left}.th-product{font-size:10px!important}.th-hero h1{font-size:clamp(48px,13vw,72px)}.th-hero-copy>p:not(.th-product){margin:24px 0;font-size:16px}.th-editor{margin:45px -16px -45px;transform:rotate(-2deg);border-radius:10px}.th-topbar{padding:12px;gap:8px;font-size:9px}.th-tilda{width:24px;height:24px;line-height:22px;font-size:16px}.th-top-actions{font-size:12px}.th-publish{font-size:8px;padding:6px}.th-editor-content{padding:12px}.th-toolbar{padding:8px;font-size:8px;gap:5px}.th-toolbar button{font-size:9px!important;padding:8px;min-height:36px}.th-toolbar-type{font-size:8px}.th-artboard{padding:24px 18px;min-height:320px;grid-template-columns:1.5fr .7fr}.th-art-text strong{font-size:36px;margin:26px 0}.th-art-text small{font-size:8px}.th-art-text>span{font-size:10px}.th-art-glyph{font-size:125px;margin-right:-16px}.th-art-glyph span{font-size:42px;right:0}.th-editor figcaption{font-size:8px;padding:10px 12px}.th-compare{padding-top:160px}.th-section-heading{margin-bottom:36px}.th-section-heading p{margin-top:22px}.th-wipe{height:430px;margin:0 -24px;border-radius:0;border-left:0;border-right:0}.th-wipe-nav{font-size:10px;padding:14px 20px}.th-wipe-cover{padding:100px 24px 0}.th-wipe-cover strong{font-size:35px}.th-wipe-cover>span{font-size:10px}.th-wipe-disc{right:-45px;top:58%;width:150px;height:150px;font-size:85px;opacity:.5}.th-floating-id{top:66px;right:20px;font-size:10px!important}.th-settings-modal{left:20px;top:27%;width:260px;padding:22px}.th-wipe-divider span{width:42px;height:42px;font-size:20px}.th-wipe-label{font-size:9px;left:18px}.th-after{left:auto;right:18px}.th-range-label{font-size:9px;gap:12px}.th-range-label input{width:110px}.th-layers{display:flex;flex-direction:column-reverse;gap:50px;align-items:stretch;padding-top:30px}.th-layer-copy h2{font-size:52px}.th-layer-copy p{margin:24px 0}.th-layer-copy input{font-size:30px;width:105px}.th-layer-copy>code{font-size:10px}.th-layer-copy .th-note{font-size:10px}.th-layer-visual{height:420px;margin:10px 0}.th-layer-front,.th-layer-back{width:74%;padding:25px}.th-layer-back{left:24%}.th-layer-front strong,.th-layer-back strong{font-size:46px;margin-top:48px}.th-layer-axis{font-size:170px;bottom:-20px;left:-15px}.th-preview{padding-top:55px}.th-preview .th-section-heading{text-align:left}.th-devices{display:flex;flex-direction:column;margin:45px -24px 0;gap:50px;align-items:stretch}.th-device{padding:0 24px;transform:none}.th-device>span{font-size:11px;margin-bottom:16px}.th-device-scroll{height:355px}.th-preview-cover strong,.th-tablet .th-preview-cover strong{font-size:48px}.th-preview-cover{padding:30px}.th-preview-cover b{font-size:140px}.th-tablet{padding:0 42px}.th-phone{width:245px;padding:0;margin:auto}.th-phone .th-preview-cover strong{font-size:30px}.th-phone .th-preview-project strong{font-size:27px}.th-preview>.th-note{margin-top:30px;text-align:left;font-size:10px}.th-manifest{padding-top:45px;padding-bottom:100px}.th-manifest h2{font-size:76px}.th-manifest>p{margin-top:26px}.th-code-composition{margin-top:45px;min-height:365px}.th-giant-selector{font-size:50px;transform:rotate(-5deg) translateX(-24px)}.th-code-editor{top:60px;right:-12px;width:calc(100% + 12px);transform:rotate(2deg)}.th-code-editor>div{padding:12px;font-size:9px}.th-code-editor button{font-size:10px}.th-code-editor pre{font-size:17px;padding:24px}.th-final{padding-top:40px;min-height:650px}.th-final h2{font-size:62px}.th-final>p{margin:26px auto;font-size:16px}.th-install{margin-top:45px}.th-install p{font-size:12px}.th-install ol{font-size:12px}.th-copy-status{font-size:10px;padding:12px;bottom:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.th-landing *,.th-landing *:before,.th-landing *:after{animation:none!important;transition:none!important}.th-motion .th-reveal:not(.is-visible){opacity:1;translate:none}}
.th-landing .faq-section{max-width:860px;margin:0 auto;padding:30px 24px 90px}
.th-landing .faq-section p{margin:0}