/* Interactive surfaces are isolated from the source illustration. */
.pro-stage{background-image:url('assets/ready/professional-scene-clean-v3.webp')}
.pro-device{margin:0;transition:transform .3s cubic-bezier(.2,.75,.2,1),filter .3s;transform-origin:50% 80%;isolation:isolate}
.professional-page .pro-device:hover,.professional-page .pro-device:focus-within{transform:scale(1.035);z-index:8;filter:drop-shadow(0 10px 15px #0006);outline:none}
.pro-phone-title{position:absolute;left:9%;right:4%;top:-15%;height:11%;margin:0;display:grid;place-items:center;border:1px solid #ffa76f99;border-radius:20px;background:linear-gradient(135deg,#321e18d9,#211523dc);backdrop-filter:blur(16px);box-shadow:inset 0 1px 2px #fff7,0 3px 16px #f34e5333;color:#fff7ec;font-size:clamp(13px,1.55vw,24px);font-weight:650;letter-spacing:-.3px}
.pro-screen-defs{position:absolute;width:0;height:0;overflow:hidden}
.pro-screen-clip{position:absolute;inset:0;display:block;overflow:hidden;background:transparent;z-index:1}
.pro-scroll{position:absolute;left:0;top:0;width:707px;height:1360px;display:block;transform-origin:0 0;background:#090909;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;overscroll-behavior-x:auto;overscroll-behavior-y:contain;touch-action:pan-x pan-y;isolation:isolate}
.pro-scroll::-webkit-scrollbar{display:none}
.pro-scroll img{display:block;width:707px;height:auto;max-width:none;pointer-events:none;user-select:none}
.pro-scroll:focus-visible{outline:4px solid #ffe1bb;outline-offset:-4px}
.pro-original-frame{pointer-events:none}
.pro-screen-expand{position:absolute;right:8%;bottom:12%;z-index:4;border:1px solid #fff6;border-radius:50%;width:30px;height:30px;color:white;background:#38252b99;backdrop-filter:blur(8px);cursor:pointer}
.pro-notifications-left,.pro-notifications-right{clip-path:none;overflow:visible;position:absolute;width:14%;max-width:none;height:auto;z-index:4;gap:1vw;pointer-events:auto}
.pro-notifications-left{left:5.8%;top:16.4%;right:auto}
.pro-notifications-right{left:35.2%;right:auto;top:15%}
.pro-notification,.pro-notifications-right .pro-notification{width:100%;font:inherit;text-align:left;display:flex;align-items:center;gap:7px;padding:10px 9px;font-size:clamp(8px,.8vw,13px);line-height:1.35;color:white;background:linear-gradient(115deg,#3c302064,#1b171c9c);backdrop-filter:blur(18px) saturate(115%);border:1px solid #d9b4907a;border-radius:20px;box-shadow:inset 0 1px 2px #fff3,0 4px 16px #0003;transition:transform .25s,box-shadow .25s;cursor:pointer}
.pro-notification:hover,.pro-notification:focus-visible{transform:scale(1.055);box-shadow:inset 0 1px 2px #fff7,0 6px 20px #ff8c3025;outline:none}
.pro-notification-avatar{display:block;width:31px;height:35px;border-radius:50%;flex:none;border:1px solid #ffce8d;background:url('assets/professional/official-reference.jpg') 26% 19%/900% auto}
.pro-notification .notification-title{font-weight:500}.notification-stars{font-size:15px}.pro-notification-icon{flex:none}
.professional-page .pro-feature:hover,.professional-page .pro-feature:focus{outline:none;transform:none;box-shadow:inset 1px 2px 3px #fff9,inset -2px -2px 4px #fff3,0 8px 26px #f7774822}
.professional-page .pro-feature:focus-visible{outline:2px dashed #fff9;outline-offset:4px}
.professional-page .pro-feature .client-glass-inside:before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent,#ffe6c92a,transparent);opacity:0;z-index:2;transition:opacity .3s;pointer-events:none}
.professional-page .pro-feature:hover .client-glass-inside:before{opacity:1}
.professional-page .pro-feature-photo{object-fit:cover;object-position:center}
.professional-page .pro-feature .client-glass-caption:before{background:linear-gradient(160deg,#635c5426,#3f344d3b);backdrop-filter:blur(17px) saturate(120%) brightness(.74);-webkit-backdrop-filter:blur(17px) saturate(120%) brightness(.74);mask-image:linear-gradient(transparent,#000 32%);-webkit-mask-image:linear-gradient(transparent,#000 32%)}
/* Full-screen editorial feature pages, with useful, accessible chapter disclosure. */
.pro-sheet.pro-story{inset:0;margin:0;width:100vw;max-width:none;height:100dvh;max-height:none;border:0;border-radius:0;background:#151013;overscroll-behavior:contain;isolation:isolate}
.pro-story .pro-sheet-close{position:fixed;right:18px;top:14px;float:none;margin:0;background:#21191ba6;backdrop-filter:blur(15px)}
.pro-story-environment{position:fixed;inset:0;z-index:-2;background-position:center;background-size:cover}
.pro-story-environment:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#120c1199,transparent 60%),linear-gradient(0deg,#120c1199,transparent 65%)}
.pro-story-layout{min-height:100dvh;padding:clamp(75px,10vh,130px) 6vw 60px;display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;align-items:center;max-width:1700px;margin:auto}
.pro-story-intro{align-self:center;text-shadow:0 3px 22px #0008}
.pro-story-brand{display:block;font-size:13px;font-weight:700;letter-spacing:2px;color:#ffd3ac}
.pro-story-intro h3{font-size:clamp(48px,6.5vw,108px);letter-spacing:-.055em;line-height:.98;margin:26px 0;color:#fff8ee}
.pro-story-intro p{font-size:clamp(19px,1.8vw,28px);line-height:1.5;max-width:600px}
.pro-story-chapters{padding:26px;border:1px solid #ffdebf52;border-radius:30px;background:linear-gradient(145deg,#5c434251,#20171e88);backdrop-filter:blur(23px) saturate(120%);box-shadow:inset 0 1px #fff3,0 25px 70px #0003}
.pro-story-chapters details{border-bottom:1px solid #fff2;padding:8px 0}
.pro-story-chapters summary{list-style:none;display:flex;align-items:center;gap:13px;padding:17px 0;cursor:pointer;font-size:clamp(17px,1.5vw,22px);line-height:1.25;font-weight:600}
.pro-story-chapters summary::-webkit-details-marker{display:none}.pro-story-chapters summary>span{font-size:11px;color:#ffb888;font-weight:500}.pro-story-chapters summary>b{font-size:22px;font-weight:300;margin-left:auto;transition:transform .25s}.pro-story-chapters details[open] summary>b{transform:rotate(45deg)}
.pro-story-chapters details p{font-size:16px;line-height:1.75;color:#fff0e6;margin:0 0 20px 28px;animation:proChapter .25s ease-out}
.pro-story-note{font-size:11px;line-height:1.5;color:#eeded4b0;margin:22px 0 0}
@keyframes proChapter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:760px){
.pro-character{background-image:url('assets/ready/professional-scene-clean-v3.webp')}
.pro-notifications-left,.pro-notifications-right{width:27%;gap:2.2vw}
.pro-notifications-left{left:11.7%;top:16.4%}.pro-notifications-right{left:72%;top:15%}
.pro-notification,.pro-notifications-right .pro-notification{font-size:clamp(7px,2.1vw,11px);padding:6px 5px;gap:4px;border-radius:12px}.pro-notification-avatar{width:19px;height:23px}.pro-notification-icon{font-size:17px}.notification-stars{font-size:10px;letter-spacing:0}
.pro-phones{padding-top:58px;padding-bottom:14px;overflow-y:hidden;align-items:flex-end}
.pro-phone-title{top:-42px;height:34px;font-size:16px;border-radius:15px}
.pro-screen-expand{width:28px;height:28px;bottom:11%}
.pro-story-layout{display:block;padding:90px 6% 32px}.pro-story-intro{min-height:30vh;padding-bottom:24px}.pro-story-intro h3{font-size:52px}.pro-story-intro p{font-size:19px}.pro-story-chapters{padding:17px;border-radius:23px}.pro-story-chapters summary{font-size:18px}.pro-story-chapters details p{font-size:15px;margin-left:24px}.pro-story-environment{background-position:40% center}.pro-story-environment:after{background:linear-gradient(#10080c30,#10080c66)}
}
@media(prefers-reduced-motion:reduce){.pro-device,.pro-notification,.pro-story-chapters summary>b{transition:none}.pro-story-chapters details p{animation:none}.professional-page .pro-device:hover,.professional-page .pro-device:focus-within,.pro-notification:hover{transform:none}}
/* The founder’s supplied face is sampled directly, never regenerated. */
.pro-mascot{left:21.9%;top:17.1%;width:12.5%;height:29.2%}
.pro-notification-avatar{background-image:url('assets/professional/mascot-original.jpg');background-size:340% auto;background-position:49% 2%}
@media(max-width:760px){.pro-mascot{left:44.85%;top:17.1%;width:25.6%;height:29.2%}}
.pro-story-brand{display:flex;align-items:center;gap:15px}.pro-story-brand .wordmark{--logo-width:150px}

/* Keep the parent showcase still while a feature or app capture is open. */
#detail-dialog.pro-sheet-open{overflow:hidden!important}
.pro-story-intro,.pro-story-chapters{min-width:0}
@media(max-width:400px){.pro-story-intro h3{font-size:clamp(35px,11vw,44px);overflow-wrap:break-word}.pro-story-chapters summary{font-size:17px}}
@media(hover:none){.professional-page .pro-device:hover{transform:none}.professional-page .pro-device:focus-within{transform:scale(1.02)}}
@media(prefers-reduced-motion:reduce){.professional-page .pro-device:focus-within{transform:none}}

/* Spoken copy reuses the adjacent notification; the live region stays nonvisual. */
.pro-mascot-response{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
/* Original captures stay complete, including their own status and navigation bars. */
.pro-scroll{height:1536px}
.pro-capture{position:relative;display:block;width:707px;height:1536px}
.pro-capture img{display:block;width:707px;height:1536px;max-width:none;object-fit:fill}
.pro-name-patch{position:absolute;display:block;color:#f1eee7;font-family:Arial,Helvetica,sans-serif;font-weight:600;white-space:nowrap;line-height:1.2}
.pro-name-patch.feed-name{left:111px;top:1225px;width:160px;height:34px;border-radius:7px;background:#26211f;padding:4px;font-size:21px}
.pro-name-patch.profile-name{left:230px;top:487px;width:255px;height:42px;background:#0a0a0a;text-align:center;font-size:35px}
.pro-full-capture{width:100%;overflow:auto;margin:auto;max-width:707px}
/* Reinstate the raised circular crest + small glossy sign, not a wide toolbar. */
.pro-phone-title{left:18%;right:8%;top:-15%;height:10%;border-radius:22px;background:linear-gradient(125deg,#28180de8,#09070bee);border:1.5px solid #ffad4e;box-shadow:inset 0 1px 3px #fff6,0 0 9px #ff9b3999,0 2px 4px #0009;transform:rotate(-5deg);font-size:clamp(13px,1.4vw,22px);padding-top:5px;z-index:3;overflow:visible}
.pro-sign-symbol{position:absolute;left:50%;bottom:calc(100% - 6px);width:43%;height:115%;transform:translateX(-50%);z-index:-1;overflow:hidden;border-radius:60% 60% 0 0}
.pro-sign-symbol svg{display:block;width:100%;height:100%;overflow:hidden;stroke:none}
.pro-device:nth-child(2) .pro-phone-title{border-color:#f047b9;box-shadow:inset 0 1px 3px #fff6,0 0 9px #ed1cc766,0 2px 4px #0009}
.pro-notification,.pro-notifications-right .pro-notification{background:linear-gradient(125deg,#6d432e75,#1711198c);border-radius:19px;border-color:#ffdfbe80;box-shadow:inset 0 1px 2px #fff4,0 3px 15px #0003}
@media(max-width:760px){.pro-phones{padding-top:89px}.pro-phone-title{top:-44px;height:35px;font-size:17px}.pro-sign-symbol{width:40%;height:130%}.pro-notification,.pro-notifications-right .pro-notification{border-radius:14px}}

.pro-phone-title{top:-11%}.pro-sign-symbol{height:85%}
.pro-head-cleanplate{position:absolute;inset:0;background:url('assets/fast/professional-head-background-repair.webp') left top/100% auto no-repeat;clip-path:polygon(22% 19%,33% 19%,33% 44%,22% 44%);pointer-events:none}
@media(max-width:760px){.pro-head-cleanplate{background-size:204.8% auto;clip-path:polygon(45% 19%,68% 19%,68% 44%,45% 44%)}.pro-phone-title{top:-44px}.pro-sign-symbol{height:95%}}
/* The approved notification examples do not represent identifiable people. */
.pro-notification-avatar{display:none}
/* App screenshots are sliced at their existing chrome, never re-generated. */
.pro-scroll{overflow:hidden}
.pro-interactive-capture{overflow:hidden;background:#090909}
.pro-stream{position:absolute;left:0;right:0;display:block;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;overscroll-behavior-y:contain;touch-action:pan-x pan-y;outline:none}
.pro-stream::-webkit-scrollbar{display:none}
.pro-slice{position:relative;display:block;width:707px;overflow:hidden;flex:none;background:#090909}
.pro-slice img,.pro-screen-chrome img{position:absolute;left:0;display:block;width:707px;height:1536px;max-width:none}
.pro-screen-chrome{position:absolute;left:0;right:0;display:block;overflow:hidden;z-index:3;pointer-events:none}
.pro-screen-top{top:0}.pro-screen-bottom{bottom:0}
.pro-reference-shell{-webkit-box-reflect:below -16% linear-gradient(transparent 79%,#ffffff26 100%)}
.professional-page .pro-device:after{content:'';display:block;position:absolute;left:10%;right:4%;bottom:6%;height:4%;border-radius:50%;background:linear-gradient(90deg,#ff9b2470,#ff765f55,#ed1bbd70);filter:blur(10px);pointer-events:none;z-index:-1}
@media(max-width:760px){.pro-phones{padding-bottom:20px}.pro-reference-shell{-webkit-box-reflect:below -16% linear-gradient(transparent 87%,#ffffff20 100%)}}

.pro-handset-cleanplate{position:absolute;inset:0;background:url('assets/fast/legacy-professional-handset-clean.webp') left top/100% auto no-repeat;clip-path:polygon(36.4% 49.2%,40% 49.8%,38.7% 56.3%,34.9% 59%);pointer-events:none}
@media(max-width:760px){.pro-handset-cleanplate{background-size:204.8% auto;clip-path:polygon(74.55% 49.2%,81.92% 49.8%,79.26% 56.3%,71.48% 59%)}}

/* Enlarged screenshots retain the same independent feed/profile streams. */
.pro-expanded-screen{position:relative;width:min(420px,90%,calc((90dvh - 160px) * .460286));aspect-ratio:707/1536;margin:15px auto 25px;overflow:hidden;border-radius:22px;isolation:isolate}
.pro-expanded-screen>.pro-capture{position:absolute;left:0;top:0;transform:scale(var(--capture-scale,1));transform-origin:top left}

/* Four legible message examples, composed beside the seated guide. */
.pro-notifications-left{left:5.5%;top:7%;width:16%;gap:22px}
.pro-notifications-right{display:none}
.pro-notification{position:relative!important;min-height:76px;font-size:clamp(12px,1vw,16px)!important;line-height:1.4!important;padding:12px!important;gap:10px!important;border-radius:24px!important;background:linear-gradient(120deg,#51413685,#21191b99)!important;backdrop-filter:blur(18px) saturate(135%);text-shadow:0 1px 3px #0008}
.pro-notification:after{width:18px;height:18px;right:-7px;bottom:4px;background:#3e2c268f;clip-path:path('M0 0 Q5 12 18 16 Q6 19 0 9Z')}
.pro-message-symbol{width:29px;height:29px;display:grid;place-items:center;flex:none;border-radius:9px;background:linear-gradient(145deg,#ff8d47,#ef146c);color:white;font-size:19px;box-shadow:inset 0 1px 1px #fff6}
.n-1 .pro-message-symbol{background:#168bef}.n-2 .pro-message-symbol{background:linear-gradient(135deg,#ff922a,#d515c8)}.n-3 .pro-message-symbol{background:#19c66b}
.pro-message-time{display:block;text-align:right;font-size:10px;color:#eaded8}.notification-amount{font-size:1.3em;font-weight:650}.pro-notification-demo{color:#ecded5;font-size:10px;text-shadow:0 1px 3px #000;margin-top:-13px}
@media(max-width:760px){.pro-notifications-left{left:3%;top:5%;width:42%;gap:9px}.pro-notification{font-size:11px!important;min-height:62px;padding:8px!important;gap:6px!important;border-radius:18px!important}.pro-message-symbol{width:23px;height:23px;font-size:15px}.pro-message-time{font-size:8px}.pro-notification-demo{font-size:8px;margin-top:0}}

/* Phone silhouettes and floor light sampled from the newly approved mockup. */
@media(min-width:761px){.professional-page .pro-device:nth-child(1){left:39.518%;top:17.215%;width:20.182%}.professional-page .pro-device:nth-child(2){left:57.682%;top:14.684%;width:22.461%}.professional-page .pro-device:nth-child(3){left:79.167%;top:13.924%;width:20.833%}}
.pro-reference-shell{-webkit-box-reflect:none}.professional-page .pro-device:after{display:none}
@media(max-width:760px){.pro-phones{padding-top:18px!important;padding-bottom:20px}.pro-reference-shell{-webkit-box-reflect:none}}

/* Static app screenshots: only the hardware moves; the scene floor is separate. */
.pro-static-phone{display:block;position:relative;aspect-ratio:731/1560!important;padding:0;border:2px solid #ffb969;border-radius:36px;background:linear-gradient(125deg,#ffdba3,#ff893c 28%,#ff487c 65%,#e61dca);box-shadow:inset 0 0 0 3px #2b171e,inset 0 0 0 5px #fff7,0 0 9px #ff57537a,4px 2px 14px #ee20b760;overflow:hidden}
.pro-static-phone .pro-screen-clip{inset:10px;overflow:hidden;border-radius:26px;clip-path:none!important;background:#090909}
.pro-static-phone .pro-scroll{inset:0;width:707px;height:1536px;overflow:hidden;pointer-events:none}
.pro-static-capture{display:block;width:707px;height:1536px;background:#090909;overflow:hidden;position:relative}
.pro-fixed-slice{position:absolute;left:0;width:707px;display:block;overflow:hidden}.pro-fixed-slice>img{position:absolute;left:0;width:707px;height:1536px;max-width:none}
.pro-activity-arch{position:absolute;left:247px;top:300px;width:214px;height:253px;background:#090909;display:grid;place-items:center}.pro-activity-arch svg{width:194px;height:253px}
.pro-screen-expand{bottom:3%;right:8%}
@media(min-width:761px){.professional-page .pro-device:nth-child(1){left:46%;top:14%;width:16.4%}.professional-page .pro-device:nth-child(2){left:63.4%;top:11%;width:17.5%}.professional-page .pro-device:nth-child(3){left:81.8%;top:9%;width:17.5%}}
.professional-page .pro-device{transition:transform .38s cubic-bezier(.2,.7,.2,1);transform:none;transform-origin:50% 60%}
.professional-page .pro-device:hover,.professional-page .pro-device:focus-within{transform:scale(1.035);filter:none}
.pro-phones:before{content:'';position:absolute;left:45%;right:1%;top:94%;height:6%;pointer-events:none;background:radial-gradient(ellipse at 17% 50%,#ff9c3866,transparent 24%),radial-gradient(ellipse at 52% 50%,#f94c7d66,transparent 25%),radial-gradient(ellipse at 86% 50%,#e720bf55,transparent 24%);filter:blur(9px)}
@media(max-width:760px){.pro-static-phone{border-radius:33px}.pro-phones:before{display:none}.pro-phones{background:linear-gradient(#23141088,#100b0b88),url('assets/ready/professional-scene-clean-v3.webp') center bottom/auto 100% no-repeat}}
@media(prefers-reduced-motion:reduce){.professional-page .pro-device:hover,.professional-page .pro-device:focus-within{transform:none}}
.pro-activity-arch svg.source-arches{width:194px!important;max-width:none!important;height:253px!important;position:static!important;margin:0!important}
@media(min-width:761px){.professional-page .pro-device:nth-child(1){left:40.5%;top:auto;bottom:3%;width:18.6%}.professional-page .pro-device:nth-child(2){left:60.4%;top:auto;bottom:3%;width:18.6%}.professional-page .pro-device:nth-child(3){left:80.3%;top:auto;bottom:3%;width:18.6%}}

/* One continuous salon scene, including the floor behind the four cards. */
.professional-page{background:#160e0d url('assets/ready/professional-salon-background.webp') center top/100% auto no-repeat}
.pro-stage{background:none!important}.pro-character{background:none!important}.pro-features{background:transparent}.professional-page .client-footer,.pro-preview-note{background:transparent}
.pro-new-mascot{left:13%!important;top:auto!important;bottom:5%!important;width:24%!important;height:75%!important;filter:drop-shadow(0 5px 3px #0005)}
.pro-new-mascot img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;clip-path:none;pointer-events:none}
.pro-new-mascot .pro-new-body{clip-path:inset(45% 0 0 0)}
.pro-new-mascot .pro-new-head{clip-path:inset(0 0 54% 0);transform-origin:50% 46%!important}
.pro-notifications-left{position:absolute;inset:0;width:100%!important;height:100%;display:block;pointer-events:none;clip-path:none;overflow:visible}
.pro-notification{position:absolute!important;width:14%!important;min-height:0!important;pointer-events:auto;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;backdrop-filter:none!important;padding:12px 15px 22px!important;isolation:isolate;font-size:clamp(11px,.9vw,14px)!important;overflow:visible!important}
.pro-notification:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(140deg,#cbbfb66b,#382c328f);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);mask:url('assets/speech-glass.svg') center/100% 100% no-repeat;-webkit-mask:url('assets/speech-glass.svg') center/100% 100% no-repeat;transform:scaleX(-1)}
.pro-notification:after{display:none!important}.pro-message-symbol{display:none}.pro-notification-demo{position:absolute;left:2%;top:72%;font-size:9px}
.pro-notification.n-0{left:1.5%;top:22%}.pro-notification.n-1{left:31%;top:21%}.pro-notification.n-2{left:1.5%;top:50%}.pro-notification.n-3{left:31%;top:50%}
.pro-notification.n-1:before,.pro-notification.n-3:before{transform:none}
@media(min-width:761px){.professional-page .pro-device:nth-child(1),.pro-floor-phone:nth-child(1){left:46%;width:16.4%;bottom:5%;top:auto}.professional-page .pro-device:nth-child(2),.pro-floor-phone:nth-child(2){left:63.7%;width:16.4%;bottom:5%;top:auto}.professional-page .pro-device:nth-child(3),.pro-floor-phone:nth-child(3){left:81.4%;width:16.4%;bottom:5%;top:auto}}
.pro-floor-reflections{position:absolute;inset:0;pointer-events:none;z-index:-1}
.pro-floor-phone{position:absolute;transform:scaleY(-1);transform-origin:center bottom;opacity:.3;filter:blur(1px);mask-image:linear-gradient(to top,#000,transparent 35%);-webkit-mask-image:linear-gradient(to top,#000,transparent 35%)}
.pro-floor-phone .pro-screen-expand{display:none}.pro-phones:before{display:none}
@media(max-width:760px){.professional-page{background-size:auto 1100px;background-position:40% top}.pro-stage{padding-top:110%}.pro-character{aspect-ratio:1/1.1}.pro-new-mascot{left:24%!important;width:52%!important;height:85%!important;bottom:0!important}.pro-notification{width:31%!important;padding:8px 10px 18px!important;font-size:10px!important}.pro-notification.n-0{left:1%;top:15%}.pro-notification.n-1{left:68%;top:15%}.pro-notification.n-2{left:1%;top:49%}.pro-notification.n-3{left:68%;top:49%}.pro-notification-demo{left:2%;top:84%;font-size:8px}.pro-phones{background:none!important;padding-bottom:45px!important}.pro-floor-reflections{display:none}.pro-static-phone{-webkit-box-reflect:below 1px linear-gradient(transparent 88%,#fff3)}.pro-features{background:transparent}}
.professional-page{background-size:cover;background-position:center bottom}.pro-features .client-glass-caption{background:transparent!important;-webkit-backdrop-filter:none;backdrop-filter:none}.professional-page .pro-feature .client-glass-caption:before{display:block!important;background:linear-gradient(transparent,#35252c66);-webkit-backdrop-filter:blur(14px) saturate(130%);backdrop-filter:blur(14px) saturate(130%)}
.pro-floor-reflections{z-index:0}.pro-device{z-index:1}
/* Align the chair pedestal with the phones' contact line. */
@media(min-width:761px){.pro-new-mascot{bottom:0!important}}
@media(max-width:760px){
.pro-character{background:linear-gradient(transparent 88%,#23141088),url('assets/ready/professional-salon-background.webp') center bottom/cover no-repeat!important}
.pro-phones{background:linear-gradient(#23141088,transparent 15%),url('assets/ready/professional-salon-background.webp') center bottom/auto 100% no-repeat!important}
}

/* Reference correction — pending visual approval, no new raster assets. */
.pro-phone-heading{position:absolute;bottom:calc(100% + 24px);left:-4%;right:-4%;text-align:center;color:#fff4e6;text-shadow:0 2px 6px #000;pointer-events:none}
.pro-phone-heading h3{margin:0 0 7px;font-size:clamp(18px,1.7vw,27px);font-weight:650;letter-spacing:-.035em;background:linear-gradient(100deg,#ffb34b,#ff795e 50%,#f22cc3);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none}
.pro-phone-heading p{margin:0;font-size:clamp(10px,.85vw,13px);line-height:1.4;color:#fff0e0}
.professional-page .pro-device:hover,.professional-page .pro-device:focus-within{transform:none;filter:none}
.pro-static-phone{transform-origin:50% 100%;transition:transform .3s cubic-bezier(.2,.7,.2,1)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.pro-device:hover>.pro-static-phone{transform:scale(1.018)}}
.pro-phones:after{content:'';position:absolute;left:45.5%;right:1.1%;bottom:3.5%;height:3%;background:radial-gradient(ellipse at 16% 45%,#130807cc 0,transparent 27%),radial-gradient(ellipse at 50% 45%,#130807cc 0,transparent 27%),radial-gradient(ellipse at 83% 45%,#130807cc 0,transparent 27%);pointer-events:none;z-index:0}
.pro-new-mascot:before{content:'';position:absolute;left:25%;right:6%;bottom:2.7%;height:3%;border-radius:50%;background:#170d0ac9;filter:blur(3px);z-index:-1}
.pro-floor-phone{opacity:.36;filter:blur(.7px);mask-image:linear-gradient(to top,#000,transparent 30%);-webkit-mask-image:linear-gradient(to top,#000,transparent 30%)}
/* Same curved speech silhouette, finer translucent material and a lit rim. */
.pro-notification:before{background:linear-gradient(130deg,#a795773d,#342b3447);backdrop-filter:blur(14px) saturate(115%);-webkit-backdrop-filter:blur(14px) saturate(115%);filter:drop-shadow(0 1px 1px #ffe0bb8c)}
.pro-notification{color:#fff7ed!important;text-shadow:0 1px 3px #000;filter:drop-shadow(0 1px 1px #ffd7bb66)}
@media(max-width:760px){
.pro-phones{padding-top:78px!important;scroll-padding-inline:24px}
.pro-phone-heading{bottom:calc(100% + 17px);left:0;right:0}
.pro-phone-heading h3{font-size:22px;margin-bottom:5px}
.pro-phone-heading p{font-size:11px}
.pro-phones:after{display:none}
.pro-device{scroll-snap-align:center}
.pro-device:before{content:'';position:absolute;left:2%;right:2%;bottom:-5px;height:9px;border-radius:50%;background:#170d0acc;filter:blur(3px);z-index:-1}
}
.pro-notification{filter:none}
.pro-notification:before{filter:none;background:linear-gradient(130deg,#79655788,#211923a8)}
.pro-notification:after{content:'';display:block!important;position:absolute;inset:0;width:auto;height:auto;clip-path:none;border:0;background:url('assets/professional/speech-rim.svg') center/100% 100% no-repeat;transform:scaleX(-1);pointer-events:none}
.pro-notification.n-1:after,.pro-notification.n-3:after{transform:none}
.pro-phone-heading h3{background-image:linear-gradient(100deg,#ffd38b,#ff967c 50%,#ff78ce);filter:drop-shadow(0 2px 3px #190b0f)}
/* Latest supplied reference: floating navigation and six original messages. */
.professional-page{overflow:clip}
.professional-page .client-header{position:sticky;top:0;z-index:30;background:linear-gradient(#160e1226,transparent)!important;backdrop-filter:none;border:0;box-shadow:none}
.professional-page .client-header .wordmark{filter:drop-shadow(0 2px 8px #160a0d)}
.professional-page .client-header .main-nav,.professional-page .coming-soon,.professional-page .client-language{background:#20131a50;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.pro-phone-heading{bottom:calc(100% + 18px);left:6%;right:6%;padding:12px 6px 10px;border:1px solid #ffae68;border-radius:21px;background:#100a10db;box-shadow:inset 0 1px 3px #fff4,0 0 9px #ff823e77;backdrop-filter:blur(12px)}
.pro-phone-heading h3{font-size:clamp(17px,1.6vw,24px);color:#fff4e8;background:none;filter:none;margin:0 0 4px}
.pro-phone-heading p{font-size:clamp(9px,.77vw,12px);line-height:1.35}
.pro-title-icon{position:absolute;bottom:calc(100% - 1px);left:50%;transform:translateX(-50%);width:48px;height:41px;border-radius:30px 30px 0 0;border:1px solid #ffae68;border-bottom:0;background:#140a11;color:#ff6477;display:grid;place-items:center;font-size:28px;box-shadow:0 -3px 10px #f3239d40}
.pro-device:nth-child(2) .pro-phone-heading{border-color:#f845bd;box-shadow:inset 0 1px 3px #fff4,0 0 9px #f324a95c}
.pro-new-mascot{height:auto!important;aspect-ratio:2/3;width:27%!important;left:12%!important;bottom:0!important;-webkit-box-reflect:below -6% linear-gradient(transparent 88%,#ffffff32)}
.pro-new-mascot:before{left:17%;right:4%;bottom:3.7%;height:2.2%;background:#11090bea;filter:blur(2px)}
.pro-notification{width:15%!important;padding:10px 12px 19px!important;gap:8px!important;font-size:clamp(10px,.83vw,13px)!important}
.pro-message-symbol{display:grid;width:30px;height:30px;border-radius:50%;flex:none;background-color:#24141c;background-image:url('assets/professional/reference-latest.jpg');background-size:1047px 698px;background-position:-68px -97px;border:1px solid #ffebcaaa;box-shadow:none}
.n-1 .pro-message-symbol{background-image:url('assets/professional/reference-latest.jpg');background-size:1047px 698px;background-position:-92px -169px}
.n-2 .pro-message-symbol{background-image:url('assets/professional/reference-latest.jpg');background-size:1047px 698px;background-position:-99px -241px}
.n-3 .pro-message-symbol,.n-5 .pro-message-symbol{background:linear-gradient(135deg,#ff7446,#f20a86);color:#fff;border:0;border-radius:9px;font-size:23px}
.n-4 .pro-message-symbol{background-image:url('assets/professional/reference-latest.jpg');background-position:-379px -141px}
.pro-notification.n-0{left:1%;top:19%}.pro-notification.n-1{left:1.7%;top:35%}.pro-notification.n-2{left:2.4%;top:51%}
.pro-notification.n-3{left:30%;top:17%}.pro-notification.n-4{left:30%;top:33%}.pro-notification.n-5{left:30%;top:49%}
.pro-notification.n-1:before,.pro-notification.n-1:after{transform:scaleX(-1)}
.pro-notification.n-4:before,.pro-notification.n-4:after,.pro-notification.n-5:before,.pro-notification.n-5:after{transform:none}
.pro-notification-demo{top:71%}
@media(max-width:760px){
.professional-page .client-header{height:124px;background:linear-gradient(#160e1240,transparent)!important}
.pro-new-mascot{left:23%!important;width:54%!important;height:auto!important;bottom:0!important}
.pro-notification{width:31%!important;padding:7px 7px 16px!important;font-size:9px!important;gap:4px!important}
.pro-message-symbol{width:23px;height:23px;transform:scale(.75);margin:-3px;transform-origin:center}
.pro-notification.n-0{left:1%;top:8%}.pro-notification.n-1{left:1%;top:30%}.pro-notification.n-2{left:1%;top:53%}
.pro-notification.n-3{left:68%;top:8%}.pro-notification.n-4{left:68%;top:30%}.pro-notification.n-5{left:68%;top:53%}
.pro-notification-demo{top:88%}
.pro-phones{padding-top:132px!important}
.pro-phone-heading{left:7%;right:7%;bottom:calc(100% + 17px)}
.pro-phone-heading h3{font-size:21px}.pro-phone-heading p{font-size:11px}
}
.professional-page .client-header .wordmark{mix-blend-mode:screen;filter:none;background-color:transparent}
.professional-page .client-language{border-radius:20px}
@media(min-width:761px){.pro-notification.n-3,.pro-notification.n-4,.pro-notification.n-5{left:33%;width:12%!important}.pro-new-mascot{left:11%!important;width:26%!important}}
.professional-page .client-header .wordmark{filter:url(#wordmark-alpha);mix-blend-mode:normal}
/* Approved composition: original scene pixels, original screenshot planes. */
.professional-page .pro-stage{aspect-ratio:1536/790;height:auto;min-height:0;background:url('assets/ready/professional-approved-composition.webp') top center/100% auto no-repeat;overflow:hidden}
.professional-page .pro-character{background:none!important}
.professional-page .pro-new-mascot{opacity:0;left:19%;width:25%;bottom:0}
.professional-page .pro-notifications-left,.professional-page .pro-notifications-right{visibility:hidden}
.professional-page .pro-phones{position:absolute;inset:0;display:block;padding:0;margin:0;height:100%;width:100%;background:none;overflow:visible}
.professional-page .pro-device{position:absolute;top:auto;bottom:auto;aspect-ratio:auto;margin:0;padding:0;transform:none!important;filter:none!important;background:none;overflow:visible}
.professional-page .pro-device:nth-child(1){left:47.591%;top:22.911%;width:17.448%;height:72.405%}
.professional-page .pro-device:nth-child(2){left:63.607%;top:20.506%;width:18.62%;height:75.696%}
.professional-page .pro-device:nth-child(3){left:81.901%;top:19.62%;width:18.099%;height:77.342%}
.professional-page .pro-phone-heading{display:none}
.professional-page .pro-reference-shell{position:relative;display:block;width:100%;height:100%;aspect-ratio:auto;border:0;border-radius:0;padding:0;background:none;box-shadow:none;filter:none;transform:none;overflow:visible;transform-origin:50% 100%;transition:transform .35s ease}
.professional-page .pro-reference-shell:before,.professional-page .pro-reference-shell:after{display:none}
.professional-page .pro-original-hardware{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.professional-page .pro-screen-clip{position:absolute;inset:0;width:100%;height:100%;border-radius:0;background:none;overflow:visible;transform:none}
.professional-page .pro-scroll{position:absolute;left:0;top:0;width:707px;height:1536px;overflow:hidden;border-radius:70px;transform-origin:0 0;pointer-events:none;background:#090909}
.professional-page .pro-capture{width:707px;height:1536px;display:block;position:relative;transform:none}
.professional-page .pro-capture>img{position:absolute;inset:0;width:707px;height:1536px;object-fit:fill}
.professional-page .pro-device:hover .pro-reference-shell,.professional-page .pro-device:focus-within .pro-reference-shell{transform:scale(1.015)}
.professional-page .pro-floor-reflections{display:none}
.professional-page .pro-features{margin-top:0;background:url('assets/ready/professional-approved-composition.webp') center bottom/cover;padding-top:8px}
.professional-page .pro-feature-photo{object-fit:cover}
@media(max-width:700px){
.professional-page .pro-stage{aspect-ratio:auto;height:auto;padding-top:103%;background-size:205% auto;background-position:left top;overflow:hidden}
.professional-page .pro-character{position:absolute;inset:0 0 auto;height:100vw}
.professional-page .pro-phones{position:relative;inset:auto;display:flex;width:100%;height:auto;gap:12px;padding:15px 24px 28px;overflow-x:auto;scroll-snap-type:x mandatory;background:linear-gradient(transparent,rgba(40,18,10,.3))}
.professional-page .pro-device:nth-child(n){position:relative;left:auto;top:auto;width:70%;height:auto;flex:0 0 70%;max-width:290px;aspect-ratio:268/590;scroll-snap-align:center;margin-top:70px}
.professional-page .pro-phone-heading{display:block;position:absolute;top:-65px;left:0;right:0;transform:none;background:rgba(35,19,15,.65);border:1px solid #ff8b65;border-radius:20px;padding:10px;box-shadow:0 0 12px #ff258055}
.professional-page .pro-phone-heading h3{font-size:18px;margin:0;color:white}
.professional-page .pro-phone-heading p,.professional-page .pro-title-icon{display:none}
.professional-page .pro-reference-shell{-webkit-box-reflect:below 0 linear-gradient(transparent 88%,rgba(255,255,255,.18))}
.professional-page .pro-features{padding:12px;gap:12px}
}
@media(prefers-reduced-motion:reduce){.professional-page .pro-device:hover .pro-reference-shell{transform:none}}
.professional-page .pro-stage{background-image:url('assets/ready/professional-approved-composition.webp')!important;background-position:center top!important;background-size:100% auto!important;background-repeat:no-repeat!important}
.professional-page .pro-phones{background:none!important}
@media(max-width:700px){.professional-page .pro-stage{background-size:205% auto!important;background-position:left top!important}}
.professional-page{background-image:url('assets/ready/professional-approved-composition.webp')}
@media(max-width:700px){
.professional-page{background:#1b100d!important}
.professional-page .pro-stage{background:none!important;padding-top:103%!important}
.professional-page .pro-stage:before{content:"";display:block;position:absolute;inset:0 0 auto;height:calc(103vw - 15px);background:url('assets/ready/professional-approved-composition.webp') left top/200% auto no-repeat;pointer-events:none}
.professional-page .pro-phones{background:linear-gradient(#26150b,#422519 80%,#a75332)!important;padding-top:0;padding-bottom:45px!important}
.professional-page .pro-features{background:linear-gradient(#a75332,#291610)!important}
}
.professional-page .pro-new-mascot{opacity:1!important;left:21.484%!important;top:19.62%!important;bottom:auto!important;width:14.323%!important;height:29.114%!important;aspect-ratio:auto;overflow:visible;filter:none;-webkit-box-reflect:unset}
.professional-page .pro-new-body{display:none}
.professional-page .pro-new-head{inset:0!important;width:100%!important;height:100%!important;object-fit:fill!important;clip-path:none!important;transform-origin:56% 97%!important}
@media(max-width:700px){.professional-page .pro-new-mascot{left:42.969%!important;top:20.18%!important;width:28.646%!important;height:29.95%!important}}
@media(max-width:700px){.professional-page .pro-phones{padding-top:0!important}}
/* Mobile follows the desktop scene, with one complete phone at a time. */
@media(max-width:700px){
.professional-page{position:relative;isolation:isolate;background:#26150f!important}
.professional-page:before{content:"";position:fixed;inset:-24px;z-index:-1;pointer-events:none;background:url('assets/ready/professional-approved-composition.webp') center/cover no-repeat;filter:blur(20px);transform:scale(1.05)}
.professional-page .pro-stage{overflow:visible}
.professional-page .pro-stage:before{mask-image:linear-gradient(#000 0%,#000 91%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 91%,transparent 100%)}
.professional-page .pro-phones{display:flex;flex-direction:column;align-items:center;gap:90px;padding:78px 20px 45px!important;background:transparent!important;overflow:visible;scroll-snap-type:none}
.professional-page .pro-device:nth-child(n){flex:none;width:76%;max-width:290px;height:auto;aspect-ratio:268/590;margin:0;left:auto;top:auto;bottom:auto}
.professional-page .pro-device:before{display:none}
.professional-page .pro-device:nth-child(2){aspect-ratio:286/598}
.professional-page .pro-device:nth-child(3){aspect-ratio:278/611}
.professional-page .pro-phone-heading{top:-62px;background:rgba(38,21,15,.32);backdrop-filter:blur(14px)}
.professional-page .pro-features{background:transparent!important;margin-top:10px}
.professional-page .pro-preview-note,.professional-page .client-footer{background:transparent!important}
}
.pro-mobile-ground{display:none}
@media(max-width:700px){
.professional-page .pro-mobile-ground{display:block;position:absolute;left:-22%;width:144%;height:27px;bottom:-14px;pointer-events:none;z-index:-1;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}
.professional-page .pro-mobile-ground svg{width:100%;height:100%;display:block}
.professional-page .pro-reference-shell{filter:drop-shadow(0 2px 2px #1c0c08);-webkit-box-reflect:below 0 linear-gradient(transparent 91%,#ffffff30)}
}
/* Single scene layer. Nothing baked underneath moving phones or live cards. */
.professional-page{background:#20110e!important;position:relative;isolation:isolate}
.professional-page:before{display:none!important}
.professional-page .client-header{margin-bottom:-86px;background:linear-gradient(#160e1255,transparent)!important}
.professional-page .pro-stage{background-image:url('assets/ready/professional-scene-layered-clean.webp')!important}
.professional-page .pro-features{background:linear-gradient(#31180e88,#1b101166),url('assets/ready/professional-scene-layered-clean.webp') center bottom/100% auto!important}
.professional-page .pro-character{z-index:3;pointer-events:none}
.professional-page .pro-phones{pointer-events:none;z-index:4}
.professional-page .pro-device{pointer-events:auto}
.professional-page .pro-new-mascot{pointer-events:auto;z-index:6;cursor:pointer;touch-action:manipulation;border:0;background:none;padding:0;box-shadow:none}
.professional-page .pro-new-mascot:before,.professional-page .pro-new-mascot:after{display:none}
.professional-page .pro-message-layer{position:absolute;inset:0;pointer-events:none;z-index:5}
.professional-page .pro-reference-bubble{position:absolute;left:var(--x);top:var(--y);width:var(--w);height:var(--h);border:0;border-radius:22px;padding:0;background:none;overflow:hidden;pointer-events:auto;cursor:pointer;transition:transform .25s ease,filter .25s ease;touch-action:manipulation}
.professional-page .pro-reference-bubble svg{width:100%;height:100%;display:block}
.professional-page .pro-reference-bubble:hover,.professional-page .pro-reference-bubble:focus-visible{transform:scale(1.075);filter:brightness(1.16) drop-shadow(0 0 8px #ff8f794d);outline:1px solid #ffb699}
.professional-page .pro-reference-sign{position:absolute;bottom:calc(100% - 10px);left:22%;width:70%;height:auto;overflow:hidden;pointer-events:none}
.professional-page .pro-local-capture{overflow:hidden}
.professional-page .pro-capture>img.pro-local-original{width:1152px!important;height:1536px!important;max-width:none;transform-origin:0 0;object-fit:fill}
@media(max-width:700px){
.professional-page .client-header{margin-bottom:0;background:linear-gradient(#241510b3,#24151033)!important}
.professional-page:before{display:block!important;background-image:url('assets/ready/professional-scene-layered-clean.webp')!important;filter:blur(10px);background-position:75% center}
.professional-page .pro-stage{background:none!important}
.professional-page .pro-stage:before{background-image:url('assets/ready/professional-scene-layered-clean.webp')!important}
.professional-page .pro-character{height:calc((100vw - 15px)*790/768)}
.professional-page .pro-message-layer{width:200%;height:100%}
.professional-page .pro-new-mascot{top:19.62%!important;height:29.114%!important}
.professional-page .pro-reference-bubble{border-radius:12px}
.professional-page .pro-reference-sign{display:none}
.professional-page .pro-device:nth-child(1){aspect-ratio:268/572}
.professional-page .pro-features{background:transparent!important}
}
@media(prefers-reduced-motion:reduce){.professional-page .pro-reference-bubble{transition:none}.professional-page .pro-reference-bubble:hover{transform:none}}
/* Each story gives the supplied photograph its own unobstructed space. */
.professional-page .pro-story{background:radial-gradient(ellipse at 0 0,#7c432c55,transparent 60%),radial-gradient(ellipse at 100% 100%,#7b245b33,transparent 60%),#1b1215}
.professional-page .pro-story-layout{min-height:100%;padding:72px 4vw 40px;display:grid;grid-template-columns:1.2fr 1fr;gap:4vw;align-items:start;max-width:1600px}
.pro-story-visual{margin:0;position:sticky;top:76px;align-self:start;border-radius:26px;overflow:hidden;border:1px solid #ffa17b77;box-shadow:0 0 25px #ff743426,0 25px 70px #0005;background:#30201d}
.pro-story-visual img{width:100%;height:auto;display:block;object-fit:contain}
.professional-page .pro-story-intro h3{font-size:clamp(32px,3.6vw,60px);line-height:1.05;margin:16px 0;letter-spacing:-.035em}
.professional-page .pro-story-intro p{font-size:clamp(17px,1.5vw,22px);line-height:1.5;margin:0 0 24px}
.professional-page .pro-story-chapters{padding:14px 20px;background:linear-gradient(130deg,#8d695b28,#ffffff08);box-shadow:inset 0 1px #fff2;border-color:#f7b79144}
.pro-story-switcher{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.pro-story-switcher button{border:1px solid #ffa28055;border-radius:22px;background:#ffffff09;color:#fff3eb;padding:10px 14px;font:inherit;cursor:pointer;transition:background .2s,transform .2s}
.pro-story-switcher button:hover{background:#ff8e6033;transform:translateY(-2px)}
.pro-story-switcher button[aria-pressed=true]{background:linear-gradient(110deg,#f8833c55,#ed2d9b44);border-color:#ffae86}
@media(max-width:700px){.professional-page .pro-story-layout{display:flex;flex-direction:column;gap:24px;padding:70px 18px 32px}.pro-story-visual{position:relative;top:auto;width:100%;border-radius:20px}.professional-page .pro-story-intro h3{font-size:36px}.professional-page .pro-story-chapters{padding:8px 14px}.pro-story-switcher button{font-size:13px}}
@keyframes proSpringHover{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(3deg)}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.professional-page .pro-new-mascot:hover .pro-head{animation:proSpringHover 1.15s ease-in-out infinite}}
.professional-page .pro-story-intro{min-height:0;padding-bottom:0}
/* Live glass bubbles: only the circular avatar uses source pixels. */
.professional-page .pro-reference-bubble{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #ffd2b673;background:linear-gradient(120deg,#6b473655,#21151d99);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px 1px #fff4,0 2px 10px #ff97341f;overflow:visible;color:#fff;text-align:left;border-radius:20px;font:400 clamp(7px,.82vw,13px)/1.38 Arial,sans-serif}
.professional-page .pro-reference-bubble:after{content:"";position:absolute;right:13px;bottom:-6px;width:14px;height:13px;background:#50332dba;clip-path:path('M0 0H14V13Q4 12 0 0Z');pointer-events:none}
.professional-page .pro-reference-bubble:nth-child(n+4):after{left:13px;right:auto;transform:scaleX(-1)}
.professional-page .pro-reference-bubble .pro-bubble-avatar{width:30px;height:30px;flex:0 0 30px;border-radius:50%;overflow:hidden;border:1px solid #fff7}
.pro-bubble-copy{display:flex;flex-direction:column;min-width:0}.bubble-stars{color:#ffcf2b;letter-spacing:1px;font-size:1.3em}
.pro-payment-icon{display:grid;place-items:center;width:24px;height:24px;flex:0 0 24px;background:#18c977;border-radius:8px;color:white;font-size:17px}
.pro-blue-message{position:absolute;right:-4px;bottom:9px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#079bff;color:white;font-size:12px;font-weight:bold;line-height:1}
@media(max-width:700px){.professional-page .pro-reference-bubble{padding:4px 5px;gap:4px;border-radius:12px;font-size:7px}.professional-page .pro-reference-bubble .pro-bubble-avatar{width:20px;height:20px;flex-basis:20px}.pro-payment-icon{width:17px;height:17px;flex-basis:17px;font-size:12px}.pro-blue-message{width:14px;height:14px;font-size:9px;right:-2px}}
/* One uninterrupted environment through the footer. */
.professional-page{background-image:url('assets/ready/professional-scene-layered-clean.webp')!important;background-size:100% auto!important;background-repeat:no-repeat!important;background-position:center bottom!important}
.professional-page .pro-features,.professional-page .pro-preview-note,.professional-page .client-footer{background:transparent!important;border:0}
@media(max-width:700px){.professional-page{background:#26150f!important}.professional-page:before{bottom:-24px;display:block!important}}
.professional-page{background-image:url('assets/professional/continuous-floor.svg')!important;background-size:100% 36%!important;background-position:center bottom!important}
@media(max-width:700px){.professional-page{background-image:none!important}}

@media(max-width:700px){.professional-page .bubble-6{font-size:6.5px;padding:3px;gap:3px}.professional-page .bubble-6 .pro-payment-icon{width:12px;height:12px;flex-basis:12px;font-size:9px}.professional-page .bubble-6 .pro-bubble-copy{white-space:nowrap}}
/* Each screen and its luminous bezel share exactly the same perspective plane. */
.professional-page .pro-unified-handset{overflow:visible;background:#090909;border:5px solid #ffd4b1;box-shadow:0 0 0 9px #241a21,inset 0 0 0 6px #fff8,0 0 0 15px #ff9a66,0 0 0 20px #ffffff91,-12px 2px 25px #ff962e,12px 2px 28px #fa16ac;border-radius:78px;box-sizing:content-box}
.pro-unified-screen{position:absolute;inset:0;display:block;overflow:hidden;border-radius:72px;background:#090909}
.professional-page .pro-unified-screen .pro-capture{overflow:hidden;border-radius:72px}
.professional-page .bubble-6:after{left:auto;right:13px;transform:none}
.professional-page .pro-benefits{position:relative;z-index:2;margin:24px 2% 8px;gap:20px;color:white}.professional-page .pro-benefits small{color:#efe2d9}.professional-page .pro-benefits>div>span{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
@media(max-width:700px){.professional-page .pro-benefits{grid-template-columns:repeat(2,minmax(0,1fr));margin:20px 18px;gap:20px 12px}.professional-page .bubble-6{font-size:7px}.professional-page .bubble-6 .pro-payment-icon{width:17px;height:17px;flex-basis:17px}}
/* Backdrop sampling stays fixed during pointer/touch feedback. */
.professional-page .pro-reference-bubble:hover,.professional-page .pro-reference-bubble:focus-visible{transform:none;filter:none;box-shadow:inset 0 1px 2px #fff8,0 0 16px #ffa16d55;outline:1px solid #ffe1bb}
.professional-page .pro-unified-handset{box-shadow:0 0 0 8px #241a21,0 0 0 13px #ffd0ae,0 0 0 19px #ff8c5d,-10px 0 28px #ffa335,12px 0 34px #f20ba8;backface-visibility:hidden}
.professional-page .pro-reference-sign{clip-path:inset(0 0 8% 0)}
/* Continuous curved iMessage silhouettes, mirrored toward the mascot's head. */
.professional-page .pro-imessage{border:0;border-radius:0;padding:10px 23px 12px 13px;background:linear-gradient(130deg,#ffffff3b,#624b4560 50%,#eaa19330);box-shadow:inset 0 1px 2px #fff8;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);gap:9px}
.professional-page .pro-imessage.tail-left{padding:10px 13px 12px 23px}.professional-page .pro-imessage:after{display:none}.professional-page .pro-imessage .imessage-defs{position:absolute;width:0;height:0;pointer-events:none}.imessage-icon{width:28px;height:28px;flex:0 0 28px;display:grid;place-items:center;color:#fff}.professional-page .pro-imessage .imessage-icon svg{width:24px;height:24px}.message-kind-0,.message-kind-3{color:#ff80a9}.message-kind-1,.message-kind-2{color:#8bdfff}.message-kind-4{color:#ffd55e}.message-kind-5{color:#ff347c;filter:drop-shadow(0 0 5px #ff387c66)}.message-kind-6{color:#54efac}.professional-page .pro-imessage:hover,.professional-page .pro-imessage:focus-visible{transform:none;filter:none;background:linear-gradient(130deg,#ffffff55,#624b4560 50%,#eaa19344);outline:0;box-shadow:inset 0 0 0 2px #fff9}.professional-page .pro-imessage .pro-bubble-copy>span:first-child{font-weight:600}
@media(max-width:700px){.professional-page .pro-imessage{padding:5px 11px 6px 7px;gap:4px;font-size:7px}.professional-page .pro-imessage.tail-left{padding:5px 7px 6px 11px}.imessage-icon{width:16px;height:16px;flex-basis:16px}.professional-page .pro-imessage .imessage-icon svg{width:15px;height:15px}}
.professional-page .pro-imessage.bubble-2{font-size:clamp(7px,.74vw,12px);gap:5px;padding-left:10px;padding-right:16px}.professional-page .pro-imessage.bubble-2 .pro-bubble-copy{white-space:nowrap}.professional-page .pro-imessage.bubble-2 .imessage-icon{flex-basis:22px;width:22px}
@media(max-width:700px){.professional-page .pro-imessage.bubble-2{font-size:6px;padding-left:5px;padding-right:9px;gap:3px}.professional-page .pro-imessage.bubble-2 .imessage-icon{flex-basis:14px;width:14px}}
/* Home's original glass arches replace the phones; source art stays independent. */
.professional-page .pro-arches{position:absolute;left:47%;right:1%;top:20%;bottom:5%;display:flex;align-items:flex-end;gap:0;z-index:4;perspective:1100px}
.pro-universe-arch{position:relative;display:block;flex:1;min-width:0;height:100%;border:0;padding:0;background:none;color:#fff;text-align:left;cursor:pointer;transform-origin:50% 100%;transition:transform .35s ease,filter .35s ease;filter:drop-shadow(0 6px 8px #0007);-webkit-box-reflect:below -3% linear-gradient(transparent 75%,#ffffff20);isolation:isolate}
.pro-universe-arch:nth-child(2){height:95%;transform:translateZ(22px);z-index:2}.pro-universe-arch:nth-child(3){height:98%}
.pro-arch-art{position:absolute;inset:5.7% 8.5% 6%;display:block;overflow:hidden;border-radius:50% 50% 5% 5% / 29% 29% 3% 3%;background:#21191e}
.pro-arch-art>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s ease;object-position:center}
.pro-arch-frame{position:absolute;inset:0;display:block;background:url('assets/glass-arch.webp') center/100% 100% no-repeat;pointer-events:none;z-index:2}
.pro-arch-caption{position:absolute;inset:auto 0 0;padding:32% 10% 12%;background:linear-gradient(transparent,#111014b8 42%,#111014df);display:flex;flex-direction:column;gap:7px}.pro-arch-caption strong{font-size:clamp(16px,1.6vw,26px);letter-spacing:-.04em;line-height:1.1}.pro-arch-caption small{font-size:clamp(8px,.8vw,13px);line-height:1.45;color:#f3e4d9}.pro-arch-arrow{margin-top:5px;width:26px;height:26px;border:1px solid #fff6;border-radius:50%;display:grid;place-items:center;background:#fff1}
.pro-universe-arch:focus-visible{outline:2px solid #ffb187;outline-offset:2px;border-radius:48% 48% 6% 6%}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.pro-universe-arch:hover{transform:translateZ(35px) scale(1.025);filter:drop-shadow(0 6px 12px #ff843a45)}.pro-universe-arch:hover .pro-arch-art>img{transform:scale(1.04)}}
.professional-page{background:#09090b!important}.professional-page .pro-stage{mask-image:linear-gradient(#000 0%,#000 84%,#000c 94%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 84%,#000c 94%,transparent 100%)}
.professional-page .pro-features{position:relative;margin-top:-1px;padding-top:14px;background:linear-gradient(#221710,#09090b 65%)!important}.professional-page .pro-benefits,.professional-page .pro-preview-note,.professional-page .client-footer{background:#09090b!important}.professional-page:before{display:none!important}
@media(max-width:700px){.professional-page .pro-stage{mask-image:none;-webkit-mask-image:none;background:linear-gradient(#26150f 0%,#26150f 55%,#09090b 100%)!important}.professional-page .pro-arches{position:relative;inset:auto;display:flex;flex-direction:column;align-items:center;gap:36px;padding:30px 32px 70px;width:100%;box-sizing:border-box;perspective:none}.professional-page .pro-universe-arch:nth-child(n){width:min(100%,310px);height:auto;aspect-ratio:360/570;flex:none;transform:none}.pro-arch-caption strong{font-size:27px}.pro-arch-caption small{font-size:13px}.pro-arch-caption{padding-bottom:14%}.professional-page .pro-features{background:linear-gradient(#09090b,#09090b)!important}.professional-page .pro-stage:before{mask-image:linear-gradient(#000 85%,transparent);-webkit-mask-image:linear-gradient(#000 85%,transparent)}}
@media(prefers-reduced-motion:reduce){.pro-universe-arch,.pro-arch-art>img{transition:none!important}}
.professional-page .pro-features{background:#09090b!important}
/* Grounded glass, using the same amber/fuchsia caustics as the home arches. */
.professional-page .pro-arches{bottom:13%;top:20%}
.pro-universe-arch{-webkit-box-reflect:below -1px linear-gradient(transparent 68%,#ffffff78);filter:drop-shadow(0 3px 2px #000a)}
.pro-universe-arch:before{content:"";position:absolute;left:4%;right:4%;bottom:-7px;height:13px;border-radius:50%;background:radial-gradient(ellipse,#000d 10%,#0009 42%,transparent 74%);filter:blur(2px);z-index:-1;pointer-events:none}
.pro-universe-arch:after{content:"";position:absolute;left:-8%;right:-8%;bottom:-35px;height:49px;border-radius:50%;background:radial-gradient(ellipse at 12% 20%,#ffe2b5aa 0%,#ff9b4370 13%,transparent 42%),radial-gradient(ellipse at 87% 20%,#ffb9ed99 0%,#ff22c96a 14%,transparent 44%),linear-gradient(180deg,#ff6d6b25,transparent 75%);filter:blur(2px);mix-blend-mode:screen;pointer-events:none;z-index:-1}
.professional-page .pro-stage{mask-image:linear-gradient(#000 0%,#000 90%,#000b 96%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 90%,#000b 96%,transparent 100%)}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.pro-universe-arch:hover{transform:rotateY(-3deg);filter:drop-shadow(0 3px 3px #000a)}.pro-universe-arch:nth-child(2):hover{transform:translateZ(22px) rotateY(-3deg)}}
@media(max-width:700px){.professional-page .pro-arches{inset:auto;gap:125px;padding-bottom:120px}.professional-page .pro-stage{mask-image:none;-webkit-mask-image:none}.professional-page .pro-universe-arch:nth-child(n){-webkit-box-reflect:below -1px linear-gradient(transparent 78%,#ffffff66)}}

.professional-page{overflow-x:clip}

/* Keep both approved Mobile scenes visible inside the arch. */
.pro-universe-arch:first-child .pro-arch-art{background:#36251b}
.pro-universe-arch:first-child .pro-arch-art:before{display:none}
.pro-universe-arch:first-child .pro-arch-art>img{position:relative;object-fit:cover;object-position:center;transform:none!important}
.pro-universe-arch:first-child .pro-arch-caption{padding:14% 8% 7%;gap:4px;background:linear-gradient(transparent,#161318b8 48%)}
.pro-universe-arch:first-child .pro-arch-arrow{position:absolute;right:8%;bottom:10%;width:22px;height:22px}
.pro-universe-arch:first-child .pro-arch-caption small{padding-right:25px}
/* Mirror image flattened onto the floor, extending toward the viewer. */
.professional-page .pro-universe-arch:nth-child(n){-webkit-box-reflect:unset}
.pro-ground-reflection{position:absolute;top:100%;left:0;width:100%;height:100%;pointer-events:none;transform-origin:50% 0;transform:translateY(20%) scaleY(-.20) scaleX(1.07);mask-image:linear-gradient(transparent 8%,#0003 48%,#0009 100%);-webkit-mask-image:linear-gradient(transparent 8%,#0003 48%,#0009 100%);filter:blur(.6px);z-index:-1}
.pro-ground-reflection .pro-arch-art{background:#21191e}
@media(max-width:700px){.professional-page .pro-arches{gap:100px}.pro-universe-arch:first-child .pro-arch-caption strong{font-size:24px}.pro-universe-arch:first-child .pro-arch-caption small{font-size:11px}}
.pro-arch-controls{display:none}
@media(max-width:700px){
.professional-page .pro-stage{background:linear-gradient(180deg,#38251b 0%,#42291f 35%,#211720 72%,#09090b 100%)!important}
.professional-page .pro-stage:before{mask-image:linear-gradient(#000 80%,transparent 100%);-webkit-mask-image:linear-gradient(#000 80%,transparent 100%)}
.professional-page .pro-arches{position:relative;display:block;width:100%;height:460px;padding:0;margin-top:0;perspective:1000px;touch-action:pan-y;isolation:isolate}
.professional-page .pro-arches:before{content:"";position:absolute;left:4%;right:4%;top:342px;height:75px;border-radius:50%;background:radial-gradient(ellipse at 25% 40%,#ff9d3e38,transparent 55%),radial-gradient(ellipse at 75% 40%,#f626ac30,transparent 55%);pointer-events:none}
.professional-page .pro-universe-arch:nth-child(n){position:absolute;left:50%;top:35px;width:210px;height:335px;aspect-ratio:auto;transform-origin:50% 100%;transition:transform .45s ease,opacity .45s ease;}
.professional-page .pro-universe-arch[data-position=center]{transform:translateX(-50%);z-index:3}
.professional-page .pro-universe-arch[data-position=left]{transform:translateX(calc(-50% - 91px)) scale(.75) rotateY(13deg);z-index:1}
.professional-page .pro-universe-arch[data-position=right]{transform:translateX(calc(-50% + 91px)) scale(.75) rotateY(-13deg);z-index:1}
.professional-page .pro-arch-caption strong,.professional-page .pro-universe-arch:first-child .pro-arch-caption strong{font-size:18px}
.professional-page .pro-arch-caption small,.professional-page .pro-universe-arch:first-child .pro-arch-caption small{font-size:9px}
.professional-page .pro-universe-arch:not([data-position=center]) .pro-arch-caption{opacity:0}
.pro-arch-controls{display:flex;position:absolute;bottom:8px;left:12%;right:12%;align-items:center;justify-content:space-between;gap:10px;z-index:5}
.pro-arch-controls button{width:36px;height:36px;border:1px solid #ffffff4a;border-radius:50%;background:#ffffff12;backdrop-filter:blur(12px);color:white;font-size:24px}
.pro-arch-controls span{font-size:12px;text-align:center;color:#f4e9e4}
.professional-page .pro-features{margin-top:0;padding-top:12px}
}
/* Continue the scene's light into the mobile deck without a brown filler band. */
@media(max-width:700px){
.professional-page .pro-stage{background:radial-gradient(ellipse 78% 28% at 5% 47%,#ff821b36,transparent 75%),radial-gradient(ellipse 80% 30% at 96% 49%,#ef1c8a32,transparent 75%),radial-gradient(ellipse 90% 22% at 50% 61%,#fc73501c,transparent 78%),linear-gradient(180deg,#100d11 0%,#171018 48%,#0e0c12 75%,#09090b 100%)!important}
.professional-page .pro-stage:before{mask-image:linear-gradient(#000 0%,#000 70%,#000e 82%,#0005 94%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 70%,#000e 82%,#0005 94%,transparent 100%)}
.professional-page .pro-arches{margin-top:-8px}
}
/* Mobile uses the original scene throughout, not a separate colour backdrop. */
@media(max-width:700px){
.professional-page{position:relative;isolation:isolate;background:#09090b!important}
.professional-page:before{content:"";display:block!important;position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('assets/ready/professional-scene-layered-clean.webp') right top/auto 100% no-repeat!important;opacity:1;mask-image:linear-gradient(#000 0%,#000 26%,#000c 47%,#0008 72%,#0004 90%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 26%,#000c 47%,#0008 72%,#0004 90%,transparent 100%)}
.professional-page .pro-stage{background:transparent!important}
.professional-page .pro-stage:before{mask-image:linear-gradient(#000 0%,#000 73%,#000c 84%,#0004 95%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 73%,#000c 84%,#0004 95%,transparent 100%)}
.professional-page .pro-features,.professional-page .pro-benefits,.professional-page .client-footer{background:transparent!important}
}
@media(max-width:700px){.professional-page:before{filter:none!important;mask-image:linear-gradient(#000 0%,#000 22%,#0009 38%,#0006 60%,#0003 88%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 22%,#0009 38%,#0006 60%,#0003 88%,transparent 100%)}}
/* Preserve the source photo ratio: never scale it to the full scrolling page. */
@media(max-width:700px){.professional-page:before{background-position:right 120px!important;background-size:auto 850px!important;mask-image:linear-gradient(#000 0px,#000 420px,#0009 620px,#0005 850px,transparent 1050px);-webkit-mask-image:linear-gradient(#000 0px,#000 420px,#0009 620px,#0005 850px,transparent 1050px)} }
@media(max-width:700px){.professional-page .pro-stage:before{mask-image:linear-gradient(#000 0%,#000 91%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 91%,transparent 100%)}}
/* One intact hero image; the continuation contains floor pixels only. */
@media(max-width:700px){
.professional-page:before{display:none!important}
.professional-page{background:#09090b!important}
.professional-page .client-header{background:#120e10e8!important;margin-bottom:0;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.professional-page .pro-stage{padding-top:112%!important;background:linear-gradient(180deg,transparent 45%,#09090b 100%),url('assets/professional/continuous-floor.svg') left bottom/auto 510px no-repeat!important}
.professional-page .pro-stage:before{height:calc((100vw - 15px)*1024/768);background-size:200% auto!important;background-position:left top!important;mask-image:linear-gradient(#000 0%,#000 87%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 87%,transparent 100%);filter:none;transform:none}
.professional-page .pro-arches:before{left:3%;right:3%;top:359px;height:52px;border-radius:50%;background:radial-gradient(ellipse at 20% 12%,#ffac5055,transparent 45%),radial-gradient(ellipse at 82% 12%,#f627b14d,transparent 45%),url('assets/obsidian-marble.svg') center/cover;box-shadow:0 6px 10px #0009,inset 0 1px 1px #ffe2bb55;z-index:0}
.professional-page .pro-universe-arch[data-position=center]{top:35px}
.professional-page .pro-universe-arch[data-position=left],.professional-page .pro-universe-arch[data-position=right]{top:35px}
}
@media(max-width:700px){.professional-page .pro-stage{background:linear-gradient(180deg,#09090b00 48%,#09090b80 75%,#09090b 100%),url('assets/obsidian-marble.svg') center bottom/600px auto no-repeat!important}}
/* Mobile arches sit directly on the salon floor, without a raised platform. */
@media(max-width:700px){
.professional-page .pro-stage{padding-top:94%!important}
.professional-page .pro-arches:before{left:0;right:0;top:290px;height:125px;border-radius:0;background:radial-gradient(ellipse at 28% 55%,#ff9b342b,transparent 54%),radial-gradient(ellipse at 73% 55%,#ee26aa27,transparent 54%);box-shadow:none;mix-blend-mode:screen;pointer-events:none}
.professional-page .pro-universe-arch:before{bottom:-3px;height:7px;background:radial-gradient(ellipse,#000c 15%,#0007 48%,transparent 75%);filter:blur(1px)}
.professional-page .pro-universe-arch:after{bottom:-18px;height:31px;opacity:.7}
.professional-page .pro-ground-reflection{transform:translateY(15%) scaleY(-.15) scaleX(1.04);opacity:.8}
}

/* Give the mobile mirrors room to fade naturally into the floor. */
@media(max-width:700px){
.professional-page .pro-arches{height:510px}
.professional-page .pro-universe-arch:nth-child(n){width:220px}
.professional-page .pro-arches:before{top:110px;height:370px;background:radial-gradient(ellipse at 25% 53%,#ffad4736,transparent 64%),radial-gradient(ellipse at 76% 56%,#ee36af30,transparent 64%)}
.professional-page .pro-ground-reflection{transform:translateY(42%) scaleY(-.42) scaleX(1.06);opacity:.72;mask-image:linear-gradient(transparent 0%,#0001 20%,#0004 65%,#000a 100%);-webkit-mask-image:linear-gradient(transparent 0%,#0001 20%,#0004 65%,#000a 100%)}
.professional-page .pro-universe-arch:after{bottom:-46px;height:65px;opacity:.55}
}
/* A little breathing room below the shoes and a longer transition into the arches. */
@media(max-width:700px){
.professional-page .pro-stage{padding-top:101%!important;background:radial-gradient(ellipse 80% 28% at 20% 48%,#b76d2726,transparent 76%),radial-gradient(ellipse 75% 30% at 85% 51%,#a72a6420,transparent 78%),linear-gradient(180deg,#09090b00 45%,#09090b75 79%,#09090b 100%),url('assets/obsidian-marble.svg') center bottom/600px auto no-repeat!important}
.professional-page .pro-stage:before{mask-image:linear-gradient(#000 0%,#000 72%,#000d 83%,#0006 94%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 72%,#000d 83%,#0006 94%,transparent 100%)}
}
/* Hide the junction itself, rather than laying two contrasting surfaces together. */
@media(max-width:700px){
.professional-page .pro-stage{background:#09090b!important}
.professional-page .pro-stage:before{mask-image:linear-gradient(#000 0%,#000 65%,#000e 72%,#0009 82%,#0003 92%,transparent 100%);-webkit-mask-image:linear-gradient(#000 0%,#000 65%,#000e 72%,#0009 82%,#0003 92%,transparent 100%)}
.professional-page .pro-arches:before{background:radial-gradient(ellipse at 25% 53%,#ffad4725,transparent 68%),radial-gradient(ellipse at 76% 56%,#ee36af21,transparent 68%)}
}