/* Public marketing pages. Brand: Ink #111827, Pen Blue #2F5BFF, Paper #FAF8F3, Highlight #FFD166. */
@font-face{font-family:"Inter Tight";font-weight:800;font-style:normal;font-display:swap;src:url(/static/fonts/inter-tight-800.woff2) format("woff2")}
@font-face{font-family:"Dancing Script";font-weight:700;font-style:normal;font-display:swap;src:url(/static/fonts/dancing-script-700.woff2) format("woff2")}

body.public{background:var(--bg)}
body.public .pubbar{position:sticky;top:0;z-index:20;background:rgba(250,248,243,.88);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid rgba(17,24,39,.06);padding:12px 24px}
body.public .pubbar nav a{color:var(--ink);font-weight:500}
body.public .pubbar .btn{border-radius:999px;padding:8px 16px}
body.public h1,body.public h2,body.public h3{font-family:"Inter Tight",system-ui,sans-serif;font-weight:800;letter-spacing:-.025em}
main.full{max-width:none;margin:0;padding:0}

.h-wrap{max-width:1160px;margin:0 auto;padding:0 24px}
.h-band{padding:88px 0}
.h-tint{background:#f2efe7}
.h-kicker{font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--p);margin:0 0 10px}
.h h2{font-size:clamp(1.8rem,3.4vw,2.6rem);line-height:1.08;margin:0 0 14px;max-width:760px}
.h h3{font-size:1.2rem;margin:0 0 8px;letter-spacing:-.015em}
.h-sub{font-size:1.1rem;color:var(--mu);max-width:640px;margin:0 0 28px}

/* Buttons */
.h-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;border-radius:999px;font-weight:700;text-decoration:none;border:1.5px solid rgba(17,24,39,.16);color:var(--ink);background:#fff;transition:transform .15s ease,box-shadow .15s ease}
.h-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(17,24,39,.08)}
.h-btn-primary{background:var(--p);border-color:var(--p);color:#fff;box-shadow:0 10px 24px rgba(47,91,255,.28)}
.h-btn-hi{background:var(--a);border-color:var(--a);color:var(--ink)}

/* Signature word */
.h-yes{position:relative;display:inline-block;font-family:"Dancing Script",cursive;font-weight:700;color:var(--p);letter-spacing:0;padding:0 .04em}
.h-swash{position:absolute;left:-4%;bottom:-.12em;width:108%;height:.28em;color:var(--p)}
.h-sig{font-family:"Dancing Script",cursive;font-weight:700;color:var(--p);font-size:1.6rem;line-height:1}

/* Hero */
.h-hero{padding:72px 0 64px;overflow:hidden;background:radial-gradient(900px 500px at 85% 20%,rgba(47,91,255,.12),transparent 60%),radial-gradient(600px 400px at 70% 90%,rgba(255,209,102,.25),transparent 60%)}
.h-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.h-eyebrow{display:inline-block;font-weight:700;font-size:.85rem;color:var(--ink);background:#fff;border:1px solid var(--bd);border-radius:999px;padding:6px 14px;margin:0 0 22px}
.h-hero h1{font-size:clamp(2.6rem,6.2vw,4.6rem);line-height:1.02;margin:0 0 22px;letter-spacing:-.04em}
.h-hero h1 .h-yes{font-size:1.18em;line-height:.8}
.h-lede{font-size:1.2rem;color:#2c3445;max-width:540px;margin:0 0 28px}
.h-ctas{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 22px}
.h-trust{display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;padding:0;margin:0 0 22px;color:var(--mu);font-size:.95rem}
.h-trust li{display:flex;align-items:center;gap:6px}.h-trust svg{color:#1d9a5b}
.h-count{display:inline-flex;align-items:center;gap:10px;font-size:.92rem;color:var(--ink);background:rgba(255,209,102,.35);border-radius:10px;padding:8px 12px;margin:0}
.h-dot{width:8px;height:8px;border-radius:50%;background:#1d9a5b;box-shadow:0 0 0 4px rgba(29,154,91,.18)}

.h-visual{position:relative;min-height:560px;display:flex;justify-content:center}
.h-phone{width:290px;border-radius:44px;background:#0b0f19;padding:12px;box-shadow:0 40px 80px rgba(17,24,39,.28),0 0 0 1px rgba(255,255,255,.06) inset;transform:rotate(2.5deg)}
.h-phone img{display:block;width:100%;height:auto;border-radius:34px;aspect-ratio:390/844;object-fit:cover;object-position:top}
.h-float{position:absolute;display:flex;align-items:center;gap:12px;background:#fff;border-radius:16px;padding:12px 16px;box-shadow:0 18px 40px rgba(17,24,39,.14);font-size:.9rem;max-width:270px}
.h-float small{display:block;color:var(--mu);font-size:.8rem}
.h-float-a{top:60px;left:-6px;animation:h-bob 6s ease-in-out infinite}
.h-float-b{bottom:70px;right:-6px;animation:h-bob 6s ease-in-out infinite 1.5s}
.h-ping{width:10px;height:10px;border-radius:50%;background:var(--p);box-shadow:0 0 0 0 rgba(47,91,255,.5);animation:h-ping 2s infinite;flex:none}
@keyframes h-ping{0%{box-shadow:0 0 0 0 rgba(47,91,255,.5)}80%{box-shadow:0 0 0 12px rgba(47,91,255,0)}100%{box-shadow:0 0 0 0 rgba(47,91,255,0)}}
@keyframes h-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

/* Steps */
.h-steps{list-style:none;padding:0;margin:28px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.h-steps li{background:#fff;border:1px solid var(--bd);border-radius:20px;padding:26px}
.h-num{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--ink);color:#fff;font-weight:800;margin-bottom:16px}
.h-steps p{color:var(--mu);margin:0}

/* Features */
.h-features{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:28px}
.h-features article{background:#fff;border-radius:20px;padding:26px;border:1px solid var(--bd)}
.h-features p{color:var(--mu);margin:0}
.h-mini{height:120px;border-radius:14px;background:var(--bg);margin-bottom:20px;padding:16px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;overflow:hidden}
.h-mini-tiers span{padding:10px 14px;border-radius:10px;background:#fff;border:1.5px solid var(--bd);font-weight:600;font-size:.9rem}
.h-mini-tiers span.on{border-color:var(--p);box-shadow:0 0 0 3px rgba(47,91,255,.15)}
.h-mini-tiers b{margin-left:auto;font-family:"Inter Tight",sans-serif;font-size:1.6rem}
.h-mini-sign{flex-direction:column;align-items:flex-start;justify-content:center}
.h-mini-sign .h-sig{font-size:2.6rem}.h-mini-sign i{display:block;width:70%;border-top:2px solid var(--ink);margin:2px 0 6px}.h-mini-sign small{color:var(--mu)}
.h-mini-chat{flex-direction:column;align-items:stretch;justify-content:center;gap:8px}
.h-mini-chat span{max-width:85%;padding:8px 12px;border-radius:14px;font-size:.85rem}
.h-mini-chat .me{align-self:flex-end;background:var(--p);color:#fff;border-bottom-right-radius:4px}
.h-mini-chat .ai{align-self:flex-start;background:#fff;border:1px solid var(--bd);border-bottom-left-radius:4px}
.h-mini-feed{flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:center;gap:6px}
.h-mini-feed span{display:flex;align-items:center;gap:8px;background:#fff;border-radius:10px;padding:6px 10px;font-size:.85rem}
.h-mini-feed i{width:8px;height:8px;border-radius:50%}.h-mini-feed .g{background:#1d9a5b}.h-mini-feed .b{background:var(--p)}.h-mini-feed .y{background:#e0a400}

/* Live demo */
.h-browser{border-radius:18px;background:#fff;box-shadow:0 30px 70px rgba(17,24,39,.14);overflow:hidden;border:1px solid var(--bd)}
.h-chrome{display:flex;align-items:center;gap:6px;padding:12px 16px;background:#f3f1ec;border-bottom:1px solid var(--bd)}
.h-chrome i{width:11px;height:11px;border-radius:50%;background:#d8d3c8}
.h-chrome span{margin-left:14px;font-size:.8rem;color:var(--mu);background:#fff;border-radius:8px;padding:4px 12px}
.h-browser iframe{display:block;width:100%;height:680px;border:0;background:#fff}

/* Ink band */
.h-ink{background:var(--ink);color:#e9ebf1}
.h-ink h2{color:#fff}.h-ink .h-kicker{color:var(--a)}.h-ink .h-sub{color:#b8bfcc}
.h-loop{list-style:none;padding:0;margin:8px 0 28px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;counter-reset:loop}
.h-loop li{position:relative;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:24px 22px 22px;background:rgba(255,255,255,.03)}
.h-loop li::before{counter-increment:loop;content:counter(loop);display:block;font-family:"Inter Tight",sans-serif;font-weight:800;font-size:2.4rem;color:var(--a);line-height:1;margin-bottom:12px}
.h-loop strong{display:block;color:#fff;font-size:1.1rem;margin-bottom:6px}.h-loop span{color:#b8bfcc}
.h-fine{color:#98a0b0;font-size:.95rem;max-width:760px;margin:0}

/* Quote */
.h-quote{padding:72px 0}
.h-quote figure{margin:0 auto;max-width:820px;text-align:center}
.h-quote blockquote{margin:0 0 24px;font-family:"Inter Tight",sans-serif;font-weight:800;font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.2;letter-spacing:-.02em}
.h-quote blockquote::before{content:"\201C"}.h-quote blockquote::after{content:"\201D"}
.h-quote figcaption{display:inline-flex;align-items:center;gap:14px;text-align:left}
.h-quote figcaption img,.h-initials{width:64px;height:64px;border-radius:50%;object-fit:cover}
.h-initials{display:grid;place-items:center;background:var(--p);color:#fff;font-weight:800;font-size:1.2rem}
.h-quote figcaption span:not(.h-initials){display:flex;flex-direction:column;color:var(--mu)}.h-quote figcaption strong{color:var(--ink)}

/* Ladder */
.h-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}
.h-ladder{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.h-ladder li{display:grid;grid-template-columns:56px 70px 1fr;align-items:center;gap:12px;background:#fff;border:1px solid var(--bd);border-radius:16px;padding:12px 16px}
.h-ladder li span:nth-child(2){color:var(--mu);font-size:.9rem}
.h-rung{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:rgba(47,91,255,.1);color:var(--p);font-family:"Inter Tight",sans-serif;font-weight:800;font-size:1.2rem}
.h-ladder li:last-child{background:var(--ink);color:#fff;border-color:var(--ink)}.h-ladder li:last-child .h-rung{background:var(--a);color:var(--ink)}.h-ladder li:last-child span:nth-child(2){color:#b8bfcc}

/* Panels */
.h-duo{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.h-panel{background:#fff;border:1px solid var(--bd);border-radius:20px;padding:26px;display:flex;flex-direction:column}
.h-panel p:not(.h-kicker){color:var(--mu);flex:1}.h-panel a{font-weight:700;text-decoration:none}.h-panel a::after{content:" \2192"}

/* Templates */
.h-tpls{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:24px}
.h-tpl{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--bd);border-radius:18px;padding:12px 12px 16px;text-decoration:none;color:var(--ink);transition:transform .15s ease,box-shadow .15s ease}
.h-tpl:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(17,24,39,.1)}
.h-tpl img{width:100%;height:auto;aspect-ratio:600/384;object-fit:cover;object-position:top;border-radius:10px;border:1px solid var(--bd);margin-bottom:6px}
.h-tag{align-self:flex-start;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--p);background:rgba(47,91,255,.08);border-radius:999px;padding:3px 8px}
.h-tpl small{color:var(--mu);line-height:1.4}
.h-switch{margin:24px 0 0;color:var(--mu)}

/* Final CTA */
.h-cta{background:var(--ink);color:#fff;text-align:center;padding:84px 0}
.h-cta img{height:48px;width:auto;margin:0 auto 22px;display:block}
.h-cta h2{color:#fff;margin:0 auto 10px}.h-cta p{color:#b8bfcc;margin:0 0 26px}

body.public .pubfoot{max-width:1160px}

@media (max-width:900px){
  .h-band{padding:64px 0}
  .h-hero-grid,.h-split{grid-template-columns:1fr}
  .h-visual{min-height:0;padding-top:20px}
  .h-float-a{left:0;top:30px}.h-float-b{right:0;bottom:30px}
  .h-steps,.h-loop,.h-duo,.h-features{grid-template-columns:1fr}
  .h-tpls{grid-template-columns:repeat(2,1fr)}
  .h-browser iframe{height:560px}
}
@media (max-width:520px){
  .h-wrap{padding:0 16px}
  .h-phone{width:240px}
  .h-float{max-width:220px;font-size:.82rem}
  .h-ladder li{grid-template-columns:48px 1fr;}.h-ladder li span:nth-child(2){display:none}
  body.public .pubbar{padding:10px 16px}
}
@media (prefers-reduced-motion:reduce){.h-float,.h-ping{animation:none}.h-btn,.h-tpl{transition:none}}
@media (max-width:680px){body.public .pubbar nav a:not(.btn){display:none}body.public .pubbar{flex-wrap:nowrap}body.public .pubbar nav{flex:0 0 auto;margin-left:auto}}