:root{--cream:#f5efe4;--paper:#fffcf6;--ink:#292827;--red:#a84838;--muted:#69635e;--line:#d9d0c3;--radius:14px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #b76140;outline-offset:4px}button{cursor:pointer}img{max-width:100%}.wrap{width:min(1180px,calc(100% - 64px));margin:auto}.header{min-height:96px;padding:18px max(32px,calc((100vw - 1280px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line);background:var(--cream)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;white-space:nowrap;font-size:26px;font-weight:750;letter-spacing:-1px}.brand img{object-fit:contain}.brand b{color:var(--red)}nav{display:flex;align-items:center;gap:30px}nav>a{font-size:14px;font-weight:600;text-decoration:none}nav>a:hover{color:var(--red)}.button{display:inline-flex;justify-content:center;align-items:center;background:var(--red);color:white;border:1px solid var(--red);padding:15px 23px;border-radius:7px;text-decoration:none;font-size:15px;font-weight:700;line-height:1.4;transition:background .2s,transform .2s}.button:hover{background:#87392d;color:white;transform:translateY(-1px)}.button.small{padding:11px 17px;font-size:14px}.button.full{width:100%}.menu-toggle{display:none}.skip{position:absolute;top:-70px;left:20px;z-index:10;padding:10px;background:white}.skip:focus{top:10px}.hero{padding-top:76px;padding-bottom:80px;display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:center}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;margin:0 0 20px;line-height:1.6}.hero h1{font-size:clamp(40px,4.5vw,64px);line-height:1.04;letter-spacing:-3px;margin:0 0 25px;font-weight:800}.hero h1 span{color:var(--red)}.intro{font-size:23px;line-height:1.4;letter-spacing:-.4px}.hero-description{max-width:450px;color:var(--muted);font-size:16px}.hero-actions{display:flex;align-items:center;gap:22px;margin:28px 0 20px;flex-wrap:wrap}.text-link{font-size:14px;text-underline-offset:5px}.hero-note{font-size:13px;color:var(--muted);max-width:400px}.hero-note strong{color:var(--ink)}.hero-showcase{position:relative;padding:28px 0 30px}.showcase-label{font-size:11px;letter-spacing:2px;margin-bottom:12px;color:var(--muted);text-align:right}.hero-browser{border:1px solid #c9bdad;border-radius:12px;overflow:hidden;box-shadow:0 20px 45px #49302018;transform:rotate(2deg)}.browser-bar{height:31px;display:flex;align-items:center;gap:5px;background:#e6ddce;padding:0 12px}.browser-bar i{display:block;width:6px;height:6px;border-radius:50%;background:#b5a897}.browser-bar span{font-size:10px;margin:auto;color:#726556}.hero-demo{background:#ebe3d2;color:#3e4530}.demo-nav{padding:17px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #bdb9a3}.demo-nav strong{font-family:Georgia,serif;font-size:23px}.demo-nav span{font-size:8px;letter-spacing:1px}.demo-coffee{padding:32px 34px;background:linear-gradient(125deg,#e9e3d0 60%,#d2d0b2 60%)}.demo-coffee>p{font-size:9px;letter-spacing:2px}.demo-coffee h2{font:52px/1.03 Georgia,serif;margin:12px 0 24px;letter-spacing:-2px}.coffee-menu{display:flex;flex-direction:column;font-size:12px;line-height:1.6}.demo-pill{display:inline-block;background:#465238;color:#fff;padding:9px 18px;margin-top:19px;font-size:11px}.demo-hours{padding:17px 32px;background:#465238;color:#ebe5d7;display:flex;flex-direction:column;gap:3px}.demo-hours span{font-size:8px;letter-spacing:1px}.demo-hours strong{font:20px Georgia,serif}.floating-card{position:absolute;bottom:23px;right:-15px;display:flex;align-items:center;gap:13px;background:var(--paper);padding:17px 22px;box-shadow:0 8px 28px #29282718;border:1px solid var(--line);border-radius:8px;transform:rotate(-3deg)}.floating-card strong,.floating-card span{display:block;font-size:13px}.floating-card span{color:var(--muted)}.floating-card .mini-icon{background:#ebe5d7;color:var(--red);font-size:22px;padding:5px 12px;border-radius:50%}.example-caption{font-size:11px;color:var(--muted);margin:27px 0 -30px}.benefit-strip{background:var(--ink);color:var(--cream)}.benefit-strip .wrap{display:flex;justify-content:space-between;gap:20px;padding-top:20px;padding-bottom:20px;font-size:14px}.benefit-strip span:before{content:'✓';margin-right:12px;color:#e5ae8e}.section{padding-top:100px;padding-bottom:100px}h2{font-size:clamp(32px,3.5vw,45px);letter-spacing:-1.6px;line-height:1.12;margin:0 0 24px}h3{font-size:20px;line-height:1.3;letter-spacing:-.5px}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-bottom:32px;align-items:end}.section-heading>p{max-width:420px;color:var(--muted);margin-bottom:26px}.layout-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 24px}.layout-card{min-width:0}.layout-window{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:white;position:relative;height:255px;cursor:pointer}.layout-window iframe{width:1100px;height:740px;transform:scale(.32);transform-origin:0 0;pointer-events:none;border:0;position:absolute;top:26px;left:0}.layout-window .browser-bar{height:26px}.preview-cover{position:absolute;inset:26px 0 0;display:flex;justify-content:center;align-items:center;background:#29282700;transition:.2s}.preview-cover span{opacity:0;background:var(--ink);color:white;padding:9px 17px;border-radius:5px;font-size:14px}.layout-window:hover .preview-cover,.layout-window:focus-visible .preview-cover{background:#29282722}.layout-window:hover .preview-cover span,.layout-window:focus-visible .preview-cover span{opacity:1}.layout-meta{display:flex;justify-content:space-between;align-items:center;padding-top:17px}.layout-meta h3{font-size:20px;margin:0}.layout-number{color:var(--red);font-size:12px;font-weight:bold;letter-spacing:1px;margin-right:8px}.layout-card p{font-size:14px;color:var(--muted);margin:8px 0 12px}.layout-actions{display:flex;gap:20px}.layout-actions button{border:0;background:none;padding:0;font-size:14px;text-decoration:underline;text-underline-offset:4px;color:var(--ink)}.layout-actions button:last-child{color:var(--red);font-weight:bold}.gallery-note{font-size:12px!important;margin-top:32px}.muted{color:var(--muted)}.pricing-section{background:#eae1d4;padding:86px 0 60px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.pricing-intro{padding-top:25px}.pricing-intro>p{max-width:410px}.domain-note{display:flex;gap:20px;margin-top:35px;padding-top:26px;border-top:1px solid #cfc2b2}.domain-note>span{font-weight:bold;color:var(--red);font-size:20px}.domain-note h3{margin:0 0 8px}.domain-note p{font-size:14px;line-height:1.65;margin:0}.pricing-intro>.muted{font-size:13px}.price-card{background:var(--paper);padding:35px 38px;border-radius:12px;border:1px solid #d0c3b2;box-shadow:0 10px 25px #54453208}.price-card .eyebrow{margin-bottom:8px}.price{display:flex;align-items:baseline;gap:16px}.price strong{font-size:74px;letter-spacing:-5px;line-height:1.2}.price span{font-size:14px;color:var(--muted)}.monthly{font-size:15px;padding-bottom:22px;border-bottom:1px solid var(--line)}.check-list{list-style:none;padding:0;font-size:14px;line-height:1.6;margin:25px 0}.check-list li{position:relative;padding-left:26px;margin:10px 0}.check-list li:before{content:'✓';position:absolute;left:0;color:var(--red);font-weight:bold}.fine-print{font-size:12px;line-height:1.6;color:var(--muted);margin:16px 0 0}.extras{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:56px;padding-top:35px;border-top:1px solid #cfc2b2}.extras h3{font-size:17px}.extras p{font-size:14px;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:40px}.steps article{border-top:1px solid var(--line);padding-top:23px}.steps article>span{font-size:13px;color:var(--red);font-weight:bold}.steps h3{margin-top:20px}.steps p{color:var(--muted);font-size:15px}.faq-section{display:grid;grid-template-columns:1fr 1.5fr;gap:70px;padding-bottom:100px}.faqs details{border-bottom:1px solid var(--line);padding:18px 0}.faqs details:first-child{border-top:1px solid var(--line)}summary{cursor:pointer;font-weight:600;font-size:16px;padding-right:10px}.faqs p{font-size:14px;color:var(--muted);padding-right:20px}.contact-section{padding:80px 0;background:var(--ink);color:var(--cream)}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.contact-grid>div>p:not(.eyebrow){color:#d1c6b7;font-size:16px;max-width:370px}.contact-grid .eyebrow{color:#e1a391}.contact-price{margin-top:40px;display:flex;gap:16px;align-items:center}.contact-price strong{font-size:38px;letter-spacing:-2px}.contact-price span{font-size:12px;color:#d1c6b7;line-height:1.6}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:13px;font-weight:600;margin-bottom:16px}label span{font-weight:normal;color:#c6bcaf}input,select,textarea{display:block;width:100%;background:#fffaf1;border:1px solid #bbb0a2;border-radius:5px;color:var(--ink);padding:11px 12px;margin-top:6px;min-width:0;font-size:16px}textarea{resize:vertical}form .fine-print{color:#c6bcaf}.honeypot{position:absolute;left:-9999px;opacity:0;width:1px;height:1px;overflow:hidden}#form-status{font-size:14px;margin:15px 0 0}#form-status.error{color:#ffc6b9}#form-status.success{color:#d6e5bd}.footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:32px;padding-bottom:32px}.footer .brand{font-size:21px}.footer>p,.footer>span{font-size:12px;color:var(--muted)}dialog{width:calc(100% - 40px);max-width:1440px;height:calc(100dvh - 40px);max-height:none;padding:0;border:1px solid #a99e90;border-radius:12px;background:var(--cream);color:var(--ink)}dialog::backdrop{background:#171511bb}.preview-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:16px 22px;border-bottom:1px solid var(--line)}.preview-toolbar .eyebrow{font-size:10px}.preview-toolbar h2{font-size:22px;margin:5px 0 0;letter-spacing:-.5px}.preview-controls{display:flex;align-items:center;gap:10px}.view-toggle,.close-button{background:transparent;border:1px solid var(--line);border-radius:5px;padding:9px 12px;font-size:14px}.view-toggle.active{background:var(--ink);color:var(--cream)}.preview-frame-wrap{height:calc(100% - 93px);background:#d9d2c7;overflow:auto;padding:18px;display:flex;justify-content:center;align-items:flex-start}#preview-frame{height:100%;width:100%;border:0;background:white;transition:width .2s}#preview-frame.mobile{width:390px;max-width:100%}body.modal-open{overflow:hidden}button:disabled{opacity:.65;cursor:wait}
@media(min-width:1250px){.layout-window iframe{transform:scale(.337)}}@media(max-width:1000px){nav{gap:18px}.hero{gap:30px}.hero h1{font-size:46px}.hero-actions{gap:16px}.layout-grid{grid-template-columns:repeat(2,1fr)}.layout-window{height:275px}.layout-window iframe{transform:scale(.36)}.pricing-grid,.contact-grid{gap:45px}.price-card{padding:30px}.section-heading{gap:40px}.footer{flex-wrap:wrap}.floating-card{right:-5px}.demo-coffee h2{font-size:42px}}@media(max-width:760px){.wrap{width:calc(100% - 36px)}.header{padding:15px 18px;min-height:78px;position:relative}.brand{font-size:23px}.brand img{width:40px;height:40px}.menu-toggle{display:block;border:1px solid var(--line);background:transparent;padding:7px 12px;border-radius:5px;font-size:14px}nav{display:none;position:absolute;top:77px;left:0;right:0;z-index:5;padding:20px;background:var(--cream);border-bottom:1px solid var(--line);align-items:stretch}nav.open{display:flex;flex-direction:column}nav>a{padding:8px}.hero{grid-template-columns:1fr;padding-top:45px;padding-bottom:45px;gap:20px}.hero h1{font-size:clamp(40px,10vw,60px);letter-spacing:-2px}.hero .eyebrow{font-size:10px}.intro{font-size:22px}.hero-description{max-width:100%}.hero-showcase{max-width:470px;width:100%;margin:auto}.demo-coffee h2{font-size:50px}.benefit-strip .wrap{display:grid;grid-template-columns:1fr 1fr;gap:14px 10px;font-size:12px}.benefit-strip span:before{margin-right:6px}.section{padding-top:60px;padding-bottom:60px}.section-heading{grid-template-columns:1fr;gap:0;margin-bottom:24px}.section-heading h2{margin-bottom:14px}.section-heading>p{margin-top:0}.layout-grid{gap:28px 16px}.layout-window{height:190px}.layout-window iframe{transform:scale(.23)}.layout-meta{display:block}.layout-meta h3{font-size:17px}.layout-number{font-size:11px}.layout-card p{font-size:13px}.layout-actions{gap:15px;flex-wrap:wrap}.layout-actions button{font-size:13px}.pricing-section{padding-top:50px;padding-bottom:35px}.pricing-grid{grid-template-columns:1fr;gap:25px}.pricing-intro{padding-top:0}.pricing-intro>p{max-width:100%}.domain-note{margin-top:25px}.extras{grid-template-columns:1fr;gap:5px;margin-top:30px;padding-top:15px}.steps{grid-template-columns:1fr;gap:20px}.steps h3{margin:8px 0}.steps p{margin-top:8px}.faq-section{grid-template-columns:1fr;gap:10px;padding-bottom:60px}.contact-section{padding:55px 0}.contact-grid{grid-template-columns:1fr;gap:35px}.contact-price{margin-top:20px}.footer{gap:10px;padding:25px 0}.footer>p{width:100%;margin:0}.footer>span{margin-top:10px}dialog{width:calc(100% - 16px);height:calc(100dvh - 16px)}.preview-toolbar{padding:12px;flex-wrap:wrap;gap:10px}.preview-toolbar h2{font-size:19px}.preview-controls{width:100%;gap:8px}.preview-controls .button{margin-left:auto;font-size:12px;padding:9px}.view-toggle{font-size:12px;padding:8px}.close-button{position:absolute;right:12px;top:12px}.preview-frame-wrap{height:calc(100% - 122px);padding:8px}.preview-toolbar .eyebrow{font-size:9px}}@media(max-width:440px){.layout-grid{grid-template-columns:1fr}.layout-window{height:255px}.layout-window iframe{transform:scale(.32)}.layout-meta{display:flex}.layout-meta h3{font-size:20px}.layout-card p{font-size:14px}.layout-actions button{font-size:14px}.field-row{grid-template-columns:1fr;gap:0}.price-card{padding:25px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-note{font-size:12px}.floating-card{right:0;padding:12px 15px}.demo-nav{padding:15px}.demo-nav strong{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}