:root{--bp-deep:#021f39;--bp:#03355d;--bp-mid:#054a7d;--bp-cyan:#8fe7ff;--bp-text:#f8fbff;--bp-muted:#c9e4f1;--bp-border:rgba(128,224,255,.46);--bp-orange:#ef7629;--bp-orange2:#ff8a38}
html{background:#021f39}body{background-color:var(--bp);background-image:linear-gradient(rgba(126,214,255,.042) 1px,transparent 1px),linear-gradient(90deg,rgba(126,214,255,.042) 1px,transparent 1px),linear-gradient(rgba(126,214,255,.072) 1px,transparent 1px),linear-gradient(90deg,rgba(126,214,255,.072) 1px,transparent 1px),radial-gradient(circle at 50% -8%,rgba(18,112,177,.24),transparent 38%);background-size:22px 22px,22px 22px,110px 110px,110px 110px,auto;color:var(--bp-text)}
.site-header{position:sticky;top:0;height:82px;background:rgba(2,30,54,.985);border-bottom:1px solid rgba(124,220,255,.22);box-shadow:0 10px 30px rgba(0,14,29,.30);overflow:hidden}.site-header:after{content:"";position:absolute;right:15%;top:9px;width:235px;height:80px;opacity:.18;pointer-events:none;background:linear-gradient(32deg,transparent 48%,#8ae3ff 49%,#8ae3ff 50%,transparent 51%),linear-gradient(-32deg,transparent 48%,#8ae3ff 49%,#8ae3ff 50%,transparent 51%),linear-gradient(90deg,transparent 14%,#8ae3ff 15%,transparent 16%,transparent 84%,#8ae3ff 85%,transparent 86%);background-size:120px 52px,120px 52px,180px 48px;background-position:12px 7px,96px 7px,34px 36px;background-repeat:no-repeat}.site-header>*{position:relative;z-index:2}
.brand{gap:12px}.brand-mark{width:56px;height:56px;border-radius:17px;background:rgba(3,45,78,.96);border:2px solid #e7f8ff;box-shadow:inset 0 0 0 2px rgba(110,214,255,.15),0 0 20px rgba(68,183,235,.08);font-size:22px}.brand strong{color:#fff;font-size:23px}.brand small{font-size:0;color:#91d9f3;margin-top:2px}.brand small:after{content:"PLAN  REPAIR  PROTECT";display:block;font-size:9px;font-weight:800;letter-spacing:.31em;text-transform:uppercase;white-space:nowrap}.site-header nav{color:#d8eef8}.site-header nav a:hover{color:#fff}
.btn{border-radius:15px}.btn.primary{background:linear-gradient(180deg,var(--bp-orange2),var(--bp-orange));color:#fff;box-shadow:0 12px 26px rgba(239,118,41,.28),inset 0 1px 0 rgba(255,255,255,.28);border:1px solid rgba(255,188,135,.48)}.btn.secondary{background:rgba(4,47,83,.72);color:#f0fbff;border:1px solid rgba(107,217,255,.80);box-shadow:inset 0 0 0 1px rgba(121,221,255,.04)}
.hero{position:relative;margin-top:18px;padding:34px;border:1px solid var(--bp-border);border-radius:30px;overflow:hidden;background-color:rgba(3,48,83,.94);background-image:url('blueprint-detail.svg'),linear-gradient(rgba(126,214,255,.046) 1px,transparent 1px),linear-gradient(90deg,rgba(126,214,255,.046) 1px,transparent 1px),linear-gradient(rgba(126,214,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(126,214,255,.08) 1px,transparent 1px),linear-gradient(145deg,rgba(5,67,113,.94),rgba(2,35,64,.98));background-position:right -8px top 8px,0 0,0 0,0 0,0 0,0 0;background-size:430px auto,22px 22px,22px 22px,110px 110px,110px 110px,auto;background-repeat:no-repeat,repeat,repeat,repeat,repeat,no-repeat;box-shadow:0 24px 68px rgba(0,17,34,.28),inset 0 0 70px rgba(71,188,239,.04)}
.hero:before{content:"";position:absolute;inset:14px;border:1px solid rgba(137,226,255,.10);border-radius:21px;pointer-events:none}.hero:after{content:"";position:absolute;left:36px;top:88px;width:275px;height:1px;background:linear-gradient(90deg,rgba(143,231,255,.72),transparent);opacity:.8;pointer-events:none}.hero>div{position:relative;z-index:3}.hero .eyebrow{color:#92e8ff;font-size:12px;letter-spacing:.15em}.hero h1{color:#fff;text-shadow:0 4px 20px rgba(0,15,33,.18);font-weight:900;margin-bottom:14px}.hero h1 span{color:#ff8132}.hero p{color:#d8eef8;margin-top:0;margin-bottom:16px}.hero-actions{margin:18px 0 12px;gap:10px}.trust-points{color:#eefaff;gap:9px}.trust-points span{min-height:54px;display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:14px;border:1px solid rgba(111,217,255,.30);background:rgba(3,42,74,.50);box-shadow:inset 0 0 18px rgba(81,190,238,.02)}.trust-points .trust-icon{width:27px;height:27px;flex:0 0 27px;stroke:#e3f8ff;fill:none;stroke-width:1.9}
.house-card{min-height:470px;padding:18px 20px;background-color:rgba(2,39,69,.86);background-image:linear-gradient(rgba(126,214,255,.058) 1px,transparent 1px),linear-gradient(90deg,rgba(126,214,255,.058) 1px,transparent 1px),linear-gradient(rgba(126,214,255,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(126,214,255,.10) 1px,transparent 1px),radial-gradient(circle at 68% 12%,rgba(66,183,236,.12),transparent 30%);background-size:20px 20px,20px 20px,100px 100px,100px 100px,auto;border:1px solid rgba(124,220,255,.56);border-radius:26px;box-shadow:inset 0 0 42px rgba(82,195,244,.04),0 14px 34px rgba(0,14,30,.14)}.house-card:before{background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(0,21,40,.06))}.house-card:after{content:"PLANNING VIEW";position:absolute;right:24px;bottom:13px;color:#a5eaff;font-size:10px;font-weight:900;letter-spacing:.20em;z-index:5}.hero-stat{position:relative;z-index:6;grid-template-columns:1fr 1fr;gap:10px}.stat{padding:14px 16px;border:1px solid rgba(143,225,255,.28);border-radius:16px;background:rgba(3,44,77,.82);box-shadow:inset 0 0 22px rgba(90,197,241,.04)}.stat span{color:#a8e2f6;font-size:10px;letter-spacing:.11em}.stat strong{color:#fff;font-size:22px}.house-svg,.house-annotations{position:absolute;left:16px;right:16px;bottom:22px;width:calc(100% - 32px);height:auto;z-index:3}.house-svg{filter:drop-shadow(0 7px 16px rgba(0,19,37,.20))}.house-svg path:nth-child(1){fill:#f2f3ef;stroke:#d5f1fb;stroke-width:2}.house-svg path:nth-child(2){fill:#e5e6e0;stroke:#dceff6;stroke-width:1.4}.house-svg path:nth-child(3){fill:#df7c42;stroke:#ffad78;stroke-width:1.3}.house-svg path:nth-child(4){fill:#8bcbd5;stroke:#bcebf1;stroke-width:1.3}.house-svg path:nth-child(5){fill:#163b51;stroke:#c0eafa;stroke-width:1.2}.house-svg path:nth-child(6){fill:none;stroke:#0b3143;stroke-width:7}.house-svg path:nth-child(7){stroke:#9de9dd}.house-annotations{z-index:4;pointer-events:none}.house-annotations line,.house-annotations path{stroke:#a7ecff;stroke-width:1.6;fill:none}.house-annotations text{fill:#a9ecff;font-family:Inter,Arial,sans-serif;font-size:14px;letter-spacing:.04em}.house-annotations .soft{opacity:.54}
.section{padding:24px 0}.section .eyebrow{color:#80ddff}.section-head{margin-bottom:14px}.section-head h2,.cost-panel h2,.problem-card h3,.guide-card h3{color:#fff}.section-head p,.problem-card p,.guide-card p,.cost-panel p{color:var(--bp-muted)}.problem-grid,.how-grid,.guide-grid{gap:10px}.problem-card,.guide-card,.cost-panel{background:linear-gradient(145deg,rgba(4,52,89,.84),rgba(2,38,68,.90));border:1px solid rgba(116,213,255,.24);box-shadow:0 10px 28px rgba(0,16,31,.12)}.problem-card:hover{border-color:#89e3ff;box-shadow:0 14px 34px rgba(0,22,43,.18),inset 0 0 24px rgba(94,203,246,.04)}.problem-card .icon{color:#8be4ff}.guide-card small{color:#ff9a58}.cost-row{background:rgba(2,35,62,.66);border:1px solid rgba(116,213,255,.18);color:#fff}.cost-row span{color:#86e3ff}.cost-panel .notice,.shell>main+.notice{background:rgba(3,43,75,.68);border-color:rgba(121,221,255,.20);color:#d4ecf7}.how-card{background:linear-gradient(145deg,#043a65,#022b4e);border:1px solid rgba(116,213,255,.22);box-shadow:0 12px 30px rgba(0,16,31,.12)}.how-card p{color:#c7e2ee}.how-card .num{background:#ef7629}.footer{background:#011f38;border-top:1px solid rgba(116,213,255,.18)}.footer small{color:#9fc8dc}.footer a{color:#e7f8ff}.modal-card{color:#13252a}.modal-card .eyebrow{color:#1f6f78}.modal-card .notice{background:#eef4f1;border-color:#cfe1da;color:#35534d}
@media(max-width:900px){.site-header{height:76px}.site-header:after{right:17%;width:190px;opacity:.15}.hero{grid-template-columns:1fr;padding:28px;gap:20px;background-position:right -18px top 10px,0 0,0 0,0 0,0 0,0 0;background-size:330px auto,20px 20px,20px 20px,100px 100px,100px 100px,auto}.hero h1{max-width:760px}.house-card{min-height:430px}.house-svg,.house-annotations{bottom:16px}.brand small:after{font-size:8px}}
@media(max-width:560px){.shell{width:min(100% - 16px,1180px)}.site-header{height:72px;padding-left:10px;padding-right:10px}.site-header:after{right:5%;top:12px;width:145px;height:56px;opacity:.12}.brand{gap:9px}.brand-mark{width:47px;height:47px;border-radius:14px;font-size:18px}.brand strong{font-size:18px}.brand small{display:block}.brand small:after{font-size:6px;letter-spacing:.22em}.site-header>.btn{font-size:11px;padding:10px 12px;border-radius:14px}.hero{margin-top:10px;padding:22px 16px 18px;border-radius:23px;gap:16px;background-position:right -12px top 8px,0 0,0 0,0 0,0 0,0 0;background-size:228px auto,18px 18px,18px 18px,90px 90px,90px 90px,auto}.hero:before{inset:8px;border-radius:16px}.hero:after{left:18px;top:64px;width:165px}.hero .eyebrow{font-size:9px;letter-spacing:.12em;max-width:68%}.hero h1{font-size:42px;line-height:.94;margin:11px 0 12px;max-width:95%}.hero p{font-size:15px;line-height:1.43;margin-bottom:12px}.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0 10px}.hero-actions .btn{padding:12px 8px;text-align:center}.trust-points{display:grid;grid-template-columns:1fr 1fr;gap:8px}.trust-points span{min-height:62px;padding:10px 11px;font-size:11px;line-height:1.22}.trust-points span:last-child{grid-column:1/-1;width:50%;min-width:182px}.trust-points .trust-icon{width:24px;height:24px;flex-basis:24px}.house-card{min-height:372px;border-radius:21px;padding:12px;margin-top:2px}.hero-stat{gap:7px}.stat{padding:10px 11px}.stat span{font-size:8px}.stat strong{font-size:16px;line-height:1.08}.house-svg,.house-annotations{left:7px;right:7px;width:calc(100% - 14px);bottom:8px}.house-card:after{right:12px;bottom:8px;font-size:7px}.house-annotations text{font-size:11px}.section{padding:20px 0}}