.visual-intro{padding:48px 0 34px;display:flex;justify-content:space-between;align-items:end;gap:35px}.visual-intro h1{font-size:clamp(38px,4.8vw,65px);font-weight:450;line-height:1.07;letter-spacing:-.055em}.visual-intro em{font-family:Georgia,serif;color:#55735d}.visual-intro>p{max-width:340px;font-size:14px;color:#5e6e61}.scenario-tabs{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 30px}.scenario-tabs button{border:1px solid #ccd5c8;padding:12px 18px;border-radius:99px;background:transparent;min-height:48px;font-size:12px}.scenario-tabs button[aria-pressed=true]{background:#294532;color:white;border-color:#294532}.visual-demo{--accent:#ab5734;--soft:#f2dfcd;background:#eeeee5;border:1px solid #dce1d5;border-radius:28px;padding:30px 34px 18px}.visual-demo[data-theme=reservation]{--accent:#61794a;--soft:#e1e8cf}.visual-demo[data-theme=assistant]{--accent:#446087;--soft:#d9e4f1}.scene-heading{display:flex;justify-content:space-between;gap:30px;align-items:end}.scene-heading h2{font-size:clamp(25px,3vw,38px);font-weight:450;line-height:1.15;letter-spacing:-.04em}.scene-heading .eyebrow{margin-bottom:10px;font-size:9px;color:var(--accent)}.scene-heading>p{max-width:330px;font-size:12px;color:#5b6b5f}.scene-canvas{display:grid;grid-template-columns:1fr 90px 1fr;gap:15px;align-items:center;min-height:435px;padding:30px 0 22px}.stage-label{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#5f7063;margin-bottom:13px}.browser-mock{background:white;border:1px solid #d9dfd5;border-radius:13px;box-shadow:0 16px 35px #203b2510;overflow:hidden}.browser-bar{display:flex;align-items:center;gap:4px;background:#f7f8f5;padding:10px 13px;border-bottom:1px solid #e4e8e0;font-size:9px;color:#64715f}.browser-bar i{width:5px;height:5px;border-radius:50%;background:#c7d1c1}.browser-bar span{margin-left:12px}.mock-body{padding:22px}.mock-brand{font-size:10px;font-weight:700;letter-spacing:.06em}.mock-heading{font-size:23px;line-height:1.15;margin:15px 0}.mock-hero{display:grid;grid-template-columns:1fr 90px;gap:15px;align-items:center}.trade-art{width:90px;height:100px;color:var(--accent)}.mock-field{padding:9px 11px;background:#f5f6f2;border:1px solid #e3e7df;border-radius:6px;font-size:11px;margin:9px 0;color:#344539}.mock-field small{display:block;font-size:9px;color:#687762;margin-bottom:2px}.scene-action{border:0;border-radius:8px;padding:12px 18px;background:var(--accent);color:white;font-size:11px;min-height:44px;width:100%;margin-top:8px}.scene-action:disabled{opacity:.75;cursor:default}.flow-connector{text-align:center;color:var(--accent)}.flow-connector svg{width:100%;height:65px}.flow-connector span{font-size:9px;display:block;line-height:1.5}.paper-mock{position:relative;background:white;border-radius:4px 24px 4px 4px;padding:25px;box-shadow:0 15px 30px #203b2510;min-height:307px;border:1px solid #dbe0d3}.paper-mock:after{content:'';position:absolute;right:0;top:0;border-style:solid;border-width:0 24px 24px 0;border-color:transparent #e5e7dc transparent transparent}.paper-head{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #e0e5da;padding-bottom:12px}.paper-head strong{font-size:15px}.state-tag{font-size:9px;border-radius:30px;padding:5px 8px;background:var(--soft);color:var(--accent)}.paper-mock dl{font-size:11px;margin:20px 0}.paper-mock dl>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #edf0e8;padding:9px 0}.paper-mock dt{color:#6c7a69}.paper-mock dd{margin:0;text-align:right;font-weight:550}.paper-note{font-size:11px;color:#586a57;background:#f1f4eb;padding:13px;border-radius:8px}.scene-result{display:flex;align-items:center;gap:13px;padding:17px 0;border-top:1px solid #d4ddcb}.scene-result p{font-size:13px;flex:1}.result-icon{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#dce7d0;color:#345634}.scene-result button{font-size:11px;background:none;border:0;border-bottom:1px solid #9aaa92;padding:8px}.demo-disclosure{font-size:10px;color:#62715b;margin:2px 0}.phone-mock{margin:auto;width:220px;border:6px solid #26312d;border-radius:33px;padding:14px 14px 20px;background:#f5f6f0;box-shadow:10px 16px 28px #17302016;min-height:328px}.phone-notch{width:63px;height:13px;margin:0 auto 16px;background:#26312d;border-radius:20px}.phone-time{text-align:center;font-size:32px;letter-spacing:-.05em}.phone-day{text-align:center;font-size:10px;margin-bottom:20px}.notification{background:white;border-radius:13px;padding:13px;box-shadow:0 3px 10px #2436210b}.notification small{display:block;font-size:8px;color:#6c7865}.notification strong{display:block;font-size:12px;margin:10px 0 5px}.notification p{font-size:10px;line-height:1.65}.notification-bottom{font-size:9px;color:#64765a;text-align:center;padding-top:20px}.calendar-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:18px 0}.calendar-grid span{padding:7px 2px;text-align:center;background:#f0f3e9;border-radius:5px;font-size:10px}.calendar-grid small{display:block;font-size:8px}.calendar-grid .chosen{background:var(--accent);color:white}.hours{display:flex;gap:6px;flex-wrap:wrap}.hours span{font-size:10px;padding:7px;border:1px solid #dce3d2;border-radius:5px}.hours .chosen{border-color:var(--accent);background:var(--soft)}.chat-bubble{font-size:11px;padding:13px;border-radius:14px 14px 14px 3px;background:#edf2f7;margin:14px 0;line-height:1.7}.chat-bubble.visitor{border-radius:14px 14px 3px 14px;background:var(--accent);color:white;margin-left:35px}.chat-person{display:flex;align-items:center;gap:8px;font-size:10px}.avatar-art{width:32px;height:32px;border-radius:50%;background:var(--soft);color:var(--accent);display:grid;place-items:center;font-weight:700}.knowledge-book{min-height:286px;background:#f9fbfc;border:1px solid #bacbda;border-left:12px solid var(--accent);border-radius:3px 16px 16px 3px;padding:24px;box-shadow:5px 6px 0 #d6e0e8,9px 11px 24px #1e385a15}.knowledge-book h3{font-size:20px;font-family:Georgia,serif;font-weight:400;margin-bottom:15px}.knowledge-book li{font-size:11px;margin:12px 0}.knowledge-book ul{padding-left:16px}.knowledge-book .seal{display:block;margin-top:10px;border-top:1px solid #ccd7e1;padding-top:12px;font-size:10px;color:#476382}.question-switch{border:0;background:transparent;font-size:10px;color:var(--accent);text-decoration:underline;margin-top:10px;min-height:36px}.benefit-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;padding:45px 0}.benefit-strip span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#6b7e62}.benefit-strip h3{font-size:24px;letter-spacing:-.04em;font-weight:450;margin:10px 0}.benefit-strip p{font-size:12px;color:#63725c}.connection-details{border-block:1px solid #cdd7c4;padding:20px 0;margin-bottom:40px;font-size:12px}.connection-details summary{cursor:pointer;font-weight:550;min-height:24px}.connection-details p{max-width:850px;margin-top:17px;color:#61735b}.closing{border-radius:22px}.closing .button{border-radius:40px}.scene-canvas button:focus-visible{outline:3px solid #143f67;outline-offset:4px}[hidden]{display:none!important}@media(max-width:850px){.scene-canvas{grid-template-columns:1fr 55px 1fr;gap:10px}.visual-demo{padding:24px}.mock-body,.paper-mock{padding:17px}.scene-heading{align-items:start}.scene-heading>p{max-width:250px}.mock-hero{grid-template-columns:1fr}.trade-art{display:none}.visual-intro{display:block}.visual-intro>p{max-width:600px;margin-top:22px}}@media(max-width:600px){.visual-intro{padding:34px 0 25px}.visual-intro h1{font-size:41px}.scenario-tabs{display:grid;grid-template-columns:1fr;gap:7px}.scenario-tabs button{text-align:left;padding:9px 16px;min-height:44px}.visual-demo{padding:22px 18px;border-radius:20px}.scene-heading{display:block}.scene-heading>p{margin-top:13px;max-width:none}.scene-canvas{grid-template-columns:1fr;gap:13px;padding-top:24px}.flow-connector{display:flex;align-items:center;justify-content:center;gap:10px}.flow-connector svg{width:45px;height:45px;transform:rotate(90deg)}.flow-connector span{font-size:10px}.scene-result{flex-wrap:wrap}.scene-result p{flex-basis:calc(100% - 45px)}.scene-result button{margin-left:43px}.benefit-strip{grid-template-columns:1fr;gap:25px}.benefit-strip>div{border-bottom:1px solid #dce2d5;padding-bottom:22px}.trade-art{display:block}.mock-hero{grid-template-columns:1fr 90px}}

/* Real device frame with an illustrative iOS lock screen. */
.iphone-example{margin:0;text-align:center}.iphone-preview{position:relative;width:260px;max-width:100%;aspect-ratio:388/800;margin:auto;filter:drop-shadow(8px 18px 19px #20332920);font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;text-align:left;color:white}.iphone-frame{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}.iphone-screen{position:absolute;inset:1.2% 3%;overflow:hidden;border-radius:14% / 6.5%;background:linear-gradient(180deg,#172b3c44,#17252118 40%,#131f25a1),url('assets/beaute.webp') center/cover}.ios-status{position:absolute;right:7%;top:3.5%;display:flex;align-items:center;gap:4px;font-size:7px}.ios-status svg{width:12px;height:10px}.ios-battery{display:block;width:17px;height:8px;border:1px solid #ffffff90;border-radius:2px;position:relative}.ios-battery:before{content:'';position:absolute;inset:1px;background:white;border-radius:1px}.ios-battery:after{content:'';position:absolute;right:-3px;top:2px;width:2px;height:3px;background:#ffffff90}.ios-clock{text-align:center;padding-top:22%;text-shadow:0 1px 10px #17231518}.ios-clock p{font-size:15px;font-weight:500;letter-spacing:-.02em}.ios-clock strong{font-size:76px;line-height:1.08;letter-spacing:-.055em;font-weight:600;color:#fffffff0}.ios-notification{position:absolute;left:3%;right:3%;bottom:23%;display:flex;gap:8px;padding:12px 10px;border-radius:20px;background:#4b585845;backdrop-filter:blur(24px) saturate(1.5);-webkit-backdrop-filter:blur(24px) saturate(1.5);border:1px solid #ffffff55;box-shadow:inset 0 1px 1px #ffffff30,0 5px 14px #00000010}.ios-notification>img{width:28px;height:28px;border-radius:7px;flex-shrink:0;align-self:center}.ios-notification>div{min-width:0;flex:1}.ios-notification-heading{display:flex;justify-content:space-between;gap:3px;align-items:baseline}.ios-notification-heading strong{font-size:10px;font-weight:700}.ios-notification-heading span{font-size:7px;color:#ffffffb3}.ios-notification p{font-size:10px;line-height:1.4;margin-top:2px;color:white;letter-spacing:-.01em}.ios-tools{position:absolute;bottom:7%;left:11%;right:11%;display:flex;justify-content:space-between}.ios-tools>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffff30;border-radius:50%;background:#26302b60;backdrop-filter:blur(10px)}.ios-tools svg{width:17px;height:17px;stroke:white;stroke-width:1.6;stroke-linejoin:round;fill:none}.ios-home{position:absolute;bottom:2.3%;left:34%;width:32%;height:3px;background:white;border-radius:10px}.iphone-example figcaption{font-size:9px;color:#60715a;margin-top:15px}