:root{
    --paper:#f4f1e8;--paper2:#ebe7da;--ink:#15171e;--red:#ec4d33;--navy:#2b3354;--line:#15171e;
    --disp:'Inter',sans-serif;--mono:'Inter',sans-serif;--body:'Inter',sans-serif;--maxw:1240px;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{font-family:var(--body);background:var(--paper);color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  ::selection{background:var(--red);color:#fff}
  h1,h2,h3{font-family:var(--disp);font-weight:800;line-height:.98;letter-spacing:-.02em;text-transform:none}
  a{color:inherit;text-decoration:none}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px}
  .red{color:var(--red)}
  .mono{font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}
  .rule{border-top:1.5px solid var(--ink)}
  .btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-weight:700;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;padding:16px 26px;cursor:pointer;border:1.5px solid var(--ink);background:var(--ink);color:var(--paper);transition:.18s}
  .btn:hover{background:var(--red);border-color:var(--red);color:#fff}
  .btn-out{background:transparent;color:var(--ink)}
  .btn-out:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}
  .lnk{font-family:var(--mono);font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;border-bottom:2px solid var(--red);padding-bottom:3px;font-weight:700}

  /* TOPBAR */
  .topbar{border-bottom:1.5px solid var(--ink)}
  .topmeta{display:flex;justify-content:space-between;align-items:center;padding:11px 0;font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase}
  .topmeta .mid{opacity:.6}
  .nav{display:flex;justify-content:space-between;align-items:center;padding:20px 0}
  .logo{font-family:var(--disp);font-weight:800;font-size:1.5rem;letter-spacing:-.04em;display:flex;align-items:center;gap:10px}
  .logo .sq{width:14px;height:14px;background:var(--red);display:inline-block}
  .nav-links{display:flex;gap:30px;font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}
  .nav-links a{opacity:.75}.nav-links a:hover{opacity:1;color:var(--red)}
  .menu-btn{display:none;border:1.5px solid var(--ink);background:none;font-family:var(--mono);font-size:.7rem;padding:9px 13px;text-transform:uppercase;cursor:pointer}

  /* HERO */
  .hero{padding:10px 0 0;border-bottom:1.5px solid var(--ink)}
  .hero-top{display:grid;grid-template-columns:1.05fr .95fr;gap:0;padding-bottom:0;align-items:stretch;border-top:1.5px solid var(--ink)}
  .hero-left{padding:48px 44px 48px 0;border-right:1.5px solid var(--ink);display:flex;flex-direction:column;justify-content:center}
  .hero-right{display:flex;flex-direction:column}
  .hero-aside{padding:20px 0 20px 44px}
  .hero-shot-col{position:relative;overflow:hidden;min-height:300px;background:transparent;border-top:1.5px solid var(--ink)}
  .kick{font-family:var(--mono);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--red);margin-bottom:20px;display:flex;gap:12px;align-items:center}
  .kick::before{content:"";width:40px;height:2px;background:var(--red)}
  h1.hh{font-size:clamp(2.2rem,4.6vw,4.4rem);font-weight:800;line-height:1.02;letter-spacing:-.03em}
  .hero-aside p{font-size:1.02rem;max-width:34ch;margin-bottom:24px}
  .spec{border-top:1.5px solid var(--ink);padding-top:14px;margin-bottom:14px}
  .spec-row{display:flex;justify-content:space-between;font-family:var(--mono);font-size:.74rem;letter-spacing:.05em;text-transform:uppercase;padding:7px 0}
  .spec-row b{color:var(--red)}
  .shotframe{height:100%;border-right:1.5px solid #15171e;border-bottom:1.5px solid #15171e;position:relative}
  .shotframe .bar{border-bottom:1.5px solid var(--ink);padding:9px 14px;display:flex;gap:6px;align-items:center;font-family:var(--mono);font-size:.68rem;text-transform:uppercase}
  .shotframe .bar i{width:9px;height:9px;border:1.5px solid var(--ink);display:inline-block}
  .ph{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#a7a290;font-family:var(--mono);font-size:.7rem;text-transform:uppercase;background:repeating-linear-gradient(45deg,#fff,#fff 12px,#f6f4ec 12px,#f6f4ec 24px);height:calc(100% - 38px)}
  .shot-cap{font-family:var(--mono);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;opacity:.5;padding:9px 2px 0}

  /* STATS */
  .stats{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1.5px solid var(--ink)}
  .stat{padding:40px 32px;border-right:1.5px solid var(--ink)}
  .stat:last-child{border-right:none}
  .stat .n{font-family:var(--disp);font-weight:800;font-size:clamp(3rem,6vw,5rem);line-height:.9;letter-spacing:-.03em}
  .stat .l{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;margin-top:12px;opacity:.7}

  /* SECTION HEAD (editorial index) */
  section{padding:0}
  .sec{border-bottom:1.5px solid var(--ink);padding:64px 0}
  .idx{display:flex;align-items:baseline;gap:20px;margin-bottom:40px}
  .idx .num{font-family:var(--mono);font-weight:700;font-size:.8rem;color:var(--red)}
  .idx h2{font-size:clamp(1.9rem,4vw,3.1rem);flex:1}
  .idx .tag{font-family:var(--mono);font-size:.7rem;text-transform:uppercase;opacity:.5;align-self:flex-start;padding-top:8px}

  /* PROBLEM list */
  .plist{border-top:1.5px solid var(--ink)}
  .pitem{display:grid;grid-template-columns:60px 1fr 2fr;gap:20px;padding:22px 0;border-bottom:1px solid rgba(21,23,30,.18);align-items:baseline}
  .pitem .pn{font-family:var(--mono);color:var(--red);font-size:.8rem}
  .pitem h4{font-family:var(--disp);font-weight:700;font-size:1.4rem}
  .pitem p{font-size:.98rem;opacity:.85}

  /* HOW */
  .how{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1.5px solid var(--ink)}
  .howcol{padding:30px 28px 30px 0;border-right:1.5px solid rgba(21,23,30,.18)}
  .howcol:last-child{border-right:none;padding-right:0}
  .howcol .hn{font-family:var(--disp);font-weight:800;font-size:3.4rem;color:var(--red);line-height:1}
  .howcol h3{font-size:1.5rem;margin:10px 0 8px}
  .howcol p{font-size:.97rem;opacity:.85}

  /* AUTOMATE index */
  .auto{display:grid;grid-template-columns:1fr 1fr;gap:0 56px;border-top:1.5px solid var(--ink)}
  .arow{display:grid;grid-template-columns:42px 1fr;gap:16px;padding:18px 0;border-bottom:1px solid rgba(21,23,30,.18);align-items:baseline}
  .arow .an{font-family:var(--mono);font-size:.76rem;color:var(--red)}
  .arow h4{font-family:var(--disp);font-weight:700;font-size:1.22rem;margin-bottom:2px}
  .arow p{font-size:.92rem;opacity:.82}

  /* PROOF */
  .proof-grid{display:grid;grid-template-columns:1fr;gap:48px;border-top:1.5px solid var(--ink);padding-top:36px}
  .bignums{display:flex;gap:40px;flex-wrap:wrap;margin-bottom:30px}
  .bignum .n{font-family:var(--disp);font-weight:800;font-size:clamp(4rem,9vw,7rem);line-height:.82;letter-spacing:-.04em;color:var(--red)}
  .bignum .l{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;margin-top:10px;opacity:.7;max-width:18ch}
  .bars{margin:8px 0 26px}
  .barrow{margin-bottom:16px}
  .barrow .bt{display:flex;justify-content:space-between;font-family:var(--mono);font-size:.7rem;text-transform:uppercase;margin-bottom:6px}
  .track{height:18px;border:1.5px solid var(--ink);position:relative;background:repeating-linear-gradient(45deg,transparent,transparent 6px,rgba(21,23,30,.08) 6px,rgba(21,23,30,.08) 12px)}
  .fill{position:absolute;top:0;bottom:0;left:0;width:0;background:var(--red);transition:width 1.1s cubic-bezier(.2,.7,.2,1)}
  .in .fill{width:var(--w)}
  blockquote{font-family:var(--disp);font-weight:600;font-size:1.7rem;line-height:1.25;letter-spacing:-.01em}
  .bq-mark{font-family:var(--disp);font-weight:800;font-size:4rem;color:var(--red);line-height:.6;display:block}
  .byl{font-family:var(--mono);font-size:.74rem;text-transform:uppercase;margin-top:20px;border-top:1.5px solid var(--ink);padding-top:14px}
  .byl b{color:var(--red)}
  .vid{border:1.5px solid var(--ink);background:var(--ink);aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer}
  .vid .play{width:70px;height:70px;border:1.5px solid var(--paper);border-radius:50%;display:flex;align-items:center;justify-content:center}
  .vid .vt{position:absolute;bottom:16px;left:16px;color:var(--paper);font-family:var(--mono);font-size:.7rem;text-transform:uppercase}

  /* COMPARE */
  .ctbl{border-top:1.5px solid var(--ink)}
  .crow{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;align-items:center}
  .crow>div{padding:16px 14px;border-bottom:1px solid rgba(21,23,30,.18);font-size:.9rem}
  .crow.h>div{font-family:var(--mono);font-size:.7rem;text-transform:uppercase;font-weight:700}
  .crow.h .us{background:var(--red);color:#fff}
  .crow .us{background:rgba(236,77,51,.08);font-weight:700;font-family:var(--disp)}
  .crow .feat{font-family:var(--disp);font-weight:700}
  .yes{color:var(--red);font-weight:800}.no{opacity:.3;font-weight:800}
  .cscroll{overflow-x:auto}
  .vs-tabs{display:none}

  /* FOUNDER */
  .fndr{display:grid;grid-template-columns:1fr 1.6fr;gap:46px;border-top:1.5px solid var(--ink);padding-top:36px;align-items:center}
  .fphoto{border:1.5px solid var(--ink);aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,#fff,#fff 12px,#f6f4ec 12px,#f6f4ec 24px);color:#a7a290;font-family:var(--mono);font-size:.7rem;text-transform:uppercase}
  .fndr h3{font-size:2.2rem;margin-bottom:8px}
  .fndr .role{font-family:var(--mono);font-size:.74rem;text-transform:uppercase;color:var(--red);margin-bottom:18px}
  .fndr p{font-size:1.05rem;max-width:52ch;margin-bottom:18px}
  .regs{display:flex;flex-wrap:wrap;gap:0}
  .regs span{font-family:var(--mono);font-size:.68rem;text-transform:uppercase;border:1px solid var(--ink);padding:6px 12px;margin:-.5px 0 0 -.5px}

  /* FAQ */
  .faq{border-top:1.5px solid var(--ink)}
  .q{border-bottom:1px solid rgba(21,23,30,.18)}
  .qh{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 0;cursor:pointer}
  .qh h4{font-family:var(--disp);font-weight:700;font-size:1.25rem}
  .qh .pm{font-family:var(--mono);color:var(--red);font-size:1.2rem}
  .qb{max-height:0;overflow:hidden;transition:max-height .3s}
  .qb p{padding-bottom:22px;max-width:70ch;opacity:.85}

  /* OFFER */
  .offer{background:var(--ink);color:var(--paper);padding:84px 0}
  .offer .kick{color:var(--red)}
  .offer h2{font-size:clamp(2.4rem,6vw,5rem);max-width:16ch;margin:8px 0 26px}
  .offer .btn{background:var(--red);border-color:var(--red);color:#fff}
  .offer .btn:hover{background:var(--paper);color:var(--ink);border-color:var(--paper)}

  /* FORM */
  .book{padding:64px 0;border-bottom:1.5px solid var(--ink)}
  .book-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:48px;align-items:start}
  .book h2{font-size:clamp(2rem,4vw,3rem);margin:10px 0 18px}
  .book .perk{display:flex;gap:12px;font-family:var(--mono);font-size:.76rem;text-transform:uppercase;padding:10px 0;border-bottom:1px solid rgba(21,23,30,.18)}
  .book .perk b{color:var(--red)}
  .jfwrap{border:1.5px solid var(--ink);background:#fff}
  .jfwrap .fh{border-bottom:1.5px solid var(--ink);padding:14px 18px;font-family:var(--mono);font-size:.72rem;text-transform:uppercase}
  .incl{border:1.5px solid var(--ink);background:#fff}
  .incl .ih{border-bottom:1.5px solid var(--ink);padding:14px 18px;font-family:var(--mono);font-size:.72rem;text-transform:uppercase}
  .incl .ibody{padding:4px 18px}
  .irow{display:flex;gap:14px;align-items:flex-start;padding:15px 0;border-bottom:1px solid rgba(21,23,30,.12);font-size:.98rem;color:var(--ink);line-height:1.4}
  .irow:last-child{border-bottom:none}
  .irow .ic{flex:none;width:22px;height:22px;border:1.5px solid var(--red);color:var(--red);display:flex;align-items:center;justify-content:center;font-size:.74rem;font-weight:800;margin-top:1px}
  .jf{width:100%;border:none;min-height:820px;display:block;box-shadow:none !important}

  footer{background:var(--paper);padding:46px 0 26px}
  .foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:24px;font-family:var(--mono);font-size:.72rem;text-transform:uppercase}
  .foot a{display:block;opacity:.7;margin-bottom:8px}.foot a:hover{opacity:1;color:var(--red)}
  .foot h5{color:var(--red);margin-bottom:14px}

  /* monday.com partner badge in footer */
  .foot-mday{display:flex;align-items:center;gap:12px;padding:22px 0;border-top:1.5px solid rgba(21,23,30,.2);margin-top:8px}
  .foot-mday-text{display:flex;flex-direction:column;gap:2px}
  .foot-mday-label{font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;opacity:.55}
  .foot-mday-brand{font-family:var(--disp);font-weight:800;font-size:1.05rem;letter-spacing:-.02em;line-height:1}

  .reveal{opacity:0;transform:translateY(20px);transition:.7s cubic-bezier(.2,.7,.2,1)}
  .reveal.in{opacity:1;transform:none}

  /* monday.com partner pill */
  .mday-pill{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700}
  .mday-pill strong{font-weight:800;letter-spacing:-.01em;text-transform:none;font-size:.78rem}

  /* book stats */
  .book-stats{margin-top:36px;padding-top:28px;border-top:1.5px solid var(--ink)}
  .bstat{display:grid;grid-template-columns:72px 1fr;gap:10px 16px;padding:14px 0;border-bottom:1px solid rgba(21,23,30,.15);align-items:baseline}
  .bstat-n{font-family:var(--disp);font-weight:800;font-size:1.85rem;color:var(--red);line-height:1;letter-spacing:-.03em}
  .bstat-l{font-size:.88rem;opacity:.85;line-height:1.4}
  .bstat-src{display:block;font-family:var(--mono);font-size:.63rem;letter-spacing:.08em;text-transform:uppercase;opacity:.5;margin-top:4px}

  @media(max-width:880px){
    .hero-top{grid-template-columns:1fr;gap:0}
    .hero-left{border-right:none;border-bottom:1.5px solid var(--ink);padding:28px 0}
    .hero-aside{border-right:none;padding:28px 0 24px}
    .hero-shot-col{min-height:220px;border-left:1.5px solid var(--ink)}
    .topbar{padding-bottom:6px}header{margin-top:10px}.nav{padding-top:6px;padding-bottom:16px}.topmeta .cert{display:none}
    .proof-grid,.book-grid,.fndr,.auto{grid-template-columns:1fr;gap:32px}
    .stats{grid-template-columns:1fr 1fr}.how{grid-template-columns:1fr}.stat,.howcol{border-right:none;border-bottom:1.5px solid var(--ink)}
    .nav-links{display:none}.menu-btn{display:block}
    .nav-links.show{display:flex;flex-direction:column;gap:16px;padding:18px 0}
    h1.hh{font-size:clamp(1.7rem,8vw,2.8rem)}
    .pitem{grid-template-columns:40px 1fr}.pitem p{grid-column:2}
    .crow{grid-template-columns:1.3fr repeat(4,1fr)}
    .bignums{gap:28px}
    .jf{min-height:1050px}
  }
  /* logo image */
  .logo-img{height:30px;width:auto;display:block}
  .logo-img.foot{height:36px}
  /* visual interludes */
  .viz-sec{border-bottom:1.5px solid var(--ink);padding:42px 0}
  .viz-cap{display:flex;justify-content:space-between;gap:14px;font-family:var(--mono);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;opacity:.55;margin-bottom:16px}
  .board{border:1.5px solid var(--ink);background:#fff;overflow:hidden}
  .integrations{display:flex;align-items:center;justify-content:center;gap:14px 28px;flex-wrap:wrap;margin-top:20px;padding-top:16px}
  .int-label{font-family:var(--mono);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;opacity:.5;text-align:center;width:100%;margin-bottom:4px}
  .int-item{display:flex;flex-direction:column;align-items:center;gap:7px}
  .int-logo{height:32px;width:auto;opacity:.75;filter:grayscale(1);transition:.2s}
  .int-item:hover .int-logo{opacity:1;filter:grayscale(0)}
  .int-name{font-family:var(--mono);font-size:.58rem;letter-spacing:.06em;text-transform:uppercase;opacity:.5;text-align:center}
  .board-bar{border-bottom:1.5px solid var(--ink);padding:9px 14px;display:flex;gap:6px;align-items:center;font-family:var(--mono);font-size:.66rem;text-transform:uppercase}
  .board-bar i{width:9px;height:9px;border:1.5px solid var(--ink);display:inline-block}
  .brow{display:grid;grid-template-columns:2fr 1.1fr 1.3fr 1.4fr;align-items:center}
  .brow>div{padding:13px 16px;border-bottom:1px solid rgba(21,23,30,.12);font-size:.92rem}
  .brow.bh-row>div{font-family:var(--mono);font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;opacity:.55;background:#faf8f2}
  .brow:last-child>div{border-bottom:none}
  .btask{font-weight:600;color:var(--ink)}
  .bav{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:.6rem;font-weight:800;font-family:var(--mono);letter-spacing:.02em}
  .pill{display:inline-block;padding:5px 11px;border-radius:4px;color:#fff;font-family:var(--mono);font-size:.6rem;letter-spacing:.03em;text-transform:uppercase;font-weight:700}
  .tl{height:9px;border-radius:5px;background:linear-gradient(90deg,var(--navy),var(--red))}
  .flow{display:flex;align-items:stretch;border:1.5px solid var(--ink);background:#fff;overflow-x:auto}
  .fnode{flex:1;min-width:128px;padding:22px 16px;border-right:1.5px solid var(--ink)}
  .fnode:last-child{border-right:none}
  .fnode .fk{font-family:var(--mono);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:var(--red);display:block;margin-bottom:9px}
  .fnode b{font-size:1rem;color:var(--ink);font-weight:700;line-height:1.25}
  .fnode.done{background:var(--ink)}.fnode.done .fk{color:#5fd699}.fnode.done b{color:var(--paper)}
  @media(max-width:560px){
    .wrap{padding:0 18px}
    .topmeta{font-size:.58rem;letter-spacing:.05em;gap:10px}
    .topmeta .mid{display:none}
    .stats{grid-template-columns:1fr 1fr}
    .stat{border-right:none;border-bottom:1.5px solid var(--ink)}
    .idx{flex-wrap:wrap;gap:8px}.idx .tag{padding-top:0}
    .brow{grid-template-columns:1.7fr 1fr 1.4fr}
    .brow>div:nth-child(4){display:none}
    .vs-tabs{display:flex;gap:0;margin-bottom:12px;border:1.5px solid var(--ink);overflow:hidden}
    .vs-tab{flex:1;font-family:var(--mono);font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;padding:9px 6px;text-align:center;cursor:pointer;border-right:1.5px solid var(--ink);opacity:.5;transition:.15s}
    .vs-tab:last-child{border-right:none}
    .vs-tab.active{background:var(--ink);color:var(--paper);opacity:1}
    .crow{min-width:0;grid-template-columns:1.5fr 1fr 1fr}
    .crow>div:nth-child(2),.crow>div:nth-child(3),.crow>div:nth-child(4){display:none}
    .ctbl.vs-1 .crow>div:nth-child(2){display:block}
    .ctbl.vs-2 .crow>div:nth-child(3){display:block}
    .ctbl.vs-3 .crow>div:nth-child(4){display:block}
    .spec-row{flex-direction:column;gap:2px}
    .flow{flex-direction:column;overflow:visible}
    .fnode{border-right:none;border-bottom:1.5px solid var(--ink);min-width:0}
    .fnode:last-child{border-bottom:none}
    .logo-img{height:26px}.logo-img.foot{height:32px}
    h1.hh{font-size:clamp(1.6rem,9vw,2.7rem)}
    .viz-cap{flex-direction:column;gap:3px}
    .bignum .n{font-size:clamp(3.2rem,16vw,4.6rem)}
    .arow{grid-template-columns:34px 1fr}
    .int-logo{height:26px}
    .pitem h4{font-size:1.15rem}
    .book-grid{gap:20px}
    .jf{min-height:1100px}
  }
  @keyframes cta-shine{
    0%  {background-position:-200% center}
    100%{background-position:200% center}
  }
  .btn-hero{
    background-color:#ec4d33;border-color:#ec4d33;color:#fff;
    background-image:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.35) 50%,transparent 60%);
    background-size:300% 100%;background-position:-200% center;background-repeat:no-repeat;
    animation:cta-shine 6s ease .6s 3 forwards;
  }
  .btn-hero:hover{background-color:#c73e28;border-color:#c73e28;background-image:none}