:root{color-scheme:light;--navy:#014369;--navy-deep:#022f49;--green:#75bb21;--green-soft:#eff9e4;--ink:#102b3b;--muted:#536a77;--line:#d9e4e9;--mist:#f4f8fa;--paper:#fff;--shadow:0 24px 70px rgba(1,67,105,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"DM Sans",Arial,sans-serif;color:var(--ink);background:var(--paper);font-size:1rem;line-height:1.55}img{display:block;max-width:100%}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}.skip-link{position:fixed;z-index:100;top:1rem;left:1rem;transform:translateY(-200%);padding:.7rem 1rem;background:#fff;color:var(--navy);border-radius:.4rem}.skip-link:focus{transform:none}:focus-visible{outline:3px solid #a5e35c;outline-offset:3px}
.site-header{position:relative;z-index:10;min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1rem clamp(1.25rem,5vw,5rem);border-bottom:1px solid rgba(255,255,255,.13);background:var(--navy-deep);color:#fff}.brand{display:inline-flex;align-items:center;gap:.7rem;text-decoration:none;font-family:"Manrope",sans-serif;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.brand img{width:116px;height:60px;padding:.28rem .45rem;object-fit:contain;background:#fff;border-radius:.45rem}.brand span{padding-left:.7rem;border-left:1px solid rgba(255,255,255,.35);font-size:.82rem}nav{display:flex;align-items:center;gap:clamp(1rem,2vw,2rem)}nav a{text-decoration:none;font-size:.92rem;font-weight:600}nav a:hover,nav a:focus-visible{color:#b9ec7d}.nav-home{padding:.7rem 1rem;border:1px solid rgba(255,255,255,.4);border-radius:999px}
.hero{position:relative;min-height:700px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(400px,.72fr);gap:clamp(2rem,5vw,6rem);align-items:center;padding:clamp(4rem,8vw,8rem) clamp(1.25rem,7vw,7rem);overflow:hidden;color:#fff;background:var(--navy-deep)}.hero:before{content:"";position:absolute;width:44vw;height:44vw;min-width:500px;min-height:500px;right:-12vw;top:-10vw;border:1px solid rgba(117,187,33,.35);border-radius:50%;box-shadow:0 0 0 70px rgba(117,187,33,.05),0 0 0 140px rgba(117,187,33,.03)}.hero-copy,.hero-visual{position:relative;z-index:1}.eyebrow,.section-kicker{margin:0 0 1rem;color:var(--green);font-family:"Manrope",sans-serif;font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:.75rem;color:#b9ec7d}.eyebrow span{width:38px;height:2px;background:var(--green)}h1,h2,h3{font-family:"Manrope",sans-serif}h1{max-width:900px;margin:0;font-size:clamp(3.2rem,6vw,6.2rem);line-height:.96;letter-spacing:-.055em}.hero-intro{max-width:680px;margin:1.7rem 0 0;color:#d8e6ed;font-size:clamp(1.1rem,1.5vw,1.35rem);line-height:1.55}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2.2rem}.button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;gap:.55rem;padding:.8rem 1.25rem;border-radius:.45rem;font-weight:800;text-decoration:none;transition:transform .2s ease,background .2s ease}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--green);color:#0a2817;box-shadow:0 10px 26px rgba(117,187,33,.2)}.button-primary:hover,.button-primary:focus-visible{background:#88cd34}.button-quiet{border:1px solid rgba(255,255,255,.4);color:#fff}.hero-note{margin:1rem 0 0;color:#9fb9c6;font-size:.88rem}.hero-visual{padding:1rem 0 0 1rem}.hero-visual:before{content:"";position:absolute;inset:-1rem 1rem 1rem -1rem;border:2px solid var(--green);border-radius:1rem}.hero-visual img{position:relative;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:1rem;box-shadow:0 35px 70px rgba(0,0,0,.3)}.orbit{position:absolute;z-index:2;padding:.5rem .7rem;border:1px solid rgba(255,255,255,.25);border-radius:999px;color:#fff;background:rgba(2,47,73,.9);font-size:.75rem;font-weight:800;box-shadow:0 8px 24px rgba(0,0,0,.2)}.orbit-one{top:-.5rem;left:2rem}.orbit-two{top:32%;right:-1rem}.orbit-three{bottom:18%;left:-1.5rem}.orbit-four{bottom:-.8rem;left:24%}.result-chip{position:absolute;z-index:3;right:-1rem;bottom:1.8rem;display:grid;gap:.1rem;min-width:230px;padding:1rem 1.2rem;border-radius:.65rem;color:var(--ink);background:#fff;box-shadow:var(--shadow)}.result-chip strong{font-family:"Manrope",sans-serif}.result-chip span{color:var(--muted);font-size:.82rem}
.task-strip{display:grid;grid-template-columns:1.2fr repeat(5,1fr);align-items:stretch;border-bottom:1px solid var(--line);background:#fff}.task-strip p,.task-strip a{margin:0;padding:1.35rem clamp(.8rem,1.5vw,1.6rem)}.task-strip p{display:flex;align-items:center;background:var(--green);color:#17320c;font-family:"Manrope",sans-serif;font-weight:800}.task-strip a{display:flex;align-items:center;gap:.6rem;border-right:1px solid var(--line);font-size:.9rem;font-weight:700;text-decoration:none}.task-strip a:hover{background:var(--green-soft)}.task-strip span{color:var(--green);font-family:"Manrope",sans-serif;font-size:.75rem}
.workflows,.resources{padding:clamp(5rem,9vw,9rem) clamp(1.25rem,7vw,7rem)}.section-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:3rem;align-items:end;max-width:1380px;margin:0 auto 4rem}.section-heading>p{max-width:510px;margin:0 0 .5rem;color:var(--muted);font-size:1.05rem}.workflows h2,.resources h2,.featured h2,.responsible h2,.prompt-builder h2,.closing h2{margin:0;font-size:clamp(2.25rem,4.2vw,4.5rem);line-height:1.04;letter-spacing:-.045em}.workflow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:1380px;margin:0 auto}.use-card{display:flex;flex-direction:column;min-height:580px;padding:clamp(1.5rem,3vw,2.4rem);border:1px solid var(--line);border-radius:1rem;background:#fff;box-shadow:0 10px 38px rgba(1,67,105,.06)}.use-card h3{max-width:620px;margin:.8rem 0 1rem;font-size:clamp(1.75rem,2.8vw,2.65rem);line-height:1.08;letter-spacing:-.035em}.use-top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.use-number{color:var(--green);font-family:"Manrope",sans-serif;font-size:.8rem;font-weight:800}.use-time{padding:.38rem .65rem;border-radius:999px;color:var(--navy);background:var(--green-soft);font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.use-for{min-height:56px;margin:0 0 1.35rem;color:var(--muted)}.use-for strong{color:var(--ink)}.how-row{display:grid;grid-template-columns:88px 1fr;gap:1rem;padding:.8rem 0;border-top:1px solid var(--line)}.how-row span,.how-columns span{color:var(--navy);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.how-row p,.how-columns p{margin:0;color:var(--muted)}.wide-card{grid-column:1/-1;min-height:auto}.how-columns{display:grid;grid-template-columns:repeat(3,1fr);margin:1rem 0 1.5rem;border-top:1px solid var(--line);border-left:1px solid var(--line)}.how-columns div{min-height:135px;padding:1.2rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.how-columns p{margin-top:.65rem}.dark-card{color:#fff;background:var(--navy);border-color:var(--navy)}.dark-card .use-time{color:#17320c;background:var(--green)}.dark-card .use-for,.dark-card .how-row p{color:#d7e7ee}.dark-card .use-for strong,.dark-card .how-row span{color:#fff}.dark-card .how-row{border-color:rgba(255,255,255,.2)}.green-card{background:var(--green-soft);border-color:#cde8ad}.outline-card{border:2px solid var(--green)}.prompt-box{margin-top:auto;border:1px solid var(--line);border-radius:.65rem;background:var(--mist)}.prompt-box summary{padding:.9rem 1rem;cursor:pointer;color:var(--navy);font-weight:800;list-style-position:inside}.prompt-box[open] summary{border-bottom:1px solid var(--line)}.prompt-box>div{padding:1rem}.prompt-box p{margin:0 0 1rem;font-size:.94rem}.dark-card .prompt-box{border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.08)}.dark-card .prompt-box summary{color:#b9ec7d}.copy-button{padding:.55rem .8rem;border:0;border-radius:.4rem;color:#fff;background:var(--navy);font:inherit;font-size:.85rem;font-weight:800;cursor:pointer}.dark-card .copy-button{color:#17320c;background:var(--green)}.copy-button:hover,.copy-button:focus-visible{background:#88cd34;color:#132f0b}
.prompt-builder{padding:clamp(5rem,8vw,8rem) clamp(1.25rem,7vw,7rem);color:#fff;background:var(--navy-deep)}.builder-intro{display:grid;grid-template-columns:1fr 1.2fr;gap:1rem 4rem;max-width:1380px;margin:0 auto 3rem}.builder-intro .section-kicker{grid-column:1/-1;color:#b9ec7d}.builder-intro>p:last-child{max-width:520px;margin:.5rem 0 0;color:#cfe0e8;font-size:1.05rem}.builder-parts{display:grid;grid-template-columns:repeat(5,1fr);max-width:1380px;margin:0 auto;border-top:1px solid rgba(255,255,255,.22);border-left:1px solid rgba(255,255,255,.22)}.builder-parts div{min-height:185px;display:flex;flex-direction:column;padding:1.25rem;border-right:1px solid rgba(255,255,255,.22);border-bottom:1px solid rgba(255,255,255,.22)}.builder-parts span{color:#b9ec7d;font-size:.76rem;font-weight:800}.builder-parts strong{margin-top:auto;font-family:"Manrope",sans-serif;font-size:1.2rem}.builder-parts p{margin:.25rem 0 0;color:#a8c2ce;font-size:.9rem}.master-prompt{max-width:1080px;margin:2rem auto 0;padding:1.5rem;border-left:5px solid var(--green);color:var(--ink);background:#fff;box-shadow:var(--shadow)}.master-prompt p{margin:0 0 1rem;font-size:1.08rem}.master-prompt strong{color:var(--navy)}
.featured{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.2fr);gap:clamp(3rem,7vw,7rem);align-items:center;padding:clamp(5rem,9vw,9rem) clamp(1.25rem,9vw,10rem);background:var(--mist)}.featured-cover{position:relative;justify-self:center;width:min(100%,390px)}.featured-cover:before{content:"";position:absolute;inset:2rem -2rem -2rem 2rem;background:var(--green);border-radius:.8rem}.featured-cover img{position:relative;z-index:1;width:100%;border-radius:.45rem;box-shadow:var(--shadow)}.section-lead{max-width:680px;color:var(--muted);font-size:1.15rem;line-height:1.7}.check-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1.5rem;padding:0;margin:2rem 0;list-style:none}.check-list li{position:relative;padding-left:1.6rem;font-weight:600}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:900}
.responsible{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(3rem,7vw,7rem);padding:clamp(5rem,8vw,8rem) clamp(1.25rem,7vw,7rem);color:#fff;background:var(--navy)}.section-kicker.light{color:#b9ec7d}.responsible>div>p:last-child{max-width:570px;color:#d7e7ee;font-size:1.05rem}.review-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid rgba(255,255,255,.2);border-left:1px solid rgba(255,255,255,.2)}.review-grid div{min-height:150px;padding:1.35rem;border-right:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2)}.review-grid span{color:#b9ec7d;font-size:.78rem;font-weight:800}.review-grid p{margin:1.3rem 0 0;color:#e0edf2}
.resources{background:#fff}.resource-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;max-width:1380px;margin:0 auto}.resource-card{min-height:315px;display:flex;flex-direction:column;padding:1.5rem;border:1px solid var(--line);border-radius:.8rem;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.resource-card:hover{transform:translateY(-5px);border-color:var(--green);box-shadow:var(--shadow)}.featured-resource{color:#fff;background:var(--navy);border-color:var(--navy)}.resource-type{color:var(--green);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.resource-card h3{margin:1.4rem 0 .7rem;font-size:1.5rem;line-height:1.15}.resource-card p{margin:0;color:var(--muted)}.featured-resource p{color:#d7e7ee}.resource-link{margin-top:auto;padding-top:2rem;color:var(--navy);font-weight:800}.featured-resource .resource-link{color:#b9ec7d}
.closing{padding:clamp(5rem,9vw,9rem) clamp(1.25rem,10vw,11rem);text-align:center;background:var(--green-soft)}.closing h2{max-width:1050px;margin-inline:auto}.closing .button{margin-top:2rem}footer{display:grid;grid-template-columns:1fr 1fr auto;gap:2rem;align-items:center;padding:2.5rem clamp(1.25rem,5vw,5rem);color:#fff;background:var(--navy-deep)}.footer-brand img{width:105px;height:50px}footer p{color:#9fb9c6}.footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:1.2rem}.footer-links a{color:#fff;font-size:.9rem;text-decoration:none}.footer-links a:hover{color:#b9ec7d}.toast{position:fixed;z-index:50;right:1.25rem;bottom:1.25rem;transform:translateY(150%);padding:.8rem 1rem;border-radius:.45rem;color:#fff;background:var(--ink);box-shadow:var(--shadow);font-weight:700;opacity:0;transition:.25s ease}.toast.show{transform:none;opacity:1}
@media(max-width:1120px){.site-header{align-items:flex-start;flex-direction:column}nav{width:100%;overflow-x:auto;padding-bottom:.35rem}.hero{grid-template-columns:1fr}.hero-visual{max-width:720px}.task-strip{grid-template-columns:repeat(3,1fr)}.task-strip p{grid-column:1/-1}.builder-parts{grid-template-columns:repeat(3,1fr)}.resource-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.site-header{min-height:auto;gap:.75rem;padding-block:.8rem}.brand img{width:95px;height:50px}nav{gap:1rem}nav a{white-space:nowrap;font-size:.86rem}.nav-home{display:none}.hero{min-height:auto;padding-top:4rem;padding-bottom:5rem}h1{font-size:clamp(3rem,14vw,4.5rem)}.hero-visual{margin-top:1.5rem;padding-left:.55rem}.hero-visual:before{inset:-.55rem .55rem .55rem -.55rem}.orbit-two{right:0}.orbit-three{left:0}.result-chip{right:.3rem;bottom:1.2rem;min-width:205px}.task-strip{grid-template-columns:1fr}.task-strip p{grid-column:auto}.task-strip a{border-bottom:1px solid var(--line)}.section-heading,.builder-intro,.featured,.responsible{grid-template-columns:1fr}.workflow-grid{grid-template-columns:1fr}.wide-card{grid-column:auto}.use-card{min-height:auto}.how-columns,.builder-parts{grid-template-columns:1fr}.how-columns div,.builder-parts div{min-height:auto}.builder-parts strong{margin-top:1.6rem}.featured-cover{width:min(75vw,350px)}.featured-cover:before{inset:1rem -1rem -1rem 1rem}.check-list{grid-template-columns:1fr}.review-grid{grid-template-columns:1fr}.resource-grid{grid-template-columns:1fr}.resource-card{min-height:260px}footer{grid-template-columns:1fr}.footer-links{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}