.pro-card{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:38px 42px;border:2px solid white;border-radius:32px;background:linear-gradient(120deg,#fff0f7,#f2edff 65%,#ebfaff);box-shadow:0 12px 38px #9160b412;margin:40px auto}.pro-card h2{font-size:clamp(24px,3vw,38px);line-height:1.5;margin:0}.pro-card .eyebrow{margin-bottom:12px}.pro-card-action{display:grid;gap:16px;flex-shrink:0;text-align:center}.pro-card strong{font:700 34px Outfit,sans-serif;color:var(--action)}
.pro-plan{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center;border:2px solid #ef9ecb!important;background:linear-gradient(110deg,#fff,#fff0f8 60%,#eee9ff)!important;padding:30px!important}.pro-plan h3{font-size:28px}.pro-plan h3 span{color:#ea4e91}.pro-plan p{margin:8px 0}.pro-plan .pro-plan-detail{font-size:13px;color:var(--muted)}.pro-plan-buy{display:grid;gap:12px;justify-items:center}.pro-plan-buy .price{margin:0}.pro-plan .text-link{font-size:13px}
/* Pro has its own art direction; shared navigation and type keep the family resemblance. */
.pro-page{background-color:#fffafc;background-image:radial-gradient(ellipse at 2% 24%,#ffe5f280,transparent 40%),radial-gradient(ellipse at 98% 8%,#e8e4ff99,transparent 38%)}
.pro-page .brand img{height:auto;aspect-ratio:1;object-fit:contain}
.pro-motion-bar{position:relative;margin:26px 0 0;padding-bottom:34px}
.pro-ribbon{overflow:hidden;transform:rotate(-1.1deg);background:linear-gradient(100deg,#e75494,#a78bd9,#eb78ac);color:#fff;border-block:2px solid #fff;box-shadow:0 4px 0 #efe1f7}
.pro-ribbon-track{display:flex;width:max-content;animation:pro-ribbon-travel 32s linear infinite}
.pro-ribbon-track>span{display:flex;align-items:center;gap:30px;white-space:nowrap;padding:12px 30px 12px 0;font:600 13px/1.4 Outfit,sans-serif;letter-spacing:.19em}
.pro-ribbon-track b{font-size:18px}
.pro-motion-button{position:absolute;right:30px;bottom:0;border:0;background:transparent;color:#725672;padding:4px 10px;font-size:11px;text-decoration:underline;text-underline-offset:3px}
.pro-motion-button:focus-visible{outline:2px solid #d44280;outline-offset:2px;border-radius:8px}
.pro-hero{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.35fr);align-items:center;gap:46px;padding:52px 0 82px;max-width:1360px}
.pro-hero-copy{min-width:0;position:relative;z-index:1}.pro-hero .eyebrow{letter-spacing:.16em;margin-bottom:21px}
.pro-hero h1{font:800 clamp(42px,4.6vw,68px)/1.05 Outfit,sans-serif;letter-spacing:-.045em;margin:0 0 28px}
.pro-hero h1 em{display:block;font-style:normal;font-size:1.46em;color:#d33d82;text-shadow:2px 3px #fff,4px 6px #eddbf4}
.pro-hero h1 em span{display:inline-block;color:#b495dd;font-size:.42em;vertical-align:middle;margin-left:13px;animation:pro-sparkle 5s ease-in-out infinite}
.pro-hero h2{font-size:clamp(23px,2.5vw,35px);line-height:1.6;letter-spacing:-.025em;margin:0 0 18px;text-wrap:balance}
.pro-lead{font-size:16px;line-height:1.9;color:#725873;max-width:470px}
.pro-hero-purchase{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:28px}
.pro-hero-purchase>strong{font:700 36px Outfit,sans-serif;letter-spacing:-.035em}
.pro-payment{font:500 12px Outfit,sans-serif;color:#775f80;margin:23px 0 0}
.pro-art{position:relative;margin:0;min-width:0;width:100%}
.pro-art-frame{position:relative;border:8px solid #fff;border-radius:38px;box-shadow:0 26px 60px #a9668c23,0 3px 0 #efc9de;transform:rotate(2deg)}
.pro-art .pro-atelier-image{display:block;width:100%;height:auto!important;aspect-ratio:3/2;object-fit:contain;border-radius:29px}
.pro-art-star{position:absolute;color:#af87d5;text-shadow:0 2px white;pointer-events:none;animation:pro-sparkle 5s ease-in-out infinite}
.star-one{font-size:52px;top:-36px;right:35px}.star-two{font-size:65px;bottom:5px;left:-28px;animation-delay:-2s;color:#e36b9b}
.pro-seal{position:relative;display:flex;align-items:center;justify-content:center;gap:16px;width:max-content;max-width:90%;margin:-7px auto 0;padding:16px 22px;border:1px solid #fff;background:#fffefee8;border-radius:18px;box-shadow:0 9px 25px #97619f18;font:600 16px/1.4 Outfit,sans-serif;color:#684374;transform:rotate(-2deg)}
.pro-seal b{font-size:22px;color:#e75794}.pro-art figcaption{font-size:10px;line-height:1.7;text-align:center;color:#846d85;margin:20px 12px 0}
.pro-includes{padding:38px 0 76px}.pro-section-heading{max-width:800px;margin:0 auto 36px;text-align:center}.pro-section-heading .eyebrow{margin-bottom:15px}.pro-section-heading h2{font-size:clamp(25px,3vw,38px);line-height:1.55;margin:0;text-wrap:balance}
.pro-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.pro-feature{padding:30px 34px;border:1px solid #f0cede;border-radius:28px;background:linear-gradient(135deg,#fff,#fff4f8);box-shadow:0 12px 35px #995f9310}
.pro-feature-rack{background:linear-gradient(135deg,#fff,#f3efff);border-color:#e1d5f2}
.pro-feature-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;color:#c35189}.pro-feature-icon{font:600 12px Outfit,sans-serif;letter-spacing:.13em}.pro-live-dot{width:8px;height:8px;border-radius:50%;background:#e75992;box-shadow:0 0 0 5px #fbdce9}
.pro-feature h3{font-size:clamp(22px,2.3vw,30px);line-height:1.5;margin:22px 0 12px;text-wrap:balance}.pro-feature p{font-size:15px;color:#745d7b;line-height:1.9}
.pro-wave{position:relative;height:102px;display:flex;align-items:center;justify-content:space-between;gap:5px;padding:15px 18px;border-radius:17px;background:repeating-linear-gradient(90deg,transparent,transparent 24px,#efcede66 25px),#ffedf5;overflow:hidden;border:1px solid #f7dbe8}
.pro-wave>i{width:5px;height:var(--bar);min-width:2px;background:linear-gradient(#ef7dab,#ce4582);border-radius:5px;animation:pro-wave-breathe 2.8s ease-in-out var(--delay) infinite alternate}
.pro-playhead{position:absolute;top:0;bottom:0;width:2px;left:0;background:#bd316e;box-shadow:0 0 12px #ec89b4;animation:pro-playhead-sweep 7s linear infinite}
.pro-dials{display:flex;justify-content:space-around;align-items:center;gap:16px;height:102px;border-radius:17px;background:#f0e9f9;border:1px solid #e2d5f0;padding:10px}
.pro-dials>div{text-align:center}.pro-dial{display:block;position:relative;width:54px;height:54px;margin:auto;border-radius:50%;border:5px solid #fff;box-shadow:0 3px 0 #c9b7dc,0 5px 12px #956da322;background:conic-gradient(from 30deg,#fefaff,#d5c1e9,#fff,#dfc7eb);animation:pro-dial-turn 9s ease-in-out var(--delay) infinite alternate}
.pro-dial:after{content:'';position:absolute;width:3px;height:11px;background:#a465b7;border-radius:2px;top:4px;left:calc(50% - 1.5px)}.pro-dials small{font:600 9px Outfit,sans-serif;letter-spacing:.1em;color:#8a6399}
.pro-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.pro-chips span{font:600 10px Outfit,sans-serif;letter-spacing:.1em;border:1px solid #ead8e9;background:#fff;border-radius:20px;padding:7px 12px}
.pro-bundle-note{text-align:center;font-size:13px;color:#755d7c;margin:24px 0 0}
.pro-pricing{padding:48px;background:#fff;border:1px solid #eedfea;border-radius:32px;box-shadow:0 14px 40px #97639b0c}
.pro-price-list{border:1px solid #eddfed;border-radius:20px;overflow:hidden}.pro-price-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px;border-bottom:1px solid #eee1ed;line-height:1.5;transition:background .2s}.pro-price-row:last-child{border-bottom:0}.pro-price-row>span{font-size:15px;font-weight:700}.pro-price-row strong{flex-shrink:0;font:700 24px Outfit,sans-serif}.pro-price-row strong span{font-size:16px;margin-left:12px;color:#bb75ac}.pro-price-row small{display:block;font-size:12px;font-weight:400;margin-top:8px}.pro-price-row.is-pro{background:linear-gradient(100deg,#fff0f7,#f3edff);color:#a52a65;border-left:4px solid #df548e}.pro-price-row:hover{background:#fff3f9}.pro-price-row:focus-visible{outline-offset:-4px}
.pro-fine{color:#786381;font-size:13px;line-height:1.9;margin:24px 0 42px}
.pro-closing{position:relative;isolation:isolate;overflow:hidden;padding:65px 30px;text-align:center;margin:70px auto;background:linear-gradient(115deg,#fce9f3,#f3eafa,#eefaff);border:3px solid white;border-radius:36px}.pro-closing:before,.pro-closing:after{content:'✦';position:absolute;font-size:120px;color:#e6caeb80;z-index:-1;animation:pro-sparkle 7s ease-in-out infinite}.pro-closing:before{left:4%;top:10%}.pro-closing:after{right:4%;bottom:0;animation-delay:-3s}.pro-closing h2{font-size:clamp(26px,3vw,40px);margin:0;text-wrap:balance}.pro-closing .button{margin-top:15px}
.pro-card-art{width:180px;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:20px;box-shadow:0 8px 22px #ab618c26;transform:rotate(-3deg)}.pro-card{gap:28px}.pro-card>div:not(.pro-card-action){flex:1;min-width:0}.pro-card h2{font-size:clamp(22px,2.3vw,32px)}
@keyframes pro-ribbon-travel{to{transform:translateX(-50%)}}
@keyframes pro-sparkle{0%,100%{transform:scale(.92) rotate(-8deg);opacity:.55}50%{transform:scale(1.06) rotate(8deg);opacity:1}}
@keyframes pro-wave-breathe{from{transform:scaleY(.65)}to{transform:scaleY(1)}}
@keyframes pro-playhead-sweep{to{left:100%}}
@keyframes pro-dial-turn{from{transform:rotate(-45deg)}to{transform:rotate(55deg)}}
.pro-motion-paused *,.pro-motion-paused *:before,.pro-motion-paused *:after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.pro-page *,.pro-page *:before,.pro-page *:after{animation:none!important;transition:none!important}.pro-motion-button{display:none}}
@media(max-width:1050px){.pro-hero{gap:28px;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.pro-hero h1{font-size:48px}.pro-hero-purchase{gap:14px}.pro-card-art{width:130px}.pro-seal{font-size:13px;gap:10px;padding:12px 15px}}
@media(max-width:800px){.pro-hero{grid-template-columns:1fr;padding:30px 0 50px;gap:40px}.pro-hero-copy{max-width:630px}.pro-hero h1{font-size:50px;margin-bottom:22px}.pro-hero h1 em{display:inline;font-size:1.1em;margin-left:8px}.pro-hero h1 em span{display:none}.pro-hero h2{font-size:28px;max-width:560px}.pro-art{max-width:640px;margin:auto}.pro-grid{grid-template-columns:1fr}.pro-pricing{padding:30px 22px}.pro-card{flex-wrap:wrap;padding:28px}.pro-card-action{display:flex;align-items:center;gap:22px}.pro-card-art{width:140px}.pro-card>.pro-card-action{width:100%}.pro-seal{font-size:15px}}
@media(max-width:600px){.pro-motion-bar{margin-top:21px;padding-bottom:28px}.pro-motion-button{right:16px}.pro-ribbon-track>span{font-size:11px;gap:22px;padding:10px 22px 10px 0}.pro-hero{padding:25px 0 43px;gap:32px}.pro-hero h1{font-size:39px}.pro-hero h2{font-size:26px}.pro-lead{font-size:15px}.pro-hero .eyebrow{font-size:10px}.pro-hero-purchase>strong{font-size:32px}.pro-hero-purchase .button{font-size:13px;padding:14px 21px}.pro-art-frame{border-width:5px;border-radius:25px;transform:rotate(1deg)}.pro-art .pro-atelier-image{border-radius:20px}.star-one{font-size:35px;top:-23px;right:20px}.star-two{font-size:39px;left:-15px}.pro-seal{max-width:96%;font-size:13px;padding:11px 12px;gap:10px}.pro-art figcaption{margin-top:15px;font-size:9px}.pro-includes{padding:24px 0 44px}.pro-section-heading h2{font-size:26px}.pro-feature{padding:24px}.pro-grid{gap:20px}.pro-pricing{padding:30px 12px}.pro-price-row{padding:18px 13px;gap:12px}.pro-price-row>span{font-size:13px}.pro-price-row strong{font-size:20px}.pro-price-row strong span{margin-left:3px}.pro-closing{padding:44px 24px;margin:45px auto}.pro-card{display:block}.pro-card-art{width:160px;margin-bottom:24px}.pro-card-action{flex-wrap:wrap;margin-top:22px}.pro-plan{grid-template-columns:1fr;padding:24px!important;gap:16px}.pro-plan-buy{justify-items:start}}

.pro-ribbon-track>span{min-width:max(100vw,1000px);justify-content:space-around}.pro-hero h2>span{display:block;white-space:nowrap}

.pro-feature-top{height:22px}.pro-feature .pro-coverage{font-size:12px;border-top:1px solid #e9dce9;padding-top:15px;margin-top:18px}
.pro-feature{min-width:0}.pro-wave{min-width:0;gap:3px}.pro-wave>i{flex:1;min-width:1px;max-width:6px}.pro-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:800px){.pro-grid{grid-template-columns:minmax(0,1fr)}}
