:root{--bg: #0d1424;--ink: #fdf6ec;--ink-2: rgb(253 246 236 / .74);--ink-3: rgb(253 246 236 / .62);--blue: #5b8cef;--blue-deep: #2c5fc4;--violet: #7850c7;--navy: #1a2744;--line: rgb(255 255 255 / .08);--mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--ease-out: cubic-bezier(.2, .7, .2, 1);--app-surface: #0b0d12;--app-lowest: #07080b;--app-low: #121521;--app-container: #181c2a;--app-on: #eef1f8;--app-on-variant: #a6aec4;--app-outline: rgb(255 255 255 / .16);--app-accent-line: #33476f}.section{max-width:72rem;margin-inline:auto;padding:7rem 1rem 0}.section-narrow{max-width:50rem}@media(min-width:640px){.section{padding-inline:1.5rem;padding-top:9rem}}.section-head{max-width:46rem;margin:0 auto 3rem;text-align:center}.kicker{display:inline-block;font-size:.8125rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#8fb0f7}.section-title{margin-top:.75rem;font-size:clamp(2rem,5.2vw,3.5rem);font-weight:750;line-height:1.05;letter-spacing:-.035em;color:var(--ink);text-wrap:balance}.section-head .section-title:first-child{margin-top:0}.section-lede{margin-top:1.125rem;font-size:1.125rem;line-height:1.55;color:var(--ink-2);text-wrap:balance}.button-download{gap:.6rem;padding:.95rem 1.75rem;font-size:1.0625rem;background:linear-gradient(180deg,#3468d0,var(--blue-deep));box-shadow:inset 0 1px #ffffff38,0 0 0 1px #ffffff0f,0 14px 34px -10px #2c5fc4cc;transition:transform .2s var(--ease-out),box-shadow .2s var(--ease-out)}.button-download:hover{background:linear-gradient(180deg,#2f5fc0,#244fa3);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff38,0 0 0 1px #ffffff14,0 18px 40px -10px #2c5fc4f2}.link-arrow{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .25rem;font-weight:600;color:var(--ink);border-radius:.5rem}.link-arrow span{transition:transform .2s var(--ease-out)}.link-arrow:hover span{transform:translate(4px)}.hero{position:relative;isolation:isolate;overflow:hidden;overflow:clip;padding:4.5rem 0 0}@media(min-width:640px){.hero{padding-top:5rem}}.wall{position:absolute;inset:-4rem 0 auto;height:64rem;z-index:-1;overflow:hidden;perspective:1400px;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 45%,transparent 92%);mask-image:linear-gradient(to bottom,#000 0%,#000 45%,transparent 92%);opacity:.55}.wall:after{content:"";position:absolute;inset:0;background:radial-gradient(60% 42% at 50% 26%,#0d1424eb,#0d1424b3 55%,#0d142459),linear-gradient(to bottom,#0d142459,#0d1424cc)}.wall-plane{display:flex;justify-content:center;gap:1.1rem;transform:rotateX(32deg) rotate(-9deg) scale(1.35);transform-origin:50% 0}.wall-col{flex:none;width:11rem;animation:wall-up 90s linear infinite}.wall-col img{display:block;width:100%;height:auto;aspect-ratio:2 / 3;margin-bottom:1.1rem;border-radius:.75rem;object-fit:cover}@media(max-width:639px){.wall-col{width:7rem}}.wall-col-2,.wall-col-4,.wall-col-6{animation-name:wall-down}.wall-col-2{animation-duration:110s}.wall-col-3{animation-duration:80s}.wall-col-4{animation-duration:100s}.wall-col-5{animation-duration:120s}.wall-col-6{animation-duration:95s}@keyframes wall-up{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes wall-down{0%{transform:translateY(-50%)}to{transform:translateY(0)}}.hero-copy{max-width:64rem;margin-inline:auto;padding-inline:1rem;text-align:center}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.3rem .85rem .3rem .35rem;border:1px solid rgb(255 255 255 / .12);border-radius:999px;background:#ffffff0d;font-size:.875rem;font-weight:600;color:var(--ink-2);backdrop-filter:blur(8px)}.eyebrow img{width:1.5rem;height:1.5rem;border-radius:.4rem}.hero-title{margin-top:1.5rem;font-size:clamp(2.6rem,7.4vw,5.5rem);font-weight:800;line-height:1;letter-spacing:-.038em;text-wrap:balance;color:var(--ink);background:linear-gradient(180deg,#fff 35%,#c9d6f5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-lede{max-width:36rem;margin:1.5rem auto 0;font-size:clamp(1.125rem,2.2vw,1.3125rem);line-height:1.5;color:var(--ink-2);text-wrap:balance}.hero-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem 1.75rem;margin-top:2.25rem}.hero-meta{margin-top:1rem;font-size:.875rem;color:var(--ink-3)}.hero-meta+.hero-meta{margin-top:.25rem}.hero-meta a{text-decoration:underline;text-decoration-color:#fdf6ec4d;text-underline-offset:3px}.hero-meta a:hover{color:var(--ink)}.hero-stage{position:relative;max-width:78rem;margin:4rem auto 0;padding-inline:1rem;perspective:2200px}@media(min-width:640px){.hero-stage{margin-top:4rem;padding-inline:1.5rem}}.hero-glow{position:absolute;inset:6% 8% 20%;z-index:-1;border-radius:50%;background:radial-gradient(50% 50% at 35% 50%,rgb(44 95 196 / .55),transparent 70%),radial-gradient(50% 50% at 70% 45%,rgb(120 80 199 / .45),transparent 70%);filter:blur(60px)}.hero-tilt{transform-origin:50% 0}.hero-note{max-width:40rem;margin:2.5rem auto 0;padding-inline:1rem;text-align:center;font-size:.875rem;line-height:1.5;color:var(--ink-3)}.rise{animation:rise 1s var(--ease-out) both}.rise-2{animation-delay:.08s}.rise-3{animation-delay:.16s}.rise-4{animation-delay:.24s}.rise-5{animation-duration:1.4s;animation-delay:.3s}@keyframes rise{0%{opacity:0;transform:translateY(28px);filter:blur(8px)}}.mock{container-type:inline-size;max-width:1200px;margin-inline:auto}.mock-window{--u: calc(100cqw / 1200);display:grid;grid-template-columns:calc(var(--u) * 240) minmax(0,1fr) calc(var(--u) * 380);height:calc(var(--u) * 740);overflow:hidden;border-radius:calc(var(--u) * 16);border:1px solid rgb(255 255 255 / .14);background:var(--app-surface);box-shadow:0 0 0 1px #0009,inset 0 1px #ffffff0f,0 60px 120px -30px #000000d9,0 30px 60px -30px #2c5fc459;color:var(--app-on);text-align:left;line-height:1.25;-webkit-user-select:none;user-select:none}@container (max-width: 700px){.mock-window{--u: calc(100cqw / 760);grid-template-columns:calc(var(--u) * 232) minmax(0,1fr);height:calc(var(--u) * 700)}.mock-inspector{display:none}}.mock svg{flex:none}.mock-sidebar{display:flex;flex-direction:column;min-width:0;border-right:1px solid rgb(255 255 255 / .06);background:radial-gradient(calc(var(--u) * 300) circle at 20% 2%,rgb(92 140 240 / .16),transparent),radial-gradient(calc(var(--u) * 240) circle at 85% 0,rgb(120 79 199 / .12),transparent),#151925}.mock-traffic{display:flex;gap:calc(var(--u) * 8);padding:calc(var(--u) * 16) calc(var(--u) * 18) calc(var(--u) * 12)}.mock-traffic i{width:calc(var(--u) * 12);height:calc(var(--u) * 12);border-radius:50%;background:#ff5f57}.mock-traffic i:nth-child(2){background:#febc2e}.mock-traffic i:nth-child(3){background:#28c840}.mock-brand{display:flex;align-items:center;gap:calc(var(--u) * 11);padding:0 calc(var(--u) * 16) calc(var(--u) * 14) calc(var(--u) * 18)}.mock-brand img{width:calc(var(--u) * 34);height:calc(var(--u) * 34);border-radius:calc(var(--u) * 8)}.mock-brand-text{display:flex;flex-direction:column;min-width:0}.mock-brand-text b{font-size:calc(var(--u) * 13);font-weight:600}.mock-brand-text span{font-size:calc(var(--u) * 11);color:var(--app-on-variant)}.mock-iconbtn{display:grid;place-items:center;width:calc(var(--u) * 30);height:calc(var(--u) * 30);margin-left:auto;border-radius:calc(var(--u) * 8);background:#eef1f80f;color:var(--app-on-variant)}.mock-iconbtn svg{width:calc(var(--u) * 14);height:calc(var(--u) * 14)}.mock-group{display:flex;flex-direction:column;gap:calc(var(--u) * 1);padding:0 calc(var(--u) * 10);margin-bottom:calc(var(--u) * 16)}.mock-group-title{padding:0 calc(var(--u) * 10) calc(var(--u) * 4);font-size:calc(var(--u) * 10);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#a6aec4bf}.mock-row{position:relative;display:flex;align-items:center;gap:calc(var(--u) * 10);padding:calc(var(--u) * 7) calc(var(--u) * 10);border:1px solid transparent;border-radius:calc(var(--u) * 7);font-size:calc(var(--u) * 13);font-weight:500;color:var(--app-on-variant);white-space:nowrap}.mock-row svg{width:calc(var(--u) * 15);height:calc(var(--u) * 15)}.mock-row.is-active{border-color:var(--app-accent-line);background:var(--navy);color:var(--app-on)}.mock-row.is-active svg{color:#bdd1ff}.mock-row.is-active:before{content:"";position:absolute;left:-1px;top:50%;width:calc(var(--u) * 3);height:calc(var(--u) * 18);border-radius:calc(var(--u) * 2);background:var(--blue);transform:translateY(-50%)}.mock-sync{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding:calc(var(--u) * 8) calc(var(--u) * 18) calc(var(--u) * 14);font-size:calc(var(--u) * 11);color:var(--app-on-variant);white-space:nowrap}.mock-sync svg{width:calc(var(--u) * 12);height:calc(var(--u) * 12)}.mock-main{display:flex;flex-direction:column;min-width:0;overflow:hidden}.mock-main>*{flex-shrink:0}.mock-toolbar{display:flex;align-items:center;height:calc(var(--u) * 52);padding:0 calc(var(--u) * 22);font-size:calc(var(--u) * 15)}.mock-pills{display:flex;gap:calc(var(--u) * 8);padding:calc(var(--u) * 12) calc(var(--u) * 22);border-bottom:1px solid rgb(255 255 255 / .07);overflow:hidden}.mock-pill{flex:none;padding:calc(var(--u) * 6) calc(var(--u) * 14);border:1px solid var(--app-outline);border-radius:999px;background:var(--app-container);font-size:calc(var(--u) * 12);font-weight:600;color:var(--app-on-variant)}.mock-pill.is-on{border-color:var(--app-accent-line);background:var(--navy);color:#eaf0fb}.mock-rows{display:flex;flex-direction:column;gap:calc(var(--u) * 30);padding:calc(var(--u) * 16) 0}.mock-section-title{display:flex;align-items:baseline;gap:calc(var(--u) * 8);padding:0 calc(var(--u) * 16)}.mock-section-title b{font-size:calc(var(--u) * 16)}.mock-section-title span{font-size:calc(var(--u) * 11);color:var(--app-on-variant)}.mock-tiles{display:flex;gap:calc(var(--u) * 12);margin-top:calc(var(--u) * 12);padding:0 calc(var(--u) * 16)}.mock-tile{display:flex;flex:none;flex-direction:column;width:calc(var(--u) * 160);min-width:0}.mock-tile>b{margin-top:calc(var(--u) * 8);overflow:hidden;font-size:calc(var(--u) * 13);font-weight:600;white-space:nowrap;text-overflow:ellipsis}.mock-tile>span:last-child{margin-top:calc(var(--u) * 2);font-size:calc(var(--u) * 11);color:var(--app-on-variant)}.mock-poster{position:relative;display:block;width:calc(var(--u) * 160);height:calc(var(--u) * 240);overflow:hidden;border-radius:calc(var(--u) * 8);background:var(--app-container);box-shadow:inset 0 0 0 1px #ffffff0f}.mock-poster img{display:block;width:100%;height:100%;object-fit:cover}.mock-poster:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0,transparent 50%,rgb(0 0 0 / .35) 100%)}.mock-tile.is-selected .mock-poster{overflow:visible;box-shadow:0 0 0 calc(var(--u) * 1.5) var(--blue),0 0 0 calc(var(--u) * 5) #5b8cef33}.mock-tile.is-selected .mock-poster img{border-radius:calc(var(--u) * 8)}.mock-tile.is-selected .mock-poster:after{border-radius:calc(var(--u) * 8)}.mock-progress{position:absolute;inset:auto 0 0;z-index:1;height:calc(var(--u) * 4);background:#00000080}.mock-progress i,.resume-bar i,.live-bar i{display:block;height:100%;background:var(--blue);box-shadow:0 0 calc(var(--u, 1px) * 6) #5b8cef99;transform-origin:0 50%}.p35{width:35%}.p40{width:40%}.p62{width:62%}.p70{width:70%}.p80{width:80%}.mock-hover{position:absolute;inset:0;z-index:1;display:grid;place-items:center;background:#00000061;opacity:0;animation:tile-hover 7s ease-in-out 2s infinite}.mock-playbtn{display:grid;place-items:center;width:calc(var(--u) * 48);height:calc(var(--u) * 48);border-radius:50%;background:#ffffffd9;color:#000000d9;box-shadow:0 calc(var(--u) * 2) calc(var(--u) * 8) #0000004d}.mock-playbtn svg{width:calc(var(--u) * 20);height:calc(var(--u) * 20);margin-left:calc(var(--u) * 2)}@keyframes tile-hover{0%,45%,to{opacity:0}55%,85%{opacity:1}}.mock-inspector{position:relative;min-width:0;overflow:hidden;border-left:1px solid rgb(255 255 255 / .06);background:var(--app-lowest)}.mock-backdrop{position:relative;height:calc(var(--u) * 250)}.mock-backdrop img{display:block;width:100%;height:100%;object-fit:cover;opacity:.6}.mock-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgb(7 8 11 / 0),rgb(7 8 11 / .4),var(--app-lowest))}.mock-close{position:absolute;top:calc(var(--u) * 12);right:calc(var(--u) * 16);z-index:1;display:grid;place-items:center;width:calc(var(--u) * 24);height:calc(var(--u) * 24);border:1px solid rgb(255 255 255 / .1);border-radius:50%;background:#282c38b3;color:var(--app-on-variant)}.mock-close svg{width:calc(var(--u) * 11);height:calc(var(--u) * 11)}.mock-insp-body{position:relative;display:flex;flex-direction:column;gap:calc(var(--u) * 10);padding:0 calc(var(--u) * 20)}.mock-insp-poster{width:calc(var(--u) * 108);height:calc(var(--u) * 162);margin-top:calc(var(--u) * -70);border-radius:calc(var(--u) * 8);box-shadow:0 0 0 1px #ffffff1a,0 calc(var(--u) * 6) calc(var(--u) * 24) #00000080;object-fit:cover}.mock-insp-title{margin-top:calc(var(--u) * 6);font-size:calc(var(--u) * 26);font-weight:750;line-height:1.05;letter-spacing:-.02em}.mock-insp-meta{font-size:calc(var(--u) * 11);color:var(--app-on-variant)}.mock-insp-overview{display:-webkit-box;overflow:hidden;font-size:calc(var(--u) * 13);line-height:1.42;color:var(--app-on-variant);-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}.mock-btn-play,.mock-btn-secondary,.mock-btn-fav{display:flex;align-items:center;justify-content:center;gap:calc(var(--u) * 8);height:calc(var(--u) * 40);border-radius:calc(var(--u) * 8);font-size:calc(var(--u) * 13);font-weight:600}.mock-btn-play{margin-top:calc(var(--u) * 6);background:var(--blue);color:#fff}.mock-btn-play svg,.mock-btn-secondary svg,.mock-btn-fav svg{width:calc(var(--u) * 14);height:calc(var(--u) * 14)}.mock-btn-row{display:flex;gap:calc(var(--u) * 8)}.mock-btn-secondary,.mock-btn-fav{border:1px solid var(--app-outline);background:var(--app-container)}.mock-btn-secondary{flex:1}.mock-btn-fav{width:calc(var(--u) * 40)}.mock-kv{display:flex;align-items:center;justify-content:space-between;font-size:calc(var(--u) * 12);color:var(--app-on-variant)}.mock-chip{display:flex;align-items:center;gap:calc(var(--u) * 6);height:calc(var(--u) * 30);padding:0 calc(var(--u) * 12);border:1px solid var(--app-outline);border-radius:999px;background:var(--app-container);font-weight:600;color:var(--app-on)}.mock-chip svg{width:calc(var(--u) * 12);height:calc(var(--u) * 12)}.mock-stars{display:flex;gap:calc(var(--u) * 4)}.mock-stars svg{width:calc(var(--u) * 17);height:calc(var(--u) * 17);color:#a6aec48c}.morph{display:grid;gap:1rem;padding:1rem;border:1px solid var(--line);border-radius:1.75rem;background:linear-gradient(180deg,#1a27448c,#0d14244d);box-shadow:0 40px 80px -40px #000000b3}@media(min-width:900px){.morph{grid-template-columns:minmax(0,1fr) auto minmax(0,1.1fr);align-items:center;gap:1.5rem;padding:1.5rem}}.morph-panel{min-width:0;padding:1.25rem;border:1px solid var(--line);border-radius:1.25rem;background:#07080b8c}.morph-label{display:block;margin-bottom:1rem;font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.raw-list{display:flex;flex-direction:column;gap:.4rem;font-family:var(--mono);font-size:.8125rem}.raw-line{overflow:hidden;padding:.6rem .75rem;border-radius:.5rem;background:#ffffff08;color:#fdf6ec80;white-space:nowrap;text-overflow:ellipsis}.raw-line.is-active{display:flex;flex-wrap:wrap;gap:0 .6em;background:#5b8cef1a;box-shadow:inset 0 0 0 1px #5b8cef73;color:var(--ink);white-space:normal}.raw-tag{color:#f2b8a0;opacity:.45;background:linear-gradient(currentColor,currentColor) no-repeat 0 55% / 100% 1.5px;animation:tag-strike 9s var(--ease-out) infinite}.raw-title{font-weight:700;color:#9dbbff;animation:title-clean 9s var(--ease-out) infinite}.raw-skeleton i{display:block;width:72%;height:.55rem;margin-block:.25rem;border-radius:99px;background:#ffffff0f}.raw-skeleton+.raw-skeleton i{width:48%}@keyframes tag-strike{0%,10%{opacity:1;background-size:0% 1.5px}22%,94%{opacity:.45;background-size:100% 1.5px}to{opacity:1;background-size:0% 1.5px}}@keyframes title-clean{0%,16%{color:var(--ink)}24%,94%{color:#9dbbff}to{color:var(--ink)}}.morph-steps{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}@media(min-width:900px){.morph-steps{flex-direction:column;position:relative}.morph-steps:before{content:"";position:absolute;left:1.2rem;top:1rem;bottom:1rem;width:1px;background:linear-gradient(var(--blue),var(--violet));opacity:.5}}.morph-step{position:relative;display:flex;align-items:center;gap:.5rem;padding:.45rem .85rem .45rem .45rem;border:1px solid rgb(91 140 239 / .45);border-radius:999px;background:#16223f;font-size:.8125rem;font-weight:600;color:var(--ink);white-space:nowrap}.morph-step span{display:grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--blue-deep);font-size:.75rem;color:#fff}.morph-step-1{animation:step-1 9s var(--ease-out) infinite}.morph-step-2{animation:step-2 9s var(--ease-out) infinite}.morph-step-3{animation:step-3 9s var(--ease-out) infinite}@keyframes step-1{0%,10%{opacity:.35;transform:scale(.96)}14%,94%{opacity:1;transform:none}to{opacity:.35}}@keyframes step-2{0%,26%{opacity:.35;transform:scale(.96)}30%,94%{opacity:1;transform:none}to{opacity:.35}}@keyframes step-3{0%,40%{opacity:.35;transform:scale(.96)}44%,94%{opacity:1;transform:none}to{opacity:.35}}.result-card{position:relative}.result-content,.result-skeleton{display:grid;grid-template-columns:clamp(5.5rem,24%,8.5rem) minmax(0,1fr);gap:1rem;align-items:start}.result-content{animation:card-in 9s var(--ease-out) infinite}.result-poster{width:100%;height:auto;aspect-ratio:2 / 3;border-radius:.6rem;box-shadow:0 0 0 1px #ffffff1a,0 16px 30px -10px #000000b3;object-fit:cover;animation:poster-in 9s var(--ease-out) infinite}.result-title{display:block;font-size:1.25rem;font-weight:750;line-height:1.15;letter-spacing:-.02em;color:var(--ink)}.result-meta{display:block;margin:.35rem 0 .6rem;font-size:.8125rem;color:var(--ink-3)}.result-overview{display:-webkit-box;overflow:hidden;font-size:.8125rem;line-height:1.5;color:var(--ink-2);-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4}.result-play{display:inline-block;margin-top:.85rem;padding:.45rem .95rem;border-radius:.5rem;background:var(--blue);font-size:.8125rem;font-weight:600;color:#fff}.result-skeleton{position:absolute;inset:0;opacity:0;animation:skeleton-out 9s var(--ease-out) infinite;pointer-events:none}.result-skeleton i{aspect-ratio:2 / 3;border-radius:.6rem}.result-skeleton span{display:flex;flex-direction:column;gap:.6rem;padding-top:.2rem}.result-skeleton b{height:.7rem;border-radius:99px}.result-skeleton b:first-child{width:70%;height:1.1rem}.result-skeleton b:nth-child(2){width:40%}.result-skeleton b:nth-child(4){width:85%}.result-skeleton i,.result-skeleton b{background:linear-gradient(100deg,#ffffff0d 30%,#ffffff21,#ffffff0d 70%) 0 0 / 300% 100%;animation:shimmer 1.6s linear infinite}@keyframes card-in{0%,39%{opacity:0;transform:translateY(10px);filter:blur(6px)}50%,94%{opacity:1;transform:none;filter:none}to{opacity:0}}@keyframes poster-in{0%,38%{transform:scale(.82) rotate(-4deg)}52%,to{transform:none}}@keyframes skeleton-out{0%,34%{opacity:1}39%,95%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.examples{display:grid;gap:1rem;margin-top:1rem}@media(min-width:900px){.examples{grid-template-columns:repeat(3,minmax(0,1fr))}}.example{display:flex;flex-direction:column;gap:.6rem;padding:1rem 1.1rem;border:1px solid var(--line);border-radius:1.1rem;background:#ffffff05}.example code{font-family:var(--mono);font-size:.75rem;color:var(--ink-3);overflow-wrap:anywhere}.example-arrow{width:fit-content;color:var(--blue);transform:rotate(90deg)}.example-out{display:flex;align-items:center;gap:.75rem}.example-out img{width:2.75rem;height:auto;aspect-ratio:2 / 3;border-radius:.35rem;object-fit:cover}.example-out b{display:block;font-size:.9375rem;color:var(--ink)}.example-out span span{font-size:.8125rem;color:var(--ink-3)}.bento{display:grid;gap:1rem}@media(min-width:640px){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.tile-resume,.tile-live{grid-column:span 2}}@media(min-width:1024px){.bento{grid-template-columns:repeat(4,minmax(0,1fr))}.tile-resume{grid-row:span 2}}.tile{position:relative;display:flex;flex-direction:column;min-width:0;min-height:15.5rem;padding:1.5rem;overflow:hidden;border:1px solid var(--line);border-radius:1.5rem;background:radial-gradient(120% 80% at 0% 0%,rgb(91 140 239 / .07),transparent 60%),linear-gradient(180deg,#1a274480,#0d142499);transition:border-color .3s var(--ease-out)}.tile:hover{border-color:#5b8cef59}.tile h3{margin-top:1.25rem;font-size:1.125rem;font-weight:650;letter-spacing:-.01em;color:var(--ink)}.tile p{margin-top:.25rem;font-size:.9375rem;color:var(--ink-2)}.tile-visual{display:flex;flex:1;flex-direction:column;justify-content:center;min-height:6.5rem}.resume{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;align-content:start}.resume-card{position:relative;overflow:hidden;aspect-ratio:16 / 9;border-radius:.9rem;box-shadow:inset 0 0 0 1px #ffffff14}.resume-card:first-child{grid-column:span 2;aspect-ratio:2.1 / 1}.resume-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.resume-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgb(0 0 0 / .75),transparent 60%)}.resume-card b{position:absolute;left:.85rem;right:.85rem;bottom:.8rem;z-index:1;overflow:hidden;font-size:.875rem;color:#fff;white-space:nowrap;text-overflow:ellipsis}.resume-bar,.live-bar{display:block;height:4px;overflow:hidden;background:#00000080}.resume-bar{position:absolute;inset:auto 0 0;z-index:1}.resume-next{grid-column:span 2;display:flex;align-items:center;gap:.75rem;padding:.55rem .6rem;border:1px solid var(--line);border-radius:.9rem;background:#ffffff0a}.resume-next img{width:2.4rem;height:auto;aspect-ratio:2 / 3;border-radius:.35rem;object-fit:cover}.resume-next b{display:block;font-size:.875rem;color:var(--ink)}.resume-next span span{font-size:.8125rem;color:var(--ink-3)}.resume-play{position:relative;display:grid;place-items:center;width:2.25rem;height:2.25rem;margin-left:auto;border-radius:50%;background:var(--blue-deep);color:#fff}.resume-play svg{width:.9rem;height:.9rem;margin-left:2px}.resume-play:after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 #5b8cef99;animation:ping 2.4s var(--ease-out) infinite}@keyframes ping{0%{box-shadow:0 0 #5b8cef99}to{box-shadow:0 0 0 14px #5b8cef00}}.live{gap:.5rem}.live-row{display:grid;grid-template-columns:2.25rem minmax(0,1fr) auto;column-gap:.75rem;row-gap:.4rem;align-items:center;padding:.55rem .7rem;border:1px solid transparent;border-radius:.8rem}.live-row.is-live{border-color:#5b8cef4d;background:#5b8cef14}.live-logo{display:grid;grid-row:span 2;place-items:center;width:2.25rem;height:2.25rem;border-radius:.55rem;background:linear-gradient(135deg,#2a3a5c,#1a2744);font-size:.75rem;font-weight:800;color:#bcd0ff}.live-text b{font-size:.875rem;color:var(--ink)}.live-text span{margin-left:.5rem;font-size:.8125rem;color:var(--ink-3)}.live-badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.6875rem;font-weight:800;letter-spacing:.08em;color:#ff8a8a}.live-badge:before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:#ff5f57;animation:blink 1.6s ease-in-out infinite}.live-bar{grid-column:2 / -1;height:3px;border-radius:99px;background:#ffffff14}.live-row.is-live .live-bar i{animation:live-progress 24s linear infinite alternate}@keyframes live-progress{0%{transform:scaleX(.9)}to{transform:scaleX(1.12)}}@keyframes blink{50%{opacity:.25}}.seasons{gap:.45rem}.season-pills{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.35rem}.season-pills span{padding:.25rem .65rem;border:1px solid rgb(255 255 255 / .12);border-radius:99px;font-size:.75rem;font-weight:600;color:var(--ink-3)}.season-pills .is-on{border-color:var(--app-accent-line);background:var(--navy);color:#eaf0fb}.episode{display:flex;align-items:center;gap:.5rem;padding:.35rem .55rem;border-radius:.55rem;font-size:.8125rem;color:var(--ink-3)}.episode svg{width:.9rem;height:.9rem;color:#7fd1a0}.episode.is-next{background:#5b8cef1f;color:var(--ink);animation:next-glow 3s ease-in-out infinite}.episode.is-next svg{color:var(--blue)}@keyframes next-glow{50%{background:#5b8cef3d}}.native{align-items:center}.native-chip{position:relative;display:grid;place-items:center;width:5.5rem;height:5.5rem;overflow:hidden;border-radius:1.4rem;background:linear-gradient(145deg,#2a3a5c,#121a2e);box-shadow:inset 0 1px #ffffff26,0 0 0 1px #ffffff14,0 20px 40px -12px #2c5fc499;color:#bcd0ff}.native-chip svg{width:2.75rem;height:2.75rem}.native-chip:after{content:"";position:absolute;inset:-50%;background:linear-gradient(115deg,transparent 40%,rgb(255 255 255 / .22) 50%,transparent 60%);transform:translate(-60%);animation:sheen 5s var(--ease-out) infinite}@keyframes sheen{0%,55%{transform:translate(-60%)}to{transform:translate(60%)}}.search{gap:.6rem}.search-field{display:flex;align-items:center;gap:.5rem;padding:.6rem .75rem;border:1px solid rgb(255 255 255 / .12);border-radius:.75rem;background:#0000004d;font-size:.875rem;color:var(--ink)}.search-field svg{width:1rem;height:1rem;color:var(--ink-3)}.search-typed{overflow:hidden;width:6ch;font-family:var(--mono);white-space:nowrap;animation:typing 6s steps(6,end) infinite}.caret{width:2px;height:1.1em;margin-left:-.3rem;background:var(--blue);animation:blink 1s steps(1) infinite}.search-field kbd{margin-left:auto;padding:.05rem .4rem;border:1px solid rgb(255 255 255 / .15);border-radius:.35rem;font-family:inherit;font-size:.6875rem;color:var(--ink-3)}.search-hit{display:flex;align-items:center;gap:.6rem;padding:.45rem;border-radius:.65rem;background:#5b8cef1f;animation:hit-in 6s var(--ease-out) infinite}.search-hit img{width:1.9rem;height:auto;aspect-ratio:2 / 3;border-radius:.3rem}.search-hit b{overflow:hidden;font-size:.8125rem;color:var(--ink);white-space:nowrap;text-overflow:ellipsis}@keyframes typing{0%,8%{width:0}32%,92%{width:6ch}to{width:0}}@keyframes hit-in{0%,32%{opacity:0;transform:translateY(6px)}40%,92%{opacity:1;transform:none}to{opacity:0}}.formats{gap:.75rem;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.formats-track{display:flex;width:max-content;animation:marquee 18s linear infinite}.formats-track span{margin-right:.5rem;padding:.35rem .7rem;border:1px solid rgb(255 255 255 / .12);border-radius:.5rem;font-family:var(--mono);font-size:.75rem;color:var(--ink-2)}.player-controls{display:flex;justify-content:center;gap:.4rem}.player-controls span{padding:.3rem .6rem;border-radius:99px;background:#ffffff12;font-size:.75rem;font-weight:600;color:var(--ink-2)}@keyframes marquee{to{transform:translate(-50%)}}.offline{gap:.5rem}.offline-row{display:grid;grid-template-columns:1.9rem minmax(0,1fr) auto;column-gap:.6rem;row-gap:.35rem;align-items:center;padding:.45rem .6rem .45rem .45rem;border-radius:.65rem;background:#ffffff0a}.offline-row img{grid-row:span 2;width:1.9rem;height:auto;aspect-ratio:2 / 3;border-radius:.3rem}.offline-row.is-done img{grid-row:auto}.offline-row b{overflow:hidden;font-size:.8125rem;color:var(--ink);white-space:nowrap;text-overflow:ellipsis}.offline-row svg{width:1rem;height:1rem;color:var(--blue)}.offline-row .live-bar{grid-column:2 / -1}.servers{gap:.4rem}.server{display:flex;align-items:center;gap:.55rem;padding:.5rem .7rem;border:1px solid transparent;border-radius:.7rem;font-size:.8125rem;color:var(--ink-3);animation:server-on 7.5s ease-in-out infinite}.server svg{width:1rem;height:1rem}.server.s1{border-color:#5b8cef59;background:#5b8cef1a;color:var(--ink)}.server.s2{animation-delay:2.5s}.server.s3{animation-delay:5s}@keyframes server-on{0%,30%{border-color:#5b8cef59;background:#5b8cef1a;color:var(--ink)}36%,to{border-color:transparent;background:transparent;color:var(--ink-3)}}.pro{display:grid;gap:2.5rem;align-items:center;padding:2.5rem 1.5rem;overflow:hidden;border:1px solid rgb(255 255 255 / .1);border-radius:2rem;background:radial-gradient(60% 80% at 100% 0%,rgb(120 80 199 / .35),transparent 60%),radial-gradient(55% 70% at 0% 100%,rgb(44 95 196 / .28),transparent 60%),#111a30}@media(min-width:1024px){.pro{grid-template-columns:1.1fr 1fr;padding:3.5rem}}.pro .kicker{color:#c4b0f2}.pro .section-title{font-size:clamp(1.9rem,4.2vw,3rem)}.pro-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;max-width:26rem;margin-top:1.75rem}.pro-plan{display:flex;flex-direction:column;gap:.15rem;padding:1rem 1.1rem;border:1px solid rgb(255 255 255 / .12);border-radius:1rem;background:#ffffff0a}.pro-plan-trial{align-self:flex-start;margin-bottom:.4rem;padding:.15rem .55rem;border-radius:99px;background:#7850c74d;font-size:.6875rem;font-weight:700;color:#d6c6f7}.pro-plan-price{font-size:1.6rem;font-weight:800;letter-spacing:-.02em;color:var(--ink)}.pro-plan-period{font-size:.8125rem;color:var(--ink-3)}.pro-plan-note{margin-top:.35rem;font-size:.75rem;font-weight:600;color:#b9cdfb}.pro-cta{display:flex;margin-top:2rem}.pro-cta .button{flex:1 1 auto;justify-content:center;white-space:nowrap}@media(min-width:640px){.pro-cta .button{flex:none}}.pro-list{display:grid;gap:.8rem;margin-top:1.75rem}@media(min-width:640px){.pro-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.pro-list li{display:flex;align-items:center;gap:.65rem;font-size:.9375rem;color:#fdf6ece0}.pro-list svg{flex:none;width:1.3rem;height:1.3rem;color:#b79cf0}.pro-free{margin-top:1.5rem;font-size:.9375rem;color:var(--ink-2)}.pro-note{margin-top:.75rem;font-size:.8125rem;line-height:1.55;color:var(--ink-3)}.pro-note a{color:var(--blue);text-decoration:underline;text-underline-offset:2px}.pro-visual{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.pro-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:99px;background:#5b8cef26;font-size:.6875rem;font-weight:800;letter-spacing:.1em;color:#a9c2ff}.pro-chip svg{width:.95rem;height:.95rem}.pro-posters{--w: clamp(5.25rem, 22vw, 9rem);display:flex;justify-content:center;padding-block:1rem}.pro-poster{width:var(--w);height:auto;aspect-ratio:2 / 3;border-radius:.8rem;box-shadow:0 0 0 1px #ffffff1f,0 24px 40px -12px #000c;object-fit:cover;animation:float 7s ease-in-out infinite}.pro-poster+.pro-poster{margin-left:calc(var(--w) * -.28)}.pro-poster-1{rotate:-9deg;translate:0 .9rem}.pro-poster-2{z-index:1;rotate:-3deg;animation-delay:-1.5s}.pro-poster-3{z-index:1;rotate:3deg;animation-delay:-3s}.pro-poster-4{rotate:9deg;translate:0 .9rem;animation-delay:-4.5s}@keyframes float{50%{transform:translateY(-8px)}}.faq{display:grid;gap:.6rem}.faq-item{border:1px solid var(--line);border-radius:1rem;background:#1a274459;transition:border-color .3s var(--ease-out)}.faq-item[open]{border-color:#5b8cef4d}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.05rem 1.25rem;cursor:pointer;border-radius:1rem;font-size:1rem;font-weight:600;color:var(--ink);list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";flex:none;font-size:1.35rem;font-weight:400;line-height:1;color:var(--blue);transition:transform .25s var(--ease-out)}.faq-item[open] summary:after{transform:rotate(45deg)}.faq-item p{padding:0 1.25rem 1.15rem;font-size:.9375rem;line-height:1.6;color:var(--ink-2)}.faq-item a{color:var(--blue);text-decoration:underline;text-underline-offset:2px}.cta{padding-bottom:7rem;text-align:center}.cta-inner{position:relative;padding:4rem 1.25rem 2.5rem;overflow:hidden;border:1px solid var(--line);border-radius:2rem;background:radial-gradient(70% 80% at 50% 0%,rgb(44 95 196 / .38),transparent 70%),radial-gradient(40% 50% at 80% 100%,rgb(120 80 199 / .22),transparent 70%),#0f1830}.cta-icon{width:6.5rem;height:6.5rem;margin-inline:auto;border-radius:1.5rem;filter:drop-shadow(0 20px 40px rgb(91 140 239 / .45));animation:float 6s ease-in-out infinite}.cta-title{margin-top:1.75rem;font-size:clamp(2rem,5.5vw,3.5rem);font-weight:800;line-height:1.05;letter-spacing:-.04em;color:var(--ink);text-wrap:balance}.cta-steps{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem 1.75rem;margin-top:1.5rem;font-size:.9375rem;color:var(--ink-2)}.cta-steps li{display:flex;align-items:center;gap:.5rem}.cta-steps span{display:grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;background:#5b8cef33;font-size:.75rem;font-weight:700;color:#c8d8ff}.cta-button{display:flex;justify-content:center;margin-top:2.25rem}@supports (animation-timeline: view()){.hero-tilt{animation:stand-up linear both;animation-timeline:view();animation-range:entry 0% cover 45%}.reveal{animation:reveal linear both;animation-timeline:view();animation-range:entry 0% entry 70%}.reveal-d1{animation-range:entry 10% entry 80%}.reveal-d2{animation-range:entry 20% entry 90%}.reveal-d3{animation-range:entry 30% entry 100%}.resume-bar i,.offline-row .live-bar i,.mock-progress i{animation:bar-fill linear both;animation-timeline:view();animation-range:entry 40% cover 50%}}@keyframes stand-up{0%{transform:rotateX(24deg) scale(.9)}to{transform:none}}@keyframes reveal{0%{opacity:0;transform:translateY(40px) scale(.97)}}@keyframes bar-fill{0%{transform:scaleX(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}