@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url('fonts/inter-latin.woff2') format('woff2');}
@font-face{font-family:'Raleway';font-style:normal;font-weight:700 900;font-display:swap;src:url('fonts/raleway-latin.woff2') format('woff2');}
*{box-sizing:border-box;}
:root{--g:#729f1a;--gd:#5a7f12;--gl:#eef4e3;--gb:#9fcb45;--ink:#3a3838;--ink2:#484646;--mid:#6b6969;--line:#d9dcd3;--cream:#f7f7f3;--paper:#f1f1ec;--nav:280px;}
html{scroll-behavior:smooth;scroll-padding-top:24px;}
body{margin:0;font-family:'Inter',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji';color:var(--ink);background:var(--paper);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;}
img{max-width:100%;}
a{color:var(--gd);}
.skip{position:absolute;left:-999px;top:8px;background:#fff;padding:8px 12px;z-index:10;}
.skip:focus{left:8px;}

/* Hero */
.hero{position:relative;color:#fff;background:linear-gradient(160deg,#5f8615 0%,#729f1a 52%,#484646 52.2%,#3a3838 100%);overflow:hidden;}
.hero-inner{max-width:1180px;margin:0 auto;padding:56px 32px 64px;}
.hero-logo{height:48px;width:auto;display:block;margin-bottom:64px;}
.hero-kicker{font-family:'Raleway',sans-serif;font-weight:800;letter-spacing:.3em;font-size:13px;text-transform:uppercase;opacity:.9;margin:0;}
.hero-title{color:#fff;font-family:'Raleway',sans-serif;font-weight:900;font-size:clamp(44px,7.5vw,92px);line-height:1;letter-spacing:-.01em;margin:16px 0 0;}
.hero-lede{font-size:clamp(17px,2vw,21px);max-width:560px;line-height:1.5;margin:22px 0 0;opacity:.95;}
.hero-quote{font-family:'Raleway',sans-serif;font-weight:800;font-size:clamp(20px,2.6vw,28px);line-height:1.3;border-left:6px solid var(--gb);padding-left:18px;margin:56px 0 0;}
.hero-tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:26px 0 0;}
.hero-tags li{border:1px solid rgba(255,255,255,.45);border-radius:20px;padding:4px 14px;font-size:14px;}
.hero-meta{font-size:14px;opacity:.85;margin:28px 0 0;}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px;}
.cta{display:inline-block;font:700 15px 'Inter',sans-serif;background:var(--gb);color:#2c2c2c;border:2px solid var(--gb);border-radius:6px;padding:12px 22px;text-decoration:none;cursor:pointer;}
.cta.ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.6);}
.cta:hover{filter:brightness(1.06);}

/* Layout + sticky nav */
.layout{max-width:1240px;margin:0 auto;padding:48px 24px;display:grid;grid-template-columns:var(--nav) minmax(0,1fr);gap:40px;align-items:start;}
.toc-nav{position:sticky;top:24px;max-height:calc(100vh - 48px);overflow:auto;}
.toc-toggle{display:none;}
.toc-nav ol{list-style:none;margin:0;padding:0;}
.toc-nav a{display:flex;gap:10px;align-items:baseline;padding:7px 12px;border-left:3px solid transparent;color:var(--mid);text-decoration:none;font-size:14px;line-height:1.35;border-radius:0 6px 6px 0;}
.toc-nav a:hover{color:var(--ink);background:#fff;}
.toc-nav a.active{color:var(--ink);border-left-color:var(--g);background:#fff;font-weight:600;}
.toc-nav .n{font-family:'Raleway',sans-serif;font-weight:800;color:var(--g);font-size:12px;min-width:20px;}

/* Chapter sheets */
.chapter{margin-bottom:36px;}
.sheet{position:relative;background:#fff;border-radius:14px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 12px 32px -18px rgba(58,56,56,.28);padding:56px 56px 48px;overflow:hidden;}
.sheet::before{content:'';position:absolute;top:0;left:0;right:0;height:8px;background:var(--g);}

/* Original playbook components, adapted for screen */
h1,h2,h3,h4{font-family:'Raleway',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji';color:var(--ink);margin:0;}
.sheet h1{font-size:clamp(28px,3.4vw,40px);font-weight:800;line-height:1.12;letter-spacing:-.01em;}
.sheet h2{font-size:22px;font-weight:800;margin:30px 0 8px;}
.sheet h3{font-size:18px;font-weight:800;margin:22px 0 6px;}
.sheet h4{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--g);margin:0 0 6px;}
p{margin:0 0 10px;}
ul,ol{margin:0 0 10px;padding-left:22px;}
li{margin-bottom:4px;}
.kicker{font-family:'Raleway',sans-serif;font-weight:800;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--g);margin-bottom:10px;}
.lede{font-size:19px;color:var(--mid);margin:14px 0 22px;line-height:1.5;}
.ph{color:var(--gd);font-weight:700;}
.cols{display:flex;gap:32px;}
.cols>div{flex:1;min-width:0;}
.box{background:var(--cream);border:1px solid var(--line);border-radius:10px;padding:16px 20px;margin:12px 0;}
.box.green{background:var(--gl);border-color:#cfe0b2;}
.box.dark{background:var(--ink);color:#fff;border:none;}
.box.dark h3,.box.dark h4{color:#fff;}
.box p:last-child,.box ul:last-child{margin-bottom:0;}
.script{position:relative;background:#fff;border:1px solid var(--line);border-left:5px solid var(--g);border-radius:6px;padding:14px 18px;margin:12px 0;}
.script.has-copy{padding-right:18px;padding-top:46px;}/* button sits in its own top strip, never over text */
.script .lbl{font-family:'Raleway',sans-serif;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--g);display:block;margin-bottom:6px;}
.script.has-copy .lbl{margin-top:-32px;padding-right:84px;min-height:20px;margin-bottom:14px;}
.script p{margin-bottom:6px;}
.script .note{color:var(--mid);font-style:italic;}
.copy-btn{position:absolute;top:9px;right:9px;font:600 12px 'Inter',sans-serif;color:var(--gd);background:var(--gl);border:1px solid #cfe0b2;border-radius:5px;padding:5px 10px;cursor:pointer;}
.copy-btn:hover{background:#e2edcf;}
.copy-btn.done{background:var(--g);color:#fff;border-color:var(--g);}
.table-wrap{overflow-x:auto;margin:10px 0 14px;}
table{width:100%;border-collapse:collapse;font-size:14.5px;}
th{background:var(--ink);color:#fff;font-family:'Raleway',sans-serif;font-weight:700;text-align:left;padding:9px 12px;font-size:14px;}
td{border-bottom:1px solid var(--line);padding:9px 12px;vertical-align:top;}
tr:nth-child(even) td{background:#fafaf7;}
td.fill{border-bottom:1px solid #bbb;background:#fff!important;height:32px;}
.check{list-style:none;padding-left:0;}
.check li{padding-left:26px;position:relative;margin-bottom:6px;}
.check li::before{content:'';position:absolute;left:0;top:5px;width:14px;height:14px;border:2px solid var(--g);border-radius:3px;background:#fff;}
.line{border-bottom:1px solid #b9b9b9;height:28px;margin-bottom:3px;}
.field{display:flex;align-items:flex-end;gap:8px;margin-bottom:10px;}
.field span{white-space:nowrap;font-weight:600;font-size:14px;}
.field i{flex:1;border-bottom:1px solid #b9b9b9;height:22px;}
.pill{display:inline-block;white-space:nowrap;background:var(--g);color:#fff;font-family:'Raleway',sans-serif;font-weight:800;font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:3px 10px;border-radius:20px;}
.pill.gray{background:#8a8a8a;}
.num{display:inline-flex;width:28px;height:28px;border-radius:50%;background:var(--g);color:#fff;font-weight:800;font-family:'Raleway',sans-serif;align-items:center;justify-content:center;font-size:14px;margin-right:10px;flex:none;}
.step{display:flex;align-items:flex-start;margin-bottom:12px;}
.step>div{min-width:0;flex:1;}
.step div p{margin-bottom:4px;}
.small{font-size:13.5px;color:var(--mid);}
.big-quote{font-family:'Raleway',sans-serif;font-weight:800;font-size:clamp(22px,2.6vw,28px);line-height:1.25;border-left:6px solid var(--g);padding-left:18px;margin:18px 0 22px;}
.tri,.youdo{display:flex;gap:16px;margin:14px 0;}
.tri>div{flex:1;background:var(--cream);border:1px solid var(--line);border-top:5px solid var(--g);border-radius:8px;padding:16px;}
.tri h3{margin-top:0;}
.youdo>div{flex:1;border-radius:10px;padding:16px 20px;}
.mock{border:1px solid #cfd3c8;border-radius:12px;overflow:hidden;background:#fff;}
.mock .bar{background:#ececea;padding:8px 14px;font-size:12px;color:#888;display:flex;gap:6px;align-items:center;}
.mock .bar b{width:9px;height:9px;border-radius:50%;background:#c8c8c4;display:inline-block;}
.mock .body{padding:20px 24px;}
.btn{display:inline-block;background:var(--g);color:#fff;font-weight:700;padding:8px 18px;border-radius:6px;font-size:14px;}
.btn.ghost{background:#fff;color:var(--g);border:2px solid var(--g);}
.input{border:1px solid #c9ccc3;border-radius:6px;padding:8px 10px;font-size:14px;color:#999;margin-bottom:8px;background:#fcfcfa;}
.input-l{font-size:13px;font-weight:700;margin-bottom:3px;}
.cbx{display:inline-block;width:14px;height:14px;border:2px solid var(--g);border-radius:3px;vertical-align:-2px;margin-right:6px;}
.qr{width:96px;height:96px;border:3px dashed #9bb86a;border-radius:6px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:11px;color:var(--gd);font-weight:700;flex:none;background:#fff;padding:4px;}
.tag{display:inline-block;font-size:11.5px;font-weight:700;color:var(--gd);background:var(--gl);border-radius:4px;padding:1px 7px;margin-right:5px;}
.toc{columns:2;column-gap:36px;}
.toc a{display:flex;justify-content:space-between;border-bottom:1px dotted #c5c5c5;padding:8px 0;break-inside:avoid;color:var(--ink);text-decoration:none;}
.toc a:hover{color:var(--gd);}
.toc b{color:var(--g);font-family:'Raleway',sans-serif;margin-right:10px;}
.toc .pg{display:none;}
mark.todo{background:#fff3b0;color:#5a4a00;border:1px dashed #c9a400;border-radius:4px;padding:0 5px;font-weight:700;}
mark.todo::before{content:'To fill: ';font-weight:600;font-size:.8em;text-transform:uppercase;letter-spacing:.05em;}

/* Closing footer */
.closer{background:var(--ink);color:#fff;text-align:center;padding:72px 24px 40px;border-top:8px solid var(--g);}
.closer img{height:52px;width:auto;margin-bottom:28px;}
.closer-quote{font-family:'Raleway',sans-serif;font-weight:900;font-size:clamp(24px,3vw,32px);line-height:1.25;}
.closer-quote span{color:var(--gb);}
.closer p{max-width:640px;margin:0 auto 18px;opacity:.92;}
.closer a{color:#fff;font-weight:700;}
.closer .fine{font-size:12.5px;opacity:.65;margin-top:36px;}

@media (max-width:1020px){
 .layout{grid-template-columns:minmax(0,1fr);gap:0;padding:0 0 32px;}
 .toc-nav{top:0;z-index:5;background:rgba(241,241,236,.96);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);max-height:none;padding:0 16px;}
 .toc-toggle{display:block;width:100%;text-align:left;font:800 14px 'Raleway',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);background:none;border:0;padding:14px 0;cursor:pointer;}
 .toc-toggle::after{content:'+';float:right;color:var(--g);font-size:18px;line-height:1;}
 .toc-toggle[aria-expanded="true"]::after{content:'\2013';}
 .toc-nav ol{display:none;max-height:65vh;overflow:auto;padding-bottom:12px;}
 .toc-nav.open ol{display:block;}
 main{padding:24px 16px 0;}
 html{scroll-padding-top:64px;}
}
@media (max-width:760px){
 .hero-inner{padding:36px 22px 44px;}
 .hero-logo{margin-bottom:40px;height:40px;}
 .hero{background:linear-gradient(170deg,#5f8615 0%,#729f1a 62%,#484646 62.2%,#3a3838 100%);}
 .sheet{padding:40px 22px 28px;border-radius:10px;}
 .cols,.tri,.youdo{flex-direction:column;gap:0;}
 .tri,.youdo{gap:12px;}
 .cols>div,[style*="flex:1.2"]{flex:none;}
 .toc{columns:1;}
 .box.dark{flex-direction:column;align-items:flex-start!important;}
 .box.dark>div{text-align:left!important;white-space:normal!important;}
 .check[style*="columns"]{columns:1!important;}
 table{font-size:13.5px;}
 .lede{font-size:17px;}
}

/* Personalize form */
.pz-wrap{max-width:1240px;margin:-36px auto 0;padding:0 24px;position:relative;z-index:2;}
.pz-card{background:#fff;border-radius:12px;box-shadow:0 14px 34px -24px rgba(58,56,56,.45);border-left:5px solid var(--g);}
.pz-head{display:flex;align-items:center;justify-content:space-between;gap:18px 28px;padding:16px 22px;flex-wrap:wrap;}
.pz-intro{flex:1 1 420px;min-width:0;}
.pz-tag{display:inline-block;font:700 10.5px 'Inter',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--gd);background:var(--gl);border:1px solid #cfe0b2;border-radius:999px;padding:2px 9px;margin-bottom:6px;}
.pz-title{font:800 18px 'Raleway',sans-serif;color:var(--ink);margin:0;}
.pz-sub,.pz-done{font-size:14px;color:var(--mid);margin:3px 0 0;line-height:1.5;}
.pz-done b{color:var(--ink);overflow-wrap:anywhere;}
.pz-ctas{display:flex;gap:10px;flex-wrap:wrap;flex:0 0 auto;}
.pz-btn{font:700 14px 'Inter',sans-serif;color:#fff;background:var(--g);border:1px solid var(--g);border-radius:7px;padding:9px 16px;cursor:pointer;}
.pz-btn:hover{background:var(--gd);border-color:var(--gd);}
.pz-btn-ghost{font:600 14px 'Inter',sans-serif;color:var(--gd);background:#fff;border:1px solid #cfe0b2;border-radius:7px;padding:9px 14px;cursor:pointer;}
.pz-btn-ghost:hover{background:var(--gl);}
.pz-btn:focus-visible,.pz-btn-ghost:focus-visible,.pz-clear:focus-visible{outline:3px solid rgba(114,159,26,.45);outline-offset:2px;}
.pz-card [hidden]{display:none!important;}
.pz-panel{display:grid;grid-template-rows:0fr;visibility:hidden;transition:grid-template-rows .3s ease,visibility 0s linear .3s;}
.pz-card.open .pz-panel{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows .3s ease,visibility 0s;}
.pz-panel-in{overflow:hidden;min-height:0;}
.pz-card.open .pz-panel-in{border-top:1px solid var(--line);}
@media (prefers-reduced-motion:reduce){.pz-panel,.pz-card.open .pz-panel{transition:none;}}
.pz-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 18px;padding:18px 22px 20px;}
.pz-field span{display:block;font-size:12.5px;font-weight:600;color:var(--ink);margin-bottom:4px;}
.pz-field input{width:100%;font:15px 'Inter',sans-serif;color:var(--ink);padding:9px 11px;border:1px solid #cfd3c8;border-radius:7px;background:#fcfcfa;}
.pz-field input:focus{outline:none;border-color:var(--g);box-shadow:0 0 0 3px rgba(114,159,26,.18);background:#fff;}
.pz-actions{grid-column:1/-1;display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.pz-clear{font:600 13px 'Inter',sans-serif;color:var(--gd);background:#fff;border:1px solid #cfe0b2;border-radius:6px;padding:8px 14px;cursor:pointer;}
.pz-clear:hover{background:var(--gl);}
.pz-note{font-size:13px;color:var(--mid);}
.pz.filled{text-decoration:underline;text-decoration-color:rgba(114,159,26,.55);text-decoration-thickness:2px;text-underline-offset:3px;}

/* Dakno client notes */
.dakno-note{display:block;position:relative;margin:10px 0 14px;padding:8px 12px 8px 38px;font-size:13.5px;line-height:1.5;color:var(--mid);background:#f6f9f0;border-left:3px solid var(--g);border-radius:0 6px 6px 0;}
.dakno-note::before{content:'D';position:absolute;left:11px;top:9px;width:17px;height:17px;border-radius:4px;background:var(--g);color:#fff;font:800 11px/17px 'Raleway',sans-serif;text-align:center;}
.dakno-note b{color:var(--gd);font-weight:600;}
td .dakno-note{margin:8px 0 0;}

@media (max-width:1020px){.pz-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.pz-wrap{padding:0 16px;}}
@media (max-width:760px){.pz-wrap{margin-top:-20px;}.pz-grid{grid-template-columns:minmax(0,1fr);padding:16px 18px 18px;}.pz-head{padding:14px 18px;}.pz-intro{flex-basis:100%;}.pz-title{font-size:17px;}}
