.experience{background:#fff8fb;border-block:1px solid #f4e4ef}.experience-grid{display:grid;gap:36px}.experience-copy{min-width:0}.experience-eyebrow{font-size:13px;font-weight:700;color:#a8296e;margin-bottom:16px}.experience h2{font-size:clamp(28px,3.2vw,43px);line-height:1.7;letter-spacing:-.06em}.experience-lead{margin-top:22px;font-size:16px;line-height:1.9}.experience-steps{list-style:none;padding:0;margin:28px 0;display:grid;gap:18px}.experience-steps li{display:flex;gap:14px;align-items:flex-start}.experience-steps li>span{color:#b65c8a;font-size:13px;padding-top:3px}.experience-steps strong{font-size:16px;color:var(--ink)}.experience-steps p{font-size:14px;color:var(--muted);margin-top:2px}.experience-safety{font-size:12px;color:var(--muted);line-height:1.9}.experience-workspace{min-width:0;max-width:392px;width:100%;margin-inline:auto}.experience-phone{padding:7px;border:1px solid #d6c6d0;border-radius:30px;background:#fff;box-shadow:0 24px 70px #64274912;overflow:hidden}.experience-phone-bar{height:28px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;color:#786572}.experience-phone-bar span{display:block;width:38px;height:5px;background:#d8cbd5;border-radius:9px}.experience-phone-bar b{font-size:10px;font-weight:500;letter-spacing:.08em}.experience-display{height:580px;height:clamp(490px,74svh,650px);position:relative;overflow:hidden;border-radius:20px;background:#f7f1e8}.experience-display iframe{display:block;width:100%;height:100%;border:0;background:#f7f1e8;scrollbar-width:thin}.experience-start{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px;padding:22px;background:linear-gradient(155deg,#fceef5,#f7f1e8 65%,#f3e1ec);z-index:1}.experience-start .experience-cafe{color:#694e3e;font-family:serif;font-size:31px;letter-spacing:.12em}.experience-start>p:not(.experience-cafe){font-size:13px;color:#796c72;line-height:1.9}.experience-start .button{margin-top:8px;font-size:14px;min-height:46px}.experience-controls{margin-top:16px;display:flex;flex-direction:column;align-items:center;gap:10px}.experience-controls[hidden],.experience-start[hidden]{display:none}.experience-shortcuts{display:flex;gap:6px;width:100%}.experience-shortcuts button{flex:1;min-height:44px;border:1px solid #e0ceda;border-radius:8px;background:white;font-size:12px;color:var(--ink);padding:8px 3px;cursor:pointer}#experience-reset{min-height:44px;border:0;background:transparent;color:#76556b;font-size:12px;padding:8px 16px;text-decoration:underline;text-underline-offset:4px}.experience-status{text-align:center;min-height:44px;margin-top:12px;font-size:12px;line-height:1.8;color:var(--muted)}.experience-start.is-loading .button{opacity:.6}.experience-workspace button:disabled{cursor:wait}@media(min-width:800px){.experience-grid{grid-template-columns:1fr 1fr;gap:60px;align-items:center}.experience-steps{margin-block:30px}.experience-display{height:640px}.experience-workspace{max-width:390px}}@media(max-width:380px){.experience>.wrap{width:min(1240px,100% - var(--gutter)*2)}.experience-phone{padding:5px;border-radius:25px}.experience-display{border-radius:18px}.experience-start .experience-cafe{font-size:27px}}@media(prefers-reduced-motion:reduce){.experience *{scroll-behavior:auto;transition:none!important}}
@media(max-width:760px){.experience>.wrap{width:min(1240px,100% - var(--gutter)*2)}.experience-copy{padding-inline:2px}.experience-lead,.experience-safety{padding-inline:0}.experience-steps{padding-inline:0}}