@property --lp-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.lp-root{--lp-mx:50%;--lp-my:15%;isolation:isolate;cursor:default;position:relative}.lp-mesh{z-index:0;pointer-events:none;opacity:.9;background:radial-gradient(42% 42% at 18% 22%, color-mix(in srgb, var(--accent) 46%, transparent) 0%, transparent 62%), radial-gradient(38% 38% at 82% 12%, #8b5cf66b 0%, transparent 60%), radial-gradient(46% 46% at 70% 82%, #38bdf84d 0%, transparent 64%), radial-gradient(40% 40% at 30% 90%, color-mix(in srgb, var(--accent) 34%, transparent) 0%, transparent 60%);filter:blur(60px)saturate(1.15);will-change:transform;animation:26s ease-in-out infinite alternate lp-mesh-drift;position:fixed;inset:-20%}:root[data-theme=light] .lp-mesh{opacity:.55;filter:blur(70px)saturate(1.05)}@keyframes lp-mesh-drift{0%{transform:translate(-3%,-2%)scale(1.05)rotate(0)}50%{transform:translate(2%,3%)scale(1.12)rotate(6deg)}to{transform:translate(4%,-3%)scale(1.08)rotate(-4deg)}}.lp-grain{z-index:5;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px;animation:8s steps(6,end) infinite lp-grain-shift;position:fixed;inset:0}:root[data-theme=light] .lp-grain{opacity:.035;mix-blend-mode:multiply}@keyframes lp-grain-shift{0%{background-position:0 0}20%{background-position:-30px 20px}40%{background-position:20px -40px}60%{background-position:-40px -10px}80%{background-position:30px 30px}to{background-position:0 0}}.lp-spotlight{z-index:1;pointer-events:none;background:radial-gradient(520px circle at var(--lp-mx) var(--lp-my), color-mix(in srgb, var(--accent) 16%, transparent), transparent 62%);transition:background .25s ease-out;position:fixed;inset:0}:root[data-theme=light] .lp-spotlight{background:radial-gradient(560px circle at var(--lp-mx) var(--lp-my), color-mix(in srgb, var(--accent) 10%, transparent), transparent 60%)}.lp-root>main,.lp-root>footer{z-index:2;position:relative}.lp-root>nav.landing-nav{z-index:60;transition:padding .35s cubic-bezier(.2,.8,.2,1);position:fixed;top:0;left:0;right:0}.lp-orb{pointer-events:none;z-index:0;filter:blur(50px);opacity:.5;will-change:transform;border-radius:50%;position:absolute}.lp-orb-1{background:radial-gradient(circle at 40% 40%, color-mix(in srgb, var(--accent) 70%, transparent), transparent 68%);width:clamp(220px,34vw,420px);height:clamp(220px,34vw,420px);animation:22s ease-in-out infinite lp-orb-a;top:6%;left:-6%}.lp-orb-2{background:radial-gradient(circle at 60% 30%,#8b5cf6b3,#0000 68%);width:clamp(180px,28vw,360px);height:clamp(180px,28vw,360px);animation:26s ease-in-out infinite lp-orb-b;top:40%;right:-8%}.lp-orb-3{background:radial-gradient(circle,#38bdf899,#0000 66%);width:clamp(160px,24vw,300px);height:clamp(160px,24vw,300px);animation:30s ease-in-out infinite reverse lp-orb-a;bottom:4%;left:42%}@keyframes lp-orb-a{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(40px,-30px)scale(1.15)}}@keyframes lp-orb-b{0%,to{transform:translate(0,0)scale(1.05)}50%{transform:translate(-50px,40px)scale(.9)}}.lp-gradient-text{background:linear-gradient(100deg, var(--text-display) 0%, var(--text-display) 38%, color-mix(in srgb, var(--accent) 85%, #fff) 50%, var(--text-display) 62%, var(--text-display) 100%);-webkit-text-fill-color:transparent;color:#0000;background-size:260% 100%;-webkit-background-clip:text;background-clip:text;animation:7s ease-in-out infinite lp-sheen}:root[data-theme=light] .lp-gradient-text{background:linear-gradient(100deg, var(--text-display) 0%, var(--text-display) 38%, var(--accent) 50%, var(--text-display) 62%, var(--text-display) 100%);-webkit-text-fill-color:transparent;color:#0000;background-size:260% 100%;-webkit-background-clip:text;background-clip:text}@keyframes lp-sheen{0%,to{background-position:130% 0}50%{background-position:-30% 0}}.lp-navbar{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--bg-surface) 55%, transparent);-webkit-backdrop-filter:blur(16px)saturate(1.3);transition:background var(--transition), box-shadow var(--transition), border-color var(--transition);border-radius:999px;align-items:center;gap:16px;padding:10px 12px 10px 20px;display:flex;box-shadow:0 12px 40px -16px #000000b3,inset 0 1px #ffffff0d}:root[data-theme=light] .lp-navbar{background:#ffffff9e;box-shadow:0 12px 40px -20px #00000047,inset 0 1px #ffffffb3}.landing-nav.lp-nav-scrolled{padding:10px 0!important}.landing-nav.lp-nav-scrolled .lp-navbar{border-color:var(--border-strong);background:color-mix(in srgb, var(--bg-page) 72%, transparent);box-shadow:0 20px 50px -20px #000000d9,inset 0 1px #ffffff0f}.lp-glow-card{border-radius:var(--radius-lg);background:linear-gradient(var(--bg-card), var(--bg-card)) padding-box, conic-gradient(from var(--lp-angle), transparent 0deg, color-mix(in srgb, var(--accent) 75%, transparent) 60deg, transparent 130deg, transparent 360deg) border-box;transition:box-shadow .4s,transform .4s cubic-bezier(.2,.8,.2,1);animation:8s linear infinite lp-border-spin;position:relative;box-shadow:0 24px 60px -30px #000000d9,inset 0 1px #ffffff0a;border:1px solid #0000!important}.lp-glow-card:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(320px circle at var(--px,50%) var(--py,0%), color-mix(in srgb, var(--accent) 14%, transparent), transparent 58%);opacity:0;transition:opacity .35s;position:absolute;inset:0}.lp-glow-card:hover:after{opacity:1}.lp-glow-card:hover{box-shadow:0 34px 80px -34px color-mix(in srgb, var(--accent) 55%, #000000e6), inset 0 1px 0 #ffffff0f}@keyframes lp-border-spin{to{--lp-angle:360deg}}.lp-glow-card.is-spinning{box-shadow:0 0 48px -12px color-mix(in srgb, var(--accent) 55%, transparent), 0 24px 60px -30px #000000d9, inset 0 1px 0 #ffffff0f;animation-duration:1.5s}.lp-tilt{transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateZ(0);transform-style:preserve-3d;will-change:transform;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.lp-magnetic{transform:translate3d(var(--mg-x,0px), var(--mg-y,0px), 0);transition:transform .25s cubic-bezier(.2,.8,.2,1);display:inline-flex}.lp-bento{grid-template-columns:repeat(6,1fr);gap:clamp(14px,2vw,22px);display:grid}.lp-bento>*,.lp-bento .lp-span-2,.lp-bento .lp-span-3,.lp-bento .lp-span-4{grid-column:span 6}@media (width>=760px){.lp-bento .lp-span-2{grid-column:span 2}.lp-bento .lp-span-3{grid-column:span 3}.lp-bento .lp-span-4{grid-column:span 4}.lp-bento .lp-span-6{grid-column:span 6}}.lp-tile{border-radius:var(--radius-xl);border:1px solid var(--border-subtle);background:linear-gradient(180deg, color-mix(in srgb, var(--bg-elevated) 82%, transparent), var(--bg-surface));-webkit-backdrop-filter:blur(8px);transition:border-color var(--transition), box-shadow var(--transition), transform var(--transition);padding:clamp(22px,3vw,34px);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 20px 50px -34px #000c}.lp-tile:before{content:"";pointer-events:none;background:radial-gradient(300px circle at var(--px,50%) var(--py,0%), color-mix(in srgb, var(--accent) 12%, transparent), transparent 60%);opacity:0;transition:opacity .35s;position:absolute;inset:0}.lp-tile:hover{border-color:var(--border-strong)}.lp-tile:hover:before{opacity:1}:root[data-theme=light] .lp-tile{background:linear-gradient(#fff,#f7f8fb);box-shadow:inset 0 1px #fffc,0 20px 50px -36px #00000059}.lp-viz{justify-content:center;align-items:center;gap:4px;height:44px;display:flex}.lp-viz span{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 85%, #fff), var(--accent));width:3px;box-shadow:0 0 10px var(--accent-glow);transform-origin:50%;border-radius:3px;animation:1.1s ease-in-out infinite lp-eq}.lp-viz span:nth-child(3n){animation-duration:.85s}.lp-viz span:nth-child(4n+1){animation-duration:1.35s}.lp-viz span:nth-child(5n+2){animation-duration:.7s}@keyframes lp-eq{0%,to{opacity:.7;height:8px}50%{opacity:1;height:34px}}.lp-marquee{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);padding:clamp(18px,3vw,26px) 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.lp-marquee-track{gap:clamp(28px,5vw,56px);width:max-content;animation:34s linear infinite lp-marquee;display:flex}.lp-marquee:hover .lp-marquee-track{animation-play-state:paused}.lp-marquee-item{white-space:nowrap;font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-muted);opacity:.8;align-items:center;gap:10px;font-size:clamp(15px,2.4vw,22px);font-weight:700;display:inline-flex}.lp-marquee-item .lp-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 12px var(--accent);border-radius:50%}@keyframes lp-marquee{to{transform:translate(-50%)}}.pl-reveal{opacity:0;filter:blur(10px);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.16,1,.3,1),filter .9s;transition-delay:var(--pl-delay,0s);transform:translateY(38px)scale(.985)}.pl-reveal.is-in{opacity:1;filter:blur();transform:none}.pl-reveal-left{transform:translate(-46px)scale(.985)}.pl-reveal-right{transform:translate(46px)scale(.985)}.pl-reveal-scale{transform:scale(.9)}.pl-reveal .heading-text,.pl-reveal h2,.pl-reveal h3{letter-spacing:.055em;transition:letter-spacing 1.15s cubic-bezier(.16,1,.3,1);transition-delay:var(--pl-delay,0s)}.pl-reveal.is-in .heading-text,.pl-reveal.is-in h2,.pl-reveal.is-in h3{letter-spacing:-.02em}.pl-reveal.display-text,.pl-reveal .display-text{letter-spacing:.07em;transition:letter-spacing 1.2s cubic-bezier(.16,1,.3,1);transition-delay:var(--pl-delay,0s)}.pl-reveal.is-in.display-text,.pl-reveal.is-in .display-text{letter-spacing:-.03em}.lp-hero-scrim{z-index:5;pointer-events:none;background:radial-gradient(58% 46% at 50% 34%,#05050aa8,#05050a38 58%,#0000 78%);height:124%;position:absolute;inset:-12% -4% auto}:root[data-theme=light] .lp-hero-scrim{background:radial-gradient(58% 46% at 50% 34%,#ffffffb8,#ffffff4d 58%,#0000 80%)}.lp-shine{position:relative;overflow:hidden}.lp-shine:before{content:"";pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff24,#0000);width:60%;height:100%;transition:left .7s cubic-bezier(.2,.8,.2,1);position:absolute;top:0;left:-120%;transform:skew(-18deg)}.lp-shine:hover:before{left:130%}.lp-badge{border:1px solid var(--border-strong);background:color-mix(in srgb, var(--bg-surface) 60%, transparent);-webkit-backdrop-filter:blur(10px);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:clamp(10px,1.6vw,12px);font-weight:600;display:inline-flex}.lp-badge .lp-pulse{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 0 var(--accent);border-radius:50%;animation:2.2s ease-out infinite lp-pulse}@keyframes lp-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 70%, transparent)}70%{box-shadow:0 0 0 9px #0000}to{box-shadow:0 0 #0000}}.lp-section{box-sizing:border-box;width:100%;max-width:1200px;margin:0 auto;padding:clamp(80px,15vw,160px) clamp(16px,5vw,40px)}.lp-section-head{text-align:center;margin-bottom:clamp(40px,7vw,72px)}.lp-section-head .lp-eyebrow{color:var(--accent);margin-bottom:16px;display:block}.lp-section-head h2{font-size:clamp(30px,5.5vw,46px)}.lp-contrast-grid{grid-template-columns:1fr;align-items:stretch;gap:clamp(16px,2.5vw,24px);display:grid}@media (width>=880px){.lp-contrast-grid{grid-template-columns:1fr auto 1fr}}.lp-contrast-col{border-radius:var(--radius-xl);border:1px solid var(--border-subtle);background:var(--bg-surface);padding:clamp(20px,2.4vw,30px);position:relative;overflow:hidden}.lp-contrast-pain{background:linear-gradient(180deg, color-mix(in srgb, #ef4444 7%, var(--bg-surface)), var(--bg-surface) 62%);border-color:color-mix(in srgb, #ef4444 18%, var(--border-subtle))}.lp-contrast-gain{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 14%, var(--bg-surface)), var(--bg-surface) 62%);border-color:color-mix(in srgb, var(--accent) 34%, var(--border-subtle));box-shadow:0 40px 90px -60px color-mix(in srgb, var(--accent) 85%, transparent)}.lp-contrast-col-head{border-bottom:1px solid var(--border-subtle);align-items:center;gap:12px;margin-bottom:8px;padding-bottom:16px;display:flex}.lp-contrast-glyph{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.lp-contrast-pain .lp-contrast-glyph{color:#f87171;background:#ef444426}.lp-contrast-gain .lp-contrast-glyph{background:var(--accent);color:#fff;box-shadow:0 12px 28px -12px var(--accent)}.lp-contrast-kicker{letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:700}.lp-contrast-pain .lp-contrast-kicker{color:#f87171}.lp-contrast-gain .lp-contrast-kicker{color:var(--accent)}.lp-contrast-coltitle{font-family:var(--font-display);color:var(--text-heading);margin-top:2px;font-size:clamp(17px,2.2vw,20px);font-weight:700}.lp-contrast-row{color:var(--text-body);border-radius:10px;align-items:flex-start;gap:12px;margin:0 -12px;padding:13px 12px;font-size:clamp(13px,1.9vw,15px);line-height:1.5;transition:background .25s;display:flex}.lp-contrast-row.is-hover{background:color-mix(in srgb, var(--text-heading) 6%, transparent)}.lp-contrast-icon{border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.lp-contrast-pain .lp-contrast-icon{color:#f87171;background:#ef444424}.lp-contrast-gain .lp-contrast-icon{background:var(--accent-glow);color:var(--accent)}.lp-contrast-vs{width:54px;height:54px;font-family:var(--font-display);color:var(--text-heading);background:var(--bg-page);border:1px solid var(--border-strong);box-shadow:0 14px 34px -14px #000000d9, inset 0 0 0 1px color-mix(in srgb, var(--accent) 22%, transparent);z-index:2;border-radius:50%;justify-content:center;place-self:center;align-items:center;font-size:13px;font-weight:800;display:none}@media (width>=880px){.lp-contrast-vs{display:inline-flex}}.lp-star-grid{grid-template-columns:1fr;align-items:start;gap:clamp(18px,3vw,28px);display:grid}@media (width>=920px){.lp-star-grid{grid-template-columns:1.5fr 1fr}}.lp-star-answer{border-radius:var(--radius-xl);border:1px solid var(--border-strong);background:radial-gradient(120% 100% at 0% 0%, color-mix(in srgb, var(--accent) 9%, transparent), transparent 55%), var(--bg-surface);overflow:hidden;box-shadow:0 40px 90px -60px #000000e6}.lp-star-answer-head{border-bottom:1px solid var(--border-subtle);background:color-mix(in srgb, var(--bg-elevated) 70%, transparent);align-items:center;gap:12px;padding:14px 20px;display:flex}.lp-star-dots{gap:5px;display:inline-flex}.lp-star-dots i{border-radius:50%;width:9px;height:9px}.lp-star-dots i:first-child{background:#f87171}.lp-star-dots i:nth-child(2){background:#fbbf24}.lp-star-dots i:nth-child(3){background:#34d399}.lp-star-answer-title{color:var(--text-muted);font-size:12px;font-weight:600}.lp-star-ai{color:var(--accent);background:var(--accent-glow);border-radius:999px;align-items:center;gap:5px;margin-left:auto;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.lp-star-text{color:var(--text-body);margin:0;padding:clamp(22px,3vw,34px);font-size:clamp(15px,2vw,18px);line-height:2.05}.lp-seg{cursor:pointer;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:7px;padding:2px 6px;transition:background .35s,color .35s,box-shadow .35s}.lp-seg.is-active{color:var(--text-heading);background:color-mix(in srgb, var(--seg-color) 18%, transparent);box-shadow:inset 0 -2px 0 var(--seg-color)}.lp-star-coverage{gap:6px;padding:0 clamp(22px,3vw,34px) clamp(22px,3vw,34px);display:flex}.lp-star-cov{background:var(--bg-elevated);border-radius:999px;flex:1;height:5px;transition:background .35s,box-shadow .35s}.lp-star-cov.is-active{background:var(--seg-color);box-shadow:0 0 14px -2px var(--seg-color)}.lp-star-panel{flex-direction:column;gap:10px;display:flex}.lp-star-panel-head{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;padding-left:2px;font-size:11px;font-weight:700;display:flex}.lp-star-summary{color:var(--accent);letter-spacing:.04em;white-space:nowrap}.lp-star-chip{text-align:left;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--bg-elevated);cursor:pointer;align-items:center;gap:12px;width:100%;padding:14px 16px;transition:border-color .25s,box-shadow .25s,transform .25s,background .25s;display:flex}.lp-star-chip:hover{transform:translateY(-2px)}.lp-star-chip.is-active{border-color:color-mix(in srgb, var(--seg-color) 70%, transparent);background:color-mix(in srgb, var(--seg-color) 8%, var(--bg-elevated));box-shadow:0 0 0 1px var(--seg-color), 0 20px 44px -30px var(--seg-color)}.lp-star-letter{width:32px;height:32px;font-family:var(--font-display);color:#fff;background:var(--seg-color);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:800;display:inline-flex}.lp-star-chip-label{color:var(--text-heading);flex:1;min-width:0;font-size:13.5px;font-weight:700}.lp-star-status{letter-spacing:.02em;white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:4px;margin-left:auto;padding:4px 9px;font-size:10.5px;font-weight:700;display:inline-flex}.lp-star-status.good{color:#34d399;background:#10b98129}.lp-star-status.warn{color:#fbbf24;background:#f59e0b29}.lp-star-comment{border-radius:var(--radius-lg);border:1px solid color-mix(in srgb, var(--seg-color) 42%, var(--border-subtle));background:color-mix(in srgb, var(--seg-color) 7%, var(--bg-elevated));align-items:center;gap:14px;margin-top:clamp(18px,2.5vw,24px);padding:16px 20px;transition:border-color .35s,background .35s;display:flex}.lp-star-comment-badge{width:34px;height:34px;font-family:var(--font-display);color:#fff;background:var(--seg-color);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:800;display:inline-flex}.lp-star-comment-body{flex-direction:column;gap:2px;min-width:0;display:flex}.lp-star-comment-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:10.5px;font-weight:700}.lp-star-comment-text{color:var(--text-heading);font-size:clamp(13px,1.9vw,15px);line-height:1.5}.lp-star-comment .lp-star-verdict{align-self:center}.lp-star-verdict{letter-spacing:.02em;white-space:nowrap;border-radius:999px;flex-shrink:0;margin-left:auto;padding:4px 9px;font-size:10.5px;font-weight:700}.lp-star-verdict.good{color:#34d399;background:#10b98129}.lp-star-verdict.warn{color:#fbbf24;background:#f59e0b29}.lp-deeptech-grid{grid-template-columns:1fr;align-items:center;gap:clamp(28px,4vw,56px);display:grid}@media (width>=960px){.lp-deeptech-grid{grid-template-columns:1.15fr 1fr}}.lp-deeptech-copy p{color:var(--text-body);margin-bottom:18px;font-size:clamp(15px,2vw,17px);line-height:1.75}.lp-deeptech-copy p:last-child{margin-bottom:0}.lp-deeptech-copy strong{color:var(--text-heading);font-weight:600}.lp-deeptech-panel{border-radius:var(--radius-xl);border:1px solid var(--border-strong);background:radial-gradient(100% 130% at 100% 0%, var(--accent-glow), transparent 60%), linear-gradient(180deg, var(--bg-elevated), var(--bg-surface));padding:clamp(18px,2.4vw,26px);box-shadow:0 30px 80px -55px #000000e6}.lp-deeptech-panel-head{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:4px;padding-bottom:14px;display:flex}.lp-pipe-live{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:8px;font-size:11px;font-weight:700;display:inline-flex}.lp-pipe-live i{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:2.2s ease-out infinite lp-pulse}.lp-pipe-row{align-items:flex-start;gap:12px;padding:13px 0;display:flex}.lp-pipe-row+.lp-pipe-row{border-top:1px solid var(--border-subtle)}.lp-pipe-dot{background:var(--border-strong);width:9px;height:9px;animation:3.6s ease-in-out infinite lp-pipe-flash;animation-delay:calc(var(--i) * .45s);border-radius:50%;flex-shrink:0;margin-top:6px}@keyframes lp-pipe-flash{0%,65%,to{background:var(--border-strong);box-shadow:none}12%,32%{background:var(--accent);box-shadow:0 0 12px -1px var(--accent)}}.lp-pipe-label{color:var(--text-heading);font-size:13.5px;font-weight:600}.lp-pipe-note{color:var(--text-muted);margin-top:2px;font-size:12px}.lp-pricing-toggle-wrap{justify-content:center;margin-bottom:clamp(28px,4vw,44px);display:flex}.lp-toggle{background:var(--bg-elevated);box-shadow:inset 0 0 0 1px var(--border-subtle);border-radius:999px;padding:4px;display:inline-flex;position:relative}.lp-toggle-pill{background:var(--bg-hover);pointer-events:none;border-radius:999px;transition:transform .45s cubic-bezier(.22,1,.36,1),width .45s cubic-bezier(.22,1,.36,1);position:absolute;top:4px;bottom:4px;left:0;box-shadow:0 1px 3px #0000004d}.lp-toggle button{z-index:1;cursor:pointer;color:var(--text-muted);font-family:var(--font-main);white-space:nowrap;background:0 0;border:none;border-radius:999px;padding:8px 18px;font-size:13px;font-weight:600;transition:color .25s;position:relative}.lp-toggle button.active{color:var(--text-heading)}.lp-toggle .lp-save{color:var(--accent);background:var(--accent-glow);border-radius:999px;margin-left:7px;padding:2px 7px;font-size:10px;font-weight:700}.lp-pricing-grid{grid-template-columns:1fr;align-items:start;gap:clamp(18px,3vw,26px);display:grid}@media (width>=820px){.lp-pricing-grid{grid-template-columns:1fr 1fr}}.lp-tier{border-radius:var(--radius-xl);border:1px solid var(--border-subtle);background:var(--bg-surface);padding:clamp(24px,3vw,36px);position:relative}.lp-tier-featured{border-color:color-mix(in srgb, var(--accent) 42%, var(--border-strong));background:radial-gradient(90% 60% at 100% 0%, var(--accent-glow), transparent 60%), var(--bg-surface);box-shadow:0 40px 90px -50px color-mix(in srgb, var(--accent) 65%, transparent)}.lp-tier-badge{letter-spacing:.07em;text-transform:uppercase;color:#fff;background:var(--accent);box-shadow:0 10px 24px -12px var(--accent);border-radius:999px;padding:5px 12px;font-size:10px;font-weight:700;position:absolute;top:-12px;left:clamp(24px,3vw,36px)}.lp-tier-name{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:14px;font-size:13px;font-weight:700}.lp-tier-price{font-family:var(--font-display);align-items:baseline;gap:6px;margin-bottom:6px;font-weight:800;line-height:1;display:flex}.lp-tier-price .amount{color:var(--text-display);letter-spacing:-.03em;font-size:clamp(38px,7vw,54px)}.lp-tier-price .period{color:var(--text-muted);font-size:14px;font-weight:500}.lp-tier-locked .lp-tier-price .amount{filter:blur(9px);-webkit-user-select:none;user-select:none;opacity:.85}.lp-tier-sub{color:var(--text-muted);min-height:38px;margin-bottom:24px;font-size:13px}.lp-tier-list{flex-direction:column;gap:12px;margin-bottom:28px;list-style:none;display:flex}.lp-tier-list li{color:var(--text-body);align-items:flex-start;gap:10px;font-size:13.5px;line-height:1.45;display:flex}.lp-tier-list li svg{color:var(--accent);flex-shrink:0;margin-top:2px}.lp-tier-locked .lp-tier-list li,.lp-tier-locked .lp-tier-list li svg{color:var(--text-muted)}.lp-tier .btn-primary,.lp-tier .btn-ghost{width:100%}.lp-logos-wrap{border-top:1px solid var(--border-subtle);margin-top:clamp(44px,8vw,72px);padding-top:clamp(36px,6vw,56px);position:relative}.lp-logos-label{text-align:center;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);opacity:.65;margin-bottom:28px;font-size:11px;font-weight:600}.lp-logos{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(10px,1.6vw,16px);display:flex}.lp-logo{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-muted);border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--bg-elevated) 45%, transparent);filter:grayscale()brightness(.9);opacity:.7;cursor:default;border-radius:999px;padding:10px 20px;font-size:clamp(14px,1.8vw,18px);font-weight:700;transition:opacity .3s,color .3s,border-color .3s,transform .3s,filter .3s}.lp-logo:hover{opacity:1;color:var(--text-heading);filter:none;border-color:color-mix(in srgb, var(--accent) 40%, var(--border-subtle));transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.lp-mesh,.lp-grain,.lp-orb,.lp-border,.lp-glow-card,.lp-viz span,.lp-marquee-track,.lp-gradient-text,.lp-badge .lp-pulse{animation:none!important}.pl-reveal{opacity:1;filter:none;transition:none;transform:none}.lp-tilt{transform:none!important}.lp-pipe-dot,.lp-pipe-live i{animation:none!important}}:root{--bg-page:#000;--bg-surface:#050505;--bg-elevated:#0a0a0a;--bg-card:#0a0a0a;--bg-hover:#111;--bg-sidebar:#000;--bg-input:#000;--bg-input-focus:#050505;--bg-nav:#0a0a0acc;--accent:#6366f1;--accent-glow:#6366f126;--text-display:#fff;--text-heading:#f5f5f5;--text-body:#a1a1a1;--text-muted:#888;--text-dim:#ffffff0d;--border-subtle:#ffffff0d;--border-strong:#ffffff1a;--font-display:"Plus Jakarta Sans", sans-serif;--font-main:"DM Sans", sans-serif;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:24px;--transition:.3s cubic-bezier(.2, .8, .2, 1);--container-max:1200px;--sidebar-width:260px;--logo-filter:grayscale(1) brightness(2)}:root[data-theme=light]{--bg-page:#f7f8fa;--bg-surface:#fff;--bg-elevated:#f4f5f7;--bg-card:#fff;--bg-hover:#eceef1;--bg-sidebar:#fff;--bg-input:#fff;--bg-input-focus:#fafbfc;--bg-nav:#ffffffd9;--accent:#6366f1;--accent-glow:#6366f11f;--text-display:#0b0b0f;--text-heading:#17181c;--text-body:#3a3b40;--text-muted:#6b6d73;--text-dim:#0000000a;--border-subtle:#00000012;--border-strong:#0000001f;--logo-filter:grayscale(1) brightness(0)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-page);color:var(--text-body);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.6;overflow-x:hidden}.display-text{font-family:var(--font-display);color:var(--text-display);letter-spacing:-.03em;font-size:clamp(64px,12vw,110px);font-weight:800;line-height:.9}.heading-text{font-family:var(--font-display);color:var(--text-heading);letter-spacing:-.02em;font-size:32px;font-weight:700}.body-text{font-family:var(--font-main);color:var(--text-body);font-size:16px;line-height:1.7}.label-text{font-family:var(--font-main);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:600}.btn-primary{background:var(--accent);color:#fff;border-radius:var(--radius-md);box-shadow:inset 0 1px 0 #fff3, 0 8px 24px -8px var(--accent);transition:transform var(--transition), filter var(--transition);border:none;justify-content:center;align-items:center;padding:clamp(10px,2vw,12px) clamp(20px,5vw,28px);font-size:clamp(13px,2vw,15px);font-weight:700;display:inline-flex}.btn-primary:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{color:var(--text-muted);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition);background:0 0;align-items:center;gap:8px;padding:10px 24px;font-weight:600;display:inline-flex}.btn-ghost:hover{border-color:var(--border-strong);color:var(--text-heading)}.landing-page{position:relative}.landing-nav{z-index:100;width:100%;padding:40px 0;position:absolute;top:0}.nav-container{max-width:var(--container-max);justify-content:space-between;align-items:center;margin:0 auto;padding:0 40px;display:flex}.nav-logo{align-items:center;gap:12px;display:flex}.sidebar-logo{align-items:center;gap:8px;display:flex}.logo-img{width:auto;height:20px;filter:var(--logo-filter)}.logo-text{color:var(--text-heading);letter-spacing:-.02em;font-size:14px;font-weight:800}.landing-hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:90vh;margin-top:40px;padding:120px 40px 60px;display:flex;position:relative}.hero-content{z-index:2;max-width:800px;position:relative}.hero-title{margin-bottom:32px}.hero-subtitle{color:var(--text-muted);max-width:500px;margin:0 auto 48px;font-size:18px;font-weight:400}.hero-actions{justify-content:center;align-items:center;gap:16px;display:flex}.hero-visual-anchor{z-index:1;pointer-events:none;width:clamp(200px,60vw,600px);height:clamp(200px,60vw,600px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.anchor-glow{background:radial-gradient(circle at center, var(--accent-glow) 0%, transparent 70%);filter:blur(40px);position:absolute;inset:0}.anchor-shape{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:32px;justify-content:center;align-items:center;width:140px;height:140px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg);box-shadow:0 0 0 1px #ffffff0d,0 30px 60px -12px #000c}.anchor-shape:after{content:"";background:var(--accent);filter:blur(10px);opacity:.5;border-radius:10px;width:40px;height:40px}.app-layout{background-color:var(--bg-page);height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border-subtle);flex-direction:column;padding:40px 16px;display:flex}.nav-btn{border-radius:var(--radius-md);color:var(--text-muted);text-align:left;transition:all var(--transition);background:0 0;border:none;align-items:center;gap:12px;margin-bottom:2px;padding:8px 16px;font-size:13px;font-weight:500;display:flex}.nav-btn:hover,.nav-btn.active{background:var(--bg-surface);color:var(--text-heading)}.nav-btn.active .nav-icon{color:var(--accent)}.main-content{flex:1;padding:clamp(40px,10vw,80px) clamp(20px,10vw,120px);overflow-y:auto}.topic-card{position:relative;overflow:hidden;transition:all var(--transition)!important}.topic-card:before{content:"";background:var(--accent);opacity:.3;height:2px;transition:opacity var(--transition);position:absolute;top:0;left:0;right:0}.topic-card:hover:before{opacity:1}.three-d-staging{aspect-ratio:16/9;border-radius:var(--radius-xl);border:1px solid var(--border-subtle);background:radial-gradient(circle at center, var(--accent-glow) 0%, transparent 70%);justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 100px #000c}.stagger-1{animation:.6s cubic-bezier(.2,.8,.2,1) .1s both staggerFadeUp}.stagger-2{animation:.6s cubic-bezier(.2,.8,.2,1) .2s both staggerFadeUp}.stagger-3{animation:.6s cubic-bezier(.2,.8,.2,1) .3s both staggerFadeUp}.stagger-4{animation:.6s cubic-bezier(.2,.8,.2,1) .4s both staggerFadeUp}@keyframes staggerFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes float-delayed{0%{transform:translateY(0)}50%{transform:translateY(10px)}to{transform:translateY(0)}}@keyframes pulse-glow{0%{opacity:.3;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}to{opacity:.3;transform:scale(1)}}@keyframes morphBlob{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}25%{border-radius:30% 60% 70% 40%/50% 60% 30%}50%{border-radius:50%/40% 50% 60%}75%{border-radius:65% 35% 50% 50%/55% 45%}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}@keyframes squiggleFloat1{0%{transform:translateY(0)rotate(0)scaleX(1)}25%{transform:translateY(-12px)rotate(2deg)scaleX(1.02)}50%{transform:translateY(0)rotate(0)scaleX(1)}75%{transform:translateY(8px)rotate(-1deg)scaleX(.98)}to{transform:translateY(0)rotate(0)scaleX(1)}}@keyframes squiggleFloat2{0%{transform:translateY(0)rotate(0)}33%{transform:translateY(10px)rotate(-3deg)}66%{transform:translateY(-8px)rotate(2deg)}to{transform:translateY(0)rotate(0)}}@keyframes waveSlide{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes validGlow{0%{box-shadow:0 0 0 0 var(--accent)}50%{box-shadow:0 0 20px 4px var(--accent)}to{box-shadow:0 0 0 0 var(--accent)}}.hero-blob{pointer-events:none;z-index:1;filter:blur(8px);opacity:.55;position:absolute}.hero-blob-1{background:radial-gradient(circle at 30% 30%, var(--accent), transparent 70%);width:min(450px,55vw);height:min(450px,55vw);animation:25s ease-in-out infinite morphBlob;top:35%;left:5%}.hero-blob-2{background:radial-gradient(circle at 70% 40%,#6366f199,#0000 70%);width:min(350px,45vw);height:min(350px,45vw);animation:20s ease-in-out infinite reverse morphBlob;top:55%;left:75%}.fluid-divider{pointer-events:none;z-index:1;width:100%;height:clamp(60px,12vw,100px);position:relative;overflow:hidden}.fluid-divider svg{filter:drop-shadow(0 0 8px #6366f14d);width:200%;max-width:none;height:100%;animation:16s linear infinite waveSlide;position:absolute}.feature-curve{pointer-events:none;z-index:0;filter:drop-shadow(0 0 10px #6366f159);position:absolute}.feature-curve svg{width:100%;height:100%;overflow:visible}.feature-curve-1{width:clamp(120px,25vw,200px);height:clamp(120px,25vw,200px);animation:12s ease-in-out infinite squiggleFloat2;top:-30px;right:-40px}.feature-curve-2{width:clamp(100px,22vw,180px);height:clamp(100px,22vw,180px);animation:14s ease-in-out infinite reverse squiggleFloat1;bottom:-20px;left:-30px}.fluid-bullet{flex-shrink:0;justify-content:center;align-items:center;width:12px;height:12px;display:inline-flex}.fluid-bullet svg{filter:drop-shadow(0 0 3px #6366f180);width:100%;height:100%;overflow:visible}.fluid-bullet svg path{stroke:var(--accent);stroke-width:2.5px;fill:none;stroke-linecap:round}input.valid-flash,select.valid-flash,textarea.valid-flash{animation:.6s ease-out validGlow}.form-input-wrapper{position:relative}.form-focus-line{background:var(--accent);pointer-events:none;z-index:2;border-radius:0 0 2px 2px;height:2px;transition:transform .7s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.form-input-wrapper:focus-within .form-focus-line{transform:scaleX(1)}.auth-modal input{background-color:#0f0f0f;background-image:linear-gradient(var(--accent), var(--accent));width:100%;color:var(--text-heading);font-size:14px;font-family:var(--font-main);box-sizing:border-box;background-position:0 100%;background-repeat:no-repeat;background-size:0 2px;border:1px solid #333;border-radius:10px;outline:none;margin-bottom:16px;padding:12px 14px;transition:background-size .7s cubic-bezier(.2,.8,.2,1),border-color .2s,background-color .2s}.auth-modal input:focus{border-color:var(--accent);background-color:#050505;background-size:100% 2px}.page-entrance>*{animation:.5s cubic-bezier(.2,.8,.2,1) both staggerFadeUp}.page-entrance>:first-child{animation-delay:30ms}.page-entrance>:nth-child(2){animation-delay:70ms}.page-entrance>:nth-child(3){animation-delay:.11s}.page-entrance>:nth-child(4){animation-delay:.15s}.page-entrance>:nth-child(5){animation-delay:.19s}.reveal-left{opacity:0;transform:translate(-60px)}.reveal-right{opacity:0;transform:translate(60px)}.reveal-pop{opacity:0;transform:scale(.5)}.reveal-up{opacity:0;transform:translateY(80px)}.reveal-left[style*=--progress]{opacity:var(--progress,0);transform:translateX(calc(-60px + var(--progress,0) * 60px))}.reveal-right[style*=--progress]{opacity:var(--progress,0);transform:translateX(calc(60px - var(--progress,0) * 60px))}.reveal-pop[style*=--progress]{opacity:var(--progress,0);transform:scale(calc(.5 + var(--progress,0) * .5))}.reveal-up[style*=--progress]{opacity:var(--progress,0);transform:translateY(calc(80px - var(--progress,0) * 80px))}.reveal-left .label-text,.reveal-right .label-text,.reveal-pop .label-text,.reveal-up .label-text,.reveal-left .heading-text,.reveal-right .heading-text,.reveal-pop .heading-text,.reveal-up .heading-text,.reveal-left .body-text,.reveal-right .body-text,.reveal-pop .body-text,.reveal-up .body-text,.reveal-left .display-text,.reveal-right .display-text,.reveal-pop .display-text,.reveal-up .display-text,.reveal-left h2,.reveal-right h2,.reveal-pop h2,.reveal-up h2,.reveal-left h3,.reveal-right h3,.reveal-pop h3,.reveal-up h3,.reveal-left li,.reveal-right li,.reveal-pop li,.reveal-up li,.reveal-left p:not(.label-text),.reveal-right p:not(.label-text),.reveal-pop p:not(.label-text),.reveal-up p:not(.label-text){opacity:clamp(0, var(--progress,0) * 1.5 - .3, 1);transform:translateY(calc(15px * (1 - clamp(0, var(--progress,0) * 1.5 - .3, 1))))}@media (prefers-reduced-motion:reduce){.hero-blob,.fluid-divider svg,.feature-curve,.float-1,.float-2,.float-3,.floating-element,.hero-blob{opacity:.15}.fluid-divider svg{transform:translate(0)}}.floating-element{pointer-events:none;z-index:0;opacity:.6;position:absolute}.float-1{animation:6s ease-in-out infinite float}.float-2{animation:8s ease-in-out infinite float-delayed}.float-3{animation:7s ease-in-out infinite reverse float}@keyframes smallWave{0%{transform:translate(0)}50%{transform:translate(-10px)}to{transform:translate(0)}}.btn-primary,.btn-ghost{font-family:var(--font-main)}.interactive-card{border:1px solid var(--border-subtle);background:var(--bg-surface);transition:all .3s cubic-bezier(.2,.8,.2,1)}.video-player-container:hover .video-controls-overlay{opacity:1!important}@media (hover:none){.video-player-container .video-controls-overlay{opacity:1;pointer-events:auto}}.setup-form{flex-direction:column;display:flex}.form-group{flex-direction:column;gap:clamp(8px,2vw,12px);margin-bottom:clamp(16px,5vw,32px);display:flex}.form-row{grid-template-columns:1fr 1fr;gap:clamp(16px,5vw,32px);display:grid}@media (width<=640px){.form-row{grid-template-columns:1fr}}label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;align-items:center;font-size:clamp(10px,1.5vw,11px);font-weight:700;display:flex}.label-hint{opacity:.5;font-size:clamp(9px,1.5vw,10px);font-weight:400}input,select,textarea{background-color:var(--bg-input);background-image:linear-gradient(var(--accent), var(--accent));border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-heading);font-family:var(--font-main);background-position:0 100%;background-repeat:no-repeat;background-size:0 2px;outline:none;width:100%;padding:clamp(10px,2vw,14px) clamp(12px,2vw,16px);font-size:clamp(13px,2vw,14px);transition:background-size .7s cubic-bezier(.2,.8,.2,1),border-color .2s,box-shadow .2s,background-color .2s}input:hover,select:hover,textarea:hover{border-color:var(--border-strong)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background-color:var(--bg-input-focus);background-size:100% 2px}textarea{resize:vertical;min-height:clamp(100px,20vh,120px);line-height:1.6}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-9'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:48px}.error-msg{color:var(--accent);background:var(--accent-glow);border-radius:var(--radius-sm);margin-bottom:24px;padding:12px;font-size:12px;font-weight:600}.topic-modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2000;background:#000000d9;justify-content:center;align-items:center;padding:40px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.topic-modal{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-xl);flex-direction:column;width:100%;max-width:800px;max-height:90vh;animation:.4s cubic-bezier(.2,.8,.2,1) slideUp;display:flex;overflow-y:auto;box-shadow:0 40px 100px #000c}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:48px 48px 24px}.modal-content{flex:1;padding:0 48px 48px}.modal-actions{border:none;gap:12px;padding:24px 48px 48px;display:flex}.progress-track{background:var(--border-subtle);width:100%;height:1px;position:relative}.progress-fill{background:var(--accent);height:1px;box-shadow:0 0 10px var(--accent);transition:width 1s}.loading-spinner{border:2px solid var(--border-subtle);border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.loading-container{justify-content:center;align-items:center;min-height:100vh;display:flex}.loading-inline{justify-content:center;padding:clamp(60px,15vw,120px) 0;display:flex}.mock-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:50vh;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.mobile-nav-trigger{background:var(--bg-nav);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-subtle);width:44px;height:44px;color:var(--text-heading);cursor:pointer;z-index:1200;border-radius:10px;justify-content:center;align-items:center;display:none;position:fixed;top:14px;right:16px}.mobile-drawer-overlay{opacity:0;pointer-events:none;z-index:1100;background:#0009;transition:opacity .25s;position:fixed;inset:0}.mobile-drawer-overlay.open{opacity:1;pointer-events:auto}.mobile-drawer{background:var(--bg-nav);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid var(--border-subtle);z-index:1150;flex-direction:column;gap:4px;width:min(78vw,300px);padding:20px;transition:transform .28s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.mobile-drawer.open{transform:translate(0)}.mobile-drawer-header{border-bottom:1px solid var(--border-subtle);align-items:center;gap:8px;margin-bottom:12px;padding-bottom:16px;display:flex}.mobile-drawer-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-heading);font-size:12px}.mobile-drawer-link{width:100%;color:var(--text-muted);font-family:var(--font-main);cursor:pointer;text-align:left;transition:all var(--transition);background:0 0;border:none;border-radius:10px;align-items:center;gap:14px;padding:14px 12px;font-size:15px;font-weight:500;display:flex}.mobile-drawer-link:hover{color:var(--text-heading);background:#ffffff0d}.mobile-drawer-link.active{color:var(--accent);background:var(--accent-glow)}.mobile-drawer-icon{align-items:center;display:flex}@media (width<=768px){.mobile-nav-trigger{display:flex}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-surface);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (width<=768px){.main-content{padding:40px 24px}.display-text{font-size:56px}.heading-text{font-size:28px}.topic-modal-overlay{padding:20px}.modal-header,.modal-content,.modal-actions{padding:24px}}@media (width<=1024px){:root{--sidebar-width:200px}.nav-container{padding:0 24px}.main-content{padding:60px 48px}.landing-hero{padding:80px 24px 40px}.hero-visual-anchor{width:400px;height:400px}.nav-logo{gap:8px}.logo-text{font-size:12px}}@media (width<=768px){:root{--sidebar-width:0}.sidebar{display:none}.app-layout{flex-direction:column}.main-content{flex:1;padding:clamp(40px,6vw,56px) clamp(20px,5vw,28px)}.display-text{font-size:clamp(40px,10vw,64px)}.heading-text{font-size:24px}.body-text{font-size:15px}.label-text{font-size:11px}.form-row{grid-template-columns:1fr;gap:20px}.form-group{margin-bottom:24px}[style*="display: flex"][style*="gap: 80px"],[style*="display: flex"][style*="gap: 48px"],[style*="display: flex"][style*="gap: 64px"]{flex-direction:column!important;gap:32px!important}.topic-modal{max-width:100%;max-height:85vh}.modal-header,.modal-content,.modal-actions{padding:20px}.modal-header{padding-bottom:16px}.modal-actions{flex-direction:column;gap:8px}.modal-actions button{width:100%}.btn-primary,.btn-ghost{width:100%;padding:14px 20px}.btn-primary{font-size:14px}.header-actions{flex-direction:column;gap:8px;width:100%}.header-actions button{width:100%}.landing-hero{min-height:auto;padding:60px 20px}.hero-visual-anchor{opacity:.5;width:250px;height:250px}.hero-subtitle{max-width:100%;margin:0 auto 32px;font-size:16px}.hero-actions{flex-direction:column;gap:12px;width:100%}.hero-actions button{width:100%}.nav-container{flex-direction:column;justify-content:space-between;align-items:center;padding:0 24px}@media (width<=480px){.landing-nav .btn-primary{padding:8px 12px!important;font-size:11px!important}.landing-nav .btn-primary svg{display:none}}.main-content{flex:1;padding:clamp(32px,5vw,48px) clamp(20px,5vw,28px);overflow-x:hidden}.schedule-row{box-sizing:border-box;width:100%;gap:12px!important;padding:16px 0!important}.schedule-row p{word-break:break-word;overflow-wrap:break-word;min-width:0}.topic-modal-overlay{padding:12px}.topic-modal{border-radius:var(--radius-lg);max-width:100%}.modal-header{padding:16px}.modal-content{padding:0 16px 16px}.modal-actions{flex-direction:column;padding:16px}.modal-actions button{width:100%;padding:12px 16px}.screen-header{margin-bottom:32px}.screen-header h1{margin-bottom:12px;font-size:36px!important}.screen-header p{font-size:13px}.feedback-panel{flex-direction:column;gap:24px;display:flex}.feedback-sections{gap:20px!important}.feedback-section h4{font-size:11px}.feedback-section ul{gap:0}.feedback-section li{margin-bottom:8px;font-size:13px!important}.recorder-ui{border-radius:20px!important;padding:24px 16px!important}.recorder-visualizer{gap:4px;height:32px;margin-bottom:24px}.vis-bar{width:3px!important;margin:0 2px!important}.mock-active{margin-top:20px}.final-stats,[style*="display: flex"][style*="gap: 64px"]{flex-direction:column;gap:16px}[style*="width: 300px"],[style*="width: 450px"],[style*="max-width: 500px"]{width:100%!important;max-width:100%!important}.session-complete{padding:60px 16px!important}.session-complete h2{margin-bottom:32px!important;font-size:36px!important}[style*="background: #fff"][style*=borderRadius]{min-height:auto!important;padding:20px!important}.pdf-document p{margin-bottom:4px!important;font-size:9px!important}.history-tabs{margin-bottom:32px;padding-bottom:12px;gap:16px!important}.history-tabs button{padding:12px 0;font-size:10px}.history-list{gap:0!important}.history-item{padding:16px 0!important}.history-item h3{font-size:16px!important}.history-item .label-text{font-size:9px}.priority-high,.priority-medium,.priority-low{font-size:8px}.progress-track{margin-bottom:16px}h1,h2,h3,h4{word-break:break-word}button{min-height:44px}*{max-width:100vw;overflow-x:hidden}main section{overflow-y:hidden!important}h1,h2,h3,h4{overflow:visible!important}.tracker-board{scrollbar-width:none}.tracker-board::-webkit-scrollbar{display:none}.job-card-body{flex-direction:column!important}.job-card-actions{width:100%;flex-direction:row!important;align-items:center!important}.job-card-actions .btn-primary{width:auto;margin-left:auto}::-webkit-scrollbar{width:2px}::-webkit-scrollbar-thumb{background:#ffffff1a}.fluid-divider svg{animation-duration:6s}}@media (width<=480px){.display-text{font-size:clamp(28px,7vw,40px)}.heading-text{font-size:18px}.main-content{padding:28px 20px}.screen-header h1{font-size:28px!important}.form-group{margin-bottom:16px}.btn-primary,.btn-ghost{padding:11px 14px;font-size:12px}input,select,textarea{padding:10px 12px}.recorder-ui{padding:20px 12px!important}.btn-record{width:48px!important;height:48px!important}.modal-header,.modal-content,.modal-actions{padding:12px}.landing-hero{padding:40px 12px}.hero-visual-anchor{width:150px;height:150px}.session-complete{padding:40px 12px!important}}@media (width<=374px){.display-text{font-size:clamp(24px,6vw,32px)}.heading-text{font-size:16px}.main-content{padding:20px 8px}.form-group{margin-bottom:14px}input,select,textarea{padding:10px;font-size:16px}button{min-height:40px}.recorder-ui{padding:16px 8px!important}.btn-record{width:44px!important;height:44px!important}}.auth-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.auth-modal{background:var(--bg-surface,#1a1a1a);border:1px solid var(--border-color,#333);border-radius:16px;width:90%;max-width:400px;padding:32px;position:relative}.auth-modal-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;font-size:18px;position:absolute;top:16px;right:16px}.auth-buttons{flex-direction:column;gap:12px;margin-top:24px;display:flex}.auth-button{cursor:pointer;border:none;border-radius:8px;padding:12px;font-weight:600}.auth-button.primary{background:var(--accent);color:#fff}.auth-button.secondary{border:1px solid var(--border-color);color:var(--text-heading);background:0 0}.blog-content h2{font-family:var(--font-display);color:var(--text-heading);margin:40px 0 16px;font-size:clamp(20px,3vw,28px);font-weight:700;line-height:1.3}.blog-content h3{font-family:var(--font-display);color:var(--text-heading);margin:32px 0 12px;font-size:clamp(17px,2.5vw,22px);font-weight:600;line-height:1.4}.blog-content p{color:var(--text-body);margin-bottom:16px;font-size:clamp(14px,2vw,17px);line-height:1.8}.blog-content ul,.blog-content ol{margin-bottom:16px;padding-left:24px}.blog-content li{color:var(--text-body);margin-bottom:8px;font-size:clamp(14px,2vw,17px);line-height:1.8}.blog-content strong{color:var(--text-heading);font-weight:600}.blog-content blockquote{border-left:3px solid var(--accent);background:var(--accent-glow);color:var(--text-body);border-radius:0 8px 8px 0;margin:24px 0;padding:16px 20px;font-style:italic}.blog-content table{border-collapse:collapse;width:100%;margin:24px 0;font-size:clamp(12px,1.8vw,14px)}.blog-content thead{background:var(--bg-surface)}.blog-content th{text-align:left;color:var(--text-heading);border-bottom:2px solid var(--border-subtle);padding:10px 12px;font-weight:600}.blog-content td{border-bottom:1px solid var(--border-subtle);color:var(--text-body);padding:10px 12px}.blog-content a{color:var(--accent);text-underline-offset:2px;transition:text-decoration-color var(--transition);-webkit-text-decoration:underline #62c1774d;text-decoration:underline #62c1774d}.blog-content a:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:focus:not(:focus-visible){outline:none}.cmd-palette-overlay{z-index:10000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b8;justify-content:center;align-items:flex-start;padding:clamp(48px,12vh,120px) 20px 20px;display:flex;position:fixed;inset:0}.cmd-palette{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-xl);width:min(780px,100%);animation:.18s fadeUp;overflow:hidden;box-shadow:0 40px 100px -20px #000000a6}.cmd-palette-input{box-sizing:border-box;border:none;border-bottom:1px solid var(--border-subtle);width:100%;color:var(--text-heading);font-size:16px;font-family:var(--font-main);background:0 0;outline:none;padding:18px 20px}.cmd-palette-list{max-height:min(56vh,480px);padding:8px;overflow-y:auto}.cmd-palette-hint{border-top:1px solid var(--border-subtle);color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;font-size:11px;display:flex}.cmd-palette-hint kbd{color:var(--text-muted);border:1px solid var(--border-subtle);opacity:.85;border-radius:4px;padding:1px 5px;font-family:JetBrains Mono,monospace;font-size:10px}.cmd-palette-group-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);opacity:.7;padding:10px 12px 6px;font-size:10px}.cmd-palette-item{text-align:left;border-radius:var(--radius-md);width:100%;color:var(--text-heading);cursor:pointer;font-size:14px;font-family:var(--font-main);background:0 0;border:none;align-items:center;gap:12px;padding:11px 12px;display:flex}.cmd-palette-item:hover,.cmd-palette-item.active{background:var(--bg-hover)}.cmd-palette-item .cmd-kbd{color:var(--text-muted);border:1px solid var(--border-subtle);opacity:.8;border-radius:4px;margin-left:auto;padding:2px 5px;font-family:JetBrains Mono,monospace;font-size:10px}.cmd-palette-empty{text-align:center;color:var(--text-muted);padding:28px;font-size:13px}.shortcuts-legend{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-xl);width:min(560px,100%);animation:.18s fadeUp;overflow:hidden;box-shadow:0 40px 100px -20px #000000a6}.shortcuts-legend-row{color:var(--text-heading);justify-content:space-between;align-items:center;gap:16px;padding:11px 20px;font-size:13px;display:flex}.shortcuts-legend-row:not(:last-child){border-bottom:1px solid var(--border-subtle)}.shortcuts-legend-row kbd{color:var(--text-muted);border:1px solid var(--border-subtle);white-space:nowrap;border-radius:5px;padding:3px 7px;font-family:JetBrains Mono,monospace;font-size:11px}.sandbox-spinner{border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite sandbox-spin;display:inline-block}@keyframes sandbox-spin{to{transform:rotate(360deg)}}.sandbox-body>div:first-child{border-right:1px solid var(--border-subtle)}@media (width<=720px){.sandbox-body>div:first-child{border-right:none;border-bottom:1px solid var(--border-subtle)}}@media (prefers-reduced-motion:reduce){.sandbox-spinner{animation-duration:1.6s}}@media (width<=768px){kbd,.cmd-palette-hint,.desktop-only,.shortcuts-legend{display:none!important}.main-content{padding-top:clamp(64px,14vw,80px)}.main-content *{overflow-wrap:anywhere}.wrap-on-mobile{flex-wrap:wrap!important}}@media (width<=480px){.mobile-hide{display:none!important}}.app-layout{position:relative}.main-content{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;background-image:radial-gradient(60% 40% at 78% -6%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 68%), radial-gradient(50% 40% at 4% 104%, color-mix(in srgb, var(--accent) 5%, transparent), transparent 70%);background-repeat:no-repeat;background-attachment:fixed;position:relative}.main-content::-webkit-scrollbar{width:10px;height:10px}.main-content::-webkit-scrollbar-track{background:0 0}.main-content::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:padding-box;border:3px solid #0000;border-radius:999px}.main-content::-webkit-scrollbar-thumb:hover{background:var(--text-dim);background-clip:padding-box}.sidebar{background:linear-gradient(180deg, color-mix(in srgb, var(--bg-sidebar) 92%, var(--accent) 8%), var(--bg-sidebar) 42%);gap:2px}.sidebar .nav-btn{border-radius:var(--radius-md);transition:background .2s,color .2s,transform .2s;position:relative}.sidebar .nav-btn:hover{transform:translate(2px)}.sidebar .nav-btn.active{transform:none}.sidebar .nav-btn.active:before{content:"";background:var(--accent);width:3px;box-shadow:0 0 12px color-mix(in srgb, var(--accent) 60%, transparent);border-radius:999px;position:absolute;top:22%;bottom:22%;left:2px}.sidebar .nav-btn:focus-visible,.mobile-drawer-link:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 60%, transparent);outline-offset:2px}.mobile-drawer{background:color-mix(in srgb, var(--bg-sidebar) 88%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.2)}.mobile-drawer-link{border-radius:var(--radius-md);transition:background .2s,color .2s,transform .2s}.mobile-drawer-link:hover{transform:translate(2px)}.interactive-card{border-radius:var(--radius-lg);transition:transform .25s cubic-bezier(.2,.8,.2,1),border-color .25s,box-shadow .25s,background .25s}.interactive-card:hover{border-color:var(--border-strong);box-shadow:0 16px 40px -24px #0009, 0 0 0 1px color-mix(in srgb, var(--accent) 10%, transparent);transform:translateY(-2px)}:root[data-theme=light] .interactive-card:hover{box-shadow:0 16px 40px -26px #00000047, 0 0 0 1px color-mix(in srgb, var(--accent) 14%, transparent)}.screen-header h1{letter-spacing:-.03em}.screen-header{position:relative}.seg-tabs{background:var(--bg-elevated);box-shadow:inset 0 0 0 1px var(--border-subtle);scrollbar-width:none;-webkit-overflow-scrolling:touch;border-radius:12px;gap:4px;max-width:100%;padding:4px;display:inline-flex;position:relative;overflow-x:auto}.seg-tabs::-webkit-scrollbar{display:none}.seg-pill{background:var(--bg-hover);pointer-events:none;z-index:0;border-radius:9px;transition:transform .46s cubic-bezier(.22,1,.36,1),width .46s cubic-bezier(.22,1,.36,1),opacity .2s;position:absolute;top:4px;bottom:4px;left:0;box-shadow:0 1px 3px #00000047,inset 0 1px #ffffff0d}:root[data-theme=light] .seg-pill{box-shadow:0 1px 3px #0000001f, inset 0 0 0 1px var(--border-subtle);background:#fff}.seg-tab{z-index:1;white-space:nowrap;color:var(--text-muted);font-size:clamp(12px,1.5vw,14px);font-weight:500;font-family:var(--font-main);cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:8px;padding:9px 18px;transition:color .2s;display:inline-flex;position:relative}.seg-tab:hover{color:var(--text-heading)}.seg-tab.active{color:var(--accent);font-weight:600}.seg-tab:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 60%, transparent);outline-offset:2px}.cmd-palette{background:color-mix(in srgb, var(--bg-elevated) 88%, transparent);-webkit-backdrop-filter:blur(20px)saturate(1.3);border:1px solid var(--border-strong);transform-origin:top;will-change:transform, opacity;animation:.46s cubic-bezier(.22,1,.36,1) both segSpringIn;box-shadow:0 40px 100px -30px #000000d9}.shortcuts-legend{transform-origin:top;animation:.46s cubic-bezier(.22,1,.36,1) both segSpringIn}.cmd-palette-item{border-radius:var(--radius-md)}@keyframes segSpringIn{0%{opacity:0;transform:translateY(-18px)scale(.968)}42%{opacity:1;transform:translateY(4px)scale(1.006)}66%{transform:translateY(-2px)scale(.999)}84%{transform:translateY(1px)scale(1.001)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.cmd-palette,.shortcuts-legend{animation:none}}.main-content input:focus-visible,.main-content textarea:focus-visible,.main-content select:focus-visible,.auth-modal input:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);outline:none}.history-modal{background:color-mix(in srgb, var(--bg-surface) 96%, transparent);-webkit-backdrop-filter:blur(14px)}.about-tabs{flex-direction:column;gap:clamp(20px,3vw,30px);width:100%;display:flex}.about-tabs-nav{align-self:center}.about-panels{width:100%}.about-panel{flex-direction:column;gap:clamp(16px,2.5vw,22px);animation:.4s cubic-bezier(.22,1,.36,1) both aboutPanelIn;display:flex}@keyframes aboutPanelIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.about-lead{max-width:720px;color:var(--text-heading);margin:0;font-size:clamp(15px,2.2vw,19px);font-weight:500;line-height:1.6}.about-grid-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:clamp(14px,2vw,20px);display:grid}.about-card,.about-pipe,.about-star-matrix,.about-copy{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:clamp(18px,3vw,26px)}.about-card.accent{border-color:color-mix(in srgb, var(--accent) 30%, var(--border-subtle))}.about-card-head{align-items:center;gap:10px;margin-bottom:16px;display:flex}.about-card-head h4{color:var(--text-heading);margin:0;font-size:clamp(14px,1.8vw,16px)}.about-card-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.about-card-icon.bad{color:#f87171;background:#ef444424}.about-card-icon.good{color:var(--accent);background:color-mix(in srgb, var(--accent) 16%, transparent)}.about-list{flex-direction:column;gap:11px;margin:0;padding:0;list-style:none;display:flex}.about-list li{color:var(--text-muted);align-items:flex-start;gap:10px;font-size:clamp(13px,1.7vw,14.5px);line-height:1.5;display:flex}.about-dot{border-radius:999px;flex-shrink:0;width:6px;height:6px;margin-top:7px}.about-dot.bad{background:#ef4444}.about-dot.good{background:var(--accent)}.about-copy p{color:var(--text-muted);margin:0 0 14px;font-size:clamp(13.5px,1.8vw,15px);line-height:1.7}.about-copy p:last-child{margin-bottom:0}.about-pipe{background:var(--bg-elevated)}.about-pipe-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.about-live{color:var(--text-heading);align-items:center;gap:8px;font-size:12px;font-weight:700;display:inline-flex}.about-live i{background:#34d399;border-radius:999px;width:7px;height:7px;animation:2s ease-out infinite aboutPulse;box-shadow:0 0 #10b981b3}@keyframes aboutPulse{0%{box-shadow:0 0 #10b98199}70%{box-shadow:0 0 0 7px #0000}to{box-shadow:0 0 #0000}}.about-pipe-tag{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:10.5px;font-weight:600}.about-pipe-row{border-top:1px solid var(--border-subtle);align-items:flex-start;gap:12px;padding:13px 0;display:flex}.about-pipe-row:first-of-type{border-top:none}.about-pipe-dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 10px color-mix(in srgb, var(--accent) 55%, transparent);border-radius:999px;flex-shrink:0;margin-top:6px}.about-pipe-label{color:var(--text-heading);font-size:13.5px;font-weight:600}.about-pipe-note{color:var(--text-muted);margin-top:2px;font-size:12.5px}.about-star-matrix{flex-direction:column;padding:8px clamp(15px,3vw,24px);display:flex}.about-star-row{border-top:1px solid var(--border-subtle);align-items:center;gap:14px;padding:14px 0;display:flex}.about-star-row:first-child{border-top:none}.about-star-badge{width:30px;height:30px;font-family:var(--font-display);color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:inline-flex}.about-star-body{flex:1;min-width:0}.about-star-name{color:var(--text-heading);font-size:13.5px;font-weight:600}.about-star-track{color:var(--text-muted);margin-top:2px;font-size:12.5px}.about-star-param{letter-spacing:.04em;color:#34d399;white-space:nowrap;background:#10b98124;border-radius:999px;padding:4px 9px;font-size:10.5px;font-weight:700}.about-footnote{color:var(--text-muted);margin:0;font-size:clamp(13px,1.8vw,14.5px);line-height:1.7}@media (prefers-reduced-motion:reduce){.about-panel,.about-live i{animation:none}.sidebar .nav-btn,.mobile-drawer-link,.interactive-card{transition:none}.sidebar .nav-btn:hover,.mobile-drawer-link:hover{transform:none}}
