:root{--bg:#fff;--bg-soft:#f5f5f7;--text:#111318;--text-muted:#5c6370;--ink:#141414;--accent:#0b57d0;--accent-hover:#0842a0;--accent-pressed:#062e70;--accent-soft:#e8f0fe;--accent-ring:#0b57d038;--border:#e4e6ee;--radius:11px;--font:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--max:1080px;--shadow:0 1px 2px #1113180a, 0 8px 24px #1113180f}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;line-height:1.55}#root{flex-direction:column;min-height:100vh;display:flex}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}img{max-width:100%;display:block}h1,h2,h3,h4{letter-spacing:-.02em;margin:0 0 .5rem;font-weight:650;line-height:1.2}p{color:var(--text-muted);margin:0 0 1rem}ul{margin:0;padding:0;list-style:none}button,.btn{font-family:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.skip-link{background:var(--accent);color:#fff;z-index:100;border-radius:0 0 var(--radius) 0;padding:.5rem 1rem;position:absolute;top:0;left:-9999px}.skip-link:focus{left:0}.container{width:min(100% - 2rem, var(--max));margin-inline:auto}.site-header{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#ffffffeb;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:1rem;min-height:3.5rem;display:flex}.wordmark{align-items:center;line-height:0;display:inline-flex}.wordmark-logo{object-fit:contain;object-position:left center;width:auto;max-width:min(200px,58vw);height:auto;max-height:40px;display:block}.wordmark:hover{opacity:.85}.footer-brand{margin:0 0 .35rem}.footer-logo{object-fit:contain;object-position:left center;width:auto;max-width:160px;height:auto;max-height:32px;display:block}.nav-links{align-items:center;gap:.25rem;display:flex}.nav-links a{color:var(--text-muted);border-radius:8px;padding:.4rem .7rem;font-size:.925rem;font-weight:500}.nav-links a:hover,.nav-links a.active{color:var(--text);background:var(--bg-soft)}.nav-actions{align-items:center;gap:.75rem;display:flex}.btn{border-radius:var(--radius);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.4rem;padding:.6rem 1.1rem;font-size:.925rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s,border-color .15s,box-shadow .15s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff;box-shadow:inset 0 1px #ffffff1f,0 1px 2px #11131814}.btn-primary:hover{background:var(--accent-hover);color:#fff}.btn-primary:active{background:var(--accent-pressed);color:#fff}.btn-secondary{background:var(--bg);color:var(--text);border-color:var(--border)}.btn-secondary:hover{background:var(--bg-soft);color:var(--text)}.btn-ghost{color:var(--accent);background:0 0;padding-inline:.75rem}.btn-ghost:hover{background:var(--accent-soft);color:var(--accent-hover)}.btn-lg{padding:.8rem 1.35rem;font-size:1rem}.btn-block{width:100%}.hero{background:linear-gradient(180deg, var(--bg) 0%, var(--bg-soft) 100%);padding:4.5rem 0 4rem}.hero-grid{grid-template-columns:1.05fr .95fr;align-items:start;gap:2.75rem;display:grid}.hero-copy{padding-top:.35rem}.hero-eyebrow{flex-wrap:wrap;align-items:center;gap:.55rem;margin-bottom:1rem;display:flex}.eyebrow-brand{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);font-size:.8rem;font-weight:600}.eyebrow-pill{background:var(--accent-soft);color:var(--accent);letter-spacing:.01em;border-radius:999px;align-items:center;padding:.22rem .65rem;font-size:.72rem;font-weight:600;display:inline-flex}.hero h1{color:var(--text);margin-bottom:.95rem;font-size:clamp(2.2rem,4.6vw,3.15rem)}.hero .lede{max-width:34rem;margin-bottom:1.75rem;font-size:1.1rem}.hero-ctas{flex-wrap:wrap;gap:.75rem;display:flex}.hero-stage{border:1px solid var(--border);border-radius:calc(var(--radius) + 4px);box-shadow:var(--shadow);background:#f5f5f7;padding:.85rem 1rem 1.25rem}.hero-stage-chrome{align-items:center;gap:.35rem;padding:.15rem .2rem .85rem;display:flex}.hero-stage-chrome span{background:#d5d2cb;border-radius:50%;width:.5rem;height:.5rem}.hero-stage-chrome span:first-child{background:#f0b4b4}.hero-stage-chrome span:nth-child(2){background:#e6d39a}.hero-stage-chrome span:nth-child(3){background:#b7d7b0}.hero-stage-body{justify-content:center;display:flex}.hero-stage .invoice-mock{max-width:100%;margin-inline:0;box-shadow:0 1px 2px #1113180a,0 12px 28px #11131814}.section{padding:3.25rem 0}.section-soft{background:var(--bg-soft)}.section-title{margin-bottom:.4rem;font-size:clamp(1.35rem,2.5vw,1.75rem)}.section-sub{max-width:36rem;margin-bottom:2rem}.band-tools{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.5rem;display:grid}.tool-tile{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);min-height:7.5rem;box-shadow:var(--shadow);flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.tool-tile.live{box-shadow:0 0 0 1.5px var(--accent), var(--shadow);border-color:#0000}.tool-tile.muted{opacity:.62;box-shadow:none;background:#f8f8fa}.tool-tile .badge{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;align-self:flex-start;padding:.2rem .5rem;font-size:.7rem;font-weight:600;display:inline-flex}.badge-live{background:var(--accent-soft);color:var(--accent)}.badge-soon{color:var(--text-muted);background:#ececef}.tool-tile h3{margin:0;font-size:1.05rem}.tool-tile p{margin:0;font-size:.9rem}.features{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.feature-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.4rem 1.35rem}.feature-card .icon{background:var(--accent-soft);width:2.25rem;height:2.25rem;color:var(--accent);border-radius:9px;place-items:center;margin-bottom:.9rem;font-size:.95rem;font-weight:700;display:grid}.feature-card h3{margin-bottom:.35rem;font-size:1.05rem}.feature-card p{margin:0;font-size:.925rem}.audience{flex-wrap:wrap;gap:.65rem;margin-top:1rem;display:flex}.chip{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:999px;padding:.45rem .95rem;font-size:.9rem;font-weight:500}.pricing-teaser{background:var(--bg);border:1px solid var(--border);border-radius:calc(var(--radius) + 2px);box-shadow:var(--shadow);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;padding:1.5rem 1.75rem;display:flex}.pricing-teaser h2{margin-bottom:.25rem;font-size:1.25rem}.pricing-teaser p{margin:0}.pricing-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-top:1.5rem;display:grid}.price-card{background:var(--bg);border:1px solid var(--border);border-radius:calc(var(--radius) + 2px);flex-direction:column;gap:1rem;padding:1.75rem;display:flex}.price-card.pro{box-shadow:0 0 0 1.5px var(--accent), var(--shadow);background:linear-gradient(180deg, #fff 0%, var(--accent-soft) 160%);border-color:#0000}.price-card .plan{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.8rem;font-weight:600}.price-card .amount{letter-spacing:-.03em;color:var(--text);font-size:2rem;font-weight:700}.price-card .amount span{color:var(--text-muted);font-size:.95rem;font-weight:500}.price-card ul{flex-direction:column;flex:1;gap:.55rem;display:flex}.price-card li{color:var(--text);padding-left:1.35rem;font-size:.925rem;position:relative}.price-card li:before{content:"";background:var(--accent);border-radius:50%;width:.55rem;height:.55rem;position:absolute;top:.45rem;left:0}.price-card .actions{flex-direction:column;gap:.55rem;margin-top:.5rem;display:flex}.save-note{color:var(--accent);margin:0;font-size:.85rem;font-weight:600}.site-footer{border-top:1px solid var(--border);background:var(--bg-soft);margin-top:auto;padding:2rem 0}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.25rem 2rem;display:flex}.footer-links{flex-wrap:wrap;gap:.85rem 1.25rem;display:flex}.footer-links a{color:var(--text-muted);font-size:.9rem}.footer-links a:hover{color:var(--text)}.footer-note{color:var(--text-muted);margin:0;font-size:.85rem}.invoice-mock{border:1px solid var(--border);box-shadow:var(--shadow), 0 20px 40px #1113180f;aspect-ratio:210/270;width:100%;max-width:360px;color:var(--text);background:#fff;border-radius:12px;margin-inline:auto;padding:1.35rem 1.4rem 1.5rem;font-size:.72rem;position:relative;overflow:hidden}.invoice-mock .im-top{justify-content:space-between;gap:1rem;margin-bottom:1.1rem;display:flex}.invoice-mock .im-biz{letter-spacing:-.02em;font-size:.9rem;font-weight:700}.invoice-mock .im-meta{text-align:right;color:var(--text-muted);line-height:1.45}.invoice-mock .im-label{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);margin-bottom:.15rem;font-size:.65rem;font-weight:700}.invoice-mock .im-client{color:var(--text-muted);margin-bottom:1rem;line-height:1.45}.invoice-mock table{border-collapse:collapse;width:100%;margin-bottom:.85rem}.invoice-mock th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.04em;padding:.35rem 0;font-size:.65rem;font-weight:600}.invoice-mock td{border-bottom:1px solid #f0f1f6;padding:.4rem 0}.invoice-mock td:last-child,.invoice-mock th:last-child{text-align:right}.invoice-mock .im-totals{width:55%;color:var(--text-muted);grid-template-columns:1fr auto;gap:.25rem .75rem;margin-left:auto;display:grid}.invoice-mock .im-totals .total{color:var(--text);border-top:1px solid var(--border);margin-top:.15rem;padding-top:.35rem;font-weight:700}.invoice-mock .im-watermark{pointer-events:none;color:#0b57d014;letter-spacing:.08em;place-items:center;font-size:1.6rem;font-weight:700;display:grid;position:absolute;inset:0;transform:rotate(-28deg)}.page-hero{padding:2.5rem 0 1.5rem}.page-hero h1{font-size:clamp(1.75rem,3.5vw,2.25rem)}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.15rem;padding-bottom:3rem;display:grid}.tool-card{background:var(--bg);border:1px solid var(--border);border-radius:calc(var(--radius) + 2px);min-height:12rem;box-shadow:var(--shadow);flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.tool-card.muted{opacity:.65;box-shadow:none;background:var(--bg-soft)}.tool-card h2{margin:0;font-size:1.2rem}.tool-card p{flex:1;margin:0;font-size:.925rem}.tool-card .card-actions{flex-wrap:wrap;gap:.5rem;margin-top:.25rem;display:flex}.prose-block{max-width:42rem}.prose-block p{color:var(--text-muted)}.split-lists{grid-template-columns:repeat(2,1fr);gap:1.25rem;margin:2rem 0;display:grid}.list-panel{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.35rem}.list-panel h3{margin-bottom:.85rem;font-size:1rem}.list-panel ul{flex-direction:column;gap:.45rem;display:flex}.list-panel li{color:var(--text);padding-left:1.1rem;font-size:.925rem;position:relative}.list-panel li:before{content:"–";color:var(--text-muted);position:absolute;left:0}.mock-strip{grid-template-columns:repeat(3,1fr);gap:.85rem;margin:2rem 0 2.5rem;display:grid}.mock-frame{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.4rem;min-height:8rem;padding:.75rem;display:flex}.mock-frame .bar{background:#e4e2dc;border-radius:4px;width:70%;height:.45rem}.mock-frame .bar.short{width:40%}.mock-frame .bar.accent{background:var(--accent-soft);width:55%}.mock-frame .lines{flex-direction:column;flex:1;justify-content:flex-end;gap:.3rem;display:flex}.mock-frame .line{background:#ececef;border-radius:3px;height:.35rem}.faq{flex-direction:column;gap:.75rem;margin:1.5rem 0 3rem;display:flex}.faq details{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:.9rem 1.1rem}.faq summary{cursor:pointer;color:var(--text);font-weight:600}.faq details p{margin:.65rem 0 0;font-size:.925rem}.about-content{max-width:40rem;padding-bottom:3rem}.about-content p{font-size:1.02rem}.launch-row{flex-wrap:wrap;gap:.75rem;margin:1.5rem 0;display:flex}@media (width<=860px){.hero-grid,.features,.band-tools,.pricing-grid,.split-lists,.mock-strip{grid-template-columns:1fr}.hero-grid{gap:1.75rem}.hero-stage{padding:.75rem .85rem 1rem}.nav-links{display:none}.invoice-mock{max-width:320px}}@media (width<=520px){.hero{padding:2.5rem 0 2.25rem}.hero-copy{padding-top:0}.hero-stage{margin-top:.25rem}.pricing-teaser{flex-direction:column;align-items:flex-start}}