@font-face{font-family:Inter;src:local('Inter');font-display:swap}
.site-demo{margin:60px 0 0;max-width:1140px}.site-demo-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 18px;background:#ece8dd;color:#272724;border-radius:6px 6px 0 0;font-size:.8rem}.site-demo-bar span{color:#c8c3b8;letter-spacing:.2em}.site-demo-content{display:grid;grid-template-columns:55% 45%;min-height:360px;background:#f6f3ea;color:#1b1c1a}.site-demo-content img{width:100%;height:100%;min-height:360px;object-fit:cover}.site-demo-content>div{display:flex;flex-direction:column;justify-content:center;padding:clamp(25px,5vw,72px)}.site-demo-content small{font-size:.72rem;letter-spacing:.18em;font-weight:800}.site-demo-content h3{font-family:Georgia,serif;font-size:clamp(2.2rem,4vw,4.6rem);line-height:1.05;font-weight:400;letter-spacing:-.055em;margin:28px 0}.site-demo-action{align-self:flex-start;border-bottom:1px solid currentColor;padding-bottom:5px;font-weight:700}.site-demo figcaption{padding:12px 0;color:#c8c3b9;font-size:.8rem;line-height:1.4}@media(max-width:700px){.site-demo{margin-top:35px}.site-demo-content{grid-template-columns:1fr}.site-demo-content img{min-height:0;aspect-ratio:4/3}.site-demo-content>div{padding:35px}.site-demo-content h3{margin:18px 0}}
:where(.hero .eyebrow){overflow-wrap:anywhere}
:root{color-scheme:light;--ink:#1b1c1a;--paper:#f6f3ea;--accent:#fa5a3d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif}a{color:inherit}button,input{font:inherit}
.top{display:flex;align-items:center;justify-content:space-between;padding:28px clamp(20px,5vw,80px);gap:20px}.brand{font-size:1.35rem;font-weight:850;letter-spacing:-.08em;text-decoration:none}.star{color:var(--accent);margin-left:5px}.badge,.eyebrow,.note{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.badge{border:1px solid currentColor;border-radius:100px;padding:9px 13px}.hero{min-height:74vh;padding:clamp(36px,5vw,90px) clamp(20px,5vw,80px) 100px;max-width:1500px;margin:auto}.hero .eyebrow{color:#615f59;margin:0 0 25px}.hero h1{font-weight:850;font-size:clamp(3.8rem,11.7vw,12rem);line-height:.81;letter-spacing:-.095em;margin:0;overflow-wrap:anywhere}.hero h1 span{display:block}.hero h1 .handwritten{font-family:'Brush Script MT','Segoe Script',cursive;font-size:.9em;font-weight:400;letter-spacing:-.085em;line-height:.9;color:var(--accent);transform:rotate(-3deg);margin:0 0 .12em .05em}.hero h1 .period{display:inline;color:var(--accent)}.intro{max-width:700px;font-size:clamp(1.15rem,2vw,1.7rem);line-height:1.4;letter-spacing:-.025em;margin:40px 0 26px}.actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.button,button{display:inline-flex;gap:22px;align-items:center;justify-content:space-between;background:var(--accent);color:var(--ink);text-decoration:none;border:2px solid var(--ink);border-radius:2px;padding:18px 24px;font-size:1rem;font-weight:800;cursor:pointer;min-height:56px;box-shadow:5px 5px 0 var(--ink)}.button:hover,button:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--ink)}.button:focus-visible,button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #264eec;outline-offset:4px}.text-link{font-weight:700;text-underline-offset:4px}.note{color:#696760;letter-spacing:.02em;text-transform:none;margin-top:20px}.hero form{max-width:750px;margin-top:35px}.hero label{display:block;font-weight:800;margin-bottom:12px}.name-entry{display:flex;align-items:center;flex-wrap:wrap;border:2px solid var(--ink);background:white}.name-entry input{flex:1;min-width:140px;width:35%;border:0;background:transparent;padding:18px;font-size:1.1rem;outline-offset:-4px}.name-entry span{color:#68665e;padding:8px}.name-entry button{box-shadow:none;border:0;border-left:2px solid var(--ink);align-self:stretch}.proof{background:#1c211f;color:#f7f4ec;padding:clamp(65px,7vw,120px) clamp(20px,5vw,80px)}.proof h2{font-size:clamp(2.6rem,6vw,6.7rem);line-height:.96;letter-spacing:-.075em;max-width:1100px;margin:20px 0}.proof>p:not(.eyebrow){max-width:670px;font-size:1.3rem;line-height:1.45;color:#e1ddd3}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:80px 0 55px}.steps b{font-size:.85rem;color:#fd775e}.steps h3{font-size:clamp(1.6rem,2.4vw,2.5rem);letter-spacing:-.05em;margin:25px 0 10px}.steps p{line-height:1.5;max-width:280px;color:#d7d4cc}.button-dark{background:#f6f3ea}footer{display:flex;justify-content:space-between;gap:20px;padding:28px clamp(20px,5vw,80px);font-size:.88rem}.simple{max-width:700px;margin:10vh auto;padding:30px}.simple h1{font-size:clamp(3rem,8vw,6rem);letter-spacing:-.07em;line-height:1}.simple p{font-size:1.3rem;line-height:1.4}@media(max-width:700px){.badge{display:none}.hero{min-height:0;padding-bottom:70px}.hero h1{font-size:clamp(3.7rem,15vw,6.5rem)}.intro{margin-top:32px}.name-entry span{order:2;flex:1;padding:0 18px 15px}.name-entry button{order:3;width:100%;border-left:0;border-top:2px solid var(--ink)}.steps{grid-template-columns:1fr;margin:50px 0;gap:35px}footer{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button:hover,button:hover{transform:none}}