/* Illustrated editorial edition — visible stories, soft frames, generous artwork. */
.about-mini-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;margin-top:52px}
.about-mini{grid-column:span 2;position:relative;padding:30px;border:1px solid #c6a9ff17;border-radius:26px;background:linear-gradient(140deg,#24202c,#1a181f);transition:background .3s,border-color .3s,transform .3s}
.about-mini:nth-last-child(-n+2){grid-column:span 3}
.about-mini:hover{transform:translateY(-4px);background:linear-gradient(140deg,#302738,#211b29);border-color:#c6a9ff55}
.mini-index{font-size:12px;color:#ac97c8;letter-spacing:.13em;display:block;margin-bottom:30px}
.about-mini h3{font-size:23px;font-weight:500;letter-spacing:-.035em;line-height:1.25;margin-bottom:17px}
.about-mini p{font-size:15px;line-height:1.8;color:#c9c1d1}
.first-step-section{padding:0 var(--pad) 92px;border-bottom:1px solid var(--line)}
.first-step-shell{display:grid;grid-template-columns:1.18fr 1fr;position:relative;isolation:isolate;overflow:hidden;border-radius:40px;border:1px solid #c6a9ff29;background:radial-gradient(ellipse at 90% 60%,#593a704f,transparent 65%),#201b27}
.first-step-copy{padding:58px 0 58px 52px;position:relative;z-index:2}
.first-step-copy h2{margin:27px 0;font-size:clamp(45px,4.7vw,76px)}
.fear-lead{font-size:17px;color:#d6cddd;line-height:1.85;max-width:550px}
.reassurance-point{display:flex;gap:16px;margin-top:27px;padding-top:24px;border-top:1px solid #c6a9ff20}
.point-number{flex-shrink:0;display:grid;place-items:center;width:33px;height:33px;background:#c6a9ff13;border:1px solid #c6a9ff35;border-radius:50%;font-size:11px;color:var(--accent);margin-top:1px}
.reassurance-point h3{font-size:18px;font-weight:600;letter-spacing:-.02em;margin:3px 0 10px}
.reassurance-point p{font-size:15px;line-height:1.85;color:#bfb5c9}
.first-step-note{font-size:13px;color:var(--accent);margin-top:25px;margin-bottom:23px}
.first-step-art{position:relative;min-width:0;min-height:650px;align-self:stretch}
.first-step-art>img{position:absolute;width:120%;max-width:none;right:-18%;height:96%;bottom:0;object-fit:contain;object-position:center bottom;mask-image:linear-gradient(black 74%,transparent 99%);z-index:1}
.first-step-halo{position:absolute;inset:12% -45% 12% -6%;border:1px solid #b396d536;transform:rotate(-18deg);border-radius:50%;background:radial-gradient(ellipse,#a77cc933,transparent 68%);box-shadow:inset 0 0 90px #ba87d508}
.first-step-bubble{position:absolute;right:8%;top:22%;z-index:2;background:#f0e5f2;color:#392644;font-size:17px;line-height:1.5;padding:20px 26px;border-radius:22px 22px 5px 22px;transform:rotate(6deg);box-shadow:0 14px 40px #10091625}
.first-step-bubble>span{position:absolute;right:-10px;top:-24px;font-size:41px;color:var(--acid)}
.first-step-caption{position:absolute;z-index:2;bottom:35px;left:12%;right:0;text-align:center;font-size:10px;letter-spacing:.14em;color:#c0abc8}
.benefits-section{background:radial-gradient(ellipse at 50% 35%,#37243d33,transparent 65%),#18151d}
.benefits-track{gap:26px;padding:12px 0 16px;align-items:stretch;perspective:1500px}
.benefit-slide{flex:0 0 calc((100% - 26px)/2);padding:0;min-height:0;border:1px solid #e5caff24;border-radius:34px;background:#231d2b;isolation:isolate;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 12px 40px #07030a20;transition:transform .4s,border-color .4s,box-shadow .4s,background .4s}
.benefit-slide:hover{background:#2b2235;border-color:#d9b8f57a;box-shadow:0 16px 40px #0d031c4a;transform:translateY(-5px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}
.benefit-visual{position:relative;aspect-ratio:1.6;overflow:hidden;background:#342942}
.benefit-visual:after{content:'';position:absolute;inset:60% 0 -1px;background:linear-gradient(transparent,#231d2b);pointer-events:none;transition:opacity .4s}
.benefit-visual img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.6,.3,1),filter 1s}
.benefit-slide:hover img{transform:scale(1.045);filter:saturate(1.08)}
.benefit-number{position:absolute;left:24px;top:22px;margin:0;z-index:1;background:#1c142b66;border:1px solid #eedaff4d;backdrop-filter:blur(16px);padding:10px 16px;border-radius:40px;color:#faf4ff;font-size:11px;letter-spacing:.12em}
.benefit-body{padding:13px 32px 35px;flex:1;position:relative}
.benefit-kicker{font-size:11px;letter-spacing:.13em;color:#c9abe8}
.benefit-slide h3{font-size:clamp(26px,2.3vw,37px);font-weight:550;letter-spacing:-.045em;line-height:1.17;max-width:none;margin:14px 0 18px}
.benefit-slide p{font-size:16px;line-height:1.85;color:#d3c5df;max-width:none;margin:0}
.slider-hint{margin-top:16px}
.round-button{background:#c6a9ff08;border-color:#c6a9ff3a}
.round-button:hover{box-shadow:0 0 30px #ba8bff26}
.role-tabs{border:1px solid var(--line);border-radius:22px;overflow:hidden}
.role-tabs button{border-bottom:0;position:relative}
.role-tabs button[aria-selected=true]{background:#c6a9ff16}
.role-tabs button[aria-selected=true]:after{content:'';position:absolute;bottom:0;left:24px;right:24px;height:2px;background:var(--accent);border-radius:2px}
.role-visual{border-radius:180px 180px 32px 32px}
.next-level{background:radial-gradient(ellipse at 100% 0,#e2cfff88,transparent 60%),#c2a4f5}
.level-layout{align-items:center;gap:8%;margin-bottom:50px}
.level-number small{line-height:1.9;font-weight:500}
.level-copy>p{max-width:420px;font-size:18px}
.experienced-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.experienced-card{border-radius:28px;padding:30px 32px 34px;border:1px solid #41215822;background:#f5eaff20;transition:background .3s,transform .3s,box-shadow .3s}
.experienced-card:hover{background:#f9f0ff45;transform:translateY(-4px);box-shadow:0 10px 30px #4929640d}
.experienced-index{display:block;font-size:11px;letter-spacing:.1em;color:#6d4d87;margin-bottom:20px}
.experienced-card h3{font-size:24px;font-weight:550;letter-spacing:-.035em;line-height:1.25;max-width:440px;margin-bottom:18px}
.experienced-card p{font-size:16px;line-height:1.85;color:#49325f}
.reviews-layout{display:block}
.reviews-title{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:42px}
.reviews-title .carousel-controls{margin:0;padding:0;align-self:flex-end}
.reviews-track{border-radius:34px;overflow-x:auto;outline-offset:6px}
.review-slide{display:grid;grid-template-columns:.8fr 1fr;flex:0 0 100%;width:100%;min-width:0;min-height:580px;padding:0;border:1px solid #d9c1f42d;border-radius:34px;overflow:hidden;background:#231e2a;isolation:isolate;transition:border-color .3s,background .3s}
.review-slide:hover{border-color:#d9c1f46a;background:#292232}
.review-visual{position:relative;min-width:0;min-height:100%;overflow:hidden;background:#33273c}
.review-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 65%,#231e2a66);pointer-events:none}
.review-visual img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform 1.2s ease}
.review-slide:hover .review-visual img{transform:scale(1.035)}
.review-story{display:flex;flex-direction:column;padding:38px 38px 35px;min-width:0}
.review-top{line-height:1.5;font-size:10px}
.review-slide blockquote{font-size:clamp(16px,1.38vw,21px);line-height:1.75;margin:27px 0 28px}
.review-author{padding-top:12px}
.reviews-section .section-top{margin-bottom:45px}
@media(min-width:1750px){.first-step-copy{padding-left:70px}.first-step-art>img{right:-5%;width:110%}.benefit-visual{aspect-ratio:1.8}}
@media(max-width:1150px){.about-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-mini,.about-mini:nth-last-child(-n+2){grid-column:auto}.about-mini:last-child{grid-column:span 2}.first-step-shell{grid-template-columns:1.3fr 1fr}.first-step-copy{padding:42px 0 42px 32px}.first-step-art>img{right:-38%;width:145%;height:85%}.first-step-bubble{right:3%;top:13%;font-size:15px;padding:17px 20px}.benefit-body{padding:12px 25px 30px}.benefit-slide{border-radius:28px}.benefit-visual{aspect-ratio:1.25}.review-slide{grid-template-columns:.65fr 1fr;min-height:600px}.review-story{padding:30px}.review-slide blockquote{font-size:17px}.experienced-card{padding:26px}.first-step-copy h2{font-size:48px}}
@media(max-width:800px){.about-mini-grid{margin-top:32px;gap:14px;grid-template-columns:1fr}.about-mini,.about-mini:last-child,.about-mini:nth-last-child(-n+2){grid-column:auto;padding:25px;border-radius:24px}.mini-index{margin-bottom:20px}.about-mini h3{font-size:23px}.about-mini p{font-size:16px;line-height:1.8}.first-step-section{padding:0 16px 60px}.first-step-shell{display:flex;flex-direction:column;border-radius:30px}.first-step-copy{padding:33px 23px 0}.first-step-copy h2{font-size:clamp(39px,8vw,58px);margin:22px 0}.fear-lead{font-size:16px;line-height:1.8}.reassurance-point{gap:12px;margin-top:23px;padding-top:23px}.reassurance-point h3{font-size:17px}.reassurance-point p{font-size:15px;line-height:1.8}.point-number{width:28px;height:28px;font-size:10px}.first-step-note{font-size:12px;line-height:1.8}.first-step-copy>.button{width:100%;font-size:14px;gap:20px}.first-step-art{height:390px;min-height:0;width:100%;margin-top:5px}.first-step-art>img{width:100%;height:140%;max-width:430px;right:50%;transform:translateX(50%);bottom:-140px;object-position:center top;mask-image:linear-gradient(black 60%,transparent 95%)}.first-step-halo{inset:8% 0 -30%}.first-step-bubble{right:7%;top:22%;font-size:14px;padding:16px 20px}.first-step-bubble>span{font-size:33px;top:-21px}.first-step-caption{left:0;bottom:15px;font-size:9px}.benefits-track{gap:18px;padding-top:6px;padding-bottom:10px}.benefit-slide{flex-basis:100%;border-radius:28px}.benefit-visual{aspect-ratio:1.35}.benefit-body{padding:12px 23px 29px}.benefit-slide h3{font-size:28px;max-width:none;margin-top:12px;margin-bottom:16px}.benefit-slide p{font-size:16px;line-height:1.8}.benefit-number{top:17px;left:17px;padding:8px 12px;font-size:10px}.benefit-kicker{font-size:10px}.benefit-slide:hover{transform:none}.role-visual{border-radius:170px 170px 28px 28px}.role-tabs{border-radius:17px}.role-tabs button[aria-selected=true]:after{left:12px;right:12px}.level-layout{margin-bottom:36px}.level-copy>p{font-size:17px}.experienced-grid{grid-template-columns:1fr;gap:14px}.experienced-card{border-radius:24px;padding:25px}.experienced-card h3{font-size:24px}.experienced-card p{font-size:16px;line-height:1.85}.reviews-title{flex-direction:column;align-items:flex-start;gap:24px;margin-bottom:27px}.reviews-title h2{font-size:40px}.reviews-title .carousel-controls{max-width:none;flex-wrap:nowrap;gap:12px}.reviews-title .carousel-controls>span{flex-basis:auto;min-width:48px;margin-left:9px;margin-top:0}.reviews-track{border-radius:28px}.review-slide{display:flex;flex-direction:column;border-radius:28px;min-height:0;flex-basis:100%;padding:0}.review-visual{height:230px;min-height:0;flex-shrink:0}.review-visual img{object-position:center 35%}.review-visual:after{background:linear-gradient(transparent 65%,#231e2a);inset:0}.review-story{padding:18px 24px 27px;flex:1}.review-slide blockquote{font-size:16px;line-height:1.85;margin:22px 0}.review-top{font-size:9px}.review-author{font-size:14px}.author-initial{width:40px;height:40px;font-size:19px}}
@media(max-width:370px){.first-step-copy{padding-left:18px;padding-right:18px}.first-step-copy h2{font-size:36px}.first-step-copy>.button{gap:12px;font-size:13px;padding-left:16px;padding-right:16px}.reassurance-point{gap:9px}.reassurance-point h3{font-size:16px}.point-number{width:24px;height:24px}.benefit-slide h3{font-size:26px}.benefit-body{padding-left:20px;padding-right:20px}.reviews-title h2{font-size:35px}.review-story{padding-left:21px;padding-right:21px}}
@media(prefers-reduced-motion:reduce){.benefit-slide:hover,.about-mini:hover,.experienced-card:hover{transform:none}.benefit-slide:hover img,.review-slide:hover img{transform:none}}
.about-section{border-bottom:0;padding-bottom:70px}
.about-mini p,.reassurance-point p{font-size:16px}
.first-step-bubble{top:auto;bottom:18%}
@media(max-width:800px){.about-section{padding-bottom:45px}.first-step-bubble{top:auto;bottom:18%}}

/* Each slider shares the natural height of its tallest card, including offscreen cards. */
.benefits-track,.reviews-track{align-items:stretch}
.benefits-track{border-radius:34px;overflow-y:hidden}
@media(max-width:800px){.benefits-track{border-radius:28px}}
/* The badge owns its typography; the line break stays inside the circle. */
.role-sticker{padding:15px;text-align:center;line-height:1.15;overflow:hidden;box-sizing:border-box}
.role-sticker>span{display:block;max-width:100%;font-size:16px;line-height:1.2}
.profession-section{margin-top:84px;padding-top:64px;border-top:1px solid var(--line)}
.profession-heading{margin-bottom:40px}.profession-heading h2{font-size:clamp(35px,3.6vw,59px);margin-top:24px}
.profession-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.profession-card{position:relative;padding:34px;border-radius:28px;border:1px solid #c6a9ff20;background:linear-gradient(140deg,#26202e,#1e1a24);transition:transform .35s,border-color .35s}
.profession-card:hover{transform:translateY(-3px);border-color:#c6a9ff66}
.profession-number{display:block;color:var(--accent);font-size:12px;letter-spacing:.13em;margin-bottom:29px}
.profession-card h3{font-size:25px;line-height:1.25;letter-spacing:-.035em;font-weight:500;margin:0 0 21px;max-width:480px}
.profession-answer p,.profession-answer li{font-size:16px;line-height:1.85;color:#c9c0d2}.profession-answer p+p{margin-top:18px}.profession-answer ul{padding-left:18px;margin:0}.profession-answer li{padding-left:4px;margin-bottom:10px}.profession-answer li::marker{color:var(--accent)}
.profession-card-5{grid-column:1/-1;display:grid;grid-template-columns:.75fr 1.25fr;gap:0 48px;padding:40px}.profession-card-5 .profession-number{grid-column:1}.profession-card-5 h3{grid-column:1;align-self:start}.profession-card-5 .profession-answer{grid-column:2;grid-row:1/3}.profession-card-6{grid-column:1/-1;background:#c6a9ff0b}.profession-card-6 ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 45px}
.conversion-section{padding:75px var(--pad);background:#121115}.conversion-shell{border-radius:38px;padding:60px;display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;overflow:hidden;background:radial-gradient(ellipse at 0 100%,#ede0ff 0,transparent 65%),#bea0ed;color:#251732}
.conversion-title .eyebrow{color:#503961}.conversion-title h2{font-size:clamp(50px,5.1vw,82px);margin-top:30px}.conversion-title h2 em{color:#6f4e88}.conversion-copy p{font-size:17px;line-height:1.85;color:#432e54;margin-bottom:23px}.conversion-copy p:last-of-type{color:#281735}.conversion-copy .button{margin-top:7px}.conversion-footnote{display:block;font-size:11px;letter-spacing:.12em;color:#67487b;margin-top:22px}
.conversion-seal{width:142px;height:142px;border:1px solid #6f4e8850;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:42px;font-size:51px;font-weight:700;letter-spacing:-.09em;transform:rotate(-12deg);color:#6f4e88}.conversion-seal span{font-size:8px;letter-spacing:.12em;margin-top:4px}
@media(max-width:1000px){.conversion-shell{padding:38px;gap:6%}.conversion-title h2{font-size:56px}.profession-card{padding:28px}.profession-card-5{gap:0 30px}.profession-card h3{font-size:23px}}
@media(max-width:800px){.profession-section{margin-top:55px;padding-top:42px}.profession-heading h2{font-size:36px}.profession-grid{grid-template-columns:1fr;gap:16px}.profession-card,.profession-card-5{display:block;grid-column:auto;padding:26px;border-radius:25px}.profession-card-5 .profession-answer{grid-column:auto;grid-row:auto}.profession-card-6 ul{display:block}.profession-card h3{font-size:24px}.profession-number{margin-bottom:22px}.conversion-section{padding:48px 16px}.conversion-shell{grid-template-columns:1fr;border-radius:30px;padding:32px 25px;gap:30px}.conversion-title{position:relative}.conversion-title h2{font-size:55px;margin-top:22px;position:relative;z-index:1}.conversion-seal{position:absolute;right:-12px;bottom:0;margin:0;opacity:.28;width:115px;height:115px}.conversion-copy p{font-size:16px}.conversion-copy .button{width:100%;font-size:15px;gap:20px}}
@media(prefers-reduced-motion:reduce){.profession-card:hover{transform:none}}

/* Four questions join the existing FAQ; studio features stay immediately visible. */
.faq-answer{padding:0 35px 28px}
.faq-item .faq-answer p{padding:0;font-size:16px;line-height:1.85}
.faq-item .faq-answer p+p{margin-top:18px}
.profession-feature h3{font-size:clamp(23px,2.1vw,31px);line-height:1.3;letter-spacing:-.025em;max-width:520px;text-wrap:balance}
.profession-feature .profession-answer p{font-size:16px;line-height:1.85}
.profession-rules{margin-top:28px;padding:40px;border:1px solid #c6a9ff2e;border-radius:28px;background:#211c28}
.profession-rules>.eyebrow{font-size:10px;color:#bca3d1;margin-bottom:22px}
.profession-rules h3{font-size:clamp(25px,2.65vw,39px);line-height:1.3;letter-spacing:-.03em;font-weight:500;max-width:900px;margin:0 0 28px;text-wrap:balance}
.profession-rules-list{counter-reset:team-rule;list-style:none;padding:0;margin:0;max-width:1050px}
.profession-rules-list li{counter-increment:team-rule;display:grid;grid-template-columns:38px minmax(0,1fr);gap:20px;align-items:baseline;border-top:1px solid #c6a9ff20;padding:19px 0;margin:0;font-size:16px;line-height:1.7;color:#d4cbdc}
.profession-rules-list li:before{content:counter(team-rule,decimal-leading-zero);font-size:11px;letter-spacing:.07em;color:#b69ccb}
.profession-rules-list li:last-child{padding-bottom:0}
@media(max-width:800px){.faq-answer{padding:0 10px 25px 26px}.profession-rules{padding:28px 24px;border-radius:25px;margin-top:20px}.profession-rules h3{font-size:27px;margin-bottom:24px;text-wrap:pretty}.profession-rules>.eyebrow{font-size:9px;margin-bottom:18px}.profession-rules-list li{grid-template-columns:25px minmax(0,1fr);gap:12px;padding:17px 0;font-size:16px}.profession-feature h3{font-size:25px}}

/* The portrait finishes with the first five questions; 06–09 form a two-column continuation. */
#faq .faq-character{max-width:380px;height:350px}
#faq .faq-list--primary{display:grid;grid-template-rows:repeat(5,auto)}
#faq .faq-list--primary>.faq-item:not([open])>summary{height:100%}
#faq .faq-list--primary>.faq-item:last-child{border-bottom:0}
#faq .faq-list--wide .faq-answer{max-width:960px}
@media(min-width:801px){
 #faq .faq-list--wide{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);column-gap:8%}
 #faq .faq-list--wide>.faq-item{min-width:0}
 #faq .faq-list--wide>.faq-item:nth-last-child(-n+2){border-bottom:1px solid var(--line)}
 #faq .faq-list--wide summary{min-height:112px}
 #faq .faq-list--wide summary>span:nth-child(2){text-wrap:balance}
 #faq .faq-list--wide .faq-answer{padding-right:34px}
}
@media(max-width:800px){#faq .faq-list--primary{display:block}#faq .faq-list--primary>.faq-item:not([open])>summary{height:auto}}

/* Keep the FAQ heroine present at phone sizes, with room for her note. */
@media(max-width:800px){#faq .faq-character{display:block;width:100%;max-width:360px;height:350px;margin:24px auto 0}#faq .faq-character span{right:8px;bottom:38px}}

/* Eight material cards: pearl / plum surfaces and a lilac pictogram corner. */
.experienced-card,.profession-feature{position:relative;isolation:isolate;overflow:hidden}
.experienced-card{background:radial-gradient(ellipse at 8% 0%,#fff9,transparent 65%),linear-gradient(130deg,#d8c0f5,#c9abea 72%,#b898df);border-color:#f4e5ff8a;box-shadow:inset 0 1px 0 #fff9,inset 0 -1px 0 #78558e25,0 12px 30px -24px #38204470}
.profession-feature{background:radial-gradient(ellipse at 100% 0%,#75548238,transparent 68%),linear-gradient(135deg,#2c2534,#211c29 60%,#19161f);border-color:#b896d43b;box-shadow:inset 0 1px 0 #d5b9f21c,inset 0 -1px 0 #0008,0 14px 35px -22px #000a}
.card-index-space{visibility:hidden}
.experienced-card:after,.profession-feature:after{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:repeating-linear-gradient(115deg,#fff 0,#fff .5px,transparent .5px,transparent 3px);opacity:.018}
.card-icon-corner{--icon-paper:#c6a9ee;position:absolute;top:0;right:0;width:30%;min-width:84px;max-width:180px;height:53px;border-bottom-left-radius:32px;display:flex;align-items:center;justify-content:center;padding-left:10px;background:linear-gradient(125deg,#d2b6f3,#b28ada);color:#261731;box-shadow:inset 1px -1px 0 #fff6,0 6px 18px -14px #3e235e88;pointer-events:none;transition:filter .3s,box-shadow .3s}
.card-icon-corner svg{width:34px;height:34px;filter:drop-shadow(0 1px 0 #e9d7ff70)}
.profession-feature .card-icon-corner,.profession-rules .card-icon-corner{background:linear-gradient(125deg,#e1c6ff,#b899e1);box-shadow:inset 1px -1px 0 #fff8,0 8px 24px -13px #a17ade80}
.experienced-card:hover{background:radial-gradient(ellipse at 8% 0%,#fffc,transparent 65%),linear-gradient(130deg,#dfcaf8,#ceb3ec 72%,#bb9be2);box-shadow:inset 0 1px 0 #fffc,inset 0 -1px 0 #78558e25,0 16px 35px -22px #38204470}
.profession-feature:hover{border-color:#d2b8f077;box-shadow:inset 0 1px 0 #d5b9f23d,0 16px 38px -22px #000c}
.experienced-card:hover .card-icon-corner,.profession-feature:hover .card-icon-corner{filter:brightness(1.07)}
@media(max-width:800px){.card-icon-corner{height:51px}.card-icon-corner svg{width:32px;height:32px}}

/* The rules block shares the approved icon corner. Pixel row gaps prevent mobile grid overflow. */
.profession-rules{position:relative;isolation:isolate;overflow:hidden}
.profession-rules:hover .card-icon-corner{filter:brightness(1.07)}
@media(max-width:800px){.level-layout{row-gap:36px}}

/* A seamless mobile ribbon; the second copy is decorative and desktop stays static. */
.manifest-track,.manifest-group{display:contents}
.manifest-group[aria-hidden="true"],.manifest-toggle,.manifest-play{display:none}
@keyframes manifest-flow{to{transform:translateX(-50%)}}
@media(max-width:800px){
 .manifest-strip{position:relative}
 .manifest-track{display:flex;flex:0 0 auto;width:max-content;animation:manifest-flow 32s linear infinite;animation-play-state:paused}
 .manifest-group,.manifest-group[aria-hidden="true"]{display:flex;flex:0 0 auto;align-items:center;gap:28px;padding-right:28px}
 .manifest-strip.is-in-view:not(.is-paused) .manifest-track{animation-play-state:running}
 .manifest-strip:after{content:'';position:absolute;inset:0 0 0 auto;width:68px;pointer-events:none;background:linear-gradient(90deg,transparent,var(--accent) 65%)}
 .manifest-toggle{display:grid;place-items:center;position:absolute;z-index:1;right:12px;top:50%;transform:translateY(-50%);width:30px;height:30px;padding:6px;border:1px solid #21162b40;border-radius:50%;background:var(--accent);color:#21162b;cursor:pointer;transition:background .2s,color .2s}
 .manifest-toggle:hover{background:#21162b;color:var(--accent)}
 .manifest-toggle svg{width:100%;height:100%;fill:currentColor}
 .manifest-toggle[aria-pressed="true"] .manifest-pause{display:none}
 .manifest-toggle[aria-pressed="true"] .manifest-play{display:block}
}
@media(max-width:800px) and (prefers-reduced-motion:reduce){
 .manifest-strip{overflow-x:auto}
 .manifest-track{animation:none}
 .manifest-group[aria-hidden="true"],.manifest-toggle,.manifest-strip:after{display:none}
}