/* Cadê o Trem?: azul e roxo do ecossistema Lumus. */
.trem-hero{background:radial-gradient(ellipse at 78% 28%,#422a7b25,transparent 50%)}.trem-hero-art{min-height:500px;position:relative;display:grid;justify-items:center;align-content:center;isolation:isolate}.trem-orbit{position:absolute;inset:20px;border:1px solid #b6a0ff20;border-radius:50%;z-index:-1;background:radial-gradient(circle,#4361b42b,transparent 65%)}.trem-orbit:after{content:'';position:absolute;inset:35px;border:1px dashed #79d9ff25;border-radius:50%;transform:rotate(-20deg)}.trem-mascot{width:min(65%,310px);height:auto;filter:drop-shadow(0 24px 35px #51449445);animation:float 7s ease-in-out infinite}.trem-floating-search{position:relative;margin-top:-15px;background:linear-gradient(120deg,#243358ef,#1c2345ef);border:1px solid #b6a0ff60;border-radius:16px;display:flex;align-items:center;gap:17px;padding:22px;box-shadow:0 20px 80px #0008;transform:rotate(-3deg)}.trem-floating-search small{display:block;font-size:9px;letter-spacing:2px;color:#b6a0ff}.trem-floating-search strong{font-size:17px;font-weight:500}.trem-floating-search kbd{margin-left:12px}.trem-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-top:35px}.trem-pills span{font-size:11px;padding:6px 13px;border:1px solid #b6a0ff25;border-radius:30px;color:#c0c7de;background:#121a30}.trem-shortcut{display:flex;gap:6px;align-items:center;margin-top:28px}.trem-shortcut span{font-size:11px;color:#9ca9c6;margin-left:8px}.trem-shortcut kbd,.trem-floating-search kbd{border:1px solid #b6a0ff45;border-bottom-width:3px;border-radius:6px;background:#192139;padding:3px 10px;color:#d4c7ff;font:13px Inter,sans-serif}.trem-product{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.trem-product .product-top{grid-column:1/-1}.trem-product .product-info{align-self:center;padding-top:30px}.trem-card-art{overflow:visible;background:radial-gradient(ellipse,#7961d12b,transparent 65%)}.trem-card-art>img{width:170px;height:170px;object-fit:contain;animation:float 7s ease-in-out infinite}.trem-card-search{border:1px solid #b6a0ff55;background:#17213b;border-radius:12px;padding:18px 22px;min-width:205px;transform:rotate(-4deg);margin-left:-30px;box-shadow:0 20px 40px #0005}.trem-card-search span{font-size:13px}.trem-card-search kbd{float:right;color:#b6a0ff;margin-left:12px}.trem-card-search small{display:block;color:#a3adca;font-size:9px;margin-top:12px}.trem-demo{border:1px solid #8596ce45;border-radius:18px;overflow:hidden;background:#0d1528;box-shadow:0 24px 80px #0004}.trem-workspace{background:#090f1d}.trem-stage{position:relative;padding:32px;min-height:470px;display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center;background:radial-gradient(ellipse at 50% 40%,#4e39852e,transparent 65%)}.trem-monitor{border:1px solid #b6a0ff20;border-radius:10px;overflow:hidden;background:#080d18}.trem-picture{aspect-ratio:16/10;position:relative;overflow:hidden;display:grid;place-items:center}.trem-picture img{width:100%;height:100%;object-fit:cover;transition:filter .7s,transform 1.2s}.trem-title-preview{position:absolute;left:5%;right:5%;font-size:clamp(12px,1.8vw,24px);font-weight:800;text-align:center;letter-spacing:-.5px;text-shadow:0 2px 20px #000;opacity:0;transform:translateY(15px);transition:opacity .5s,transform .5s}.trem-monitor-label{display:block;padding:10px 15px;font:9px Inter,sans-serif;letter-spacing:2px;color:#8995b5}.trem-console{border:1px solid #afbbf150;border-radius:15px;background:linear-gradient(135deg,#152847fa,#19182ffa);padding:16px;box-shadow:0 24px 70px #0009;transition:opacity .25s,transform .25s;position:relative;z-index:2;min-width:0}.trem-console-brand{display:flex;gap:9px;align-items:center;margin-bottom:18px;font-size:13px}.trem-console-brand em{font-style:normal;color:#79d9ff}.trem-console-brand small{font-size:9px;color:#879ab7;margin-left:auto;text-align:right}.trem-input{display:flex;gap:10px;align-items:center;padding:11px 12px;border:1px solid #b6a0ff70;border-radius:11px;background:#ffffff08;box-shadow:0 0 0 3px #8663c612}.trem-input span{font-size:24px;line-height:1;color:#79d9ff}.trem-input input{width:100%;min-width:0;outline:none;border:0;background:none;color:#f1f2ff;font:13px Inter,sans-serif}.trem-input input::placeholder{color:#9ba8c4}.trem-input:focus-within{outline:2px solid #b6a0ff;outline-offset:3px}.trem-input kbd{font-size:12px;color:#a3adca}.trem-filters{display:flex;gap:5px;flex-wrap:wrap;margin:12px 0}.trem-filters button{font-size:10px;padding:5px 9px;background:#ffffff06;border:1px solid #ffffff15;border-radius:30px;color:#b2bed7}.trem-filters button[aria-pressed=true]{background:#b6a0ff;color:#11172d;border-color:#b6a0ff}.trem-results{margin:0;padding:4px;list-style:none;height:230px;overflow-y:auto;border:1px solid #ffffff12;border-radius:10px;background:#080f2070;scrollbar-color:#55466f #10182a}.trem-results button{width:100%;display:flex;gap:9px;align-items:center;text-align:left;padding:9px 8px;background:none;border:1px solid transparent;border-radius:8px;font-size:12px;min-height:45px}.trem-results button:hover,.trem-results button.selected{background:linear-gradient(110deg,#79d9ff1d,#b6a0ff16);border-color:#79d9ff50}.trem-results b{font-weight:500;display:block}.trem-results small{display:block;color:#889ab9;font-size:9px}.trem-results button>span:nth-child(2){flex:1;min-width:0}.trem-result-icon{width:25px;height:25px;border-radius:7px;background:#b6a0ff15;color:#b6a0ff;display:grid;place-items:center;flex:none}.trem-kind{font-size:8px!important;color:#a3adca;border:1px solid #ffffff17;border-radius:20px;padding:2px 6px;white-space:nowrap}.trem-console-foot{display:flex;justify-content:space-between;gap:10px;color:#8b9bbd;font-size:8px;margin-top:12px}.trem-console-foot span:last-child{text-align:right}.trem-empty{display:grid;justify-items:center;text-align:center;padding:8px;gap:6px;font-size:11px}.trem-empty span{font-size:10px;color:#9ba8c4}.trem-applied{display:grid;align-content:center;justify-items:center;position:absolute;right:32px;width:calc(50% - 44px);pointer-events:none;gap:12px}.trem-applied strong{font-size:22px;letter-spacing:-.5px}.trem-applied p{font-size:12px;text-align:center}.trem-applied[hidden]{display:none}.trem-closed .trem-console{visibility:hidden;opacity:0;transform:translateY(-20px) scale(.98)}.trem-timeline{margin:0 32px;padding:0 0 25px}.trem-ruler{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#8495b4;border-bottom:1px solid #ffffff15;padding:10px 0 12px;margin-left:30px}.trem-lane{display:flex;position:relative;gap:5px;margin-top:6px;min-height:30px;font-size:9px}.trem-lane>small{flex:none;width:25px;display:grid;align-items:center;color:#8b9bbd;font-size:8px}.trem-lane>span{border-radius:3px;padding:8px 12px;flex:1;overflow:hidden}.trem-video-lane>span{background:#66539380;border:1px solid #b6a0ff55}.trem-video-lane b,.trem-audio-lane b{font-size:8px;color:#ede5ff;float:right;margin-left:8px}.trem-audio-lane>span{background:repeating-linear-gradient(90deg,#27525b 0 2px,#193743 2px 5px);border:1px solid #79d9ff35}.trem-text-lane>span{border:1px dashed #ffffff12;color:transparent}.trem-demo[data-fx=text] .trem-text-lane>span{flex:none;width:38%;color:#edebff;background:#8663c6;border:1px solid #b6a0ff}.trem-demo[data-fx=text] .trem-title-preview{opacity:1;transform:none}.trem-demo[data-fx=blur] .trem-picture img{filter:blur(5px)}.trem-demo[data-fx=color] .trem-picture img{filter:saturate(1.6) contrast(1.2)}.trem-demo[data-fx=zoom] .trem-picture img{transform:scale(1.2)}.trem-demo[data-fx=transition] .trem-picture{animation:trem-dissolve 2s ease-in-out 2}.trem-demo[data-fx=audio] .trem-audio-lane>span{background-color:#52608a;box-shadow:0 0 15px #b6a0ff30}.trem-transition-mark{position:absolute;left:49%;padding:5px;background:#b6a0ff;color:#14152f;border-radius:3px}.trem-demo-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:22px 30px;border-top:1px solid #ffffff15}.trem-demo-bottom p{font-size:12px;max-width:680px}.trem-demo-bottom .btn{flex:none;min-height:44px;font-size:11px}.trem-suggestions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:25px;font-size:12px;color:#a3adca}.trem-suggestions button{padding:8px 14px;border:1px solid #b6a0ff40;background:#b6a0ff0b;border-radius:8px;color:#cab7ff;font-size:12px;transition:background .2s}.trem-suggestions button:hover{background:#b6a0ff25}.trem-detail-art{display:grid;justify-items:center;padding:20px;background:radial-gradient(ellipse,#8663c620,transparent 70%)}.trem-detail-art>img{width:220px;height:220px;object-fit:contain}.trem-detail-example{width:100%;max-width:360px;display:grid;gap:10px;padding:24px;background:#131d34;border:1px solid #b6a0ff45;border-radius:14px;transform:rotate(-2deg)}.trem-detail-example small{font-size:9px;letter-spacing:1px;color:#99a8c7}.trem-detail-example strong{font-size:17px;font-weight:500}.trem-detail-example>span,.trem-detail-example strong span{color:#b6a0ff}.trem-integration{display:flex;justify-content:center;align-items:center;gap:22px;flex-wrap:wrap;padding:45px;border:1px solid #b6a0ff30;border-radius:20px;background:radial-gradient(ellipse,#8663c622,transparent)}.trem-integration>span{font-size:32px;color:#b6a0ff}.trem-integration p{flex-basis:100%;text-align:center;font-size:22px;line-height:1.4;margin-top:20px;color:#e4ddff}.trem-integration img{object-fit:contain}.nav-links{gap:22px}.hub-content .app-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.trem-mini-icon{width:36px;height:36px;object-fit:contain}.trem-mini-app p{font-size:8px}
@keyframes trem-dissolve{50%{opacity:.15}}@media(max-width:1100px){.nav-links{gap:15px;font-size:11px}.nav-button{padding:9px 12px!important}.brand{font-size:22px}.trem-stage{grid-template-columns:.85fr 1.15fr;padding:24px;gap:18px}.trem-applied{width:50%;right:24px}.trem-console-brand small{display:none}.trem-kind{display:none}.trem-card-art>img{width:130px;height:130px}.trem-card-search{min-width:185px;padding:16px}.trem-hero-art{min-height:420px}}
@media(max-width:800px){.trem-hero-art{min-height:400px}.trem-product{display:block}.trem-product .product-info{padding-top:0}.trem-card-art>img{width:170px;height:170px}.trem-stage{grid-template-columns:1fr;min-height:670px;gap:20px}.trem-monitor{width:100%;max-width:420px;margin:auto}.trem-picture{aspect-ratio:16/8}.trem-title-preview{font-size:20px}.trem-console{width:100%;max-width:540px;margin:auto}.trem-applied{inset:auto 24px 70px;width:calc(100% - 48px);min-height:250px}.trem-demo-bottom{align-items:start;flex-direction:column;gap:15px}.trem-hero .hero-grid{gap:10px}.trem-pills{margin-top:25px}.trem-floating-search strong{font-size:16px}.trem-shortcut{flex-wrap:wrap}.trem-kind{display:block}.trem-console-brand small{display:block}}
@media(max-width:600px){.trem-stage{padding:16px;min-height:630px}.trem-timeline{margin:0 16px}.trem-demo-bottom{padding:20px}.trem-console{padding:12px}.trem-input input{font-size:12px}.trem-results{height:220px}.trem-results button{font-size:11px}.trem-kind{display:none}.trem-floating-search{padding:17px;gap:10px}.trem-hero-art{min-height:370px}.trem-hero .hero-bottom .platforms{flex-wrap:wrap;gap:8px}.trem-integration{padding:30px 20px}.trem-integration img{width:80px;height:80px}.trem-lane b{max-width:70px;overflow:hidden;white-space:nowrap}.hub-content .app-grid{grid-template-columns:1fr 1fr}.trem-mini-app{grid-column:1/-1}.trem-mini-app strong{display:inline-block;margin:0 10px}.trem-mini-app p{display:inline-block}.trem-mini-app .mini-cta{display:none}.trem-mini-app img{width:28px;height:28px;vertical-align:middle}}
@media(prefers-reduced-motion:reduce){.trem-mascot,.trem-card-art>img,.trem-picture,.trem-picture img,.trem-title-preview,.trem-console{animation:none!important;transition:none!important}}