:root{--p-bg:#f6f5f1;--p-surface:#fffefa;--p-ink:#202326;--p-muted:#5f625f;--p-accent:#74232e;--p-accent-ink:#fffefa;--p-action:#74232e;--p-action-ink:#fffefa;--p-inv-bg:#17191b;--p-inv-surface:#202326;--p-inv-ink:#f6f5f1;--p-inv-muted:#b9bcb9;--p-inv-accent:#e2b2b7;--p-inv-accent-ink:#17191b;--p-inv-action:#74232e;--p-inv-action-ink:#fffefa;--font-display:"Instrument Sans",Cairo,sans-serif;--font-text:"Instrument Sans",Cairo,sans-serif;--display-weight:500;--display-tracking:-.028em;--display-tracking-xl:-.036em;--display-stretch:96%;--ly-scale:1.04;--brand-bordeaux:#74232e;--brand-midnight:#17191b;--brand-ivory:#f6f5f1;--action:#74232e;--action-ink:#fffefa;--bg:var(--page-bg,#f6f5f1);--ground-bg:#e9e4dc;--ground-surface:#f3efe8;--ground-ink:#252524;--ground-muted:#65625c;--ground-accent:#74232e}
[data-landing-colour="#131514"]{--swatch:#131514}[data-landing-colour="#847052"]{--swatch:#847052}[data-landing-colour="#315e8d"]{--swatch:#315e8d}
.landing-page .onboarding-rows{margin-top:0}.landing-page .closing__cta{gap:0}.landing-page .landing-privacy{margin-top:24px;padding-block:16px}.landing-page .privacy-symbol{display:none}.landing-page .step-result{background:none;padding:0}.landing-page .links .btn{min-height:48px}
html[lang=ar]{--font-display:Cairo,Tahoma,sans-serif;--font-text:Cairo,Tahoma,sans-serif;--display-tracking:-.035em;--display-stretch:100%;--ly-scale:.93}
html[data-theme=dark]{--p-bg:#17191b;--p-surface:#202326;--p-ink:#f6f5f1;--p-muted:#b9bcb9;--ground-bg:#302d2b;--ground-surface:#383431;--ground-ink:#f6f5f1;--ground-muted:#c1bcb5}
.landing-page{font-family:var(--font-text);font-size:16px;line-height:1.65;background:var(--page-bg,var(--p-bg));color:var(--ink,var(--p-ink))}
html[lang=en] body.landing-page{font-family:"Instrument Sans",Cairo,sans-serif;line-height:1.55}
.landing-page :where(h1,h2,h3,p){margin-block-start:0}.landing-page :where(h1,h2,h3){font-weight:500;letter-spacing:var(--display-tracking);font-family:var(--font-display)}.landing-page a{color:inherit}.landing-page [hidden]{display:none!important}
.landing-page .wrap{width:min(calc(100% - 2 * var(--gut)),1280px);margin-inline:auto}
.landing-page .nav{height:var(--nav);background:var(--page-bg,var(--p-bg));color:var(--ink);border-bottom:1px solid var(--line,#deded7);position:fixed;inset-block-start:0;inset-inline:0;z-index:20;box-shadow:none}
html[data-theme] .landing-page .site-header-nav{height:var(--nav);min-height:0;padding-block:0;display:flex;align-items:center;gap:24px;flex-wrap:nowrap}
.landing-page .brand{display:inline-flex;align-items:center;gap:10px;font-size:24px;font-weight:500;flex-shrink:0;color:var(--ink);letter-spacing:-.04em}.landing-page .brand small{font-size:14px;font-weight:500;letter-spacing:-.02em;color:var(--muted);display:none}
.brand-mark{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:#74232e;color:#fffefa;font:600 26px/1 "Instrument Sans",sans-serif;letter-spacing:-.08em}
.landing-page .links{display:flex;gap:24px;align-items:center;margin-inline-start:auto;white-space:nowrap}.landing-page .nav__link{font-size:14px;font-weight:500}.landing-page .site-preferences{gap:8px;display:flex;flex:none}.landing-page .site-preferences button{background:transparent;border:1px solid var(--line);border-radius:8px;min-height:44px;padding:8px 12px;font:500 13px/1.5 var(--font-text);color:var(--ink)}
.landing-page .btn{font-family:var(--font-text);font-size:15px;font-weight:500;min-height:48px;border-radius:8px;padding-inline:24px;display:inline-flex;align-items:center;justify-content:center;line-height:1.5;white-space:nowrap;border:1px solid transparent;box-shadow:none}
.landing-page .btn--primary,.landing-page .signup-link{background:#74232e;color:#fffefa!important;border-color:#74232e}.landing-page .btn--secondary{background:var(--surface-raised,#eae9e3);color:var(--ink);border-color:transparent}.landing-page .links .btn{min-height:44px;padding-inline:20px}
.landing-page .skip{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.landing-page .skip:focus{width:auto;height:auto;clip-path:none;inset-inline-start:0;inset-block-start:4px;background:var(--surface);padding:12px;z-index:50}
.landing-page main{padding:0}.landing-page .hero{height:100svh;padding-block:calc(var(--nav) + 48px) 64px}.landing-page .hero>.wrap,.landing-page .hero__grid{height:100%}.landing-page .hero__grid{align-content:stretch;align-items:start}.landing-page .hero__text{padding-block-start:32px;align-self:start}.landing-page .hero h1{font-size:clamp(40px,4.45vw,64px);line-height:1.17;margin:0 0 24px;max-width:10ch;text-wrap:balance}
html[lang=ar] .landing-page .hero h1{font-size:clamp(36px,3.85vw,56px);line-height:1.4;max-width:12ch}.landing-page .landing-kicker{font-size:13px;font-weight:500;color:var(--muted);margin:0 0 16px;letter-spacing:0}.landing-page .hero__lead{font-size:19px;line-height:1.7;max-width:46ch;margin:0 0 32px;color:var(--ink)}.landing-page .btn-row{display:flex;gap:12px;flex-wrap:wrap}.landing-page .hero__proof{font-size:13px;line-height:1.7;color:var(--muted);margin:24px 0 0;max-width:38ch}
.landing-page .hero__art{height:100%;min-height:0;position:relative;background:var(--ground-bg);overflow:hidden;border:1px solid color-mix(in srgb,var(--ink) 8%,transparent);border-radius:20px;padding:48px 0 104px 32px;display:flex;align-items:center;scroll-margin-top:calc(var(--nav) + 16px)}
html[dir=rtl] .landing-page .hero__art{padding-inline:32px 0}.landing-app-frame{background:var(--surface,#fffefa);color:var(--ink);border:1px solid var(--line);border-radius:12px;overflow:hidden;width:calc(100% + 32px);flex:none;box-shadow:0 16px 48px -32px #17191b55;transform:none}
.landing-app-bar{height:48px;border-bottom:1px solid var(--line);display:flex;gap:16px;padding-inline:20px;align-items:center}.app-wordmark{font:500 17px/1 "Instrument Sans",sans-serif;letter-spacing:-.06em}.app-context{font-size:12px;color:var(--muted)}.app-user{margin-inline-start:auto;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--surface-muted);font:500 14px/1 "Instrument Sans",sans-serif}
.landing-app-body{display:grid;grid-template-columns:104px minmax(0,1fr)}.app-sidebar{padding:20px 8px;background:var(--surface-raised);border-inline-end:1px solid var(--line);display:flex;flex-direction:column;gap:8px}.app-nav-item{display:block;padding:10px 12px;font-size:12px;line-height:1.5;white-space:nowrap;color:var(--muted);border-radius:6px}.app-nav-item.is-active{background:color-mix(in srgb,#74232e 9%,var(--surface));color:var(--ink);font-weight:500}.landing-studio{min-width:0;padding:24px 0 16px}.studio-preview-heading{display:flex;justify-content:space-between;align-items:center;padding-inline:24px 48px;margin-block-end:16px;gap:12px}.landing-label{font-size:12px;font-weight:500;color:var(--muted);line-height:1.5}.landing-page .studio-preview-heading .app-car-name{font-size:21px;margin:4px 0 0;line-height:1.5;letter-spacing:-.04em;font-family:"Instrument Sans",sans-serif}.studio-preview-heading .app-car-name span{color:var(--muted);font-size:14px;font-weight:400;margin-inline-start:4px}.studio-count{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.landing-car-stage{background:#eee4da;position:relative;aspect-ratio:1.5;overflow:hidden}.landing-car-stage>img,.landing-car-stage>canvas{display:block;width:100%;height:100%;object-fit:contain}.landing-studio-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 48px 0 24px}.preview-angle-controls{display:flex;align-items:center;gap:8px;min-width:0}.preview-angle-controls>span{font-size:12px;white-space:nowrap}.preview-angle-controls button{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:7px;width:36px;height:36px;cursor:pointer;font-size:18px;flex:none}.landing-swatches{display:flex;gap:8px;flex:none}.landing-swatches button{background:var(--swatch);width:24px;height:24px;border:3px solid var(--surface);box-shadow:0 0 0 1px var(--line);border-radius:50%;cursor:pointer;padding:0;min-height:0}.landing-swatches button[aria-pressed=true]{box-shadow:0 0 0 2px var(--ink)}.landing-save-note{position:absolute;inset-inline-start:32px;bottom:32px;width:calc(100% - 64px);max-width:340px;display:flex;align-items:center;gap:12px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 32px -24px #17191b55}.saved-mark{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--surface-muted);font-size:15px;flex:none}.landing-save-note strong{display:block;font-size:13px;font-weight:500;margin:0 0 4px}.landing-save-note div>span{font-size:12px;color:var(--muted);display:block;line-height:1.6}.landing-preview-status{font-size:12px;line-height:1.6;padding-inline:24px;margin:12px 0 0;color:var(--muted)}
.landing-page main>.section{height:100svh;padding-block:120px 72px;overflow:visible}.landing-page .section-head{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;margin:0 0 48px}.landing-page .section-head h2{font-size:clamp(30px,3.35vw,48px);line-height:1.3;max-width:16ch;margin:0}.landing-page .section-head>p{font-size:18px;line-height:1.7;margin:36px 0 0;max-width:45ch;color:var(--ink)}.landing-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.landing-page .landing-feature{padding:32px;background:var(--surface);border:1px solid var(--line);border-radius:16px;min-width:0;overflow:hidden;box-shadow:none}.landing-feature-copy h3{font-size:23px;line-height:1.45;margin:12px 0}.landing-feature-copy p{font-size:16px;line-height:1.7;margin:0;max-width:44ch}.record-fragment,.care-fragment{margin-top:32px;border-radius:8px;border:1px solid var(--line);padding:24px;background:var(--surface-raised);height:270px;font-size:13px;min-width:0}.fragment-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.fragment-title strong{font-weight:500;font-size:14px}.fragment-action{font-size:20px}.fragment-tabs{display:flex;gap:20px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:16px;white-space:nowrap;color:var(--muted)}.fragment-tabs .is-active{color:var(--ink);font-weight:500}.fragment-field{display:flex;flex-direction:column;gap:8px;font-size:12px;margin-bottom:12px}.fragment-value{border:1px solid var(--line);border-radius:6px;background:var(--surface);padding:8px 12px;color:var(--muted);min-height:36px}.fragment-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.record-fragment .link{font-size:13px;display:inline-block;line-height:1.5}.care-fragment-row{display:flex;gap:12px;align-items:center;min-height:62px;border-top:1px solid var(--line)}.care-fragment-row>div{flex:1;min-width:0}.care-fragment-row strong{font-weight:500;font-size:13px;display:block}.care-fragment-row div>span{font-size:12px;color:var(--muted);display:block;margin-top:3px}.care-fragment-dot{width:8px;height:8px;border-radius:50%;border:1px solid var(--muted)}
.onboarding-rows{margin-top:48px}.onboarding-rows article{display:grid;grid-template-columns:64px minmax(0,1fr) 200px;align-items:start;gap:24px;padding:24px 0;border-bottom:1px solid var(--line)}.step-index{font-size:18px;color:var(--muted);font-family:"Instrument Sans",sans-serif;line-height:1.6}.onboarding-rows h3{font-size:24px;line-height:1.4;margin:0 0 8px}.onboarding-rows p{font-size:16px;margin:0;max-width:56ch;line-height:1.7}.step-result{font-size:13px;line-height:1.5;justify-self:end;padding:8px 12px;border-radius:6px;background:var(--surface-muted);color:var(--muted);white-space:nowrap}.landing-privacy{display:flex;align-items:center;gap:16px;margin-top:32px;padding:24px 0;max-width:850px}.landing-privacy p{font-size:14px;color:var(--muted);margin:0;line-height:1.7}.privacy-symbol{font-size:24px;color:var(--muted)}
.landing-page .closing{height:100svh;padding-block:120px 48px;margin:0;border:0;border-radius:0;background:var(--surface-raised,#eceae4);color:var(--ink)}.landing-page .closing>.wrap{height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:64px}.landing-page .closing__cta h2{font-size:clamp(36px,4.45vw,64px);line-height:1.3;margin:0 0 16px;letter-spacing:var(--display-tracking)}.landing-page .closing__cta p{font-size:18px;line-height:1.7;margin:0 0 32px;color:var(--muted)}.landing-page .closing__cta .btn--xl{width:100%;height:88px;font-size:28px;justify-content:center}.landing-footer-directory{display:grid;grid-template-columns:1fr 1fr;gap:48px}.landing-footer-head p{font-size:14px;color:var(--muted);margin:16px 0 0}.landing-footer-links{display:flex;flex-wrap:wrap;align-content:start;justify-content:end;gap:24px;font-size:14px}.landing-legal{grid-column:1/-1;display:flex;justify-content:space-between;gap:24px;padding-top:24px;border-top:1px solid var(--line);font-size:13px;line-height:1.6;color:var(--muted)}
@media(min-width:1024px) and (max-height:820px){.landing-page .hero{padding-block:calc(var(--nav) + 32px) 32px}.landing-page .hero__text{padding-block-start:0}.landing-page .hero h1{font-size:52px}.landing-page .hero__lead{font-size:17px;margin-bottom:24px}.landing-page main>.section{padding-block:96px 48px}.landing-page .section-head{margin-bottom:32px}.landing-page .landing-feature{padding:24px}.record-fragment,.care-fragment{height:235px;margin-top:24px;padding:16px}.care-fragment-row{min-height:57px}.landing-feature-copy h3{font-size:20px}.landing-feature-copy p{font-size:15px}.onboarding-rows article{padding-block:16px}.landing-page .closing{padding-block:96px 32px}}
@media(min-width:640px) and (max-width:1023px){:root{--gut:48px}.landing-page .links .nav__link{display:none}.landing-page .hero{padding-top:calc(var(--nav) + 48px);padding-bottom:48px}.landing-page .hero__grid{display:grid;grid-template-columns:1fr;gap:32px}.landing-page .hero__text,.landing-page .hero__art{grid-column:1!important;grid-row:auto!important}.landing-page .hero__text{padding-block-start:0}.landing-page .hero h1{max-width:16ch;font-size:52px;line-height:1.15;margin-bottom:16px}.landing-page .hero__lead{font-size:18px;max-width:60ch;margin-bottom:24px}.landing-page .hero__proof{margin-top:16px;max-width:none}.landing-page .hero__art{height:auto;min-height:0;align-self:stretch;padding:24px 0 24px 24px}.landing-app-frame{width:calc(100% + 24px)}.landing-save-note{display:none}.landing-studio{padding-top:16px}.landing-car-stage{max-height:300px}.landing-studio-controls{padding-block:12px 0}.landing-page main>.section{padding-block:96px 48px}.landing-page .section-head{gap:24px;grid-template-columns:1fr;margin-bottom:32px}.landing-page .section-head h2{font-size:40px;max-width:20ch}.landing-page .section-head>p{margin:0;max-width:58ch;font-size:17px}.landing-feature-grid{gap:16px}.landing-page .landing-feature{padding:24px}.landing-feature-copy h3{font-size:20px}.landing-feature-copy p{font-size:16px;min-height:110px}.record-fragment,.care-fragment{padding:16px;margin-top:24px;height:270px}.fragment-tabs{gap:12px}.onboarding-rows{margin-top:32px}.onboarding-rows article{grid-template-columns:40px minmax(0,1fr) 130px;gap:16px}.onboarding-rows p{font-size:16px}.step-result{font-size:12px;padding:8px}.landing-page .closing{padding-block:96px 48px}.landing-footer-directory{gap:32px}}
@media(max-width:639px){:root{--gut:24px;--nav:64px;--padt:96px;--padb:48px}.landing-page .nav{height:64px}html[data-theme] .landing-page .site-header-nav{height:64px;min-height:0;gap:12px;grid-template-columns:1fr auto}.landing-page .brand{font-size:23px;gap:8px}.brand-mark{width:28px;height:28px;font-size:23px}.landing-page .links{margin-inline-start:auto;gap:0}.landing-page .links .nav__link{display:none}.landing-page .links .btn{display:none}.landing-page .site-preferences{gap:6px}.landing-page .site-preferences button{min-height:36px;padding:6px 8px;font-size:12px;border-radius:7px}.landing-page .hero{height:100svh;padding-block:96px 24px}.landing-page .hero__grid{display:flex;flex-direction:column;gap:24px}.landing-page .hero__text{padding:0;flex:none}.landing-page .landing-kicker{font-size:13px;line-height:1.5;margin-bottom:12px}.landing-page .hero h1,html[lang=ar] .landing-page .hero h1{font-size:36px;line-height:1.3;max-width:14ch;margin-bottom:16px}.landing-page .hero__lead{font-size:16px;line-height:1.65;margin-bottom:20px}.landing-page .btn-row{gap:8px;display:grid;grid-template-columns:1fr 1fr}.landing-page .btn-row .btn{min-height:44px;font-size:14px;padding-inline:12px}.landing-page .hero__proof{font-size:13px;line-height:1.6;margin-top:16px;max-width:none}.landing-page .hero__art{height:auto;min-height:220px;width:100%;flex:1;padding:12px 0 12px 12px;border-radius:12px;align-self:stretch;display:flex;align-items:center}.landing-app-frame{width:calc(100% + 12px);border-radius:8px}.landing-app-bar{height:32px;padding-inline:12px;gap:12px}.app-wordmark{font-size:14px}.app-context{font-size:11px}.app-user{width:18px;height:18px;font-size:11px}.landing-app-body{grid-template-columns:1fr}.app-sidebar{display:none}.landing-studio{padding:12px 0 8px}.studio-preview-heading{padding-inline:12px 24px;margin-bottom:8px}.landing-label{font-size:11px}.landing-page .studio-preview-heading .app-car-name{font-size:18px;margin-top:0}.studio-preview-heading .app-car-name span{font-size:12px}.studio-count{font-size:10px}.landing-car-stage{height:clamp(120px,19svh,200px);aspect-ratio:auto}.landing-car-stage>img,.landing-car-stage>canvas{object-fit:cover}.landing-studio-controls{padding:10px 24px 0 12px;gap:8px}.preview-angle-controls{gap:4px}.preview-angle-controls>span{font-size:10px}.preview-angle-controls button{width:28px;height:28px;font-size:15px}.landing-swatches{gap:6px}.landing-swatches button{width:18px;height:18px;border-width:2px}.landing-save-note{display:none}.landing-preview-status{font-size:10px;padding-inline:12px;margin-top:8px}.landing-page main>.section{height:calc(var(--hm,1)*100lvh);padding-block:96px 48px}.landing-page .landing-records{--hm:2}.landing-page .section-head{display:block;margin-bottom:32px}.landing-page .section-head h2{font-size:30px;line-height:1.4;max-width:18ch;margin:0 0 16px}.landing-page .section-head>p{margin:0;font-size:16px;line-height:1.7;max-width:100%}.landing-feature-grid{grid-template-columns:1fr;gap:24px}.landing-page .landing-feature{padding:24px;border-radius:12px}.landing-feature-copy h3{font-size:21px;margin-block:8px}.landing-feature-copy p{font-size:16px;line-height:1.7;min-height:0}.record-fragment,.care-fragment{margin-top:24px;padding:16px;height:260px}.fragment-tabs{font-size:12px}.fragment-title strong{font-size:13px}.landing-page .landing-how{--hm:1}.onboarding-rows{margin-top:32px}.onboarding-rows article{grid-template-columns:28px minmax(0,1fr);gap:12px;padding-block:20px}.onboarding-rows h3{font-size:20px;line-height:1.4;margin-bottom:8px}.onboarding-rows p{font-size:16px;line-height:1.7}.step-index{font-size:14px}.step-result{display:none}.landing-privacy{margin-top:24px;padding:0;gap:12px}.landing-privacy p{font-size:13px}.privacy-symbol{font-size:20px}.landing-page .closing{height:100lvh;padding-block:96px 48px}.landing-page .closing>.wrap{gap:48px}.landing-page .closing__cta h2{font-size:36px;line-height:1.3}.landing-page .closing__cta p{font-size:16px;margin-bottom:24px}.landing-page .closing__cta .btn--xl{height:56px;min-height:56px;font-size:18px}.landing-footer-directory{grid-template-columns:1fr;gap:24px}.landing-footer-links{justify-content:start;gap:16px;font-size:13px}.landing-footer-head p{font-size:13px;margin-top:12px}.landing-legal{display:block;font-size:13px;line-height:1.8;padding-top:20px}.landing-legal>span{display:block;margin-top:8px}#platform-notice{font-size:12px;padding:8px;margin-top:12px}}
@media(prefers-reduced-motion:reduce){.landing-page html{scroll-behavior:auto}}
/* Keep the interactive Studio preview usable by touch without enlarging the swatch itself. */
.landing-page .preview-angle-controls button{width:44px;height:44px;min-width:44px;min-height:44px}.landing-page .landing-swatches{gap:0}.landing-page .landing-swatches button{position:relative;background:none;border:0;box-shadow:none;width:44px;height:44px;min-width:44px;min-height:44px;padding:0}.landing-page .landing-swatches button::before{content:"";position:absolute;inset:11px;border:2px solid var(--surface);border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1px var(--line)}.landing-page .landing-swatches button[aria-pressed=true]::before{box-shadow:0 0 0 2px var(--ink)}
@media(min-width:640px) and (max-width:1023px){.landing-page .hero__grid{grid-template-rows:auto minmax(0,1fr)}.landing-page .landing-car-stage{height:clamp(120px,20svh,240px);aspect-ratio:auto}.landing-page .landing-car-stage>img,.landing-page .landing-car-stage>canvas{object-fit:contain}}
@media(max-width:639px){.landing-page .preview-angle-controls>span{width:52px;white-space:normal;text-align:center;line-height:1.3;font-size:11px}.landing-page .preview-angle-controls{gap:2px}.landing-page .landing-studio-controls{padding-inline:8px 20px;gap:4px}.landing-page .landing-swatches button::before{inset:13px}.landing-page .landing-car-stage>img,.landing-page .landing-car-stage>canvas{object-fit:contain}.landing-page .studio-count{font-size:11px}}
/* Product fragments are vertical UI, rather than the kit's default centred media frame. */
.landing-page .record-fragment,.landing-page .care-fragment{display:block;align-items:initial;justify-content:initial;height:296px}.landing-page .record-fragment::before,.landing-page .care-fragment::before{display:none}.landing-page .record-fragment>.fragment-title,.landing-page .care-fragment>.fragment-title{display:flex}.landing-page .fragment-tabs{display:flex}.landing-page .fragment-fields{display:grid}.landing-page .fragment-field{display:flex}.landing-page .care-fragment-row{display:flex}
/* Keep the complete vehicle and all live controls inside the app window. */
.landing-page .hero__art,html[dir=rtl] .landing-page .hero__art{padding:32px 32px 112px}.landing-page .landing-app-frame{width:100%;max-width:100%;flex:0 0 100%}.landing-page .studio-preview-heading{padding-inline:20px}.landing-page .landing-studio-controls{padding-inline:16px;gap:8px}.landing-page .preview-angle-controls>span{max-width:76px;white-space:normal;text-align:center;line-height:1.4}.landing-page .preview-angle-controls{gap:4px}
@media(min-width:640px) and (max-width:1023px){.landing-page .hero__art,html[dir=rtl] .landing-page .hero__art{padding:24px}.landing-page .landing-studio-controls{padding-inline:20px}}
@media(max-width:639px){.landing-page .hero__art,html[dir=rtl] .landing-page .hero__art{padding:12px}.landing-page .studio-preview-heading{padding-inline:12px}.landing-page .landing-studio-controls{padding-inline:4px;gap:0}.landing-page .preview-angle-controls>span{width:42px;max-width:42px;font-size:11px}.landing-page .landing-swatches button{width:40px;min-width:40px}.landing-page .landing-swatches button::before{inset:13px 11px}.landing-page .landing-records{--hm:1}.landing-page .landing-records .section-head{margin-bottom:24px}.landing-page .landing-records .section-head h2{font-size:28px;line-height:1.35;margin-bottom:12px;max-width:100%}.landing-page .landing-records .section-head>p{font-size:16px;line-height:1.6}.landing-page .landing-feature-grid{gap:16px}.landing-page .landing-feature{padding:16px}.landing-page .landing-feature-copy>.landing-label,.landing-page .landing-feature-copy>p{display:none}.landing-page .landing-feature-copy h3{font-size:19px;line-height:1.4;margin:0}.landing-page .record-fragment,.landing-page .care-fragment{height:136px;min-height:136px;margin-top:12px;padding:12px;border-radius:8px}.landing-page .record-fragment>.fragment-title,.landing-page .care-fragment>.fragment-title,.landing-page .record-fragment>.fragment-field{display:none}.landing-page .fragment-tabs{padding-bottom:8px;margin-bottom:8px;font-size:12px;line-height:1.3;gap:16px}.landing-page .fragment-fields{gap:12px}.landing-page .fragment-field{font-size:11px;gap:4px;margin-bottom:4px;line-height:1.3}.landing-page .fragment-value{min-height:28px;padding:6px 8px;font-size:12px;line-height:1.3}.landing-page .record-fragment>.link{font-size:12px;line-height:1.5;margin-top:3px}.landing-page .care-fragment-row{min-height:36px;height:36px;gap:8px;border-top:1px solid var(--line)}.landing-page .care-fragment-row:first-of-type{border-top:0}.landing-page .care-fragment-row strong{font-size:12px;line-height:1.3}.landing-page .care-fragment-row div>span{font-size:11px;line-height:1.2;margin-top:2px}.landing-page .care-fragment-dot{width:6px;height:6px}}
.landing-page .hero h1,html[lang=ar] .landing-page .hero h1{max-width:100%}.landing-page .record-fragment{padding:20px;height:270px}.landing-page .care-fragment{padding:20px;height:270px}.landing-page .fragment-title{margin-bottom:12px}.landing-page .fragment-tabs{padding-bottom:8px;margin-bottom:12px}.landing-page .fragment-field{margin-bottom:8px}.landing-page .landing-swatches button{width:44px;min-width:44px}
@media(max-width:639px){.landing-page .hero h1,html[lang=ar] .landing-page .hero h1{max-width:100%}.landing-page .record-fragment,.landing-page .care-fragment{padding:12px;height:136px}.landing-page .fragment-tabs{margin-bottom:8px}.landing-page .fragment-field{margin-bottom:4px}}
/* Final screen rhythm and semantic product controls. */
.landing-page .onboarding-rows{margin-top:0}.landing-page .closing__cta{gap:0}.landing-page .landing-privacy{margin-top:24px;padding-block:16px}.landing-page .step-result{padding:0;border-radius:0;background:none}.landing-page .privacy-symbol{display:none}.landing-page .app-car-name{display:block;font-weight:500}.landing-page .hero .btn--secondary{background:transparent;border:1px solid var(--line-strong);color:var(--ink)}.landing-page .site-header-nav .links>a.btn{height:48px;min-height:48px;padding-block:0}
@media(max-width:1023px){.landing-page .closing>.wrap{gap:32px}.landing-page .landing-footer-directory{gap:24px}.landing-page .landing-legal{padding-top:16px}}
@media(max-width:639px){.landing-page .hero__grid{gap:16px}.landing-page .hero__proof{margin-top:12px}.landing-page .hero__lead{margin-bottom:16px}.landing-page .hero__art{min-height:328px;flex:1 0 328px;align-items:center}.landing-page .landing-app-frame{flex-shrink:0}.landing-page .landing-car-stage{height:clamp(112px,17svh,160px)}.landing-page .landing-how .section-head{margin-bottom:24px}.landing-page .onboarding-rows article{padding-block:16px}.landing-page .landing-privacy{margin-top:16px;padding-block:12px}.landing-page .closing>.wrap{gap:24px}}
@media(max-width:639px) and (max-height:780px){.landing-page .hero h1,html[lang=ar] .landing-page .hero h1{font-size:32px}.landing-page .hero__proof{display:none}}
@media(min-width:1024px){html[lang=en] .landing-page .hero h1{font-size:56px}.landing-page .section-head{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.landing-page .section-head>p{margin-top:0}}@media(min-width:640px){.landing-page .section-head h2,.landing-page .closing__cta h2{font-size:40px}}@media(min-width:640px) and (max-width:1023px){.landing-page .landing-feature-grid{gap:24px}}@media(max-width:639px){.landing-page .closing__cta h2{font-size:30px}}
.landing-page .section-head{width:100%;max-width:none;margin-inline:0}