:root:root { --primary: #f26a1b; --secondary: #a33d05; --accent: #a33d05; --background: #f5f2ea; --surface: #ffffff; --text: #17150f; --text-muted: #4b473d; --border: #d6cfbe; --success: #1f7a43; --warning: #c9790f; --error: #b23a0e; --radius-sm: 6px; --radius-md: 12px; --radius-lg: 16px; --radius-pill: 9999px; --shadow-sm: 0 1px 2px rgba(0,0,0,0.06); --shadow-md: 0 4px 12px rgba(0,0,0,0.08); --shadow-lg: 0 12px 32px rgba(0,0,0,0.12); --font-heading: 'Archivo', 'Arial Narrow', system-ui, sans-serif; --font-body: 'IBM Plex Sans', system-ui, sans-serif; --font-size: 17px; --line-height: 1.55; }
:root:root[data-theme="dark"] { --primary: #FF7A2E; --secondary: #FF9B5E; --accent: #FF9B5E; --background: #13120E; --surface: #1C1A15; --text: #F3EFE6; --text-muted: #BDB5A5; --border: #3A362C; --error: #FF7A5C; --success: #4CC37A; --warning: #E8A33A; }

html,body{margin:0}
.z{--bg:var(--background);--ink:var(--text);--ink-2:var(--text-muted);--line:var(--border);--accent-ink:var(--secondary);--surface-2:color-mix(in oklab,var(--text) 8%,var(--surface));--accent-hover:color-mix(in oklab,var(--primary) 86%,#000);--on-accent:#17150F;--band:#17150F;font-family:'IBM Plex Sans',system-ui,sans-serif;font-size:17px;line-height:1.55;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}
.z *{box-sizing:border-box}
.z h1,.z h2,.z h3,.z h4{font-family:'Archivo','Arial Narrow',system-ui,sans-serif;font-stretch:112%;font-weight:800;letter-spacing:-0.025em;line-height:1.04;margin:0;text-wrap:balance;color:inherit;text-transform:none}
.z p{margin:0;text-wrap:pretty}
.z ul,.z ol{margin:0;padding:0;list-style:none}
.z a{color:var(--accent-ink)}
.z :focus-visible{outline:3px solid var(--primary);outline-offset:3px;border-radius:4px}
.z .wrap{width:100%;max-width:1240px;margin:0 auto;padding-left:32px;padding-right:32px}
.z .eyebrow{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:13px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--accent-ink)}
.z .mono{font-family:'IBM Plex Mono',ui-monospace,monospace}
.z .muted{color:var(--ink-2)}
.z .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:6px;font-weight:600;font-size:17px;text-decoration:none;border:2px solid transparent;cursor:pointer;font-family:inherit;white-space:nowrap;transition:background .15s ease,color .15s ease}
.z .btn-p{background:var(--primary);color:var(--on-accent)}
.z .btn-p:hover{background:var(--accent-hover);color:var(--on-accent)}
.z .btn-s{border-color:var(--ink);color:var(--ink);background:transparent}
.z .btn-s:hover{background:var(--ink);color:var(--bg)}
.z .btn-dark{background:#17150F;color:#F5F2EA}
.z .btn-dark:hover{background:#000;color:#fff}
.z .btn-line{border-color:#17150F;color:#17150F;background:transparent}
.z .btn-line:hover{background:#17150F;color:#F5F2EA}
.z .ic{width:24px;height:24px;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.z .photo{position:relative;overflow:hidden;background-color:var(--surface-2)}
.z .photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.z .card{background:var(--surface);border:1px solid var(--line);border-radius:12px}
.z .split{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(440px,100%),1fr));gap:56px;align-items:center}
.z .grid-auto{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(min(var(--min,300px),100%),1fr))}
.z .sec{padding-top:104px;padding-bottom:104px}
.z .head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:44px}
.z .head>div{display:flex;flex-direction:column;gap:16px;max-width:760px}
.z .h2{font-size:clamp(34px,4.6vw,60px)}
.z .h1{font-size:clamp(44px,6.6vw,88px);font-weight:900}
.z .lede{font-size:clamp(18px,1.6vw,21px);line-height:1.5;color:var(--ink-2);max-width:640px}
.z.band,.z .band{background:#17150F;color:#F3EFE6}
.z.band .eyebrow,.z .band .eyebrow{color:#FF9B5E}
.z.band h2,.z.band h3,.z .band h2,.z .band h3{color:#F3EFE6}
.z.band .muted,.z .band .muted{color:#BDB5A5}
.z .band-card{background:#22201A;border:1px solid #3A362C;border-radius:14px}
.z.orange,.z .orange{background:var(--primary);color:#17150F}
.z.orange h2,.z.orange p,.z .orange h2,.z .orange p{color:#17150F}
.z.surface,.z .surface{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.z .quote{font-family:'Archivo',sans-serif;font-stretch:108%;font-weight:700;font-size:clamp(21px,2vw,26px);line-height:1.2;letter-spacing:-0.01em}
.z .big-num{font-family:'Archivo',sans-serif;font-stretch:120%;font-weight:900;font-size:56px;line-height:1;color:var(--accent-ink)}
.z .tags{display:flex;flex-wrap:wrap;gap:8px}
.z .tags li{font-size:14px;padding:6px 12px;border-radius:6px;background:var(--surface-2);color:var(--ink)}
.z .chip{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--line);color:var(--ink);text-decoration:none;font-size:15px;font-weight:500;background:var(--surface);white-space:nowrap}
.z .chip:hover{border-color:var(--ink);color:var(--ink)}
.z .tile{display:flex;flex-direction:column;text-decoration:none;color:var(--ink);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.z .tile:hover{transform:translateY(-3px);box-shadow:0 18px 30px -22px rgba(23,21,15,.5);color:var(--ink)}
.z .post{display:flex;flex-direction:column;gap:14px;text-decoration:none;color:var(--ink)}
.z .post:hover h3,.z .post:hover h2{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.z .rowlist>li{display:grid;grid-template-columns:96px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);align-items:baseline}
.z .mock{background:#FFFFFF;color:#17150F;border:1px solid #D6CFBE;border-radius:14px;box-shadow:0 30px 60px -36px rgba(23,21,15,.45);width:100%;max-width:440px;font-family:'IBM Plex Sans',system-ui,sans-serif;overflow:hidden}
.z .mock h3,.z .mock h4{color:#17150F}
.z .mock .mono{color:inherit}
.z .ph-note{background:color-mix(in oklab,var(--primary) 16%,var(--surface));color:var(--ink);padding:14px 16px;border-radius:8px;font-family:'IBM Plex Mono',monospace;font-size:14px}
.z.zh{position:-webkit-sticky;position:sticky;top:0;z-index:60;border-bottom:1px solid var(--line);background:var(--bg);transition:box-shadow .2s ease}
.z.zh.is-stuck{box-shadow:0 10px 28px -20px rgba(23,21,15,.55)}
html.zx-lock .z.zh{z-index:10000}
.z .zh-in{display:flex;align-items:center;gap:20px;min-height:76px}
.z .logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);min-height:44px}
.z .logo-img{width:38px;height:38px;display:block;flex:none;object-fit:contain}
.z .logo-word{font-family:'Archivo',sans-serif;font-weight:800;font-stretch:118%;font-size:21px;letter-spacing:-0.03em;color:var(--ink)}
.z .logo-word span{color:var(--accent-ink)}
.z .nav-links{display:flex;align-items:center;gap:2px;margin-left:12px}
.z .nl{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border-radius:6px;color:var(--ink);text-decoration:none;font-weight:500;font-size:16px;cursor:pointer;list-style:none;white-space:nowrap;background:none;border:0;font-family:inherit}
.z .nl:hover{background:var(--surface-2);color:var(--ink)}
.z .nl[aria-current="page"]{box-shadow:inset 0 -3px 0 var(--primary);border-radius:0}
.z .dd{position:relative}
.z .dd summary::-webkit-details-marker{display:none}
.z .dd summary{list-style:none}
.z .dd-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:70;min-width:280px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:8px;box-shadow:0 18px 40px -18px rgba(23,21,15,.35);display:flex;flex-direction:column}
.z .dd-menu a{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 12px;border-radius:6px;color:var(--ink);text-decoration:none;font-weight:500}
.z .dd-menu a:hover{background:var(--surface-2)}
.z .zh-right{display:flex;align-items:center;gap:8px;margin-left:auto}
.z .icon-btn{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:6px;border:2px solid var(--line);background:transparent;color:var(--ink);cursor:pointer}
.z .nav-menu{display:none}
html.zx-lock,html.zx-lock body{overflow:hidden}
.z .mnav{position:fixed;top:0;right:0;bottom:0;z-index:90;width:min(380px,88vw);height:100vh;height:100dvh;display:flex;flex-direction:column;background:var(--bg);border-left:1px solid var(--line);box-shadow:-28px 0 56px -28px rgba(0,0,0,.5);padding:0 20px 28px;overflow-y:auto;overscroll-behavior:contain;transform:translateX(100%);visibility:hidden;transition:transform .32s cubic-bezier(.2,.8,.2,1),visibility 0s linear .32s}
.z .mnav.open{transform:none;visibility:visible;transition:transform .32s cubic-bezier(.2,.8,.2,1)}
.z .mnav-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:76px;margin-bottom:8px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:1;background:var(--bg)}
.z .mnav-top .logo{min-height:44px}
.z .zx-scrim{position:fixed;inset:0;z-index:85;background:rgba(23,21,15,.55);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s linear .3s}
.z .zx-scrim.open{opacity:1;visibility:visible;transition:opacity .3s ease}
.z .mnav>a,.z .mnav .sub a{display:flex;align-items:center;min-height:48px;padding:0 4px;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none;font-weight:600;font-size:17px}
.z .mnav .sub a{padding-left:20px;font-weight:500;font-size:16px}
.z .mnav a.mnav-cta{justify-content:center;margin-top:16px;border:0;border-radius:6px;background:var(--primary);color:#17150F}
.z.zf{background:#17150F;color:#F3EFE6}
.z.zf a{color:#D8D1C2;text-decoration:none}
.z.zf a:hover{color:#FFFFFF;text-decoration:underline}
.z.zf .logo-word{color:#F3EFE6}
.z.zf .logo-word span{color:#FF9B5E}
.z .fcol{display:flex;flex-direction:column;gap:16px}
.z .fcol h2{font-family:'IBM Plex Mono',monospace;font-stretch:100%;font-size:13px;letter-spacing:.09em;text-transform:uppercase;color:#FF9B5E;font-weight:600}
.z .fcol ul{display:flex;flex-direction:column;gap:10px;font-size:15px}
@media (max-width:1180px){.z .nav-links{display:none!important}.z .nav-menu{display:inline-flex!important}}
@media (max-width:960px){.z .hide-md{display:none!important}}
@media (min-width:1181px){.z .mnav,.z .zx-scrim{display:none!important}}
@media (max-width:600px){.z .wrap{padding-left:16px;padding-right:16px}.z .hide-sm{display:none!important}.z{font-size:16px}.z .sec{padding-top:72px;padding-bottom:72px}.z .rowlist>li{grid-template-columns:80px 1fr}}
@media (max-width:480px){.z .zh-in{gap:12px}.z .zh-right .btn-p{display:none}}
@media (prefers-reduced-motion:reduce){.z *{animation:none!important;transition:none!important}}
.z h1{overflow-wrap:break-word}
.z .split h1{font-size:clamp(42px,4.9vw,72px)!important}
.z [data-theme-toggle] .ic-moon{display:none}
[data-theme="dark"] .z [data-theme-toggle] .ic-sun{display:none}
[data-theme="dark"] .z [data-theme-toggle] .ic-moon{display:block}