/* Continuous illustrated bands: background artwork extends behind the copy. */
.presets{padding:0}
.presets>.intro{display:none}
.preset-row,.preset-row.reverse{position:relative;isolation:isolate;display:block;min-height:0;height:clamp(350px,28vw,540px);overflow:hidden;background:#080c0e}
.preset-row::before{content:"";position:absolute;inset:-10px;z-index:-2;background-image:var(--scene-art);background-size:cover;background-position:center 65%;filter:blur(4px);opacity:.6;transform:scale(1.02)}
.preset-row::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,9,10,.88),rgba(5,9,10,.53) 32%,transparent 66%)}
.preset-row.reverse::after{background:linear-gradient(270deg,rgba(5,9,10,.88),rgba(5,9,10,.53) 32%,transparent 66%)}
.preset-row .monitor-scene{position:absolute;right:0;top:50%;width:68%;aspect-ratio:1672/941;height:auto;min-height:0;transform:translateY(-50%);z-index:-1;mask-image:linear-gradient(90deg,transparent,#000 22%);background:transparent}
.preset-row.reverse .monitor-scene{right:auto;left:0;mask-image:linear-gradient(270deg,transparent,#000 22%)}
.preset-row .scene{width:100%;height:auto;aspect-ratio:1672/941;object-fit:fill}
.preset-row .preset-copy,.preset-row.reverse .preset-copy{position:relative;padding:35px 0;margin-left:max(4.3vw,calc((100vw - 1440px)/2));width:32%;height:100%;display:flex;flex-direction:column;justify-content:center;z-index:2}
.preset-row.reverse .preset-copy{margin-left:60%;width:33%}
.preset-copy>span::after{content:"";display:inline-block;width:26px;height:1px;background:#82918f;margin:0 0 4px 14px}
.preset-copy h3{font-size:clamp(44px,5.6vw,78px);margin:12px 0 14px;line-height:1.05}
.preset-copy p{font-size:clamp(14px,1.35vw,18px);line-height:1.55;margin:0;max-width:460px}
.app-shot img,.app-shot video{width:100%;height:auto;border-radius:10px}
.hero-actions{align-items:flex-start;flex-direction:column;gap:10px}
.hero-inner{gap:32px;padding-top:42px;padding-bottom:42px;min-height:0}
.hero{min-height:0}
.requirements{padding:48px 0}
.requirements h2{font-size:clamp(32px,3.8vw,52px)}
.facts{margin-top:32px}
.requirements,.faq,.feature-strip{position:relative;isolation:isolate}
.requirements::before,.faq::before,.feature-strip::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background-image:linear-gradient(rgba(5,9,10,.85),rgba(5,9,10,.92)),var(--ambient-art);background-size:cover;background-position:center}
.faq{padding:48px 0;gap:40px}
.buy,.buy-inner{min-height:290px}
.effect-stories{border-top:1px solid #29302e;border-bottom:1px solid #29302e}
.effect-story{position:relative;isolation:isolate;min-height:clamp(440px,39vw,640px);display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border-bottom:1px solid #29302e}
.effect-story:last-child{border-bottom:0}
.effect-story::before{content:"";position:absolute;z-index:-2;inset:0;background:radial-gradient(circle at 75% 50%,rgba(123,255,213,.16),transparent 28%),linear-gradient(125deg,#071111,#06090a 56%,#0c1717)}
.interaction-story::before{background:radial-gradient(circle at 28% 52%,rgba(124,243,212,.17),transparent 24%),linear-gradient(235deg,#071111,#06090a 56%,#0c1717)}
.effect-copy{align-self:center;margin-left:max(4.3vw,calc((100vw - 1440px)/2));width:min(480px,84%)}
.interaction-story .effect-copy{grid-column:2;margin-left:15%}
.effect-copy h2{font-size:clamp(42px,5vw,76px);font-weight:350;letter-spacing:-.055em;line-height:1.02;margin:0 0 20px}
.effect-copy>p:last-of-type{color:#bac3bf;font-size:clamp(15px,1.38vw,19px);line-height:1.65;max-width:470px}
.effect-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.effect-points span{border:1px solid #47544f;border-radius:999px;padding:8px 12px;color:#d4ded9;font-size:12px}
.effect-visual{position:absolute;right:0;top:0;width:56%;height:100%;overflow:hidden}.interaction-visual{right:auto;left:0}
.audio-visual::before{content:"";position:absolute;inset:14% 12%;border:1px solid rgba(167,255,223,.23);border-radius:22px;background:linear-gradient(160deg,rgba(159,255,217,.13),transparent 47%);box-shadow:0 0 90px rgba(129,255,212,.12)}
.audio-visual i{position:absolute;bottom:22%;left:calc(18% + var(--x,0px));width:6%;border-radius:999px;background:linear-gradient(#d4fff0,#59e9bd);box-shadow:0 0 24px rgba(130,255,209,.65);animation:audio-pulse 2.8s ease-in-out infinite}
.audio-visual i:nth-of-type(1){--x:0px;height:23%}.audio-visual i:nth-of-type(2){--x:10%;height:43%;animation-delay:.2s}.audio-visual i:nth-of-type(3){--x:20%;height:65%;animation-delay:.5s}.audio-visual i:nth-of-type(4){--x:30%;height:35%;animation-delay:.7s}.audio-visual i:nth-of-type(5){--x:40%;height:52%;animation-delay:1s}.audio-visual i:nth-of-type(6){--x:50%;height:28%;animation-delay:1.2s}
.audio-visual b{position:absolute;width:24px;height:24px;border-radius:50%;right:17%;top:18%;background:#b9ffe2;box-shadow:0 0 24px 12px rgba(120,255,207,.42),0 0 90px 38px rgba(120,255,207,.16);animation:float 5s ease-in-out infinite}
.interaction-visual b{position:absolute;left:42%;top:32%;width:72px;height:72px;border-radius:50%;border:1px solid #a7ffdc;box-shadow:0 0 38px 14px rgba(114,255,207,.34),inset 0 0 34px rgba(114,255,207,.2);animation:cursor-glow 4s ease-in-out infinite}
.interaction-visual i{position:absolute;left:45%;top:35%;width:220px;height:220px;border:1px solid rgba(145,255,215,.4);border-radius:50%;animation:ripple 3.2s ease-out infinite}.interaction-visual i:nth-of-type(2){animation-delay:1.05s}.interaction-visual i:nth-of-type(3){animation-delay:2.1s}
.interaction-visual em{position:absolute;left:48%;top:38%;width:12px;height:12px;border-radius:50%;background:#d9fff1;box-shadow:0 0 40px 16px rgba(123,255,210,.65)}
@keyframes audio-pulse{50%{transform:scaleY(.42);opacity:.48}}@keyframes float{50%{transform:translate(-18px,20px) scale(.7)}}@keyframes cursor-glow{50%{transform:translate(68px,42px)}}@keyframes ripple{to{transform:scale(1.35);opacity:0}}
@media(max-width:760px){
 .preset-row,.preset-row.reverse{height:570px}
 .preset-row .monitor-scene,.preset-row.reverse .monitor-scene{width:110%;left:auto;right:-5%;top:auto;bottom:0;transform:none;mask-image:linear-gradient(180deg,transparent,#000 18%)}
 .preset-row .preset-copy,.preset-row.reverse .preset-copy{margin:0;padding:28px 24px;width:100%;height:auto;justify-content:flex-start}
 .preset-copy p{max-width:440px}
 .preset-row::after,.preset-row.reverse::after{background:linear-gradient(180deg,rgba(5,9,10,.9),rgba(5,9,10,.25) 70%)}
 .preset-copy h3{font-size:48px}
 .effect-story{min-height:600px;grid-template-columns:1fr}.effect-copy,.interaction-story .effect-copy{grid-column:auto;align-self:start;margin:0;padding:44px 24px;width:100%}.effect-visual,.interaction-visual{top:auto;bottom:0;left:0;right:auto;width:100%;height:55%}
}