:root{--ink:#17242c;--muted:#58636a;--paper:#f7f5ef;--green:#275844;--line:#dcded4;--accent:#dded67}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 Arial,sans-serif}a{color:inherit}nav{max-width:1240px;margin:auto;padding:25px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font-weight:800;letter-spacing:-.5px;text-decoration:none}nav div{display:flex;gap:25px}nav a{text-decoration:none}main{max-width:1180px;margin:auto;padding:65px 32px}h1{font-size:clamp(40px,5.8vw,76px);line-height:1.04;letter-spacing:-3px;font-weight:600;margin:18px 0 24px}h2{font-size:34px;line-height:1.2;letter-spacing:-1px}h3{font-size:20px}p{max-width:640px}.eyebrow{font:12px/1.5 monospace;letter-spacing:1.7px;text-transform:uppercase;color:var(--green)}.lead{font-size:20px;color:var(--muted)}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:center}.button,button{display:inline-block;font:inherit;text-decoration:none;border:1px solid var(--green);border-radius:6px;padding:13px 22px;background:var(--green);color:white;cursor:pointer;font-weight:600}.button.secondary{background:transparent;color:var(--green)}button:disabled{cursor:default;opacity:.6}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.paper{background:white;border:1px solid var(--line);border-radius:10px;padding:30px;box-shadow:0 18px 50px #17242c0d}.receipt{transform:rotate(2deg)}.receipt h3{font-size:23px}.receipt dl div{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}dd{margin:0;font-variant-numeric:tabular-nums}.total{font-size:26px;font-weight:bold}.small{font-size:13px;color:var(--muted)}.tag{display:inline-block;padding:4px 10px;background:#e8ede6;font-size:12px;border-radius:4px}.section{padding:75px 0;border-top:1px solid var(--line);margin-top:65px}.split{display:grid;grid-template-columns:1fr 1fr;gap:50px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cards article{border-top:3px solid var(--green);padding:15px 0}.step{font:14px monospace;color:var(--green)}.calc{background:#edf0e5;border-radius:12px;padding:35px}.calc label{display:block;font-size:13px;font-weight:600;margin:14px 0 5px}input,select{font:inherit;padding:10px 12px;width:100%;border:1px solid #aab4ab;background:white;border-radius:5px}input[type=checkbox]{width:auto}table{border-collapse:collapse;width:100%}th,td{padding:8px 6px;text-align:left;border-bottom:1px solid var(--line)}th{font-size:12px;color:var(--muted)}td input{max-width:105px;text-align:right;padding:8px}td:last-child{text-align:right}.calc-summary{display:grid;grid-template-columns:1fr 1fr;gap:30px}.result{background:var(--ink);color:white;padding:26px;border-radius:9px;margin-top:25px}.result strong{font-size:38px;display:block;letter-spacing:-1px}.result p{margin:0}.settings{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.error{color:#a03425;font-weight:bold;min-height:1.5em}.preview img{width:100%;display:block;border:1px solid var(--line)}.preview figure{margin:0}.preview figcaption{font-size:13px;color:var(--muted);padding-top:12px}.price{font-size:58px;line-height:1.1;letter-spacing:-2px}.buybox{background:var(--ink);color:white;border-radius:10px;padding:34px}.buybox button{background:var(--accent);color:var(--ink);border-color:var(--accent);width:100%;margin-top:24px}.buybox .small{color:#c7d1d3}details{padding:19px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:bold}footer{padding:30px 32px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:13px;color:var(--muted)}.notice{background:#fff0ca;padding:10px 32px;font-size:13px;text-align:center}.consent{position:fixed;bottom:18px;left:18px;max-width:450px;padding:20px;background:white;border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 40px #0002;z-index:5}.consent p{font-size:13px;margin-top:0}.consent button{font-size:13px;padding:9px 13px;margin-right:6px}.consent .decline{background:white;color:var(--green)}:focus-visible{outline:3px solid #c77828;outline-offset:3px}.demo-screen{background:var(--ink);color:white;padding:40px;border-radius:12px;min-height:280px}.demo-screen strong{display:block;font-size:50px}.demo-screen p{color:#d5ddd8}.catalog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.catalog-item{padding:30px;border:1px solid var(--line);border-radius:8px}.review-only{font-size:14px;color:#ad5428}@media(max-width:800px){main{padding:40px 22px}nav{padding:20px 22px}nav div{gap:12px;font-size:13px}.hero,.split,.calc-summary{grid-template-columns:1fr;gap:30px}h1{letter-spacing:-2px}.cards{grid-template-columns:1fr}.catalog-grid{grid-template-columns:1fr}.section{padding:45px 0;margin-top:45px}.receipt{transform:none}.calc{padding:20px}.consent{right:18px}.table-wrap{overflow:auto}footer{flex-wrap:wrap}td,th{font-size:13px}}@media print{nav,footer,.notice,.consent,button,.actions{display:none}body{background:white}main{padding:0}.section{margin:0}.receipt{transform:none;box-shadow:none}}
@media(max-width:600px){.calc .settings{grid-template-columns:1fr}.calc .table-wrap thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.calc .table-wrap table,.calc .table-wrap tbody{display:block}.calc .table-wrap tr{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;padding:18px 0;border-bottom:1px solid #cbd2c5}.calc .table-wrap td{display:block;padding:0;border:0}.calc .table-wrap td:first-child{font-size:16px;font-weight:bold}.calc .table-wrap td:nth-child(2){text-align:right;color:var(--muted)}.calc .table-wrap td:nth-child(3)::before,.calc .table-wrap td:nth-child(4)::before{content:attr(data-label);display:block;font-size:12px;margin-bottom:5px}.calc .table-wrap td input{max-width:none;padding:10px;font-size:16px}.calc .table-wrap td:last-child{grid-column:1/-1;text-align:right;font-size:16px;font-variant-numeric:tabular-nums}.calc .table-wrap td:last-child::before{content:attr(data-label);color:var(--muted);font-size:13px;margin-right:8px}}

.demo-screen .eyebrow{color:var(--accent)}

[hidden]{display:none!important}

@media screen and (max-width:800px){
  body[data-product="photo-video-quote-kit"] .hero > *{min-width:0}
  body[data-product="photo-video-quote-kit"] .receipt dl > div{flex-wrap:wrap;gap:4px 12px}
  body[data-product="photo-video-quote-kit"] .receipt dd{margin-left:auto}
}
