/* Generated by redesign/export_site.py. Don't edit here. */
.rd{--bg:#0B1522;--bg-2:#0F1C2E;--surface:#142338;--surface-2:#1A2C45;--line:#22344D;--line-2:#2C4260;--text:#EAF0F6;--muted:#9AABBF;--link:#8DB3E2;--accent:#F2B705;--accent-hover:#FFC81F;--accent-ink:#111111;--good:#4CC38A;--warn:#F2B65A;--bad:#F0776B;--font-head:"Familjen Grotesk",system-ui,sans-serif;--font-body:"Public Sans",system-ui,sans-serif;--r-control:10px;--r-card:14px;color:var(--text);font:400 16px/1.6 var(--font-body)}
.rd *, .rd *::before, .rd *::after{ box-sizing: border-box; }
.rd{ scroll-padding-top: 96px; -webkit-text-size-adjust: 100%; }
.rd{ margin: 0; background: var(--bg); color: var(--text); font: 400 16px/1.6 var(--font-body); }
.rd img, .rd svg{ max-width: 100%; height: auto; display: block; }
.rd a{ color: var(--link); text-underline-offset: 3px; }
.rd a:hover{ color: var(--text); }
.rd h1, .rd h2, .rd h3, .rd h4{ font-family: var(--font-head); line-height: 1.1; margin: 0 0 .5em; letter-spacing: -.02em; font-weight: 600; }
.rd h1{ font-size: clamp(2rem, 4.3vw, 3.3rem); }
.rd h2{ font-size: clamp(1.55rem, 2.9vw, 2.2rem); }
.rd h3{ font-size: 1.25rem; letter-spacing: -.01em; }
.rd p{ margin: 0 0 1em; }
.rd :focus-visible{ outline: 3px solid var(--accent); outline-offset: 3px; border-radius: 4px; }
.rd .sr{ position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.rd .skip{ position: absolute; left: 16px; top: -60px; background: var(--accent); color: var(--accent-ink); padding: 10px 16px; border-radius: 8px; z-index: 100; font-weight: 600; }
.rd .skip:focus{ top: 12px; }
.rd .wrap{ width: min(1200px, 100% - 32px); margin-inline: auto; }
.rd .narrow{ width: min(820px, 100% - 32px); margin-inline: auto; }
.rd .muted{ color: var(--muted); }
.rd .small{ font-size: .9rem; }
.rd .lead{ font-size: clamp(1.05rem, 1.4vw, 1.2rem); color: var(--muted); max-width: 40em; }
.rd .mono{ font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; font-size: .85rem; letter-spacing: .01em; }
.rd .center{ text-align: center; }
.rd .center .lead{ margin-inline: auto; }
.rd .gold{ color: var(--accent); }
.rd .placeholder{ background: repeating-linear-gradient(45deg, transparent 0 8px, rgba(242,183,5,.08) 8px 16px); border: 1px dashed var(--accent); color: var(--accent); padding: 2px 6px; border-radius: 6px; font-size: .9em; }
.rd .btn{ display: inline-flex; align-items: center; justify-content: center; gap: .5em; min-height: 48px; padding: 0 22px; border-radius: var(--r-control);
  font: 600 1rem/1 var(--font-body); text-decoration: none; border: 1px solid transparent; cursor: pointer; transition: background .15s, border-color .15s, transform .15s; }
.rd .btn-primary{ background: var(--accent); color: var(--accent-ink); }
.rd .btn-primary:hover{ background: var(--accent-hover); color: var(--accent-ink); transform: translateY(-1px); }
.rd .btn-ghost{ background: transparent; color: var(--text); border-color: var(--line-2); }
.rd .btn-ghost:hover{ border-color: var(--text); color: var(--text); }
.rd .btn-sm{ min-height: 40px; padding: 0 16px; font-size: .92rem; }
.rd .btn-block{ width: 100%; }
.rd .btn-row{ display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.rd .link-arrow{ font-weight: 600; text-decoration: none; color: var(--accent); }
.rd .link-arrow::after{ content: " →"; }
.rd .topbar{ background: var(--bg-2); border-bottom: 1px solid var(--line); font-size: .85rem; color: var(--muted); }
.rd .topbar .wrap{ display: flex; justify-content: space-between; align-items: center; min-height: 36px; gap: 16px; }
.rd .topbar a{ color: var(--muted); text-decoration: none; margin-left: 18px; }
.rd .topbar a:hover{ color: var(--text); }
.rd .header{ position: sticky; top: 0; z-index: 50; background: color-mix(in srgb, var(--bg) 88%, transparent); backdrop-filter: blur(12px); border-bottom: 1px solid var(--line); }
.rd .header .wrap{ display: flex; align-items: center; gap: 28px; min-height: 72px; }
.rd .logo img{ height: 38px; width: auto; }
.rd .nav{ display: flex; gap: 4px; align-items: center; flex: 1; }
.rd .nav > a, .rd .nav-btn{ color: var(--text); text-decoration: none; font: 500 .98rem/1 var(--font-body); padding: 12px 12px; border-radius: 8px; background: none; border: 0; cursor: pointer; }
.rd .nav > a:hover, .rd .nav-btn:hover, .rd .drop:focus-within .nav-btn{ background: var(--surface); }
.rd .nav-btn::after{ content: ""; display: inline-block; width: 6px; height: 6px; border: solid currentColor; border-width: 0 1.5px 1.5px 0; transform: rotate(45deg) translateY(-3px); margin-left: 8px; opacity: .6; }
.rd .nav a[aria-current="page"], .rd .nav-btn[aria-current="true"]{ color: var(--accent); }
.rd .drop{ position: relative; }
.rd .panel{ position: absolute; top: calc(100% + 8px); left: -12px; width: 560px; background: var(--surface); border: 1px solid var(--line-2); border-radius: var(--r-card);
  padding: 10px; display: none; grid-template-columns: 1fr 1fr; gap: 4px; box-shadow: 0 24px 48px rgba(0,0,0,.35); }
.rd .drop:hover .panel, .rd .drop:focus-within .panel, .rd .drop.open .panel{ display: grid; }
.rd .panel a{ display: block; padding: 12px 14px; border-radius: 10px; text-decoration: none; color: var(--text); }
.rd .panel a:hover{ background: var(--surface-2); }
.rd .panel b{ display: block; font-weight: 600; }
.rd .panel small{ display: block; color: var(--muted); font-size: .86rem; line-height: 1.4; margin-top: 2px; }
.rd .panel em{ font-style: normal; color: var(--accent); font-size: .86rem; font-weight: 600; }
.rd .panel .feature{ grid-column: 1 / -1; background: linear-gradient(120deg, rgba(242,183,5,.12), rgba(242,183,5,.02)); border: 1px solid rgba(242,183,5,.3); }
.rd .actions{ display: flex; align-items: center; gap: 10px; margin-left: auto; }
.rd .cart{ display: inline-flex; align-items: center; gap: 6px; color: var(--text); text-decoration: none; padding: 10px; border-radius: 8px; font-weight: 500; }
.rd .cart:hover{ background: var(--surface); color: var(--text); }
.rd .cart .count{ background: var(--surface-2); border: 1px solid var(--line-2); border-radius: 99px; font-size: .75rem; padding: 1px 7px; }
.rd .burger{ display: none; background: none; border: 1px solid var(--line-2); color: var(--text); border-radius: 10px; min-width: 48px; min-height: 48px; cursor: pointer; }
.rd .burger span{ display: block; width: 20px; height: 2px; background: currentColor; margin: 4px auto; }
.rd .section{ padding: clamp(48px, 6.5vw, 88px) 0; position: relative; }
.rd .section.alt{ background: var(--bg-2); border-block: 1px solid var(--line); }
.rd .section-head{ max-width: 720px; margin-bottom: 40px; }
.rd .section-head.center{ margin-inline: auto; }
.rd .kicker{ display: inline-flex; align-items: center; gap: 10px; color: var(--accent); font-weight: 600; font-size: .95rem; margin-bottom: 14px; }
.rd .kicker::before{ content: ""; width: 28px; height: 2px; background: var(--accent); border-radius: 2px; }
.rd .grid{ display: grid; gap: 20px; }
.rd .g2{ grid-template-columns: repeat(2, 1fr); }
.rd .g3{ grid-template-columns: repeat(3, 1fr); }
.rd .g4{ grid-template-columns: repeat(4, 1fr); }
.rd .card{ background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-card); padding: 26px; position: relative; }
.rd .card h3{ margin-bottom: .35em; }
.rd .card p:last-child{ margin-bottom: 0; }
.rd a.card{ text-decoration: none; color: var(--text); transition: border-color .15s, transform .15s; display: block; }
.rd a.card:hover{ border-color: var(--accent); transform: translateY(-2px); }
.rd .icon{ width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; background: rgba(242,183,5,.1); color: var(--accent); margin-bottom: 16px; }
.rd .icon svg{ width: 24px; height: 24px; }
.rd .from{ color: var(--muted); font-size: .92rem; }
.rd .from b{ color: var(--text); font-size: 1.05rem; }
.rd .hero{ position: relative; overflow: hidden; padding: clamp(48px, 7vw, 96px) 0 clamp(56px, 7vw, 88px); }
.rd .hero-art{ position: absolute; inset: 0; z-index: 0; opacity: .9; }
.rd .hero-art img{ width: 100%; height: 100%; object-fit: cover; }
.rd .hero .wrap{ position: relative; z-index: 1; display: grid; grid-template-columns: 1.05fr 1fr; gap: 48px; align-items: center; }
.rd .hero h1 em{ font-style: normal; color: var(--accent); }
.rd .hero .lead{ margin-bottom: 28px; }
.rd .hero-note{ margin-top: 16px; color: var(--muted); font-size: .92rem; display: flex; gap: 8px; align-items: center; }
.rd .hero-note::before{ content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--good); box-shadow: 0 0 0 4px rgba(76,195,138,.18); }
.rd .devices{ position: relative; aspect-ratio: 16 / 12; }
.rd .laptop{ position: absolute; left: 0; top: 4%; width: 88%; border-radius: 14px 14px 6px 6px; background: #0a111b; padding: 10px 10px 0; border: 1px solid var(--line-2); box-shadow: 0 40px 80px rgba(0,0,0,.5); }
.rd .laptop img{ border-radius: 6px 6px 0 0; }
.rd .laptop::after{ content: ""; display: block; height: 14px; margin: 0 -24px; background: linear-gradient(#1c2b40, #0f1a29); border-radius: 0 0 14px 14px; }
.rd .phone{ position: absolute; right: 0; bottom: 0; width: 30%; border-radius: 26px; background: #05090f; padding: 8px; border: 1px solid var(--line-2); box-shadow: 0 30px 60px rgba(0,0,0,.55); }
.rd .phone img{ border-radius: 19px; }
.rd .device-label{ position: absolute; left: 0; bottom: -4px; font-size: .8rem; color: var(--muted); }
.rd .facts{ display: flex; flex-wrap: wrap; gap: 0; border: 1px solid var(--line); border-radius: var(--r-card); background: var(--surface); }
.rd .facts > div{ flex: 1 1 200px; padding: 18px 22px; border-right: 1px solid var(--line); }
.rd .facts > div:last-child{ border-right: 0; }
.rd .facts .mono{ color: var(--muted); display: block; margin-bottom: 4px; text-transform: lowercase; }
.rd .facts b{ font-weight: 600; }
.rd .domain-strip{ background: var(--surface); border: 1px solid var(--line-2); border-radius: var(--r-card); padding: 18px; display: grid; grid-template-columns: auto 1fr; gap: 18px; align-items: center; }
.rd .search{ display: flex; border: 1px solid var(--line-2); border-radius: var(--r-control); overflow: hidden; background: var(--bg); }
.rd .search span{ padding: 0 12px; display: grid; place-items: center; color: var(--muted); background: var(--bg-2); border-right: 1px solid var(--line); font-size: .92rem; }
.rd .search input{ flex: 1; min-width: 0; background: none; border: 0; color: var(--text); font: inherit; padding: 12px 14px; min-height: 48px; }
.rd .search input:focus{ outline: none; }
.rd .search:focus-within{ border-color: var(--accent); }
.rd .search .btn{ border-radius: 0; }
.rd .endings{ display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 10px; font-size: .9rem; color: var(--muted); }
.rd .endings b{ color: var(--text); }
.rd .paths{ display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.rd .path{ padding: 32px; border-radius: 18px; border: 1px solid var(--line-2); background: var(--surface); }
.rd .path.featured{ background: linear-gradient(160deg, #1d3557 0%, var(--surface) 70%); border-color: rgba(242,183,5,.45); }
.rd .path h3{ font-size: 1.5rem; }
.rd .path ul{ list-style: none; padding: 0; margin: 18px 0 24px; }
.rd .path li{ padding: 7px 0 7px 30px; position: relative; }
.rd .path li::before{ content: ""; position: absolute; left: 4px; top: 15px; width: 12px; height: 7px; border: solid var(--accent); border-width: 0 0 2px 2px; transform: rotate(-45deg); }
.rd .badge{ display: inline-block; font-size: .78rem; font-weight: 700; padding: 4px 10px; border-radius: 99px; background: var(--accent); color: var(--accent-ink); letter-spacing: .01em; }
.rd .badge.soft{ background: rgba(242,183,5,.12); color: var(--accent); }
.rd .badge.good{ background: rgba(76,195,138,.15); color: var(--good); }
.rd .badge.warn{ background: rgba(242,182,90,.15); color: var(--warn); }
.rd .badge.bad{ background: rgba(240,119,107,.15); color: var(--bad); }
.rd .badge.line{ background: transparent; border: 1px solid var(--line-2); color: var(--muted); }
.rd .bento{ display: grid; grid-template-columns: repeat(6, 1fr); gap: 16px; }
.rd .bento .card{ display: flex; flex-direction: column; }
.rd .bento .card .from{ margin-top: auto; padding-top: 16px; }
.rd .b-wide{ grid-column: span 3; }
.rd .b-third{ grid-column: span 2; }
.rd .thread{ list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; position: relative; counter-reset: step; }
.rd .thread::before{ content: ""; position: absolute; left: 22px; right: 22px; top: 22px; height: 2px; background: linear-gradient(90deg, var(--accent), rgba(242,183,5,.15)); }
.rd .thread li{ position: relative; padding-top: 64px; }
.rd .thread li::before{ counter-increment: step; content: counter(step); position: absolute; top: 0; left: 0; width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center;
  background: var(--bg); border: 2px solid var(--accent); color: var(--accent); font: 600 1.1rem var(--font-head); }
.rd .section.alt .thread li::before{ background: var(--bg-2); }
.rd .thread h3{ margin-bottom: .3em; }
.rd .thread p{ color: var(--muted); margin: 0; }
.rd .show{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.rd .show a{ text-decoration: none; color: var(--text); }
.rd .show figure{ margin: 0; background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-card); overflow: hidden; transition: border-color .15s, transform .15s; }
.rd .show a:hover figure{ border-color: var(--accent); transform: translateY(-3px); }
.rd .show figcaption{ padding: 18px 20px; }
.rd .show figcaption small{ color: var(--muted); display: block; }
.rd .show .tags{ display: flex; gap: 6px; flex-wrap: wrap; margin-top: 10px; }
.rd .chips{ display: flex; flex-wrap: wrap; gap: 10px; }
.rd .chip{ display: inline-flex; align-items: center; gap: 8px; padding: 10px 14px; border: 1px solid var(--line-2); border-radius: 99px; background: var(--surface); color: var(--text); text-decoration: none; font-size: .95rem; }
.rd .chip em{ font-style: normal; color: var(--accent); font-weight: 600; font-size: .88rem; }
.rd a.chip:hover{ border-color: var(--accent); color: var(--text); }
.rd .person{ display: grid; grid-template-columns: 280px 1fr; gap: 40px; align-items: center; }
.rd .photo{ aspect-ratio: 4 / 5; border-radius: 18px; border: 1px dashed var(--accent); display: grid; place-items: center; text-align: center; padding: 20px; color: var(--accent);
  background: repeating-linear-gradient(45deg, transparent 0 10px, rgba(242,183,5,.05) 10px 20px); font-size: .92rem; }
.rd .plans{ display: grid; gap: 20px; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); align-items: stretch; }
.rd .plan{ background: var(--surface); border: 1px solid var(--line); border-radius: 18px; padding: 28px; display: flex; flex-direction: column; position: relative; }
.rd .plan.pop{ border-color: var(--accent); box-shadow: 0 0 0 1px var(--accent), 0 24px 48px rgba(0,0,0,.3); }
.rd .plan .badge{ position: absolute; top: -12px; left: 24px; }
.rd .plan .for{ color: var(--muted); font-size: .95rem; min-height: 3em; }
.rd .price{ font: 600 2.4rem/1 var(--font-head); letter-spacing: -.03em; margin: 14px 0 4px; }
.rd .price small{ font: 500 1rem var(--font-body); color: var(--muted); letter-spacing: 0; }
.rd .price-note{ color: var(--muted); font-size: .88rem; margin-bottom: 18px; }
.rd .plan ul{ list-style: none; padding: 0; margin: 0 0 24px; font-size: .96rem; }
.rd .plan li{ padding: 7px 0 7px 26px; position: relative; border-top: 1px solid var(--line); }
.rd .plan li::before{ content: ""; position: absolute; left: 2px; top: 15px; width: 11px; height: 6px; border: solid var(--accent); border-width: 0 0 2px 2px; transform: rotate(-45deg); }
.rd .plan .btn{ margin-top: auto; }
.rd .includes{ display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 14px 24px; margin-top: 28px; padding: 22px 24px; border: 1px dashed var(--line-2); border-radius: var(--r-card); }
.rd .includes div{ display: flex; gap: 10px; align-items: flex-start; font-size: .95rem; }
.rd .includes svg{ width: 20px; height: 20px; color: var(--accent); flex: none; margin-top: 3px; }
.rd .tabs{ display: inline-flex; gap: 4px; padding: 4px; background: var(--surface); border: 1px solid var(--line); border-radius: 12px; margin-bottom: 28px; flex-wrap: wrap; }
.rd .tabs a, .rd .tabs button{ padding: 10px 18px; border-radius: 9px; color: var(--muted); text-decoration: none; font-weight: 600; background: none; border: 0; font: inherit; font-weight: 600; cursor: pointer; min-height: 44px; }
.rd .tabs [aria-selected="true"], .rd .tabs .on{ background: var(--surface-2); color: var(--text); box-shadow: inset 0 0 0 1px var(--line-2); }
.rd .table-wrap{ overflow-x: auto; border: 1px solid var(--line); border-radius: var(--r-card); }
.rd table{ width: 100%; border-collapse: collapse; font-size: .96rem; }
.rd th, .rd td{ padding: 13px 16px; text-align: left; border-bottom: 1px solid var(--line); vertical-align: top; }
.rd th{ color: var(--muted); font-weight: 600; font-size: .86rem; background: var(--bg-2); }
.rd tr:last-child td{ border-bottom: 0; }
.rd td.num, .rd th.num{ text-align: right; white-space: nowrap; }
.rd tbody tr:hover{ background: rgba(255,255,255,.02); }
.rd .faq{ border-top: 1px solid var(--line); }
.rd .faq details{ border-bottom: 1px solid var(--line); }
.rd .faq summary{ cursor: pointer; padding: 20px 40px 20px 0; font-weight: 600; font-size: 1.05rem; list-style: none; position: relative; }
.rd .faq summary::-webkit-details-marker{ display: none; }
.rd .faq summary::after{ content: "+"; position: absolute; right: 6px; top: 16px; font-size: 1.5rem; color: var(--accent); font-weight: 400; }
.rd .faq details[open] summary::after{ content: "–"; }
.rd .faq details p{ color: var(--muted); padding-bottom: 18px; margin: 0; max-width: 46em; }
.rd .cta{ position: relative; overflow: hidden; border-radius: 22px; border: 1px solid rgba(242,183,5,.35); padding: clamp(32px, 5vw, 64px); background: linear-gradient(135deg, #1b3150, #0f1c2e 60%); }
.rd .cta .art{ position: absolute; inset: 0; opacity: .5; pointer-events: none; }
.rd .cta .art img{ width: 100%; height: 100%; object-fit: cover; }
.rd .cta > *{ position: relative; }
.rd .form{ display: grid; gap: 16px; }
.rd .form .row{ display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.rd label{ display: block; font-weight: 600; font-size: .95rem; margin-bottom: 6px; }
.rd label .opt{ color: var(--muted); font-weight: 400; }
.rd input[type=text], .rd input[type=email], .rd input[type=tel], .rd input[type=search], .rd input[type=password], .rd select, .rd textarea{
  width: 100%; min-height: 48px; background: var(--bg); color: var(--text); border: 1px solid var(--line-2); border-radius: var(--r-control); padding: 11px 14px; font: inherit; }
.rd textarea{ min-height: 110px; resize: vertical; }
.rd input:focus, .rd select:focus, .rd textarea:focus{ outline: 2px solid var(--accent); outline-offset: 0; border-color: var(--accent); }
.rd .hint{ color: var(--muted); font-size: .86rem; margin-top: 6px; }
.rd .check{ display: flex; gap: 12px; align-items: flex-start; font-weight: 400; }
.rd .check input{ width: 22px; height: 22px; margin-top: 2px; accent-color: var(--accent); flex: none; }
.rd .choice{ display: flex; gap: 14px; align-items: flex-start; padding: 18px; border: 1px solid var(--line-2); border-radius: 14px; background: var(--surface); cursor: pointer; font-weight: 400; margin: 0; }
.rd .choice:has(input:checked){ border-color: var(--accent); box-shadow: 0 0 0 1px var(--accent); }
.rd .choice input{ width: 20px; height: 20px; margin-top: 3px; accent-color: var(--accent); flex: none; }
.rd .choice b{ display: block; }
.rd .choice .p{ margin-left: auto; font-weight: 600; white-space: nowrap; }
.rd .choice small{ color: var(--muted); display: block; font-size: .9rem; }
.rd .choices{ display: grid; gap: 10px; }
.rd .choices.g2{ grid-template-columns: 1fr 1fr; }
.rd fieldset{ border: 0; padding: 0; margin: 0 0 28px; }
.rd legend{ font: 600 1.2rem var(--font-head); margin-bottom: 4px; padding: 0; }
.rd .legend-note{ color: var(--muted); font-size: .92rem; margin: 0 0 14px; }
.rd .page-head{ padding: 40px 0 8px; }
.rd .crumbs{ font-size: .9rem; color: var(--muted); margin-bottom: 12px; }
.rd .crumbs a{ color: var(--muted); }
.rd .shop-layout{ display: grid; grid-template-columns: 1fr 360px; gap: 40px; align-items: start; padding-bottom: 80px; }
.rd .summary{ position: sticky; top: 96px; background: var(--surface); border: 1px solid var(--line-2); border-radius: 18px; padding: 24px; }
.rd .summary h2{ font-size: 1.25rem; }
.rd .sum-line{ display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; font-size: .95rem; }
.rd .sum-line span:last-child{ white-space: nowrap; font-weight: 600; }
.rd .sum-total{ border-top: 1px solid var(--line-2); margin-top: 8px; padding-top: 14px; }
.rd .sum-total .big{ font: 600 1.6rem var(--font-head); }
.rd .notice{ display: flex; gap: 12px; padding: 14px 16px; border-radius: 12px; background: rgba(242,183,5,.08); border: 1px solid rgba(242,183,5,.3); font-size: .93rem; }
.rd .notice.info{ background: rgba(141,179,226,.08); border-color: rgba(141,179,226,.3); }
.rd .notice.good{ background: rgba(76,195,138,.08); border-color: rgba(76,195,138,.3); }
.rd .notice svg{ width: 20px; height: 20px; flex: none; color: var(--accent); margin-top: 2px; }
.rd .stepper{ display: flex; gap: 8px; list-style: none; padding: 0; margin: 0 0 28px; counter-reset: s; flex-wrap: wrap; }
.rd .stepper li{ counter-increment: s; display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: .92rem; font-weight: 600; }
.rd .stepper li::before{ content: counter(s); width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; border: 1.5px solid var(--line-2); font-size: .85rem; }
.rd .stepper li.done::before{ content: "✓"; background: var(--good); border-color: var(--good); color: #0b1522; }
.rd .stepper li.on{ color: var(--text); }
.rd .stepper li.on::before{ border-color: var(--accent); color: var(--accent); }
.rd .stepper li + li::after{ order: -1; content: ""; width: 24px; height: 1.5px; background: var(--line-2); }
.rd .addon-list{ display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.rd .addon{ display: flex; gap: 12px; padding: 14px 16px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); cursor: pointer; align-items: flex-start; margin: 0; font-weight: 400; }
.rd .addon:has(input:checked){ border-color: var(--accent); }
.rd .addon input{ width: 20px; height: 20px; accent-color: var(--accent); margin-top: 3px; flex: none; }
.rd .addon b{ display: block; }
.rd .addon small{ color: var(--muted); display: block; font-size: .88rem; line-height: 1.45; }
.rd .addon .p{ margin-left: auto; color: var(--accent); font-weight: 600; white-space: nowrap; font-size: .92rem; }
.rd .addon a{ font-size: .85rem; }
.rd .app{ display: grid; grid-template-columns: 240px 1fr; min-height: calc(100vh - 110px); }
.rd .side{ border-right: 1px solid var(--line); padding: 24px 14px; background: var(--bg-2); }
.rd .side .biz{ padding: 10px 12px 18px; border-bottom: 1px solid var(--line); margin-bottom: 12px; }
.rd .side .biz b{ display: block; }
.rd .side .biz small{ color: var(--muted); }
.rd .side nav a{ display: flex; align-items: center; gap: 12px; padding: 11px 12px; border-radius: 10px; color: var(--muted); text-decoration: none; font-weight: 500; min-height: 44px; }
.rd .side nav a svg{ width: 20px; height: 20px; }
.rd .side nav a:hover{ background: var(--surface); color: var(--text); }
.rd .side nav a[aria-current="page"]{ background: var(--surface); color: var(--text); box-shadow: inset 3px 0 0 var(--accent); }
.rd .side .sep{ height: 1px; background: var(--line); margin: 12px 0; }
.rd .main{ padding: 32px clamp(16px, 4vw, 48px) 80px; max-width: 1100px; }
.rd .main h1{ font-size: clamp(1.8rem, 3vw, 2.4rem); }
.rd .quick{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin: 24px 0; }
.rd .quick a{ display: flex; flex-direction: column; gap: 10px; padding: 18px; border-radius: 14px; background: var(--surface); border: 1px solid var(--line); text-decoration: none; color: var(--text); font-weight: 600; }
.rd .quick a:hover{ border-color: var(--accent); color: var(--text); }
.rd .quick a svg{ width: 24px; height: 24px; color: var(--accent); }
.rd .quick a small{ color: var(--muted); font-weight: 400; }
.rd .quick a.due{ border-color: rgba(242,183,5,.5); background: linear-gradient(160deg, rgba(242,183,5,.12), var(--surface)); }
.rd .statusbar{ display: flex; gap: 14px; align-items: center; padding: 16px 18px; border-radius: 14px; background: rgba(76,195,138,.08); border: 1px solid rgba(76,195,138,.3); }
.rd .statusbar .dot{ width: 10px; height: 10px; border-radius: 50%; background: var(--good); box-shadow: 0 0 0 5px rgba(76,195,138,.18); flex: none; }
.rd .kv{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; border: 1px solid var(--line); border-radius: 14px; overflow: hidden; }
.rd .kv div{ padding: 16px; border-right: 1px solid var(--line); background: var(--surface); }
.rd .kv div:last-child{ border-right: 0; }
.rd .kv small{ color: var(--muted); display: block; font-size: .82rem; margin-bottom: 4px; }
.rd .track{ list-style: none; padding: 0; margin: 0; }
.rd .track li{ display: grid; grid-template-columns: 1fr auto; gap: 14px; padding: 12px 0 12px 40px; align-items: start; position: relative; }
.rd .track li::before{ content: ""; width: 14px; height: 14px; border-radius: 50%; border: 2px solid var(--line-2); background: var(--bg); position: absolute; left: 6px; top: 17px; z-index: 1; }
.rd .track li::after{ content: ""; position: absolute; left: 13px; top: 30px; bottom: -12px; width: 2px; background: var(--line); }
.rd .track li:last-child::after{ display: none; }
.rd .track li.done::before{ background: var(--good); border-color: var(--good); }
.rd .track li.done::after{ background: var(--good); }
.rd .track li.now::before{ border-color: var(--accent); background: var(--accent); box-shadow: 0 0 0 5px rgba(242,183,5,.2); }
.rd .track li.later{ color: var(--muted); }
.rd .meter{ height: 10px; background: var(--bg); border-radius: 99px; overflow: hidden; border: 1px solid var(--line); position: relative; }
.rd .meter i{ display: block; height: 100%; background: var(--good); border-radius: 99px; }
.rd .meter i.warn{ background: var(--warn); }
.rd .meter::after{ content: ""; position: absolute; left: 80%; top: -2px; bottom: -2px; width: 2px; background: var(--line-2); }
.rd .tabbar{ display: none; }
.rd .split{ display: grid; grid-template-columns: 1.4fr 1fr; gap: 20px; align-items: start; }
.rd .stack > * + *{ margin-top: 20px; }
.rd .row-between{ display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; }
.rd .copy{ display: flex; gap: 8px; }
.rd .copy input{ font-family: ui-monospace, Menlo, monospace; font-size: .9rem; }
.rd .sample{ font-size: .8rem; color: var(--muted); border: 1px dashed var(--line-2); padding: 3px 10px; border-radius: 99px; }
.rd .footer{ border-top: 1px solid var(--line); background: var(--bg-2); padding: 56px 0 28px; margin-top: 0; font-size: .95rem; }
.rd .footer-grid{ display: grid; grid-template-columns: 1.4fr repeat(4, 1fr); gap: 32px; }
.rd .footer h2{ font: 600 .95rem var(--font-body); color: var(--text); margin-bottom: 14px; letter-spacing: 0; }
.rd .footer nav a{ display: block; color: var(--muted); text-decoration: none; padding: 5px 0; }
.rd .footer nav a:hover{ color: var(--text); }
.rd .footer .contact a{ color: var(--text); }
.rd .footer-bottom{ display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; border-top: 1px solid var(--line); margin-top: 40px; padding-top: 20px; color: var(--muted); font-size: .85rem; }
.rd .trust{ display: flex; flex-wrap: wrap; gap: 8px 20px; color: var(--muted); font-size: .88rem; margin-top: 16px; }
.rd .trust span::before{ content: "✓ "; color: var(--good); }
.rd .mbar{ display: none; }
.rd .legal{ display: grid; grid-template-columns: 260px 1fr; gap: 48px; padding: 32px 0 80px; }
.rd .toc{ position: sticky; top: 96px; align-self: start; font-size: .92rem; }
.rd .toc a{ display: block; color: var(--muted); text-decoration: none; padding: 6px 0 6px 12px; border-left: 2px solid var(--line); }
.rd .toc a:hover{ color: var(--text); border-color: var(--accent); }
.rd .legal h2{ font-size: 1.4rem; margin-top: 2em; }
@media (prefers-reduced-motion: no-preference){.rd .hero-art img{ animation: drift 30s ease-in-out infinite alternate; }
@keyframes drift{ from { transform: scale(1.04) translateY(0); } to { transform: scale(1.08) translateY(-12px); } }}
@media (max-width: 1080px){.rd .nav, .rd .topbar .links{ display: none; }
.rd .burger{ display: inline-block; }
.rd .header.open .nav{ display: flex; flex-direction: column; align-items: stretch; position: absolute; top: 100%; left: 0; right: 0; background: var(--bg); border-bottom: 1px solid var(--line); padding: 12px 16px 20px; max-height: calc(100vh - 72px); overflow: auto; }
.rd .header.open .panel{ position: static; display: grid; width: auto; grid-template-columns: 1fr; box-shadow: none; border: 0; background: none; padding: 0 0 8px 8px; }
.rd .header.open .nav > a, .rd .header.open .nav-btn{ width: 100%; text-align: left; padding: 14px 8px; font-size: 1.05rem; }
.rd .actions .btn-ghost{ display: none; }
.rd .hero .wrap{ grid-template-columns: 1fr; }
.rd .g4, .rd .quick{ grid-template-columns: repeat(2, 1fr); }
.rd .thread{ grid-template-columns: 1fr 1fr; }
.rd .thread::before{ display: none; }
.rd .footer-grid{ grid-template-columns: 1fr 1fr; }
.rd .shop-layout{ grid-template-columns: 1fr; }
.rd .summary{ position: static; }
.rd .app{ grid-template-columns: 1fr; }
.rd .side{ display: none; }
.rd .tabbar{ display: grid; grid-template-columns: repeat(5, 1fr); position: fixed; bottom: 0; left: 0; right: 0; z-index: 40; background: var(--bg-2); border-top: 1px solid var(--line-2); padding-bottom: env(safe-area-inset-bottom); }
.rd .tabbar a{ display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 9px 2px; color: var(--muted); text-decoration: none; font-size: .72rem; font-weight: 600; min-height: 56px; }
.rd .tabbar a svg{ width: 22px; height: 22px; }
.rd .tabbar a[aria-current="page"]{ color: var(--accent); }
.rd .main{ padding-bottom: 110px; }
.rd .legal{ grid-template-columns: 1fr; }
.rd .toc{ position: static; }}
@media (max-width: 720px){.rd .paths{ align-items: start; }
.rd{ font-size: 16px; }
.rd .topbar{ display: none; }
.rd .header .wrap{ gap: 10px; min-height: 64px; }
.rd .logo img{ height: 32px; }
.rd .actions .btn-primary.hide-sm{ display: none; }
.rd .g2, .rd .g3, .rd .g4, .rd .paths, .rd .show, .rd .person, .rd .split, .rd .addon-list, .rd .choices.g2, .rd .form .row{ grid-template-columns: 1fr; }
.rd .bento{ grid-template-columns: 1fr; }
.rd .b-wide, .rd .b-third{ grid-column: auto; }
.rd .thread{ grid-template-columns: 1fr; }
.rd .thread li{ padding: 0 0 0 64px; min-height: 46px; }
.rd .domain-strip{ grid-template-columns: 1fr; }
.rd .facts > div{ flex-basis: 50%; border-bottom: 1px solid var(--line); }
.rd .kv{ grid-template-columns: 1fr 1fr; }
.rd .kv div:nth-child(2){ border-right: 0; }
.rd .kv div:nth-child(-n+2){ border-bottom: 1px solid var(--line); }
.rd .quick{ grid-template-columns: 1fr 1fr; }
.rd .footer-grid{ grid-template-columns: 1fr 1fr; }
.rd .footer-brand{ grid-column: 1 / -1; }
.rd .person .photo{ max-width: 240px; }
.rd .mbar{ display: flex; gap: 10px; position: fixed; left: 0; right: 0; bottom: 0; z-index: 40; padding: 10px 16px calc(10px + env(safe-area-inset-bottom)); background: color-mix(in srgb, var(--bg-2) 94%, transparent); backdrop-filter: blur(10px); border-top: 1px solid var(--line-2); }
.rd .mbar .btn{ flex: 1; }
body:has(.rd .mbar){ padding-bottom: 76px; }
.rd .plan .for{ min-height: 0; }
.rd .search span{ display: none; }}
.rd .thread.t3{ grid-template-columns: repeat(3, 1fr); }
.rd .thread.t5{ grid-template-columns: repeat(5, 1fr); }
.rd .thread.v{ grid-template-columns: 1fr; gap: 26px; }
.rd .thread.v::before{ display: none; }
.rd .thread.v li{ padding: 0 0 0 64px; min-height: 46px; }
.rd .pricing-grid{ display: grid; grid-template-columns: 200px 1fr; gap: 40px; }
.rd .side-card{ margin-top: 72px; }
.rd .main, .rd .shop-layout > *, .rd .split > *, .rd .grid > *{ min-width: 0; }
@media (max-width: 1080px){.rd .thread.t5, .rd .thread.t3{ grid-template-columns: 1fr 1fr; }
.rd .pricing-grid{ grid-template-columns: 1fr; }
.rd .pricing-grid .toc{ display: flex; flex-wrap: wrap; gap: 6px; position: static; }
.rd .pricing-grid .toc a{ border: 1px solid var(--line-2); border-radius: 99px; padding: 6px 12px; }}
@media (max-width: 720px){.rd .thread.t5, .rd .thread.t3{ grid-template-columns: 1fr; }
.rd .side-card{ margin-top: 0; }
.rd .copy{ flex-wrap: wrap; }
.rd .copy input{ flex: 1 1 100%; }
.rd .tabs{ display: flex; overflow-x: auto; flex-wrap: nowrap; max-width: 100%; }
.rd .tabs a{ white-space: nowrap; }}
.rd .cart svg{ width: 22px; height: 22px; }
.rd .meter.plain::after{ display: none; }
.rd .nav > a, .rd .nav-btn, .rd .actions .btn{ white-space: nowrap; }
.rd .hero-c{ padding: 40px 0 36px; }
.rd .gold-thread{ position: absolute; left: 0; right: 0; top: 46%; width: 100%; height: 160px; z-index: 0; opacity: .55; filter: drop-shadow(0 0 6px rgba(242,183,5,.6)); pointer-events: none; }
.rd .carousel{ position: relative; z-index: 1; display: block !important; }
.rd .slide{ display: grid; grid-template-columns: 1fr 1.05fr; gap: 48px; align-items: center; min-height: 440px; }
.rd .slide[hidden]{ display: none; }
.rd .slide-h{ font-size: clamp(2rem, 4.3vw, 3.3rem); line-height: 1.08; margin: 14px 0 12px; }
.rd .slide-h em{ font-style: normal; color: var(--accent); }
.rd .slide .lead{ margin-bottom: 24px; }
@media (prefers-reduced-motion: no-preference){.rd .slide.on{ animation: slidein .6s ease both; }
@keyframes slidein{ from { opacity: 0; transform: translateX(16px); } to { opacity: 1; transform: none; } }}
.rd .car-ctl{ display: flex; align-items: center; gap: 10px; margin-top: 18px; }
.rd .car-ctl button{ background: var(--surface); color: var(--text); border: 1px solid var(--line-2); border-radius: 99px; min-width: 44px; min-height: 44px; cursor: pointer; font: 600 1rem var(--font-body); }
.rd .car-ctl .car-prev, .rd .car-ctl .car-next{ font-size: 1.4rem; line-height: 1; }
.rd .car-ctl .car-pause{ padding: 0 16px; margin-left: 6px; font-size: .9rem; }
.rd .dots{ display: flex; gap: 2px; }
.rd .dots .dot{ min-width: 28px !important; min-height: 44px !important; border: 0 !important; background: none !important; position: relative; }
.rd .dots .dot::after{ content: ""; position: absolute; left: 6px; right: 6px; top: 20px; height: 4px; border-radius: 4px; background: var(--line-2); }
.rd .dots .dot.on::after{ background: var(--accent); }
.rd .chip small{ color: var(--muted); font-size: .78rem; }
.rd .glass-search{ position: relative; z-index: 1; margin-top: 26px; display: grid; grid-template-columns: auto 1fr; gap: 20px; align-items: center; padding: 16px 18px 16px 24px;
  border-radius: 18px; background: rgba(20,35,56,.55); border: 1px solid rgba(242,183,5,.35); backdrop-filter: blur(10px); box-shadow: 0 0 0 1px rgba(255,255,255,.02), 0 20px 50px rgba(0,0,0,.35); }
.rd .glass-search label{ margin: 0; }
.rd .glass-search label b{ display: block; font-size: 1.05rem; }
.rd .glass-search label span{ color: var(--muted); font-weight: 400; font-size: .88rem; }
.rd .glass-search .search{ background: rgba(11,21,34,.8); }
.rd .glass-search .btn svg{ width: 18px; height: 18px; }
.rd .compare table td{ text-align: center; width: 22%; }
.rd .compare th[scope=row]{ font-weight: 500; color: var(--text); background: none; font-size: .96rem; }
.rd .compare thead th:not(:first-child){ text-align: center; }
.rd .compare tfoot td, .rd .compare tfoot th{ border-top: 1px solid var(--line-2); border-bottom: 0; }
.rd .compare thead th:nth-child(2), .rd .compare td:nth-child(2){ background: rgba(242,183,5,.06); }
.rd .yes svg{ width: 22px; height: 22px; color: var(--good); display: inline-block; }
.rd .no{ color: var(--muted); font-size: 1.2rem; }
.rd .tour-panel{ display: grid; grid-template-columns: 1.2fr 1fr; gap: 48px; align-items: center; }
.rd .tour-panel[hidden]{ display: none; }
.rd .tour-h{ font: 600 .82rem var(--font-body); text-transform: uppercase; letter-spacing: .08em; color: var(--muted); margin: 20px 0 10px; }
.rd .mini-steps{ list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.rd .mini-steps li{ background: var(--surface); border: 1px solid var(--line); border-radius: 12px; padding: 12px; font-size: .9rem; line-height: 1.35; display: flex; flex-direction: column; gap: 8px; }
.rd .mini-steps .icon{ width: 34px; height: 34px; margin: 0; border-radius: 10px; }
.rd .mini-steps .icon svg{ width: 18px; height: 18px; }
.rd .ex-row{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin: 36px 0 12px; }
.rd .ex-card{ position: relative; display: block; height: 340px; overflow: hidden; border-radius: 18px; border: 1px solid var(--line-2); text-decoration: none; color: var(--text); background: #0a111b; }
.rd .ex-card img{ width: 100%; height: auto; transition: transform 6s ease; }
.rd .ex-card:hover img{ transform: translateY(calc(-100% + 340px)); }
.rd .ex-card:hover{ border-color: var(--accent); color: var(--text); }
.rd .ex-cap{ position: absolute; left: 0; right: 0; bottom: 0; padding: 60px 20px 18px; background: linear-gradient(transparent, rgba(11,21,34,.95) 55%); display: flex; flex-direction: column; }
.rd .ex-cap small{ color: var(--muted); }
.rd .ex-cap b{ font-size: 1.15rem; }
.rd .ex-cap em{ font-style: normal; color: var(--accent); font-weight: 600; font-size: .9rem; margin-top: 4px; }
.rd .b-full{ grid-column: 1 / -1; }
.rd .bento.vis .card h3{ margin: 16px 0 4px; }
.rd .bento.vis .from{ margin: 0; padding: 0; }
.rd .viz{ border-radius: 12px; border: 1px solid var(--line-2); background: var(--bg); overflow: hidden; height: 150px; position: relative; }
.rd .viz-browser .bar{ display: flex; align-items: center; gap: 6px; padding: 8px 10px; background: var(--bg-2); border-bottom: 1px solid var(--line); font-size: .75rem; color: var(--muted); }
.rd .viz-browser .bar i{ width: 8px; height: 8px; border-radius: 50%; background: var(--line-2); }
.rd .viz-browser .bar b{ margin-left: 10px; font-weight: 500; background: var(--surface); padding: 2px 10px; border-radius: 99px; }
.rd .viz-status{ padding: 14px 16px; font-size: .9rem; }
.rd .viz-status p{ margin: 0 0 8px; display: flex; gap: 8px; align-items: center; color: var(--muted); }
.rd .viz-status p:first-child{ color: var(--text); }
.rd .viz-status svg{ width: 16px; height: 16px; color: var(--good); }
.rd .viz-status .dot{ width: 10px; height: 10px; border-radius: 50%; background: var(--good); box-shadow: 0 0 0 4px rgba(76,195,138,.2); }
.rd .viz-meters{ padding: 16px; font-size: .82rem; color: var(--muted); }
.rd .viz-meters p{ margin: 0 0 12px; }
.rd .viz-meters .meter{ display: block; margin-top: 5px; height: 8px; }
.rd .viz-inbox p{ margin: 0; padding: 12px 14px; border-bottom: 1px solid var(--line); font-size: .82rem; color: var(--muted); display: flex; gap: 2px; }
.rd .viz-inbox b{ color: var(--text); font-weight: 600; }
.rd .viz-inbox span{ margin-left: auto; background: var(--accent); color: var(--accent-ink); border-radius: 99px; font-size: .72rem; font-weight: 700; padding: 1px 7px; }
.rd .viz-domain{ display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 12px; padding: 18px; }
.rd .viz-domain > span:first-child{ display: block; width: 100%; padding: 10px 14px; border: 1px solid var(--accent); border-radius: 10px; font-size: .95rem; }
.rd .viz-domain b{ color: var(--accent); }
.rd .viz-addons{ display: grid; grid-template-columns: repeat(10, 1fr); gap: 10px; padding: 18px; height: auto; }
.rd .viz-addons span{ display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center; font-size: .72rem; color: var(--muted); }
.rd .viz-addons svg{ width: 40px; height: 40px; padding: 9px; border-radius: 12px; background: rgba(242,183,5,.1); color: var(--accent); }
@media (max-width: 1080px){.rd .slide, .rd .tour-panel{ grid-template-columns: 1fr; gap: 28px; min-height: 0; }
.rd .viz-addons{ grid-template-columns: repeat(5, 1fr); }}
@media (max-width: 720px){.rd .glass-search{ grid-template-columns: 1fr; gap: 10px; padding: 14px; }
.rd .mini-steps{ grid-template-columns: 1fr 1fr 1fr; }
.rd .mini-steps li{ font-size: .8rem; padding: 10px 8px; }
.rd .ex-row{ grid-template-columns: 1fr; }
.rd .ex-card{ height: 260px; }
.rd .viz-addons{ grid-template-columns: repeat(5, 1fr); gap: 6px; padding: 12px; }
.rd .viz-addons small{ font-size: .62rem; }
.rd .compare th[scope=row]{ font-size: .86rem; }
.rd .gold-thread{ top: 30%; }}
.rd .hero-c > .wrap{ display: block; }
.rd .ex-card{ height: auto; }
.rd .ex-card img{ aspect-ratio: 16 / 10; object-fit: cover; object-position: top; }
.rd .ex-card:hover img{ transform: scale(1.03); }
.rd .ex-cap{ position: static; background: var(--surface); padding: 14px 18px 16px; border-top: 1px solid var(--line); }
.rd .car-ctl{ gap: 6px; margin-top: 22px; }
.rd .dots{ gap: 8px; }
.rd .dots .dot{ min-width: 64px !important; min-height: 32px !important; padding: 0 !important; }
.rd .dots .dot::after{ left: 0; right: 0; top: 14px; height: 4px; overflow: hidden; }
.rd .dots .dot::before{ content: ""; position: absolute; left: 0; top: 14px; height: 4px; width: 0; border-radius: 4px; background: var(--accent); z-index: 1; }
.rd .dots .dot.on::after{ background: rgba(242,183,5,.25); }
.rd .dots .dot.on::before{ width: 100%; }
.rd .carousel.playing .dots .dot.on::before{ width: 0; animation: fill 7s linear forwards; }
.rd .carousel.held .dots .dot.on::before{ animation-play-state: paused; }
@keyframes fill{ to { width: 100%; } }
.rd .car-ctl .car-pause{ min-width: 32px !important; min-height: 32px !important; width: 32px; height: 32px; padding: 0 !important; margin-left: 4px; display: grid; place-items: center; background: transparent !important; border-color: var(--line) !important; opacity: .75; }
.rd .car-ctl .car-pause:hover{ opacity: 1; }
.rd .car-pause svg{ width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.rd .car-pause .i-play{ display: none; fill: currentColor; stroke: none; }
.rd .car-pause[aria-pressed="true"] .i-pause{ display: none; }
.rd .car-pause[aria-pressed="true"] .i-play{ display: block; }
.rd .search.pill{ border-radius: 99px; padding: 4px; align-items: center; background: rgba(11,21,34,.85); }
.rd .search.pill span{ background: none; border-right: 1px solid var(--line-2); padding: 0 12px 0 16px; height: 28px; }
.rd .search.pill input{ min-height: 44px; padding: 0 14px; }
.rd .search.pill .btn{ border-radius: 99px; min-height: 44px; }
.js .rd .drop .panel, .js .rd .drop:hover .panel, .js .rd .drop:focus-within .panel{ display: none; }
.js .rd .drop.open .panel{ display: grid; }
.rd .panel::before{ content: ""; position: absolute; left: 0; right: 0; top: -12px; height: 12px; }
@media (max-width: 1080px){.js .rd .header.open .drop .panel{ display: none; }
.js .rd .header.open .drop.open .panel{ display: grid; }}
@media (max-width: 720px){.rd .dots .dot{ min-width: 44px !important; }}
.rd .search input[type=search], .rd .search input[type=text]{ border: 0; background: none; border-radius: 0; min-height: 44px; }
.rd .search input[type=search]:focus{ outline: none; border: 0; }
.rd .search.pill:focus-within{ border-color: var(--accent); box-shadow: 0 0 0 3px rgba(242,183,5,.18); }
.rd .pricing-grid > *{ min-width: 0; }
.rd .choice .p .placeholder, .rd td.num .placeholder{ white-space: normal; display: inline-block; max-width: 220px; text-align: left; }
.rd .looks{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
@media (max-width: 720px){.rd .looks{ grid-template-columns: 1fr 1fr; }
.rd td.num{ white-space: normal; }
.rd .choice .p{ white-space: normal; text-align: right; }}
.rd .sx-me .panel{ left: auto; right: 0; width: 300px; grid-template-columns: 1fr; }
.rd .sx-me .nav-btn{ padding: 0 16px; }
.rd .glass-search.stacked{ grid-template-columns: 1fr; gap: 10px; }
.rd fieldset.card > legend{ float: left; width: 100%; margin-bottom: 12px; }
.rd fieldset.card > legend + *{ clear: both; }
@media (max-width: 720px) { body:has(.rd .mbar) .agency-wa { bottom: 88px; } }
.rd + .rd-enquiry, .rd-reviews { margin: 0; }