:root{--ink:#14151A;--night:#0B1020;--paper:#F7F8FB;--white:#FFFFFF;--cobalt:#2B49FF;--cobalt-dark:#1E33C4;--coral:#FF6B4A;--mint:#22C58B;--line:#E3E6EF;--muted:#5B5F6E;--radius:18px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'Instrument Sans',Arial,sans-serif;background:var(--paper);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,.display{font-family:'Bricolage Grotesque',Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{max-width:1160px;margin:0 auto;padding:0 24px}nav{position:sticky;top:0;z-index:50;background:rgba(247,248,251,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav-inner{display:flex;align-items:center;justify-content:space-between;min-height:70px;gap:24px}.logo{display:flex;align-items:center;gap:9px;font-family:'Bricolage Grotesque',Arial,sans-serif;font-weight:800;font-size:1.35rem;letter-spacing:-.02em;white-space:nowrap}.logo img{width:34px;height:34px;border-radius:8px}.logo span{color:var(--cobalt)}.nav-links{display:flex;gap:24px;align-items:center;font-size:.94rem;font-weight:600;color:#2B2F3A}.nav-links a:hover{color:var(--cobalt)}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--cobalt);color:#fff;font-weight:700;padding:12px 22px;border-radius:999px;transition:background .2s,transform .15s;font-size:.95rem;border:1.5px solid var(--cobalt)}.btn:hover{background:var(--cobalt-dark);border-color:var(--cobalt-dark);transform:translateY(-1px)}.btn:focus-visible{outline:3px solid var(--coral);outline-offset:2px}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--ink)}.btn-ghost:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.btn-light{background:#fff;color:var(--cobalt);border-color:#fff}.btn-light:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--cobalt);margin-bottom:18px}.eyebrow::before{content:"";width:26px;height:2px;background:currentColor}.hero{padding:92px 0 34px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);gap:54px;align-items:center}h1{font-size:clamp(2.65rem,5.6vw,5.1rem);line-height:1.01;font-weight:800;letter-spacing:-.035em;max-width:12ch}h1 em{font-style:normal;color:var(--cobalt)}.lead{font-size:1.17rem;color:var(--muted);max-width:56ch;margin:24px 0 32px}.hero-cta{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.hero-note{font-size:.9rem;color:var(--muted);margin-top:16px}.system-board{background:var(--white);border:1.5px solid var(--ink);border-radius:22px;box-shadow:8px 8px 0 var(--ink);padding:18px;display:grid;gap:14px}.board-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:12px;font-weight:800}.status{display:inline-flex;align-items:center;gap:7px;color:var(--mint);font-size:.82rem;font-weight:800}.status::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--mint)}.signal-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.signal{border:1px solid var(--line);background:var(--paper);border-radius:14px;padding:16px;min-height:132px}.signal b{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:8px}.signal strong{font-family:'Bricolage Grotesque',Arial,sans-serif;font-size:1.35rem;line-height:1.1;display:block}.signal p{font-size:.86rem;color:var(--muted);margin-top:8px}.feed-strip{margin-top:58px;border-top:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);background:var(--white);padding:22px 0;overflow:hidden}.feed-track{display:flex;gap:16px;width:max-content;animation:lane 42s linear infinite}.feed-strip:hover .feed-track{animation-play-state:paused}@keyframes lane{from{transform:translateX(0)}to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){.feed-track{animation:none;flex-wrap:wrap;width:auto}}.mini-post{width:218px;flex:none;background:var(--white);border:1.5px solid var(--ink);border-radius:14px;overflow:hidden;box-shadow:4px 4px 0 var(--ink)}.mini-head{padding:9px 12px;font-size:.72rem;font-weight:800;border-bottom:1px solid var(--line)}.mini-art{height:116px;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;font-family:'Bricolage Grotesque',Arial,sans-serif;font-weight:800;line-height:1.18;padding:14px}.mini-foot{padding:9px 12px;font-size:.72rem;color:var(--muted)}section{padding:92px 0}.sec-head{max-width:720px;margin-bottom:44px}.sec-head h2{font-size:clamp(2rem,4vw,3.25rem);font-weight:800;line-height:1.08;letter-spacing:-.025em}.sec-head p{color:var(--muted);margin-top:16px;font-size:1.06rem}.problem{background:var(--night);color:var(--paper)}.problem .eyebrow{color:var(--coral)}.problem-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}.problem h2{font-size:clamp(2rem,4vw,3.1rem);line-height:1.08;letter-spacing:-.025em}.problem p{color:#C1C5D3;margin-top:16px}.problem-list{display:grid;gap:12px}.problem-item{border:1px solid #2C3348;border-radius:14px;padding:18px;background:#10182B}.problem-item strong{display:block;color:#fff;margin-bottom:4px}.problem-item span{color:#B8BDD0;font-size:.94rem}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card{background:var(--white);border:1.5px solid var(--line);border-radius:var(--radius);padding:26px;display:flex;flex-direction:column;min-height:286px;transition:transform .2s,border-color .2s,box-shadow .2s}.service-card:hover{transform:translateY(-3px);border-color:var(--ink);box-shadow:5px 5px 0 var(--ink)}.service-card .kicker{font-size:.72rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--cobalt);margin-bottom:14px}.service-card h3{font-size:1.3rem;line-height:1.1;margin-bottom:12px}.service-card p{color:var(--muted);font-size:.95rem;flex:1}.service-card .link{font-weight:800;color:var(--cobalt);margin-top:22px}.service-card.soon .kicker{color:var(--coral)}.service-card.soon .link{color:var(--muted)}.bands{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.band{background:var(--white);border:1.5px solid var(--line);border-radius:var(--radius);padding:30px;display:flex;flex-direction:column}.band.featured{border-color:var(--ink);box-shadow:6px 6px 0 var(--cobalt)}.band h3{text-transform:uppercase;letter-spacing:.07em;font-size:1rem}.band .price{font-family:'Bricolage Grotesque',Arial,sans-serif;font-size:2.35rem;font-weight:800;margin:14px 0 8px;letter-spacing:-.02em}.band .price small{font-size:1rem;color:var(--muted)}.band p{color:var(--muted);font-size:.95rem}ul.clean{list-style:none;margin:22px 0 28px;display:grid;gap:10px;flex:1}ul.clean li{display:flex;gap:10px;font-size:.93rem;border-bottom:1px dashed var(--line);padding-bottom:9px}ul.clean li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--cobalt);flex:none;margin-top:8px}.workflow{background:var(--white);border-top:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink)}.steps{display:grid;grid-template-columns:repeat(4,1fr);border:1.5px solid var(--ink);border-radius:var(--radius);overflow:hidden;background:var(--white)}.step{padding:28px;border-right:1.5px solid var(--ink)}.step:last-child{border-right:none}.step .day{font-size:.72rem;font-weight:800;letter-spacing:.12em;color:var(--coral);text-transform:uppercase;margin-bottom:10px}.step h3{font-size:1.1rem;margin-bottom:8px}.step p{color:var(--muted);font-size:.9rem}.examples{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.example{background:var(--white);border:1.5px solid var(--line);border-radius:var(--radius);padding:24px}.example strong{font-family:'Bricolage Grotesque',Arial,sans-serif;font-size:1.15rem;display:block;margin-bottom:10px}.example p{color:var(--muted);font-size:.94rem}.cta{background:var(--cobalt);color:#fff;text-align:center;border-radius:28px;padding:76px 28px;margin:0 24px}.cta h2{font-size:clamp(2rem,4.5vw,3.35rem);line-height:1.08;letter-spacing:-.025em}.cta p{max-width:56ch;margin:18px auto 30px;color:#DCE2FF;font-size:1.08rem}footer{padding:52px 0 40px;color:var(--muted);font-size:.9rem}.foot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.foot a{font-weight:800;color:var(--cobalt)}.detail-hero{padding:86px 0 70px}.detail-hero h1{max-width:13ch}.detail-grid{display:grid;grid-template-columns:1fr .85fr;gap:48px;align-items:center}.feature-list{display:grid;gap:14px}.feature{display:flex;gap:14px;background:var(--white);border:1.5px solid var(--line);border-radius:14px;padding:18px}.feature .dot{width:12px;height:12px;border-radius:50%;background:var(--coral);margin-top:7px;flex:none}.feature strong{display:block;margin-bottom:3px}.feature span{color:var(--muted);font-size:.94rem}.pricing-note{text-align:center;color:var(--muted);font-size:.92rem;margin-top:24px}@media(max-width:960px){.hero-grid,.problem-grid,.detail-grid{grid-template-columns:1fr}.services-grid,.bands,.examples{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.step:nth-child(2){border-right:none}.step{border-bottom:1.5px solid var(--ink)}.step:nth-child(3),.step:nth-child(4){border-bottom:none}}@media(max-width:720px){.nav-inner{align-items:flex-start;padding:14px 0}.nav-links{gap:12px;flex-wrap:wrap;justify-content:flex-end}.nav-links a:not(.btn){display:none}.hero{padding-top:68px}.hero-grid{gap:36px}.signal-grid,.services-grid,.bands,.examples,.steps{grid-template-columns:1fr}.step{border-right:none}.step:nth-child(3){border-bottom:1.5px solid var(--ink)}.cta{margin:0 16px;padding:58px 20px}.wrap{padding:0 18px}}.proof-strip{padding:22px 0;background:var(--white);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.proof-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;font-weight:800}
.proof-inner span{color:var(--muted);font-weight:600}
.proof-badge{display:inline-flex;align-items:center;gap:8px;background:var(--paper);border:1.5px solid var(--line);border-radius:999px;padding:9px 14px;color:var(--ink);font-size:.92rem}
.proof-badge::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--mint)}
.privacy-page{max-width:820px;margin:0 auto;padding:82px 24px}
.privacy-page h1{max-width:none;font-size:clamp(2.2rem,5vw,3.6rem);margin-bottom:20px}
.privacy-page h2{font-size:1.35rem;margin:30px 0 10px}
.privacy-page p,.privacy-page li{color:var(--muted);margin-bottom:12px}
.privacy-page ul{padding-left:22px}
.article-page{max-width:860px;margin:0 auto;padding:78px 24px 64px}
.article-page article{background:var(--white);border:1.5px solid var(--line);border-radius:var(--radius);padding:42px}
.article-page h1{max-width:none;font-size:clamp(2.2rem,5vw,4rem);line-height:1.04;margin-bottom:16px}
.article-page h2{font-size:clamp(1.45rem,3vw,2.1rem);line-height:1.12;margin:38px 0 14px}
.article-page p,.article-page li{color:var(--muted);font-size:1.04rem;margin-bottom:16px}
.article-page ul{padding-left:22px;margin:16px 0 24px}
.article-page strong{color:var(--ink)}
.article-meta{font-weight:700;color:var(--cobalt)!important;margin-bottom:28px!important}
.article-back{display:inline-flex;margin-bottom:22px;font-weight:800;color:var(--cobalt)}
.article-page blockquote{border-left:4px solid var(--cobalt);background:var(--paper);padding:18px 20px;margin:18px 0 24px;color:var(--ink);font-weight:700;border-radius:0 12px 12px 0}
@media(max-width:720px){.article-page{padding:52px 18px}.article-page article{padding:28px 22px}}
.pl-chat{position:fixed;right:22px;bottom:22px;z-index:1000;font-family:'Instrument Sans',Arial,sans-serif}
.pl-chat-toggle{display:flex;align-items:center;justify-content:center;border:0;background:var(--cobalt);color:#fff;border-radius:50%;width:64px;height:64px;box-shadow:0 14px 34px rgba(43,73,255,.34),0 4px 14px rgba(11,16,32,.18);font-weight:800;cursor:pointer}
.pl-chat-toggle span{position:absolute;right:74px;white-space:nowrap;background:var(--ink);color:#fff;border-radius:999px;padding:8px 12px;font-size:.86rem;box-shadow:0 8px 20px rgba(11,16,32,.18)}
.pl-chat-toggle strong{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#fff;color:var(--cobalt);font-family:'Bricolage Grotesque',Arial,sans-serif}
.pl-chat-toggle.is-pulsing{animation:chatPulse 1.4s ease-in-out 3}
@keyframes chatPulse{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.pl-chat-panel{position:fixed;right:22px;bottom:98px;width:min(380px,calc(100vw - 32px));background:var(--white);border:1px solid var(--line);border-radius:18px;box-shadow:0 22px 70px rgba(11,16,32,.24);overflow:hidden}
.pl-chat-head{display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--white);color:var(--ink);padding:16px 18px;border-bottom:1px solid var(--line)}
.pl-chat-head strong{display:block;font-family:'Bricolage Grotesque',Arial,sans-serif;font-size:1.08rem}
.pl-chat-head span{display:block;color:var(--muted);font-size:.82rem;margin-top:2px}
.pl-chat-close{border:1px solid var(--line);background:var(--paper);color:var(--ink);width:32px;height:32px;border-radius:50%;font-size:1rem;line-height:1;cursor:pointer;font-weight:800}
.pl-chat-body{max-height:min(360px,50vh);overflow:auto;padding:16px;display:grid;gap:10px;background:#F7F8FB}
.pl-chat-message{max-width:88%;padding:11px 13px;border-radius:14px;font-size:.94rem;line-height:1.42}
.pl-chat-message.bot{background:#fff;border:1px solid var(--line);color:var(--ink);justify-self:start}
.pl-chat-message.user{background:var(--cobalt);color:#fff;justify-self:end}
.pl-chat-options{display:grid;gap:8px;padding:12px;background:#fff;border-top:1px solid var(--line)}
.pl-chat-option{border:1px solid var(--line);background:var(--white);color:var(--ink);font-weight:800;border-radius:999px;padding:10px 12px;text-align:left;cursor:pointer}
.pl-chat-option:hover{border-color:var(--cobalt);color:var(--cobalt);background:#F8FAFF}
@media(max-width:720px){.pl-chat{right:14px;bottom:14px}.pl-chat-toggle{width:58px;height:58px}.pl-chat-toggle span{display:none}.pl-chat-panel{right:14px;bottom:84px;width:calc(100vw - 28px)}.pl-chat-body{max-height:48vh}}
.compare-table-wrap{margin-top:28px;overflow-x:auto;border:1.5px solid var(--ink);border-radius:var(--radius);background:var(--white);box-shadow:4px 4px 0 var(--ink)}
.compare-table{width:100%;border-collapse:collapse;min-width:760px;font-size:.94rem}
.compare-table th,.compare-table td{padding:15px 16px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.compare-table th{background:var(--night);color:#fff;font-family:'Bricolage Grotesque',Arial,sans-serif;font-size:1rem}
.compare-table th:first-child{width:28%}
.compare-table tbody tr:last-child td{border-bottom:none}
.compare-table td:first-child{font-weight:800;color:var(--ink)}
.compare-table td:not(:first-child){color:var(--muted)}
.proof-inner a{color:var(--cobalt);font-weight:800;text-decoration:underline;text-underline-offset:3px}
@media(max-width:720px){.compare-table-wrap{margin-left:-2px;margin-right:-2px}.compare-table th,.compare-table td{padding:13px 14px}}

@media(max-width:720px){
  h1{max-width:100%;font-size:clamp(2.25rem,12vw,3.35rem);line-height:1.04;letter-spacing:0;overflow-wrap:break-word}
  .detail-hero h1,.article-page h1{max-width:100%}
  .sec-head h2,.problem h2,.cta h2{font-size:clamp(1.75rem,9vw,2.55rem);line-height:1.12;letter-spacing:0;overflow-wrap:break-word}
  .hero,.detail-hero{padding-top:54px}
  section{padding:64px 0}
  .eyebrow{display:flex;max-width:100%;font-size:.72rem;line-height:1.35;letter-spacing:.08em;white-space:normal}
  .hero-cta .btn{width:100%}
  .board-top{align-items:flex-start;gap:12px}
}
/* Mobile visibility hard fix */
@media(max-width:720px){
  body{overflow-x:hidden}
  nav{position:relative}
  .hero,.detail-hero{display:block;overflow:visible;padding:42px 0 36px}
  .hero-grid,.detail-grid{display:grid;grid-template-columns:1fr!important;gap:28px}
  h1,.detail-hero h1,.article-page h1{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    color:var(--ink)!important;
    max-width:none!important;
    width:100%!important;
    font-size:2.45rem!important;
    line-height:1.08!important;
    letter-spacing:0!important;
    overflow-wrap:anywhere;
    word-break:normal;
    margin:0;
  }
  h1 em{color:var(--cobalt)!important}
  .problem h2,.sec-head h2,.cta h2{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    max-width:none!important;
    font-size:2rem!important;
    line-height:1.14!important;
    letter-spacing:0!important;
    overflow-wrap:anywhere;
  }
  .problem h2{color:var(--paper)!important}
  .sec-head h2{color:var(--ink)!important}
  .cta h2{color:#fff!important}
  .lead{font-size:1rem;margin:18px 0 22px}
  .eyebrow{display:flex!important;visibility:visible!important;opacity:1!important;color:var(--cobalt);white-space:normal}
  .problem .eyebrow{color:var(--coral)!important}
}

@media(max-width:420px){
  h1,.detail-hero h1,.article-page h1{font-size:2.12rem!important}
  .problem h2,.sec-head h2,.cta h2{font-size:1.82rem!important}
}
/* Mobile hero layout fix */
@media(max-width:720px){
  nav{position:static!important}
  .nav-inner{min-height:auto!important;padding:12px 0!important;align-items:center!important}
  .logo{font-size:1.15rem!important}
  .logo img{width:30px!important;height:30px!important}
  .nav-links{margin-left:auto}
  .nav-links .btn{padding:9px 13px!important;font-size:.82rem!important}
  .hero,.detail-hero{
    min-height:auto!important;
    padding-top:28px!important;
    padding-bottom:32px!important;
  }
  .hero-grid > div:first-child,
  .detail-grid > div:first-child{
    display:block!important;
    min-width:0!important;
    padding-top:0!important;
  }
  .system-board{margin-top:4px}
  .feed-strip{margin-top:26px}
}
/* Mobile navigation visibility fix */
@media(max-width:720px){
  .nav-inner{
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:10px!important;
  }
  .nav-links{
    display:flex!important;
    width:100%!important;
    gap:10px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:4px 0 10px!important;
    justify-content:flex-start!important;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .nav-links::-webkit-scrollbar{display:none}
  .nav-links a:not(.btn){
    display:inline-flex!important;
    flex:0 0 auto!important;
    align-items:center!important;
    min-height:36px!important;
    padding:7px 10px!important;
    border:1px solid var(--line)!important;
    border-radius:999px!important;
    background:var(--white)!important;
    color:var(--ink)!important;
    font-size:.86rem!important;
    white-space:nowrap!important;
  }
  .nav-links .btn{
    flex:0 0 auto!important;
    min-height:36px!important;
    padding:7px 12px!important;
    font-size:.86rem!important;
    white-space:nowrap!important;
  }
}