
:root{--bg:#07121f;--bg2:#0b1b2c;--panel:#102338;--line:#244057;--text:#eaf2fb;--muted:#98b0c6;--a:#55bafd;--cyan:#3ee3d8;--cream:#f5f7fa;--dark:#102034;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:400 15px/1.7 'Segoe UI',Arial,sans-serif;letter-spacing:.005em}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit}.shell{width:min(var(--max),calc(100% - 72px));margin:auto}.site-header{height:82px;border-bottom:1px solid #23374a;background:#07131fee;position:sticky;top:0;z-index:40;backdrop-filter:blur(14px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:69px;height:51px;overflow:hidden;position:relative;flex:none}.brand-mark img{height:45px;width:76px;object-fit:cover;object-position:center;filter:contrast(1.07)}.brand-copy strong{display:block;font-size:17px;font-weight:500;letter-spacing:.06em}.brand-copy small{display:block;color:#a2b7c8;font-size:9px;letter-spacing:.2em;line-height:1.2}.nav{display:flex;gap:34px;align-items:center}.nav a{font-size:12px;color:#b5c4d4;letter-spacing:.07em;transition:color .2s}.nav a:hover,.nav a.active{color:#fff}.nav .nav-button{border:1px solid #507592;padding:9px 16px;border-radius:3px;color:#eaf4fc}.menu-button{display:none;border:1px solid var(--line);background:transparent;color:#fff;padding:8px 12px}.eyebrow{text-transform:uppercase;color:var(--cyan);font-size:11px;letter-spacing:.22em;font-weight:600}.hero{padding:85px 0 80px;position:relative;overflow:hidden;background:radial-gradient(circle at 81% 31%,#163a59 0,#091a2b 38%,#07121f 74%)}.hero:before{content:'';position:absolute;inset:0;opacity:.11;background:linear-gradient(90deg,transparent 99%,#9cc7db 100%) 0 0/70px 70px,linear-gradient(transparent 99%,#9cc7db 100%) 0 0/70px 70px;pointer-events:none}.hero-grid{display:grid;grid-template-columns:44% 56%;gap:30px;align-items:center;position:relative}.hero h1,.page-intro h1{font-weight:350;letter-spacing:-.035em;line-height:1.25;font-size:clamp(31px,3vw,45px);margin:20px 0}.hero h1 em{font-style:normal;color:#6ac4f9}.lead{color:#aac1d4;max-width:565px;font-size:15px;line-height:1.85}.hero-actions,.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:29px}.btn{padding:11px 19px;font-size:12px;border-radius:3px;border:1px solid #476780;display:inline-flex;align-items:center;gap:8px;letter-spacing:.03em}.btn-primary{background:#3ab3ee;border-color:#3ab3ee;color:#052035;font-weight:600}.btn:hover{filter:brightness(1.16)}.hero-photo{height:390px;position:relative;border:1px solid #2c4a61;border-radius:5px;overflow:hidden;box-shadow:0 22px 90px #020a10a8}.hero-photo img{width:100%;height:100%;object-fit:cover}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 64%,#06111dcf)}.hero-caption{position:absolute;bottom:22px;left:23px;z-index:1;font-size:10px;letter-spacing:.18em;color:#e5f2fa}.micro-row{display:flex;gap:20px;margin-top:35px;flex-wrap:wrap;color:#a6c2d6;font-size:11px;letter-spacing:.06em}.micro-row span:before{content:'';display:inline-block;width:5px;height:5px;background:var(--cyan);margin:0 10px 2px 0}.section{padding:78px 0;border-top:1px solid #172c3e}.section h2{font-size:28px;font-weight:350;line-height:1.35;letter-spacing:-.025em;margin:12px 0 15px}.section-intro{color:var(--muted);max-width:680px;margin-bottom:30px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:linear-gradient(145deg,#12263b,#0c1b2a);border:1px solid #294156;border-radius:4px;padding:28px;min-height:209px}.number{font-family:Consolas,monospace;color:#48add8;font-size:12px}.card h3{font-weight:500;font-size:17px;margin:21px 0 9px}.card p{font-size:13px;color:var(--muted);margin:0;line-height:1.8}.link{display:inline-block;margin-top:22px;font-size:12px;color:#68c9ed}.split{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.frame{border:1px solid #2c475b;border-radius:4px;overflow:hidden;background:#102238}.frame img{width:100%;aspect-ratio:1.6;object-fit:cover}.frame.tall img{aspect-ratio:1.37}.kicker-list{display:grid;gap:20px;margin-top:25px}.kicker-list div{padding-left:17px;border-left:2px solid #3acac8}.kicker-list b{display:block;font-weight:500;font-size:14px}.kicker-list span{display:block;font-size:13px;color:var(--muted);margin-top:3px}.paper{background:var(--cream);color:var(--dark)}.paper .section-intro,.paper p{color:#576b7c}.paper .eyebrow{color:#007e8e}.paper .card{background:#fff;color:#15283b;border-color:#d5e0e7}.paper .card p{color:#52697b}.paper .number{color:#147db5}.statement{padding:35px 0;border-top:1px solid #193f51;border-bottom:1px solid #193f51;display:flex;justify-content:space-between;align-items:center;gap:30px}.statement b{font-weight:350;font-size:23px;letter-spacing:-.02em}.site-footer{padding:43px 0 30px;background:#050d16;border-top:1px solid #223848}.footer-row{display:flex;justify-content:space-between;gap:25px}.footer-row p{margin:7px 0;color:#8297aa;font-size:12px}.footer-nav{display:flex;gap:24px;flex-wrap:wrap;align-items:flex-start;font-size:12px;color:#a3b4c7}.footer-bottom{margin-top:35px;padding-top:16px;border-top:1px solid #1b2b3b;font-size:11px;color:#718ba3}.page-intro{padding:80px 0 65px;background:radial-gradient(circle at 85% 0%,#183750,#07121f 65%);border-bottom:1px solid #1b3447}.page-intro p{max-width:730px}.feature{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:45px 0;border-bottom:1px solid #284052}.feature:nth-child(even) .feature-image{order:-1}.feature h3{font-size:23px;font-weight:400;margin:8px 0}.feature p{color:#9eb7ca;font-size:14px}.feature-image{border:1px solid #31536a;overflow:hidden;border-radius:4px}.feature-image img{width:100%;height:320px;object-fit:cover}.badge{display:inline-block;padding:5px 9px;border:1px solid #2c6677;color:#59c8c9;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#365165;border:1px solid #365165;margin-top:35px}.metrics div{background:#0c2031;padding:22px}.metrics b{display:block;font-size:22px;font-weight:350;color:#e3f6ff}.metrics span{font-size:12px;color:#9eb3c4}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.timeline .card{min-height:200px}.note{font-size:12px;color:#8ca6bc}.contact-banner{padding:20px 25px;border:1px solid #285365;background:#0c2434;color:#a6c3d4;display:flex;justify-content:space-between;align-items:center;gap:24px}.contact-banner strong{font-weight:500;color:#ecf6ff}.logo-label{font-size:11px;letter-spacing:.13em;color:#86adc2}.small-hint{margin:12px 0 0;font-size:11px;color:#8299aa}@media(max-width:850px){.shell{width:min(var(--max),calc(100% - 38px))}.hero-grid,.split,.feature{grid-template-columns:1fr}.hero{padding:65px 0}.hero-photo{height:300px}.cards{grid-template-columns:1fr 1fr}.timeline{grid-template-columns:1fr 1fr}.feature:nth-child(even) .feature-image{order:initial}.nav{display:none;position:absolute;top:81px;left:0;right:0;background:#061522;padding:18px 24px;flex-direction:column;align-items:stretch;gap:16px;border-bottom:1px solid #294257}.nav.open{display:flex}.menu-button{display:block}.split{gap:28px}}@media(max-width:540px){.cards,.timeline,.metrics{grid-template-columns:1fr}.hero-photo{height:245px}.hero h1,.page-intro h1{font-size:31px}.section{padding:53px 0}.footer-row,.statement,.contact-banner{flex-direction:column;align-items:flex-start}.brand-mark{width:56px}.brand-copy strong{font-size:15px}}

/* Light-first TruEstimate brand inversion — review build */
:root{--bg:#f7f9fc;--bg2:#eff4fa;--panel:#ffffff;--line:#d6e3ed;--text:#13283f;--muted:#576f83;--a:#0878e5;--cyan:#0876be;--cream:#081c30;--dark:#f4f8fc}
body{background:#f7f9fc;color:#13283f}
.site-header{background:rgba(255,255,255,.96);border-bottom:1px solid #dce6ef;box-shadow:0 1px 9px rgba(9,39,70,.035)}
.brand-logo{display:block;width:245px;max-width:100%;height:auto}
.nav a{color:#4c6075}.nav a:hover,.nav a.active{color:#075fae}
.nav .nav-button{border-color:#bdd1df;color:#184d77}
.menu-button{color:#143752;border-color:#cbdde9}
.eyebrow{color:#0871b5}
.hero{background:radial-gradient(circle at 85% 24%,#e7f2fb 0,#fff 48%,#f5f9fe 100%)}
.hero:before{opacity:.20;background:linear-gradient(90deg,transparent 99%,#b9d0e3 100%) 0 0/70px 70px,linear-gradient(transparent 99%,#b9d0e3 100%) 0 0/70px 70px}
.hero h1 em,.page-intro h1 em{color:#0678df}
.lead,.section-intro,.feature p{color:#597186}
.btn{border-color:#bdd0e0;color:#17486e;background:#fff}
.btn-primary{color:#fff;border-color:#147fd7;background:#147fd7}
.hero-photo,.frame,.feature-image{border-color:#d8e5ee;box-shadow:0 10px 30px rgba(10,39,72,.08)}
.micro-row{color:#5c7284}.micro-row span:before{background:#1497e1}
.section{border-top-color:#e2eaf1}.section h2,.section h3,.feature h3{color:#13283f}
.card{background:linear-gradient(145deg,#fff,#f1f7fc);border:1px solid #d9e5ee}
.number,.link{color:#096cae}.card p{color:#5d7284}
.frame{background:#fff}.kicker-list div{border-left-color:#218fda}.kicker-list span{color:#5b7185}
.paper{background:#081b30;color:#edf6ff;border-top-color:#102e49}
.paper h2,.paper h3,.paper .section-intro,.paper p,.paper .kicker-list b{color:#ecf5fc}
.paper .section-intro,.paper p,.paper .kicker-list span{color:#b4c9db}
.paper .eyebrow{color:#56bfff}
.paper .card{background:#112940;color:#eef7ff;border-color:#2a4963}
.paper .card h3{color:#f0f7ff}.paper .card p{color:#b7ccdb}.paper .number{color:#67caff}
.paper .btn:not(.btn-primary){background:#122b42;color:#f0f6fb;border-color:#3c6281}
.statement{border-color:#dce6ee}.statement b{color:#152b42}
.site-footer{background:#fff;border-top-color:#dce7f0}
.footer-logo{width:225px;height:auto;display:block;margin-bottom:8px}
.footer-row p{color:#597084}.footer-nav{color:#526c81}.footer-nav a:hover{color:#0766b7}
.footer-bottom{border-color:#e0e8ef;color:#70879b}
.page-intro{background:radial-gradient(circle at 88% 0%,#e3f1fb,#ffffff 64%);border-color:#dfe9f1}
.feature{border-color:#e0e9ef}
.badge{border-color:#bddbe9;color:#0874ad}
.metrics{background:#d5e2ec;border-color:#d5e2ec}
.metrics div{background:#fff}.metrics b{color:#0c395c}.metrics span{color:#5e7589}
.note,.small-hint,.logo-label{color:#647d91}
.contact-banner{border-color:#cadfea;background:#eaf5fc;color:#577083}
.contact-banner strong{color:#153d58}
@media(max-width:850px){.nav{background:#fff;border-color:#d9e7ef}.brand-logo{width:210px}}
@media(max-width:540px){.brand-logo{width:175px}}
