:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#181818;background:#fff;font-synthesis:none;font-size:16px;--line:#d6d6d6;--muted:#666;--surface:#f3f3f3}*{box-sizing:border-box}body{margin:0;padding-bottom:calc(90px + env(safe-area-inset-bottom));line-height:1.55}button,input,textarea,select{font:inherit;color:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #555;outline-offset:4px}button:disabled{cursor:not-allowed;opacity:.5}.review-bar{display:flex;justify-content:space-between;gap:12px;padding:9px 22px;background:#ededed;font-size:.75rem;letter-spacing:.04em}.review-bar a{text-decoration:underline;text-underline-offset:3px}header{display:flex;align-items:center;justify-content:space-between;padding:17px 22px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.wordmark{font-family:Arial,Helvetica,sans-serif;font-size:1.18rem;font-weight:900;letter-spacing:-.055em;white-space:nowrap;display:inline-flex;align-items:baseline}.brand-a{width:.76em;height:.86em;margin:0 .005em;vertical-align:-.06em;overflow:visible;flex:none}.menu-toggle{width:48px;height:48px;border-radius:12px;border:1px solid var(--line);background:#fff;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center}.menu-toggle span{height:2px;width:21px;background:#181818}.container{max-width:1050px;margin:auto;padding:0 22px}section{padding:34px 0;border-bottom:1px solid var(--line)}.eyebrow{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 16px}.section-no{display:inline-block;margin-right:9px;color:#999;font-variant-numeric:tabular-nums}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.05rem,7.9vw,3.7rem);line-height:1.12;font-weight:650;letter-spacing:-.045em;margin-bottom:20px}h2{font-size:1.75rem;line-height:1.2;font-weight:600;letter-spacing:-.035em;margin-bottom:18px}h3{font-size:1.14rem;line-height:1.3;margin-bottom:9px;font-weight:600}p{margin-bottom:18px}.lead{font-size:1.075rem;color:#444;max-width:580px}.small{font-size:.875rem;color:var(--muted)}.button{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 19px;min-height:52px;background:#202020;color:#fff;border:1px solid #202020;font-weight:600;width:100%;line-height:1.25;text-align:left}.button.secondary{background:#fff;color:#202020}.button.tertiary{background:#f1f1f1;color:#222;border-color:var(--line)}.button+.button{margin-top:10px}.text-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;border-bottom:1px solid #555;font-weight:550}.hero{padding-top:32px}.hero .placeholder{margin-top:24px;min-height:185px}.placeholder{border:1px dashed #b1b1b1;background:repeating-linear-gradient(135deg,#f5f5f5,#f5f5f5 13px,#ededed 13px,#ededed 14px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:170px;padding:25px;color:#777;gap:6px}.placeholder b{font-weight:500;font-size:.9375rem;color:#555}.placeholder small{font-size:.8rem;max-width:260px}.placeholder .cross{font-size:1.6rem;line-height:1;font-weight:200;color:#aaa}.facts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.fact{font-size:.875rem;color:#555;border-top:1px solid var(--line);padding-top:13px}.fact strong{display:block;font-size:1.15rem;color:#222;font-weight:650}.stack{display:grid;gap:18px}.card{border:1px solid var(--line);padding:20px}.card .placeholder{margin:-20px -20px 20px;min-height:160px;border:0;border-bottom:1px dashed #bbb}.card p{color:#555;font-size:.95rem}.card a.text-link{font-size:.9375rem}.pill{display:inline-block;border:1px solid #bfbfbf;padding:5px 9px;font-size:.75rem;line-height:1.3;margin:0 5px 10px 0}.muted-panel{background:#f4f4f4;padding:22px}.numbered{list-style:none;padding:0;margin:22px 0}.numbered li{display:grid;grid-template-columns:32px 1fr;gap:13px;border-top:1px solid var(--line);padding:18px 0}.numbered li span{font-size:.875rem;color:#777}.numbered li p{margin:4px 0 0;color:#666;font-size:.9375rem}.numbered li b{font-weight:600}.quiet-note{border-left:2px solid #888;padding-left:16px;font-size:.875rem;color:#666;margin:18px 0}.thanks{font-size:1.1rem;line-height:1.6}.back{font-size:.875rem;color:#666;display:inline-flex;align-items:center;min-height:44px;margin-top:10px}.breadcrumb{font-size:.8rem;color:#777;margin-bottom:20px}.row{display:flex;align-items:center;justify-content:space-between;gap:16px}.row h2{margin-bottom:0}.included{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:.9375rem;margin:20px 0}.included span:before{content:'✓';margin-right:7px}.faq details{border-top:1px solid var(--line);padding:18px 0}.faq details:last-child{border-bottom:1px solid var(--line)}summary{font-weight:550;cursor:pointer;list-style:none;padding-right:30px;position:relative;min-height:28px}summary:after{content:'+';position:absolute;right:3px;top:-3px;font-size:1.4rem;font-weight:300}details[open]>summary:after{content:'−'}.faq details p{margin:15px 0 0;color:#555;font-size:.9375rem}footer{padding:35px 22px;max-width:1050px;margin:auto}footer p{font-size:.875rem;color:#666;max-width:360px;margin:15px 0}.footer-links{display:grid;gap:0;margin-bottom:16px}.footer-links a{min-height:44px;display:flex;align-items:center;font-size:.875rem}.map-link{font-size:.875rem;text-decoration:underline;text-underline-offset:5px}.bottom-bar{position:fixed;bottom:0;left:0;right:0;z-index:15;display:flex;align-items:center;justify-content:space-between;gap:20px;background:rgba(255,255,255,.98);border-top:1px solid #aaa;padding:12px 22px calc(12px + env(safe-area-inset-bottom));}.bottom-bar>span{white-space:nowrap;font-size:.875rem}.bottom-bar small{display:block;color:#777;font-size:.75rem}.bottom-bar .button{width:auto;min-width:160px}.bottom-bar.hidden{display:none}dialog{width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:24px 22px;border:0;overflow-y:auto;background:#fff}dialog::backdrop{background:#fff}.menu-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.close{width:46px;height:46px;font-size:2rem;line-height:1;background:#fff;border:1px solid var(--line)}nav{display:grid}nav a{display:flex;gap:18px;justify-content:space-between;align-items:center;font-size:1.2rem;padding:17px 0;border-bottom:1px solid var(--line)}nav a small{font-size:.75rem;color:#777}nav a.active{font-weight:700}.menu-foot{margin:30px 0;color:#666;font-size:.9375rem}.diagram{display:grid;gap:12px}.diagram a{border:1px solid var(--line);padding:17px;display:flex;justify-content:space-between;align-items:center;gap:15px}.diagram a b{display:block;font-size:1rem}.diagram a small{font-size:.85rem;color:#666}.annotation{font-size:.9rem;background:#f0f0f0;border:1px dashed #bbb;padding:16px;margin-bottom:23px;color:#555}.annotation b{color:#222}.fields{display:grid;gap:18px;margin:22px 0}.field{display:grid;gap:7px;font-size:.9375rem}.field input,.field select,.field textarea{width:100%;min-height:52px;border:1px solid #aaa;background:#fff;border-radius:0;padding:12px;min-width:0;font-size:1rem}.field textarea{min-height:110px;resize:vertical}.field small{color:#777;font-size:.8rem}.choices{display:grid;gap:10px;margin-top:14px}.choice{display:flex;gap:12px;align-items:center;padding:15px;border:1px solid #bbb;cursor:pointer;min-height:55px}.choice:has(input:checked){border:2px solid #222;padding:14px;background:#f3f3f3}.choice input{accent-color:#222;width:18px;height:18px;flex-shrink:0}.choice span{display:block}.choice small{display:block;font-size:.8rem;color:#666}.calc-step{display:none}.calc-step.active{display:block}.progress{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:25px 0}.progress button{padding:11px 2px;border:0;border-top:3px solid #ddd;background:#fff;font-size:.8125rem;color:#777;min-height:44px}.progress button.active{border-color:#222;color:#222;font-weight:600}.result{background:#f1f1f1;padding:22px;margin-top:22px}.result strong.price{font-size:2rem;letter-spacing:-.04em;display:block;line-height:1.3}.result .row{padding:8px 0;font-size:.9375rem}.result .row span:last-child{text-align:right}.warning{border:1px solid #888;padding:14px;font-size:.875rem;margin-top:15px}.calc-actions{display:flex;gap:10px;margin-top:24px}.calc-actions .button{margin:0;justify-content:center}.filelist{font-size:.875rem;overflow-wrap:anywhere;color:#555}.selected-item{border:1px solid #bbb;padding:14px;margin-top:12px;display:flex;gap:12px;align-items:center;justify-content:space-between}.selected-item button{background:#fff;border:1px solid #bbb;min-width:44px;height:44px;font-size:1.3rem}.comparison{margin:16px 0;display:grid;gap:12px}.compare-card{border:1px solid #aaa;padding:18px}.compare-card strong{font-size:1.35rem}.check{display:flex;gap:12px;align-items:flex-start;font-size:.875rem;margin:20px 0}.check input{accent-color:#222;width:19px;height:19px;flex-shrink:0}.check a{text-decoration:underline}.ok{border:1px solid #222;padding:24px;margin:25px 0}.plain-list{padding-left:19px;color:#555}.plain-list li{margin-bottom:10px}.h-scroll{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.filter{border:1px solid #bbb;background:#fff;padding:11px 14px;min-height:44px}.filter.active{background:#222;color:#fff;border-color:#222}.placeholder.tall{min-height:230px}.hidden{display:none!important}#app{min-height:60vh}.draft-title{font-size:.85rem;color:#666;margin-top:25px}.preview-art{min-height:220px;border:1px dashed #aaa;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;padding:25px;background:#f5f5f5;margin-top:20px;text-align:center;overflow-wrap:anywhere}.preview-art img{max-width:130px;max-height:90px;object-fit:contain;filter:grayscale(1)}.preview-art p{max-width:260px;margin:0;white-space:pre-wrap}.preview-art small{font-size:.75rem;color:#777}.inline-contact{margin-top:28px;border-top:1px solid var(--line);padding-top:20px}.mono{font-variant-numeric:tabular-nums}.page-head{padding-top:6px}.page-head h1{font-size:2.3rem}.section-label{color:#777;font-size:.8rem;margin-bottom:12px}.template-status{font-size:.85rem;color:#777}.compact{margin-bottom:8px}
@media(min-width:700px){header,.review-bar{padding-left:max(30px,calc((100vw - 1006px)/2));padding-right:max(30px,calc((100vw - 1006px)/2))}.container{padding:0 30px}.hero-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:45px;align-items:center}.hero .placeholder{margin:0;height:340px}.stack{grid-template-columns:repeat(3,1fr)}.stack.two{grid-template-columns:repeat(2,1fr)}section{padding:50px 0}.hero{padding:55px 0}.facts{grid-template-columns:repeat(4,1fr)}.bottom-bar{padding-left:max(30px,calc((100vw - 800px)/2));padding-right:max(30px,calc((100vw - 800px)/2))}.bottom-bar .button{min-width:240px}.calc-wrap{max-width:650px;margin:auto}.hero .button{max-width:320px}.hero-layout h1{font-size:3.5rem}dialog{max-width:540px;left:auto;border-left:1px solid #aaa}dialog::backdrop{background:#0005}.diagram{grid-template-columns:repeat(2,1fr)}.footer-links{grid-template-columns:repeat(2,1fr)}.narrow{max-width:720px}.comparison{grid-template-columns:repeat(2,1fr)}.fields.pair{grid-template-columns:1fr 1fr}.page-head h1{font-size:3rem}}
.progress,#calc-content{scroll-margin-top:100px}
@media(prefers-reduced-motion:no-preference){.button,.filter{transition:background .15s}.button:hover{background:#444;color:#fff}}