@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#07090e;--panel:#111722;--panel2:#161d29;--red:#e00000;--red2:#970000;--silver:#e7e9ec;--muted:#9ca9bd;--line:rgba(206,222,244,.16);--chrome:linear-gradient(175deg,#fff 4%,#e5e5e7 25%,#85898f 43%,#fff 53%,#999da4 72%,#f7f8fa 94%)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:#e9edf5;font:15px/1.75 Manrope,Arial,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.nav{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px clamp(20px,5.4vw,100px);min-height:88px;background:rgba(6,9,15,.85);border-bottom:1px solid rgba(233,240,255,.12);backdrop-filter:blur(20px)}.nav:after{content:"";position:absolute;bottom:-1px;left:5%;width:28%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent)}.nav-logo{display:block;width:clamp(130px,13vw,185px);height:58px;object-fit:contain;object-position:left center;filter:drop-shadow(0 4px 16px rgba(0,0,0,.45))}.nav nav{display:flex;align-items:center;gap:clamp(12px,2vw,31px)}.nav nav>a:not(.nav-cta){font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:#c5cfdd;transition:color .2s}.nav nav>a:not(.nav-cta):hover{color:white}.nav-cta,.btn{display:inline-flex;justify-content:center;align-items:center;gap:16px;min-height:51px;padding:0 25px;border:1px solid rgba(255,255,255,.24);border-radius:13px;letter-spacing:.065em;font-size:11px;font-weight:800;text-transform:uppercase;transition:transform .25s,box-shadow .25s,border-color .25s,background .25s;position:relative;overflow:hidden}.nav-cta:before,.btn:before{content:"";position:absolute;inset:1px 1px auto;height:45%;border-radius:11px 11px 50% 50%;background:linear-gradient(180deg,rgba(255,255,255,.22),transparent);pointer-events:none}.nav-cta,.btn.primary{color:#fff;background:linear-gradient(135deg,#f00000 0%,#c90000 45%,#920000 100%);border-color:#f52222;box-shadow:0 9px 24px rgba(220,0,0,.23),inset 0 1px rgba(255,255,255,.4)}.btn:hover,.nav-cta:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(220,0,0,.3)}.btn.ghost{background:linear-gradient(140deg,rgba(225,237,255,.12),rgba(60,79,107,.07));border:1px solid rgba(217,231,252,.36);box-shadow:inset 0 1px rgba(255,255,255,.12);color:#f0f4fb}.btn.ghost:hover{border-color:#e2edf9;box-shadow:0 10px 30px rgba(255,255,255,.08)}.hero{position:relative;min-height:670px;display:flex;align-items:center;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 86% 42%,rgba(24,68,122,.37),transparent 42%),radial-gradient(ellipse at 13% 85%,rgba(136,0,0,.16),transparent 40%),linear-gradient(115deg,#07090e 5%,#0c1421 72%,#080a10)}.hero:before{content:"";position:absolute;right:-12%;top:-25%;width:65vw;height:65vw;border:1px solid rgba(217,231,252,.1);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.012),0 0 0 160px rgba(255,255,255,.012);transform:rotate(-24deg);pointer-events:none}.hero:after{content:"";position:absolute;right:0;top:8%;height:85%;width:55%;opacity:.55;background:repeating-linear-gradient(160deg,transparent 0 70px,rgba(133,186,241,.08) 71px,transparent 72px 115px);mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none}.hero-glow{position:absolute;right:-160px;top:16%;width:600px;height:460px;border-radius:50%;background:radial-gradient(ellipse,rgba(46,122,205,.25),transparent 65%);filter:blur(45px)}.hero-inner{position:relative;z-index:2;width:min(1160px,90%);margin:0 auto;padding:75px 0 88px}.eyebrow,.kicker{color:#e00000;letter-spacing:.23em;font-size:11px;font-weight:800;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:12px;color:#bfcddd}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#f00000;box-shadow:0 0 0 5px rgba(240,0,0,.12),0 0 18px #f00000}.hero-logo{display:block;width:clamp(245px,31vw,430px);height:auto;margin:22px 0 8px;filter:drop-shadow(0 20px 28px rgba(0,0,0,.55))}.hero h1{font:900 clamp(64px,8vw,116px)/.84 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.025em;margin:15px 0 23px;text-transform:uppercase;max-width:850px}.hero h1, h2{color:#f5f7fb}.hero h1 em{display:inline-block;font-style:normal;background:linear-gradient(165deg,#f00000,#f00000 40%,#9e0000 78%,#ef0000);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 7px 22px rgba(211,0,0,.12))}.hero p{max-width:500px;color:#b3c0d2;font-size:15px}.actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:29px}.trust{display:flex;flex-wrap:wrap;gap:10px 23px;margin-top:30px;font-size:10px;font-weight:700;color:#9eacc0}.trust span:first-letter{color:#e00000}.beam{position:absolute;width:120vw;height:1px;right:-40vw;background:linear-gradient(90deg,transparent,rgba(153,207,255,.42),transparent);transform:rotate(-19deg);z-index:0}.beam-a{top:60%}.beam-b{top:77%;opacity:.35}.strip{display:flex;justify-content:space-around;align-items:center;gap:20px;padding:19px 4%;background:linear-gradient(90deg,#111721,#1a2330,#111721);border-block:1px solid var(--line);color:#e5eaf2;font:800 15px 'Barlow Condensed',sans-serif;letter-spacing:.11em}.strip i{color:#d90000;font-style:normal}.section{padding:110px max(6%,calc((100vw - 1120px)/2));position:relative}.section:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(207,222,246,.14),transparent)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.section h2{font:900 clamp(49px,5.6vw,78px)/.97 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.015em;text-transform:uppercase;margin:18px 0 22px}.section h2 strong{font-weight:900;background:linear-gradient(160deg,#f00000,#ce0000 55%,#990000);-webkit-background-clip:text;background-clip:text;color:transparent}.section h2:not(:has(strong)){background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent}.muted{color:#aab8cb;max-width:610px;line-height:1.9}.text-link{display:inline-block;margin-top:15px;color:#e8effa;font-weight:800;font-size:11px;letter-spacing:.14em;border-bottom:1px solid #e00000;padding-bottom:7px}.feature-list{display:grid;gap:15px}.feature-list article,.steps article,.policy-panel,.quote-form,.photo-placeholder{background:linear-gradient(135deg,rgba(37,49,68,.72),rgba(14,20,31,.9));border:1px solid rgba(205,225,250,.18);border-radius:18px;box-shadow:0 18px 42px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.07)}.feature-list article{display:flex;gap:20px;padding:25px;transition:transform .25s,border-color .25s,box-shadow .25s}.feature-list article:hover,.steps article:hover{transform:translateY(-5px);border-color:rgba(232,240,255,.43);box-shadow:0 25px 45px rgba(0,0,0,.27)}.feature-icon{display:grid;place-items:center;flex:0 0 47px;height:47px;border-radius:13px;color:#e4ebf5;font-size:25px;background:linear-gradient(145deg,#29384d,#101824);border:1px solid #4a5b73}.feature-list h3,.steps h3,.policy-panel h3{margin:0 0 7px;font:800 21px 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.025em;color:#edf2f8}.feature-list p,.steps p{margin:0;color:#a7b5c8;font-size:12px;line-height:1.8}.results{background:radial-gradient(ellipse at 80% 15%,rgba(37,77,120,.12),transparent 55%),#0d121b}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:38px}.photo-placeholder{height:300px;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;position:relative}.photo-placeholder:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,rgba(153,174,203,.11),transparent 60%)}.photo-placeholder.after{background:linear-gradient(140deg,#152d44,#101a29 65%,#10151e)}.lens-art{position:absolute;width:55%;height:34%;left:22%;top:24%;border-radius:75% 20% 65% 35%;transform:skew(-18deg) rotate(-8deg);border:5px solid rgba(189,205,228,.3)}.lens-dull{background:repeating-linear-gradient(130deg,#6d7580,#6d7580 6px,#8b929c 10px,#565f69 16px);filter:blur(1px);opacity:.7}.lens-bright{background:linear-gradient(135deg,#e5fbff,#62b6e1 55%,#245d85);box-shadow:0 0 48px rgba(74,175,242,.48);border-color:#85d6fa}.photo-placeholder span{z-index:1;font:900 32px 'Barlow Condensed',sans-serif}.photo-placeholder small{z-index:1;color:#abb9c9}.fineprint{font-size:11px;color:#8999ad;line-height:1.8;margin-top:20px}.process{background:linear-gradient(180deg,#080b11,#0c111a)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:32px}.steps article{padding:29px 26px 32px;transition:transform .25s,border-color .25s}.steps article b{display:block;font:900 57px/.9 'Barlow Condensed',sans-serif;margin-bottom:22px;background:var(--chrome);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.7}.steps article:nth-child(2){border-top:2px solid #e00000}.policy{background:radial-gradient(ellipse at 80% 0%,rgba(54,74,105,.14),transparent 60%),#0e141e}.policy>.muted{max-width:750px}.policy-panel{max-width:790px;margin-top:30px;padding:30px 34px;border-left:3px solid var(--red)}.policy-panel p{color:#b6c2d1;font-size:13px;line-height:1.9}.policy-panel strong{color:#f0f4fa}.contact{background:radial-gradient(ellipse at 25% 40%,rgba(167,0,0,.08),transparent 48%),linear-gradient(180deg,#101824,#0a0e15)}.contact-head>p{color:#aebccc}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;margin-top:45px;align-items:start}.info-box{padding:19px 0;border-bottom:1px solid var(--line)}.info-box small{display:block;color:#8d9cb0;letter-spacing:.15em;font-size:10px;font-weight:800}.info-box b{font-size:14px}.quote-form{padding:27px;display:grid;grid-template-columns:1fr 1fr;gap:18px;background:linear-gradient(145deg,#1a2432,#0d121b)}.quote-form label{font-size:11px;font-weight:800;color:#dce6f3}.quote-form label:nth-of-type(5),.quote-form button,.form-status{grid-column:1/-1}.quote-form input,.quote-form select,.quote-form textarea{display:block;width:100%;margin-top:8px;background:rgba(4,8,14,.72);border:1px solid #3b4a60;border-radius:10px;padding:13px 14px;color:#f5f7fa;outline:none;transition:border-color .2s,box-shadow .2s}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:#e00000;box-shadow:0 0 0 3px rgba(230,0,0,.12)}.quote-form input::placeholder,.quote-form textarea::placeholder{color:#8291a5}.quote-form .btn{width:100%;margin-top:4px}.form-status{margin:0;color:#9dacc0;font-size:11px;line-height:1.75}footer{text-align:center;padding:46px 20px 36px;background:#07090e;border-top:1px solid var(--line)}.footer-logo{width:240px;max-width:80vw;height:auto;filter:drop-shadow(0 12px 16px rgba(0,0,0,.45))}footer p{font-size:11px;color:#9eacc0}footer small{color:#748398;font-size:10px}::selection{background:#c90000;color:#fff}@media(max-width:900px){.nav{flex-wrap:wrap;padding:12px 5%;gap:6px}.nav nav{flex-wrap:wrap;gap:12px}.nav nav>a:not(.nav-cta){font-size:10px}.nav-cta{min-height:38px;padding:0 13px}.two-col,.contact-grid{grid-template-columns:1fr;gap:36px}.section{padding:75px 6%}.hero{min-height:610px}.hero-inner{padding:70px 0}.hero h1{font-size:clamp(65px,11vw,100px)}}@media(max-width:580px){.nav{min-height:0}.nav-logo{width:132px;height:43px}.nav nav{width:100%;justify-content:space-between;gap:7px}.nav nav>a:not(.nav-cta){font-size:9px;letter-spacing:0}.nav-cta{font-size:9px;padding:0 10px;min-height:34px}.hero{min-height:620px}.hero-inner{width:88%}.hero-logo{width:85%;max-width:340px}.hero h1{font-size:clamp(61px,14vw,87px)}.eyebrow{font-size:9px;letter-spacing:.12em}.strip{font-size:10px;gap:9px;padding:14px 10px;text-align:center}.section h2{font-size:clamp(48px,12vw,65px)}.photo-grid,.steps,.quote-form{grid-template-columns:1fr}.quote-form label:nth-of-type(5),.quote-form button,.form-status{grid-column:1}.photo-placeholder{height:240px}.section{padding:70px 6%}.policy-panel{padding:23px}.feature-list article{padding:20px}.trust{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Logo-matched palette refinement; hero logo intentionally removed */
.hero h1{margin-top:29px}

/* Brand alignment: chrome silver and logo red, no layout changes */
.hero h1:not(em){color:#e8e9ec}
.nav-cta,.btn.primary{background:linear-gradient(145deg,#f00000 0%,#d00000 43%,#970000 100%);border-color:#f52222}
.hero h1 em{background:linear-gradient(160deg,#f52222 0%,#ed0000 30%,#c00000 65%,#970000 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.section h2 strong{background:linear-gradient(155deg,#f00000,#cf0000 60%,#970000);-webkit-background-clip:text;background-clip:text;color:transparent}

/* B3: photo upload field, using the existing form design */
.quote-form .photo-upload{grid-column:1/-1}.quote-form .photo-upload small{display:block;margin-top:6px;color:#9dacc0;font-size:10px;font-weight:500}.quote-form input[type=file]{font-size:12px}.quote-form input[type=file]::file-selector-button{background:#1b2839;color:#f5f7fa;border:1px solid #64748b;border-radius:7px;padding:8px 12px;margin-right:12px;cursor:pointer}.quote-form button:disabled{opacity:.7;cursor:wait}

/* Message field layout fix only */
.quote-form label:has(textarea[name="message"]){grid-column:1 / -1;min-width:0}
.quote-form textarea[name="message"]{width:100%;min-height:125px;resize:vertical;display:block}

/* Headlight results images: preserve existing card dimensions and labels */
.photo-placeholder .result-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0}
.photo-placeholder .result-photo ~ span,.photo-placeholder .result-photo ~ small{position:relative;z-index:2;text-shadow:0 2px 8px #000,0 0 14px #000}
.photo-placeholder:has(.result-photo):before{z-index:1;pointer-events:none;background:linear-gradient(0deg,rgba(0,0,0,.6),transparent 45%)}

/* Cinematic redesign preview — keeps original form and API intact */
:root{--red:#c8102e;--line:rgba(255,255,255,.16)}
.nav{background:rgba(3,3,5,.96);border-bottom:2px solid #c8102e;min-height:78px}
.nav-logo{width:185px;height:60px}
.nav nav>a:not(.nav-cta){color:#fff;font-size:12px;letter-spacing:.02em}
.nav-cta,.btn.primary{background:linear-gradient(180deg,#ff202c,#bd001b 60%,#8e0012);border:1px solid #ff4a57;box-shadow:0 5px 22px #bb001b44}
.hero-new{min-height:690px;background:radial-gradient(ellipse at 78% 38%,#40000e 0%,transparent 44%),linear-gradient(105deg,#050506 20%,#11060a 70%,#050506);border-bottom:3px solid #a50020}
.hero-new:before{content:'';position:absolute;inset:0;background:linear-gradient(122deg,transparent 65%,rgba(255,0,40,.45) 66%,transparent 67%),linear-gradient(140deg,transparent 80%,rgba(255,255,255,.18) 80.3%,transparent 81%);opacity:.6;border:0;border-radius:0;box-shadow:none;transform:none;width:auto;height:auto}
.hero-new:after{content:'';position:absolute;right:0;top:0;width:58%;height:100%;background:radial-gradient(ellipse at 80% 40%,rgba(239,0,30,.15),transparent 55%);mask-image:none}
.hero-new .hero-inner{width:min(1420px,94%);min-height:690px;display:grid;grid-template-columns:49% 25% 26%;align-items:center;padding:45px 0 55px;gap:0}
.hero-copy{position:relative;z-index:4;padding-left:3%;max-width:690px}
.hero-official-logo{width:min(100%,540px);height:auto;display:block;filter:drop-shadow(0 12px 15px #000)}
.hero-ribbon{display:inline-block;margin:8px 0 12px;padding:5px 20px 5px 14px;color:white;font:900 clamp(18px,2.1vw,29px) 'Barlow Condensed',Impact,sans-serif;font-style:italic;letter-spacing:.02em;background:linear-gradient(90deg,#b90016,#f0001b 72%,transparent);transform:skew(-10deg)}
.hero-promise{font:800 clamp(10px,1.12vw,15px) 'Barlow Condensed',Arial,sans-serif;color:#fff;white-space:nowrap}.hero-promise span{color:#f21a30;padding:0 8px}
.hero-copy>p{color:#fff;font-size:clamp(14px,1.25vw,18px);max-width:470px;line-height:1.5;margin:16px 0}
.hero-copy .actions{margin-top:22px;gap:12px}.hero-copy .btn{font-size:13px;letter-spacing:0;min-height:60px}.hero-copy .btn small{font-size:9px;display:block;opacity:.8}.hero-copy .btn.primary{flex-direction:column;gap:0}.hero-copy .btn.ghost{background:#09090c;border:1px solid #eee}
.hero-trust{font-size:11px;color:#bfc0c5;margin-top:22px}
.hero-person{align-self:end;position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:center;height:610px;overflow:hidden;mask-image:linear-gradient(#000 78%,transparent 100%)}.hero-person img{height:100%;max-width:none;width:auto;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 0 35px #000)}
.phone-mock{position:relative;z-index:5;width:100%;max-width:330px;min-height:545px;background:#09090b;border:6px solid #aeb3ba;border-radius:43px;padding:13px 9px 12px;box-shadow:0 22px 50px #000,0 0 30px #bc001b66;transform:translateX(-8px)}
.phone-top{position:absolute;top:9px;left:36%;width:28%;height:13px;background:#030305;border-radius:30px;z-index:2}.phone-content{background:linear-gradient(150deg,#0b0b0e,#1c0b11 45%,#070708);border-radius:30px;min-height:515px;text-align:center;padding:21px 11px 12px;overflow:hidden}.phone-logo{width:80%;height:75px;object-fit:contain}.phone-avatar{display:block;margin:2px auto 7px;width:79px;height:79px;border:3px solid #e10020;border-radius:50%;object-fit:cover;object-position:top;background:#111}.phone-content h3{margin:0;font-size:22px;color:#fff;line-height:1.1}.phone-company{margin:2px 0;color:#fff;font-size:12px;font-weight:700}.phone-tagline{font-size:10px;color:#d5d5d5;margin:4px 0}.phone-intro{font-size:10px;line-height:1.4;color:#eee;margin:9px auto;max-width:260px}.phone-review{display:flex;gap:5px}.phone-review span{background:#f4f5f7;color:#17171b;border-radius:7px;padding:9px 3px;font-size:9px;flex:1}.phone-save,.phone-quote{display:block;background:linear-gradient(#f32136,#b00020);padding:10px 5px;border-radius:9px;font-size:12px;font-weight:800;margin-top:9px}.phone-icons{display:flex;justify-content:space-around;margin-top:12px}.phone-icons a{display:flex;flex-direction:column;font-size:21px;color:#fff}.phone-icons small{font-size:9px}.phone-quote{background:#16161c;border:1px solid #ba2030}
.strip{background:#09090d;border-color:#ae1027}.section{background-color:#09090c}.results{background:#101015}.feature-list article,.steps article,.policy-panel,.quote-form,.photo-placeholder{background:linear-gradient(140deg,#1c1c22,#0d0d11);border-color:#3b3137}.section h2 strong{background:linear-gradient(#ff3c51,#bf001e);background-clip:text;-webkit-background-clip:text}.feature-icon{color:#f21b34;border-color:#6b1728;background:#230c14}.booking-callout{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:30px;margin-bottom:55px;border:1px solid #7b1c30;border-radius:18px;background:linear-gradient(105deg,#260811,#0d0d12)}.booking-callout h2{margin:10px 0}.booking-callout p{color:#c6c6ce;max-width:600px}.booking-callout .btn{flex-shrink:0}
@media(max-width:1000px){.hero-new .hero-inner{grid-template-columns:56% 44%;min-height:680px}.hero-person{position:absolute;right:22%;opacity:.5;height:560px}.phone-mock{grid-column:2;max-width:290px;justify-self:end}.hero-copy{grid-column:1;grid-row:1}.hero-new{min-height:680px}.hero-promise{white-space:normal}}
@media(max-width:680px){.nav{padding:10px 4%}.nav-logo{width:142px;height:48px}.nav nav{justify-content:center}.nav nav>a:not(.nav-cta){font-size:10px}.hero-new .hero-inner{display:flex;flex-direction:column;align-items:center;width:92%;padding:34px 0 50px;gap:20px}.hero-copy{padding:0;text-align:center}.hero-official-logo{max-width:360px;margin:0 auto}.hero-ribbon{font-size:22px}.hero-copy .actions{justify-content:center}.hero-copy .btn{min-height:51px;font-size:11px}.hero-copy>p{margin-inline:auto}.hero-person{position:relative;right:auto;height:280px;width:100%;opacity:1;order:2;mask-image:linear-gradient(#000 65%,transparent)}.hero-person img{height:380px;align-self:flex-start}.phone-mock{order:3;transform:none;width:280px;max-width:90%;min-height:0}.phone-content{min-height:500px}.hero-new{min-height:0}.booking-callout{flex-direction:column;align-items:flex-start;padding:24px}.booking-callout .btn{width:100%}.hero-trust{margin-top:12px}}

/* Results-first hero; owner profile moves below the work examples. */
.hero-new .hero-inner{grid-template-columns:minmax(0,46%) minmax(0,54%);gap:18px;min-height:650px}
.hero-results{z-index:3;min-width:0;padding:20px 10px}
.hero-results-title{font:900 clamp(25px,3vw,43px)/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:.025em;color:#f0f2f6;margin-bottom:19px}
.hero-results-title span{display:block;color:#f12a37;font-size:clamp(14px,1.6vw,20px);margin-top:7px}
.hero-results .photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}
.hero-results .photo-placeholder{height:345px;padding:16px;border-color:#60636b;box-shadow:0 15px 35px #0009}
.hero-results .photo-placeholder span{font-size:31px}
.owner-section{background:radial-gradient(ellipse at 70% 40%,rgba(130,0,19,.22),transparent 60%),#090a0e;overflow:hidden}
.owner-intro{max-width:850px;margin:0 auto 30px;text-align:center}.owner-intro .muted{margin-inline:auto}
.owner-showcase{display:flex;align-items:flex-end;justify-content:center;gap:clamp(10px,4vw,70px);min-height:540px}
.owner-showcase .hero-person{height:550px;width:min(45%,440px);flex:0 1 440px;opacity:1;right:auto;position:relative}
.owner-showcase .phone-mock{transform:none;flex:0 0 300px;max-width:45%}
@media(max-width:1000px){.hero-new .hero-inner{grid-template-columns:1fr 1fr;min-height:0}.hero-results .photo-placeholder{height:290px}}
@media(max-width:680px){.hero-new .hero-inner{display:flex;flex-direction:column;gap:8px}.hero-results{width:100%;padding:6px 0 16px}.hero-results-title{text-align:center}.hero-results .photo-grid{grid-template-columns:1fr 1fr;gap:9px}.hero-results .photo-placeholder{height:230px;padding:10px}.hero-results .photo-placeholder span{font-size:24px}.owner-showcase{flex-direction:column;align-items:center;gap:0}.owner-showcase .hero-person{height:320px;width:100%;flex:none;order:0}.owner-showcase .hero-person img{height:390px}.owner-showcase .phone-mock{width:280px;max-width:90%;flex:none;order:1}.owner-intro{margin-bottom:10px}}
/* Owner portrait: show the full original composition, including backdrop logo and arms. */
.owner-showcase{align-items:center;gap:clamp(12px,3vw,48px);min-height:0;padding:18px 0 28px}
.owner-showcase .hero-person{width:min(60%,650px);max-width:650px;height:auto;aspect-ratio:1/1;flex:1 1 500px;overflow:visible;mask-image:none;-webkit-mask-image:none;align-self:center}
.owner-showcase .hero-person img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center;align-self:center}
.owner-showcase .phone-mock{flex:0 0 300px;max-width:38%}
@media(max-width:680px){
 .owner-showcase{gap:16px;padding:8px 0 26px}
 .owner-showcase .hero-person{width:100%;max-width:480px;height:auto;aspect-ratio:1/1;flex:none;overflow:visible;mask-image:none;-webkit-mask-image:none}
 .owner-showcase .hero-person img{width:100%;height:100%;object-fit:contain;object-position:center;align-self:center}
 .owner-showcase .phone-mock{max-width:90%;flex:none}
}

/* Owner story: replace former phone mockup while retaining full portrait */
.owner-section .owner-intro{max-width:960px;margin-bottom:24px}
.owner-showcase{align-items:center;justify-content:center;gap:clamp(22px,4vw,64px)}
.owner-showcase .hero-person{flex:1 1 48%;width:48%;max-width:650px;min-width:0;aspect-ratio:1/1;overflow:visible;mask-image:none;-webkit-mask-image:none}
.owner-showcase .hero-person img{width:100%;height:100%;object-fit:contain}
.owner-story{flex:1 1 45%;max-width:550px;min-width:0;padding:clamp(20px,3vw,38px);border:1px solid rgba(198,203,212,.25);border-left:3px solid #b20a22;border-radius:18px;background:linear-gradient(145deg,rgba(30,32,39,.95),rgba(10,11,15,.92));box-shadow:0 18px 46px rgba(0,0,0,.28);color:#e8e9ed}
.owner-story h3{font-size:clamp(22px,2.3vw,32px);line-height:1.22;color:#fff;margin:0 0 22px}
.owner-story p{font-size:clamp(14px,1.2vw,16px);line-height:1.7;margin:0 0 14px;color:#cdd0d7}
.owner-story .owner-story-close{color:#fff;font-weight:700}
.owner-story .owner-story-signature{margin-top:22px;margin-bottom:0;color:#fff;font-weight:700}
.owner-story-signature em{font-size:13px;color:#b9bdc7;font-weight:400}
@media(max-width:760px){.owner-showcase{flex-direction:column;gap:14px;padding:4px 0 26px}.owner-showcase .hero-person{width:100%;max-width:500px;flex:none;height:auto;aspect-ratio:1/1}.owner-showcase .hero-person img{width:100%;height:100%;object-fit:contain}.owner-story{width:100%;max-width:580px;flex:none;padding:23px 20px}.owner-story h3{font-size:24px}.owner-intro h2{font-size:clamp(26px,7vw,38px)}}

/* Post-submit confirmation: visible only when API confirms storage */
.quote-form .form-status.form-success{display:flex;flex-direction:column;align-items:center;gap:10px;padding:25px 18px;margin-top:14px;border:1px solid rgba(52,211,153,.45);border-radius:16px;background:rgba(10,48,36,.9);text-align:center;color:#f3fff9}
.form-status.form-success .success-check{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#15803d;color:white;font-size:32px;font-weight:800;line-height:1}
.form-status.form-success strong{font-size:clamp(18px,2vw,24px);color:#fff}
.form-status.form-success p{margin:0;line-height:1.55;color:#e0f5e9}
.form-status.form-success small{display:block;padding:9px 12px;border-radius:8px;background:rgba(255,255,255,.09);overflow-wrap:anywhere;color:#fff}
.form-status.form-success .confirmation-email-note{font-size:13px;color:#c6e7d5}
.form-status.form-error{color:#ffd5d5}

/* Display a clear confirmation instead of the completed form. */
.quote-form.quote-submitted > :not(.form-status){display:none!important}
.quote-form.quote-submitted{display:block;padding:22px}
.quote-form.quote-submitted .form-status{margin:0}

/* TopSight: unmistakable success panel after confirmed submission */
.quote-form.quote-submitted{display:block!important;padding:0!important;border:1px solid rgba(59,207,124,.58)!important;overflow:hidden;box-shadow:0 18px 55px rgba(0,0,0,.35),0 0 0 1px rgba(59,207,124,.12)!important}
.quote-form.quote-submitted > :not(#formStatus){display:none!important}
.quote-form.quote-submitted #formStatus.form-success{display:flex!important;grid-column:1/-1!important;flex-direction:column;align-items:center;gap:17px;margin:0!important;padding:clamp(30px,5vw,56px) clamp(20px,5vw,46px)!important;background:linear-gradient(145deg,#10261e,#101a19 65%,#0d1515)!important;border:0!important;border-radius:18px!important;color:#f7fff9!important;text-align:center;font-size:16px!important;line-height:1.6!important}
.quote-form.quote-submitted .success-check{display:grid!important;place-items:center!important;width:88px!important;height:88px!important;min-width:88px;border-radius:50%!important;background:#178a47!important;border:3px solid #76e5a4!important;box-shadow:0 0 0 9px rgba(51,194,111,.13),0 14px 30px rgba(0,0,0,.25)!important;color:#fff!important;font:800 54px/1 Arial,sans-serif!important}
.quote-form.quote-submitted #formStatus strong{font:800 clamp(25px,4vw,37px)/1.15 'Barlow Condensed',Arial,sans-serif!important;letter-spacing:.01em;color:#fff!important;max-width:600px}
.quote-form.quote-submitted #formStatus p{font-size:clamp(14px,1.5vw,17px)!important;line-height:1.7!important;color:#d8e9df!important;max-width:570px;margin:0!important}
.quote-form.quote-submitted #formStatus small{font-size:clamp(13px,1.4vw,16px)!important;font-weight:800;letter-spacing:.035em;display:block;padding:12px 19px;border-radius:10px;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.16);color:#fff!important;overflow-wrap:anywhere}
.quote-form.quote-submitted #formStatus .confirmation-email-note{font-size:14px!important;color:#c2e8d0!important}
@media(max-width:580px){.quote-form.quote-submitted #formStatus.form-success{padding:32px 18px!important}.quote-form.quote-submitted .success-check{width:76px!important;height:76px!important;min-width:76px;font-size:46px!important}}
