/* Rilt AI theme: black and white. Type: Bricolage Grotesque (headings), Geist (text), Geist Mono (labels), Instrument Serif italic (accent words). */
@font-face{font-family:"Bricolage Grotesque";font-weight:200 800;font-display:swap;src:url(../fonts/bricolage-grotesque.woff2) format("woff2")}
@font-face{font-family:Geist;font-weight:100 900;font-display:swap;src:url(../fonts/geist.woff2) format("woff2")}
@font-face{font-family:"Geist Mono";font-weight:100 900;font-display:swap;src:url(../fonts/geist-mono.woff2) format("woff2")}
@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/instrument-serif-italic.woff2) format("woff2")}

:root{
  --rl-font-head:"Bricolage Grotesque","Geist",system-ui,sans-serif;
  --rl-font-body:Geist,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --rl-font-mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --rl-font-accent:"Instrument Serif","Bricolage Grotesque",serif;
  /* colour roles. Dark is the default; [data-sds-mode=light] swaps every role. */
  --rl-bg:#0a0a0a;--rl-bg1:#111;--rl-bg2:#171717;--rl-bg3:#1f1f1f;
  --rl-s1:#101010;--rl-s2:#171717;--rl-s3:#2b2b2b;           /* surface ramp: base, raised, highlight */
  --rl-fg:#fff;--rl-fg2:rgba(255,255,255,.68);--rl-fg3:rgba(255,255,255,.44);
  --rl-rgb:255,255,255;--rl-on-rgb:10,10,10;                 /* ink and its opposite as rgb triplets */
  --rl-line:rgba(255,255,255,.1);--rl-line2:rgba(255,255,255,.2);
  --rl-inv:#fff;--rl-inv-hi:#e6e6e6;--rl-on-inv:#0a0a0a;     /* inverted blocks: primary buttons, closing call to action */
  --rl-ok:#fff;--rl-accent:#fff;--rl-accent-hi:#fff;--rl-cobalt:#fff;--rl-lilac:rgba(255,255,255,.62);
  color-scheme:dark
}
html[data-sds-mode=light]{
  --rl-bg:#fafafa;--rl-bg1:#f3f3f3;--rl-bg2:#ececec;--rl-bg3:#e4e4e4;
  --rl-s1:#ebebeb;--rl-s2:#f3f3f3;--rl-s3:#fff;
  --rl-fg:#0a0a0a;--rl-fg2:rgba(10,10,10,.7);--rl-fg3:rgba(10,10,10,.56);
  --rl-rgb:10,10,10;--rl-on-rgb:255,255,255;
  --rl-line:rgba(10,10,10,.12);--rl-line2:rgba(10,10,10,.24);
  --rl-inv:#0a0a0a;--rl-inv-hi:#2b2b2b;--rl-on-inv:#fff;
  --rl-ok:#0a0a0a;--rl-accent:#0a0a0a;--rl-accent-hi:#0a0a0a;--rl-cobalt:#0a0a0a;--rl-lilac:rgba(10,10,10,.62);
  color-scheme:light
}
/* design-system tokens: primary actions are the inverse of the page in both modes */
:root,[data-sds-mode=dark],html[data-sds-mode=dark] [data-sds-mode=light]{
  --sds-color-background-brand-bold:#fff;--sds-color-background-brand-selected-bold:#fff;
  --sds-color-text-brand-on-bold:#0a0a0a;--sds-color-icon-brand-on-bold:#0a0a0a;
  --sds-color-border-brand-contrast:#fff;--sds-color-border-brand-selected-bold:#fff;
  --sds-color-state-layer-brand-on-bold-hovered:rgba(0,0,0,.1);--sds-color-state-layer-brand-on-bold-pressed:rgba(0,0,0,.18);
  --sds-color-text-brand-on-contrast-variant:rgba(255,255,255,.7)
}
html[data-sds-mode=light],html[data-sds-mode=light] [data-sds-mode]{
  --sds-color-background-brand-bold:#0a0a0a;--sds-color-background-brand-selected-bold:#0a0a0a;
  --sds-color-text-brand-on-bold:#fff;--sds-color-icon-brand-on-bold:#fff;
  --sds-color-border-brand-contrast:#0a0a0a;--sds-color-border-brand-selected-bold:#0a0a0a;
  --sds-color-state-layer-brand-on-bold-hovered:rgba(255,255,255,.16);--sds-color-state-layer-brand-on-bold-pressed:rgba(255,255,255,.26);
  --sds-color-text-brand-on-contrast-variant:rgba(10,10,10,.7)
}
.sds-mode--dark,[data-sds-mode=dark],html[data-sds-mode=dark] [data-sds-mode=light]{--sds-color-surface-base:#0a0a0a;--sds-color-surface-raised:#171717;--sds-color-surface-overlay:#171717}
html[data-sds-mode=light],html[data-sds-mode=light] [data-sds-mode]{--sds-color-surface-base:#fafafa;--sds-color-surface-raised:#fff;--sds-color-surface-overlay:#fff}
html,body{background:var(--rl-bg);color:var(--rl-fg)}
body,button,input,textarea,select{font-family:var(--rl-font-body);font-feature-settings:"ss01","cv11"}
::selection{background:var(--rl-inv);color:var(--rl-on-inv)}
:focus-visible{outline:2px solid var(--rl-fg);outline-offset:3px}
@media(prefers-reduced-motion:no-preference){body{transition:background-color .3s,color .3s}}

/* headings */
h1,h2,h3,h4,
.homepage-ui-scope .hp-hero-section__title,.homepage-ui-scope .hp-section__title,.homepage-ui-scope .hp-benefit-section__title,
.homepage-ui-scope .hp-product-info__title,.homepage-ui-scope .hp-security-section__title,.homepage-ui-scope .faq-section__title,
.homepage-ui-scope .hp-media-player-controls-item__text,.homepage-ui-scope .hp-key-features-list-item__title,
.homepage-ui-scope .hp-ai-website-builder-card__title,.lf-promo-section__title,.rl-card h3,.rl-together h2,.rl-cta h2,.rl-badge b,
.gb-accordion__title,.lf-menu-item-link__text,.lf-menu-category-title__text,.lf-footer__info-item-title{font-family:var(--rl-font-head);font-optical-sizing:auto}
.hp-hero-section__title em,.hp-section__title em,.hp-benefit-section__title em,.rl-cta h2 em,.rl-together h2 em,.faq-section__title em{font-family:var(--rl-font-accent);font-style:italic;font-weight:400;letter-spacing:-.01em}
.hp-product-info__tag,.rl-eyebrow,.hp-ai-website-builder-card__eyebrow,.rl-providers p,.rl-card small,.lf-menu-group-divider__text{font-family:var(--rl-font-mono);font-weight:500}

.hp-security-section__content-holder{background:radial-gradient(70% 90% at 80% 20%,var(--rl-s3) 0%,var(--rl-s2) 55%,var(--rl-bg) 100%)!important}

/* light mode has no dark surfaces, so the design system's "inverted" (light-on-dark) tokens become dark ink */
html[data-sds-mode=light],html[data-sds-mode=light] [data-sds-mode]{--sds-color-text-inverted-primary:#0a0a0a;--sds-color-text-inverted-secondary:rgba(10, 10, 10, 0.66);--sds-color-text-inverted-selected-primary:#0a0a0a;--sds-color-text-inverted-selected-on-minimal:#0a0a0a;--sds-color-text-inverted-selected-on-subtle:#0a0a0a;--sds-color-text-inverted-selected-on-moderate:#0a0a0a;--sds-color-text-inverted-on-minimal:#0a0a0a;--sds-color-text-inverted-on-subtle:#0a0a0a;--sds-color-text-inverted-on-moderate:#0a0a0a;--sds-color-text-inverted-on-minimal-variant:rgba(10, 10, 10, 0.66);--sds-color-text-inverted-on-subtle-variant:rgba(10, 10, 10, 0.66);--sds-color-icon-inverted-primary:#0a0a0a;--sds-color-icon-inverted-secondary:rgba(10, 10, 10, 0.66);--sds-color-icon-inverted-selected-primary:#0a0a0a;--sds-color-icon-inverted-selected-on-minimal:#0a0a0a;--sds-color-icon-inverted-selected-on-subtle:#0a0a0a;--sds-color-icon-inverted-selected-on-moderate:#0a0a0a;--sds-color-icon-inverted-on-minimal:#0a0a0a;--sds-color-icon-inverted-on-subtle:#0a0a0a;--sds-color-icon-inverted-on-moderate:#0a0a0a;--sds-color-icon-inverted-on-minimal-variant:rgba(10, 10, 10, 0.66);--sds-color-icon-inverted-on-subtle-variant:rgba(10, 10, 10, 0.66);--sds-color-background-inverted-selected-base:rgba(10, 10, 10, 0.1);--sds-color-background-inverted-selected-minimal:rgba(10, 10, 10, 0.2);--sds-color-background-inverted-selected-subtle:rgba(10, 10, 10, 0.29);--sds-color-background-inverted-selected-moderate:rgba(10, 10, 10, 0.4);--sds-color-background-inverted-selected-contrast:#0a0a0a;--sds-color-background-inverted-minimal:rgba(10, 10, 10, 0.06);--sds-color-background-inverted-subtle:rgba(10, 10, 10, 0.12);--sds-color-background-inverted-moderate:rgba(10, 10, 10, 0.21);--sds-color-background-inverted-contrast:#0a0a0a;--sds-color-border-inverted-selected-subtle:rgba(10, 10, 10, 0.21);--sds-color-border-inverted-selected-bold:rgba(10, 10, 10, 0.57);--sds-color-border-inverted-selected-contrast:#0a0a0a;--sds-color-border-inverted-minimal:rgba(10, 10, 10, 0.21);--sds-color-border-inverted-minimal-hovered:rgba(10, 10, 10, 0.32);--sds-color-border-inverted-minimal-pressed:rgba(10, 10, 10, 0.44);--sds-color-border-inverted-subtle:rgba(10, 10, 10, 0.32);--sds-color-border-inverted-subtle-hovered:rgba(10, 10, 10, 0.44);--sds-color-border-inverted-subtle-pressed:rgba(10, 10, 10, 0.57);--sds-color-border-inverted-moderate:rgba(10, 10, 10, 0.57);--sds-color-border-inverted-moderate-hovered:rgba(10, 10, 10, 0.66);--sds-color-border-inverted-moderate-pressed:rgba(10, 10, 10, 0.75);--sds-color-border-inverted-bold:rgba(10, 10, 10, 0.75);--sds-color-border-inverted-focused:#0a0a0a;--sds-color-border-inverted-contrast:#0a0a0a;--sds-color-border-inverted-inner-focused:#0a0a0a;--sds-color-border-inverted-outer-focused:rgba(10, 10, 10, 0.12);--sds-color-state-layer-inverted-primary-hovered:rgba(10, 10, 10, 0.12);--sds-color-state-layer-inverted-primary-focused:rgba(10, 10, 10, 0.12);--sds-color-state-layer-inverted-primary-pressed:rgba(10, 10, 10, 0.16);--sds-color-state-layer-inverted-secondary-hovered:rgba(10, 10, 10, 0.12);--sds-color-state-layer-inverted-secondary-focused:rgba(10, 10, 10, 0.12);--sds-color-state-layer-inverted-secondary-pressed:rgba(10, 10, 10, 0.16);--sds-color-state-layer-inverted-selected-primary-hovered:rgba(10, 10, 10, 0.12);--sds-color-state-layer-inverted-selected-primary-focused:rgba(10, 10, 10, 0.12);--sds-color-state-layer-inverted-selected-primary-pressed:rgba(10, 10, 10, 0.16);--sds-color-state-layer-inverted-selected-on-minimal-hovered:rgba(10, 10, 10, 0.12);--sds-color-state-layer-inverted-selected-on-minimal-focused:rgba(10, 10, 10, 0.12);--sds-color-state-layer-inverted-selected-on-minimal-pressed:rgba(10, 10, 10, 0.16);--sds-color-state-layer-inverted-selected-on-subtle-hovered:rgba(10, 10, 10, 0.12);--sds-color-state-layer-inverted-selected-on-subtle-focused:rgba(10, 10, 10, 0.12);--sds-color-state-layer-inverted-selected-on-subtle-pressed:rgba(10, 10, 10, 0.16);--sds-color-state-layer-inverted-selected-on-moderate-hovered:rgba(10, 10, 10, 0.12);--sds-color-state-layer-inverted-selected-on-moderate-focused:rgba(10, 10, 10, 0.12);--sds-color-state-layer-inverted-selected-on-moderate-pressed:rgba(10, 10, 10, 0.16);--sds-color-state-layer-inverted-on-minimal-hovered:rgba(10, 10, 10, 0.12);--sds-color-state-layer-inverted-on-minimal-focused:rgba(10, 10, 10, 0.12);--sds-color-state-layer-inverted-on-minimal-pressed:rgba(10, 10, 10, 0.16);--sds-color-state-layer-inverted-on-subtle-hovered:rgba(10, 10, 10, 0.12);--sds-color-state-layer-inverted-on-subtle-focused:rgba(10, 10, 10, 0.12);--sds-color-state-layer-inverted-on-subtle-pressed:rgba(10, 10, 10, 0.16);--sds-color-state-layer-inverted-on-moderate-hovered:rgba(10, 10, 10, 0.12);--sds-color-state-layer-inverted-on-moderate-focused:rgba(10, 10, 10, 0.12);--sds-color-state-layer-inverted-on-moderate-pressed:rgba(10, 10, 10, 0.16)}
