/* Quora-inspired product presentation for the single-robot storefront. */
.admin-bar .site-nav { top:32px; }
.admin-bar #wpadminbar { position:fixed; }
@media(max-width:782px) { .admin-bar .site-nav { top:46px; } }

/* Home navigation: quiet canvas, compact controls, and a real mobile menu. */
body.home .site-nav { position:absolute; inset:0 0 auto; z-index:20; background:transparent; box-shadow:none; color:#111; }
body.home .site-nav .nav-inner { width:min(1210px,calc(100% - 64px)); min-height:76px; margin-inline:auto; }
body.home .site-nav .nav-links { display:none; }
body.home .site-nav .nav-right { gap:10px; }
body.home .site-nav .nav-cart { width:44px; height:44px; border:0; border-radius:50%; background:#f0f0ee; color:#191919; }
body.home .site-nav .nav-right .btn-primary { min-height:44px; padding:13px 21px; border-radius:999px; background:#151515; color:#fff; font-size:13px; }
body.home .site-nav .nav-toggle { display:flex; align-items:center; justify-content:center; width:112px; height:44px; padding:0; border:0; border-radius:999px; background:#bfc0bd; color:#fff; }
body.home .site-nav .nav-toggle::before { content:"Menu"; font-size:14px; font-weight:500; }
body.home .site-nav .nav-toggle span { display:none; }
body.home .site-nav .nav-links.open { display:flex; position:absolute; top:68px; right:32px; z-index:30; flex-direction:column; min-width:190px; padding:10px; border-radius:18px; background:#151515; box-shadow:0 20px 45px rgba(0,0,0,.16); }
body.home .site-nav .nav-links.open a { display:block; padding:12px 14px; color:#fff; font-size:14px; }

.rw-one { --one-ink:#111; --one-muted:#747474; --one-line:#e7e7e5; --one-soft:#f4f4f2; --one-accent:#f2b42a; background:#fff; color:var(--one-ink); font-family:Inter,Arial,sans-serif; padding-top:0; }
.rw-one *, .rw-one *::before, .rw-one *::after { box-sizing:border-box; }
.rw-one-shell { width:min(1210px,calc(100% - 64px)); margin-inline:auto; }
.rw-one h1,.rw-one h2,.rw-one h3,.rw-one p,.rw-one figure { margin:0; }
.rw-one h1 { max-width:760px; font-size:clamp(74px,9.2vw,142px); line-height:.84; letter-spacing:-.085em; font-weight:500; }
.rw-one h2 { max-width:920px; font-size:clamp(48px,6.5vw,96px); line-height:.9; letter-spacing:-.075em; font-weight:500; }
.rw-one h3 { font-size:24px; line-height:1.08; letter-spacing:-.045em; font-weight:500; }
.rw-one p { color:var(--one-muted); font-size:16px; line-height:1.55; }
.rw-one a { text-decoration:none; }
.rw-one img { display:block; max-width:100%; height:auto; }
.rw-one h1 br,.rw-one h2 br { display:none; }
.rw-one .rw-one-kicker { color:#a7a7a4; font-size:10px; font-weight:600; text-transform:uppercase; letter-spacing:.18em; margin-bottom:24px; }

.rw-one-hero { display:grid; grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr); gap:clamp(36px,6vw,92px); align-items:end; min-height:calc(100svh - 8px); padding-block:132px 56px; }
.rw-one-intro { align-self:center; padding-bottom:20px; }
.rw-one .rw-one-lead { max-width:390px; margin-top:30px; font-size:16px; }
.rw-one-actions { display:flex; align-items:center; gap:18px; flex-wrap:wrap; margin-top:32px; }
.rw-one-button { display:inline-flex; align-items:center; justify-content:center; gap:22px; min-height:48px; padding:13px 20px; border:1px solid #111; border-radius:999px; background:#111; color:#fff; font-size:13px; font-weight:600; text-align:center; }
.rw-one-button:hover { background:#333; border-color:#333; color:#fff; }
.rw-one-text-link { display:inline-flex; align-items:center; gap:12px; min-height:44px; color:#111; font-size:13px; font-weight:500; }
.rw-one-text-link:hover { text-decoration:underline; text-underline-offset:5px; }
.rw-one .rw-one-fine { font-size:11px; line-height:1.6; margin-top:22px; }
.rw-one-hero-image { overflow:hidden; background:var(--one-soft); border-radius:26px; }
.rw-one-hero-image img { display:block; width:100%; aspect-ratio:1 / 1; object-fit:contain; }
.rw-one-hero-image figcaption { display:flex; justify-content:space-between; gap:12px; padding:14px 18px; color:#777; background:#f0f0ee; font-size:11px; }

.rw-one-specstrip { padding-block:104px 96px; border:0; background:#fff; }
.rw-one-specstrip>div { display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:18px 30px; color:#c6c6c3; font-size:clamp(15px,2vw,28px); font-weight:500; letter-spacing:-.035em; }
.rw-one-specstrip span { padding:0; }
.rw-one-specstrip span:first-child { color:#111; }
.rw-one-specstrip span+span { border:0; }

.rw-one-section { padding-block:128px; }
.rw-one-section-heading { max-width:900px; margin-bottom:54px; }
.rw-one-section-heading>p:last-child { max-width:520px; margin-top:28px; }
.rw-one-featuregrid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.rw-one-featuregrid article { min-height:370px; padding:28px; border:0; border-radius:24px; background:var(--one-soft); overflow:hidden; }
.rw-one-featuregrid article+article { border:0; padding-left:28px; }
.rw-one-featuregrid article::before { content:""; display:block; height:150px; margin:-28px -28px 30px; border-radius:24px 24px 0 0; background-position:center 48%; background-repeat:no-repeat; background-size:cover; }
.rw-one-featuregrid article:nth-child(1)::before { background-image:url("../images/robot-front-studio.png"); }
.rw-one-featuregrid article:nth-child(2)::before { background-image:url("../images/robot-clock-studio.png"); }
.rw-one-featuregrid article:nth-child(3)::before { background-image:url("../images/robot-settings-studio.png"); }
.rw-one-featuregrid article:nth-child(4)::before { background-image:url("../images/robot-speaker-studio.png"); }

/* Use wide feature artwork so the cards behave like the reference's
 * panorama-style image panels instead of cropping tall portrait sources. */
.rw-one-featuregrid article::before {
  height:320px;
  background-position:center;
  background-size:cover;
  background-color:#f3f2ef;
}
.rw-one-featuregrid article:nth-child(1)::before { background-image:url("../images/robot-front-panorama.png"); }
.rw-one-featuregrid article:nth-child(2)::before { background-image:url("../images/robot-clock-panorama.png"); }
.rw-one-featuregrid article:nth-child(3)::before { background-image:url("../images/robot-settings-panorama.png"); }
.rw-one-featuregrid article:nth-child(4)::before { background-image:url("../images/robot-speaker-panorama.png"); }

/* Let the wide images read as a calm panorama: the background rail moves
 * slowly inside the frame, while reduced-motion users get a still image. */
.rw-one-featuregrid article::before {
  background-size:cover;
  animation:rw-feature-pan 18s ease-in-out infinite alternate;
  will-change:background-position;
}
.rw-one-featuregrid article:nth-child(2)::before { animation-delay:-4.5s; }
.rw-one-featuregrid article:nth-child(3)::before { animation-delay:-9s; }
.rw-one-featuregrid article:nth-child(4)::before { animation-delay:-13.5s; }
@keyframes rw-feature-pan {
  from { background-position:0% 50%; }
  to { background-position:24% 50%; }
}
@media(prefers-reduced-motion:reduce) {
  .rw-one-featuregrid article::before { animation:none; }
}

@media(max-width:700px) {
  .rw-one-featuregrid article::before {
    height:260px;
    background-position:center;
    background-size:cover;
  }
}
.rw-one-number { display:block; margin-bottom:16px; color:#9b9b98; font-size:10px; font-weight:600; letter-spacing:.12em; }
.rw-one-featuregrid h3 { margin-bottom:14px; }
.rw-one-featuregrid p,.rw-one-buildgrid p { font-size:14px; }

.rw-one-story { padding-block:0 132px; background:#fff; }
.rw-one-storygrid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); gap:0; align-items:stretch; padding:14px; border-radius:28px; background:var(--one-soft); }
.rw-one-storygrid figure { max-width:none; }
.rw-one-storygrid img { width:100%; height:100%; min-height:520px; object-fit:cover; border-radius:20px; }
.rw-one-storygrid figcaption { margin:12px 4px 0; color:#8a8a87; font-size:10px; line-height:1.6; }
.rw-one-storygrid>div { align-self:center; padding:48px; }
.rw-one-storygrid h2 { max-width:560px; }
.rw-one-storygrid p:not(.rw-one-kicker) { max-width:430px; margin-top:28px; }
.rw-one-storygrid a { margin-top:22px; }

.rw-one-package { display:grid; grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); gap:clamp(42px,8vw,130px); align-items:start; }
.rw-one-package>div>p:not(.rw-one-kicker) { max-width:440px; margin-top:28px; }
.rw-one-packagecard { padding:34px; border:0; border-radius:24px; background:var(--one-soft); }
.rw-one-tag { display:inline-block; padding:9px 13px; border-radius:999px; background:#fff; color:#111; font-size:10px; font-weight:600; letter-spacing:.1em; }
.rw-one-packagecard h3 { margin-top:24px; font-size:32px; }
.rw-one .rw-one-packagecard>p { margin-top:8px; }
.rw-one-packagecard ul { margin:28px 0; padding:0; list-style:none; }
.rw-one-packagecard li { position:relative; padding:13px 0 13px 20px; border-bottom:1px solid #dededb; font-size:14px; line-height:1.5; }
.rw-one-packagecard li::before { content:""; position:absolute; top:21px; left:0; width:6px; height:6px; border-radius:50%; background:var(--one-accent); }
.rw-one-release { padding:15px 0 15px 17px; border-left:3px solid var(--one-accent); border-radius:0; background:transparent; }
.rw-one-release strong { font-size:14px; font-weight:600; }
.rw-one .rw-one-release p { margin-top:6px; font-size:13px; }
.rw-one-price { margin-bottom:20px; font-size:30px; }

.rw-one-build { border:0; background:#f7f7f6; }
.rw-one-buildgrid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; border:0; }
.rw-one-buildgrid article,.rw-one-buildgrid article+article { min-height:260px; padding:28px; border:0; border-radius:20px; background:#fff; }
.rw-one-buildgrid h3 { margin-bottom:16px; }
.rw-one .rw-one-buildnote { max-width:960px; margin-top:34px; padding-top:24px; border-top:1px solid #ddd; font-size:11px; line-height:1.65; }

.rw-one-faq { display:grid; grid-template-columns:.8fr 1.2fr; gap:clamp(44px,8vw,130px); }
.rw-one-questions details { border-bottom:1px solid var(--one-line); }
.rw-one-questions details:first-child { border-top:1px solid var(--one-line); }
.rw-one-questions summary { position:relative; cursor:pointer; padding:21px 38px 21px 0; color:#111; font-size:16px; font-weight:500; line-height:1.4; list-style:none; }
.rw-one-questions summary::-webkit-details-marker { display:none; }
.rw-one-questions summary::after { content:"+"; position:absolute; top:18px; right:0; color:#999; font-size:21px; font-weight:400; }
.rw-one-questions details[open] summary::after { content:"−"; }
.rw-one-questions p { max-width:560px; padding:0 38px 24px 0; font-size:14px; }
.rw-one a:focus-visible,.rw-one summary:focus-visible { outline:2px solid #111; outline-offset:4px; }
.rw-one [id] { scroll-margin-top:100px; }

@media(max-width:980px) {
  .rw-one-shell { width:calc(100% - 48px); }
  body.home .site-nav .nav-inner { width:calc(100% - 48px); }
  .rw-one-hero { grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:34px; }
  .rw-one h1 { font-size:clamp(64px,9vw,104px); }
  .rw-one-storygrid>div { padding:32px; }
}
@media(max-width:700px) {
  .rw-one-shell { width:calc(100% - 32px); }
  body.home .site-nav .nav-inner { width:calc(100% - 32px); }
  body.home .site-nav .nav-logo-image { width:120px; height:auto; }
  body.home .site-nav .nav-right .btn-primary { display:none; }
  body.home .site-nav .nav-cart { width:40px; height:40px; }
  body.home .site-nav .nav-toggle { width:92px; height:40px; }
  body.home .site-nav .nav-links.open { top:62px; right:16px; }
  .rw-one-hero { grid-template-columns:1fr; min-height:0; gap:34px; padding-block:116px 48px; }
  .rw-one-intro { align-self:auto; padding:0; }
  .rw-one h1 { max-width:560px; font-size:clamp(60px,17vw,92px); }
  .rw-one .rw-one-lead { max-width:420px; margin-top:24px; }
  .rw-one-hero-image { border-radius:20px; }
  .rw-one-hero-image img { aspect-ratio:1 / 1; }
  .rw-one-specstrip { padding-block:72px 68px; }
  .rw-one-specstrip>div { display:grid; grid-template-columns:1fr 1fr; gap:16px 18px; font-size:16px; }
  .rw-one-section { padding-block:84px; }
  .rw-one-section-heading { margin-bottom:36px; }
  .rw-one-featuregrid { grid-template-columns:1fr; gap:12px; }
  .rw-one-featuregrid article { min-height:0; padding:22px; border-radius:20px; }
  .rw-one-featuregrid article+article { padding-left:22px; }
  .rw-one-featuregrid article::before { height:170px; margin:-22px -22px 24px; border-radius:20px 20px 0 0; }
  .rw-one-story { padding-bottom:84px; }
  .rw-one-storygrid { grid-template-columns:1fr; padding:10px; border-radius:22px; }
  .rw-one-storygrid img { min-height:0; aspect-ratio:1 / 1.05; border-radius:16px; }
  .rw-one-storygrid>div { padding:32px 20px 26px; }
  .rw-one-package,.rw-one-faq { grid-template-columns:1fr; gap:36px; }
  .rw-one-packagecard { padding:24px 20px; border-radius:20px; }
  .rw-one-buildgrid { grid-template-columns:1fr; gap:12px; }
  .rw-one-buildgrid article,.rw-one-buildgrid article+article { min-height:0; padding:24px 22px; border-radius:18px; }
}
@media(max-width:380px) {
  .rw-one h1 { font-size:56px; }
  .rw-one-actions { align-items:flex-start; flex-direction:column; }
  .rw-one-specstrip>div { grid-template-columns:1fr; }
}

/* ─── Reference-inspired visual pass ─────────────────────────
 * Keep the product identity, but move the shell toward the reference:
 * light canvas, quiet controls, generous type and one clear surface per
 * section. These rules intentionally come last so they win over the older
 * dark starter-theme polish loaded earlier.
 */
:root {
  --rw-canvas: #f3f3f0;
  --rw-paper: #ffffff;
  --rw-ink: #111111;
  --rw-muted: #6f6f6b;
  --rw-rule: #e4e4df;
}

html, body { background:var(--rw-canvas) !important; color:var(--rw-ink) !important; }

.site-nav {
  height:90px !important;
  padding:10px 0 !important;
  background:rgba(243,243,240,.92) !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:blur(14px) !important;
  -webkit-backdrop-filter:blur(14px) !important;
}
.site-nav .nav-inner {
  width:min(1210px,calc(100% - 32px)) !important;
  min-height:66px;
  padding:7px 10px !important;
  border:1px solid var(--rw-rule);
  border-radius:20px;
  background:rgba(255,255,255,.94);
  box-shadow:0 8px 24px rgba(17,17,17,.05);
}
.site-nav .nav-logo {
  padding:3px 10px;
  border-radius:14px;
  background:transparent;
}
.site-nav .nav-logo-image {
  width:142px !important;
  height:56px !important;
  flex-basis:142px !important;
  object-fit:contain !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.site-nav .nav-links a { color:var(--rw-ink) !important; font-size:12px; font-weight:500; }
.site-nav .nav-links a:hover { color:#777 !important; }
.site-nav .nav-cart {
  width:42px !important;
  height:42px !important;
  background:#111 !important;
  border:0 !important;
  color:#fff !important;
}
.site-nav .nav-cart:hover { background:#333 !important; }
.site-nav .cart-count { background:#f2b52c !important; color:#111 !important; }
.site-nav .btn-primary {
  background:#111 !important;
  color:#fff !important;
  box-shadow:none !important;
}
.site-nav .btn-primary:hover { background:#333 !important; }
.site-nav .nav-toggle {
  background:#fff !important;
  border:1px solid var(--rw-rule) !important;
  color:#111 !important;
  box-shadow:none !important;
}
.site-nav .nav-toggle span { background:#111 !important; }

.rw-one {
  background:transparent !important;
  color:var(--rw-ink);
}
.rw-one h1,.rw-one h2,.rw-one h3 { color:var(--rw-ink); font-weight:450; }
.rw-one h1 { letter-spacing:-.085em; }
.rw-one h2 { letter-spacing:-.075em; }
.rw-one h1 br,.rw-one h2 br { display:block; }
.rw-one p { color:var(--rw-muted); }
.rw-one-hero {
  min-height:calc(100svh - 112px);
  margin-top:12px;
  padding:clamp(72px,8vw,118px) clamp(24px,4.5vw,64px) 52px;
  border:1px solid var(--rw-rule);
  border-radius:30px;
  background:var(--rw-paper);
}
.rw-one-hero-image { border-radius:22px; background:#f0f0ed; }
.rw-one-hero-image figcaption { background:#f0f0ed; color:#777; }
.rw-one-button { background:#111; border-color:#111; }
.rw-one-button:hover { background:#333; border-color:#333; }
.rw-one-text-link { color:#111; }
.rw-one-specstrip { background:var(--rw-canvas); }
.rw-one-featuregrid article {
  border:1px solid var(--rw-rule);
  background:var(--rw-paper);
  box-shadow:none;
}
.rw-one-story { background:var(--rw-canvas); }
.rw-one-storygrid { background:var(--rw-paper); border:1px solid var(--rw-rule); }
.rw-one-packagecard { border:1px solid var(--rw-rule); background:var(--rw-paper); }
.rw-one-tag { border:1px solid var(--rw-rule); }
.rw-one-build { background:#ecece8; }
.rw-one-buildgrid article { border:1px solid var(--rw-rule); }
.rw-one-questions details,.rw-one-questions details:first-child { border-color:var(--rw-rule); }
.site-footer {
  background:var(--rw-canvas) !important;
  color:var(--rw-ink) !important;
  border-top:1px solid var(--rw-rule) !important;
}
.site-footer .footer-brand p,.site-footer .footer-col ul a,.site-footer .footer-bottom { color:var(--rw-muted) !important; }
.site-footer .footer-col h4,.site-footer .footer-col ul a:hover { color:var(--rw-ink) !important; }
.site-footer .nav-logo { background:transparent; border-radius:14px; padding:4px 10px; }

/* Match the reference's first-fold composition on narrow screens: title,
 * then the square product image, then the supporting copy and actions. */
@media(max-width:700px) {
  .site-nav { height:82px !important; padding:8px 0 !important; }
  .site-nav .nav-inner { width:calc(100% - 20px) !important; min-height:64px; border-radius:18px; }
  .site-nav .nav-logo { padding:2px 8px; border-radius:12px; }
  .site-nav .nav-logo-image { width:116px !important; height:48px !important; flex-basis:116px !important; }
  .site-nav .nav-right { gap:8px; }
  .site-nav .nav-cart { width:40px !important; height:40px !important; }
  .site-nav .nav-toggle { width:76px !important; height:40px !important; }
  .rw-one-shell { width:calc(100% - 20px); }
  .rw-one-hero {
    display:grid;
    grid-template-columns:1fr;
    grid-template-areas:"kicker" "title" "image" "lead" "actions" "fine";
    gap:0;
    min-height:0;
    margin-top:10px;
    padding:70px 16px 26px;
    border-radius:24px;
  }
  .rw-one-intro { display:contents; }
  .rw-one-hero .rw-one-kicker { grid-area:kicker; margin-bottom:16px; }
  .rw-one-hero h1 { grid-area:title; margin-bottom:30px; font-size:clamp(58px,16vw,86px); }
  .rw-one-hero-image { grid-area:image; margin-bottom:24px; }
  .rw-one-hero .rw-one-lead { grid-area:lead; margin:0; }
  .rw-one-hero .rw-one-actions { grid-area:actions; margin-top:24px; }
  .rw-one-hero .rw-one-fine { grid-area:fine; margin-top:18px; }
  .rw-one-hero-image img { aspect-ratio:1 / 1; object-fit:contain; }
  .rw-one-featuregrid article { border-radius:18px; }
  .rw-one-storygrid,.rw-one-packagecard { border-radius:20px; }
}

/* Keep WooCommerce surfaces in the same calm visual language. */
body.woocommerce-cart, body.woocommerce-checkout, body.woocommerce-account { background:var(--rw-canvas) !important; }
.woocommerce-cart .wc-page-wrap,.woocommerce-checkout .wc-page-wrap,.woocommerce-account .wc-page-wrap { padding-top:122px; }
.woocommerce-cart .cart-empty-state,.woocommerce-checkout form.checkout,.woocommerce-checkout #order_review {
  border:1px solid var(--rw-rule) !important;
  border-radius:28px !important;
  box-shadow:none !important;
}
.woocommerce-cart .cart-empty-icon { font-size:2.6rem; opacity:.65; }
.woocommerce-cart .cart-empty-state h2 { color:var(--rw-ink) !important; font-weight:450; }
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce a.checkout-button,
.woocommerce .cart_totals .checkout-button,.single_add_to_cart_button {
  background:#111 !important;
  color:#fff !important;
  border:1px solid #111 !important;
  border-radius:999px !important;
  box-shadow:none !important;
}
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,
.woocommerce a.checkout-button:hover,.single_add_to_cart_button:hover { background:#333 !important; color:#fff !important; }
.cart-empty-state a,
.cart-empty-state a.button,
.rw-empty-cart a,
.rw-empty-cart a.button {
  background:#111 !important;
  border:1px solid #111 !important;
  border-radius:999px !important;
  color:#fff !important;
  box-shadow:none !important;
}
.woocommerce .cart-empty-state a.btn.btn-primary,
.woocommerce .cart-empty-state a.btn.btn-primary:hover {
  background:#111 !important;
  border-color:#111 !important;
  color:#fff !important;
}

/* Homepage hero: one quiet Quora-style panel with the navigation sitting
 * inside its top edge, a large title, and a centered product image. */
body.home .site-nav {
  position:absolute !important;
  inset:0 0 auto !important;
  height:auto !important;
  padding:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
body.home .site-nav .nav-inner {
  width:min(1210px,calc(100% - 40px)) !important;
  min-height:72px !important;
  margin:12px auto 0 !important;
  padding:8px 14px !important;
  border:0 !important;
  border-radius:18px !important;
  background:transparent !important;
  box-shadow:none !important;
}
body.home .site-nav .nav-logo { padding:0 !important; background:transparent !important; }
body.home .site-nav .nav-logo-image { width:154px !important; height:58px !important; flex-basis:154px !important; }
body.home .site-nav .nav-right .btn-primary { display:none !important; }
body.home .site-nav .nav-cart { background:#111 !important; color:#fff !important; }
body.home .site-nav .nav-toggle { background:#111 !important; border:0 !important; color:#fff !important; }
body.home .site-nav .nav-toggle span { background:#fff !important; }
/* This rule comes after the shared nav link color, so the open panel keeps
 * its readable light-on-dark treatment instead of inheriting black text. */
body.home .site-nav .nav-links.open a,
body.home .site-nav .nav-links.open a:hover,
body.home .site-nav .nav-links.open a:focus-visible {
  color:#fff !important;
}
body.home .site-nav .nav-links.open a:hover,
body.home .site-nav .nav-links.open a:focus-visible {
  background:#2a2a2a;
}

body.home .rw-one-hero {
  display:grid;
  grid-template-columns:1fr;
  grid-template-areas:"kicker" "title" "image" "lead" "actions" "fine";
  gap:0;
  align-items:stretch;
  min-height:calc(100svh - 28px);
  margin:12px auto 0;
  padding:106px clamp(24px,4vw,64px) 30px;
  border-radius:30px;
}
body.home .rw-one-intro { display:contents; }
body.home .rw-one-hero .rw-one-kicker { grid-area:kicker; margin-bottom:18px; }
body.home .rw-one-hero h1 {
  grid-area:title;
  max-width:780px;
  margin:0;
  font-size:clamp(72px,10vw,148px);
  line-height:.86;
}
body.home .rw-one-hero-image {
  grid-area:image;
  width:min(72%,780px);
  justify-self:center;
  align-self:center;
  margin:clamp(-24px,-2vw,0) auto 18px;
  background:#f4f3ef;
}
body.home .rw-one-hero-image img { aspect-ratio:1 / 1; object-fit:contain; }
body.home .rw-one-hero-image figcaption { display:none; }
body.home .rw-one-hero .rw-one-lead { grid-area:lead; max-width:390px; margin:0; }
body.home .rw-one-hero .rw-one-actions { grid-area:actions; margin:18px 0 0; }
body.home .rw-one-hero .rw-one-fine { grid-area:fine; margin:12px 0 0; }

@media(max-width:700px) {
  body.home .site-nav .nav-inner { width:calc(100% - 20px) !important; min-height:64px !important; margin-top:8px !important; padding:4px 8px !important; }
  body.home .site-nav .nav-logo-image { width:132px !important; height:52px !important; flex-basis:132px !important; }
  body.home .rw-one-hero {
    min-height:0;
    margin-top:8px;
    padding:78px 16px 26px;
    border-radius:24px;
  }
  body.home .rw-one-hero h1 { font-size:clamp(58px,16vw,86px); margin-bottom:24px; }
  body.home .rw-one-hero-image { width:100%; margin:0 0 22px; border-radius:20px; }
  body.home .rw-one-hero .rw-one-lead { max-width:420px; }
  body.home .rw-one-hero .rw-one-actions { margin-top:22px; }
}

/* Final first-fold polish: the reference uses one quiet surface, with the
 * product image visually belonging to that surface instead of a nested card. */
body.home { background:#fff !important; }
body.home .rw-one { background:#fff !important; }
body.home .rw-one-hero {
  border:0 !important;
  background:#f7f7f5 !important;
}
body.home .rw-one-hero h1 {
  max-width:none;
  font-size:clamp(64px,8.4vw,124px);
}
body.home .rw-one-hero-image {
  width:min(78%,820px);
  background:transparent;
  border-radius:0;
}
body.home .rw-one-hero-image img { border-radius:0; }

@media(max-width:700px) {
  body.home .rw-one-hero h1 { font-size:clamp(58px,16vw,86px); }
  body.home .rw-one-hero-image { width:100%; }
}

/* Quora-like first panel: the product owns the viewport, while the purchase
 * action stays attached to the panel and releases naturally when it ends. */
body.home .rw-one-hero {
  position:relative;
  min-height:calc(100svh - 28px);
  padding:82px clamp(28px,4vw,64px) 34px;
  grid-template-areas:"title" "image" "lead" "buy" "fine";
  overflow:visible;
}
body.home .rw-one-hero .rw-one-kicker { display:none; }
body.home .rw-one-hero h1 {
  grid-area:title;
  max-width:none;
  margin:0;
  font-size:clamp(64px,8.4vw,124px);
  line-height:.84;
}
body.home .rw-one-hero-image {
  grid-area:image;
  width:min(88%,920px);
  height:clamp(500px,68vh,760px);
  display:flex;
  align-items:center;
  justify-content:center;
  margin:clamp(-52px,-4vw,-24px) auto 8px;
}
body.home .rw-one-hero-image img {
  width:auto;
  height:100%;
  max-width:100%;
  object-fit:contain;
}
body.home .rw-one-hero .rw-one-lead {
  grid-area:lead;
  margin:0;
  max-width:440px;
}
body.home .rw-one-hero .rw-one-actions { display:none; }
body.home .rw-one-hero .rw-one-fine {
  grid-area:fine;
  display:none;
}
body.home .rw-one-side-labels {
  position:absolute;
  top:49%;
  right:clamp(24px,4vw,62px);
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:8px;
  color:#8a8a86;
  font-size:14px;
  line-height:1.1;
}
body.home .rw-one-side-labels span:first-child { color:#111; }
body.home .rw-one-hero-buy {
  grid-area:buy;
  position:sticky;
  bottom:26px;
  z-index:4;
  display:flex;
  align-items:center;
  gap:14px;
  width:max-content;
  margin-top:4px;
  align-self:end;
}
body.home .rw-one-buy-button {
  min-height:52px;
  padding:14px 22px;
  border-radius:999px;
  background:#111;
  color:#fff;
}
body.home .rw-one-buy-button:hover { background:#333; color:#fff; }
body.home .rw-one-buy-note { color:#8a8a86; font-size:11px; }

@media(max-width:700px) {
  body.home .rw-one-hero {
    min-height:calc(100svh - 12px);
    padding:68px 16px 28px;
  }
  body.home .rw-one-hero h1 { font-size:clamp(58px,16vw,86px); }
  body.home .rw-one-hero-image { width:100%; height:auto; display:block; margin:0 auto 18px; }
  body.home .rw-one-hero-image img { width:100%; height:auto; }
  body.home .rw-one-side-labels { display:none; }
  body.home .rw-one-hero-buy {
    position:sticky;
    bottom:18px;
    flex-direction:column;
    align-items:flex-start;
    gap:7px;
    width:max-content;
  }
}

/* Tighten the transition below the hero so the capabilities read as a
 * designed index, not a tall faded spacer. */
body.home .rw-one-specstrip {
  padding-block:52px 48px;
  background:#f4f4f1;
  border-top:1px solid #e7e7e2;
  border-bottom:1px solid #e7e7e2;
}
body.home .rw-one-specstrip>div {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  align-items:center;
  gap:22px;
  color:#686862;
  font-size:clamp(15px,1.75vw,25px);
  line-height:1.1;
}
@media(min-width:701px) {
  body.home .rw-one-specstrip span { white-space:nowrap; }
}
body.home .rw-one-specstrip span { color:#686862; }
body.home .rw-one-specstrip span:first-child { color:#111; }

@media(max-width:700px) {
  body.home .rw-one-specstrip { padding-block:34px 32px; }
  body.home .rw-one-specstrip>div { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; font-size:16px; }
}

/* Keep the reference-style capability index on one calm line on phones.
 * The rail is swipeable inside the page so it never widens the document. */
@media(max-width:700px) {
  body.home #features,
  body.home #package,
  body.home #build,
  body.home #faq { scroll-margin-top:64px; }
  body.home .rw-one-specstrip {
    overflow:hidden;
    padding-block:28px 26px;
  }
  body.home .rw-one-specstrip>div {
    display:flex;
    flex-wrap:nowrap;
    justify-content:flex-start;
    gap:26px;
    overflow-x:auto;
    overflow-y:hidden;
    padding:0 2px 3px;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  body.home .rw-one-specstrip>div::-webkit-scrollbar { display:none; }
  body.home .rw-one-specstrip span { flex:0 0 auto; white-space:nowrap; }
}

/* Feature carousel: one panoramic panel at a time, with arrows, dots and
 * touch swiping instead of a four-card grid. */
body.home .rw-one-carousel { position:relative; }
body.home .rw-one-carousel-viewport { overflow:hidden; border-radius:24px; }
body.home .rw-one-carousel .rw-one-featuregrid {
  display:flex;
  flex-wrap:nowrap;
  gap:0;
  transition:transform 1.05s cubic-bezier(.22,.61,.36,1);
  will-change:transform;
}
body.home .rw-one-carousel .rw-one-featuregrid article,
body.home .rw-one-carousel .rw-one-featuregrid article+article {
  flex:0 0 100%;
  width:100%;
  min-height:0;
  padding:28px;
  border:1px solid var(--rw-rule);
  border-radius:24px;
  background:var(--rw-paper);
}
body.home .rw-one-carousel .rw-one-featuregrid article::before {
  height:360px;
  margin:-28px -28px 30px;
  border-radius:24px 24px 0 0;
  background-position:left center;
  background-size:cover;
  animation:none;
}
body.home .rw-one-carousel-controls {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  margin-top:18px;
}
body.home .rw-one-carousel-arrow {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:42px;
  height:42px;
  border:1px solid var(--rw-rule);
  border-radius:50%;
  background:var(--rw-paper);
  color:var(--rw-ink);
  font:inherit;
  cursor:pointer;
}
body.home .rw-one-carousel-arrow:hover { background:#111; border-color:#111; color:#fff; }
body.home .rw-one-carousel-dots { display:flex; align-items:center; gap:8px; }
body.home .rw-one-carousel-dots button {
  width:8px;
  height:8px;
  padding:0;
  border:0;
  border-radius:50%;
  background:#c9c9c4;
  cursor:pointer;
}
body.home .rw-one-carousel-dots button[aria-selected="true"] { background:#111; transform:scale(1.25); }

@media(max-width:700px) {
  body.home .rw-one-carousel-viewport { border-radius:20px; }
  body.home .rw-one-carousel .rw-one-featuregrid article,
  body.home .rw-one-carousel .rw-one-featuregrid article+article { padding:22px; border-radius:20px; }
  body.home .rw-one-carousel .rw-one-featuregrid article::before {
    height:260px;
    margin:-22px -22px 24px;
    border-radius:20px 20px 0 0;
    background-position:left center;
  }
  body.home .rw-one-carousel-controls { margin-top:14px; }
}

/* Mobile tap targets: keep the visual controls compact while giving fingers
 * a dependable hit area. */
@media(max-width:700px) {
  body.home .site-nav .nav-cart,
  body.home .site-nav .nav-toggle { min-width:44px !important; min-height:44px !important; }
  body.home .site-nav .nav-toggle { width:76px !important; height:44px !important; }
  body.home .rw-one-carousel-arrow { width:44px; height:44px; flex:0 0 44px; }
  body.home .rw-one-carousel-dots { gap:0; }
  body.home .rw-one-carousel-dots button,
  body.home .rw-one-carousel-dots button[aria-selected="true"] {
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:44px;
    height:44px;
    padding:0;
    border:0;
    border-radius:50%;
    background:transparent;
    transform:none;
  }
  body.home .rw-one-carousel-dots button::before {
    content:"";
    display:block;
    width:8px;
    height:8px;
    border-radius:50%;
    background:#c9c9c4;
    transition:width .2s ease,height .2s ease,background-color .2s ease;
  }
  body.home .rw-one-carousel-dots button[aria-selected="true"]::before {
    width:10px;
    height:10px;
    background:#111;
  }
  body.home .rw-one-carousel-dots button:focus-visible {
    outline:2px solid #111;
    outline-offset:2px;
  }
}