@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/css/fonts/ibm-plex-mono-400-latin.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/css/fonts/ibm-plex-mono-500-latin.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/css/fonts/ibm-plex-mono-600-latin.woff2)format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/css/fonts/ibm-plex-mono-700-latin.woff2)format("woff2")}:root{--accent:#4a9eff;--accent-soft:#4a9eff1f;--green:#34c759;--money:#3ddc84;--red:#ff453a;--orange:#ff9f0a;--yellow:#ffd60a;--purple:#bf5af2;--bg:#0b0c0f;--bg-raised:#121419;--bg-card:#171a20;--border:#262a32;--border-strong:#353a44;--text:#eceef1;--text-secondary:#b3b8c1;--text-muted:#757c88;--mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--radius:10px;--radius-lg:16px;--page:1080px;--gutter:clamp(16px, 4vw, 32px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}body{background:var(--bg);color:var(--text);font-family:var(--sans);flex-direction:column;min-height:100vh;font-size:17px;line-height:1.6;display:flex;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:var(--accent)}a:hover{color:#7dbaff}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}main{flex:1}.wrap{width:100%;max-width:var(--page);padding:0 var(--gutter);margin:0 auto}.mono{font-family:var(--mono)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-header{z-index:50;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0b0c0fdb;position:sticky;top:0}.site-header .wrap{justify-content:space-between;align-items:center;gap:16px;min-height:60px;display:flex}.logo{font-family:var(--mono);letter-spacing:.04em;color:var(--text);white-space:nowrap;font-size:1.05rem;font-weight:700;text-decoration:none}.logo span{color:var(--accent)}.site-nav{align-items:center;gap:4px;display:flex}.site-nav a{font-family:var(--mono);color:var(--text-secondary);border-radius:8px;padding:8px 10px;font-size:.85rem;text-decoration:none}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--text);background:var(--bg-card)}.site-nav a.nav-play{color:#fff;background:var(--accent);margin-left:6px;font-weight:700}.site-nav a.nav-play:hover{background:#63adff}.lang-select{margin-left:6px;position:relative}.lang-select summary{cursor:pointer;font-family:var(--mono);color:var(--text-secondary);border:1px solid var(--border);border-radius:8px;padding:7px 10px;font-size:.8rem;list-style:none}.lang-select summary::-webkit-details-marker{display:none}.lang-select[open] summary{color:var(--text);border-color:var(--border-strong)}.lang-menu{background:var(--bg-raised);border:1px solid var(--border-strong);border-radius:var(--radius);min-width:150px;padding:6px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 16px 40px #00000080}.lang-menu a{color:var(--text-secondary);border-radius:6px;padding:8px 10px;font-size:.85rem;text-decoration:none;display:block}.lang-menu a:hover,.lang-menu a[aria-current=true]{color:var(--text);background:var(--bg-card)}@media (width<=640px){.site-nav .nav-hide-sm{display:none}}.btn{min-height:48px;font-family:var(--mono);border:1px solid var(--border-strong);color:var(--text);background:var(--bg-card);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:.95rem;font-weight:700;text-decoration:none;transition:transform .12s,background .15s,border-color .15s;display:inline-flex}.btn:hover{color:var(--text);border-color:var(--text-muted)}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 8px 30px #4a9eff40}.btn-primary:hover{color:#fff;background:#63adff}.section{padding:clamp(56px,9vw,104px) 0}.section+.section{border-top:1px solid var(--border)}.eyebrow{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);font-size:.72rem;font-weight:700}.section-head{max-width:640px;margin-bottom:40px}.section-head h2{font-family:var(--mono);letter-spacing:-.01em;margin:8px 0 12px;font-size:clamp(1.6rem,4vw,2.2rem);line-height:1.15}.section-head p{color:var(--text-secondary);font-size:1.05rem}.hero{padding:clamp(48px,9vw,96px) 0 clamp(40px,7vw,72px);position:relative;overflow:hidden}.hero:before{content:"";z-index:-1;background:radial-gradient(60% 50% at 70% 30%,#4a9eff2e,#0000 70%),radial-gradient(40% 40% at 15% 70%,#bf5af21a,#0000 70%);height:120%;position:absolute;inset:-20% -10% auto}.hero .wrap{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(28px,5vw,64px);display:grid}.hero-title{font-family:var(--mono);letter-spacing:.02em;margin:14px 0 10px;font-size:clamp(3rem,10vw,5.6rem);font-weight:700;line-height:.95}.hero-title span{display:inline-block}.hero-title .warz{color:var(--accent);text-shadow:0 0 40px #4a9eff59}.hero-tagline{font-family:var(--mono);color:var(--text-secondary);letter-spacing:.16em;text-transform:uppercase;margin-bottom:20px;font-size:.9rem}.hero-lede{color:var(--text-secondary);max-width:34em;margin-bottom:28px;font-size:1.15rem}.hero-ctas{flex-wrap:wrap;gap:12px;margin-bottom:22px;display:flex}.counter{font-family:var(--mono);color:var(--text-muted);align-items:center;gap:8px;font-size:.8rem;display:inline-flex}.counter b{color:var(--text);font-weight:700}.counter small{opacity:.75;font-size:.7rem}.counter{flex-wrap:wrap}.counter .dot{background:var(--money);border-radius:50%;width:8px;height:8px;animation:2.4s ease-in-out infinite blink;box-shadow:0 0 0 4px #3ddc8426}@keyframes blink{50%{opacity:.35}}.hero-shots{min-height:420px;position:relative}.shot{border-radius:var(--radius-lg);border:1px solid var(--border-strong);background:var(--bg-raised);overflow:hidden;box-shadow:0 30px 80px #0009}.hero-shots .shot-desktop{width:100%;transform:rotate(-1.5deg)}.hero-shots .shot-phone{border-width:4px;border-color:#20242b;border-radius:26px;width:38%;position:absolute;bottom:-8%;right:-2%;transform:rotate(3deg)}@media (width<=860px){.hero .wrap{grid-template-columns:minmax(0,1fr)}.hero-shots{min-height:0;margin-top:8px;padding-bottom:12%}}.steps{gap:clamp(36px,6vw,72px);display:grid}.step{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,56px);display:grid}.step .shot:not(.phone){width:100%}.step:nth-child(2n) .step-text{order:2}.step-num{font-family:var(--mono);color:var(--accent);background:var(--accent-soft);border-radius:20px;margin-bottom:12px;padding:4px 10px;font-size:.8rem;font-weight:700;display:inline-block}.step h3{font-family:var(--mono);margin-bottom:10px;font-size:clamp(1.3rem,3vw,1.6rem);line-height:1.2}.step p{color:var(--text-secondary);font-size:1.05rem}.step .shot{max-width:520px}.step .shot.phone{border-radius:24px;max-width:260px;margin:0 auto}@media (width<=760px){.step{grid-template-columns:minmax(0,1fr)}.step:nth-child(2n) .step-text{order:0}}.features{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.feature{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px}.feature-icon{background:var(--accent-soft);width:40px;height:40px;color:var(--accent);border-radius:12px;place-items:center;margin-bottom:14px;display:grid}.feature-icon svg{width:22px;height:22px}.feature h3{font-family:var(--mono);margin-bottom:6px;font-size:1rem}.feature p{color:var(--text-secondary);font-size:.95rem}.facts{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:40px;display:grid}.facts-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.fact{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.fact b{font-family:var(--mono);color:var(--text);font-size:2rem;line-height:1.1;display:block}.fact span{color:var(--text-muted);font-size:.85rem}@media (width<=760px){.facts{grid-template-columns:minmax(0,1fr)}}.post-list{gap:14px;display:grid}.post-list.grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.post-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);color:inherit;flex-direction:column;text-decoration:none;transition:border-color .15s,transform .15s;display:flex;overflow:hidden}.post-card:hover{border-color:var(--border-strong);color:inherit;transform:translateY(-2px)}.post-card img{aspect-ratio:16/9;object-fit:cover;border-bottom:1px solid var(--border);width:100%}.post-card-body{flex-direction:column;gap:8px;padding:18px 20px 20px;display:flex}.post-meta{font-family:var(--mono);color:var(--text-muted);letter-spacing:.04em;font-size:.72rem}.post-card h3,.post-card h2{font-family:var(--mono);color:var(--text);font-size:1.08rem;line-height:1.3}.post-card p{color:var(--text-secondary);font-size:.95rem}.post-card.featured{grid-template-columns:1.2fr 1fr;display:grid}.post-card.featured img{aspect-ratio:auto;border-bottom:0;border-right:1px solid var(--border);height:100%}.post-card.featured h2{font-size:1.45rem}@media (width<=760px){.post-card.featured{grid-template-columns:1fr}.post-card.featured img{border-right:0;border-bottom:1px solid var(--border);aspect-ratio:16/9}}.teaser{border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(135deg,#bf5af21a,#4a9eff0f);grid-template-columns:1fr auto;align-items:center;gap:24px;padding:clamp(22px,4vw,36px);display:grid}.teaser h2{font-family:var(--mono);margin:6px 0 8px;font-size:1.4rem}.teaser p{color:var(--text-secondary);max-width:40em}@media (width<=640px){.teaser{grid-template-columns:1fr}}.final-cta{text-align:center}.final-cta h2{font-family:var(--mono);margin-bottom:10px;font-size:clamp(2rem,6vw,3.2rem)}.final-cta p{color:var(--text-secondary);margin-bottom:26px}.site-footer{border-top:1px solid var(--border);padding:36px 0 calc(36px + env(safe-area-inset-bottom));color:var(--text-muted);font-size:.85rem}.site-footer .wrap{gap:14px;display:grid}.footer-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-links{flex-wrap:wrap;gap:16px;display:flex}.footer-links a{color:var(--text-secondary);font-family:var(--mono);font-size:.8rem;text-decoration:none}.footer-links a:hover{color:var(--text)}.footer-note{font-size:.78rem}.translation-note{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);border-radius:8px;padding:8px 12px;font-size:.8rem}.article-head{padding:clamp(40px,7vw,80px) 0 28px}.article-head .wrap,.article-body.wrap{max-width:760px}.article-head h1{font-family:var(--mono);letter-spacing:-.01em;margin:12px 0 16px;font-size:clamp(1.9rem,5vw,2.8rem);line-height:1.12}.article-dek{color:var(--text-secondary);font-size:1.22rem;line-height:1.55}.article-byline{font-family:var(--mono);color:var(--text-muted);flex-wrap:wrap;gap:6px 14px;margin-top:18px;font-size:.75rem;display:flex}.article-cover{max-width:1000px;padding:0 var(--gutter);margin:0 auto 8px}.article-cover img{border-radius:var(--radius-lg);border:1px solid var(--border)}.takeaways{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);margin:28px 0 8px;padding:18px 22px}.takeaways h2{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)!important;margin:0 0 10px!important;font-size:.75rem!important}.takeaways ul{padding-left:1.1em;margin:0!important}.takeaways li{color:var(--text);margin:6px 0!important}.toc{margin:24px 0 8px;font-size:.9rem}.toc summary{cursor:pointer;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:.78rem}.toc ol{color:var(--text-secondary);margin:10px 0 0 1.2em}.toc a{color:var(--text-secondary);text-decoration:none}.toc a:hover{color:var(--text)}.prose{color:#d4d8de;padding-bottom:48px;font-size:1.07rem;line-height:1.75}.prose>*+*{margin-top:1.1em}.prose h2{font-family:var(--mono);color:var(--text);margin-top:2.4em;scroll-margin-top:80px;font-size:1.45rem;line-height:1.25}.prose h3{font-family:var(--mono);color:var(--text);margin-top:1.9em;scroll-margin-top:80px;font-size:1.12rem}.prose h2+*,.prose h3+*{margin-top:.6em}.prose a{text-underline-offset:3px}.prose strong{color:var(--text)}.prose ul,.prose ol{padding-left:1.3em}.prose li+li{margin-top:.35em}.prose li::marker{color:var(--text-muted)}.prose blockquote{border-left:3px solid var(--purple);color:var(--text-secondary);padding:4px 0 4px 18px;font-style:italic}.prose code{font-family:var(--mono);background:var(--bg-card);border:1px solid var(--border);border-radius:5px;padding:.1em .35em;font-size:.86em}.prose pre{border-radius:var(--radius);border:1px solid var(--border);padding:16px 18px;font-size:.85rem;line-height:1.6;overflow-x:auto}.prose pre code{font-size:inherit;background:0 0;border:0;padding:0}.prose hr{border:0;border-top:1px solid var(--border);margin:2.5em 0}.prose img{border-radius:var(--radius);border:1px solid var(--border)}.prose .table-wrap,.prose table{display:block;overflow-x:auto}.prose table{border-collapse:collapse;width:max-content;max-width:100%;font-size:.92rem}.prose th,.prose td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:9px 14px 9px 0}.prose th{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:.75rem;font-weight:600}.figure{margin:2em 0}.figure img{width:100%}.figure.phone img{border-radius:22px;max-width:340px;margin:0 auto}.figure.pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.figure.pair figcaption{grid-column:1/-1}.figure figcaption{color:var(--text-muted);text-align:center;margin-top:10px;font-size:.88rem;line-height:1.5}@media (width<=560px){.figure.pair{grid-template-columns:1fr}}.callout{border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--accent);padding:16px 18px}.callout.warn{border-left-color:var(--orange)}.callout.good{border-left-color:var(--green)}.callout>:first-child{margin-top:0}.callout-title{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px;font-size:.78rem}.stat-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:1.6em 0;display:grid}.stat{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.stat b{font-family:var(--mono);color:var(--text);font-size:1.5rem;line-height:1.15;display:block}.stat span{color:var(--text-muted);font-size:.82rem}.article-foot{border-top:1px solid var(--border);padding:28px 0 56px}.article-foot .wrap{gap:18px;max-width:760px;display:grid}.next-prev{grid-template-columns:1fr 1fr;gap:12px;display:grid}.next-prev a{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--mono);padding:14px 16px;font-size:.9rem;text-decoration:none;display:block}.next-prev a span{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-size:.7rem;display:block}.next-prev a.next{text-align:right;grid-column:2}@media (width<=560px){.next-prev{grid-template-columns:1fr}.next-prev a.next{grid-column:auto}}