@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

/* Exact port of Floot xYz Visual Rebuild Experiment home — 2026-10-04 */
body.floot-home {
  margin: 0;
  background: #02040a;
  color: #f4f7ff;
  font-family: Inter, system-ui, sans-serif;
}
body.floot-home *, body.floot-home *::before, body.floot-home *::after { box-sizing: border-box; }
body.floot-home button,
body.floot-home input,
body.floot-home textarea,
body.floot-home select { font-family: Inter, system-ui, sans-serif; }
body.floot-home .floot-page {
  min-height: 100vh;
  background: #02040a;
  color: #f4f7ff;
  font-family: Inter, system-ui, sans-serif;
}
body.floot-home .floot-hero {
  position: relative;
  min-height: 100vh;
  overflow: hidden;
  padding: 28px clamp(20px,5vw,72px) 64px;
  background:
    radial-gradient(circle at 54% 22%, rgba(69,97,226,.18), transparent 28%),
    radial-gradient(circle at 78% 52%, rgba(59,156,255,.08), transparent 30%),
    linear-gradient(180deg,#03060d 0%,#050814 62%,#03050a 100%);
}
body.floot-home .floot-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(122,164,255,.028) 1px, transparent 1px),
    linear-gradient(90deg,rgba(122,164,255,.028) 1px, transparent 1px);
  background-size: 78px 78px;
  mask-image: radial-gradient(circle at 52% 42%, #000 10%, transparent 78%);
}
body.floot-home .floot-topbar {
  position: relative;
  z-index: 3;
  width: auto;
  max-width: 1260px;
  margin: 0 auto;
  min-height: 64px;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr auto auto;
  align-items: center;
  gap: 28px;
  border: 0;
  border-bottom: 1px solid rgba(112,155,230,.12);
  background: transparent;
}
body.floot-home .floot-brand {
  display: flex;
  align-items: baseline;
  gap: 12px;
  color: inherit;
  text-decoration: none;
}
body.floot-home .floot-brand strong {
  font-size: 1.5rem;
  font-weight: 760;
  letter-spacing: -.055em;
}
body.floot-home .floot-brand span {
  color: #7188a5;
  font-size: .63rem;
  letter-spacing: .08em;
}
body.floot-home .floot-topbar nav {
  display: flex;
  align-items: center;
  gap: 24px;
}
body.floot-home .floot-topbar nav a,
body.floot-home .floot-start-link {
  color: #8ea2bd;
  text-decoration: none;
  font-size: .75rem;
  font-weight: 400;
}
body.floot-home .floot-start-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 7px 13px;
  border: 1px solid rgba(117,217,255,.28);
  border-radius: 999px;
  color: #e7f6ff;
  background: rgba(14,31,54,.65);
}
body.floot-home .floot-hero-grid {
  position: relative;
  z-index: 2;
  width: auto;
  max-width: 1260px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0,1fr) 330px;
  gap: 72px;
  align-items: center;
  padding-top: 74px;
}
body.floot-home .floot-hero-copy { min-width: 0; max-width: none; }
body.floot-home .floot-eyebrow {
  margin: 0 0 14px;
  color: #71c9ff;
  font-size: .78rem;
  letter-spacing: .045em;
}
body.floot-home .floot-hero h1 {
  margin: 0;
  max-width: 860px;
  font-size: clamp(4rem,7.2vw,7.4rem);
  line-height: .96;
  letter-spacing: -.065em;
  font-weight: 430;
  white-space: normal;
}
body.floot-home .floot-hero h1 span { color: #76a7ff; background: none; -webkit-text-fill-color: initial; }
body.floot-home .floot-support {
  margin: 18px 0 0;
  color: #9aabc0;
  font-size: 1.05rem;
  line-height: 1.6;
}
body.floot-home .floot-command-box {
  max-width: 760px;
  margin-top: 32px;
  padding: 7px;
  display: grid;
  grid-template-columns: 1fr 46px;
  gap: 8px;
  min-height: 0;
  border: 1px solid rgba(112,180,255,.22);
  border-radius: 15px;
  background: rgba(5,13,26,.78);
  box-shadow: 0 20px 70px rgba(0,0,0,.22);
  backdrop-filter: none;
}
body.floot-home .floot-command-box input {
  min-width: 0;
  height: 50px;
  border: 0;
  outline: 0;
  background: transparent;
  color: #eaf4ff;
  padding: 0 13px;
  font: inherit;
  font-size: .9rem;
}
body.floot-home .floot-command-box input::placeholder { color: #687d97; }
body.floot-home .floot-command-box button {
  width: auto;
  height: auto;
  border: 0;
  border-radius: 11px;
  background: #173d68 !important;
  color: #edf4ff !important;
  font-size: 1.15rem;
  cursor: pointer;
  box-shadow: none !important;
}
body.floot-home .floot-command-meta {
  max-width: 760px;
  margin-top: 11px;
  display: flex;
  justify-content: space-between;
  gap: 18px;
  color: #687d97;
  font-size: .68rem;
}
body.floot-home .floot-command-meta a { color: #94cfff; text-decoration: none; }
body.floot-home .floot-wishes {
  max-width: 850px;
  margin-top: 42px;
  padding: 25px 0 0;
  border: 0;
  border-top: 1px solid rgba(112,155,230,.12);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
}
body.floot-home .floot-wish-head {
  display: flex;
  justify-content: space-between;
  gap: 22px;
  align-items: flex-end;
}
body.floot-home .floot-wish-head > div:first-child { display: grid; gap: 6px; }
body.floot-home .floot-wish-head span {
  color: #6f89a9;
  font-size: .58rem;
  letter-spacing: .12em;
}
body.floot-home .floot-wish-head strong {
  font-size: 1rem;
  font-weight: 440;
}
body.floot-home .floot-orbs { display: flex; gap: 6px; }
body.floot-home .floot-orbs i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #71c9ff;
  box-shadow: 0 0 14px rgba(113,201,255,.34);
}
body.floot-home .floot-wish-grid {
  margin-top: 14px;
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 10px;
}
body.floot-home .floot-wish-card {
  min-height: 152px;
  padding: 18px;
  border: 1px solid rgba(112,155,230,.14);
  border-radius: 15px;
  background: rgba(7,15,29,.58);
  color: inherit;
  text-align: left;
  cursor: pointer;
  transition: .18s ease;
  box-shadow: none;
}
body.floot-home .floot-wish-card:hover:not(:disabled) {
  transform: translateY(-2px);
  border-color: rgba(112,210,255,.38);
  background: rgba(13,29,53,.72);
}
body.floot-home .floot-wish-card::after { display: none; }
body.floot-home .floot-wish-card strong {
  display: block;
  padding: 0;
  margin: 0;
  font-size: .88rem;
  line-height: 1.4;
  font-weight: 500;
  letter-spacing: 0;
}
body.floot-home .floot-wish-card span {
  display: block;
  margin-top: 12px;
  color: #8395ab;
  font-size: .72rem;
  line-height: 1.55;
  letter-spacing: 0;
}
body.floot-home .floot-eugene {
  position: relative;
  display: grid;
  justify-items: center;
  align-self: end;
  width: auto;
  margin: 0;
  padding: 0 0 24px;
  animation: none;
  color: inherit;
}
body.floot-home .floot-pet-glow {
  position: absolute;
  width: 320px;
  height: 320px;
  top: 18%;
  inset-inline: auto;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(52,152,255,.16), transparent 67%);
  filter: blur(8px);
}
body.floot-home .floot-eugene-frame-wrap {
  position: relative;
  z-index: 1;
  width: 274px;
  height: 500px;
}
body.floot-home .floot-eugene-frame {
  position: absolute;
  inset: 0;
  width: 274px;
  height: 500px;
  object-fit: contain;
  opacity: 0;
}
body.floot-home .floot-eugene-frame.is-active { opacity: 1; }
body.floot-home .floot-eugene-intro {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 3px;
  margin-top: -4px;
  text-align: center;
}
body.floot-home .floot-eugene-intro strong { font-size: .82rem; font-weight: 600; }
body.floot-home .floot-eugene-intro span { color: #8295ad; font-size: .68rem; }
body.floot-home .floot-voice {
  position: relative;
  z-index: 2;
  margin-top: 11px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: auto;
  min-height: 0;
  padding: 8px 12px;
  border: 1px solid rgba(112,180,255,.28);
  border-radius: 999px;
  background: rgba(7,17,34,.58);
  color: #c5ddff;
  font: inherit;
  font-size: .68rem;
}
body.floot-home .floot-voice svg {
  width: 15px;
  height: 15px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
}
/* geniUX product: internal business brain counterpart to SiteGPT */
body.floot-home .floot-geniux {
  width:auto;
  max-width:1180px;
  margin:0 auto 28px;
  padding:clamp(34px,4vw,54px);
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);
  gap:clamp(36px,6vw,76px);
  align-items:center;
  overflow:hidden;
  border:1px solid rgba(111,206,177,.18);
  border-radius:22px;
  background:
    radial-gradient(circle at 84% 18%,rgba(35,150,121,.16),transparent 34%),
    linear-gradient(135deg,rgba(7,17,31,.96),rgba(5,18,21,.92));
}
body.floot-home .floot-geniux-brand {
  display:flex;
  align-items:baseline;
  gap:12px;
  margin-bottom:18px;
}
body.floot-home .floot-geniux-brand strong {
  color:#f4f7ff;
  font-size:1.08rem;
  line-height:1;
  letter-spacing:-.035em;
  font-weight:650;
}
body.floot-home .floot-geniux-brand span {
  color:#69cdb4;
  font-size:.62rem;
  line-height:1;
  letter-spacing:.14em;
}
body.floot-home .floot-geniux h2 {
  max-width:720px;
  margin:0;
  color:#f4f7ff;
  font-size:clamp(2.6rem,4.7vw,4.8rem);
  line-height:.96;
  letter-spacing:-.058em;
  font-weight:430;
}
body.floot-home .floot-geniux h2 em {
  color:#6ed2b8;
  font-style:normal;
  font-weight:520;
}
body.floot-home .floot-geniux-copy > p {
  max-width:620px;
  margin:22px 0 0;
  color:#91a7b8;
  font-size:clamp(.92rem,1.2vw,1.02rem);
  line-height:1.62;
}
body.floot-home .floot-geniux-actions {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  margin-top:26px;
}
body.floot-home .floot-geniux-actions a {
  min-height:48px;
  display:inline-flex;
  align-items:center;
  padding:0 18px;
  border-radius:999px;
  text-decoration:none;
  font-size:.8rem;
  font-weight:600;
}
body.floot-home .floot-geniux-primary {
  border:1px solid rgba(111,206,177,.38);
  background:#165c50;
  color:#f5fffb;
}
body.floot-home .floot-geniux-primary:hover { background:#1d7565; }
body.floot-home .floot-geniux-secondary {
  border:1px solid rgba(119,160,196,.18);
  color:#a8bad0;
  background:rgba(10,24,36,.56);
}
body.floot-home .floot-geniux-capabilities {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:9px;
  margin-top:24px;
  color:#718b96;
  font-size:.65rem;
}
body.floot-home .floot-geniux-capabilities i {
  width:3px;height:3px;border-radius:50%;background:#3e776c;
}
body.floot-home .floot-geniux-visual {
  min-width:0;
  display:flex;
  justify-content:flex-end;
}
body.floot-home .floot-geniux-brain {
  position:relative;
  width:min(100%,430px);
  aspect-ratio:1.18/1;
  border:1px solid rgba(111,206,177,.16);
  border-radius:24px;
  background:
    radial-gradient(circle at 50% 52%,rgba(59,175,145,.15),transparent 28%),
    rgba(5,18,25,.72);
  box-shadow:0 28px 70px rgba(0,0,0,.25);
}
body.floot-home .floot-geniux-brain:before,
body.floot-home .floot-geniux-brain:after {
  content:"";
  position:absolute;
  inset:18% 16%;
  border:1px solid rgba(105,204,177,.12);
  border-radius:50%;
}
body.floot-home .floot-geniux-brain:after { inset:30% 28%; }
body.floot-home .brain-core {
  position:absolute;
  left:50%;top:50%;
  width:46%;aspect-ratio:1;
  transform:translate(-50%,-50%);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(111,206,177,.28);
  border-radius:50%;
  background:radial-gradient(circle at 45% 36%,rgba(54,180,148,.2),rgba(7,26,31,.96));
  box-shadow:0 0 46px rgba(52,176,145,.12);
}
body.floot-home .brain-core small {
  color:#67c9af;
  font-size:.46rem;
  letter-spacing:.14em;
}
body.floot-home .brain-core strong {
  margin-top:8px;
  color:#f3fbf8;
  font-size:1.45rem;
  letter-spacing:-.05em;
  font-weight:600;
}
body.floot-home .brain-core span {
  margin-top:4px;
  color:#789b94;
  font-size:.66rem;
}
body.floot-home .floot-geniux-brain .node {
  position:absolute;
  z-index:2;
  padding:9px 11px;
  border:1px solid rgba(111,206,177,.18);
  border-radius:999px;
  background:#091c25;
  color:#8fb2aa;
  font-size:.57rem;
  white-space:nowrap;
}
body.floot-home .node-context { left:7%;top:16%; }
body.floot-home .node-memory { right:8%;top:18%; }
body.floot-home .node-approval { left:8%;bottom:16%; }
body.floot-home .node-work { right:9%;bottom:17%; }

@media(max-width:820px){
  body.floot-home .floot-geniux {
    margin-left:16px;
    margin-right:16px;
    padding:34px 26px;
    grid-template-columns:1fr;
    gap:34px;
  }
  body.floot-home .floot-geniux h2 { font-size:clamp(2.55rem,10.5vw,4rem); }
  body.floot-home .floot-geniux-visual { justify-content:flex-start; }
  body.floot-home .floot-geniux-brain { width:min(100%,520px); }
}
@media(max-width:520px){
  body.floot-home .floot-geniux-brand { align-items:flex-start;flex-direction:column;gap:8px; }
  body.floot-home .floot-geniux-actions { align-items:stretch;flex-direction:column; }
  body.floot-home .floot-geniux-actions a { justify-content:center; }
  body.floot-home .floot-geniux-capabilities { gap:7px;font-size:.61rem; }
  body.floot-home .floot-geniux-brain .node { font-size:.5rem;padding:7px 9px; }
}

body.floot-home .floot-footer {
  width: auto;
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
  background: transparent;
}
body.floot-home .floot-build {
  width:auto;
  max-width:1180px;
  margin-left:auto;
  margin-right:auto;
  padding:112px 24px 122px;
  border:0;
}
body.floot-home .floot-section-intro span,
body.floot-home .floot-how span,
body.floot-home .floot-safety > span,
body.floot-home .floot-final-cta > p {
  color: #6f8baa;
  font-size: .63rem;
  letter-spacing: .14em;
}
body.floot-home .floot-section-intro h2,
body.floot-home .floot-how h2,
body.floot-home .floot-safety h2,
body.floot-home .floot-final-cta h2 {
  margin: 12px 0 0;
  max-width: none;
  font-size: clamp(2.8rem,5.2vw,5rem);
  line-height: 1;
  letter-spacing: -.055em;
  font-weight: 430;
}
body.floot-home .floot-section-intro p {
  max-width: 720px;
  margin: 16px 0 0;
  color: #8fa2ba;
  font-size: 1rem;
  line-height: 1.7;
}
body.floot-home .floot-build-rows {
  margin-top: 56px;
  display: block;
  border-top: 1px solid rgba(112,155,230,.14);
}
body.floot-home .floot-build-rows article {
  min-height: 170px;
  padding: 28px 0;
  display: grid;
  grid-template-columns: 62px 1fr auto;
  gap: 28px;
  align-items: center;
  border: 0;
  border-bottom: 1px solid rgba(112,155,230,.14);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
body.floot-home .floot-build-rows article > span {
  align-self: center;
  padding: 0;
  color: #5f7ba0;
  font-size: .68rem;
  letter-spacing: 0;
}
body.floot-home .floot-build-rows h3 {
  margin: 0;
  font-size: 1.65rem;
  font-weight: 450;
  letter-spacing: -.03em;
}
body.floot-home .floot-build-rows p {
  max-width: 650px;
  margin: 8px 0 0;
  color: #8093ab;
  font-size: .84rem;
  line-height: 1.6;
}
body.floot-home .floot-build-rows a {
  grid-column: auto;
  margin: 0;
  align-self: center;
  color: #9fcfff;
  text-decoration: none;
  font-size: .75rem;
}
body.floot-home .floot-how {
  width:auto;
  max-width:1180px;
  margin-left:auto;
  margin-right:auto;
  padding:100px 24px;
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 70px;
  align-items: end;
  border: 0;
  border-top: 1px solid rgba(112,155,230,.14);
}
body.floot-home .floot-how p {
  margin: 0;
  color: #8fa2ba;
  font-size: 1rem;
  line-height: 1.75;
}
body.floot-home .floot-safety {
  width:auto;
  max-width:1180px;
  margin-left:auto;
  margin-right:auto;
  padding: 106px 24px;
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  grid-template-areas:
    "kicker title"
    "copy title";
  column-gap: clamp(44px,7vw,110px);
  row-gap: 28px;
  align-items: start;
  border: 0;
  border-top: 1px solid rgba(112,155,230,.14);
  border-radius: 0;
  background: transparent;
}
body.floot-home .floot-safety > span { grid-area: kicker; }
body.floot-home .floot-safety h2 {
  grid-area: title;
  max-width: 720px;
  margin-top: 0;
}
body.floot-home .floot-safety p {
  grid-area: copy;
  max-width: 560px;
  margin: 0;
  color: #91a4bc;
  font-size: 1rem;
  line-height: 1.75;
}
body.floot-home .floot-final-cta {
  position:relative;
  width:auto;
  max-width:1180px;
  margin:28px auto 34px;
  padding:84px clamp(28px,6vw,76px) 92px;
  overflow:hidden;
  text-align:left;
  border:1px solid rgba(104,151,224,.16);
  border-radius:24px;
  background:
    radial-gradient(circle at 84% 38%,rgba(45,116,210,.08),transparent 25%),
    linear-gradient(135deg,#071019 0%,#07101a 58%,#09121e 100%);
  box-shadow:0 26px 90px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.022);
}
body.floot-home .floot-final-cta::before,
body.floot-home .floot-final-cta::after{
  content:"";
  position:absolute;
  pointer-events:none;
}
body.floot-home .floot-final-cta::before{
  width:520px;
  height:520px;
  right:-150px;
  top:-210px;
  background:radial-gradient(circle,rgba(104,177,255,.08) 0 1px,transparent 1.7px);
  background-size:14px 14px;
  opacity:.52;
  transform:rotate(-10deg);
  mask-image:radial-gradient(circle at 45% 55%,#000 0 45%,transparent 74%);
}
body.floot-home .floot-final-cta::after{
  width:360px;
  height:1px;
  right:64px;
  bottom:64px;
  background:linear-gradient(90deg,transparent,rgba(84,142,228,.26),transparent);
  box-shadow:0 -34px 0 rgba(84,142,228,.03),0 -68px 0 rgba(84,142,228,.02);
}
body.floot-home .floot-final-cta > *{position:relative;z-index:1}
body.floot-home .floot-final-cta > p {
  margin:0;
  color:#6fcdf4;
  font-size:.65rem;
  letter-spacing:.18em;
}
body.floot-home .floot-final-cta h2 {
  max-width:760px;
  margin-top:14px;
  font-size:clamp(4rem,8vw,7rem);
  color:#f5f7fb;
}
body.floot-home .floot-final-cta h2::after{
  content:"";
  display:block;
  width:74px;
  height:2px;
  margin-top:28px;
  background:#39c5f3;
  box-shadow:0 0 18px rgba(57,197,243,.18);
}
body.floot-home .floot-cta-button {
  margin-top: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  height: 3rem;
  padding: 0 1rem;
  border: 1px solid rgba(112,225,255,.62);
  border-radius: 999px;
  background:linear-gradient(100deg,#0fd4df 0%,#2877ff 42%,#7a36f2 72%,#e044d2 100%);
  color:#fff;
  text-decoration:none;
  font-weight:550;
  font-size:1rem;
  box-shadow:0 0 0 1px rgba(255,255,255,.04) inset,0 0 24px rgba(40,119,255,.22),0 12px 34px rgba(50,76,180,.18);
  transition:transform .18s ease,filter .18s ease,box-shadow .18s ease;
}
body.floot-home .floot-cta-button:hover{
  transform:translateY(-1px);
  filter:saturate(1.08) brightness(1.04);
  box-shadow:0 0 0 1px rgba(255,255,255,.07) inset,0 0 30px rgba(72,137,255,.28),0 16px 38px rgba(50,76,180,.22);
}
body.floot-home .floot-cta-button svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
body.floot-home .floot-footer {
  min-height: 105px;
  padding: 0 24px;
  border: 0;
  border-top: 1px solid rgba(112,155,230,.12);
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 18px;
  align-items: center;
  color: #6f8299;
  font-size: .65rem;
}
body.floot-home .floot-footer strong {
  color: #eef5ff;
  font-size: 1.3rem;
  letter-spacing: -.045em;
}
body.floot-home .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}

@media (max-width: 900px) {
  body.floot-home .floot-topbar { grid-template-columns: 1fr auto; }
  body.floot-home .floot-topbar nav { display: none; }
  body.floot-home .floot-hero-grid { grid-template-columns: 1fr; gap: 40px; }
  body.floot-home .floot-eugene { align-self: auto; }
  body.floot-home .floot-how { grid-template-columns: 1fr; gap: 28px; }
}
@media (max-width: 620px) {
  body.floot-home .floot-hero { padding-left: 16px; padding-right: 16px; }
  body.floot-home .floot-brand span { display: none; }
  body.floot-home .floot-hero-grid { padding-top: 50px; }
  body.floot-home .floot-hero h1 { font-size: clamp(3.8rem,17vw,5.3rem); }
  body.floot-home .floot-support { font-size: .95rem; }
  body.floot-home .floot-command-meta { flex-direction: column; gap: 6px; }
  body.floot-home .floot-wish-grid { grid-template-columns: 1fr; }
  body.floot-home .floot-wish-card { min-height: 122px; }
  body.floot-home .floot-eugene-frame-wrap,
  body.floot-home .floot-eugene-frame { width: 220px; height: 402px; }
  body.floot-home .floot-build { padding-top: 82px; padding-bottom: 90px; }
  body.floot-home .floot-build-rows article { grid-template-columns: 42px 1fr; }
  body.floot-home .floot-build-rows article > a { grid-column: 2; }
  body.floot-home .floot-how { padding-top: 78px; padding-bottom: 78px; }
  body.floot-home .floot-safety {
    margin: 0;
    padding: 78px 16px;
    grid-template-columns: 1fr;
    grid-template-areas: "kicker" "title" "copy";
    gap: 18px;
  }
  body.floot-home .floot-final-cta { padding-top: 76px; padding-bottom: 84px; }
  body.floot-home .floot-footer {
    min-height: 150px;
    padding: 28px 18px;
    grid-template-columns: 1fr;
  }
}


/* Founder-approved extensions to the exact Floot home */
body.floot-home .floot-redesign {
  width: auto;
  max-width: 1180px;
  margin: 0 auto 28px;
  padding: clamp(34px,4vw,54px);
  display: grid;
  grid-template-columns: minmax(0,1.05fr) minmax(320px,.95fr);
  gap: clamp(36px,6vw,76px);
  align-items: center;
  overflow: hidden;
  border: 1px solid rgba(112,190,255,.18);
  border-radius: 22px;
  background:
    radial-gradient(circle at 86% 18%,rgba(45,123,218,.18),transparent 34%),
    linear-gradient(135deg,rgba(7,17,31,.96),rgba(5,12,23,.92));
}
body.floot-home .floot-sitegpt-copy { min-width:0; }
body.floot-home .floot-sitegpt-brand {
  display:flex;
  align-items:baseline;
  gap:12px;
  margin-bottom:18px;
}
body.floot-home .floot-sitegpt-brand strong {
  color:#f4f7ff;
  font-size:1.08rem;
  line-height:1;
  letter-spacing:-.035em;
  font-weight:650;
}
body.floot-home .floot-sitegpt-brand span {
  color:#6faee9;
  font-size:.62rem;
  line-height:1;
  letter-spacing:.14em;
  text-transform:uppercase;
}
body.floot-home .floot-redesign h2 {
  max-width:700px;
  margin:0;
  color:#f4f7ff;
  font-size:clamp(2.8rem,5.2vw,5.25rem);
  line-height:.94;
  letter-spacing:-.06em;
  font-weight:430;
}
body.floot-home .floot-redesign h2 em {
  color:#68b8ff;
  font-style:normal;
  font-weight:520;
}
body.floot-home .floot-redesign p {
  max-width:640px;
  margin:22px 0 0;
  color:#91a7c0;
  font-size:clamp(.92rem,1.2vw,1.02rem);
  line-height:1.62;
}
body.floot-home .floot-sitegpt-cta {
  display:inline-flex;
  align-items:center;
  gap:9px;
  width:fit-content;
  min-height:48px;
  margin-top:26px;
  padding:0 19px;
  border:1px solid rgba(111,211,255,.38);
  border-radius:999px;
  background:#1b4f86;
  color:#f7fbff;
  text-decoration:none;
  font-size:.82rem;
  font-weight:600;
}
body.floot-home .floot-sitegpt-cta:hover { background:#23619f; }
body.floot-home .floot-sitegpt-cta svg {
  width:16px;
  height:16px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
body.floot-home .floot-sitegpt-capabilities {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:9px;
  margin-top:24px;
  color:#6f85a0;
  font-size:.65rem;
  letter-spacing:.02em;
}
body.floot-home .floot-sitegpt-capabilities i {
  width:3px;
  height:3px;
  border-radius:50%;
  background:#3e6d98;
}
body.floot-home .floot-sitegpt-visual {
  min-width:0;
  display:flex;
  justify-content:flex-end;
}
body.floot-home .floot-sitegpt-browser {
  width:min(100%,430px);
  border:1px solid rgba(119,184,255,.2);
  border-radius:18px;
  overflow:hidden;
  background:#081321;
  box-shadow:0 28px 70px rgba(0,0,0,.28);
  transform:rotate(1.5deg);
}
body.floot-home .floot-sitegpt-browser-top {
  height:42px;
  display:flex;
  align-items:center;
  gap:6px;
  padding:0 13px;
  border-bottom:1px solid rgba(112,190,255,.11);
  background:#0a1727;
}
body.floot-home .floot-sitegpt-browser-top i {
  width:6px;
  height:6px;
  border-radius:50%;
  background:#35506c;
}
body.floot-home .floot-sitegpt-browser-top span {
  margin-left:7px;
  color:#607993;
  font-size:.58rem;
}
body.floot-home .floot-sitegpt-browser-body {
  min-height:260px;
  padding:26px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  background:
    radial-gradient(circle at 88% 8%,rgba(48,126,255,.16),transparent 34%),
    #07111d;
}
body.floot-home .floot-sitegpt-browser-copy b {
  display:block;
  color:#eef6ff;
  font-size:1.45rem;
  line-height:1.05;
  letter-spacing:-.04em;
  font-weight:520;
}
body.floot-home .floot-sitegpt-browser-copy span {
  display:block;
  margin-top:7px;
  color:#7890aa;
  font-size:.78rem;
}
body.floot-home .floot-sitegpt-ai {
  width:88%;
  margin-left:auto;
  padding:18px;
  border:1px solid rgba(112,190,255,.2);
  border-radius:15px;
  background:rgba(11,30,51,.88);
  box-shadow:0 16px 34px rgba(0,0,0,.22);
}
body.floot-home .floot-sitegpt-ai small {
  color:#66b9ff;
  font-size:.5rem;
  letter-spacing:.14em;
}
body.floot-home .floot-sitegpt-ai p {
  margin:9px 0 12px;
  color:#e9f4ff;
  font-size:.83rem;
  line-height:1.4;
}
body.floot-home .floot-sitegpt-ai div {
  min-height:34px;
  padding:0 10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border:1px solid rgba(111,211,255,.16);
  border-radius:9px;
  background:#091726;
  color:#8099b3;
  font-size:.62rem;
}
body.floot-home .floot-sitegpt-ai div b {
  color:#79c6ff;
  font-size:.8rem;
}

@media (max-width: 820px) {
  body.floot-home .floot-redesign {
    margin-left:16px;
    margin-right:16px;
    padding:34px 26px;
    grid-template-columns:1fr;
    gap:34px;
  }
  body.floot-home .floot-redesign h2 { font-size:clamp(2.7rem,11vw,4.2rem); }
  body.floot-home .floot-sitegpt-visual { justify-content:flex-start; }
  body.floot-home .floot-sitegpt-browser { width:min(100%,520px); transform:none; }
}
@media (max-width: 520px) {
  body.floot-home .floot-sitegpt-brand { align-items:flex-start; flex-direction:column; gap:8px; }
  body.floot-home .floot-sitegpt-capabilities { gap:7px; font-size:.61rem; }
  body.floot-home .floot-sitegpt-browser-body { min-height:220px; padding:20px; }
  body.floot-home .floot-sitegpt-ai { width:94%; }
}

body.floot-home .floot-footer {
  min-height: 250px;
  padding: 52px 24px;
  grid-template-columns: minmax(220px,.8fr) minmax(0,1.2fr);
  gap: 64px;
  align-items: start;
}
body.floot-home .floot-footer-brand {
  display: grid;
  gap: 8px;
}
body.floot-home .floot-footer-brand strong {
  color: #eef5ff;
  font-size: 1.3rem;
  letter-spacing: -.045em;
}
body.floot-home .floot-footer-brand > span {
  color: #8094ad;
  font-size: .68rem;
}
body.floot-home .floot-footer-brand p {
  max-width: 270px;
  margin: 18px 0 0;
  color: #657b96;
  font-size: .7rem;
  line-height: 1.6;
}
body.floot-home .floot-footer-links {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 28px;
}
body.floot-home .floot-footer-links > div {
  display: grid;
  align-content: start;
  gap: 11px;
}
body.floot-home .floot-footer-links a {
  width: fit-content;
  color: #8fa3bd;
  text-decoration: none;
  font-size: .74rem;
}
body.floot-home .floot-footer-links a:hover { color: #fff; }

@media (max-width: 760px) {
  body.floot-home .floot-redesign {
    margin-left: 16px;
    margin-right: 16px;
    padding: 34px 26px;
    grid-template-columns: 1fr;
    gap: 28px;
    align-items: start;
  }
  body.floot-home .floot-redesign > a { width: fit-content; }
  body.floot-home .floot-footer {
    grid-template-columns: 1fr;
    gap: 38px;
  }
}
@media (max-width: 520px) {
  body.floot-home .floot-footer-links {
    grid-template-columns: 1fr 1fr;
    row-gap: 34px;
  }
}


/* Primary Website Redesign entry on the approved Floot home */
body.floot-home .floot-redesign-nav {
  color:#b8dcff !important;
}
body.floot-home .floot-redesign-quick {
  max-width:850px;
  margin-top:18px;
  padding:18px;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);
  gap:18px;
  align-items:center;
  border:1px solid rgba(112,190,255,.22);
  border-radius:16px;
  background:
    radial-gradient(circle at 88% 14%,rgba(80,160,255,.10),transparent 34%),
    rgba(8,18,34,.68);
}
body.floot-home .floot-redesign-quick-copy {
  display:grid;
  gap:7px;
}
body.floot-home .floot-redesign-quick-copy > span {
  color:#71c9ff;
  font-size:.58rem;
  letter-spacing:.13em;
}
body.floot-home .floot-redesign-quick-copy strong {
  color:#f4f7ff;
  font-size:1rem;
  line-height:1.35;
  font-weight:500;
}
body.floot-home .floot-redesign-quick-copy p {
  margin:0;
  color:#8196b0;
  font-size:.72rem;
  line-height:1.55;
}
body.floot-home .floot-redesign-quick-form {
  padding:6px;
  display:grid;
  grid-template-columns:1fr auto;
  gap:7px;
  border:1px solid rgba(112,180,255,.18);
  border-radius:12px;
  background:rgba(3,9,19,.72);
}
body.floot-home .floot-redesign-quick-form input {
  min-width:0;
  height:42px;
  padding:0 10px;
  border:0;
  outline:0;
  background:transparent;
  color:#eef6ff;
  font-size:.78rem;
}
body.floot-home .floot-redesign-quick-form input::placeholder { color:#627690; }
body.floot-home .floot-redesign-quick-form button {
  min-height:42px;
  padding:0 13px;
  border:1px solid rgba(111,211,255,.34);
  border-radius:9px;
  background:#1b4778;
  color:#fff;
  font-size:.72rem;
  font-weight:500;
  cursor:pointer;
}
body.floot-home .floot-redesign-quick-form button:hover { background:#23568f; }

@media(max-width:900px){
  body.floot-home .floot-redesign-quick {
    grid-template-columns:1fr;
  }
}
@media(max-width:620px){
  body.floot-home .floot-redesign-quick {
    margin-top:16px;
    padding:15px;
  }
  body.floot-home .floot-redesign-quick-form {
    grid-template-columns:1fr;
  }
  body.floot-home .floot-redesign-quick-form button {
    min-height:46px;
  }
}


/* 2026-10-04 parity lock: match the live Floot preview geometry at the Founder reference viewport */
body.floot-home .floot-topbar,
body.floot-home .floot-hero-grid { max-width:1191px !important; }
body.floot-home .floot-hero-grid {
  grid-template-columns:minmax(0,1fr) 330px !important;
  gap:72px !important;
  padding-top:74px !important;
}
body.floot-home .floot-eugene {
  transform:translateX(-34px);
}
body.floot-home .floot-redesign-quick { display:none !important; }

@media(max-width:1100px){
  body.floot-home .floot-eugene { transform:translateX(-18px); }
}
@media(max-width:900px){
  body.floot-home .floot-eugene { transform:none; }
}


/* Mobile priority: introduce Eugene immediately after navigation, before the command copy. */
@media(max-width:900px){
  body.floot-home .floot-voice,
  body.floot-home .voice-hint{
    display:none !important;
  }
}

@media(max-width:900px){
  body.floot-home .floot-hero-grid{
    display:flex !important;
    flex-direction:column !important;
    gap:22px !important;
    padding-top:28px !important;
  }
  body.floot-home .floot-eugene{
    order:-1 !important;
    align-self:center !important;
    padding-bottom:0 !important;
    margin-bottom:-18px !important;
  }
  body.floot-home .floot-hero-copy{order:1 !important;width:100% !important}
  body.floot-home .floot-eugene-frame-wrap,
  body.floot-home .floot-eugene-frame{
    width:180px !important;
    height:329px !important;
  }
  body.floot-home .floot-pet-glow{
    width:220px !important;
    height:220px !important;
  }
  body.floot-home .floot-voice{
    display:none !important;
  }
  body.floot-home .floot-eugene-intro{
    display:grid !important;
    margin-top:-2px !important;
  }
}
@media(max-width:620px){
  body.floot-home .floot-hero-grid{padding-top:20px !important;gap:14px !important}
  body.floot-home .floot-eugene{margin-bottom:-24px !important}
  body.floot-home .floot-eugene-frame-wrap,
  body.floot-home .floot-eugene-frame{
    width:154px !important;
    height:281px !important;
  }
}


/* Industry context — association with the AI shift without implying client/partner relationships */
body.floot-home .floot-industry {
  width:auto;
  max-width:1180px;
  margin:0 auto 28px;
  padding:92px 24px 84px;
  border-top:1px solid rgba(112,155,230,.14);
  border-bottom:1px solid rgba(112,155,230,.10);
}
body.floot-home .floot-industry-copy {
  display:grid;
  grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);
  grid-template-areas:
    "kicker title"
    ". copy";
  column-gap:clamp(42px,7vw,104px);
  align-items:start;
}
body.floot-home .floot-industry-copy > span {
  grid-area:kicker;
  color:#6f8baa;
  font-size:.63rem;
  letter-spacing:.14em;
}
body.floot-home .floot-industry-copy h2 {
  grid-area:title;
  margin:0;
  color:#f4f7ff;
  font-size:clamp(2.9rem,5vw,4.9rem);
  line-height:.98;
  letter-spacing:-.055em;
  font-weight:430;
}
body.floot-home .floot-industry-copy h2 em {
  color:#77b7ff;
  font-style:normal;
  font-weight:470;
}
body.floot-home .floot-industry-copy p {
  grid-area:copy;
  max-width:720px;
  margin:24px 0 0;
  color:#8fa2ba;
  font-size:.94rem;
  line-height:1.72;
}
body.floot-home .floot-industry-logos {
  margin-top:58px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid rgba(112,155,230,.12);
  border-left:1px solid rgba(112,155,230,.08);
}
body.floot-home .industry-mark {
  min-height:84px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px 12px;
  border-right:1px solid rgba(112,155,230,.08);
  border-bottom:1px solid rgba(112,155,230,.08);
  color:#a9b8ca;
  font-size:clamp(1rem,1.55vw,1.28rem);
  font-weight:560;
  letter-spacing:-.025em;
  opacity:.72;
  transition:opacity .18s ease,color .18s ease,background .18s ease;
}
body.floot-home .industry-mark:hover {
  opacity:1;
  color:#eef6ff;
  background:rgba(18,42,70,.28);
}
body.floot-home .floot-industry-note {
  max-width:860px;
  margin:18px 0 0;
  color:#566b84;
  font-size:.61rem;
  line-height:1.55;
}
@media(max-width:820px){
  body.floot-home .floot-industry {
    margin-left:16px;
    margin-right:16px;
    padding:74px 0 68px;
  }
  body.floot-home .floot-industry-copy {
    grid-template-columns:1fr;
    grid-template-areas:"kicker" "title" "copy";
    gap:0;
  }
  body.floot-home .floot-industry-copy h2 {
    margin-top:15px;
    font-size:clamp(2.65rem,10vw,4rem);
  }
  body.floot-home .floot-industry-logos {
    grid-template-columns:repeat(2,minmax(0,1fr));
    margin-top:42px;
  }
}
@media(max-width:480px){
  body.floot-home .floot-industry { padding-top:62px; padding-bottom:60px; }
  body.floot-home .floot-industry-logos { grid-template-columns:1fr 1fr; }
  body.floot-home .industry-mark { min-height:70px; font-size:.95rem; }
}


/* 2026-10-04 · Compact guided start — keep Eugene playful without making the home theme-heavy. */
body.floot-home .floot-wishes{
  max-width:850px!important;
  margin-top:18px!important;
  padding:0!important;
  border:0!important;
}
body.floot-home .floot-wish-head{
  display:block!important;
  margin:0 0 9px!important;
}
body.floot-home .floot-wish-head strong{
  color:#7890ad!important;
  font-size:.68rem!important;
  line-height:1.35!important;
  font-weight:500!important;
  letter-spacing:.01em!important;
}
body.floot-home .floot-wish-grid{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin-top:0!important;
}
body.floot-home .floot-wish-card{
  width:auto!important;
  min-width:0!important;
  min-height:36px!important;
  padding:0 13px!important;
  display:inline-flex!important;
  align-items:center!important;
  border:1px solid rgba(112,155,230,.19)!important;
  border-radius:999px!important;
  background:rgba(7,15,29,.46)!important;
  color:#b9cbe0!important;
  box-shadow:none!important;
}
body.floot-home .floot-wish-card strong{
  margin:0!important;
  padding:0!important;
  color:inherit!important;
  font-size:.69rem!important;
  line-height:1!important;
  font-weight:520!important;
  white-space:nowrap!important;
}
body.floot-home .floot-wish-card span{display:none!important}
body.floot-home .floot-wish-card:hover:not(:disabled){
  transform:translateY(-1px)!important;
  color:#eef7ff!important;
  border-color:rgba(99,185,255,.42)!important;
  background:rgba(18,45,77,.64)!important;
}
body.floot-home .floot-wish-card:focus-visible{
  outline:2px solid #6bc5ff!important;
  outline-offset:2px!important;
}
@media(max-width:560px){
  body.floot-home .floot-wishes{margin-top:14px!important}
  body.floot-home .floot-wish-grid{gap:7px!important}
  body.floot-home .floot-wish-card{
    min-height:34px!important;
    padding:0 11px!important;
  }
  body.floot-home .floot-wish-card strong{
    font-size:.66rem!important;
    white-space:normal!important;
  }
}


/* 2026-10-04 · Proof, pricing and product-clarity pass */
body.floot-home .floot-proof{
  width:auto;
  max-width:1180px;
  margin:0 auto 28px;
  padding:94px 24px 96px;
  border-top:1px solid rgba(112,155,230,.14);
}
body.floot-home .floot-proof-head{
  display:grid;
  grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);
  grid-template-areas:"kicker title" ". copy";
  column-gap:clamp(42px,7vw,104px);
}
body.floot-home .floot-proof-head>span{grid-area:kicker;color:#6f8baa;font-size:.63rem;letter-spacing:.14em}
body.floot-home .floot-proof-head h2{grid-area:title;margin:0;color:#f4f7ff;font-size:clamp(2.8rem,5vw,4.9rem);line-height:.98;letter-spacing:-.055em;font-weight:430}
body.floot-home .floot-proof-head p{grid-area:copy;max-width:700px;margin:22px 0 0;color:#8fa2ba;font-size:.94rem;line-height:1.7}
body.floot-home .floot-proof-grid{margin-top:48px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body.floot-home .floot-proof-grid a{min-height:250px;padding:24px;display:flex;flex-direction:column;border:1px solid rgba(112,155,230,.14);border-radius:16px;background:rgba(7,15,29,.48);color:inherit;text-decoration:none;transition:.18s ease}
body.floot-home .floot-proof-grid a:hover{transform:translateY(-2px);border-color:rgba(112,190,255,.34);background:rgba(11,25,45,.66)}
body.floot-home .floot-proof-grid small{color:#6faee9;font-size:.54rem;letter-spacing:.14em}
body.floot-home .floot-proof-grid strong{margin-top:16px;color:#eef5ff;font-size:1.28rem;font-weight:500;letter-spacing:-.03em}
body.floot-home .floot-proof-grid span{margin-top:9px;color:#8196ae;font-size:.78rem;line-height:1.6}
body.floot-home .floot-proof-grid em{margin-top:auto;padding-top:18px;color:#9fcfff;font-size:.7rem;font-style:normal}
body.floot-home .floot-proof-all{display:inline-block;margin-top:22px;color:#9fcfff;text-decoration:none;font-size:.72rem}
@media(max-width:820px){
  body.floot-home .floot-proof{margin-left:16px;margin-right:16px;padding:74px 0 78px}
  body.floot-home .floot-proof-head{grid-template-columns:1fr;grid-template-areas:"kicker" "title" "copy"}
  body.floot-home .floot-proof-head h2{margin-top:14px;font-size:clamp(2.55rem,10vw,4rem)}
  body.floot-home .floot-proof-grid{grid-template-columns:1fr;margin-top:34px}
  body.floot-home .floot-proof-grid a{min-height:210px}
}


/* 2026-10-04 · Muse feedback completion: make context, price and proof visually undeniable. */
body.floot-home .floot-eugene-context{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0 0 10px;
  padding:7px 10px;
  border:1px solid rgba(113,201,255,.16);
  border-radius:999px;
  background:rgba(10,26,46,.52);
  color:#a9bfd6;
  font-size:.66rem;
  line-height:1;
}
body.floot-home .floot-eugene-context strong{color:#eef7ff;font-weight:560}
body.floot-home .floot-eugene-context>span:last-child{color:#7895b2}
body.floot-home .floot-eugene-dot{
  width:6px;height:6px;border-radius:50%;background:#69c8ff;
  box-shadow:0 0 14px rgba(105,200,255,.72);
}
body.floot-home .floot-offer-strip{
  max-width:760px;
  margin-top:16px;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
body.floot-home .floot-offer-strip a{
  min-height:54px;
  padding:10px 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  border:1px solid rgba(112,180,255,.18);
  border-radius:12px;
  background:rgba(7,17,31,.64);
  color:inherit;
  text-decoration:none;
}
body.floot-home .floot-offer-strip a:hover{
  border-color:rgba(111,211,255,.4);
  background:rgba(12,31,54,.78);
}
body.floot-home .floot-offer-strip strong{font-size:.72rem;font-weight:580;color:#edf6ff}
body.floot-home .floot-offer-strip span{font-size:.64rem;color:#78bfff;white-space:nowrap}

body.floot-home .floot-proof-grid a.floot-proof-card{
  min-height:392px;
  padding:14px 14px 18px;
}
body.floot-home .floot-proof-preview{
  min-height:220px;
  margin-bottom:18px;
  overflow:hidden;
  border:1px solid rgba(120,185,255,.18);
  border-radius:12px;
  background:#07111d;
  box-shadow:0 18px 34px rgba(0,0,0,.18);
}
body.floot-home .floot-proof-window{
  height:34px;
  padding:0 10px;
  display:flex;
  align-items:center;
  gap:5px;
  border-bottom:1px solid rgba(112,180,255,.12);
  background:#0a1726;
}
body.floot-home .floot-proof-window i{width:5px;height:5px;border-radius:50%;background:#3b5875}
body.floot-home .floot-proof-window b{
  margin-left:5px;
  overflow:hidden;
  color:#607b97;
  font-size:.49rem;
  font-weight:500;
  white-space:nowrap;
  text-overflow:ellipsis;
}
body.floot-home .floot-proof-screen{
  min-height:156px;
  padding:19px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:
    radial-gradient(circle at 86% 8%,rgba(62,141,255,.18),transparent 38%),
    linear-gradient(145deg,#07111d,#0a1625);
}
body.floot-home .floot-proof-screen small{color:#67b9ff;font-size:.46rem;letter-spacing:.13em}
body.floot-home .floot-proof-screen strong{
  max-width:90%;
  margin-top:10px;
  color:#eff7ff;
  font-size:1.05rem;
  line-height:1.08;
  letter-spacing:-.035em;
  font-weight:520;
}
body.floot-home .floot-proof-screen div{
  margin-top:18px;
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
body.floot-home .floot-proof-screen div span{
  margin:0;
  padding:5px 7px;
  border:1px solid rgba(111,190,255,.14);
  border-radius:999px;
  color:#7895b2;
  font-size:.5rem;
  line-height:1;
}
body.floot-home .floot-proof-vps .floot-proof-screen{
  background:
    radial-gradient(circle at 84% 14%,rgba(32,169,218,.18),transparent 40%),
    linear-gradient(145deg,#07131c,#0a1b26);
}
body.floot-home .floot-proof-falcon .floot-proof-screen{
  background:
    radial-gradient(circle at 86% 12%,rgba(105,138,255,.16),transparent 40%),
    linear-gradient(145deg,#0a101b,#111827);
}
body.floot-home .floot-proof-demo{
  border-color:rgba(111,211,255,.3)!important;
  background:
    radial-gradient(circle at 90% 8%,rgba(55,147,255,.11),transparent 38%),
    rgba(7,15,29,.58)!important;
}
body.floot-home .floot-proof-sitegpt .floot-proof-window b{color:#78c7ff}
body.floot-home .floot-proof-sitegpt .floot-proof-screen{
  background:
    radial-gradient(circle at 84% 12%,rgba(71,159,255,.23),transparent 42%),
    linear-gradient(145deg,#07111d,#0b1b2e);
}

/* 2026-10-05 · Real proof visuals: real client imagery + geniUX before/after. */
body.floot-home .floot-proof-media{
  position:relative;
  min-height:186px;
  overflow:hidden;
  background:#07111d;
}
body.floot-home .floot-proof-media>img{
  width:100%;
  height:186px;
  display:block;
  object-fit:cover;
  object-position:center top;
  transform:scale(1.015);
  transform-origin:top center;
  transition:transform .35s ease,filter .35s ease;
}
body.floot-home .floot-proof-card:hover .floot-proof-media>img{
  transform:scale(1.04);
  filter:saturate(1.08) contrast(1.03);
}
body.floot-home .floot-proof-shade{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(3,9,17,.05) 15%,rgba(3,9,17,.82) 100%);
  pointer-events:none;
}
body.floot-home .floot-proof-ai-card{
  position:absolute;
  left:12px;
  right:auto;
  bottom:11px;
  width:min(72%,260px);
  padding:10px 12px;
  border:1px solid rgba(130,202,255,.24);
  border-radius:10px;
  background:rgba(4,14,26,.84);
  box-shadow:0 10px 28px rgba(0,0,0,.34);
  backdrop-filter:blur(9px);
}
body.floot-home .floot-proof-ai-card small{
  display:block;
  margin-bottom:5px;
  color:#6bc7ff;
  font-size:.43rem;
  letter-spacing:.12em;
}
body.floot-home .floot-proof-ai-card strong{
  display:block;
  color:#f0f7ff;
  font-size:.82rem;
  line-height:1.08;
  font-weight:560;
  letter-spacing:-.025em;
}
body.floot-home .floot-proof-ai-card span{
  display:block;
  margin-top:6px;
  color:#83a1bd;
  font-size:.47rem;
}
body.floot-home .floot-proof-ai-sol{width:min(72%,250px)}
body.floot-home .floot-proof-ai-falcon{width:min(76%,270px)}
body.floot-home .floot-proof-before-after{
  min-height:186px;
  display:grid;
  grid-template-columns:.46fr 1.54fr;
  gap:6px;
  padding:8px;
  background:
    radial-gradient(circle at 88% 8%,rgba(72,160,255,.16),transparent 40%),
    #07111d;
}
body.floot-home .floot-proof-before,
body.floot-home .floot-proof-after{
  position:relative;
  min-width:0;
}
body.floot-home .floot-proof-before>span,
body.floot-home .floot-proof-after>span{
  position:absolute;
  z-index:3;
  top:6px;
  left:7px;
  padding:4px 6px;
  border-radius:999px;
  background:rgba(2,8,14,.74);
  color:#9ab2c8;
  font-size:.4rem;
  letter-spacing:.08em;
}
body.floot-home .floot-proof-after>span{color:#7fd1ff}
body.floot-home .floot-proof-before-site{
  height:170px;
  padding:56px 9px 10px;
  border:1px solid rgba(160,180,198,.18);
  border-radius:9px;
  background:linear-gradient(180deg,#b9c0c7,#8d969e);
  color:#17212a;
  filter:saturate(.1);
}
body.floot-home .floot-proof-before-site i{
  width:4px;height:4px;border-radius:50%;display:inline-block;margin-right:3px;background:#65707a;
}
body.floot-home .floot-proof-before-site strong{
  display:block;
  margin-top:15px;
  font-size:.66rem;
  line-height:1.1;
}
body.floot-home .floot-proof-before-site small{
  display:block;
  margin-top:5px;
  color:#394650;
  font-size:.43rem;
}
body.floot-home .floot-proof-after{
  height:170px;
  overflow:hidden;
  border:1px solid rgba(96,196,255,.3);
  border-radius:9px;
  background:#08182b;
}
body.floot-home .floot-proof-after img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center top;
}
body.floot-home .floot-proof-after::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 38%,rgba(3,11,20,.7));
}
body.floot-home .floot-proof-after-label{
  position:absolute;
  z-index:2;
  left:8px;
  right:8px;
  bottom:8px;
  color:#f1f8ff;
  font-size:.66rem;
  font-weight:560;
  letter-spacing:-.02em;
}


@media(max-width:820px){
  body.floot-home .floot-offer-strip{grid-template-columns:1fr 1fr 1fr}
  body.floot-home .floot-proof-grid a.floot-proof-card{min-height:0}
  body.floot-home .floot-proof-preview{min-height:170px}
  body.floot-home .floot-proof-screen{min-height:136px}
  body.floot-home .floot-proof-media>img{height:136px}
  body.floot-home .floot-proof-media{min-height:136px}
  body.floot-home .floot-proof-before-after{min-height:136px}
}
@media(max-width:560px){
  body.floot-home .floot-eugene-context{margin-bottom:8px;font-size:.62rem}
  body.floot-home .floot-offer-strip{grid-template-columns:1fr;margin-top:12px}
  body.floot-home .floot-offer-strip a{min-height:44px}
  body.floot-home .floot-proof-preview{min-height:156px}
  body.floot-home .floot-proof-screen{min-height:122px;padding:16px}
  body.floot-home .floot-proof-media{min-height:122px}
  body.floot-home .floot-proof-media>img{height:122px}
  body.floot-home .floot-proof-ai-card{left:8px;right:8px;bottom:8px;padding:8px 9px}
  body.floot-home .floot-proof-before-after{min-height:122px;padding:8px;grid-template-columns:.68fr 1.32fr}
  body.floot-home .floot-proof-before-site,body.floot-home .floot-proof-after{height:106px}
}


/* 2026-10-04 · Mobile Eugene repair: keep intro + mic, prevent hero overlap. */
@media(max-width:900px){
  body.floot-home .floot-hero-grid{
    gap:28px !important;
  }
  body.floot-home .floot-eugene{
    margin-bottom:0 !important;
    padding-bottom:8px !important;
  }
  body.floot-home .floot-eugene-intro{
    display:grid !important;
    gap:3px !important;
    margin-top:6px !important;
    margin-bottom:0 !important;
    text-align:center !important;
  }
  body.floot-home .floot-voice,
  body.floot-home .voice-hint{
    display:inline-flex !important;
    margin-top:9px !important;
  }
  body.floot-home .floot-hero-copy{
    margin-top:0 !important;
  }
}
@media(max-width:620px){
  body.floot-home .floot-hero-grid{
    gap:24px !important;
  }
  body.floot-home .floot-eugene{
    margin-bottom:0 !important;
    padding-bottom:6px !important;
  }
}

/* 2026-10-05 · Proof-card polish */
body.floot-home .floot-proof-falcon .floot-proof-media>img{
  filter:saturate(.92) contrast(1.02);
}
body.floot-home .floot-proof-sitegpt .floot-proof-after img{
  transform:scale(1.24);
  transform-origin:top center;
}
body.floot-home .floot-proof-before-site{
  opacity:.82;
}
@media(max-width:820px){
  body.floot-home .floot-proof-preview{min-height:206px}
  body.floot-home .floot-proof-media{min-height:172px}
  body.floot-home .floot-proof-media>img{height:172px}
  body.floot-home .floot-proof-before-after{min-height:172px}
  body.floot-home .floot-proof-before-site,
  body.floot-home .floot-proof-after{height:156px}
}
@media(max-width:560px){
  body.floot-home .floot-proof-preview{min-height:184px}
  body.floot-home .floot-proof-media{min-height:150px}
  body.floot-home .floot-proof-media>img{height:150px}
  body.floot-home .floot-proof-before-after{min-height:150px;grid-template-columns:.42fr 1.58fr}
  body.floot-home .floot-proof-before-site,
  body.floot-home .floot-proof-after{height:134px}
  body.floot-home .floot-proof-ai-card{width:min(78%,250px)}
}


/* 2026-10-05 · Rebalance proof cards: same visual grammar across all three. */
body.floot-home .floot-proof-grid{
  align-items:stretch;
}
body.floot-home .floot-proof-grid a.floot-proof-card{
  min-height:386px;
}
body.floot-home .floot-proof-preview{
  min-height:210px;
}
body.floot-home .floot-proof-media{
  min-height:176px;
}
body.floot-home .floot-proof-media>img{
  height:176px;
}
body.floot-home .floot-proof-ai-card{
  width:min(72%,252px);
}
body.floot-home .floot-proof-ai-sol,
body.floot-home .floot-proof-ai-falcon,
body.floot-home .floot-proof-ai-sitegpt{
  width:min(72%,252px);
}
body.floot-home .floot-proof-sitegpt-media>img{
  object-position:center 12%;
  filter:brightness(.9) contrast(1.04);
}
body.floot-home .floot-proof-before-badge{
  position:absolute;
  z-index:3;
  top:10px;
  right:10px;
  margin:0!important;
  padding:5px 7px;
  border:1px solid rgba(112,190,255,.22);
  border-radius:999px;
  background:rgba(3,11,20,.78);
  color:#7fd1ff!important;
  font-size:.42rem!important;
  line-height:1!important;
  letter-spacing:.08em;
  backdrop-filter:blur(8px);
}
body.floot-home .floot-proof-ai-sitegpt{
  bottom:11px;
}
body.floot-home .floot-proof-ai-sitegpt strong{
  max-width:220px;
}
@media(max-width:820px){
  body.floot-home .floot-proof-preview{min-height:198px}
  body.floot-home .floot-proof-media{min-height:164px}
  body.floot-home .floot-proof-media>img{height:164px}
}
@media(max-width:560px){
  body.floot-home .floot-proof-preview{min-height:176px}
  body.floot-home .floot-proof-media{min-height:142px}
  body.floot-home .floot-proof-media>img{height:142px}
  body.floot-home .floot-proof-ai-card,
  body.floot-home .floot-proof-ai-sol,
  body.floot-home .floot-proof-ai-falcon,
  body.floot-home .floot-proof-ai-sitegpt{
    width:min(78%,244px);
  }
}

@media(max-width:820px){
  body.floot-home .floot-final-cta{
    margin:20px 16px 28px;
    padding:78px 28px 86px;
    border-radius:20px;
  }
  body.floot-home .floot-final-cta::before{
    width:360px;height:360px;right:-150px;top:-130px;opacity:.55;
  }
  body.floot-home .floot-final-cta h2{font-size:clamp(3.2rem,14vw,5rem)}
}

/* 2026-10-05 · Eugene palette used only as selective interactive/card accents. */
body.floot-home .floot-sitegpt-cta{
  border-color:rgba(82,196,255,.52);
  background:linear-gradient(100deg,#0eaed1 0%,#296fff 58%,#6f3be8 100%);
  box-shadow:0 0 22px rgba(52,124,255,.18);
}
body.floot-home .floot-sitegpt-cta:hover{
  background:linear-gradient(100deg,#16c4df 0%,#347aff 58%,#7e48ef 100%);
  box-shadow:0 0 28px rgba(72,139,255,.24);
}
body.floot-home .floot-geniux-primary{
  border-color:rgba(102,220,255,.5);
  background:linear-gradient(100deg,#0caebf 0%,#2579f5 56%,#7142e6 100%);
  box-shadow:0 0 22px rgba(59,135,255,.16);
}
body.floot-home .floot-geniux-primary:hover{
  background:linear-gradient(100deg,#14c2ce 0%,#3185fb 56%,#8150ed 100%);
}
body.floot-home .floot-redesign,
body.floot-home .floot-geniux{
  position:relative;
}
body.floot-home .floot-redesign::before,
body.floot-home .floot-geniux::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:1px;
  background:linear-gradient(115deg,rgba(36,220,236,.52),rgba(61,116,255,.28) 45%,rgba(141,64,238,.36) 72%,rgba(229,68,208,.22));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
}
body.floot-home .floot-proof-demo{
  border-color:rgba(91,170,255,.34)!important;
  box-shadow:0 0 0 1px rgba(126,73,236,.08) inset,0 12px 32px rgba(25,75,165,.08)!important;
}

/* 2026-10-05 · Eugene accents v2: dark surfaces, gradient light only on borders/icons. */
body.floot-home .floot-cta-button,
body.floot-home .floot-sitegpt-cta,
body.floot-home .floot-geniux-primary{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border:0!important;
  background:#07111d!important;
  color:#f5f8ff!important;
  box-shadow:0 10px 28px rgba(0,0,0,.18)!important;
}
body.floot-home .floot-cta-button::before,
body.floot-home .floot-sitegpt-cta::before,
body.floot-home .floot-geniux-primary::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  border-radius:inherit;
  padding:1px;
  background:linear-gradient(105deg,#16d8e5 0%,#2f78ff 44%,#7c43ee 73%,#d84bd0 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  opacity:.9;
  pointer-events:none;
}
body.floot-home .floot-cta-button::after,
body.floot-home .floot-sitegpt-cta::after,
body.floot-home .floot-geniux-primary::after{
  content:"";
  position:absolute;
  z-index:-2;
  inset:-20%;
  border-radius:999px;
  background:radial-gradient(circle at 34% 50%,rgba(18,215,229,.12),transparent 28%),radial-gradient(circle at 76% 50%,rgba(130,67,238,.12),transparent 30%);
  filter:blur(12px);
  opacity:.55;
  pointer-events:none;
}
body.floot-home .floot-cta-button:hover,
body.floot-home .floot-sitegpt-cta:hover,
body.floot-home .floot-geniux-primary:hover{
  background:#091624!important;
  transform:translateY(-1px);
  filter:none!important;
  box-shadow:0 12px 30px rgba(0,0,0,.24),0 0 20px rgba(63,125,255,.10)!important;
}
body.floot-home .floot-cta-button svg,
body.floot-home .floot-sitegpt-cta svg{
  color:#49bfff;
  filter:drop-shadow(0 0 6px rgba(73,191,255,.25));
}

/* Selected product/cards: dark body, localized Eugene-color edge accents only. */
body.floot-home .floot-redesign::before,
body.floot-home .floot-geniux::before{
  opacity:.55;
  background:linear-gradient(115deg,rgba(30,215,229,.78) 0%,rgba(50,116,255,.42) 36%,rgba(127,66,237,.54) 68%,rgba(220,70,205,.36) 100%);
}
body.floot-home .floot-redesign,
body.floot-home .floot-geniux{
  background:
    radial-gradient(circle at 90% 10%,rgba(49,116,255,.06),transparent 30%),
    linear-gradient(135deg,rgba(7,17,31,.97),rgba(5,12,23,.95))!important;
}
body.floot-home .floot-offer-strip a{
  position:relative;
  overflow:hidden;
  border-color:rgba(112,180,255,.16);
  background:rgba(7,17,31,.72);
}
body.floot-home .floot-offer-strip a:nth-child(1)::before,
body.floot-home .floot-offer-strip a:nth-child(2)::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:42%;
  height:1px;
  background:linear-gradient(90deg,#18d7e2,#2c7cff 58%,transparent);
  box-shadow:0 0 10px rgba(44,124,255,.2);
}
body.floot-home .floot-offer-strip a:nth-child(2)::before{
  background:linear-gradient(90deg,#7d43ef,#d34bd0 62%,transparent);
  box-shadow:0 0 10px rgba(125,67,239,.18);
}
body.floot-home .floot-offer-strip a:nth-child(1){border-color:rgba(40,151,255,.24)}
body.floot-home .floot-offer-strip a:nth-child(2){border-color:rgba(132,72,235,.22)}
body.floot-home .floot-offer-strip a:nth-child(1) span{color:#39c9ee}
body.floot-home .floot-offer-strip a:nth-child(2) span{color:#9a65f2}
body.floot-home .floot-proof-demo{
  border-color:rgba(83,151,255,.24)!important;
  box-shadow:inset 0 1px 0 rgba(121,74,236,.16),0 12px 30px rgba(0,0,0,.14)!important;
}

/* Company AI profile acquisition entry */
body.floot-home .floot-company-profile {
  width:auto;
  max-width:1180px;
  margin:0 auto 28px;
  padding:clamp(34px,4vw,56px);
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);
  gap:clamp(34px,6vw,74px);
  align-items:center;
  border:1px solid rgba(121,130,255,.2);
  border-radius:22px;
  background:
    radial-gradient(circle at 14% 18%,rgba(73,98,255,.18),transparent 32%),
    radial-gradient(circle at 86% 84%,rgba(65,184,156,.09),transparent 28%),
    linear-gradient(135deg,rgba(8,13,30,.98),rgba(7,15,24,.96));
  overflow:hidden;
}
body.floot-home .floot-company-profile-copy > span,
body.floot-home .floot-company-profile-proof > span {
  color:#8fa0ff;
  font-size:.64rem;
  line-height:1;
  letter-spacing:.14em;
}
body.floot-home .floot-company-profile h2 {
  max-width:760px;
  margin:16px 0 0;
  color:#f4f7ff;
  font-size:clamp(2.75rem,5vw,5.1rem);
  line-height:.95;
  letter-spacing:-.06em;
  font-weight:430;
}
body.floot-home .floot-company-profile h2 em {
  color:#8a91ff;
  font-style:normal;
  font-weight:520;
}
body.floot-home .floot-company-profile-copy > p {
  max-width:660px;
  margin:22px 0 0;
  color:#93a6bb;
  font-size:clamp(.92rem,1.2vw,1.03rem);
  line-height:1.62;
}
body.floot-home .floot-company-profile-form {
  display:flex;
  gap:10px;
  margin-top:26px;
  padding:7px;
  border:1px solid rgba(126,143,255,.3);
  border-radius:16px;
  background:rgba(3,8,20,.7);
  box-shadow:0 18px 60px rgba(0,0,0,.25),0 0 44px rgba(86,104,255,.07);
}
body.floot-home .floot-company-profile-form input {
  flex:1;
  min-width:0;
  padding:0 14px;
  border:0;
  outline:0;
  background:transparent;
  color:#f5f7ff;
  font:inherit;
  font-size:.9rem;
}
body.floot-home .floot-company-profile-form input::placeholder { color:#71829b; }
body.floot-home .floot-company-profile-form button {
  width:46px;
  min-width:46px;
  height:46px;
  padding:0;
  border:0;
  border-radius:11px;
  background:#173d68;
  color:#edf4ff;
  font:inherit;
  font-size:1.15rem;
  cursor:pointer;
  box-shadow:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
body.floot-home .floot-company-profile-form button:hover { background:#1f4f83; }
body.floot-home .floot-company-profile-note {
  margin-top:10px !important;
  color:#6f8399 !important;
  font-size:.66rem !important;
}
body.floot-home .floot-company-profile-proof {
  min-width:0;
  padding:22px;
  border:1px solid rgba(126,143,255,.14);
  border-radius:20px;
  background:rgba(4,10,23,.68);
}
body.floot-home .floot-company-profile-proof > div {
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  gap:2px 12px;
  padding:15px 0;
  border-bottom:1px solid rgba(116,139,190,.1);
}
body.floot-home .floot-company-profile-proof > div:last-child { border-bottom:0; }
body.floot-home .floot-company-profile-proof b {
  grid-row:1 / span 2;
  align-self:start;
  color:#6e78ff;
  font-size:.65rem;
  font-weight:600;
}
body.floot-home .floot-company-profile-proof strong {
  color:#eaf0fb;
  font-size:.86rem;
  font-weight:560;
}
body.floot-home .floot-company-profile-proof small {
  color:#74899e;
  font-size:.7rem;
  line-height:1.45;
}
@media(max-width:820px){
  body.floot-home .floot-company-profile { grid-template-columns:1fr; }
  body.floot-home .floot-company-profile-proof { padding:18px; }
}
@media(max-width:560px){
  body.floot-home .floot-company-profile { margin:0 14px 22px; padding:26px 18px; border-radius:18px; }
  body.floot-home .floot-company-profile h2 { font-size:clamp(2.35rem,12vw,3.5rem); }
  body.floot-home .floot-company-profile-form { flex-direction:column; }
  body.floot-home .floot-company-profile-form input { min-height:46px; }
  body.floot-home .floot-company-profile-form button { width:46px; align-self:flex-end; }
}


.floot-visibility-primary{width:100%;text-align:center}.floot-visibility-secondary{width:100%;text-align:center}}

/* Subtle matching accent on Real work card and compact scanner action. */
body.floot-home .floot-offer-strip a:nth-child(3){position:relative;overflow:hidden;border-color:rgba(56,173,218,.23)}
body.floot-home .floot-offer-strip a:nth-child(3)::before{content:"";position:absolute;top:0;left:0;width:42%;height:1px;background:linear-gradient(90deg,#28b9d3,#5c9bff 60%,transparent);box-shadow:0 0 10px rgba(40,185,211,.18)}
body.floot-home .floot-offer-strip a:nth-child(3) span{color:#6ac9e8}
body.floot-home .floot-company-profile-form button{border:1px solid transparent;background:linear-gradient(#12345c,#12345c) padding-box,linear-gradient(140deg,#1dc9e0,#6277ed,#8d5ae2) border-box;box-shadow:0 0 12px rgba(67,134,226,.12);transition:box-shadow .18s ease,filter .18s ease}
body.floot-home .floot-company-profile-form button:hover,body.floot-home .floot-company-profile-form button:focus-visible{filter:brightness(1.1);box-shadow:0 0 17px rgba(73,144,239,.23)}
@media(prefers-reduced-motion:reduce){body.floot-home .floot-company-profile-form button{transition:none}}