@charset "UTF-8";
/* Section-by-section PC refinements. Keep the approved hero and type families. */
@media(min-width:768px){
 .about-copy{padding-top:.75vw}
 .about-main-frame .about-main{transform:scale(1.28)}
 .about .vertical{width:7.65%}
}
/* VOICE */
.dreams{position:absolute;display:block;height:auto;pointer-events:none;opacity:.4}
@media(min-width:768px){
 .stories{width:85.77%;max-width:none;margin-left:9.3%;margin-right:4.93%;padding:6.8vw 0 8vw}
 .story-heading{position:relative;margin-bottom:5.16vw;min-height:7.95vw}
 .story-heading h2{font-size:3.18vw;line-height:1.25;font-weight:600;letter-spacing:.13em;position:relative}
 .story-heading h2 span{background:var(--gradient-text);background-clip:text;-webkit-text-fill-color:transparent}
 .dreams{width:20vw;left:-5.4vw;top:-5.3vw}
 .arrows{gap:1.35vw;margin-right:2.2vw;align-self:center}
 .arrows button{width:4.6vw;height:4.6vw;border-color:#df5b77;font-size:2.5vw;line-height:1;font-weight:400}
 .story-track{gap:2.78vw}
 .story-track article{flex-basis:calc((100% - 5.56vw)/3)}
 .dots{margin-top:3.7vw;gap:.9vw;transform:translateX(-2.2vw)}
 .dots button{width:.6vw;height:.6vw}
}
@media(max-width:767px){.dreams{width:170px;left:-12px;top:-48px}}
@media(min-width:768px){.story-heading h2{font-size:3.02vw;letter-spacing:.08em}}
.arrows button{position:relative;font-size:0!important}
/* REAL VOICE */
@media(min-width:768px){
 .real-voice{padding:7.31vw 0 5.7vw;background:radial-gradient(ellipse at 5% 80%,rgba(223,91,119,.065),transparent 57%),radial-gradient(ellipse at 98% 60%,rgba(223,91,119,.04),transparent 55%),linear-gradient(135deg,#fff7f5,#fffaf5)}
 .real-voice .section-heading{margin-bottom:2.8vw}
 .real-voice .section-heading>p{font-size:2.15vw;line-height:1.5}
 .real-voice .section-heading>p:after{width:2.7vw;margin:.5vw auto 2.1vw}
 .real-voice .section-heading h2{font-size:2.58vw;line-height:1.5;letter-spacing:.15em}
 .real-voice .lead{font-size:1.18vw;line-height:1.65;margin:0 auto 5.05vw;font-weight:700}
 .real-voice .narrow{width:76%;max-width:none}
 .data-grid{gap:2.9vw}
 .data-grid article{padding:1.3vw 1.05vw;border:0;border-radius:.9vw;box-shadow:0 0 .7vw #e9d7dc35;aspect-ratio:1;min-width:0}
 .data-grid h3{font-size:1.5vw;line-height:1.5;margin-bottom:.85vw;font-weight:600;letter-spacing:.02em}
 .data-grid img{height:calc(100% - 3.1vw);object-fit:contain}
 .real-voice .note{font-size:.7vw;line-height:1.5;margin-top:1.2vw;letter-spacing:0}
 .numbers-title{font-size:2.58vw;line-height:1.5;font-weight:600;letter-spacing:.1em;margin:4.8vw 0 3.87vw}
 .stats{gap:1.72vw}
 .stats article{height:15.9vw;padding:2.2vw .7vw;border-radius:.9vw;display:flex;flex-direction:column;justify-content:center;align-items:center}
 .stats h3{font-size:2.15vw;line-height:1.5;font-weight:600;letter-spacing:.03em;margin-bottom:.9vw}
 .stats p{font-family:var(--serif);font-size:1.4vw;line-height:1.5;font-weight:600}
 .stats p:empty{display:none}
 .stats strong{font-family:var(--serif);font-weight:400;font-size:4.52vw;line-height:1.1;letter-spacing:.015em;color:#df5b77;white-space:nowrap}
 .stats strong small{font-size:2.15vw;font-weight:400}
}
@media(min-width:768px){.data-grid article{overflow:hidden}.data-grid img{transform:scale(1.3) translateY(-.65vw);transform-origin:center center}.data-grid h3{position:relative;z-index:1}}
/* Each chart has different built-in blank space: lift it so the gap under the title matches the gap under the chart. */
@media(min-width:768px){
 .data-grid article:nth-child(1) img{transform:translateY(-1.93vw) scale(1.3)}
 .data-grid article:nth-child(2) img{transform:translateY(-1.75vw) scale(1.3)}
 .data-grid article:nth-child(3) img{transform:translateY(-1.35vw) scale(1.3)}
 .data-grid article:nth-child(4) img{transform:translateY(-1.69vw) scale(1.3)}
 .data-grid article:nth-child(5) img{transform:translateY(-1.67vw) scale(1.3)}
 .data-grid article:nth-child(6) img{transform:translateY(-1.54vw) scale(1.3)}
}
/* PARTNER */
.partner-petals{position:absolute;inset:0;pointer-events:none;overflow:hidden}.partner-petal{position:absolute;height:auto}
.pp-1{width:7%;left:5%;top:10%;transform:rotate(12deg)}.pp-2{width:3.5%;left:12%;top:39%;transform:rotate(20deg)}.pp-3{width:6%;left:4%;top:53%}.pp-4{width:9%;right:-2%;top:20%}.pp-5{width:5%;right:12%;top:48%}.pp-6{width:6%;right:5%;top:57%;transform:rotate(-20deg)}
@media(min-width:768px){
 .partner{padding:7.3vw 0 10.9vw;overflow:hidden;background:url('../img/matinami.webp') center bottom 5.5vw / 100% auto no-repeat,linear-gradient(#55afea 0%,#7cc8ef 42%,#b8e7f1 78%,#fff 100%)}
 .partner .section-heading{margin-bottom:2.8vw}
 .partner .section-heading>p{font-size:2.15vw;line-height:1.5;color:white;background:none;-webkit-text-fill-color:white;font-weight:400;letter-spacing:.035em}
 .partner .section-heading>p:after{width:2.7vw;margin:.5vw auto 2.1vw;background:#ffffffa6}
 .partner .section-heading h2{font-size:2.58vw;line-height:1.5;letter-spacing:.04em}
 .partner .lead{font-size:1.18vw;line-height:1.65;margin:0 auto 5.05vw;letter-spacing:.12em}
 .partner-stats{gap:1.45vw;margin:0 0 4.5vw}
 .partner-stats article{width:24.3vw;height:15.9vw;padding:3.4vw 1vw 2vw;border-radius:.9vw;background:#fffbeb}
 .partner-stats h3{font-size:1.72vw;line-height:1.5;font-weight:600;margin:0 0 1vw;letter-spacing:.04em}
 .partner strong{font-family:var(--serif);font-size:4.52vw;line-height:1.1;font-weight:400;color:#df5b77}
 .partner strong small{font-size:2.15vw;font-weight:400}
 .logos{padding:0 0 0 4%;gap:2.5%;height:4.7vw;justify-content:space-between}
 .logos img{width:auto;max-width:14%;height:auto;max-height:4.7vw;object-fit:contain}
 .logos img:first-child{max-width:7%}.logos img:nth-child(4){max-width:11%}.logos img:nth-child(5){max-width:13%}
}
@media(min-width:768px){.partner{background-image:url('../img/matinami.webp'),linear-gradient(#55afea 0%,#7cc8ef 42%,#b8e7f1 78%,#fff 100%)}.logos img{transform:scale(1.12)}}
/* REASON */
@media(min-width:768px){
 .reasons{padding:3.17vw 0 7.8vw}
 .reasons .section-heading{margin-bottom:3.6vw}
 .reasons .section-heading>p{font-size:2.02vw;line-height:1.5}
 .reasons .section-heading>p:after{width:2.6vw;margin:.45vw auto 2.25vw}
 .reasons .section-heading h2{font-size:2.59vw;line-height:1.25;letter-spacing:.12em}
 .reasons .section-heading h2 span{background:var(--gradient-text);background-clip:text;-webkit-text-fill-color:transparent}
 .reason{width:92%;grid-template-columns:33.7vw minmax(0,1fr);gap:2.16vw;padding:1.44vw 11.8vw 1.44vw 1.44vw;margin:0 0 3.02vw auto;border-radius:.9vw 0 0 .9vw;align-items:start;background:#fcf9f0}
 .reason:nth-of-type(even){grid-template-columns:minmax(0,1fr) 33.7vw;padding:1.44vw 1.44vw 1.44vw 11.2vw;margin:0 auto 3.02vw 0;border-radius:0 .9vw .9vw 0}
 .reason:last-child{margin-bottom:0}
 .reason>img{width:100%;height:25.1vw;aspect-ratio:auto;object-fit:cover;border-radius:.7vw}
 .reason-number{font-size:4.9vw;line-height:1.1;font-weight:400;letter-spacing:0}
 .reason h3{font-size:2.3vw;line-height:1.4;letter-spacing:.1em;font-weight:600;margin:.6vw 0 1.55vw}
 .reason h3 em{color:#df5b77}
 .reason mark{background:linear-gradient(transparent 81%,#fffbab 81%)}
 .reason p{font-size:1.05vw;line-height:1.9;letter-spacing:.04em;font-weight:700}
}
.reason-photo{overflow:hidden;border-radius:10px}.reason-photo img{width:100%;height:100%;object-fit:cover}
@media(min-width:768px){
 .reason-photo{height:25.1vw;border-radius:.7vw}
 .reason:nth-of-type(even) .reason-photo{order:2}
 .reason-1 .reason-photo img{transform:scale(1.35) translateY(-4%)}
 .reason-2 .reason-photo img{height:125%;object-position:center top;transform:translateY(-5%)}
 .reason-3 .reason-photo img{object-position:center 60%}
 .reason-4 .reason-photo img{transform:scale(1.4);transform-origin:64% bottom}
 .reason-5 .reason-photo img{transform:scale(1.2);transform-origin:center}
}
@media(max-width:767px){.reason-photo{width:100%;aspect-ratio:1.34}}
/* MY SCHEDULE */
@media(min-width:768px){
 .schedule{padding:7.3vw 0 7.6vw}
 .schedule .section-heading{margin-bottom:2.8vw}
 .schedule .section-heading>p{font-size:2.15vw;line-height:1.5;letter-spacing:.025em}
 .schedule .section-heading>p:after{width:2.7vw;margin:.5vw auto 2.1vw}
 .schedule .section-heading h2{font-size:2.58vw;line-height:1.5;letter-spacing:.09em}
 .schedule .lead{font-size:1.18vw;line-height:1.65;margin:0 auto 4.6vw}
 .schedule-layout{width:84%;max-width:none;grid-template-columns:45% 49%;gap:6%;align-items:center}
 .schedule-tabs{gap:.7vw}
 .schedule-tabs button[aria-selected=false]{width:94%}
 .schedule-tabs button img{width:100%;height:auto}
 .schedule-layout [role=tabpanel]{width:108%;max-width:108%}
 .schedule-layout [role=tabpanel] img{width:100%}
}
@media(min-width:768px){.schedule-tabs{gap:0}.schedule-tabs button+button{margin-top:-1.1vw}.schedule-layout{align-items:start}.schedule-layout [role=tabpanel]{width:112%;max-width:112%;transform:translateY(-.8vw)}}
/* COMPARISON */
@media(min-width:768px){
 .comparison{padding:8.15vw 0 8.2vw;background-size:100% 100%}
 .comparison h2 img{width:19.5vw;margin:0 auto 5.2vw}
 .comparison-table{width:67.05%;max-width:none}
 .comparison .balloon{width:15.3%;left:10.75%;top:-5.4vw}
}
/* PLAN */
@media(min-width:768px){
 .plan{padding:5.6vw 0 10.4vw;background:radial-gradient(ellipse at 0% 0%,rgba(223,91,119,.075),transparent 65%),radial-gradient(ellipse at 100% 100%,rgba(223,91,119,.07),transparent 58%),linear-gradient(110deg,#fff7f4,#fcf9f1)}
 .plan .section-heading{margin-bottom:4.05vw}
 .plan .section-heading>p{font-size:2.15vw;line-height:1.5;letter-spacing:.025em}
 .plan .section-heading>p:after{width:2.7vw;margin:.5vw auto 2.3vw}
 .plan .section-heading h2{font-size:2.58vw;line-height:1.5;letter-spacing:.12em}
 .price,.services{width:52.9%;max-width:none;border-radius:1.5vw}
 .price{height:13.8vw;border-top-left-radius:.6vw;border-top-right-radius:.6vw}
 .price h3{font-family:var(--sans);font-size:1.76vw;line-height:3.78vw;padding:0;background:linear-gradient(110deg,#df5b77 -10%,#ffdf74 130%)}
 .price>p{font-size:1.76vw;line-height:1.4;margin:1.25vw 0 .25vw;letter-spacing:.02em}
 .price strong{font-size:3.52vw;line-height:1.4;color:#df5b77}
 .price strong small{font-size:1.76vw;letter-spacing:0}
 .price>small{font-size:.88vw;line-height:1.5;margin:0;color:#a6a6a6}
 .services{margin-top:5.45vw;padding:4vw 3.4vw 3vw}
 .services>h3{font-size:1.23vw;line-height:1.8;padding:0 1.65vw;top:-1vw;letter-spacing:.07em}
 .services>div{gap:2.2vw 2.1vw}
 .services article{min-height:11.07vw}
 .services img{height:6.35vw;width:100%;margin-bottom:1.05vw}
 .services article p{font-size:1.01vw;line-height:1.3;letter-spacing:.035em;font-weight:700}
}
@media(min-width:768px){.services article:nth-child(-n+4) img{transform:scale(1.23)}}
/* FAQ */
@media(min-width:768px){
 .faq{width:74.12%;max-width:none;padding:7.04vw 0 8vw}
 .faq .section-heading{margin-bottom:3.96vw}
 .faq .section-heading>p{font-size:2.11vw;line-height:1.5;letter-spacing:.02em}
 .faq .section-heading>p:after{width:2.7vw;margin:.53vw 0 .88vw}
 .faq .section-heading h2{font-size:2.46vw;line-height:1.5;letter-spacing:.16em}
 .faq details{margin:1.4vw 0 0;border:1px solid transparent;border-radius:.7vw;background:linear-gradient(white,white) padding-box,linear-gradient(110deg,#df5b77,#ffdf74) border-box}
 .faq details:first-of-type{margin-top:0}
 .faq summary{font-size:1.32vw;line-height:2;padding:1.32vw 4.4vw 1.32vw 2.1vw;gap:.9vw;min-height:5.37vw;letter-spacing:.05em}
 .faq summary span,.answer>span{font-family:var(--serif);font-size:2.11vw;line-height:1.25;font-weight:400}
 .faq summary:after{font-size:2.1vw;right:1.85vw;font-family:var(--sans);font-weight:400}
 .faq details[open] summary{background:linear-gradient(110deg,#df5b77 -15%,#ffdf74 115%)}
 .answer{padding:1.58vw 2.1vw;gap:.9vw;font-size:1.32vw;line-height:2;letter-spacing:.05em}
}
.faq summary:after,.faq details[open] summary:after{content:"";width:14px;height:1px;top:50%;right:23px;background:#aaa}
.faq summary:before{content:"";position:absolute;width:1px;height:14px;top:calc(50% - 6.5px);right:29.5px;background:#aaa}
.faq details[open] summary:before{display:none}.faq details[open] summary:after{background:#fff}
@media(min-width:768px){.answer{font-size:1.36vw;letter-spacing:.06em}}
/* FINAL CTA / FOOTER */
@media(min-width:768px){
 .closing{min-height:46.86vw;height:46.86vw;padding:0;display:block;background-position:center;background-size:cover}
 .closing:before{background:radial-gradient(ellipse at 97% 7%,rgba(255,226,220,.9),transparent 48%),radial-gradient(ellipse at 95% 95%,#fffdeb,transparent 60%),linear-gradient(90deg,transparent 46%,rgba(255,255,255,0) 50%,rgba(255,245,234,.85) 100%)}
 .closing-copy{position:absolute;width:31.4%;left:55.76%;top:5.7vw}
 .closing h2{font-size:2.85vw;line-height:1.5;letter-spacing:.06em;font-weight:600;color:#ee7c70}
 .closing h2 span{padding:0 .3vw;white-space:nowrap;border-radius:2px}
 .closing p{font-size:1.21vw;line-height:2.7;letter-spacing:.08em;margin:1.7vw 0 3.2vw;font-weight:700}
 .closing-cta{width:30.5vw;margin-left:.8vw;display:block}
 footer{height:17.7vw;padding:2vw 2.6vw 2.1vw;background:linear-gradient(165deg,#df5b77 0%,#df626c 43%,#f3ac75 100%)}
 .footer-main{align-items:center}
 .footer-main>a{width:12.1vw}
 footer nav{gap:3.7vw;margin-right:1.5vw}
 footer nav a{font-size:1.42vw;line-height:1.3;font-weight:700;letter-spacing:.08em}
 footer nav small{font-size:.67vw;line-height:1.5;letter-spacing:.05em;margin-top:.2vw}
 .legal{margin-top:.5vw;margin-right:1.5vw;gap:1.4vw}
 .legal a{font-size:.8vw;line-height:1.5;letter-spacing:0}
 .copyright{font-size:.92vw;line-height:1.5;margin-top:4.8vw;font-weight:400;letter-spacing:0}
}
@media(min-width:768px){
 .closing:before{background:radial-gradient(ellipse at 97% 7%,rgba(255,226,220,.9),transparent 48%),radial-gradient(ellipse at 95% 95%,#fffdeb,transparent 60%),linear-gradient(90deg,transparent 40%,rgba(255,248,238,.65) 60%,rgba(255,248,238,.98) 100%)}
 .closing h2 span{display:inline-block;line-height:1.2}
}

/* Reading text: regular weight; headings, controls and emphasis stay distinct. */
body{font-weight:400}
.about-copy,.reason p,.lead,.real-voice .lead,.partner .lead,.schedule .lead,
.answer,.answer p,.services article p,.closing p{font-weight:400}
.about-copy strong,.price>p,.price strong{font-weight:700}

/* Supplied circular arrow artwork; retain the original carousel buttons. */
.arrows button{padding:0;border:0;background:transparent;line-height:0}
.arrows button img{display:block;width:100%;height:100%;object-fit:contain}

/* Layer the supplied skyline above the sky and below the partner content. */
.partner{isolation:isolate;background:linear-gradient(#55afea 0%,#7cc8ef 42%,#b8e7f1 78%,#fff 100%)}
.partner-skyline{position:absolute;z-index:-1;left:0;bottom:5.5vw;width:100%;max-width:none;height:auto;pointer-events:none}
.partner-petals{z-index:0}
.partner>.section-heading,.partner>.lead,.partner>.partner-stats,.partner>.logos{position:relative;z-index:1}
@media(max-width:767px){.partner-skyline{bottom:30px}}

/* Readability refinements: navigation, statistics, FAQ and closing message. */
.header nav small,footer nav small{font-weight:500}
.closing p{font-weight:700}
.faq summary:after,.faq details[open] summary:after{height:2px;transform:translateY(-50%)}
.faq summary:before{width:2px;height:14px;top:50%;right:29px;transform:translateY(-50%)}
@media(min-width:768px){
 .stats strong{font-size:3.85vw}
 .stats strong small{font-size:1.83vw}
 .header nav a{font-size:clamp(11px,1.12vw,21px)}
 footer nav a{font-size:1.25vw}
 .faq{width:66%;max-width:1040px}
 .faq summary{padding-top:1.1vw;padding-bottom:1.1vw;min-height:4.9vw}
 .faq details{margin-top:1.15vw}
}

/* Supplied closing headline artwork. */
.closing h2 .closing-title{width:100%;height:auto;max-width:380px}
@media(min-width:768px){.closing h2 .closing-title{width:27vw;max-width:none}}

/* Barely visible rose and gold washes, fading fully into the white canvas. */
.hero{background:radial-gradient(ellipse 32vw 24vw at 0% 100%,rgba(223,91,119,.035) 0%,rgba(238,156,139,.025) 38%,transparent 78%),radial-gradient(ellipse 24vw 18vw at 13% 100%,rgba(255,223,116,.035) 0%,transparent 78%),#fff}
.stories{position:relative;isolation:isolate}
.stories::before{content:"";position:absolute;inset:-3vw -4vw;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 10% 35%,rgba(223,91,119,.028),transparent 55%),radial-gradient(ellipse at 42% 55%,rgba(255,223,116,.035),transparent 58%),radial-gradient(ellipse at 92% 70%,rgba(223,91,119,.025),transparent 55%);mask-image:linear-gradient(transparent,#000 20%,#000 80%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 20%,#000 80%,transparent)}

/* Sticky navigation and a hero headline that fits shorter desktop windows. */
.header{position:sticky;top:0;z-index:100;background:#fff;transition:background-color .25s ease,box-shadow .25s ease}
.header.is-scrolled{background:rgba(255,255,255,.86);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 1px 8px rgba(50,62,86,.035)}
@media(min-width:768px){
 html{scroll-padding-top:calc(clamp(64px,5.8036vw,112px) + 16px)}
 .hero-copy{top:min(30vw,max(160px,calc(100svh - clamp(64px,5.8036vw,112px) - 12.1vw - 36px)))}
}
@media(prefers-reduced-motion:reduce){.header{transition:none}}

/* Continue the same colour field across the HERO / ABOUT boundary. */
.about{background:radial-gradient(ellipse 32vw 24vw at 0% 0%,rgba(223,91,119,.035) 0%,rgba(238,156,139,.025) 38%,transparent 78%),radial-gradient(ellipse 24vw 18vw at 13% 0%,rgba(255,223,116,.035) 0%,transparent 78%),#fff}

/* Keep the brand mark fully within the sticky header. */
.header>a{align-self:center;margin-top:0;display:flex;align-items:center;width:clamp(100px,8.8vw,168px);height:calc(100% - 16px)}
.header>a img{width:100%;height:100%;object-fit:contain}

/* Prevent decorative overflow from widening the page; preserve sticky header. */
html,body{max-width:100%;overflow-x:clip}
.services article img{object-fit:contain;object-position:center;transform:none!important}
.schedule-tabs,#schedule-chart{position:relative}
.schedule-image-overlay{position:absolute;pointer-events:none;z-index:3;max-width:none}

/* Let foreground petals bridge into ABOUT without being covered by its canvas. */
.hero{position:relative;z-index:2;overflow:visible}
.intro{position:relative;z-index:1}

/* Large first-view brand mark, smoothly compacted for the sticky navigation. */
@media(min-width:768px){
 .header>a{width:11.16vw;max-width:214px;height:auto;flex-shrink:0;transition:width .32s ease,transform .32s ease;transform:translateY(.45vw)}
 .header>a img{width:100%;height:auto;object-fit:contain}
 .header.is-scrolled>a{width:clamp(100px,8.8vw,168px);transform:translateY(0)}
 /* Preserve the original compact spacing and image proportions. */
 .schedule-tabs{gap:0}
 .schedule-tabs button{width:100%;aspect-ratio:auto;display:block}
 .schedule-tabs button[aria-selected=false]{width:94%}
 .schedule-tabs button+button{margin-top:-1.1vw}
 .schedule-tabs button[aria-selected=false] img{width:100%}
 .schedule-tabs button[aria-selected=true] img{width:100%}
}
@media(prefers-reduced-motion:reduce){.header>a{transition:none}}

/* Closing body: one weight lighter than bold. */
.closing p{font-weight:500}

/* Center each partner metric as one heading-and-number group. */
.partner-stats article{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 12px}
.partner-stats strong{display:block}

/* Quiet source note below partner metrics. */
.partner-note{position:relative;z-index:1;text-align:center;font-size:10px;line-height:1.5;font-weight:400;letter-spacing:.02em;color:rgba(50,62,86,.48)}
@media(min-width:768px){.partner-note{margin:-3.5vw auto 2.3vw;font-size:clamp(8px,.7vw,11px)}}

/* Keep the header CTA legible at tablet desktop-layout widths. */
@media(min-width:768px){
 .header .cta{width:clamp(176px,15.31vw,294px);min-width:max-content;flex-shrink:0;gap:12px;padding-inline:clamp(12px,1.65vw,32px)}
 .header .cta>span{flex-shrink:0}
}
@media(min-width:768px) and (max-width:1100px){
 .header nav{gap:18px}
 .header .cta{width:max-content;min-width:0;min-height:36px;padding-inline:12px;gap:8px}
}

/* Gradient lettering for FAQ markers, keeping the open question white. */
.faq summary>span,.faq .answer>span{background:var(--gradient-text);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.faq details[open] summary>span{background:none;color:#fff;-webkit-text-fill-color:#fff}
/* Keep "数字で分かる / スリジェの魅力" together so narrow screens break only between them. */
.numbers-title span{display:inline-block}

/* Same blush-to-cream tones as the smartphone layout; the photo melts into it through the mask. */
@media(min-width:768px){
 .closing:before{background:radial-gradient(ellipse 38% 46% at 100% 8%,rgba(255,216,190,.5),transparent 100%),radial-gradient(ellipse 34% 44% at 52% 72%,rgba(255,234,196,.45),transparent 100%),linear-gradient(180deg,#fbe4df 0%,#fdeee9 30%,#fff6ef 58%,#fdf1e6 100%);mask-image:radial-gradient(ellipse 15% 36% at 49% 2%,rgba(0,0,0,.62),transparent 100%),linear-gradient(90deg,transparent 33%,rgba(0,0,0,.06) 38%,rgba(0,0,0,.18) 43%,rgba(0,0,0,.38) 48%,rgba(0,0,0,.62) 53%,rgba(0,0,0,.82) 58%,rgba(0,0,0,.94) 63%,#000 68%);-webkit-mask-image:radial-gradient(ellipse 15% 36% at 49% 2%,rgba(0,0,0,.62),transparent 100%),linear-gradient(90deg,transparent 33%,rgba(0,0,0,.06) 38%,rgba(0,0,0,.18) 43%,rgba(0,0,0,.38) 48%,rgba(0,0,0,.62) 53%,rgba(0,0,0,.82) 58%,rgba(0,0,0,.94) 63%,#000 68%)}
}