#app{background:radial-gradient(ellipse at 0 50%,#26292177,transparent 70%),#0c0f0c}.app-header{padding-bottom:4px}.app-header .brand>span{font-size:clamp(3rem,13vw,5rem)}.section-heading{padding:0 20px;font-size:clamp(1.55rem,5.7vw,2.5rem);margin-bottom:15px}.reveal-tabs{display:flex;margin:0 15px 20px;gap:6px;overflow:auto;scrollbar-width:none}.reveal-tabs button{flex:1;display:flex;gap:6px;align-items:center;justify-content:center;border:1px solid #575545;border-radius:28px;min-height:43px;padding:8px 10px;font:12px Arial,sans-serif;white-space:nowrap;color:#c8c6b8}.reveal-tabs button .icon{width:18px;height:18px}.reveal-tabs button[aria-pressed=true]{border-color:#d9b38a;box-shadow:inset 0 0 0 1px #98663e,0 0 16px #bf8e5844;color:#ffe3bd}.comparison{margin:0 16px}.compare-frame{position:relative;height:555px;overflow:hidden;border-radius:18px;background:#131813;box-shadow:0 5px 25px #0008;touch-action:pan-y;user-select:none;cursor:ew-resize}.compare-layer{position:absolute;inset:0;padding:15px 18px 25px;overflow:hidden}.clean{background:linear-gradient(90deg,#181d16,#0d130f)}.noisy{background:linear-gradient(100deg,#252b23,#34342b);clip-path:inset(0 calc(100% - var(--split)) 0 0);filter:saturate(.4)}.noisy:before{content:'';position:absolute;inset:-30px;pointer-events:none;opacity:.12;background:repeating-linear-gradient(70deg,transparent 0 32px,#b6b197 33px 34px,transparent 35px 70px);transform:rotate(-10deg)}.scene-title{display:flex;flex-direction:column;gap:3px;text-align:center;margin:1px 0 20px;font-family:Georgia,serif;position:relative}.scene-title strong{font-size:12px;letter-spacing:.3em;font-weight:400}.scene-title small{font-size:11px;color:#c2c0b2}.fake-query{position:relative;padding:10px 13px;min-height:43px;border:1px solid #828678;background:linear-gradient(#333a30,#282f25);border-radius:25px;display:flex;align-items:center;gap:12px;font:13px Arial,sans-serif;color:#f0f0e5}.fake-query .icon{width:19px;height:19px}.fake-tabs{display:flex;gap:20px;padding:16px 2px 13px;border-bottom:1px solid #79806b44;font:11px Arial,sans-serif;color:#b3b9a7}.fake-tabs span:first-child{color:#fff;border-bottom:1px solid #fff}.demo-result{margin-top:20px;padding-bottom:22px;border-bottom:1px solid #7c876244}.demo-source{display:flex;gap:10px;align-items:center;font:9px/1.5 Arial,sans-serif;color:#b5bba6;letter-spacing:.06em}.demo-source>.icon{width:23px;height:23px;color:#d8d7c1}.demo-result h3{font-size:1.45rem;line-height:1.15;margin:13px 0;color:#e4e4d6}.demo-lines{display:flex;flex-direction:column;gap:7px}.demo-lines i{height:5px;background:#c2c9b025;width:90%;border-radius:3px}.demo-lines i:nth-child(2){width:100%}.demo-lines i:nth-child(3){width:65%}.ai-block{border:1px solid #bcbda966;border-radius:9px;background:linear-gradient(130deg,#adb2a244,#90998722);padding:13px 15px;margin-top:15px;box-shadow:0 3px 8px #0005}.ai-block .demo-result h3{font-size:1.2rem}.ai-block .demo-lines{gap:6px}.ai-block .demo-lines i{background:#d1d3c850}.suggestion-pills{display:flex;gap:8px;margin-top:18px;font:9px Arial,sans-serif}.suggestion-pills>span{border:1px solid #c4c7b166;border-radius:20px;padding:7px 10px}.compare-divider{position:absolute;left:var(--split);top:0;bottom:0;width:2px;background:#d2a678;box-shadow:0 0 12px #c49c6477;pointer-events:none}.compare-divider>span{position:absolute;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:#392619;font:18px Arial,sans-serif;border:1px solid #edc695;background:linear-gradient(100deg,#ab754b,#e1b88a,#92623e);box-shadow:0 2px 10px #0009}.comparison figcaption{font:10px/1.5 Arial,sans-serif;color:#a5aa98;text-align:center;padding:9px 0}.slider-label{font:12px Arial,sans-serif;display:flex;justify-content:space-between;color:#b4b49e;margin:12px 0 0}.slider-label>span{color:#d6b78a}#reveal-range{accent-color:#c89763;padding:0;background:transparent;border:0;min-height:37px;cursor:ew-resize}.reveal-action{text-align:center;padding:12px 26px 0}.reveal-action h2{font-size:1.5rem;line-height:1.1;max-width:25ch;margin:0 auto 19px}.reveal-action>.primary{max-width:360px;margin:auto;font-size:1.4rem}.reveal-action>.text-button{font-size:12px;margin:8px auto}@media(min-width:600px){.comparison{margin:0 35px}.compare-frame{height:640px}.compare-layer{padding:25px 35px}.demo-result h3{font-size:1.8rem}.demo-source{font-size:11px}.demo-lines i{height:7px}.demo-result{margin-top:28px}.reveal-tabs{margin:15px 35px 28px}.reveal-tabs button{font-size:15px;min-height:50px}.scene-title strong{font-size:15px}.scene-title small{font-size:14px}.reveal-action h2{font-size:2rem}}