@import "https://fonts.googleapis.com/css2?family=Bevan&family=DM+Serif+Display:ital@0;1&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";
:root{--bg:#f5efe4;--bg-2:#efe6d4;--bg-cream:#faf6ee;--ink:#0d1939;--ink-2:#1a2552;--ink-3:#2a3565;--accent:#ff441a;--accent-2:#ff6b3d;--accent-soft:#ffe3d9;--mint:#5eba89;--mint-soft:#dff1e5;--muted:#0d19398c;--muted-2:#0d193959;--line:#0d19391f;--line-2:#0d19390f;--shadow-card:0 20px 60px -20px #0d193940, 0 4px 16px -4px #0d193914;--shadow-soft:0 4px 24px -8px #0d19391f;--font-display:"Bevan", Georgia, serif;--font-italic:"DM Serif Display", Georgia, serif;--font-body:"Plus Jakarta Sans", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace}.btn{font-family:var(--font-body);cursor:pointer;letter-spacing:-.01em;white-space:nowrap;border:none;border-radius:999px;align-items:center;gap:10px;padding:18px 28px;font-size:16px;font-weight:600;text-decoration:none;transition:all .25s cubic-bezier(.2,.7,.3,1);display:inline-flex}.btn-primary{background:var(--ink);color:var(--bg-cream)}.btn-primary:hover{background:var(--accent);transform:translateY(-2px);box-shadow:0 12px 28px -8px #ff441a80}.btn-secondary{color:var(--ink);border:1.5px solid var(--ink);background:0 0}.btn-secondary:hover{background:var(--ink);color:var(--bg-cream)}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:var(--ink);transform:translateY(-2px);box-shadow:0 12px 28px -8px #0d193966}.btn-ghost{color:var(--ink);background:0 0;padding:12px 18px}.btn-ghost:hover{color:var(--accent)}.eyebrow{font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);align-items:center;gap:12px;font-size:13px;font-weight:600;display:inline-flex}.eyebrow:before{content:"";background:var(--accent);width:32px;height:1.5px;display:block}section{position:relative}.container{max-width:1440px;margin:0 auto;padding:0 64px}.h-display{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);font-size:clamp(64px,9vw,144px);font-weight:400;line-height:.95}.h-display .italic{font-family:var(--font-italic);color:var(--accent);letter-spacing:-.01em;font-style:italic;font-weight:400}.h-display .outline{font-family:var(--font-italic);color:#0000;-webkit-text-stroke:1.5px var(--ink);font-style:italic;font-weight:400}.h-section{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);font-size:clamp(48px,5.5vw,88px);font-weight:400;line-height:.98}.h-section .italic{font-family:var(--font-italic);color:var(--accent);font-style:italic}.h-card{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);font-size:28px;font-weight:400;line-height:1.05}.section{padding:120px 0;position:relative}.section.dark{background:var(--ink);color:var(--bg-cream)}.section.dark .h-section,.section.dark .h-card{color:var(--bg-cream)}.section.dark .h-section .italic{color:var(--accent-2)}.section.dark .muted{color:#faf6ee8c}.section.cream{background:var(--bg-cream)}.section.warm{background:var(--bg-2)}.section-head{grid-template-columns:minmax(0,.6fr) minmax(0,.4fr);align-items:end;gap:48px;margin-bottom:64px;display:grid}.section-head p{color:var(--muted);max-width:420px;font-size:17px;line-height:1.6}.muted{color:var(--muted)}.steps{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.step-card{background:var(--bg-cream);cursor:pointer;border-radius:28px;flex-direction:column;gap:18px;min-height:420px;padding:32px;transition:transform .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s;display:flex;position:relative;overflow:hidden}.step-card:hover{box-shadow:var(--shadow-card);transform:translateY(-6px)}.step-card .step-num{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2);align-items:center;gap:10px;font-size:12px;display:flex}.step-card .step-num:before{content:"";background:var(--muted-2);width:24px;height:1.5px;display:inline-block}.step-card h3{font-family:var(--font-display);letter-spacing:-.02em;font-size:32px;line-height:1}.step-card .italic{font-family:var(--font-italic);color:var(--accent);font-style:italic}.step-card p{color:var(--muted);font-size:15px;line-height:1.55}.step-card .visual{margin-top:auto}.chat-demo{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.phone{background:var(--ink);border-radius:44px;width:360px;margin:0 auto;padding:14px;position:relative;box-shadow:0 40px 80px -30px #0d193980,0 12px 24px -12px #0d19394d}.phone-screen{background:var(--bg-cream);aspect-ratio:9/19;border-radius:32px;position:relative;overflow:hidden}.phone-notch{background:var(--ink);z-index:5;border-radius:100px;width:100px;height:26px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.phone-statusbar{color:var(--ink);z-index:4;justify-content:space-between;padding:0 28px;font-size:11px;font-weight:700;display:flex;position:absolute;top:14px;left:0;right:0}.phone-content{flex-direction:column;gap:12px;height:100%;padding:56px 16px 80px;display:flex;overflow-y:auto}.bubble{border-radius:18px;max-width:80%;padding:12px 14px;font-size:13.5px;line-height:1.4}.bubble.user{background:var(--ink);color:#fff;border-bottom-right-radius:6px;align-self:flex-end}.bubble.ai{color:var(--ink);background:#fff;border-bottom-left-radius:6px;align-self:flex-start;box-shadow:0 2px 8px #0d19390f}.bubble.ai .tx{background:var(--bg-2);border-radius:10px;align-items:center;gap:10px;margin-top:8px;padding:10px;display:flex}.bubble.ai .tx .ico{background:var(--accent);color:#fff;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.bubble.ai .tx .tx-meta{flex-direction:column;flex:1;display:flex}.bubble.ai .tx .tx-meta .tx-title{font-size:13px;font-weight:700}.bubble.ai .tx .tx-meta .tx-cat{color:var(--muted);font-size:11px}.bubble.ai .tx .tx-amt{color:var(--accent);font-size:14px;font-weight:400}.phone-input{z-index:6;background:#fff;border-radius:24px;align-items:center;gap:10px;padding:8px 8px 8px 16px;display:flex;position:absolute;bottom:18px;left:14px;right:14px;box-shadow:0 4px 14px #0d193914}.phone-input input{font-family:var(--font-body);color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-size:13.5px}.phone-input input::placeholder{color:var(--muted-2)}.phone-input .send{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.phone-input .send:hover{background:var(--ink)}.phone-input .mic,.phone-input .cam{background:var(--bg-2);cursor:pointer;width:32px;height:32px;color:var(--ink);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.phone-input .mic:hover,.phone-input .cam:hover{background:var(--ink);color:#fff}.suggestions{flex-wrap:wrap;gap:8px;padding:0 4px;display:flex}.suggestion-chip{border:1px solid var(--line);font-family:var(--font-body);color:var(--ink);cursor:pointer;background:#fff;border-radius:999px;padding:8px 14px;font-size:13px;transition:all .2s}.suggestion-chip:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.typing{background:#fff;border-radius:18px;align-self:flex-start;gap:4px;padding:12px 14px;display:inline-flex;box-shadow:0 2px 8px #0d19390f}.typing span{background:var(--muted-2);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite typingDot}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}@keyframes typingDot{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.struk-demo{grid-template-columns:.9fr 1.1fr;align-items:center;gap:80px;display:grid}.struk-stage{justify-content:center;align-items:center;height:540px;display:flex;position:relative}.receipt{width:260px;font-family:var(--font-mono);color:var(--ink);z-index:2;background:#fff;border-radius:6px;padding:24px 22px;font-size:11px;position:relative;transform:rotate(-4deg);box-shadow:0 30px 60px -20px #0d19394d,0 8px 20px -8px #0d193926}.receipt:before,.receipt:after{content:"";background:radial-gradient(circle at 5px 0,#0000 5px,#fff 5px) 0 0/10px 10px repeat-x;height:10px;position:absolute;left:0;right:0}.receipt:before{top:-1px;transform:rotate(180deg)translateY(-1px)}.receipt:after{bottom:-10px}.receipt h4{font-family:var(--font-display);text-align:center;letter-spacing:.08em;font-size:14px}.receipt .meta-row{color:var(--muted);justify-content:space-between;margin-top:6px;font-size:9px;display:flex}.receipt hr{border:none;border-top:1px dashed var(--line);margin:12px 0}.receipt .ln{justify-content:space-between;padding:3px 0;font-size:11px;display:flex}.receipt .ln .qty{color:var(--muted)}.receipt .ln.tot{padding-top:8px;font-size:12px;font-weight:700}.receipt .scan-overlay{pointer-events:none;border-radius:6px;position:absolute;inset:0;overflow:hidden}.receipt .scan-line{background:linear-gradient(90deg, transparent, var(--accent) 50%, transparent);height:3px;box-shadow:0 0 20px var(--accent), 0 0 40px var(--accent);animation:2.8s ease-in-out infinite scanY;position:absolute;left:-10px;right:-10px}@keyframes scanY{0%,to{top:0}50%{top:100%}}.receipt .corner{border:2px solid var(--accent);width:16px;height:16px;position:absolute}.receipt .corner.tl{border-bottom:0;border-right:0;top:8px;left:8px}.receipt .corner.tr{border-bottom:0;border-left:0;top:8px;right:8px}.receipt .corner.bl{border-top:0;border-right:0;bottom:8px;left:8px}.receipt .corner.br{border-top:0;border-left:0;bottom:8px;right:8px}.struk-cards{z-index:3;flex-direction:column;gap:12px;display:flex;position:absolute;top:50%;right:-20px;transform:translateY(-50%)}.tx-emerge{background:var(--bg-cream);min-width:230px;box-shadow:var(--shadow-soft);opacity:0;border-radius:16px;align-items:center;gap:10px;padding:12px 14px;animation:4s ease-out infinite txEmerge;display:flex}.tx-emerge:first-child{animation-delay:.4s}.tx-emerge:nth-child(2){animation-delay:1s}.tx-emerge:nth-child(3){animation-delay:1.6s}@keyframes txEmerge{0%{opacity:0;transform:translate(-30px)scale(.9)}20%,80%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(30px)scale(.95)}}.tx-emerge .ic{background:var(--accent-soft);border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.tx-emerge .nm{font-size:13px;font-weight:700}.tx-emerge .cat{color:var(--muted);font-size:10px}.tx-emerge .am{color:var(--accent);margin-left:auto;font-size:13px;font-weight:400}.gam-stage{background:linear-gradient(135deg,#ff441a0f,#0d19390a);border-radius:32px;height:480px;margin-top:64px;padding:48px;position:relative;overflow:hidden}.section.dark .gam-stage{background:linear-gradient(135deg,#ff441a2e,#ffffff0a)}.level-path{width:100%;height:100%;position:relative}.level-node{flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;transform:translate(-50%,-50%)}.level-node .badge{width:64px;height:64px;font-family:var(--font-display);background:var(--bg-cream);color:var(--ink);border:2px solid var(--line);border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:transform .3s;display:flex;position:relative}.level-node:hover .badge{transform:scale(1.1)}.level-node.done .badge{background:var(--ink);color:var(--bg-cream);border-color:var(--ink)}.level-node.current .badge{background:var(--accent);color:#fff;border-color:var(--accent);animation:2s ease-in-out infinite nodePulse;box-shadow:0 0 0 6px #ff441a2e,0 12px 28px -8px #ff441a66}@keyframes nodePulse{0%,to{box-shadow:0 0 0 6px #ff441a2e,0 12px 28px -8px #ff441a66}50%{box-shadow:0 0 0 14px #ff441a0a,0 12px 28px -8px #ff441a66}}.level-node .lbl{font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;color:var(--muted-2);white-space:nowrap;font-size:11px;font-weight:700}.level-node.current .lbl{color:var(--accent)}.section.dark .level-node .badge{background:var(--ink-2);color:var(--bg-cream);border-color:#ffffff1a}.section.dark .level-node.done .badge{background:var(--bg-cream);color:var(--ink);border-color:var(--bg-cream)}.dash{background:var(--bg-cream);box-shadow:var(--shadow-card);border-radius:28px;grid-template-columns:1fr 1.6fr 1fr;gap:22px;min-height:540px;padding:32px;display:grid}.dash-col{flex-direction:column;gap:16px;display:flex}.dash-card{border:1px solid var(--line-2);background:#fff;border-radius:18px;padding:20px}.dash-card.accent{background:var(--accent);color:#fff;border-color:#0000}.dash-card.ink{background:var(--ink);color:var(--bg-cream);border-color:#0000}.dash-card .lbl{letter-spacing:.1em;text-transform:uppercase;opacity:.6;font-size:11px;font-weight:700}.dash-card .val{font-family:var(--font-display);letter-spacing:-.02em;margin-top:8px;font-size:36px;line-height:1}.dash-card .delta{margin-top:6px;font-size:12px;font-weight:600}.dash-card .delta.up{color:var(--mint)}.dash-card .delta.down{color:var(--accent)}.dash-card.ink .delta.up{color:#88e4b0}.dash-tx{border-bottom:1px solid var(--line-2);align-items:center;gap:12px;padding:8px 0;display:flex}.dash-tx:last-child{border:0}.dash-tx .ic{background:var(--bg-2);border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.dash-tx .nm{font-size:13px;font-weight:700}.dash-tx .ct{color:var(--muted);font-size:11px}.dash-tx .am{margin-left:auto;font-size:14px;font-weight:400}.dash-tx .am.neg{color:var(--accent)}.dash-tx .am.pos{color:var(--mint)}.cat-bar{align-items:center;gap:12px;padding:8px 0;display:flex}.cat-bar .ic{border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.cat-bar .ic.f{background:var(--accent-soft);color:var(--accent)}.cat-bar .ic.t{color:#4a6ce6;background:#dce7ff}.cat-bar .ic.s{color:#b47a1a;background:#ffe9c2}.cat-bar .ic.h{background:var(--mint-soft);color:var(--mint)}.cat-bar .nm{flex-shrink:0;font-size:12px;font-weight:700}.cat-bar .bar{background:var(--bg-2);border-radius:99px;flex:1;height:6px;overflow:hidden}.cat-bar .bar .fill{background:var(--accent);border-radius:99px;height:100%;transition:width .8s}.cat-bar .pct{color:var(--muted);font-size:11px;font-weight:700}.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:24px;padding:64px 0;display:grid}.section.dark .stats{border-color:#ffffff1a}.stat{flex-direction:column;gap:10px;display:flex}.stat .num{font-family:var(--font-display);letter-spacing:-.03em;font-size:84px;line-height:.9}.stat .num .italic{font-family:var(--font-italic);color:var(--accent);font-style:italic}.stat .desc{color:var(--muted);max-width:200px;font-size:13px}.pricing{grid-template-columns:1fr 1fr;gap:24px;display:grid}.price-card{background:var(--bg-cream);border-radius:32px;flex-direction:column;gap:20px;padding:40px;transition:transform .3s;display:flex;position:relative;overflow:hidden}.price-card:hover{transform:translateY(-6px)}.price-card.pro{background:var(--ink);color:var(--bg-cream)}.price-card.pro .h-card{color:var(--bg-cream)}.price-card .price{font-family:var(--font-display);letter-spacing:-.03em;font-size:72px;line-height:.9}.price-card .price .per{font-family:var(--font-body);color:var(--muted);font-size:14px;font-weight:500}.price-card.pro .price .per{color:#faf6ee8c}.price-card .price .italic{font-family:var(--font-italic);color:var(--accent);font-style:italic}.price-card ul{flex-direction:column;gap:10px;margin-top:8px;list-style:none;display:flex}.price-card li{align-items:flex-start;gap:10px;font-size:14px;line-height:1.4;display:flex}.price-card li:before{content:"+";color:var(--accent);flex-shrink:0;margin-top:-2px;font-size:18px;font-weight:400;line-height:1}.price-card .btn{justify-content:center;align-self:stretch;margin-top:auto}.price-card .badge{background:var(--accent);color:#fff;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:6px 12px;font-size:11px;font-weight:400;position:absolute;top:24px;right:24px}.faq{flex-direction:column;gap:8px;display:flex}.faq-item{border-bottom:1px solid var(--line);cursor:pointer;padding:24px 0}.faq-item summary{font-family:var(--font-display);letter-spacing:-.01em;cursor:pointer;justify-content:space-between;align-items:center;font-size:28px;line-height:1.1;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item .ico{border:1.5px solid var(--ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-left:24px;font-size:18px;font-weight:400;transition:transform .3s,background .3s,color .3s;display:flex}.faq-item[open] .ico{background:var(--accent);color:#fff;border-color:var(--accent);transform:rotate(45deg)}.faq-item p{color:var(--muted);padding:14px 60px 0 0;font-size:16px;line-height:1.6}.cta-final{text-align:center;padding:140px 0 80px}.cta-final .h-display{font-size:clamp(72px,11vw,200px)}.cta-final .h-display .arr{align-items:center;display:inline-flex}.cta-final .h-display .arr-svg{width:.7em;height:.7em;color:var(--accent);transform:translateY(-.05em)}.cta-final p{max-width:480px;color:var(--muted);margin:32px auto;font-size:17px}.footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:32px;padding:48px 64px 32px;font-size:13px;display:flex}.footer .footer-logo{font-family:var(--font-display);color:var(--ink);letter-spacing:-.02em;font-size:22px}.footer ul{flex-direction:column;gap:8px;list-style:none;display:flex}.footer ul a{color:var(--ink-2);font-weight:500;text-decoration:none}.footer ul a:hover{color:var(--accent)}.reveal.in{animation:.8s cubic-bezier(.2,.7,.3,1) both revealIn}@keyframes revealIn{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.container{padding:0 32px}.steps{grid-template-columns:1fr;gap:16px}.chat-demo,.struk-demo{grid-template-columns:1fr;gap:48px}.dash{grid-template-columns:1fr;gap:16px}.stats{grid-template-columns:repeat(2,1fr);gap:32px}.pricing{grid-template-columns:1fr;gap:24px}.footer{flex-direction:column;align-items:flex-start;gap:24px}}@media (max-width:640px){.section{padding:80px 0}.section-head{text-align:center;grid-template-columns:1fr;gap:24px}.container{padding:0 24px}.stats{grid-template-columns:1fr;gap:24px}.step-card{min-height:auto;padding:24px}.price-card{padding:32px 24px}}