:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#19273c;background:#f5f8fa;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #ccd8df;border-radius:10px;background:#fff;color:#24344a;padding:12px 18px;font-weight:650;min-height:44px}button:hover{border-color:#08745d;background:#edf7f3}button:focus-visible,a:focus-visible{outline:3px solid #7354ba;outline-offset:3px}.primary{background:#076b55;color:white;border-color:#076b55}.primary:hover{background:#075341;color:white}.preview{background:#19283d;color:#dbe9ed;text-align:center;font-size:12px;padding:10px}header{max-width:1190px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:24px;gap:22px}.brand{font-size:24px;font-weight:850;color:#19283d;text-decoration:none;white-space:nowrap}.brand small{font-size:12px;background:#beb1fa;padding:5px;border-radius:4px}nav{display:flex;flex-wrap:wrap;gap:8px}nav button{font-size:13px;background:transparent}main{max-width:1120px;margin:auto;padding:35px 24px 70px;min-height:70vh}h1{font-size:clamp(30px,4.2vw,54px);letter-spacing:-2px;line-height:1.1;margin:12px 0 24px}h2{font-size:25px;letter-spacing:-.7px}p{line-height:1.65}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:#076b55}.hero{display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:65px;padding:28px 0 45px}.lead{font-size:18px;max-width:520px}.hero button{margin:10px 8px 0 0}.muted{color:#586778;font-size:13px}.feature{background:linear-gradient(135deg,#dceee8,#eee8fc);border:1px solid #d5e3df;border-radius:24px;padding:30px}.orb{float:right;font-size:64px;color:#7059b0;text-shadow:5px 4px #a3ddd2}li{padding:7px 0;line-height:1.5}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.benefits article,.panel,.record{background:white;border:1px solid #dce3e9;border-radius:16px;padding:25px}.benefits b{color:#075f4b}.benefits p{font-size:14px}.note{background:#eceff9;border-radius:12px;padding:18px;margin-top:24px;font-size:14px;line-height:1.6}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.steps{display:flex;list-style:none;padding:0;gap:10px;margin:14px 0 24px}.steps li{flex:1;border-top:4px solid #d9e1e5;font-size:13px;color:#617080;padding:12px 0}.steps .active{border-color:#076b55;color:#075f4b;font-weight:800}.grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.field{min-width:0}.field.wide{grid-column:1/-1}label{display:block;font-size:14px;font-weight:700;margin-bottom:8px}input:not([type=checkbox]),select,textarea{width:100%;background:#fbfcfd;border:1px solid #9aadb9;border-radius:8px;padding:12px;color:#19273c}textarea{min-height:125px;resize:vertical}input:focus,select:focus,textarea:focus{outline:3px solid #d6caf3;border-color:#7051af}.error{color:#b42318;font-size:13px;display:block;margin-top:7px}.invalid{border:2px solid #b42318!important}.wizard-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:20px}.check{display:flex;gap:12px;align-items:flex-start;margin:20px 0}.check input{width:22px;height:22px;flex-shrink:0}.photos{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.photo{width:150px}.photo img{width:150px;height:100px;object-fit:cover;border-radius:9px}.photo button{font-size:12px;padding:6px;min-height:34px;width:100%}.record{margin:18px 0}.record h2{margin:12px 0}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.badge{display:inline-block;background:#ece8fa;color:#62449a;border-radius:30px;padding:6px 12px;font-size:12px;font-weight:750}.badge.live{background:#dcf1e6;color:#08674d}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.facts div{background:#f2f6f8;padding:14px;border-radius:8px}.facts small{display:block;color:#586778;margin-bottom:6px}.detail-photo{width:100%;max-height:350px;object-fit:cover;border-radius:14px}.price{font-size:30px;color:#075f4b;font-weight:800}.description{white-space:pre-wrap}.review-copy{background:#f5f8fa;border-radius:12px;padding:18px}#notice:not(:empty){padding:14px;background:#e2f4ec;color:#075b47;border-radius:10px;margin-bottom:18px}footer{border-top:1px solid #dce3e9;padding:25px;text-align:center;color:#546575;font-size:13px}footer span{margin-left:18px}[hidden]{display:none!important}@media(max-width:700px){header{flex-direction:column;padding:18px}nav{justify-content:center}main{padding:20px 16px 40px}.hero,.benefits,.grid{grid-template-columns:1fr;gap:20px}.hero{padding-top:0}.section-head{align-items:flex-start;flex-direction:column}.steps{gap:6px}.steps li{font-size:11px}.wizard-actions{flex-wrap:wrap}h1{letter-spacing:-1px}.facts{grid-template-columns:1fr 1fr}.panel{padding:18px}.feature{padding:24px}footer span{display:block;margin:10px 0 0}}

#buyer-form>label:not(.check){margin-top:20px}.record form button{margin-top:12px}button,input,select,textarea{touch-action:manipulation}.photo button{min-height:44px;margin-top:6px}.description{overflow-wrap:anywhere}.record,.review-copy{min-width:0;overflow-wrap:anywhere}@media(max-width:700px){.steps{display:grid;grid-template-columns:1fr 1fr}.wizard-actions{position:sticky;bottom:0;background:#f5f8fa;padding:12px 0;border-top:1px solid #dce3e9}.wizard-actions button{flex:1}.wizard-actions>span{order:-1;flex-basis:100%;text-align:center;font-size:12px}.actions button{flex:1 1 140px}.hero button{width:100%;margin-right:0}nav{width:100%;display:grid;grid-template-columns:1fr 1fr}nav button{padding:10px 6px}.facts{grid-template-columns:1fr 1fr}input,select,textarea{font-size:16px}}
