.nav{border-bottom:1.5px solid var(--bd);background:var(--bg)}
.nav-in{display:flex;align-items:center;gap:28px;min-height:60px;padding-top:env(safe-area-inset-top)}
.logo{font:700 24px/1 var(--serif);letter-spacing:-.02em;color:var(--tx);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.logo-dot{color:var(--pen)}
.nav-l{display:flex;gap:22px;flex:1}.nav-l a,.nav-cta{color:var(--tx);text-decoration:none;font-size:15px;font-weight:500}.nav-l a:hover,.nav-cta:hover{text-decoration:underline}
.nav-cta{font-weight:600;min-height:44px;display:inline-flex;align-items:center}
.hero{padding:44px 0 56px;border-bottom:1.5px solid var(--bd)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) 190px;gap:40px;align-items:start}
.hero-copy h1{margin-top:4px}
.lede{font-size:18px;color:var(--mu);max-width:36em;margin:18px 0 24px}
.cta-row{display:flex;flex-wrap:wrap;gap:18px;align-items:center}
.textlink{color:var(--tx);font-weight:500;min-height:44px;display:inline-flex;align-items:center}
.facts{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px;color:var(--mu)}
.facts li::before{content:"✓ ";color:var(--ok);font-weight:700}
.hero-demo{position:relative;padding-top:6px}
.demo-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}
.demo-title{font:italic 500 22px/1.2 var(--serif);margin:0;color:var(--pen)}
.arrow{position:absolute;left:-58px;top:2px}
.hero-demo .flip-in{min-height:250px}
.demo-foot{display:flex;justify-content:space-between;align-items:center;margin-top:14px;min-height:24px}
.dots{display:flex;gap:5px}.dots i{width:22px;height:4px;background:var(--line)}.dots i.ok{background:var(--ok)}.dots i.no{background:var(--pen)}.dots i.cur{background:var(--tx)}
.hero-shot{margin:0}.hero-shot img{width:100%;height:auto;display:block;border:1.5px solid var(--bd);border-radius:14px;background:var(--sf)}
figcaption{font-size:13px;color:var(--mu);margin-top:8px;font-style:italic}
.sec{padding:64px 0;border-bottom:1px solid var(--line)}
.two{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px}
.side-h h2{margin-bottom:10px}
.prose p{font-size:17px;max-width:40em;padding-left:16px;border-left:3px solid var(--hl)}
.prose b{font-family:var(--serif);font-size:19px;font-weight:600}
.desk{background:var(--bg-2)}
.shot-grid{display:grid;grid-template-columns:minmax(0,9fr) minmax(0,3fr);gap:32px;align-items:end}
.shot-d{margin:0}.shot-d img{width:100%;height:auto;display:block;border:1.5px solid var(--bd);border-radius:6px;box-shadow:6px 6px 0 var(--bd)}
.aside{font:italic 17px/1.5 var(--serif);color:var(--mu);border-top:1.5px solid var(--bd);padding-top:12px}
.ledger{margin:0;border-top:1.5px solid var(--bd)}
.ledger div{display:grid;grid-template-columns:200px minmax(0,1fr);gap:20px;padding:14px 0;border-bottom:1px solid var(--line)}
.ledger dt{font-weight:600}.ledger dd{margin:0;color:var(--mu)}
.footnote{margin-top:14px}
.price{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1.5px solid var(--bd);border-radius:var(--r2);background:var(--sf)}
.plan{padding:22px;display:flex;flex-direction:column;border-right:1px solid var(--line)}.plan:last-child{border-right:0}
.plan h3{font-size:18px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.plan .muted{flex:1}
.plan.pick{background:var(--ac-s)}
.amt{font:600 36px/1 var(--serif);margin:6px 0 12px}.per{font:400 15px var(--font);color:var(--mu)}
.faq details{border-bottom:1px solid var(--line)}.faq details:first-child{border-top:1.5px solid var(--bd)}
details summary{cursor:pointer;list-style:none;font-weight:600;font-size:17px;padding:14px 32px 14px 0;position:relative;min-height:44px}
details summary::-webkit-details-marker{display:none}details summary::after{content:"+";position:absolute;right:4px;top:10px;font:400 24px var(--serif);color:var(--pen)}details[open] summary::after{content:"–"}
.last{border-bottom:0}.last-in{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between}.last h2{margin:0;max-width:18em}
.foot{padding:28px 0 calc(28px + env(safe-area-inset-bottom));border-top:1.5px solid var(--bd)}.foot-in{display:flex;gap:20px;flex-wrap:wrap;align-items:center}.foot a{color:var(--tx)}
.sr:focus{position:fixed!important;left:12px;top:12px;width:auto;height:auto;clip:auto;z-index:99;background:var(--sf);padding:10px 14px;border:1.5px solid var(--bd)}
@media (max-width:1080px){.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hero-shot{display:none}.arrow{display:none}}
@media (max-width:820px){.hero-grid,.two,.shot-grid{grid-template-columns:1fr;gap:28px}.hero{padding:28px 0 40px}.hero-shot{display:block;max-width:220px}
 .price{grid-template-columns:1fr}.plan{border-right:0;border-bottom:1px solid var(--line)}.plan:last-child{border-bottom:0}.plan.pick{order:-1}.ledger div{grid-template-columns:1fr;gap:2px}.sec{padding:44px 0}}
@media (max-width:600px){.nav-l{display:none}.nav-in{justify-content:space-between}.wrap{padding:0 18px}.cta-row .btn{width:100%}.last .btn{width:100%}}