/* Final shared typographic and spacing pass for the local customer preview. */
:root{--ui-ink:#182330;--ui-copy:#455363;--ui-muted:#667586;--ui-red:#c91231;--ui-navy:#172536;--ui-border:#dfe4e9;--ui-paper:#f6f7f8}
html{scroll-padding-top:32px}
body{color:var(--ui-ink);font-family:'Noto Sans KR','Apple SD Gothic Neo','Malgun Gothic',sans-serif;font-size:15px;line-height:1.7;letter-spacing:-.025em;word-break:keep-all;-webkit-font-smoothing:antialiased}
button,input,select,textarea{font-family:inherit;letter-spacing:inherit}
a,button{transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}
p{overflow-wrap:break-word}
.preview{font-size:11px;font-weight:600;letter-spacing:0;padding:7px 16px;background:#182330;color:#e5eaf0}
header>nav,.site-head nav,header .quote-nav{font-size:14px;font-weight:700;letter-spacing:-.025em}
header>nav a:hover,.site-head nav a:hover{color:var(--ui-red)}
.header-cta{min-height:44px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;font-size:13px}
.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:850}
.primary,.closing a,.about-next>a{font-weight:800;letter-spacing:-.02em}
.primary:focus-visible,.closing a:focus-visible,.about-next>a:focus-visible{outline:3px solid #244a84;outline-offset:3px}
input::placeholder,textarea::placeholder{color:#83909e;opacity:1}
footer{font-size:12px}footer small{font-size:12px;line-height:1.8;color:#586575}

/* Homepage: one editorial lead, one restrained inquiry card. */
.hero{background:linear-gradient(100deg,#faf9f7 0%,#f3f2ef 67%,#f0eeeb 100%)}
.hero:before{background:linear-gradient(160deg,#d31334 0%,#aa102b 100%)}
.hero:after{opacity:.55}
.hero-inner{min-height:630px;gap:clamp(40px,5vw,90px);padding-top:70px;padding-bottom:70px}
.hero-copy{max-width:670px}
.hero h1{font-size:clamp(38px,3.7vw,56px);line-height:1.22;letter-spacing:-.065em;font-weight:800}
.rotator{height:190px;margin-top:13px}
.slide{font-size:clamp(48px,5.2vw,72px);line-height:1.16;letter-spacing:-.075em;font-weight:850;color:#ca0e2e}
.hero-desc{font-size:17px;line-height:1.75;font-weight:650;color:#2f3a45;margin:18px 0 18px}
.hero-desc span{font-size:14px;line-height:1.65;color:#5f6a75}
.hero-criteria span{font-size:12px;padding:6px 13px;background:#fff;border-color:#e1e3e5}
.paper{display:none}
.quick-form{padding:33px 34px;border:1px solid #ebe4e2;border-radius:18px;box-shadow:0 22px 60px #35111a20}
.quick-form-head{padding-bottom:17px}
.quick-form-head h2{font-size:25px;line-height:1.35;letter-spacing:-.055em}
.quick-form-head>p:last-child{font-size:13px;line-height:1.65;color:#596777}
.quick-fields{gap:6px;margin:20px 0 22px}
.quick-fields label{font-size:13px;color:#293849}
.quick-fields input{min-height:50px;margin-bottom:9px;border-color:#d8dee5;font-size:15px;padding:11px 13px}
.quick-form .primary{min-height:52px;font-size:14px}
.quick-form>p.quick-preview{font-size:11px;line-height:1.55;color:#5c6978;margin-top:12px}
.section{padding-top:100px;padding-bottom:100px}
.section-title{margin-bottom:42px}
.section h2{font-size:clamp(29px,2.8vw,39px);line-height:1.35;letter-spacing:-.055em}
.section-title>p:last-child,.section-intro{font-size:15px;line-height:1.8;color:var(--ui-copy)}
.guide{background:#f5f6f7}
.compare-sheet{border-color:var(--ui-border);border-radius:12px;box-shadow:0 15px 44px #1522310b}
.compare-sheet-heading{background:#1b2734;padding:24px 34px}
.compare-sheet-heading strong{font-size:18px}
.compare-sheet ol{padding:0 34px;column-gap:42px}
.compare-sheet li{min-height:116px;padding:26px 0}
.compare-sheet h3{font-size:17px}
.compare-sheet li p{font-size:14px;line-height:1.65;color:var(--ui-copy)}
.compare-sheet-note{font-size:12px;color:#596777;padding:18px 34px}
.guide-links{margin-top:28px}
.guide-links .text-link{font-size:14px}
.tribe-difference{background:#172536;padding-top:112px;padding-bottom:112px}
.difference-copy h2{font-size:clamp(37px,3.8vw,54px);letter-spacing:-.065em}
.difference-copy>p:not(.eyebrow){font-size:16px;line-height:1.9;color:#d5dde5}
.difference-visual{border-radius:11px;transform:rotate(1deg);box-shadow:18px 20px 0 #9d1730}
.difference-visual-row{padding:18px 0}
.difference-visual-row b{font-size:16px}.difference-visual-row small{font-size:13px;color:#536172}
.process{background:#fafafa}.process ol{gap:16px;margin-top:38px}
.process li{padding:25px;border-radius:12px;border-color:var(--ui-border);box-shadow:0 8px 22px #16233207}
.process b{font-size:11px;letter-spacing:.04em}
.process h3{font-size:17px;margin:18px 0 10px}
.process p{font-size:14px;line-height:1.75;color:var(--ui-copy)}
.faq{gap:80px}.faq details{padding:22px 0}.faq summary{font-size:16px;line-height:1.5}.faq details p{font-size:14px;line-height:1.8;color:var(--ui-copy)}
.closing{padding:66px 20px;background:#172536}.closing h2{font-size:clamp(25px,2.5vw,33px);line-height:1.35}

/* Interior marketing pages. */
.sub-hero{min-height:360px}.sub-hero h1{font-size:clamp(42px,4vw,60px);line-height:1.23;letter-spacing:-.065em}
.sub-hero>div>p:last-child{font-size:16px;line-height:1.75;color:var(--ui-copy)}
.product-tabs a{font-size:15px}
.cards h3,.principle-grid h3{letter-spacing:-.04em}
.cards p,.principle-grid p,.about-next p:not(.eyebrow),.check-list p{font-size:15px;line-height:1.8;color:var(--ui-copy)}
.check-list article{padding:23px 26px}.check-list h3{font-size:18px}
.about-statement p:not(.eyebrow){font-size:17px;line-height:1.85}
.principle-grid article{border-radius:12px;box-shadow:0 7px 22px #20293508}

/* Self-estimate: improve scanability of brands, vehicles, terms, and summary. */
body[data-page="cars"],body[data-page="options"]{background:#fafbfc;color:var(--ui-ink)}
.site-head{min-height:92px}.site-head nav{font-size:14px}
.self-main,.self-option-main{padding-top:62px}
.self-title{margin-bottom:42px}.self-title h1{font-size:clamp(34px,3.2vw,46px);line-height:1.2;letter-spacing:-.06em}
.self-title>p:last-child{font-size:16px;line-height:1.65;color:var(--ui-copy)}
.self-steps{gap:12px;margin-bottom:30px}
.self-steps li{min-height:62px;padding:12px 21px;border-radius:9px;font-size:14px}
.self-steps b{font-size:11px;letter-spacing:.02em}
.origin-tabs button{font-size:15px;font-weight:750}
.browse-panel,.manual-entry,.vehicle-visual,.option-section{border-color:var(--ui-border);border-radius:12px}
.browse-panel{padding:33px 35px;margin-bottom:22px}
.browse-heading h2{font-size:21px;letter-spacing:-.045em}
.browse-heading p,#catalog-status{font-size:13px;line-height:1.6;color:var(--ui-muted)}
.brand-grid{gap:12px}.brand-tile{min-height:124px;border-color:#e1e6eb;border-radius:10px}
.brand-tile:hover,.brand-tile[aria-pressed="true"]{border-color:#233b61;box-shadow:0 7px 20px #14274310}
.brand-label,.brand-tile strong{font-size:13px;font-weight:750}
.car-search-row label{font-size:13px;font-weight:700}
.car-search-row input{min-height:48px;font-size:14px}
.catalog-card{border-radius:10px}.catalog-card-visual{height:148px;background:#f3f5f7}
.catalog-card-info{padding:15px 16px}.catalog-card-info small{font-size:12px;color:#657486}
.catalog-card-info strong{font-size:16px;line-height:1.35;margin:6px 0 10px}
.catalog-card-info span{font-size:12px}
.catalog-card-image-pending{font-size:12px}
.manual-entry{padding:31px 35px;background:#f5f7f9}
.manual-entry h2{font-size:22px;letter-spacing:-.045em}
.manual-entry>div>p:last-child,.manual-entry form label,.manual-entry .privacy-note{font-size:13px;line-height:1.7}
.manual-entry-row input{font-size:15px;min-height:50px}.manual-entry-row button{font-size:14px}
.self-disclaimer{font-size:13px;line-height:1.7}
.option-section{padding:29px;margin-bottom:20px}.option-section h2{font-size:17px;line-height:1.45}
.option-section legend,.option-section label:not(.choices label){font-size:14px}
.choices span{font-size:13px;min-height:48px}
.vehicle-visual h2{font-size:29px}.vehicle-visual>p:not(.eyebrow){font-size:13px}
#selection-summary div{font-size:13px;padding:11px 0}
.result-price p{font-size:12px;line-height:1.6}
.selection-dock{border-top-color:#d7dee5}.dock-car strong{font-size:16px}.dock-price strong{font-size:22px}

/* Quote review: the same type scale and tone as the preceding steps. */
.intro h1{letter-spacing:-.06em}.intro>p:last-child{font-size:16px;color:var(--ui-copy)}
.panel h2{font-size:26px}.panel label,.summary p,.summary li{font-size:14px}
.panel input,.panel select,.panel textarea{font-size:15px}
.option strong{font-size:14px}.option em,.option small{font-size:13px}
.summary h2{font-size:20px}.summary h3{font-size:19px}
.price strong{font-size:27px}.help,.muted{font-size:13px;line-height:1.75}

/* Floating assistance stays visible without overpowering page content. */
.quick-rail{width:184px;right:16px;background:#27313b;border:1px solid #ffffff15;border-radius:12px;padding:6px 11px;box-shadow:0 14px 35px #10203035}
.quick-rail .rail-item{min-height:73px;gap:10px}.quick-rail .rail-icon{background:#ffffff16;font-size:21px}
.quick-rail small{font-size:11px;color:#c8d1da}.quick-rail strong{font-size:14px;line-height:1.3;letter-spacing:-.035em}
.quick-rail .rail-disabled{opacity:.55}

@media(max-width:1300px){.quick-rail{width:160px;right:7px}.quick-rail strong{font-size:12px}}
@media(max-width:950px){.hero-inner{gap:26px}.hero h1{font-size:40px}.slide{font-size:clamp(40px,5vw,52px)}.rotator{height:155px}}
@media(max-width:760px){
  body{font-size:14px;line-height:1.65}
  header>nav,.site-head nav,header .quote-nav{font-size:13px}
  .hero-inner{gap:19px;min-height:0;padding:32px 20px 38px}
  .hero h1{font-size:31px}.slide{font-size:clamp(36px,9vw,45px);line-height:1.16}.rotator{height:108px;margin-top:8px}
  .hero-desc{font-size:14px;margin:10px 0 11px}.hero-desc span{font-size:12px}
  .quick-form{padding:24px;border-radius:13px}
  .quick-form-head h2{font-size:23px}.quick-form-head>p:last-child{font-size:12px}
  .quick-fields{margin:18px 0 20px}.quick-fields label{font-size:12px}.quick-fields input{min-height:47px;font-size:14px}
  .quick-form>p.quick-preview{font-size:11px}
  .section{padding:65px 20px}.section h2{font-size:clamp(27px,7vw,34px)}
  .section-title{margin-bottom:27px}.section-title>p:last-child{font-size:13px}
  .compare-sheet-heading{padding:20px 22px}.compare-sheet ol{padding:0 22px}
  .compare-sheet li{padding:19px 0}.compare-sheet li p{font-size:13px}.compare-sheet-note{padding:16px 22px;font-size:12px}
  .tribe-difference{padding:72px 20px}.difference-copy h2{font-size:36px}
  .difference-copy>p:not(.eyebrow){font-size:14px}.difference-visual{transform:none;box-shadow:12px 14px 0 #9d1730}
  .process ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .process li{padding:19px}.process h3{font-size:15px;margin:12px 0 7px}.process p{font-size:12px}
  .faq{gap:18px}.faq summary{font-size:14px}.faq details p{font-size:13px}
  .sub-hero{min-height:0;padding:53px 20px 70px}.sub-hero h1{font-size:37px}.sub-hero>div>p:last-child{font-size:14px}
  .product-tabs a{font-size:13px}.cards p,.principle-grid p,.about-next p:not(.eyebrow),.check-list p{font-size:13px}
  .self-main,.self-option-main{padding-top:32px}
  .self-title{margin-bottom:27px}.self-title h1{font-size:32px}.self-title>p:last-child{font-size:13px}
  .self-steps{gap:6px;margin-bottom:22px}.self-steps li{min-height:55px;padding:7px;font-size:11px}.self-steps b{font-size:10px}
  .browse-panel{padding:22px 17px}.browse-heading h2{font-size:18px}.browse-heading p,#catalog-status{font-size:12px}
  .brand-tile{min-height:103px}.brand-label,.brand-tile strong{font-size:11px}
  .catalog-card-info{padding:12px}.catalog-card-info strong{font-size:14px}.catalog-card-info small{font-size:11px}
  .manual-entry{padding:24px 17px}.manual-entry h2{font-size:19px}.manual-entry>div>p:last-child,.manual-entry form label,.manual-entry .privacy-note{font-size:12px}
  .option-section{padding:19px}.option-section h2{font-size:16px}.choices span{font-size:12px}
  .selection-dock{bottom:calc(68px + env(safe-area-inset-bottom))}
  .dock-car strong{font-size:12px}.dock-price strong{font-size:16px}
  .intro>p:last-child{font-size:13px}.panel h2{font-size:22px}
  .quick-rail{width:auto;right:0;border:0;border-radius:12px 12px 0 0;padding:5px 4px env(safe-area-inset-bottom)}
  .quick-rail .rail-item{min-height:58px;gap:2px}.quick-rail strong{font-size:10px}.quick-rail small{font-size:9px}
}
@media(max-width:360px){.hero h1{font-size:28px}.slide{font-size:33px}.rotator{height:95px}.process li{padding:15px}.quick-rail strong{font-size:9px}}
@media(prefers-reduced-motion:reduce){a,button{transition:none}}