@scope(.landing-page){:scope{--bg:#050505;--bg-soft:#0a0a0a;--card:#0e0e10;--line:#ffffff12;--line-strong:#ffffff1f;--accent:#d7fe51;--accent-dim:#d7fe511f;--accent-line:#d7fe514d;--text:#ececee;--text-2:#a1a1aa;--text-3:#71717a;--r-sm:14px;--r-md:20px;--r-lg:28px;--max:1240px;--s1:16px;--s2:24px;--s3:32px;--s4:48px;--s5:72px;--s6:104px;--font:-apple-system,BlinkMacSystemFont,"Segoe UI","Inter","Helvetica Neue",Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}*{box-sizing:border-box}:scope{scroll-behavior:smooth;-webkit-text-size-adjust:100%}@media (prefers-reduced-motion:reduce){:scope{scroll-behavior:auto}}:scope{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}::selection{background:var(--accent);color:#000}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.skip{z-index:200;background:var(--accent);color:#000;border-radius:0 0 10px 10px;padding:10px 18px;font-weight:700;transition:top .18s;position:absolute;top:-60px;left:12px}.skip:focus{top:0}.wrap{width:100%;max-width:var(--max);margin:0 auto;padding:0 24px}@media (width<=768px){.wrap{padding:0 18px}}.btn{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:9px;font-weight:700;transition:transform .16s,background .18s,border-color .18s,box-shadow .18s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:#080a02;box-shadow:0 0 0 1px #d7fe5180,0 8px 30px #d7fe5138}.btn-primary:hover{color:#080a02;background:#c9f23c;box-shadow:0 0 0 1px #d7fe51b3,0 10px 36px #d7fe514d}.btn-primary:focus-visible,.btn-primary:active{color:#080a02}.btn-primary .arw{color:inherit}.btn-ghost{border:1px solid var(--line-strong);color:var(--text);background:#ffffff05}.btn-ghost:hover{background:#ffffff0f;border-color:#ffffff47}.btn-lg{padding:16px 30px;font-size:16px}.btn-md{padding:11px 22px;font-size:14.5px}.btn-sm{padding:8px 16px;font-size:13.5px}.btn-block{width:100%}.btn-outline-accent{color:var(--accent);white-space:normal;text-align:center;background:#20211e;border:1px solid #d7fe5180;max-width:100%;padding:12px 36px;font-size:15px;line-height:1.5;box-shadow:0 0 20px #d7fe511f}.btn-outline-accent:hover,.btn-outline-accent:focus-visible{color:var(--accent);border-color:var(--accent);background:#292c22;box-shadow:0 0 24px #d7fe5133}.btn-outline-accent .arw{flex-shrink:0;transition:transform .18s}.btn-outline-accent:hover .arw{transform:translate(3px)}@media (width<=575px){.btn-outline-accent{padding:12px 24px;font-size:14px}}.eyebrow{border:1px solid var(--accent-line);background:var(--accent-dim);color:var(--accent);letter-spacing:.09em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;padding:6px 13px;font-size:11px;font-weight:700;display:inline-flex}h1,h2,h3,h4{letter-spacing:-.02em;margin:0}.h-sec{letter-spacing:-.03em;font-size:clamp(28px,4vw,42px);font-weight:800;line-height:1.14}.lede{color:var(--text-2);max-width:620px;margin:14px 0 0;font-size:17px;line-height:1.65}.sec{padding:var(--s6) 0;border-top:1px solid var(--line);scroll-margin-top:80px}.sec-flush{border-top:0;padding-top:clamp(40px,5vw,64px)}.sec-head{max-width:720px;margin-bottom:var(--s4)}.sec-head.sec-head-wide{max-width:100%}.sec-head.center{text-align:center;margin-inline:auto}.h-sec-fit{white-space:nowrap;letter-spacing:-.028em;max-width:none;font-size:clamp(20px,2.95vw,40px)}@media (width<=900px){.h-sec-fit{white-space:normal;letter-spacing:-.02em;text-wrap:balance;font-size:clamp(22px,4.4vw,30px)}}.sec-head-tight{margin-bottom:36px}@media (width<=768px){.sec-head-tight{margin-bottom:26px}}.sec-head.center .lede{margin-inline:auto}@media (width<=768px){.sec{padding:var(--s5) 0}.lede{font-size:15.5px}}.hero{text-align:center;justify-content:center;align-items:center;min-height:clamp(520px,72vh,660px);padding:clamp(56px,7vh,80px) 0 clamp(56px,7vh,84px);display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;background:#030303;position:absolute;inset:0;overflow:hidden}.hero-bg video{object-fit:cover;object-position:center 40%;width:100%;height:100%}.hero-bg:after{content:"";background:radial-gradient(ellipse 62% 68% at 50% 46%,#0303037a 0%,#0303034d 52%,#0303032e 100%), linear-gradient(to bottom,#03030347 0%,#0303031f 34%,#03030347 76%,var(--bg) 100%);position:absolute;inset:0}.hero-inner{z-index:1;width:100%;position:relative}.hero-copy{flex-direction:column;align-items:center;max-width:1040px;margin:0 auto;display:flex}.hero .eyebrow{padding:5px 12px;font-size:10.5px}.hero h1{letter-spacing:-.035em;text-wrap:balance;max-width:30ch;margin:16px 0 0;font-size:clamp(30px,4.1vw,52px);font-weight:900;line-height:1.08}.hero h1 .hl{color:var(--accent);text-shadow:0 0 46px #d7fe5142}.hero-sub{color:#c9c9d1;max-width:70ch;margin:16px auto 0;font-size:17px;line-height:1.58}.hero-sub b{color:#fff;font-weight:600}.hero-actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:30px;display:flex}.btn-mode{gap:9px;min-width:196px;padding:15px 26px;font-size:15.5px}.btn-mode .mi{font-size:15px;line-height:1;display:inline-block}.hero-actions .btn-mode:nth-child(2){box-shadow:0 0 0 1px #d7fe51bf,0 10px 34px #d7fe5157}@media (width<=760px){.hero-actions{flex-direction:column;width:100%;max-width:340px;margin-inline:auto}.btn-mode{width:100%;min-width:0}}.hero-note{color:#8f8f99;flex-wrap:wrap;justify-content:center;gap:4px 18px;margin-top:18px;font-size:12.5px;display:flex}.hero-note span{align-items:center;gap:6px;display:inline-flex}.tick{color:var(--accent);font-weight:900}.modes{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=900px){.modes{grid-template-columns:1fr}}.mode{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card);flex-direction:column;transition:border-color .25s,transform .25s;display:flex;position:relative;overflow:hidden}.mode:hover{border-color:var(--accent-line);transform:translateY(-3px)}.mode-media{aspect-ratio:16/10;background:#000;position:relative;overflow:hidden}.mode-media img{object-fit:cover;opacity:.78;width:100%;height:100%;transition:transform .6s,opacity .4s}.mode:hover .mode-media img{opacity:.95;transform:scale(1.04)}.mode-media:after{content:"";background:linear-gradient(#0a0a0a0d 35%,#0a0a0af2);position:absolute;inset:0}.mode-tag{z-index:2;letter-spacing:.1em;text-transform:uppercase;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;border:1px solid #ffffff29;border-radius:999px;padding:5px 11px;font-size:10px;font-weight:800;position:absolute;top:16px;left:16px}.mode-body{flex-direction:column;flex:1;gap:10px;padding:22px;display:flex}.mode-body h3{font-size:21px;font-weight:800}.mode-body p{color:var(--text-2);flex:1;margin:0;font-size:14.5px;line-height:1.6}.mode-link{color:#fff;text-align:center;border:1px solid var(--line-strong);background:#ffffff0a;border-radius:999px;justify-content:center;align-items:center;gap:8px;margin-top:6px;padding:11px 20px;font-size:14px;font-weight:700;transition:background .18s,border-color .18s,color .18s,transform .18s;display:inline-flex}.mode-link:hover{background:var(--accent);border-color:var(--accent);color:#080a02;transform:translateY(-1px)}.mode:hover .mode-link{border-color:var(--accent-line)}.mode-link .arw{transition:transform .2s}.mode-link:hover .arw{transform:translate(3px)}.stretch:after{content:"";z-index:3;position:absolute;inset:0}.styles-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:190px;gap:14px;display:grid}@media (width<=1000px){.styles-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:170px}}@media (width<=560px){.styles-grid{grid-template-columns:1fr;grid-auto-rows:180px}}.tile{border-radius:var(--r-md);border:1px solid var(--line);min-height:0;display:block;position:relative;overflow:hidden}.tile img{object-fit:cover;opacity:.75;width:100%;height:100%;transition:transform .7s,opacity .35s}.tile:hover img{opacity:1;transform:scale(1.05)}.tile:after{content:"";background:linear-gradient(#0000,#00000026 40%,#000000e6);position:absolute;inset:0}.tile-cap{z-index:2;padding:16px;position:absolute;bottom:0;left:0;right:0}.tile-cap h3{color:#fff;font-size:16px;font-weight:800}.tile-cap p{color:#cfcfd6;opacity:0;max-height:0;margin:4px 0 0;font-size:12.5px;line-height:1.45;transition:max-height .3s,opacity .3s,margin .3s;overflow:hidden}.tile:hover .tile-cap p,.tile:focus-visible .tile-cap p{opacity:1;max-height:60px}@media (hover:none){.tile-cap p{opacity:1;max-height:60px}}.tile.big{grid-area:span 2/span 2}@media (width<=560px){.tile.big{grid-area:span 1/span 1}}.tile.wide{grid-column:span 2}@media (width<=560px){.tile.wide{grid-column:span 1}}.tile.big .tile-cap h3{font-size:26px}.badge-pop{background:var(--accent);color:#0a0a0a;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;margin-bottom:8px;padding:4px 9px;font-size:10px;font-weight:800;display:inline-block}.sec-foot{text-align:center;margin-top:36px}.tool-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}@media (width<=1080px){.tool-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=820px){.tool-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.tool-grid{grid-template-columns:1fr}}.tool{border:1px solid var(--line);border-radius:var(--r-md);background:var(--card);flex-direction:column;gap:10px;padding:20px;transition:border-color .2s,background .2s,transform .2s;display:flex;position:relative}.tool:hover{border-color:var(--accent-line);background:#121214;transform:translateY(-2px)}.tool-ic{border:1px solid var(--line-strong);width:34px;height:34px;color:var(--accent);background:#ffffff0d;border-radius:10px;flex:none;place-items:center;font-size:15px;display:grid}.tool h3{color:#ececee;font-size:15px;font-weight:750;line-height:1.32}.tool p{color:var(--text-3);flex:1;margin:0;font-size:12.5px;line-height:1.5}.tool-go{color:var(--text-2);align-items:center;gap:5px;font-size:12.5px;font-weight:700;transition:color .18s;display:inline-flex}.tool:hover .tool-go{color:var(--accent)}.tool-go .arw{transition:transform .2s}.tool:hover .tool-go .arw{transform:translate(3px)}.tool-cat{letter-spacing:.09em;text-transform:uppercase;color:var(--text-3);font-size:9.5px;font-weight:800;position:absolute;top:16px;right:14px}.tool.solid{border-color:var(--accent-line);background:linear-gradient(#d7fe5112,#0e0e10e6)}.steps{counter-reset:s;grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=900px){.steps{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.steps{grid-template-columns:1fr}}.step{border:1px solid var(--line);border-radius:var(--r-md);background:var(--card);padding:22px;position:relative}.step:before{counter-increment:s;content:counter(s,decimal-leading-zero);background:var(--accent-dim);border:1px solid var(--accent-line);width:30px;height:30px;color:var(--accent);font-variant-numeric:tabular-nums;border-radius:9px;justify-content:center;align-items:center;margin-bottom:14px;font-size:12px;font-weight:800;display:inline-flex}.step h3{margin-bottom:7px;font-size:16px;font-weight:750}.step p{color:var(--text-2);margin:0;font-size:13.5px;line-height:1.58}.step time{color:var(--accent);font-variant-numeric:tabular-nums;margin-top:12px;font-size:11.5px;font-weight:700;display:block}.cmp{grid-template-columns:1fr 1fr;gap:18px;display:grid}@media (width<=820px){.cmp{grid-template-columns:1fr}}.cmp-col{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card);padding:26px}.cmp-col.win{border-color:var(--accent-line);background:linear-gradient(#d7fe510f,#0e0e10e6)}.cmp-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px;padding-bottom:16px;display:flex}.cmp-head h3{letter-spacing:.02em;font-size:15px;font-weight:800}.cmp-time{color:var(--text-3);font-variant-numeric:tabular-nums;font-size:12.5px}.cmp-col.win .cmp-time{color:var(--accent);font-size:18px;font-weight:800}.cmp-list{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.cmp-list li{grid-template-columns:20px 1fr auto;align-items:start;gap:10px;font-size:14px;line-height:1.5;display:grid}.cmp-list .k{color:#e8e8ec;font-weight:700;display:block}.cmp-list .d{color:var(--text-3);font-size:12.5px}.cmp-list time{color:var(--text-3);font-variant-numeric:tabular-nums;white-space:nowrap;padding-top:2px;font-size:11.5px}.cmp-col.win .cmp-list time{color:var(--accent);font-weight:700}.cmp-list .ic{font-size:13px;font-weight:900;line-height:1.5}.cmp-list .ic.no{color:#52525b}.cmp-list .ic.yes{color:var(--accent)}.fgrid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width<=760px){.fgrid{grid-template-columns:1fr}}.fcard{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card);flex-direction:column;transition:border-color .28s,background .28s,transform .28s;display:flex;position:relative;overflow:hidden}.fcard:hover{border-color:#d7fe5147;transform:translateY(-2px)}.fcard:before{content:"";pointer-events:none;opacity:.7;background:radial-gradient(circle,#d7fe5121,#0000 68%);border-radius:50%;width:260px;height:260px;transition:opacity .3s,transform .5s;position:absolute;top:-90px;right:-90px}.fcard:hover:before{opacity:1;transform:scale(1.12)}.fcard-body{z-index:1;flex-direction:column;flex:1;padding:20px 20px 18px;display:flex;position:relative}.fcard-icon{background:var(--accent-dim);border:1px solid var(--accent-line);width:32px;height:32px;color:var(--accent);border-radius:9px;flex:none;place-items:center;margin-bottom:12px;display:grid}.fcard-tag{letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:6px;font-size:9px;font-weight:800;display:inline-block}.fcard-tag-link{z-index:2;align-self:flex-start;transition:opacity .18s;position:relative}.fcard-tag-link:after{content:" ↗";opacity:.75;font-size:10px}.fcard-tag-link:hover{text-underline-offset:3px;opacity:.85;text-decoration:underline}.fcard-body h3{letter-spacing:-.02em;max-width:26ch;min-height:2.6em;margin-bottom:7px;font-size:clamp(15px,1.2vw,17px);font-weight:800;line-height:1.3}.fcard-body p{color:var(--text-2);max-width:46ch;margin:0;font-size:12.5px;line-height:1.55}.fcard-specs{flex-wrap:wrap;gap:7px;margin:.1in 0 0;padding:0;list-style:none;display:flex}.fcard-specs li{border:1px solid var(--line-strong);color:#c9c9d1;background:#ffffff08;border-radius:999px;padding:4px 9px;font-size:10.5px}.fcard-specs b{color:var(--accent);font-variant-numeric:tabular-nums;margin-right:4px;font-weight:800}.fgrid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;align-items:stretch;gap:14px;display:grid}@media (width<=1080px){.fgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.fgrid{grid-template-columns:1fr}}.fgrid .fcard{min-height:100%}.fgrid .fcard .fcard-body{height:100%}.fgrid .fcard .fcard-body>p{flex:none}.lang-chips{flex-wrap:wrap;gap:5px;margin-top:auto;padding-top:14px;display:flex}.lang-chips span{border:1px solid var(--line-strong);color:#d4d4d8;background:#ffffff08;border-radius:6px;padding:3px 7px;font-size:10.5px;font-weight:600;transition:border-color .18s,color .18s,background .18s}.fcard:hover .lang-chips span{border-color:#d7fe5138}.lang-chips .lang-more{color:var(--accent);border-color:var(--accent-line);background:var(--accent-dim)}.wave{align-items:center;gap:2px;height:30px;margin-top:auto;padding:14px 2px 0;display:flex}.wave i{background:var(--accent);opacity:.85;transform-origin:50%;border-radius:2px;flex:1;animation:2.4s ease-in-out infinite landingWaveIdle}.wave i:first-child{height:22%}.wave i:nth-child(2){height:46%}.wave i:nth-child(3){height:68%}.wave i:nth-child(4){height:38%}.wave i:nth-child(5){height:82%}.wave i:nth-child(6){height:54%}.wave i:nth-child(7){height:30%}.wave i:nth-child(8){height:72%}.wave i:nth-child(9){height:94%}.wave i:nth-child(10){height:48%}.wave i:nth-child(11){height:66%}.wave i:nth-child(12){height:34%}.wave i:nth-child(13){height:78%}.wave i:nth-child(14){height:52%}.wave i:nth-child(15){height:26%}.wave i:nth-child(16){height:62%}.wave i:nth-child(17){height:40%}.wave i:nth-child(18){height:20%}.wave i:nth-child(3n){animation-delay:.4s}.wave i:nth-child(3n+1){animation-delay:.9s}.wave i:nth-child(4n){animation-delay:.15s}@keyframes landingWaveIdle{0%,to{opacity:.5;transform:scaleY(1)}50%{opacity:.95;transform:scaleY(.55)}}@media (prefers-reduced-motion:reduce){.wave i{animation:none}}.wave-cap{color:var(--text-3);margin:7px 0 0;font-size:10.5px;line-height:1.4}.checklist{flex-direction:column;gap:6px;margin:auto 0 0;padding:14px 0 0;list-style:none;display:flex}.checklist li{color:#c2c2ca;align-items:center;gap:7px;font-size:10.5px;display:flex}.checklist .ck{background:var(--accent-dim);border:1px solid var(--accent-line);width:16px;height:16px;color:var(--accent);border-radius:50%;flex:none;place-items:center;font-size:9px;font-weight:900;display:grid}.vids{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}@media (width<=900px){.vids{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.vids{grid-template-columns:1fr}}.vid{border-radius:var(--r-md);border:1px solid var(--line);aspect-ratio:9/16;background:#000;position:relative;overflow:hidden}@media (width<=900px){.vid{aspect-ratio:4/5}}.vid video{object-fit:cover;opacity:.85;width:100%;height:100%;transition:opacity .3s}.vid:hover video{opacity:1}.vid-cap{z-index:2;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.vid-cap span{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000009e;border:1px solid #ffffff29;border-radius:999px;padding:5px 10px}.vid-cap .ar{background:var(--accent);color:#0a0a0a;border:0}.plans{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=860px){.plans{grid-template-columns:1fr}}.plan{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card);flex-direction:column;gap:14px;padding:26px;display:flex;position:relative}.plan.pick{border-color:var(--accent-line);background:linear-gradient(#d7fe5112,#0e0e10f5)}.plan-name{letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);font-size:13px;font-weight:800}.plan.pick .plan-name{color:var(--accent)}.price{align-items:baseline;gap:8px;display:flex}.price b{letter-spacing:-.03em;font-size:36px;font-weight:900}.price s{color:var(--text-3);font-size:15px}.price small{color:var(--text-3);font-size:13px;font-weight:600}.plan ul{color:var(--text-2);flex-direction:column;flex:1;gap:9px;margin:0;padding:0;font-size:13.5px;list-style:none;display:flex}.plan li{align-items:flex-start;gap:8px;display:flex}.plan li:before{content:"✓";color:var(--accent);flex:none;font-weight:900}.plan-best{background:var(--accent);color:#0a0a0a;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:4px 10px;font-size:10px;font-weight:800;position:absolute;top:-11px;right:20px}.faq-wrap{grid-template-columns:.72fr 1.28fr;align-items:start;gap:clamp(28px,5vw,64px);display:grid}@media (width<=900px){.faq-wrap{grid-template-columns:1fr;gap:28px}}.faq{flex-direction:column;gap:10px;display:flex}.qa{border:1px solid var(--line);border-radius:var(--r-sm);background:#ffffff05;transition:border-color .2s,background .2s;overflow:hidden}.qa[open]{border-color:var(--accent-line);background:#d7fe510a}.qa summary{cursor:pointer;color:#e9e9ee;align-items:flex-start;gap:14px;padding:17px 20px;font-size:15px;font-weight:700;list-style:none;display:flex}.qa summary::-webkit-details-marker{display:none}.qa summary:after{content:"";border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);flex:none;width:9px;height:9px;margin-top:6px;margin-left:auto;transition:transform .22s;transform:rotate(45deg)}.qa[open] summary:after{transform:rotate(-135deg)}.qa[open] summary{color:var(--accent)}.qa-body{color:#b4b4bd;max-width:64ch;padding:0 20px 18px;font-size:14px;line-height:1.65}.qa-body a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.faq-aside{position:sticky;top:96px}@media (width<=900px){.faq-aside{position:static}}.faq-aside .box{border:1px solid var(--line);border-radius:var(--r-md);background:var(--card);margin-top:20px;padding:22px}.faq-aside .box p{color:var(--text-2);margin:0 0 14px;font-size:14px}.final{text-align:center;border-top:1px solid var(--line);background:radial-gradient(60% 80% at 50% 100%,#d7fe5124,#0000 70%),#0a0a0c;padding:clamp(56px,8vw,104px) 0;position:relative;overflow:hidden}.final h2{letter-spacing:-.035em;margin-top:18px;font-size:clamp(30px,5vw,52px);font-weight:900;line-height:1.08}.final p{color:var(--text-2);max-width:46ch;margin:16px auto 0;font-size:16px}.final .hero-actions,.final .hero-note{justify-content:center}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@scope(.landing-page){:scope{display:block;overflow-x:clip}.section-eyebrow{margin-bottom:16px}.hero-eyebrow{margin:0}.hl{color:var(--accent)}.steps{margin:0;padding:0;list-style:none}.vid{margin:0}.preview-toggle{z-index:3;border-radius:var(--r-md);width:100%;height:100%;position:absolute;inset:0}.vid-cap{pointer-events:none}.vid:focus-within{outline:2px solid var(--accent);outline-offset:3px}.pricing-note{text-align:center;color:var(--text-3);margin-top:22px;font-size:13px}.pricing-note a{color:var(--accent);gap:4px;font-weight:700;display:inline-flex}.faq-aside h2{margin-top:14px;font-size:clamp(26px,3.4vw,34px)}}@scope(.landing-page){#showcase .vids{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:minmax(0,calc(44.1379% - 33.1034px)) repeat(2,minmax(0,1fr));gap:24px}#showcase .vid{aspect-ratio:auto;border-radius:32px}#showcase .vid.wide{aspect-ratio:16/9;grid-column:1}#showcase .vid.portrait{grid-row:1/span 2}#showcase .vid:nth-child(2){grid-column:2}#showcase .vid:nth-child(3){grid-column:3}#showcase .vid-cap{font-size:10px;inset:20px auto auto 20px}.btn-soft{color:var(--accent);background:#d7fe5126;border:1px solid #d7fe5180;padding:12px 36px;box-shadow:0 0 20px #d7fe511f}.btn-soft:hover,.btn-soft:focus-visible{color:var(--accent);background:#ffffff1a}.home-workflow{background:radial-gradient(at 50% 30%,#d7fe5109,#0000 65%)}.workflow-modes{justify-content:center;gap:16px;margin:-8px 0 44px;display:flex}.workflow-modes button{border:1px solid var(--line-strong);color:var(--text-3);background:#111;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:14px 28px;font-weight:700;display:flex}.workflow-modes button[aria-selected=true]{color:#fff;border-color:var(--accent);background:#d7fe5105}.workflow-layout{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.workflow-steps{flex-direction:column;gap:20px;display:flex}.workflow-step{text-align:left;border:1px solid var(--line);background:#111;border-radius:24px;align-items:flex-start;gap:22px;width:100%;padding:26px;transition:background .2s,border-color .2s,transform .2s;display:flex}.workflow-step:hover{border-color:var(--accent-line);background:#1b1b1b}.workflow-step[aria-pressed=true]{border-color:var(--accent);background:#22231f;transform:translate(7px)}.step-number{border:1px solid var(--accent-line);background:var(--accent-dim);width:38px;height:38px;color:var(--accent);border-radius:50%;flex:none;place-items:center;font-size:18px;font-weight:700;display:grid}.workflow-step[aria-pressed=true] .step-number{border-color:var(--accent)}.step-title{color:#fff;margin-bottom:8px;font-size:16px;font-weight:800;display:block}.step-description{color:var(--text-2);font-size:13px;line-height:1.6;display:block}.workflow-preview{border:1px solid var(--line);background:#0a0a0a;border-radius:32px;min-width:0;overflow:hidden}.workflow-preview img{object-fit:contain;width:100%;height:auto}@media (width<=1024px){.workflow-layout{gap:30px}.workflow-step{gap:16px;padding:20px}}@media (width<=820px){#showcase .vids{grid-template-rows:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}#showcase .vid.wide{grid-column:auto}#showcase .vid.portrait{aspect-ratio:9/16;grid-row:auto}#showcase .vid:nth-child(2),#showcase .vid:nth-child(3){grid-column:auto}#showcase .vid:nth-child(4){grid-area:1/2}.workflow-layout{grid-template-columns:1fr}.workflow-step[aria-pressed=true]{transform:none}}@media (width<=575px){#showcase .vids{gap:12px}#showcase .vid{border-radius:18px}#showcase .vid.wide{grid-column:1/-1}#showcase .vid:nth-child(4){grid-row:2}#showcase .vid-cap{font-size:9px;top:10px;left:8px}#showcase .vid-cap span{padding:4px 7px}.workflow-modes{gap:10px;margin-bottom:28px}.workflow-modes button{padding:12px 16px;font-size:13px}.workflow-step{border-radius:20px;padding:20px 16px}.step-number{width:32px;height:32px;font-size:16px}.step-title{font-size:15px}.step-description{font-size:12px}}}@scope(.landing-page){.home-masterclass,.home-community{background:#0a0a0a}.home-masterclass .sec-head{max-width:1040px}.home-masterclass .lede{max-width:700px}.tutorial-subscribe{color:#fff;background:#050505;border-radius:999px;margin-top:28px;padding:10px 22px;font-size:13px;font-weight:700;display:inline-flex}.tutorial-subscribe:hover,.tutorial-subscribe:focus-visible{color:var(--accent)}.tutorial-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.community-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;display:grid}.resource-card{border:1px solid var(--line);background:#0a0a0a;border-radius:16px;flex-direction:column;min-width:0;transition:transform .25s,border-color .25s;display:flex;overflow:hidden}.resource-card:hover,.resource-card:focus-visible{border-color:var(--accent-line);transform:translateY(-5px)}.resource-cover{aspect-ratio:16/9;background:#050505;position:relative;overflow:hidden}.resource-cover img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.resource-card:hover img{transform:scale(1.04)}.resource-body{flex-direction:column;flex:1;align-items:flex-start;padding:18px;display:flex}.resource-body h3{color:#fff;margin:0 0 12px;font-size:15px;font-weight:700;line-height:1.45}.tutorial-date{color:var(--text-2);margin:auto 0 0;font-size:12px}.tutorial-play{color:#fff;opacity:0;background:#0003;place-items:center;transition:opacity .2s;display:grid;position:absolute;inset:0}.tutorial-card:hover .tutorial-play,.tutorial-card:focus-visible .tutorial-play{opacity:1}.article-category{background:var(--accent);color:#0a0a0a;letter-spacing:.04em;border-radius:4px;max-width:calc(100% - 28px);padding:5px 8px;font-size:9px;font-weight:800;position:absolute;top:14px;left:14px}.article-read{color:var(--text-2);gap:5px;margin-top:auto;font-size:12px;display:inline-flex}.article-card:hover .article-read{color:var(--accent)}.resource-message{text-align:center;color:var(--text-2);grid-column:1/-1;padding:32px 0}.tutorial-skeleton{aspect-ratio:16/10;border:1px solid var(--line);background:linear-gradient(90deg,#111 25%,#1c1c1c 50%,#111 75%) 0 0/200% 100%;border-radius:16px;animation:1.5s linear infinite homeTutorialSkeleton}@keyframes homeTutorialSkeleton{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.tutorial-skeleton{animation:none}}@media (width<=1080px){.community-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.tutorial-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}@media (width<=575px){.tutorial-grid,.community-grid{grid-template-columns:1fr;gap:20px}.resource-body{padding:18px}.resource-body h3{font-size:15px}}}@scope(.landing-page){#how .sec-head,#why .sec-head{max-width:100%}#how .sec-head .lede,#why .sec-head .lede{max-width:none}@media (width>=1024px){#how .sec-head .h-sec,#why .sec-head .h-sec{white-space:nowrap;font-size:clamp(28px,3.3vw,42px)}#how .sec-head .lede,#why .sec-head .lede{white-space:nowrap;font-size:clamp(14px,1.35vw,17px)}}.fcard-linked .fcard-body,.fcard-linked .fcard-tag-link{position:static}.fcard-linked .fcard-tag-link:after{content:"";z-index:2;position:absolute;inset:0}.fcard-linked{cursor:pointer}.fcard-linked:focus-within{outline:2px solid var(--accent);outline-offset:3px}.fcard-linked .fcard-tag-link:focus-visible{outline:none}}