*{box-sizing:border-box}body{color:#171717;background:#f6f6f1;margin:0;font-family:Trebuchet MS,Verdana,sans-serif}a{color:inherit}.shell{width:min(1080px,100% - 32px);margin:0 auto;padding:32px 0}.topbar{border-bottom:1px solid #d7d7cf;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;display:flex}.brand{font-size:18px;font-weight:700}.nav{align-items:center;gap:16px;display:flex}.nav a{color:#4a4a45;font-size:14px;text-decoration:none}.hero{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:start;gap:32px;padding:56px 0 40px;display:grid}.hero h1,.article h1{letter-spacing:0;margin:0 0 18px;font-size:clamp(34px,6vw,68px);line-height:.95}.lead{color:#4a4a45;max-width:720px;font-size:18px;line-height:1.6}.eyebrow{color:#6f5d2f;letter-spacing:0;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:700}.panel,.metric,.checklist{background:#fff;border:1px solid #d7d7cf;border-radius:8px}.panel{padding:22px}.panel p,.stack-panel p{color:#3d3d38;font-size:16px;line-height:1.65}.pilot-hero{padding-bottom:30px}.section-heading{margin-bottom:18px}.section-heading h2,.panel h2,.upload-panel h2{margin:0;font-size:24px;line-height:1.15}.upload-panel{background:#fdfdf8;border:1px solid #24241f;border-radius:8px;margin:8px 0 28px;padding:24px;box-shadow:8px 8px #d6c883}.upload-form{grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) auto;align-items:end;gap:12px;display:grid}.field,.file-drop{gap:8px;display:grid}.field span,.file-drop span{color:#4a4a45;font-size:13px;font-weight:700}.field input,.file-drop{background:#fff;border:1px solid #c9c9bf;border-radius:6px;min-height:46px}.field input{color:#171717;width:100%;font:inherit;padding:0 12px}.file-drop{cursor:pointer;align-items:center;padding:0 12px;display:flex;position:relative;overflow:hidden}.file-drop input{opacity:0;cursor:pointer;position:absolute;inset:0}.primary-button{color:#fff;min-height:46px;font:inherit;cursor:pointer;background:#171717;border:0;border-radius:6px;padding:0 18px;font-weight:700}.primary-button:disabled{cursor:wait;background:#77776f}.result-box{border-radius:6px;gap:8px;margin-top:16px;padding:14px 16px;font-size:14px;display:grid}.result-box.success{background:#eef6e8;border:1px solid #5f8a48}.result-box.error{background:#fff0ed;border:1px solid #b74d3f}.result-box ul{margin:0;padding-left:18px}.content-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.content-plan-grid span{background:#f8fcf4;border:1px solid #cddbc3;border-radius:6px;padding:10px;font-weight:700}.candidate-card{background:#fffef7;border:1px solid #d3d0bd;border-radius:6px;gap:12px;margin-top:8px;padding:14px;display:grid}.candidate-card h3,.candidate-card p{margin:0}.candidate-card p{color:#55554d}.candidate-card ul{gap:8px;padding-left:18px;display:grid}.design-plan-preview{gap:16px;margin-top:18px;display:grid}.design-variant-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.design-variant-card{background:#fffef7;border:1px solid #d3d0bd;border-radius:6px;gap:10px;padding:14px;display:grid}.design-variant-card h4,.design-variant-card p{margin:0}.design-variant-card small{color:#55554d;line-height:1.5}.design-swatch{border:1px solid;border-radius:6px;align-items:center;gap:8px;min-height:64px;padding:10px;display:flex}.design-swatch span{border-radius:999px;width:24px;height:24px}.gate-list{flex-wrap:wrap;gap:6px;display:flex}.gate-pass,.gate-fail,.blocked-reasons{border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.gate-pass{color:#2f6122;background:#e7f3dd}.gate-fail,.blocked-reasons{color:#8f2d21;background:#fff0ed}.candidate-label{color:#6f5d2f;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:700;display:inline-flex}.stack-panel{margin:28px 0}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:26px 0;display:grid}.metric{padding:16px}.metric strong{font-size:28px;display:block}.checklist{padding:0;overflow:hidden}.checklist li{border-bottom:1px solid #e7e7df;padding:14px 18px;list-style:none}.checklist li:last-child{border-bottom:0}.article{max-width:820px;padding:54px 0}.article p{color:#3d3d38;font-size:18px;line-height:1.7}.article-body{gap:14px;margin:24px 0;display:grid}.article-body h2{margin:18px 0 0;font-size:28px;line-height:1.15}.article-body p,.article-body ul{margin:0}.article-body li{color:#3d3d38;margin:8px 0;font-size:18px;line-height:1.6}.cta{color:#fff;background:#171717;border-radius:6px;align-items:center;min-height:42px;padding:0 16px;font-weight:700;text-decoration:none;display:inline-flex}.code-block{color:#f5f5ee;background:#1d1d1b;border:1px solid #d7d7cf;border-radius:8px;padding:18px;font-size:13px;line-height:1.5;overflow:auto}.generated-site{color:#2a211b;background:radial-gradient(circle at 12% 8%,#9b6b4f29,#0000 28rem),linear-gradient(135deg,#f5efe6 0%,#fffaf2 46%,#dfe7df 100%);min-height:100dvh;font-family:Verdana,Geneva,sans-serif}.site-nav,.site-hero,.site-generated-panel,.site-section,.site-process,.site-article{width:min(1180px,100% - 32px);margin:0 auto}.site-nav{justify-content:space-between;align-items:center;gap:24px;padding:24px 0;display:flex}.site-brand{color:#2a211b;font-family:Georgia,serif;font-size:24px;font-weight:700;text-decoration:none}.site-nav div{flex-wrap:wrap;justify-content:flex-end;gap:14px;max-width:760px;display:flex}.site-nav a:not(.site-brand){color:#5f5147;font-size:13px;font-weight:700;line-height:1.35;text-decoration:none}.site-hero{grid-template-columns:minmax(0,.95fr) minmax(320px,.7fr);align-items:center;gap:clamp(28px,6vw,80px);padding:54px 0 72px;display:grid}.site-hero-copy h1,.site-section h2,.site-generated-panel h2,.site-process h2,.site-article h1{text-wrap:balance;max-width:760px;margin:0;font-family:Georgia,Times New Roman,serif;line-height:.98}.site-hero-copy h1{font-size:clamp(42px,6.4vw,82px)}.site-hero-copy p,.site-section-head p,.site-process li,.site-article p{color:#6d5f54;max-width:690px;font-size:18px;line-height:1.7}.site-kicker{color:#9b6b4f;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:700}.site-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.site-actions a{color:#2a211b;border:1px solid #2a211b;border-radius:6px;align-items:center;min-height:46px;padding:0 18px;font-weight:700;text-decoration:none;transition:transform .18s,background .18s;display:inline-flex}.site-actions a:first-child{color:#fffaf2;background:#2a211b}.site-actions a:hover,.site-topic:hover,.site-variant:hover{transform:translateY(-2px)}.site-hero-image{margin:0}.site-hero-image img,.site-article-image{aspect-ratio:4/5;object-fit:cover;border-radius:8px;width:100%;display:block;box-shadow:0 24px 60px #4b332333}.site-hero-image figcaption{color:#7c6c5f;margin-top:10px;font-size:13px;line-height:1.5}.site-generated-panel,.site-section,.site-process,.site-article{padding:54px 0}.site-section-head{gap:10px;margin-bottom:24px;display:grid}.site-section-head h2,.site-generated-panel h2,.site-process h2{font-size:clamp(34px,5vw,58px)}.site-variant-grid,.site-topic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.site-variant,.site-topic{color:#2a211b;background:#fffaf2c7;border-radius:8px;gap:12px;padding:20px;text-decoration:none;transition:transform .18s,box-shadow .18s;display:grid}.site-variant.is-selected{box-shadow:inset 0 0 0 2px #9b6b4f}.site-palette{border-radius:6px;align-items:center;gap:8px;min-height:72px;padding:12px;display:flex}.site-palette span{border-radius:999px;width:28px;height:28px}.site-variant h3,.site-topic span{margin:0;font-family:Georgia,serif;font-size:24px;line-height:1.15}.site-variant p,.site-topic p,.site-variant small{color:#6d5f54;margin:0;line-height:1.55}.site-topic-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.site-topic{align-content:space-between;min-height:220px}.site-process{grid-template-columns:minmax(0,.9fr) minmax(300px,.7fr);align-items:start;gap:40px;display:grid}.site-process ol{gap:14px;margin:0;padding-left:20px;display:grid}.site-article{padding-top:34px}.site-back{color:#6d5f54;margin-bottom:28px;font-weight:700;text-decoration:none;display:inline-flex}.site-article-grid{grid-template-columns:minmax(0,1fr) minmax(260px,380px);align-items:start;gap:36px;display:grid}.site-article h1{font-size:clamp(40px,7vw,78px)}.site-article-body{gap:14px;max-width:760px;margin-top:34px;display:grid}.site-article-body h2{margin:20px 0 0;font-family:Georgia,serif;font-size:34px;line-height:1.1}.site-article-body p,.site-source{color:#51463e;font-size:18px;line-height:1.75}.site-source{border-top:1px solid #2a211b2e;max-width:760px;margin-top:28px;padding-top:18px}@media (max-width:760px){.hero,.metrics,.upload-form,.content-plan-grid,.design-variant-grid,.site-hero,.site-variant-grid,.site-topic-grid,.site-process,.site-article-grid{grid-template-columns:1fr}.upload-panel{box-shadow:none}.site-nav{flex-direction:column;align-items:flex-start}}