:root {
        --navy: #151922;
        --blue: #255d99;
        --gold: #566d93;
        --ink: #151922;
        --urban-fog: #616163;
        --moonlit-silver: #a5a19f;
        --cloud-veil: #eef1f5;
        --silver-bright: #f4f5f7;
        --silver-soft: #e7e9ed;
        --silver-mist: #dfdddb;
        --silver-mid: #c5c7cb;
        --silver-edge: #b6b8bd;
        --silver-steel: #a5a19f;
        --silver-cool: #cfd3d9;
        --silver-smoke: #6f747c;
        --silver-graphite: #616163;
        --silver-dark: #354759;
        --brand-night: #151922;
        --brand-navy: #26364b;
        --brand-blue: #255d99;
        --brand-blue-soft: #566d93;
        --brand-silver: #dfdddb;
        --silver-gradient: linear-gradient(105deg,#a5a19f 0%,#f4f5f7 35%,#cfd3d9 68%,#dfdddb 100%);
        --muted: var(--urban-fog);
        --line: var(--moonlit-silver);
        --bg: var(--cloud-veil);
      }
      * {
        box-sizing: border-box;
      }
      [hidden] { display: none !important; }
      html {
        scroll-behavior: smooth;
      }
      body {
        margin: 0;
        color: var(--ink);
        font-family: "Barlow", Arial, sans-serif;
        font-size: 16px;
        line-height: 1.45;
        background: #fff;
      }
      .motion-ready .reveal-item {
        opacity: 0;
        transform: translate3d(0, 34px, 0) scale(.985);
        filter: blur(2px);
        transition: opacity .72s cubic-bezier(.22, 1, .36, 1), transform .72s cubic-bezier(.22, 1, .36, 1), filter .55s ease;
        transition-delay: var(--reveal-delay, 0ms);
        will-change: opacity, transform;
      }
      .motion-ready .reveal-item.reveal-visible {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
        filter: blur(0);
      }
      @media (prefers-reduced-motion: reduce) {
        html { scroll-behavior: auto; }
        .motion-ready .reveal-item,
        .motion-ready .reveal-item.reveal-visible {
          opacity: 1;
          transform: none;
          filter: none;
          transition: none;
        }
      }
      button,
      input,
      select {
        font: inherit;
      }
      h1,h2,h3,h4,strong,b { font-family: "Barlow", Arial, sans-serif; }
      h1,h2,h3 { font-weight: 700; letter-spacing: -0.025em; }
      label,summary,.card > strong,.result em { font-variant-numeric: tabular-nums; }
      button {
        cursor: pointer;
      }
      img {
        display: block;
        max-width: 100%;
      }
      .top {
        height: 70px;
        background: var(--silver-bright);
        color: var(--ink);
        display: flex;
        align-items: center;
        padding: 0 max(3%, calc((100% - 1380px) / 2));
        gap: 24px;
        position: sticky;
        top: 0;
        z-index: 50;
        border: 0;
        box-shadow: none;
      }
      .brand {
        display: flex;
        align-items: center;
        gap: 12px;
        color: var(--navy);
        background: none;
        border: 0;
        white-space: nowrap;
      }
      .brand > b {
        font-size: 28px;
        letter-spacing: -5px;
        color: var(--gold);
      }
      .brand span {
        font-size: 18px;
        letter-spacing: 2px;
        font-weight: 700;
      }
      .brand small {
        display: block;
        font-size: 7px;
        color: var(--gold);
        letter-spacing: 2px;
      }
      .header-logo { width: clamp(190px,18vw,260px); height: 56px; object-fit: contain; object-position: left center; }
      .footer-logo { width: min(290px,100%); height: auto; margin-bottom: 16px; }
      .top nav {
        display: flex;
        justify-content: flex-end;
        align-items: stretch;
        gap: 8px;
        flex: 1;
        height: 100%;
      }
      .top nav button {
        background: none;
        border: 0;
        color: var(--ink);
        font-size: 12px;
        font-weight: 700;
        padding: 0 11px;
      }
      .nav-menu { position: relative; height: 100%; display: flex; align-items: center; }
      .nav-menu > summary { list-style: none; cursor: pointer; font-size: 12px; font-weight: 700; padding: 23px 11px; white-space: nowrap; }
      .nav-menu > summary::-webkit-details-marker { display: none; }
      .nav-menu > summary:after { content: '⌄'; margin-left: 7px; color: var(--ink); }
      .nav-menu[open] > summary { color: var(--blue); }
      .nav-menu:first-of-type > summary { border: 1px solid var(--moonlit-silver); border-radius: 15px; padding: 12px 15px; margin: 10px 0; }
      .nav-pop { position: absolute; z-index: 60; top: 64px; left: 50%; transform: translateX(-50%); min-width: 220px; padding: 12px; border: 1px solid var(--line); border-radius: 14px; background: white; color: var(--ink); box-shadow: 0 18px 45px rgba(93,94,96,.32); }
      .nav-pop:before { content: ''; position: absolute; top: -7px; left: 50%; width: 13px; height: 13px; background: white; transform: translateX(-50%) rotate(45deg); border-left: 1px solid var(--line); border-top: 1px solid var(--line); }
      .nav-pop button { display: block; width: 100%; min-height: 44px; padding: 11px 12px!important; border-radius: 8px; color: var(--ink)!important; text-align: left; font-size: 13px!important; }
      .nav-pop button:hover { background: var(--cloud-veil)!important; color: var(--ink)!important; }
      .buy-pop { width: 430px; padding: 18px; }
      .body-shortcuts { display: grid; grid-template-columns: repeat(4,1fr); gap: 9px; }
      .body-shortcuts button { text-align: center!important; border: 0!important; padding: 5px 2px!important; color: var(--ink)!important; }
      .shortcut-media { display: grid; place-items: center; width: 72px; height: 56px; margin: 0 auto 6px; overflow: hidden; border: 1px solid var(--line); border-radius: 50%; background: #fff; }
      .shortcut-media img { width: 64px; height: 42px; object-fit: contain; display: block; mix-blend-mode: normal; transition: transform .28s cubic-bezier(.22,1,.36,1); }
      .shortcut-media.icon { font-size: 21px; font-weight: 800; color: #fff; border: 0; }
      .shortcut-media.offer { background: var(--cloud-veil); color: var(--ink); }
      .shortcut-media.premium { background: var(--urban-fog); }
      .body-shortcuts button:hover .shortcut-media { border-color: var(--urban-fog); box-shadow: 0 0 0 3px rgba(177,178,180,.34); }
      .nav-feature { margin-top: 10px; border-top: 1px solid var(--line); padding-top: 10px; }
      .mobile-menu { display: none; position: relative; }
      .mobile-menu > summary { list-style: none; width: 46px; height: 46px; border: 1px solid var(--moonlit-silver); border-radius: 8px; cursor: pointer; display: grid; place-items: center; }
      .mobile-menu > summary::-webkit-details-marker { display: none; }
      .menu-lines,.menu-lines:before,.menu-lines:after { display: block; width: 20px; height: 2px; background: var(--navy); position: relative; content: ''; }
      .menu-lines:before { position: absolute; top: -6px; }
      .menu-lines:after { position: absolute; top: 6px; }
      .mobile-pop { position: absolute; z-index: 60; right: 0; top: 55px; width: min(320px,calc(100vw - 28px)); max-height: calc(100vh - 90px); overflow: auto; background: white; color: var(--ink); padding: 14px; border-radius: 14px; box-shadow: 0 18px 45px rgba(93,94,96,.40); }
      .mobile-pop button { display: block; width: 100%; min-height: 48px; text-align: left; border: 0; border-bottom: 1px solid var(--line); background: white; color: var(--ink); font-weight: 700; }
      .mobile-pop-group { border-bottom: 1px solid var(--line); }
      .mobile-pop-group > summary { position: relative; display: flex; min-height: 48px; align-items: center; padding: 0 34px 0 7px; list-style: none; cursor: pointer; color: var(--ink); font-weight: 800; }
      .mobile-pop-group > summary::-webkit-details-marker { display: none; }
      .mobile-pop-group > summary::after { content: '⌄'; position: absolute; right: 10px; color: var(--brand-blue); transition: transform .2s ease; }
      .mobile-pop-group[open] > summary::after { transform: rotate(180deg); }
      .mobile-pop-group:first-child > summary { min-height: 44px; margin-bottom: 4px; padding-left: 13px; border: 1px solid var(--silver-mid); border-radius: 12px; background: linear-gradient(110deg,#fff,var(--silver-light)); }
      .mobile-pop-sub { margin: 0 0 8px; padding: 5px 8px; border-radius: 10px; background: var(--cloud-veil); }
      .mobile-pop-sub button { min-height: 40px; padding: 8px 10px; border-color: rgba(177,178,180,.55); background: transparent; font-size: 12px; font-weight: 700; }
      .mobile-pop-sub button:last-child { border-bottom: 0; }
      .mobile-pop > button { padding: 0 7px; }
      .account {
        border: 1px solid var(--gold);
        background: none;
        color: var(--gold);
        padding: 11px 16px;
        border-radius: 5px;
      }
      .page {
        display: none;
        overflow: clip;
      }
      .page.active {
        display: block;
      }
      .hero {
        height: 620px;
        position: relative;
        background: var(--brand-night) url("img/banner-nivus-premium.webp") calc(100% + 22vw) center / 82vw auto no-repeat;
        overflow: hidden;
      }
      .hero-copy {
        position: absolute;
        z-index: 2;
        top: 50%;
        left: max(3%, calc((100% - 1380px) / 2));
        width: min(39vw, 560px);
        transform: translateY(-50%);
        color: #fff;
      }
      .hero-copy i {
        display: block;
        width: 42px;
        height: 2px;
        background: var(--moonlit-silver);
        margin-bottom: 26px;
      }
      .hero h1 {
        max-width: 520px;
        font-size: clamp(58px, 6.2vw, 92px);
        line-height: .91;
        letter-spacing: -4px;
        font-weight: 800;
        margin: 0 0 24px;
      }
      .hero-copy p {
        max-width: 390px;
        margin: 0 0 28px;
        color: var(--silver-mist);
        font-size: 16px;
        line-height: 1.55;
      }
      .primary,
      .hero button,
      .content button,
      .finance button {
        background: var(--blue);
        color: white;
        border: 0;
        padding: 13px 23px;
        border-radius: 5px;
        font-weight: bold;
      }
      .ghost {
        background: transparent !important;
        color: #fff !important;
        border: 1px solid #ffffffb8 !important;
        margin-left: 10px;
      }
      .content {
        max-width: 1450px;
        margin: auto;
        padding: 0 4%;
      }
      .quick {
        position: relative;
        margin-top: 0;
        background: white;
        z-index: 3;
        padding: 20px 25px;
        display: grid;
        grid-template-columns: repeat(3, 1fr) auto;
        gap: 18px;
        border-radius: 7px;
        box-shadow: 0 9px 30px rgba(93,94,96,.22);
      }
      .quick label,
      .filters label,
      .finance label {
        display: flex;
        flex-direction: column;
        gap: 7px;
        font-size: 12px;
        font-weight: bold;
      }
      .quick select,
      .filters select,
      .finance select,
      .finance input,
      .interest input {
        width: 100%;
        min-width: 0;
        height: 44px;
        border: 1px solid var(--line);
        border-radius: 5px;
        padding: 0 12px;
        background: #fff;
      }
      .section-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: 42px 0 18px;
      }
      .section-title button {
        background: none;
        color: var(--blue);
        padding: 0;
      }
      .cars {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 17px;
      }
      .match-section { margin: 46px 0 36px; }
      .match-section h2 { font-size: 30px; margin: 0 0 25px; letter-spacing: -.6px; }
      .match-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
      .match-card { height: 345px; position: relative; overflow: hidden; border: 0!important; border-radius: 18px!important; padding: 0!important; text-align: left; color: white!important; background: var(--urban-fog); box-shadow: 0 8px 24px rgba(93,94,96,.22); }
      .match-card img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
      .match-card:after { content: ''; position: absolute; inset: 38% 0 0; background: linear-gradient(transparent, rgba(2,12,24,.88)); }
      .match-card strong { position: absolute; z-index: 2; left: 24px; bottom: 25px; font-size: 21px; }
      .match-card span { position: absolute; z-index: 2; right: 22px; bottom: 22px; font-size: 29px; transition: transform .2s ease; }
      .match-card:hover img { transform: scale(1.045); }
      .match-card:hover span { transform: translate(4px,-4px); }
      .match-card:focus-visible { outline: 3px solid var(--blue); outline-offset: 3px; }
      .trade-options { margin: 54px 0; padding: 36px; border-radius: 18px; background: var(--cloud-veil); }
      .trade-options-head { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 24px; }
      .trade-options-head h2 { max-width: 650px; margin: 0 0 7px; font-size: 32px; }
      .trade-options-head p { max-width: 650px; margin: 0; color: var(--urban-fog); }
      .trade-options-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
      .trade-method { min-width: 0; padding: 24px; border: 1px solid var(--moonlit-silver); border-radius: 14px; background: #fff; }
      .trade-method > b { display: grid; place-items: center; width: 46px; height: 46px; margin-bottom: 19px; border-radius: 50%; background: var(--urban-fog); color: #fff; font-size: 20px; transition: transform .28s cubic-bezier(.22,1,.36,1), box-shadow .28s ease; }
      .trade-method h3 { margin: 0 0 9px; font-size: 20px; }
      .trade-method p { min-height: 66px; margin: 0 0 20px; color: var(--urban-fog); font-size: 14px; line-height: 1.55; }
      .trade-method button { width: 100%; }
      @media (hover:hover) and (pointer:fine) {
        .trade-method:hover > b { transform: translateY(-5px) rotate(-5deg) scale(1.08); box-shadow: 0 9px 18px rgba(93,94,96,.27); }
      }
      .seo-section { margin: 48px 0; }
      .seo-section > h2 { font-size: 30px; margin: 0 0 9px; letter-spacing: -.6px; }
      .seo-intro { color: var(--muted); max-width: 760px; line-height: 1.55; margin: 0 0 24px; }
      .seo-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
      .seo-card { background: var(--cloud-veil); border-radius: 16px; overflow: hidden; text-align: center; }
      .seo-card > img { width: 100%; height: 170px; object-fit: cover; }
      .seo-card-body { padding: 24px 28px 26px; }
      .seo-card h3 { font-size: 25px; margin: 0 0 9px; }
      .seo-card p { color: var(--urban-fog); line-height: 1.5; margin: 0; }
      .seo-card details { margin-top: 18px; }
      .seo-card summary { display: inline-flex; align-items: center; list-style: none; background: var(--urban-fog); color: white; border-radius: 999px; padding: 11px 22px; font-weight: 700; cursor: pointer; }
      .seo-card summary::-webkit-details-marker { display: none; }
      .seo-card details[open] summary { background: var(--navy); }
      .seo-answer { text-align: left; background: white; border-left: 3px solid var(--gold); margin-top: 18px; padding: 16px; border-radius: 4px; }
      .seo-answer p { font-size: 13px; }
      .seo-answer strong { display: block; margin-bottom: 7px; }
      .card {
        border: 1px solid var(--line);
        border-radius: 7px;
        overflow: hidden;
        background: #fff;
        padding-bottom: 12px;
      }
      .photo {
        height: 185px;
        position: relative;
      }
      .photo img {
        height: 100%;
        width: 100%;
        object-fit: contain;
        background: #eef1f4;
      }
      .photo span {
        position: absolute;
        bottom: 7px;
        left: 8px;
        background: var(--urban-fog);
        color: #fff;
        padding: 5px 8px;
        border-radius: 4px;
        font-size: 11px;
      }
      .photo button {
        position: absolute;
        right: 5px;
        top: 3px;
        background: none !important;
        font-size: 26px;
        padding: 4px;
      }
      .card h3,
      .card p,
      .card > strong {
        margin-left: 12px;
        margin-right: 12px;
      }
      .card h3 {
        font-size: 15px;
        margin-bottom: 5px;
      }
      .card p {
        font-size: 11px;
        color: var(--muted);
      }
      .card > strong {
        font-size: 18px;
      }
      .card .details {
        display: block;
        width: calc(100% - 24px);
        margin: 10px 12px 0;
        padding: 8px;
        background: #fff;
        color: var(--blue);
        border: 1px solid var(--blue);
      }
      .reviews {
        display: grid;
        grid-template-columns: .82fr 1.18fr;
        gap: 24px;
        margin: 38px 0 48px;
        padding: 30px;
        border: 1px solid var(--moonlit-silver);
        border-radius: 22px;
        background:
          radial-gradient(circle at 10% 5%, rgba(255,255,255,.22), transparent 25%),
          linear-gradient(135deg,var(--navy),var(--brand-night));
        color: #fff;
        overflow: hidden;
      }
      .reviews-intro {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
      }
      .google-label {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        margin-bottom: 18px;
        padding: 8px 12px;
        border: 1px solid rgba(255,255,255,.32);
        border-radius: 999px;
        color: var(--silver-bright);
        font-size: 12px;
        font-weight: 700;
        letter-spacing: .04em;
        text-transform: uppercase;
      }
      .google-label b { color: #fff; font-size: 17px; line-height: 1; }
      .reviews h2 { max-width: 520px; margin: 0 0 12px; font-size: clamp(30px,4vw,48px); line-height: .98; }
      .reviews-intro > p { max-width: 560px; margin: 0 0 20px; color: var(--silver-mist); }
      .review-score { display: flex; align-items: baseline; gap: 10px; margin-bottom: 22px; }
      .review-score strong { font-size: 46px; line-height: 1; }
      .review-score span { color: var(--silver-bright); font-weight: 700; }
      .reviews .google-review-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 44px;
        padding: 11px 18px;
        border-radius: 8px;
        background: #fff;
        color: var(--navy);
        font-weight: 800;
        text-decoration: none;
      }
      .reviews-list {
        display: grid;
        align-content: center;
        gap: 10px;
      }
      .reviews blockquote {
        margin: 0;
        background: rgba(255,255,255,.1);
        padding: 18px;
        border: 1px solid rgba(255,255,255,.16);
        border-radius: 12px;
        font-size: 14px;
      }
      .reviews blockquote p { margin: 5px 0 0; color: var(--silver-bright); }
      .review-source { margin: 5px 0 0; color: var(--moonlit-silver); font-size: 11px; }
      .instagram-feature {
        display: grid;
        grid-template-columns: minmax(280px,.8fr) minmax(340px,1.2fr);
        gap: 24px;
        align-items: center;
        margin: 42px 0 24px;
        padding: 24px;
        border: 1px solid var(--moonlit-silver);
        border-radius: 18px;
        background: linear-gradient(135deg,var(--silver-bright),var(--silver-mist));
        overflow: hidden;
      }
      .instagram-copy { padding: 10px; }
      .instagram-mark {
        display: inline-grid;
        place-items: center;
        width: 48px;
        height: 48px;
        margin-bottom: 18px;
        border-radius: 14px;
        background: linear-gradient(145deg,#566d93,#26364b 45%,#151922);
        color: #fff;
      }
      .instagram-mark svg { width: 27px; height: 27px; fill: currentColor; }
      .instagram-copy h2 { margin-bottom: 10px; font-size: clamp(28px,3vw,40px); line-height: 1; }
      .instagram-copy p { max-width: 480px; margin-bottom: 20px; color: var(--muted); }
      .instagram-link {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        min-height: 44px;
        padding: 11px 17px;
        border-radius: 8px;
        background: var(--navy);
        color: #fff;
        font-weight: 800;
        text-decoration: none;
      }
      .instagram-preview {
        min-height: 470px;
        border: 1px solid var(--moonlit-silver);
        border-radius: 14px;
        background: #fff;
        overflow: hidden;
        box-shadow: 0 16px 38px rgba(38,54,75,.16);
      }
      .instagram-preview iframe { display: block; width: 100%; height: 470px; border: 0; background: #fff; }
      .instagram-note { display: block; margin-top: 10px; color: var(--graphite); font-size: 11px; }
      }
      .deliveries {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
      }
      .deliveries img {
        height: 230px;
        width: 100%;
        object-fit: cover;
        border-radius: 6px;
      }
      .visit {
        display: grid;
        grid-template-columns: 320px 1fr;
        background: var(--navy);
        color: #fff;
        border-radius: 7px;
        overflow: hidden;
        margin-bottom: 40px;
      }
      .visit > div {
        padding: 25px;
      }
      .map {
        display: block;
        width: 100%;
        min-height: 280px;
        height: 100%;
        border: 0;
        background: var(--cloud-veil);
      }
      .inner {
        max-width: 1450px;
        margin: auto;
        padding: 25px 4% 50px;
        background: var(--bg);
      }
      .crumb {
        font-size: 12px;
        color: var(--muted);
      }
      .stock {
        display: grid;
        grid-template-columns: 310px 1fr;
        gap: 25px;
      }
      .filters {
        background: #fff;
        border: 1px solid var(--line);
        border-radius: 7px;
        padding: 20px;
        display: grid;
        gap: 14px;
        align-self: start;
      }
      .app-filter-panel { display: none; margin: 2px 0 0; padding: 14px; border: 1px solid var(--silver-mid); border-radius: 12px; background: linear-gradient(145deg,var(--cloud-veil),#fff); }
      .app-filter-panel.active { display: grid; gap: 12px; }
      .app-filter-panel legend { padding: 0 7px; color: var(--brand-blue); font-size: 13px; font-weight: 900; }
      .app-feature-title { margin: 2px 0 -2px; font-size: 12px; font-weight: 900; }
      .app-feature-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }
      .app-feature-option { display: flex!important; flex-direction: row!important; align-items: center; gap: 7px!important; min-height: 34px; padding: 6px 7px; border: 1px solid var(--line); border-radius: 8px; background: #fff; font-size: 10px!important; line-height: 1.15; cursor: pointer; }
      .app-feature-option input { width: 15px!important; height: 15px!important; flex: 0 0 15px; margin: 0; accent-color: var(--brand-blue); }
      .app-filter-note { padding: 10px; border-left: 3px solid var(--brand-blue); border-radius: 7px; color: var(--muted); background: rgba(205,206,208,.28); font-size: 10px; line-height: 1.45; }
      .app-filter-note strong { display: block; margin-bottom: 3px; color: var(--ink); }
      .app-filter-note a { color: var(--brand-blue); font-weight: 800; }
      .app-filter-summary { display: none; margin-bottom: 14px; padding: 16px 18px; border: 1px solid var(--silver-mid); border-radius: 13px; background: linear-gradient(115deg,var(--brand-night),var(--brand-navy)); color: #fff; }
      .app-filter-summary.active { display: block; }
      .app-filter-summary span { display: inline-block; margin-bottom: 7px; color: var(--silver-light); font-size: 10px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
      .app-filter-summary strong { display: block; margin-bottom: 5px; font-size: 20px; }
      .app-filter-summary p { margin: 0; color: var(--silver-light); font-size: 12px; line-height: 1.5; }
      .app-filter-summary small { display: block; margin-top: 8px; color: var(--moonlit-silver); font-size: 10px; line-height: 1.45; }
      .vehicle-badges { display: flex; flex-wrap: wrap; gap: 5px; min-height: 22px; margin: 8px 0 2px; }
      .vehicle-badge { padding: 5px 7px; border: 1px solid rgba(43,104,163,.24); border-radius: 99px; color: var(--brand-navy); background: rgba(43,104,163,.09); font-size: 9px; font-weight: 900; line-height: 1; }
      .result {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 12px;
      }
      .result em {
        font-size: 20px;
        color: var(--blue);
        font-style: normal;
      }
      .stock-cars {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 12px;
      }
      .stock-cars .photo {
        height: 145px;
      }
      .help {
        background: var(--navy);
        color: #fff;
        margin-top: 20px;
        padding: 20px 28px;
        display: flex;
        align-items: center;
        gap: 18px;
        border-radius: 7px;
      }
      .help span {
        flex: 1;
        color: var(--cloud-veil);
      }
      .help button {
        border: 1px solid var(--gold);
        color: #fff;
        background: none;
      }
      .product {
        display: grid;
        grid-template-columns: minmax(0, 1.8fr) minmax(340px, 0.9fr);
        gap: 20px;
      }
      .gallery {
        height: 520px;
        position: relative;
        border-radius: 7px;
        overflow: hidden;
      }
      .gallery > img {
        height: 100%;
        width: 100%;
        object-fit: contain;
        background: #eef1f4;
      }
      .thumbs {
        position: absolute;
        left: 10px;
        right: 10px;
        bottom: 10px;
        height: 90px;
        display: flex;
        gap: 7px;
        overflow-x: auto;
        scrollbar-width: thin;
        padding: 4px;
        background: rgba(14, 24, 37, .72);
        border-radius: 8px;
      }
      .thumbs button {
        flex: 0 0 128px;
        min-width: 0;
        padding: 0;
        border: 2px solid transparent;
        border-radius: 7px;
        overflow: hidden;
        background: #fff;
      }
      .thumbs button.active {
        border-color: var(--gold);
      }
      .thumbs img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border: 0;
        border-radius: 4px;
      }
      .specs {
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        background: #fff;
        border: 1px solid var(--line);
        margin-top: 10px;
      }
      .specs p {
        text-align: center;
        border-right: 1px solid var(--line);
      }
      .specs small,
      .specs b {
        display: block;
      }
      .options {
        background: #fff;
        border: 1px solid var(--line);
        padding: 15px;
        margin-top: 10px;
      }
      .option-list {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 9px 18px;
        margin: 12px 0;
        padding: 0;
        list-style: none;
      }
      .option-list li {
        position: relative;
        padding-left: 20px;
        color: var(--muted);
      }
      .option-list li::before {
        content: "✓";
        position: absolute;
        left: 0;
        color: var(--gold-dark);
        font-weight: 900;
      }
      .options-note { margin-bottom: 0; font-size: 13px; color: var(--muted); }
      .buy {
        background: #fff;
        border: 1px solid var(--line);
        padding: 25px;
        border-radius: 7px;
        align-self: start;
        position: sticky;
        top: 100px;
      }
      .buy h1 {
        font-size: 29px;
      }
      .buy h2 {
        font-size: 31px;
      }
      .buy > button {
        display: block;
        width: 100%;
        margin: 10px 0;
      }
      .white {
        background: #fff !important;
        color: var(--blue) !important;
        border: 1px solid var(--blue) !important;
      }
      .interest {
        display: grid;
        gap: 10px;
        margin-top: 25px;
      }
      .fhero {
        min-height: 420px;
        display: grid;
        grid-template-columns: 0.9fr 1.1fr;
        background: var(--navy);
        color: #fff;
        position: relative;
        isolation: isolate;
        overflow: hidden;
      }
      .fhero > div {
        padding: 55px 7%;
      }
      .fhero h1 {
        font-size: 50px;
        line-height: 1.05;
      }
      .fhero em {
        color: var(--cloud-veil);
        font-style: normal;
      }
      .fhero img {
        width: 100%;
        height: 100%;
        min-height: 420px;
        object-fit: cover;
        display: block;
      }
      #financiamento {
        background: var(--bg);
      }
      .finance {
        max-width: 1100px;
        margin: 0 auto;
        padding: 40px 20px;
        display: grid;
        grid-template-columns: 1fr 300px;
        gap: 22px;
        position: relative;
        z-index: 1;
        clear: both;
        background: var(--bg);
      }
      .finance > form,
      .finance > aside {
        border: 1px solid var(--line);
        padding: 28px;
        border-radius: 7px;
        display: grid;
        gap: 14px;
        background: #fff;
        align-self: start;
      }
      .safe {
        padding: 15px;
        background: var(--cloud-veil);
      }
      .safe small {
        display: block;
      }
      .steps > div {
        display: flex;
        gap: 12px;
        margin: 15px 0;
      }
      .steps > div > b {
        height: 45px;
        width: 45px;
        background: var(--navy);
        color: #fff;
        border-radius: 50%;
        display: grid;
        place-items: center;
      }
      .steps p {
        margin: 0;
      }
      .steps small {
        display: block;
        color: var(--muted);
      }
      .service-page { background: #fff; }
      .service-inner { width: min(1100px, calc(100% - 40px)); margin: 0 auto; padding: 42px 0 70px; }
      .service-hero { min-height: 390px; display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 42px; padding: 42px 48px; border-radius: 18px; background: var(--cloud-veil); overflow: hidden; }
      .service-hero.dark { color: #fff; background: linear-gradient(115deg,var(--silver-dark) 0%,var(--silver-smoke) 100%); }
      .service-hero h1 { font-size: clamp(34px,5vw,58px); line-height: 1.05; margin: 0 0 18px; }
      .service-hero h1 em { color: var(--navy); font-style: normal; }
      .service-hero.dark h1 em { color: var(--cloud-veil); }
      .service-hero p { max-width: 540px; line-height: 1.6; }
      .service-hero img { width: 100%; height: 310px; object-fit: cover; border-radius: 16px; }
      .service-hero .cutout { object-fit: contain; mix-blend-mode: multiply; }
      .service-form { padding: 24px; border: 1px solid var(--line); border-radius: 16px; background: #fff; color: var(--ink); box-shadow: 0 16px 45px rgba(93,94,96,.22); display: grid; gap: 13px; }
      .service-form label { display: grid; gap: 7px; font-size: 12px; font-weight: 700; }
      .service-form input,.service-form select { width: 100%; min-width: 0; height: 46px; padding: 0 12px; border: 1px solid var(--line); border-radius: 7px; background: #fff; }
      .service-form .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
      .service-section { padding: 70px 0 10px; }
      .service-section > h2 { max-width: 720px; margin: 0 auto 30px; text-align: center; font-size: 32px; }
      .benefit-grid,.process-grid,.model-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; }
      .benefit-card,.process-card,.model-card { padding: 24px; border: 1px solid var(--line); border-radius: 14px; background: #fff; }
      .benefit-card { background: color-mix(in srgb,var(--cloud-veil) 58%,white); }
      .benefit-card b,.process-card b { display: grid; place-items: center; width: 44px; height: 44px; margin-bottom: 18px; border-radius: 12px; background: var(--cloud-veil); color: var(--ink); font-size: 18px; }
      .benefit-card h3,.process-card h3 { font-size: 17px; margin: 0 0 8px; }
      .benefit-card p,.process-card p,.model-card p { color: var(--muted); font-size: 13px; line-height: 1.55; }
      .split-feature { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 46px; margin: 70px 0 10px; }
      .split-feature img { width: 100%; height: 360px; object-fit: cover; border-radius: 16px; }
      .split-feature h2 { font-size: 34px; }
      .faq { max-width: 860px; margin: 65px auto 0; padding: 35px; border-radius: 16px; background: var(--cloud-veil); }
      .faq h2 { text-align: center; margin-top: 0; }
      .faq details { margin: 10px 0; padding: 16px 18px; border: 1px solid var(--line); border-radius: 9px; background: #fff; }
      .faq summary { cursor: pointer; font-weight: 700; }
      .faq p { color: var(--muted); line-height: 1.6; }
      .payment-result { padding: 20px; border-radius: 12px; background: var(--cloud-veil); text-align: center; }
      .payment-result strong { display: block; font-size: 28px; margin-top: 5px; }
      .model-card { padding: 0; overflow: hidden; }
      .model-card img { width: 100%; height: 170px; object-fit: contain; padding: 15px; background: var(--cloud-veil); }
      .model-card div { padding: 18px; }
      .brand-grid { display: grid; grid-template-columns: repeat(6,1fr); gap: 12px; max-width: 800px; margin: 0 auto; }
      .brand-grid button { min-height: 70px; border: 1px solid var(--line); background: #fff; color: var(--ink); border-radius: 12px; font-weight: 700; }
      .brand-grid button:hover { border-color: var(--blue); color: var(--blue); }
      .partner-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; }
      .partner-row span { padding: 13px 18px; border: 1px solid var(--line); border-radius: 999px; background: #fff; font-weight: 700; }
      .blog-page { background: var(--cloud-veil); }
      .blog-search { padding: 52px 20px; text-align: center; color: #fff; background: var(--navy); }
      .blog-search h1 { margin: 0 0 20px; font-size: 34px; }
      .blog-search form { display: flex; gap: 10px; width: min(620px,100%); margin: auto; }
      .blog-search input { flex: 1; min-width: 0; height: 48px; padding: 0 18px; border: 0; border-radius: 999px; }
      .blog-search button { border-radius: 999px; background: var(--moonlit-silver); color: var(--ink); }
      .blog-inner { width: min(1100px,calc(100% - 40px)); margin: auto; padding: 42px 0 70px; }
      .blog-inner h2 { margin: 0 0 22px; }
      .article-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 16px; }
      .article-card { overflow: hidden; border: 1px solid var(--moonlit-silver); border-radius: 14px; background: #fff; box-shadow: 0 5px 18px rgba(93,94,96,.20); }
      .article-card img { width: 100%; height: 170px; object-fit: cover; display: block; }
      .article-card-body { padding: 18px; }
      .article-card .tag { display: inline-block; padding: 5px 8px; border: 1px solid var(--moonlit-silver); border-radius: 6px; font-size: 11px; font-weight: 800; text-transform: uppercase; }
      .article-card time { display: block; margin: 12px 0; color: var(--urban-fog); font-size: 12px; }
      .article-card h3 { min-height: 52px; margin: 0 0 10px; font-size: 17px; line-height: 1.3; }
      .article-card p { color: var(--urban-fog); font-size: 13px; line-height: 1.55; }
      .article-card button { padding: 0; background: none; color: var(--blue); }
      .blog-banner { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 24px; margin: 60px 0; padding: 34px 42px; border-radius: 16px; color: #fff; background: linear-gradient(120deg,var(--navy),var(--urban-fog)); overflow: hidden; }
      .blog-banner h2 { font-size: 36px; margin-bottom: 10px; }
      .blog-banner em { color: var(--gold); font-style: normal; }
      .blog-banner img { width: 100%; height: 210px; object-fit: contain; }
      .blog-empty { grid-column: 1/-1; padding: 40px; border-radius: 12px; background: #fff; text-align: center; }
      footer {
        background: var(--navy);
        color: #fff;
        padding: 42px 5%;
        display: grid;
        grid-template-columns: 1.4fr repeat(3, 1fr);
        gap: 35px;
      }
      footer p {
        font-size: 12px;
        color: var(--cloud-veil);
        line-height: 1.8;
      }
      footer a { color: #fff; text-decoration-color: var(--gold); text-underline-offset: 3px; }
      .float {
        position: fixed;
        right: 26px;
        bottom: 26px;
        width: 58px;
        height: 58px;
        border: 0;
        border-radius: 50%;
        background: #10bb5d;
        color: #fff;
        font-size: 27px;
        z-index: 30;
        overflow: hidden;
        padding: 0;
        box-shadow: 0 8px 24px #0003;
      }
      .wa-logo-crop { position: absolute; inset: 0; display: block; overflow: hidden; border-radius: inherit; }
      .wa-logo-crop img { width: 100%; height: 100%; object-fit: cover; pointer-events: none; }
      .instagram-float {
        bottom: 94px;
        display: grid;
        place-items: center;
        background: linear-gradient(145deg,#566d93 0%,#26364b 48%,#151922 100%);
        text-decoration: none;
      }
      .instagram-float svg { width: 30px; height: 30px; fill: currentColor; pointer-events: none; }
      .instagram-float:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
      .ui-icon,
      .shortcut-media,
      .photo button,
      .wa-icon,
      .float span,
      .benefit-card b,
      .process-card b,
      .steps > div > b,
      .nav-menu > summary:after {
        display: inline-block;
        transform-origin: center;
        transition: transform .28s cubic-bezier(.22,1,.36,1), box-shadow .28s ease, color .28s ease;
      }
      @keyframes iconPulse {
        0%,100% { transform: scale(1); }
        45% { transform: scale(1.2) rotate(-7deg); }
      }
      @media (hover: hover) and (pointer: fine) {
        button:hover > .ui-icon { transform: translateY(-2px) rotate(-7deg) scale(1.12); }
        .body-shortcuts button:hover .shortcut-media { transform: translateY(-6px) rotate(-2deg) scale(1.05); box-shadow: 0 8px 18px rgba(93,94,96,.29); }
        .body-shortcuts button:hover .shortcut-media img { transform: translateX(3px) scale(1.06); }
        .nav-menu:hover > summary:after { transform: translateY(2px); }
        .nav-menu[open] > summary:after { transform: rotate(180deg) translateY(-2px); }
        .photo button:hover { transform: rotate(-10deg) scale(1.18); }
        .wa-card:hover .wa-icon { animation: iconPulse .55s ease; }
        .float:hover span { animation: iconPulse .55s ease; }
        .benefit-card:hover b,
        .process-card:hover b { transform: translateY(-5px) rotate(-4deg) scale(1.08); box-shadow: 0 8px 18px rgba(93,94,96,.22); }
        .steps > div:hover > b { transform: translateX(5px) scale(1.08); }
      }
      @media (prefers-reduced-motion: reduce) {
        .ui-icon,
        .shortcut-media,
        .shortcut-media img,
        .match-card span,
        .photo button,
        .wa-icon,
        .float span,
        .benefit-card b,
        .process-card b,
        .trade-method > b,
        .steps > div > b,
        .nav-menu > summary:after {
          animation: none !important;
          transform: none !important;
          transition: none !important;
        }
      }
      @media (max-width: 950px) {
        .top nav {
          display: none;
        }
        .mobile-menu { display: block; }
        .mobile-pop { max-height: calc(100dvh - 168px); overscroll-behavior: contain; }
        .cars {
          grid-template-columns: repeat(2, 1fr);
        }
        .match-grid { grid-template-columns: repeat(2, 1fr); }
        .seo-grid { grid-template-columns: 1fr; }
        .stock {
          grid-template-columns: 240px 1fr;
        }
        .stock-cars {
          grid-template-columns: repeat(2, 1fr);
        }
        .product {
          grid-template-columns: 1fr;
        }
        .benefit-grid,.process-grid,.model-grid { grid-template-columns: repeat(2,1fr); }
        .article-grid { grid-template-columns: repeat(2,1fr); }
        .buy {
          position: static;
        }
      }
      @media (max-width: 650px) {
        .top {
          height: 68px;
          padding: 0 17px;
        }
        .account {
          display: none;
        }
        .hero {
          height: 650px;
        }
        .hero { background-position: calc(50% + 60vw) bottom; background-size: auto 58%; }
        .hero-copy { top: 38%; left: 18px; width: calc(100% - 36px); transform: translateY(-50%); }
        .hero h1 {
          max-width: 390px;
          font-size: clamp(48px,15vw,68px);
          letter-spacing: -3px;
        }
        .hero-copy p { max-width: 330px; font-size: 15px; }
        .quick {
          margin: 0;
          grid-template-columns: 1fr;
        }
        .cars,
        .reviews,
        .visit,
        .stock,
        .stock-cars,
        .fhero,
        .finance {
          grid-template-columns: 1fr;
        }
        .match-grid { grid-template-columns: 1fr 1fr; gap: 12px; }
        .trade-options { padding: 25px 18px; }
        .trade-options-head { align-items: flex-start; flex-direction: column; }
        .trade-options-grid { grid-template-columns: 1fr; }
        .trade-method p { min-height: 0; }
        .match-card { height: 250px; border-radius: 12px!important; }
        .match-card strong { left: 15px; bottom: 17px; font-size: 16px; }
        .match-card span { right: 14px; bottom: 13px; }
        .seo-card > img { height: 190px; }
        .filters {
          display: none;
        }
        .photo,
        .stock-cars .photo {
          height: 210px;
        }
        .gallery {
          height: 410px;
        }
        .thumbs {
          height: 65px;
        }
        .specs {
          grid-template-columns: repeat(3, 1fr);
        }
        .fhero {
          min-height: 0;
        }
        .fhero > div {
          padding: 35px 22px;
        }
        .fhero h1 {
          font-size: 40px;
        }
        .fhero img {
          height: 240px;
          min-height: 240px;
        }
        .finance {
          padding: 20px 14px;
        }
        .service-inner { width: min(100% - 28px,1100px); padding-top: 20px; }
        .service-hero,.split-feature { grid-template-columns: 1fr; gap: 24px; }
        .service-hero { padding: 30px 22px; }
        .service-hero img,.split-feature img { height: 250px; }
        .service-form .form-row,.benefit-grid,.process-grid,.model-grid { grid-template-columns: 1fr; }
        .brand-grid { grid-template-columns: repeat(3,1fr); }
        .service-section { padding-top: 48px; }
        .faq { padding: 22px 14px; }
        .blog-search form,.blog-banner { grid-template-columns: 1fr; }
        .blog-search form { display: grid; }
        .blog-inner { width: min(100% - 28px,1100px); }
        .article-grid { grid-template-columns: 1fr; }
        .blog-banner { padding: 28px 22px; }
        .deliveries img {
          height: 130px;
        }
        footer {
          grid-template-columns: 1fr 1fr;
        }
      }
      .quick input,
      .filters input {
        width: 100%;
        min-width: 0;
        height: 44px;
        border: 1px solid var(--line);
        border-radius: 5px;
        padding: 0 12px;
        background: #fff;
      }
      .price-pair {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 7px;
        min-width: 0;
      }
      .filter-status {
        color: var(--muted);
        font-size: 12px;
        margin: 8px 0 0;
      }
      .wa-icon {
        font-size: 17px;
        margin-right: 6px;
      }
      .quick {
        grid-template-columns: 1fr 1fr 1.35fr auto;
      }
      @media (max-width: 650px) {
        .price-pair {
          grid-template-columns: 1fr;
        }
        .quick { grid-template-columns: 1fr; width: 100%; }
        .content { overflow: hidden; }
        footer { grid-template-columns: 1fr; }
        footer .brand { grid-column: auto; }
      }
      @media (min-width: 651px) and (max-width: 850px) {
        .top { padding: 0 28px; }
        .inner,.content { width: min(94%,760px); }
        .hero { height: 600px; }
        .hero-copy { left: 32px; width: 48%; }
        .hero { background-position: calc(100% + 25vw) center; background-size: 100vw auto; }
        .hero .content { padding-top: 92px; }
        .hero h1 { max-width: 430px; font-size: 64px; }
        .quick { width: 94%; grid-template-columns: 1fr 1fr; }
        .quick button { grid-column: 1/-1; }
        .stock { grid-template-columns: 1fr; }
        .filters { grid-template-columns: repeat(2,minmax(0,1fr)); }
        .filters h3,.filters > button { grid-column: 1/-1; }
        .stock-cars { grid-template-columns: repeat(2,minmax(0,1fr)); }
        .fhero,.finance,.service-hero,.split-feature { grid-template-columns: 1fr; }
        .fhero img { height: 310px; min-height: 310px; }
        .finance { width: min(100%,760px); }
        .service-hero { padding: 38px; }
        .service-hero img,.split-feature img { height: 320px; }
        .benefit-grid,.process-grid,.model-grid,.article-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
        .trade-options-grid { grid-template-columns: 1fr; }
        .trade-method p { min-height: 0; }
        .brand-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
        .product { grid-template-columns: 1fr; }
        .gallery { height: 480px; }
        .blog-banner { grid-template-columns: 1fr 1fr; }
        footer { grid-template-columns: repeat(2,minmax(0,1fr)); }
      }
      @media (max-width: 480px) {
        body { font-size: 15px; overflow-x: hidden; }
        .top { padding: 0 14px; }
        .logo { gap: 8px; }
        .logo > b { width: 38px; height: 38px; font-size: 13px; }
        .logo > span { font-size: 14px; }
        .logo small { font-size: 7px; letter-spacing: .6px; }
        .mobile-pop { position: fixed; top: 68px; right: 10px; width: calc(100vw - 20px); max-height: calc(100dvh - 82px); border-radius: 12px; }
        .hero { height: 650px; }
        .hero-copy { top: 37%; }
        .hero h1 { max-width: 350px; font-size: clamp(47px,14vw,63px); }
        .hero-copy button { padding: 12px 15px; }
        .hero-copy .ghost { margin-left: 5px; }
        .content,.inner { width: calc(100% - 28px); }
        .quick { padding: 18px 14px; gap: 13px; }
        .match-grid,.cars,.stock-cars,.reviews,.visit { grid-template-columns: 1fr; }
        .match-card { height: 310px; }
        .cars .card,.stock-cars .card { min-width: 0; }
        .result { align-items: flex-start; gap: 10px; flex-wrap: wrap; }
        .result select { width: 100%; }
        .help { align-items: stretch; flex-direction: column; }
        .help button { width: 100%; }
        .gallery { height: 360px; }
        .thumbs { gap: 5px; padding: 5px; }
        .thumbs button { flex-basis: 92px; }
        .thumbs img { min-width: 0; }
        .option-list { grid-template-columns: 1fr; }
        .specs { grid-template-columns: repeat(2,minmax(0,1fr)); }
        .buy { padding: 20px 16px; }
        .buy h1 { font-size: 25px; }
        .finance > form,.finance > aside { padding: 20px 16px; }
        .fhero h1,.service-hero h1 { font-size: 36px; }
        .service-hero { padding: 26px 18px; border-radius: 13px; }
        .service-hero img,.split-feature img { height: 220px; }
        .split-feature { margin-top: 48px; }
        .split-feature h2,.service-section > h2,.blog-banner h2 { font-size: 28px; }
        .brand-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
        .faq { margin-top: 45px; }
        .blog-search { padding: 38px 14px; }
        .blog-search h1 { font-size: 28px; }
        .article-card h3 { min-height: 0; }
        footer { padding: 34px 20px 88px; gap: 24px; }
        .float { width: 52px; height: 52px; right: 16px; bottom: max(16px,env(safe-area-inset-bottom)); }
        .instagram-float { bottom: calc(max(16px,env(safe-area-inset-bottom)) + 64px); }
        button,.mobile-pop button,.service-form input,.service-form select { min-height: 44px; }
      }

      /* Sistema visual prata premium */
      body { background: #fff; }
      .top {
        background: rgba(244,245,247,.97);
        border-bottom: 1px solid var(--silver-mid);
        box-shadow: 0 8px 28px rgba(21,25,34,.10);
        backdrop-filter: blur(16px);
      }
      .top:after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 2px;
        background: var(--silver-gradient);
      }
      .nav-menu > summary,
      .top nav > button { position: relative; z-index: 1; border-radius: 12px; transition: color .25s ease, background .25s ease, transform .25s ease; }
      .nav-menu > summary:before,
      .top nav > button:before {
        content: "";
        position: absolute;
        inset: 13px 2px;
        z-index: -1;
        border-radius: 11px;
        background: linear-gradient(110deg,var(--silver-mist),rgba(37,93,153,.10));
        opacity: 0;
        transform: scale(.86);
        transition: opacity .22s ease, transform .3s cubic-bezier(.22,1,.36,1);
      }
      .nav-menu:hover > summary:before,
      .nav-menu[open] > summary:before,
      .top nav > button:hover:before { opacity: 1; transform: scale(1); }
      .nav-menu[open] .nav-pop { animation: navPanelIn .34s cubic-bezier(.22,1,.36,1) both; transform-origin: 50% 0; }
      @keyframes navPanelIn { from { opacity: 0; transform: translateX(-50%) translateY(-9px) scale(.97); filter: blur(4px); } to { opacity: 1; transform: translateX(-50%) translateY(0) scale(1); filter: blur(0); } }
      .nav-pop,
      .mobile-pop { border-color: var(--silver-mid); background: rgba(244,245,247,.98); box-shadow: 0 22px 60px rgba(21,25,34,.22); backdrop-filter: blur(18px); }
      .nav-pop:before { background: var(--silver-bright); border-color: var(--silver-mid); }
      .nav-pop button:hover { background: linear-gradient(110deg,var(--silver-mist),#fff)!important; transform: translateX(4px); }
      .shortcut-media { border-color: var(--silver-mid); background: #fff; }
      .shortcut-media.offer { background: var(--silver-mist); }
      .shortcut-media.premium { background: var(--silver-dark); }

      .quick,
      .filters,
      .buy,
      .finance > form,
      .finance > aside,
      .service-form,
      .specs,
      .options { border: 1px solid var(--silver-mid); box-shadow: 0 14px 38px rgba(21,25,34,.10); }
      .quick,
      .service-form { background: linear-gradient(145deg,#fff 0%,var(--silver-bright) 100%); }
      .trade-options,
      .faq,
      .payment-result,
      .benefit-card { background: linear-gradient(135deg,var(--silver-bright),var(--silver-mist)); }
      .service-hero {
        background: linear-gradient(115deg,var(--silver-mist) 0%,var(--silver-bright) 48%,rgba(86,109,147,.24) 100%);
        border: 1px solid var(--silver-mid);
        box-shadow: inset 0 1px 0 rgba(255,255,255,.8), 0 22px 60px rgba(21,25,34,.13);
      }
      .inner { background: linear-gradient(180deg,var(--silver-bright),#fff 420px); }
      .blog-page { background: linear-gradient(180deg,var(--silver-soft),#fff); }
      .blog-search { background: linear-gradient(110deg,var(--brand-night),var(--brand-blue)); }
      .primary,
      .hero button,
      .content button,
      .finance button,
      .service-form button { background: linear-gradient(110deg,var(--brand-blue),var(--brand-navy)); }
      .content button:hover,
      .service-form button:hover,
      .finance button:hover { filter: brightness(.9); transform: translateY(-1px); }
      .trade-method > b,
      .steps > div > b { background: linear-gradient(145deg,var(--brand-blue),var(--brand-navy)); }
      .benefit-card b,
      .process-card b { color: var(--brand-blue); border: 1px solid rgba(37,93,153,.22); }
      .card .details,
      .section-title button,
      .article-card button { color: var(--brand-blue); border-color: var(--brand-blue); }

      .home-intro { margin: 58px 0 48px; display: grid; grid-template-columns: .92fr 1.08fr; gap: 50px; align-items: start; }
      .home-intro .eyebrow { display: inline-flex; margin-bottom: 16px; color: var(--silver-graphite); font-size: 12px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
      .home-intro h2 { margin: 0; font-size: clamp(34px,4vw,54px); line-height: 1.03; }
      .home-intro-copy > p { margin: 0 0 22px; color: var(--silver-graphite); font-size: 18px; line-height: 1.65; }
      .home-proof { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }
      .home-proof article { padding: 19px; border: 1px solid var(--silver-mid); border-radius: 14px; background: linear-gradient(145deg,#fff,var(--silver-bright)); }
      .home-proof b { display: block; margin-bottom: 5px; font-size: 20px; }
      .home-proof span { color: var(--silver-graphite); font-size: 13px; }
      .home-mobile-cta { display: none; }

      .seo-section { padding: 38px; border: 1px solid var(--silver-mid); border-radius: 20px; background: linear-gradient(145deg,#fff,var(--silver-bright)); }
      .seo-card { border: 1px solid var(--silver-mid); background: linear-gradient(145deg,var(--silver-bright),var(--silver-mist)); box-shadow: 0 13px 30px rgba(21,25,34,.11); }
      .seo-card summary { background: linear-gradient(110deg,var(--brand-blue),var(--brand-navy)); }
      .seo-answer { max-height: 0; opacity: 0; overflow: hidden; margin-top: 0; padding-top: 0; padding-bottom: 0; transition: max-height .55s ease, opacity .35s ease, margin .35s ease, padding .35s ease; }
      .seo-card details[open] .seo-answer { max-height: 560px; opacity: 1; margin-top: 18px; padding-top: 16px; padding-bottom: 16px; }
      .seo-answer p + p { margin-top: 11px; }

      .wa-button-logo,
      .service-hero .wa-button-logo,
      .service-form .wa-button-logo,
      button.whatsapp-action > .wa-button-logo,
      a.whatsapp-action > .wa-button-logo {
        display: inline-block !important;
        position: static !important;
        width: 18px !important;
        min-width: 18px !important;
        max-width: 18px !important;
        height: 18px !important;
        min-height: 18px !important;
        max-height: 18px !important;
        flex: 0 0 18px !important;
        margin: 0 6px 0 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 50% !important;
        object-fit: cover !important;
        clip-path: circle(44% at 50% 50%);
        vertical-align: -3px;
      }
      .whatsapp-action { display: inline-flex!important; align-items: center; justify-content: center; gap: 3px; }
      .whatsapp-action:hover .wa-button-logo { animation: iconPulse .55s ease; }

      .compare-result { display: grid; gap: 9px; padding: 18px; border-radius: 12px; background: var(--silver-mist); }
      .compare-result strong { font-size: 20px; }
      .compare-result small { color: var(--silver-graphite); }

      .about-page { padding-bottom: 76px; }
      .about-hero {
        position: relative;
        display: grid;
        grid-template-columns: 1.08fr .92fr;
        gap: 54px;
        align-items: stretch;
        min-height: 470px;
        padding: 62px;
        overflow: hidden;
        border: 1px solid var(--silver-mid);
        border-radius: 26px;
        color: #fff;
        background: radial-gradient(circle at 84% 18%,rgba(165,161,159,.35),transparent 29%), linear-gradient(125deg,var(--brand-night) 0%,var(--brand-navy) 60%,var(--brand-blue) 100%);
        box-shadow: 0 24px 70px rgba(21,25,34,.18);
      }
      .about-hero:after { content: ''; position: absolute; inset: auto -7% -55% 43%; height: 390px; border: 1px solid rgba(238,241,245,.22); border-radius: 50%; transform: rotate(-10deg); }
      .about-hero-copy { position: relative; z-index: 1; align-self: center; }
      .about-hero .eyebrow,
      .about-google .eyebrow { display: inline-block; margin-bottom: 17px; color: var(--silver-cool); font-size: 12px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
      .about-hero h1 { max-width: 720px; margin: 0 0 22px; font-size: clamp(42px,5vw,70px); line-height: .96; letter-spacing: -.045em; }
      .about-hero p { max-width: 690px; margin: 0; color: var(--silver-mist); font-size: 18px; line-height: 1.62; }
      .about-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
      .about-actions button,
      .about-actions a,
      .about-google a { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; padding: 12px 19px; border: 1px solid var(--silver-bright); border-radius: 8px; font-weight: 800; text-decoration: none; }
      .about-actions button { border-color: var(--silver-bright); background: var(--silver-bright); color: var(--brand-night); }
      .about-actions a { color: #fff; background: transparent; }
      .about-actions button:hover,
      .about-actions a:hover,
      .about-google a:hover { transform: translateY(-2px); box-shadow: 0 11px 25px rgba(0,0,0,.18); }
      .about-location-card { position: relative; z-index: 1; align-self: center; padding: 30px; border: 1px solid rgba(238,241,245,.25); border-radius: 20px; background: rgba(244,245,247,.09); box-shadow: inset 0 1px 0 rgba(255,255,255,.14); backdrop-filter: blur(11px); }
      .about-location-card img { width: min(320px,100%); height: auto; margin-bottom: 26px; }
      .about-location-card strong { display: block; margin-bottom: 8px; font-size: 21px; }
      .about-location-card p { margin: 0 0 20px; color: var(--silver-mist); font-size: 15px; line-height: 1.55; }
      .about-rating { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding-top: 18px; border-top: 1px solid rgba(238,241,245,.22); }
      .about-rating b { font-size: 30px; }
      .about-rating span { color: #f6d471; letter-spacing: .08em; }
      .about-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; margin: 24px 0 70px; }
      .about-stats article { min-height: 148px; padding: 26px; border: 1px solid var(--silver-mid); border-radius: 16px; background: linear-gradient(145deg,#fff,var(--silver-bright)); box-shadow: 0 12px 32px rgba(21,25,34,.08); }
      .about-stats b { display: block; margin-bottom: 9px; color: var(--brand-blue); font-size: 28px; }
      .about-stats span { color: var(--silver-graphite); line-height: 1.5; }
      .about-story { display: grid; grid-template-columns: .9fr 1.1fr; gap: 54px; align-items: start; margin-bottom: 70px; }
      .about-story .eyebrow { color: var(--brand-blue); font-size: 12px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
      .about-story h2 { margin: 12px 0 18px; font-size: clamp(34px,4vw,52px); line-height: 1.02; }
      .about-story p { color: var(--silver-graphite); font-size: 17px; line-height: 1.65; }
      .about-paths { display: grid; gap: 12px; }
      .about-paths article { position: relative; padding: 24px 24px 24px 68px; border: 1px solid var(--silver-mid); border-radius: 15px; background: linear-gradient(135deg,var(--silver-bright),#fff); }
      .about-paths b { position: absolute; top: 22px; left: 22px; display: grid; width: 30px; height: 30px; place-items: center; border-radius: 50%; color: #fff; background: var(--brand-blue); }
      .about-paths h3 { margin: 0 0 6px; font-size: 21px; }
      .about-paths p { margin: 0; font-size: 15px; line-height: 1.5; }
      .about-values { margin-bottom: 70px; }
      .about-values > h2 { margin: 0 0 24px; font-size: clamp(31px,3vw,44px); }
      .about-values-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
      .about-values article { padding: 28px; border-top: 3px solid var(--brand-blue); background: var(--silver-bright); }
      .about-values h3 { margin: 0 0 10px; font-size: 22px; }
      .about-values p { margin: 0; color: var(--silver-graphite); line-height: 1.58; }
      .about-google { display: grid; grid-template-columns: 1fr auto; gap: 40px; align-items: center; padding: 38px 42px; border-radius: 20px; color: #fff; background: linear-gradient(110deg,var(--brand-navy),var(--brand-blue)); box-shadow: 0 18px 44px rgba(21,25,34,.16); }
      .about-google h2 { margin: 0 0 10px; font-size: clamp(28px,3vw,40px); }
      .about-google p { max-width: 760px; margin: 0; color: var(--silver-mist); }
      .about-google a { white-space: nowrap; color: var(--brand-night); background: var(--silver-bright); }

      .site-footer {
        width: min(1450px,calc(100% - 36px));
        margin: 0 auto;
        padding: 56px 50px 28px;
        display: block;
        color: #fff;
        border-radius: 34px 34px 0 0;
        background: radial-gradient(45% 130px at 50% 0%,rgba(223,221,219,.16),transparent), linear-gradient(120deg,var(--brand-night),var(--brand-navy) 58%,var(--brand-blue));
        box-shadow: 0 -14px 42px rgba(21,25,34,.16);
      }
      .footer-grid { display: grid; grid-template-columns: 1.35fr repeat(3,1fr); gap: 42px; }
      .footer-about p { max-width: 300px; }
      .footer-title { margin: 0 0 17px; color: var(--silver-bright); font-size: 12px; letter-spacing: .12em; text-transform: uppercase; }
      .footer-links { display: grid; gap: 9px; }
      .footer-links button,
      .footer-links a { width: fit-content; padding: 0; border: 0; background: none; color: var(--silver-mist); font-size: 13px; line-height: 1.45; text-align: left; text-decoration: none; transition: color .2s ease, transform .2s ease; }
      .footer-links button:hover,
      .footer-links a:hover { color: #fff; transform: translateX(4px); }
      .footer-bottom { display: flex; justify-content: space-between; gap: 24px; margin-top: 38px; padding-top: 22px; border-top: 1px solid rgba(240,240,240,.22); color: var(--silver-mist); font-size: 12px; }
      .footer-contact-line { display: flex; align-items: center; gap: 8px; }
      .footer-contact-line .wa-button-logo { margin-right: 0; }
      .mobile-filter-toggle { display: none; }
      .mobile-dock,
      .mobile-dock-sheet,
      .mobile-dock-backdrop { display: none; }

      @media (max-width: 950px) {
        .home-intro { grid-template-columns: 1fr; gap: 25px; }
        .about-hero { grid-template-columns: 1fr; }
        .about-location-card { max-width: 580px; }
        .about-story { grid-template-columns: 1fr; gap: 30px; }
        .instagram-feature { grid-template-columns: 1fr; }
        .instagram-copy { text-align: center; }
        .instagram-copy p { margin-left: auto; margin-right: auto; }
        .footer-grid { grid-template-columns: repeat(2,1fr); }
      }
      @media (max-width: 650px) {
        body { overflow-x: hidden; }
        .top { justify-content: space-between; gap: 14px; }
        .header-logo { width: min(68vw,225px); height: 54px; }
        .mobile-menu { display: block; }
        .content,
        .inner { width: calc(100% - 24px); padding-left: 0; padding-right: 0; }
        #home > .content { margin-top: 0; opacity: 1 !important; transform: none !important; filter: none !important; }
        .hero { height: 560px; background-image: url("img/banner-nivus-mobile-v2.webp"); background-position: center center; background-size: cover; }
        .hero-copy { top: 33%; left: 16px; width: calc(100% - 32px); }
        .hero h1 { max-width: 340px; font-size: clamp(45px,13.5vw,58px); line-height: .9; }
        .hero-copy p { max-width: 320px; margin-bottom: 20px; font-size: 14px; }
        .hero-copy button { padding: 11px 13px; font-size: 12px; }
        .quick { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; padding: 14px; border-radius: 12px; }
        .quick { opacity: 1 !important; transform: none !important; filter: none !important; }
        .quick label:nth-child(3),
        .quick > button { grid-column: 1 / -1; }
        .quick label { gap: 5px; }
        .quick select,
        .quick input { height: 40px; }
        .quick .price-pair { grid-template-columns: repeat(2,minmax(0,1fr)); }

        .home-intro { margin: 34px 0 30px; gap: 18px; }
        .home-intro > * { min-width: 0; }
        .home-intro .eyebrow { display: block; max-width: 100%; line-height: 1.45; }
        .home-intro h2 { max-width: 100%; font-size: 30px; line-height: 1.08; overflow-wrap: anywhere; }
        .home-intro-copy > p { margin-bottom: 15px; font-size: 15px; line-height: 1.5; }
        .home-proof { display: none !important; }
        .home-mobile-cta { display: inline-flex; width: 100%; min-height: 50px; align-items: center; justify-content: center; margin-top: 5px; padding: 13px 16px; border: 0; border-radius: 9px; color: #fff; background: linear-gradient(110deg,var(--brand-blue),var(--brand-navy)); font-weight: 800; }
        .home-proof,
        .trade-options-grid,
        .seo-grid,
        .benefit-grid,
        .process-grid,
        .model-grid,
        .article-grid {
          display: flex;
          gap: 12px;
          width: calc(100% + 12px);
          padding: 2px 12px 14px 0;
          overflow-x: auto;
          overflow-y: hidden;
          scroll-snap-type: x mandatory;
          overscroll-behavior-inline: contain;
          scrollbar-width: none;
        }
        .home-proof::-webkit-scrollbar,
        .trade-options-grid::-webkit-scrollbar,
        .seo-grid::-webkit-scrollbar,
        .benefit-grid::-webkit-scrollbar,
        .process-grid::-webkit-scrollbar,
        .model-grid::-webkit-scrollbar,
        .article-grid::-webkit-scrollbar { display: none; }
        .home-proof article { flex: 0 0 min(72vw,280px); padding: 16px; scroll-snap-align: start; }

        .about-page { padding-bottom: 42px; }
        .about-hero { min-height: 0; padding: 34px 22px; gap: 28px; border-radius: 18px; }
        .about-hero h1 { font-size: 40px; }
        .about-hero p { font-size: 15px; line-height: 1.52; }
        .about-actions { display: grid; margin-top: 23px; }
        .about-actions button,
        .about-actions a { width: 100%; }
        .about-location-card { padding: 22px; }
        .about-location-card img { width: min(270px,100%); margin-bottom: 18px; }
        .about-stats { display: flex; gap: 12px; width: calc(100% + 12px); margin: 14px 0 42px; padding: 2px 12px 14px 0; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
        .about-stats::-webkit-scrollbar { display: none; }
        .about-stats article { flex: 0 0 min(76vw,285px); min-height: 136px; padding: 21px; scroll-snap-align: start; }
        .about-story { margin-bottom: 42px; }
        .about-story h2 { font-size: 34px; }
        .about-story p { font-size: 15px; }
        .about-paths article { padding: 20px 18px 20px 60px; }
        .about-paths b { top: 19px; left: 18px; }
        .about-values { margin-bottom: 42px; }
        .about-values-grid { grid-template-columns: 1fr; }
        .about-values article { padding: 22px; }
        .about-google { grid-template-columns: 1fr; gap: 22px; padding: 28px 22px; }
        .about-google a { width: 100%; white-space: normal; text-align: center; }

        .match-section { margin: 32px 0 26px; }
        .match-section h2 { margin-bottom: 16px; font-size: 25px; }
        .match-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
        .match-card { height: 220px; }

        .trade-options { margin: 32px 0; padding: 22px 16px 10px; }
        .trade-options-head { margin-bottom: 16px; }
        .trade-options-head h2 { font-size: 27px; }
        .trade-method { flex: 0 0 min(80vw,315px); padding: 19px; scroll-snap-align: start; }

        .reviews { margin: 28px 0; gap: 22px; }
        .reviews h2 { margin-bottom: 10px; font-size: 25px; }
        .reviews blockquote { margin: 7px 0; }
        .reviews { padding: 22px 16px; border-radius: 16px; }
        .reviews-intro { align-items: flex-start; }
        .reviews-list { display: flex; gap: 10px; width: calc(100% + 16px); padding: 2px 16px 7px 0; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; overscroll-behavior-inline: contain; scrollbar-width: none; }
        .reviews-list::-webkit-scrollbar { display: none; }
        .reviews blockquote { flex: 0 0 min(78vw,300px); margin: 0; scroll-snap-align: start; }
        .review-score { flex-wrap: wrap; }
        .review-score strong { font-size: 40px; }
        .deliveries { gap: 7px; }
        .deliveries img { height: 105px; }

        .seo-section { margin: 30px 0; padding: 23px 16px 10px; }
        .seo-section > h2 { font-size: 26px; }
        .seo-intro { margin-bottom: 16px; }
        .seo-card { flex: 0 0 min(82vw,325px); scroll-snap-align: start; }
        .seo-card > img { height: 145px; }
        .seo-card-body { padding: 18px; }
        .seo-card h3 { font-size: 21px; }
        .seo-card summary { padding: 10px 16px; font-size: 13px; }

        .visit { margin-bottom: 26px; }
        .visit > div { padding: 20px; }
        .map { min-height: 220px; }
        .instagram-feature { margin: 30px 0 18px; padding: 16px; gap: 16px; border-radius: 16px; }
        .instagram-copy { padding: 4px; text-align: left; }
        .instagram-copy p { margin-left: 0; margin-right: 0; }
        .instagram-preview { min-height: 455px; }
        .instagram-preview iframe { height: 455px; }

        .stock { gap: 14px; }
        .filters { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; padding: 14px; }
        .filters h3,
        .filters > button { grid-column: 1 / -1; }
        .mobile-filter-toggle { display: flex; align-items: center; justify-content: space-between; min-height: 44px; }
        .mobile-filter-toggle:after { content: '+'; font-size: 21px; }
        .filters.mobile-expanded .mobile-filter-toggle:after { content: '−'; }
        .filters:not(.mobile-expanded) > :not(.mobile-filter-toggle):not(h3) { display: none; }
        .filters:not(.mobile-expanded) h3 { margin: 0; font-size: 18px; }
        .filters label { min-width: 0; }
        .app-filter-panel { grid-column: 1 / -1; padding: 12px; }
        .app-filter-panel > label { grid-column: auto; }
        .app-feature-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
        .app-filter-summary { padding: 14px; }
        .app-filter-summary strong { font-size: 18px; }
        .filters .price-pair { grid-template-columns: 1fr; }
        .stock-cars { grid-template-columns: 1fr; gap: 12px; }
        .stock-cars .photo { height: 220px; }
        .stock-cars .card h3 { min-height: 0; font-size: 17px; }
        .stock-cars .card p { min-height: 0; font-size: 12px; }
        .stock-cars .vehicle-badges { min-height: 0; margin-top: 6px; }
        .stock-cars .vehicle-badge { padding: 5px 7px; font-size: 10px; }
        .stock-cars .card > strong { font-size: 20px; }
        .stock-cars .card .details { margin-top: 8px; padding: 10px 8px; font-size: 13px; }

        .service-inner { width: calc(100% - 20px); padding: 16px 0 42px; }
        .service-hero { gap: 18px; padding: 22px 16px; }
        .service-hero h1 { font-size: 34px; }
        .service-hero p { margin-bottom: 14px; font-size: 14px; line-height: 1.48; }
        .service-hero .partner-row { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; }
        .service-hero .partner-row span { flex: 0 0 auto; padding: 9px 12px; font-size: 12px; }
        .service-form { gap: 10px; padding: 16px; }
        .service-form h2 { margin: 0 0 4px; font-size: 22px; }
        .service-form input,
        .service-form select { height: 42px; }
        .service-section { padding-top: 38px; }
        .service-section > h2 { margin-bottom: 20px; font-size: 26px; }
        .benefit-card,
        .process-card,
        .model-card { flex: 0 0 min(72vw,285px); scroll-snap-align: start; }
        .split-feature { gap: 20px; margin: 38px 0 0; }
        .split-feature img { height: 210px; }
        .split-feature h2 { font-size: 27px; }
        .faq { margin-top: 38px; padding: 20px 12px; }
        .faq details { padding: 13px 14px; }

        .blog-inner { width: calc(100% - 24px); padding: 30px 0 44px; }
        .article-card { flex: 0 0 min(78vw,305px); scroll-snap-align: start; }
        .article-card img { height: 145px; }
        .blog-banner { margin: 38px 0; }

        .site-footer { width: 100%; padding: 34px 18px calc(122px + env(safe-area-inset-bottom)); border-radius: 22px 22px 0 0; }
        .footer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 26px 18px; }
        .footer-about,
        .footer-grid > div:last-child { grid-column: 1 / -1; }
        .footer-about p { max-width: none; }
        .footer-bottom { flex-direction: row; flex-wrap: wrap; margin-top: 26px; gap: 8px 18px; }

        .float { bottom: calc(94px + env(safe-area-inset-bottom)); z-index: 65; }
        .instagram-float { bottom: calc(158px + env(safe-area-inset-bottom)); }
        .mobile-dock {
          position: fixed;
          z-index: 70;
          right: 10px;
          bottom: 0;
          left: 10px;
          display: grid;
          grid-template-columns: repeat(5,1fr);
          height: calc(76px + env(safe-area-inset-bottom));
          padding: 8px 6px env(safe-area-inset-bottom);
          border: 1px solid rgba(244,245,247,.16);
          border-bottom: 0;
          border-radius: 22px 22px 0 0;
          color: #fff;
          background: linear-gradient(115deg,var(--brand-night),var(--brand-navy));
          box-shadow: 0 -12px 35px rgba(21,25,34,.25);
        }
        .mobile-dock button { min-width: 0; padding: 7px 2px 4px; border: 0; border-radius: 13px; color: var(--silver-mist); background: transparent; }
        .mobile-dock button svg { display: block; width: 24px; height: 24px; margin: 0 auto 4px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
        .mobile-dock button img { display: block; width: 25px; height: 25px; margin: 0 auto 3px; border-radius: 50%; object-fit: cover; clip-path: circle(44% at 50% 50%); }
        .mobile-dock button span { display: block; overflow: hidden; font-size: 10px; font-weight: 700; line-height: 1; text-overflow: ellipsis; white-space: nowrap; }
        .mobile-dock button:active { transform: translateY(1px) scale(.96); }
        .mobile-dock .mobile-dock-main { width: 68px; height: 68px; margin: -32px auto 0; padding: 12px 7px 7px; border: 6px solid #fff; border-radius: 50%; color: #fff; background: linear-gradient(145deg,var(--brand-blue),var(--brand-navy)); box-shadow: 0 10px 25px rgba(21,25,34,.35); }
        .mobile-dock .mobile-dock-main svg { width: 27px; height: 27px; margin-bottom: 1px; stroke-width: 2.2; }
        .mobile-dock .mobile-dock-main span { font-size: 9px; }
        .mobile-dock-backdrop { position: fixed; z-index: 73; inset: 0; display: block; background: rgba(21,25,34,.54); backdrop-filter: blur(4px); }
        .mobile-dock-sheet { position: fixed; z-index: 74; right: 12px; bottom: calc(88px + env(safe-area-inset-bottom)); left: 12px; display: block; max-height: min(68vh,570px); overflow: auto; padding: 20px; border: 1px solid var(--silver-mid); border-radius: 22px; color: var(--ink); background: rgba(244,245,247,.98); box-shadow: 0 24px 70px rgba(21,25,34,.36); animation: dockSheetIn .28s cubic-bezier(.22,1,.36,1) both; }
        .mobile-dock-sheet-head { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-bottom: 15px; }
        .mobile-dock-sheet-head strong { font-size: 21px; }
        .mobile-dock-sheet-head button { display: grid; width: 36px; height: 36px; place-items: center; padding: 0; border: 1px solid var(--silver-mid); border-radius: 50%; color: var(--ink); background: #fff; font-size: 25px; line-height: 1; }
        .mobile-dock-sheet-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
        .mobile-dock-sheet-grid button { min-height: 48px; padding: 11px 12px; border: 1px solid var(--silver-mid); border-radius: 11px; color: var(--ink); background: #fff; font-size: 13px; font-weight: 700; text-align: left; }
        .mobile-dock-sheet-grid button:active { color: #fff; background: var(--brand-blue); }
        @keyframes dockSheetIn { from { opacity: 0; transform: translateY(20px) scale(.97); } to { opacity: 1; transform: none; } }
        .mobile-dock {
          right: 12px;
          bottom: calc(12px + env(safe-area-inset-bottom));
          left: 12px;
          display: grid !important;
          height: 76px;
          padding: 7px 5px;
          border: 1px solid rgba(205,206,208,.18);
          border-radius: 20px;
          background: rgba(8,10,14,.96);
          box-shadow: 0 16px 38px rgba(8,10,14,.34);
          backdrop-filter: blur(18px);
        }
        .mobile-dock-sheet,
        .mobile-dock-backdrop { display: none !important; }
        .mobile-dock button { position: relative; min-height: 60px; padding: 6px 2px 4px; border-radius: 13px; }
        .mobile-dock button svg { width: 23px; height: 23px; margin-bottom: 4px; }
        .mobile-dock button span { display: -webkit-box; min-height: 19px; overflow: hidden; font-size: 9px; line-height: 1.05; white-space: normal; text-overflow: clip; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
        .mobile-dock button.active { color: #fff; background: linear-gradient(145deg,rgba(43,104,163,.82),rgba(28,67,105,.68)); }
        .mobile-dock button.active::before { content: ""; position: absolute; top: 2px; left: 50%; width: 18px; height: 2px; border-radius: 99px; background: var(--silver-light); transform: translateX(-50%); }
        .float { bottom: calc(102px + env(safe-area-inset-bottom)); }
        .instagram-float { bottom: calc(166px + env(safe-area-inset-bottom)); }
      }
      @media (prefers-reduced-motion: reduce) {
        .nav-menu[open] .nav-pop { animation: none; }
        .seo-answer { transition: none; }
      }
      [hidden] { display: none !important; }
      .privacy-check { grid-template-columns: 22px 1fr !important; align-items: start; gap: 9px !important; font-weight: 500 !important; line-height: 1.4; }
      .privacy-check input { width: 18px !important; height: 18px !important; min-height: 0 !important; margin-top: 1px; accent-color: var(--brand-blue); }
      .text-link { min-height: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: var(--brand-blue) !important; box-shadow: none !important; text-decoration: underline; transform: none !important; }
      .privacy-page { padding-bottom: 90px; }
      .privacy-hero { max-width: 820px; padding: 64px 0 28px; }
      .privacy-hero h1 { margin: 8px 0 14px; font-size: clamp(38px,6vw,70px); line-height: .95; }
      .privacy-hero p { max-width: 680px; color: var(--muted); font-size: 18px; line-height: 1.6; }
      .privacy-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
      .privacy-grid article { padding: 25px; border: 1px solid var(--silver-mid); border-radius: 16px; background: #fff; }
      .privacy-grid h2 { margin: 0 0 10px; font-size: 22px; }
      .privacy-grid p { margin: 0; color: var(--muted); line-height: 1.6; }
      .privacy-grid button { margin-top: 17px; }
      .privacy-banner { position: fixed; z-index: 120; left: 50%; bottom: 22px; width: min(940px,calc(100% - 32px)); padding: 20px; border: 1px solid var(--silver-mid); border-radius: 18px; background: rgba(255,255,255,.97); box-shadow: 0 24px 70px rgba(21,25,34,.28); transform: translateX(-50%); display: grid; grid-template-columns: 1fr auto; gap: 24px; align-items: center; }
      .privacy-banner strong { display: block; margin-bottom: 5px; font-size: 19px; }
      .privacy-banner p { max-width: 650px; margin: 0 0 7px; color: var(--muted); font-size: 14px; line-height: 1.45; }
      .privacy-banner-actions { display: flex; gap: 10px; align-items: center; }
      .privacy-banner-actions button { white-space: nowrap; }
      .external-placeholder { min-height: 100%; padding: 30px; border-radius: 13px; background: linear-gradient(145deg,var(--silver-bright),var(--silver-soft)); color: var(--ink); display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
      .external-placeholder strong { font-size: 21px; }
      .external-placeholder p { max-width: 390px; margin: 9px 0 17px; color: var(--muted); line-height: 1.5; }
      .map-placeholder { min-height: 310px; border-radius: 0; }
      .favorite-active { color: #fff !important; background: var(--brand-blue) !important; }
      @media (max-width: 700px) {
        .privacy-grid { grid-template-columns: 1fr; }
        .privacy-hero { padding-top: 36px; }
        .privacy-banner { bottom: calc(94px + env(safe-area-inset-bottom)); grid-template-columns: 1fr; gap: 14px; padding: 16px; }
        .privacy-banner-actions { display: grid; grid-template-columns: 1fr 1.35fr; }
        .privacy-banner-actions button { white-space: normal; }
      }