/* Actual weekly journal + the actual booking card, captured with synthetic data. */
.hero:has(.hero-porcelain){grid-template-columns:.82fr 1.18fr;gap:42px;padding-block:58px 66px}
.hero-porcelain{padding:12px 0 0;isolation:isolate}
.hero-porcelain:before{inset:0 -4% 3%;background:radial-gradient(ellipse at 62% 45%,#cbd9ff8c 0,#e7edff5c 43%,transparent 72%)}
.hero-porcelain .visual-label{margin:0 0 16px 0;font-size:12px;display:flex;align-items:center;gap:8px;color:#3f506b}
.hero-product-stage{position:relative;padding:0 0 100px;isolation:isolate}
.hero-porcelain .hero-browser{width:100%;margin:0;border-color:#c7cec8;border-radius:16px;box-shadow:0 28px 65px -28px #11182788;overflow:hidden}
.hero-porcelain .browser-bar{background:#f3f3f0;color:#404944;border-color:#d9ded9}
.hero-porcelain .browser-address{color:#4a5750;background:#e9ede7;border:1px solid #d0d7d0}
.hero-porcelain .hero-browser img{width:100%;height:auto;display:block}
.hero-checkout{position:absolute;right:-10px;bottom:0;width:43%;z-index:3;display:block;border:1px solid #c9d0c9;border-radius:16px;overflow:hidden;box-shadow:0 18px 42px -10px #152b3340;background:#fff}
.hero-checkout img{display:block;width:100%;height:auto}
.hero-porcelain .hero-phone{width:22%;left:24px;bottom:0;border-color:#d9ded9;background:#fff;border-radius:19px;box-shadow:0 18px 40px -15px #152b3340}
.hero-porcelain .phone-label{color:#25362e;background:#f3f3f0;font-size:10px;padding:8px}
.hero-porcelain .hero-phone img{display:block;width:100%;height:auto}
.hero-porcelain .hero-connection{position:static;margin:18px 0 11px;font-size:11px;line-height:1.6;max-width:none;color:#52617b}
.hero-porcelain .visual-foot{position:static;display:flex;flex-wrap:wrap;gap:4px 16px;max-width:none;font-size:10px;line-height:1.65}
.hero-porcelain .screenshot-zoom:focus-visible{outline:3px solid #4d7cff;outline-offset:5px}
@media(min-width:1400px){.hero:has(.hero-porcelain){gap:50px}.hero-porcelain{margin-right:-12px}}
@media(max-width:1100px) and (min-width:901px){.hero:has(.hero-porcelain){gap:28px;grid-template-columns:.88fr 1.12fr}.hero-product-stage{padding-bottom:85px}.hero-porcelain .hero-phone{left:16px}}
@media(max-width:900px){.hero-porcelain:before{inset:0}.hero:has(.hero-porcelain){grid-template-columns:1fr;gap:30px}.hero-porcelain{max-width:720px;width:100%;margin-inline:auto}}
@media(max-width:600px){.hero:has(.hero-porcelain){padding-block:34px 40px}.hero-product-stage{padding-bottom:85px}.hero-porcelain .visual-label{font-size:10px;margin-bottom:12px}.hero-checkout{width:45%;right:0;border-radius:11px}.hero-porcelain .hero-browser{border-radius:11px}.hero-porcelain .hero-phone{width:24%;left:12px;border-width:3px;border-radius:13px}.hero-porcelain .phone-label{font-size:8px;padding:6px 3px}.hero-porcelain .hero-connection{margin-top:15px;font-size:10px}.hero-porcelain .visual-foot{font-size:9px}.hero-porcelain .hero-browser .browser-bar{height:25px;padding-inline:10px}.hero-porcelain .browser-address{font-size:8px}}