.web-home,.web-intro{display:grid;grid-template-columns:1fr 1.15fr;gap:60px;align-items:center}.web-home{background:#eef3ef}.web-home h2,.web-intro h2{font-size:48px;letter-spacing:-2px}.web-home ul{padding-left:18px;font-size:13px;line-height:2;color:#4c6a5a}.site-preview{background:#0b1220;border-radius:14px;padding:12px;box-shadow:0 25px 50px #0b122022;transform:perspective(1200px) rotateY(-4deg);color:white;overflow:hidden}.preview-bar{display:flex;justify-content:space-between;padding:8px 7px 16px;color:#91b5a7;font-size:10px}.preview-canvas{background:#eaf1ea;color:#0b1220;border-radius:7px;overflow:hidden}.preview-nav{padding:20px;display:flex;justify-content:space-between;font-size:8px;border-bottom:1px solid #cbd9cd}.preview-nav b{font-size:11px;letter-spacing:1px}.preview-content{padding:36px 25px;background:radial-gradient(ellipse at right,#a2d8bd88,transparent 70%)}.preview-content small{font-size:8px;letter-spacing:1.5px;color:#177852}.preview-content h3{font-size:34px;line-height:1.12;letter-spacing:-1.5px;margin:14px 0}.preview-content p{font-size:10px;line-height:1.7}.preview-button{display:inline-block;background:#0b1220;color:#fff;padding:12px;border-radius:4px;font-size:9px;margin-top:10px}.preview-tiles{display:flex;gap:10px;padding:15px 20px;background:white}.preview-tiles span{flex:1;font-size:8px;border-top:2px solid #16c784;padding:12px 0}.preview-note{color:#a5bcb1;font-size:9px;padding:14px 7px 4px}.web-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:35px}.web-feature-grid article{display:block;border:1px solid #d0ded2;border-radius:8px;padding:25px}.web-feature-grid h3{font-size:20px}.web-feature-grid small{color:#12835b}.web-feature-grid p{font-size:13px}.web-plans{background:#e9efe7}.web-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.web-plan-grid article{display:block;padding:30px;border-radius:8px;background:#fff;border:1px solid #cbd9cc}.web-plan-grid h3{font-size:30px}.web-plan-grid small{font-size:10px;color:#497e61}.web-plan-grid a{font-size:12px;color:#0d784e;text-decoration:underline}.web-note{font-size:11px;margin-top:25px}.web-brief{background:#0b1220;color:white;display:grid;grid-template-columns:1fr 1fr;gap:60px}.web-brief p{color:#b7cdc1}.brief-controls{display:grid;gap:22px}.brief-controls>label{display:grid;gap:12px;font-size:13px}.brief-controls select{background:#1a352b}.brief-controls fieldset{border:1px solid #4f7061;border-radius:8px;padding:20px}.brief-controls legend{font-size:12px;padding:0 8px}.brief-controls fieldset label{display:flex;align-items:center;gap:10px;font-size:12px;margin:12px 0}.brief-controls input{accent-color:#16c784}.brief-controls .primary{background:#16c784;color:#061f13;border:0;border-radius:5px}.web-inclusions .split h2{font-size:46px}.site-header nav{gap:15px}#web-brief-notice{font-size:12px;color:#b9efd4}@media(max-width:1100px){.header-quote{display:none}}@media(max-width:850px){.web-home,.web-intro,.web-brief{grid-template-columns:1fr;gap:30px}.web-home h2,.web-intro h2,.web-inclusions .split h2{font-size:35px}.web-feature-grid,.web-plan-grid{grid-template-columns:1fr}.site-preview{transform:none}.preview-nav span{display:none}.preview-content h3{font-size:29px}.web-brief h2{font-size:37px}.web-feature-grid article{padding:22px}.web-plan-grid article{padding:24px}}@media(prefers-reduced-motion:reduce){.site-preview{transform:none}}
