/* Calm centered product introduction. */
.home-glass .simple-hero{padding:52px 24px 60px;text-align:center;position:relative;max-width:1500px;margin:auto;background:transparent}
.simple-hero h1{font-size:clamp(44px,5.4vw,80px);line-height:1.04;letter-spacing:-.06em;font-weight:600;color:#153c51;margin:0}
.simple-hero h1 span{color:#3286a1;font-weight:500}
.device-promise{font-size:17px;line-height:1.6;color:#55788c;max-width:650px;margin:24px auto 0}
.device-stage{position:relative;width:min(850px,90vw);height:470px;margin:32px auto 18px;isolation:isolate}
.device-stage:before{content:"";position:absolute;left:-12%;right:-12%;top:12%;bottom:0;border-radius:50%;background:radial-gradient(ellipse,#b8dfef75,transparent 68%);z-index:-1}
.desktop-device{width:710px;position:absolute;left:15px;top:0;filter:drop-shadow(0 20px 24px #173b5118)}
.desktop-bezel{background:linear-gradient(140deg,#546775,#112a3a 30%,#6f8290);padding:10px 10px 0;border-radius:20px 20px 15px 15px;border:1px solid #bdcdd9;box-shadow:inset 0 1px 2px #fff9}
.desktop-screen{background:#edf6fc;border:2px solid #0e202c;border-radius:11px 11px 0 0;overflow:hidden;height:343px;text-align:left}
.device-toolbar{height:55px;display:flex;align-items:center;padding:13px 18px;background:linear-gradient(100deg,#fff,#e2f1fa);border-bottom:1px solid #d0e3ee;gap:25px}
.device-toolbar img{width:170px;mix-blend-mode:multiply}.device-toolbar>span{font-size:10px;color:#57798c}.device-toolbar>i{margin-left:auto;color:#51798c;font-style:normal}
.portal-preview{display:grid;grid-template-columns:36% 64%;padding:17px;gap:15px}
.preview-label{font-size:12px;font-weight:600;color:#294d63;margin-bottom:15px;display:flex;justify-content:space-between;align-items:center}.preview-label>span{font-size:18px;color:#368ba3}.preview-label small{font-weight:400;font-size:9px;color:#6a8798;margin-left:auto}
.preview-folder{display:flex;gap:10px;align-items:center;padding:9px 10px;margin-bottom:8px;background:#ffffffc9;border:1px solid white;border-radius:10px;box-shadow:0 4px 10px #1a496307}.preview-folder>i{font-style:normal;color:#6bafc4;font-size:27px}.preview-folder>div{flex:1}.preview-folder b{display:block;font-size:11px;font-weight:500;color:#21495f}.preview-folder span{font-size:9px;color:#267b93;display:flex;justify-content:space-between;margin-top:5px}.preview-folder em{font-style:normal}
.preview-interview{min-width:0;padding-right:15px}.preview-video{height:186px;border-radius:10px 10px 0 0;background-image:url('/Jake/assets/images/infographic-communication-1600.webp');background-size:178.3% 179%;background-position:95.1% 59.8%}
.preview-controls{background:#1a4057;padding:10px 13px;border-radius:0 0 10px 10px;display:flex;gap:12px;align-items:center;color:white;font-size:10px}.preview-controls i{height:3px;flex:1;border-radius:4px;background:linear-gradient(90deg,#69c5df 42%,#44667b 42%)}
.desktop-chin{height:23px;background:linear-gradient(100deg,#c7d7e1,#e8f0f4 50%,#b4c7d4);border-radius:0 0 13px 13px;margin:0 -1px}
.desktop-stand{height:57px;width:105px;margin:0 auto;background:linear-gradient(90deg,#b2c4d1,#e4edf3 45%,#b0c3d0);clip-path:polygon(14% 0,86% 0,100% 100%,0 100%)}
.desktop-foot{width:210px;height:10px;margin:0 auto;border-radius:50% 50% 5px 5px;background:linear-gradient(#e5eff4,#a7bfce);box-shadow:0 9px 12px #143a531c}
.phone-device{position:absolute;width:176px;height:344px;right:3px;bottom:17px;padding:6px;border:2px solid #8da1af;border-radius:29px;background:linear-gradient(130deg,#536b79,#172c39);box-shadow:inset 0 0 0 1px #c3d3dc,0 20px 32px #23465a33;transform:rotate(5deg)}
.phone-screen{height:100%;border-radius:21px;overflow:hidden;background:#f2f9fd;position:relative}.phone-island{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:55px;height:13px;background:#17252f;border-radius:99px;z-index:2}.phone-brand{padding:31px 12px 12px}.phone-brand img{width:100%;mix-blend-mode:multiply}.phone-video{height:176px;background-image:url('/Jake/assets/images/infographic-communication-900.webp');background-size:329.4% 179%;background-position:83% 59.8%;margin:0 8px;border-radius:10px}.phone-detail{padding:11px 13px;text-align:left}.phone-detail b{font-size:11px;display:block;color:#214f65}.phone-detail>span{font-size:8px;color:#5a879b}.phone-timeline{height:3px;margin-top:9px;background:linear-gradient(90deg,#2e92ae 45%,#c6dce8 45%);border-radius:3px}.phone-home{height:3px;width:45px;border-radius:5px;background:#3c5361;position:absolute;bottom:6px;left:50%;transform:translateX(-50%)}
.simple-hero-description{max-width:675px;margin:0 auto;font-size:15px;line-height:1.8;color:#58798b}.simple-hero-actions{display:flex;justify-content:center;align-items:center;gap:28px;margin:24px auto 0}.simple-contact{font-size:14px;color:#285a70;text-decoration:none;font-weight:600}.simple-contact span{padding-left:8px}
.home-glass .dealer-carousel{position:relative;overflow:hidden;max-width:100%;padding:12px 0;margin:16px 0 0;background:linear-gradient(90deg,#eaf5fc88,#fff8,#e8f4fb88);border-block:1px solid #fff;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.dealer-scroll-track{display:flex;width:max-content;animation:dealer-scroll 100s linear infinite}.dealer-scroll-group{display:flex;gap:14px;padding-right:14px}.dealer-scroll-logo{width:156px;height:65px;display:flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:16px;background:#ffffffad;border:1px solid #fff;flex:none}.dealer-scroll-logo svg{width:100%;height:100%;display:block;mix-blend-mode:multiply}.dealer-carousel:hover .dealer-scroll-track,.dealer-carousel:focus-within .dealer-scroll-track,.dealer-carousel.is-paused .dealer-scroll-track{animation-play-state:paused}
.home-glass .dealer-bottom{margin:15px 0 35px;padding:22px 0}.dealer-bottom .dealer-scroll-track{animation-direction:reverse}.dealer-bottom .dealer-scroll-logo{height:80px;width:180px}
.carousel-toggle{position:absolute;right:5%;bottom:4px;z-index:2;border:1px solid #d5e8f2;border-radius:99px;width:25px;height:25px;background:#f5fbffec;color:#32677f;font-size:10px;cursor:pointer;box-shadow:0 3px 8px #153c5115}
@keyframes dealer-scroll{to{transform:translateX(-50%)}}
@media(max-width:900px){.device-stage{width:650px;height:365px;max-width:none;transform-origin:top center}.desktop-device{width:550px;left:0}.desktop-screen{height:266px}.device-toolbar{height:42px;padding:8px 12px}.device-toolbar img{width:135px}.portal-preview{padding:12px;gap:11px}.preview-label{font-size:10px;margin-bottom:9px}.preview-label small{font-size:7px}.preview-folder{padding:6px 8px;gap:7px;margin-bottom:6px}.preview-folder b{font-size:9px}.preview-folder span{font-size:7px}.preview-folder>i{font-size:22px}.preview-video{height:147px}.preview-controls{padding:8px}.desktop-chin{height:19px}.desktop-stand{height:43px}.phone-device{width:145px;height:285px;bottom:12px}.phone-brand{padding-top:25px}.phone-video{height:137px}.phone-detail{padding:8px 10px}.phone-detail b{font-size:9px}}
@media(max-width:700px){.home-glass .simple-hero{padding:35px 20px 45px}.simple-hero h1{font-size:clamp(36px,7.2vw,48px)}.device-promise{font-size:14px;max-width:360px;margin-top:18px}.device-stage{left:50%;margin-left:-325px;margin-top:25px;transform:scale(.8);margin-bottom:-55px}.simple-hero-description{font-size:14px;max-width:500px}.dealer-scroll-logo{width:125px;height:56px;padding:10px 13px}.dealer-scroll-group{gap:10px;padding-right:10px}.home-glass .dealer-carousel{margin-top:12px}.simple-hero-actions{gap:20px}}
@media(max-width:540px){.device-stage{transform:scale(.64);margin-bottom:-116px}}
@media(max-width:430px){.device-stage{transform:scale(.52);margin-bottom:-160px}.simple-hero h1{font-size:36px;letter-spacing:-.055em}.simple-hero-actions .button{font-size:12px;padding:15px 21px}}
@media(max-width:360px){.device-stage{transform:scale(.46);margin-bottom:-182px}.simple-hero h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){.dealer-scroll-track{animation:none}.dealer-carousel{overflow-x:auto!important;mask-image:none!important}.dealer-scroll-group[aria-hidden=true]{display:none}.carousel-toggle{display:none}}
/* Isolate the product mockup from legacy phone rules. */
.simple-hero .phone-screen{min-height:0;height:100%;width:100%;display:block}
.simple-hero .preview-folder{height:47px;padding:5px 10px}
.simple-hero .preview-folder>i{font-size:23px}
@media(max-width:900px){.simple-hero .preview-folder{height:39px;padding:4px 8px}.simple-hero .preview-folder>i{font-size:19px}}
/* Dealership proof stays inside the opening scene. */
.home-glass .vertical-hero{max-width:none;width:100%;padding:65px 170px 55px;overflow:hidden;isolation:isolate}
.vertical-hero .simple-hero-heading{max-width:1080px;margin:auto}
.vertical-hero h1{font-size:clamp(40px,4.7vw,72px)}
.vertical-hero .device-stage{max-width:none}
.home-glass .vertical-hero .dealer-carousel{position:absolute;top:35px;bottom:35px;width:138px;max-width:none;height:auto;margin:0;padding:0;border:0;background:transparent;mask-image:linear-gradient(180deg,transparent,#000 8%,#000 92%,transparent);overflow:hidden;z-index:-1}
.vertical-hero .dealer-left{left:24px}.vertical-hero .dealer-right{right:24px}
.vertical-hero .dealer-scroll-track{display:flex;flex-direction:column;width:100%;animation:dealer-rise 110s linear infinite}
.vertical-hero .dealer-right .dealer-scroll-track{animation-delay:-52s}
.vertical-hero .dealer-scroll-group{display:flex;flex-direction:column;gap:18px;padding:0 0 18px;width:100%}
.vertical-hero .dealer-scroll-logo{width:100%;height:82px;flex:none;padding:16px 12px;border-radius:20px;background:linear-gradient(130deg,#ffffffd0,#e8f4fa88);box-shadow:inset 0 1px 0 #fff}
.vertical-hero .carousel-toggle{bottom:7%;right:calc(50% - 12px);opacity:.85}
.vertical-hero .dealer-carousel:hover .dealer-scroll-track,.vertical-hero .dealer-carousel:focus-within .dealer-scroll-track,.vertical-hero .dealer-carousel.is-paused .dealer-scroll-track{animation-play-state:paused}
@keyframes dealer-rise{to{transform:translateY(-50%)}}
.home-glass .candidate-introduction{text-align:center;position:relative;padding:95px 8vw 65px;margin:0 auto;border-top:1px solid #d4e8f1;background:linear-gradient(180deg,#ffffffae,#eaf5fc30);}
.candidate-introduction .intro-rule{display:block;width:44px;height:4px;border-radius:99px;background:#65b6cd;margin:0 auto 32px}
.home-glass .candidate-introduction h2{font-size:clamp(32px,3.7vw,56px);font-weight:500;letter-spacing:-.045em;line-height:1.17;color:#163e53;max-width:1080px;margin:auto}
.candidate-introduction h2 span{color:#277e9a}.home-glass .candidate-introduction h2 em{display:block;margin-top:24px;color:#55798c;font-family:inherit;font-style:normal;font-size:.67em;font-weight:400;letter-spacing:-.025em}
@media(max-width:1150px){.home-glass .vertical-hero{padding:55px 120px 45px}.home-glass .vertical-hero .dealer-carousel{width:90px}.vertical-hero .dealer-left{left:15px}.vertical-hero .dealer-right{right:15px}.vertical-hero .dealer-scroll-logo{height:70px;padding:12px 8px;border-radius:16px}.vertical-hero .device-stage{left:50%;margin-left:-425px;transform:scale(.85);transform-origin:top center;margin-bottom:-52px}}
@media(max-width:900px){.vertical-hero .device-stage{margin-left:-325px;transform:scale(.8);margin-bottom:-55px}.home-glass .vertical-hero{padding-inline:110px}.vertical-hero h1{font-size:43px}}
@media(max-width:700px){.home-glass .vertical-hero{padding:38px 68px 40px}.home-glass .vertical-hero .dealer-carousel{width:51px;top:25px;bottom:25px}.vertical-hero .dealer-left{left:7px}.vertical-hero .dealer-right{right:7px}.vertical-hero .dealer-scroll-logo{height:53px;padding:8px 4px;border-radius:12px}.vertical-hero .dealer-scroll-group{gap:12px;padding-bottom:12px}.vertical-hero h1{font-size:34px}.vertical-hero .device-promise{font-size:13px}.vertical-hero .device-stage{transform:scale(.62);margin-bottom:-123px}.home-glass .candidate-introduction{padding:60px 25px 35px}.home-glass .candidate-introduction h2{font-size:34px}.vertical-hero .simple-hero-actions{gap:14px;flex-wrap:wrap}.vertical-hero .simple-contact{font-size:12px}}
@media(max-width:540px){.vertical-hero .device-stage{transform:scale(.48);margin-bottom:-175px}.vertical-hero h1{font-size:30px}.home-glass .vertical-hero{padding-inline:64px}}
@media(max-width:430px){.vertical-hero .device-stage{transform:scale(.39);margin-bottom:-208px}.vertical-hero h1{font-size:28px}.vertical-hero .device-promise{font-size:12px}.vertical-hero .simple-hero-actions .button{font-size:11px;padding:14px 17px}.home-glass .candidate-introduction h2{font-size:30px}}
@media(max-width:360px){.vertical-hero .device-stage{transform:scale(.32);margin-bottom:-234px}.vertical-hero h1{font-size:25px}}
@media(prefers-reduced-motion:reduce){.vertical-hero .dealer-scroll-track{animation:none}.home-glass .vertical-hero .dealer-carousel{overflow-y:auto!important;overflow-x:hidden!important}.vertical-hero .dealer-scroll-group[aria-hidden=true]{display:none}}
/* Four perspectives, presented as one glass infographic. */
.home-glass .candidate-insight{padding:85px 5vw 70px;background:radial-gradient(ellipse at 10% 70%,#cdeafa66,transparent 50%),linear-gradient(160deg,#fafdff,#ecf6fc80);isolation:isolate}
.insight-heading{max-width:900px;margin:0 auto 45px}.insight-eyebrow{color:#4b849b;font-size:10px;font-weight:700;letter-spacing:.16em;margin-bottom:20px}
.home-glass .candidate-insight h2{font-size:clamp(34px,4vw,58px);line-height:1.13;letter-spacing:-.045em;max-width:none}
.insight-subtitle{font-size:16px;color:#638294;margin:18px auto 0}.insight-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;max-width:1440px;margin:0 auto;text-align:left}
.insight-card{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;padding:30px 26px;border:1px solid #fff;border-radius:28px;background:linear-gradient(135deg,#ffffffdc,#e5f3fcaa);box-shadow:inset 0 1px 0 #fff,0 14px 35px #1d5d7b0b;backdrop-filter:blur(18px);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.insight-card:before{content:"";position:absolute;z-index:-1;width:230px;height:230px;right:-135px;top:-115px;border-radius:50%;border:1px solid #cbe8f566;background:radial-gradient(circle,#bae1f555,transparent 70%);transition:transform .5s ease}
.insight-card:hover,.insight-card:focus-visible{transform:translateY(-9px);border-color:#a9d7e9;box-shadow:inset 0 1px 0 #fff,0 24px 45px #1d5d7b1e;outline:2px solid transparent}.insight-card:focus-visible{outline-color:#318fac;outline-offset:4px}.insight-card:hover:before,.insight-card:focus-visible:before{transform:scale(1.45) translate(-15px,15px)}
.insight-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.insight-icon{display:grid;place-items:center;width:59px;height:59px;border-radius:19px;background:linear-gradient(135deg,#f6fdff,#d1edf8);border:1px solid white;box-shadow:0 5px 15px #32759310;color:#2988a4;transition:transform .3s}.insight-icon svg{width:29px;height:29px}.insight-card:hover .insight-icon,.insight-card:focus-visible .insight-icon{transform:rotate(-5deg) scale(1.08)}.insight-number{font-size:12px;color:#77a4b8;font-weight:600;letter-spacing:.1em}
.insight-card h3{color:#163f55;font-size:27px;font-weight:500;letter-spacing:-.035em;line-height:1.15;min-height:63px;margin:0 0 15px}.insight-lead{font-size:15px;line-height:1.55;font-weight:600;color:#2b6c85;margin:0 0 12px}.insight-detail{font-size:14px;line-height:1.75;color:#55788c;margin:0 0 25px}.insight-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;padding-top:20px;border-top:1px solid #cfe4ef}.insight-tags span{font-size:10px;color:#46768d;background:#ffffffac;border:1px solid #fff;border-radius:99px;padding:7px 10px;line-height:1.2}
.insight-summary{display:flex;justify-content:center;align-items:center;gap:13px;max-width:540px;margin:35px auto 0;padding:18px 24px;border:1px solid white;border-radius:99px;background:#ffffff90;box-shadow:0 10px 30px #215b7510}.insight-summary>span{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border-radius:50%;background:#d8f0f8;color:#26849f}.insight-summary p{font-size:18px;color:#507689;margin:0;letter-spacing:-.02em}.insight-summary strong{font-weight:600;color:#235d76}
@media(max-width:1150px){.insight-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px}.insight-card h3{min-height:0}.insight-card{padding:30px}}
@media(max-width:600px){.home-glass .candidate-insight{padding:55px 22px 45px}.insight-grid{grid-template-columns:1fr;gap:18px}.insight-heading{margin-bottom:30px}.home-glass .candidate-insight h2{font-size:36px}.insight-subtitle{font-size:14px}.insight-card{padding:26px;border-radius:25px}.insight-card-top{margin-bottom:22px}.insight-card h3{font-size:28px}.insight-summary{padding:16px 18px}.insight-summary p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.insight-card,.insight-card:before,.insight-icon{transition:none}.insight-card:hover,.insight-card:focus-visible,.insight-card:hover .insight-icon,.insight-card:focus-visible .insight-icon{transform:none}}
