@import url('/assets/layout.css');
:root{--navy:#0b2a4a;--ink:#172d41;--muted:#56697a;--blue:#1f5faa;--ice:#eef4f8;--paper:#fbfcfc;--line:#d4dfe6;--mint:#dff0e6;--green:#235641;--peach:#f4e8d9;--white:#fff;--radius:16px;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12}h1{font-size:clamp(2.7rem,5.6vw,5.2rem);letter-spacing:-.06em;margin-bottom:25px;font-weight:650}h2{font-size:clamp(2rem,3.5vw,3.25rem);letter-spacing:-.045em;font-weight:650;margin-bottom:22px}h3{font-size:1.35rem;letter-spacing:-.025em}a{color:inherit;text-underline-offset:4px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}img,svg{max-width:100%;display:block}svg.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}button svg{pointer-events:none}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #2d77c9;outline-offset:4px}p{margin-bottom:20px}.muted,.lede{color:var(--muted)}.lede{font-size:1.1rem;max-width:630px;line-height:1.75}.eyebrow{font-size:.72rem;font-weight:750;letter-spacing:.15em;text-transform:uppercase;color:var(--blue);margin:0 0 20px}.kicker{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.tiny{font-size:.78rem;color:var(--muted)}.container{width:min(var(--max),calc(100% - 64px));margin-inline:auto}.section{padding:100px 0}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:40px}.section-head h2{max-width:680px;margin-bottom:0}.section-head p{max-width:330px;margin-bottom:0;color:var(--muted)}.section-head .text-link{white-space:nowrap}.tint{background:var(--ice)}.dark{background:var(--navy);color:white}.dark .eyebrow{color:#b8d5f1}.dark .lede,.dark .muted{color:#c4d4e0}.text-link{display:inline-flex;gap:18px;align-items:center;font-weight:650;color:var(--blue);text-decoration:none}.text-link:hover{text-decoration:underline}.actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.btn{border:1px solid var(--navy);border-radius:7px;padding:13px 22px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:14px;background:var(--navy);color:#fff;font-size:.9rem;font-weight:650;text-decoration:none;transition:background .15s,transform .15s}.btn:hover{background:#173f64;transform:translateY(-1px)}.btn.secondary{background:transparent;color:var(--navy);border-color:#b8c9d7}.btn.secondary:hover{background:var(--ice)}.btn.light{background:white;color:var(--navy);border-color:white}.btn.small{padding:9px 16px;min-height:42px;font-size:.85rem}.full{width:100%}.pill{display:inline-flex;align-items:center;gap:7px;padding:4px 10px;background:var(--mint);color:var(--green);border-radius:50px;font-size:.7rem;font-weight:650;white-space:nowrap}.pill.blue{background:var(--ice);color:var(--navy)}.pill.warm{background:var(--peach);color:#664727}.dot{width:6px;height:6px;background:currentColor;border-radius:100%}.skip{position:fixed;top:-100px;left:12px;background:white;padding:12px;z-index:200}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
.site-header{position:sticky;top:0;z-index:50;background:rgba(251,252,252,.97);border-bottom:1px solid var(--line)}.header-inner{height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;width:max-content;color:var(--navy)}.brand-mark{width:62px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.brand-copy{line-height:1}.brand-copy strong{font-size:1.1rem;font-weight:750;letter-spacing:.1em;display:block}.brand-copy span{font-size:.6rem;letter-spacing:.27em;display:block;margin-top:7px}.site-nav{display:flex;align-items:center;gap:26px}.site-nav>a{font-size:.85rem;text-decoration:none;font-weight:600}.site-nav>a:hover{color:var(--blue)}.site-nav>a.btn:hover{color:white}.nav-toggle{display:none;border:1px solid var(--line);padding:9px;background:white;border-radius:6px}.hero{padding:88px 0 70px}.hero-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center}.hero h1 em{font-style:normal;color:var(--blue)}.hero .lede{margin-bottom:30px}.hero-note{font-size:.8rem;color:var(--muted);display:flex;align-items:center;gap:9px;margin-top:23px}.hero-note .dot{color:#438064}.workflow-preview{border:1px solid #c6d5e0;border-radius:18px;background:white;box-shadow:0 30px 65px -30px #0b2a4a40;overflow:hidden;transform:rotate(1deg)}.preview-top{background:var(--ice);padding:16px 22px;display:flex;align-items:center;justify-content:space-between;font-size:.75rem;font-weight:650;border-bottom:1px solid var(--line)}.preview-body{padding:25px}.preview-label{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}.preview-label h3{font-size:1.35rem;margin:0}.switcher{display:flex;gap:5px;background:var(--ice);padding:4px;border-radius:6px}.switcher button{border:0;padding:7px 10px;border-radius:4px;background:transparent;font-size:.73rem;color:var(--muted)}.switcher button[aria-pressed=true]{background:var(--white);color:var(--navy);box-shadow:0 1px 4px #0b2a4a12}.workflow-event{padding:15px 0;display:grid;grid-template-columns:38px 1fr auto;gap:13px;align-items:center;border-bottom:1px solid var(--line)}.workflow-event:last-child{border-bottom:0}.event-icon{height:36px;width:36px;background:var(--ice);border-radius:10px;display:grid;place-items:center;color:var(--blue)}.event-icon svg{width:18px;height:18px}.event-copy strong{display:block;font-size:.85rem}.event-copy span{font-size:.72rem;color:var(--muted)}.event-check{font-size:.85rem;color:var(--green)}.preview-foot{padding:16px 22px;background:#f7faf8;border-top:1px solid var(--line);font-size:.78rem;display:flex;justify-content:space-between;align-items:center;gap:16px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.principles span{font-size:.83rem;color:var(--muted);display:block}.principles strong{font-size:.95rem;font-weight:650;display:block;margin-bottom:4px}
.samples-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.sample-card{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column}.sample-art{min-height:232px;position:relative;overflow:hidden;padding:34px 42px;display:grid;place-items:center;background:var(--ice)}.sample-art.cafe{background:#f2e8da}.sample-art.booking{background:#e5eceb}.sample-art.leads{background:#e9eafa}.sample-art.reports{background:#e1edf4}.sample-body{padding:29px 30px;display:flex;flex-direction:column;flex:1}.sample-body h3{margin:13px 0 13px;font-size:1.6rem}.sample-body p{font-size:.92rem;color:var(--muted);margin-bottom:20px;max-width:450px}.sample-body .text-link{margin-top:auto}.sample-tags{display:flex;gap:8px;align-items:center;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.mini-window{background:#fff;border:1px solid #d3d8dd;border-radius:10px;padding:18px;width:100%;max-width:340px;box-shadow:0 12px 25px #19314c0d;transform:rotate(-2deg);font-size:.76rem}.mini-window.row2{transform:rotate(2deg)}.mini-head{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:12px;font-weight:700}.mini-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:8px 0}.mini-icon{width:32px;height:32px;background:var(--peach);border-radius:8px;display:grid;place-items:center}.mini-icon svg{width:21px;height:21px}.mini-row>span:nth-child(2){flex:1}.mini-button{margin-top:12px;background:var(--navy);color:white;text-align:center;padding:9px;border-radius:5px;font-size:.68rem}.mini-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0}.mini-slot{padding:9px 6px;border:1px solid var(--line);border-radius:5px;text-align:center;font-size:.7rem}.mini-slot.active{background:var(--navy);color:white}.mini-slot.off{color:#9ba6ad;background:#f5f7f8}.mini-bar{height:9px;background:var(--ice);border-radius:4px;overflow:hidden;flex:1}.mini-bar i{display:block;background:#3872a6;height:100%}.sample-disclosure{margin:24px 0 0;font-size:.8rem;color:var(--muted);display:flex;gap:9px;align-items:start}.sample-disclosure svg{min-width:17px;width:17px;height:20px}.split{display:grid;grid-template-columns:.85fr 1.15fr;gap:85px}.service-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:36px 1fr;gap:20px;padding:26px 0;border-bottom:1px solid var(--line)}.service-row .number{font-size:.8rem;font-weight:700;color:var(--blue);padding-top:4px}.service-row h3{font-size:1.2rem;margin:0 0 9px}.service-row p{font-size:.93rem;color:var(--muted);margin:0}.tools-line{font-size:.78rem;color:var(--muted);border-top:1px solid var(--line);margin-top:32px;padding-top:22px}.calculator{border:1px solid var(--line);border-radius:16px;padding:30px;background:white}.calc-result{display:grid;grid-template-columns:1fr 1fr;gap:20px;background:var(--navy);border-radius:10px;color:white;padding:26px;margin-top:24px}.calc-result strong{font-size:2.35rem;display:block;font-weight:600;letter-spacing:-.04em;line-height:1.2}.calc-result span{font-size:.74rem;color:#c9dbe9}.calc-note{font-size:.74rem;color:var(--muted);margin:17px 0 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:42px;margin-top:45px}.step{border-top:1px solid #4a647c;padding-top:24px}.step>span{font-size:.74rem;letter-spacing:.12em;color:#abc9e4}.step h3{font-size:1.4rem;margin:22px 0 15px}.step p{font-size:.94rem;color:#c4d4e0;margin:0}.founder{border-left:2px solid #a6c5df;padding:10px 0 10px 35px}.founder-name{font-size:1rem;font-weight:700;margin-bottom:5px}.founder .lede{margin-bottom:25px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq details:first-child{border-top:1px solid var(--line)}.faq summary{cursor:pointer;line-height:1.5;font-weight:650;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:'+';font-size:1.3rem;color:var(--blue);font-weight:400}.faq details[open] summary::after{content:'−'}.faq details p{margin:16px 25px 0 0;color:var(--muted);font-size:.92rem}.contact-box{border:1px solid var(--line);border-radius:16px;background:white;padding:30px}.contact-email{font-size:clamp(.95rem,2vw,1.25rem);color:var(--blue);word-break:break-word;font-weight:650}.contact-note{font-size:.8rem;color:var(--muted);margin-top:25px}.project-result{border-top:1px solid var(--line);margin-top:22px;padding-top:22px}.site-footer{padding:48px 0 24px;background:white;border-top:1px solid var(--line)}.footer-top{display:flex;justify-content:space-between;align-items:start;gap:40px}.footer-links{display:flex;gap:25px;flex-wrap:wrap;font-size:.8rem;color:var(--muted)}.footer-links a{text-decoration:none}.footer-links a:hover{text-decoration:underline}.footer-bottom{margin-top:32px;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:.72rem;color:var(--muted)}
label{font-size:.8rem;font-weight:650;display:block;margin-bottom:7px}input,select,textarea{width:100%;border:1px solid #b7c7d4;background:#fff;border-radius:6px;padding:11px 12px;min-height:45px;color:var(--ink);font-size:.88rem}textarea{resize:vertical;min-height:105px;line-height:1.6}input[type=range]{padding:0;min-height:26px;accent-color:var(--blue)}input[type=number]{font-variant-numeric:tabular-nums}.field{margin-bottom:17px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.status{font-size:.8rem;min-height:22px;margin:13px 0 0;color:var(--green)}.error{color:#982c36}.notice{font-size:.8rem;border-left:3px solid #83adc9;background:var(--ice);padding:13px 17px;color:#365268;line-height:1.6}.notice strong{color:var(--navy)}.page-hero{padding:64px 0 42px}.page-hero h1{font-size:clamp(2.5rem,4.4vw,4.2rem);max-width:850px}.page-hero .lede{max-width:710px}.breadcrumbs{font-size:.78rem;display:flex;align-items:center;gap:10px;color:var(--muted);margin-bottom:24px}.breadcrumbs a{text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px}.filter{border:1px solid var(--line);padding:9px 18px;min-height:44px;background:white;border-radius:24px;font-size:.85rem;color:var(--ink)}.filter[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:white}.filter-count{font-size:.8rem;color:var(--muted);margin:0 0 22px}.sample-meta{display:flex;gap:26px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:25px;margin-top:30px;font-size:.82rem}.sample-meta strong{display:block;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.demo-wrap{padding:20px 0 76px}.demo-shell{border:1px solid #c5d4df;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 15px 45px -35px #0b2a4a55}.demo-bar{background:var(--navy);color:white;padding:16px 26px;display:flex;align-items:center;justify-content:space-between;gap:16px}.demo-bar strong{font-size:1rem}.demo-bar small{font-size:.7rem;color:#c1d2df}.demo-body{padding:30px}.demo-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:30px}.demo-aside{background:var(--ice);border:1px solid var(--line);border-radius:12px;padding:24px;align-self:start}.demo-aside h2,.demo-body h2{font-size:1.45rem;letter-spacing:-.03em}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.menu-item{border:1px solid var(--line);border-radius:10px;padding:20px;display:flex;flex-direction:column}.menu-art{height:95px;display:grid;place-items:center;background:var(--peach);border-radius:7px;margin-bottom:18px;color:#6d5332}.menu-art svg{width:65px;height:65px;stroke-width:1}.menu-item:nth-child(3n) .menu-art{background:var(--mint);color:var(--green)}.menu-item h3{font-size:1rem;margin:0 0 8px}.menu-item p{font-size:.8rem;color:var(--muted);line-height:1.6;margin-bottom:15px}.menu-item .btn{margin-top:auto}.item-options{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:14px}.item-options label{font-size:.68rem}.item-options select{font-size:.72rem;padding:8px 5px;min-height:38px}.menu-price{font-size:.85rem;font-weight:700;margin-bottom:13px}.cart-list{list-style:none;padding:0;margin:0}.cart-line{padding:16px 0;border-bottom:1px solid #c8d8e3}.cart-top{display:flex;justify-content:space-between;gap:15px;font-size:.85rem}.cart-line small{font-size:.72rem;color:var(--muted)}.quantity{display:flex;align-items:center;gap:13px;margin-top:9px;font-size:.8rem}.quantity button{width:36px;height:36px;background:white;border:1px solid #bcceda;border-radius:5px;color:var(--navy)}.totals{margin:20px 0;font-size:.85rem}.totals>div{display:flex;justify-content:space-between;gap:16px;margin:8px 0}.totals .total{border-top:1px solid #bcceda;margin-top:12px;padding-top:14px;font-weight:750;font-size:1rem}.empty{font-size:.88rem;color:var(--muted);padding:18px 0}.receipt{background:#f5faf6;border:1px solid #bbd4c2;border-radius:10px;padding:22px;margin-top:22px}.receipt h3{font-size:1.1rem}.receipt p{font-size:.82rem;white-space:pre-wrap}.receipt:focus{outline:3px solid #2d77c9;outline-offset:3px}.demo-detail{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding-top:45px}.demo-detail h2{font-size:1.35rem}.demo-detail p,.demo-detail li{font-size:.91rem;color:var(--muted)}.demo-detail ul{padding-left:19px}.demo-cta{display:flex;justify-content:space-between;align-items:center;gap:26px;padding:28px 30px;border:1px solid var(--line);border-radius:12px;margin-top:35px;background:var(--ice)}.demo-cta p{margin:0;font-weight:650}.slot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-bottom:22px}.slot{padding:12px;background:white;color:var(--navy);border:1px solid #aebfcd;border-radius:7px;min-height:55px;font-size:.9rem}.slot[aria-pressed=true]{background:var(--navy);color:white;border-color:var(--navy)}.slot:disabled{background:#f1f3f4;border-style:dashed;color:#84939e;opacity:1}.booking-description{background:#faf8f3;border-radius:8px;padding:16px;font-size:.84rem;color:#685437;margin:18px 0}.summary-list{margin:20px 0}.summary-list>div{border-bottom:1px solid #c7d5e0;padding:10px 0;font-size:.85rem}.summary-list dt{color:var(--muted);font-size:.72rem}.summary-list dd{margin:3px 0;font-weight:600}.demo-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.demo-tabs button{padding:9px 14px;border-radius:6px;border:1px solid var(--line);color:var(--navy);background:white;font-size:.8rem;min-height:42px}.demo-tabs button[aria-pressed=true]{background:var(--ice);border-color:var(--blue)}.pipeline{list-style:none;margin:20px 0 26px;padding:0}.pipeline li{position:relative;padding:0 0 24px 36px;font-size:.85rem}.pipeline li:before{content:'✓';position:absolute;left:0;top:0;display:grid;place-items:center;background:var(--mint);color:var(--green);width:24px;height:24px;border-radius:50%;font-size:.8rem}.pipeline li:after{content:'';width:1px;background:#b9ccd6;position:absolute;top:26px;bottom:2px;left:12px}.pipeline li:last-child:after{display:none}.pipeline li:last-child{padding-bottom:0}.pipeline span{display:block;font-size:.73rem;color:var(--muted)}.report-input{font:13px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;min-height:210px;white-space:pre;overflow:auto}.report-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:24px 0}.stat{border:1px solid var(--line);padding:18px;border-radius:8px;background:white}.stat strong{font-size:1.5rem;font-weight:650;letter-spacing:-.04em;display:block}.stat span{font-size:.72rem;color:var(--muted)}.chart-row{display:grid;grid-template-columns:110px 1fr 80px;gap:15px;align-items:center;font-size:.8rem;margin:17px 0}.chart-row>span:first-child{overflow-wrap:anywhere}.chart-track{height:19px;background:var(--ice);border-radius:3px;overflow:hidden}.chart-fill{height:100%;background:#3976aa;border-radius:3px;min-width:0}.table-scroll{overflow:auto;border:1px solid var(--line);border-radius:8px;margin-top:25px}table{border-collapse:collapse;width:100%;font-size:.81rem}caption{text-align:left;font-size:.75rem;padding:12px 14px;color:var(--muted)}th,td{text-align:left;padding:11px 14px;border-top:1px solid var(--line);overflow-wrap:anywhere}th{background:var(--ice);font-size:.74rem}td:last-child,th:last-child{text-align:right;white-space:nowrap}.report-errors{font-size:.78rem;color:#84353a;margin:16px 0}.report-errors ul{padding-left:18px}.plain-page{max-width:820px}.plain-page h2{font-size:1.5rem;margin:35px 0 15px}.plain-page p,.plain-page li{color:var(--muted)}.release{display:grid;grid-template-columns:130px 1fr;gap:30px;border-top:1px solid var(--line);padding:30px 0}.release time{font-size:.82rem;color:var(--muted)}.release h2{margin:0 0 15px}.no-js{padding:14px 24px;background:#fff2d7;color:#614518;font-size:.85rem}.copyright-year{font-variant-numeric:tabular-nums}