.hero{padding:96px 0 88px}.hero:before{inset:0;z-index:-1;background-image:linear-gradient(rgb(255 255 255/.05) 1px,transparent 0),linear-gradient(90deg,rgb(255 255 255/.05) 1px,transparent 0);background-size:64px 64px;background-position:top;mask-image:radial-gradient(60% 50% at 50% 0,#000 20%,transparent 85%);-webkit-mask-image:radial-gradient(60% 50% at 50% 0,#000 20%,transparent 85%);pointer-events:none}.hero:after,.hero:before{content:"";position:absolute}.hero:after{inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,rgb(106 166 220/.6),rgb(255 212 59/.6),transparent)}.hero-glow{position:absolute;inset:0;z-index:-1;pointer-events:none}.hero-glow i{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55;animation:drift 18s ease-in-out infinite alternate}.hero-glow i:first-child{top:-180px;left:12%;width:560px;height:460px;background:#3776ab}.hero-glow i:nth-child(2){top:-140px;right:10%;width:460px;height:380px;background:#ffd43b;opacity:.28;animation-delay:-6s}.hero-glow i:nth-child(3){top:640px;left:35%;width:640px;height:420px;background:#234f78;opacity:.5;animation-delay:-12s}@keyframes drift{to{transform:translate3d(40px,30px,0) scale(1.08)}}.hero-beam{position:absolute;top:0;left:50%;z-index:-1;width:2px;height:340px;transform:translateX(-50%);background:linear-gradient(180deg,rgb(255 255 255/.5),transparent);box-shadow:0 0 60px 20px rgb(106 166 220/.25);opacity:.6;pointer-events:none}.hero-center{position:relative;display:flex;flex-direction:column;align-items:center;gap:28px;text-align:center}.pill{display:inline-flex;align-items:center;gap:8px;padding:4px 14px 4px 4px;border:1px solid var(--border-strong);border-radius:999px;background:rgb(255 255 255/.04);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-secondary);font-size:14px;font-weight:500;text-decoration:none;transition:border-color .15s,color .15s,background .15s}.pill:hover{border-color:rgb(255 255 255/.3);background:rgb(255 255 255/.07);color:var(--text)}.pill .badge{background:linear-gradient(90deg,#3776ab,#4b8bc4);color:#fff;border:0}.pill svg{width:14px;height:14px}.hero-title{margin:0;font-size:clamp(46px,8.6vw,104px);line-height:.96;letter-spacing:-.05em;font-weight:800;background:linear-gradient(180deg,#ffffff 30%,#9aa3b2);-webkit-background-clip:text;background-clip:text;color:transparent}.py-mark{background:linear-gradient(100deg,#5b9bd5,#8ab8e0 35%,#ffd43b 75%,#ffe680);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 28px rgb(255 212 59/.18))}.hero-lead{margin:0;max-width:660px;font-size:clamp(17px,2vw,21px);line-height:1.55;color:var(--text-secondary)}.hero-lead strong{color:var(--text);font-weight:600}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-actions.center{justify-content:center}.hero .btn-primary{background:#fff;color:#07090d;box-shadow:0 0 0 1px rgb(255 255 255/.2),0 8px 30px -6px rgb(106 166 220/.6)}.hero .btn-secondary{background:rgb(255 255 255/.04);border-color:var(--border-strong)}.hero .btn-secondary:hover{background:rgb(255 255 255/.08)}.hero .copy-cmd{background:rgb(255 255 255/.04);border-color:var(--border-strong)}.hero-platforms{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin:4px 0 0;padding:0;list-style:none;font-size:13px;color:var(--text-tertiary)}.hero-platforms li{display:inline-flex;align-items:center;gap:8px}.hero-platforms li:before{content:"";width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,#5b9bd5,#ffd43b)}.stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:48px;gap:48px;align-items:center;margin-top:72px;padding:44px;border-radius:32px;background:radial-gradient(60% 90% at 80% 50%,rgb(55 118 171/.28),transparent 70%),radial-gradient(40% 60% at 100% 100%,rgb(255 212 59/.1),transparent 70%),linear-gradient(180deg,rgb(255 255 255/.045),rgb(255 255 255/.015));box-shadow:inset 0 1px 0 rgb(255 255 255/.1),0 0 0 1px rgb(255 255 255/.08),0 60px 120px -40px rgb(0 0 0/.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stage:before{content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;background:linear-gradient(135deg,rgb(106 166 220/.55),transparent 35%,transparent 65%,rgb(255 212 59/.45));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);pointer-events:none}.stage-code{position:relative;min-width:0}.stage-code .code-window{border-color:var(--border-strong);background:rgb(7 9 13/.85);box-shadow:0 30px 60px -20px rgb(0 0 0/.8)}.stage-code .code-body{position:relative;max-height:452px;overflow:auto}.stage-code .code-body pre{font-size:13.5px;line-height:1.7;padding:20px 22px}.stage-caption{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:24px;font-size:14px;color:var(--text-secondary);text-align:center}.stage-caption strong{color:var(--text)}.live-dot{flex:none;width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgb(34 197 94/.2);animation:pulse 2s ease-in-out infinite}@keyframes pulse{50%{box-shadow:0 0 0 7px rgb(34 197 94/.05)}}@media (prefers-reduced-motion:reduce){.hero-glow i,.live-dot{animation:none}}.devices{position:relative;display:flex;align-items:flex-end}.device{margin:0;display:flex;flex-direction:column;align-items:center;gap:14px}.device figcaption{font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary)}.device-ios{transform:rotate(-2deg)}.device-android{margin-left:-34px;margin-bottom:-24px;z-index:1;transform:rotate(3deg)}.phone{position:relative;width:236px;height:488px;padding:10px;border-radius:46px;background:linear-gradient(145deg,#3a414e,#12151b 40%,#0b0d11);box-shadow:0 40px 70px -24px rgb(0 0 0/.85),0 0 0 1px rgb(255 255 255/.12),inset 0 0 0 2px #2b313c,inset 0 0 0 6px #07090d;display:flex;flex-direction:column;color:#11141a;font-family:-apple-system,"SF Pro Text",var(--font-sans);overflow:hidden}.phone:after{content:"";position:absolute;inset:10px;border-radius:36px;background:linear-gradient(115deg,rgb(255 255 255/.14),transparent 28%);pointer-events:none;z-index:3}.phone-android{width:222px;height:464px;border-radius:32px;font-family:Roboto,var(--font-sans)}.phone-android:after{border-radius:23px}.phone-island{width:76px;height:22px;border-radius:12px}.phone-camera,.phone-island{position:absolute;top:19px;left:50%;background:#000;transform:translateX(-50%);z-index:2}.phone-camera{width:11px;height:11px;border-radius:50%;box-shadow:inset 0 0 0 2px #1b2330}.phone-status{display:flex;justify-content:space-between;align-items:center;padding:13px 24px 6px;border-radius:36px 36px 0 0;font-size:12px;font-weight:600;background:#f2f2f7}.phone-android .phone-status{padding:10px 18px 6px;border-radius:23px 23px 0 0;font-weight:500;background:#f6f8fc}.phone-status-icons{display:flex;gap:3px}.phone-status-icons i{display:block;width:10px;height:7px;border-radius:2px;background:#11141a}.phone-screen{flex:1 1;display:flex;flex-direction:column;padding:18px 14px 10px;background:#f2f2f7;min-height:0}.phone-android .phone-screen{background:#f6f8fc;padding-top:14px}.phone-home{position:relative;height:22px;border-radius:0 0 36px 36px;background:#f9f9fb}.phone-android .phone-home{border-radius:0 0 23px 23px;background:#eef1f8}.phone-home:after{content:"";position:absolute;left:50%;bottom:8px;width:88px;height:4px;border-radius:2px;background:#11141a;transform:translateX(-50%)}.phone-android .phone-home:after{width:64px;height:3px;background:#9aa0a6}.hb-title{margin:0 4px;font-size:30px;font-weight:700;letter-spacing:-.02em;line-height:1.1}.phone-android .hb-title{font-size:24px;font-weight:500;letter-spacing:0}.hb-sub{margin:4px 4px 14px;font-size:13px;color:#8a909b;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hb-list{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.hb-row{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;border:0;border-radius:14px;background:#fff;color:inherit;font:inherit;text-align:left;cursor:pointer;box-shadow:0 1px 2px rgb(17 20 26/.05);transition:transform .12s}.hb-row:active{transform:scale(.97)}.phone-android .hb-row{border-radius:12px;background:#fff;box-shadow:0 1px 3px rgb(17 20 26/.1)}.hb-check{display:inline-flex;flex:none;align-items:center;justify-content:center;width:22px;height:22px;border:2px solid #3776ab;color:transparent;transition:background .15s,color .15s}.hb-check-round{border-radius:50%}.hb-check-square{width:18px;height:18px;border-radius:3px;margin:2px}.hb-check.on{background:#3776ab;color:#fff}.hb-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0;text-align:left}.hb-name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .15s}.hb-row.on .hb-name{opacity:.45}.hb-streak{font-size:11px;color:#8a909b;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.hb-tabs{display:flex;justify-content:space-around;padding:7px 6px 0;font-size:10px;font-weight:500;color:#8a909b;background:#f9f9fb;border-top:1px solid #e3e5ea}.hb-tabs span{display:flex;flex-direction:column;align-items:center;gap:2px}.hb-tabs i{display:flex}.hb-tabs .active{color:#3776ab}.hb-tabs-android{padding-top:8px;background:#eef1f8;border-top:0;color:#444a55}.hb-tabs-android i{padding:3px 16px;border-radius:999px}.hb-tabs-android .active{color:#11141a;font-weight:600}.hb-tabs-android .active i{background:#cfe0f1;color:#234f78}.stats{border-bottom:1px solid var(--border);background:var(--bg-subtle)}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.stat{padding:36px 24px;border-left:1px solid var(--border)}.stat:first-child{border-left:0;padding-left:0}.stat-value{font-size:clamp(22px,2.4vw,28px);font-weight:800;letter-spacing:-.03em}.stat-label{margin-top:4px;font-size:14px;color:var(--text-secondary)}.bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.bento-card{position:relative;display:flex;flex-direction:column;gap:22px;min-width:0;padding:28px;overflow:hidden;border:1px solid var(--border);border-radius:20px;background:linear-gradient(180deg,var(--bg-subtle),var(--bg));color:inherit;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s}.bento-card:hover{border-color:color-mix(in srgb,var(--accent) 45%,var(--border));box-shadow:var(--shadow-lg);transform:translateY(-3px)}.bento-card:after{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 60%,transparent),transparent);opacity:0;transition:opacity .2s}.bento-card:hover:after{opacity:1}.bento-wide{grid-column:span 2;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.bento-wide .chip-row{grid-column:1/-1}.bento-tall{grid-row:span 2}.bento-text .card-icon{margin-bottom:16px}.bento-text h3{font-size:19px;letter-spacing:-.02em;margin-bottom:6px}.bento-text p{font-size:15px;color:var(--text-secondary)}.chip-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.chip-row code{padding:4px 9px;border-radius:7px;font-size:12.5px;background:var(--bg);color:var(--text-secondary)}.ui-mock{display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--bg);box-shadow:var(--shadow-md);font-size:14px}.ui-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid var(--border)}.ui-switch{position:relative;width:38px;height:22px;border-radius:999px;background:#34c759}.ui-switch:after{content:"";position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgb(0 0 0/.25)}.ui-slider{position:relative;width:110px;height:4px;border-radius:2px;background:var(--bg-element)}.ui-slider b{position:absolute;inset:0 40% 0 0;border-radius:2px;background:var(--accent)}.ui-slider b:after{content:"";position:absolute;right:-8px;top:-6px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgb(0 0 0/.3)}.ui-input{padding:9px 12px;border-radius:10px;background:var(--bg-element);color:var(--text-tertiary)}.ui-buttons{display:flex;gap:8px}.ui-btn{flex:1 1;padding:8px;border-radius:10px;background:var(--accent);color:#fff;font-weight:600;text-align:center}.ui-btn-ghost{background:var(--accent-subtle);color:var(--accent)}.file-tree{list-style:none;margin:auto 0 0;padding:12px 0;border:1px solid var(--border);border-radius:14px;background:var(--bg);font-family:var(--font-mono);font-size:13px}.file-tree li{display:flex;justify-content:space-between;gap:8px;padding:5px 14px 5px 12px;white-space:nowrap}.file-tree li:not(:has(em:empty)) span:before{content:"◇ ";color:var(--accent)}.file-tree li:has(em:empty) span:before{content:"▾ ";color:var(--text-tertiary)}.file-tree span{overflow:hidden;text-overflow:ellipsis}.file-tree em{font-style:normal;color:var(--text-tertiary)}.diff{display:flex;flex-direction:column;margin-top:auto;border:1px solid var(--border);border-radius:12px;overflow:hidden;font-family:var(--font-mono);font-size:12.5px}.diff span{padding:6px 12px;white-space:pre;overflow:hidden;text-overflow:ellipsis}.diff-del{background:rgb(239 68 68/.1);color:#dc2626}.diff-add{background:rgb(34 197 94/.12);color:#16a34a}.mini-code{display:flex;flex-direction:column;gap:2px;margin-top:auto;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--bg);font-family:var(--font-mono);font-size:12.5px;white-space:nowrap;overflow:hidden}.t-key{color:var(--accent)}.t-str{color:#b45309}.icon-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.icon-row span{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border);border-radius:12px;background:var(--bg);color:var(--accent)}.bento-py{background:radial-gradient(70% 60% at 100% 100%,color-mix(in srgb,var(--yellow-400) 22%,transparent),transparent 70%),linear-gradient(180deg,var(--bg-subtle),var(--bg))}.py-version{margin-top:auto}.py-version strong{display:block;font-size:64px;line-height:1;letter-spacing:-.05em;font-weight:800;background:linear-gradient(100deg,var(--blue-500),var(--yellow-500));-webkit-background-clip:text;background-clip:text;color:transparent}.py-version code{display:inline-block;margin-top:10px;font-size:12.5px}.also{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 10px;margin-top:28px;font-size:14px;color:var(--text-tertiary)}.also a{padding:5px 12px;border:1px solid var(--border);border-radius:999px;color:var(--text-secondary);transition:color .15s,border-color .15s}.also a:hover{color:var(--text);border-color:var(--border-strong)}@media (max-width:960px){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.bento-tall{grid-row:auto}}@media (max-width:640px){.bento{grid-template-columns:minmax(0,1fr)}.bento-wide{grid-column:auto;grid-template-columns:minmax(0,1fr)}}.steps{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-gap:32px;gap:32px;align-items:start}.steps-list{display:flex;flex-direction:column;gap:8px}.step{display:flex;gap:16px;padding:16px 18px;border:1px solid transparent;border-radius:var(--radius-lg);background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background .15s,border-color .15s}.step:hover{background:var(--bg-hover)}.step[aria-selected=true]{background:var(--bg-element);border-color:var(--border);box-shadow:var(--shadow-sm)}.step-num{flex:none;font-family:var(--font-mono);font-size:13px;color:var(--text-tertiary);padding-top:2px}.step[aria-selected=true] .step-num{color:var(--accent)}.step-label{display:block;font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary)}.step-title{display:block;margin-top:2px;font-weight:600}.step-body{display:none;margin-top:6px;font-size:15px;line-height:1.5;color:var(--text-secondary)}.step[aria-selected=true] .step-body{display:block}.steps-panel{position:-webkit-sticky;position:sticky;top:calc(var(--header-h) + 24px);min-width:0}.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:56px;gap:56px;align-items:center}.split-reverse>:first-child{order:2}.split .section-title{margin-top:8px}.stack-gap{display:flex;flex-direction:column;gap:16px;min-width:0}.module-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px;margin:24px 0}.module-tile{display:flex;align-items:center;gap:12px;min-width:0;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg);color:inherit;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s}.module-tile:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}.module-tile-icon{display:inline-flex;flex:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);background:var(--accent-subtle);color:var(--accent)}.module-tile>span:last-child{display:flex;flex-direction:column;min-width:0}.module-tile strong{font-size:15px}.module-tile code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--text-tertiary);background:none;border:none;padding:0}.checks{list-style:none;margin:24px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}.checks li{position:relative;padding-left:28px;color:var(--text-secondary)}.checks li:before{content:"";position:absolute;left:0;top:4px;width:16px;height:16px;border-radius:50%;background:var(--accent-subtle);box-shadow:inset 0 0 0 4px var(--accent-subtle),inset 0 0 0 10px var(--accent)}.perf{padding:120px 0}.perf:before{content:"";background-image:radial-gradient(rgb(255 255 255/.09) 1px,transparent 0);background-size:22px 22px;mask-image:radial-gradient(70% 60% at 50% 40%,#000,transparent);-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000,transparent)}.perf-glow,.perf:before{position:absolute;inset:0;z-index:-1}.perf-glow{pointer-events:none;background:radial-gradient(40% 35% at 20% 30%,rgb(55 118 171/.35),transparent 70%),radial-gradient(35% 30% at 85% 75%,rgb(255 212 59/.14),transparent 70%)}.pipe{display:grid;grid-template-columns:minmax(0,1fr) 72px minmax(0,1.15fr) 72px minmax(0,1fr);align-items:center;margin:0 auto 56px;max-width:1040px}.pipe-node{position:relative;padding:22px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(180deg,rgb(255 255 255/.06),rgb(255 255 255/.02));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pipe-node small{display:block;font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary)}.pipe-node strong{display:block;margin:6px 0 14px;font-size:18px}.pipe-node ul{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.pipe-node li{padding:3px 9px;border:1px solid var(--border);border-radius:999px;background:rgb(255 255 255/.04);font-family:var(--font-mono);font-size:12px;color:var(--text-secondary)}.pipe-bridge{border-color:transparent;background:linear-gradient(#0d1117,#0d1117) padding-box,linear-gradient(135deg,#3776ab,#ffd43b) border-box;box-shadow:0 0 60px rgb(55 118 171/.3)}.pipe-bridge code{display:block;padding:12px;border-radius:10px;background:rgb(0 0 0/.4);font-family:var(--font-mono);font-size:12px;line-height:1.6;color:#ffd43b;white-space:pre;overflow-x:auto}.pipe-wire{position:relative;height:2px;background:linear-gradient(90deg,rgb(55 118 171/.2),rgb(55 118 171/.7),rgb(55 118 171/.2))}.pipe-wire i{position:absolute;top:-3px;left:0;width:8px;height:8px;border-radius:50%;background:#ffd43b;box-shadow:0 0 12px #ffd43b;animation:pipe-flow 1.8s linear infinite}.pipe-wire i:nth-child(2){animation-delay:.6s}.pipe-wire i:nth-child(3){animation-delay:1.2s}@keyframes pipe-flow{0%{left:0;opacity:0}15%,85%{opacity:1}to{left:calc(100% - 8px);opacity:0}}.perf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.perf-card{padding:26px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(180deg,rgb(255 255 255/.05),rgb(255 255 255/.015));transition:transform .2s ease,border-color .2s ease,background .2s ease}.perf-card:hover{transform:translateY(-3px);border-color:rgb(106 166 220/.45);background:linear-gradient(180deg,rgb(55 118 171/.14),rgb(255 255 255/.02))}.perf-icon{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:11px;background:linear-gradient(135deg,#3776ab,#2b5b84);box-shadow:inset 0 1px 0 rgb(255 255 255/.25),0 8px 24px rgb(55 118 171/.35);color:#fff}.perf-icon svg{width:20px;height:20px}.perf-card h3{margin:18px 0 6px;font-size:17px}.perf-card p{margin:0;font-size:15px;color:var(--text-secondary)}@media (prefers-reduced-motion:reduce){.pipe-wire i{animation:none;display:none}}@media (max-width:960px){.pipe{grid-template-columns:minmax(0,1fr);max-width:440px}.pipe-wire{justify-self:center;width:2px;height:44px;background:linear-gradient(180deg,rgb(55 118 171/.2),rgb(55 118 171/.7),rgb(55 118 171/.2))}.pipe-wire i{left:-3px;animation-name:pipe-flow-v}.perf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@keyframes pipe-flow-v{0%{top:0;opacity:0}15%,85%{opacity:1}to{top:calc(100% - 8px);opacity:0}}@media (max-width:640px){.perf{padding:72px 0}.perf-grid{grid-template-columns:minmax(0,1fr)}}.center-link{margin-top:32px;text-align:center}.cta{padding:24px 0 112px}.cta-inner{padding:88px 32px;border-radius:32px;text-align:center;background:radial-gradient(50% 70% at 15% 0,rgb(55 118 171/.55),transparent 70%),radial-gradient(40% 60% at 90% 100%,rgb(255 212 59/.22),transparent 70%),#07090d;box-shadow:0 40px 80px -40px rgb(55 118 171/.5)}.cta-inner:before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgb(255 255 255/.05) 1px,transparent 0),linear-gradient(90deg,rgb(255 255 255/.05) 1px,transparent 0);background-size:48px 48px;mask-image:radial-gradient(60% 70% at 50% 50%,#000,transparent);-webkit-mask-image:radial-gradient(60% 70% at 50% 50%,#000,transparent)}.cta h2{margin:0;font-size:clamp(32px,4.5vw,48px);letter-spacing:-.03em}.cta p{margin:12px auto 32px;max-width:520px;font-size:18px;opacity:.85}.btn-cta{background:#fff;color:var(--blue-700)}.btn-cta:hover{background:var(--yellow-400);color:#1b1f24}.btn-cta-ghost{border:1px solid rgb(255 255 255/.4);color:#fff}.btn-cta-ghost:hover{background:rgb(255 255 255/.1)}@media (max-width:1080px){.stage{grid-template-columns:minmax(0,1fr);padding:28px}.devices{justify-content:center}}@media (max-width:860px){.split,.steps{grid-template-columns:minmax(0,1fr);gap:32px}.split-reverse>:first-child{order:0}.steps-panel{position:static}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat:nth-child(3){border-left:0;padding-left:0}.stat:nth-child(n+3){border-top:1px solid var(--border)}}@media (max-width:640px){.hero{padding:48px 0 40px}.stage{margin-top:40px;padding:14px;border-radius:20px;gap:28px}.stage-code .code-body pre{font-size:12.5px;padding:16px}.devices{zoom:.8}.device-android{margin-left:-36px}.stat{padding:24px 16px}}.why{overflow:hidden}.why:after{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--blue-500),var(--yellow-400))}.why-num{display:block;margin-bottom:14px;font-family:var(--font-mono);font-size:13px;color:var(--accent)}.faq-wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-gap:48px;gap:48px;align-items:start}.faq{border-top:1px solid var(--border)}.faq details{border-bottom:1px solid var(--border)}.faq summary{display:flex;justify-content:space-between;gap:16px;padding:18px 0;font-weight:600;cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";flex:none;font-family:var(--font-mono);font-size:18px;line-height:1;color:var(--text-tertiary);transition:transform .15s}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{margin:0 0 18px;color:var(--text-secondary)}@media (max-width:860px){.faq-wrap{grid-template-columns:minmax(0,1fr);gap:24px}}@media (max-width:480px){.module-tiles{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.cta{padding:8px 0 72px}.cta-inner{padding:56px 20px;border-radius:24px}}.editor-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:28px}.editor-actions .text-link{margin-top:0}