.real-card-plate { color: #253039; }
.real-card-car { height: 145px; object-fit: contain; }
@media print {
  .real-card-car { height: 25mm; }
  .real-service-card .real-card-header { padding-bottom: 10px; }
  .real-card-header h1 { font-size: 16px; line-height: 1.5; }
  .real-card-header .brand-mark { width: 34px; height: 34px; }
  .real-card-plate { min-height: 32px; }
  .real-card-plate .plate-part { font-size: 17px; padding-block: 4px; }
  .real-card-next { padding: 12px; }
  .real-card-next>strong { font-size: 26px; }
  .real-card-notes { font-size: 11px; }
}
.hero-realistic { position: relative; isolation: isolate; min-width: 0; height: 570px; }
.hero-realistic::before { content: ''; position: absolute; inset: 18px 0 32px; border: 1px solid #e5d5ed; border-radius: 45% 45% 28px 28px; background: radial-gradient(ellipse at 50% 38%, #fff7, #ebddf559 65%, #fff5e6a6); z-index: -2; }
.hero-photo-kicker { position: absolute; top: 4px; right: 23px; display: flex; align-items: center; gap: 9px; color: #9b7eaf; font-size: 10px; }
.hero-car-photo { position: absolute; width: 112%; max-width: none; height: auto; top: 43px; left: -6%; filter: drop-shadow(0 14px 13px #77596d0a); }
.hero-photo-ring { position: absolute; width: 92%; height: 120px; border: 1px solid #bda5d13b; border-radius: 50%; left: 4%; top: 285px; z-index: -1; transform: rotate(-5deg); }
.hero-physical-card { position: absolute; width: 335px; left: -2px; bottom: 22px; z-index: 2; transform: rotate(-5deg); filter: drop-shadow(0 14px 20px #49374217); }
.hero-next-badge { position: absolute; top: 327px; right: -6px; display: flex; align-items: center; gap: 10px; padding: 14px; border: 1px solid #ede1f2; border-radius: 14px; background: #ffffffeb; box-shadow: 0 9px 22px #6c44780c; z-index: 3; }
.hero-next-badge>svg { color: #a57fba; }.hero-next-badge strong { display: block; font-size: 11px; font-weight: 650; }.hero-next-badge small { display: block; font-size: 9px; margin-top: 4px; color: #b19ac0; }.hero-concept-note { position: absolute; right: 23px; bottom: 5px; font-size: 8px; color: #b19ac0; }
.sample-card { --card-ink: #303039; --card-muted: #929098; --card-accent: #fb5c0b; --card-pale: #fff2e8; position: relative; width: 100%; border: 1px solid #ddd9d4; border-radius: 15px; padding: 22px; color: var(--card-ink); background: linear-gradient(135deg,#fff,#fcfaf5); box-shadow: 0 3px 0 #d8d2c9,0 5px 0 #f5f0e9,0 15px 25px #352d3518; }
.sample-card::after { content: ''; pointer-events: none; position: absolute; inset: 5px; border: 1px solid #ece7df; border-radius: 11px; }
.sample-card-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 12px; border-bottom: 2px solid var(--card-accent); }.sample-card-heading span { display: block; font-size: 9px; color: var(--card-muted); }.sample-card-heading strong { display: block; font-size: 14px; font-weight: 750; margin-top: 2px; }.sample-card-heading .brand-mark { width: 32px; height: 32px; color: var(--card-ink); }
.sample-card-title { margin-top: 14px; font-size: 20px; line-height: 1.7; font-weight: 800; }.sample-card-title small { font-size: 10px; font-weight: 550; color: var(--card-muted); margin-right: 6px; }
.sample-card-car { display: block; width: 100%; height: 135px; margin: 4px auto 5px; object-fit: contain; filter: grayscale(.65); }
.sample-plate { display: flex; justify-content: space-between; direction: ltr; align-items: center; gap: 7px; width: 160px; height: 35px; margin-inline: auto; border: 1px solid #45444e; border-radius: 4px; overflow: hidden; background: #fffef9; color: #22242b; }.sample-plate>b { font-size: 18px; line-height: 1; font-weight: 750; }.sample-plate-flag { display: grid; align-content: center; align-self: stretch; font-family: Arial,sans-serif; font-size: 5px; line-height: 1.3; background: #1f4e8a; padding: 2px 4px; color: #fff; }.sample-plate>span:last-child { align-self: stretch; display: flex; align-items: center; flex-direction: column; justify-content: center; gap: 2px; padding: 2px 6px; border-left: 1px solid #45444e; }.sample-plate>span:last-child small { font-size: 6px; line-height: 1; }.sample-plate>span:last-child strong { font-size: 13px; line-height: 1.4; }
.sample-card-current { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-block: 20px; }.sample-card-current>div+div { border-right: 1px solid #d6d1ca; padding-right: 13px; }.sample-card-current span { display: block; font-size: 9px; color: var(--card-muted); }.sample-card-current strong { display: block; font-size: 18px; font-weight: 750; line-height: 1.7; margin-top: 5px; }
.sample-card-next { position: relative; padding: 14px; border: 1px solid var(--card-accent); border-radius: 9px; background: var(--card-pale); }.sample-card-next>div { display: flex; align-items: center; gap: 7px; color: var(--card-accent); font-size: 11px; font-weight: 700; }.sample-card-next>strong { display: block; color: var(--card-accent); font-size: 36px; font-weight: 850; line-height: 1.8; margin-top: 3px; }.sample-card-next>strong>small { font-size: 10px; font-weight: 500; }.sample-card-next p { color: var(--card-muted); font-size: 9px; line-height: 1.9; }.sample-card-footer { display: flex; justify-content: space-between; align-items: center; margin-top: 17px; font-size: 9px; color: var(--card-muted); }.sample-card-footer>strong { font-size: 12px; font-weight: 750; color: var(--card-ink); }
.sample-card-premium { --card-ink: #f0dfbc; --card-muted: #c8b589; --card-accent: #d1ad69; --card-pale: #223646; background: linear-gradient(140deg,#0b2233,#172d3b 70%,#0b2130); border-color: #b49c6c; box-shadow: 0 3px 0 #ad9160,0 5px 0 #e6d6b0,0 15px 25px #1c2b3430; }.sample-card-premium::after { border-color: #bba26c65; }.sample-card-premium .sample-card-car { filter: grayscale(1); }.sample-card-premium .sample-card-heading .brand-mark { color: #d1ad69; }.sample-card-premium .sample-card-current>div+div { border-color: #b49c6c60; }
.sample-card-green { --card-ink: #184e3a; --card-muted: #668a75; --card-accent: #1e6647; --card-pale: #e7f0e6; background: linear-gradient(140deg,#fff,#f2f7ef); border-color: #b4cebb; }.sample-card-green::after { border-color: #e1e9df; }.sample-card-green .sample-card-heading .brand-mark { color: #286248; }
.sample-card-compact { padding: 17px 18px; border-radius: 12px; }.sample-card-compact .sample-card-heading { padding-bottom: 9px; }.sample-card-compact .sample-card-heading span { font-size: 8px; }.sample-card-compact .sample-card-heading strong { font-size: 12px; }.sample-card-compact .sample-card-heading .brand-mark { width: 26px; height: 26px; }.sample-card-compact .sample-card-title { margin-top: 9px; font-size: 16px; }.sample-card-compact .sample-card-car { display: none; }.sample-card-compact .sample-plate { position: absolute; left: 17px; top: 17px; transform: scale(.75); transform-origin: left top; }.sample-card-compact .sample-card-heading .brand-mark { display: none; }.sample-card-compact .sample-card-current { margin-block: 11px; gap: 10px; }.sample-card-compact .sample-card-current strong { font-size: 16px; margin-top: 3px; }.sample-card-compact .sample-card-current span { font-size: 8px; }.sample-card-compact .sample-card-next { padding: 10px 13px; }.sample-card-compact .sample-card-next>div { font-size: 10px; }.sample-card-compact .sample-card-next>strong { font-size: 31px; display: inline-block; margin-top: 0; }.sample-card-compact .sample-card-next p { font-size: 8px; }.sample-card-compact .sample-card-footer { margin-top: 11px; font-size: 8px; }
.feature-card-stage { padding: 28px 35px; border: 1px solid #e5d9ec; border-radius: 26px; background: linear-gradient(130deg,#f2e8fa,#fff5e8); display: flex; align-items: center; flex-direction: column; gap: 25px; }.feature-card-stage>.eyebrow { font-size: 11px; }.feature-card-stage .sample-card { max-width: 365px; transform: rotate(-3deg); }.feature-card-stage>a { display: flex; align-items: center; gap: 10px; font-size: 11px; color: #9e7ab3; }
.card-gallery-section { background: #f5f1f8; border-block: 1px solid #e9dfef; margin-bottom: 70px; }.card-gallery-section .section-description { max-width: none; margin-top: 10px; font-size: 13px; }.card-gallery-section .section-heading { margin-bottom: 33px; }.card-showcase-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 29px; }.card-paper-stage { padding: 18px 8px 28px; }.card-showcase-item:nth-child(1) .sample-card { transform: rotate(-1.5deg); }.card-showcase-item:nth-child(2) .sample-card { transform: rotate(1.2deg); }.card-showcase-item:nth-child(3) .sample-card { transform: rotate(-1deg); }.card-showcase-caption { display: flex; align-items: center; gap: 12px; padding: 7px 10px 0; }.card-showcase-caption>span { font-size: 12px; color: #b29cc2; }.card-showcase-caption h3 { font-size: 15px; font-weight: 700; }.card-showcase-caption p { margin-top: 3px; font-size: 10px; color: #a28bb3; }.card-showcase-caption>a { display: grid; place-items: center; width: 33px; height: 33px; border: 1px solid #dbcbe8; border-radius: 50%; color: #9b78b1; margin-inline-start: auto; }.card-showcase-footnote { margin-top: 30px; color: #ac95bc; font-size: 10px; text-align: center; }
.home-magazine .section-heading { margin-bottom: 31px; }.home-magazine { padding-block: 80px; }.home-footer-links { display: flex; gap: 20px; color: #9a81ad; font-size: 11px; }.home-footer-links a { display: inline-flex; align-items: center; gap: 5px; }
.print-theme-picker { display: flex; gap: 8px; margin-block: 10px 21px; }.print-theme-picker>a { flex: 1; text-align: center; padding: 7px 8px; border: 1px solid #dfd2e9; border-radius: 8px; font-size: 10px; color: #a28ab4; }.print-theme-picker>a[aria-current] { color: #88609f; background: #eee3f8; border-color: #cdb2e1; }
.card-theme-classic .real-card-next { background: #fff2e8; border-color: #ffc49e; }.card-theme-classic .real-card-next>strong { color: #ed5d12; }.card-theme-classic .real-card-next>span,.card-theme-classic .real-card-next p { color: #b9805b; }.card-theme-classic .real-service-card { border-color: #dcd7d0; }.card-theme-classic .real-card-header { padding-bottom: 16px; border-bottom: 2px solid #ff6b19; }
.card-theme-premium .real-service-card { color: #ead4a7; background: linear-gradient(140deg,#0b2233,#1b3341); border: 1px solid #b59a66; box-shadow: inset 0 0 0 5px #c5aa7440; }.card-theme-premium .real-card-header { padding-bottom: 16px; border-bottom: 1px solid #b59a66; }.card-theme-premium .real-card-header .brand-mark { color: #c9a769; }.card-theme-premium .real-card-readings dd,.card-theme-premium .real-card-footer strong { color: #e3c68f; }.card-theme-premium .real-card-readings dt,.card-theme-premium .real-card-notes>span,.card-theme-premium .real-card-notes>p,.card-theme-premium .real-card-person>span,.card-theme-premium .real-card-help,.card-theme-premium .real-card-header>div>span,.card-theme-premium .real-card-contact,.card-theme-premium .sample-card-label,.card-theme-premium .real-card-footer>span { color: #b7a27f; }.card-theme-premium .real-card-next { background: #e8d8b8; border-color: #d1b77e; }.card-theme-premium .real-card-next>strong { color: #193447; }.card-theme-premium .real-card-next>span,.card-theme-premium .real-card-next>p { color: #6e6b5f; }.card-theme-premium .real-card-readings>div,.card-theme-premium .real-card-footer { border-color: #bba26c54; }
.card-theme-green .real-card-next { background: #e5f0e6; border-color: #c3d9c4; }.card-theme-green .real-card-next>strong { color: #246c48; }.card-theme-green .real-card-next>span,.card-theme-green .real-card-next p { color: #648c6e; }.card-theme-green .real-service-card { border-color: #c2d5c0; }.card-theme-green .real-card-header { padding-bottom: 15px; border-bottom: 2px solid #367752; }
@media(max-width:1180px) { .hero-realistic { height: 530px; }.hero-physical-card { width: 300px; bottom: 22px; }.hero-next-badge { top: 301px; right: -8px; padding: 12px; }.hero-next-badge strong { font-size: 10px; }.hero-next-badge small { font-size: 8px; }.hero-car-photo { top: 60px; }.sample-card { padding: 18px; }.sample-card-title { font-size: 18px; }.sample-card-car { height: 115px; }.sample-card-current strong { font-size: 16px; }.sample-card-next>strong { font-size: 31px; }.card-showcase-grid { gap: 21px; }.card-paper-stage { padding-inline: 4px; }.feature-card-stage { padding-inline: 25px; } }
@media(max-width:1000px) { .hero-realistic { height: 485px; }.hero-car-photo { top: 75px; width: 118%; left: -9%; }.hero-photo-kicker { top: 7px; font-size: 9px; right: 15px; }.hero-next-badge { top: 40px; left: -5px; right: auto; padding: 10px; }.hero-physical-card { width: 285px; left: 0; bottom: 16px; }.hero-next-badge>svg { width: 17px; }.hero-next-badge strong { font-size: 9px; }.hero-next-badge small { font-size: 7px; }.hero-concept-note { font-size: 7px; right: 10px; }.card-showcase-grid { gap: 15px; }.sample-card-title { font-size: 16px; }.sample-card-title small { font-size: 8px; }.sample-card-heading strong { font-size: 12px; }.sample-card-heading .brand-mark { width: 26px; height: 26px; }.sample-card-car { height: 100px; }.sample-card-current { gap: 8px; margin-block: 15px; }.sample-card-current strong { font-size: 14px; }.sample-card-current span { font-size: 8px; }.sample-card-next { padding: 12px; }.sample-card-next>strong { font-size: 28px; }.sample-card-next>strong>small { font-size: 8px; }.sample-card-next p { font-size: 8px; }.sample-card-footer { font-size: 8px; }.sample-plate { transform: scale(.87); transform-origin: center; margin-block: -2px; }.card-showcase-caption { gap: 8px; padding-inline: 5px; }.card-showcase-caption h3 { font-size: 13px; }.card-showcase-caption p { font-size: 9px; }.card-showcase-caption>a { width: 28px; height: 28px; }.feature-card-stage { padding-inline: 20px; }.feature-card-stage .sample-card-current strong { font-size: 16px; }.feature-card-stage .sample-card-next>strong { font-size: 32px; } }
@media(max-width:760px) { .hero-realistic { height: 490px; width: min(100%,470px); margin-inline: auto; }.hero-realistic::before { inset: 35px 5px 10px; border-radius: 42% 42% 25px 25px; }.hero-photo-kicker { display: none; }.hero-car-photo { width: 108%; left: -4%; top: 38px; }.hero-physical-card { width: 305px; max-width: 90%; left: 5px; bottom: 14px; }.hero-next-badge { top: 7px; left: 12px; padding: 12px; }.hero-next-badge strong { font-size: 10px; }.hero-next-badge small { font-size: 8px; }.hero-photo-ring { top: 210px; }.hero-concept-note { right: 8px; bottom: -8px; }.sample-card-compact { padding: 16px; }.sample-card-compact .sample-card-current strong { font-size: 16px; }.sample-card-compact .sample-card-next>strong { font-size: 31px; }.sample-card-compact .sample-plate { left: 13px; top: 18px; transform: scale(.7); }.sample-card-compact .sample-card-title { font-size: 16px; }
  .feature-card-stage { padding: 24px 26px; gap: 23px; width: min(100%,470px); margin-inline: auto; }.feature-card-stage .sample-card { max-width: 350px; }.sample-card { padding: 22px; }.sample-card-heading strong { font-size: 14px; }.sample-card-heading .brand-mark { width: 32px; height: 32px; }.sample-card-title { font-size: 21px; }.sample-card-title small { font-size: 10px; }.sample-card-car { height: 140px; }.sample-plate { transform: none; margin-block: 0; }.sample-card-current { gap: 12px; margin-block: 20px; }.sample-card-current strong { font-size: 19px; }.sample-card-current span { font-size: 10px; }.sample-card-next { padding: 15px; }.sample-card-next>strong { font-size: 38px; }.sample-card-next>strong>small { font-size: 10px; }.sample-card-next p { font-size: 10px; }.sample-card-footer { font-size: 9px; }.sample-card-next>div { font-size: 12px; }.card-gallery-section { margin-bottom: 50px; }.card-gallery-section .section-heading { margin-bottom: 26px; }.card-gallery-section h2 { font-size: 27px; }.card-gallery-section .section-description { font-size: 12px; }.card-gallery-section .section-heading>.text-link { margin-top: 15px; font-size: 12px; }.card-showcase-grid { grid-template-columns: 1fr; gap: 34px; }.card-showcase-item { width: min(100%,440px); margin-inline: auto; }.card-paper-stage { padding: 15px 15px 23px; }.card-showcase-caption { padding-inline: 15px; gap: 12px; }.card-showcase-caption h3 { font-size: 15px; }.card-showcase-caption p { font-size: 10px; }.card-showcase-caption>a { width: 33px; height: 33px; }.card-showcase-footnote { margin-top: 25px; font-size: 9px; line-height: 2; }.home-magazine { padding-block: 55px; }.home-magazine .section-heading { display: block; }.home-magazine .section-heading>.text-link { margin-top: 15px; }.home-magazine h2 { font-size: 25px; }.home-footer-links { gap: 15px; flex-wrap: wrap; font-size: 10px; }
}
@media(max-width:380px) { .hero-realistic { height: 445px; }.hero-car-photo { top: 48px; }.hero-physical-card { width: 278px; left: 0; }.hero-next-badge { top: 6px; left: 2px; }.hero-next-badge strong { font-size: 9px; }.hero-physical-card .sample-card-compact { padding: 15px; }.sample-card-compact .sample-card-heading strong { font-size: 11px; }.sample-card-compact .sample-card-title { font-size: 15px; }.sample-card-compact .sample-card-current strong { font-size: 14px; }.sample-card-compact .sample-card-next>strong { font-size: 28px; }.sample-card-compact .sample-card-next p { font-size: 8px; }.feature-card-stage { padding-inline: 20px; }.sample-card-current strong { font-size: 16px; }.sample-card-next>strong { font-size: 32px; }.sample-card-title { font-size: 19px; }.sample-card-car { height: 120px; }.card-paper-stage { padding-inline: 10px; }.card-showcase-caption p { font-size: 9px; } }