/* Shared motion and floating contact */
.reveal{transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}.reveal.waiting{opacity:0;transform:translateY(22px)}.wa-float{position:fixed;right:25px;bottom:24px;z-index:20;display:flex;align-items:center;gap:10px;padding:15px 19px;border-radius:40px;background:#b99aff;color:#1a102b;box-shadow:0 6px 30px #0005;border:1px solid #d8c5ff;font-family:Arial,sans-serif;font-size:12px;font-weight:bold;text-decoration:none;transition:transform .2s,box-shadow .2s}.wa-float svg{width:23px;height:23px;fill:currentColor}.wa-float:hover{transform:translateY(-4px);box-shadow:0 10px 35px #8b5cf645}.wa-float:focus-visible{outline:3px solid #fff;outline-offset:4px}.trau-home{background:radial-gradient(ellipse 800px 640px at 93% 6%,#6d3db01f,transparent 75%),radial-gradient(ellipse 600px 900px at 0% 55%,#63389915,transparent 75%),#111114}.trau-home .hero{position:relative}.trau-home .hero:before{content:'';pointer-events:none;position:absolute;inset:-30px -3% -40px;background:radial-gradient(ellipse at 65% 40%,#915bff13,transparent 60%);z-index:-1}.trau-home .portfolio{background:linear-gradient(140deg,#21182e,#17161c 55%,#251d35)}.trau-home .contact{background:radial-gradient(ellipse at 0 0,#51316a55,transparent 70%),#1d1926}.trau-home .navcta,.trau-home .btn,.trau-home .textlink{transition:transform .2s,background .2s,box-shadow .2s}.trau-home .btn:hover{box-shadow:0 5px 28px #a78bfa20}.trau-home .service{transition:border-color .3s,transform .3s}.trau-home .service:hover{border-color:#bea3ff;transform:translateY(-4px)}.device-scene{height:285px;position:relative;display:flex;align-items:center;padding:30px 19px 42px;overflow:hidden;border-radius:12px;color:#17151c;font-family:Arial,sans-serif;isolation:isolate}.device-scene.beauty{background:linear-gradient(135deg,#e6c5cb,#b896a7)}.device-scene.auto{background:linear-gradient(135deg,#a3b969,#4b5b35)}.device-scene.local{background:linear-gradient(135deg,#b9cfce,#778fa3)}.device-halo{position:absolute;inset:15% -15%;border:1px solid #ffffff30;transform:rotate(-25deg);border-radius:50%;z-index:-1}.laptop{width:94%;position:relative;transform:rotate(-5deg);transition:transform .45s;border:5px solid #24232a;border-bottom:9px solid #24232a;border-radius:9px;background:#24232a;box-shadow:0 20px 30px #0003}.laptop-top{display:flex;gap:5px;align-items:center;background:#24232a;color:#e1dce9;padding:3px 5px 6px;font-size:7px;letter-spacing:.3px}.laptop-top i{width:3px;height:3px;border-radius:50%;background:#aaa}.screen{position:relative;overflow:hidden;background:#f5f1e8;pointer-events:none}.desktop-screen{aspect-ratio:1100/720}.screen iframe{position:absolute;top:0;left:0;transform-origin:top left;border:0;pointer-events:none}.desktop-screen iframe{width:1100px;height:720px}.laptop-base{position:absolute;bottom:-14px;left:-7%;width:114%;height:6px;background:linear-gradient(#a6a4ad,#5b5a63);border-radius:0 0 50% 50%}.phone{position:absolute;right:12px;bottom:36px;width:26%;padding:4px;background:#24232a;border-radius:14px;border:1px solid #74707a;box-shadow:7px 12px 20px #0004;transform:rotate(7deg);transition:transform .45s}.phone-screen{aspect-ratio:390/780;border-radius:10px}.phone-screen iframe{width:390px;height:780px}.phone-speaker{position:absolute;top:7px;left:35%;width:30%;height:3px;border-radius:5px;background:#1c1922;z-index:1}.preview-open{position:absolute;bottom:13px;left:20px;font-size:10px;font-weight:bold}.project>a:hover .laptop{transform:rotate(-2deg) translateY(-5px)}.project>a:hover .phone{transform:rotate(3deg) translateY(-7px)}.compare-stage{height:400px;position:relative;border:1px solid #53415e;border-radius:16px;overflow:hidden;isolation:isolate}.compare-layer{position:absolute;inset:0}.after{background:#eeeee2;color:#31422e}.before{background:#fafafa;color:#111;clip-path:inset(0 calc(100% - var(--split)) 0 0);z-index:2;font-family:Arial,sans-serif}.compare-site-nav{display:flex;justify-content:space-between;padding:25px 35px;border-bottom:1px solid #d4d6c3;font-size:10px;letter-spacing:1px}.compare-content{display:grid;grid-template-columns:1.3fr 1fr;padding:32px 8%;gap:20px;align-items:center}.compare-kicker{font-size:9px;letter-spacing:2px}.compare-content h3{font:44px/1.05 Georgia,serif;margin:16px 0}.compare-content p{font-size:12px;line-height:1.5;margin:10px 0}.compare-fake-button{display:inline-block;background:#354832;color:white;font-size:10px;padding:13px 20px;margin-top:9px}.compare-plant{height:230px;position:relative;background:#c6d0b6;border-radius:130px 130px 0 0;max-width:230px;width:100%;justify-self:center;overflow:hidden}.compare-plant i,.compare-plant b{display:block;position:absolute;width:65px;height:150px;background:#586f47;border-radius:80% 10% 80% 10%;left:50%;top:30px;transform:rotate(15deg)}.compare-plant b{background:#8c9e71;left:18%;transform:rotate(-45deg);top:50px}.compare-plant em{position:absolute;bottom:-10px;left:30%;width:45%;height:78px;background:#b5896c;clip-path:polygon(0 0,100% 0,85% 100%,15% 100%)}.old-nav{background:#444;color:#fff;padding:15px;font-size:11px}.old-content{padding:25px}.old-content h3{font-size:25px;letter-spacing:0;line-height:1.2;margin:7px 0}.old-content p{font-size:13px}.old-placeholder{display:grid;place-items:center;max-width:330px;height:105px;border:1px solid #bbb;background:#ddd;font-size:12px;color:#555;margin:20px 0 10px}.old-content u{font-size:13px;color:#00e}.state-tag{position:absolute;bottom:13px;left:17px;font-size:9px;padding:7px 10px;border-radius:15px;background:#ffffffd9;color:#333;letter-spacing:.3px}.after-tag{left:auto;right:17px}.compare-divider{position:absolute;left:var(--split);top:0;bottom:0;width:2px;background:#fff;z-index:3;pointer-events:none;box-shadow:0 0 15px #0003}.compare-divider span{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);background:#a78bfa;color:#1b112e;border:3px solid #fff;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:21px}.compare-controls{display:flex;align-items:center;gap:20px;margin:25px 0 14px;font-size:12px}.compare-controls label{margin:0;white-space:nowrap}.compare-controls input{width:100%;accent-color:#b69aff;margin:0;padding:0;min-height:32px;cursor:ew-resize}.compare-controls output{white-space:nowrap;color:#cdb7ff;min-width:85px;text-align:right}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-top:15px}.package-card{position:relative;padding:30px 25px;border:1px solid #3a3346;border-radius:16px;background:linear-gradient(155deg,#231c2c,#16151b 65%);display:flex;flex-direction:column;transition:transform .3s,border-color .3s}.package-card:hover{transform:translateY(-5px);border-color:#9f80cb}.package-card.featured{border-color:#b292ef;background:linear-gradient(155deg,#3b2655,#1b1723 65%)}.package-ribbon{position:absolute;top:-13px;left:24px;background:#b99aff;color:#21122f;padding:7px 12px;border-radius:20px;font-size:9px;letter-spacing:1px;font-weight:bold}.package-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid #6a5189;border-radius:12px;color:#c4a5ff;font-size:26px;margin:0 0 25px;background:#b49afa0c}.package-card h3{font-size:27px;margin:15px 0}.package-card p{font-size:13px;color:#b6aebe;line-height:1.7;min-height:44px}.package-price{font-size:25px;padding:21px 0;border-top:1px solid #5b456b55;border-bottom:1px solid #5b456b55;margin:10px 0}.package-price small{display:block;font-size:10px;color:#aaa0b6;margin-top:7px}.package-card ul{padding:0;list-style:none;font-size:12px;line-height:1.6;flex:1;margin:15px 0 25px}.package-card li{position:relative;padding:8px 0 8px 19px;color:#d4cddd}.package-card li:before{content:'✓';position:absolute;left:0;color:#bd98fa}.package-card .btn{padding:15px 12px;font-size:12px;gap:8px}.package-footnote{max-width:750px;margin:25px auto 0;text-align:center;font-size:11px;color:#a9a0b4;line-height:1.7}.trau-home footer{padding-bottom:95px}body:not(.trau-home) footer{padding-bottom:100px}.aura{background:radial-gradient(ellipse at 100% 20%,#d998ab24,transparent 60%),#fbf4ef}.motor{background:radial-gradient(ellipse at 90% 10%,#8dba3020,transparent 50%),#151713}.forma{background:radial-gradient(ellipse at 100% 10%,#74a7bb25,transparent 55%),#f3f2eb}.aura .wa-float{background:#653b48;color:#fff0f5;border-color:#b88d9a}.motor .wa-float{background:#d2f26e;color:#19200e;border-color:#e7ffab}.forma .wa-float{background:#263c44;color:#eff7f6;border-color:#809c9e}
@media(max-width:900px){.trau-home .links{gap:15px}.device-scene{height:240px;padding:20px 12px 45px}.package-card{padding:27px 18px}.package-card h3{font-size:24px}.compare-content h3{font-size:38px}}@media(max-width:600px){.device-scene{height:310px;padding:30px 23px 55px}.phone{width:25%;right:22px;bottom:37px}.package-grid{grid-template-columns:1fr;gap:30px}.package-card{padding:30px}.package-card p{min-height:0}.compare-stage{height:360px}.compare-site-nav{padding:17px 15px;font-size:8px}.compare-site-nav span{display:none}.compare-content{padding:25px 20px;grid-template-columns:1.3fr .7fr;gap:8px}.compare-content h3{font-size:29px}.compare-content p{font-size:10px}.compare-plant{height:165px}.compare-plant i,.compare-plant b{width:35px;height:100px}.compare-kicker{font-size:7px}.compare-fake-button{font-size:8px;padding:10px}.old-nav{font-size:9px}.old-content{padding:20px}.old-content h3{font-size:22px}.old-placeholder{height:90px}.state-tag{font-size:7px;left:8px;bottom:12px}.after-tag{left:auto;right:8px}.compare-controls{gap:12px;flex-wrap:wrap}.compare-controls label{width:100%;font-size:12px}.compare-controls input{flex:1;width:auto;min-width:0}.compare-controls output{font-size:11px}.wa-float{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));padding:14px;border-radius:50%}.wa-float span{display:none}.wa-float svg{width:25px;height:25px}.compare-divider span{width:35px;height:35px;font-size:17px}.trau-home .portfolio{overflow:hidden}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,.wa-float,.laptop,.phone,.package-card,.trau-home .service{transition:none!important;transform:none!important}.reveal.waiting{opacity:1!important}.project>a:hover .laptop,.project>a:hover .phone{transform:none}}

.compare-stage{touch-action:pan-y;cursor:ew-resize;user-select:none}

/* Transparent launch pricing for Trau Studio */
.launch-offer{display:flex;align-items:center;gap:17px;margin:25px 0 12px;padding:19px 22px;border:1px solid #8160b2;border-radius:16px;background:linear-gradient(115deg,#352044,#221a2b 65%,#30213c);box-shadow:0 12px 35px #00000020}
.launch-spark{display:grid;place-items:center;flex:none;width:43px;height:43px;border-radius:13px;background:#d0aeff;color:#281333;font-size:27px}
.launch-offer strong{display:block;font-size:16px;color:#f5eaff;letter-spacing:.1px}
.launch-offer p{margin:5px 0 0;color:#c4b5d2;font-size:12px;line-height:1.5}
.launch-limited{flex:none;margin-left:auto;border:1px solid #ae8de0;border-radius:999px;padding:8px 12px;color:#ead9ff;background:#a78bfa18;font-size:9px;font-weight:800;letter-spacing:1px;white-space:nowrap}
.package-price{font-size:initial}
.package-price .price-meta{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:7px}
.launch-label{font-size:9px;font-weight:800;letter-spacing:1px;color:#c8a3ff}
.discount-pill{display:inline-block;border-radius:999px;padding:6px 9px;color:#17131c;background:#d6b4ff;font-size:11px;font-weight:800;white-space:nowrap}
.package-price .price-figure{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px;padding:15px 0 8px;color:#f6f0ff}
.price-figure>span:first-child{font-size:11px;color:#c4b7d1}
.price-figure strong{font-size:clamp(30px,3vw,40px);font-weight:800;line-height:1.1;letter-spacing:-1.5px}
.price-figure .currency{font-size:10px;font-weight:600;color:#cbb9db;letter-spacing:.2px}
.price-reference{color:#b2a6be;font-size:11px;line-height:1.45}
.price-reference del{color:#b2a6be;text-decoration-color:#cda7ff;text-decoration-thickness:2px}
.package-price small{font-size:10px;margin-top:9px}
.package-card.featured .discount-pill{background:#e3cbff}
@media(max-width:760px){.launch-offer{display:grid;grid-template-columns:43px minmax(0,1fr);padding:18px;gap:12px}.launch-limited{grid-column:1/-1;margin:2px 0 0;justify-self:start}.price-figure strong{font-size:37px}}