:root{--ink:#17241f;--muted:#65736b;--paper:#f6f2e9;--card:#fffdf8;--line:#ded8ca;--accent:#0d7664;--accent-dark:#075346;--sand:#d59b54;--gold:#ba6b28;--red:#b64135;--shadow:0 12px 30px rgba(25,34,28,.09)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 85% 0,#e9dfc6 0,transparent 34rem),var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);line-height:1.45}.hero{padding:44px 20px 32px;background:linear-gradient(145deg,#142a23,#234235);color:#f9f5eb}.hero>*{max-width:720px;margin-left:auto;margin-right:auto}.eyebrow{font-size:.69rem;font-weight:800;letter-spacing:.12em;color:var(--accent);text-transform:uppercase}.hero .eyebrow{color:#cde4c6}.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.45rem,11vw,4.8rem);letter-spacing:-.06em;line-height:.9;margin-top:13px;margin-bottom:16px}.hero h1 span{color:#ebbc78}.hero p{font-size:1.02rem;max-width:580px;margin-bottom:0;color:#dce4d8}main{max-width:760px;margin:0 auto;padding:18px 14px 42px}.card{background:var(--card);border:1px solid rgba(185,169,138,.45);border-radius:18px;padding:18px;margin:14px 0;box-shadow:var(--shadow)}.intro-card{display:grid;grid-template-columns:44px 1fr;gap:12px;background:#edf2e7;border-color:#c5d2bf}.intro-card .icon{font-size:28px;color:var(--accent);line-height:1}.intro-card strong{font-size:.98rem}.intro-card p{color:#425148;font-size:.9rem;margin:.3rem 0 0}.step,.section-title{display:flex;align-items:flex-start;gap:11px}.step>span{display:grid;place-items:center;flex:none;width:27px;height:27px;border-radius:50%;background:var(--ink);color:#fff;font-size:.82rem;font-weight:800}.step h2,.section-title h2{font-family:Georgia,"Times New Roman",serif;font-size:1.48rem;letter-spacing:-.02em;line-height:1.05;margin:1px 0 4px}.step p{font-size:.88rem;margin:0;color:var(--muted)}.control-grid{display:grid;grid-template-columns:1fr;gap:12px;margin:18px 0 10px}label{display:grid;gap:6px;font-weight:750;font-size:.83rem;color:#34443b}input,select,button{font:inherit}input,select{border:1px solid #c9c4b7;border-radius:10px;background:#fffefa;min-height:45px;width:100%;padding:0 12px;color:var(--ink);font-weight:700}.input-suffix{display:grid;grid-template-columns:1fr 44px}.input-suffix input{border-radius:10px 0 0 10px}.input-suffix span{display:grid;place-items:center;border:1px solid #c9c4b7;border-left:0;border-radius:0 10px 10px 0;background:#f0ece2;font-size:.82rem;font-weight:800;color:var(--muted)}.axis-note,.fine-print,.contour-note{font-size:.81rem;color:#56645c;margin:12px 0}.primary,.outline,.soft{border:0;border-radius:12px;min-height:48px;padding:0 16px;font-weight:800;cursor:pointer;transition:transform .16s ease,background .16s ease}.primary{width:100%;background:var(--accent);color:#fff}.primary:hover{background:var(--accent-dark);transform:translateY(-1px)}.status{min-height:1.3em;margin:12px 0 0;color:var(--accent-dark);font-size:.86rem;font-weight:700}.viewer-card{padding-bottom:15px}.section-title{justify-content:space-between}.tag{flex:none;border-radius:999px;padding:5px 9px;background:#dfece5;color:#166655;font-size:.68rem;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.tag.gold{background:#fae5c8;color:#97551e}.canvas-wrap{position:relative;margin:16px -3px 10px;border-radius:14px;overflow:hidden;background:linear-gradient(145deg,#e9f0e7,#c7d8cb)}#viewer{display:block;width:100%;height:340px;touch-action:none}.viewer-help{position:absolute;left:10px;bottom:10px;max-width:220px;padding:6px 8px;border-radius:8px;background:rgba(22,36,31,.72);color:#fff;font-size:.68rem}.viewer-actions,.download-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:9px}.soft{background:#e6ece4;color:#294238}.outline{background:transparent;border:1px solid #a7b9ab;color:var(--accent-dark)}.soft:hover,.outline:hover{background:#d6e2d9}.layers-card .primary{margin-top:16px}.layer-count{display:flex;align-items:baseline;gap:8px;margin:17px 0 13px}.layer-count strong{font-family:Georgia,"Times New Roman",serif;font-size:1.65rem}.layer-count span{font-size:.82rem;color:var(--muted)}.range-label{display:flex;justify-content:space-between;margin-top:4px}input[type=range]{accent-color:var(--accent);padding:0;min-height:auto;height:34px}.layer-card{margin-top:13px;padding:15px;border:1px solid #dfd5c1;border-radius:13px;background:#fffaf1}.layer-depth{margin:8px 0 0;color:var(--muted);font-size:.84rem}#planCanvas{display:block;width:100%;height:285px;margin:12px 0;border-radius:10px;background:#f5efe2;border:1px solid #e1d8c5}.contour-note{margin:0 0 12px}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.metric-grid div{padding:11px;border-radius:10px;background:#efe9dc}.metric-grid span{display:block;color:#6d7169;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.metric-grid b{display:block;margin-top:2px;font-size:1rem;color:#294238}.axis-reference{display:flex;align-items:center;gap:7px;margin-top:13px;font-size:.8rem;color:#5d635e}.axis-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--red);box-shadow:0 0 0 3px #f3c3bd}footer{text-align:center;color:#6b736d;font-size:.72rem;padding:0 18px 28px}@media (min-width:600px){main{padding-left:22px;padding-right:22px}.card{padding:23px}.control-grid{grid-template-columns:1.1fr 1fr 1fr}.canvas-wrap{margin-left:0;margin-right:0}#viewer{height:400px}.layer-card{padding:19px}.metric-grid{grid-template-columns:repeat(4,1fr)}#planCanvas{height:330px}}