/* Reference-led revision. The inspection rules are preserved separately from SEWA MOTORS. */
body{background:#f5f5f3}.header{height:92px}.header .button.dark{background:var(--red)}
.hero.hero-v2{display:block;width:100%;margin:0;padding:0;position:relative;height:clamp(680px,56.25vw,880px);background:#d9dddd url('assets/hero-showroom-v2.webp') center center/cover no-repeat;isolation:isolate}
.hero-v2:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#ffffff21,transparent 45%);z-index:-1}
.hero-inner{display:grid;grid-template-columns:minmax(0,1fr) 385px;gap:36px;height:100%;position:relative;align-items:start}
.hero-intro{padding-top:54px}.hero-intro .eyebrow{font-size:10px;letter-spacing:2.4px;display:block;color:#272b2c}
.hero-v2 h1{font-size:clamp(44px,4.55vw,70px);font-weight:800;line-height:1.025;letter-spacing:-3px;margin:17px 0 10px;color:#070909;white-space:nowrap}
.hero-subtitle{font-size:clamp(15px,1.6vw,23px);line-height:1.45;color:#34393b;letter-spacing:-.5px}
.hero-v2 .hero-benefits{display:flex;justify-content:flex-start;gap:27px;margin-top:21px;font-size:13px;font-weight:500;white-space:nowrap;color:#1b2022}
.hero-v2 .hero-benefits span{display:flex;align-items:center;gap:8px}.hero-v2 .hero-benefits i{display:grid;place-items:center;font-size:15px;color:#fff;background:var(--red);border-radius:50%;width:27px;height:27px;margin:0}
.calculator-launch{align-self:center;padding:31px 29px 25px;border:1.5px solid #fffffff0;background:#ffffffb3;border-radius:20px;box-shadow:0 8px 30px #ffffff16;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);margin:0 0 20px}
.calculator-icon{display:block;color:var(--red);width:48px;height:56px;margin-bottom:22px}
.calculator-launch h2{font-size:32px;line-height:1.12;letter-spacing:-1.2px;font-weight:800;color:#101313;margin-bottom:18px}
.calculator-launch>p{font-size:16px;line-height:1.55;color:#54595d;margin-bottom:25px}
.calculator-launch .button{width:100%;text-transform:uppercase;font-size:15px;padding:19px 20px;justify-content:space-between;gap:10px;border-radius:10px;min-height:60px}
.calculator-launch .button span{font-size:32px;font-weight:500;line-height:.6}
.launch-note{display:block;text-align:center;font-size:12px;color:#737980;margin-top:15px}
.quiz-modal{border:0;padding:0;border-radius:20px;max-width:calc(100% - 24px);width:510px;max-height:calc(100dvh - 32px);overflow:auto;box-shadow:0 20px 100px #0005;background:#fff;color:var(--ink)}
.quiz-modal::backdrop{background:#14202bc2;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.quiz-modal .quiz-card{border:0;box-shadow:none;min-height:0;padding:48px 32px 26px;scroll-margin:0;border-radius:0}
.quiz-modal .dialog-close{z-index:3;top:10px;right:12px;line-height:1;width:28px;height:28px;font-size:23px;display:grid;place-items:center}
.quiz-modal .quiz-card h2{font-size:25px;line-height:1.3;letter-spacing:-.8px}.quiz-modal .quiz-top{padding-right:10px}
body:has(dialog[open]){overflow:hidden}
.car-check-section{--color-red:#d91033;width:min(1440px,calc(100% - 48px));margin:64px auto;background:#f8f8f8}
.car-check-section h2,.car-check-section h3{letter-spacing:normal}
.car-check-section .car-check-report-text b{font-weight:600}
.car-check-section button{border:0;font-family:inherit;cursor:pointer}
.car-check-section .red-button{background:var(--color-red);color:#fff;font-size:18px;font-weight:700;text-transform:uppercase;white-space:nowrap;display:flex;align-items:center;justify-content:center}
.car-check-section .red-button:hover{background:#bb0c2a}.car-check-example-button{white-space:nowrap}
.car-check-section .car-check-card-title{font-weight:600;letter-spacing:normal}
.car-check-section .car-check-tab{cursor:default}
.car-check-section .car-check-report-buttons{width:auto}
.process-section{position:relative;isolation:isolate;background:#dce0df url('assets/process-showroom-v2.webp') center center/cover no-repeat;min-height:760px}
.process-section:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fff3,transparent 70%);z-index:-1}
.process-section>.section{padding-top:45px;padding-bottom:40px}
.process-section .section-head{margin-bottom:22px;display:block}
.process-section .section-label{font-size:10px;letter-spacing:2px;margin-bottom:9px;color:#636c73}
.process-section h2{font-size:50px;line-height:1.02;letter-spacing:-2px;font-weight:800;color:#060a0c}
.process-section h2 span{color:var(--red)}
.process-section .steps-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border:0;max-width:750px;width:58%;margin:0 0 15px}
.process-section .step,.process-section .step:not(:nth-child(3n+1)){display:block;position:relative;padding:17px 18px 18px;border:1px solid #ffffffed;border-radius:12px;min-height:134px;background:#ffffffb8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 3px 12px #ffffff08}
.process-section .step .step-number{display:block;color:var(--red);font-size:17px;font-weight:800;margin:0 0 7px;line-height:1.2}
.step-icon{width:33px;height:36px;position:absolute;top:12px;right:15px;color:var(--red)}
.process-section .step h3{font-size:18px;line-height:1.2;font-weight:800;letter-spacing:-.6px;margin:0 0 7px;padding-right:0;position:relative}
.process-section .step p{font-size:12px;line-height:1.35;color:#5f656a;max-width:300px}
.process-section .button{font-size:15px;text-transform:uppercase;min-width:268px;justify-content:space-between;padding:18px 25px;border-radius:7px}
.process-scene{display:none}
.catalog-card img{mix-blend-mode:normal}.catalog-card{background:#eeefed}
.review p.review-detail{color:#616b5c}.footer-bottom{font-size:10px}.footer-top p{font-size:11px}
@media(min-width:1600px){.hero-inner{grid-template-columns:minmax(0,1fr) 420px}.calculator-launch{padding:38px}.calculator-launch h2{font-size:34px}.calculator-launch>p{font-size:18px}.process-section>.wrap{width:min(1440px,calc(100% - 96px))}.process-section .steps-grid{width:56%}.process-section .step,.process-section .step:not(:nth-child(3n+1)){min-height:142px}.process-section .step p{font-size:14px}.process-section{min-height:820px}}
@media(max-width:1200px) and (min-width:761px){.hero-inner{grid-template-columns:minmax(0,1fr) 330px;gap:20px}.hero-intro{padding-top:45px}.hero-v2 h1{font-size:44px;letter-spacing:-2.1px}.hero-subtitle{font-size:16px;max-width:430px}.hero-v2 .hero-benefits{gap:13px;font-size:10px}.hero-v2 .hero-benefits i{width:22px;height:22px;font-size:12px}.calculator-launch{padding:25px}.calculator-launch h2{font-size:28px}.calculator-launch>p{font-size:14px}.calculator-launch .button{font-size:13px}.process-section h2{font-size:45px}.process-section .steps-grid{width:62%}.process-section .step h3{font-size:16px}.process-section .step p{font-size:12px}.step-icon{width:28px;height:30px}.car-check-section{margin:48px auto}}
@media(min-width:761px) and (max-width:900px){.hero-inner{grid-template-columns:minmax(0,1fr) 300px}.hero-v2 h1{font-size:36px;letter-spacing:-1.8px}.hero-subtitle{font-size:14px}.hero-v2 .hero-benefits{white-space:normal;display:grid;gap:10px}.hero-intro{padding-top:38px}.calculator-launch{padding:24px 20px}.calculator-launch h2{font-size:26px}.hero.hero-v2{height:650px}.process-section .steps-grid{width:73%}.process-section h2{font-size:40px}.process-section{background-position:62% center}}
@media(max-width:990px){.car-check-section{width:calc(100% - 32px);margin:40px auto}.car-check-section .car-check-title{letter-spacing:-.5px}.car-check-card{top:90px}.car-check-cards-title{top:42px}.car-check-section .car-check-report-buttons{width:100%}.car-check-section .car-check-top{background:linear-gradient(to bottom,#020d1500 440px,#020d15 580px),var(--car-check-bg) right 0 top 134px/auto 457px no-repeat,#020d15}.car-check-section .car-check-report{overflow:hidden}.car-check-section .car-check-card-icon{object-fit:contain}}
@media(max-width:760px){
 .header{height:76px}.hero.hero-v2{height:820px;min-height:0;background-image:url('assets/hero-showroom-mobile-v2.webp');background-size:cover;background-position:center 46%}.hero-v2:before{background:linear-gradient(180deg,#ffffff75,transparent 30%,transparent 55%,#e7e9e71f)}
 .hero-inner{display:flex;flex-direction:column;gap:0;justify-content:space-between;padding-top:28px;padding-bottom:24px;height:100%;width:calc(100% - 36px)}
 .hero-intro{padding-top:0}.hero-intro .eyebrow{font-size:8px;letter-spacing:1.5px}
 .hero-v2 h1{font-size:36px;line-height:1.06;letter-spacing:-1.7px;margin:15px 0 10px;white-space:normal}
 .hero-subtitle{font-size:13px;line-height:1.5;letter-spacing:0;max-width:300px}
 .hero-v2 .hero-benefits{display:flex;flex-wrap:wrap;gap:9px 12px;font-size:9px;font-weight:600;margin-top:15px;white-space:normal}
 .hero-v2 .hero-benefits span{gap:5px}.hero-v2 .hero-benefits i{width:18px;height:18px;font-size:10px}
 .calculator-launch{width:100%;margin:0;padding:21px 23px 17px;border-radius:16px;background:#ffffffc4;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:12px}
 .calculator-icon{width:32px;height:38px;grid-column:1;grid-row:1;margin:0;align-self:center}
 .calculator-launch h2{font-size:25px;line-height:1.12;letter-spacing:-1px;grid-column:2;grid-row:1;margin:0}
 .calculator-launch>p{font-size:12px;line-height:1.6;margin:13px 0 17px;grid-column:1/-1}
 .calculator-launch .button{grid-column:1/-1;min-height:52px;padding:16px 18px;font-size:14px;border-radius:9px}.calculator-launch .button span{font-size:29px}
 .launch-note{grid-column:1/-1;font-size:10px;margin-top:10px}
 .quiz-modal{border-radius:16px;width:440px;max-height:calc(100dvh - 24px)}.quiz-modal .quiz-card{padding:43px 22px 22px;min-height:0}.quiz-modal .quiz-card h2{font-size:23px}
 .car-check-section{width:calc(100% - 24px);margin:36px auto}.car-check-top{border-radius:22px}.car-check-section .car-check-title{font-size:26px;line-height:1.1}.car-check-section .car-check-notice{margin-top:176px}.car-check-section .car-check-card-list{line-height:1.45}.car-check-section .car-check-card{padding:16px}.car-check-section .car-check-card-title{font-size:17px}.car-check-section .car-check-report-title{font-size:25px;line-height:1.1}
 .process-section{min-height:0;background-size:auto 650px;background-position:66% top;background-color:#dfe2e2;background-repeat:no-repeat}.process-section:before{background:linear-gradient(180deg,#ffffffa1 0,transparent 230px,transparent 370px,#dfe2e2 640px)}
 .process-section>.section{padding-top:31px;padding-bottom:32px}.process-section .section-head{margin-bottom:0}.process-section .section-label{font-size:8px;letter-spacing:1.5px;margin-bottom:12px}.process-section h2{font-size:34px;line-height:1.06;letter-spacing:-1.5px}
 .process-scene{display:block;height:235px}.process-section .steps-grid{width:100%;grid-template-columns:1fr;gap:10px;margin-bottom:16px}
 .process-section .step,.process-section .step:not(:nth-child(3n+1)){min-height:120px;padding:16px 18px;background:#ffffffe0;border-radius:11px;box-shadow:0 4px 12px #2d39430a}
 .process-section .step .step-number{font-size:15px;margin-bottom:8px}.process-section .step h3{font-size:17px;letter-spacing:-.5px;margin-bottom:7px}.process-section .step p{font-size:12px;line-height:1.5;max-width:95%}.step-icon{top:13px;right:16px;width:30px;height:33px}
 .process-section .button{width:100%;min-width:0;font-size:14px;padding:18px 22px}.footer-bottom{font-size:9px}
}
@media(max-width:370px){.hero-v2 h1{font-size:32px}.hero-v2 .hero-benefits{gap:8px}.hero.hero-v2{height:800px}.calculator-launch{padding:19px}.calculator-launch h2{font-size:23px}.calculator-launch .button{font-size:13px}.process-section h2{font-size:31px}}
@media(prefers-reduced-transparency:reduce){.calculator-launch,.process-section .step{background:#fffffff2}}
.skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;padding:0}
@media(min-width:1201px){.process-section .step p{font-size:14px;line-height:1.4}.process-section .step h3{font-size:19px}.process-section .step,.process-section .step:not(:nth-child(3n+1)){min-height:144px}}
@media(max-width:760px){.process-section .step p{font-size:13px}}

/* Keep headings readable over both the windows and the showroom structure. */
.hero-v2:before{background:linear-gradient(180deg,#071521d1 0%,#071521c2 34%,#07152130 60%,transparent 83%)}
.hero-v2 h1,.hero-v2 .hero-intro .eyebrow,.hero-v2 .hero-subtitle,.hero-v2 .hero-benefits{color:#fff}
.hero-v2 h1,.hero-v2 .hero-subtitle{text-shadow:0 2px 14px #07152126}
.hero-v2 .hero-benefits{font-weight:600}
.calculator-launch{background:#fffffff0;border-color:#fff}
.calculator-launch>p{color:#454b50}.launch-note{color:#5e666e}
.process-section:before{background:linear-gradient(180deg,#071521d1 0,#071521bf 180px,#07152130 310px,transparent 470px)}
.process-section .section-label,.process-section h2,.process-section h2 span{color:#fff}
.process-section h2{text-shadow:0 2px 14px #07152126}
.process-section .step,.process-section .step:not(:nth-child(3n+1)){background:#fffffff0}
.process-section .step p{color:#454d53}
@media(max-width:760px){
 .hero-v2:before{background:linear-gradient(180deg,#071521db 0,#071521cf 175px,#071521a6 240px,#07152100 410px)}
 .process-section:before{background:linear-gradient(180deg,#071521db 0,#071521c2 165px,#07152100 335px,#dfe2e2 640px)}
 .calculator-launch{background:#fffffff2}
}
.header .brand{min-width:60px;gap:0}.header .brand img{width:60px;height:60px}
.ui-arrow{display:inline-block;vertical-align:middle;flex-shrink:0}
.video-button{color:var(--ink)}
.play:before{content:'';width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid var(--red);margin-left:2px}
@media(max-width:760px){.ui-arrow,.video-arrow,.note-icon:has(.ui-arrow){display:none}.header .brand{min-width:52px}.header .brand img{width:52px;height:52px}}

/* A gift at the end of the quiz, with the visitor's contact preference. */
.gift-teaser{display:flex;align-items:center;gap:8px;padding:10px 11px;border:1px solid #d910331a;border-radius:8px;background:#fff3f5;color:#a80c28;font-size:11px;font-weight:700;margin:-8px 0 19px;line-height:1.5}
.gift-teaser svg{flex-shrink:0}
.gift-picker,.messenger-picker{min-width:0;margin:0;padding:0;border:0}
.gift-picker{padding:17px 15px 15px;margin:0 0 18px;border:1px solid #f1dce1;border-radius:12px;background:#fff8f9}
.gift-picker legend{padding:0 5px;font-size:15px;font-weight:800;color:#282d30}
.gift-help{font-size:11px;line-height:1.5;color:#71757a;margin:-3px 0 12px}
.gift-options{display:grid;gap:8px}
.gift-option{display:flex;align-items:center;gap:11px;padding:13px 12px;border:1px solid #e8dfe2;border-radius:8px;background:#fff;cursor:pointer;font-size:12px;font-weight:600;line-height:1.45;transition:background .15s,border-color .15s}
.gift-option:has(input:checked){background:#fff0f3;border-color:var(--red)}
.gift-option input{margin:0;width:17px;height:17px;flex-shrink:0;accent-color:var(--red)}
.contact-reassurance{padding:13px 15px;background:#f0f4f1;border-radius:9px;margin:0 0 16px}
.contact-reassurance strong{display:block;color:#263e30;font-size:14px;font-weight:800;line-height:1.4}
.contact-reassurance span{display:block;font-size:11px;line-height:1.6;color:#526158;margin-top:4px}
.messenger-picker{margin-top:16px}
.messenger-picker legend{font-size:11px;font-weight:600;margin-bottom:8px;color:#5c6165}
.messenger-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.messenger-option{position:relative;cursor:pointer;font-size:11px;min-width:0}
.messenger-option input{position:absolute;opacity:0;width:1px;height:1px}
.messenger-option span{display:flex;justify-content:center;align-items:center;min-height:41px;border:1px solid #dedfdb;border-radius:8px;font-weight:650;padding:8px 4px;line-height:1.3}
.messenger-option input:checked+span{border-color:var(--red);background:#fff3f5;color:#b70c2c}
.messenger-option input:focus-visible+span{outline:3px solid #e62d3380;outline-offset:3px}
.gift-confirmation{padding:15px;border:1px solid #f1dce1;border-radius:9px;background:#fff8f9;color:#a80c28;font-weight:650;font-size:13px;line-height:1.6}
@media(max-width:760px){.gift-teaser{grid-column:1/-1;font-size:10px;margin:-3px 0 13px;padding:8px 9px}.calculator-launch .launch-note{font-size:9px}.gift-picker{padding:14px 12px 12px}.gift-picker legend{font-size:14px}.gift-option{font-size:11px;padding:12px 10px}.contact-reassurance strong{font-size:13px}.contact-reassurance span{font-size:10px}.messenger-options{gap:6px}}
.gift-options{grid-template-columns:repeat(2,minmax(0,1fr))}.gift-option{min-height:70px;align-items:flex-start;gap:8px}.gift-option input{margin-top:1px}
@media(max-width:760px){.gift-option{min-height:78px;gap:7px;padding:11px 9px}}
.social-links{display:flex;align-items:center;gap:9px;flex-shrink:0}
.social-link{display:flex;align-items:center;justify-content:center;gap:8px;min-width:42px;min-height:42px;border-radius:10px;color:#fff;transition:filter .18s,transform .18s}
.social-link:hover{filter:brightness(.93);transform:translateY(-1px)}
.social-link--telegram{background:#249dd6}.social-link--whatsapp{background:#168348}
.social-link svg{display:block;flex-shrink:0}.social-links--header .social-link span{display:none}
.social-links--footer .social-link{padding:11px 13px;font-size:11px;font-weight:700}
.footer-top .social-link{display:flex;font-size:11px}
.hero-v2 .hero-usp{font-weight:650;line-height:1.35;font-size:clamp(19px,2vw,29px);letter-spacing:-.45px;margin-top:14px}
.hero-usp .usp-break{display:none}
@media(min-width:761px) and (max-width:1100px){.header{gap:22px}.header nav{gap:15px}.social-link{min-width:40px;min-height:40px}.hero-v2 .hero-usp{font-size:23px}.hero-usp .usp-break{display:inline}}
@media(max-width:760px){.header .social-links{margin-left:auto;gap:8px}.social-link{min-width:42px;min-height:42px}.social-link svg{width:21px;height:21px}.hero-v2 .hero-usp{font-size:19px;line-height:1.25;max-width:310px;letter-spacing:-.2px}.hero-usp .usp-break{display:inline}.social-links--footer{width:100%;gap:10px}.social-links--footer .social-link{padding:11px 14px;font-size:11px}.hero-v2 .hero-benefits{margin-top:12px}}
