/* Pricing page aligned with the DomAfina home-page design system. */
.price-header{height:78px;background:#fbfdfdf2;box-shadow:0 1px 0 #dfe9eed1}
.header-inner{max-width:1240px}
.button{border-radius:9px}
.button.compact{opacity:1;transform:none;pointer-events:auto;padding:10px 16px}
.price-hero{position:relative;display:block;min-height:790px;padding:0;overflow:hidden;background:#f8fcfc}
.price-hero:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#fbfdfd 0%,#fbfdfdf8 27%,#fbfdfdd9 40%,#fbfdfd54 56%,transparent 73%)}
.price-hero .hero-grid{display:block;width:100%;max-width:none}
.price-hero .hero-copy{position:relative;z-index:3;width:min(48%,590px);margin-left:max(28px,calc((100% - 1184px)/2));padding:132px 0 86px}
.hero-copy h1{font-size:clamp(48px,5.2vw,76px);line-height:1.015}
.hero-copy h1 .opening-line{display:block;text-align:center;white-space:nowrap}
.hero-copy h1 em{display:block;color:var(--teal-dark);font-size:.58em;letter-spacing:-.05em;white-space:nowrap;text-align:center}
.dark-band .narrow{text-align:center;align-items:center}
.dark-band .narrow p{max-width:none;white-space:nowrap}
@media(max-width:1100px){.dark-band .narrow p{white-space:normal}}
.value-section h2{text-align:center}
.promise h2,.closing-copy>p:not(.eyebrow){white-space:nowrap}
.promise-lead{text-align:center}
.promise-lead span{display:block}
@media(max-width:1100px){.promise h2,.closing-copy>p:not(.eyebrow){white-space:normal}}
.hero-copy .lead{max-width:555px;font-size:18px;line-height:1.65}
.price-hero .price-visual{position:absolute;inset:0;z-index:0;overflow:hidden;border:0;border-radius:0;background:#eaf8f5;box-shadow:none}
.price-visual>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.price-visual-note{position:absolute;left:auto;right:max(28px,calc((100% - 1184px)/2));bottom:42px;z-index:4;width:max-content;max-width:calc(100% - 56px);display:block;padding:16px 18px;border:1px solid #ffffff45;border-radius:15px;background:#07192ce8;color:#fff;backdrop-filter:blur(14px);box-shadow:0 18px 40px #07192c45}
.price-visual-note span{display:block;color:var(--teal);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.price-visual-note strong{display:block;margin-top:5px;font:700 15px Manrope;text-align:left;white-space:nowrap}
.dark-band{padding:64px 28px;background:radial-gradient(circle at 76% 130%,#0e5960,transparent 42%),var(--navy)}
.dark-band .wrap{max-width:1184px;width:100%}
.dark-band h2,.closing h2{font-size:clamp(38px,4.4vw,58px)}
.dark-band p{font-size:18px}
.section{padding:56px 28px}
.section>.wrap{width:min(1184px,100%)}
.dark-band+.section{padding:52px 28px 32px}
.comparison{gap:16px}
.compare-card{min-height:330px;padding:34px;border-radius:18px;box-shadow:none}
.compare-card.after{background:#e9faf7;border-color:#c7ece6}
.compare-card ul{margin-top:22px;gap:13px}
.compare-card li{font-size:16px}
.system-section{position:relative;padding:44px 28px 54px;overflow:hidden;background:linear-gradient(180deg,#f5fcfb 0%,#edf9f7 100%);border-block:0}
.system-story{position:relative}
.system-heading{position:relative;z-index:3;margin-bottom:30px;padding:18px 0 0}
.system-heading h2{margin-top:16px;max-width:100%;font-size:clamp(32px,3.4vw,52px);line-height:1.12;white-space:normal;overflow-wrap:break-word;text-wrap:balance}
.system-scene{position:relative;overflow:hidden;border-radius:28px;background:#edf9f7;box-shadow:0 32px 90px #0a4b4820}
.system-scene>img{display:block;width:100%;height:auto;aspect-ratio:2048/1143;object-fit:cover;object-position:center}
.value-cards{grid-template-columns:1fr;gap:18px;margin-top:18px}
.value-cards article{min-height:0;padding:44px 52px;border-radius:20px;box-shadow:none}
.value-cards article:first-child{background:#e9faf7}
.value-cards article>span{font-size:14px}
.value-cards h3{font-size:44px;margin:18px 0 10px}
.value-cards p{max-width:920px;font-size:21px;line-height:1.62}
.value-cards .cost{background:var(--navy)}
.promise{padding:0 28px;background:#fff}
.system-section+.section{padding-top:46px;padding-bottom:52px}
.promise-grid{gap:58px;padding:42px 0}
.promise h2{margin:14px 0 16px}
.promise ul{gap:10px}
.promise li{padding:15px;border-radius:11px;background:#effaf8;border-color:#d5ebe7;box-shadow:none;font-size:14px}
.closing{min-height:480px;padding:72px 28px;background:linear-gradient(115deg,#0c2139,#102e44)}
.closing-copy{max-width:760px}
.closing-glow{width:600px;height:600px}
footer{padding:50px 28px 64px}
.footer-inner{max-width:1184px}
@media(min-width:1101px){
  .dark-band .narrow{max-width:1184px}
  .dark-band p{max-width:none;font-size:22px}
  .compare-card li{font-size:18px}
  .promise li{font-size:16px}
  .closing-copy{max-width:1000px}
  .closing-copy>p:not(.eyebrow){max-width:1000px;font-size:21px}
}
@media(min-width:1200px){
  .dark-band p{white-space:nowrap}
}
@media(max-width:1100px){
  .price-hero{min-height:auto;padding:50px 20px 70px;display:flex;flex-direction:column;gap:38px}
  .price-hero:after{display:none}
  .price-hero .hero-grid{display:flex;flex-direction:column;gap:38px}
  .price-hero .hero-copy{width:100%;margin:0;padding:70px 0 0}
  .price-hero .price-visual{position:relative;inset:auto;width:100%;aspect-ratio:2/1;border-radius:24px;box-shadow:0 28px 70px #08203422}
  .price-visual>img{height:100%;object-position:center}
  .price-visual-note{left:14px;right:14px;bottom:14px;width:auto;max-width:none}
  .price-visual-note strong{white-space:normal}
  .comparison,.promise-grid{grid-template-columns:1fr}
  .value-cards article,.compare-card{min-height:0}
  .promise-grid{gap:34px}
  .system-heading{margin-bottom:26px;padding-top:0}.system-heading h2{font-size:clamp(28px,5vw,46px);white-space:normal}.system-scene{border-radius:22px}
  .dark-band+.section{padding-top:44px;padding-bottom:28px}
  .system-section{padding-top:40px;padding-bottom:48px}
  .system-section+.section{padding-top:42px;padding-bottom:48px}
}
@media(max-width:600px){
  .price-header{height:68px}
  .header-inner{padding:0 20px}
  .brand-icon{width:37px;height:37px}.brand-name{width:150px}
  .price-header nav.open{top:68px}
  .price-hero{padding:36px 16px 54px}
  .price-hero .hero-copy{padding-top:66px}
  .hero-copy h1{font-size:43px}
  .hero-copy .lead{font-size:16px}
  .price-hero .price-visual{aspect-ratio:4/3;border-radius:20px}
  .price-visual>img{object-position:58% center}
  .price-visual-note{padding:13px 15px}
  .section{padding:48px 20px}
  .dark-band{padding:52px 20px}
  .compare-card,.value-cards article{padding:30px 26px}
  .value-cards h3{font-size:36px;margin-top:14px}
  .value-cards p{font-size:18px;line-height:1.58}
  .promise{padding-left:20px;padding-right:20px}
  .promise-grid{padding-top:38px;padding-bottom:38px}
  .promise ul{grid-template-columns:1fr}
  .promise li:last-child{grid-column:auto}
  .system-section{padding-top:40px;padding-bottom:48px}.system-heading h2{font-size:clamp(21px,6vw,32px)}.system-scene{border-radius:18px}
  .closing{min-height:460px;padding:64px 20px}
  footer{padding:45px 20px 56px}
}