#concept-preview>div{max-width:1440px}#concept-preview .text-center.mb-16 p{display:none}.ts-showcase{display:flex;align-items:center;position:relative;max-width:1220px;margin:30px auto 0;padding:20px 40px 55px;perspective:1800px;color:hsl(var(--foreground));isolation:isolate}.ts-showcase:before{content:"";position:absolute;inset:0 -3% 0 25%;z-index:-1;background:radial-gradient(ellipse,hsl(var(--primary)/.11),transparent 65%)}.ts-showcase article{position:relative;min-width:0}.ts-showcase h3{font-size:14px;font-weight:500;line-height:1.5;margin:0 0 22px}.ts-showcase h3>span{display:block;font-size:12px;font-weight:750;letter-spacing:.18em;margin-bottom:8px}.ts-before{width:40%;flex-shrink:0;transform:rotateY(9deg) rotateZ(-3deg) scale(.93);color:hsl(var(--muted-foreground));z-index:1}.ts-after{width:62%;margin-left:-2%;z-index:3}.ts-after h3>span{color:hsl(var(--primary))}.ts-old-window,.ts-new-window{overflow:hidden;border:1px solid hsl(var(--border));border-radius:14px;background:hsl(var(--card));box-shadow:0 26px 45px -28px #0007}.ts-old-window{filter:saturate(.4);opacity:.88}.ts-new-window{box-shadow:0 35px 70px -28px #0006,0 0 45px -20px hsl(var(--primary)/.32);border-color:hsl(var(--primary)/.25)}.ts-chrome{padding:12px 16px;display:flex;align-items:center;gap:24px;background:hsl(var(--muted)/.7);border-bottom:1px solid hsl(var(--border));font-size:9px;letter-spacing:2px;color:hsl(var(--muted-foreground))}.ts-chrome>span{font-size:10px;letter-spacing:0}.ts-old-content{padding:22px;font:14px/1.7 Georgia,serif}.ts-old-content>strong{display:block;text-align:center;font-size:24px;letter-spacing:1px}.ts-old-nav{text-align:center;font-size:11px;margin:12px 0}.ts-old-content>img{width:100%;height:175px;object-fit:cover;filter:contrast(.8);border:4px solid hsl(var(--background))}.ts-old-content h4{font:22px/1.3 Georgia,serif;margin:22px 0 12px}.ts-old-content p{margin-bottom:18px}.ts-old-links{font-size:11px;border-top:1px solid hsl(var(--border));padding:20px 0}.ts-old-content>small{font-size:10px;text-decoration:underline}.ts-path{position:absolute;left:31%;top:10%;width:150px;z-index:4;color:hsl(var(--primary));pointer-events:none}.ts-path svg{width:100%;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.ts-depth{--dx:0;--dy:0;position:relative;transform-style:preserve-3d;transform:rotateY(calc(var(--dx)*4deg)) rotateX(calc(var(--dy)*-3deg));transition:transform .65s ease}.ts-brand{padding:20px 22px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px}.ts-brand em,.ts-phone em{color:hsl(var(--primary));font-style:normal}.ts-brand>span{font-size:10px;color:hsl(var(--muted-foreground))}.ts-hero{position:relative;isolation:isolate;min-height:285px}.ts-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.ts-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#090d12ec,#090d1250);z-index:-1}.ts-hero>div{padding:28px;color:#fff}.ts-hero small{font-size:9px;letter-spacing:.14em;color:#ffb777}.ts-hero h4{font-size:35px;line-height:1.05;font-weight:700;letter-spacing:-1px;margin:16px 0;color:#fff!important}.ts-hero p{font-size:12px;color:#fffC}.ts-actions{display:flex;gap:9px;margin-top:22px}.ts-actions>span{font-size:11px;padding:12px 14px;border:1px solid #ffffff60;border-radius:7px;background:#ffffff12}.ts-actions>span:first-child{background:#ef750b;border-color:transparent;color:white}.ts-area{padding:12px 22px;background:hsl(var(--primary)/.07);font-size:10px;color:hsl(var(--primary))}.ts-trust{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:16px 22px 10px;font-size:10px}.ts-trust>span{color:hsl(var(--primary));letter-spacing:2px}.ts-trust small{font-size:9px;color:hsl(var(--muted-foreground))}.ts-services{display:flex;gap:8px;padding:10px 22px 20px}.ts-services>span{flex:1;border:1px solid hsl(var(--border));padding:12px 7px;border-radius:7px;font-size:10px;text-align:center}.ts-projects{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:0 22px 24px}.ts-projects>div{display:flex;flex-direction:column;gap:8px}.ts-projects small{font-size:8px;letter-spacing:.15em;color:hsl(var(--primary))}.ts-projects strong{font-size:20px;line-height:1.2}.ts-projects span{font-size:10px;color:hsl(var(--muted-foreground))}.ts-projects img{height:115px;width:100%;object-fit:cover;border-radius:8px}.ts-note{position:absolute;padding:9px 13px;border:1px solid hsl(var(--border));background:hsl(var(--background)/.94);backdrop-filter:blur(12px);border-radius:8px;font-size:11px;box-shadow:0 10px 25px -15px #0006;white-space:nowrap;pointer-events:none}.ts-note:before{content:"";position:absolute;width:20px;height:1px;top:50%;background:hsl(var(--muted-foreground)/.4);right:100%}.ts-b1{left:-25px;top:49%}.ts-b2{left:-25px;bottom:88px}.ts-b3{right:20px;bottom:20px}.ts-a1{right:-20px;bottom:170px}.ts-a2{left:-35px;bottom:227px}.ts-a3{right:30px;top:300px}.ts-after .ts-note{border-color:hsl(var(--primary)/.25);transform:translate(calc(var(--dx)*7px),calc(var(--dy)*5px));transition:transform .65s}.ts-phone{position:absolute;right:-64px;bottom:-45px;width:156px;border:5px solid hsl(var(--foreground)/.22);border-radius:27px;background:hsl(var(--card));padding:22px 8px 17px;box-shadow:0 20px 45px -16px #0008;transform:translate3d(calc(var(--dx)*10px),calc(var(--dy)*-8px),35px) rotate(5deg);transition:transform .7s;overflow:hidden}.ts-phone-camera{position:absolute;top:5px;left:35%;width:30%;height:8px;background:hsl(var(--foreground));border-radius:9px}.ts-phone>strong{font-size:9px;display:block;padding:2px 3px 9px}.ts-phone-hero{position:relative;isolation:isolate;padding:20px 7px;overflow:hidden;border-radius:4px}.ts-phone-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.ts-phone-hero:after{content:"";position:absolute;inset:0;background:#0008;z-index:-1}.ts-phone h4{font-size:17px;line-height:1.1;font-weight:700;color:white!important;margin:0}.ts-phone-actions{display:flex;flex-direction:column;gap:4px;margin:8px 0}.ts-phone-actions span{padding:7px 3px;font-size:8px;text-align:center;border:1px solid hsl(var(--border));border-radius:4px}.ts-phone-actions span:first-child{background:hsl(var(--primary));color:white}.ts-phone>small{display:block;font-size:7px;text-align:center;line-height:1.5}.ts-phone-stars{color:hsl(var(--primary));text-align:center;font-size:12px;margin:10px 0}.ts-phone-stars small{display:block;font-size:6px;color:hsl(var(--muted-foreground))}.ts-phone-bottom{width:40%;height:3px;background:hsl(var(--foreground)/.5);border-radius:3px;margin:12px auto -10px}.ts-takeaway{max-width:770px;text-align:center;margin:50px auto 0;font-size:18px;line-height:1.6}.ts-disclosure{text-align:center;margin:12px 0 0;font-size:12px;color:hsl(var(--muted-foreground))}.ts-showcase.ts-observe .ts-reveal{opacity:0;translate:0 24px;transition:opacity .9s,translate .9s}.ts-showcase.ts-visible .ts-reveal{opacity:1;translate:0 0}.ts-visible .ts-after{transition-delay:.18s!important}.ts-visible .ts-path{transition-delay:.1s!important}.ts-visible .ts-path path{stroke-dasharray:210;stroke-dashoffset:0;animation:ts-path-draw 1.2s ease-out both}@keyframes ts-path-draw{from{stroke-dashoffset:210}to{stroke-dashoffset:0}}
@media(max-width:1023px){.ts-showcase{display:flex;flex-direction:column;padding:0 28px 35px;max-width:660px;gap:22px}.ts-before{width:86%;align-self:flex-start;transform:rotate(-2deg);margin:0}.ts-after{width:94%;margin:0;align-self:flex-end}.ts-path{position:relative;left:auto;top:auto;width:80px;height:85px;rotate:70deg;align-self:center}.ts-phone{right:-24px;width:140px}.ts-a1{right:-15px}.ts-a2{left:-18px}.ts-a3{right:12px}.ts-takeaway{font-size:16px;margin-top:32px}}
@media(max-width:480px){.ts-showcase{padding:0 12px 90px}.ts-before{width:94%}.ts-after{width:100%}.ts-showcase h3{font-size:12px}.ts-old-content{padding:16px}.ts-old-content>img{height:135px}.ts-note{font-size:9px;padding:7px 9px}.ts-b1,.ts-b2{left:-8px}.ts-brand{padding:16px 12px;font-size:11px}.ts-brand>span{font-size:8px}.ts-hero>div{padding:24px 18px}.ts-hero h4{font-size:30px}.ts-actions>span{padding:10px 9px;font-size:10px}.ts-area{padding:11px 12px;font-size:8px}.ts-services,.ts-trust{padding-inline:12px}.ts-services>span{font-size:8px}.ts-projects{padding:0 12px 95px;grid-template-columns:1fr 1fr}.ts-projects strong{font-size:17px}.ts-phone{width:125px;bottom:-55px;right:0;rotate:0deg}.ts-a1{bottom:215px;right:0}.ts-a2{bottom:273px;left:-8px}.ts-a3{top:265px;right:5px}.ts-takeaway{margin-top:16px}}
@media(prefers-reduced-motion:reduce){.ts-reveal,.ts-depth,.ts-note,.ts-phone{animation:none!important;transition:none!important}.ts-showcase.ts-observe .ts-reveal{opacity:1;translate:none}.ts-path path{animation:none!important}.ts-depth{transform:none!important}}
/* Refined comparison hierarchy and shared, bounded interaction. */
.ts-showcase{--dx:0;--dy:0;touch-action:pan-y pinch-zoom;padding-top:32px;padding-bottom:85px}.ts-depth{--dx:inherit;--dy:inherit}.ts-before{transform:translate3d(calc(var(--dx)*-5px),calc(var(--dy)*-3px),0) rotateY(calc(8deg + var(--dx)*3deg)) rotateZ(-2deg) scale(.92);transition:transform .75s cubic-bezier(.2,.7,.2,1)}.ts-old-window{background:hsl(var(--muted));box-shadow:0 18px 24px -24px #0008;filter:saturate(.12);opacity:.84;border-radius:6px}.ts-old-content{background:hsl(var(--muted)/.7)}.ts-old-content>img{height:150px;filter:saturate(.1) contrast(.75)}.ts-old-content>strong{font-size:22px;letter-spacing:2px}.ts-old-content h4{font-size:20px}.ts-old-content p{font-size:13px}.ts-old-links{font-size:10px;padding:26px 0}.ts-old-content>small{font-size:9px}.ts-before .ts-note{background:hsl(var(--background));opacity:1;color:hsl(var(--muted-foreground));box-shadow:0 5px 12px -10px #0006}.ts-b1{top:63%;left:-22px}.ts-b2{bottom:85px;left:-22px}.ts-b3{bottom:-15px;left:45px;right:auto}.ts-b4{top:70px;right:12px}.ts-b4:before{width:1px;height:15px;top:100%;left:50%}.ts-path{left:31%;top:5%;transform:translate(calc(var(--dx)*17px),calc(var(--dy)*10px)) rotate(calc(var(--dx)*5deg));transition:transform .8s cubic-bezier(.2,.7,.2,1)}.ts-path svg{stroke-width:1.7;filter:drop-shadow(0 3px 5px hsl(var(--primary)/.12))}.ts-new-window{border-radius:17px;box-shadow:0 34px 60px -28px #0006,0 0 0 5px hsl(var(--primary)/.035),0 0 65px -40px hsl(var(--primary)/.4)}.ts-brand{padding:22px 24px}.ts-brand>strong{letter-spacing:.04em}.ts-hero{min-height:280px}.ts-hero>img{object-position:65% 35%}.ts-hero:after{background:linear-gradient(90deg,#081019ee 0%,#081019ad 45%,#08101908 100%)}.ts-hero h4{font-size:37px;max-width:420px;line-height:1.08}.ts-actions>span{padding:12px 17px;font-size:12px;font-weight:650}.ts-actions>span:first-child{background:#f47a11;box-shadow:0 5px 16px #0002}.ts-actions>span:last-child{background:#fff;color:#171a1e;border-color:#fff}.ts-area{font-size:11px;padding:14px 24px}.ts-trust{margin:0 24px;padding:17px 0 15px;border-bottom:1px solid hsl(var(--border));font-size:12px;gap:10px}.ts-trust>span{font-size:14px;letter-spacing:1px}.ts-trust small{font-size:10px}.ts-services{padding:17px 24px;gap:10px}.ts-services>span{font-size:12px;text-align:left;padding:11px;background:hsl(var(--muted)/.4);border-radius:9px}.ts-services b{display:block;font-size:9px;color:hsl(var(--primary));letter-spacing:.08em;margin-bottom:6px;font-weight:500}.ts-projects{padding:2px 24px 24px;grid-template-columns:1fr 1.35fr}.ts-projects img{height:112px;object-position:60% 30%}.ts-projects strong{font-size:22px}.ts-projects span{font-size:11px}.ts-projects small{font-size:9px}.ts-a1{bottom:172px;left:16px;right:auto}.ts-a2{bottom:258px;left:-28px}.ts-a3{top:306px;right:22px}.ts-a4{bottom:-72px;right:-30px}.ts-a4:before{width:1px;height:20px;top:-20px;left:50%}.ts-after .ts-note{font-weight:600;background:hsl(var(--background)/.96);box-shadow:0 9px 22px -13px #0005}.ts-after .ts-note:not(.ts-a4):after{content:"✓";color:hsl(var(--primary));margin-left:7px}.ts-phone{right:-44px;bottom:-40px}.ts-phone h4{font-size:16px}.ts-takeaway{margin-top:35px}.ts-note{transition:transform .75s cubic-bezier(.2,.7,.2,1)}
@media(max-width:1023px){.ts-showcase{padding-bottom:95px}.ts-before{transform:rotate(-1deg) scale(.98)}.ts-path{left:auto;top:auto;transform:translate(calc(var(--dx)*10px),calc(var(--dy)*5px));margin:5px 0}.ts-phone{right:-10px}.ts-a4{right:0}.ts-showcase.ts-visible .ts-old-window{animation:ts-idle 8s ease-in-out infinite}.ts-showcase.ts-visible .ts-new-window{animation:ts-idle 7s ease-in-out -2s infinite}.ts-showcase.ts-visible .ts-path svg{animation:ts-idle 9s ease-in-out -1s infinite}.ts-showcase[data-touch] .ts-old-window,.ts-showcase[data-touch] .ts-new-window{animation-play-state:paused}.ts-depth{transform:rotateY(calc(var(--dx)*3deg)) rotateX(calc(var(--dy)*-2deg))}.ts-a1{bottom:165px}.ts-a2{bottom:260px}}
@media(max-width:480px){.ts-showcase{padding-inline:12px;padding-bottom:130px}.ts-b1,.ts-b2{left:-8px}.ts-b4{font-size:8px;right:4px;top:72px}.ts-hero h4{font-size:28px;line-height:1.12}.ts-hero>div{padding:24px 16px}.ts-brand{padding:16px 12px}.ts-actions>span{font-size:10px;padding:11px 10px}.ts-area{font-size:9px;padding:13px 12px}.ts-trust{margin-inline:12px;font-size:10px;gap:7px}.ts-trust small{font-size:9px}.ts-services{padding:16px 12px;gap:6px}.ts-services>span{font-size:10px;padding:9px 6px}.ts-projects{padding:2px 12px 96px;grid-template-columns:1fr 1fr}.ts-projects strong{font-size:17px}.ts-projects img{height:100px}.ts-phone{right:0;bottom:-53px}.ts-a1{bottom:225px;left:10px}.ts-a2{bottom:305px;left:-9px}.ts-a3{top:284px;right:8px;font-size:8px}.ts-a4{bottom:-86px;right:-3px}.ts-phone h4{font-size:13px}}
@keyframes ts-idle{0%,100%{translate:0 0}50%{translate:0 -4px}}
@media(prefers-reduced-motion:reduce){.ts-before,.ts-depth,.ts-path,.ts-old-window,.ts-new-window,.ts-path svg,.ts-phone,.ts-note{animation:none!important;transition:none!important;translate:none!important}.ts-path,.ts-before{transform:none!important}.ts-after .ts-note{transform:none!important}}
@media(min-width:1024px){.ts-a1{left:-140px;bottom:176px}.ts-a2{left:-165px;bottom:252px}.ts-a1:before,.ts-a2:before{left:100%;right:auto;width:24px}.ts-path{top:9%;left:29%}}
@media(max-width:1023px){.ts-depth{padding-bottom:65px}.ts-depth>.ts-note:not(.ts-a4){position:relative;display:inline-flex;left:auto;right:auto;top:auto;bottom:auto;margin:16px 6px 0 0;transform:none}.ts-depth>.ts-note:not(.ts-a4):before{display:none}.ts-phone{bottom:15px}.ts-a4{bottom:-20px}.ts-a4:before{height:12px;top:-12px}}
/* Touch layouts: clear transformation, readable callouts and a stable phone. */
@media(max-width:1023px){
 .ts-showcase{padding:12px 16px 30px;gap:30px;perspective:none}
 .ts-before{width:100%;transform:none}
 .ts-after{width:100%;margin:0}
 .ts-showcase h3{font-size:15px;line-height:1.5;margin-bottom:18px}
 .ts-showcase h3>span{font-size:13px}
 .ts-before .ts-old-window{opacity:.9;filter:saturate(.15)}
 .ts-note,.ts-b4,.ts-a3{font-size:12px;line-height:1.4;padding:10px 12px;white-space:normal;color:hsl(var(--foreground));background:hsl(var(--card));border-color:hsl(var(--foreground)/.24)}
 .ts-before>.ts-note{position:relative;display:inline-flex;inset:auto;margin:10px 6px 0 0;box-shadow:none;font-weight:600;transform:none}
 .ts-before>.ts-note:before{position:static;content:'−';width:auto;height:auto;margin-right:7px;background:none;color:hsl(var(--foreground));font-weight:700}
 .ts-path{width:190px;height:155px;flex-shrink:0;align-self:center;rotate:65deg;margin:4px 0;transform:none}
 .ts-path svg{width:190px;height:145px;stroke-width:3;filter:drop-shadow(0 4px 9px hsl(var(--primary)/.18))}
 .ts-depth{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding-bottom:0;transform:none;transform-style:flat}
 .ts-new-window{width:100%;order:0;border-color:hsl(var(--primary)/.4)}
 .ts-depth>.ts-note:not(.ts-a4){order:1;position:static;margin:0;transform:none;background:hsl(var(--card));color:hsl(var(--foreground));border-color:hsl(var(--primary)/.45);font-size:12px;box-shadow:0 5px 15px -12px hsl(var(--primary)/.3)}
 .ts-phone{order:2;position:relative;inset:auto;flex:0 0 174px;width:174px;margin:12px 0 0 8px;padding:25px 9px 16px;border:5px solid hsl(var(--foreground)/.65);border-radius:29px;transform:none;rotate:0deg;aspect-ratio:9/19;box-shadow:8px 18px 30px -16px #0006}
 .ts-phone-camera{top:7px;left:36%;width:28%;height:7px}
 .ts-phone>strong{font-size:10px;padding-bottom:12px}
 .ts-phone-hero{padding:26px 8px}
 .ts-phone h4{font-size:17px;line-height:1.16;letter-spacing:-.025em}
 .ts-phone-actions span{font-size:10px;padding:9px 4px}
 .ts-phone>small{font-size:8px;line-height:1.6}
 .ts-phone-stars small{font-size:8px}
 .ts-depth>.ts-a4{order:3;position:static;flex:1;min-width:90px;margin:0;transform:none;color:hsl(var(--foreground));border-color:hsl(var(--primary)/.4);font-size:12px}
 .ts-a4:before{display:none}
 .ts-projects{padding:4px 16px 22px}
 .ts-showcase.ts-visible .ts-old-window,.ts-showcase.ts-visible .ts-new-window,.ts-showcase.ts-visible .ts-path svg{animation:none}
 .ts-showcase.ts-visible .ts-phone{animation:ts-idle 8s ease-in-out infinite}
 .ts-showcase[data-touch] .ts-phone{animation-play-state:paused}
 .ts-takeaway{margin-top:25px}
}
@media(prefers-reduced-motion:reduce){.ts-showcase.ts-visible .ts-phone{animation:none!important}}