:root{--primary:#4b2e5d;--background:#f7f5f2;--ink:#1f1b24;--surface:#ffffff;--muted:#6f6873;--border:#e6e0e5;--status:#d98e32;--soft-plum:#eee8f1;--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2rem;--space-5:3rem;--space-6:5rem;--radius-sm:12px;--radius-md:20px;--radius-lg:30px;--shadow:0 18px 55px rgba(31,27,36,.1);--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--heading-lg:clamp(2.5rem,5vw,4.8rem);--heading-md:clamp(2rem,3.6vw,3.35rem)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--ink);font:var(--text-base)/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}img{display:block;max-width:100%}svg{width:1.25em;height:1.25em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}a{color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.09;letter-spacing:-.045em}h1{font-size:var(--heading-lg)}h2{font-size:var(--heading-md)}h3{font-size:1.35rem}.container{width:min(100% - 2.5rem,1160px);margin-inline:auto}.skip-link{position:absolute;top:-100px;left:1rem;z-index:100;background:var(--surface);padding:.6rem 1rem}.skip-link:focus{top:1rem}:focus-visible{outline:3px solid var(--status);outline-offset:4px}.site-header{background:var(--surface);position:relative;z-index:20;border-bottom:1px solid var(--border)}.nav-wrap{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand{display:inline-flex;align-items:center;gap:.65rem;text-decoration:none;font-weight:800;font-size:1.3rem;letter-spacing:-.05em;color:var(--primary);white-space:nowrap}.brand-mark{width:36px;height:36px;display:grid;place-items:center;background:var(--primary);color:var(--surface);border-radius:11px}.brand-mark svg{width:25px;height:25px;fill:currentColor;stroke:none}.site-nav{display:flex;align-items:center;gap:2rem}.site-nav>a:not(.button){text-decoration:none;font-size:.94rem;font-weight:650;color:var(--ink)}.site-nav>a:not(.button):hover,.site-nav>a[aria-current=page]{color:var(--primary);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}.menu-toggle{display:none;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.55rem;color:var(--primary)}.button{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;min-height:50px;padding:.75rem 1.35rem;border:2px solid transparent;border-radius:var(--radius-sm);text-decoration:none;font-weight:750;line-height:1.2;text-align:center;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(31,27,36,.17)}.button-small{min-height:42px;padding:.55rem 1rem;font-size:.88rem}.button-primary{background:var(--primary);color:var(--surface)}.button-light{background:var(--surface);color:var(--primary)}.button-outline{border-color:var(--primary);color:var(--primary);background:var(--surface)}.button svg,.text-link svg,.hero-link svg{width:17px;height:17px}.eyebrow{display:inline-block;color:var(--primary);font-size:.76rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase;margin-bottom:1rem}.eyebrow-light{color:var(--surface)}.hero{position:relative;isolation:isolate;overflow:hidden;background:var(--primary);color:var(--surface)}.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.hero-image{object-fit:cover;z-index:-2}.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(31,27,36,.94),rgba(75,46,93,.87) 54%,rgba(31,27,36,.72))}.hero-grid{display:grid;grid-template-areas:"text picture";grid-template-columns:1fr .9fr;gap:clamp(2rem,5vw,5rem);align-items:center;min-height:625px;padding-block:4.5rem}.hero-copy{grid-area:text;max-width:620px}.hero-copy h1{margin-bottom:1.1rem}.hero-copy p{font-size:clamp(1rem,1.5vw,1.2rem);max-width:55ch;line-height:1.65;color:var(--surface)}.hero-actions{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;margin-top:2rem}.hero-link{display:inline-flex;align-items:center;gap:.5rem;font-weight:750;text-underline-offset:5px;color:var(--surface)}.product-window{grid-area:picture;background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 28px 70px rgba(0,0,0,.28);overflow:hidden;transform:rotate(1deg)}.window-top{height:49px;display:flex;justify-content:space-between;align-items:center;padding:0 1rem;border-bottom:1px solid var(--border);font-size:.8rem}.window-brand{font-weight:850;color:var(--primary)}.tiny-mark{color:var(--primary)}.window-pill{background:var(--soft-plum);color:var(--primary);padding:.15rem .6rem;border-radius:100px;font-size:.7rem;font-weight:750}.window-body{display:grid;grid-template-columns:100px 1fr;min-height:370px}.window-sidebar{display:flex;flex-direction:column;gap:.6rem;background:var(--background);border-right:1px solid var(--border);padding:1.3rem .65rem;color:var(--muted);font-size:.7rem;font-weight:700}.window-sidebar span{padding:.3rem .45rem}.window-sidebar .side-active{background:var(--soft-plum);color:var(--primary);border-radius:6px}.window-content{padding:1.25rem 1.4rem}.window-kicker{font-size:.61rem;letter-spacing:.12em;font-weight:850;color:var(--muted)}.window-content h2{font-size:1.5rem;margin:.3rem 0}.preview-status{font-size:.7rem;color:var(--ink);margin-bottom:.75rem}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--status);margin-right:.35rem}.preview-card{border:1px solid var(--border);border-radius:8px;padding:.55rem .75rem;margin-bottom:.45rem}.preview-card strong{font-size:.72rem;color:var(--primary)}.preview-card p{font-size:.7rem;line-height:1.45;margin:.13rem 0 0;color:var(--ink)}.preview-copy{display:inline-flex;align-items:center;gap:.4rem;background:var(--primary);color:var(--surface);border-radius:7px;padding:.4rem .6rem;font-size:.68rem;font-weight:750;margin-top:.35rem}.preview-copy svg{width:13px;height:13px}.section{padding-block:clamp(4rem,8vw,7rem)}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,7vw,7rem);align-items:center}.section-copy h2,.section-heading h2{max-width:700px}.section-copy p,.quiet-inner p{font-size:var(--text-lg);color:var(--ink);max-width:58ch}.text-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--primary);font-weight:800;text-underline-offset:5px}.image-frame{position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);background:var(--soft-plum)}.image-frame img{width:100%;aspect-ratio:1.08;object-fit:cover}.image-note{position:absolute;bottom:1.25rem;left:1.25rem;display:flex;align-items:center;gap:.5rem;background:var(--surface);padding:.6rem .85rem;border-radius:var(--radius-sm);font-size:.83rem;font-weight:750;box-shadow:var(--shadow)}.image-note svg{color:var(--primary)}.feature-section{background:var(--soft-plum)}.section-heading{margin-bottom:2.7rem}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.feature-card{background:var(--surface);padding:2rem;border-radius:var(--radius-md);box-shadow:0 8px 30px rgba(31,27,36,.05)}.icon-box{display:grid;place-items:center;width:49px;height:49px;background:var(--soft-plum);color:var(--primary);border-radius:13px;margin-bottom:1.5rem}.icon-box svg{width:26px;height:26px}.step-num{display:block;color:var(--primary);font-size:.75rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase;margin-bottom:.55rem}.feature-card h3{margin-bottom:.6rem}.feature-card p{margin:0;color:var(--ink)}.image-band{position:relative;isolation:isolate;min-height:410px;display:flex;align-items:center;color:var(--surface);overflow:hidden}.image-band>img,.band-shade{position:absolute;inset:0;width:100%;height:100%}.image-band>img{object-fit:cover;z-index:-2}.band-shade{background:linear-gradient(90deg,rgba(31,27,36,.94),rgba(75,46,93,.8),rgba(31,27,36,.48));z-index:-1}.band-content{padding-block:4rem}.band-content h2{max-width:630px}.band-content p{font-size:var(--text-lg)}.quiet-section{background:var(--background) url("photo-4.webp") center/cover}.quiet-inner{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;background:rgba(247,245,242,.95);border:1px solid var(--border);border-radius:var(--radius-lg);padding:clamp(2rem,5vw,4rem);box-shadow:var(--shadow)}.quiet-inner h2,.quiet-inner p{margin-bottom:0}.site-footer{background:var(--primary);color:var(--surface);padding:2.5rem 0}.footer-inner{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.site-footer .brand{color:var(--surface)}.site-footer .brand-mark{background:var(--surface);color:var(--primary)}.footer-inner p{margin:0 auto 0 0;font-size:.9rem}.footer-inner nav{display:flex;gap:1.25rem;flex-wrap:wrap}.footer-inner nav a{font-size:.9rem;text-underline-offset:4px}.page-hero{background:var(--primary);color:var(--surface);padding:clamp(3rem,6vw,5rem) 0}.page-hero .container{max-width:1160px}.page-hero h1{max-width:850px;margin-bottom:1rem}.page-hero p{max-width:670px;font-size:1.15rem;margin:0}.steps-list{display:grid;gap:1rem;max-width:850px;margin:auto}.step-row{display:grid;grid-template-columns:55px 1fr;gap:1.3rem;align-items:start;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.5rem}.step-row>span{display:grid;place-items:center;width:45px;height:45px;background:var(--soft-plum);color:var(--primary);border-radius:12px;font-weight:850}.step-row h3{margin:.1rem 0 .4rem}.step-row p{margin:0}.demo-section{background:var(--soft-plum)}.demo-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:2rem;align-items:start}.demo-intro p{max-width:45ch}.demo-notice{background:var(--surface);border-left:4px solid var(--status);border-radius:var(--radius-sm);padding:1rem;margin-top:2rem;font-size:.9rem}.draft-editor{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow);padding:clamp(1.2rem,3vw,2rem)}.editor-top{display:flex;justify-content:space-between;gap:1rem;align-items:center;border-bottom:1px solid var(--border);padding-bottom:1rem;margin-bottom:1.25rem}.editor-top h3{margin:0}.demo-tag{font-size:.73rem;background:var(--soft-plum);color:var(--primary);border-radius:100px;padding:.3rem .7rem;font-weight:800}.field{display:grid;gap:.4rem;margin-bottom:1.1rem}.field label{font-size:.88rem;font-weight:750}.field select,.field input,.field textarea{width:100%;background:var(--surface);border:1.5px solid var(--muted);border-radius:9px;color:var(--ink);padding:.7rem .85rem}.field textarea{min-height:105px;resize:vertical;line-height:1.55}.editor-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.feedback{font-weight:700;color:var(--primary);min-height:1.5em;margin:.8rem 0 0}.fine-print{font-size:.83rem;color:var(--ink);margin:1rem 0 0}.faq-list{max-width:850px;margin:auto}.faq-list details{border-bottom:1px solid var(--border);padding:1.1rem 0}.faq-list summary{cursor:pointer;font-weight:800;font-size:1.08rem;color:var(--primary)}.faq-list details p{margin:1rem 0 0}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2rem,6vw,6rem);align-items:start}.contact-card{background:var(--surface);padding:clamp(1.4rem,4vw,2.5rem);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow)}.contact-card .button{margin-top:.4rem}.form-help{font-size:.85rem;color:var(--ink)}.contact-aside{background:var(--soft-plum);border-radius:var(--radius-md);padding:2rem}.contact-aside h2{font-size:2rem}.contact-aside ul{padding-left:1.2rem}.contact-aside li{margin-bottom:.7rem}
@media(prefers-reduced-motion:no-preference){.hero-copy{animation:rise .65s both}.product-window{animation:appear .8s .18s both}.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .6s,transform .6s}.js .reveal.in-view{opacity:1;transform:translateY(0)}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes appear{from{opacity:0;transform:translateY(22px) rotate(1deg)}to{opacity:1;transform:translateY(0) rotate(1deg)}}}
@media(max-width:850px){.site-nav{gap:1rem}.nav-cta{display:none}.hero-grid{gap:1.5rem;min-height:550px}.window-body{grid-template-columns:1fr}.window-sidebar{display:none}.feature-grid{grid-template-columns:1fr 1fr}.demo-layout{grid-template-columns:1fr}}
@media(max-width:650px){.container{width:min(100% - 2rem,1160px)}.nav-wrap{min-height:66px}.menu-toggle{display:grid;place-items:center}.site-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--surface);padding:1rem;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:0}.site-nav.is-open{display:flex}.site-nav>a:not(.button){padding:.7rem}.site-nav .nav-cta{display:inline-flex;margin-top:.5rem}.hero-grid{grid-template-areas:"text" "picture";grid-template-columns:1fr;min-height:0;padding-block:3rem;gap:2rem}.hero-copy h1{font-size:clamp(2.6rem,11vw,4rem)}.hero-copy p{font-size:1rem}.hero-actions{margin-top:1.4rem;gap:1rem}.product-window{max-width:430px;width:100%;justify-self:center}.window-body{min-height:0}.window-content{padding:1rem}.preview-card{padding:.45rem .65rem}.split-grid,.quiet-inner,.contact-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.feature-card{padding:1.5rem}.image-band{min-height:380px}.footer-inner{align-items:flex-start;flex-direction:column;gap:.7rem}.footer-inner p{margin:0}.page-hero{padding-block:3rem}.step-row{grid-template-columns:42px 1fr;padding:1rem;gap:.8rem}.step-row>span{width:38px;height:38px}}
@media(max-width:390px){.hero-grid{padding-block:2.25rem}.hero-copy h1{font-size:2.55rem}.hero-copy .eyebrow{margin-bottom:.55rem}.hero-copy p{line-height:1.5}.hero-actions{margin-top:1rem}.hero-actions .button{min-height:46px}.hero-link{font-size:.9rem}}

/* Added by Hatchio, stops the page scrolling sideways on a phone.
   Safe to keep; it changes nothing that already fits. */
html, body { overflow-x: hidden; max-width: 100%; }