/* Graphite / silver visual system. Shared static CSS, no added runtime or media. */
.site-polish,.graphite-demo {
  --bg:#1b1d21; --panel:#2b2e34; --ink:#f6f6f5; --muted:#c1c4cb;
  --gold:#ffc400; --line:#ffffff24; --border:#ffffff24;
  --silver:#d5d8de; --surface:linear-gradient(135deg,#35383f,#25282e 72%);
  --button-fill:#ffc400;
  background:radial-gradient(ellipse 95% 720px at 90% 0,#44474f70,transparent 80%),#1b1d21;
  color:var(--ink);
}
.site-polish ::selection,.graphite-demo ::selection{background:#ffc400;color:#181a1f}
.site-polish :focus-visible,.graphite-demo :focus-visible{outline:3px solid #ffc400;outline-offset:4px}
.site-polish :is(h1,h2,h3){text-wrap:balance}
.site-polish :is(.button,.nav-get,.store-badge){white-space:normal;text-align:center;text-wrap:balance}
.site-polish .header,.graphite-demo .header{
  background:linear-gradient(105deg,#191b20f5,#32353df5);
  border-bottom:1px solid #ffffff1c;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
}
.site-polish .desktop-nav a,.site-polish .mobile-nav a,.site-polish .language-picker summary,.site-polish .language-options a{color:#ffc400}
.site-polish .desktop-nav a:hover{color:var(--gold)}
.site-polish .nav-demo{color:var(--gold)}
.site-polish .brand{letter-spacing:-.04em}
.site-polish .nav .nav-get,.site-polish .button--gold,.site-polish .store-badge,.graphite-demo .button--gold{
  background:var(--button-fill);color:#201d15;border:1px solid #ffc400;
  box-shadow:0 7px 18px #00000018;
}
.site-polish .button,.site-polish .nav-get{transition:background-color .18s,border-color .18s,box-shadow .18s,transform .18s}
.site-polish .button--gold:hover,.site-polish .nav-get:hover{background:#ffd02a;color:#171714;box-shadow:0 8px 24px #0003;transform:translateY(-2px)}
.site-polish .button--outline{background:linear-gradient(130deg,#ffffff09,#ffffff02);border-color:#ffffff45;color:#f0f1f4}
.site-polish .button--outline:hover{background:#ffffff12;border-color:#ffffff80;color:#fff}
.site-polish .button .line-icon{color:inherit}
.site-polish .line-icon{color:var(--silver)}
.site-polish .eyebrow,.site-polish .kicker{color:var(--gold)}
.site-polish .language-options{background:linear-gradient(140deg,#363941,#22252b);border-color:#ffffff36;box-shadow:0 18px 48px #0007}
.site-polish .language-picker summary{background:#ffffff05;border-color:#ffffff2d}
.site-polish .mobile-nav{background:linear-gradient(140deg,#22252b,#30333b);border-color:var(--line)}
.site-polish .mobile-nav a{border-color:var(--line)}
.site-polish .menu-button{background:#ffffff06;border-color:#ffffff30;color:#ffc400}

/* Wide silver light sits behind the phone, with a dark reading area for the copy. */
.graphite-hero-shell{position:relative;isolation:isolate;overflow:clip;background:radial-gradient(ellipse 40% 72% at 79% 42%,#bec1caaa 0%,#70758070 45%,transparent 85%),linear-gradient(112deg,#17191d 5%,#252830 55%,#454952 100%);border-bottom:1px solid #ffffff18}
.graphite-hero-shell:after{content:"";position:absolute;inset:auto 0 0;height:16%;pointer-events:none;z-index:-1;background:linear-gradient(0deg,#17191dbb,transparent)}
.site-polish .graphite-hero-shell .hero{min-height:750px;padding-block:66px 54px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:26px}
.site-polish .hero h1{font-size:clamp(42px,4.4vw,65px);line-height:1.09;letter-spacing:-.05em}
.site-polish .hero h1>span{color:#ffc400;max-width:600px}
.site-polish .hero .eyebrow{color:#bfc5cf;letter-spacing:.16em}
.site-polish .hero .lead{color:#d1d4db;font-size:17px;line-height:1.75;max-width:525px}
.site-polish .hero .actions{gap:12px}
.site-polish .hero .compat,.site-polish .hero .release-note,.site-polish .hero .preview-note{color:#bfc5d0}
.site-polish .hero-proof{color:#dce0e6;font-size:12px;gap:15px}
.site-polish .hero-proof span{color:#ffc400}
.site-polish .hero-visual{min-height:650px;isolation:isolate}
.site-polish .hero-visual:before{inset:10% 0 4%;background:radial-gradient(ellipse at 55% 46%,#e0e2ec38,transparent 65%);filter:none}
.site-polish .hero-visual .phone{width:286px;border:5px solid #383a3e;outline:1px solid #a7abb3;border-radius:44px;transform:rotate(7deg) rotateY(-7deg);box-shadow:0 0 0 2px #111,20px 38px 45px #0006,inset 0 0 0 2px #d2d5db}
.site-polish .hero-visual figcaption{color:#d0d4dc;max-width:330px;font-size:12px;line-height:1.65;margin-top:32px}
.site-polish .hero-chip{background:linear-gradient(130deg,#393c44f5,#25282ff5);border:1px solid #cbd0db4d;box-shadow:0 14px 32px #0003;padding:15px 17px;max-width:196px}
.site-polish .hero-chip strong{font-size:12px;color:#fff}.site-polish .hero-chip span{color:#d0d4dc;font-size:11px}
.site-polish .hero-chip--0{left:0;right:auto;top:19%}.site-polish .hero-chip--1{left:auto;right:0;top:43%}.site-polish .hero-chip--2{left:0;right:auto;top:auto;bottom:18%}
.site-polish .hero-chip .line-icon{color:#ffc400;flex-shrink:0}
[dir=rtl] .site-polish .graphite-hero-shell{background:radial-gradient(ellipse 40% 72% at 21% 42%,#bec1caaa,#70758070 45%,transparent 85%),linear-gradient(248deg,#17191d 5%,#252830 55%,#454952)}
[dir=rtl] .site-polish .hero h1{letter-spacing:normal;line-height:1.38}
[dir=rtl] .site-polish .hero-visual .phone{transform:rotate(-7deg) rotateY(7deg)}
[dir=rtl] .site-polish .hero-chip--0,[dir=rtl] .site-polish .hero-chip--2{left:auto;right:0}
[dir=rtl] .site-polish .hero-chip--1{right:auto;left:0}

/* A continuous charcoal rhythm, rather than disconnected black sections. */
.site-polish .feature-strip{background:linear-gradient(120deg,#30333b,#25282e);border-bottom:1px solid var(--line)}
.site-polish .benefit-grid{padding-block:35px}.site-polish .benefit-icon{border-color:#ffffff36;background:linear-gradient(140deg,#555964,#2c3038);box-shadow:inset 0 1px 0 #ffffff30,0 5px 14px #0002}
.site-polish .benefit p{color:#c2c7d1}
.site-polish .feature-grid{gap:22px}
.site-polish .feature-card{border:1px solid #ffffff24;border-radius:20px;background:var(--surface);box-shadow:0 12px 30px #00000014;transition:border-color .18s,box-shadow .18s}
.site-polish .feature-card:hover{border-color:#ffffff4d;box-shadow:0 14px 32px #0003}
.site-polish .feature-art{border:0;border-bottom:1px solid #ffffff20;border-radius:0;aspect-ratio:1.65;background:#30343c}
.site-polish .feature-body{padding:22px;gap:9px}
.site-polish .feature-body h3{font-size:21px;line-height:1.25}
.site-polish .feature-body p{font-size:14px;line-height:1.8;color:#c6cad2}
.site-polish .feature-body .eyebrow{color:#bcc2cc;font-size:10px}
.site-polish .feature-body>.text-link{font-size:13px;color:var(--gold)}
.site-polish .art-label{background:#1b1e25ed;color:#e1e4ea;border-color:#ffffff30;font-size:10px}
.site-polish .emergency-section{background:radial-gradient(ellipse at 80% 30%,#555a6744,transparent 65%),linear-gradient(120deg,#292c33,#22252c);border-color:var(--line)}
.site-polish .guardian-orbits{background:radial-gradient(circle at 50% 35%,#e2e7f515,transparent 60%)}
.site-polish .guardian-orbits:before,.site-polish .guardian-orbits span{border-color:#ffffff0e}
.site-polish .guardian-emblem{background:linear-gradient(145deg,#646974,#30343d);border-color:#ffffff50;box-shadow:0 18px 40px #0004,inset 0 1px 0 #ffffff40}
.site-polish .guardian-emblem .line-icon{color:#ffc400;filter:none}
.site-polish .guardian-mantra span{color:var(--gold)}
.site-polish .journey-banner{background:#24272f}.site-polish .journey-banner:after{background:linear-gradient(90deg,#151920e8,#171a2055),linear-gradient(0deg,#24272f,transparent 80%)}
.site-polish .models-section{background:linear-gradient(115deg,#30343c,#24272e);border-color:var(--line)}
.site-polish .model-choice{border-color:#ffffff24}
.site-polish .plan-pill{background:#ffffff06;border-color:#ffffff36;color:#ffc400}
.site-polish .demo-promo-art{box-shadow:0 18px 45px #0003;transform:none;border-color:#ffffff36}
.site-polish .dash-section{background:linear-gradient(115deg,#2b2f38,#343841);border-color:var(--line)}
.site-polish .record-specs>div>span{color:var(--gold)}
.site-polish .record-specs strong{color:#f4f4f3}
.site-polish .map-details article,.site-polish .extras article{padding:24px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}
.site-polish .extras{gap:24px}.site-polish .map-details{gap:20px}
.site-polish .table-scroll{border:1px solid #ffffff30;border-radius:18px;background:#292d34}
.site-polish thead th{background:#363b44;color:#f1f2f4}
.site-polish td:last-child,.site-polish thead th:last-child{background:#ffffff05}
.site-polish td,.site-polish th{border-color:#ffffff21}
/* Keep the plan choice unmistakable: neutral Free, solid brand-yellow Pro. */
.site-polish .plan-comparison :is(thead th:nth-child(2),tbody td:first-of-type){background:#363b44;color:#f1f2f4}
.site-polish .plan-comparison :is(thead th:last-child,tbody td:last-child){background:#ffc400;color:#201d15;border-color:#201d1533}
.site-polish .plan-comparison td:first-of-type .comparison-label{color:#d5d8de}
.site-polish .plan-comparison td:last-child .comparison-label{color:#201d15;font-weight:700}
.site-polish .journal .guide-card,.site-polish .guide-card{border:1px solid var(--line);border-radius:18px;padding:26px;background:var(--surface);gap:15px;transition:border-color .18s}
.site-polish .guide-card:hover{border-color:#ffffff50}
.site-polish .guide-card h2,.site-polish .guide-card h3{font-size:23px;line-height:1.35}
.site-polish .guide-card>p:not(.eyebrow){font-size:15px;line-height:1.85;color:#c4cad3}
.site-polish .guide-card .eyebrow{font-size:11px;letter-spacing:.1em;color:#ffc400}
.site-polish .journal .guide-card p:not(.eyebrow){font-size:14px}
.site-polish .guide-card .text-link{font-size:13px;color:var(--gold)}
.site-polish .guide-filters :is(input,select){background:#2d3139;border-color:#747b89;color:#f4f5f7;border-radius:12px}
.site-polish .guide-filters input::placeholder{color:#c0c6cf}
.site-polish .guide-filters select option{background:#292d34}

/* A lighter editorial pause with dark text and tested high-contrast links. */
.site-polish .privacy-section{--ink:#20242b;--muted:#343b46;--gold:#59431f;background:linear-gradient(125deg,#d2d4da,#aeb4bf);border:1px solid #ffffff45;border-radius:24px;padding:40px;gap:32px;color:var(--ink);box-shadow:inset 0 1px 0 #ffffff55}
.site-polish .privacy-section h2{color:#20242b;font-size:32px}
.site-polish .privacy-section p:not(.eyebrow){color:#343b46;font-size:15px;line-height:1.85}
.site-polish .privacy-section .eyebrow{color:#414956;letter-spacing:.12em}
.site-polish .privacy-section .text-link{color:#202b3a;font-size:14px;text-decoration:underline;text-underline-offset:4px}
.site-polish .privacy-section .text-link:hover{color:#000}
.site-polish .faq summary{font-size:16px}.site-polish .faq details p{font-size:15px;color:#c6cbd4}
.site-polish details{border-color:var(--line)}
.site-polish .cta{margin-block:32px 54px;padding:58px 32px;border:1px solid #ffffff26;border-radius:24px;background:radial-gradient(ellipse at 50% 0,#70788860,transparent 80%),linear-gradient(135deg,#343842,#24272d)}
.site-polish .cta-logo{box-shadow:none}
.site-polish footer{border-color:var(--line);padding-bottom:90px}
.site-polish .disclaimer,.site-polish .footer-bottom{color:#b8bec8}
.site-polish .footer-top p{color:#c1c6cf}
.site-polish .footer-top a:hover,.site-polish .seo-footer-links a:hover{color:var(--gold)}

/* Two extra homepage conversion points. Logical layout works in every locale. */
.site-polish .conversion-panel{border:1px solid #ffffff35;border-radius:22px;background:radial-gradient(ellipse at 55% 0,#7b83904d,transparent 75%),linear-gradient(120deg,#32363e,#282c33);box-shadow:inset 0 1px 0 #ffffff0d,0 12px 32px #00000012}
.site-polish .conversion-panel--download{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:28px;padding:28px 32px;margin-block:0 76px}
.site-polish .conversion-panel--download img{width:58px;height:58px;border-radius:16px}
.site-polish .conversion-panel--download h2{font-size:clamp(21px,2vw,27px);line-height:1.3;letter-spacing:-.025em}
.site-polish .conversion-panel p{font-size:15px;line-height:1.8;color:#cdd2db;margin-top:9px}
.site-polish .conversion-panel--download .button{max-width:270px;min-width:155px;gap:16px}
.site-polish .conversion-panel--demo{margin-block:48px 12px;padding:44px 40px 48px;text-align:center;background:radial-gradient(ellipse at 50% 0,#81899966,transparent 78%),linear-gradient(135deg,#363b45,#282b32)}
.site-polish .conversion-panel--demo h2{max-width:850px;margin-inline:auto;font-size:clamp(28px,3.1vw,40px);line-height:1.25}
.site-polish .conversion-panel--demo p{max-width:760px;margin:16px auto 26px}
.site-polish .conversion-panel--demo .actions{justify-content:center;gap:14px}
.site-polish .conversion-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid #ffffff40;border-radius:50%;margin:0 auto 20px;background:#ffffff09}
.site-polish .conversion-icon .line-icon{width:26px;height:26px;color:#ffc400}

/* Long-form, acquisition and support content share the same quiet surfaces. */
.site-polish.content-page{background:radial-gradient(ellipse 85% 550px at 90% 0,#60667255,transparent 85%),linear-gradient(110deg,#1b1e24,#252930 85%)}
.site-polish .page__head{padding-bottom:28px;border-bottom:1px solid var(--line)}
.site-polish .section__lead{color:#ced3dc}
.site-polish .legal{color:#e5e7eb}.site-polish .legal p,.site-polish .legal li{color:#c9ced7}
.site-polish .legal :is(h1,h2,h3,strong){color:#f4f4f2}
.site-polish .legal .button--gold{color:#201d15}
.site-polish :is(.install-panel,.blog-cta,.note,.about-card,.evidence-panel,.guide-image,.editorial-source){background:var(--surface);border-color:#ffffff2d;box-shadow:inset 0 1px 0 #ffffff08}
.site-polish .note{border-inline-start-color:#dfc58e;border-radius:12px}
.site-polish .evidence-panel a,.site-polish .support-checklist a{color:var(--gold)}
.site-polish .article-toc{padding:0 22px;border:1px solid var(--line);border-radius:16px;background:#ffffff03}
.site-polish .product-facts dl>div{border-color:var(--line)}
.site-polish .product-facts dd{color:#c9ced7}
.site-polish .feature-related a{background:#ffffff04}
.site-polish .feature-related a:hover{background:#ffffff0a}
.site-polish .feature-headline{color:#ffc400}
.site-polish .ayni-launcher{background:linear-gradient(130deg,#3c4049,#252931);border-color:#c1c8d166;box-shadow:0 8px 28px #0005;color:#f3f4f6;letter-spacing:.05em}
.site-polish .ayni-launcher:hover{border-color:#ffc400}
.site-polish .analytics-choice{background:linear-gradient(130deg,#3b4049,#282c34);border-color:#abb3c266}
.site-polish .analytics-choice button{background:#ffffff08;border-color:#ffffff45}
.site-polish .analytics-choice a{color:#ffc400}
.site-polish .analytics-choice [data-analytics-accept]{background:var(--button-fill);color:#201d15;border-color:#ffc400}

/* The separate interactive demo gets matching chrome, not a new map renderer. */
.graphite-demo .drive-setup,.graphite-demo .drive-directions,.graphite-demo .drive-hud,.graphite-demo .arrival-card,.graphite-demo .map-error{background:linear-gradient(130deg,#363b44f7,#252931fa);border-color:#ffffff36}
.graphite-demo .map-tools button{background:#30353eef;border-color:#ffffff44}
.graphite-demo .route-choice[aria-pressed=true]{background:#ffffff0a;border-color:#ffc40099!important}
.graphite-demo .demo-badge{background:#2b3039f2;border-color:#ffffff36}

@media(min-width:1500px){.site-polish .graphite-hero-shell .hero{min-height:790px}}
@media(max-width:1100px){
 .site-polish .hero h1{font-size:44px}
 .site-polish .hero-visual .phone{width:255px}
 .site-polish .hero-chip{max-width:169px;padding:12px}
 .site-polish .hero-chip--0,.site-polish .hero-chip--2{left:0;right:auto}.site-polish .hero-chip--1{left:auto;right:0}
 .site-polish .hero-chip strong{font-size:11px}.site-polish .hero-chip span{font-size:10px}
 .site-polish .conversion-panel--download{gap:20px;padding:26px}
 .site-polish .conversion-panel--download .button{max-width:220px}
}
@media(max-width:800px){
 .site-polish .graphite-hero-shell .hero{grid-template-columns:minmax(0,1fr);min-height:0;padding-block:50px 38px;gap:26px}
 .graphite-hero-shell,[dir=rtl] .site-polish .graphite-hero-shell{background:radial-gradient(ellipse 78% 42% at 60% 72%,#9399a788,transparent 90%),linear-gradient(160deg,#191c21,#353a45)}
 .site-polish .hero h1{font-size:clamp(38px,7vw,56px)}
 .site-polish .hero .lead{font-size:16px}.site-polish .hero-visual{min-height:625px}
 .site-polish .hero-visual .phone{width:258px}
 .site-polish .hero-chip--0{left:0;right:auto;top:19%}.site-polish .hero-chip--1{right:0;top:43%}.site-polish .hero-chip--2{left:0;bottom:18%}
 .site-polish .conversion-panel--download{grid-template-columns:52px minmax(0,1fr)}
 .site-polish .conversion-panel--download>.button{grid-column:2;justify-self:start;max-width:100%}
 .site-polish .conversion-panel--download>img{width:52px;height:52px}
 .site-polish .privacy-section{padding:30px;gap:24px}
 .site-polish .privacy-section h2{font-size:29px}
 .site-polish .map-details article,.site-polish .extras article{padding:20px}
}
@media(max-width:540px){
 .site-polish .graphite-hero-shell .hero{padding-top:40px;gap:28px}
 .site-polish .hero h1{font-size:clamp(36px,9.4vw,48px);line-height:1.1}
 .site-polish .hero .eyebrow{font-size:10px;letter-spacing:.12em}
 .site-polish .hero .lead{font-size:15px;line-height:1.8}
 .site-polish .hero-proof{font-size:11px;gap:12px}
 .site-polish .hero .release-note,.site-polish .hero .compat{font-size:12px}
 .site-polish .hero-visual{min-height:590px;width:100%}
 .site-polish .hero-visual .phone{width:236px;border-radius:39px;transform:rotate(5deg)}
 .site-polish .hero-visual .phone img{border-radius:32px}
 .site-polish .hero-visual figcaption{font-size:11px;max-width:290px;margin-top:30px}
 .site-polish .hero-chip{max-width:147px;padding:10px 12px;gap:8px}
 .site-polish .hero-chip strong{font-size:10px}.site-polish .hero-chip span{font-size:9px}
 .site-polish .hero-chip--0{left:0;right:auto;top:17%}.site-polish .hero-chip--1{left:auto;right:0;top:42%}.site-polish .hero-chip--2{left:0;right:auto;bottom:18%}
 .site-polish .hero-chip .line-icon{width:21px;height:21px}
 .site-polish .feature-body{padding:22px}
 .site-polish .feature-body p,.site-polish .journal .guide-card p:not(.eyebrow){font-size:14px}
 .site-polish .guide-card{padding:22px}.site-polish .guide-card h2,.site-polish .guide-card h3{font-size:23px}
 .site-polish .conversion-panel--download{grid-template-columns:minmax(0,1fr);padding:26px;gap:19px;margin-bottom:54px}
 .site-polish .conversion-panel--download>.button{grid-column:1;width:100%;max-width:none}
 .site-polish .conversion-panel--download h2{font-size:25px}
 .site-polish .conversion-panel--demo{padding:30px 24px;margin-block:32px 4px}
 .site-polish .conversion-panel--demo h2{font-size:29px}
 .site-polish .conversion-panel--demo .actions{flex-direction:column}
 .site-polish .conversion-panel--demo .button{width:100%}
 .site-polish .conversion-panel p{font-size:14px}
 .site-polish .privacy-section{padding:26px;border-radius:20px}.site-polish .privacy-section h2{font-size:28px}
 .site-polish .privacy-section p:not(.eyebrow){font-size:14px}
 .site-polish .cta{padding:40px 24px;margin-bottom:36px}.site-polish .cta .button{width:100%}
 .site-polish .faq summary{font-size:15px}.site-polish .faq details p{font-size:14px}
 .site-polish .article-toc{padding-inline:16px}
 [dir=rtl] .site-polish .hero h1{font-size:clamp(33px,9vw,43px)}
}
@media(prefers-reduced-motion:reduce){.site-polish .button,.site-polish .nav-get,.site-polish .feature-card,.site-polish .guide-card{transition:none}.site-polish .button:hover,.site-polish .nav-get:hover{transform:none}}
.graphite-not-found main{max-width:900px;min-height:80vh;padding-block:80px}.graphite-not-found .eyebrow{margin-top:60px}.graphite-not-found h1{font-size:clamp(36px,6vw,68px)}
/* In RTL headers the language control sits on the left: open toward the screen. */
[dir=rtl] :is(.site-polish,.graphite-demo) .language-options{inset-inline-start:0;inset-inline-end:auto}
.site-polish :is(.model-choice p,.steps p,.map-details p,.extras p,.emergency-steps p){font-size:14px;line-height:1.8}
.site-polish :is(.media-note,.disclaimer){font-size:12px;line-height:1.75;color:#b7beca}
.site-polish .privacy-section .media-note{color:#343b46}