.lut-page{background:var(--paper,#f4f2ec);color:var(--ink,#0d1423)}
.lut-hero{min-height:88vh;position:relative;display:flex;align-items:flex-end;overflow:hidden;color:#fff;padding:clamp(110px,16vw,210px) clamp(22px,5vw,72px) 56px}
.lut-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.lut-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,12,27,.9),rgba(5,12,27,.3) 65%,rgba(5,12,27,.12)),linear-gradient(0deg,rgba(5,12,27,.78),transparent 48%)}
.lut-hero-copy{position:relative;z-index:1;max-width:830px}.lut-hero h1{font-size:clamp(3.6rem,8.4vw,8.7rem);line-height:.86;letter-spacing:-.065em;margin:16px 0 26px}.lut-hero-copy>p:not(.eyebrow){max-width:650px;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.55}.lut-hero-note{position:absolute;z-index:1;right:5vw;bottom:64px;font-size:.72rem;letter-spacing:.16em;font-weight:600}
.lut-button,.lut-download,.lut-preview{border:0;border-radius:8px;min-height:48px;padding:0 20px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;font:600 .9rem/1 inherit;text-decoration:none;cursor:pointer;background:#d7f75b;color:#08111f}.lut-button{margin-top:20px}.lut-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:9vw;align-items:start;padding-block:110px}.lut-intro h2,.lut-section-head h2,.lut-how h2,.lut-faq h2,.lut-cta h2{font-size:clamp(2.8rem,6vw,6.3rem);line-height:.92;letter-spacing:-.06em;margin:14px 0}.lut-intro>div:last-child{font-size:1.05rem;line-height:1.75;padding-top:46px}.lut-apps{padding-block:36px 88px}.app-strip{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr))}.app-strip span{min-height:128px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;padding:18px 10px;text-align:center}.app-strip em{font-style:normal;font-size:.7rem;line-height:1.25;letter-spacing:.02em;white-space:nowrap}.app-logo{width:58px;height:58px;flex:0 0 58px;object-fit:contain;border-radius:9px}.lut-library{background:#08111f;color:#f7f5ef;padding-block:110px}.lut-section-head{display:grid;grid-template-columns:1.25fr .75fr;gap:7vw;align-items:end;margin-bottom:54px}.lut-section-head>p{max-width:470px;line-height:1.65}.lut-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.lut-card{background:#111c2d;border:1px solid rgba(255,255,255,.14);border-radius:10px;overflow:hidden}.compare{position:relative;aspect-ratio:4/3;overflow:hidden;background:#182033;--position:50%}.compare img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.compare-after{position:absolute;inset:0;clip-path:inset(0 0 0 var(--position));overflow:hidden}.compare-after img{position:absolute;inset:0}.compare input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;z-index:5}.compare-handle{position:absolute;z-index:4;left:var(--position);top:0;bottom:0;width:2px;background:white;transform:translateX(-1px);pointer-events:none}.compare-handle:after{content:'↔';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;background:#d7f75b;color:#08111f;display:grid;place-items:center;font-weight:700}.compare-label{position:absolute;z-index:3;top:14px;padding:7px 10px;border-radius:5px;background:rgba(5,12,27,.72);color:#fff;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em}.compare-label.before{left:14px}.compare-label.after{right:14px}.lut-copy{padding:24px}.lut-type{font-size:.68rem;letter-spacing:.15em;color:#d7f75b;margin:0}.lut-copy h3{font-size:1.65rem;margin:8px 0 10px}.lut-copy>p:not(.lut-type){color:#aeb8c7;line-height:1.55;min-height:74px}.lut-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.lut-preview{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35)}
.lut-how{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;align-items:start;padding-block:120px}.how-copy{position:sticky;top:110px}.how-copy p{line-height:1.65}.how-steps{list-style:none;margin:0;padding:0;border-top:1px solid currentColor}.how-steps li{display:grid;grid-template-columns:72px 1fr;gap:20px;padding:28px 0;border-bottom:1px solid currentColor}.how-steps li>span{font-size:.72rem;letter-spacing:.14em;color:#3457f1;font-weight:700}.how-steps h3{font-size:1.45rem;margin:0 0 8px}.how-steps p{margin:0;line-height:1.6;max-width:580px}.lut-tips{padding-block:110px}.tips-list{border-top:1px solid currentColor}.tips-list details{border-bottom:1px solid currentColor}.tips-list summary{list-style:none;display:flex;justify-content:space-between;padding:25px 0;font-size:1.15rem;font-weight:600;cursor:pointer}.tips-list summary::-webkit-details-marker{display:none}.tips-list details p{max-width:760px;padding:0 0 26px;margin:0;line-height:1.65}.tips-list details[open] summary span{transform:rotate(45deg)}
.lut-faq{background:#3457f1;color:#fff;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;padding-block:110px}.lut-faq .faqs details{border-color:rgba(255,255,255,.45)}.lut-related{padding-block:110px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.related-grid.related-single{grid-template-columns:1fr}.related-grid a{min-height:260px;padding:28px;border:1px solid currentColor;border-radius:9px;display:flex;flex-direction:column;color:inherit;text-decoration:none}.related-grid.related-single a{min-height:300px;background:linear-gradient(105deg,#0b1423 0 58%,#3457f1 58%);color:#fff}.related-grid small{letter-spacing:.14em}.related-grid h3{font-size:1.7rem;margin:auto 0 20px;max-width:760px}.lut-cta{padding:110px 5vw;background:#d7f75b;color:#08111f;text-align:center}.lut-cta .lut-button{background:#08111f;color:#fff}
dialog{border:0;padding:0;background:transparent;max-width:none;max-height:none}dialog::backdrop{background:rgba(3,8,18,.68);backdrop-filter:blur(7px)}.follow-modal,.preview-modal{border-radius:10px;background:#0b1423;color:white}.follow-modal{width:min(540px,calc(100vw - 28px));padding:28px}.follow-modal .follow-copy{padding-right:48px}.follow-modal h2{font-size:clamp(1.9rem,4vw,2.9rem);line-height:.98;letter-spacing:-.045em;margin:8px 0}.follow-modal .follow-copy>p:last-child{color:#aeb8c7;margin:8px 0 0}.modal-close{position:absolute;right:14px;top:14px;width:38px;height:38px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(0,0,0,.22);color:white;font-size:1.4rem;cursor:pointer}.social-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:22px}.social-grid a{min-height:92px;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:white;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px 8px;transition:.2s ease}.social-grid a:hover{transform:translateY(-3px);border-color:#d7f75b;background:rgba(215,247,91,.08)}.social-grid span{font-size:.74rem}.social-icon{width:32px;height:32px;display:grid;place-items:center}.social-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2.6}.youtube-icon{color:#ff3535}.youtube-icon svg path:first-child{fill:currentColor;stroke:none}.youtube-icon .play{fill:white;stroke:none}.tiktok-icon svg,.facebook-icon svg{fill:currentColor;stroke:none}.preview-modal{width:min(1180px,calc(100vw - 32px));padding:clamp(28px,5vw,58px)}.preview-inner h2{font-size:2rem}.modal-compare{aspect-ratio:16/9;max-height:72vh;border-radius:10px}.modal-compare>img,.modal-compare .compare-after,.modal-compare .compare-after img{border-radius:inherit}
@keyframes playhead{from{left:0}to{left:calc(100% - 11px)}}@keyframes demoPulse{50%{box-shadow:0 0 0 5px rgba(52,87,241,.22)}}
@media(max-width:900px){.lut-grid{grid-template-columns:repeat(2,1fr)}.app-strip{display:flex;overflow-x:auto;scroll-snap-type:x proximity}.app-strip span{flex:0 0 132px;scroll-snap-align:start}.lut-how,.lut-intro,.lut-faq,.lut-section-head{grid-template-columns:1fr}.lut-intro>div:last-child{padding-top:0}.lut-hero-note{display:none}.related-grid{grid-template-columns:1fr}.social-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.lut-hero{min-height:760px;padding-inline:18px}.lut-hero h1{font-size:3.6rem}.lut-grid{grid-template-columns:1fr}.app-strip span{flex-basis:118px}.app-logo{width:52px;height:52px;flex-basis:52px}.demo-screen{height:360px;grid-template-columns:1fr 125px}.lut-actions{grid-template-columns:1fr}.social-grid{grid-template-columns:1fr 1fr}}
@media(prefers-color-scheme:dark){.lut-page{background:#0b1423;color:#f7f5ef}.lut-card{background:#101c2d}.related-grid a{border-color:#425068}}
@media(prefers-reduced-motion:reduce){.demo-playhead:after,.demo-panel .active{animation:none}}