:root{--ink:#1f2933;--muted:#65727f;--line:#d7d3c8;--paper:#fbfaf7;--surface:#f2eee5;--cream:#f7efe1;--accent:#e4572e;--accent-dark:#b83b19;--green:#1d7f64;--blue:#214f7a;--shadow:0 18px 50px #1f29331f;color:var(--ink);background:var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(90deg, #d7d3c86b 1px, transparent 1px) 0 0 / 64px 64px, var(--paper);min-width:320px;color:var(--ink);margin:0}a{color:inherit}button,input,select{font:inherit}.site-header{z-index:20;backdrop-filter:blur(18px);background:#fbfaf7eb;border-bottom:1px solid #1f29331f;justify-content:space-between;align-items:center;gap:24px;min-height:68px;padding:14px clamp(18px,4vw,56px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{border:3px solid var(--ink);border-left-color:var(--accent);background:linear-gradient(90deg, var(--cream) 45%, var(--accent) 45%, var(--accent) 56%, var(--cream) 56%);width:28px;height:28px}nav{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;gap:8px 18px;font-size:.94rem;display:flex}nav a,.site-footer a{text-underline-offset:4px;text-decoration-thickness:1px}main{overflow:hidden}.section{padding:clamp(54px,8vw,104px) clamp(18px,4vw,56px)}.section-inner{width:min(1180px,100%);margin:0 auto}.eyebrow{color:var(--accent-dark);letter-spacing:0;text-transform:uppercase;margin:0 0 12px;font-size:.78rem;font-weight:800}h1,h2,h3{letter-spacing:0;margin:0;line-height:1.02}h1{max-width:760px;font-size:clamp(2.7rem,7vw,6.4rem)}h2{font-size:clamp(2rem,4vw,3.5rem)}h3{font-size:1.15rem}p{line-height:1.65}.lead{color:#43505c;max-width:680px;font-size:clamp(1.06rem,2vw,1.32rem)}.hero{background:linear-gradient(100deg,#fbfaf7f2 0%,#fbfaf7d1 44%,#f2eee54d 100%),repeating-linear-gradient(90deg,#1f293314 0 1px,#0000 1px 36px);align-items:center;min-height:calc(100svh - 68px);padding:clamp(36px,6vw,72px) clamp(18px,4vw,56px);display:grid}.hero-grid{grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);align-items:center;gap:clamp(28px,5vw,76px);width:min(1180px,100%);margin:0 auto;display:grid}.hero-actions,.button-row{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.button{border:1px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-weight:800;text-decoration:none;transition:transform .18s,background .18s,color .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button.secondary{color:var(--ink);background:0 0}.button.secondary:hover{background:var(--ink);color:#fff}.cover-visual{perspective:1200px;place-items:center;min-height:430px;display:grid;position:relative}.cover-sheet{aspect-ratio:1.46;border:1px solid var(--ink);width:min(650px,100%);box-shadow:var(--shadow);background:#f8eee1;grid-template-columns:1fr .08fr 1fr;animation:.8s both settle;display:grid;transform:rotateX(4deg)rotate(-2deg)}.cover-panel{background:linear-gradient(135deg, #214f7a1f, transparent 46%), var(--cream);color:#1f293385;border:10px solid #f7cdbb;place-items:center;font-weight:900;display:grid;position:relative}.cover-panel:after{content:"";border:1px dashed #1f293366;position:absolute;inset:28px}.cover-spine{background:var(--accent);color:#fff;writing-mode:vertical-rl;text-orientation:mixed;place-items:center;font-size:.72rem;font-weight:900;display:grid}.cover-note{border-left:4px solid var(--green);background:#fbfaf7f0;max-width:240px;padding:14px 16px;font-size:.92rem;position:absolute;bottom:6%;right:6%;box-shadow:0 10px 30px #1f29331f}.tool-shell{grid-template-columns:minmax(280px,390px) minmax(0,1fr);align-items:start;gap:26px;display:grid}.tool-panel,.result-panel,.checker-panel{background:#fbfaf7e6;border:1px solid #1f293329;box-shadow:0 10px 34px #1f293314}.tool-panel,.checker-panel{padding:22px}.result-panel{overflow:hidden}.form-grid{gap:16px;display:grid}label{color:var(--muted);gap:7px;font-size:.86rem;font-weight:700;display:grid}input,select{width:100%;min-height:42px;color:var(--ink);background:#fff;border:1px solid #1f293333;padding:9px 10px}.inline-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.toggle-row{flex-wrap:wrap;gap:10px;display:flex}.toggle-row label{min-height:38px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #1f293329;align-items:center;gap:8px;padding:0 11px;display:inline-flex}.toggle-row input{width:auto;min-height:auto}.metric-grid{border-bottom:1px solid #1f29331f;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.metric{border-right:1px solid #1f29331f;padding:18px}.metric:last-child{border-right:0}.metric span{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:800;display:block}.metric strong{margin-top:8px;font-size:clamp(1.35rem,3vw,2.1rem);display:block}.preview-area{grid-template-columns:minmax(0,1.15fr) minmax(220px,.85fr);min-height:360px;display:grid}.svg-preview{background:var(--surface);place-items:center;padding:24px;display:grid}.svg-preview svg{filter:drop-shadow(0 14px 28px #1f29331f);width:100%;height:auto;max-height:330px}.result-details{border-left:1px solid #1f29331f;padding:22px}.result-details table{border-collapse:collapse;width:100%;margin-top:14px;font-size:.94rem}.result-details th,.result-details td{text-align:left;border-bottom:1px solid #1f29331a;padding:9px 0}.status-list{color:var(--muted);gap:8px;margin:16px 0 0;padding:0;font-size:.92rem;list-style:none;display:grid}.status-list li{border-left:3px solid var(--accent);padding-left:10px}.checker-panel{margin-top:24px}.checker-output{color:var(--muted);margin-top:14px;font-weight:700}.content-grid{grid-template-columns:minmax(0,.95fr) minmax(280px,.55fr);align-items:start;gap:clamp(28px,5vw,70px);display:grid}.prose{gap:34px;display:grid}.prose p{color:#43505c;margin:12px 0 0}.link-list{gap:12px;margin-top:24px;display:grid}.link-list a{color:var(--ink);border-top:1px solid #1f293329;padding:14px 0;text-decoration:none;display:block}.link-list span{color:var(--muted);margin-top:4px;font-size:.92rem;display:block}.reference-table{border-collapse:collapse;width:100%;margin-top:20px}.reference-table th,.reference-table td{text-align:left;vertical-align:top;border-bottom:1px solid #1f293324;padding:12px 10px}.faq-list{gap:18px;display:grid}.faq-list details{border-top:1px solid #1f293329;padding-top:18px}.faq-list summary{cursor:pointer;font-weight:800}.callout{border-left:5px solid var(--accent);background:var(--cream);padding:18px}.site-footer{color:#fff;background:#1f2933;border-top:1px solid #1f29331f;justify-content:space-between;gap:24px;padding:30px clamp(18px,4vw,56px);display:flex}.site-footer p{color:#ffffffc7;max-width:680px;margin:0}.site-footer div{flex-wrap:wrap;gap:16px;display:flex}@keyframes settle{0%{opacity:0;transform:translateY(22px)rotateX(7deg)rotate(-4deg)}to{opacity:1;transform:rotateX(4deg)rotate(-2deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=920px){.site-header,.site-footer{flex-direction:column;align-items:flex-start}nav{justify-content:flex-start}.hero{min-height:auto}.hero-grid,.tool-shell,.preview-area,.content-grid{grid-template-columns:1fr}.cover-visual{min-height:330px}.result-details{border-top:1px solid #1f29331f;border-left:0}.metric-grid{grid-template-columns:1fr}.metric{border-bottom:1px solid #1f29331f;border-right:0}}@media (width<=560px){h1{font-size:2.55rem}.inline-fields{grid-template-columns:1fr}.cover-sheet{aspect-ratio:1.25}.cover-note{margin-top:18px;position:static}}