@import url('/dialogs.css');
@font-face{font-family:Outfit;src:url('/assets/outfit-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--ink:#071449;--muted:#526689;--blue:#0072ff;--line:#dae9f5;--spring:cubic-bezier(.22,.85,.3,1.1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;font-family:Outfit,ui-rounded,system-ui,sans-serif;font-size:16px;line-height:1.5;color:var(--ink);background:radial-gradient(ellipse at 85% 12%,#a5e2ff 0,transparent 50%),linear-gradient(145deg,#e0f3ff,#c1e7ff 70%,#edfaff);-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;border:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid #0052ce;outline-offset:5px}img{display:block;max-width:100%}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;top:12px;left:12px;z-index:20;background:var(--ink);color:white;padding:12px 18px;transform:translateY(-170%);border-radius:12px}.skip-link:focus{transform:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.site-shell{width:min(1460px,calc(100% - 48px));margin:24px auto;border:1px solid #ffffffc9;border-radius:32px;background:radial-gradient(circle at 98% 37%,#b4e3ff88 0,transparent 45%),linear-gradient(160deg,#ffffffed 0%,#e4f6ffd9 35%,#cef0ffc9 65%,#fff 82%);box-shadow:0 20px 70px #1663a814;overflow:clip}.container{width:calc(100% - 88px);max-width:1280px;margin-inline:auto}.site-header{display:flex;align-items:center;gap:28px;min-height:88px;position:relative;z-index:5}.brand{display:inline-flex;align-items:center;gap:10px;font-size:36px;line-height:1;font-weight:800;letter-spacing:-1.7px;white-space:nowrap}.brand img{flex-shrink:0;width:44px;height:44px}.brand-cyan{color:#00aee7}.header-nav{display:flex;align-items:center;justify-content:center;gap:30px;margin-inline:auto;font-size:16px}.header-nav a,.header-nav button{background:none;padding:12px 0;white-space:nowrap}.header-nav a:hover,.header-nav button:hover{color:#0061db}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;border-radius:999px;min-height:58px;padding:15px 30px;font-weight:600;font-size:18px;line-height:1.3;transition:transform .2s var(--spring),box-shadow .2s;white-space:normal}.button:hover{transform:translateY(-3px)}.button:active{transform:translateY(1px)}.button-primary{background:linear-gradient(180deg,#25bcff 0%,#088aff 42%,#0067f3 100%);color:#fff;box-shadow:inset 0 2px 1px #ffffff8c,inset 0 -2px 1px #0056d386,0 10px 20px #007cff20;border:1px solid #1d9dff}.button-primary:hover{box-shadow:inset 0 2px 1px #ffffff8c,0 13px 24px #007cff40}.button-secondary{background:linear-gradient(#ffffffc7,#ddf1ffb5);border:1px solid #95d4ff;box-shadow:inset 0 2px 1px white,0 4px 8px #2896cc08}.header-cta{min-height:44px;padding:12px 24px;font-size:16px;border-radius:17px}.header-cta .icon{display:none}.menu-toggle{display:none}
.hero{display:grid;grid-template-columns:1.04fr 1fr;grid-template-rows:auto auto;column-gap:20px;position:relative;padding:40px 0 28px;min-height:650px}.hero-copy{align-self:center;z-index:2;position:relative;padding-bottom:40px;grid-row:1}.eyebrow{font-size:14px;line-height:1.4;color:#0068d7;font-weight:450;margin:0 0 25px}.hero-copy>.eyebrow{display:table;padding:7px 15px;border:1px solid #a9dcff;border-radius:999px;background:#e8f7ffab}h1{font-size:clamp(64px,7.35vw,108px);line-height:.99;letter-spacing:-4px;font-weight:850;margin:0 0 24px}h1>span{color:#007bff}.hero-subtitle{font-size:clamp(20px,1.95vw,27px);line-height:1.3;font-weight:650;letter-spacing:-.65px;margin:0 0 12px}.hero-description{font-size:20px;line-height:1.45;margin:0 0 25px;max-width:43ch}.hero-actions{display:flex;align-items:center;gap:17px;flex-wrap:wrap}.hero-actions>.button{min-width:200px}.release-note{font-size:13px;color:#546d90;margin:14px 0 0}.hero-art{position:relative;grid-column:2;grid-row:1 / 3;align-self:center;aspect-ratio:1/1.12;min-width:0;isolation:isolate}.halo{position:absolute;inset:12% -9% 2% 3%;border-radius:50%;background:radial-gradient(ellipse,#c4eeffb8,#80caff29 65%,transparent 66%);z-index:-1}.halo:before,.halo:after{content:'';position:absolute;background:#99d8ff33;border-radius:50%;width:90px;height:90px;right:0;top:2%}.halo:after{width:160px;height:160px;left:-14%;top:10%;background:#83caff1a}.phone-frame{display:block;position:relative;transform:rotate(7deg);margin:0 10% 0 auto;width:57%;padding:15px 7px 8px;background:linear-gradient(115deg,#040a1b 0,#2c4258 40%,#020a14 100%);border-radius:42px;border:3px solid #8bacc0;box-shadow:3px 3px 0 #375779,7px 5px 0 #70b2d0,15px 20px 30px #025b9840,inset 0 0 0 2px #162039;transition:transform .25s var(--spring);overflow:hidden}.phone-frame:hover{transform:rotate(4deg) translateY(-3px)}.phone-frame>img{width:100%;height:auto;border-radius:29px;background:#b9eeff}.phone-speaker{position:absolute;top:5px;width:18%;height:4px;left:41%;border-radius:4px;background:#7895a0}.mascot{position:absolute;z-index:2;width:51%;height:auto;left:-12%;bottom:-1%;filter:drop-shadow(0 12px 9px #006c9f27);pointer-events:none;animation:mascot-arrive .7s var(--spring) both}.paid-sticker{position:absolute;display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid #eefaff;left:-3%;top:27%;transform:rotate(-12deg);border-radius:17px;padding:15px 17px;box-shadow:0 15px 22px #047dbc1c;z-index:3}.paid-sticker strong{color:#128668;font-size:14px;font-weight:550;display:block}.paid-sticker b{display:block;font-size:25px;line-height:1.25;letter-spacing:-.6px}.paid-sticker small{display:block;font-size:12px;color:#6c7e94;margin-top:3px}.paid-check{background:#16b58c;color:white;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;margin-top:3px}.paid-check .icon{width:17px;height:17px}.hand-note{position:absolute;right:-4%;top:27%;font-size:20px;line-height:1.2;font-style:italic;color:#2986de;transform:rotate(9deg);text-align:center;width:95px}.hand-note>span{display:block;font-size:40px;margin-top:12px}.trade-chips{grid-column:1;grid-row:2;display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0;gap:8px;align-self:end;z-index:2}.trade-chips li{border-radius:12px;padding:8px 11px;background:#cde9ff9c;color:#0646a1;font-size:13px;font-weight:500;border:1px solid #d2ecff}
.features{border-radius:32px 32px 0 0;background:linear-gradient(170deg,#fff,#f9fdff);padding:38px 0 32px;position:relative}.section-heading{text-align:center;margin-bottom:26px}.section-heading h2{font-size:36px;font-weight:750;letter-spacing:-1.1px;line-height:1.2;margin:0 0 9px}.section-heading p{margin:0;font-size:17px;color:#5a6c8c}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.feature-card{border-radius:25px;text-align:left;padding:16px 26px 22px;display:flex;flex-direction:column;transition:transform .2s var(--spring),box-shadow .2s;min-width:0;position:relative}.feature-card:hover{transform:translateY(-5px);box-shadow:0 15px 20px #20476c12}.capture-feature{background:linear-gradient(125deg,#e0f5ff,#d6efff)}.send-feature{background:linear-gradient(125deg,#efefff,#e9e8fd)}.day-feature{background:linear-gradient(125deg,#dcfaf4,#d5f5ee)}.feature-art{display:block;width:142px;height:123px;margin:0 0 5px;background-image:url('/assets/feature-icons.png');background-size:300% 100%;background-repeat:no-repeat}.art-camera{background-position:left center}.art-invoice{background-position:center center}.art-calendar{background-position:right center}.feature-card>strong{font-size:24px;line-height:1.2;font-weight:650;letter-spacing:-.6px;margin-bottom:7px}.feature-card>span:not(.feature-art):not(.feature-link){font-size:17px;line-height:1.45;color:#536887}.feature-link{display:flex;align-items:center;gap:8px;font-size:14px;color:#1661b0;margin-top:auto;padding-top:15px}.feature-link .icon{width:17px;height:17px}.site-footer{display:flex;align-items:center;gap:25px;min-height:86px;font-size:14px;color:#526b8a}.footer-brand{font-size:24px;letter-spacing:-.8px;color:var(--ink)}.footer-brand img{width:30px;height:30px}.footer-link{margin-left:auto;background:none;font-size:14px;padding:12px 0;color:#466183}.footer-link:hover{text-decoration:underline}
.icon-button{min-width:42px;min-height:42px}.dashboard-preview{width:min(310px,100%);height:auto;margin:auto;border-radius:16px}.preview-panel:has(.dashboard-preview){background:#d3f3ff;padding:9px}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:26px 0 20px;text-align:left}.plan{background:#e8f4ff;padding:18px;border-radius:20px}.plan:nth-child(2){background:#edeafa}.plan h3{font-size:22px;margin:0}.plan p{margin:8px 0;color:#59718d}.plan b{font-size:34px;color:var(--ink)}.plan>span{font-size:16px;color:#526480}.pricing-dialog>.button{margin-top:20px}.preview-disclaimer,.dialog-footnote,.preview-status{font-size:13px}.sample-chip,.sample-id,.sample-status,.sample-customer>span,.sample-customer small,.sample-items th,.sample-job-time,.sample-job-copy span,.sample-job-detail>span,.sample-job-detail small{font-size:12px}.preview-topbar .eyebrow{font-size:13px;letter-spacing:0}.preview-tabs{gap:4px}.preview-tabs button{font-size:16px}.preview-story p{color:#526480}
@keyframes dialog-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}@keyframes mascot-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(min-width:1500px){.hero{min-height:730px}.hero-art{max-height:680px}.phone-frame{width:54%}.mascot{bottom:0}}
@media(max-width:1100px){.site-shell{width:calc(100% - 28px);margin:14px auto}.container{width:calc(100% - 56px)}.brand{font-size:30px}.brand img{width:36px;height:36px}.header-nav{gap:20px}.site-header{gap:18px}.hero{padding-top:28px;column-gap:10px;min-height:575px}h1{font-size:clamp(58px,7.5vw,82px);letter-spacing:-3px}.hero-subtitle{font-size:21px}.hero-description{font-size:18px}.hero-actions{gap:10px}.hero-actions>.button{min-width:0;padding:14px 24px;font-size:16px}.hero-art{aspect-ratio:1/1.35}.phone-frame{width:66%;margin-right:6%;border-radius:34px}.phone-frame>img{border-radius:22px}.mascot{width:60%;left:-15%;bottom:0}.hand-note{display:none}.paid-sticker{left:-3%;top:28%;padding:12px}.paid-sticker b{font-size:23px}.trade-chips li{font-size:12px;padding:7px 9px}.feature-card{padding:14px 20px 22px}.feature-card>strong{font-size:22px}.feature-grid{gap:16px}}
@media(max-width:780px){.site-shell{width:100%;margin:0;border:0;border-radius:0}.container{width:calc(100% - 40px)}.site-header{min-height:80px;gap:12px}.brand{font-size:29px}.brand img{width:35px;height:35px}.menu-toggle{display:grid;margin-left:auto;background:#ffffffad}.header-cta{display:none}.header-nav{display:none;position:absolute;right:0;top:68px;min-width:220px;padding:14px 22px;background:#fff;border:1px solid #d3ebfc;border-radius:20px;box-shadow:0 18px 40px #00417826}.header-nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}.header-nav a,.header-nav button{text-align:left;font-size:17px}.hero{grid-template-columns:1fr;grid-template-rows:auto auto auto;padding:24px 0 28px;min-height:unset;row-gap:12px}.hero-copy{grid-row:1;grid-column:1;padding-bottom:0;text-align:left}.hero-copy>.eyebrow{font-size:13px;margin-bottom:18px;padding:6px 12px}h1{font-size:clamp(55px,12.7vw,88px);letter-spacing:-2.6px;line-height:1.02;margin-bottom:17px}.hero-subtitle{font-size:19px;margin-bottom:8px}.hero-description{font-size:17px;max-width:38ch;margin-bottom:20px}.desktop-break{display:none}.hero-actions{gap:10px;flex-wrap:nowrap}.hero-actions>.button{font-size:16px;min-height:52px;padding:13px 21px;flex:1}.hero-actions .icon{width:18px;height:18px}.release-note{font-size:12px;margin-top:12px}.hero-art{grid-column:1;grid-row:2;width:min(440px,100%);aspect-ratio:1/1.17;align-self:center;justify-self:center;margin:15px 0 6px}.phone-frame{width:52%;margin-right:15%;padding:11px 5px 5px;border-radius:31px;border-width:2px}.phone-frame>img{border-radius:22px}.mascot{width:56%;bottom:1%;left:-4%}.paid-sticker{left:auto;right:-1%;top:auto;bottom:15%;transform:rotate(9deg);padding:12px 14px;border-radius:15px}.paid-sticker b{font-size:24px}.paid-sticker strong{font-size:13px}.paid-sticker small{font-size:12px}.paid-check{width:23px;height:23px}.trade-chips{grid-column:1;grid-row:3;justify-content:center;gap:7px;margin-top:4px}.trade-chips li{font-size:12px;padding:7px 9px}.features{padding:29px 0;border-radius:26px 26px 0 0}.section-heading{margin-bottom:22px}.section-heading h2{font-size:30px;letter-spacing:-.7px}.section-heading p{font-size:16px;margin-inline:auto;max-width:35ch}.feature-grid{grid-template-columns:1fr;gap:15px}.feature-card{padding:19px 23px 23px}.feature-art{width:130px;height:115px;margin-bottom:7px}.feature-card>strong{font-size:25px}.feature-card>span:not(.feature-art):not(.feature-link){font-size:17px;max-width:36ch}.feature-link{font-size:14px}.site-footer{gap:10px;flex-wrap:wrap;justify-content:space-between;padding:17px 0 22px;font-size:12px;min-height:85px}.footer-brand{font-size:23px}.footer-brand img{width:27px;height:27px}.footer-link{font-size:13px}.preview-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 24px);border-radius:24px}.preview-topbar{padding:20px 18px 12px}.preview-topbar h2{font-size:27px}.preview-layout{display:flex;flex-direction:column;gap:12px;padding:0 18px 16px}.preview-tabs{flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:3px;margin:0}.preview-tabs button{padding:10px 8px;font-size:14px;gap:5px;border-radius:11px}.preview-tabs .icon{display:none}.preview-story{display:none}.preview-disclaimer{font-size:12px;text-align:center;line-height:1.4;margin:10px 0 0}.preview-disclaimer br{display:none}.preview-panel{padding:20px;border-radius:18px}.preview-status{font-size:12px;padding:0 20px 14px;line-height:1.35}.launch-dialog{padding:40px 23px 23px;border-radius:25px}.launch-dialog h2{font-size:31px}.launch-dialog .eyebrow{font-size:13px;letter-spacing:0}.sample-chip{white-space:normal}.plan-grid{gap:9px}.plan{padding:14px}.plan>span{font-size:16px}}
@media(max-width:360px){.container{width:calc(100% - 28px)}.brand{font-size:26px}.brand img{width:32px;height:32px}h1{font-size:52px;letter-spacing:-2.2px}.hero-actions>.button{padding-inline:14px;font-size:15px}.hero-actions{gap:8px}.hero-subtitle{font-size:18px}.paid-sticker{padding:9px}.paid-sticker b{font-size:22px}.paid-check{display:none}.footer-brand{font-size:20px}.plan-grid{grid-template-columns:1fr}}
.preview-topbar{position:sticky;top:0;z-index:2;background:#f9fbfff5;border-bottom:1px solid #e2ecf7;backdrop-filter:blur(12px)}
.preview-layout{align-items:start;padding-top:18px}
.preview-panel.is-screenshot{padding:8px;background:#dff2ff}
.screenshot-preview{width:min(370px,100%);margin-inline:auto}
.screenshot-image{display:block;overflow:hidden;border-radius:16px;background:#edf7ff;cursor:zoom-in}
.screenshot-image img{width:100%;height:auto}
/* Show the Calendar app area while keeping the original upload intact. */
.screenshot-image--calendar{aspect-ratio:707/1272}
.screenshot-image--calendar img{transform:translateY(-6.510417%)}
.screenshot-zoom{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;margin-top:4px;font-size:14px;color:#0755b1;border-radius:10px}
.screenshot-zoom:hover{background:#cde8ff}
.screenshot-zoom .icon{width:17px;height:17px}
.preview-disclaimer{color:#526480;font-size:14px}
.preview-status:empty{display:none}
@media(max-width:780px){.preview-layout{padding-top:10px}.preview-tabs{justify-content:flex-start;gap:4px}.preview-tabs button{min-height:44px;padding:10px}.preview-disclaimer{font-size:13px}.screenshot-preview{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}