/* MDW's own white/purple atelier. Depth is deliberate; no third-party 3D engine. */
:root{--atelier-ink:#211b32;--atelier-muted:#595267;--atelier-purple:#7137b7;--atelier-dark:#4e237d;--atelier-paper:#fff;--atelier-field:#f5f1fa;--atelier-edge:#e6dcf2;--atelier-space:clamp(20px,3.4vw,58px)}
.experience-hub,.experience-profile{color:var(--atelier-ink);background:var(--atelier-paper);line-height:1.6}
.experience-profile,.experience-profile main{overflow-x:clip}
.experience-hub .wrap,.experience-profile .wrap{padding-inline:var(--atelier-space);max-width:1540px}
.experience-hub button,.experience-profile button{font:inherit;cursor:pointer}
.experience-hub button:focus-visible,.experience-profile button:focus-visible,.experience-hub input:focus-visible{outline:3px solid var(--atelier-purple);outline-offset:5px}
.experience-hub a,.experience-profile a{overflow-wrap:anywhere}
.experience-hub .tools-header,.experience-profile .tools-header{min-height:100px;border:0;gap:24px}
.experience-hub .tools-header .logo,.experience-profile .tools-header .logo{width:190px;margin:0}
.experience-hub .tools-header nav,.experience-profile .tools-header nav{gap:clamp(14px,2vw,30px)}
.experience-hub .tools-header nav a,.experience-profile .tools-header nav a{font-size:14px;min-height:44px}
.experience-hub .draftbar,.experience-profile .draftbar{font-size:13px;line-height:1.45;padding:8px 20px;background:var(--atelier-field);color:var(--atelier-dark)}
.experience-hub .button,.experience-profile .button{border:0;border-radius:999px;min-height:50px;padding:13px 23px;font-size:16px;line-height:1.45;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--atelier-purple);color:white;text-decoration:none;transition:transform .2s ease,background-color .2s ease}
.experience-hub .button:hover,.experience-profile .button:hover{background:var(--atelier-dark);transform:translateY(-2px)}
.atelier-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(38px,5vw,80px);align-items:start;padding-top:44px;padding-bottom:96px}
.atelier-story{position:sticky;top:22px;min-width:0;align-self:start}
.experience-hub .atelier-story h1{font-size:clamp(48px,5.4vw,78px);line-height:1.02;letter-spacing:-.055em;font-weight:750;max-width:13ch;margin:0 0 28px;text-wrap:balance}
.atelier-copy>p{font-size:18px;max-width:39ch;margin-bottom:24px;color:var(--atelier-ink)}
.atelier-copy .button{margin-bottom:14px}
.atelier-copy .small-note,.atelier-copy .atelier-meta{font-size:14px;color:var(--atelier-muted);max-width:43ch}
.atelier-art{margin:18px auto 8px;max-width:420px;transform-origin:center 72%;animation:atelier-drift 7s ease-in-out infinite;will-change:transform}
.atelier-art img{display:block;width:100%;height:clamp(230px,34svh,360px);object-fit:contain;object-position:center;mix-blend-mode:multiply}
.atelier-art figcaption{font-size:13px;text-align:center;color:var(--atelier-muted);margin-top:8px;line-height:1.4}
.motion-toggle,[data-motion-toggle]{font:inherit;font-size:13px!important;display:inline-flex;align-items:center;justify-content:center;min-height:44px;background:var(--atelier-field);color:var(--atelier-ink);border:0;border-radius:999px;padding:9px 17px;gap:8px}
[data-motion-toggle]:disabled{cursor:default}
.atelier-catalog{min-width:0;padding:0 8px 8px 0;scroll-margin-top:24px}
.catalog-intro{margin-bottom:30px}
.experience-hub .catalog-intro h2{font-size:clamp(28px,2.8vw,38px);line-height:1.15;max-width:20ch;margin-bottom:18px}
.catalog-intro p{font-size:16px;margin-bottom:16px}
.catalog-intro .small-note{font-size:14px;color:var(--atelier-muted)}
.experience-hub .tool-filter{display:grid;grid-template-columns:1fr auto;align-items:end;gap:9px 18px;background:var(--atelier-field);padding:22px;border-radius:20px;margin:0 0 42px}
.experience-hub .tool-filter label{grid-column:1/-1;font-size:16px;color:var(--atelier-ink)}
.experience-hub .tool-filter select{width:100%;min-height:48px;border:1px solid #9e8fb3;border-radius:9px;font-size:16px;background:#fff;padding:9px 30px 9px 13px;min-width:0}
.experience-hub .tool-filter output{font-size:14px;max-width:14ch;line-height:1.4;color:var(--atelier-muted);align-self:center}
.experience-hub .niche-group{padding:0;margin:0 0 56px;scroll-margin-top:24px}
.experience-hub .niche-intro{display:block;background:transparent;padding:0;margin:0 0 24px}
.experience-hub .niche-intro h2{font-size:28px;line-height:1.16;max-width:22ch;margin:0 0 12px}
.experience-hub .niche-intro p{font-size:16px;max-width:58ch;margin-bottom:0}
.plan-panel{position:relative;min-width:0;background:var(--atelier-paper);color:var(--atelier-ink);padding:clamp(24px,3vw,38px);border-radius:20px;box-shadow:7px 8px 0 var(--atelier-edge),0 20px 42px -30px rgba(47,24,75,.32);transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-style:preserve-3d;transition:transform .22s ease,box-shadow .22s ease;isolation:isolate} 
.experience-hub .plan-panel{background:var(--atelier-field);margin:0 0 30px}
.experience-hub .plan-panel:nth-of-type(even){background:#f7f7fa;--atelier-edge:#e6e5ec}
.plan-panel:focus-within{outline:3px solid var(--atelier-purple);outline-offset:6px}
.plan-panel>*{position:relative}
.experience-hub .plan-name,.experience-profile .plan-name{font-size:30px;line-height:1.13;font-weight:750;letter-spacing:-.04em;max-width:24ch;margin:0 0 14px}
.plan-purpose{font-size:18px;max-width:44ch;line-height:1.5;margin-bottom:22px}
.plan-promotion{font-size:16px;font-weight:750;color:var(--atelier-purple);margin:20px 0 14px}
.profile-jump-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:20px}
.profile-jump-links a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:650}
.plan-checklist{background:var(--atelier-field);padding:8px 15px;border-radius:12px;margin:20px 0}
.plan-checklist summary{cursor:pointer;font-size:15px;font-weight:650;min-height:44px;padding-block:10px}
.plan-checklist summary:focus-visible{outline:3px solid var(--atelier-purple);outline-offset:4px}
.plan-checklist p{font-size:14px!important;line-height:1.55!important;margin-top:8px;margin-bottom:10px;color:var(--atelier-muted)}
.plan-price{font-size:clamp(32px,3.6vw,49px)!important;line-height:1.1!important;font-weight:750;letter-spacing:-.045em;margin:22px 0 10px!important;max-width:100%;font-variant-numeric:tabular-nums;overflow-wrap:normal!important}
.plan-price[data-text-price],.plan-price.is-text{font-size:29px!important;line-height:1.18!important;max-width:20ch}
.plan-period{font-size:16px;font-weight:650;line-height:1.45;margin-bottom:18px;max-width:42ch}
.plan-facts{list-style:none;padding:0;margin:22px 0 24px;font-size:16px;line-height:1.5}
.plan-facts li{padding:5px 0 5px 24px;position:relative;overflow-wrap:anywhere}
.plan-facts li::before{content:'';position:absolute;left:2px;top:.84em;width:6px;height:6px;background:var(--atelier-purple);border-radius:50%}
.plan-limit,.plan-observed{font-size:14px!important;line-height:1.55!important;color:var(--atelier-muted);max-width:62ch;margin-bottom:18px}
.plan-observed strong{color:var(--atelier-ink)}
.plan-detail-link{display:inline-flex;min-height:44px;align-items:center;font-weight:650;font-size:15px;margin-bottom:8px;text-underline-offset:5px}
.plan-panel .plan-cta{display:flex;width:100%;min-height:52px;margin-top:10px;text-align:center;white-space:normal;transform:translateZ(12px)}
.plan-panel .plan-cta:hover{transform:translateZ(12px) translateY(-2px)}
.plan-disclosure{font-size:13px!important;color:var(--atelier-muted);line-height:1.5!important;margin:14px 0 0!important;max-width:65ch}
.compare-control{display:block;margin-top:18px;font-size:14px}
.compare-control label{display:inline-flex;align-items:center;gap:11px;min-height:44px;cursor:pointer}
.compare-control input{appearance:auto;width:20px;height:20px;accent-color:var(--atelier-purple);margin:0;flex-shrink:0}
.compare-control input:disabled+span{color:#716b7a}
.compare-bar{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:20;display:flex;gap:16px;align-items:center;max-width:calc(100vw - 32px);padding:12px 18px;border-radius:20px;background:var(--atelier-ink);color:white;box-shadow:0 12px 35px rgba(25,15,39,.25)} 
.compare-bar output{font-size:14px;line-height:1.4;min-width:0}
.compare-bar button{font-size:14px;min-height:44px;padding:10px 18px;border:0;border-radius:999px;background:#fff;color:var(--atelier-ink);font-weight:750;white-space:nowrap}
.compare-bar button:disabled{opacity:.55;cursor:default}
.compare-bar [data-compare-reset]{background:transparent;color:white;padding-inline:5px}
#compare-dialog{border:0;border-radius:24px;background:white;color:var(--atelier-ink);width:min(940px,calc(100vw - 32px));max-height:calc(100svh - 48px);padding:clamp(22px,4vw,42px);box-shadow:0 24px 80px rgba(21,10,36,.3)} 
#compare-dialog::backdrop{background:rgba(31,20,48,.55)}
#compare-dialog h2{font-size:30px;line-height:1.15;max-width:23ch;margin:15px 0 25px}
[data-compare-close]{display:block;margin-left:auto;min-height:44px;border:0;background:var(--atelier-field);padding:10px 20px;border-radius:999px;color:var(--atelier-ink)}
.compare-scroll{overflow:auto;max-width:100%;margin-bottom:14px;border-radius:12px}
.compare-scroll:focus-visible{outline:3px solid var(--atelier-purple);outline-offset:4px}
.compare-table{width:100%;border-collapse:collapse;min-width:520px;font-size:15px;line-height:1.5}
.compare-table th,.compare-table td{text-align:left;vertical-align:top;padding:17px 16px;max-width:30ch;overflow-wrap:anywhere}
.compare-table thead th{background:var(--atelier-purple);color:white;font-size:19px}
.compare-table tbody th{width:21%;font-size:14px}
.compare-table tr:nth-child(even){background:var(--atelier-field)}
.compare-table .button{font-size:14px;padding-inline:16px}
.comparison-note{font-size:14px;color:var(--atelier-muted)}
.experience-hub .purchase-path{background:var(--atelier-field);padding-top:74px;padding-bottom:74px;display:grid;grid-template-columns:1fr 1.3fr;gap:60px}
.experience-hub .purchase-path h2{font-size:clamp(32px,3.8vw,52px);max-width:13ch;line-height:1.08}
.experience-hub .purchase-steps{display:block;margin:0;list-style:none;padding:0}
.experience-hub .purchase-steps li{display:grid;grid-template-columns:1fr 1.4fr;gap:25px;margin-bottom:28px}
.experience-hub .purchase-steps li:last-child{margin-bottom:0}
.experience-hub .purchase-steps h3{font-size:22px;max-width:17ch;line-height:1.2;margin:0}
.experience-hub .purchase-steps p{color:var(--atelier-ink);font-size:16px;margin:0}
.tools-faq{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;padding-block:90px}
.tools-faq h2{font-size:36px;max-width:14ch;line-height:1.13}
.faq-copy p{margin-bottom:22px;max-width:64ch}
.faq-copy strong{display:block;margin-bottom:5px;color:var(--atelier-ink)}
.experience-hub .mdw-help,.experience-profile .mdw-help{padding-top:74px;padding-bottom:74px;border:0;background:#f4f1f8;gap:55px}
.experience-hub .mdw-help h2,.experience-profile .mdw-help h2{font-size:clamp(30px,3vw,42px);max-width:17ch;line-height:1.13}
.experience-hub .tools-footer,.experience-profile .tools-footer{padding-top:45px;padding-bottom:100px;border:0;gap:24px;align-items:center;flex-wrap:wrap}
.experience-hub .tools-footer>a:first-child,.experience-profile .tools-footer>a:first-child{font-size:clamp(22px,2.7vw,36px);font-weight:750;letter-spacing:-.04em;max-width:100%;white-space:normal;flex-shrink:1;text-decoration:none;color:var(--atelier-ink)}
.experience-hub .tools-footer p,.experience-profile .tools-footer p{font-size:14px;margin:0;max-width:37ch}
/* Product pages share the same tangible plan system. */
.experience-profile .experience-profile-hero,.experience-profile .profile-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(35px,6vw,100px);padding-top:44px;padding-bottom:64px}
.experience-profile .profile-intro{min-width:0}
.experience-profile .profile-hero h1{font-size:clamp(42px,5vw,72px);line-height:1.03;max-width:15ch;font-weight:750;letter-spacing:-.05em;margin-bottom:26px;text-wrap:balance}
.experience-profile .profile-hero .back{margin-bottom:28px}
.experience-profile .profile-hero .profile-name{font-size:21px;margin-top:0;margin-bottom:18px}
.experience-profile .profile-intro>p:not(.small-note):not(.profile-name){font-size:18px;max-width:43ch}
.experience-profile .plan-stage{position:relative;perspective:1000px;padding:12px 10px 12px 0;min-width:0}
.experience-profile .plan-stage::before{content:'';position:absolute;inset:0 8px 0 0;background:var(--atelier-field);transform:rotate(-3deg);border-radius:20px;z-index:0}
.experience-profile .plan-panel{background:var(--atelier-paper);position:relative;z-index:1}
.experience-profile .editorial-notice{border:0;background:var(--atelier-field);padding-block:24px;font-size:14px}
.experience-profile .editorial-notice p{max-width:105ch}
.experience-profile .profile-section{border:0;grid-template-columns:.8fr 1.2fr;gap:clamp(30px,7vw,100px);padding-top:38px;padding-bottom:38px}
.experience-profile .profile-section:nth-child(even){background:#faf8fc;padding-inline:28px;margin-inline:-28px;border-radius:16px}
.experience-profile .profile-heading h2{font-size:27px;max-width:23ch;line-height:1.2}
.experience-profile .profile-copy p{font-size:16px;color:var(--atelier-ink)}
.experience-profile .profile-copy p.small-note,.experience-profile .profile-copy .disclosure-template{font-size:14px;color:var(--atelier-muted)}
.experience-profile .provider-exit{background:var(--atelier-ink);color:white;gap:50px;padding-top:65px;padding-bottom:65px}
.experience-profile .provider-exit h2{font-size:32px;line-height:1.14;max-width:20ch}
.experience-profile .provider-exit p{max-width:60ch}
.experience-profile .provider-exit .button{color:var(--atelier-ink);background:white;font-size:16px;max-width:100%}
.experience-profile .provider-exit .link-disclosure,.experience-profile .provider-exit .small-note{color:#ede8f3;font-size:14px}
@keyframes atelier-drift{0%,100%{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-7px) rotate(.6deg)}}
@keyframes atelier-enter{from{transform:translateY(14px)}to{transform:translateY(0)}}
[data-motion='on'] .plan-panel.is-in-view{animation:atelier-enter .5s cubic-bezier(.2,.7,.3,1) both}
[data-motion='off'] .atelier-art{animation-play-state:paused;will-change:auto}
[data-motion='off'] [data-tilt]{transform:none!important}
@media(max-width:1100px){.atelier-layout{gap:36px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.experience-hub .atelier-story h1{font-size:57px}.atelier-copy>p{font-size:17px}.experience-hub .tool-filter{grid-template-columns:1fr}.experience-hub .tool-filter output{max-width:none}.plan-panel{padding:26px}.experience-hub .purchase-path,.tools-faq{gap:36px;grid-template-columns:1fr 1.4fr}}
@media(max-width:960px){.atelier-layout{display:block;padding-top:30px}.atelier-story{position:static;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:10px 28px;align-items:center;margin-bottom:64px}.atelier-copy{grid-column:1;grid-row:1/3}.atelier-art{grid-column:2;grid-row:1;max-width:100%;margin:0}.atelier-art img{height:310px}.atelier-story>[data-motion-toggle]{grid-column:2;justify-self:center}.experience-hub .atelier-story h1{font-size:60px}.atelier-catalog{max-width:760px;padding-right:8px;margin-inline:auto}.experience-hub .tool-filter{grid-template-columns:1fr auto}.experience-hub .niche-group{margin-bottom:58px}.experience-profile .profile-hero{gap:36px}.experience-profile .profile-hero h1{font-size:48px}.experience-profile .plan-price{font-size:37px!important}.experience-hub .tools-header nav,.experience-profile .tools-header nav{gap:14px}.experience-hub .purchase-path{grid-template-columns:1fr}.experience-hub .purchase-path h2{max-width:22ch}.tools-faq{grid-template-columns:1fr;gap:28px}}
@media(max-width:620px){.experience-hub .tools-header,.experience-profile .tools-header{display:flex;align-items:flex-start;flex-direction:column;padding-top:18px;padding-bottom:18px;gap:12px}.experience-hub .tools-header .logo,.experience-profile .tools-header .logo{width:166px}.experience-hub .tools-header nav,.experience-profile .tools-header nav{gap:8px 16px;justify-content:flex-start;flex-wrap:wrap}.experience-hub .tools-header nav a,.experience-profile .tools-header nav a{font-size:13px;min-height:40px}.atelier-layout{padding-top:28px;padding-bottom:56px}.atelier-story{display:block;margin-bottom:42px}.experience-hub .atelier-story h1{font-size:49px;line-height:1.02;max-width:13ch;margin-bottom:22px}.atelier-copy>p{font-size:17px;max-width:38ch}.atelier-art{max-width:300px;margin:14px auto 3px}.atelier-art img{height:250px}.atelier-art figcaption{font-size:13px;margin-top:4px}.atelier-story>[data-motion-toggle]{display:flex;margin-inline:auto}.atelier-catalog{padding-right:7px}.experience-hub .catalog-intro h2{font-size:31px}.experience-hub .tool-filter{grid-template-columns:1fr;padding:20px;margin-bottom:30px}.experience-hub .tool-filter output{font-size:14px;max-width:none}.experience-hub .niche-intro h2{font-size:27px}.plan-panel{padding:24px 22px}.experience-hub .plan-panel{margin-bottom:28px}.experience-hub .plan-name,.experience-profile .plan-name{font-size:28px}.plan-purpose{font-size:17px}.plan-price{font-size:42px!important}.plan-price.is-text,.plan-price[data-text-price]{font-size:28px!important}.plan-facts{font-size:16px;margin-block:18px}.plan-disclosure{font-size:13px!important}.experience-hub .purchase-path{padding-top:48px;padding-bottom:48px;gap:30px}.experience-hub .purchase-path h2{font-size:34px;max-width:16ch}.experience-hub .purchase-steps li{grid-template-columns:1fr;gap:9px;margin-bottom:26px}.experience-hub .purchase-steps h3{font-size:22px;max-width:22ch}.tools-faq{padding-block:52px;gap:24px}.tools-faq h2{font-size:32px;max-width:18ch}.experience-hub .mdw-help,.experience-profile .mdw-help{grid-template-columns:1fr;padding-top:48px;padding-bottom:48px;gap:23px}.experience-hub .mdw-help h2,.experience-profile .mdw-help h2{font-size:32px;max-width:18ch}.experience-hub .tools-footer,.experience-profile .tools-footer{display:flex;flex-direction:column;align-items:flex-start;padding-bottom:110px}.experience-profile .profile-hero{grid-template-columns:1fr;padding-top:25px;padding-bottom:40px;gap:25px}.experience-profile .profile-hero h1{font-size:43px;max-width:15ch;margin-bottom:24px}.experience-profile .profile-intro>p:not(.small-note):not(.profile-name){font-size:17px}.experience-profile .plan-stage{padding-top:10px}.experience-profile .profile-section{grid-template-columns:1fr;gap:15px;padding-block:27px}.experience-profile .profile-section:nth-child(even){margin-inline:-8px;padding-inline:8px}.experience-profile .profile-heading h2{font-size:25px;max-width:24ch}.experience-profile .provider-exit{grid-template-columns:1fr;padding-block:45px;gap:24px}.experience-profile .provider-exit h2{font-size:29px;max-width:21ch}.compare-bar{gap:8px;padding:10px 12px;bottom:12px;width:calc(100vw - 24px);max-width:420px;border-radius:16px}.compare-bar output{font-size:13px;flex:1}.compare-bar button{padding-inline:13px;font-size:13px}.compare-bar [data-compare-reset]{padding-inline:2px}#compare-dialog{padding:21px;width:calc(100vw - 24px);max-height:calc(100svh - 28px)}#compare-dialog h2{font-size:28px}.compare-scroll{margin-inline:-4px}.compare-table{font-size:14px}.compare-table th,.compare-table td{padding:14px 12px}}
@media(prefers-reduced-motion:reduce){.experience-hub,.experience-profile{scroll-behavior:auto}.atelier-art{animation:none!important;transform:none!important;will-change:auto}[data-tilt]{transform:none!important;transition:none!important}.plan-panel.is-in-view{animation:none!important}.experience-hub .button:hover,.experience-profile .button:hover{transform:none!important}.experience-profile .plan-stage::before{transform:none}.experience-hub *,.experience-profile *{scroll-behavior:auto!important}}

.plan-reference{font-size:14px;line-height:1.45;font-weight:650;color:var(--atelier-muted);margin:18px 0 8px}