/* Rilt AI sections: layout system, real app screens and icons.
   Spacing scale used throughout: 8 / 12 / 16 / 24 / 32 / 48 / 64 / 96. Radii: 14 (chips, icons), 18-20 (screens), 28 (cards), 32 (panels). */

:root{--rl-gap:clamp(16px,2vw,24px);--rl-section:clamp(64px,9vw,120px)}
.homepage-ui-scope{isolation:isolate}

/* ---------- brand, icons ---------- */
.rl-logo{display:block;height:28px;width:116px;max-width:none}
.layout-fragments-scope .lf-logo,.layout-fragments-scope .lf-mega-menu-logo{display:flex;align-items:center}
.rl-svg{width:1.25em;height:1.25em;display:block;flex:none}
.rl-eyebrow{display:block;margin-bottom:16px;font-size:.75rem;line-height:1;letter-spacing:.14em;font-weight:500;color:var(--rl-fg2);text-transform:uppercase}
.rl-tile{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(var(--rl-rgb),.1);color:var(--rl-fg);flex:none}
.rl-tile .rl-svg,.rl-tile svg{width:22px;height:22px}
.rl-tile--lg{width:64px;height:64px;border-radius:18px}
.rl-tile--lg svg{width:30px;height:30px}

/* menu */
.rl-mi{display:grid;place-items:center;width:36px;height:36px;margin-right:12px;border-radius:10px;background:rgba(var(--rl-rgb),.08);color:var(--rl-fg);flex:none}
.rl-mi .rl-svg{width:20px;height:20px}
.layout-fragments-scope .lf-menu-item-link{display:flex;align-items:center}
.layout-fragments-scope .lf-menu-item-link__content{min-width:0}
.lf-menu-category-title__icon.rl-ci{display:inline-grid;place-items:center;width:24px;height:24px;flex:none}
.rl-ci .rl-svg{width:20px;height:20px}

/* ---------- section typography (one scale for every section) ---------- */
.homepage-ui-scope .hp-section__title{font-size:clamp(2.25rem,4.4vw,4rem);line-height:1.06;letter-spacing:-.03em;font-weight:600}
.homepage-ui-scope .hp-section__subtitle{font-size:clamp(1.0625rem,1.5vw,1.375rem);line-height:1.55;font-weight:400;letter-spacing:0}
.homepage-ui-scope .hp-section__heading{margin-bottom:clamp(40px,6vw,72px)}
.homepage-ui-scope .hp-section__heading .hp-section__subtitle-holder{padding-top:12px}
@media(min-width:980px){.homepage-ui-scope .hp-section__heading .hp-section__subtitle-holder{padding-left:8%;padding-top:10px}}

/* ---------- hero ---------- */
.homepage-ui-scope .hp-hero-section__content{height:auto;min-height:100vh;overflow:visible;grid-template-rows:minmax(112px,15vh) auto;grid-template-areas:"." "content"}
@media(min-width:768px){.homepage-ui-scope .hp-hero-section__content{grid-template-rows:minmax(112px,15vh) auto;grid-template-areas:"." "content"}}
@media(min-width:980px){.homepage-ui-scope .hp-hero-section__content{grid-template-columns:min(100%,880px)}}
.homepage-ui-scope .hp-hero-section__container{padding-bottom:48px}
.homepage-ui-scope .hp-hero-section__title{font-size:clamp(2.5rem,6.2vw,4.75rem);line-height:1.02;letter-spacing:-.04em;margin-bottom:20px}
.rl-lead{max-width:640px;margin:0 auto 28px;color:var(--rl-fg2);font-size:clamp(1rem,1.5vw,1.125rem);line-height:1.6;text-align:center}
.sp-form-mode-selection-holder{margin-bottom:16px}
.homepage-ui-scope .sp-form-mode-selection{margin-bottom:0}
.homepage-ui-scope .hp-promo-tld-list{margin-top:16px;width:100%;margin-left:0}
.homepage-ui-scope .hp-promo-tld-list__scroll-container{display:block;max-width:none;min-width:0;overflow:visible}
.homepage-ui-scope .hp-promo-tld-list__content-container{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;overflow:visible;white-space:normal;max-width:none;min-width:0}
.homepage-ui-scope .hp-promo-tld-link{margin:0!important}
.rl-chip-ico{display:inline-grid;margin-right:8px}
.rl-chip-ico .rl-svg{width:16px;height:16px}
.homepage-ui-scope .hp-ai-website-builder-card-wrapper{margin-top:24px}
.rl-hero-art{position:absolute;inset:0;overflow:hidden;background:var(--rl-bg)}
.rl-hero-art .hp-hero-section-background__foreground{position:absolute;inset:0}
.rl-orb{position:absolute;border-radius:50%;filter:blur(90px);transition:background .9s ease,opacity .9s ease}
.rl-orb--bg{inset:0;border-radius:0;filter:none;background:radial-gradient(60% 50% at 50% 28%,rgba(var(--rl-rgb),.13),transparent 70%),radial-gradient(40% 40% at 92% 82%,rgba(var(--rl-rgb),.06),transparent 70%)}
.rl-orb--a{width:46vw;height:46vw;left:-12vw;top:-10vw;background:var(--rl-fg);opacity:.06}
.rl-orb--b{width:40vw;height:40vw;right:-10vw;bottom:-8vw;background:var(--rl-fg);opacity:.05}
.rl-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(var(--rl-rgb),.045) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--rl-rgb),.045) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000,transparent);mask-image:radial-gradient(70% 60% at 50% 40%,#000,transparent)}
.rl-mode-open .rl-orb--a{left:auto;right:-12vw;opacity:.07}
.rl-mode-open .rl-orb--b{right:auto;left:-10vw;opacity:.06}
.rl-mode-open .rl-orb--bg{background:radial-gradient(60% 50% at 50% 46%,rgba(var(--rl-rgb),.12),transparent 70%),radial-gradient(40% 40% at 8% 82%,rgba(var(--rl-rgb),.06),transparent 70%)}
.sp-form-mode-selection .gb-toggle.gb-toggle--inverted{color:var(--rl-lilac)}
.search-textfield__label{transition:opacity .15s}
.homepage-ui-scope .hp-ai-website-builder-card .gb-card__image{display:grid!important;place-items:center!important;background:radial-gradient(90% 90% at 30% 20%,var(--rl-s3),var(--rl-s1))!important}
.hp-ai-website-builder-card .rl-tile{background:rgba(var(--rl-rgb),.1);border:1px solid rgba(var(--rl-rgb),.16)}
.rl-result{margin:16px auto 0;max-width:640px;text-align:left;padding:20px 24px;border-radius:20px;background:rgba(var(--rl-rgb),.08);border:1px solid var(--rl-line);backdrop-filter:blur(10px)}
.rl-result h3{display:flex;align-items:center;gap:12px;margin:0 0 8px;font-size:1.25rem}
.rl-result p{margin:0 0 16px;color:var(--rl-fg2)}
.rl-result .row{display:flex;gap:12px;flex-wrap:wrap}
.rl-apps{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:16px}
.rl-app{display:flex;align-items:center;gap:12px;padding:12px 20px 12px 12px;border-radius:16px;background:rgba(var(--rl-rgb),.08);border:1px solid var(--rl-line);color:var(--rl-fg);text-decoration:none}
.rl-app:hover{border-color:var(--rl-accent-hi);text-decoration:none}
.rl-app small{display:block;color:var(--rl-fg3)}

/* ---------- benefit slides: headline above, real screen below ---------- */
.rl-slide{background-size:cover;background-position:center}
.rl-slide--a{background:radial-gradient(90% 70% at 20% 100%,var(--rl-s3) 0%,var(--rl-s1) 55%,var(--rl-bg) 100%)}
.rl-slide--b{background:radial-gradient(90% 70% at 80% 100%,var(--rl-s3) 0%,var(--rl-s1) 55%,var(--rl-bg) 100%)}
.rl-slide--c{background:radial-gradient(90% 70% at 50% 110%,var(--rl-s3) 0%,var(--rl-s1) 55%,var(--rl-bg) 100%)}
.homepage-ui-scope .hp-benefit-section{justify-content:flex-start;padding-top:clamp(120px,18vh,176px)}
.homepage-ui-scope .hp-benefit-section__content{width:100%}
.homepage-ui-scope .hp-benefit-section__title{font-size:clamp(2.25rem,5vw,4.25rem);line-height:1.04;letter-spacing:-.035em;margin-bottom:16px}
.homepage-ui-scope .hp-benefit-section__description{font-size:clamp(1.0625rem,1.6vw,1.5rem);line-height:1.5;font-weight:400;max-width:720px;margin-inline:auto}
.rl-slide-shot{position:absolute;left:50%;bottom:0;z-index:2;display:block;width:auto;height:auto;max-width:min(1040px,88vw);max-height:44vh;transform:translateX(-50%);border-radius:20px 20px 0 0;box-shadow:0 -24px 80px rgba(0,0,0,.45),0 0 0 1px rgba(var(--rl-rgb),.12)}

/* ---------- product cards ---------- */
.homepage-ui-scope .hp-product-section__content{row-gap:var(--rl-gap);column-gap:var(--rl-gap)}
.homepage-ui-scope .hp-product-section__content .hp-product-info{margin-bottom:0}
.homepage-ui-scope .hp-product-info__content{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.homepage-ui-scope .hp-product-info__tag{font-size:.75rem;letter-spacing:.14em;color:var(--rl-fg2);margin-bottom:16px}
.homepage-ui-scope .hp-product-info__title{font-size:clamp(2rem,3.4vw,3rem);line-height:1.05;letter-spacing:-.03em;margin-bottom:16px}
.homepage-ui-scope .hp-product-info__description{font-size:clamp(1rem,1.3vw,1.125rem);line-height:1.6;margin-bottom:32px}
.homepage-ui-scope .hp-product-section__content .hp-product-info:nth-child(3n-2) .hp-product-info__content{padding:clamp(32px,5vw,72px)}
.homepage-ui-scope .hp-product-info__action{opacity:1;transform:none}
.rl-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}
.rl-open{display:inline-block;font-weight:600;color:var(--rl-fg);text-decoration:underline;text-decoration-color:rgba(var(--rl-rgb),.3);text-underline-offset:5px;transition:text-decoration-color .2s}
.rl-open:hover{text-decoration-color:var(--rl-fg)}
.homepage-ui-scope .hp-product-info__image-holder{overflow:hidden}
.homepage-ui-scope .hp-product-info__image-holder picture{position:absolute;inset:0;display:grid;grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;padding:clamp(20px,5%,48px)}
.homepage-ui-scope .hp-product-info:nth-child(1) .hp-product-info__image-holder{background:radial-gradient(90% 90% at 38% 10%,var(--rl-s3),var(--rl-s1))}
.homepage-ui-scope .hp-product-info:nth-child(2) .hp-product-info__image-holder{background:radial-gradient(90% 90% at 56% 10%,var(--rl-s3),var(--rl-s1))}
.homepage-ui-scope .hp-product-info:nth-child(3) .hp-product-info__image-holder{background:radial-gradient(90% 90% at 74% 10%,var(--rl-s3),var(--rl-s1))}
.homepage-ui-scope .hp-product-info:nth-child(4) .hp-product-info__image-holder{background:radial-gradient(90% 90% at 92% 10%,var(--rl-s3),var(--rl-s1))}
.homepage-ui-scope .hp-product-info__image.rl-screen{position:static;width:auto;height:auto;max-width:100%;max-height:100%;min-height:0;object-fit:contain;border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.4),0 0 0 1px rgba(var(--rl-rgb),.14)}
.homepage-ui-scope .hp-product-info__inner:hover .hp-product-info__image{transform:none}

/* ---------- how it starts ---------- */
.homepage-ui-scope .hp-unboxing-section__heading{margin-bottom:clamp(40px,6vw,72px)}
.rl-stage{position:absolute;inset:0;border-radius:32px;background:radial-gradient(90% 90% at 20% 0%,var(--rl-s3),var(--rl-s1));border:1px solid var(--rl-line);overflow:hidden}
.rl-panel{position:absolute;inset:0;margin:0;padding:8%;display:grid;place-items:center;opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease;pointer-events:none}
.rl-stage[data-step="0"] .rl-panel--0,.rl-stage[data-step="1"] .rl-panel--1,.rl-stage[data-step="2"] .rl-panel--2{opacity:1;transform:none}
.rl-panel img{width:auto;height:auto;max-width:100%;max-height:100%;border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.4),0 0 0 1px rgba(var(--rl-rgb),.14)}
.homepage-ui-scope .hp-media-player-controls-item__text{font-size:clamp(1.5rem,2.2vw,2rem);line-height:1.2}
.homepage-ui-scope .hp-media-player-controls-item__description{font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.55}

/* ---------- Rilties ---------- */
.homepage-ui-scope .hp-alf-section .hp-section__heading{margin-bottom:clamp(32px,5vw,56px)}
.rl-chat{position:absolute;inset:0;display:grid;place-items:center;padding:clamp(24px,6%,72px);background:radial-gradient(90% 90% at 20% 0%,var(--rl-s3),var(--rl-s1))}
.rl-chat img{width:100%;height:auto;max-height:100%;object-fit:contain;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.4),0 0 0 1px rgba(var(--rl-rgb),.14)}

/* ---------- on the record ---------- */
.homepage-ui-scope .hp-global-search-section__content{display:flex;flex-direction:column;gap:16px}
.homepage-ui-scope .hp-global-search-section .hp-section__title,.homepage-ui-scope .hp-global-search-section .hp-section__subtitle{margin:0}
.rl-record{box-sizing:border-box;position:static;display:flex;flex-direction:column;justify-content:center;gap:16px;width:100%;aspect-ratio:1/1;padding:clamp(16px,3vw,28px);border-radius:28px;background:radial-gradient(90% 90% at 20% 0%,var(--rl-s3),var(--rl-s1));border:1px solid var(--rl-line)}
.rl-record img{width:80%;height:auto;margin-inline:auto;border-radius:16px;box-shadow:0 14px 40px rgba(0,0,0,.35),0 0 0 1px rgba(var(--rl-rgb),.14)}

/* ---------- security ---------- */
.homepage-ui-scope .hp-security-section__title{font-size:clamp(2.25rem,4.6vw,4rem);line-height:1.05;letter-spacing:-.03em}
.homepage-ui-scope .hp-security-section__subtitle{font-size:clamp(1.0625rem,1.5vw,1.375rem);line-height:1.55}
@media(min-width:980px){.homepage-ui-scope .hp-security-section__row>.gb-col{max-width:640px;flex-basis:640px}}
.rl-secart{position:absolute!important;right:6vw;left:auto!important;top:auto;bottom:clamp(72px,12vh,120px);width:min(540px,42vw)!important;height:auto!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.rl-badge{padding:24px;border-radius:24px;background:rgba(var(--rl-on-rgb),.28);border:1px solid rgba(var(--rl-rgb),.22);backdrop-filter:blur(12px);color:var(--rl-fg)}
.rl-bi{width:24px;height:24px;margin-bottom:16px;color:var(--rl-fg);display:block}
.rl-badge b{display:block;font-size:1.125rem;line-height:1.2;margin-bottom:8px}
.rl-badge span{display:block;color:rgba(var(--rl-rgb),.78);font-size:.9375rem;line-height:1.5}
@media(max-width:979px){.rl-secart{display:none!important}}

/* ---------- why rilt ---------- */
.homepage-ui-scope .hp-key-features-section .hp-key-features-list{row-gap:clamp(40px,5vw,64px)}
.homepage-ui-scope .hp-key-features-section .hp-key-features-list-item{text-align:left}
.rl-ico{display:grid;place-items:center;width:56px;height:56px;margin-bottom:24px;border-radius:16px;background:linear-gradient(145deg,rgba(var(--rl-rgb),.12),rgba(var(--rl-rgb),.03));border:1px solid rgba(var(--rl-rgb),.14);color:var(--rl-fg)}
.rl-ico svg{width:28px;height:28px}
.rl-ico--sm{width:44px;height:44px;margin:0;border-radius:14px}
.rl-ico--sm svg{width:22px;height:22px}
.homepage-ui-scope .hp-key-features-list-item__title{margin-bottom:12px;font-size:1.375rem;line-height:1.25}
.rl-providers{margin-top:clamp(56px,7vw,96px);text-align:center}
.rl-providers p{margin:0 0 24px;font-size:.75rem;letter-spacing:.12em;color:var(--rl-fg3)}
.rl-providers ul{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;list-style:none;margin:0;padding:0}
.rl-providers li{display:flex;align-items:center;gap:10px;padding:6px 18px 6px 6px;border:1px solid rgba(var(--rl-rgb),.14);border-radius:999px;color:var(--rl-fg2);font-size:.9375rem}
.rl-providers img{width:36px;height:36px;padding:6px;border-radius:50%;background:#fff;object-fit:contain}

/* ---------- solutions ---------- */
[data-zid=trustPilotSection] .hp-section__heading .gb-col-lg-6{flex:0 0 100%;max-width:100%}
.rl-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--rl-gap)}
.rl-card{display:flex;flex-direction:column;gap:16px;padding:32px;border-radius:28px;background:var(--rl-bg2);border:1px solid var(--rl-line);color:var(--rl-fg);text-decoration:none;transition:transform .3s ease,border-color .3s ease}
.rl-card:hover{transform:translateY(-4px);border-color:var(--rl-accent-hi);text-decoration:none}
.rl-card__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.rl-card small{color:var(--rl-fg3);font-weight:500;letter-spacing:.08em}
.rl-card h3{margin:0;font-size:1.625rem;line-height:1.15;letter-spacing:-.02em}
.rl-card p{margin:0;color:var(--rl-fg2);line-height:1.6;flex:1}
.rl-link{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--rl-fg)}
.rl-arrow{width:1em;height:1em}

/* ---------- better together, closing call to action ---------- */
.rl-together .gb-container,.rl-cta .gb-container,.rl-cards,.rl-providers{position:relative;z-index:1}
.rl-together__in,.rl-cta__in{max-width:900px;margin:0 auto;text-align:center}
.rl-together__in{padding:clamp(40px,6vw,72px) 0}
.rl-together h2,.rl-cta h2{margin:0 0 16px;font-size:clamp(2.25rem,5.2vw,4rem);line-height:1.04;font-weight:600;letter-spacing:-.035em;color:var(--rl-fg)}
.rl-together p,.rl-cta p{margin:0 auto 32px;max-width:620px;color:var(--rl-fg2);font-size:clamp(1rem,1.5vw,1.125rem);line-height:1.6;text-align:center}
.rl-chips{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:32px}
.rl-chips span{padding:16px 24px;border-radius:18px;background:var(--rl-bg2);border:1px solid var(--rl-line);font-weight:600}
.rl-chips small{display:block;color:var(--rl-fg3);font-weight:400}
.rl-cta .gb-container{padding-bottom:clamp(48px,6vw,80px)}
.rl-cta__in{padding:clamp(48px,7vw,80px) clamp(20px,4vw,32px);border-radius:32px;background:var(--rl-fg);color:var(--rl-on-inv)}
.rl-cta h2{color:var(--rl-on-inv)}
.rl-cta p{color:rgba(var(--rl-on-rgb),.68)}
.rl-cta__btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.rl-cta .gb-button--conversion{--gb-button-bg:var(--rl-bg);--gb-button-color:var(--rl-fg);--gb-button-icon-color:var(--rl-fg);--gb-button-state-layer-hover:rgba(var(--rl-rgb),.14);--gb-button-state-layer-pressed:rgba(var(--rl-rgb),.22)}
.rl-cta__btns .gb-button--muted-inverted{background:rgba(var(--rl-on-rgb),.08);color:var(--rl-on-inv)}
.rl-result .gb-button--muted-inverted,.rl-together .gb-button--muted-inverted{background:rgba(var(--rl-rgb),.1);color:var(--rl-fg)}

/* ---------- faq ---------- */
.homepage-ui-scope .hp-faq-section .faq-section__title{font-size:clamp(2.25rem,4.4vw,4rem);line-height:1.06;letter-spacing:-.03em}
.homepage-ui-scope .hp-faq-section .faq-section__heading{margin-bottom:clamp(40px,6vw,72px)}

/* ---------- footer ---------- */
.lf-footer .rl-foot-blurb{margin:16px 0 0;max-width:320px;color:var(--rl-fg2);line-height:1.55}
.lf-footer .rl-live{margin:16px 0 0;color:var(--rl-fg3);font-size:.875rem}
.rl-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--rl-ok);margin-right:8px;box-shadow:0 0 0 4px rgba(61,220,132,.18)}
.rl-legal a{color:inherit}
@media(max-width:979px){.lf-footer .gb-col-12{margin-bottom:24px}}

/* section rhythm */
.rl-together{padding-top:0}
[data-zid=trustPilotSection]{padding-bottom:clamp(48px,6vw,80px)}

.rl-badges-m{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:24px 0 0;padding:0}
.rl-badges-m li{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(var(--rl-on-rgb),.28);border:1px solid rgba(var(--rl-rgb),.22);color:var(--rl-fg);font-size:.875rem;font-weight:600}
.rl-bi-s{width:16px;height:16px}
@media(min-width:980px){.rl-badges-m{display:none}}
@media(max-width:979px){.homepage-ui-scope .hp-media-player-controls{padding-top:calc(var(--hp-controls-displacement,0px) + 8px)}}
.lf-promote-button .lf-promote-button__label{display:inline!important}

/* ---------- duotone icons: tint layer + line layer, they move when you point at them ---------- */
.rl-duo{overflow:visible;transform-origin:50% 50%;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.rl-duo [opacity]{transition:opacity .35s ease}
.rl-duo path{transform-box:fill-box;transform-origin:50% 50%}
:is(a,button,[role=button],li,.rl-card,.rl-badge,.rl-ico,.rl-app,.rl-tilebox,.hp-product-info__inner,.lf-menu-category-title,.lf-menu-item-link,.hp-key-features-list-item):is(:hover,:focus-visible) .rl-duo{transform:translateY(-2px) scale(1.1)}
:is(a,button,[role=button],li,.rl-card,.rl-badge,.rl-ico,.rl-app,.rl-tilebox,.hp-product-info__inner,.lf-menu-category-title,.lf-menu-item-link,.hp-key-features-list-item):is(:hover,:focus-visible) .rl-duo [opacity]{opacity:.55}
:is(a,button,[role=button],li,.rl-card,.rl-app,.lf-menu-item-link):is(:hover,:focus-visible) .rl-duo[data-i=arrow-right]{transform:translateX(4px)}
:is(a,button,[role=button],li,.rl-card,.rl-app,.lf-menu-item-link):is(:hover,:focus-visible) .rl-duo[data-i=arrow-up-right]{transform:translate(3px,-3px)}
:is(a,button,[role=button],li,.rl-card,.rl-app,.rl-ico,.lf-menu-item-link,.lf-menu-category-title,.hp-key-features-list-item):is(:hover,:focus-visible) .rl-duo:is([data-i=aicall],[data-i=phone-in],[data-i=phone-out],[data-i=carrier],.phone){animation:rl-ring .7s ease-in-out}
:is(a,button,[role=button],li,.rl-card,.rl-app,.rl-ico,.lf-menu-item-link,.hp-key-features-list-item):is(:hover,:focus-visible) .rl-duo[data-i=bell]{animation:rl-swing .7s ease-in-out}
:is(a,button,[role=button],li,.rl-card,.rl-app,.rl-ico,.lf-menu-item-link):is(:hover,:focus-visible) .rl-duo:is([data-i=voiceagent],[data-i=mic-stage],[data-i=waveform]){animation:rl-beat .8s ease-in-out}
:is(a,button,[role=button],li,.rl-card,.rl-app,.rl-ico,.lf-menu-item-link):is(:hover,:focus-visible) .rl-duo:is([data-i=trending-up],[data-i=rocket],[data-i=chart]){transform:translate(3px,-3px) scale(1.08)}
:is(a,button,[role=button],li,.rl-card,.rl-app,.rl-ico,.lf-menu-item-link):is(:hover,:focus-visible) .rl-duo[data-i=models]{animation:rl-spin 1s ease-in-out}
:is(a,button,[role=button],li,.rl-card,.rl-app,.rl-ico,.lf-menu-item-link):is(:hover,:focus-visible) .rl-duo:is([data-i=sparkle],[data-i=key]){transform:rotate(-16deg) scale(1.12)}
:is(a,button,[role=button],li,.rl-card,.rl-app,.rl-ico,.lf-menu-item-link):is(:hover,:focus-visible) .rl-duo[data-i=eye]{animation:rl-blink .6s ease-in-out}
@keyframes rl-ring{0%,100%{transform:rotate(0)}15%{transform:rotate(-16deg)}35%{transform:rotate(14deg)}55%{transform:rotate(-10deg)}75%{transform:rotate(6deg)}}
@keyframes rl-swing{0%,100%{transform:rotate(0)}25%{transform:rotate(14deg)}50%{transform:rotate(-12deg)}75%{transform:rotate(6deg)}}
@keyframes rl-beat{0%,100%{transform:scale(1)}30%{transform:scale(1.18)}60%{transform:scale(.94)}}
@keyframes rl-spin{to{transform:rotate(180deg) scale(1.08)}}
@keyframes rl-blink{0%,100%{transform:scaleY(1)}45%{transform:scaleY(.15)}}
@media(prefers-reduced-motion:reduce){.rl-duo,.rl-duo *{transition:none!important;animation:none!important}}

/* ---------- hero action card ---------- */
.homepage-ui-scope .hp-ai-website-builder-card{overflow:hidden;border:1px solid var(--rl-line)}
.homepage-ui-scope .hp-ai-website-builder-card .gb-card__image{min-width:clamp(96px,16vw,220px)}
.hp-ai-website-builder-card .rl-tile--lg{width:72px;height:72px;border-radius:20px}
.hp-ai-website-builder-card .rl-tile--lg svg{width:36px;height:36px}
.homepage-ui-scope .hp-ai-website-builder-card__eyebrow{font-size:.75rem;letter-spacing:.14em}
.homepage-ui-scope .hp-ai-website-builder-card__title{font-size:1.25rem;letter-spacing:-.01em}

/* primary buttons: white on black everywhere */
.gb-button--conversion,.lf-launchpad-button{--gb-button-bg:var(--rl-fg)!important;--gb-button-color:var(--rl-on-inv)!important;--gb-button-icon-color:var(--rl-on-inv)!important;--gb-button-state-layer-hover:rgba(0,0,0,.1)!important;--gb-button-state-layer-pressed:rgba(0,0,0,.18)!important}
/* mega menu: group headings and promo */
.rl-gh{display:inline-flex;align-items:center;gap:8px;font-family:var(--rl-font-mono)}
.rl-gh__ico{display:grid;place-items:center;width:18px;height:18px}.rl-gh__ico svg{width:18px;height:18px}
.rl-mi{display:grid;place-items:center;flex:none;width:36px;height:36px;margin-right:12px;border-radius:10px;background:rgba(var(--rl-rgb),.07);color:var(--rl-fg)}.rl-mi svg{width:20px;height:20px}
.lf-menu-item-link{display:flex;align-items:center}
@media(min-width:980px){
  .layout-fragments-scope .lf-menu-groups__list{min-height:calc(100vh - 80px)}
  .layout-fragments-scope .lf-menu-category__main-content{scrollbar-width:thin}
  .rl-mi{width:32px;height:32px;margin-right:10px}
}
@media(max-width:979px){
  .lf-launchpad-button{width:auto!important;min-width:0;padding-inline:16px!important;border-radius:999px!important;aspect-ratio:auto!important}
  .lf-launchpad-button .gb-button__text{display:inline-flex!important;position:static!important;width:auto!important;height:auto!important;clip:auto!important;opacity:1!important}
  .lf-launchpad-button .gb-button__icon{display:none!important}
}
@media(max-width:359px){.lf-launchpad-button{display:none!important}}
/* app screenshots are shown in black and white; colour returns on hover */
.homepage-ui-scope img[src*="assets/img/screens"]{filter:grayscale(1) contrast(1.04);transition:filter .5s}
.homepage-ui-scope a:hover img[src*="assets/img/screens"],.homepage-ui-scope .hp-product-info:hover img[src*="assets/img/screens"]{filter:none}
@media(prefers-reduced-motion:reduce){.homepage-ui-scope img[src*="assets/img/screens"]{transition:none}}

/* hero AI card: one row, icon tile + copy + action */
.homepage-ui-scope .hp-ai-website-builder-card{display:grid!important;grid-template-columns:auto 1fr;align-items:center;gap:clamp(16px,2.4vw,28px);padding:clamp(16px,2vw,22px) clamp(16px,2.4vw,28px)!important;height:auto!important;background:linear-gradient(180deg,var(--rl-s2),var(--rl-s1))!important;border:1px solid var(--rl-line);border-radius:24px;overflow:hidden;transition:border-color .25s,transform .25s}
.homepage-ui-scope .hp-ai-website-builder-card:hover{border-color:var(--rl-line2);transform:translateY(-2px)}
.homepage-ui-scope .hp-ai-website-builder-card .gb-card__image{display:flex!important;align-items:center;justify-content:center;width:auto!important;min-width:0!important;height:auto!important;padding:0!important;background:none!important;border:0}
.homepage-ui-scope .hp-ai-website-builder-card .rl-tile--lg{width:64px;height:64px;border-radius:18px;background:linear-gradient(145deg,rgba(var(--rl-rgb),.16),rgba(var(--rl-rgb),.05));border:1px solid rgba(var(--rl-rgb),.18)}
.homepage-ui-scope .hp-ai-website-builder-card .rl-tile--lg svg{width:32px;height:32px}
.homepage-ui-scope .hp-ai-website-builder-card .gb-card__container{display:grid!important;gap:6px;padding:0!important;min-width:0;text-align:left}
.homepage-ui-scope .hp-ai-website-builder-card__content{display:flex!important;align-items:center;justify-content:space-between;gap:24px}
.homepage-ui-scope .hp-ai-website-builder-card__text{display:grid;gap:4px;min-width:0}
.homepage-ui-scope .hp-ai-website-builder-card__title{font-size:1.375rem;line-height:1.15;color:var(--rl-fg)}
.homepage-ui-scope .hp-ai-website-builder-card__description{color:var(--rl-fg2);font-size:.9375rem;line-height:1.5}
.homepage-ui-scope .hp-ai-website-builder-card__cta{flex:none;background:var(--rl-fg)!important;color:var(--rl-on-inv)!important;--gb-button-icon-color:var(--rl-on-inv);border-radius:999px}
.homepage-ui-scope .hp-ai-website-builder-card__cta:hover{background:var(--rl-inv-hi)!important}
@media(max-width:640px){
  .homepage-ui-scope .hp-ai-website-builder-card{grid-template-columns:1fr;justify-items:start}
  .homepage-ui-scope .hp-ai-website-builder-card__content{flex-direction:column;align-items:stretch;gap:16px;width:100%}
  .homepage-ui-scope .hp-ai-website-builder-card__cta{width:100%;justify-content:center}
}
@media(prefers-reduced-motion:reduce){.homepage-ui-scope .hp-ai-website-builder-card{transition:none}}
.homepage-ui-scope .hp-ai-website-builder-card .gb-card__container,.homepage-ui-scope .hp-ai-website-builder-card__content{background:none!important}
@media(max-width:640px){.homepage-ui-scope .hp-promo-tld-list a,.homepage-ui-scope .hp-promo-tld-list button{white-space:normal;text-overflow:clip}}

/* theme toggle: shows the mode you would switch to */
.rl-theme-toggle{display:inline-grid;place-items:center;width:40px;height:40px;margin-right:4px;border:1px solid var(--rl-line);border-radius:50%;background:transparent;color:var(--rl-fg);cursor:pointer;transition:background-color .2s,border-color .2s}
.rl-theme-toggle:hover{background:rgba(var(--rl-rgb),.08);border-color:var(--rl-line2)}
.rl-theme-toggle svg{grid-area:1/1;width:22px;height:22px}
.rl-theme-toggle [data-i=moon],html[data-sds-mode=light] .rl-theme-toggle [data-i=sun]{display:none}
html[data-sds-mode=light] .rl-theme-toggle [data-i=moon]{display:block}
.rl-theme-toggle:hover [data-i=sun]{animation:rl-spin .8s ease}
.rl-theme-toggle:hover [data-i=moon]{animation:rl-swing .9s ease-in-out}
@media(max-width:979px){.rl-theme-toggle{width:36px;height:36px;margin-right:0}}
@media(prefers-reduced-motion:reduce){.rl-theme-toggle:hover svg{animation:none}}
/* white logo, inverted on a light page; logo tiles stay white with a hairline */
html[data-sds-mode=light] img[src*="rilt-logo-white"]{filter:invert(1)}
.rl-providers img{border:1px solid var(--rl-line)}

/* light mode: the homepage sections that set their own white text */
html[data-sds-mode=light] .homepage-ui-scope :is(.hp-hero-section__title,.hp-benefit-section__title,.hp-security-section__title,.hp-security-section__subtitle,.hp-media-player-controls-item__text){color:var(--rl-fg)}
html[data-sds-mode=light] .homepage-ui-scope .hp-benefit-section__description{color:var(--rl-fg2)}
html[data-sds-mode=light] .homepage-ui-scope :is(.hp-hero-section-overlay,.hp-hero-section-background__foreground){background:none!important}
html[data-sds-mode=light] .rl-orb--bg{opacity:.45}