:root{--blue:#079bd7;--pink:#e60073;--yellow:#ffd400;--ink:#22262a;--muted:#737b82;--line:#dde2e5;--light:#f5f6f7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#eef1f2;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}.offer{background:#fff;width:min(1120px,100% - 30px);margin:30px auto;box-shadow:0 18px 55px #26333b18}.customer-tools{z-index:5;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;justify-content:flex-end;gap:8px;padding:12px 24px;display:flex;position:sticky;top:0}.customer-tools button,.position-selection button,.mobile-card button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:8px;padding:11px 15px;font-weight:800}.customer-tools button:nth-child(2),.mobile-card button{border-color:var(--ink);background:var(--ink);color:#fff}.bars{gap:8px;padding:24px 46px 0;display:flex}.bars i{width:90px;height:7px}.bars i:first-child{background:var(--blue)}.bars i:nth-child(2){background:var(--pink)}.bars i:nth-child(3){background:var(--yellow)}header{border-bottom:1px solid var(--line);color:var(--muted);text-align:right;justify-content:space-between;align-items:center;padding:30px 46px;font-size:13px;display:flex}header img{width:310px}.hero,.positions,.reply{padding:44px 48px}.hero>p,.eyebrow{color:var(--blue);letter-spacing:1.5px;font-size:11px;font-weight:900}.hero h1{max-width:900px;margin:8px 0 28px;font-size:48px;line-height:1.05}.client{background:var(--light);border-radius:14px;grid-template-columns:1fr 1fr;gap:24px;padding:24px;display:grid}.client div{gap:4px;display:grid}.client small,.poshead small,.visuals small{color:var(--muted);letter-spacing:1px;font-size:10px;font-weight:900}.client span{color:var(--muted)}.position-selection{background:#eef8fc;border-radius:14px;justify-content:space-between;align-items:end;gap:24px;margin:0 48px;padding:28px;display:flex}.position-selection h2{margin:5px 0}.position-selection p{margin-bottom:0}.position-selection>div:last-child{flex-shrink:0;gap:8px;display:flex}.positions article{border-top:1px solid var(--line);padding:28px 0;transition:opacity .2s}.positions article.optional{border:2px dashed #efb400;border-radius:12px;margin:0 -16px;padding:28px 16px}.positions article.not-chosen{opacity:.52}.poshead{align-items:flex-start;gap:14px;display:flex}.poshead>b{background:var(--blue);color:#fff;border-radius:7px;padding:7px 10px}.poshead>div{flex:1}.poshead h2{margin:3px 0;font-size:25px}.poshead em{color:#8c6a00;font-size:10px}.position-check{border:2px solid var(--line);cursor:pointer;border-radius:9px;align-items:center;gap:8px;padding:10px 12px;font-size:12px;font-weight:900;display:flex}.chosen .position-check{border-color:var(--blue);color:var(--blue);background:#eef8fc}.position-check input{width:18px;height:18px;accent-color:var(--blue)}.visuals{grid-template-columns:1fr 1fr;gap:16px;margin:18px 0;display:grid}.visuals img{object-fit:contain;background:var(--light);border-radius:10px;width:100%;height:250px;display:block}.price{justify-items:end;display:grid}.price small{color:var(--muted)}.price strong{font-size:22px}.summary{border-top:1px solid var(--line);grid-template-columns:1fr 360px;gap:30px;margin:0 48px;padding:32px 0;display:grid}.summary>div:first-child p{color:var(--muted)}.selection-count{margin-top:24px}.selection-count strong{color:var(--blue);font-size:24px}.total{background:var(--ink);color:#fff;border-radius:13px;padding:20px}.total p{justify-content:space-between;display:flex}.total p:last-child{border-top:1px solid #596066;padding-top:12px;font-size:20px}.mobile-card{border:1px solid var(--line);background:#fff;border-radius:16px;justify-content:space-between;align-items:center;gap:30px;margin:20px 48px 48px;padding:30px;display:flex}.mobile-card>div{max-width:620px}.mobile-card h2{margin:6px 0;font-size:30px}.mobile-card img{border:10px solid #fff;width:190px;height:190px;box-shadow:0 5px 25px #26333b18}.reply{background:var(--light)}.reply h2{font-size:32px}.choices{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.choices button{border:2px solid var(--line);text-align:left;background:#fff;border-radius:11px;gap:5px;padding:16px;display:grid}.choices button.selected{border-color:var(--blue);color:var(--blue)}.choices strong{color:var(--ink)}.form{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px;display:grid}.form label{color:var(--muted);gap:5px;font-size:11px;font-weight:800;display:grid}.form input,.form textarea{border:1px solid var(--line);width:100%;font:inherit;background:#fff;border-radius:8px;padding:11px}.form .note{grid-column:1/-1}.form textarea{min-height:80px}.send{background:var(--blue);color:#fff;border:0;border-radius:9px;margin-top:14px;padding:13px 18px;font-weight:900}.message{font-weight:800}.state{text-align:center;background:#fff;border-radius:16px;width:min(600px,100% - 30px);margin:14vh auto;padding:45px}.state img{width:min(330px,90%)}@media (max-width:720px){.offer{width:100%;margin:0}.customer-tools{justify-content:stretch;padding:9px}.customer-tools button{flex:1;padding:9px 6px;font-size:11px}.bars,header,.hero,.positions,.reply{padding-left:20px;padding-right:20px}header img{width:220px}header div{display:none}.hero h1{font-size:36px}.position-selection{margin:0 20px;padding:20px;display:grid}.position-selection>div:last-child{display:grid}.client,.visuals,.summary,.choices,.form{grid-template-columns:1fr}.summary{margin:0 20px}.mobile-card{text-align:center;margin:20px;display:grid}.mobile-card img{margin:auto}.form .note{grid-column:auto}.poshead{flex-wrap:wrap}.position-check{margin-left:48px}}@media print{@page{size:A4;margin:12mm}body{background:#fff}.offer{width:auto;box-shadow:none;margin:0}.customer-tools,.position-selection,.position-check,.mobile-card,.reply{display:none!important}.bars{padding-top:0}header,.hero,.positions{padding-left:0;padding-right:0}.hero{padding-top:24px;padding-bottom:24px}.hero h1{font-size:34px}.positions{padding-top:0}.positions article{break-inside:avoid;opacity:1!important}.positions article.not-chosen{display:none}.visuals img{height:170px}.summary{break-inside:avoid;margin:0}}
