@font-face{font-family:"Onest";src:url(/fonts/Onest.ttf);font-weight:100 900;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url(/fonts/JetBrainsMono.ttf);font-weight:100 800;font-display:swap}
:root{color-scheme:light dark;--bg:#F4EFE4;--card:#FCFAF4;--raised:#ECE5D3;--ink:#1B1810;--sub:#5E574A;--line:#DDD5C3;--acc:#5FAF2C;--acct:#386D11;--onacc:#1B1810;--off:#B9AF98;--incbg:#1B1810;--incfg:#fff;--inclab:#F2C14E;--lift:0 10px 20px rgba(27,24,16,.18)}
@media (prefers-color-scheme:dark){:root{--bg:#17140F;--card:#221E17;--raised:#2E281F;--ink:#F4EFE4;--sub:#B8AF9B;--line:#3A3428;--acct:#8FD35A;--onacc:#17140F;--off:#746B58;--incbg:#F4EFE4;--incfg:#17140F;--inclab:#8A4B00;--lift:0 10px 20px rgba(0,0,0,.5)}}
.dw{width:1200px;max-width:100%;margin:0 auto;min-height:100vh;box-sizing:border-box;background:var(--bg);color:var(--ink);font:500 17px/1.5 'Onest',system-ui,sans-serif;padding:24px 48px 32px;border-radius:0}
.dw *{box-sizing:border-box}
.dw a{color:var(--acct);text-underline-offset:3px}.dw a:hover{color:var(--ink)}
.dw-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 0 24px;border-bottom:1px solid var(--line)}
.dw-brand{display:flex;align-items:center;gap:12px;font:800 24px 'Onest';letter-spacing:-.5px;color:var(--ink)!important;text-decoration:none}
.dw-ico{width:44px;height:44px;border-radius:10px;overflow:hidden;display:block;background:var(--acc)}.dw-ico img{width:44px;height:44px;margin:-2px}
.dw-links{display:flex;gap:24px;font:700 15px 'Onest'}.dw-links a{color:var(--ink);text-decoration:none}.dw-links a:hover{color:var(--acct)}
.dw-mono{font:700 13px 'JetBrains Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--sub)}
.dw-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:48px;align-items:center;padding:48px 0}
.dw h1{font:800 72px/0.98 'Onest';letter-spacing:-3px;margin:0 0 16px}
.dw h2{font:800 34px/1.05 'Onest';letter-spacing:-1px;margin:0 0 12px}
.dw h3{font:700 20px/1.2 'Onest';margin:0 0 8px}
.dw p{margin:0 0 16px}.dw .sub{color:var(--sub)}
.dw-tag{font:500 24px/1.3 'Onest';max-width:520px;margin:0 0 32px}
.dw-badge{display:inline-block}.dw-badge img{width:162px;height:54px}
.dw-phone{width:300px;margin:0 auto;padding:8px;background:var(--ink);border-radius:44px;box-shadow:0 1px 0 var(--line),0 8px 0 -1px var(--raised),var(--lift)}
.dw-phone div{width:284px;height:616px;border-radius:36px;background:var(--card);overflow:hidden}.dw-phone img{width:284px;height:616px}
.dw-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:16px 0 24px}
.dw-tile{position:relative;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:24px;box-shadow:0 1px 0 var(--line),0 5px 0 -1px var(--raised);display:flex;flex-direction:column;gap:8px;min-width:0}
.dw-tile.inc{background:var(--incbg);color:var(--incfg);border-color:transparent;box-shadow:var(--lift);transform:translateY(-6px)}
.dw-tile.inc .dw-mono{color:var(--inclab)}.dw-tile.inc .sub{color:inherit}
.dw-gear{display:flex;gap:8px;margin-bottom:8px}
.dw-gear div{width:76px;height:76px;border:2px solid var(--acc);border-radius:10px;background:var(--bg);display:grid;place-items:center}
.dw-gear img{width:56px;height:56px}.dw-gear div{flex:none}
.dw-count{font:800 40px/1.05 'Onest';letter-spacing:-1.5px}
.dw-wshot{width:100%;height:150px;border:1px solid var(--line);border-radius:10px;overflow:hidden}.dw-wshot img{width:100%;height:150px}
.dw-pro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:32px;align-items:center;margin-bottom:32px}
.dw-pro ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dw-pro li{display:flex;gap:12px;align-items:baseline;font:700 17px/1.3 'Onest'}.dw-pro li:before{content:'';flex:none;width:12px;height:12px;border-radius:6px;background:var(--acc);border:1.5px solid var(--acct)}
.dw-foot{display:flex;flex-wrap:wrap;gap:16px 32px;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid var(--line);font:500 15px 'Onest';color:var(--sub)}
.dw-foot nav{display:flex;gap:24px;flex-wrap:wrap}
.dw-doc{max-width:720px;padding:48px 0 32px}
.dw-doc .dw-tile{margin-bottom:16px}
.dw-doc .dw-tile p{margin:0}
.dw-btn{display:inline-flex;align-items:center;height:54px;padding:0 24px;border-radius:10px;background:var(--acc);color:var(--onacc)!important;font:700 17px 'Onest';text-decoration:none}
@media (max-width:820px){.dw{padding:16px 20px 24px}.dw-hero,.dw-pro{grid-template-columns:1fr}.dw-grid{grid-template-columns:1fr}.dw h1{font-size:48px}.dw-pro ul{grid-template-columns:1fr}.dw-tile.inc{transform:none}}
body{margin:0;background:var(--bg)}
.dw-wshot img{object-fit:cover;object-position:top}
.dw-phone img{display:block}
.dw a:focus-visible{outline:3px solid var(--acct);outline-offset:3px}
.dark{display:none}
@media (prefers-color-scheme:dark){.light{display:none}.dark{display:block}}
