*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:#fff;color:#10293d;font:1rem/1.6 Arial,Helvetica,sans-serif}.wrap{width:min(1180px,calc(100% - 64px));margin:auto}a{color:inherit}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #297bd9;outline-offset:5px}.skip{position:absolute;left:1rem;top:-100px;background:#baff51;padding:1rem;z-index:5}.skip:focus{top:0}header{display:flex;justify-content:space-between;align-items:center;padding:30px 0;border-bottom:1px solid #dce3e8}.brand{display:inline-flex;align-items:center;font-size:3rem;font-weight:900;line-height:1;text-decoration:none;gap:5px}.brand>span:first-child{color:#438600}.brand-name{font-size:.78rem;line-height:1.15;letter-spacing:.05em;margin-left:8px}nav{display:flex;align-items:center;gap:30px;font-size:.9rem;font-weight:700}nav a{text-decoration:none}.nav-cta{border:1px solid #10293d;padding:10px 18px;border-radius:4px}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:75px;padding:74px 0 70px;align-items:center}.eyebrow{font-size:.8rem;font-weight:700;letter-spacing:.13em;margin:0 0 22px}h1{font-size:clamp(3rem,5vw,4.7rem);line-height:1.03;letter-spacing:-.045em;margin:0 0 26px}h1 span{color:#326b08}h2{font-size:clamp(2rem,3vw,3.1rem);line-height:1.12;letter-spacing:-.035em;margin:0 0 24px}h3{font-size:1.3rem;line-height:1.25;margin:20px 0 15px}.lead{font-size:1.15rem;max-width:540px;margin-bottom:13px}.compat{font-size:.93rem;margin:0 0 28px;color:#415465}.button{background:#baff51;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:18px 24px;font-weight:700;border-radius:4px;text-decoration:none;box-shadow:0 3px 0 #10293d;font-size:1rem;transition:background .15s}.button:hover{background:#a7ef3d}.micro{font-size:.83rem;color:#536576}.hero-art{padding:28px;background:#eef2f5}.hero-art img{display:block;width:100%;height:auto;box-shadow:0 15px 30px #10293d22}.edition{display:flex;justify-content:space-between;font-size:.75rem;gap:10px;letter-spacing:.07em;font-weight:700;margin-top:25px}.ribbon{background:#10293d;color:white}.ribbon .wrap{display:flex;justify-content:space-between;gap:20px;padding:24px 0;font-size:.9rem}.ribbon span:before{content:'+';color:#baff51;margin-right:15px}.section{padding:90px 0}.section-heading{display:flex;justify-content:space-between;gap:50px;align-items:flex-start;margin-bottom:38px}.section-heading p{max-width:330px;margin:0;font-size:1.07rem;color:#536576}.areas{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #b5c4ce;border-bottom:1px solid #b5c4ce}.areas article{padding:30px 22px 22px;border-right:1px solid #dce3e8}.areas article:first-child{padding-left:0}.areas article:last-child{border:0}.number{font-size:.88rem;color:#4d6272}.areas p{font-size:.97rem;color:#415465}.areas .count{font-size:.82rem;font-weight:700;color:#326b08;margin-top:25px}.example-section{background:#10293d;color:white;padding:75px 0}.example-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.example-layout .eyebrow{color:#baff51}.example-layout .micro{color:#becdd6}.prompt-panel{background:#1d3b51;padding:30px;border:1px solid #466174;border-radius:6px}.prompt-top{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:.75rem;letter-spacing:.04em}.prompt-top button{background:#baff51;border:0;padding:10px 13px;border-radius:3px;font-weight:700;cursor:pointer;color:#10293d;font-size:.87rem}#prompt{font-size:1.02rem;line-height:1.8}#copy-status{min-height:2.7em}.method{display:grid;grid-template-columns:1fr 1fr;gap:80px}.method ol{margin:0;counter-reset:item;list-style:none;padding:0}.method li{counter-increment:item;border-top:1px solid #dce3e8;padding:24px 0 16px 60px;position:relative}.method li:before{content:'0' counter(item);position:absolute;left:0;top:20px;font-size:1.5rem;color:#326b08}.method p{margin:6px 0}.sample{background:#eef4e6;padding:55px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;border-top:6px solid #baff51}.sample p{max-width:480px}.sample-action{display:flex;align-items:flex-start;flex-direction:column;gap:16px}.sample-action p{font-size:.9rem}.sample-download{font-weight:700;text-decoration:underline;color:#10293d}.pill{font-size:.78rem;font-weight:700;letter-spacing:.07em;border:1px solid #658343;border-radius:30px;padding:5px 13px}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:80px}details{border-top:1px solid #b5c4ce;padding:20px 0}details:last-child{border-bottom:1px solid #b5c4ce}summary{font-weight:700;cursor:pointer;line-height:1.4;padding-right:12px}details p{color:#415465}footer{border-top:1px solid #dce3e8;padding:35px 0}footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}footer p,footer .wrap>span{font-size:.77rem;color:#536576}footer .brand{font-size:2.5rem}footer .brand-name{font-size:.66rem}@media(max-width:900px){.hero{gap:35px}.section-heading{gap:25px}.areas{grid-template-columns:repeat(2,1fr)}.areas article{padding:25px!important}.areas article:nth-child(2){border-right:0}.areas article:nth-child(-n+2){border-bottom:1px solid #dce3e8}.example-layout,.method,.faq{gap:35px}.sample{padding:35px;gap:30px}.prompt-top{flex-wrap:wrap}footer .wrap{flex-wrap:wrap}}@media(max-width:650px){.wrap{width:calc(100% - 36px)}header{padding:20px 0}nav{gap:12px}nav>a:not(.nav-cta){display:none}.brand{font-size:2.5rem}.brand-name{font-size:.68rem}.nav-cta{font-size:.8rem;padding:9px 11px}.hero{grid-template-columns:1fr;padding:45px 0;gap:35px}h1{font-size:3.3rem}.hero-art{max-width:380px;margin:auto;padding:24px}.ribbon .wrap{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:.8rem}.section{padding:60px 0}.section-heading{display:block}.section-heading p{max-width:none}.areas{margin-top:30px}.areas article{padding:20px 12px!important}.areas h3{font-size:1.15rem}.example-layout,.method,.faq,.sample{grid-template-columns:1fr}.example-section{padding:50px 0}.prompt-panel{padding:22px}.sample{padding:30px 22px;gap:20px}.sample .button{width:100%;gap:15px}.method{gap:15px}.faq{gap:15px}footer .wrap{display:block}footer p{margin-top:22px}.button{padding:16px 20px}.lead{font-size:1.08rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}