/* Scoped checkout presentation; totals and order handling remain in checkout.js. */
:root{color-scheme:light;--ink:#142b36;--muted:#556672;--line:#dce5e7;--accent:#086b59;--paper:#f4f7f7}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:var(--accent)}header{background:white;border-bottom:1px solid var(--line)}nav{max-width:1100px;margin:auto;padding:17px 24px;display:flex;justify-content:space-between;gap:20px;align-items:center}.brand{font-weight:800;color:var(--ink);text-decoration:none;overflow-wrap:anywhere}.secure{font-size:13px;color:var(--muted)}main{max-width:1100px;margin:auto;padding:32px 24px 56px}.intro{max-width:760px;margin-bottom:23px}.eyebrow{text-transform:uppercase;letter-spacing:.09em;font-size:12px;font-weight:750;color:var(--accent)}h1{font-size:clamp(27px,4vw,38px);line-height:1.15;margin:9px 0 12px;letter-spacing:-.025em}h2{font-size:20px;line-height:1.35;margin:0 0 16px}p{color:var(--muted);margin:0 0 14px}.layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.8fr);gap:22px;align-items:start}.card{min-width:0;background:#fff;border:1px solid var(--line);border-radius:16px;padding:25px}.summary{position:sticky;top:20px;background:#102f32;color:#fff}.summary .eyebrow{color:#adddcd}.summary h2,.summary p{color:inherit}.summary h2{font-size:18px;margin:8px 0}.price{font-size:36px;line-height:1.15;font-weight:800;letter-spacing:-.025em;margin:12px 0 6px}.total-note{font-size:13px;line-height:1.5}.summary hr{border:0;border-top:1px solid #ffffff30;margin:18px 0}.steps{padding-left:19px;font-size:14px;color:#e1ece8;line-height:1.6}.steps li+li{margin-top:8px}.plan-options{border:1px solid var(--line);border-radius:10px;margin-bottom:23px;background:#fbfdfd}.plan-options summary{padding:13px 16px;cursor:pointer;font-weight:750;min-height:48px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}.plan-options summary::-webkit-details-marker{display:none}.plan-options summary:after{content:"+";font-size:22px;line-height:1}.plan-options[open] summary:after{content:"−"}.plan-options .fields{padding:4px 16px 16px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:block;font-size:14px;font-weight:650}.field span{display:block;margin-bottom:6px}input,select{font:inherit;font-size:16px;color:var(--ink);border:1px solid #aebec5;border-radius:8px;background:#fff;width:100%;height:48px;padding:10px 11px;min-width:0}input:focus-visible,select:focus-visible,summary:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #78c9b7;outline-offset:3px}.contact .field{margin:13px 0}.contact{margin:0;padding:0;border:0}.hint{font-size:13px;font-weight:400;color:var(--muted);margin-top:5px}.optin{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--muted);margin:15px 0}.optin input{flex:0 0 18px;width:18px;height:18px;margin:2px 0}.pay,.save-plan{font:750 16px/1.35 system-ui;cursor:pointer;border:0;border-radius:9px;min-height:49px}.pay{display:block;width:100%;padding:15px;background:var(--accent);color:#fff;margin-top:16px}.pay:hover{background:#054e42}.pay:disabled{opacity:.6;cursor:wait}.save-plan{display:block;margin:0 16px 16px;padding:12px 16px;background:#e8f3ef;color:#075544}.error{color:#a82920;margin-top:12px;font-size:14px}.error:empty{display:none}.privacy{font-size:12px;margin-top:15px}.footer{font-size:14px;margin-top:20px}[hidden]{display:none!important}@media(max-width:760px){nav{padding:15px 18px}.secure{display:none}main{padding:22px 16px 36px}.intro{margin-bottom:17px}.intro p{font-size:15px;line-height:1.5}.layout{grid-template-columns:1fr;gap:14px}.card{padding:18px}.summary{position:static;grid-row:1;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:start;padding:15px 17px}.summary .eyebrow{grid-column:1}.summary h2{grid-column:1;font-size:15px;margin:5px 0 0}.summary .price{grid-column:2;grid-row:1/3;font-size:28px;margin:0;white-space:nowrap}.summary .total-note{grid-column:1/-1;margin:5px 0 0;font-size:12px}.summary hr,.summary .steps,.summary .fulfillment-note{display:none}.plan-options{margin-bottom:18px}.plan-options summary{font-size:15px}.fields{gap:13px}.contact h2{font-size:19px;margin-bottom:10px}.contact .field{margin:11px 0}.optin{margin:12px 0}.pay{margin-top:14px}}@media(max-width:359px){.fields{grid-template-columns:1fr}.summary .price{font-size:25px}.summary h2{font-size:14px}.brand{font-size:15px}main{padding-right:12px;padding-left:12px}}
