:root {
      --forest:    #1A3C2B;
      --mid:       #2D6A4F;
      --vivid:     #40916C;
      --bright:    #52B788;
      --soft:      #95D5B2;
      --pale:      #D8F3DC;
      --lime:      #B7E04B;
      --lime-dk:   #8AAE18;
      --lime-lt:   #D4F55A;
      --cream:     #F7F4EE;
      --mist:      #EBF5EE;
      --ink:       #0A180F;
      --indigo:    #4F46E5;
      --indigo-lt: #818CF8;
    }

    *, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
    html { scroll-behavior:smooth; }

    body {
      background:var(--cream);
      color:var(--ink);
      font-family:'Bricolage Grotesque', sans-serif;
      overflow-x:hidden;
    }

    body::before {
      content:''; position:fixed; inset:0;
      background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");
      pointer-events:none; z-index:999; opacity:.45;
    }

    /* ═══════════ NAV ═══════════ */
    nav {
      position:fixed; top:0; left:0; right:0; z-index:200;
      display:flex; align-items:center; justify-content:space-between;
      padding:20px 56px;
      background:rgba(247,244,238,0.9);
      backdrop-filter:blur(20px);
      -webkit-backdrop-filter:blur(20px);
      border-bottom:1px solid rgba(183,224,75,0.15);
    }

    .nav-logo { display:flex; align-items:center; gap:12px; text-decoration:none; }

    .nav-wordmark {
      font-weight:800; font-size:24px; letter-spacing:-1px;
      color:var(--forest); line-height:1;
    }
    .nav-wordmark .labs {
      font-family:'DM Mono', monospace; font-weight:500;
      font-size:20px; color:var(--lime-dk); letter-spacing:3px;
    }
    .nav-wordmark .dot { color:var(--lime); }

    .nav-links { display:flex; align-items:center; gap:36px; list-style:none; }
    .nav-links a {
      font-family:'DM Mono', monospace;
      font-size:11px; letter-spacing:0.16em; text-transform:uppercase;
      color:var(--mid); text-decoration:none; transition:color 0.15s;
    }
    .nav-links a:hover { color:var(--forest); }

    .nav-toggle {
      display:none;
      width:44px; height:44px;
      border:1px solid rgba(149,213,178,0.35);
      border-radius:100px;
      background:rgba(255,255,255,0.24);
      color:var(--forest);
      cursor:pointer;
      align-items:center; justify-content:center;
      flex-direction:column; gap:5px;
      transition:background 0.15s, border-color 0.15s;
    }
    .nav-toggle:hover { background:rgba(255,255,255,0.42); border-color:var(--soft); }
    .nav-toggle span {
      width:18px; height:2px;
      border-radius:100px;
      background:currentColor;
      transition:transform 0.18s cubic-bezier(.22,1,.36,1), opacity 0.18s;
    }
    nav.nav-open .nav-toggle span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
    nav.nav-open .nav-toggle span:nth-child(2) { opacity:0; }
    nav.nav-open .nav-toggle span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }

    .nav-cta {
      color:var(--ink) !important; background:var(--lime);
      padding:9px 22px; border-radius:100px;
      transition:background 0.15s !important;
    }
    .nav-cta:hover { background:var(--lime-dk) !important; color:var(--cream) !important; }

    /* ═══════════ HERO ═══════════ */
    .hero {
      min-height:100vh;
      display:flex; flex-direction:column;
      align-items:center; justify-content:center;
      padding:140px 48px 100px;
      position:relative; overflow:hidden; text-align:center;
    }

    .hero-glow {
      position:absolute; top:-8%; left:50%; transform:translateX(-50%);
      width:1100px; height:750px;
      background:radial-gradient(ellipse at center,
        rgba(183,224,75,0.11) 0%,
        rgba(82,183,136,0.06) 42%,
        transparent 68%);
      pointer-events:none;
    }

    .hero-inner {
      position:relative; z-index:2;
      max-width:960px; width:100%;
      display:flex; flex-direction:column;
      align-items:center; gap:0;
    }

    /* broccoli mark — larger */
    .hero-mark {
      margin-bottom:52px;
      opacity:0;
      animation:riseUp 0.9s 0.1s cubic-bezier(.22,1,.36,1) forwards;
    }

    /* hero lines — staggered */
    .hero-line-1 {
      font-size:clamp(44px, 7vw, 88px);
      font-weight:800; letter-spacing:-3px; line-height:1.02;
      color:var(--forest); display:block;
      opacity:0;
      animation:riseUp 0.9s 0.35s cubic-bezier(.22,1,.36,1) forwards;
    }

    .hero-line-2 {
      font-size:clamp(44px, 7vw, 88px);
      font-weight:800; letter-spacing:-3px; line-height:1.02;
      color:var(--forest); display:block;
      margin-bottom:40px;
      opacity:0;
      animation:riseUp 0.9s 0.55s cubic-bezier(.22,1,.36,1) forwards;
    }

    /* accent words in lime */
    .acc { color:var(--lime-dk); }

    /* subtitle */
    .hero-sub {
      font-family:'DM Mono', monospace;
      font-size:14px; letter-spacing:0.16em;
      color:var(--mid);
      margin-bottom:52px;
      opacity:0;
      animation:riseUp 0.9s 0.75s cubic-bezier(.22,1,.36,1) forwards;
    }

    /* CTAs */
    .hero-ctas {
      display:flex; align-items:center; justify-content:center; gap:14px;
      opacity:0;
      animation:riseUp 0.9s 0.9s cubic-bezier(.22,1,.36,1) forwards;
    }

    .btn-lime {
      font-family:'DM Mono', monospace;
      font-size:11px; font-weight:500; letter-spacing:0.18em; text-transform:uppercase;
      color:var(--ink); background:var(--lime);
      padding:13px 30px; border-radius:100px; border:none;
      text-decoration:none; cursor:pointer;
      display:inline-flex; align-items:center; gap:9px;
      transition:background 0.15s, transform 0.15s;
    }
    .btn-lime:hover { background:var(--lime-dk); color:var(--cream); transform:translateY(-1px); }

    .btn-ghost {
      font-family:'DM Mono', monospace;
      font-size:11px; font-weight:500; letter-spacing:0.18em; text-transform:uppercase;
      color:var(--mid); background:transparent;
      padding:12px 26px; border-radius:100px;
      border:1.5px solid rgba(149,213,178,0.45);
      text-decoration:none; cursor:pointer;
      transition:border-color 0.15s, color 0.15s;
    }
    .btn-ghost:hover { border-color:var(--vivid); color:var(--forest); }

    /* scroll hint */
    .scroll-hint {
      position:absolute; bottom:36px; left:50%; transform:translateX(-50%);
      display:flex; flex-direction:column; align-items:center; gap:8px;
      opacity:0;
      animation:riseUp 0.9s 1.1s cubic-bezier(.22,1,.36,1) forwards;
    }
    .scroll-hint span {
      font-family:'DM Mono', monospace; font-size:9px;
      letter-spacing:0.22em; text-transform:uppercase; color:var(--soft);
    }
    .scroll-line {
      width:1px; height:44px;
      background:linear-gradient(to bottom, var(--soft), transparent);
      animation:scrollBob 2.2s ease-in-out infinite;
    }
    @keyframes scrollBob {
      0%,100%{opacity:0.3;transform:scaleY(1)} 50%{opacity:1;transform:scaleY(1.1)}
    }

    /* ═══════════ FLORET SECTION ═══════════ */
    .floret-section {
      background:var(--forest);
      padding:100px 56px;
      position:relative; overflow:hidden;
    }

    .floret-glow {
      position:absolute; top:50%; left:30%;
      transform:translate(-50%,-50%);
      width:700px; height:500px;
      background:radial-gradient(ellipse,
        rgba(183,224,75,0.07) 0%, transparent 65%);
      pointer-events:none;
    }

    .floret-inner { max-width:1100px; margin:0 auto; position:relative; z-index:2; }

    .floret-label {
      font-family:'DM Mono', monospace;
      font-size:10px; letter-spacing:0.24em; text-transform:uppercase;
      color:var(--lime); margin-bottom:60px;
      display:flex; align-items:center; gap:12px;
    }
    .floret-label::before { content:''; width:20px; height:1px; background:var(--lime); }

    .floret-grid {
      display:grid; grid-template-columns:repeat(3,1fr);
      gap:2px;
    }

    .floret-card {
      background:rgba(255,255,255,0.03);
      border:1px solid rgba(149,213,178,0.1);
      padding:40px 36px;
      position:relative; overflow:hidden;
      opacity:0; transform:translateY(20px);
      transition:opacity 0.6s cubic-bezier(.22,1,.36,1),
                 transform 0.6s cubic-bezier(.22,1,.36,1),
                 background 0.2s, border-color 0.2s;
    }
    .floret-card:hover {
      background:rgba(255,255,255,0.055);
      border-color:rgba(183,224,75,0.2);
    }
    .floret-card.visible { opacity:1; transform:translateY(0); }
    .floret-card:nth-child(1) { border-radius:20px 0 0 0; }
    .floret-card:nth-child(2) { border-radius:0; }
    .floret-card:nth-child(3) { border-radius:0 20px 0 0; }
    .floret-card:nth-child(4) { border-radius:0 0 0 20px; }
    .floret-card:nth-child(5) { border-radius:0; }
    .floret-card:nth-child(6) { border-radius:0 0 20px 0; }

    .floret-num {
      font-family:'DM Mono', monospace;
      font-size:10px; letter-spacing:0.2em; text-transform:uppercase;
      color:rgba(183,224,75,0.5); margin-bottom:14px;
    }

    .floret-name {
      font-size:22px; font-weight:800; letter-spacing:-0.8px;
      color:var(--cream); margin-bottom:12px;
    }

    .floret-desc {
      font-size:14px; line-height:1.72;
      color:rgba(149,213,178,0.6);
    }

    /* ═══════════ BELIEF ═══════════ */
    .belief-section {
      padding:110px 56px;
      max-width:1100px; margin:0 auto;
    }

    .section-label {
      font-family:'DM Mono', monospace;
      font-size:10px; letter-spacing:0.24em; text-transform:uppercase;
      color:var(--vivid); margin-bottom:24px;
      display:flex; align-items:center; gap:12px;
    }
    .section-label::before { content:''; width:20px; height:1px; background:var(--lime); }

    .belief-layout {
      display:grid; grid-template-columns:1fr 1fr;
      gap:80px; align-items:start;
    }

    .belief-headline {
      font-size:clamp(28px, 3.5vw, 46px);
      font-weight:800; letter-spacing:-1.8px; line-height:1.12;
      color:var(--forest);
      position:sticky; top:120px;
    }
    .belief-headline em { font-style:italic; color:var(--vivid); }

    .belief-points { display:flex; flex-direction:column; gap:0; }

    .belief-point {
      padding:36px 0;
      border-bottom:1px solid var(--pale);
      display:grid; grid-template-columns:44px 1fr; gap:20px;
      align-items:start;
      opacity:0; transform:translateY(16px);
      transition:opacity 0.65s cubic-bezier(.22,1,.36,1),
                 transform 0.65s cubic-bezier(.22,1,.36,1);
    }
    .belief-point:first-child { border-top:1px solid var(--pale); }
    .belief-point.visible { opacity:1; transform:translateY(0); }
    .belief-point:nth-child(2) { transition-delay:0.1s; }
    .belief-point:nth-child(3) { transition-delay:0.2s; }

    .belief-num {
      font-family:'DM Mono', monospace;
      font-size:11px; color:var(--lime-dk); padding-top:4px;
    }

    .belief-title {
      font-size:18px; font-weight:700; letter-spacing:-0.4px;
      color:var(--forest); margin-bottom:10px;
    }

    .belief-text {
      font-size:15px; line-height:1.72; color:var(--mid);
    }
    .belief-text em { font-style:italic; color:var(--vivid); }

    /* ═══════════ PACE SPOTLIGHT ═══════════ */
    .pace-section {
      padding:20px 56px 110px;
      max-width:1100px; margin:0 auto;
    }

    .pace-card {
      background:var(--forest); border-radius:28px;
      overflow:hidden; display:grid; grid-template-columns:1fr 1fr;
      min-height:560px; position:relative;
    }

    .pace-glow {
      position:absolute; top:-80px; right:-80px;
      width:420px; height:420px;
      background:radial-gradient(circle, rgba(79,70,229,0.18), transparent 65%);
      pointer-events:none;
    }

    .pace-left {
      padding:60px 52px;
      display:flex; flex-direction:column; justify-content:space-between;
      position:relative; z-index:2;
    }

    .pace-badge {
      display:inline-flex; align-items:center; gap:8px;
      font-family:'DM Mono', monospace;
      font-size:9px; letter-spacing:0.2em; text-transform:uppercase;
      color:var(--indigo-lt);
      background:rgba(79,70,229,0.14);
      border:1px solid rgba(79,70,229,0.28);
      padding:6px 14px; border-radius:100px;
      width:fit-content; margin-bottom:28px;
    }
    .badge-dot {
      width:6px; height:6px; border-radius:50%; background:var(--indigo-lt);
      animation:pulse 2s ease-in-out infinite;
    }
    @keyframes pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:0.4;transform:scale(0.75)} }

    .pace-name {
      font-size:68px; font-weight:800; letter-spacing:-3px;
      color:var(--cream); line-height:1; margin-bottom:12px;
    }
    .pace-name span { color:var(--indigo-lt); }

    .pace-sub {
      font-family:'DM Mono', monospace; font-size:12px;
      letter-spacing:0.18em; text-transform:uppercase;
      color:var(--soft); margin-bottom:32px;
    }

    .pace-desc {
      font-size:16px; line-height:1.72;
      color:rgba(216,243,220,0.68); margin-bottom:32px; max-width:360px;
    }

    .pace-feats { display:flex; flex-direction:column; gap:11px; margin-bottom:44px; }

    .pace-feat {
      display:flex; align-items:flex-start; gap:12px;
      font-size:14px; color:var(--soft); line-height:1.55;
    }
    .feat-dot {
      width:5px; height:5px; border-radius:50%;
      background:var(--lime); margin-top:8px; flex-shrink:0;
    }

    .pace-cta {
      font-family:'DM Mono', monospace;
      font-size:11px; font-weight:500; letter-spacing:0.18em; text-transform:uppercase;
      color:var(--ink); background:var(--lime);
      padding:13px 26px; border-radius:100px; border:none;
      text-decoration:none; cursor:pointer;
      display:inline-flex; align-items:center; gap:10px;
      width:fit-content; transition:background 0.15s, transform 0.15s;
    }
    .pace-cta:hover { background:var(--lime-dk); color:var(--cream); transform:translateY(-1px); }

    /* phone */
    .pace-right {
      display:flex; align-items:center; justify-content:center;
      padding:40px 32px; position:relative; z-index:2;
    }

    .phone {
      width:252px; background:#0F0F0F; border-radius:40px; padding:13px;
      box-shadow:
        0 0 0 1px rgba(255,255,255,0.07),
        0 32px 80px rgba(0,0,0,0.65),
        0 0 120px rgba(79,70,229,0.14);
    }

    .phone-screen {
      background:#EDECE8; border-radius:28px;
      height:468px; overflow:hidden; position:relative;
    }

    .ph-hdr {
      background:#FAFAF8; padding:16px 15px 12px;
      border-bottom:1px solid rgba(0,0,0,0.06);
      display:flex; justify-content:space-between; align-items:center;
    }
    .ph-appname { font-size:17px; font-weight:800; color:#1C1B18; font-style:italic; }
    .ph-chip {
      font-family:'DM Mono', monospace; font-size:9px; color:#888;
      background:rgba(0,0,0,0.06); padding:3px 9px; border-radius:100px;
    }

    .ph-tabs {
      display:flex; background:#FAFAF8;
      border-bottom:1px solid rgba(0,0,0,0.06); padding:0 14px;
    }
    .ph-tab {
      font-family:'DM Mono', monospace; font-size:10px;
      padding:9px 13px; color:#999; border-bottom:2px solid transparent;
    }
    .ph-tab.on { color:#4F46E5; border-bottom-color:#4F46E5; }

    .ph-wellness {
      display:flex; gap:5px; flex-wrap:wrap; padding:8px 14px 4px;
    }
    .ph-pill {
      font-family:'DM Mono', monospace; font-size:8.5px;
      padding:3px 9px; border-radius:100px;
      background:rgba(82,183,136,0.11); color:#2D6A4F;
      border:1px solid rgba(82,183,136,0.22);
    }

    .ph-timeline { padding:8px 14px; display:flex; flex-direction:column; gap:7px; }

    .ph-task {
      background:#FAFAF8; border-radius:9px;
      padding:9px 11px; border-left:3px solid #4F46E5;
    }
    .ph-task.fluid { border-left-color:#8B5CF6; border-left-style:dashed; }
    .ph-task.open {
      background:transparent; border:1.5px dashed rgba(0,0,0,0.1);
      border-left:none; display:flex; justify-content:space-between; align-items:center;
    }
    .ph-tname { font-size:11px; font-weight:600; color:#1C1B18; }
    .ph-tmeta { font-family:'DM Mono', monospace; font-size:8.5px; color:#999; margin-top:2px; }
    .ph-fill  { font-family:'DM Mono', monospace; font-size:8.5px; color:#4F46E5; }

    .ph-now { display:flex; align-items:center; gap:5px; margin:1px 0; }
    .ph-now-dot { width:7px; height:7px; border-radius:50%; background:#F97316; flex-shrink:0; }
    .ph-now-line { flex:1; height:1.5px; background:#F97316; }
    .ph-now-t { font-family:'DM Mono', monospace; font-size:8.5px; color:#F97316; }

    .ph-ai {
      position:absolute; bottom:0; left:0; right:0;
      background:#1C1B18; padding:10px 13px;
      display:flex; align-items:center; gap:8px;
      border-radius:0 0 28px 28px;
    }
    .ph-ai-txt {
      flex:1; font-family:'DM Mono', monospace;
      font-size:10px; color:rgba(255,255,255,0.3); font-style:italic;
    }
    .ph-ai-btn {
      width:22px; height:22px; border-radius:50%; background:#4F46E5;
      display:flex; align-items:center; justify-content:center;
    }

    /* ═══════════ HOME ASSIST ═══════════ */
    .next-section {
      padding:20px 56px 110px;
      max-width:1100px; margin:0 auto;
    }

    .home-card {
      background:var(--ink); border-radius:28px;
      padding:64px 60px; display:grid;
      grid-template-columns:1fr 1fr; gap:80px;
      align-items:center; position:relative; overflow:hidden;
      opacity:0; transform:translateY(20px);
      transition:opacity 0.7s cubic-bezier(.22,1,.36,1), transform 0.7s cubic-bezier(.22,1,.36,1);
    }
    .home-card.visible { opacity:1; transform:translateY(0); }

    .home-glow {
      position:absolute; bottom:-100px; left:-100px;
      width:500px; height:500px;
      background:radial-gradient(circle, rgba(183,224,75,0.07), transparent 65%);
      pointer-events:none;
    }

    .home-left { position:relative; z-index:2; }

    .home-status {
      display:inline-flex; align-items:center; gap:8px;
      font-family:'DM Mono', monospace;
      font-size:9px; letter-spacing:0.2em; text-transform:uppercase;
      color:var(--lime);
      background:rgba(183,224,75,0.1);
      border:1px solid rgba(183,224,75,0.22);
      padding:6px 14px; border-radius:100px;
      width:fit-content; margin-bottom:28px;
    }
    .home-status-dot {
      width:6px; height:6px; border-radius:50%; background:var(--lime);
      animation:pulse 2s ease-in-out infinite;
    }

    .home-name {
      font-size:52px; font-weight:800; letter-spacing:-2.5px;
      color:var(--cream); line-height:1.05; margin-bottom:16px;
    }

    .home-oneliner {
      font-family:'DM Mono', monospace; font-size:12px;
      letter-spacing:0.16em; text-transform:uppercase;
      color:var(--soft); margin-bottom:28px;
    }

    .home-desc {
      font-size:16px; line-height:1.72;
      color:rgba(216,243,220,0.6); margin-bottom:36px;
    }

    .home-tags { display:flex; flex-wrap:wrap; gap:8px; }

    .home-tag {
      font-family:'DM Mono', monospace;
      font-size:9px; letter-spacing:0.14em; text-transform:uppercase;
      color:rgba(149,213,178,0.5);
      border:1px solid rgba(149,213,178,0.18);
      padding:5px 12px; border-radius:100px;
    }

    .home-right {
      position:relative; z-index:2;
      display:grid; grid-template-columns:1fr 1fr; gap:10px;
    }

    .agent-card {
      background:rgba(255,255,255,0.04);
      border:1px solid rgba(149,213,178,0.1);
      border-radius:14px; padding:20px 18px;
      display:flex; flex-direction:column; gap:10px;
      transition:background 0.2s, border-color 0.2s;
    }
    .agent-card:hover {
      background:rgba(255,255,255,0.07);
      border-color:rgba(183,224,75,0.25);
    }

    .agent-icon { font-size:22px; line-height:1; }

    .agent-name {
      font-size:13px; font-weight:700; letter-spacing:-0.3px; color:var(--pale);
    }

    .agent-desc {
      font-family:'DM Mono', monospace;
      font-size:9px; letter-spacing:0.1em; line-height:1.6;
      color:rgba(149,213,178,0.45);
    }

    /* ═══════════ BLOG ═══════════ */
    .blog-section {
      padding:20px 56px 110px;
      max-width:1100px; margin:0 auto;
    }

    .blog-page .blog-section {
      padding-top:140px;
      min-height:calc(100svh - 160px);
    }

    .blog-card {
      border:1px solid var(--pale);
      border-radius:28px;
      padding:56px 60px;
      background:rgba(255,255,255,0.3);
      display:grid; grid-template-columns:1fr auto;
      gap:40px; align-items:center;
      position:relative; overflow:hidden;
    }

    .blog-card::before {
      content:''; position:absolute; inset:auto -120px -160px auto;
      width:320px; height:320px; border-radius:50%;
      background:radial-gradient(circle, rgba(183,224,75,0.12), transparent 65%);
      pointer-events:none;
    }

    .blog-eyebrow {
      font-family:'DM Mono', monospace;
      font-size:10px; letter-spacing:0.22em; text-transform:uppercase;
      color:var(--lime-dk); margin-bottom:14px;
    }

    .blog-title {
      font-size:clamp(30px, 4vw, 48px);
      font-weight:800; letter-spacing:-1.8px; line-height:1.06;
      color:var(--forest); margin-bottom:14px;
    }

    .blog-copy {
      max-width:560px;
      font-size:16px; line-height:1.72;
      color:var(--mid);
    }

    .blog-empty-badge {
      position:relative; z-index:2;
      font-family:'DM Mono', monospace;
      font-size:11px; font-weight:500; letter-spacing:0.16em; text-transform:uppercase;
      color:var(--forest); background:var(--lime);
      padding:14px 20px; border-radius:100px;
      white-space:nowrap;
    }

    .blog-page-head { margin-bottom:34px; }

    .blog-post-list { display:grid; gap:18px; }

    .blog-post-card {
      display:block;
      border:1px solid var(--pale);
      border-radius:24px;
      padding:34px 36px;
      background:rgba(255,255,255,0.34);
      text-decoration:none;
      transition:border-color 0.15s, background 0.15s, transform 0.15s;
    }
    .blog-post-card:hover {
      border-color:rgba(183,224,75,0.55);
      background:rgba(255,255,255,0.5);
      transform:translateY(-1px);
    }
    .blog-post-kicker,
    .blog-post-meta,
    .post-kicker,
    .post-meta {
      font-family:'DM Mono', monospace;
      font-size:10px; letter-spacing:0.18em; text-transform:uppercase;
      color:var(--lime-dk);
    }
    .blog-post-card h2 {
      font-size:clamp(24px, 3vw, 34px);
      font-weight:800; letter-spacing:-1.2px; line-height:1.12;
      color:var(--forest); margin:12px 0;
    }
    .blog-post-card p {
      max-width:720px;
      font-size:15px; line-height:1.7;
      color:var(--mid); margin-bottom:18px;
    }

    /* ═══════════ POST ═══════════ */
    .post-shell {
      max-width:880px;
      margin:0 auto;
      padding:140px 56px 96px;
    }
    .post-back {
      display:inline-flex;
      font-family:'DM Mono', monospace;
      font-size:11px; letter-spacing:0.16em; text-transform:uppercase;
      color:var(--vivid); text-decoration:none;
      margin-bottom:34px;
    }
    .post-back:hover { color:var(--forest); }
    .post-hero {
      padding-bottom:42px;
      border-bottom:1px solid var(--pale);
      margin-bottom:44px;
    }
    .post-hero h1 {
      font-size:clamp(38px, 6vw, 68px);
      font-weight:800; letter-spacing:-2.8px; line-height:1.02;
      color:var(--forest); margin:16px 0 22px;
    }
    .post-excerpt {
      font-size:19px; line-height:1.65;
      color:var(--mid);
    }
    .post-meta { margin-top:24px; color:var(--soft); }
    .post-content {
      font-size:17px;
      line-height:1.78;
      color:var(--mid);
    }
    .post-content h2 {
      font-size:clamp(28px, 4vw, 42px);
      font-weight:800; letter-spacing:-1.5px; line-height:1.12;
      color:var(--forest);
      margin:52px 0 18px;
    }
    .post-content h3 {
      font-size:21px;
      font-weight:800; letter-spacing:-0.5px;
      color:var(--forest);
      margin:32px 0 10px;
    }
    .post-content p { margin-bottom:18px; }
    .post-content ul {
      display:grid; gap:10px;
      margin:18px 0 28px 20px;
    }
    .post-content li { padding-left:6px; }
    .post-content blockquote {
      margin:24px 0;
      padding:22px 26px;
      border-left:4px solid var(--lime);
      background:rgba(183,224,75,0.08);
      border-radius:0 18px 18px 0;
      font-size:20px; line-height:1.55;
      color:var(--forest);
      font-weight:700;
    }
    .post-content code {
      font-family:'DM Mono', monospace;
      font-size:0.9em;
      color:var(--forest);
      background:rgba(149,213,178,0.22);
      padding:0.12em 0.34em;
      border-radius:6px;
    }
    .post-figure {
      margin:26px 0 34px;
      border:1px solid var(--pale);
      border-radius:24px;
      padding:12px;
      background:rgba(255,255,255,0.34);
    }
    .post-figure img {
      display:block;
      width:100%;
      height:auto;
      border-radius:16px;
      border:1px solid rgba(216,243,220,0.8);
    }
    .post-figure figcaption {
      font-family:'DM Mono', monospace;
      font-size:11px;
      line-height:1.6;
      letter-spacing:0.04em;
      color:var(--mid);
      margin:12px 4px 2px;
    }
    .post-image-grid {
      display:grid;
      grid-template-columns:minmax(0, 0.52fr);
      gap:18px;
    }
    .post-image-grid .post-figure { margin-top:0; }

    /* ═══════════ FOOTER ═══════════ */
    .footer-wrap {
      border-top:1px solid var(--pale);
      max-width:1100px; margin:0 auto;
      padding:44px 56px;
      display:flex; align-items:center; justify-content:space-between;
    }

    .footer-left { display:flex; flex-direction:column; gap:6px; }

    .footer-brand {
      font-weight:800; font-size:18px; letter-spacing:-0.5px; color:var(--forest);
    }
    .footer-brand .labs { font-family:'DM Mono',monospace; font-weight:500; color:var(--lime-dk); letter-spacing:3px; }
    .footer-brand .dot  { color:var(--lime); }

    .footer-tagline {
      font-family:'DM Mono', monospace; font-size:12px;
      color:var(--soft); letter-spacing:0.1em; font-style:italic;
    }

    .footer-right {
      text-align:right;
      font-family:'DM Mono', monospace; font-size:10px;
      color:var(--soft); line-height:2;
    }
    .footer-right a {
      color:var(--lime-dk); text-decoration:none; transition:color 0.15s;
    }
    .footer-right a:hover { color:var(--lime); }

    /* ═══════════ KEYFRAMES ═══════════ */
    @keyframes riseUp {
      from { opacity:0; transform:translateY(24px); }
      to   { opacity:1; transform:translateY(0); }
    }

    .reveal {
      opacity:0; transform:translateY(20px);
      transition:opacity 0.7s cubic-bezier(.22,1,.36,1),
                 transform 0.7s cubic-bezier(.22,1,.36,1);
    }
    .reveal.visible { opacity:1; transform:translateY(0); }
    .d1 { transition-delay:0.06s; }
    .d2 { transition-delay:0.13s; }
    .d3 { transition-delay:0.2s; }

    /* ═══════════ ACCESSIBILITY + FALLBACKS ═══════════ */
    a:focus-visible,
    button:focus-visible,
    .nav-toggle:focus-visible,
    .btn-lime:focus-visible,
    .btn-ghost:focus-visible,
    .nav-cta:focus-visible,
    .pace-cta:focus-visible {
      outline:3px solid var(--lime);
      outline-offset:4px;
      border-radius:100px;
    }

    html:not(.js-enabled) .reveal,
    html:not(.js-enabled) .floret-card,
    html:not(.js-enabled) .belief-point,
    html:not(.js-enabled) .home-card {
      opacity:1;
      transform:none;
    }

    /* ═══════════ RESPONSIVE: TABLET ═══════════ */
    @media (max-width:900px) {
      nav { padding:16px 28px; }
      .nav-links { gap:16px; }
      .nav-links a {
        min-height:44px;
        display:flex; align-items:center;
      }
      .nav-cta { padding:11px 18px; }

      .hero {
        min-height:100svh;
        padding:128px 32px 88px;
      }
      .hero-line-1,
      .hero-line-2 {
        font-size:clamp(38px, 8vw, 72px);
        letter-spacing:-2px;
      }

      .floret-section { padding:84px 32px; }
      .floret-grid {
        grid-template-columns:repeat(2,1fr);
        gap:12px;
      }
      .floret-card {
        border-radius:18px !important;
        padding:34px 30px;
      }

      .belief-section { padding:88px 32px; }
      .belief-layout {
        grid-template-columns:1fr;
        gap:36px;
      }
      .belief-headline {
        position:static;
        max-width:640px;
      }

      .pace-section,
      .next-section,
      .blog-section { padding:20px 32px 88px; }
      .pace-card {
        grid-template-columns:1fr;
        min-height:0;
      }
      .pace-left { padding:48px 42px 24px; }
      .pace-right { padding:24px 32px 48px; }
      .pace-name { font-size:clamp(52px, 12vw, 68px); }
      .phone { width:min(252px, 72vw); }

      .home-card {
        grid-template-columns:1fr;
        gap:44px;
        padding:48px 42px;
      }
      .home-right { gap:12px; }

      .blog-card {
        grid-template-columns:1fr;
        gap:28px;
        padding:44px 42px;
      }
      .post-shell { padding:124px 32px 84px; }

      .footer-wrap { padding:38px 32px; }
    }

    /* ═══════════ RESPONSIVE: PHONE ═══════════ */
    @media (max-width:680px) {
      body::before { opacity:.25; }

      nav { padding:12px 18px; }
      .nav-logo { min-width:0; gap:9px; }
      .nav-logo svg { width:23px; height:auto; flex-shrink:0; }
      .nav-wordmark {
        font-size:20px;
        letter-spacing:-0.7px;
        white-space:nowrap;
      }
      .nav-wordmark .labs {
        font-size:16px;
        letter-spacing:2px;
      }
      .nav-toggle { display:flex; position:relative; z-index:260; flex-shrink:0; }
      .nav-links {
        position:fixed;
        top:68px; left:18px; right:18px;
        z-index:240;
        display:flex;
        flex-direction:column;
        align-items:stretch;
        gap:4px;
        padding:14px;
        list-style:none;
        background:rgba(247,244,238,0.96);
        border:1px solid rgba(216,243,220,0.9);
        border-radius:22px;
        box-shadow:0 18px 46px rgba(10,24,15,0.14);
        backdrop-filter:blur(20px);
        -webkit-backdrop-filter:blur(20px);
        opacity:0;
        transform:translateY(-8px);
        pointer-events:none;
        visibility:hidden;
        transition:opacity 0.18s cubic-bezier(.22,1,.36,1), transform 0.18s cubic-bezier(.22,1,.36,1), visibility 0.18s;
      }
      nav.nav-open .nav-links {
        opacity:1;
        transform:translateY(0);
        pointer-events:auto;
        visibility:visible;
      }
      .nav-links li { display:block; }
      .nav-links a {
        min-height:46px;
        padding:0 14px;
        border-radius:14px;
        display:flex;
        align-items:center;
        justify-content:space-between;
        font-size:11px;
        letter-spacing:0.14em;
      }
      .nav-links a:hover { background:rgba(216,243,220,0.46); }
      .nav-links a[aria-current="page"] { color:var(--forest); background:rgba(216,243,220,0.52); }
      .nav-cta {
        min-height:46px;
        padding:0 16px;
        font-size:10px;
        letter-spacing:0.12em;
        white-space:nowrap;
        justify-content:center !important;
        margin-top:4px;
      }

      .hero {
        min-height:auto;
        padding:108px 20px 72px;
      }
      .hero-glow {
        width:680px;
        height:460px;
        opacity:.75;
      }
      .hero-mark { margin-bottom:32px; }
      .hero-mark svg { width:86px; height:auto; }
      .hero-line-1,
      .hero-line-2 {
        font-size:clamp(34px, 11vw, 48px);
        letter-spacing:-1.5px;
        line-height:1.06;
      }
      .hero-line-2 { margin-bottom:28px; }
      .hero-sub {
        max-width:34ch;
        font-size:11px;
        letter-spacing:0.12em;
        line-height:1.6;
        margin-bottom:32px;
      }
      .hero-ctas {
        flex-wrap:wrap;
        gap:10px;
        width:100%;
      }
      .btn-lime,
      .btn-ghost,
      .pace-cta {
        min-height:44px;
        justify-content:center;
      }
      .hero-ctas .btn-lime,
      .hero-ctas .btn-ghost {
        width:100%;
        max-width:320px;
      }
      .scroll-hint { display:none; }

      .floret-section { padding:68px 20px; }
      .floret-label { margin-bottom:32px; }
      .floret-grid {
        grid-template-columns:1fr;
        gap:12px;
      }
      .floret-card {
        min-height:0;
        padding:28px 24px;
      }

      .belief-section { padding:72px 20px; }
      .section-label { margin-bottom:22px; }
      .belief-headline {
        font-size:clamp(30px, 10vw, 42px);
        letter-spacing:-1.3px;
      }
      .belief-point {
        grid-template-columns:34px 1fr;
        gap:14px;
        padding:28px 0;
      }

      .pace-section,
      .next-section,
      .blog-section { padding:16px 20px 72px; }
      .pace-card,
      .home-card { border-radius:22px; }
      .pace-left { padding:36px 24px 18px; }
      .pace-right { padding:18px 20px 36px; }
      .pace-name {
        font-size:clamp(44px, 16vw, 58px);
        letter-spacing:-2px;
      }
      .pace-desc,
      .home-desc { font-size:15px; }
      .pace-feats { margin-bottom:32px; }
      .phone {
        width:min(252px, 78vw);
        border-radius:34px;
        padding:11px;
      }
      .phone-screen {
        height:min(468px, 138vw);
        border-radius:24px;
      }

      .home-card {
        padding:36px 24px;
        gap:34px;
      }
      .home-name { font-size:clamp(40px, 13vw, 52px); }
      .home-right {
        grid-template-columns:1fr 1fr;
        gap:10px;
      }
      .agent-card { padding:18px 16px; }

      .blog-card {
        border-radius:22px;
        padding:34px 24px;
      }
      .blog-title {
        font-size:clamp(30px, 10vw, 42px);
        letter-spacing:-1.3px;
      }
      .blog-copy { font-size:15px; }
      .blog-empty-badge {
        width:fit-content;
        min-height:44px;
        display:inline-flex; align-items:center;
      }
      .blog-post-card { padding:28px 24px; }
      .post-shell { padding:108px 20px 72px; }
      .post-hero h1 {
        font-size:clamp(34px, 11vw, 48px);
        letter-spacing:-1.5px;
      }
      .post-excerpt,
      .post-content { font-size:16px; }
      .post-content h2 { margin-top:42px; }
      .post-content blockquote {
        padding:18px 20px;
        font-size:18px;
      }
      .post-image-grid { grid-template-columns:1fr; }

      .footer-wrap {
        flex-direction:column;
        align-items:flex-start;
        gap:20px;
        padding:34px 20px;
      }
      .footer-right { text-align:left; }
    }

    /* ═══════════ RESPONSIVE: NARROW PHONE ═══════════ */
    @media (max-width:420px) {
      nav { padding:11px 14px; }
      .nav-wordmark { font-size:18px; }
      .nav-wordmark .labs { display:none; }
      .nav-links { top:64px; left:14px; right:14px; }
      .nav-cta {
        max-width:none;
        width:100%;
        padding:9px 12px;
        font-size:9px;
        line-height:1.25;
        text-align:center;
        white-space:normal;
      }

      .hero { padding-top:98px; }
      .hero-line-1,
      .hero-line-2 {
        font-size:clamp(31px, 10.5vw, 38px);
        letter-spacing:-1px;
      }
      .hero-sub {
        font-size:10px;
        letter-spacing:0.1em;
      }
      .btn-lime,
      .btn-ghost,
      .pace-cta {
        font-size:10px;
        letter-spacing:0.13em;
      }

      .floret-name { font-size:20px; }
      .pace-left,
      .home-card {
        padding-left:20px;
        padding-right:20px;
      }
      .phone { width:min(232px, 76vw); }
      .phone-screen { height:430px; }
      .ph-tabs { padding:0 10px; }
      .ph-tab {
        padding:9px 9px;
        font-size:9px;
      }
      .home-right { grid-template-columns:1fr; }
      .blog-card {
        padding-left:20px;
        padding-right:20px;
      }
      .blog-empty-badge {
        white-space:normal;
        text-align:center;
      }
      .blog-post-card { padding:24px 20px; }
      .post-shell { padding-top:98px; }
    }

    @media (prefers-reduced-motion:reduce) {
      html { scroll-behavior:auto; }
      *, *::before, *::after {
        animation-duration:0.001ms !important;
        animation-iteration-count:1 !important;
        transition-duration:0.001ms !important;
        scroll-behavior:auto !important;
      }
      .reveal,
      .floret-card,
      .belief-point,
      .home-card,
      .hero-mark,
      .hero-line-1,
      .hero-line-2,
      .hero-sub,
      .hero-ctas,
      .scroll-hint {
        opacity:1 !important;
        transform:none !important;
      }
      .badge-dot,
      .home-status-dot,
      .scroll-line { animation:none !important; }
    }