.landing-shell .page-content:has(>.mp){max-width:none;padding:0}.mp{padding-bottom:clamp(72px,8vw,128px)}.mp a{text-decoration:none}.mp-kicker{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--lamp-on-dark);font-size:13px}.mp-num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink-500);font-size:13px}.mp-hero{isolation:isolate;background:radial-gradient(44% 64% at 74% 38%, #ffffff1a, transparent 72%), linear-gradient(180deg, var(--showroom-800), var(--showroom-950) 84%);color:var(--on-dark-2);position:relative;overflow:hidden}.mp-hero:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#ffffff0a 1px,#0000 1px) 0 0/40px 40px,linear-gradient(90deg,#ffffff0a 1px,#0000 1px) 0 0/40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 90% at 70% 40%,#000,#0000 80%);mask-image:radial-gradient(80% 90% at 70% 40%,#000,#0000 80%)}.mp-crumbs{padding-top:clamp(18px,1.8vw,28px)}.mp-hero-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;column-gap:clamp(32px,4.4vw,88px);padding-block:clamp(4px,.8vw,16px) clamp(26px,2.8vw,52px);display:grid}.mp-copy{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.mp-back{font-size:var(--fs-15);color:var(--on-dark-3);transition:color .16s var(--ease);align-items:center;gap:7px;font-weight:600;display:inline-flex}.mp-back:hover{color:var(--on-dark)}.mp-eyebrow{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--lamp-on-dark);font-size:13px}.mp .mp-title{font-family:var(--font-serif);letter-spacing:-.025em;color:var(--on-dark);text-wrap:balance;margin:14px 0 0;font-size:clamp(46px,5.2vw,88px);font-weight:400;line-height:.96}.mp-sub{color:var(--on-dark);margin:clamp(16px,1.6vw,24px) 0 0;font-size:clamp(19px,1.5vw,23px);font-weight:560;line-height:1.35}.mp-objective{max-width:36em;font-size:var(--fs-17);color:var(--on-dark-2);text-wrap:pretty;margin:12px 0 0;line-height:1.65}.mp-start,.mp-lock{margin-top:clamp(24px,2.4vw,36px)}.mp-actions{flex-wrap:wrap;gap:12px;display:flex}.mp-reassure{max-width:36em;font-size:var(--fs-15);color:var(--on-dark-3);align-items:flex-start;gap:9px;margin:16px 0 0;line-height:1.5;display:flex}.mp-reassure svg{color:var(--lamp-on-dark);flex:none;margin-top:2px}.mp-lock{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(90% 140% at 0 0,#f3c46b1a,#0000 60%),#16191ec7;border:1px solid #f3c46b4d;border-radius:20px;gap:18px;width:100%;max-width:640px;padding:clamp(20px,2vw,26px);display:grid;box-shadow:0 30px 60px -36px #000000d9}.mp-lock-head{align-items:center;gap:16px;display:flex}.mp-lock-head>div{gap:4px;display:grid}.mp-lock-head strong{font-size:var(--fs-19);color:var(--on-dark);align-items:center;gap:8px;display:inline-flex}.mp-lock-head strong svg{color:#f3c46b}.mp-lock-head span{color:var(--on-dark-2);line-height:1.5}.mp-lock-meter{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--on-dark-3);align-items:center;gap:14px;font-size:13px;display:flex}.mp-lock-meter .meter{box-shadow:none;background:#ffffff1a;flex:1}.mp-lock-meter .meter>span{background:linear-gradient(90deg,#c9952f,#f3c46b);box-shadow:0 0 12px #f3c46b73}.mp-stage{grid-template-columns:minmax(0,1fr);gap:clamp(8px,1vw,16px);min-width:0;margin:0;display:grid}.mp-rig{aspect-ratio:16/10;position:relative}.mp-rig:before{content:"";background:radial-gradient(closest-side,#ffffff1c,#0000);border-radius:50%;position:absolute;inset:34% 8% 2%}.mp-rig img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0;transform:scale(1.08)}.mp-rig-chip{border-radius:var(--r-pill);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:var(--fs-15);color:#f3c46b;background:#16191ec7;border:1px solid #f3c46b61;align-items:center;gap:7px;padding:6px 13px;font-weight:600;display:inline-flex;position:absolute;top:6%;right:6%}.mp-rig-chip.done{color:var(--lamp-on-dark);border-color:#6fe0a066}.replay{--label:9.6em;--value:5.4em;--gap:14px;--sig-in:#8ab4ff;--sig-out:var(--lamp-on-dark);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:var(--fs-15);color:var(--on-dark-2);background:#16191fe6;border:1px solid #ffffff1f;border-radius:16px;padding:16px 18px 14px;position:relative;box-shadow:0 28px 50px -26px #000000d9}.replay-head{flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:6px;display:flex}.replay-kicker{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--on-dark-3);align-items:center;gap:9px;font-size:12px;display:inline-flex}.replay-kicker i{background:var(--lamp-on-dark);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #6fe0a029,0 0 12px #6fe0a08c}.replay[data-live] .replay-kicker i{animation:1.6s step-end infinite replay-blink}@keyframes replay-blink{50%{opacity:.35}}.replay-pick{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--on-dark-2);align-items:center;gap:6px;margin-left:auto;font-size:13px;display:inline-flex}.replay-pick>span{text-align:center;min-width:10ch}.replay-pick button{width:30px;height:30px;color:var(--on-dark-2);cursor:pointer;transition:border-color .16s var(--ease), color .16s var(--ease);background:#ffffff0a;border:1px solid #ffffff24;border-radius:8px;place-items:center;padding:0;display:grid}.replay-pick button:hover{color:var(--on-dark);border-color:#ffffff52}.replay-name{min-width:0;font-size:var(--fs-15);color:var(--on-dark);flex:240px;margin:0;font-weight:600;line-height:1.35}.replay-plot{display:grid;position:relative}.replay-row{grid-template-columns:var(--label) minmax(0, 1fr) var(--value);align-items:center;gap:var(--gap);min-height:36px;display:grid}.replay-row+.replay-row{border-top:1px solid #ffffff0d}.replay-row.input{--sig:var(--sig-in)}.replay-row.output{--sig:var(--sig-out)}.replay-signal{min-width:0;display:grid}.replay-signal code,.replay-signal small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.replay-signal code{font-family:var(--font-mono);color:var(--on-dark);background:0 0;padding:0;font-size:14px}.replay-signal small{color:var(--on-dark-3);font-size:12.5px}.replay-row svg{width:100%;height:28px;overflow:visible}.replay-line{fill:none;stroke:var(--sig);stroke-width:2px;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 3px var(--sig))}.replay-area{fill:var(--sig);opacity:.16}.replay-line.ahead{stroke:#ffffff29;filter:none}.replay-area.ahead{fill:#ffffff08;opacity:1}.replay-value{min-width:0;font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--on-dark-3);align-items:center;gap:8px;font-size:13.5px;display:inline-flex;overflow:hidden}.replay-value i{border:1px solid #ffffff47;border-radius:50%;flex:none;width:9px;height:9px}.replay-value.on{color:var(--on-dark)}.replay-value.on i{background:var(--sig);box-shadow:0 0 10px var(--sig);border-color:#0000}.replay-edge,.replay-cursor{top:0;bottom:0;left:calc(var(--label) + var(--gap) + (100% - var(--label) - var(--value) - 2 * var(--gap)) * var(--x));pointer-events:none;width:1px;position:absolute}.replay-edge{background:#ffffff12}.replay-cursor{--x:var(--at);background:#fff9;transition:left 50ms linear;box-shadow:0 0 10px #ffffff73}.replay-cursor:before{content:"";background:#fff;border-radius:50%;width:9px;height:9px;position:absolute;top:-5px;left:-4px;box-shadow:0 0 10px #ffffffb3}.replay-foot{border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-top:10px;padding-top:10px;font-size:13px;display:flex}.replay-key{color:var(--on-dark-3);flex-wrap:wrap;gap:6px 18px;display:inline-flex}.replay-key span{align-items:center;gap:8px;display:inline-flex}.replay-key span:before{content:"";background:var(--sig-in);width:14px;height:2px;box-shadow:0 0 6px var(--sig-in);border-radius:1px}.replay-key .output:before{background:var(--sig-out);box-shadow:0 0 6px var(--sig-out)}.replay-clock{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--on-dark-2)}.mp-specs-band{border-top:1px solid var(--showroom-line);background:#0000002e}.mp-specs{grid-auto-columns:auto;grid-auto-flow:column;margin-block:0;display:grid}.mp-specs>div{border-left:1px solid var(--showroom-line);min-width:0;padding:18px clamp(14px,1.6vw,26px)}.mp-specs>div:first-child{border-left:0;padding-left:0}.mp-specs dt{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--on-dark-3);font-size:12px}.mp-specs dd{font-size:var(--fs-16);color:var(--on-dark);align-items:center;gap:6px;margin:6px 0 0;font-weight:600;line-height:1.35;display:flex}.mp-body{grid-template-columns:minmax(0,1fr) minmax(300px,400px);align-items:start;gap:clamp(40px,5vw,104px);margin-top:clamp(56px,6vw,104px);display:grid}.mp-main{gap:clamp(56px,6vw,96px);min-width:0;display:grid}.mp-section h2,.mp-next h2{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--ink-950);text-wrap:balance;margin:10px 0 0;font-size:clamp(36px,3.4vw,54px);font-weight:400;line-height:1.02}.mp-section>p{max-width:68ch;font-size:var(--fs-17);color:var(--ink-700);margin:18px 0 0;line-height:1.65}.mp-section>p+p{margin-top:12px}.mp-section .site-context{background:var(--bg-900);border-radius:16px;margin-top:24px;padding:18px 20px}.mp-report{border:1px solid var(--warn-border);background:radial-gradient(80% 140% at 0% 0%, #f3c46b1a, transparent 60%), var(--bg-900);border-radius:18px;margin:0;padding:clamp(22px,2.4vw,32px)}.mp-report figcaption{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--warn-700);align-items:center;gap:10px;font-size:13px;display:flex}.mp-report figcaption i{background:var(--warn-700);width:8px;height:8px;box-shadow:0 0 10px var(--warn-700);border-radius:50%}.mp-report blockquote{font-family:var(--font-serif);color:var(--ink-950);text-wrap:pretty;margin:14px 0 0;font-size:clamp(24px,2.1vw,32px);line-height:1.3}.mp-checks{gap:10px;margin:26px 0 0;padding:0;list-style:none;display:grid}.mp-checks li{border:1px solid var(--line-200);background:var(--bg-900);font-size:var(--fs-17);color:var(--ink-900);border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:16px;padding:16px 20px;line-height:1.55;display:grid}.mp-check-id{min-width:40px;height:28px;font-family:var(--font-mono);color:var(--lamp-on-dark);background:#6fe0a014;border:1px solid #6fe0a059;border-radius:8px;place-items:center;padding:0 8px;font-size:13px;display:grid}.mp-how{counter-reset:how;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px;margin:28px 0 0;padding:0;list-style:none;display:grid}.mp-how li{border-top:2px solid var(--line-300);font-size:var(--fs-15);color:var(--ink-600);counter-increment:how;padding-top:16px;line-height:1.55}.mp-how li:before{content:counter(how, decimal-leading-zero);font-family:var(--font-mono);color:var(--ink-500);margin-bottom:8px;font-size:12px;display:block}.mp-how strong{font-size:var(--fs-16);color:var(--ink-950);margin-bottom:2px;display:block}.mp-aside{gap:16px;display:grid;position:sticky;top:88px}.mp-card{border:1px solid var(--line-200);background:var(--bg-900);border-radius:18px;padding:clamp(20px,2vw,26px)}.mp-card h2{font-family:var(--font-serif);letter-spacing:-.015em;color:var(--ink-950);margin:8px 0 0;font-size:30px;font-weight:400;line-height:1.08}.mp-card>p{font-size:var(--fs-15);color:var(--ink-600);margin:10px 0 0;line-height:1.55}.mp-stage-list,.mp-lessons{margin:16px 0 0;padding:0;list-style:none;display:grid}.mp-stage-list{gap:4px}.mp-stage-list a,.mp-stage-list .here{font-size:var(--fs-15);color:var(--ink-800);transition:background-color .16s var(--ease);border-radius:10px;grid-template-columns:2.4em minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 12px;font-weight:600;display:grid}.mp-stage-list a svg{color:var(--ink-500)}.mp-stage-list a:hover{background:var(--bg-800);color:var(--ink-950)}.mp-stage-list .here{color:var(--ink-950);background:#6fe0a014;box-shadow:inset 0 0 0 1px #6fe0a04d}.mp-stage-list .here .mp-num{color:var(--lamp-on-dark)}.mp-stage-list em{font-family:var(--font-mono);color:var(--lamp-on-dark);font-size:12px;font-style:normal}.mp-lessons{gap:8px}.mp-lessons a{border:1px solid var(--line-200);background:var(--bg-850);color:var(--ink-950);transition:border-color .16s var(--ease);border-radius:12px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;padding:12px 14px;font-weight:600;line-height:1.4;display:grid}.mp-lessons a:hover{border-color:var(--line-input)}.mp-lessons svg{color:var(--lamp-on-dark);margin-top:1px}.mp-lessons small{font-size:var(--fs-15);color:var(--ink-500);margin-top:3px;font-weight:400;display:block}.mp-next{margin-top:clamp(80px,8vw,136px)}.mp-next ul{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:clamp(26px,3vw,40px) 0 0;padding:0;list-style:none;display:grid}.mp-next a{border:1px solid var(--showroom-line);background:linear-gradient(180deg, var(--showroom-800), var(--showroom-900));height:100%;color:var(--on-dark);transition:transform .26s var(--ease-out), border-color .26s var(--ease), box-shadow .26s var(--ease);border-radius:20px;flex-direction:column;gap:6px;padding-bottom:20px;display:flex;overflow:hidden}.mp-next a:hover{border-color:#ffffff38;transform:translateY(-3px);box-shadow:0 26px 50px -30px #000000e6}.mp-next-thumb{aspect-ratio:16/10;margin-bottom:8px;display:block;position:relative;overflow:hidden}.mp-next-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .52s var(--ease-out)}.mp-next a:hover .mp-next-thumb img{transform:scale(1.04)}.mp-next-thumb .mp-num{border-radius:var(--r-pill);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--on-dark-2);background:#0f11159e;border:1px solid #ffffff29;padding:2px 10px;position:absolute;top:12px;left:12px}.mp-next a>strong,.mp-next a>span:not(.mp-next-thumb),.mp-next a>small{padding-inline:20px}.mp-next a>strong{font-size:var(--fs-17);font-weight:650;line-height:1.3}.mp-next a>span:not(.mp-next-thumb){font-size:var(--fs-15);color:var(--on-dark-3);line-height:1.45}.mp-next a>small{font-family:var(--font-mono);color:var(--lamp-on-dark);margin-top:auto;padding-top:8px;font-size:13px}@media (max-width:1240px){.mp-specs{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:row}.mp-specs>div{border-top:1px solid var(--showroom-line)}.mp-specs>div:nth-child(-n+4){border-top:0}.mp-specs>div:nth-child(4n+1){border-left:0;padding-left:0}}@media (max-width:1000px){.mp-hero-grid{grid-template-columns:minmax(0,1fr);row-gap:36px}.mp-body{grid-template-columns:minmax(0,1fr)}.mp-aside{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));align-items:start;position:static}.mp-next ul{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.mp-specs{grid-template-columns:repeat(2,minmax(0,1fr))}.mp-specs>div:nth-child(-n+4){border-top:1px solid var(--showroom-line)}.mp-specs>div:nth-child(-n+2){border-top:0}.mp-specs>div:nth-child(4n+1){border-left:1px solid var(--showroom-line);padding-left:clamp(14px,1.6vw,26px)}.mp-specs>div:nth-child(odd){border-left:0;padding-left:0}.mp-actions .btn{white-space:normal;width:100%}.mp-how,.mp-next ul{grid-template-columns:minmax(0,1fr)}.mp-how{gap:18px}.replay{--label:7.4em;--value:4.4em;--gap:10px;padding:14px}}@media (prefers-reduced-motion:reduce){.replay-cursor,.mp-next a,.mp-next-thumb img{transition:none}}
.level-badge{width:var(--badge);height:calc(var(--badge) * 1.125);flex:none;place-items:center;display:inline-grid;position:relative}.level-badge svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.level-badge-plate{fill:#1c2d24;stroke:var(--lamp-on-dark);stroke-width:1.6px;filter:drop-shadow(0 0 4px #6fe0a059)}.level-badge-rim{fill:none;stroke:#6fe0a04d;stroke-width:.8px}.level-badge-num{font-family:var(--font-mono);font-size:calc(var(--badge) * .42);color:var(--lamp-on-dark);font-variant-numeric:tabular-nums;font-weight:650;line-height:1;position:relative}.landing-xp{gap:9px;padding:0 14px 0 8px;position:relative;overflow:hidden}.landing-xp-meter{background:#ffffff1a;border-radius:1px;height:2px;position:absolute;bottom:4px;left:40px;right:12px}.landing-xp-meter>span{border-radius:inherit;background:var(--lamp-on-dark);height:100%;display:block}.xp-chip{gap:6px}.m-card.locked .m-thumb img{filter:grayscale(.85)brightness(.55)}.m-card.locked:hover .m-thumb img{filter:grayscale(.6)brightness(.7)}.m-thumb-lock{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:54px;height:54px;color:var(--on-dark);background:#0f1115b8;border:1px solid #ffffff38;border-radius:50%;place-items:center;margin:-27px 0 0 -27px;display:grid;position:absolute;top:50%;left:50%}.m-thumb-chips .m-lock-chip,.m-card-top .m-lock-chip{color:var(--warn-700);align-items:center;gap:5px;display:inline-flex}.m-lock-line{border-top:1px solid var(--line-200);font-family:var(--font-mono);font-size:var(--fs-15);color:var(--warn-700);margin-top:10px;padding-top:10px;display:block}.level-card{margin-bottom:var(--s-6);border:1px solid var(--line-200);background:radial-gradient(70% 140% at 0% 0%, #6fe0a014, transparent 60%), var(--bg-900);border-radius:24px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px clamp(20px,3vw,40px);padding:clamp(22px,3vw,36px);display:grid}.level-card-main h2{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--ink-950);margin:6px 0 14px;font-size:clamp(34px,3.4vw,52px);font-weight:400;line-height:1}.level-card .eyebrow{color:var(--lamp-700)}.level-card-meter{height:8px}.level-card-main p{color:var(--ink-600);margin:10px 0 0}.level-card-main p strong{color:var(--ink-950)}.rank-ladder{grid-column:1/-1;grid-template-columns:repeat(10,minmax(0,1fr));gap:6px;margin:6px 0 0;padding:0;list-style:none;display:grid}.rank-ladder li{border-top:3px solid var(--line-300);font-size:var(--fs-15);color:var(--ink-500);gap:4px;padding:10px 10px 12px;line-height:1.25;display:grid}.rank-ladder li span{font-family:var(--font-mono);font-size:13px}.rank-ladder li.is-done{border-top-color:var(--lamp-500);color:var(--ink-700)}.rank-ladder li.is-current{border-top-color:var(--lamp-on-dark);color:var(--ink-950);background:#6fe0a012;font-weight:600}.level-card-next{grid-column:1/-1}.level-card-next ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:10px 0 0;padding:0;list-style:none;display:grid}.level-card-next li{border:1px solid var(--line-200);border-radius:var(--r-lg);background:var(--bg-850);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:2px 12px;padding:12px 14px;display:grid}.level-card-next li .level-badge{grid-row:span 2}.level-card-next li a{color:var(--ink-950);font-weight:600;text-decoration:none}.level-card-next li a:hover{text-decoration:underline}.level-card-next li span:last-child{font-family:var(--font-mono);font-size:var(--fs-15);color:var(--warn-700)}.level-up{z-index:130;background:radial-gradient(80% 160% at 0% 50%, #6fe0a024, transparent 65%), var(--showroom-800);width:max-content;max-width:calc(100vw - 32px);color:var(--on-dark-2);animation:level-up-in .52s var(--ease-out) both;border:1px solid #6fe0a066;border-radius:18px;align-items:center;gap:18px;padding:16px 16px 16px 20px;display:flex;position:fixed;bottom:96px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #0006,0 30px 70px -30px #000000e6,0 0 40px -10px #6fe0a059}.level-up .level-badge{animation:level-up-badge .9s var(--ease-out) .12s both}.level-up-text{gap:2px;display:grid}.level-up-kicker{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--lamp-on-dark);font-size:13px}.level-up strong{font-size:var(--fs-19);color:var(--on-dark)}.level-up .icon-btn{border-color:var(--showroom-line);color:var(--on-dark-2);background:0 0}@keyframes level-up-in{0%{opacity:0;transform:translate(-50%,24px)scale(.96)}}@keyframes level-up-badge{0%{opacity:0;transform:scale(.4)rotate(-30deg)}60%{opacity:1;transform:scale(1.15)rotate(4deg)}}.quiz-unlocked{color:var(--lamp-700);align-items:center;gap:8px;font-weight:600;display:inline-flex}.hp-pill.hp-level{color:var(--on-dark);gap:9px;padding-left:8px}.hp-pill.hp-level>span:last-child{color:var(--on-dark-3)}@media (max-width:1100px){.rank-ladder{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:720px){.level-card,.level-card-next ul{grid-template-columns:minmax(0,1fr)}.rank-ladder{grid-template-columns:repeat(2,minmax(0,1fr))}.level-up{flex-wrap:wrap;bottom:16px}}@media (prefers-reduced-motion:reduce){.level-up,.level-up .level-badge{animation:none}}
:is(.landing-shell .page-content:has(>.auth),.landing-shell .page-content:has(>.welcome)){max-width:none;padding:0}.auth,.welcome{isolation:isolate;background:radial-gradient(44% 64% at 72% 42%, #ffffff17, transparent 72%), linear-gradient(180deg, var(--showroom-800), var(--showroom-950) 84%);min-height:calc(100svh - 64px);color:var(--on-dark-2);position:relative;overflow:hidden}.auth:before,.welcome:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#ffffff0a 1px,#0000 1px) 0 0/40px 40px,linear-gradient(90deg,#ffffff0a 1px,#0000 1px) 0 0/40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 90% at 70% 40%,#000,#0000 80%);mask-image:radial-gradient(80% 90% at 70% 40%,#000,#0000 80%)}.auth-grid{min-height:inherit;grid-template-columns:minmax(0,1fr) minmax(360px,460px);align-items:center;gap:clamp(40px,6vw,128px);padding-block:clamp(32px,4vw,72px);display:grid}.auth-copy{max-width:580px}.auth .auth-title{font-family:var(--font-serif);letter-spacing:-.025em;color:var(--on-dark);text-wrap:balance;margin:14px 0 0;font-size:clamp(46px,5vw,82px);font-weight:400;line-height:.98}.auth-lead{max-width:34em;color:var(--on-dark-2);text-wrap:pretty;margin:20px 0 0;font-size:clamp(17px,1.3vw,20px);line-height:1.6}.auth-points{gap:16px;margin:34px 0 0;padding:0;list-style:none;display:grid}.auth-points li{color:var(--on-dark-3);grid-template-columns:38px minmax(0,1fr);align-items:start;gap:14px;line-height:1.5;display:grid}.auth-point-icon{width:38px;height:38px;color:var(--lamp-on-dark);background:#6fe0a014;border:1px solid #6fe0a04d;border-radius:11px;place-items:center;display:grid}.auth-points strong{font-size:var(--fs-16);color:var(--on-dark);display:block}.auth-carry{width:fit-content;max-width:100%;color:var(--on-dark);background:#6fe0a00f;border:1px solid #6fe0a047;border-radius:14px;align-items:center;gap:12px;margin:30px 0 0;padding:12px 18px 12px 12px;line-height:1.45;display:flex}.auth-form{align-content:center;justify-items:center;min-height:520px;display:grid}.auth-off{border:1px solid var(--showroom-line);max-width:360px;color:var(--on-dark-2);border-radius:18px;padding:24px;line-height:1.6}.welcome{padding:clamp(32px, 5vw, 80px) var(--landing-gutter,20px);place-items:center;display:grid}.welcome-card{background:linear-gradient(#1c2026,#15181d);border:1px solid #ffffff1f;border-radius:24px;gap:18px;width:min(100%,540px);padding:clamp(26px,3vw,40px);display:grid;box-shadow:0 40px 80px -40px #000000e6}.welcome-card h1{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--on-dark);margin:0;font-size:clamp(40px,3.8vw,56px);font-weight:400;line-height:1}.welcome-card p{color:var(--on-dark-2);margin:0;line-height:1.6}.welcome-card .btn{justify-self:start}.welcome-actions{flex-wrap:wrap;gap:12px;display:flex}.welcome-field{gap:8px;display:grid}.welcome-field>span:first-child{font-size:var(--fs-15);color:var(--on-dark);font-weight:600}.welcome-input{display:block;position:relative}.welcome-input input{width:100%;height:52px;font-family:var(--font-mono);color:var(--on-dark);transition:border-color .16s var(--ease), box-shadow .16s var(--ease);background:#101318;border:1px solid #ffffff29;border-radius:12px;padding:0 46px 0 16px;font-size:17px}.welcome-input input:focus{border-color:#6fe0a099;outline:none;box-shadow:0 0 0 3px #6fe0a02e}.welcome-input input[aria-invalid=true]{border-color:#ff8a7a99}.welcome-ok,.welcome-bad{position:absolute;top:50%;right:15px;translate:0 -50%}.welcome-ok{color:var(--lamp-on-dark)}.welcome-bad{color:#ff8a7a}.welcome-hint{min-height:1.5em;font-size:var(--fs-15);color:var(--on-dark-3)}.welcome-field:has(input[aria-invalid=true]) .welcome-hint{color:#ff8a7a}.welcome-preview{background:#ffffff08;border:1px solid #ffffff1a;border-radius:14px;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 16px;display:grid}.welcome-preview-rank{font-family:var(--font-mono);color:var(--lamp-on-dark);font-size:14px}.welcome-preview-name{min-width:0;display:grid}.welcome-preview-name strong{font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;color:var(--on-dark);font-weight:600;overflow:hidden}.welcome-preview-name small{color:var(--on-dark-3);font-size:13px}.welcome-preview-xp{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--on-dark-2);font-size:14px}.account-signin{border-radius:var(--r-pill);min-height:36px;font-size:var(--fs-15);color:var(--showroom-950);white-space:nowrap;transition:background .15s var(--ease);background:#fff;flex:none;align-items:center;padding:0 16px;font-weight:600;text-decoration:none;display:inline-flex}.account-signin:hover{background:#e8e7e3}.account-slot{flex:none;width:80px;height:36px}.account-menu{flex:none;position:relative}.account-chip{border:1px solid var(--showroom-line);border-radius:var(--r-pill);min-height:36px;font:inherit;font-size:var(--fs-15);color:var(--on-dark);cursor:pointer;background:0 0;align-items:center;gap:8px;padding:0 10px 0 4px;font-weight:600;display:inline-flex}.account-chip:hover,.account-chip[aria-expanded=true]{border-color:#ffffff4d}.account-chip svg{color:var(--on-dark-3)}.account-avatar{color:#0f1115;background:linear-gradient(135deg,#6fe0a0,#36a46e);border-radius:50%;place-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:grid}.account-name{text-overflow:ellipsis;white-space:nowrap;max-width:12ch;overflow:hidden}.account-pop{z-index:40;min-width:250px;animation:account-pop-in .16s var(--ease-out);background:#181b21;border:1px solid #ffffff1f;border-radius:14px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 24px 50px -20px #000000d9}@keyframes account-pop-in{0%{opacity:0;transform:translateY(-4px)}}.account-pop-head{border-bottom:1px solid #ffffff14;gap:2px;margin-bottom:4px;padding:10px 12px 12px;display:grid}.account-pop-head strong{color:var(--on-dark)}.account-pop-head span{text-overflow:ellipsis;color:var(--on-dark-3);font-size:13px;overflow:hidden}.account-pop button{width:100%;font:inherit;font-size:var(--fs-15);color:var(--on-dark-2);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}.account-pop button:hover{color:var(--on-dark);background:#ffffff0f}.account-pop .account-pop-cta{color:var(--lamp-on-dark)}.account-plan{border-radius:var(--r-pill);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;padding:2px 8px;font-size:11.5px;font-weight:600}.account-plan.pro{background:var(--lamp-on-dark);color:#0f1115}.account-plan.trial{color:var(--lamp-on-dark);border:1px solid #6fe0a073}.account-plan.trial.ending{color:#f3c46b;border-color:#f3c46b8c}.account-pop-head .account-pop-plan{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--lamp-on-dark);margin-top:6px;font-size:12px}.pro-offer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;max-width:640px;color:var(--on-dark-2);background:radial-gradient(90% 140% at 0 0,#6fe0a01c,#0000 60%),#16191ecc;border:1px solid #6fe0a052;border-radius:20px;gap:18px;padding:clamp(20px,2vw,26px);display:grid;box-shadow:0 30px 60px -36px #000000d9}.mp-start~.pro-offer,.mp-copy>.pro-offer{margin-top:clamp(24px,2.4vw,36px)}.pro-offer-head{align-items:center;gap:16px;display:flex}.pro-offer-head>div{gap:4px;display:grid}.pro-offer-head strong{font-size:var(--fs-19);color:var(--on-dark)}.pro-offer-head span{line-height:1.5}.pro-mark{width:52px;height:52px;color:var(--lamp-on-dark);background:#6fe0a01a;border:1px solid #6fe0a073;border-radius:14px;flex:none;place-items:center;display:grid;box-shadow:0 0 24px -6px #6fe0a099}.pro-offer .btn-primary{color:var(--showroom-950);background:#fff}.pro-offer .btn-primary:hover:not(:disabled){background:#e8e7e3}.pro-offer .btn-secondary{color:var(--on-dark);background:#ffffff0d;border-color:#ffffff38}.pro-gate{margin:clamp(24px,3vw,48px) auto 0}.mp-rig-chip.pro{color:var(--lamp-on-dark);border-color:#6fe0a066}.m-thumb-chips .m-pro-chip,.m-card-top .m-pro-chip{color:var(--lamp-on-dark);background:#6fe0a024;align-items:center;gap:5px;display:inline-flex}.lesson-pro,.course-pro{margin:28px 0 0}.lesson-locked{counter-reset:locked 1;gap:0;max-width:640px;margin:22px 0 0;padding:0;list-style:none;display:grid}.lesson-locked li{border-bottom:1px solid var(--line-200);color:var(--ink-500);counter-increment:locked;align-items:center;gap:12px;padding:12px 4px;display:flex}.lesson-locked li:before{content:counter(locked) ".";min-width:1.6em;font-family:var(--font-mono);color:var(--ink-500);font-size:13px}.lesson-locked li:after{content:"Pro";border-radius:var(--r-pill);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--lamp-on-dark);background:#6fe0a01f;margin-left:auto;padding:1px 8px;font-size:11.5px}.course-module-pro{border-radius:var(--r-pill);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;vertical-align:2px;color:var(--lamp-on-dark);background:#6fe0a024;margin-left:8px;padding:1px 7px;font-size:11px;font-weight:600}.welcome-card.welcome-plans{width:min(100%,760px)}.plan-choice{grid-template-columns:1.15fr 1fr;gap:14px;margin-top:6px;display:grid}.plan-option{font:inherit;color:var(--on-dark-2);text-align:left;cursor:pointer;transition:border-color .16s var(--ease), transform .2s var(--ease-out), background .16s var(--ease);background:#ffffff08;border:1px solid #ffffff1f;border-radius:16px;align-content:start;gap:8px;padding:20px;display:grid}.plan-option:hover:not(:disabled){border-color:#ffffff42;transform:translateY(-2px)}.plan-option:disabled{cursor:progress;opacity:.7}.plan-option strong{font-size:var(--fs-19);color:var(--on-dark)}.plan-option span{line-height:1.5}.plan-option small{font-family:var(--font-mono);color:var(--on-dark-3);margin-top:4px;font-size:12.5px}.plan-option.featured{background:radial-gradient(120% 120% at 0 0,#6fe0a024,#0000 60%),#ffffff08;border-color:#6fe0a080;box-shadow:0 0 40px -18px #6fe0a099}.plan-option.featured:hover:not(:disabled){border-color:#6fe0a0bf}.plan-option .plan-option-tag{border-radius:var(--r-pill);background:var(--lamp-on-dark);width:fit-content;font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:#0f1115;align-items:center;gap:6px;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.plan-card-actions{gap:8px;margin-top:auto;display:grid}.plan-card .plan-card-actions .btn{margin-top:0}.plan-granted{color:var(--lamp-on-dark);text-align:center;background:#6fe0a014;border:1px solid #6fe0a059;border-radius:12px;margin:0;padding:12px 14px;font-weight:600}.btn-ghost-light{color:#fff;background:0 0;border:1px solid #ffffff42}.btn-ghost-light:hover:not(:disabled){background:#ffffff0f;border-color:#ffffff80}.rail-nav .rail-action{border-radius:var(--r-sm);width:100%;min-height:40px;font:inherit;font-size:var(--fs-15);color:var(--rail-text);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;padding:0 12px;font-weight:520;display:flex}.rail-nav .rail-action:hover{background:var(--rail-hover);color:var(--ink-950)}.account-nudge{border-left-color:var(--lamp-on-dark)}.account-nudge>svg{color:var(--lamp-on-dark)}.team{gap:var(--s-5);margin-bottom:var(--s-12);display:grid}.team-head{justify-content:space-between;align-items:flex-end;gap:var(--s-3) var(--s-6);flex-wrap:wrap;display:flex}.team-head h2{font-family:var(--font-display);letter-spacing:-.028em;color:var(--ink-950);margin:6px 0 0;font-size:clamp(24px,2.1vw,30px);font-weight:640;line-height:1.1}.team-seats{color:var(--ink-600);font-size:var(--fs-15);align-items:center;gap:8px;margin:0;display:inline-flex}.team-seats strong{color:var(--ink-950)}.team-seats svg{color:var(--lamp-on-dark);flex:none}.team-table{min-width:900px}.team-table th,.team-table td{text-align:left}.plan-table.team-table tbody th{width:auto}.plan-table.team-table th:nth-child(3),.plan-table.team-table td:nth-child(3){background:0 0}.team-table thead th{font-size:var(--fs-15);color:var(--ink-800);white-space:nowrap;font-weight:600}.team-table td:last-child{text-align:right}.team-muted{color:var(--ink-500);font-weight:400}.team-empty h3{font-size:var(--fs-17);color:var(--ink-950);margin:0 0 6px}.team-empty p{max-width:62ch;margin:0}.team-confirm{gap:var(--s-3);border:1px solid var(--fault-border);border-radius:var(--r-md);background:var(--bg-900);padding:16px 18px;display:grid}.team-confirm p{color:var(--ink-900);margin:0}.team-confirm .button-row{gap:var(--s-3);flex-wrap:wrap;display:flex}.team-confirm .team-remove-yes{border-color:var(--fault-border);color:var(--fault-700)}.team-actions{justify-content:space-between;align-items:flex-start;gap:var(--s-4) var(--s-6);flex-wrap:wrap;display:flex}.team-add{gap:8px;width:min(100%,520px);display:grid}.team-add label{font-size:var(--fs-15);color:var(--ink-800);font-weight:600}.team-add-row{gap:var(--s-3);display:flex}.team-add-row input{flex:1;min-width:0;min-height:40px}.team-hint{font-size:var(--fs-15);color:var(--ink-500);margin:0}.team-status:empty{display:none}.team-status{color:var(--ok-700);font-size:var(--fs-15);margin:0}.team-problem{color:var(--fault-700);font-size:var(--fs-15);margin:0}.team-note>svg,.team-none>svg{color:var(--lamp-on-dark)}@media (max-width:640px){.plan-choice{grid-template-columns:minmax(0,1fr)}.team-add-row{flex-direction:column}.team-add-row .btn{align-self:flex-start}.pro-offer-head{align-items:flex-start}}@media (max-width:1000px){.auth-grid{grid-template-columns:minmax(0,1fr);min-height:0}.auth-form{min-height:0}}@media (prefers-reduced-motion:reduce){.account-pop{animation:none}}
.blog-photo{margin:0}.blog-photo-frame{aspect-ratio:16/9;border:1px solid var(--showroom-line);border-radius:var(--r-lg);background:var(--showroom-900);position:relative;overflow:hidden}.blog-photo-inline .blog-photo-frame{aspect-ratio:3/2}.blog-photo-frame>img{object-fit:cover;width:100%;height:100%;display:block}.blog-photo-panel{background:radial-gradient(120% 90% at 88% 8%, #4cd08a29, transparent 55%), repeating-linear-gradient(90deg, #ffffff0a 0 1px, transparent 1px 48px), repeating-linear-gradient(0deg, #ffffff0a 0 1px, transparent 1px 48px), linear-gradient(160deg, var(--showroom-800), var(--showroom-950) 70%);position:absolute;inset:0}.blog-photo-tag{font-family:var(--font-mono);letter-spacing:.02em;color:var(--on-dark-3);align-items:center;gap:10px;font-size:13px;display:inline-flex;position:absolute;top:18px;left:20px}.blog-photo-icon{color:#ffffff38;width:clamp(72px,26%,200px);height:auto;position:absolute;bottom:50%;right:8%;transform:translateY(50%)}.blog-photo-mark{opacity:.9;position:absolute;bottom:18px;left:20px}.blog-photo figcaption{font-size:var(--fs-15);color:var(--ink-500);margin-top:10px;line-height:1.5}.blog-meta{font-family:var(--font-mono);color:var(--ink-500);flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0;font-size:14px;display:flex}.blog-index,.blog-post{max-width:1200px;margin:0 auto}.blog-index-head p{max-width:62ch}.blog-card{min-width:0}.blog-card-link{border:1px solid var(--line-200);border-radius:var(--r-xl);background:var(--bg-900);height:100%;color:inherit;transition:border-color .16s var(--ease), transform .16s var(--ease), box-shadow .16s var(--ease);grid-template-rows:auto 1fr;text-decoration:none;display:grid;overflow:hidden}.blog-card-link:hover{border-color:var(--line-300);box-shadow:var(--shadow-2);transform:translateY(-2px)}.blog-card-link:focus-visible{box-shadow:var(--focus)}.blog-card .blog-photo-frame{border:0;border-bottom:1px solid var(--showroom-line);border-radius:0}.blog-card-copy{align-content:start;gap:10px;padding:20px 22px 24px;display:grid}.blog-card-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink-950);text-wrap:balance;margin:0;font-size:21px;font-weight:640;line-height:1.25}.blog-card-text{font-size:var(--fs-16);color:var(--ink-600);margin:0;line-height:1.6}.blog-card-more{font-size:var(--fs-15);color:var(--ink-950);align-items:center;gap:6px;margin-top:4px;font-weight:600;display:inline-flex}.blog-card-link:hover .blog-card-more{color:var(--lamp-700)}.blog-card-featured .blog-card-link{grid-template-rows:auto;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.blog-card-featured .blog-photo{min-height:320px;position:relative}.blog-card-featured .blog-photo-frame{aspect-ratio:auto;border-bottom:0;border-right:1px solid var(--showroom-line);position:absolute;inset:0}.blog-card-featured .blog-card-copy{align-content:center;gap:14px;padding:clamp(24px,3vw,44px)}.blog-card-featured .blog-card-title{font-family:var(--font-serif);letter-spacing:-.015em;font-size:clamp(32px,3vw,46px);font-weight:400;line-height:1.05}.blog-card-featured .blog-card-text{font-size:var(--fs-17)}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:24px;display:grid}@media (min-width:1101px){.blog-card-lone-3{grid-column:1/-1}.blog-card-lone-3 .blog-card-link{grid-template-rows:auto;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.blog-card-lone-3 .blog-photo{min-height:320px;position:relative}.blog-card-lone-3 .blog-photo-frame{aspect-ratio:auto;border-bottom:0;border-right:1px solid var(--showroom-line);position:absolute;inset:0}.blog-card-lone-3 .blog-card-copy{align-content:center;padding:clamp(24px,3vw,44px)}}@media (min-width:861px) and (max-width:1100px){.blog-card-lone-2{grid-column:1/-1}.blog-card-lone-2 .blog-card-link{grid-template-rows:auto;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.blog-card-lone-2 .blog-photo{min-height:320px;position:relative}.blog-card-lone-2 .blog-photo-frame{aspect-ratio:auto;border-bottom:0;border-right:1px solid var(--showroom-line);position:absolute;inset:0}.blog-card-lone-2 .blog-card-copy{align-content:center;padding:clamp(24px,3vw,44px)}}.blog-post-head{gap:18px;display:grid}.blog-post-head>:not(.blog-photo){max-width:860px}.blog-post .back-link{font-size:var(--fs-15);color:var(--ink-700);justify-self:start;align-items:center;gap:6px;font-weight:600;text-decoration:none;display:inline-flex}.blog-post .back-link:hover{color:var(--ink-950)}.blog-post-head h1{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--ink-950);text-wrap:balance;margin:0;font-size:clamp(40px,4.8vw,70px);font-weight:400;line-height:1.02}.blog-standfirst{color:var(--ink-700);margin:0;font-size:clamp(18px,1.4vw,20px);line-height:1.6}.blog-byline{align-items:center;gap:14px;display:flex}.blog-byline p{gap:2px;margin:0;display:grid}.blog-avatar{border:1px solid var(--ok-border);background:var(--lamp-tint);width:44px;height:44px;font-family:var(--font-mono);color:var(--lamp-700);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:600;display:grid}.blog-author{font-size:var(--fs-16);color:var(--ink-950);justify-self:start;font-weight:600;text-decoration:none}.blog-author:hover,.blog-index-author:hover{color:var(--lamp-700)}.blog-index-author{color:var(--ink-700);text-decoration:underline;-webkit-text-decoration-color:var(--line-300);text-decoration-color:var(--line-300);text-underline-offset:3px}.blog-post-head>.blog-photo{margin-top:10px}.blog-post-head>.blog-photo .blog-photo-frame{aspect-ratio:3}.blog-layout{grid-template-columns:220px minmax(0,740px);justify-content:center;align-items:start;gap:clamp(32px,4vw,64px);margin-top:clamp(32px,4vw,56px);display:grid}.blog-side{max-height:calc(100vh - 120px);position:sticky;top:96px;overflow-y:auto}.blog-side-title,.blog-toc-phone summary{letter-spacing:.07em;text-transform:uppercase;color:var(--ink-800);margin:0 0 10px;font-size:13px;font-weight:650}.blog-toc-list{counter-reset:toc;gap:2px;margin:0;padding:0;list-style:none;display:grid}.blog-toc-list li{counter-increment:toc}.blog-toc-list a{border-radius:var(--r-sm);font-size:var(--fs-15);color:var(--ink-600);grid-template-columns:22px minmax(0,1fr);gap:6px;padding:7px 8px;line-height:1.35;text-decoration:none;display:grid}.blog-toc-list a:before{content:counter(toc, decimal-leading-zero);font-family:var(--font-mono);color:var(--ink-500);font-size:12px;line-height:1.7}.blog-toc-list a:hover{background:var(--rail-hover);color:var(--ink-950)}.blog-toc-phone{border:1px solid var(--line-200);border-radius:var(--r-md);background:var(--surface);margin-bottom:28px;padding:12px 16px;display:none}.blog-toc-phone summary{cursor:pointer;margin:0}.blog-toc-phone[open] summary{margin-bottom:10px}.blog-body{color:var(--ink-800);font-size:18px;line-height:1.75}.blog-body>*+*{margin-top:18px}.blog-body p{margin-bottom:0}.blog-body h2{font-family:var(--font-display);letter-spacing:-.025em;color:var(--ink-950);margin:52px 0 0;scroll-margin-top:96px;font-size:clamp(25px,2.2vw,30px);font-weight:640;line-height:1.2}.blog-body h3{letter-spacing:-.015em;color:var(--ink-950);margin:34px 0 0;scroll-margin-top:96px;font-size:21px;font-weight:640;line-height:1.3}.blog-body h2+*,.blog-body h3+*{margin-top:12px}.blog-body strong{color:var(--ink-950);font-weight:650}.blog-body a{color:var(--ink-950);text-decoration:underline;-webkit-text-decoration-color:var(--lamp-600);text-decoration-color:var(--lamp-600);text-underline-offset:3px;text-decoration-thickness:1px}.blog-body a:hover{color:var(--lamp-700)}.blog-body ul,.blog-body ol{gap:8px;padding-left:1.3em;display:grid}.blog-body li::marker{color:var(--ink-500)}.blog-body code{background:var(--bg-700);font-family:var(--font-mono);color:var(--ink-950);border-radius:6px;padding:1px 6px;font-size:.86em}.blog-code{border:1px solid var(--line-200);border-radius:var(--r-md);background:var(--night-900);font-family:var(--font-mono);color:var(--night-text);padding:18px 20px;font-size:15px;line-height:1.65;position:relative;overflow-x:auto}.blog-code code{font-size:inherit;background:0 0;padding:0}.blog-code[data-language]:before{content:attr(data-language);letter-spacing:.06em;text-transform:uppercase;color:var(--night-muted);font-size:12px;position:absolute;top:8px;right:12px}.blog-note{border:1px solid var(--line-200);border-left:3px solid var(--lamp-500);border-radius:var(--r-md);background:var(--bg-900);padding:18px 22px}.blog-note p{font-size:var(--fs-17);line-height:1.65}.blog-note p+p{margin-top:10px}.blog-table-wrap{border:1px solid var(--line-200);border-radius:var(--r-md);overflow-x:auto}.blog-table{border-collapse:collapse;width:100%;font-size:var(--fs-16);line-height:1.5}.blog-table th,.blog-table td{border-bottom:1px solid var(--line-200);text-align:left;vertical-align:top;padding:11px 14px}.blog-table th{background:var(--bg-800);color:var(--ink-950);font-weight:650}.blog-table tr:last-child td{border-bottom:0}.blog-body .blog-photo{margin:34px 0}.blog-avatar-lg{width:56px;height:56px;font-size:18px}.blog-avatar-xl{width:96px;height:96px;box-shadow:0 0 0 8px var(--lamp-tint);font-size:30px}.blog-author-box{border:1px solid var(--line-200);border-radius:var(--r-xl);background:var(--bg-900);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:18px;margin-top:48px;padding:24px 26px;display:grid}.blog-author-box-kicker{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-500);margin:0 0 2px;font-size:13px}.blog-author-box h2{font-size:var(--fs-19);letter-spacing:-.015em;color:var(--ink-950);margin:0 0 8px;font-weight:640}.blog-author-box p{font-size:var(--fs-16);color:var(--ink-700);margin:0;line-height:1.65}.blog-author-box-more{font-size:var(--fs-15);color:var(--ink-950);align-items:center;gap:6px;margin-top:12px;font-weight:600;text-decoration:none;display:inline-flex}.blog-author-box-more:hover{color:var(--lamp-700)}.blog-author-page{max-width:1200px;margin:0 auto}.blog-author-page>.back-link{font-size:var(--fs-15);color:var(--ink-700);align-items:center;gap:6px;font-weight:600;text-decoration:none;display:inline-flex}.blog-author-head{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(20px,3vw,36px);max-width:900px;margin-top:24px;display:grid}.blog-author-head>div{gap:10px;display:grid}.blog-author-head h1{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--ink-950);margin:0;font-size:clamp(48px,5.4vw,80px);font-weight:400;line-height:1}.blog-author-body{max-width:740px;margin-top:clamp(32px,4vw,48px)}.blog-practise{border:1px solid var(--line-200);border-radius:var(--r-xl);background:var(--bg-900);margin-top:56px;padding:24px 26px}.blog-practise h2,.blog-related h2{letter-spacing:-.02em;color:var(--ink-950);margin:0 0 16px;font-size:clamp(22px,2vw,26px);font-weight:640}.blog-practise-lists{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 32px;display:grid}.blog-practise-head{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-500);align-items:center;gap:8px;margin:0 0 6px;font-size:13px;display:flex}.blog-practise ul{margin:0;padding:0;list-style:none;display:grid}.blog-practise li a{min-height:40px;font-size:var(--fs-16);color:var(--ink-900);text-decoration:underline;-webkit-text-decoration-color:var(--line-300);text-decoration-color:var(--line-300);text-underline-offset:4px;align-items:center;font-weight:560;display:flex}.blog-practise li a:hover{color:var(--ink-950);-webkit-text-decoration-color:var(--lamp-600);text-decoration-color:var(--lamp-600)}.blog-cta{isolation:isolate;border-radius:var(--r-xl);justify-items:start;gap:16px;margin-top:28px;padding:clamp(26px,4vw,44px);display:grid;position:relative}.blog-cta:before,.blog-cta:after{content:"";border-radius:inherit;pointer-events:none;position:absolute}.blog-cta:before{z-index:-2;background:var(--showroom-line);inset:0}.blog-cta:after{z-index:-1;border-radius:calc(var(--r-xl) - 1.5px);background:radial-gradient(90% 120% at 100% 0%, #4cd08a24, transparent 60%), linear-gradient(160deg, var(--showroom-800), var(--showroom-950));inset:1.5px}.blog-cta h2{font-family:var(--font-serif);letter-spacing:-.015em;color:var(--on-dark);margin:0;font-size:clamp(32px,3.2vw,44px);font-weight:400;line-height:1.05}.blog-cta p{max-width:56ch;font-size:var(--fs-17);color:var(--on-dark-2);margin:0;line-height:1.65}.blog-cta-actions{flex-wrap:wrap;gap:12px;margin-top:6px;display:flex}.blog-related{border-top:1px solid var(--line-200);margin-top:clamp(56px,6vw,88px);padding-top:32px}.blog-related .blog-grid{margin-top:0}.blog-progress{z-index:60;pointer-events:none;height:2px;position:fixed;top:0;left:0;right:0}.blog-progress-fill{height:100%;transform:scaleX(var(--read,0));transform-origin:0;background:linear-gradient(90deg, #4cd08a40, var(--lamp-600));box-shadow:0 0 10px #4cd08a8c}.blog-progress-head{background:var(--lamp-on-dark);width:6px;height:6px;transform:translateX(calc(var(--read,0) * 100vw - 3px));opacity:var(--head,0);border-radius:50%;position:absolute;top:-2px;left:0;box-shadow:0 0 10px 2px #6fe0a0b3}.blog-side .blog-toc-list{padding-left:16px;position:relative}.blog-side .blog-toc-list:before,.blog-side .blog-toc-list:after{content:"";border-radius:2px;width:2px;position:absolute;top:6px;left:4px}.blog-side .blog-toc-list:before{background:var(--line-200);bottom:6px}.blog-side .blog-toc-list:after{height:var(--toc-fill,0px);background:linear-gradient(var(--lamp-600), var(--lamp-500));box-shadow:0 0 8px var(--lamp-halo);transition:height .32s var(--ease)}.blog-toc-list li{position:relative}.blog-side .blog-toc-list li[data-active]:before{content:"";background:var(--lamp-500);width:10px;height:10px;box-shadow:0 0 0 4px var(--lamp-halo);border-radius:50%;margin-top:-5px;position:absolute;top:50%;left:-16px}.blog-toc-list li[data-active]>a{background:var(--rail-active);color:var(--ink-950);font-weight:600}.blog-toc-list li[data-active]>a:before{color:var(--lamp-700)}.blog-card .blog-photo-frame>img{transition:transform .7s var(--ease-out)}.blog-card-link:hover .blog-photo-frame>img,.blog-card-link:focus-visible .blog-photo-frame>img{transform:scale(1.04)}.blog-card .blog-photo-frame:after{content:"";background:linear-gradient(90deg, transparent, var(--lamp-on-dark), transparent);opacity:0;width:40%;height:2px;position:absolute;bottom:0;left:0;transform:translate(-100%)}.blog-card-link:hover .blog-photo-frame:after,.blog-card-link:focus-visible .blog-photo-frame:after{opacity:1;animation:blog-signal 1.6s var(--ease) infinite}@keyframes blog-signal{to{transform:translate(250%)}}.blog-index-head:before{content:"";background:linear-gradient(90deg, transparent, var(--lamp-on-dark), transparent);opacity:0;width:160px;height:1px;animation:blog-wire 7s var(--ease) infinite;position:absolute;bottom:-1px;left:0;box-shadow:0 0 8px #6fe0a099}@keyframes blog-wire{0%{opacity:0;left:0}8%{opacity:1}55%{opacity:1;left:calc(100% - 160px)}60%,to{opacity:0;left:calc(100% - 160px)}}@property --blog-orbit{syntax:"<angle>";inherits:false;initial-value:0deg}.blog-cta:before{background:conic-gradient(from var(--blog-orbit), #ffffff1a 0 64%, #6fe0a0f2 84%, #ffffff1a 98%);filter:drop-shadow(0 0 6px #6fe0a073);animation:7s linear infinite blog-orbit}@keyframes blog-orbit{to{--blog-orbit:360deg}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.blog-card{animation:linear both blog-rise;animation-timeline:view();animation-range:entry entry 70%}}}@keyframes blog-rise{0%{opacity:0;transform:translateY(24px)}}@media print{.blog-card{animation:none}}@media (max-width:1100px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1000px){.blog-layout{grid-template-columns:minmax(0,1fr)}.blog-side{display:none}.blog-toc-phone{display:block}}@media (max-width:860px){.blog-card-featured .blog-card-link{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr)}.blog-card-featured .blog-photo{min-height:0;position:static}.blog-card-featured .blog-photo-frame{aspect-ratio:16/9;border-right:0;border-bottom:1px solid var(--showroom-line);position:relative;inset:auto}}@media (max-width:640px){.blog-author-head,.blog-author-box{grid-template-columns:minmax(0,1fr);gap:14px}.blog-avatar-xl{width:72px;height:72px;box-shadow:0 0 0 6px var(--lamp-tint);font-size:24px}.blog-author-box{padding:20px}.blog-post-head>.blog-photo .blog-photo-frame{aspect-ratio:16/9}.blog-grid{grid-template-columns:minmax(0,1fr);gap:18px;margin-top:18px}.blog-post-head h1{font-size:38px}.blog-body{font-size:17px;line-height:1.7}.blog-body h2{margin-top:44px}.blog-code{margin-inline:-4px;padding:16px;font-size:14px}.blog-practise{padding:20px}.blog-practise-lists{grid-template-columns:minmax(0,1fr)}.blog-cta-actions{width:100%;display:grid}.blog-cta-actions .btn{justify-content:center}.blog-photo-tag{top:12px;left:14px}.blog-photo-mark{bottom:12px;left:14px}}@media (prefers-reduced-motion:reduce){.blog-progress-head,.blog-index-head:before,.blog-card .blog-photo-frame:after{display:none}.blog-cta:before{background:var(--showroom-line);filter:none;animation:none}.blog-card .blog-photo-frame>img,.blog-side .blog-toc-list:after{transition:none}.blog-card-link:hover .blog-photo-frame>img,.blog-card-link:focus-visible .blog-photo-frame>img{transform:none}}
.cookie-banner{z-index:300;border:1px solid var(--line-300);border-radius:var(--r-md);background:var(--bg-850);width:min(420px,100vw - 40px);color:var(--ink-800);box-shadow:var(--shadow-2), 0 22px 48px -20px #000000a6;padding:16px 18px;position:fixed;bottom:20px;left:20px}.cookie-banner p{margin:0 0 14px;font-size:14px;line-height:1.5}.cookie-banner strong{color:var(--ink-950);margin-bottom:4px;font-size:15px;display:block}.cookie-banner-actions{gap:8px;display:flex}.cookie-banner-actions .btn{flex:1}.page-footer .page-footer-cookies{appearance:none;color:var(--ink-500);font:inherit;cursor:pointer;transition:color .14s var(--ease);background:0 0;border:0;padding:0}.page-footer .page-footer-cookies:hover{color:var(--ink-950)}@media (max-width:600px){.cookie-banner{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));width:auto}}.cookie-banner a{color:inherit;text-underline-offset:3px;text-decoration:underline}