.demo-cover{width:100%;height:100%;overflow:hidden;container-type:inline-size;color:#fff}.demo-cover-browser{height:8%;min-height:22px;display:flex;align-items:center;gap:4px;padding:0 5%;background:#ffffff12;border-bottom:1px solid #ffffff16}.demo-cover-browser i{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.4}.demo-cover-browser>span{margin-left:10px;font-size:clamp(8px,1.7cqw,12px);opacity:.7}.demo-cover--coffee{background:#55232e;color:#faf0de}.demo-cover--beauty{background:#eadfe9;color:#593344}.demo-cover-web{height:92%;padding:0 6%;display:grid;grid-template-rows:18% 67% 15%}.demo-cover-web-nav{display:flex;justify-content:space-between;align-items:center}.demo-cover-web-nav>strong{font-family:Georgia,serif;font-size:clamp(18px,5cqw,42px);letter-spacing:-.06em}.demo-cover-web-nav>span{display:flex;align-items:center;gap:5px;font-size:clamp(7px,1.7cqw,13px)}.demo-cover-web-main{display:grid;grid-template-columns:46% 54%;min-height:0;align-items:center}.demo-cover-web-main>div{position:relative;z-index:1}.demo-cover-web-main small{display:block;font-size:clamp(6px,1.3cqw,10px);letter-spacing:.12em}.demo-cover-web-main h3{font-family:Georgia,serif;font-weight:400;font-size:clamp(25px,7.8cqw,72px);line-height:.96;letter-spacing:-.055em;margin:18px 0}.demo-cover-web-main>img{width:100%;height:100%;display:block;object-fit:cover;border-radius:55% 55% 6px 6px}.demo-cover-mini-cta{display:inline-flex;align-items:center;gap:12px;border-bottom:1px solid currentColor;padding-bottom:5px;font-size:clamp(8px,1.8cqw,13px)}.demo-cover-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:clamp(6px,1.4cqw,10px);opacity:.7}.demo-cover--mint{background:#183e36;color:#e5f7ed}.demo-cover--indigo{background:#262d51;color:#e8eaff}.demo-cover-flow-body{padding:6%;height:92%;display:flex;flex-direction:column;justify-content:space-between}.demo-cover-flow-title{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:clamp(8px,1.8cqw,13px);letter-spacing:.08em}.demo-cover-flow-title>small{margin-left:auto;border:1px solid #ffffff30;padding:3px 7px;border-radius:20px;font-size:8px}.demo-cover-flow-body h3{margin:4% 0;font-weight:400;font-size:clamp(25px,6cqw,54px);letter-spacing:-.045em;line-height:1.1}.demo-cover-nodes{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;position:relative}.demo-cover-nodes:before{content:"";position:absolute;top:26px;left:10%;right:10%;height:1px;background:#ffffff30}.demo-cover-nodes>div{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px}.demo-cover-nodes>div>span{width:clamp(34px,10cqw,58px);height:clamp(34px,10cqw,58px);border-radius:12px;border:1px solid #ffffff30;background:#ffffff13;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center}.demo-cover-nodes small{font-size:clamp(8px,1.8cqw,12px);opacity:.75}.demo-cover-flow-result{margin-top:5%;display:flex;align-items:center;gap:8px;font-size:clamp(8px,1.9cqw,14px);padding:3%;background:#ffffff0b;border:1px solid #ffffff20;border-radius:8px}.demo-cover-result-icon{background:#b6e9ce;color:#183e36;height:22px;width:22px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.demo-cover-flow-result>small{margin-left:auto;font-size:clamp(6px,1.4cqw,10px);opacity:.6}.demo-page{background:#fbfaf8;min-height:100svh}.demo-page *{box-sizing:border-box}.demo-page :is(button,select){font:inherit}.demo-page :is(button,a,select):focus-visible{outline:3px solid #a863d6;outline-offset:4px}.demo-page button{cursor:pointer}.demo-page button:disabled{cursor:default;opacity:.45}.demo-notice{background:#fff;color:#726679;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:14px 5%;font-size:10px;border-bottom:1px solid #ece6ee}.demo-notice>a{display:inline-flex;gap:8px;align-items:center;color:#6a2c9e}.demo-kicker{font-family:var(--font-mono);font-size:10px;letter-spacing:.15em;margin:0 0 22px}.demo-subtle{font-size:11px!important;opacity:.65;line-height:1.7}.demo-text-button{display:inline-flex;align-items:center;gap:7px;background:none;border:0;padding:12px 0;font-size:12px!important;color:inherit}.coffee-demo{color:#f6eddc;background:#55232e}.coffee-nav,.beauty-nav{max-width:1500px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 6%}.coffee-logo{font-family:Georgia,serif;font-size:42px;line-height:.9;letter-spacing:-.06em}.coffee-logo span,.beauty-logo span{display:block;font-family:var(--font-mono);font-size:7px;letter-spacing:.22em;margin-top:9px}.coffee-nav nav,.beauty-nav nav{display:flex;align-items:center;gap:28px;font-size:12px}.coffee-nav nav a{display:inline-flex;align-items:center;gap:8px}.coffee-hero{max-width:1500px;margin:auto;display:grid;grid-template-columns:45% 55%;padding:30px 6% 65px;align-items:stretch}.coffee-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:40px 10% 20px 0}.coffee-hero h1,.beauty-hero h1{font-family:Georgia,serif;font-size:clamp(65px,7vw,112px);font-weight:400;line-height:.93;letter-spacing:-.06em;margin:0 0 25px}.coffee-hero h1 em{color:#d4da83}.coffee-hero-copy>p:not(.demo-kicker){font-size:13px;line-height:1.8;opacity:.75}.coffee-button{display:inline-flex;align-items:center;justify-content:center;gap:22px;width:fit-content;background:#d4da83;color:#3c1d25;padding:15px 22px;border:0;border-radius:30px;font-size:12px!important;margin-top:20px}.coffee-hero-foot{font-family:var(--font-mono);font-size:8px;letter-spacing:.1em;opacity:.6;margin-top:48px}.coffee-hero>img{width:100%;height:100%;min-height:420px;max-height:650px;object-fit:cover;border-radius:50% 50% 6px 6px}.coffee-product,.coffee-cart{color:#542630;background:#f5efe3;padding:75px 6%;display:grid;grid-template-columns:38% 62%;gap:30px}.coffee-product h2,.coffee-cart h2{font-family:Georgia,serif;font-size:clamp(40px,4vw,65px);font-weight:400;letter-spacing:-.05em;line-height:1;margin:0 0 25px}.coffee-origins{display:flex;flex-wrap:wrap;gap:8px}.coffee-origins button{background:transparent;border:1px solid #d2bfbf;color:inherit;border-radius:30px;padding:10px 16px;font-size:12px}.coffee-origins button[aria-pressed=true]{background:#55232e;border-color:#55232e;color:#f6eddc}.coffee-origin-description{padding:22px 0 26px}.coffee-origin-description>p{font-size:12px;line-height:1.8;color:#84646a}.coffee-origin-description h3{font-family:Georgia,serif;font-size:38px;font-weight:400;margin:8px 0}.coffee-origin-description h3 span{display:block;font-family:var(--font-sans);font-size:10px;margin-top:7px;color:#876e71}.coffee-buy{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.coffee-buy>strong{font-size:22px;margin-right:auto}.coffee-buy>strong small{display:block;font-size:9px;font-weight:400;margin-top:4px}.coffee-buy .coffee-button{margin:0}.coffee-quantity{display:flex;align-items:center;gap:12px;border:1px solid #d2bfbf;border-radius:30px;padding:9px}.coffee-quantity button{border:0;background:transparent;color:inherit;padding:4px}.coffee-quantity output{font-size:12px;min-width:13px;text-align:center}.demo-live{margin-top:16px;color:#886e73;font-size:11px;min-height:18px}.coffee-cart{border-top:1px solid #dfd0cc;padding-top:55px;padding-bottom:55px}.coffee-cart ul{list-style:none;padding:0;margin:0}.coffee-cart li{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #dfd0cc;font-size:13px}.coffee-total{display:flex;justify-content:space-between;font-size:15px;padding-top:15px}.coffee-footer,.beauty-footer{padding:26px 6%;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:10px}.coffee-footer>strong{font-family:Georgia,serif;font-size:35px}.beauty-demo{background:#f5edf3;color:#593344}.beauty-logo{font-family:Georgia,serif;font-size:46px;line-height:.9;letter-spacing:-.06em}.beauty-nav-pill{padding:11px 18px;border:1px solid #cdb6c7;border-radius:30px;display:inline-flex;align-items:center;gap:15px}.beauty-hero{display:grid;grid-template-columns:48% 52%;gap:30px;align-items:center;padding:40px 6% 75px;max-width:1500px;margin:auto}.beauty-hero h1{font-size:clamp(60px,7vw,108px)}.beauty-hero h1 em{color:#997589}.beauty-hero>div>p:not(.demo-kicker){font-size:13px;line-height:1.8;color:#8b6c7e}.beauty-button{display:inline-flex;width:fit-content;gap:30px;justify-content:center;align-items:center;padding:16px 24px;margin-top:20px;border:0;background:#593344;color:#fff;border-radius:30px;font-size:12px!important}.beauty-hero-art{background:#d6bed8;padding:20px;border-radius:180px 180px 4px 4px}.beauty-hero-art>img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:150px 150px 4px 4px}.beauty-hero-art>span{display:block;font-family:var(--font-mono);font-size:8px;letter-spacing:.13em;text-align:center;padding:17px 0 0}.beauty-booking{background:#e9dce7;padding:70px 6%;display:grid;grid-template-columns:50% 50%;gap:0}.beauty-booking h2{font-family:Georgia,serif;font-size:clamp(45px,5vw,75px);font-weight:400;letter-spacing:-.045em;line-height:.95;margin:0 0 22px}.beauty-booking>div>p:not(.demo-kicker){font-size:12px;line-height:1.8}.beauty-booking>div>img{width:min(85%,380px);margin-top:20px;border-radius:5px}.beauty-booking form{background:#f9f2f6;padding:40px;align-self:center;border-radius:16px}.beauty-booking form>label{display:block;font-size:11px;margin-bottom:12px}.beauty-booking select{width:100%;border:1px solid #d7bfce;background:#fff9fc;padding:14px 12px;border-radius:8px;font-size:12px;color:#593344}.beauty-booking fieldset{border:0;padding:0;margin:30px 0 5px}.beauty-booking legend{font-size:11px;margin-bottom:12px}.beauty-hours{display:flex;gap:8px;flex-wrap:wrap}.beauty-hours button{padding:12px 18px;border:1px solid #d7bfce;background:transparent;border-radius:30px;color:#593344;font-size:12px}.beauty-hours button[aria-pressed=true]{background:#593344;color:#fff;border-color:#593344}.beauty-confirmation{margin-top:24px;min-height:74px;font-size:12px;color:#886878;display:flex;align-items:flex-start;gap:12px}.beauty-confirmation strong{font-weight:500;color:#593344}.beauty-confirmation p{margin:5px 0;line-height:1.6}.beauty-confirmation small{font-size:10px}.beauty-footer{color:#906e85}.flow-demo{--flow-accent: #b6e9ce;--flow-surface: #183e36;background:#102721;color:#eaf7ef;min-height:100svh;padding:0 6% 45px}.flow-demo--indigo{--flow-accent: #c4c7fa;--flow-surface: #252e4d;background:#161c32;color:#eef0ff}.flow-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 0;border-bottom:1px solid #ffffff16}.flow-header a{display:flex;gap:8px;align-items:center;font-size:25px;letter-spacing:-.055em}.flow-header a>span{font-weight:300;color:var(--flow-accent)}.flow-demo-badge{font-family:var(--font-mono);font-size:8px;letter-spacing:.1em;padding:7px 10px;border:1px solid #ffffff25;border-radius:30px}.flow-intro{padding:48px 0 38px}.flow-intro .demo-kicker{color:var(--flow-accent)}.flow-intro h1{font-size:clamp(46px,6vw,80px);font-weight:400;line-height:1.03;letter-spacing:-.06em;margin:0 0 20px}.flow-intro h1>em{font-style:normal;color:var(--flow-accent)}.flow-intro>p:last-child{font-size:13px;line-height:1.8;opacity:.65;max-width:480px}.flow-workspace{display:grid;grid-template-columns:280px 1fr;gap:24px}.flow-controls{background:var(--flow-surface);border:1px solid #ffffff15;padding:26px;border-radius:14px;align-self:start}.flow-panel-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;color:var(--flow-accent);margin:0 0 24px}.flow-controls label{font-size:11px;display:block;margin:18px 0 9px;opacity:.8}.flow-controls select{width:100%;color:#eef7f1;background:#ffffff09;border:1px solid #ffffff24;padding:12px 9px;border-radius:7px;font-size:11px}.flow-controls option{color:#172f29;background:#f0f4f1}.flow-run{display:flex;align-items:center;justify-content:space-between;width:100%;gap:10px;background:var(--flow-accent);border:0;color:#1a3029;font-size:11px!important;padding:14px 12px;border-radius:7px;margin-top:25px}.flow-controls-note{opacity:.45;font-size:10px;line-height:1.7;margin-top:20px}.flow-canvas{background-color:#ffffff04;background-image:radial-gradient(#ffffff15 .8px,transparent .8px);background-size:20px 20px;padding:23px;border:1px solid #ffffff15;border-radius:14px}.flow-canvas-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:10px;color:#ffffff90}.flow-canvas-heading>span{display:inline-flex;align-items:center;gap:8px}.flow-status-dot{width:6px;height:6px;border-radius:50%;background:var(--flow-accent);opacity:.5}.flow-status-dot.is-active{opacity:1;box-shadow:0 0 12px var(--flow-accent)}.flow-reset{border:0;background:#ffffff0b;color:#ffffff80;padding:8px;border-radius:50%}.flow-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:26px 0;position:relative}.flow-steps:before{position:absolute;content:"";top:27px;left:12%;right:12%;height:1px;background:#ffffff20}.flow-step{display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center;position:relative}.flow-step>span{width:54px;height:54px;border-radius:12px;background:var(--flow-surface);border:1px solid #ffffff20;display:grid;place-items:center;color:#ffffff60}.flow-step.is-done>span{border-color:var(--flow-accent);color:var(--flow-accent)}.flow-step strong{font-size:10px;font-weight:400}.flow-step small{font-size:8px;color:#ffffff50}.flow-conversation{min-height:225px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.flow-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:225px;color:#ffffff60}.flow-empty h2{font-size:20px;font-weight:400;margin:18px 0 7px}.flow-empty p{font-size:11px}.flow-bubble{background:var(--flow-surface);border:1px solid #ffffff15;font-size:12px;line-height:1.8;padding:16px 18px;border-radius:2px 14px 14px;max-width:90%}.flow-bubble small{display:block;color:var(--flow-accent);font-family:var(--font-mono);font-size:8px;letter-spacing:.09em;margin-bottom:6px}.flow-bubble--user{align-self:flex-end;background:#ffffff10;border-radius:14px 2px 14px 14px}.flow-inline-note{display:inline-flex;align-items:center;gap:8px;font-size:10px;color:var(--flow-accent);padding:5px}.flow-result{width:100%;background:#ffffff07;border:1px solid #ffffff22;border-radius:10px;padding:20px}.flow-result>span{display:inline-flex;gap:10px;align-items:center;color:var(--flow-accent);font-size:13px}.flow-result dl{margin:15px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.flow-result dt{font-size:9px;color:#ffffff65;margin-bottom:7px}.flow-result dd{font-size:11px;margin:0;line-height:1.5}.flow-disclosure{font-size:10px;line-height:1.8;color:#ffffff50;max-width:680px;margin:28px 0 0}@media(max-width:800px){.coffee-nav,.beauty-nav{padding:24px 6%}.coffee-nav nav,.beauty-nav nav{gap:15px;font-size:10px}.coffee-logo{font-size:33px}.beauty-logo{font-size:34px}.coffee-hero,.beauty-hero{grid-template-columns:1fr;padding-top:25px;gap:35px}.coffee-hero-copy{padding:15px 0 0}.coffee-hero h1,.beauty-hero h1{font-size:clamp(65px,13vw,100px)}.coffee-hero>img{min-height:0;height:auto;aspect-ratio:1}.coffee-hero-foot{margin-top:30px}.coffee-product,.coffee-cart{grid-template-columns:1fr;padding:45px 6%;gap:20px}.coffee-product h2,.coffee-cart h2{font-size:45px}.beauty-hero-art{border-radius:130px 130px 4px 4px;padding:14px}.beauty-booking{grid-template-columns:1fr;gap:35px;padding:45px 6%}.beauty-booking>div>img{display:none}.beauty-booking form{padding:25px}.flow-workspace{grid-template-columns:1fr}.flow-intro{padding-top:35px}.flow-controls{display:grid;grid-template-columns:1fr 1fr;column-gap:15px;padding:22px}.flow-panel-label,.flow-run,.flow-controls-note{grid-column:1 / -1}.flow-controls label{margin-top:0}.flow-controls label[for=flow-service]{grid-column:1;grid-row:2}.flow-controls select#flow-service{grid-column:1;grid-row:3}.flow-controls label[for=flow-choice]{grid-column:2;grid-row:2}.flow-controls select#flow-choice{grid-column:2;grid-row:3}.flow-canvas{padding:18px}.flow-step>span{width:43px;height:43px}.flow-steps:before{top:22px}.flow-step strong{font-size:9px}.flow-result dl{grid-template-columns:1fr;gap:12px}.flow-result dl>div{display:flex;justify-content:space-between;gap:18px}.flow-result dd{text-align:right}}@media(max-width:430px){.demo-notice{font-size:8px;gap:12px}.demo-notice>span{max-width:160px;text-align:right}.coffee-nav nav>a:first-child,.beauty-nav nav>a:first-child{display:none}.coffee-buy>strong{width:100%}.coffee-hero h1,.beauty-hero h1{font-size:64px}.flow-intro h1{font-size:46px}.coffee-footer,.beauty-footer{align-items:flex-start;flex-direction:column;gap:15px}.flow-controls{column-gap:10px}.flow-controls select{font-size:10px}}@media(prefers-reduced-motion:reduce){.demo-page *,.demo-cover *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}