/* Shared Quotramax identity. Kept separate from page-specific layouts. */
:root,html[data-theme="dark"]{--navy:#050609;--navy-2:#10131b;--teal:#78a8ff;--teal-dim:#3860ee;--amber:#a9baff;--white:#fff;--slate:#a6afbf;--line:#252a36;--bg:#050609;--text:#f3f5fc;--card-bg:#10131b;--header-bg:rgba(5,6,9,.94);--tag-good-bg:#14213b;--shadow:0 18px 60px #0004;--logo-filter:none;color-scheme:dark}
html[data-theme="light"]{--navy:#0e1831;--navy-2:#edf2fb;--teal:#3157c9;--teal-dim:#2549b7;--amber:#465a95;--slate:#526079;--line:#d7dfed;--bg:#f8faff;--text:#101a30;--card-bg:#fff;--header-bg:rgba(248,250,255,.95);--tag-good-bg:#eaf0ff;--shadow:0 18px 60px #25375a0b;color-scheme:light}
html{scroll-behavior:smooth;scroll-padding-top:96px}body{font-size:16px;overflow-wrap:break-word}h1,h2,h3{text-wrap:balance}p{line-height:1.7}button,a,input,select{-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--teal);outline-offset:5px}button{touch-action:manipulation}.wrap{max-width:1160px;padding-inline:28px}.wrap>*{min-width:0}.eyebrow{font-family:'Inter',sans-serif;font-size:12px;letter-spacing:.14em;color:var(--teal);line-height:1.6}header{background:var(--header-bg);backdrop-filter:none}nav{padding:12px 28px;max-width:1160px;gap:20px}.navlinks{gap:22px}.navlinks a{font-size:14px}.brand{gap:9px;flex-shrink:0;font-size:18px;letter-spacing:-.04em}.brand-symbol{display:block;position:relative;width:43px;height:43px;overflow:hidden;background:#000;border-radius:10px;flex:none}.brand-symbol img{position:absolute;width:76px;height:76px;max-width:none;left:-16px;top:-10px}.brand-word{color:var(--text)}.brand-word em{font-style:normal;color:var(--teal)}.theme-toggle{width:44px;height:44px;flex:none}.nav-right{gap:10px}.nav-cta,.btn-primary,.demo-form button,.success-action-btn{background:linear-gradient(110deg,#2465e9,#5040e9);color:#fff;box-shadow:none;min-height:48px;font-size:14px;border-radius:9px}.btn-primary,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;line-height:1.4;min-height:48px;text-align:center}.btn-ghost{font-size:14px}.nav-cta{display:inline-flex;align-items:center;padding:10px 18px}.glass-card,html[data-theme="dark"] .glass-card{background:var(--card-bg);backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid var(--line);box-shadow:none;border-radius:16px;padding:28px}.glass-card:hover{transform:none;box-shadow:none;border-color:#49608c}.page-hero{padding:64px 0 32px}.page-hero>.wrap>div[style*="max-width"]{max-width:760px!important}.page-hero h1{font-size:clamp(32px,4.3vw,50px)!important;line-height:1.12!important;letter-spacing:-.045em}.teaser-card p,.faq-body p{font-size:16px}.faq-btn{font-size:16px;line-height:1.5;min-height:64px}.faq-body{font-size:16px}.faq-item,html[data-theme="dark"] .faq-item,.process-display-panel,html[data-theme="dark"] .process-display-panel,.cta-box,html[data-theme="dark"] .cta-box{background:var(--card-bg);border:1px solid var(--line);box-shadow:none}.faq-btn:focus-visible{outline-offset:-4px}.table-container{overflow-x:auto}.roi-table{min-width:560px}.process-steps-nav{overflow-x:auto;scroll-snap-type:x mandatory}.process-step-btn{scroll-snap-align:center;min-height:68px}.process-visual-box{min-width:0}.stat-cell .l,.step-name{font-size:14px}.stat-cell .k{font-size:26px}.roi-out .cap{font-size:14px}.drawer-content{overflow-y:auto;gap:20px}.drawer-links a{min-height:36px}.mobile-hamburger{width:44px;height:44px;padding:12px 8px;flex:none}.mobile-hamburger.open .bar:nth-child(1){transform:translateY(9px) rotate(45deg)}.mobile-hamburger.open .bar:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.close-drawer-btn{width:44px;height:44px}.foot-top p,footer{color:var(--slate);font-size:14px}footer{margin-top:48px;padding:40px 0}.foot-cols{gap:32px}.foot-col a:hover{color:var(--text)}.skip-link{position:fixed;left:16px;top:-100px;z-index:2000;background:var(--text);color:var(--bg);padding:12px 20px}.skip-link:focus{top:12px}
.qm-hero{padding:76px 0 64px;background:radial-gradient(ellipse at 78% 35%,#2448ce18,transparent 52%)}.qm-hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center}.qm-hero h1{font-size:clamp(38px,4.7vw,64px);line-height:1.04;letter-spacing:-.055em;margin:18px 0 24px}.qm-hero h1 span{display:block;background:linear-gradient(110deg,#729bff,#a698ff);background-clip:text;-webkit-background-clip:text;color:transparent}.qm-hero .qm-intro{font-size:17px;color:var(--slate);max-width:520px;margin-bottom:28px}.qm-actions{display:flex;gap:12px;flex-wrap:wrap}.qm-price-note{font-size:14px;color:var(--slate);margin-top:22px}.qm-price-note strong{color:var(--text);font-weight:500}.qm-preview{background:var(--card-bg);border:1px solid #354267;border-radius:20px;padding:24px;box-shadow:0 24px 80px #0003}.qm-preview-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px;gap:12px}.qm-preview-top strong{font-size:14px}.qm-badge{font-size:12px;color:var(--teal);border:1px solid var(--line);padding:4px 9px;border-radius:5px}.qm-progress{height:3px;background:var(--line);margin:25px 0 18px;border-radius:3px}.qm-progress span{display:block;width:20%;height:100%;background:linear-gradient(90deg,#228eff,#6150ff)}.qm-preview-label{font-size:12px;color:var(--slate);letter-spacing:.08em;text-transform:uppercase}.qm-preview h2{font-size:25px;line-height:1.2;letter-spacing:-.03em;margin:10px 0 18px}.qm-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.qm-option{border:1px solid var(--line);background:var(--bg);padding:17px 12px;border-radius:9px;font-size:14px;line-height:1.4;display:flex;align-items:center;gap:9px}.qm-option:first-child{border-color:#5d8cfe;background:var(--tag-good-bg)}.qm-option span{font-size:16px;color:var(--teal)}.qm-preview .btn-primary{width:100%}.qm-preview-note{font-size:12px;text-align:center;color:var(--slate);margin:12px 0 0}.qm-benefits{border-block:1px solid var(--line);padding:20px 0}.qm-benefits .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:var(--slate);font-size:14px}.qm-benefits span::before{content:'✓';color:var(--teal);margin-right:9px}.qm-section{padding:64px 0}.qm-section-head{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:28px}.qm-section-head h2{font-size:clamp(28px,3vw,40px);line-height:1.15;max-width:600px;letter-spacing:-.04em}.qm-section-head p{max-width:350px;color:var(--slate);font-size:16px}.qm-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.qm-card{padding:26px;background:var(--card-bg);border:1px solid var(--line);border-radius:14px}.qm-card small{display:block;color:var(--teal);font-size:12px;letter-spacing:.08em;margin-bottom:25px}.qm-card h3{font-size:21px;line-height:1.25;margin-bottom:12px}.qm-card p{color:var(--slate);font-size:16px;margin-bottom:22px}.qm-text-link{color:var(--teal);font-size:14px;font-weight:600}.qm-offer{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;padding:38px;border:1px solid #3b4f7b;border-radius:18px;background:linear-gradient(120deg,var(--card-bg),var(--bg))}.qm-offer h2{font-size:clamp(30px,3vw,40px);line-height:1.15;margin:12px 0 18px}.qm-offer p{color:var(--slate);font-size:16px}.qm-offer .qm-amount{font-size:44px;color:var(--text);letter-spacing:-.04em;font-weight:600;line-height:1.2;margin:8px 0}.qm-amount small{font-size:14px;font-weight:400;letter-spacing:0;color:var(--slate)}.qm-offer ul{list-style:none;margin:0 0 24px;padding:0}.qm-offer li{padding:10px 0;border-bottom:1px solid var(--line);font-size:16px}.qm-offer li::before{content:'✓';margin-right:12px;color:var(--teal)}.qm-offer .qm-disclaimer{font-size:14px;margin-top:14px}.qm-final{display:flex;justify-content:space-between;align-items:center;gap:32px}.qm-final h2{font-size:clamp(28px,3vw,38px);line-height:1.2;margin-bottom:12px}.qm-final p{color:var(--slate);max-width:600px}.qm-final .btn-primary{flex:none}.qm-booking{padding:28px;background:var(--card-bg);border:1px solid var(--line);border-radius:14px}.qm-booking h2{font-size:26px;margin-bottom:14px}.qm-booking p{color:var(--slate);margin-bottom:20px}.qm-booking .btn-primary{width:100%}.qm-booking ul{padding-left:20px;color:var(--slate);margin-bottom:24px}.qm-booking li{margin:12px 0}.calendly-inline-widget{min-width:0!important;width:100%}
@media(max-width:1000px){.navlinks{gap:14px}.navlinks a{font-size:13px}.qm-hero-grid{gap:30px}.qm-hero h1{font-size:50px}}
@media(max-width:860px){.navlinks,.nav-cta{display:none}.mobile-hamburger{display:flex}.qm-hero{padding:44px 0}.qm-hero-grid{grid-template-columns:1fr;gap:32px}.qm-hero h1{font-size:clamp(38px,7vw,56px);max-width:650px}.qm-preview{max-width:550px;width:100%;margin-inline:auto}.qm-cards{grid-template-columns:1fr}.qm-section-head{display:block}.qm-section-head p{margin-top:16px;max-width:600px}.qm-offer{grid-template-columns:1fr;gap:28px}.qm-benefits .wrap{display:grid;grid-template-columns:1fr 1fr;gap:12px}.qm-final{align-items:start;flex-direction:column}.cta-box{padding:24px;gap:28px;grid-template-columns:1fr}.process-display-panel{grid-template-columns:1fr}.qm-card small{margin-bottom:14px}.qm-section{padding:44px 0}}
@media(max-width:480px){.wrap{padding-inline:20px}nav{padding:10px 18px;gap:12px}.brand{font-size:16px}.brand-symbol{width:38px;height:38px}.brand-symbol img{width:69px;height:69px;left:-15px;top:-9px}.nav-right{gap:4px}.qm-actions{flex-direction:column}.qm-actions>a{width:100%}.qm-hero h1{font-size:40px}.qm-hero .qm-intro{font-size:16px}.qm-preview{padding:18px}.qm-preview h2{font-size:23px}.qm-option{font-size:14px;padding:14px 10px}.qm-benefits .wrap{grid-template-columns:1fr}.qm-offer{padding:24px}.qm-offer .qm-amount{font-size:38px}.qm-card{padding:22px}.foot-cols{gap:24px}.page-hero{padding-top:40px}.drawer-content{padding:20px;width:90%}.glass-card{padding:22px}.roi-out .big{font-size:36px}.qm-final .btn-primary{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Sunset art direction and lightweight compositor-only motion. */
.qm-cinematic{position:relative;isolation:isolate;overflow:hidden;background:#050609;padding:92px 0 82px;color:#f3f5fc}
.qm-roof-background{position:absolute;inset:0;z-index:-3;display:block}
.qm-roof-background img{width:100%;height:100%;object-fit:cover;object-position:center 58%}
.qm-cinematic::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(3,5,10,.96) 0%,rgba(3,5,10,.83) 37%,rgba(3,5,10,.26) 100%),linear-gradient(0deg,#050609 0%,transparent 40%)}
.qm-cinematic::after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,#6287ef80,transparent)}
.qm-cinematic .qm-intro,.qm-cinematic .qm-price-note{color:#c0c8d8}
.qm-cinematic .qm-price-note strong{color:#fff}.qm-cinematic .eyebrow{color:#9cbcff}
.qm-cinematic .btn-ghost{color:#fff;border-color:#a4b8dc60;background:#05060945}
.qm-cinematic .qm-preview{background:#080c16e8;border-color:#7897db66;--bg:#080c16;--card-bg:#10131b;--line:#35415a;--text:#f3f5fc;--slate:#b0b9cd;--teal:#91b6ff;--tag-good-bg:#14213b;position:relative;box-shadow:0 25px 80px #0007}
.qm-cinematic .qm-preview::before{content:"";position:absolute;top:-1px;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,#99bcff,transparent)}
.qm-marquee{position:relative;overflow:hidden;background:var(--bg);border-block:1px solid var(--line);padding:25px 0}
.qm-marquee-track{display:flex;width:max-content;animation:qm-ticker 38s linear infinite}
.qm-marquee-group{display:flex;align-items:center;gap:44px;padding-right:44px;flex:none}
.qm-marquee-group span{display:flex;align-items:center;gap:44px;white-space:nowrap;font-family:'Space Grotesk',sans-serif;text-transform:uppercase;font-size:14px;font-weight:500;letter-spacing:.13em;color:var(--slate)}
.qm-marquee-group span::after{content:"✦";color:var(--teal);font-size:17px}
@keyframes qm-ticker{to{transform:translateX(-50%)}}
.qm-card{position:relative;overflow:hidden;transition:transform .25s ease,border-color .25s ease}
.qm-card::before{content:"";position:absolute;top:0;left:24px;right:24px;height:1px;background:linear-gradient(90deg,transparent,#628dff80,transparent)}
@media(hover:hover){.qm-card:hover{transform:translateY(-5px);border-color:#5f7cba}.btn-primary:hover{box-shadow:0 6px 28px #416aff45}.btn-primary{transition:box-shadow .2s,transform .2s}.btn-primary:active{transform:translateY(1px)}}
.qm-reveal{animation:qm-arrive .65s ease both}
@keyframes qm-arrive{from{opacity:.3;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.qm-booking-section{position:relative;background:radial-gradient(ellipse at 10% 30%,#3256cc12,transparent 55%)}
.qm-schedule-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:52px;align-items:start}
.qm-schedule-copy{padding-top:28px}.qm-schedule-copy h2{font-size:clamp(32px,3.5vw,46px);line-height:1.1;letter-spacing:-.045em;margin:15px 0 24px}
.qm-schedule-copy p{font-size:16px;color:var(--slate);margin:20px 0}
.qm-call-details{display:grid;gap:0;margin:25px 0}
.qm-call-details span{padding:16px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--text)}
.qm-calendar{min-width:0}.qm-calendar-shell{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}
.qm-calendar-help{font-size:14px!important;color:var(--slate);margin:16px 0}
.qm-calendar-help a{color:var(--teal);text-decoration:underline;text-underline-offset:3px}
@media(max-width:860px){.qm-cinematic{padding:52px 0}.qm-cinematic::before{background:linear-gradient(90deg,#03050aeb,#03050a85),linear-gradient(0deg,#050609,transparent 70%)}.qm-roof-background img{object-position:65% center}.qm-schedule-grid{grid-template-columns:1fr;gap:18px}.qm-schedule-copy{padding-top:0}.qm-calendar{width:100%;max-width:680px;margin-inline:auto}}
@media(max-width:380px){.qm-booking-section>.wrap{padding-inline:0}.qm-schedule-copy,.qm-calendar-help{padding-inline:20px}.qm-calendar-shell{border-radius:0;border-inline:0}}
@media(prefers-reduced-motion:reduce){.qm-marquee-track{animation:none}.qm-marquee{padding:20px}.qm-marquee-track{width:auto}.qm-marquee-group{flex-wrap:wrap;gap:14px;padding:0}.qm-marquee-group span{font-size:12px;gap:14px;white-space:normal}.qm-marquee-group[aria-hidden]{display:none}.qm-reveal{animation:none}.qm-card:hover{transform:none}}