@font-face{font-family:Comfortaa;src:url('/fonts/Comfortaa-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Comfortaa;src:url('/fonts/Comfortaa-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--paper:#fff3f6;--white:#fff;--ink:#352631;--muted:#806d77;--line:#efd4df;--pink:#e65391;--pink-dark:#be3f76;--rose:#ffe4ed;--blue:#e4f2ff;--sun:#fff3c8;--shadow:0 18px 44px rgba(102,52,73,.12)}
*{box-sizing:border-box}
html{min-width:320px;background:var(--paper)}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Comfortaa,Arial,sans-serif;letter-spacing:0}
button,a{font:inherit;letter-spacing:0}
button{cursor:pointer}
.landing{width:min(100%,460px);margin:0 auto;padding:28px 16px 34px}
.hero{text-align:center}
.brand{display:inline-block;color:var(--pink);font-family:"Arial Black",Arial,sans-serif;font-size:40px;font-weight:900;line-height:1;text-decoration:none}.brand span{color:var(--pink-dark)}
.brand.small{font-size:22px}
.eyebrow{margin:22px 0 9px;color:var(--pink-dark);font-size:10px;font-weight:700;text-transform:uppercase}
h1,h2,h3,p{letter-spacing:0}
h1{margin:0;font-size:32px;line-height:1.18}h1 strong{display:block;color:var(--pink);font-weight:700}
.hero-copy{margin:14px auto 22px;color:var(--muted);font-size:13px;line-height:1.65}
.live-example{text-align:left}.example-label{display:flex;align-items:center;gap:8px;margin:0 0 9px;color:var(--muted);font-size:10px;font-weight:700}.example-label span{width:8px;height:8px;border-radius:50%;background:var(--pink)}
.invite-demo{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--white);box-shadow:var(--shadow)}
.invite-demo>img{display:block;width:100%;height:300px;background:var(--rose);object-fit:cover}
.demo-copy{padding:18px}.demo-copy h2{margin:0 0 16px;font-size:20px;line-height:1.35;text-align:center}
.demo-actions{display:grid;gap:9px}.demo-actions button{min-height:52px;border-radius:12px;padding:10px 14px;font-weight:700}.demo-yes{border:1px solid var(--pink);background:var(--pink);color:var(--white);box-shadow:0 10px 22px rgba(190,63,118,.18)}.demo-no{border:1px solid var(--line);background:var(--white);color:var(--muted);transition:transform .2s ease}
.cta-group{display:grid;gap:10px;margin-top:20px}.primary-action,.secondary-action{display:flex;min-height:54px;align-items:center;justify-content:center;border-radius:12px;padding:10px 16px;font-size:14px;font-weight:700;text-align:center;text-decoration:none}.primary-action{border:1px solid var(--pink);background:var(--pink);color:var(--white);box-shadow:0 12px 26px rgba(190,63,118,.2)}.primary-action:hover{background:var(--pink-dark)}.secondary-action{border:1px solid #c9dded;background:var(--blue);color:#37627e}.primary-action:focus-visible,.secondary-action:focus-visible,button:focus-visible{outline:3px solid var(--sun);outline-offset:3px}
.hero-note{margin:11px 0 0;color:var(--muted);font-size:10px}
.about{margin-top:48px;text-align:left}.about>h2{margin:0 0 12px;font-size:24px;line-height:1.3}.about>p:not(.eyebrow){margin:0;color:var(--muted);font-size:13px;line-height:1.65}
.feature-list{display:grid;gap:10px;margin:20px 0}.feature-list article{display:grid;grid-template-columns:44px 1fr;gap:12px;border:1px solid var(--line);border-radius:8px;padding:14px;background:var(--white)}.feature-list b{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:var(--rose);color:var(--pink-dark);font-size:11px}.feature-list h3{margin:1px 0 5px;font-size:15px}.feature-list p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.wide{width:100%}
.home-footer{display:flex;align-items:center;justify-content:space-between;margin-top:34px;padding-top:18px;border-top:1px solid var(--line)}.home-footer p{margin:0;color:var(--muted);font-size:10px}
@media(max-width:390px){.landing{padding-inline:12px}h1{font-size:29px}.invite-demo>img{height:270px}.demo-copy{padding:15px}}
@media(max-height:720px) and (max-width:520px){.landing{padding-top:18px}.brand{font-size:34px}.eyebrow{margin-top:16px}.hero-copy{margin-bottom:15px}.invite-demo>img{height:230px}.demo-copy{padding:12px}.demo-copy h2{font-size:18px;margin-bottom:11px}.demo-actions button{min-height:46px}.cta-group{margin-top:14px}}