*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--lp-bg:#051327;--lp-surface:#132035;--lp-surface-2:#172440;--lp-border:rgba(56,189,248,0.1);--lp-border-dim:rgba(255,255,255,0.06);--lp-text:#e2e8f0;--lp-text-muted:#cfd5de;--lp-text-dim:#92acd2;--lp-primary:#3b82f6;--lp-primary-glow:rgba(59,130,246,0.35);--lp-cyan:#38bdf8;--lp-cyan-glow:rgba(56,189,248,0.2);--lp-fail-red:#f87171;--lp-fail-red-bg:rgba(248,113,113,0.08);--lp-warn-orange:#fb923c;--lp-warn-orange-bg:rgba(251,146,60,0.08);--lp-warn-yellow:#fbbf24;--lp-warn-yellow-bg:rgba(251,191,36,0.08);--lp-ok-green:#34d399;--lp-mono:'JetBrains Mono','Fira Code',monospace;--lp-container:clamp(960px,82vw,1600px);--lp-radius:12px;--lp-radius-lg:18px;--fs-2xxl:32px;--fs-3xxl:3.00rem}html{scroll-behavior:smooth;font-size:clamp(14px,1vw,18px)}.lp-body{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;background:var(--lp-bg);color:var(--lp-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden;overflow-y:auto;height:auto}.lp-container{max-width:var(--lp-container);margin:0 auto;padding:0 1.5rem}.lp-anim{opacity:0;transform:translateY(28px);transition:opacity 0.55s ease,transform 0.55s ease}.lp-anim.lp-visible{opacity:1;transform:none}.lp-anim-delay-1{transition-delay:0.12s}.lp-anim-delay-2{transition-delay:0.24s}.lp-section-label{font-size:12px;font-weight:700;letter-spacing:0.14em;color:var(--lp-cyan);text-align:center;text-transform:uppercase;margin-bottom:1rem}.lp-section-h2{font-size:var(--fs-2xxl);font-weight:800;line-height:1.2;text-align:center;color:#f1f5f9;margin-bottom:1.75rem}.lp-h2-accent{background:linear-gradient(90deg,var(--lp-cyan),var(--lp-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lp-section-sub{font-size:var(--fs-md);color:var(--lp-text-muted);width:clamp(280px,45vw,760px);line-height:1.7;margin-bottom:3rem;margin-left:auto;margin-right:auto}.lp-btn{display:inline-flex;align-items:center;gap:0.5rem;padding:0.7rem 1.5rem;border-radius:8px;font-size:var(--fs-base);font-weight:600;text-decoration:none;transition:all 0.18s ease;cursor:pointer;border:none;white-space:nowrap}.lp-btn-primary{background:var(--lp-primary);color:#fff;box-shadow:0 0 20px var(--lp-primary-glow)}.lp-btn-primary:hover{background:#2563eb;box-shadow:0 0 30px rgba(59,130,246,0.5);transform:translateY(-1px)}.lp-btn-ghost{background:rgba(255,255,255,0.05);color:var(--lp-text);border:1px solid var(--lp-border-dim)}.lp-btn-ghost:hover{background:rgba(255,255,255,0.1);border-color:rgba(56,189,248,0.3);color:var(--lp-cyan)}.lp-btn-outline{background:transparent;color:var(--lp-cyan);border:1px solid rgba(56,189,248,0.35)}.lp-btn-outline:hover{background:var(--lp-cyan-glow);border-color:var(--lp-cyan)}.lp-btn-xl{padding:0.9rem 2rem;font-size:var(--fs-md);border-radius:10px}.lp-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(56,189,248,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,0.04) 1px,transparent 1px);background-size:48px 48px;pointer-events:none}.lp-hero-decor{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.lp-decor-svg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.lp-hero{position:relative;min-height:calc(100svh - 100px);display:flex;align-items:center;background:var(--lp-bg);overflow:hidden;padding:2.5rem 0}.lp-hero-glow{position:absolute;top:-120px;left:50%;transform:translateX(-50%);width:min(1400px,98vw);height:min(900px,90vh);background:radial-gradient(ellipse at center,rgba(59,130,246,0.14) 0%,transparent 65%);pointer-events:none}.lp-hero-decor{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.lp-hero-sim{transform-style:preserve-3d;will-change:transform;transition:box-shadow 0.3s ease}.lp-hero-sim.lp-tilt-active{transition:none}.lp-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center;width:100%}.lp-eyebrow{display:inline-flex;align-items:center;gap:0.5rem;font-size:12px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--lp-cyan);background:rgba(56,189,248,0.08);border:1px solid rgba(56,189,248,0.2);padding:0.3rem 0.75rem;border-radius:100px;margin-bottom:1.5rem}.lp-eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--lp-ok-green);box-shadow:0 0 6px var(--lp-ok-green);animation:lp-pulse-dot 2s ease-in-out infinite}@keyframes lp-pulse-dot{0%,100%{opacity:1;box-shadow:0 0 6px var(--lp-ok-green)}50%{opacity:0.6;box-shadow:0 0 12px var(--lp-ok-green)}}.lp-hero-h1{font-size:var(--fs-3xxl);font-weight:900;line-height:1.1;color:#f8fafc;margin-bottom:1.2rem;letter-spacing:-0.02em}.lp-h1-accent{background:linear-gradient(90deg,#f87171 0%,#fb923c 60%,#fbbf24 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lp-hero-sub{font-size:var(--t-subtitle);color:#96bcf2;line-height:1.7;font-weight:500;font-style:italic;width:clamp(280px,38vw,640px);margin-bottom:2rem}.lp-hero-actions{display:flex;gap:0.85rem;flex-wrap:wrap;margin-bottom:1.2rem}.lp-hero-note{font-size:var(--fs-sm);color:var(--lp-text-dim)}.lp-hero-sim{border-radius:var(--lp-radius-lg);overflow:hidden;border:1px solid rgba(56,189,248,0.15);box-shadow:0 0 80px rgba(59,130,246,0.12),0 0 1px rgba(56,189,248,0.3),inset 0 1px 0 rgba(255,255,255,0.04);background:var(--lp-surface);transform-style:preserve-3d;will-change:transform;transition:box-shadow 0.35s ease,transform 0.1s ease}.lp-sim-chrome{display:flex;align-items:center;gap:0.6rem;padding:0.55rem 1rem;background:rgba(0,0,0,0.35);border-bottom:1px solid rgba(255,255,255,0.05)}.lp-sim-chrome-dots{display:flex;gap:0.35rem}.lp-sim-dot{width:10px;height:10px;border-radius:50%}.lp-sim-dot--red{background:#f87171}.lp-sim-dot--yellow{background:#fbbf24}.lp-sim-dot--green{background:#34d399}.lp-sim-title{flex:1;text-align:center;font-size:var(--fs-xss);color:var(--lp-text-muted);font-family:var(--lp-mono)}.lp-sim-live{display:flex;align-items:center;gap:0.3rem;font-size:var(--fs-micro);font-weight:700;letter-spacing:0.08em;color:var(--lp-ok-green)}.lp-sim-live-dot{width:5px;height:5px;border-radius:50%;background:var(--lp-ok-green);animation:lp-pulse-dot 1.5s infinite}.lp-sim-body{display:flex;flex-direction:column}.lp-sim-graph-area{position:relative;background-color:#0b1422;background-image:radial-gradient(circle,rgba(56,189,248,0.18) 1px,transparent 1px);background-size:22px 22px;border-bottom:1px solid rgba(56,189,248,0.07);border-radius:0;overflow:hidden}.lp-sim-graph-area::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,transparent 55%,rgba(11,20,34,0.75) 100%);pointer-events:none}.lp-sim-svg{width:100%;height:auto;display:block;padding:1rem 0.5rem 0.5rem;position:relative;z-index:1}.no-smil .lp-sim-svg animate,.no-smil .lp-sim-svg animateMotion{display:none}.lp-low-motion .lp-sim-svg animate,.lp-low-motion .lp-sim-svg animateMotion{display:none}.lp-low-motion .lp-sim-live-dot,.lp-low-motion .lp-metrics-live-dot,.lp-low-motion .lp-eyebrow-dot{animation:none!important}.lp-low-motion .lp-hero-sim{transform:none!important;transition:box-shadow 0.2s ease}.lp-sim-metrics{padding:0.85rem 1rem 1rem;border-top:1px solid rgba(255,255,255,0.04);background:rgba(0,0,0,0.2)}.lp-metrics-hdr{display:flex;align-items:center;gap:0.4rem;font-size:12px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--lp-text-muted);margin-bottom:0.65rem}.lp-metrics-live-dot{width:5px;height:5px;border-radius:50%;background:var(--lp-ok-green);animation:lp-pulse-dot 1.5s infinite}.lp-metrics-row{display:flex;justify-content:space-between;align-items:center;padding:0.28rem 0;font-size:var(--fs-xs)}.lp-mk{color:var(--lp-text-muted)}.lp-mv{font-family:var(--lp-mono);font-size:var(--fs-sm);font-weight:500}.lp-mv em{font-style:normal;font-size:var(--fs-micro);opacity:0.6;margin-left:2px}.lp-mv-ok{color:var(--lp-ok-green)}.lp-mv-warn{color:var(--lp-warn-yellow)}.lp-mv-danger{color:var(--lp-fail-red)}.lp-metrics-sep{height:1px;background:rgba(255,255,255,0.05);margin:0.5rem 0}.lp-metrics-alert{display:flex;align-items:center;gap:0.4rem;font-size:var(--fs-xss);color:var(--lp-fail-red);font-family:var(--lp-mono);animation:lp-blink-alert 2s ease infinite}@keyframes lp-blink-alert{0%,100%{opacity:1}50%{opacity:0.55}}.lp-failures{padding:6rem 0;background:var(--lp-surface);border-top:1px solid var(--lp-border-dim);border-bottom:1px solid var(--lp-border-dim);text-align:center;position:relative;overflow:hidden}.lp-failures::before{content:"";position:absolute;top:-18%;left:50%;transform:translateX(-50%);width:min(1100px,90%);height:60%;background:radial-gradient(ellipse at 50% 30%,rgba(56,189,248,0.06),transparent 70%);pointer-events:none;z-index:0}.lp-failures .lp-section-label,.lp-failures .lp-section-h2,.lp-failures .lp-section-sub,.lp-failures-grid{position:relative;z-index:1}.lp-failures .lp-section-sub{margin:0 auto 3rem}.lp-failures-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;text-align:left}.lp-fail-card{display:flex;gap:1rem;padding:1.4rem 1.3rem;border-radius:var(--lp-radius);border:1px solid var(--lp-border-dim);background:rgba(255,255,255,0.02);transition:border-color 0.2s,transform 0.2s,box-shadow 0.2s}.lp-fail-card:hover{transform:translateY(-3px)}.lp-fail-card--red:hover{border-color:rgba(248,113,113,0.3);box-shadow:0 4px 30px rgba(248,113,113,0.08)}.lp-fail-card--orange:hover{border-color:rgba(251,146,60,0.3);box-shadow:0 4px 30px rgba(251,146,60,0.08)}.lp-fail-card--yellow:hover{border-color:rgba(251,191,36,0.3);box-shadow:0 4px 30px rgba(251,191,36,0.08)}.lp-fail-icon{flex-shrink:0;width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center}.lp-fail-card--red .lp-fail-icon{background:var(--lp-fail-red-bg);color:var(--lp-fail-red)}.lp-fail-card--orange .lp-fail-icon{background:var(--lp-warn-orange-bg);color:var(--lp-warn-orange)}.lp-fail-card--yellow .lp-fail-icon{background:var(--lp-warn-yellow-bg);color:var(--lp-warn-yellow)}.lp-fail-body{flex:1}.lp-fail-title{font-size:var(--fs-md);font-weight:700;color:#f1f5f9;margin-bottom:0.35rem}.lp-fail-desc{font-size:var(--fs-base);color:var(--lp-text-muted);line-height:1.55;margin-bottom:0.6rem}.lp-fail-tag{font-size:var(--fs-micro);font-weight:600;font-family:var(--lp-mono);padding:0.2rem 0.55rem;border-radius:4px;letter-spacing:0.03em}.lp-fail-tag--red{background:var(--lp-fail-red-bg);color:var(--lp-fail-red);border:1px solid rgba(248,113,113,0.25)}.lp-fail-tag--orange{background:var(--lp-warn-orange-bg);color:var(--lp-warn-orange);border:1px solid rgba(251,146,60,0.25)}.lp-fail-tag--yellow{background:var(--lp-warn-yellow-bg);color:var(--lp-warn-yellow);border:1px solid rgba(251,191,36,0.25)}.lp-how{padding:6rem 0;background:var(--lp-bg)}.lp-how-subheading{font-size:var(--fs-md);color:var(--lp-text-muted);margin-bottom:3rem;margin-top:-1.5rem}.lp-how-steps{display:grid;grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr) 48px minmax(0,1fr);gap:2rem;margin-bottom:3rem;width:100%;align-items:start}.lp-how-step{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0;justify-content:flex-start}.lp-how-num{display:none}.lp-how-icon-wrap{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(56,189,248,0.08);border:1px solid rgba(56,189,248,0.18);color:var(--lp-cyan);margin-bottom:1.5rem;font-size:24px}.lp-how-title{font-size:var(--fs-md);font-weight:800;color:#f1f5f9;margin-bottom:1rem}.lp-how-desc{font-size:var(--fs-base);color:var(--lp-text-muted);line-height:1.65}.lp-how-conn{display:flex;align-items:center;padding-top:3rem;flex-shrink:0;width:48px}.lp-how-conn-line{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(56,189,248,0.3),transparent)}.lp-how-cta{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.lp-compare{padding:5rem 0;background:var(--lp-surface);border-top:1px solid var(--lp-border-dim);border-bottom:1px solid var(--lp-border-dim);position:relative;overflow:hidden}.lp-compare::before{content:"";position:absolute;top:-20%;left:50%;transform:translateX(-50%);width:min(1000px,90%);height:55%;background:radial-gradient(ellipse at 50% 35%,rgba(56,189,248,0.055),transparent 70%);pointer-events:none;z-index:0}.lp-compare .lp-section-label,.lp-compare .lp-section-h2,.lp-compare-sub,.lp-compare-table{position:relative;z-index:1}.lp-compare-sub{font-size:var(--fs-md);color:var(--lp-text-muted);margin-top:0.5rem;margin-bottom:1.6rem}.lp-compare-table table{width:100%;border-collapse:collapse;background:transparent}.lp-compare-table th,.lp-compare-table td{padding:14px 18px;text-align:left;border-bottom:1px solid rgba(255,255,255,0.03);color:#e6eef8}.lp-compare-table th{color:#93c5fd;font-weight:700}.lp-compare-table td:nth-child(2){color:#94a3b8}.lp-compare-table td:nth-child(3){color:#a7f3d0;font-weight:700}.lp-compare-punch{margin:1.6rem 0rem 1rem 0rem;font-weight:500;color:#e6eef8}..lp-compare-cta{margin-top:1rem}.lp-compare-table tbody tr{border-bottom:1px solid rgba(255,255,255,0.03);transition:transform 220ms cubic-bezier(.2,.9,.2,1),box-shadow 220ms,background 180ms;transform:translateY(0)}.lp-compare-table tbody tr:hover{transform:translateY(-6px);background:rgba(255,255,255,0.012);box-shadow:0 14px 40px rgba(2,6,23,0.35)}.cmp-prism{position:relative;overflow:visible}.cmp-prism::before{content:"";position:absolute;left:-10%;right:-10%;top:0;bottom:0;pointer-events:none;background:linear-gradient(90deg,rgba(59,130,246,0.00) 0%,rgba(59,130,246,0.04) 50%,rgba(59,130,246,0.00) 100%);transform:translateX(-120%);border-radius:8px;opacity:0.9;animation:cmp-shimmer 8s linear infinite}@keyframes cmp-shimmer{0%{transform:translateX(-120%)}50%{transform:translateX(20%)}100%{transform:translateX(120%)}}.lp-compare-cta .lp-btn-primary{animation:pulse-slow 4.5s ease-in-out infinite}@keyframes pulse-slow{0%{box-shadow:0 8px 20px rgba(37,99,235,0.06)}50%{box-shadow:0 18px 40px rgba(37,99,235,0.10)}100%{box-shadow:0 8px 20px rgba(37,99,235,0.06)}}.lp-compare-table{border-radius:14px;box-shadow:0 18px 50px rgba(2,6,23,0.45);overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,0.01),rgba(255,255,255,0.00))}.lp-compare-table table{width:100%;border-collapse:separate;border-spacing:0}.lp-compare-table thead th{padding:16px 20px;background:rgba(3,10,20,0.55);color:rgba(255,255,255,0.88);font-weight:600;text-align:left}.lp-compare-table th,.lp-compare-table td{padding:14px 20px;text-align:left;color:rgba(255,255,255,0.86);font-weight:500;font-size:var(--fs-md)}.lp-compare-table tbody tr{border-bottom:1px solid rgba(255,255,255,0.03)}.lp-compare-table tbody tr:last-child{border-bottom:none}.lp-compare-table td.cmp-others,.lp-compare-table td.col-others{color:rgba(255,255,255,0.48);font-weight:500}.lp-compare-table td.cmp-prism,.lp-compare-table td.col-prism{color:var(--lp-primary);background:linear-gradient(90deg,rgba(59,130,246,0.04),rgba(59,130,246,0.01));font-weight:600;border-left:1px solid rgba(59,130,246,0.09);padding-left:18px}.lp-compare-table .cmp-icon,.lp-compare-table .cmp-icon-prism{display:inline-block;width:18px;height:18px;vertical-align:middle;margin-right:10px}.lp-compare-table tbody tr{transition:transform 200ms ease,background 160ms ease}.lp-compare-table tbody tr:hover{transform:translateY(-6px);background:rgba(255,255,255,0.012)}.lp-compare .lp-section-h2{font-weight:700}.lp-compare-punch{font-weight:600;color:rgba(255,255,255,0.92)}.cmp-prism::before{opacity:0.6}.lp-tradeoffs{padding:6rem 0;background:var(--lp-surface);border-top:1px solid var(--lp-border-dim);border-bottom:1px solid var(--lp-border-dim);position:relative;overflow:hidden}.lp-tradeoffs::before{content:"";position:absolute;bottom:-150px;right:-150px;width:600px;height:600px;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 400"><defs><pattern id="branches" x="0" y="0" width="300" height="400" patternUnits="userSpaceOnUse"><line x1="150" y1="0" x2="150" y2="60" stroke="%2338bdf8" stroke-width="1" opacity="0.08"/><circle cx="150" cy="60" r="4" fill="%2338bdf8" opacity="0.1"/><line x1="150" y1="60" x2="75" y2="130" stroke="%2338bdf8" stroke-width="0.8" opacity="0.06"/><line x1="150" y1="60" x2="225" y2="130" stroke="%2338bdf8" stroke-width="0.8" opacity="0.06"/><circle cx="75" cy="130" r="3" fill="%2338bdf8" opacity="0.08"/><circle cx="225" cy="130" r="3" fill="%2338bdf8" opacity="0.08"/></pattern></defs><rect width="300" height="400" fill="url(%23branches)"/></svg>');background-size:300px 400px;background-position:bottom right;background-repeat:no-repeat;pointer-events:none;opacity:0.6;z-index:0}.lp-tradeoffs-inner{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}.lp-tradeoffs-h2{font-size:var(--fs-2xxl);font-weight:800;line-height:1.2;color:#f1f5f9;margin-bottom:1rem}.lp-tradeoffs-sub{font-size:var(--fs-md);color:var(--lp-text-muted);line-height:1.7;margin-bottom:1.5rem}.lp-tradeoffs-list{list-style:none;display:flex;flex-direction:column;gap:0.6rem}.lp-tradeoffs-list li{display:flex;align-items:center;gap:0.6rem;font-size:var(--fs-md);color:#94a3b8}.lp-tradeoffs-list li svg{color:var(--lp-cyan);flex-shrink:0}.lp-tp{background:var(--lp-surface-2);border:1px solid rgba(56,189,248,0.12);border-radius:var(--lp-radius-lg);overflow:hidden;box-shadow:0 0 50px rgba(59,130,246,0.07)}.lp-tp-hdr{display:flex;align-items:center;justify-content:space-between;padding:0.85rem 1.1rem;border-bottom:1px solid rgba(255,255,255,0.05);background:rgba(0,0,0,0.2)}.lp-tp-title{font-size:var(--fs-xs);font-weight:700;color:#94a3b8;font-family:var(--lp-mono)}.lp-tp-badge{font-size:11px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:var(--lp-cyan);background:rgba(56,189,248,0.1);border:1px solid rgba(56,189,248,0.2);padding:0.15rem 0.5rem;border-radius:4px}.lp-tp-decision{padding:1rem 1.1rem;border-bottom:1px solid rgba(255,255,255,0.04)}.lp-tp-decision-label{font-size:12px;text-transform:uppercase;letter-spacing:0.08em;color:var(--lp-text-dim);font-weight:600;margin-bottom:0.4rem}.lp-tp-decision-text{font-size:var(--fs-sm);color:#cbd5e1;font-style:italic;line-height:1.5}.lp-tp-consequence{padding:1rem 1.1rem;border-bottom:1px solid rgba(255,255,255,0.04)}.lp-tp-consequence-label{font-size:12px;text-transform:uppercase;letter-spacing:0.08em;color:var(--lp-text-dim);font-weight:600;margin-bottom:0.75rem}.lp-tp-row{display:flex;align-items:center;gap:0.6rem;margin-bottom:0.55rem;font-size:var(--fs-xs);color:var(--lp-text-muted)}.lp-tp-row span:first-child{width:110px;flex-shrink:0}.lp-tp-bar-wrap{flex:1;height:4px;border-radius:2px;background:rgba(255,255,255,0.06);overflow:hidden}.lp-tp-bar{height:100%;border-radius:2px;transition:width 1s ease}.lp-tp-bar--red{background:linear-gradient(90deg,#f87171,#ef4444)}.lp-tp-bar--orange{background:linear-gradient(90deg,#fb923c,#f97316)}.lp-tp-val{font-family:var(--lp-mono);font-size:var(--fs-xss);width:52px;text-align:right;flex-shrink:0}.lp-tp-val--red{color:var(--lp-fail-red)}.lp-tp-val--orange{color:var(--lp-warn-orange)}.lp-tp-suggestion{padding:0.85rem 1.1rem;display:flex;align-items:flex-start;gap:0.5rem;font-size:var(--fs-xs);color:var(--lp-text-muted);line-height:1.55;background:rgba(56,189,248,0.03)}.lp-tp-suggestion svg{color:var(--lp-cyan);flex-shrink:0;margin-top:2px}.lp-framework{padding:6rem 0;background:var(--lp-bg);text-align:center;position:relative;overflow:hidden}.lp-framework::before{content:"";position:absolute;top:-150px;left:-150px;width:600px;height:400px;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 200"><defs><pattern id="pipeline" x="0" y="0" width="300" height="200" patternUnits="userSpaceOnUse"><line x1="0" y1="100" x2="300" y2="100" stroke="%2338bdf8" stroke-width="0.8" opacity="0.06" stroke-dasharray="8,16"/><circle cx="30" cy="100" r="8" fill="%2338bdf8" opacity="0.08"/><circle cx="90" cy="100" r="8" fill="%2338bdf8" opacity="0.08"/><circle cx="150" cy="100" r="8" fill="%2338bdf8" opacity="0.08"/><circle cx="210" cy="100" r="8" fill="%2338bdf8" opacity="0.08"/><circle cx="270" cy="100" r="8" fill="%2338bdf8" opacity="0.08"/></pattern></defs><rect width="300" height="200" fill="url(%23pipeline)"/></svg>');background-size:300px 200px;background-position:top left;background-repeat:no-repeat;pointer-events:none;opacity:0.6;z-index:0}.lp-framework .lp-section-label,.lp-framework .lp-section-h2,.lp-framework .lp-section-sub{margin:0 auto 3rem;position:relative;z-index:1}.lp-framework-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;position:relative;z-index:1}.lp-fw-card{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:clamp(1.4rem,1.8vw,2.2rem) clamp(1.2rem,1.6vw,2rem);border-radius:var(--lp-radius);background:var(--lp-surface);border:1px solid var(--lp-border-dim);text-align:center;transition:border-color 0.2s,box-shadow 0.2s,transform 0.2s}.lp-fw-card:hover{border-color:rgba(56,189,248,0.3);box-shadow:0 4px 24px rgba(56,189,248,0.07);transform:translateY(-3px)}.lp-fw-letter{font-size:var(--fs-xxl);font-weight:900;line-height:1;background:linear-gradient(135deg,var(--lp-cyan),var(--lp-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lp-fw-body{display:flex;flex-direction:column;gap:0.35rem}.lp-fw-body strong{font-size:calc(var(--fs-md) + 2px);font-weight:700;color:#e2e8f0;display:block}.lp-fw-body span{font-size:var(--fs-sm);color:#55adff;line-height:1.5}.lp-stats{padding:3rem 0;background:var(--lp-surface);border-top:1px solid var(--lp-border-dim);border-bottom:1px solid var(--lp-border-dim)}.lp-stats-label{text-align:center;font-size:var(--t-caption);font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--lp-text-dim);margin-bottom:1.75rem}.lp-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;max-width:880px;margin:0 auto;padding:0 16px}.lp-stat{display:flex;flex-direction:column-reverse;align-items:center;gap:6px;text-align:center}.lp-stat dd{margin:0;font-size:var(--t-display);font-weight:800;line-height:1;color:var(--lp-text);font-variant-numeric:tabular-nums}.lp-stat dt{font-size:var(--t-small);color:var(--lp-text-dim)}@media (max-width:560px){.lp-stats-grid{grid-template-columns:1fr;gap:1.5rem}}.lp-logos{padding:3.5rem 0;background:var(--lp-surface);border-top:1px solid var(--lp-border-dim);border-bottom:1px solid var(--lp-border-dim);overflow:hidden}.lp-logos-label{text-align:center;font-size:12px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--lp-text-dim);margin-bottom:2rem}.logo-marquee-outer{overflow:hidden;mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent 100%)}.logo-marquee-track{display:flex;align-items:center;gap:3.5rem;width:max-content;animation:lp-marquee 28s linear infinite}@keyframes lp-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}@media (prefers-reduced-motion:reduce){.logo-marquee-track{animation:none}}.logo-item{display:flex;align-items:center;flex-shrink:0;opacity:0.55;transition:opacity 0.2s;filter:grayscale(0.3)}.logo-item:hover{opacity:0.85}.logo-google svg{width:68px;height:auto}.logo-netflix{font-size:var(--fs-lg);font-weight:900;letter-spacing:-0.02em;color:#e50914;font-family:'Inter',sans-serif}.logo-amazon{display:flex;flex-direction:column;gap:0;align-items:flex-start}.az-word{font-size:var(--fs-subhead);font-weight:800;color:#fff;line-height:1;letter-spacing:-0.01em}.az-smile{width:52px;height:8px;display:block;margin-top:-1px}.logo-microsoft{display:flex;align-items:center;gap:0.4rem}.ms-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;width:18px;height:18px}.ms-grid span{display:block}.ms-wordmark{font-size:var(--fs-sm);font-weight:500;color:#fff;letter-spacing:-0.01em}.logo-apple{display:inline-flex;align-items:center;color:#fff}.logo-delta{display:flex;align-items:center;gap:0.4rem}.delta-tri{width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:13px solid #003366}.delta-text{font-size:var(--fs-xs);font-weight:700;letter-spacing:0.08em;color:#fff}.logo-paytm{display:flex;align-items:center}.pay-box{background:#002970;color:#fff;font-size:var(--fs-sm);font-weight:700;padding:1px 4px;border-radius:2px}.tm-text{color:#00b9f5;font-size:var(--fs-sm);font-weight:700}.logo-sabre{font-size:var(--fs-sm);font-weight:700;letter-spacing:0.1em;color:#e02020}.lp-final{position:relative;padding:7rem 0;background:var(--lp-bg);text-align:center;overflow:hidden}.lp-final-glow{position:absolute;bottom:-150px;left:50%;transform:translateX(-50%);width:700px;height:400px;background:radial-gradient(ellipse at center,rgba(59,130,246,0.15) 0%,transparent 70%);pointer-events:none}.lp-final-inner{position:relative;z-index:1}.lp-final-h2{font-size:var(--fs-2xxl);font-weight:900;color:#f8fafc;line-height:1.2;letter-spacing:-0.02em;margin-bottom:1rem}.lp-final-sub{font-size:var(--fs-subhead);color:var(--lp-text-muted);margin-bottom:2.5rem}.lp-final-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.2rem}.lp-final-note{font-size:var(--fs-sm);color:var(--lp-text-dim)}.lp-final-note a{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px}.l-page{max-width:var(--lp-container);margin:0 auto;padding:0 1.5rem}.landing-footer{background:#060b14;border-top:1px solid var(--lp-border-dim)}.footer-inner{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;padding:4rem 1.5rem 3rem}.footer-logo-link{display:inline-flex;align-items:center;gap:0.5rem;text-decoration:none;margin-bottom:1rem}.footer-logo-img{width:150px;height:150px;object-fit:contain}.footer-brand-col .footer-logo-img{height:auto}.footer-brand-col .footer-logo-link{margin-bottom:1.25rem}.footer-social{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0.5rem}.footer-social a{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;border:1px solid var(--lp-border-dim);color:var(--lp-text-dim);background:rgba(255,255,255,0.03);transition:color 0.15s ease,border-color 0.15s ease,background 0.15s ease,transform 0.15s ease}.footer-social a:hover,.footer-social a:focus-visible{color:var(--lp-text);border-color:rgba(56,189,248,0.4);background:rgba(56,189,248,0.08);transform:translateY(-2px)}.footer-social a:focus-visible{outline:2px solid var(--lp-cyan);outline-offset:2px}html.prism-theme[data-theme="light"] .landing-footer .footer-social a{background:#f8fafc;border-color:rgba(15,23,42,0.1)}.footer-social a.footer-social--youtube{--brand:#ff0000}.footer-social a.footer-social--instagram{--brand:#e4405f}.footer-social a.footer-social--discord{--brand:#5865f2}.footer-social a.footer-social--linkedin{--brand:#0a66c2}.footer-social a[class*="footer-social--"],html.prism-theme[data-theme="light"] .landing-footer .footer-social a[class*="footer-social--"]{color:var(--brand)}.footer-social a[class*="footer-social--"]:hover,.footer-social a[class*="footer-social--"]:focus-visible,html.prism-theme[data-theme="light"] .landing-footer .footer-social a[class*="footer-social--"]:hover{color:var(--brand);border-color:color-mix(in srgb,var(--brand) 55%,transparent);background:color-mix(in srgb,var(--brand) 14%,transparent)}html:not([data-theme="light"]) .footer-social a.footer-social--linkedin{--brand:#3b8fe0}.footer-tagline{font-size:var(--fs-sm);color:var(--lp-text-muted);line-height:1.6}.footer-col{display:flex;flex-direction:column;gap:0.6rem}.footer-col-heading{font-size:12px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:#d1d8e3;margin-bottom:0.3rem}.footer-col a{font-size:var(--fs-sm);color:#6c7f9a;text-decoration:none;transition:color 0.15s}.footer-col a:hover{color:#94a3b8}.footer-bar{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 1.5rem;border-top:1px solid rgba(255,255,255,0.04);font-size:var(--fs-xs);color:#7199d0}.footer-bar-right{color:#7199d0;font-size:var(--fs-xs)}.lp-floater{position:absolute;z-index:0;pointer-events:none;overflow:visible;will-change:transform}.lp-floater-1{width:250px;height:160px;top:16%;left:3%;opacity:0.6;animation:lp-drift 16s ease-in-out infinite}.lp-floater-2{width:128px;height:156px;top:11%;right:4.5%;opacity:0.5;animation:lp-drift 19s ease-in-out infinite reverse}.lp-floater-5{width:190px;height:190px;bottom:9%;left:-3.5%;opacity:0.4;animation:lp-drift 22s ease-in-out infinite}.lp-floater-3{width:176px;height:176px;top:9%;right:5%;opacity:0.6;animation:lp-drift 18s ease-in-out infinite}.lp-floater-6{width:200px;height:152px;top:15%;left:4%;opacity:0.5;animation:lp-drift 21s ease-in-out infinite reverse}@keyframes lp-drift{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-10px,0)}}.lp-failures,.lp-compare{position:relative;overflow:hidden}@media (prefers-reduced-motion:reduce){.lp-floater{animation:none}}@media (max-width:1400px){.lp-floater-5{display:none}.lp-floater-1{width:200px;height:128px;left:1%;opacity:0.45}.lp-floater-6{width:160px;height:122px;left:1.5%;opacity:0.4}.lp-floater-2{right:1.5%;opacity:0.4}.lp-floater-3{right:1.5%;width:148px;height:148px;opacity:0.45}}@media (max-width:1100px){.lp-floater{display:none}}@media (max-width:1024px){.lp-hero-inner{grid-template-columns:1fr;gap:3rem}.lp-hero-h1{font-size:var(--fs-2xl)}.lp-hero-sim{max-width:min(600px,100%)}.lp-how-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}.lp-how-conn{display:none}.lp-tradeoffs-inner{grid-template-columns:1fr;gap:3rem}.lp-failures-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){:root{--lp-container:clamp(280px,92vw,480px)}.lp-container{padding:0 0.75rem}.lp-hero{padding:2rem 0 1.5rem}.lp-hero-h1{font-size:clamp(1.5rem,5vw,1.75rem)}.lp-btn{padding:0.6rem 1.2rem;font-size:var(--fs-sm)}.lp-btn-xl{padding:0.7rem 1.4rem}.lp-section-h2{font-size:clamp(1.25rem,4vw,1.5rem);margin-bottom:1rem}.lp-section-sub{margin-bottom:1.5rem}.lp-framework-grid{grid-template-columns:1fr}.lp-grid-bg{background-size:24px 24px;opacity:0.5}}@media (max-width:700px){:root{--lp-container:clamp(320px,90vw,700px)}.lp-container{padding:0 1rem}.lp-hero{padding:3rem 0 2rem;min-height:unset}.lp-hero-inner{grid-template-columns:1fr;gap:2rem}.lp-hero-h1{font-size:clamp(1.75rem,6vw,2.2rem);margin-bottom:1rem}.lp-hero-sub{width:100%;max-width:100%;font-size:var(--fs-md);margin-bottom:1.5rem}.lp-eyebrow{margin-bottom:1rem}.lp-hero-sim{max-width:100%;width:100%}.lp-hero-actions{flex-direction:column;gap:0.6rem}.lp-btn{justify-content:center;width:100%}.lp-hero-note{margin-top:1rem}.lp-section-label{font-size:var(--fs-micro);margin-bottom:0.75rem}.lp-section-h2{font-size:clamp(1.5rem,5vw,2rem);margin-bottom:1.25rem}.lp-section-sub{width:100%;max-width:100%;font-size:var(--fs-base);margin-bottom:2rem;text-align:center}.lp-failures{padding:3rem 0}.lp-failures-grid{grid-template-columns:1fr;gap:1.5rem}.lp-failure-card{padding:1.25rem}.lp-how{padding:3rem 0}.lp-how-steps{grid-template-columns:1fr;gap:1.5rem}.lp-how-conn{display:none}.lp-how-step{padding:0}.lp-how-icon-wrap{width:48px;height:48px;margin-bottom:1rem;font-size:20px}.lp-how-title{font-size:var(--fs-subhead)}.lp-how-desc{font-size:var(--fs-sm)}.lp-compare{overflow-x:auto}.lp-compare-table{font-size:var(--fs-xs);width:100%}.lp-tradeoffs{padding:3rem 0}.lp-tradeoffs-inner{grid-template-columns:1fr;gap:2rem}.lp-tradeoff-group{margin-bottom:1.5rem}.lp-framework{padding:3rem 0}.lp-framework-grid{gap:0.5rem;grid-template-columns:repeat(2,1fr)}.lp-fw-card{padding:1rem;gap:0.5rem;font-size:var(--fs-xs)}.lp-fw-letter{font-size:clamp(1.5rem,4vw,1.75rem);width:48px;height:48px}.lp-fw-body{flex:1;min-width:0}.lp-fw-body strong{font-size:var(--fs-xs);display:block}.lp-fw-body span{font-size:11px;line-height:1.3}.lp-marquee{padding:2.5rem 0}.lp-marquee-track{gap:1.5rem}.lp-marquee-item{width:auto;max-width:120px}.lp-final{padding:3rem 0 2.5rem}.lp-final-h2{font-size:clamp(1.5rem,5vw,1.75rem);margin-bottom:1rem}.lp-final-sub{font-size:var(--fs-base);margin-bottom:1.5rem}.lp-final-actions{flex-direction:column;align-items:stretch;gap:0.6rem}.lp-final-actions .lp-btn{width:100%}.footer-section{padding:2.5rem 0 1.5rem}.footer-inner{grid-template-columns:1fr;gap:1.5rem;padding:0 1rem}.footer-brand-col{grid-column:unset}.footer-col h3{font-size:var(--fs-md);margin-bottom:0.75rem}.footer-col a{font-size:var(--fs-sm);display:block;margin-bottom:0.5rem}.footer-bar{flex-direction:column;gap:0.75rem;text-align:center;font-size:var(--fs-xs);padding:0 1rem}.lp-grid-bg{background-size:32px 32px}.lp-hero-glow{width:min(100vw,100%);height:60vh;top:-80px}}.lp-hero-proof{margin-top:0.5rem;font-size:var(--t-small);color:var(--lp-text-dim)}.lp-hero-proof strong{color:var(--lp-text);font-weight:700}.lp-product{padding:5rem 0 4rem}.lp-shot{margin:0 auto;max-width:1120px;border:1px solid var(--lp-border);border-radius:var(--lp-radius-lg);overflow:hidden;background:var(--lp-surface);box-shadow:0 40px 80px -40px rgba(2,8,23,0.7),0 0 0 1px rgba(56,189,248,0.06)}.lp-shot-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid var(--lp-border-dim);background:var(--lp-surface-2)}.lp-shot-bar span{width:10px;height:10px;border-radius:50%;background:rgba(148,163,184,0.35)}.lp-shot-bar em{margin-left:10px;font-style:normal;font-size:var(--t-caption);color:var(--lp-text-dim);font-family:var(--lp-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lp-shot-img{display:block;width:100%;height:auto}html[data-theme="light"] .lp-shot-dark{display:none}html:not([data-theme="light"]) .lp-shot-light{display:none}.lp-shot-points{list-style:none;margin:2rem auto 0;padding:0;max-width:1120px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}.lp-shot-points li{font-size:var(--t-body);line-height:1.6;color:var(--lp-text-muted)}.lp-shot-points strong{color:var(--lp-text);font-weight:700}.cmp-ic--mid{color:#fbbf24;background:rgba(251,191,36,0.12)}.lp-compare-table--3{max-width:1040px;margin-left:auto;margin-right:auto}.lp-pricing{padding:5rem 0}.lp-pricing .lp-section-h2,.lp-faq .lp-section-h2{margin-bottom:2.5rem}.lp-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;max-width:820px;margin:0 auto}.lp-plan{display:flex;flex-direction:column;gap:1rem;padding:1.75rem;border:1px solid var(--lp-border-dim);border-radius:var(--lp-radius-lg);background:var(--lp-surface)}.lp-plan--pro{border-color:rgba(59,130,246,0.45);box-shadow:0 0 0 1px rgba(59,130,246,0.25),0 30px 60px -30px rgba(59,130,246,0.45)}.lp-plan-name{font-size:var(--t-caption);font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--lp-cyan)}.lp-plan-price{font-size:var(--t-display);font-weight:800;line-height:1;color:var(--lp-text);font-variant-numeric:tabular-nums}.lp-plan-price span{font-size:var(--t-body);font-weight:500;color:var(--lp-text-dim)}.lp-plan-price .lp-price-amount{font-size:inherit;font-weight:inherit;color:inherit}.lp-plan ul{list-style:none;margin:0;padding:0;display:grid;gap:0.6rem;flex:1}.lp-plan li{position:relative;padding-left:1.4rem;font-size:var(--t-body);color:var(--lp-text-muted);line-height:1.5}.lp-plan li::before{content:"";position:absolute;left:0;top:0.45em;width:0.7rem;height:0.4rem;border-left:2px solid var(--lp-ok-green);border-bottom:2px solid var(--lp-ok-green);transform:rotate(-45deg)}.lp-plan .lp-btn{justify-content:center}.lp-plans--3{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1120px}@media (max-width:960px){.lp-plans--3{grid-template-columns:1fr;max-width:520px}}.lp-plan{position:relative}.lp-plan-badge{position:absolute;top:-11px;left:1.75rem;padding:3px 10px;border-radius:999px;background:#2563eb;color:#ffffff;font-size:var(--t-micro);font-weight:700;letter-spacing:0.02em}.lp-plans-note{margin-top:1.25rem;text-align:center;font-size:var(--t-small);color:var(--lp-text-dim)}.lp-faq{padding:4rem 0 5rem}.lp-faq-list{max-width:780px;margin:0 auto;border-top:1px solid var(--lp-border-dim)}.lp-faq-item{border-bottom:1px solid var(--lp-border-dim)}.lp-faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.15rem 0.25rem;cursor:pointer;list-style:none;font-size:var(--t-subtitle);font-weight:600;color:var(--lp-text)}.lp-faq-item summary::-webkit-details-marker{display:none}.lp-faq-item summary svg{flex:none;color:var(--lp-text-dim);transition:transform 0.2s ease}.lp-faq-item[open] summary svg{transform:rotate(180deg)}.lp-faq-item summary:focus-visible{outline:2px solid var(--lp-cyan);outline-offset:2px;border-radius:6px}.lp-faq-item p{margin:0 0 1.25rem;padding:0 0.25rem;max-width:680px;font-size:var(--t-body);line-height:1.7;color:var(--lp-text-muted)}@media (max-width:760px){.lp-shot-points{grid-template-columns:1fr;gap:1rem}.lp-plans,.lp-plans--3{grid-template-columns:1fr}.lp-product,.lp-pricing{padding:3.5rem 0}}@media (max-width:700px){.lp-compare-table--3 table,.lp-compare-table--3 tbody,.lp-compare-table--3 tr,.lp-compare-table--3 td{display:block;width:100%}.lp-compare-table--3 thead{display:none}.lp-compare-table--3 tbody tr{margin-bottom:0.75rem;padding:0.9rem 1rem;border:1px solid var(--lp-border-dim);border-radius:var(--lp-radius);background:var(--lp-surface)}.lp-compare-table--3 tbody tr:hover{transform:none}.lp-compare-table--3 td{padding:0.35rem 0!important;border:0!important;background:none!important}.lp-compare-table--3 td:first-child{font-weight:700;color:var(--lp-text);padding-bottom:0.5rem!important}.lp-compare-table--3 td[data-label]{display:flex;align-items:center;gap:0.5rem}.lp-compare-table--3 td[data-label]::before{content:attr(data-label);order:-1;flex:0 0 8.5rem;font-size:var(--t-caption);font-weight:600;letter-spacing:0.04em;text-transform:uppercase;color:var(--lp-text-dim)}.lp-compare .lp-compare-table--3 td.cmp-prism[data-label]::before{display:block;position:static;inset:auto;width:auto;height:auto;opacity:1;background:none;animation:none;border-radius:0;transform:none;color:var(--lp-cyan)}}.lp-quotes{padding:5rem 0 2rem}.lp-quotes .lp-section-h2{margin-bottom:2.5rem}.lp-quotes-grid{display:grid;gap:1.25rem;max-width:1120px;margin:0 auto;grid-template-columns:repeat(3,minmax(0,1fr))}.lp-quotes-grid--1{grid-template-columns:minmax(0,680px);justify-content:center}.lp-quotes-grid--2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:880px}.lp-quote{margin:0;display:flex;flex-direction:column;justify-content:space-between;gap:1.5rem;padding:1.75rem;border:1px solid var(--lp-border-dim);border-radius:var(--lp-radius-lg);background:var(--lp-surface)}.lp-quote blockquote{margin:0;font-size:var(--t-subtitle);line-height:1.6;color:var(--lp-text)}.lp-quote figcaption{display:flex;align-items:center;gap:0.75rem}.lp-quote figcaption>span:last-child{display:grid;gap:2px}.lp-quote strong{font-size:var(--t-body);color:var(--lp-text)}.lp-quote em{font-style:normal;font-size:var(--t-small);color:var(--lp-text-dim)}.lp-quote-avatar{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--lp-cyan),var(--lp-primary))}@media (max-width:860px){.lp-quotes-grid,.lp-quotes-grid--2{grid-template-columns:1fr}}:root{--bg-primary:#0D1117;--bg-surface:#111827;--bg-elevated:#1a2540;--border:rgba(255,255,255,0.08);--border-strong:rgba(255,255,255,0.12);--accent-blue:#4F6EF7;--accent-blue-dim:rgba(79,110,247,0.12);--accent-purple:#7C6AF7;--text-primary:#f1f5f9;--text-secondary:#8faac8;--text-muted:#4e6280;--radius-btn:8px;--radius-card:12px;--radius-dropdown:10px;--nav-height:65px;--brand-height:65px;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--transition:140ms var(--ease-in-out);--transition-slow:240ms var(--ease-out)}.hidden{display:none!important}#im-toolbar{display:none}.logged-in-only{display:none!important}.logged-out-only{display:inline-flex}html[data-logged-in] .logged-in-only{display:inline-flex!important}html[data-logged-in] .logged-out-only{display:none!important}.an-notif-wrap{position:relative}.an-notif-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:7px;border-radius:7px;color:var(--text-secondary);transition:color var(--transition),background var(--transition),box-shadow var(--transition);position:relative}.an-notif-btn:hover{color:var(--text-primary);background:rgba(255,255,255,0.06)}.an-notif-btn:focus-visible{outline:2px solid rgba(79,110,247,0.5);outline-offset:2px}.an-notif-icon{width:18px;height:18px}.an-feedback-btn{border:1px solid var(--border-strong);color:var(--text-secondary);background:none;border-radius:10px;cursor:pointer;font-family:inherit;text-decoration:none;transition:border-color var(--transition),color var(--transition),background var(--transition),box-shadow var(--transition),transform var(--transition)}.an-feedback-btn:hover{border-color:rgba(79,110,247,0.5);color:var(--text-primary);background:rgba(79,110,247,0.06);box-shadow:0 0 0 1px rgba(79,110,247,0.1)}.an-feedback-btn:active{transform:scale(0.97)}.an-streak-chip{display:inline-flex;align-items:center;gap:4px;padding:0 6px 0 2px;background:none;border:none;border-radius:20px;cursor:pointer;font-family:inherit;transition:background 140ms;text-decoration:none;color:#94a3b8}.an-streak-chip:hover{background:rgba(249,115,22,0.1);color:#fb923c}.an-streak-fire{flex-shrink:0;display:block}.an-streak-count{font-size:var(--fs-xs);font-weight:700;color:inherit;min-width:14px;text-align:left;transition:color 200ms}.an-streak-chip[data-active="true"]{color:#fb923c}.an-streak-chip[data-active="true"]:hover{background:rgba(249,115,22,0.12)}.an-avatar-wrap{position:relative}.an-avatar{width:30px;height:30px;border-radius:50%;background:var(--accent-blue);color:#fff;font-size:var(--fs-xs);font-weight:700;border:2px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition)}.an-avatar:hover{border-color:rgba(79,110,247,0.6);box-shadow:0 0 0 3px rgba(79,110,247,0.18);transform:scale(1.05)}.an-mvp-badge{font-size:11px;font-weight:700;letter-spacing:0.06em;color:var(--text-secondary);background:rgba(255,255,255,0.05);border:1px solid var(--border);border-radius:5px;padding:3px 8px;text-transform:uppercase}.an-profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:230px;background:#ffffff;border:1px solid #e2e8f0;border-radius:var(--radius-dropdown);box-shadow:0 4px 12px rgba(0,0,0,0.08),0 16px 40px rgba(0,0,0,0.12);z-index:300;overflow:hidden;opacity:0;transform:translateY(-8px) scale(0.97);transform-origin:top right;transition:opacity 180ms var(--ease-out),transform 180ms var(--ease-out);pointer-events:none}.an-profile-dropdown.open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.an-pd-header{padding:12px 16px 10px;border-bottom:1px solid #f1f5f9}.an-pd-username{font-size:12px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:#64748b}.an-pd-section{padding:4px 6px}.an-pd-item{display:flex;align-items:center;gap:0;width:100%;padding:9px 12px;font-size:var(--fs-sm);font-weight:500;color:#1e293b;background:none;border:none;border-radius:7px;text-decoration:none;cursor:pointer;transition:background var(--transition),color var(--transition);text-align:left;font-family:inherit}.an-pd-item:hover{background:#f1f5f9;color:#0f172a}.an-pd-item--danger{color:#ef4444}.an-pd-item--danger:hover{background:#fef2f2;color:#dc2626}.an-pd-icon{width:28px;display:flex;align-items:center;flex-shrink:0;color:#64748b}.an-pd-item--danger .an-pd-icon{color:#ef4444}.an-pd-item--danger:hover .an-pd-icon{color:#dc2626}.an-pd-divider{height:1px;background:#f1f5f9;margin:3px 0}.an-pd-card{margin:2px 12px 8px;padding:8px 12px;background:var(--an-pd-hover,#f8fafc);border:1px solid rgba(15,23,42,0.08);border-radius:10px}.an-pd-theme-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.an-pd-theme-label{font-size:var(--fs-xs);font-weight:600;color:#78716c}.an-pd-theme-pill{display:flex;align-items:center;gap:2px;padding:2px;background:rgba(255,255,255,0.65);border:1px solid rgba(15,23,42,0.08);border-radius:999px}.an-pd-theme-opt{display:flex;align-items:center;justify-content:center;width:28px;height:26px;border:none;border-radius:999px;background:none;color:#a8a29e;cursor:pointer;transition:background 150ms,color 150ms}.an-pd-theme-opt:hover{color:#57534e}.an-pd-theme-opt.is-active{background:#1e293b;color:#fde68a;box-shadow:0 1px 3px rgba(0,0,0,0.18)}.an-pd-theme-opt[data-theme-set="light"].is-active{background:#f97316;color:#ffffff;box-shadow:0 1px 3px rgba(249,115,22,0.35)}.an-tabs{display:flex;align-items:center;gap:20px;padding:10px;overflow:visible}.an-tab{font-size:var(--fs-base);font-weight:500;font-family:inherit;color:#7e9fc4;cursor:pointer;white-space:nowrap;position:relative;border:none;background:none;border-radius:8px;padding:10px 16px;min-height:44px;display:flex;align-items:center;transition:color 0.15s ease,background 0.15s ease,transform 0.15s ease}.an-tab:hover{color:#c8ddf0;font-weight:600;background:none;transform:none}.an-tab:active{transform:scale(0.97)}.an-tab.active,.an-tab.tsw-active{font-weight:700;color:#fff}.an-tab.active::after,.an-tab.tsw-active::after{content:'';position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);width:40%;height:1.5px;border-radius:2px;background:rgba(255,255,255,0.5)}.an-tab:focus-visible,.an-nav-btn:focus-visible,.an-fd-item:focus-visible,.an-pd-item:focus-visible{outline:2px solid rgba(79,110,247,0.6);outline-offset:2px}:root:has(.an-toolbar){--header-height:0px;--topbar-height:64px;--wab-height:0px}body.practice-mode,body.learn-mode-active,body.roadmap-mode{--wab-height:48px}.an-toolbar{position:sticky;top:0;z-index:200;width:100%;height:65px;min-height:65px;background:#172340;border-bottom:1px solid var(--border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;padding:0 10px;gap:0}.an-toolbar::before{display:none}.an-tl-left{display:flex;align-items:center;gap:0;flex-shrink:0;min-width:0}.an-tl-logo-link{display:flex;align-items:center;gap:8px;text-decoration:none;flex-shrink:0;padding:0 4px;border-radius:6px;transition:opacity var(--transition)}.an-tl-logo-link:hover{opacity:0.82}.an-tl-logo{height:36px;width:auto;display:block;flex-shrink:0;zoom:1.3}.an-tl-brand-text{display:flex;flex-direction:column;line-height:1.2}.an-tl-brand-name{font-size:var(--fs-sm);font-weight:700;color:#f1f5f9;white-space:nowrap}.an-tl-brand-sub{font-size:12px;font-weight:500;color:rgba(148,163,184,0.9);text-transform:uppercase;white-space:nowrap;letter-spacing:-0.02rem}.an-tl-sep{width:1px;height:20px;background:var(--border-strong);margin:0 8px;flex-shrink:0}.an-tl-center{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;pointer-events:none}.an-tl-center>*{pointer-events:auto}.an-toolbar .an-tabs{background:transparent;border-color:transparent;padding:2px}.an-toolbar .an-tab{padding:10px;font-size:var(--fs-md);font-weight:500}.an-tl-right{margin-left:auto;display:flex;align-items:center;gap:4px;flex-shrink:0}.an-tl-right .menu{position:relative}.an-tl-icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;border-radius:7px;cursor:pointer;color:var(--text-secondary);transition:background var(--transition),color var(--transition);position:relative;flex-shrink:0}.an-tl-icon-btn:hover{background:rgba(255,255,255,0.07);color:var(--text-primary)}.an-tl-cta{display:inline-flex;align-items:center;gap:6px;background:var(--accent-blue);border:1px solid var(--accent-blue);border-radius:7px;padding:5px 13px;font-size:var(--fs-xs);font-weight:600;color:#fff;cursor:pointer;font-family:inherit;white-space:nowrap;box-shadow:0 2px 8px rgba(79,110,247,0.28);transition:background var(--transition),box-shadow var(--transition),transform var(--transition),border-color var(--transition)}.an-tl-cta:hover{background:#3d5ae0;border-color:#3d5ae0;box-shadow:0 0 16px rgba(79,110,247,0.4),0 2px 8px rgba(0,0,0,0.3);transform:translateY(-1px)}.an-tl-cta:active{transform:scale(0.97) translateY(0);box-shadow:none}.an-tl-cta-icon{width:9px;height:9px;flex-shrink:0;fill:#fff}.an-tl-vsep{width:1px;height:18px;background:var(--border-strong);margin:0 4px;flex-shrink:0}.an-help-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:200px;background:#0f1c2e;border:1px solid var(--border-strong);border-radius:var(--radius-dropdown);box-shadow:0 4px 12px rgba(0,0,0,0.3),0 16px 48px rgba(0,0,0,0.5);z-index:400;overflow:hidden;opacity:0;transform:translateY(-6px) scale(0.975);transform-origin:top right;transition:opacity 160ms var(--ease-out),transform 160ms var(--ease-out);pointer-events:none;padding:6px}.an-help-dropdown.open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.an-toolbar .an-notif-btn{width:32px;height:32px;padding:0;border-radius:7px}.an-tl-icon-btn:focus-visible,.an-tl-cta:focus-visible{outline:2px solid rgba(79,110,247,0.6);outline-offset:2px}.an-tl-right .button.ghost{font-size:var(--fs-xs);font-weight:500;padding:6px 14px;border-radius:8px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.12);color:#cbd5e1;cursor:pointer;font-family:inherit;transition:background var(--transition),color var(--transition),border-color var(--transition)}.an-tl-right .button.ghost:hover{background:rgba(255,255,255,0.11);border-color:rgba(255,255,255,0.22);color:#f1f5f9}.an-tl-right .button.primary{font-size:var(--fs-xs);font-weight:600;padding:6px 14px;border-radius:8px;background:var(--accent-blue);border:1px solid transparent;color:#fff;cursor:pointer;font-family:inherit;box-shadow:0 2px 10px rgba(79,110,247,0.3);transition:background var(--transition),box-shadow var(--transition),transform var(--transition)}.an-tl-right .button.primary:hover{background:#3d5ae0;box-shadow:0 0 16px rgba(79,110,247,0.4);transform:translateY(-1px)}.an-toolbar .an-profile-dropdown{top:calc(100% + 8px)}.header--wide{padding:0 45px}body.page-roadmap{height:100vh;overflow:hidden;display:flex;flex-direction:column}body.page-roadmap .an-toolbar{flex-shrink:0}body.page-roadmap #roadmap-view{flex:1;min-height:0;overflow:hidden}.li-eval-dropdown-menu{position:fixed;z-index:9999;background:#ffffff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 8px 24px rgba(15,23,42,0.12);min-width:240px;padding:6px;display:none}.li-eval-dropdown-menu.open{display:block}.li-eval-dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;font-size:var(--fs-sm);font-weight:500;color:#475569;cursor:pointer;transition:background 0.12s,color 0.12s;text-decoration:none}.li-eval-dropdown-item:hover{background:#f1f5f9;color:#0f172a}a.li-eval-dropdown-item,a.li-eval-dropdown-item:visited{color:#475569;text-decoration:none}a.li-eval-dropdown-item:hover{color:#0f172a}.li-eval-dropdown-item svg{width:19px;height:19px;flex-shrink:0;stroke:currentColor;fill:none}.an-pd-item:has(.li-eval-dropdown-badge){white-space:nowrap}.an-pd-new{display:inline-flex;margin-left:auto;padding-left:10px}.li-eval-dropdown-badge{margin-left:auto;padding:2px 6px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#ffffff;font-size:11px;font-weight:700;letter-spacing:0.03em;border-radius:999px;line-height:1}:root{--nav-h:64px;--nav-bg:#172340;--nav-pad-x:24px;--nav-logo-h:40px;--nav-link:#8faac8;--nav-link-hover-bg:rgba(255,255,255,0.06)}.an-toolbar{background:var(--nav-bg)!important;border-bottom:1px solid rgba(255,255,255,0.08);padding:0 var(--nav-pad-x)!important}@media (min-width:768px) and (min-height:501px){:root{--topbar-height:var(--nav-h)!important}.an-toolbar{height:var(--nav-h)!important;min-height:var(--nav-h)!important}}.an-toolbar .an-tl-logo{height:var(--nav-logo-h)!important;width:auto!important;zoom:1!important}.an-tl-logo-link{padding:0}.an-toolbar .an-tabs{gap:4px;padding:0}.an-toolbar .an-tab.tsw-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:8px;font-size:var(--t-heading);font-weight:500;line-height:1;color:var(--nav-link);background:transparent}.an-toolbar .an-tab.tsw-btn:hover{color:#fff;background:var(--nav-link-hover-bg)}.an-toolbar .an-tab.tsw-btn.active{color:#fff}.nav-chevron{flex:none;opacity:0.8;transition:transform 150ms}.an-toolbar .an-tab.tsw-btn[aria-expanded="true"] .nav-chevron{transform:rotate(180deg)}.an-toolbar .an-tab.an-tab-link{display:inline-flex;align-items:center;gap:6px;height:36px;min-height:0;padding:0 12px;border-radius:8px;font-size:var(--t-heading);font-weight:500;line-height:1;color:var(--nav-link);background:transparent;text-decoration:none}.an-toolbar .an-tab.an-tab-link:hover{color:#fff;background:var(--nav-link-hover-bg)}.an-toolbar .an-tab.an-tab-link.active{color:#fff}.an-toolbar .an-tab[hidden],.an-mobile-mode-item[hidden]{display:none!important}.an-pro-pill{display:inline-flex;align-items:center;height:18px;padding:0 6px;margin-left:2px;border-radius:999px;font-size:var(--t-micro);font-weight:700;letter-spacing:0.04em;text-transform:uppercase;line-height:1;color:#fde68a;background:rgba(245,158,11,0.16);border:1px solid rgba(245,158,11,0.4)}@media (min-width:768px) and (max-width:1400px){.an-toolbar .an-tl-center{position:static;transform:none;flex:1 1 auto;justify-content:center;min-width:0}}@media (max-width:1100px){.an-toolbar .an-tabs{gap:0}.an-toolbar .an-tab.tsw-btn,.an-toolbar .an-tab.an-tab-link{padding:0 8px;font-size:var(--t-body)}.an-pro-pill{display:none}}html[data-theme="light"] .an-pro-pill{color:#b45309;background:#fffbeb;border-color:#fcd34d}.xp-levelup{position:fixed;right:24px;bottom:24px;z-index:100001;display:flex;align-items:center;gap:14px;width:min(380px,calc(100vw - 32px));padding:16px 16px 16px 18px;border-radius:14px;background:#172340;border:1px solid rgba(129,140,248,0.45);box-shadow:0 20px 50px rgba(2,6,23,0.45);color:#f1f5f9;font-family:'Inter',system-ui,sans-serif;opacity:0;transform:translateY(12px);transition:opacity 220ms,transform 220ms}.xp-levelup.is-in{opacity:1;transform:none}.xp-levelup-badge{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--xp-color,#4f46e5);color:#fff;font-size:var(--t-title);font-weight:800;box-shadow:0 0 0 3px rgba(255,255,255,0.12)}.xp-levelup-body{flex:1;min-width:0;display:grid;gap:2px}.xp-levelup-eyebrow{font-size:var(--t-caption);font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:#a5b4fc}.xp-levelup-title{font-size:var(--t-heading);font-weight:700;color:#fff}.xp-levelup-next{font-size:var(--t-small);color:#94a3b8}.xp-levelup-close{flex:none;align-self:flex-start;display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:6px;background:transparent;color:#94a3b8;cursor:pointer}.xp-levelup-close:hover{background:rgba(255,255,255,0.08);color:#fff}.an-theme-quick{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border-radius:999px;border:1px solid rgba(255,255,255,0.12);background:transparent;color:#cbd5e1;cursor:pointer;transition:background 0.15s ease,color 0.15s ease,border-color 0.15s ease}.an-theme-quick:hover{background:rgba(255,255,255,0.06);color:#ffffff}.an-theme-quick .an-tq-moon{display:none}html[data-theme="light"] .an-theme-quick{border-color:rgba(15,23,42,0.12);background:#ffffff;color:#334155}html[data-theme="light"] .an-theme-quick:hover{background:#f1f5f9;color:#0f172a}html[data-theme="light"] .an-theme-quick .an-tq-sun{display:none}html[data-theme="light"] .an-theme-quick .an-tq-moon{display:block}html:not(.prism-theme):not(.ws-header) .an-theme-quick{display:none}html:not([data-theme="light"]) .logo-on-light{display:none!important}html[data-theme="light"] .logo-on-dark{display:none!important}.an-help-btn[hidden]{display:none}.an-tl-right{gap:6px;padding-left:12px}.an-tl-right .an-utility-group{display:inline-flex;align-items:center;gap:2px;height:40px;padding:0 4px;border-radius:999px;border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.04)}html[data-theme="light"] .an-tl-right .an-utility-group{border-color:rgba(15,23,42,0.08);background:rgba(255,255,255,0.85);box-shadow:0 1px 2px rgba(15,23,42,0.05),0 4px 12px -6px rgba(15,23,42,0.12)}.an-tl-right .an-utility-group .an-theme-quick,.an-tl-right .an-utility-group .an-notif-btn,.an-tl-right .an-utility-group .notif-bell-btn,.an-tl-right .an-utility-group .an-streak-chip{display:inline-flex;align-items:center;justify-content:center;width:32px;min-width:32px;height:32px;padding:0;margin:0;border:0;border-radius:999px;background:transparent;box-shadow:none;color:#cbd5e1}html[data-theme="light"] .an-tl-right .an-utility-group .an-theme-quick,html[data-theme="light"] .an-tl-right .an-utility-group .an-notif-btn,html[data-theme="light"] .an-tl-right .an-utility-group .notif-bell-btn,html[data-theme] .an-tl-right .an-utility-group #notif-bell-btn:not(:hover):not([aria-expanded="true"]){border:0;background:transparent}html[data-theme="light"] .an-tl-right .an-utility-group .an-theme-quick,html[data-theme="light"] .an-tl-right .an-utility-group #notif-bell-btn{border:0;color:#475569}.an-tl-right .an-utility-group svg:not(#an-streak-svg){width:18px;height:18px}.an-tl-right .an-utility-group .an-theme-quick:hover,.an-tl-right .an-utility-group .an-notif-btn:hover,.an-tl-right .an-utility-group .an-notif-btn[aria-expanded="true"]{background:rgba(255,255,255,0.08);color:#ffffff}html[data-theme="light"] .an-tl-right .an-utility-group .an-theme-quick:hover,html[data-theme="light"] .an-tl-right .an-utility-group .an-notif-btn:hover,html[data-theme="light"] .an-tl-right .an-utility-group .an-notif-btn[aria-expanded="true"]{background:rgba(15,23,42,0.06);color:#0f172a}.an-tl-right .an-utility-group .an-streak-chip{width:auto;gap:3px;padding:0 9px 0 6px;color:#94a3b8}.an-tl-right .an-utility-group .an-streak-chip[data-active="true"]{color:#f97316}.an-tl-right .an-utility-group .an-streak-chip:hover{background:rgba(249,115,22,0.1)}.an-tl-right .an-utility-group .an-streak-count{font-size:var(--t-small);font-weight:700;font-variant-numeric:tabular-nums}.an-tl-right .an-utility-group .an-streak-chip:not(.hidden){margin-right:2px}.an-tl-right .an-utility-group .an-streak-chip:not(.hidden)::before{content:"";position:absolute;right:-2px;top:8px;bottom:8px;width:1px;background:rgba(255,255,255,0.12)}html[data-theme="light"] .an-tl-right .an-utility-group .an-streak-chip:not(.hidden)::before{background:rgba(15,23,42,0.1)}.an-utility-group [data-tip]{position:relative}.an-utility-group [data-tip]::after{content:attr(data-tip);position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(-2px);padding:5px 9px;border-radius:6px;background:#0f172a;color:#f8fafc;font-size:var(--t-caption);font-weight:500;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity 0.12s ease,transform 0.12s ease;z-index:50}html[data-theme="dark"] .an-utility-group [data-tip]::after{background:#e2e8f0;color:#0f172a}.an-utility-group [data-tip]:hover::after,.an-utility-group [data-tip]:focus-visible::after{opacity:1;transform:translateX(-50%)}.an-utility-group [aria-expanded="true"]::after{display:none}.an-tl-right:not(:has(#auth-user-chip.hidden)) #an-guest-chip{display:none}.an-tl-right:has(#auth-user-chip.hidden) .an-utility-group,.an-tl-right:has(#auth-user-chip.hidden) #auth-signin-button{display:none!important}.an-tl-right:has(#auth-user-chip.hidden){gap:10px}.an-guest-avatar{padding:0}.an-guest-avatar[aria-expanded="true"]{border-color:rgba(79,110,247,0.6);box-shadow:0 0 0 3px rgba(79,110,247,0.18)}html[data-theme="light"] .an-guest-avatar[aria-expanded="true"]{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,0.12)}.an-guest-avatar:focus-visible{outline:2px solid rgba(79,110,247,0.6);outline-offset:2px}#an-guest-menu{min-width:210px}#an-guest-menu a.an-pd-item{text-decoration:none}#an-guest-menu .an-pd-item--signin{font-weight:600}@media (min-width:768px){.an-tl-right:has(#auth-user-chip.hidden) #auth-signup-button{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 16px;border-radius:10px;font-size:var(--t-body);font-weight:600;white-space:nowrap}.an-tl-right:has(#auth-user-chip.hidden) #auth-signup-button svg{transition:transform 0.15s ease}.an-tl-right:has(#auth-user-chip.hidden) #auth-signup-button:hover svg{transform:translateX(2px)}}:root{--panel-transition:0.28s cubic-bezier(0.4,0,0.2,1);--touch-min:44px;--mobile-header-h:48px;--sheet-radius:16px}.an-mobile-mode-btn,.an-mobile-mode-menu,.an-mobile-mode-label{display:none}@media (max-width:767px),(max-width:1023px) and (max-height:500px){:root{--topbar-height:62px;--header-height:0px;--wab-height:62px;--footer-height:0px;--footer-gap:0px}:root:has(.an-toolbar){--topbar-height:62px;--header-height:0px}body{overflow-x:hidden;-webkit-text-size-adjust:100%}.an-toolbar{height:62px;min-height:62px;padding:0 8px;gap:4px}.an-tl-left{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px}.an-tl-brand-text{display:none}.an-tl-logo{width:55px;height:55px}.an-tl-center{display:flex;flex:1;min-width:0}.an-tl-center .an-tabs{display:none}.an-tl-center::-webkit-scrollbar{display:none}.an-mobile-mode-label{display:block;font-size:18px;font-weight:600;color:#f1f5f9;text-transform:capitalize;letter-spacing:0.01em}.an-mobile-mode-menu{position:fixed;top:calc(var(--topbar-height) + 6px);left:10px;width:min(260px,calc(100vw - 20px));max-height:calc(100vh - 80px);overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding:8px;border-radius:12px;background:#0f1d3b;border:1px solid rgba(148,163,184,0.25);box-shadow:0 12px 30px rgba(2,6,23,0.45);z-index:1300}.an-mobile-mode-menu[hidden]{display:none!important}.an-mobile-mode-item{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:40px;border:none;border-radius:8px;background:transparent;color:#dbeafe;font-family:inherit;font-size:14px;font-weight:600;padding:0 10px;text-align:left}.an-mobile-mode-item.an-mobile-has-sub{justify-content:space-between}.an-mobile-chevron{transition:transform 0.2s ease;opacity:0.6}.an-mobile-has-sub.expanded .an-mobile-chevron{transform:rotate(90deg);opacity:1}.an-mobile-mode-item:active,.an-mobile-mode-item:hover{background:rgba(79,110,247,0.22)}.an-mobile-sub-menu{display:flex;flex-direction:column;gap:1px;padding-left:14px;margin-bottom:2px}.an-mobile-sub-menu[hidden]{display:none}.an-mobile-sub-item{display:flex;align-items:center;width:100%;min-height:36px;border:none;border-radius:6px;background:rgba(79,110,247,0.08);color:#93c5fd;font-size:13px;font-weight:500;padding:0 12px;text-align:left;text-decoration:none;cursor:pointer}.an-mobile-sub-item:active,.an-mobile-sub-item:hover{background:rgba(79,110,247,0.22);color:#fff}.an-tabs{flex-wrap:nowrap;gap:2px;padding:0 4px}.an-tab{font-size:14px;font-weight:500;padding:10px 14px;white-space:nowrap;min-height:44px;display:flex;align-items:center}.an-tl-right{gap:8px;flex-shrink:0;align-items:center}.an-tl-vsep{display:none}.an-mobile-mode-btn{position:absolute;left:10px;top:50%;transform:translateY(-50%);display:inline-flex;flex-direction:column;justify-content:center;gap:4px;width:32px;height:32px;border:1px solid rgba(148,163,184,0.32);background:rgba(148,163,184,0.08);border-radius:8px;padding:0 7px;color:#fff}.an-mobile-mode-btn span{display:block;width:100%;height:2px;border-radius:999px;background:currentColor}.an-tl-right:has(#auth-user-chip.hidden) #an-streak-btn,.an-tl-right:has(#auth-user-chip.hidden) #notif-bell-wrap,.an-tl-right:has(#auth-user-chip.hidden) #auth-signin-button{display:none!important}#auth-signin-button{height:34px;padding:0 12px;font-size:13px;white-space:nowrap}.an-streak-chip{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center}.an-streak-count{display:none}.an-feedback-btn{display:none}.notif-bell-btn,.an-tl-icon-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center}#auth-signin-button,#auth-signup-button{font-size:11px;padding:6px 10px;min-height:36px}#workspace-action-bar{height:48px;padding:0 6px;gap:6px}body.practice-mode #workspace-action-bar,body.learn-mode-active #workspace-action-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:8px;align-items:center}body.practice-mode .wab-right,body.learn-mode-active .wab-right{display:contents}body.practice-mode #wab-run-btn,body.learn-mode-active #wab-run-btn{grid-column:1;grid-row:1}body.practice-mode #wab-submit-btn{grid-column:3;grid-row:1}body.practice-mode:not(.practice-custom-mode) #wab-simulate-btn{display:none!important}body.practice-custom-mode #wab-simulate-btn,body.learn-mode-active #wab-simulate-btn{grid-column:1;grid-row:1;width:auto;height:36px;flex:0 0 auto;min-height:36px;padding:0 12px;gap:6px;border-radius:999px;font-size:var(--t-small);display:flex!important;justify-content:center;align-items:center}body.practice-custom-mode #wab-simulate-btn .wab-btn-icon,body.learn-mode-active #wab-simulate-btn .wab-btn-icon{margin:0}body.practice-mode .wab-center,body.learn-mode-active .wab-center{grid-column:2;grid-row:1;justify-content:center;min-width:0}.wab-left{display:none!important}.wab-center{position:relative!important;left:auto!important;transform:none!important;flex:1 1 auto;min-width:0;display:flex;align-items:center}.wab-question-selector{max-width:100%;position:static;width:100%}.pcs-trigger,.custom-select-trigger{font-size:11px;padding:6px 10px;max-width:100%;width:100%}.wab-question-selector .pcs-list,.preset-custom-select.open .pcs-list{position:fixed!important;top:auto!important;bottom:0!important;left:0!important;right:0!important;width:100%!important;min-width:100%!important;max-height:55vh;border-radius:var(--sheet-radius) var(--sheet-radius) 0 0;z-index:1300;overflow-y:auto;transform:none!important;padding-bottom:max(12px,env(safe-area-inset-bottom))}.custom-select.open .custom-select-dropdown{display:block!important}.wab-right{gap:2px;flex:0 0 auto}#wab-run-btn{width:auto;height:36px;flex:0 0 auto;min-height:36px;padding:0 12px;gap:6px;border-radius:999px;font-size:var(--t-small);display:flex!important;justify-content:center;align-items:center}#wab-run-btn .wab-btn-icon{margin:0}#wab-stopwatch,#wab-timer-display{display:none!important}.wab-stopwatch-btn{display:none!important}#wab-submit-btn{width:auto;height:36px;flex:0 0 auto;min-height:36px;padding:0 12px;gap:6px;border-radius:999px;font-size:var(--t-small);display:flex!important;justify-content:center;align-items:center}#wab-submit-btn .wab-btn-icon{margin:0}.wab-stopwatch{display:none}.layout{display:grid;grid-template-columns:1fr!important;grid-template-rows:1fr;gap:0;padding:0;height:calc(var(--vh,100vh) - var(--topbar-height) - var(--wab-height))!important;max-height:calc(var(--vh,100vh) - var(--topbar-height) - var(--wab-height))!important;contain:none;overflow:hidden}.layout.left-collapsed,.layout.right-collapsed,.layout.left-collapsed.right-collapsed{grid-template-columns:1fr}#left-panel{position:fixed;top:calc(var(--topbar-height) + var(--wab-height));left:0;bottom:0;height:auto;max-height:none;width:min(280px,80vw);z-index:1000;transform:translateX(-100%);transition:transform var(--panel-transition);box-shadow:4px 0 24px rgba(0,0,0,0.15);overflow-y:auto;-webkit-overflow-scrolling:touch;background:#fff;padding-bottom:24px}#left-panel .panel-header{padding:0 12px;height:48px;min-height:48px;position:sticky;top:0;background:#fff;z-index:2;border-bottom:1px solid rgba(226,232,240,0.9)}#left-panel .components-section,#left-panel .inspector-section{padding:10px}#left-panel.mobile-open{transform:translateX(0)}.floating-toggle.left{display:flex!important;position:fixed;top:calc(var(--topbar-height) + var(--wab-height) + 10px);left:60px;z-index:150;width:auto;height:36px;padding:0 14px;gap:6px;border-radius:999px;background:#fff;color:#0f172a;box-shadow:0 2px 10px rgba(0,0,0,0.15);align-items:center;justify-content:center;border:1px solid #e2e8f0;font-size:var(--t-small);font-weight:600;transform:none}.floating-toggle.left .ft-label{display:inline}#right-panel{position:fixed;left:0;right:0;bottom:0;top:auto;height:65vh;max-height:65vh;z-index:1000;transform:translateY(100%);transition:transform var(--panel-transition);border-radius:var(--sheet-radius) var(--sheet-radius) 0 0;box-shadow:0 -4px 24px rgba(0,0,0,0.12);overflow:hidden;background:#fff;width:100%;padding-bottom:env(safe-area-inset-bottom)}#right-panel::before{content:'';display:block;width:36px;height:4px;background:#cbd5e1;border-radius:2px;margin:8px auto 4px;flex-shrink:0}#right-panel .panel-header{padding:0 12px;height:44px;min-height:44px}#right-panel .panel-view,#right-panel .output,#right-panel #practice-content,#right-panel #simulation-content{padding:12px;overflow-y:auto;-webkit-overflow-scrolling:touch}#right-panel.mobile-open{transform:translateY(0)}.floating-toggle.right{display:flex!important;position:fixed;top:calc(var(--topbar-height) + var(--wab-height) + 10px);right:12px;z-index:150;width:auto;height:36px;padding:0 14px;gap:6px;border-radius:999px;background:#fff;color:#0f172a;box-shadow:0 2px 10px rgba(0,0,0,0.15);align-items:center;justify-content:center;border:1px solid #e2e8f0;font-size:var(--t-small);font-weight:600;transform:none}.floating-toggle.right .ft-label{display:inline}.toast-container{z-index:1200}.mobile-panel-backdrop{position:fixed;inset:0;z-index:999;background:rgba(0,0,0,0.4);opacity:0;pointer-events:none;transition:opacity 0.2s ease}.mobile-panel-backdrop.visible{opacity:1;pointer-events:auto}#left-panel.mobile-open ~ .floating-toggle.left,body:has(#left-panel.mobile-open) .floating-toggle.left{opacity:0;pointer-events:none}#right-panel.mobile-open ~ .floating-toggle.right,body:has(#right-panel.mobile-open) .floating-toggle.right{opacity:0;pointer-events:none}.canvas-wrapper{grid-column:1;grid-row:1;width:100%;height:100%;overflow:hidden;touch-action:none;border-radius:0;box-shadow:none}.canvas{width:100%;height:100%;position:relative}.canvas .node{min-height:unset;min-width:unset}.canvas .node img,.canvas .node svg,.canvas .node-icon img,.canvas .node-icon svg{max-width:none;width:auto;height:auto}.canvas .node-close{min-height:unset;min-width:unset}.canvas .node-port{min-height:unset;min-width:unset}.canvas-float-toolbar{position:fixed!important;top:auto!important;bottom:12px;left:50%;transform:translateX(-50%);z-index:200;padding:6px 10px;gap:3px;border-radius:14px;box-shadow:0 2px 16px rgba(0,0,0,0.18);background:rgba(255,255,255,0.97);backdrop-filter:blur(10px)}.cfb-btn{width:32px;height:32px;min-width:32px;min-height:32px}.cfb-zoom-label{font-size:11px;min-width:32px;min-height:unset}.cfb-sep{width:1px;margin:0 2px}.canvas-reset{position:fixed!important;top:auto!important;bottom:60px;right:12px;width:40px;height:40px;z-index:200;border-radius:50%}#canvas-action-dock{bottom:52px;left:50%;transform:translateX(-50%);padding:6px 12px;gap:8px}.li-eval-dropdown-menu{position:fixed;top:auto;bottom:0;left:0;right:0;border-radius:var(--sheet-radius) var(--sheet-radius) 0 0;min-width:100%;max-height:50vh;overflow-y:auto;padding:12px;padding-bottom:max(12px,env(safe-area-inset-bottom));z-index:1300}.li-eval-dropdown-item{padding:14px 16px;min-height:var(--touch-min)}.modal .modal-content,.eval-modal-card,.feedback-modal-card{width:100%!important;max-width:100%!important;height:100vh;max-height:100vh;border-radius:0;margin:0}.modal .modal-content.open-modal{height:auto;max-height:85vh;border-radius:var(--sheet-radius) var(--sheet-radius) 0 0;position:fixed;bottom:0;left:0;right:0;top:auto}input,textarea,select{font-size:16px!important}.modal-form label{font-size:13px}.modal-actions{flex-direction:column;gap:8px}.modal-actions .button{width:100%;min-height:var(--touch-min)}.palette{grid-template-columns:repeat(3,1fr);gap:8px;padding:8px}.palette-item{min-height:var(--touch-min);padding:6px}.inspector-section{padding:8px}.an-profile-dropdown{position:fixed;top:var(--topbar-height);right:0;width:min(300px,85vw);max-height:calc(100vh - var(--topbar-height));border-radius:0 0 0 12px}.notif-dropdown{position:fixed;top:var(--topbar-height);left:0;right:0;width:100%;max-height:60vh;border-radius:0 0 12px 12px}.notif-dropdown.np{width:100%;border-radius:0 0 16px 16px;display:flex;flex-direction:column;max-height:75vh}.notif-dropdown.np[hidden]{display:none}.notif-dropdown.np .np-list{max-height:none;flex:1}body.evaluation-mode .floating-toggle,body.roadmap-mode .floating-toggle,body:has(#evaluate-selection-screen:not(.hidden)) .floating-toggle{display:none!important}.wab-mobile-actions{display:flex;flex-direction:column;gap:6px;min-width:180px;padding:8px;border-radius:10px;border:1px solid rgba(148,163,184,0.28);background:#0f1d3b;box-shadow:0 12px 26px rgba(2,6,23,0.45);z-index:1300}.wab-mobile-actions[hidden]{display:none!important}.wab-mobile-action-item{height:36px;border:none;border-radius:8px;background:rgba(79,110,247,0.2);color:#e2e8f0;font-size:12px;font-weight:600;text-align:left;padding:0 10px}#roadmap-view{grid-template-columns:1fr!important;grid-template-rows:auto 1fr;top:var(--topbar-height);bottom:0}#rp-left{position:fixed;top:var(--topbar-height);left:0;bottom:0;width:min(280px,80vw);z-index:1100;transform:translateX(-100%);transition:transform var(--panel-transition);box-shadow:4px 0 24px rgba(0,0,0,0.15)}#rp-left.mobile-open{transform:translateX(0)}#roadmap-view:has(#rp-left.mobile-open){z-index:1000}#roadmap-view:has(#rp-left.mobile-open)::after{content:'';position:fixed;inset:0;z-index:1099;background:rgba(0,0,0,0.4)}#rp-right{position:fixed;left:0;right:0;bottom:0;top:auto;height:55vh;z-index:1100;transform:translateY(100%);transition:transform var(--panel-transition);border-radius:var(--sheet-radius) var(--sheet-radius) 0 0;box-shadow:0 -4px 24px rgba(0,0,0,0.12);background:#fff}#rp-right.mobile-open{transform:translateY(0)}#rp-main{grid-column:1;grid-row:1 / -1;overflow-y:auto;padding:12px}.rm-topic-item{padding:10px 12px;min-height:var(--touch-min)}.rm-filter-option{min-height:var(--touch-min);padding:8px 12px}body.roadmap-main-mode{height:auto!important;max-height:none!important;overflow:auto!important;overflow-x:hidden!important}#rm-main{height:auto;overflow:visible}#rm-hero{padding:12px 16px 8px}.rm-hero-title{font-size:var(--t-metric)}.rm-hero-stats{flex-wrap:wrap;gap:8px;justify-content:center}.rm-hero-stat{padding:0 12px}#rm-journey-canvas{flex:none;min-height:auto;overflow:visible;padding:16px 12px}#rm-road-wrap{height:auto;display:flex;flex-direction:column;gap:24px;align-items:center}#rm-road-svg{display:none}.rm-road-cap{position:static;transform:none;margin:0 auto}.rm-road-cap-start{margin-bottom:8px}.rm-road-cap-end{margin-top:8px;order:2}#rm-milestones{order:1}#rm-today-goal{position:static;top:auto;right:auto;width:100%;margin:0 0 12px;padding:0 4px}#rm-milestones{position:static;inset:auto;width:100%;display:flex;flex-direction:column;gap:14px;pointer-events:auto}.rm-milestone{position:static!important;transform:none!important;top:auto!important;left:auto!important;right:auto!important;width:100%!important;max-width:100%;margin-bottom:0;opacity:1}.rm-milestone.rm-ms-top,.rm-milestone.rm-ms-bottom,.rm-milestone.rm-ms-visible{transform:none!important}.rm-milestone-connector{display:none}.rm-node-ring{display:none!important}.rmg-inner,.rm-goal-card{max-width:100%}#lm-narration{left:8px;right:8px;transform:translateX(0) translateY(10px);max-width:calc(100vw - 16px);bottom:60px;font-size:12px;padding:8px 14px}#lm-narration.lm-narration-show{transform:translateX(0) translateY(0)}body.mode-learn .learn-stage-picker{padding:10px 12px;gap:6px}body.mode-learn .learn-question-item{padding:10px 12px;min-height:var(--touch-min)}body.mode-learn .stage-theory{max-height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.lrp-sim-footer{padding:8px 12px;flex-direction:column;gap:6px}.lrp-sim-footer .button{width:100%;min-height:var(--touch-min)}#im-toolbar{height:52px;min-height:52px;padding:0 8px;gap:6px}body.eval-interview-active #im-toolbar{--im-toolbar-h:52px}body.eval-interview-active #layout{height:calc(var(--vh,100dvh) - 52px)}.im-tl-left{min-width:0;gap:6px}.im-brand-logo{height:36px}.im-session-meta{display:none}.im-problem-title{font-size:12px;max-width:140px}.im-tl-right{min-width:0;gap:6px}.eval-report-page{top:0!important}.eval-rp-topbar{padding:0 10px;height:48px}.eval-rp-meta{display:none}.eval-rp-inner{padding:16px 12px 48px}.eval-rp-btn{padding:6px 10px;font-size:11px;min-height:36px}.eval-rp-footer{flex-direction:column;align-items:stretch;gap:10px;padding:16px 14px}body.page-pricing .an-toolbar{height:48px;min-height:48px;padding:0 8px}.pricing-shell{height:calc(var(--vh,100vh) - 48px)}.pricing-scroll-inner{padding:0 12px 3rem}.pr-hero{padding:1.5rem 0.75rem 1rem}.pr-hero-title{font-size:clamp(1.5rem,6vw,2.2rem)}.pr-duration-toggle{flex-wrap:wrap;justify-content:center}.pr-cards-grid{grid-template-columns:1fr!important;gap:1rem}.pr-card{padding:1.25rem 1rem 1rem}.pr-floater{display:none}.pricing-bg{display:none}body.page-profile .an-toolbar{height:48px;min-height:48px;padding:0 8px}.profile-shell{height:calc(var(--vh,100vh) - 48px)}.profile-content{padding:1.5rem 12px 3rem}.prof-hero{padding:1.5rem 1rem 1.25rem;border-radius:14px}.prof-hero-inner{flex-direction:column;align-items:center;text-align:center;gap:1rem}.prof-avatar{width:64px;height:64px;font-size:20px}.prof-name{font-size:20px}.prof-rank-row{justify-content:center}.profile-floater{display:none}.profile-bg{display:none}.sim-output-panel{padding:8px}.sim-output-panel .sim-header{padding:8px 10px;font-size:12px}.evals-content{padding:1.5rem 0.75rem 4rem}.evals-floater{display:none}.evals-bg{display:none}.auth-modal .auth-card{width:100vw;max-width:100vw;min-height:100vh;border-radius:0;margin:0}.auth-card-inner{padding:1.5rem 1rem}}@media (min-width:768px) and (max-width:1023px) and (min-height:501px){:root{--topbar-height:44px}.an-toolbar{padding:0 12px;gap:8px}.an-tab{font-size:14px;font-weight:500;padding:10px 14px}.an-tl-center{position:static;left:auto;transform:none;flex:1 1 auto;justify-content:center;min-width:0;overflow-x:auto;scrollbar-width:none}.an-tl-center::-webkit-scrollbar{display:none}.an-tabs{flex-wrap:nowrap}.an-tl-brand-sub{display:none}.an-tl-right{gap:6px}.an-feedback-btn{font-size:11px;padding:5px 10px}.layout{--left-panel-w:clamp(180px,22vw,230px);--right-panel-w:clamp(200px,24vw,260px);gap:0.5rem;padding:0.4rem}#left-panel{overflow-y:auto;transition:width var(--panel-transition),opacity var(--panel-transition)}.layout.left-collapsed #left-panel{width:0;overflow:hidden;opacity:0;padding:0}#right-panel{transition:width var(--panel-transition),opacity var(--panel-transition)}.layout.right-collapsed #right-panel{width:0;overflow:hidden;opacity:0;padding:0}.palette{grid-template-columns:repeat(4,1fr);gap:6px}#workspace-action-bar{padding:0 10px}.wab-btn{padding:6px 12px;font-size:12px}.modal .modal-content{max-width:90vw;max-height:85vh}.canvas-float-toolbar{gap:3px;padding:4px 10px}#roadmap-view{--rp-panel-w:220px;--rp-right-panel-w:240px}#im-toolbar{height:56px;min-height:56px;padding:0 12px}.im-brand-logo{height:52px}.im-problem-title{font-size:13px;max-width:220px}.pricing-scroll-inner{padding:0 1rem 3rem}.profile-content{padding:2rem 1.5rem 4rem}}@media (min-width:1440px){.layout{--left-panel-w:clamp(204px,14vw,18.6vw);--right-panel-w:clamp(280px,21vw,26vw);gap:0.6rem;padding:0.5rem 0.6rem 0.6rem}}@media (min-width:1920px){#left-panel .components-section{flex:0 0 35%;max-height:25%}:root:has(.an-toolbar){--topbar-height:76px}body.practice-mode,body.learn-mode-active,body.roadmap-mode{--wab-height:56px}.an-toolbar{height:76px;min-height:76px}}@media (hover:none) and (pointer:coarse){.canvas .node-port::after{content:'';position:absolute;inset:-12px;border-radius:50%}.modal-actions button,.modal-actions a,.auth-card button,.auth-card a,.pricing-shell button,.pricing-shell a,.profile-shell button,.profile-shell a,.li-eval-dropdown-item{min-height:44px;min-width:44px}*{touch-action:manipulation}.canvas,.canvas-content,#canvas-content{touch-action:none}}@supports (padding:max(0px)){@media (max-width:767px),(max-width:1023px) and (max-height:500px){.an-toolbar{padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}#workspace-action-bar{padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}.canvas-float-toolbar{bottom:max(8px,env(safe-area-inset-bottom))}}}.canvas-wrapper img,.panel-body img,.modal-content img,.lp-hero img{max-width:100%;height:auto}.an-tl-logo{max-width:none;height:32px!important;width:auto!important;zoom:1!important}@media (min-width:1024px),(min-width:768px) and (min-height:501px){.an-tl-logo{height:36px!important;width:auto!important;zoom:1.3!important}}.palette-item .icon,.wab-btn-icon,.cfb-btn svg,.dock-btn-icon{max-width:none}@media (max-width:480px){#workspace-action-bar{padding:0 4px;height:44px;gap:4px}body.practice-mode #workspace-action-bar,body.learn-mode-active #workspace-action-bar{grid-template-columns:auto minmax(0,1fr) auto;column-gap:8px}.wab-question-selector{width:auto!important;min-width:0}.pcs-trigger{font-size:11px;padding:4px 6px;max-width:100%}#wab-timer-display{display:none}.wab-left,.wab-right{gap:2px}.wab-stopwatch-btn,.notif-bell-btn,.an-tl-icon-btn{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important}}@media (max-width:767px),(max-width:1023px) and (max-height:500px){table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}}@media print{.an-toolbar,#workspace-action-bar,#left-panel,#right-panel,.canvas-float-toolbar,#canvas-action-dock,.floating-toggle{display:none!important}.layout{grid-template-columns:1fr!important;height:auto!important;max-height:none!important}}@media (max-width:1023px) and (max-height:500px){:root,:root:has(.an-toolbar){--topbar-height:48px}body.practice-mode,body.learn-mode-active,body.roadmap-mode{--wab-height:44px}.an-toolbar{height:48px;min-height:48px}#workspace-action-bar{height:var(--wab-height)}#wab-run-btn{height:36px;min-height:36px}body.practice-mode .wab-question-selector,body.learn-mode-active .wab-question-selector{max-width:420px;margin:0 auto}#right-panel{top:calc(var(--topbar-height) + var(--wab-height));left:auto;right:0;bottom:0;width:min(380px,55vw);height:auto;max-height:none;transform:translateX(100%);border-radius:var(--sheet-radius) 0 0 var(--sheet-radius);box-shadow:-4px 0 24px rgba(0,0,0,0.15)}#right-panel::before{display:none}#right-panel.mobile-open{transform:translateX(0)}}@media (min-width:1024px){body.practice-mode .layout,body.learn-mode-active .layout,body.evaluation-mode .layout{--left-panel-w:max(220px,25%);--right-panel-w:max(240px,30%)}}@media (min-width:1440px) and (max-width:1919px){body.practice-mode .layout,body.learn-mode-active .layout,body.evaluation-mode .layout{--left-panel-w:max(180px,18.4%);--right-panel-w:max(213px,25.508%)}}@media (max-width:600px){.an-toolbar .an-tl-left{left:50px;transform:translateY(-50%)}.an-toolbar .an-tl-logo{width:auto!important;height:28px!important;max-width:110px;object-fit:contain}.an-toolbar .an-tl-right{gap:4px}.an-toolbar .an-tl-right .an-tl-icon-btn,.an-toolbar .an-tl-right .an-theme-quick,.an-toolbar .an-tl-right .an-streak-chip{width:32px;height:32px;min-width:32px;padding:0}.an-toolbar .an-tl-right .an-avatar{width:30px;height:30px}}@media (max-width:340px){.an-toolbar .an-tl-logo{max-width:76px;height:20px!important}}#im-toolbar{display:none!important}.seo-body{height:auto;overflow:visible}.seo-body .an-toolbar{position:fixed;top:0;left:0;right:0}.seo-body .seo-main{padding-top:var(--topbar-height,65px)}.seo-main{position:relative;padding-bottom:4rem;background:radial-gradient(ellipse 1100px 520px at 50% -40px,rgba(59,130,246,0.16) 0%,transparent 65%),linear-gradient(rgba(56,189,248,0.035) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,0.035) 1px,transparent 1px);background-size:auto,48px 48px,48px 48px;background-position:0 0,center top,center top;background-repeat:no-repeat,repeat,repeat}.seo-article{position:relative;max-width:800px;font-size:16px;line-height:1.75;color:var(--lp-text)}.seo-article--wide{max-width:1220px}.seo-article--guide{font-size:var(--fs-md)}.seo-article--guide h2,.seo-article--guide h3,.seo-article--guide h4{font-size:var(--fs-lg)}.seo-article--guide .seo-lede{font-size:var(--fs-lg)}.seo-article--guide .seo-label,.seo-article--guide .seo-eyebrow,.seo-article--guide .seo-prompt,.seo-article--guide .seo-section-intro,.seo-article--guide .seo-table,.seo-article--guide .seo-card-desc,.seo-article--guide .seo-insight-body p,.seo-article--guide .seo-stat-strip span,.seo-article--guide .seo-chip-list a{font-size:var(--fs-sm)}.seo-article h1{font-size:clamp(2.1rem,4.5vw,3rem);line-height:1.12;letter-spacing:-0.02em;font-weight:800;background:linear-gradient(100deg,#f8fafc 0%,#f8fafc 55%,var(--lp-cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0.4rem 0 1rem}.seo-article h2{font-size:var(--t-metric);line-height:1.25;font-weight:750;color:#fff;margin:3rem 0 1rem;scroll-margin-top:110px}.seo-article h3{font-size:20px;line-height:1.35;font-weight:700;color:#f1f5f9;margin:1.75rem 0 0.5rem}.seo-article h4{font-size:16px;font-weight:700;color:#e2e8f0;margin:1.5rem 0 0.4rem}.seo-article p{margin:0 0 1rem}.seo-article ul,.seo-article ol{margin:0 0 1.25rem;padding-left:1.4rem}.seo-article li{margin-bottom:0.45rem}.seo-article a{color:var(--lp-cyan);text-underline-offset:3px}.seo-article a:hover{color:#7dd3fc}.seo-article strong{color:#fff}.seo-article code{font-family:var(--lp-mono);font-size:0.9em;background:rgba(148,163,184,0.12);padding:0.1em 0.35em;border-radius:4px}.seo-article section{scroll-margin-top:110px}.seo-main .seo-breadcrumbs{position:relative;max-width:800px;padding-top:1.75rem}.seo-main:has(.seo-article--wide) .seo-breadcrumbs{max-width:1220px}.seo-breadcrumbs ol{display:flex;flex-wrap:wrap;gap:0.35rem;list-style:none;margin:0;padding:0;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;font-weight:500;color:var(--lp-text-dim)}.seo-breadcrumbs li + li::before{content:"›";margin-right:0.35rem;opacity:0.6}.seo-breadcrumbs a{color:var(--lp-text-dim);text-decoration:none}.seo-breadcrumbs a:hover{color:var(--lp-cyan)}.seo-breadcrumbs [aria-current]{color:var(--lp-text)}.seo-hero{position:relative;padding:1.75rem 0 1.75rem;border-bottom:1px solid var(--lp-border-dim)}.seo-eyebrow{display:inline-flex;align-items:center;flex-wrap:wrap;gap:0.55rem;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--lp-cyan);background:rgba(56,189,248,0.08);border:1px solid rgba(56,189,248,0.22);padding:0.35rem 0.85rem;border-radius:100px;margin:0 0 1rem}.seo-eyebrow::before{content:"";width:6px;height:6px;flex-shrink:0;border-radius:50%;background:var(--lp-ok-green);box-shadow:0 0 6px var(--lp-ok-green)}.seo-lede{font-size:18px;color:#b9cbe8}.seo-pill{display:inline-block;padding:0.18rem 0.7rem;border-radius:99px;font-weight:700;font-size:11px;letter-spacing:0.02em;text-transform:uppercase;border:1px solid currentColor}.seo-pill--beginner{color:var(--lp-ok-green);background:rgba(52,211,153,0.1)}.seo-pill--intermediate{color:var(--lp-warn-yellow);background:var(--lp-warn-yellow-bg)}.seo-pill--advanced{color:var(--lp-fail-red);background:var(--lp-fail-red-bg)}.seo-cta-row{display:flex;flex-wrap:wrap;gap:0.75rem;margin-top:1.25rem}.seo-article .seo-btn{display:inline-flex;align-items:center;min-height:44px;padding:0.7rem 1.4rem;border-radius:8px;border:1px solid var(--lp-border-dim);background:rgba(255,255,255,0.05);color:var(--lp-text);font-size:16px;font-weight:600;text-decoration:none;transition:border-color 0.18s,background 0.18s,color 0.18s,transform 0.18s,box-shadow 0.18s}.seo-article .seo-btn:hover{background:rgba(255,255,255,0.1);border-color:rgba(56,189,248,0.3);color:var(--lp-cyan)}.seo-article .seo-btn--primary{background:var(--lp-primary);border-color:var(--lp-primary);color:#fff;box-shadow:0 0 20px var(--lp-primary-glow)}.seo-article .seo-btn--primary:hover{background:#2563eb;color:#fff;box-shadow:0 0 30px rgba(59,130,246,0.5);transform:translateY(-1px)}.seo-toc{position:relative;margin:1.75rem 0 0;padding:1.1rem 1.35rem;border:1px solid var(--lp-border);border-radius:var(--lp-radius);background:linear-gradient(160deg,rgba(59,130,246,0.07),rgba(19,32,53,0.65));box-shadow:0 0 40px rgba(59,130,246,0.05)}.seo-toc ol{list-style:none;margin:0;padding:0;columns:2;column-gap:2rem}.seo-toc li{counter-increment:seo-toc;break-inside:avoid;font-size:14px;margin-bottom:0.5rem;padding-left:1.65rem;position:relative}.seo-toc ol{counter-reset:seo-toc}.seo-toc li::before{content:counter(seo-toc);position:absolute;left:0;top:0.05em;width:1.25rem;height:1.25rem;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--lp-cyan);background:rgba(56,189,248,0.12);border-radius:50%}.seo-label{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--lp-cyan);margin:0 0 0.4rem!important}.seo-lock{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;font-size:11px;font-weight:700;padding:0 0.4rem;border-radius:4px;border:1px solid rgba(251,191,36,0.5);color:#fbbf24}.seo-stages{list-style:none;padding-left:0!important}.seo-stages>li{border-left:2px solid rgba(56,189,248,0.4);padding:0.1rem 0 0.4rem 1.1rem;margin-bottom:1rem;position:relative}.seo-stages>li::before{content:"";position:absolute;left:-5px;top:0.55rem;width:8px;height:8px;border-radius:50%;background:var(--lp-cyan);box-shadow:0 0 8px rgba(56,189,248,0.7)}.seo-stages>li h3{margin-top:0.4rem}.seo-qualities{display:grid;grid-template-columns:max-content 1fr;gap:0.25rem 1rem;font-size:14px;margin:0 0 0.5rem}.seo-qualities dt{color:var(--lp-cyan);font-weight:600}.seo-qualities dd{margin:0}.seo-components{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.seo-component{padding:1rem 1.1rem;border:1px solid var(--lp-border);border-radius:var(--lp-radius);background:rgba(19,32,53,0.55);font-size:14px;transition:border-color 0.18s,transform 0.18s,box-shadow 0.18s}.seo-component:hover{border-color:rgba(56,189,248,0.35);transform:translateY(-2px);box-shadow:0 8px 24px rgba(2,6,23,0.35)}.seo-component h3{margin-top:0;color:var(--lp-cyan)}.seo-prompt{font-style:italic;color:var(--lp-text-muted)}.seo-insight-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;list-style:none;padding:0!important;margin:0 0 1.5rem!important}.seo-insight-card{display:flex;gap:0.9rem;padding:1.1rem 1.2rem;border:1px solid var(--lp-border);border-radius:var(--lp-radius);background:rgba(19,32,53,0.55);margin:0!important;transition:border-color 0.18s,transform 0.18s,box-shadow 0.18s}.seo-insight-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(2,6,23,0.35)}.seo-insight-badge{flex-shrink:0;width:2.15rem;height:2.15rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}.seo-insight-card--score{border-color:var(--lp-border)}.seo-insight-card--score:hover{border-color:rgba(56,189,248,0.4)}.seo-insight-card--score .seo-insight-badge{background:rgba(56,189,248,0.14);color:var(--lp-cyan);border:1px solid rgba(56,189,248,0.3)}.seo-insight-card--warn:hover{border-color:rgba(248,113,113,0.4)}.seo-insight-card--warn .seo-insight-badge{background:var(--lp-fail-red-bg);color:var(--lp-fail-red);border:1px solid rgba(248,113,113,0.3)}.seo-insight-body h3{margin:0 0 0.3rem;font-size:16px}.seo-insight-body p{margin:0;color:var(--lp-text-muted)}.seo-week-badge{display:inline-flex;align-items:center;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;font-size:11px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:var(--lp-cyan);background:rgba(56,189,248,0.1);border:1px solid rgba(56,189,248,0.25);padding:0.2rem 0.7rem;border-radius:100px;margin-bottom:0.6rem}.seo-chip-list{display:flex;flex-wrap:wrap;gap:0.6rem;list-style:none;padding:0!important;margin:0 0 1.75rem!important}.seo-chip-list li{margin:0!important}.seo-chip-list a{display:inline-flex;align-items:center;gap:0.4rem;padding:0.5rem 1rem;border:1px solid var(--lp-border);border-radius:100px;background:rgba(19,32,53,0.55);color:var(--lp-text);font-size:14px;font-weight:600;text-decoration:none;transition:border-color 0.18s,background 0.18s,color 0.18s,transform 0.18s}.seo-chip-list a:hover{border-color:rgba(56,189,248,0.4);background:rgba(56,189,248,0.08);color:var(--lp-cyan);transform:translateY(-1px)}.seo-chip-list a::after{content:"→";font-weight:700;opacity:0.55}.seo-stat-strip{display:flex;flex-wrap:wrap;gap:2rem;margin:1.75rem 0 0}.seo-stat-strip div{display:flex;flex-direction:column;gap:0.15rem}.seo-stat-strip strong{font-size:24px;font-weight:800;color:#fff;line-height:1}.seo-stat-strip span{font-size:13px;color:var(--lp-text-dim)}.seo-table-wrap{overflow-x:auto;margin:0 0 1.25rem;-webkit-overflow-scrolling:touch;border-radius:var(--lp-radius)}.seo-table{width:100%;border-collapse:collapse;font-size:14px}.seo-table th,.seo-table td{text-align:left;vertical-align:top;padding:0.65rem 0.85rem;border-bottom:1px solid var(--lp-border-dim)}.seo-table thead th{color:var(--lp-cyan);font-weight:700;white-space:nowrap;background:rgba(56,189,248,0.06)}.seo-table tbody th{color:#fff;font-weight:600;min-width:9rem;background:rgba(56,189,248,0.04)}.seo-defs dt{font-weight:700;color:var(--lp-cyan);margin-top:0.9rem}.seo-defs dd{margin:0.2rem 0 0}.seo-quiz{margin:0 0 0.75rem;padding:0.85rem 1.1rem;border:1px solid var(--lp-border-dim);border-radius:10px;background:rgba(19,32,53,0.4)}.seo-quiz summary{cursor:pointer;font-weight:600}.seo-quiz ol{margin-top:0.6rem}.seo-quiz .is-correct{color:var(--lp-ok-green);font-weight:600}.seo-block--interview{padding:1rem 1.25rem;border-radius:var(--lp-radius);background:rgba(59,130,246,0.09);border:1px solid rgba(59,130,246,0.28)}.seo-section-intro{color:var(--lp-text-muted)}.seo-lesson-section.is-locked h2{opacity:0.85}.seo-locked{padding:1rem 1.25rem;border:1px dashed rgba(251,191,36,0.45);border-radius:var(--lp-radius);background:rgba(251,191,36,0.05)}.seo-callout,.seo-cta-panel{position:relative;overflow:hidden;margin:2rem 0;padding:1.75rem;border-radius:var(--lp-radius-lg);border:1px solid rgba(56,189,248,0.3);background:linear-gradient(135deg,rgba(59,130,246,0.16),rgba(56,189,248,0.07))}.seo-callout::before,.seo-cta-panel::before{content:"";position:absolute;top:-60%;right:-20%;width:60%;height:220%;background:radial-gradient(ellipse at center,rgba(59,130,246,0.25) 0%,transparent 70%);pointer-events:none}.seo-cta-panel h2{margin-top:0}.seo-related{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--lp-border-dim)}.seo-related h2{font-size:16px;margin:0 0 0.6rem;color:var(--lp-cyan)}.seo-related ul{padding-left:1.1rem;font-size:14px}.seo-cards{list-style:none;padding:0!important;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:0.9rem}.seo-card{margin:0!important}.seo-card a{display:flex;flex-direction:column;gap:0.35rem;height:100%;padding:1rem 1.1rem;border:1px solid var(--lp-border);border-radius:var(--lp-radius);background:rgba(19,32,53,0.55);text-decoration:none;transition:border-color 0.18s,transform 0.18s,box-shadow 0.18s}.seo-card a:hover{border-color:rgba(56,189,248,0.4);transform:translateY(-2px);box-shadow:0 8px 24px rgba(2,6,23,0.35)}.seo-card-icon{display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;border-radius:50%;margin-bottom:0.15rem}.seo-card-icon svg{width:18px;height:18px}.seo-card-icon--beginner{background:rgba(52,211,153,0.14);color:var(--lp-ok-green)}.seo-card-icon--intermediate{background:var(--lp-warn-yellow-bg);color:var(--lp-warn-yellow)}.seo-card-icon--advanced{background:var(--lp-fail-red-bg);color:var(--lp-fail-red)}.seo-card-icon--concept{background:rgba(56,189,248,0.14);color:var(--lp-cyan)}.seo-card-title{color:#fff;font-weight:700}.seo-card-desc{color:var(--lp-text-dim);font-size:14px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.seo-concept-list{list-style:none;padding:0!important}.seo-concept-list li{display:flex;flex-direction:column;margin-bottom:0.8rem}.seo-concept-list li span{color:var(--lp-text-dim);font-size:14px}.seo-concept-list a{font-weight:600}@media (max-width:640px){.seo-main .lp-container{padding-left:16px;padding-right:16px}.seo-article{font-size:16px}.seo-toc ol{columns:1}.seo-cta-row .seo-btn{flex:1 1 100%;justify-content:center}.seo-qualities{grid-template-columns:1fr}.seo-qualities dd{margin-bottom:0.4rem}}.seo-body--light{--lp-bg:#ffffff;--lp-surface:#f8fafc;--lp-surface-2:#eef2f7;--lp-border:rgba(15,23,42,0.09);--lp-border-dim:rgba(15,23,42,0.07);--lp-text:#0f172a;--lp-text-muted:#475569;--lp-text-dim:#64748b;--lp-primary:#2563eb;--lp-primary-glow:rgba(37,99,235,0.25);--lp-cyan:#0284c7;--lp-cyan-glow:rgba(2,132,199,0.14);--lp-fail-red:#dc2626;--lp-fail-red-bg:rgba(220,38,38,0.08);--lp-warn-orange:#c2410c;--lp-warn-orange-bg:rgba(194,65,12,0.08);--lp-warn-yellow:#b45309;--lp-warn-yellow-bg:rgba(180,83,9,0.09);--lp-ok-green:#059669}.seo-body--light .seo-main{background:radial-gradient(ellipse 1100px 520px at 50% -40px,rgba(37,99,235,0.06) 0%,transparent 65%),linear-gradient(rgba(15,23,42,0.035) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,0.035) 1px,transparent 1px);background-size:auto,48px 48px,48px 48px;background-position:0 0,center top,center top;background-repeat:no-repeat,repeat,repeat}.seo-body--light .seo-article h1{background:linear-gradient(100deg,#0f172a 0%,#0f172a 55%,var(--lp-cyan) 100%);-webkit-background-clip:text;background-clip:text}.seo-body--light .seo-article h2{color:#0f172a}.seo-body--light .seo-article h3{color:#1e293b}.seo-body--light .seo-article h4{color:#334155}.seo-body--light .seo-article strong{color:#0f172a}.seo-body--light .seo-article a:hover{color:#0369a1}.seo-body--light .seo-article code{background:rgba(100,116,139,0.12)}.seo-body--light .seo-lede{color:#475569}.seo-body--light .seo-article .seo-btn:not(.seo-btn--primary){border-color:var(--lp-border);background:#f1f5f9;color:var(--lp-text)}.seo-body--light .seo-article .seo-btn:not(.seo-btn--primary):hover{background:#e2e8f0;border-color:rgba(2,132,199,0.35);color:var(--lp-cyan)}.seo-body--light .seo-article .seo-btn--primary:hover{background:#1d4ed8}.seo-body--light .seo-toc{background:linear-gradient(160deg,rgba(37,99,235,0.05),rgba(248,250,252,0.9));box-shadow:none}.seo-body--light .seo-component,.seo-body--light .seo-insight-card,.seo-body--light .seo-chip-list a,.seo-body--light .seo-card a{background:#f8fafc}.seo-body--light .seo-component:hover,.seo-body--light .seo-insight-card:hover,.seo-body--light .seo-card a:hover{box-shadow:0 8px 20px rgba(15,23,42,0.07)}.seo-body--light .seo-quiz{background:#f8fafc}.seo-body--light .seo-stat-strip strong{color:#0f172a}.seo-body--light .seo-table tbody th{color:#0f172a}.seo-body--light .seo-card-title{color:#0f172a}.seo-body--light .seo-callout,.seo-body--light .seo-cta-panel{background:linear-gradient(135deg,rgba(37,99,235,0.1),rgba(2,132,199,0.05));border-color:rgba(2,132,199,0.22)}