:root{color-scheme:light;--paper:#f7fbf7;--paper-strong:#fffef8;--paper-muted:#e9f3ee;--ink:#071b1c;--ink-soft:#334155;--ink-muted:#5d6867;--teal:#006d68;--teal-dark:#004542;--mint:#bfe9de;--cyan:#19b7c4;--gold:#c59c4a;--line:#071b1c26;--line-strong:#071b1c47;--shadow:0 24px 60px #071b1c14;--serif:Georgia, "Times New Roman", serif;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper);min-width:320px}body{min-height:100vh;color:var(--ink);background:linear-gradient(#071b1c09 1px, transparent 1px), linear-gradient(90deg, #071b1c09 1px, transparent 1px), radial-gradient(circle at 82% 4%, #19b7c429, transparent 430px), radial-gradient(circle at 16% 86%, #c59c4a1f, transparent 390px), var(--paper);font-family:var(--sans);text-rendering:geometricprecision;background-size:64px 64px,64px 64px,auto,auto,auto;margin:0;line-height:1.5}body:before{z-index:-1;pointer-events:none;content:"";opacity:.42;mix-blend-mode:multiply;background-image:url(/assets/paper-grain.svg);position:fixed;inset:0}a{color:inherit;text-decoration:none}a:hover{color:var(--teal)}img,svg{max-width:100%;height:auto}button,input,textarea{font:inherit}:focus-visible{outline-offset:4px;outline:3px solid #19b7c4c7}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:100;border:1px solid var(--line);background:var(--paper-strong);padding:10px 14px;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.page-shell{width:min(1180px,100% - 40px);margin:0 auto}.site-header{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:28px;min-height:82px;display:grid}.brand{font-family:var(--serif);align-items:center;gap:10px;font-size:1.12rem;font-weight:700;display:inline-flex}.brand-mark{border:1px solid var(--line-strong);background:var(--teal-dark);width:32px;height:32px;color:var(--paper-strong);font-family:var(--serif);place-items:center;line-height:1;display:inline-grid}.site-header nav{color:var(--ink-muted);justify-content:center;gap:22px;font-size:.92rem;display:flex}.nav-cta,.button{border:1px solid var(--teal);justify-content:center;align-items:center;min-height:44px;padding:10px 16px;font-size:.92rem;font-weight:700;display:inline-flex}.nav-cta,.button.primary{background:var(--teal);color:var(--paper-strong)}.nav-cta:hover,.button.primary:hover{background:var(--teal-dark);color:var(--paper-strong)}.button.secondary{color:var(--teal-dark);background:#fffef8bd}.button.secondary:hover{border-color:var(--ink);color:var(--ink)}.button-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hero{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,.88fr) minmax(420px,1.12fr);align-items:center;gap:42px;min-height:calc(100vh - 82px);padding:52px 0 68px;display:grid}.hero-copy{max-width:590px}.micro-row,.kicker,.meta-list{color:var(--teal-dark);font-size:.78rem;font-weight:800}.micro-row{margin:0 0 28px}h1,h2,h3,p{margin-top:0}h1,.display-title{font-family:var(--serif);margin-bottom:22px;font-size:5.1rem;font-weight:500;line-height:.94}h2{font-family:var(--serif);font-size:2.7rem;font-weight:500;line-height:1.03}h3{font-size:1.02rem;line-height:1.25}.lede{max-width:640px;color:var(--ink-soft);font-size:1.28rem;line-height:1.55}.support{max-width:560px;color:var(--ink-muted);font-size:1rem}.hero-copy .button-row{margin:30px 0 32px}.trust-row{color:var(--ink-soft);flex-wrap:wrap;gap:8px;font-size:.88rem;display:flex}.trust-row span{border:1px solid var(--line);background:#fffef8a3;padding:7px 9px}.prompt-board{grid-template-columns:1.25fr .85fr;align-items:start;gap:14px;display:grid;position:relative}.prompt-board:before,.prompt-board:after,.rule-band:before,.rule-band:after{background:var(--gold);content:"";width:60px;height:1px;position:absolute}.prompt-board:before{top:-18px;left:8px}.prompt-board:after{bottom:-18px;right:8px}.panel,.resource-card,.module-card,.code-panel,.index-row,.tool-card,.qa-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffef8d1}.panel{padding:18px}.panel.dark,.code-panel{color:#e6f8f4;background:#071519;border-color:#bfe9de38;box-shadow:0 28px 70px #07151938}.panel h2,.panel h3,.panel p{margin-bottom:10px}.panel small,.resource-card span,.mini-label{color:var(--teal-dark);font-family:var(--mono);margin-bottom:10px;font-size:.72rem;font-weight:700;display:block}.panel.dark small{color:var(--mint)}.line-stack{gap:8px;margin-top:18px;display:grid}.line-stack span{background:#006d6829;height:9px}.line-stack span:nth-child(2){width:78%}.line-stack span:nth-child(3){background:#c59c4a3d;width:62%}.token-list{gap:12px;display:grid}.token-list li,.check-list li{align-items:center;gap:10px;list-style:none;display:flex}.token-list ul,.check-list ul{margin:0;padding:0}.swatch{border:1px solid var(--line-strong);border-radius:50%;flex:0 0 22px;width:22px;height:22px}.section,.promise,.example,.workflow-section,.library-hero,.content-grid,.text-page,.early-panel{border-bottom:1px solid var(--line);padding:86px 0}.section-head{max-width:760px;margin-bottom:32px}.section-head p:not(.kicker),.text-page p,.guide-body p,.template-body p,.tool-card p,.qa-card p{color:var(--ink-soft)}.kicker{margin-bottom:12px}.module-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.module-card,.resource-card,.tool-card,.qa-card{padding:22px}.module-card h3,.resource-card h3,.tool-card h3{margin-bottom:10px}.module-card p,.resource-card p,.tool-card p,.qa-card p{margin-bottom:0}.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.resource-card{flex-direction:column;min-height:210px;display:flex}.resource-card p{margin-top:auto}.example{grid-template-columns:minmax(0,.55fr) minmax(360px,1fr);align-items:start;gap:36px;display:grid}pre,code{font-family:var(--mono)}pre{white-space:pre-wrap;margin:0;overflow:auto}.code-panel,.code-panel pre,.code-panel code{font-size:.86rem;line-height:1.7}.code-panel{padding:22px}.workflow{border:1px solid var(--line);background:var(--line);grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;display:grid}.workflow div{background:#fffef8d1;flex-direction:column;justify-content:space-between;min-height:150px;padding:18px;display:flex}.workflow span{color:var(--gold);font-family:var(--mono);font-size:.8rem}.guide-list{border-top:1px solid var(--line);display:grid}.guide-list a,.index-row{border-bottom:1px solid var(--line);grid-template-columns:.42fr 1fr auto;align-items:start;gap:24px;padding:22px 0;display:grid}.guide-list span,.index-row strong{font-family:var(--serif);font-size:1.35rem;font-weight:500}.guide-list small,.index-row small{color:var(--ink-soft);font-size:.95rem}.early-band,.early-panel{color:var(--paper-strong);background:linear-gradient(135deg,#004542f5,#006d68ed),#004542;margin:76px 0 0;padding:44px;position:relative;overflow:hidden}.early-band:before,.early-panel:before{pointer-events:none;content:"";border:1px solid #c59c4a9e;position:absolute;inset:18px}.early-band h2,.early-panel h1,.early-panel h2,.early-band p,.early-panel p{position:relative}.early-band p,.early-panel p{color:#fffef8c7;max-width:620px}.early-form{gap:10px;max-width:640px;margin-top:22px;display:flex;position:relative}.early-form input{min-height:48px;color:var(--paper-strong);background:#fffef81a;border:1px solid #fffef861;flex:1;padding:0 14px}.early-form input::placeholder{color:#fffef8a3}.library-hero{grid-template-columns:minmax(0,.75fr) minmax(300px,.55fr);align-items:end;gap:40px;display:grid}.library-hero h1{font-size:4.1rem}.content-grid{grid-template-columns:minmax(0,.72fr) minmax(280px,.28fr);align-items:start;gap:44px;display:grid}.article-card{max-width:780px}.article-card h1{font-size:4rem}.meta-list{flex-wrap:wrap;gap:8px;margin:0 0 28px;padding:0;display:flex}.meta-list li{border:1px solid var(--line);background:#fffef8a8;padding:7px 9px;list-style:none}.guide-body,.template-body{gap:32px;display:grid}.guide-body h2,.template-body h2{margin-bottom:12px;font-size:2rem}.guide-body section,.template-body section{border-top:1px solid var(--line);padding-top:28px}.side-rail{gap:14px;display:grid;position:sticky;top:24px}.side-rail .qa-card{box-shadow:none}.side-rail ul{color:var(--ink-soft);margin:0;padding-left:18px}.side-rail li+li{margin-top:8px}.faq-list{gap:12px;display:grid}.faq-list details{border:1px solid var(--line);background:#fffef8c2;padding:18px}.faq-list summary{cursor:pointer;font-weight:800}.faq-list p{margin:12px 0 0}.tool-grid,.qa-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.rule-band{border:1px solid var(--line);background:#fffef8b8;grid-template-columns:minmax(0,.7fr) minmax(260px,.3fr);gap:28px;padding:30px;display:grid;position:relative}.rule-band:before{top:18px;left:18px}.rule-band:after{bottom:18px;right:18px}.site-footer{grid-template-columns:minmax(260px,.7fr) 1.3fr;gap:44px;padding:46px 0;display:grid}.footer-brand p{max-width:360px;color:var(--ink-soft)}.footer-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.footer-links h2{font-family:var(--sans);color:var(--teal-dark);margin-bottom:12px;font-size:.78rem;font-weight:800}.footer-links a{color:var(--ink-soft);margin-bottom:8px;font-size:.92rem;display:block}.footer-note{border-top:1px solid var(--line);color:var(--ink-muted);grid-column:1/-1;justify-content:space-between;gap:24px;padding-top:22px;font-size:.88rem;display:flex}.footer-note p{margin:0}@media (width<=980px){.page-shell{width:min(100% - 28px,760px)}.site-header{grid-template-columns:1fr auto;gap:18px;padding:16px 0}.site-header nav{order:3;grid-column:1/-1;justify-content:flex-start;padding-bottom:4px;overflow-x:auto}.hero,.library-hero,.content-grid,.example,.rule-band,.site-footer{grid-template-columns:1fr}.hero{min-height:0;padding-top:46px}h1,.display-title,.library-hero h1,.article-card h1{font-size:3.7rem}h2{font-size:2.25rem}.module-grid,.resource-grid,.tool-grid,.qa-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow{grid-template-columns:repeat(3,minmax(0,1fr))}.side-rail{position:static}}@media (width<=640px){.page-shell{width:min(100% - 22px,520px)}.site-header{min-height:0}.nav-cta{min-height:40px;padding:8px 10px;font-size:.84rem}.site-header nav{gap:14px;font-size:.88rem}h1,.display-title,.library-hero h1,.article-card h1{font-size:2.85rem;line-height:.98}h2{font-size:1.85rem}.lede{font-size:1.08rem}.section,.promise,.example,.workflow-section,.library-hero,.content-grid,.text-page{padding:58px 0}.prompt-board,.module-grid,.resource-grid,.workflow,.tool-grid,.qa-grid,.footer-links,.guide-list a,.index-row{grid-template-columns:1fr}.prompt-board{gap:12px}.resource-card{min-height:0}.early-band,.early-panel{margin-top:54px;padding:34px 24px}.early-form{flex-direction:column}.footer-note{display:grid}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}