:root{
    --bp-bg: #0e2942;
    --bp-bg-deep: #0a1f33;
    --bp-card: #123456;
    --bp-card-2: #163d61;
    --line: #bcd7ec;
    --line-dim: rgba(188,215,236,0.28);
    --line-faint: rgba(188,215,236,0.12);
    --paper: #f3ecd9;
    --paper-2: #ece2c8;
    --paper-line: #cbbd94;
    --ink: #2c2213;
    --ink-soft: #5c5138;
    --amber: #e0a83c;
    --amber-deep: #b5822a;
    --red: #c1453a;
    --green: #6fae7f;
    --radius: 3px;
  }

  *{box-sizing:border-box; margin:0; padding:0;}

  html{scroll-behavior:smooth;}

  body{
    background:var(--bp-bg);
    color:var(--line);
    font-family:'Inter', sans-serif;
    font-size:16px;
    line-height:1.55;
    background-image:
      linear-gradient(var(--line-faint) 1px, transparent 1px),
      linear-gradient(90deg, var(--line-faint) 1px, transparent 1px);
    background-size: 42px 42px;
    background-position: -1px -1px;
    overflow-x:hidden;
  }

  ::selection{ background: var(--amber); color: var(--bp-bg-deep); }

  h1,h2,h3,h4{
    font-family:'Space Grotesk', sans-serif;
    font-weight:600;
    color:#f4f8fc;
    line-height:1.12;
    letter-spacing:-0.01em;
  }

  .mono{ font-family:'JetBrains Mono', monospace; }

  .eyebrow{
    font-family:'JetBrains Mono', monospace;
    font-size:12.5px;
    letter-spacing:0.14em;
    text-transform:uppercase;
    color:var(--amber);
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:18px;
  }
  .eyebrow::before{
    content:"";
    width:22px; height:1px;
    background:var(--amber-deep);
  }
  .quote-eyebrow{ margin-bottom:14px; }

  a{ color:inherit; }

  .wrap{
    max-width:1180px;
    margin:0 auto;
    padding:0 32px;
  }

  /* corner registration marks */
  .reg-frame{ position:relative; }
  .reg-frame::before,
  .reg-frame::after,
  .reg-frame .reg-tr,
  .reg-frame .reg-br{
    content:"";
    position:absolute;
    width:16px; height:16px;
    pointer-events:none;
  }
  .reg-frame::before{ top:-1px; left:-1px; border-top:1.5px solid var(--line-dim); border-left:1.5px solid var(--line-dim); }
  .reg-frame::after{ bottom:-1px; left:-1px; border-bottom:1.5px solid var(--line-dim); border-left:1.5px solid var(--line-dim); }
  .reg-tr{ top:-1px; right:-1px; border-top:1.5px solid var(--line-dim); border-right:1.5px solid var(--line-dim); }
  .reg-br{ bottom:-1px; right:-1px; border-bottom:1.5px solid var(--line-dim); border-right:1.5px solid var(--line-dim); }

  /* ---------- NAV ---------- */
  header{
    position:sticky; top:0; z-index:100;
    background:rgba(10,31,51,0.86);
    backdrop-filter:blur(10px);
    border-bottom:1px solid var(--line-faint);
  }
  nav{
    max-width:1180px; margin:0 auto; padding:0 32px;
    height:68px;
    display:flex; align-items:center; justify-content:space-between;
  }
  .logo{
    display:flex; align-items:center; gap:14px;
    font-family:'Space Grotesk', sans-serif;
    font-weight:700; font-size:19px;
    color:#f4f8fc;
    letter-spacing:-0.01em;
    text-decoration:none;
  }
  .logo:hover,
  .logo:focus-visible{ text-decoration:none; }
  .logo img{
    width:44px;
    height:44px;
    object-fit:contain;
    display:block;
  }
  .navlinks{ display:flex; align-items:center; gap:34px; }
  .navlinks a{
    font-size:14px; color:var(--line); text-decoration:none;
    opacity:0.82;
    transition:opacity .15s ease;
  }
  .navlinks a:hover{ opacity:1; }
  .nav-cta{
    font-family:'JetBrains Mono', monospace;
    font-size:12.5px; letter-spacing:0.04em; font-weight:600;
    background:var(--amber); color:#2a1c04;
    padding:10px 18px;
    border-radius:2px;
    text-decoration:none;
    border:1px solid var(--amber-deep);
    transition:transform .15s ease, background .15s ease;
    white-space:nowrap;
  }
  .nav-cta:hover{ background:#eab659; transform:translateY(-1px); }

  @media (max-width:840px){
    .navlinks{ display:none; }
  }

  /* ---------- BUTTONS ---------- */
  .btn{
    display:inline-flex; align-items:center; gap:9px;
    font-family:'JetBrains Mono', monospace;
    font-size:13.5px; letter-spacing:0.03em; font-weight:600;
    padding:14px 24px;
    border-radius:2px;
    text-decoration:none;
    cursor:pointer;
    transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
  }
  .btn-primary{
    background:var(--amber); color:#2a1c04;
    border:1px solid var(--amber-deep);
  }
  .btn-primary:hover{ background:#eab659; transform:translateY(-1px); box-shadow:0 6px 18px rgba(224,168,60,0.22); }
  .btn-outline{
    background:transparent; color:var(--line);
    border:1px solid var(--line-dim);
  }
  .btn-outline:hover{ border-color:var(--line); background:rgba(255,255,255,0.03); }

  /* ---------- HERO ---------- */
  .hero{
    padding:96px 0 60px;
    position:relative;
  }
  .hero-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:56px;
    align-items:center;
  }
  .hero h1{
    font-size:52px;
    margin-bottom:22px;
  }
  .hero h1 .amber-word{ color:var(--amber); }
  .hero p.lead{
    font-size:17px;
    color:#c7dced;
    max-width:480px;
    margin-bottom:34px;
  }
  .hero-ctas{ display:flex; gap:14px; flex-wrap:wrap; margin-bottom:30px;}
  @media (max-width:900px){
    .hero-grid{ grid-template-columns:1fr; }
    .hero h1{ font-size:38px; }
  }

  /* dreamlike custom request field */
  .idea-cloud{
    min-height:506px;
    background:
      linear-gradient(rgba(188,215,236,0.06) 1px, transparent 1px),
      linear-gradient(90deg, rgba(188,215,236,0.06) 1px, transparent 1px),
      radial-gradient(ellipse at 48% 44%, rgba(188,215,236,0.14), transparent 38%),
      linear-gradient(145deg, rgba(18,52,86,0.96), rgba(10,31,51,0.94));
    background-size:32px 32px, 32px 32px, auto, auto;
    border:1px solid var(--line-dim);
    overflow:hidden;
    position:relative;
    isolation:isolate;
    box-shadow:0 24px 70px rgba(4,14,24,0.28);
  }
  .idea-cloud::before,
  .idea-cloud::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
  }
  .idea-cloud::before{
    background:
      linear-gradient(118deg, transparent 8%, rgba(188,215,236,0.08) 32%, transparent 52%),
      linear-gradient(302deg, transparent 18%, rgba(224,168,60,0.08) 49%, transparent 69%);
    mix-blend-mode:screen;
    opacity:0.72;
    animation:fieldBreathe 9s ease-in-out infinite;
  }
  .idea-cloud::after{
    border:1px solid rgba(188,215,236,0.08);
    inset:18px;
  }
  .idea-atmosphere{
    position:absolute;
    inset:0;
    z-index:0;
  }
  .haze{
    position:absolute;
    width:72%;
    height:26%;
    filter:blur(24px);
    opacity:0.45;
    transform:rotate(-18deg);
    background:linear-gradient(90deg, transparent, rgba(188,215,236,0.2), rgba(224,168,60,0.09), transparent);
    animation:hazeDrift 13s ease-in-out infinite;
  }
  .haze-one{ left:-16%; top:10%; }
  .haze-two{ right:-22%; top:44%; transform:rotate(16deg); animation-delay:-5s; opacity:0.34; }
  .haze-three{ left:16%; bottom:5%; transform:rotate(4deg); animation-delay:-9s; opacity:0.24; }
  .idea-paths{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
  }
  .idea-paths path{
    fill:none;
    stroke:rgba(188,215,236,0.18);
    stroke-width:1;
    stroke-dasharray:4 10;
    stroke-linecap:round;
    animation:pathFlow 18s linear infinite;
  }
  .idea-paths path:nth-child(2){ stroke:rgba(224,168,60,0.18); animation-duration:22s; animation-delay:-6s; }
  .idea-paths path:nth-child(3){ opacity:0.56; animation-duration:25s; animation-delay:-12s; }
  .idea-paths path:nth-child(4){ opacity:0.42; animation-duration:28s; animation-delay:-18s; }
  .particle{
    position:absolute;
    width:3px;
    height:3px;
    background:#dcebf5;
    border-radius:50%;
    opacity:0.48;
    box-shadow:0 0 12px rgba(188,215,236,0.7);
    animation:particleFloat 10s ease-in-out infinite;
  }
  .p1{ left:18%; top:26%; animation-delay:-1s; }
  .p2{ left:78%; top:20%; animation-delay:-4s; opacity:0.35; }
  .p3{ left:68%; top:74%; animation-delay:-7s; }
  .p4{ left:30%; top:82%; animation-delay:-10s; opacity:0.28; }
  .p5{ left:88%; top:52%; animation-delay:-13s; opacity:0.42; }
  .central-answer{
    position:absolute;
    z-index:4;
    left:50%;
    top:50%;
    width:238px;
    min-height:136px;
    padding:23px 24px 26px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    text-align:center;
    transform:translate(-50%, -50%);
    color:#f4f8fc;
    background:linear-gradient(160deg, rgba(14,41,66,0.94), rgba(18,52,86,0.82));
    border:1px solid rgba(224,168,60,0.72);
    border-radius:42% 58% 48% 52% / 54% 42% 58% 46%;
    box-shadow:
      0 0 0 1px rgba(188,215,236,0.1) inset,
      0 0 38px rgba(224,168,60,0.2),
      0 30px 70px rgba(4,14,24,0.5);
    animation:centralPulse 8s ease-in-out infinite;
  }
  .central-answer::before,
  .central-answer::after{
    content:"";
    position:absolute;
    pointer-events:none;
  }
  .central-answer::before{
    inset:-16px;
    border:1px solid rgba(188,215,236,0.16);
    border-radius:inherit;
  }
  .central-answer::after{
    left:22px;
    top:18px;
    width:42%;
    height:18%;
    border-top:1px solid rgba(255,255,255,0.32);
    border-radius:50%;
    transform:rotate(-10deg);
  }
  .central-answer strong{
    font-family:'Space Grotesk', sans-serif;
    font-size:24px;
    line-height:1.04;
    font-weight:600;
  }
  .central-answer strong span{
    display:block;
    font-family:'Cormorant Garamond', serif;
    font-size:44px;
    font-style:italic;
    font-weight:700;
    line-height:0.9;
    color:#f3c76f;
    text-shadow:0 0 20px rgba(224,168,60,0.28);
  }
  .request-bubbles{
    position:absolute;
    inset:0;
    z-index:2;
  }
  .request-bubble{
    position:absolute;
    max-width:210px;
    padding:11px 14px;
    color:#eef7ff;
    background:rgba(10,31,51,0.73);
    border:1px solid rgba(188,215,236,0.36);
    border-radius:18px 18px 18px 5px;
    box-shadow:
      0 12px 32px rgba(4,14,24,0.28),
      0 0 24px rgba(188,215,236,0.06) inset;
    font-size:13px;
    line-height:1.24;
    backdrop-filter:blur(7px);
    animation:requestDrift 9s ease-in-out infinite;
  }
  .request-bubble::before{
    content:"";
    position:absolute;
    left:16px;
    bottom:-6px;
    width:11px;
    height:11px;
    background:inherit;
    border-left:1px solid rgba(188,215,236,0.3);
    border-bottom:1px solid rgba(188,215,236,0.3);
    transform:rotate(-24deg);
  }
  .request-bubble::after{
    content:"";
    position:absolute;
    inset:-9px;
    border:1px solid rgba(188,215,236,0.07);
    border-radius:inherit;
    opacity:0.8;
  }
  .request-bubble.sharp{
    z-index:3;
    border-color:rgba(188,215,236,0.52);
    background:rgba(14,41,66,0.86);
  }
  .request-bubble.mid{
    z-index:2;
    opacity:0.78;
    transform:scale(0.9);
  }
  .request-bubble.far{
    z-index:1;
    opacity:0.42;
    transform:scale(0.74);
    filter:blur(0.7px);
  }
  .b1{ left:7%; top:17%; animation-delay:-1s; }
  .b2{ right:8%; top:17%; animation-delay:-5s; border-radius:18px 18px 5px 18px; }
  .b2::before,
  .b5::before,
  .b9::before{ left:auto; right:18px; transform:rotate(114deg); }
  .b3{ left:13%; top:48%; animation-delay:-8s; }
  .b4{ right:4%; top:42%; animation-delay:-12s; }
  .b5{ right:10%; bottom:16%; max-width:225px; animation-delay:-3s; border-color:rgba(224,168,60,0.45); }
  .b6{ left:5%; bottom:20%; animation-delay:-14s; }
  .b7{ left:28%; top:6%; animation-delay:-10s; }
  .b8{ right:29%; bottom:5%; animation-delay:-16s; }
  .b9{ right:21%; top:69%; animation-delay:-6s; max-width:198px; }
  .b10{ left:23%; bottom:7%; max-width:235px; animation-delay:-18s; border-color:rgba(224,168,60,0.58); }
  .idea-caption{
    position:absolute;
    left:26px;
    top:22px;
    z-index:5;
    display:flex;
    gap:16px;
    font-family:'JetBrains Mono', monospace;
    font-size:10.5px;
    letter-spacing:0.05em;
    color:rgba(188,215,236,0.36);
    text-transform:uppercase;
  }
  @keyframes requestDrift{
    0%,100%{ translate:0 0; }
    35%{ translate:8px -10px; }
    70%{ translate:-7px 6px; }
  }
  @keyframes centralPulse{
    0%,100%{
      border-radius:42% 58% 48% 52% / 54% 42% 58% 46%;
    }
    33%{
      border-radius:50% 50% 43% 57% / 48% 58% 42% 52%;
    }
    66%{
      border-radius:46% 54% 56% 44% / 58% 46% 54% 42%;
    }
  }
  @keyframes fieldBreathe{
    0%,100%{ opacity:0.55; }
    50%{ opacity:0.95; }
  }
  @keyframes hazeDrift{
    0%,100%{ translate:0 0; }
    50%{ translate:22px -10px; }
  }
  @keyframes pathFlow{
    to{ stroke-dashoffset:-160; }
  }
  @keyframes particleFloat{
    0%,100%{ translate:0 0; opacity:0.18; }
    45%{ translate:12px -18px; opacity:0.62; }
  }
  @media (max-width:900px){
    .idea-cloud{ min-height:520px; }
  }
  @media (max-width:560px){
    .idea-cloud{ min-height:570px; }
    .central-answer{
      width:205px;
      min-height:122px;
      padding:20px;
    }
    .central-answer strong{ font-size:21px; }
    .central-answer strong span{ font-size:38px; }
    .request-bubble{
      max-width:178px;
      font-size:12px;
      padding:10px 12px;
    }
    .b1{ left:4%; top:12%; }
    .b2{ right:2%; top:20%; }
    .b3{ left:0; top:42%; }
    .b4{ right:-1%; top:52%; }
    .b5{ right:2%; bottom:14%; }
    .b6{ left:4%; bottom:22%; }
    .b7{ left:23%; top:4%; }
    .b8{ right:20%; bottom:4%; }
    .b9{ right:4%; top:72%; }
    .b10{ left:7%; bottom:7%; }
    .idea-caption{
      left:16px;
      top:14px;
      font-size:9px;
    }
  }
  @media (prefers-reduced-motion:reduce){
    .idea-cloud::before,
    .haze,
    .idea-paths path,
    .particle,
    .central-answer,
    .request-bubble{
      animation:none;
    }
  }

  /* blueprint schematic */
  .schematic{
    background:var(--bp-card);
    border:1px solid var(--line-dim);
    padding:26px;
    position:relative;
  }
  .schematic svg{ width:100%; height:auto; display:block; }
  .anatomy-hotspots{
    position:absolute;
    inset:26px 26px 52px;
    pointer-events:none;
  }
  .anatomy-hotspot{
    position:absolute;
    width:24%;
    height:9.5%;
    min-width:92px;
    appearance:none;
    border:0;
    padding:0;
    background:transparent;
    cursor:help;
    pointer-events:auto;
  }
  .anatomy-hotspot::after{
    content:"";
    position:absolute;
    inset:-4px;
    border:1px solid transparent;
    background:rgba(224,168,60,0);
    transition:background .16s ease, border-color .16s ease;
  }
  .anatomy-hotspot:hover::after,
  .anatomy-hotspot:focus-visible::after,
  .anatomy-hotspot.is-open::after{
    border-color:rgba(224,168,60,0.95);
    background:rgba(224,168,60,0.08);
  }
  .anatomy-hotspot:focus-visible{ outline:0; }
  .hotspot-core{ left:42.4%; top:32.6%; width:15.2%; height:21.8%; min-width:58px; }
  .hotspot-command{ left:5.8%; top:19.1%; }
  .hotspot-moderation{ right:5.8%; top:19.1%; }
  .hotspot-database{ left:5.8%; top:48.3%; }
  .hotspot-integrations{ right:5.8%; top:48.3%; }
  .hotspot-dashboard{ left:36.5%; top:65.7%; width:29%; }
  .hotspot-card{
    position:fixed;
    z-index:250;
    left:16px;
    top:16px;
    width:min(320px, calc(100vw - 32px));
    transform:translateY(8px);
    opacity:0;
    visibility:hidden;
    display:grid;
    gap:9px;
    text-align:left;
    padding:16px 17px;
    color:#dcebf5;
    background:rgba(10,31,51,0.98);
    border:1px solid rgba(188,215,236,0.5);
    box-shadow:0 18px 38px rgba(4,14,24,0.42);
    pointer-events:none;
    transition:opacity .16s ease, transform .16s ease, visibility .16s ease;
  }
  .hotspot-card::after{
    content:"";
    position:absolute;
    left:var(--arrow-left, 50%);
    bottom:-7px;
    width:12px;
    height:12px;
    background:rgba(10,31,51,0.98);
    border-right:1px solid rgba(188,215,236,0.5);
    border-bottom:1px solid rgba(188,215,236,0.5);
    transform:translateX(-50%) rotate(45deg);
  }
  .hotspot-card[data-side="bottom"]::after{
    top:-7px;
    bottom:auto;
    border:0;
    border-left:1px solid rgba(188,215,236,0.5);
    border-top:1px solid rgba(188,215,236,0.5);
  }
  .hotspot-card.is-visible{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
  }
  .hotspot-kicker{
    font-size:11px;
    color:var(--amber);
    letter-spacing:0.08em;
    text-transform:uppercase;
  }
  .hotspot-card strong{
    color:#f4f8fc;
    font-family:'Space Grotesk', sans-serif;
    font-size:16px;
    line-height:1.18;
  }
  .hotspot-card span:last-child{
    color:#c7dced;
    font-size:13.5px;
    line-height:1.45;
  }
  @media (max-width:560px){
    .schematic{ padding:16px; }
    .anatomy-hotspots{ inset:16px 16px 42px; }
    .hotspot-card{
      width:calc(100vw - 28px);
      padding:14px;
    }
    .hotspot-card strong{ font-size:14.5px; }
    .hotspot-card span:last-child{ font-size:12.5px; }
  }
  .schematic-caption{
    display:flex; justify-content:space-between;
    font-family:'JetBrains Mono', monospace;
    font-size:10.5px; letter-spacing:0.05em;
    color:var(--line-dim);
    margin-top:14px;
    text-transform:uppercase;
  }

  /* ---------- SECTION SHARED ---------- */
  section{ padding:100px 0; position:relative; }
  .section-head{ max-width:640px; margin-bottom:56px; }
  .section-head h2{ font-size:34px; margin-bottom:16px; }
  .section-head p{ color:#c7dced; font-size:16px; }
  .divider{
    height:1px;
    background:linear-gradient(90deg, transparent, var(--line-dim) 15%, var(--line-dim) 85%, transparent);
  }

  /* ---------- WHAT OWNBOT IS ---------- */
  .why-ownbot{
    min-height:430px;
    overflow:hidden;
    position:relative;
    isolation:isolate;
    display:grid;
    grid-template-columns:1fr 250px 1fr;
    align-items:center;
    gap:38px;
    padding:52px 50px;
    border:1px solid var(--line-dim);
    background:
      linear-gradient(rgba(188,215,236,0.06) 1px, transparent 1px),
      linear-gradient(90deg, rgba(188,215,236,0.06) 1px, transparent 1px),
      radial-gradient(ellipse at 48% 44%, rgba(188,215,236,0.14), transparent 38%),
      linear-gradient(145deg, rgba(18,52,86,0.96), rgba(10,31,51,0.94));
    background-size:32px 32px, 32px 32px, auto, auto;
    box-shadow:0 24px 70px rgba(4,14,24,0.28);
  }
  .why-ownbot::before{
    content:"";
    position:absolute;
    inset:0;
    background:
      linear-gradient(118deg, transparent 8%, rgba(188,215,236,0.08) 32%, transparent 52%),
      linear-gradient(302deg, transparent 18%, rgba(224,168,60,0.08) 49%, transparent 69%);
    mix-blend-mode:screen;
    opacity:0.72;
    pointer-events:none;
    animation:fieldBreathe 9s ease-in-out infinite;
  }
  .why-lines{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    z-index:0;
    pointer-events:none;
  }
  .why-lines path{
    fill:none;
    stroke-width:2;
    stroke-linecap:round;
    stroke-dasharray:3 12;
    opacity:0.74;
    animation:whyFlow 16s linear infinite;
  }
  .why-lines .line-problem{ stroke:rgba(227,137,127,0.42); }
  .why-lines .line-result{
    stroke:rgba(143,210,160,0.52);
  }
  .why-rail{
    position:relative;
    z-index:2;
    display:grid;
    gap:18px;
    align-content:center;
  }
  .why-rail span{
    width:max-content;
    max-width:230px;
    padding:10px 14px;
    color:#eaf4fb;
    background:rgba(10,31,51,0.62);
    border:1px solid rgba(188,215,236,0.28);
    border-radius:999px;
    font-size:13.5px;
    line-height:1.2;
    box-shadow:0 12px 30px rgba(4,14,24,0.2);
    backdrop-filter:blur(7px);
  }
  .why-rail-left{ justify-items:start; }
  .why-rail-right{ justify-items:end; }
  .why-rail-left span{
    border-color:rgba(227,137,127,0.34);
  }
  .why-rail-right span{
    border-color:rgba(143,210,160,0.38);
  }
  .why-rail-left::before,
  .why-rail-right::before{
    display:block;
    margin:0 0 12px 2px;
    font-family:'JetBrains Mono', monospace;
    font-size:10.5px;
    letter-spacing:0.12em;
    text-transform:uppercase;
    color:var(--amber);
  }
  .why-rail-left::before{ content:"Problems"; }
  .why-rail-right::before{ content:"Results"; }
  .why-core{
    position:relative;
    z-index:3;
    min-height:190px;
    display:grid;
    place-items:center;
    text-align:center;
    color:#f4f8fc;
  }
  .why-core::before{
    content:"";
    position:absolute;
    width:224px;
    height:154px;
    border:1px solid rgba(224,168,60,0.35);
    border-radius:44% 56% 48% 52% / 58% 42% 58% 42%;
    background:
      radial-gradient(circle at 50% 42%, rgba(224,168,60,0.16), transparent 52%),
      rgba(14,41,66,0.82);
    box-shadow:
      0 0 42px rgba(224,168,60,0.13),
      0 24px 60px rgba(4,14,24,0.34);
    animation:whyPulse 9s ease-in-out infinite;
  }
  .why-core > div:last-child{
    position:absolute;
    z-index:3;
    left:50%;
    top:50%;
    width:190px;
    transform:translate(-50%, -50%);
  }
  .why-core strong{
    display:block;
    font-family:'Space Grotesk', sans-serif;
    font-size:28px;
    line-height:1.04;
  }
  .why-arrow{
    display:none;
    position:absolute;
    z-index:2;
    width:110px;
    height:auto;
    opacity:0.6;
    pointer-events:none;
    filter:brightness(0) saturate(100%) invert(73%) sepia(28%) saturate(671%) hue-rotate(83deg) brightness(91%) contrast(86%) drop-shadow(0 0 10px rgba(143,210,160,0.2));
  }
  .why-note{
    position:absolute;
    z-index:4;
    left:50%;
    bottom:28px;
    width:min(440px, calc(100% - 60px));
    transform:translateX(-50%);
    text-align:center;
  }
  .why-note span{
    display:block;
    margin-bottom:7px;
    font-family:'JetBrains Mono', monospace;
    font-size:10.5px;
    letter-spacing:0.12em;
    color:var(--amber);
  }
  .why-note p{
    color:#c7dced;
    font-size:14.5px;
  }
  @keyframes whyFlow{
    to{ stroke-dashoffset:-180; }
  }
  @keyframes whyPulse{
    0%,100%{ border-radius:45% 55% 52% 48% / 54% 44% 56% 46%; }
    50%{ border-radius:53% 47% 44% 56% / 45% 56% 44% 55%; }
  }
  @media (max-width:900px){
    .why-ownbot{
      grid-template-columns:1fr;
      gap:18px;
      padding:24px 14px 24px;
    }
    .why-lines{ display:none; }
    .why-rail{
      grid-template-columns:1fr;
      position:relative;
    }
    .why-rail span{
      width:auto;
      max-width:none;
      margin:0;
      font-size:11.5px;
      padding:9px 11px;
    }
    .why-rail-left span:nth-child(n+3),
    .why-rail-right span:nth-child(n+3){
      display:none;
    }
    .why-rail-left,
    .why-rail-right{
      gap:7px;
      justify-items:stretch;
    }
    .why-core{ order:2; min-height:150px; }
    .why-rail-left{ order:1; }
    .why-rail-right{ order:3; }
    .why-arrow{ display:block; }
    .why-arrow-left{
      left:calc(50% - 172px);
      top:48px;
      transform:scaleX(-1) rotate(97deg);
    }
    .why-arrow-right{
      right:calc(50% - 172px);
      top:48px;
      transform:rotate(95deg);
      opacity:0.52;
    }
    .why-core::before{
      width:168px;
      height:118px;
    }
    .why-core strong{ font-size:19px; }
    .why-note{
      bottom:22px;
      width:calc(100% - 36px);
    }
  }
  @media (prefers-reduced-motion:reduce){
    .why-lines path,
    .why-core::before{
      animation:none;
    }
  }

  /* ---------- SOCIAL PROOF ---------- */
  #proof::after{
    content:"";
    position:absolute;
    left:50%;
    bottom:0;
    width:min(calc(100% - 64px), 1116px);
    height:1px;
    transform:translateX(-50%);
    background:linear-gradient(90deg, transparent, var(--line-dim) 15%, var(--line-dim) 85%, transparent);
    pointer-events:none;
  }
  .proof-head{
    position:relative;
    margin-bottom:0;
  }
  .proof-card{
    position:absolute;
    left:calc(100% + 40px);
    top:78px;
    width:250px;
    display:grid;
    grid-template-columns:84px 1fr;
    gap:1px;
    align-items:stretch;
    background:rgba(255,128,188,0.18);
    border:1px solid rgba(255,153,205,0.45);
    box-shadow:0 0 32px rgba(255,105,180,0.12);
  }
  .proof-logo{
    width:62px;
    height:62px;
    place-self:center;
    display:block;
    border:1px solid rgba(255,171,215,0.58);
    border-radius:50%;
    background:rgba(255,231,244,0.94);
    overflow:hidden;
    box-shadow:0 0 30px rgba(255,105,180,0.24);
  }
  .proof-logo img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
  }
  .proof-card-stat{
    min-height:92px;
    padding:16px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    background:linear-gradient(135deg, rgba(69,20,48,0.82), rgba(27,24,53,0.76));
  }
  .proof-card-stat strong{
    display:block;
    color:#fff4fa;
    font-family:'Space Grotesk', sans-serif;
    font-size:23px;
    line-height:1;
  }
  .proof-card-stat span{
    margin-top:10px;
    color:#ffc7e2;
    font-size:12.5px;
    line-height:1.35;
  }
  .proof-head p a{
    color:#f3c76f;
    text-decoration:none;
    border-bottom:1px solid rgba(243,199,111,0.42);
  }
  @media (max-width:960px){
    .proof-card{
      position:static;
      width:min(250px, 100%);
      margin-top:20px;
    }
  }

  /* ---------- OWNERSHIP DOCS ---------- */
  .doc-pair{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:30px;
  }
  .doc{
    background:var(--paper);
    color:var(--ink);
    padding:34px 30px;
    position:relative;
    box-shadow:0 20px 40px rgba(0,0,0,0.28);
    transform:rotate(-0.6deg);
  }
  .doc.deed{ transform:rotate(0.6deg); border:2px solid var(--amber-deep); }
  .doc-head{
    display:flex; justify-content:space-between; align-items:flex-start;
    border-bottom:1px dashed var(--paper-line);
    padding-bottom:14px; margin-bottom:18px;
  }
  .doc-title{
    font-family:'JetBrains Mono', monospace;
    font-size:12.5px; letter-spacing:0.09em; font-weight:700;
    color:var(--ink-soft);
  }
  .doc-stamp{
    font-family:'JetBrains Mono', monospace;
    font-size:10.5px; letter-spacing:0.06em; font-weight:700;
    border:1.5px solid var(--red);
    color:var(--red);
    padding:4px 8px;
    transform:rotate(6deg);
    border-radius:2px;
  }
  .doc.deed .doc-stamp{ border-color:var(--green); color:#3e6f4b; transform:rotate(-5deg); }
  .doc h3{ font-family:'Space Grotesk', sans-serif; color:var(--ink); font-size:21px; margin-bottom:14px; }
  .doc ul{ list-style:none; }
  .doc ul li{
    font-size:14.5px; color:var(--ink-soft);
    padding:8px 0 8px 20px;
    border-bottom:1px solid rgba(203,189,148,0.55);
    position:relative;
  }
  .doc ul li:last-child{ border-bottom:none; }
  .doc.lease ul li::before{ content:"–"; position:absolute; left:0; color:var(--red); font-weight:700; }
  .doc.deed ul li::before{ content:"✓"; position:absolute; left:0; color:#3e6f4b; font-weight:700; }

  @media (max-width:860px){
    .doc-pair{ grid-template-columns:1fr; }
    .doc{ transform:none !important; }
  }

  /* ---------- COMPARISON TABLE ---------- */
  .compare{
    width:100%;
    border-collapse:collapse;
    background:var(--bp-card);
    border:1px solid var(--line-dim);
  }
  .compare th, .compare td{
    text-align:left;
    padding:16px 20px;
    font-size:14.5px;
    border-bottom:1px solid var(--line-faint);
  }
  .compare th{
    font-family:'JetBrains Mono', monospace;
    font-size:11.5px; letter-spacing:0.07em; text-transform:uppercase;
    color:var(--amber);
    border-bottom:1px solid var(--line-dim);
  }
  .compare td:first-child{ color:#9fbcd3; width:26%; font-family:'JetBrains Mono', monospace; font-size:12.5px;}
  .compare tr:last-child td{ border-bottom:none; }
  .compare td.no{ color:#e3897f; }
  .compare td.yes{ color:#8fd2a0; }

  @media (max-width:700px){
    .compare{ font-size:13px; }
    .compare th, .compare td{ padding:12px; }
  }

  /* ---------- COMPONENTS GRID ---------- */
  .comp-grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:0;
    background:rgba(10,31,51,0.42);
    border:1px solid var(--line-dim);
  }
  .comp-cell{
    background:transparent;
    padding:22px 18px;
    min-height:112px;
    border-right:1px solid var(--line-faint);
    border-bottom:1px solid var(--line-faint);
    display:flex; flex-direction:column; justify-content:space-between;
  }
  .comp-cell:nth-child(4n){ border-right:none; }
  .comp-cell:nth-last-child(-n+4){ border-bottom:none; }
  .comp-cell .num{
    font-family:'JetBrains Mono', monospace;
    font-size:10.5px; color:var(--line-dim);
  }
  .comp-cell .label{
    font-size:14px; color:#dcebf5; font-weight:500; margin-top:14px;
  }
  .comp-cell.open{
    background:var(--bp-card-2);
    border:1px dashed var(--amber-deep) !important;
    align-items:center; text-align:center;
    color:inherit;
    text-decoration:none;
    transition:background .15s ease, border-color .15s ease, transform .15s ease;
  }
  .comp-cell.open:hover,
  .comp-cell.open:focus-visible{
    background:#1a466e;
    border-color:var(--amber);
    transform:translateY(-1px);
    outline:none;
  }
  .comp-cell.open .label{ color:var(--amber); font-family:'JetBrains Mono', monospace; font-size:13px; margin-top:0;}

  @media (max-width:900px){
    .comp-grid{ grid-template-columns:repeat(2,1fr); }
    .comp-cell:nth-child(4n){ border-right:1px solid var(--line-faint); }
    .comp-cell:nth-child(2n){ border-right:none; }
    .comp-cell:nth-last-child(-n+4){ border-bottom:1px solid var(--line-faint); }
    .comp-grid .comp-cell:nth-child(n+10):not(.open){
      display:none;
    }
    .comp-cell:nth-child(9),
    .comp-cell.open{ border-bottom:none; }
  }
  @media (max-width:560px){
    .comp-grid{ grid-template-columns:1fr; }
    .comp-cell,
    .comp-cell:nth-child(2n),
    .comp-cell:nth-child(4n){
      border-right:none;
      border-bottom:1px solid var(--line-faint);
    }
    .comp-grid .comp-cell:nth-child(n+7):not(.open){
      display:none;
    }
    .comp-cell:nth-child(6),
    .comp-cell.open{ border-bottom:none; }
  }

  /* ---------- PROJECT TIMELINE ---------- */
  .project-timeline{
    position:relative;
    display:grid;
    grid-template-columns:repeat(5, minmax(0, 1fr));
    border:1px solid var(--line-dim);
    background:rgba(10,31,51,0.42);
  }
  .project-timeline::before{
    content:"";
    position:absolute;
    left:42px;
    right:42px;
    top:50px;
    height:1px;
    background:linear-gradient(var(--amber), rgba(143,210,160,0.58));
    opacity:0.7;
  }
  .timeline-step{
    position:relative;
    display:flex;
    flex-direction:column;
    gap:18px;
    padding:28px 18px 30px;
    border-right:1px solid var(--line-faint);
  }
  .timeline-step:last-child{ border-right:none; }
  .timeline-marker{
    position:relative;
    z-index:2;
    width:46px;
    height:46px;
    display:grid;
    place-items:center;
    color:#2a1c04;
    background:var(--amber);
    border:1px solid var(--amber-deep);
    border-radius:50%;
    font-family:'JetBrains Mono', monospace;
    font-size:12px;
    font-weight:700;
    box-shadow:0 0 24px rgba(224,168,60,0.2);
  }
  .timeline-copy span{
    display:block;
    margin-bottom:8px;
    font-family:'JetBrains Mono', monospace;
    font-size:11px;
    letter-spacing:0.11em;
    text-transform:uppercase;
    color:var(--amber);
  }
  .timeline-copy h3{
    margin-bottom:8px;
    font-size:18px;
  }
  .timeline-copy p{
    color:#a9c4da;
    font-size:13.5px;
    line-height:1.5;
  }

  @media (max-width:900px){
    .project-timeline{
      grid-template-columns:1fr;
    }
    .project-timeline::before{
      left:35px;
      right:auto;
      top:32px;
      bottom:32px;
      width:1px;
      height:auto;
    }
    .timeline-step{
      display:grid;
      grid-template-columns:58px 1fr;
      gap:10px;
      padding:22px 16px;
      border-right:none;
      border-bottom:1px solid var(--line-faint);
    }
    .timeline-step:last-child{ border-bottom:none; }
    .timeline-marker{
      width:38px;
      height:38px;
      font-size:11px;
    }
    .timeline-copy h3{ font-size:18px; }
    .timeline-copy p{
      max-width:760px;
      font-size:14px;
    }
  }

  /* ---------- AFTERCARE ---------- */
  .aftercare-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px;
  }
  .aftercare-card{
    border:1px solid var(--line-dim);
    background:rgba(10,31,51,0.42);
    padding:28px;
    min-height:210px;
  }
  .aftercare-card span{
    display:block;
    margin-bottom:12px;
    font-family:'JetBrains Mono', monospace;
    font-size:12px;
    letter-spacing:0.12em;
    text-transform:uppercase;
    color:var(--amber);
  }
  .aftercare-card h3{
    margin-bottom:12px;
    font-size:24px;
  }
  .aftercare-card p{
    color:#c7dced;
    font-size:15px;
    line-height:1.6;
  }
  @media (max-width:800px){
    .aftercare-grid{
      grid-template-columns:1fr;
    }
    .aftercare-card{
      min-height:auto;
    }
  }

  /* ---------- HOSTING ---------- */
  .host-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px;
  }
  .host-card{
    background:rgba(10,31,51,0.42);
    border:1px solid var(--line-dim);
    padding:30px;
  }
  .host-card.managed{ border-color:var(--amber-deep); background:var(--bp-card-2); }
  .host-card .htag{
    font-family:'JetBrains Mono', monospace;
    font-size:11px; letter-spacing:0.08em; text-transform:uppercase;
    color:var(--line-dim);
    margin-bottom:10px; display:block;
  }
  .host-card.managed .htag{ color:var(--amber); }
  .host-card h3{ font-size:21px; margin-bottom:12px; color:#f4f8fc;}
  .host-card p{ font-size:14.5px; color:#a9c4da; margin-bottom:16px; }
  .host-card ul{ list-style:none; }
  .host-card li{ font-size:14px; color:#c7dced; padding:6px 0 6px 18px; position:relative; }
  .host-card li::before{ content:"›"; position:absolute; left:0; color:var(--amber-deep); }

  @media (max-width:800px){ .host-grid{ grid-template-columns:1fr; } }

  /* ---------- CERTIFICATE (handoff) ---------- */
  .cert-wrap{ display:flex; justify-content:center; }
  .certificate{
    background:var(--paper);
    color:var(--ink);
    max-width:640px; width:100%;
    padding:44px 46px;
    border:3px double var(--amber-deep);
    position:relative;
    box-shadow:0 24px 60px rgba(0,0,0,0.35);
  }
  .certificate::before{
    content:"";
    position:absolute; inset:10px;
    border:1px solid rgba(44,34,19,0.25);
    pointer-events:none;
  }
  .cert-eyebrow{
    font-family:'JetBrains Mono', monospace;
    font-size:11px; letter-spacing:0.16em; text-transform:uppercase;
    color:var(--ink-soft); text-align:center; margin-bottom:8px;
  }
  .cert-title{
    font-family:'Space Grotesk', sans-serif;
    font-size:26px; text-align:center; color:var(--ink);
    margin-bottom:22px;
  }
  .cert-body{ font-size:14.5px; color:var(--ink-soft); text-align:center; margin-bottom:26px; line-height:1.7; }
  .cert-body b{ color:var(--ink); }
  .cert-fields{
    display:grid; grid-template-columns:1fr 1fr; gap:16px 30px;
    border-top:1px dashed var(--paper-line);
    padding-top:22px;
  }
  .cert-field label{
    display:block;
    font-family:'JetBrains Mono', monospace;
    font-size:10px; letter-spacing:0.08em; text-transform:uppercase;
    color:var(--ink-soft); margin-bottom:4px;
  }
  .cert-field .val{ font-size:14px; color:var(--ink); font-weight:600; }
  .cert-seal{
    position:absolute; bottom:26px; right:34px;
    width:74px; height:74px;
    border:2px solid var(--red);
    border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    transform:rotate(-12deg);
    font-family:'JetBrains Mono', monospace;
    font-size:9px; letter-spacing:0.05em; text-align:center;
    color:var(--red); font-weight:700;
    line-height:1.3;
  }

  @media (max-width:600px){
    .certificate{ padding:30px 22px; }
    .cert-fields{ grid-template-columns:1fr; }
    .cert-seal{ position:static; margin:18px auto 0; transform:rotate(-8deg); }
  }

  /* ---------- FAQ ---------- */
  .faq-list{ border-top:1px solid var(--line-dim); }
  .faq-item{ border-bottom:1px solid var(--line-dim); }
  .faq-q{
    width:100%;
    display:flex; align-items:center; justify-content:space-between;
    background:none; border:none; cursor:pointer;
    padding:22px 0;
    font-family:'Space Grotesk', sans-serif;
    font-size:17px; color:#f0f5fa; font-weight:500;
    text-align:left;
  }
  .faq-q .plus{
    font-family:'JetBrains Mono', monospace;
    color:var(--amber); font-size:18px; flex:0 0 auto; margin-left:20px;
    transition:transform .2s ease;
  }
  .faq-item.open .plus{ transform:rotate(45deg); }
  .faq-a{
    max-height:0; overflow:hidden;
    transition:max-height .25s ease;
  }
  .faq-a p{ padding-bottom:22px; color:#a9c4da; font-size:14.5px; max-width:680px; }

  /* ---------- FINAL CTA ---------- */
  .final-cta{
    background:var(--bp-card);
    border:1px solid var(--line-dim);
    padding:56px;
    display:grid;
    grid-template-columns:1fr;
    gap:28px;
    align-items:start;
  }
  .final-cta h2{ font-size:30px; margin-bottom:14px; }
  .final-cta p{ color:#a9c4da; font-size:15px; max-width:620px; }
  .final-cta .btn-primary{ margin-top:24px; }

  @media (max-width:900px){
    .final-cta{ padding:34px 26px; }
  }

  /* ---------- THANK YOU PAGE ---------- */
  .thanks-page{
    min-height:calc(100vh - 68px);
    display:flex;
    align-items:center;
  }
  .thanks-hero{
    width:100%;
    padding:92px 0;
  }
  .thanks-panel{
    width:100%;
    max-width:920px;
    margin:0 auto;
    padding:48px;
    background:var(--bp-card);
    border:1px solid var(--line-dim);
  }
  .thanks-panel h1{
    font-size:48px;
    margin-bottom:18px;
  }
  .thanks-panel .lead{
    max-width:680px;
    color:#c7dced;
    font-size:18px;
    margin-bottom:34px;
  }
  .thanks-status{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:14px;
    margin-bottom:34px;
  }
  .thanks-status div{
    border:1px solid var(--line-faint);
    padding:18px;
    background:rgba(255,255,255,0.025);
  }
  .thanks-status span{
    display:block;
    color:var(--amber);
    font-size:12px;
    margin-bottom:10px;
  }
  .thanks-status strong{
    display:block;
    color:#f4f8fc;
    font-family:'Space Grotesk', sans-serif;
    font-size:17px;
    margin-bottom:8px;
  }
  .thanks-status p{
    color:#c7dced;
    font-size:14px;
  }
  .thanks-actions{
    display:flex;
    gap:14px;
    flex-wrap:wrap;
  }

  @media (max-width:760px){
    .thanks-panel{ padding:34px 24px; }
    .thanks-panel h1{ font-size:36px; }
    .thanks-status{ grid-template-columns:1fr; }
  }

  /* ---------- FOOTER ---------- */
  footer{
    border-top:1px solid var(--line-faint);
    padding:44px 0;
  }
  .footer-row{
    display:flex; justify-content:space-between; align-items:center;
    flex-wrap:wrap; gap:16px;
  }
  .footer-logo{ font-size:16px; }
  .footer-logo img{ width:32px; height:32px; }
  .footer-links{ display:flex; gap:26px; }
  .footer-links a{ font-size:13.5px; color:var(--line); text-decoration:none; }
  .footer-fine{
    font-family:'JetBrains Mono', monospace;
    font-size:11.5px; color:var(--line);
    margin-top:26px;
  }

  /* fade-in on scroll */
  .fade-up{ opacity:0; transform:translateY(18px); transition:opacity .6s ease, transform .6s ease; }
  .fade-up.in{ opacity:1; transform:translateY(0); }

  @media (max-width:600px){
    .wrap{ padding:0 20px; }
    section{ padding:64px 0; }
    .hero{ padding:64px 0 40px; }
  }