:root{--ink:#000;--paper:#fff;--orange:#ff7900;--muted:#545454;--soft:#fff2e3;--gray:#f0f0f0;--border:#767676;--radius:12px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.45 Inter,Arial,sans-serif}header{background:#000;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:32px;max-width:100%}.brand{display:flex;align-items:center;gap:32px;color:#fff;text-decoration:none;font-size:25px}.brand img{width:64px;height:64px}nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap}nav a,nav button{font-size:14px;color:inherit;text-decoration:none;background:none;border:0;padding:8px;font-weight:600}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer;font:inherit}a{color:inherit}button:disabled{cursor:not-allowed;background:#ddd!important;color:#545454!important}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #000;outline-offset:4px}header :focus-visible,footer :focus-visible{outline-color:#ff7900}.demo-note{padding:12px;background:var(--gray);color:var(--muted);font-size:12px}main{max-width:1440px;margin:auto;padding:64px;min-height:600px}main:focus{outline:none}h1{font-size:clamp(34px,4vw,52px);line-height:1.25;margin:0 0 24px;letter-spacing:-1.4px}h2{font-size:28px;line-height:1.35;margin:0 0 20px;letter-spacing:-.4px}h3{font-size:20px;line-height:1.45;margin:0 0 12px}p{margin:0 0 20px}.intro{font-size:20px;color:var(--muted);max-width:1200px;margin-bottom:32px}.eyebrow{font-size:14px;font-weight:700;color:var(--muted);margin-bottom:20px}.muted,small{color:var(--muted)}small{font-size:13px;display:block}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:55px;padding:16px 24px;background:var(--orange);color:#000;border:1px solid transparent;border-radius:var(--radius);font-weight:700;text-decoration:none;line-height:1.45;text-align:center;max-width:100%}.btn.secondary{background:#fff;border-color:var(--border)}.btn:hover{filter:brightness(.94)}.actions{display:flex;gap:16px;flex-wrap:wrap;margin:24px 0}.cols{display:grid;grid-template-columns:minmax(0,856fr) minmax(280px,424fr);gap:32px;align-items:start}.aside{background:var(--soft);padding:24px;border-radius:var(--radius)}.aside p:last-child{margin-bottom:0}.notice{background:var(--gray);padding:24px;border-radius:var(--radius);margin:24px 0}.notice p:last-child{margin-bottom:0}.hero{display:grid;grid-template-columns:1.34fr 1fr;background:#000;color:white;align-items:stretch;margin:32px 0}.hero img{width:100%;height:540px;object-fit:cover;border-radius:12px 0 0 12px}.hero-copy{padding:32px;display:flex;flex-direction:column;justify-content:center;gap:24px}.hero-copy h2{font-size:40px;margin:0}.hero-copy p{margin:0;font-size:20px}.hero-copy .eyebrow{font-size:14px;color:#ff7900}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:24px 0 32px}.card{padding:24px;border-radius:12px;background:var(--gray);display:flex;flex-direction:column;align-items:flex-start;gap:16px}.card p{margin:0}.card .btn{margin-top:auto}.plan{background:#fff;border:1px solid #d1d1d1}.plan.selected{border:2px solid #000;box-shadow:0 0 0 2px #fff2e3}.price{font-size:28px;font-weight:700}.banner{padding:32px;background:var(--soft);border-radius:12px;margin-top:32px}.wide-photo{width:100%;height:630px;object-fit:cover;border-radius:12px;margin:0 0 24px}.article{max-width:856px}.article>p{max-width:720px;font-size:18px;line-height:1.6;margin:0 0 24px}.article h2{margin:32px 0 24px}.article figure{max-width:720px;margin:32px 0}.article figure img{width:100%;height:auto;aspect-ratio:12/7;object-fit:cover;border-radius:12px}.article figcaption{font-size:12px;color:#545454;margin-top:8px}.article .notice{max-width:800px}.article .notice p{font-size:16px}.meta{display:flex;gap:32px;flex-wrap:wrap;font-size:14px;margin-bottom:32px}.row{padding:24px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;margin-bottom:16px;border-radius:12px}.row.add{background:var(--soft)}.row .detail{font-size:14px;color:var(--muted)}.row strong{display:block}.row>div:last-child{text-align:right;max-width:180px}.summary{margin:0}.summary div{display:flex;justify-content:space-between;gap:20px;margin:16px 0}.summary dt{font-weight:400}.summary dd{margin:0;text-align:right;font-weight:700}.summary .total{border-top:1px solid #ccc;padding-top:16px;font-size:20px}.summary small{margin-top:24px}label{display:block;font-size:14px;font-weight:700;margin-bottom:24px}input:not([type=checkbox]):not([type=radio]),select,textarea{display:block;width:100%;padding:16px;border:1px solid var(--border);background:white;color:#000;border-radius:12px;font:400 16px/1.45 Inter,Arial,sans-serif;margin-top:8px}textarea{min-height:110px;resize:vertical}input[type=checkbox],input[type=radio]{width:22px;height:22px;accent-color:#000;flex-shrink:0}.check{display:flex;gap:12px;align-items:flex-start;font-size:16px;font-weight:400}.check input{margin-top:2px}fieldset{border:1px solid #767676;border-radius:12px;padding:24px;margin:24px 0}legend{font-weight:700;padding:0 8px}.error{color:#a00000;font-weight:600}.error:empty{display:none}.back{margin-bottom:24px}.back a{font-size:14px}.chips{display:flex;gap:16px;flex-wrap:wrap;margin:24px 0}.chips a{padding:8px 0}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.product-photo{width:100%;border-radius:12px;object-fit:cover;aspect-ratio:1.9;margin-bottom:24px}.success-icon{display:inline-grid;place-items:center;background:#000;color:#fff;width:56px;height:56px;border-radius:50%;font-size:32px;margin-bottom:24px}.order-list{padding-left:24px;line-height:1.8}.save-badge{background:#fff2e3;border-radius:12px;padding:20px;margin-bottom:24px}.skip{position:absolute;left:12px;top:-100px;background:#fff;color:#000;padding:16px;z-index:5}.skip:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}footer{background:#000;color:white;padding:32px;display:flex;gap:32px;align-items:center;justify-content:space-between;flex-wrap:wrap;font-size:14px}.standalone{margin-top:32px}details{margin:24px 0}summary{cursor:pointer;font-weight:700;padding:12px 0}@media(max-width:850px){header{padding:20px;gap:20px;flex-wrap:wrap}.brand{font-size:20px;gap:16px}.brand img{width:48px;height:48px}nav{gap:8px}main{padding:32px 20px}.cols{grid-template-columns:1fr}.hero{grid-template-columns:1fr}.hero img{height:340px;border-radius:12px 12px 0 0}.hero-copy h2{font-size:32px}.cards,.two{grid-template-columns:1fr}.wide-photo{height:360px}.row{padding:16px;gap:12px}.row>div:last-child{max-width:130px}.meta{gap:12px}.aside{position:static}.btn{white-space:normal}.summary .total{font-size:18px}footer{padding:24px 20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}