/* Each introduction is a complete scene. Commercial detail stays in normal flow. */
.pricing-page{--pp-header:98px}
html:has(body.pricing-page){scroll-padding-top:var(--pp-header,98px)}
.pp-chapter{padding-top:0;border-top:0}
.pp-plan-scene,.pp-tailored-scene{height:calc(100svh - var(--pp-header));min-height:570px;display:grid;grid-template-rows:56px minmax(0,1fr) 56px;position:relative}
.pp-plan-scene .pp-chapter-top,.pp-tailored-scene .pp-chapter-top{margin:0;z-index:5}
.pp-scene-content{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:7%;min-height:0;padding:12px 0 4px}
.pp-scene-content .pp-visual-column{display:flex;flex-direction:column;min-height:0}
.pp-plan-heading{position:relative;z-index:4;flex-shrink:0}
.pp-main .pp-plan-heading .pp-display{font:italic 300 clamp(68px,8.4vw,134px)/.9 PricingDisplay,Georgia,serif;letter-spacing:-.055em;margin:0}
.pp-plan-heading .pp-scope-label{font-size:14px;margin:16px 0 12px;letter-spacing:.06em}
.pp-scene-content .pp-detail-column{align-self:center;padding-bottom:12px;min-width:0}
.pp-scene-content .pp-detail-copy{padding:0}
.pp-scene-content .pp-detail-copy h3{font-size:clamp(30px,3.05vw,48px);line-height:1.65;letter-spacing:-.05em}
.pp-scene-content .pp-detail-copy>p{font-size:14px;max-width:30em;margin-top:22px;line-height:2.05}
.pp-scene-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:5}
.pp-scene-foot>span{font:9px Arial,sans-serif;letter-spacing:.17em;color:var(--muted)}
.pp-scene-foot>a{font-size:12px;display:flex;align-items:center;gap:30px;min-height:44px}
.pp-scene-foot>a>span{color:var(--blue);font:24px Georgia,serif;transition:translate .3s}
.pp-scene-foot>a:hover>span{translate:0 4px}
.pp-quick-prices{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:clamp(24px,5vh,56px)}
.pp-quick-price{border-top:1px solid #b6baca;display:flex;flex-direction:column;padding-top:16px;min-width:0}
.pp-quick-name{font-family:var(--pp-serif);font-size:20px}
.pp-quick-amount{display:flex;align-items:baseline;gap:6px;font:14px var(--pp-serif);white-space:nowrap;margin:18px 0 8px}
.pp-quick-amount strong{font:italic 300 clamp(40px,3.6vw,58px)/1 PricingDisplay,Georgia,serif;letter-spacing:-.05em}
.pp-quick-amount i{font-size:.65em;font-weight:300;padding-inline:2px}
.pp-quick-time{font-size:12px;color:var(--muted);display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px}
.pp-quick-time small{font-size:10px}
.pp-quick-more{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;min-height:44px;color:var(--blue);margin-top:8px}
.pp-quick-more svg{width:19px;transition:translate .3s}
.pp-quick-price:hover .pp-quick-more svg{translate:4px 0}
.pp-plan-details{display:grid;grid-template-columns:1fr 1.15fr;gap:10%;padding:74px 0 28px;border-top:1px solid var(--line);scroll-margin-top:24px}
.pp-plan-details>header>p:not(.pp-label){font-size:14px;color:var(--muted);margin-top:22px}
.pp-plan-details .pp-approaches{margin-top:0}
.pp-plan-details .pp-approach{scroll-margin-top:24px}
.pp-plan-details .pp-method-details{margin-top:10px}

/* Size the miniature pages from the available scene, never from viewport-width text. */
.pp-scene-content .pp-art{flex:1;min-height:0;margin:0;max-width:none;position:relative;container-type:size}
.pp-scene-content .pp-art-stage{position:absolute;top:0;left:50%;width:min(100cqw,calc((100cqh - 32px)*1.15));aspect-ratio:1.15;transform:translateX(-50%);container-type:inline-size}
.pp-scene-content .pp-art-stage:before{content:'';position:absolute;inset:7% -5% -2%;border-radius:50%;background:radial-gradient(ellipse,#727ce42b,transparent 68%);filter:blur(18px);pointer-events:none}
.pp-scene-content .pp-art figcaption{position:absolute;bottom:0;left:0;right:0;margin:0;display:flex;gap:12px;font-size:9px;color:var(--muted)}
.pp-scene-content .pp-art figcaption span{font-size:9px}
.pp-scene-content .pp-art-side{font-size:7px;right:0;top:27%;z-index:3}
.pp-scene-content .pp-art-nav{display:flex;justify-content:space-between;align-items:center;line-height:1.2}
.pp-scene-content .pp-art-nav>b{font:600 1.65cqw Arial,sans-serif;letter-spacing:0}
.pp-scene-content .pp-art-nav>span{font:1cqw Arial,sans-serif;letter-spacing:.05em}
.pp-scene-content .pp-lp-sheet{inset:6% 17% 5% 13%;padding:5%;box-shadow:0 30px 35px -20px #303b5750,0 2px 8px #22293717;animation:pp-paper-drift 11s ease-in-out infinite alternate paused}
.pp-scene-content .pp-lp-copy{font-size:3.8cqw;margin-top:12%;line-height:1.7}
.pp-scene-content .pp-lp-sheet>strong{font-size:21cqw;left:7%;top:39%}
.pp-scene-content .pp-lp-sheet>img{width:106%;right:-31%;top:7%}
.pp-scene-content .pp-lp-bottom{height:28%;padding:5% 8%}
.pp-scene-content .pp-lp-bottom>span{font-size:1.15cqw}
.pp-scene-content .pp-lp-bottom>p{font-size:3cqw;margin-top:5%;line-height:1.5}
.pp-scene-content .pp-sheet-main{top:7%;left:12%;width:59%;height:80%;padding:3.2%;box-shadow:0 30px 40px -20px #202a4f55,0 0 0 1px #ffffff;animation:pp-paper-drift 12s ease-in-out infinite alternate paused}
.pp-scene-content .pp-sheet-main .pp-art-nav{height:7%;margin:0 0 5%}
.pp-scene-content .pp-site-hero{height:59%}
.pp-scene-content .pp-site-hero img{height:100%;aspect-ratio:auto;object-fit:cover}
.pp-scene-content .pp-site-hero>p{font-size:5.6cqw;line-height:1.55;bottom:8%}
.pp-scene-content .pp-site-bottom{padding:5% 3% 0}
.pp-scene-content .pp-site-bottom>span{font-size:1.15cqw}
.pp-scene-content .pp-site-bottom>p{font-size:2.9cqw;margin-top:6%;line-height:1.5}
.pp-scene-content .pp-art-lines{margin-top:8%;gap:4px}
.pp-scene-content .pp-sheet-back{top:5%;right:10%;width:38%;height:70%;padding:3%;animation:pp-paper-drift 15s -4s ease-in-out infinite alternate-reverse paused}
.pp-scene-content .pp-sheet-back>p{font-size:3.8cqw;line-height:1.5;margin:10% 0}
.pp-scene-content .pp-sheet-back>img{height:53%;aspect-ratio:auto;object-fit:cover}
.pp-scene-content .pp-sheet-front{right:10%;top:52%;width:34%;height:39%;padding:2.8%;animation:pp-paper-drift 10s -3s ease-in-out infinite alternate paused}
.pp-scene-content .pp-sheet-front>img{margin-top:9%;height:38%;aspect-ratio:auto;object-fit:cover}
.pp-scene-content .pp-sheet-front>p{font-size:3.1cqw;line-height:1.4;margin-top:8%}
.pp-scene-content .pp-sheet-front .pp-art-lines{margin-top:9%}
@keyframes pp-paper-drift{from{translate:0 -3px}to{translate:0 5px}}

/* A single cinematic composition: front copy, floating film frame, silver type behind. */
.pp-tailored-dark{padding:0;background:#111319;position:relative;isolation:isolate;overflow:clip;--muted:#b9becb}
.pp-tailored-dark:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 73% 23%,#4e576738,transparent 49%),radial-gradient(ellipse at 18% 105%,#211aa854,transparent 60%)}
.pp-tailored-stage{min-height:0;position:relative;isolation:isolate;container-type:size}
.pp-tailored-hero{position:absolute;left:0;top:13%;padding:0;z-index:4;pointer-events:none}
.pp-tailored-dark .pp-tailored-hero .pp-label{text-align:left;font-size:9px;letter-spacing:.19em;margin-bottom:26px;color:#bfc5d4}
.pp-main .pp-tailored-hero h2{font-size:clamp(35px,3.65vw,62px);line-height:1.65;text-align:left;letter-spacing:-.045em;color:#f7f6f1;text-shadow:0 2px 28px #11131980}
.pp-tailored-signature{font:8px Arial,sans-serif;letter-spacing:.2em;display:block;margin-top:35px;color:#aeb4c3}
.pp-tailored-word{position:absolute;left:-1.3%;bottom:0;font:italic 300 clamp(150px,27vw,420px)/.85 PricingDisplay,Georgia,serif;letter-spacing:-.06em;z-index:1;pointer-events:none;white-space:nowrap;color:#8e95a5;background:linear-gradient(112deg,#4f5463 5%,#b7bfcd 17%,#515968 29%,#f3f3ef 41%,#a6aab2 46%,#333b4c 53%,#5a6375 64%,#d8dce5 75%,#767d91 88%);background-size:220% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:pp-silver-pass 18s ease-in-out infinite alternate paused;opacity:.8}
@keyframes pp-silver-pass{from{background-position:0% 50%}to{background-position:100% 50%}}
.pp-tailored-stage .pp-film-slot{position:absolute;right:0;top:17%;width:49%;z-index:3;transform:perspective(1400px) rotateY(-9deg) rotateZ(3deg) scale(var(--film-scale,1));transform-origin:65% 65%;margin:0}
.pp-tailored-stage .pp-film-frame{aspect-ratio:1.6;border:1px solid #b2bfd866;box-shadow:0 35px 75px -25px #000c,inset 0 1px 0 #ffffff40,0 0 35px #aebde90a;background:linear-gradient(145deg,#363c4966,#151820cf 45%,#202535d9);backdrop-filter:blur(14px)}
.pp-tailored-stage .pp-film-frame:before{inset:12px;border-color:#aab6cc21;z-index:1}
.pp-tailored-stage .pp-film-frame:after{height:100%;width:45%;left:-70%;transform:skewX(-25deg);background:linear-gradient(90deg,transparent,#dce8ff18,transparent);animation:pp-frame-pass 16s ease-in-out infinite paused}
@keyframes pp-frame-pass{0%,15%{left:-70%;opacity:0}35%{opacity:.8}70%,100%{left:140%;opacity:0}}
.pp-film-light{position:absolute;inset:0;background:radial-gradient(ellipse at 65% 115%,#666f9959,transparent 65%),linear-gradient(130deg,transparent 42%,#cedcff10 43%,transparent 60%);pointer-events:none}
.pp-tailored-stage .pp-film-frame>p{font-size:clamp(24px,2.7vw,44px);line-height:1.85;color:#d8dce5;letter-spacing:.06em;font-family:var(--pp-serif);position:relative}
.pp-tailored-stage .pp-film-corner{left:24px;top:23px;font-size:8px;z-index:1}
.pp-tailored-stage .pp-film-status{left:24px;bottom:23px;font-size:8px;gap:12px;z-index:1}
.pp-tailored-stage .pp-film-index{right:24px;bottom:23px;font-size:8px}
.pp-tailored-stage .pp-film-slot figcaption{font-size:10px;margin-top:18px;line-height:1.8;text-align:right;color:#b5bbc9}
.pp-tailored-scene .pp-scene-foot{border-top:1px solid #c1cafa25}
.pp-tailored-scene .pp-scene-foot>a{color:#cfd4e0}
.pp-tailored-scene .pp-scene-foot>a>span{color:#c9d3fc}
.pp-tailored-dark a:focus-visible{outline-color:#c2ccff}
.pp-light-field{position:absolute;inset:-20% -6% -5%;z-index:0;overflow:hidden;pointer-events:none}
.pp-light-field>i{position:absolute;top:-30%;left:45%;width:16%;height:130%;background:linear-gradient(180deg,#dbe6ff12,#a7beff06 60%,transparent);filter:blur(22px);transform-origin:50% 0%;transform:rotate(32deg);animation:pp-ray-drift 22s ease-in-out infinite alternate paused}
.pp-light-field>i:nth-child(2){left:75%;width:5%;opacity:.65;filter:blur(10px);animation-delay:-8s;animation-direction:alternate-reverse}
.pp-light-field>i:nth-child(3){left:64%;width:32%;opacity:.4;filter:blur(40px);animation-delay:-12s}
@keyframes pp-ray-drift{from{transform:rotate(28deg);opacity:.35}to{transform:rotate(43deg);opacity:.85}}
.pp-scene-active .pp-tailored-word,.pp-scene-active .pp-light-field>i,.pp-scene-active .pp-film-frame:after,.pp-scene-active .pp-lp-sheet,.pp-scene-active .pp-site-sheet{animation-play-state:running}
.pp-page-hidden .pp-tailored-word,.pp-page-hidden .pp-light-field>i,.pp-page-hidden .pp-film-frame:after,.pp-page-hidden .pp-lp-sheet,.pp-page-hidden .pp-site-sheet{animation-play-state:paused}

@media(min-width:801px) and (max-height:760px){
 .pp-plan-scene,.pp-tailored-scene{min-height:500px;grid-template-rows:44px minmax(0,1fr) 44px}
 .pp-main .pp-plan-heading .pp-display{font-size:min(8vw,100px)}
 .pp-plan-heading .pp-scope-label{margin:10px 0;font-size:12px}
 .pp-scene-content .pp-detail-copy h3{font-size:34px;line-height:1.55}
 .pp-scene-content .pp-detail-copy>p{margin-top:13px;font-size:13px}
 .pp-quick-prices{margin-top:22px}.pp-quick-name{font-size:18px}.pp-quick-amount{margin-top:12px}.pp-quick-amount strong{font-size:44px}
 .pp-tailored-stage .pp-film-slot{top:12%;width:46%;max-width:65vh}
 .pp-tailored-hero{top:8%}.pp-main .pp-tailored-hero h2{font-size:clamp(34px,3.5vw,50px)}
 .pp-tailored-word{font-size:min(27vw,48vh)}
}
@media(max-width:1100px) and (min-width:801px){
 .pp-scene-content{gap:4%;grid-template-columns:1.05fr 1fr}
 .pp-quick-prices{gap:18px}.pp-quick-name{font-size:18px}.pp-quick-amount strong{font-size:42px}
 .pp-tailored-hero{top:12%}.pp-main .pp-tailored-hero h2{font-size:3.8vw}
 .pp-tailored-stage .pp-film-slot{top:32%;width:48%}
}
@media(max-width:800px){
 .pricing-page{--pp-header:88px}
 html:has(body.pricing-page){scroll-padding-top:88px}
 .pp-plan-scene,.pp-tailored-scene{height:calc(100svh - var(--pp-header));min-height:540px;grid-template-rows:38px minmax(0,1fr) 44px}
 .pp-chapter-top{margin:0}.pp-chapter-top .pp-back{font-size:10px;min-height:36px;gap:12px}
 .pp-scene-content{display:grid;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:0;padding-top:10px}
 .pp-scene-content .pp-visual-column{display:contents}
 .pp-plan-heading{position:absolute;top:51px;left:0;right:0;pointer-events:none}
 .pp-main .pp-plan-heading .pp-display{font-size:clamp(48px,13.8vw,88px);line-height:.94}
 .pp-plan-heading .pp-scope-label{margin:10px 0 0;font-size:11px;line-height:1.4}
 .pp-scene-content .pp-art{margin-top:88px;min-height:100px;flex:none}
 .pp-scene-content .pp-art-stage{width:min(95cqw,calc((100cqh - 22px)*1.15));aspect-ratio:1.15}
 .pp-scene-content .pp-art figcaption{font-size:8px;gap:8px;line-height:1.5}
 .pp-scene-content .pp-art figcaption span{font-size:8px}
 .pp-scene-content .pp-art-side{display:none}
 .pp-scene-content .pp-detail-column{padding:14px 0 0;align-self:auto;display:grid;grid-template-columns:1fr;gap:0}
 .pp-scene-content .pp-detail-copy h3{font-size:clamp(22px,5.8vw,31px);line-height:1.5}
 .pp-scene-content .pp-detail-copy h3 br{display:initial}
 .pp-scene-content .pp-detail-copy>p{display:none}
 .pp-quick-prices{gap:22px;margin-top:15px}
 .pp-quick-price{padding-top:9px}
 .pp-quick-name{font-size:15px}
 .pp-quick-amount{margin:7px 0 5px;font-size:12px;gap:4px}
 .pp-quick-amount strong{font-size:36px}
 .pp-quick-time{font-size:10px;gap:4px}.pp-quick-time small{font-size:9px}
 .pp-quick-more{font-size:10px;margin-top:0;min-height:35px}.pp-quick-more svg{width:17px}
 .pp-scene-foot{gap:12px}.pp-scene-foot>span{font-size:7px;letter-spacing:.07em}.pp-scene-foot>a{font-size:10px;gap:16px}
 .pp-plan-details{grid-template-columns:1fr;gap:28px;padding:42px 0 0}
 .pp-plan-details>header h3{font-size:27px}.pp-plan-details>header .pp-label{margin-bottom:12px}.pp-plan-details>header>p:not(.pp-label){margin-top:13px;font-size:13px}
 .pp-tailored-hero{top:7%;left:0;right:0}
 .pp-tailored-dark .pp-tailored-hero .pp-label{font-size:7px;letter-spacing:.11em;margin-bottom:23px}
 .pp-main .pp-tailored-hero h2{font-size:clamp(24px,7.5vw,36px);line-height:1.75}
 .pp-tailored-signature{font-size:6px;letter-spacing:.13em;margin-top:19px}
 .pp-tailored-word{font-size:clamp(110px,32vw,220px);bottom:5%;left:-1%;line-height:1;opacity:.88}
 .pp-tailored-stage .pp-film-slot{width:min(91%,60cqh);top:auto;bottom:24%;right:0;max-width:520px;transform:perspective(900px) rotateY(-7deg) rotateZ(3deg) scale(var(--film-scale,1))}
 .pp-tailored-stage .pp-film-frame{aspect-ratio:1.68}
 .pp-tailored-stage .pp-film-frame>p{font-size:23px;line-height:1.8}
 .pp-tailored-stage .pp-film-corner{top:18px;left:18px;font-size:6px}
 .pp-tailored-stage .pp-film-status{left:18px;bottom:18px;font-size:6px;gap:8px}
 .pp-tailored-stage .pp-film-status i{width:16px}
 .pp-tailored-stage .pp-film-index{right:18px;bottom:18px;font-size:6px}
 .pp-tailored-stage .pp-film-slot figcaption{font-size:8px;margin-top:12px}
 .pp-light-field{inset:-10% -40% 0}.pp-light-field>i{left:80%;width:20%;filter:blur(18px)}
 .pp-tailored-scene .pp-scene-foot>span{max-width:140px}
}
@media(max-width:360px){
 .pp-quick-prices{gap:15px}.pp-quick-name{font-size:14px}.pp-quick-amount strong{font-size:32px}
 .pp-scene-content .pp-detail-copy h3{font-size:21px}.pp-main .pp-plan-heading .pp-display{font-size:46px}
 .pp-tailored-stage .pp-film-frame>p{font-size:20px}
}
@media(max-width:800px) and (max-height:740px){
 .pp-tailored-hero{top:4%}
 .pp-main .pp-tailored-hero h2{font-size:clamp(24px,6.6vw,30px);line-height:1.65}
 .pp-tailored-dark .pp-tailored-hero .pp-label{margin-bottom:14px}
 .pp-tailored-signature{margin-top:12px}
 .pp-tailored-stage .pp-film-slot{width:min(91%,52cqh);bottom:25%}
 .pp-tailored-word{font-size:28vw;bottom:2%}
}
/* Short landscape / enlarged text keeps a natural flow rather than clipping content. */
@media(max-height:600px) and (max-width:800px){.pp-plan-scene,.pp-tailored-scene{height:640px}}
@media(prefers-reduced-motion:reduce){
 .pp-tailored-word{background-position:40% 50%}
 .pp-light-field>i{opacity:.5}
 .pp-scene-content .pp-art-stage{transform:translateX(-50%)!important}
 .pp-scene-content .pp-sheet-back{right:3%}
 .pp-scene-content .pp-sheet-front{right:3%;top:55%}
 .pp-tailored-stage .pp-film-slot{transform:none!important}
}
