
:root{--ink:#13221d;--muted:#60706a;--paper:#f7f8f4;--white:#fff;--green:#1f6b4f;--green2:#164d3a;--lime:#dff36b;--line:#dce3de;--soft:#edf3ef;--max:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.7 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}
a{color:var(--green2);text-underline-offset:3px}img{max-width:100%}.site-header{position:sticky;top:0;z-index:20;background:rgba(247,248,244,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.header-inner{max-width:var(--max);margin:auto;padding:14px 22px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:850;letter-spacing:-.02em;white-space:nowrap}.mark{width:34px;height:28px;border:2px solid var(--ink);border-radius:4px;position:relative;background:var(--white)}.mark:after{content:"";position:absolute;right:-7px;top:8px;width:11px;height:9px;background:var(--lime);border:2px solid var(--ink);border-left:0;border-radius:0 3px 3px 0}.nav{display:flex;gap:22px;margin-left:auto}.nav a{text-decoration:none;color:var(--ink);font-size:14px;font-weight:650}.menu{display:none;margin-left:auto;background:none;border:1px solid var(--line);border-radius:8px;padding:8px 10px}
main{max-width:var(--max);margin:auto;padding:34px 22px 80px}.hero{min-height:520px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:60px;padding:55px 0 75px}.hero h1,.article h1{font-size:clamp(42px,7vw,78px);line-height:.98;letter-spacing:-.055em;margin:.15em 0 .28em;max-width:900px}.hero p{font-size:21px;max-width:650px;color:#3d4e47}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:850;color:var(--green)}
.button{display:inline-block;background:var(--ink);color:white!important;text-decoration:none;padding:13px 18px;border-radius:8px;font-weight:780;box-shadow:0 2px 0 rgba(0,0,0,.12)}.button:hover{background:var(--green2)}.button.ghost{background:transparent;color:var(--ink)!important;border:1px solid var(--ink);box-shadow:none}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}
.label-art{height:340px;position:relative;display:grid;place-items:center}.roll{width:230px;height:230px;border-radius:50%;background:radial-gradient(circle at center,var(--paper) 0 26%,#d9e1dc 27% 31%,#fff 32% 67%,#d8e0db 68% 72%,#fff 73%);box-shadow:0 24px 50px rgba(19,34,29,.12);transform:rotate(-12deg)}.label-strip{position:absolute;bottom:20px;left:20%;display:flex;gap:4px;transform:rotate(8deg)}.label-strip i{display:block;width:92px;height:58px;background:white;border:1px dashed #b6c0ba;border-radius:3px}
section{padding:52px 0}section h2,.article h2{font-size:32px;line-height:1.15;letter-spacing:-.035em;margin:1.5em 0 .45em}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.card{display:block;background:var(--white);border:1px solid var(--line);border-radius:12px;padding:24px;text-decoration:none;color:var(--ink);min-height:150px}.card:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(19,34,29,.06)}.card span{font-weight:850;font-size:20px}.card p{color:var(--muted);margin:.4em 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:50px}.panel{background:var(--ink);color:white;border-radius:16px;padding:34px}.panel .eyebrow{color:var(--lime)}.panel a{color:var(--lime)}.link-list{padding:0;list-style:none}.link-list li{border-bottom:1px solid var(--line);padding:11px 0}.breadcrumbs{font-size:13px;color:var(--muted);margin:6px 0 30px}.breadcrumbs a{color:var(--muted);text-decoration:none}.breadcrumbs span{margin:0 5px}.article{max-width:850px}.article h1{font-size:clamp(40px,6vw,66px)}.lede{font-size:21px;color:#35463f}.fact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:30px 0}.fact-grid>div{background:white;border:1px solid var(--line);padding:18px;border-radius:10px}.fact-grid small,.fact-grid strong{display:block}.fact-grid small{color:var(--muted)}.fact-grid strong{font-size:18px}.cta{margin:36px 0;background:var(--soft);border:1px solid #cddbd3;border-left:5px solid var(--green);padding:22px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:10px}.cta strong,.cta span{display:block}.cta span{color:var(--muted);font-size:14px}.source-note{background:#fff9df;border:1px solid #eadf9c;border-radius:9px;padding:18px;margin:26px 0}.source-links{display:flex;gap:16px;flex-wrap:wrap;font-size:14px}.steps{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.steps>div{display:flex;gap:14px;background:white;border:1px solid var(--line);padding:18px;border-radius:9px}.steps b{display:grid;place-items:center;min-width:34px;height:34px;background:var(--lime);border-radius:50%}.steps strong,.steps span{display:block}.checklist li,ol li{margin:.55em 0}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px;background:white}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:13px 15px;border-bottom:1px solid var(--line)}th{font-size:13px;text-transform:uppercase;letter-spacing:.05em}.disclosure{font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:18px}
footer{border-top:1px solid var(--line);background:#eef1ed}.footer-inner{max-width:var(--max);margin:auto;padding:35px 22px;display:flex;justify-content:space-between;gap:30px;color:var(--muted);font-size:13px}.footer-inner strong{color:var(--ink)}
@media(max-width:780px){.nav{display:none;position:absolute;top:64px;left:0;right:0;background:var(--paper);padding:20px 22px;border-bottom:1px solid var(--line);flex-direction:column}.nav.open{display:flex}.menu{display:block}.hero{grid-template-columns:1fr;min-height:auto;padding-top:40px}.label-art{height:250px}.roll{width:180px;height:180px}.cards,.split,.steps{grid-template-columns:1fr}.cta{align-items:flex-start;flex-direction:column}.fact-grid{grid-template-columns:1fr}.footer-inner{flex-direction:column}.article h1{font-size:42px}}

.header-cta{margin-left:4px;white-space:nowrap;padding:10px 14px;font-size:13px}
.content-shell{display:grid;grid-template-columns:minmax(0,850px) 260px;gap:52px;align-items:start}
.site-sidebar{position:static;background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px;margin-top:78px}
.site-sidebar h2{font-size:18px!important;margin:0 0 10px!important;letter-spacing:-.02em}
.site-sidebar p{font-size:14px;color:var(--muted);margin:.3em 0 1em}
.site-sidebar .button{width:100%;text-align:center;font-size:13px}
.side-links{list-style:none;padding:0;margin:18px 0 0}.side-links li{border-top:1px solid var(--line);padding:9px 0}.side-links a{font-size:13px;text-decoration:none}
.sitemap-list{columns:2;column-gap:42px}.sitemap-list li{break-inside:avoid;margin:.55em 0}
.footer-links{margin-top:8px}.footer-links a{margin-right:14px}
.experience{background:#eef5f1;border:1px solid #d5e4dc;border-radius:10px;padding:18px;margin:28px 0}
@media(max-width:780px){
  .header-inner{gap:10px;padding:11px 14px}
  .brand{font-size:14px;min-width:0}.brand span:last-child{overflow:hidden;text-overflow:ellipsis}
  .header-cta{margin-left:auto;padding:9px 10px;font-size:12px}
  .menu{margin-left:0;flex:0 0 auto}
  .nav{top:58px}
  .content-shell{display:block}.site-sidebar{margin-top:28px}.sitemap-list{columns:1}
}
@media(max-width:420px){
  .brand .mark{display:none}.brand{font-size:13px}
  .header-cta{padding:8px 9px;font-size:11px}
}

.editorial-depth{margin-top:52px;padding-top:12px;border-top:1px solid var(--line)}
.editorial-depth h2{margin-top:1.15em}.editorial-depth h3{font-size:21px;line-height:1.25;letter-spacing:-.02em;margin:1.5em 0 .35em}
.offer-popup[hidden]{display:none}.offer-popup{position:fixed;inset:0;z-index:100;background:rgba(10,20,16,.56);display:grid;place-items:center;padding:20px}
.offer-popup-card{position:relative;width:min(520px,100%);background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:30px;box-shadow:0 24px 80px rgba(0,0,0,.25)}
.offer-popup-card h2{font-size:30px;line-height:1.1;letter-spacing:-.035em;margin:.35em 36px .4em 0}.offer-popup-card p{color:var(--muted)}
.popup-close{position:absolute;right:14px;top:12px;border:0;background:transparent;font-size:30px;line-height:1;cursor:pointer;color:var(--ink);padding:4px 8px}
.popup-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.popup-stay{cursor:pointer}
@media(max-width:780px){
 .header-inner .brand{margin-right:auto}
 .header-cta{order:3;margin-left:auto}.menu{order:4;margin-left:0}.nav{order:5}
 .offer-popup-card{padding:24px}.offer-popup-card h2{font-size:26px}
}

.byline{font-size:13px;color:var(--muted);margin-top:-8px;margin-bottom:24px}.takeaways{background:#fff;border:1px solid var(--line);border-left:5px solid var(--green);border-radius:10px;padding:18px 22px;margin:24px 0}.takeaways>strong{font-size:13px;text-transform:uppercase;letter-spacing:.08em}.takeaways ul{margin:9px 0 0;padding-left:20px}.toc{background:var(--soft);border-radius:10px;padding:18px 22px;margin:24px 0}.toc strong{text-transform:uppercase;font-size:12px;letter-spacing:.08em}.toc ul{columns:2;margin:10px 0 0;padding-left:18px}.toc a{text-decoration:none}.faq details{background:#fff;border:1px solid var(--line);border-radius:8px;margin:9px 0;padding:13px 16px}.faq summary{cursor:pointer;font-weight:750}.faq details p{margin:.7em 0 .2em}.freshness{font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:16px;margin-top:30px}
.cluster-box{margin:42px 0;background:#f0f4f1;border-radius:12px;padding:22px}.cluster-box h2{margin:.25em 0 .6em!important;font-size:24px!important}.cluster-links{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.cluster-links a{display:flex;justify-content:space-between;background:#fff;border:1px solid var(--line);border-radius:7px;padding:10px 12px;text-decoration:none;font-size:13px}
.hub-group{position:relative;border-top:1px solid var(--line);padding:42px 0}.hub-count{font-size:12px;font-weight:850;color:var(--green)}.hub-group h2{margin:.2em 0 .7em}.hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.hub-card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:16px;text-decoration:none;color:var(--ink);min-height:100px;display:flex;flex-direction:column;justify-content:space-between}.hub-card span{font-size:12px;color:var(--green);margin-top:12px}
.path-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:24px}.path-grid a{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px;text-decoration:none;color:var(--ink)}.path-grid b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--lime);margin-bottom:12px}.path-grid strong,.path-grid span{display:block}.path-grid span{font-size:13px;color:var(--muted);margin-top:5px}
@media(max-width:780px){.toc ul{columns:1}.cluster-links,.hub-grid,.path-grid{grid-template-columns:1fr}}
