:root{--paper:#f6f5ef;--paper-2:#fbfbf7;--ink:#1a1e22;--ink-soft:#4c545c;--line:#d9d6c8;--line-strong:#c3bfae;--graphite:#23282d;--yellow:#f2c012;--yellow-deep:#b98a00;--blue:#1f4fd6;--blue-soft:#eaf0ff;--green:#2f8f6b;--green-soft:#e7f4ee;--danger:#b23b2e;--sans:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--sidebar-w:264px;--maxw:1180px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background-color:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;background-image:repeating-linear-gradient(#0000 0 31px,#00000009 31px 32px);font-size:16px;line-height:1.55}a{color:inherit}.mono{font-family:var(--mono)}.tick{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);font-size:.72rem}.shell{grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;display:grid}.spine{border-right:2px solid var(--ink);background:var(--graphite);height:100vh;color:var(--paper-2);background-image:none;flex-direction:column;align-self:start;gap:22px;padding:22px 20px;display:flex;position:sticky;top:0}.brand{align-items:baseline;gap:10px;display:flex}.brand-mark{font-family:var(--mono);background:var(--yellow);color:var(--graphite);letter-spacing:.02em;border-radius:3px;padding:4px 8px;font-size:1.05rem;font-weight:700}.brand-sub{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#b9bdc2;font-size:.66rem}.spine-nav{flex-direction:column;gap:2px;display:flex}.spine-nav a{color:#d6d9dc;border:1px solid #0000;border-radius:4px;grid-template-columns:30px 1fr;align-items:center;gap:8px;padding:9px 8px;text-decoration:none;display:grid}.spine-nav a:hover{color:#fff;background:#ffffff0f}.spine-nav a .n{font-family:var(--mono);color:var(--yellow);font-size:.7rem}.spine-nav a.active{background:var(--paper-2);color:var(--graphite);border-color:var(--yellow)}.spine-nav a.active .n{color:var(--yellow-deep)}.spine-foot{flex-direction:column;gap:12px;margin-top:auto;display:flex}.spine-contact{color:#aeb2b7;font-size:.74rem;line-height:1.5}.spine-contact strong{color:#fff;font-weight:600}.main{flex-direction:column;min-width:0;display:flex}.page{max-width:var(--maxw);width:100%;margin:0 auto;padding:40px clamp(20px,4vw,56px) 72px}.idx-head{border-bottom:2px solid var(--ink);grid-template-columns:auto 1fr;align-items:end;gap:18px;margin-bottom:26px;padding-bottom:14px;display:grid}.idx-head .big{font-family:var(--mono);color:var(--yellow-deep);font-size:clamp(2.4rem,7vw,4rem);font-weight:700;line-height:.8}.idx-head h1{letter-spacing:-.01em;margin:0;font-size:clamp(1.4rem,3vw,2rem)}.idx-head p{color:var(--ink-soft);max-width:60ch;margin:6px 0 0}.btn{font-family:var(--mono);letter-spacing:.03em;cursor:pointer;border:2px solid var(--ink);background:var(--ink);color:var(--paper-2);border-radius:4px;align-items:center;gap:8px;padding:11px 16px;font-size:.82rem;text-decoration:none;display:inline-flex}.btn:hover{background:var(--graphite)}.btn.yellow{background:var(--yellow);color:var(--graphite);border-color:var(--ink)}.btn.yellow:hover{background:var(--yellow-deep);color:#fff}.btn.ghost{color:var(--ink);background:0 0}.btn.ghost:hover{background:#0000000d}.btn:disabled{opacity:.5;cursor:not-allowed}.disclaimer{border:1.5px dashed var(--yellow-deep);color:#5b4a08;background:repeating-linear-gradient(45deg,#fdf6dd,#fdf6dd 12px,#fbf0c9 12px 24px);border-radius:5px;gap:10px;padding:12px 14px;font-size:.82rem;line-height:1.45;display:flex}.disclaimer .flag{font-family:var(--mono);color:var(--yellow-deep);white-space:nowrap;font-weight:700}.hero{border-bottom:2px solid var(--ink)}.hero-inner{max-width:var(--maxw);margin:0 auto;padding:30px clamp(20px,4vw,56px) 40px}.hero-tag{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:14px;display:flex}.hero-tag .pill{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line-strong);background:var(--paper-2);border-radius:20px;padding:4px 9px;font-size:.7rem}.hero-title{letter-spacing:-.02em;max-width:20ch;margin:6px 0 10px;font-size:clamp(1.9rem,4.4vw,3.1rem);line-height:1.02}.hero-title em{background:linear-gradient(transparent 62%, var(--yellow) 62%);font-style:normal}.hero-lede{color:var(--ink-soft);max-width:56ch;margin:0 0 8px}.hero-top{grid-template-columns:1.05fr .95fr;align-items:center;gap:30px;display:grid}.hero-raster{border:2px solid var(--ink);background:var(--paper-2);border-radius:8px;margin:0;overflow:hidden;box-shadow:8px 8px #1a1e221f}.hero-raster img{width:100%;height:auto;display:block}.hero-raster figcaption{font-family:var(--mono);letter-spacing:.06em;color:var(--ink-soft);border-top:1px solid var(--line);background:var(--paper);padding:8px 12px;font-size:.7rem}.split{border:2px solid var(--ink);background:var(--paper-2);border-radius:8px;grid-template-columns:minmax(0,44fr) minmax(0,56fr);gap:0;margin-top:22px;display:grid;overflow:hidden}.split-in{border-right:2px solid var(--ink)}.panel-head{background:var(--graphite);color:var(--paper-2);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:10px 14px;font-size:.74rem;display:flex}.panel-head .dot{background:var(--yellow);border-radius:50%;width:9px;height:9px;display:inline-block}.panel-body{padding:16px}.field{margin-bottom:14px}.field label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:5px;font-size:.7rem;display:block}.field input,.field textarea,.field select{width:100%;font-family:var(--sans);color:var(--ink);background:var(--paper);border:1.5px solid var(--line-strong);border-radius:4px;padding:9px 11px;font-size:.92rem}.field textarea{resize:vertical;min-height:74px}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid var(--blue);border-color:var(--blue)}.seg{gap:6px;display:flex}.seg button{font-family:var(--mono);border:1.5px solid var(--line-strong);background:var(--paper);cursor:pointer;text-transform:uppercase;letter-spacing:.04em;border-radius:4px;flex:1;padding:8px;font-size:.74rem}.seg button.on{background:var(--ink);color:var(--paper-2);border-color:var(--ink)}.ledger{flex-direction:column;display:flex}.ledger-block{border-bottom:1px solid var(--line);padding:12px 14px}.ledger-block:last-child{border-bottom:none}.ledger-block h4{font-size:.82rem;font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--graphite);align-items:center;gap:8px;margin:0 0 8px;display:flex}.ledger-block h4 .swatch{border-radius:2px;width:12px;height:12px}.ledger-row{border-top:1px dotted var(--line);grid-template-columns:26px 1fr;gap:8px;padding:4px 0;font-size:.88rem;display:grid}.ledger-row:first-of-type{border-top:none}.ledger-row .ln{font-family:var(--mono);color:var(--yellow-deep);font-size:.72rem}.reminder-line{background:var(--green-soft);border-left:3px solid var(--green);border-radius:0 4px 4px 0;padding:8px 10px;font-size:.86rem}.meter{border:1.5px solid var(--ink);background:var(--paper-2);border-radius:6px;padding:10px 12px}.meter-top{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.meter-top .num{font-family:var(--mono);font-size:1.1rem;font-weight:700}.meter-cells{gap:3px;display:flex}.meter-cells .cell{background:var(--line);border-radius:2px;flex:1;height:14px}.meter-cells .cell.f{background:var(--green)}.meter-cells .cell.low{background:var(--yellow)}.meter-note{color:var(--ink-soft);margin-top:7px;font-size:.72rem}.record-list{border-top:2px solid var(--ink)}.record-item{border-bottom:1px solid var(--line);grid-template-columns:56px 1fr 240px;align-items:start;gap:20px;padding:18px 6px;display:grid}.record-shot{border:2px solid var(--ink);background:var(--paper-2);border-radius:8px;margin:0;overflow:hidden;box-shadow:6px 6px #1a1e221a}.record-shot img{width:100%;height:auto;display:block}.record-shot figcaption{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);border-top:1px solid var(--line);background:var(--paper);padding:6px 10px;font-size:.66rem}.record-item .rn{font-family:var(--mono);color:var(--yellow-deep);font-size:1.3rem}.record-item h3{margin:0 0 4px;font-size:1.05rem}.record-item .meta{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);font-size:.72rem}.record-item .tags{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.tag{font-family:var(--mono);background:var(--blue-soft);color:var(--blue);border-radius:3px;padding:3px 7px;font-size:.68rem}.preview-pair{grid-template-columns:1.5fr 1fr;gap:18px;margin-top:26px;display:grid}.preview-pair figure{border:2px solid var(--ink);background:var(--paper-2);border-radius:8px;margin:0;overflow:hidden;box-shadow:6px 6px #1a1e221a}.preview-pair img{width:100%;height:auto;display:block}.preview-pair figcaption{font-family:var(--mono);letter-spacing:.05em;color:var(--ink-soft);border-top:1px solid var(--line);background:var(--paper);padding:8px 12px;font-size:.7rem}.pricing-shot{border:2px solid var(--ink);background:var(--paper-2);border-radius:8px;grid-template-columns:320px 1fr;align-items:center;margin:0 0 26px;display:grid;overflow:hidden}.pricing-shot img{border-right:2px solid var(--ink);width:100%;height:auto;display:block}.pricing-shot figcaption{font-family:var(--mono);letter-spacing:.04em;color:var(--ink-soft);padding:16px 20px;font-size:.8rem}.rail{border:2px solid var(--ink);border-radius:8px;grid-template-columns:1fr 1.25fr 1fr;gap:0;display:grid;overflow:hidden}.plan{border-right:1px solid var(--line);background:var(--paper-2);flex-direction:column;padding:20px 18px;display:flex}.plan:last-child{border-right:none}.plan.featured{background:var(--graphite);color:var(--paper-2)}.plan.featured .plan-price,.plan.featured h3{color:#fff}.plan .kicker{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--yellow-deep);font-size:.7rem}.plan.featured .kicker{color:var(--yellow)}.plan h3{margin:6px 0 2px;font-size:1.25rem}.plan-price{font-family:var(--mono);font-size:2rem;font-weight:700}.plan-cad{color:var(--ink-soft);font-size:.78rem}.plan.featured .plan-cad{color:#c3c7cc}.plan .credits{font-family:var(--mono);border-top:1px dashed var(--line-strong);border-bottom:1px dashed var(--line-strong);margin:12px 0;padding:8px 0;font-size:.82rem}.plan ul{flex-direction:column;gap:6px;margin:0 0 16px;padding:0;font-size:.86rem;list-style:none;display:flex}.plan li{grid-template-columns:16px 1fr;gap:6px;display:grid}.plan li:before{content:"▸";color:var(--yellow-deep)}.plan.featured li:before{color:var(--yellow)}.plan .btn{justify-content:center;margin-top:auto}.prose{max-width:74ch}.prose h2{border-top:1px solid var(--line);margin:30px 0 8px;padding-top:8px;font-size:1.25rem}.prose h2:first-of-type{border-top:none;padding-top:0}.prose h3{margin:18px 0 6px;font-size:1.02rem}.prose p,.prose li{color:var(--ink)}.prose ul{padding-left:20px}.prose li{margin:4px 0}.prose .updated{font-family:var(--mono);color:var(--ink-soft);font-size:.74rem}.callout{border-left:3px solid var(--blue);background:var(--blue-soft);border-radius:0 5px 5px 0;margin:14px 0;padding:12px 14px;font-size:.9rem}.callout.warn{border-left-color:var(--danger);background:#fbecea}.stamp{border:2px solid var(--ink);background:var(--paper-2);border-radius:6px;padding:14px 16px;font-size:.82rem;line-height:1.6}.stamp .lbl{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);font-size:.66rem}.strip{border:2px solid var(--ink);border-radius:8px;grid-template-columns:1.4fr 1fr 1fr;gap:0;margin-top:26px;display:grid;overflow:hidden}.strip>div{border-right:1px solid var(--line);padding:18px}.strip>div:last-child{border-right:none}.strip .num{font-family:var(--mono);color:var(--yellow-deep);font-size:.8rem}.strip h4{margin:6px 0;font-size:1.05rem}.strip p{color:var(--ink-soft);margin:0;font-size:.86rem}.foot{border-top:2px solid var(--ink);background:var(--graphite);color:#c7cbcf;margin-top:auto}.foot-in{max-width:var(--maxw);grid-template-columns:1.3fr 1fr 1fr;gap:28px;margin:0 auto;padding:30px clamp(20px,4vw,56px);display:grid}.foot h5{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#fff;margin:0 0 10px;font-size:.72rem}.foot a{color:#c7cbcf;padding:3px 0;font-size:.86rem;text-decoration:none;display:block}.foot a:hover{color:var(--yellow)}.foot-reg{font-size:.78rem;line-height:1.6}.foot-reg strong{color:#fff}.foot-bottom{color:#9aa0a6;max-width:var(--maxw);border-top:1px solid #ffffff1f;flex-wrap:wrap;justify-content:space-between;gap:10px;margin:0 auto;padding:14px clamp(20px,4vw,56px);font-size:.74rem;display:flex}.grid-2{grid-template-columns:1fr 1fr;gap:20px;display:grid}.examples-lead{grid-template-columns:1fr 200px;align-items:center;gap:20px;margin-bottom:24px;display:grid}.motif{border:2px solid var(--ink);background:var(--paper-2);border-radius:8px;margin:0;overflow:hidden}.motif img{width:100%;height:auto;display:block}@media (max-width:900px){.shell{grid-template-columns:1fr}.spine{border-right:none;border-bottom:2px solid var(--ink);flex-flow:wrap;align-items:center;gap:12px 18px;height:auto;position:static}.spine-nav{flex-flow:wrap}.spine-nav a{grid-template-columns:auto auto}.spine-foot{flex-direction:row;gap:16px;margin:0}.spine-contact{display:none}.hero-top,.split{grid-template-columns:1fr}.split-in{border-right:none;border-bottom:2px solid var(--ink)}.rail,.strip,.foot-in{grid-template-columns:1fr}.plan,.strip>div{border-right:none;border-bottom:1px solid var(--line)}.grid-2,.examples-lead{grid-template-columns:1fr}.motif{max-width:220px}.record-item{grid-template-columns:40px 1fr}.record-shot{grid-column:1/-1;max-width:320px}.pricing-shot{grid-template-columns:1fr}.pricing-shot img{border-right:none;border-bottom:2px solid var(--ink)}.preview-pair{grid-template-columns:1fr}}