:root{--navy:#082e73;--blue:#0877ee;--purple:#6c1fe4;--pink:#f20d45;color:var(--navy);font-family:"Yu Gothic","Hiragino Kaku Gothic ProN","Meiryo",sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--navy)}a{color:inherit}.skip{position:fixed;left:12px;top:-60px;z-index:20;background:#fff;padding:12px 18px;border-radius:8px}.skip:focus{top:12px}.site-header{height:82px;display:flex;align-items:center;gap:34px;padding:0 max(30px,calc((100vw - 1320px)/2));border-bottom:1px solid #dfeaf3;background:#fffc;backdrop-filter:blur(14px);position:relative;z-index:10}.theoria-brand{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:275px}.theoria-brand>span:last-child{display:flex;flex-direction:column}.theoria-brand strong{font:800 24px/1.1 Arial,sans-serif;letter-spacing:.08em}.theoria-brand small{font-size:11px;font-weight:700;letter-spacing:.08em;margin-top:5px}.theoria-mark{position:relative;width:49px;height:49px;border:2px solid #4a93fa;border-radius:50%;background:radial-gradient(circle at 55% 50%,transparent 0 7px,#4c8eff 8px 9px,transparent 10px 14px,#70aaff 15px 16px,transparent 17px);box-shadow:inset 8px -4px 0 -5px #6da5fc}.theoria-mark:before,.theoria-mark:after,.theoria-mark i{content:"";position:absolute;border:1.6px solid #397fe8;border-radius:50%;inset:7px 4px 8px 9px;transform:rotate(35deg)}.theoria-mark:after{inset:4px 11px 10px 5px;transform:rotate(-32deg)}.theoria-mark i{inset:10px 8px 5px 6px;transform:rotate(68deg)}.site-header nav{display:flex;align-items:center;gap:0;flex:1;justify-content:center}.site-header nav a{font-weight:700;font-size:14px;text-decoration:none;padding:4px 21px;border-right:1px solid #b9c9df;white-space:nowrap}.site-header nav a:last-child{border:0}.header-cta,.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;text-decoration:none;font-weight:700;border-radius:999px;transition:transform .2s,box-shadow .2s}.header-cta{background:#0868bc;color:#fff;padding:16px 24px;min-width:246px}.header-cta:hover,.button:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0639812c}.hero{height:min(650px,calc(100vh - 82px));min-height:540px;position:relative;overflow:hidden}.hero>img,.closing>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero>img{object-position:center 35%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#f8fdffe8 0%,#f8fdffb8 39%,transparent 64%)}.hero-copy{position:absolute;left:max(48px,calc((100vw - 1320px)/2));top:50%;transform:translateY(-47%);max-width:650px}.eyebrow,.section-heading>p{font:700 11px/1.4 Arial,sans-serif;letter-spacing:.25em;color:#4382bd}.hero h1{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(46px,4.6vw,74px);line-height:1.42;letter-spacing:.035em;margin:12px 0 14px}.hero-copy .hero-support>p:not(.eyebrow){font-size:21px;font-weight:700;margin:0 0 28px}.button{padding:17px 30px;min-width:300px}.primary{background:linear-gradient(90deg,#052e79,#0759ad);color:#fff}.outline{border:2px solid #083c8c;background:#fff;color:#083c8c}.hero-message{position:absolute;right:max(42px,calc((100vw - 1320px)/2));top:68px;text-align:center}.hero-message p,.closing-message p{font:italic 25px/1.65 "Yu Mincho",serif;letter-spacing:.18em;transform:rotate(-7deg)}.hero-message small,.closing-message small{font:700 12px/1.55 Arial,sans-serif;letter-spacing:.2em;display:block;margin-top:28px}.journey,.models,.continuity,.questions{width:min(1320px,calc(100% - 48px));margin:0 auto;padding:54px 0}.section-heading{text-align:center}.section-heading h2{font-family:"Yu Mincho",serif;font-size:40px;line-height:1.35;letter-spacing:.04em;margin:7px 0 31px}.journey ol{display:grid;grid-template-columns:repeat(5,1fr);list-style:none;padding:0;margin:0}.journey li{height:112px;display:flex;align-items:center;justify-content:center;gap:13px;font-size:19px;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,0 100%,18px 50%);margin-left:-12px}.journey li:first-child{clip-path:polygon(0 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,0 100%);margin:0}.step-health{background:#dcfae8;color:#087844}.step-sign{background:#e7f3ff;color:#0871ea}.step-care{background:#f1f1f3;color:#303b4e}.step-after{background:#ffe7ef;color:#f0144c}.step-follow{background:#e4f7ed;color:#087844}.step-icon{font-size:38px}.models{padding-top:28px}.model-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.model-card{border:1px solid #dbeaf7;border-radius:16px;padding:20px;background:#f9fcff;overflow:hidden;box-shadow:0 8px 22px #1f4c7b0c}.model-art{height:154px;position:relative;border-radius:12px;overflow:hidden;background:#e9f5ff}.model-logo{position:absolute;z-index:2;left:14px;top:13px;width:68%;height:62px;object-fit:contain;object-position:left center;mix-blend-mode:multiply}.model-symbol{position:absolute;right:0;bottom:-10px;width:48%;height:130px;object-fit:contain;opacity:.78}.model-ex .model-art{background:#f1e9ff}.model-p .model-art{background:#fff0f4}.model-card h3{font-family:"Yu Mincho",serif;font-size:31px;line-height:1.4;margin:20px 7px 10px}.model-card>p{color:#365780;line-height:1.75;min-height:56px;margin:0 7px 16px}.model-card>a{display:flex;justify-content:space-between;align-items:center;color:#fff;text-decoration:none;border-radius:999px;padding:15px 24px;background:linear-gradient(90deg,#0562d8,#0787ff);font-weight:700}.model-ex>a{background:linear-gradient(90deg,#6219d0,#8921e9)}.model-p>a{background:linear-gradient(90deg,#ee0a42,#ff1550)}.continuity{padding-top:38px}.life-line{list-style:none;padding:24px 0 0;margin:0;display:grid;grid-template-columns:repeat(5,1fr);position:relative}.life-line:before{content:"";position:absolute;left:4%;right:4%;top:33px;height:2px;background:linear-gradient(90deg,#0879ee,#0879ee 42%,#7220e0 65%,#f10b47)}.life-line li{text-align:center;display:flex;flex-direction:column;position:relative}.life-line span{width:24px;height:24px;border-radius:50%;background:#0879ee;margin:0 auto 17px;z-index:1;box-shadow:0 0 0 5px #fff}.life-line li:nth-child(4) span{background:#7220e0}.life-line li:nth-child(5) span{background:#f10b47}.life-line b{font-size:18px;order:3}.life-line small{font-size:17px;font-weight:700;order:2;margin-bottom:7px}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}.value-grid article{display:flex;align-items:center;justify-content:center;gap:18px;background:#f2f8fc;border-radius:10px;padding:22px;font-size:20px}.value-grid span{font-size:36px;color:#0a4c9a}.questions{padding-top:28px}.guide-links{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.guide-links a{position:relative;text-decoration:none;border:1px solid #d5e6f2;border-radius:14px;padding:24px 58px 24px 24px;background:#f9fcff}.guide-links strong,.guide-links small{display:block}.guide-links strong{font-size:21px}.guide-links small{font-size:13px;color:#5d7490;margin-top:8px;line-height:1.6}.guide-links span{position:absolute;right:22px;top:50%;font-size:25px;transform:translateY(-50%)}.closing{height:325px;position:relative;overflow:hidden;margin-top:24px}.closing>img{object-position:center 66%}.closing-shade{position:absolute;inset:0;background:linear-gradient(90deg,#fff0 0%,#fffffff2 27%,#fffffff4 72%,#fff0 100%)}.closing-copy{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);text-align:center;width:min(700px,60%)}.closing-copy h2{font:700 39px/1.4 "Yu Mincho",serif;margin:0 0 5px}.closing-copy p{font-size:19px;font-weight:700;margin:0 0 20px}.closing-copy>div{display:flex;gap:15px;justify-content:center}.closing-copy .button{min-width:255px;padding:14px 22px}.closing-message{position:absolute;right:max(28px,calc((100vw - 1320px)/2));top:24px;text-align:center}.closing-message p{font-size:19px;margin:0}.closing-message small{font-size:10px;margin-top:10px}footer{display:flex;justify-content:space-between;align-items:center;padding:26px max(28px,calc((100vw - 1320px)/2));background:#082e73;color:#fff}footer a{color:#fff;font-weight:700}footer small{opacity:.8}
@media(max-width:1050px){.site-header{height:72px}.site-header nav{display:none}.theoria-brand{flex:1}.header-cta{min-width:225px}.hero{height:570px}.hero-copy{left:36px}.hero h1{font-size:51px}.hero-message{right:25px}.journey li{font-size:15px}.model-card h3{font-size:25px}.closing-copy h2{font-size:31px}}
@media(max-width:700px){.site-header{padding:0 14px;height:66px}.theoria-brand{min-width:0}.theoria-brand strong{font-size:17px}.theoria-brand small{font-size:8px}.theoria-mark{width:40px;height:40px;flex:0 0 40px}.header-cta{min-width:0;padding:11px 15px;font-size:12px}.header-cta span{display:none}.hero{height:600px;min-height:0}.hero>img{object-position:62% center}.hero-shade{background:linear-gradient(180deg,#f8fdfff2 0%,#f8fdffc7 48%,transparent 76%)}.hero-copy{top:31px;left:24px;right:24px;transform:none}.hero h1{font-size:37px}.hero-copy .hero-support>p:not(.eyebrow){font-size:15px;max-width:300px}.hero-message{display:none}.button{min-width:0;padding:15px 22px}.journey,.models,.continuity,.questions{width:calc(100% - 28px);padding:38px 0}.section-heading h2{font-size:28px;margin-bottom:23px}.journey ol{grid-template-columns:1fr}.journey li,.journey li:first-child{height:70px;margin:-4px 0 0;clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),50% 100%,0 calc(100% - 10px))}.step-icon{font-size:28px}.model-grid{grid-template-columns:1fr}.model-art{height:138px}.model-card h3{font-size:27px}.model-card>p{min-height:0}.life-line{grid-template-columns:1fr;padding-left:18px}.life-line:before{left:29px;right:auto;top:28px;bottom:32px;width:2px;height:auto}.life-line li{display:grid;grid-template-columns:38px 54px 1fr;text-align:left;align-items:center;min-height:68px}.life-line span{grid-column:1;margin:0;width:22px;height:22px}.life-line small{grid-column:2;grid-row:1;margin:0}.life-line b{grid-column:3;grid-row:1;font-size:16px}.value-grid,.guide-links{grid-template-columns:1fr}.value-grid{gap:9px}.value-grid article{justify-content:flex-start;padding:15px 22px;font-size:17px}.closing{height:440px}.closing>img{object-position:28% center}.closing-shade{background:linear-gradient(180deg,#fffffff5,#ffffffd0 52%,transparent 78%)}.closing-copy{top:34px;transform:translateX(-50%);width:calc(100% - 36px)}.closing-copy h2{font-size:26px}.closing-copy p{font-size:14px}.closing-copy>div{flex-direction:column;align-items:center}.closing-copy .button{width:280px}.closing-message{display:none}footer{display:block;text-align:center}footer small{display:block;margin-top:10px;line-height:1.6}}

/* Supplied component sheet: preserve the shapes, colors and spacing of the approved comp. */
.theoria-mark{border:0;box-shadow:none;background-image:url('/assets/cancer/how-to-choose/home/parts-sheet.png');background-repeat:no-repeat;background-size:1520% 855%;background-position:3.6% 14.6%}
.theoria-mark:before,.theoria-mark:after,.theoria-mark i{display:none}
.journey{padding:25px 0 14px}
.journey .section-heading>p,.continuity .section-heading>p{display:none}
.journey .section-heading h2{margin:0 0 13px;font-size:39px}
.journey ol{aspect-ratio:1095/112;background-image:url('/assets/cancer/how-to-choose/home/parts-sheet.png');background-repeat:no-repeat;background-size:152.7% 840.2%;background-position:6.8% 60.6%}
.journey li,.journey li:first-child{height:auto;margin:0;background:transparent;clip-path:none;padding-top:47px;gap:0;align-items:center;font-size:18px;white-space:nowrap}
.journey .step-icon{display:none}
.models{padding:0 0 24px}
.model-grid{gap:22px}
.model-card{position:relative;aspect-ratio:519/326;border:0;border-radius:13px;padding:0;background:transparent;box-shadow:none;overflow:hidden}
.model-art{position:absolute;inset:0;height:auto;border-radius:0;background-image:url('/assets/cancer/how-to-choose/home/parts-sheet.png');background-repeat:no-repeat;background-size:322.2% 288.7%}
.model-w .model-art{background-position:3% 16.1%}
.model-ex .model-art{background-position:50% 16.1%}
.model-p .model-art{background-position:97.1% 16.1%}
.model-card .model-logo{position:absolute;left:17px;top:14px;width:59%;height:65px;object-fit:contain;object-position:left center;mix-blend-mode:multiply;z-index:2}
.model-card h3{position:absolute;z-index:2;left:25px;top:101px;margin:0;font:700 30px/1.36 "Yu Gothic","Meiryo",sans-serif;letter-spacing:.02em}
.model-card>a{position:absolute;z-index:3;left:24px;right:55px;bottom:17px;height:55px;padding:0 18px 0 25px;background:transparent!important;border-radius:999px;font-size:17px}
.continuity{padding:0 0 24px}
.continuity .section-heading h2{margin:0 0 12px;font-size:38px}
.life-line{padding-top:25px}
.life-line:before{left:0;right:0;top:0;height:50px;background-image:url('/assets/cancer/how-to-choose/home/parts-sheet.png');background-repeat:no-repeat;background-size:104.6% 1882%;background-position:48% 76.3%}
.life-line span{opacity:0;margin-bottom:7px}
.life-line small{font-size:19px}.life-line b{font-size:19px}
.value-grid{margin-top:21px;gap:14px}
.value-grid article{height:89px;padding:12px;font-size:20px;background:#f1f8fd}
.value-grid span{width:67px;height:67px;flex:0 0 67px;font-size:0;mix-blend-mode:multiply;background-image:url('/assets/cancer/how-to-choose/home/parts-sheet.png');background-repeat:no-repeat;background-size:1316.5% 741%}
.value-grid article:nth-child(1) span{background-position:76.6% 60.8%}.value-grid article:nth-child(2) span{background-position:86.5% 60.8%}.value-grid article:nth-child(3) span{background-position:96.4% 60.8%}
.questions{display:none}
.closing{margin-top:0}
@media(max-width:1050px) and (min-width:701px){.journey li,.journey li:first-child{font-size:14px;padding-top:37px}.model-card h3{top:86px;font-size:24px}.model-card>a{left:18px;right:41px;bottom:12px;height:45px;font-size:14px}.model-card .model-logo{height:52px}.life-line b{font-size:15px}}
@media(max-width:700px){.journey{padding-top:28px}.journey .section-heading h2{font-size:27px}.journey ol{aspect-ratio:auto;background:none}.journey li,.journey li:first-child{height:66px;padding:0;margin:-3px 0 0;clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),50% 100%,0 calc(100% - 9px));font-size:16px}.journey li:before{content:"";width:26px;height:26px;margin-right:12px;background-image:url('/assets/cancer/how-to-choose/home/parts-sheet.png');background-size:1316.5% 741%}.journey li:nth-child(1){background:#dcfae8}.journey li:nth-child(2){background:#e7f3ff}.journey li:nth-child(3){background:#f1f1f3}.journey li:nth-child(4){background:#ffe7ef}.journey li:nth-child(5){background:#e4f7ed}.model-card{aspect-ratio:519/326}.model-card h3{top:108px;font-size:27px}.model-card>a{bottom:17px}.continuity .section-heading h2{font-size:27px}.life-line{padding-left:18px}.life-line:before{left:29px;right:auto;top:28px;bottom:32px;width:2px;height:auto;background:#0879ee}.life-line span{opacity:1}.value-grid span{width:58px;height:58px;flex-basis:58px}}

/* Proportional overlay placement on the supplied card and journey parts. */
.journey li,.journey li:first-child{align-items:flex-end;padding:0 0 10px;font-size:clamp(13px,1.5vw,18px)}
.model-card{aspect-ratio:1.5}
.model-card .model-logo{top:4%;left:4%;width:68%;height:27%;transform:scale(1.08);transform-origin:left center}
.model-card h3{top:39%;left:6%;font-size:clamp(17px,2.15vw,30px);line-height:1.33}
.model-card>a{left:5%;right:10%;bottom:6%;height:17%;font-size:clamp(11px,1.45vw,17px);padding-inline:7% 6%}
.model-w>a{background:linear-gradient(90deg,#0861d8,#0787ff)!important}.model-ex>a{background:linear-gradient(90deg,#6519d1,#871be8)!important}.model-p>a{background:linear-gradient(90deg,#ef0b43,#ff104a)!important}
/* Model W uses the same clean text-safe card structure as EX and P. */
.model-w .model-art{background-image:none;background:#edf7ff}
/* Center and enlarge the three model identities. */
.model-card .model-logo{left:50%;top:5%;width:76%;height:30%;object-position:center;transform:translateX(-50%) scale(1.12);transform-origin:center}
.model-card h3{left:4%;right:4%;top:40%;text-align:center}
@media(max-width:700px){.model-card .model-logo{width:78%;height:29%}.model-card h3{left:3%;right:3%;top:40%}}
/* Keep CTA labels visually centered while the arrow stays at the right edge. */
.button,.model-card>a,.header-cta{position:relative;justify-content:center;text-align:center}
.button>span,.header-cta>span{position:absolute;right:28px}.model-card>a>span{position:absolute;right:7%}

/* Final collision pass: clean model cards and separate journey labels from icons. */
.model-card{aspect-ratio:1.65}
.model-card .model-art{background-image:none}
.model-w .model-art{background:#edf7ff}.model-ex .model-art{background:#f2eaff}.model-p .model-art{background:#fff0f4}
.model-card .model-logo{top:7%;height:34%}
.model-card h3{top:50%;font-size:clamp(18px,2.15vw,30px)}
.journey ol{aspect-ratio:auto;background:none}
.journey li,.journey li:first-child{height:104px;margin:0 0 0 -11px;padding:8px 5px 6px;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%,16px 50%);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:clamp(12px,1.45vw,18px)}
.journey li:first-child{margin-left:0;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,0 100%)}
.journey li.step-health{background:#dcfae8}.journey li.step-sign{background:#e7f3ff}.journey li.step-care{background:#f1f1f3}.journey li.step-after{background:#ffe7ef}.journey li.step-follow{background:#e4f7ed}
.journey .step-icon{display:block;width:45px;height:50px;flex:0 0 50px;font-size:0;background-image:url('/assets/cancer/how-to-choose/home/parts-sheet.png');background-repeat:no-repeat;background-size:1672% 1107%}
.journey li:nth-child(1) .step-icon{background-position:5.1% 59.6%}.journey li:nth-child(2) .step-icon{background-position:19.7% 59.6%}.journey li:nth-child(3) .step-icon{background-position:33.4% 59.6%}.journey li:nth-child(4) .step-icon{background-position:48% 59.6%}.journey li:nth-child(5) .step-icon{background-position:61.6% 59.6%}
.button{padding-left:48px;padding-right:48px}
@media(max-width:700px){.model-card{aspect-ratio:1.65}.model-card .model-logo{top:7%;height:34%}.model-card h3{top:50%}.journey li,.journey li:first-child{height:82px;margin:-3px 0 0;padding:5px;flex-direction:row;gap:10px;clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),50% 100%,0 calc(100% - 9px))}.journey .step-icon{display:block;flex-basis:42px;width:42px;height:45px}.button{padding-inline:42px}.button>span{right:20px}}
.closing-copy .outline{min-width:330px;font-size:15px}
.closing-copy>div{justify-content:center}
@media(max-width:700px){.closing-copy .outline{width:320px;max-width:100%;font-size:14px}.closing-copy .outline>span{right:18px}}

/* Keep hero copy clear of the subject and keep the three values on one line. */
.hero-message{right:14px;top:68px;width:170px}
.hero-message p{font-size:26px;line-height:1.55;letter-spacing:.08em;margin:0}
.hero-message small{font-size:14px;line-height:1.5;letter-spacing:.13em;margin-top:27px}
.value-grid article{gap:12px;padding-inline:12px;font-size:clamp(14px,1.35vw,19px);white-space:nowrap}
@media(max-width:1050px) and (min-width:701px){.hero-message{right:2px;width:148px;top:60px}.hero-message p{font-size:21px;letter-spacing:.05em}.hero-message small{font-size:12px;letter-spacing:.08em;margin-top:22px}.value-grid article{font-size:14px}.value-grid span{width:58px;height:58px;flex-basis:58px}}
@media(max-width:700px){.journey li,.journey li:first-child{align-items:center;padding:0}.model-card{aspect-ratio:1.5}.model-card .model-logo{height:27%}.model-card h3{top:39%;font-size:clamp(22px,7vw,29px)}.model-card>a{bottom:6%;height:17%;font-size:15px}}

/* Main and supporting copy for the cancer hero. */
.hero .hero-copy h1{font-size:clamp(38px,4vw,64px);line-height:1.42}.hero .hero-copy .hero-support>p.hero-subcopy{font-size:clamp(18px,1.8vw,25px);line-height:1.6;margin:16px 0 12px;font-weight:600}.hero .hero-copy .hero-support>p.hero-subcopy+p{font-size:16px;font-weight:700;line-height:1.7}@media(max-width:700px){.hero .hero-copy h1{font-size:clamp(26px,6.8vw,37px)}.hero .hero-copy .hero-support>p.hero-subcopy{font-size:16px;max-width:none;margin:14px 0 10px}.hero .hero-copy .hero-support>p.hero-subcopy+p{font-size:14px}}

.hero .hero-stage{position:relative;isolation:isolate;display:inline-block;color:#df858b;font-weight:800;white-space:nowrap;text-decoration:none}.hero .hero-stage::after{content:"";position:absolute;z-index:-1;pointer-events:none;left:-1%;right:-1%;bottom:.06em;height:.17em;background:#fff1a6;border-radius:45% 35% 50% 30%;transform:rotate(-.6deg);clip-path:polygon(0 30%,7% 18%,18% 27%,31% 12%,45% 23%,59% 10%,74% 23%,89% 12%,100% 31%,99% 76%,87% 89%,72% 78%,58% 94%,42% 82%,27% 96%,12% 83%,1% 91%)}.hero .hero-stage-number{font-family:inherit;font-weight:800}

.hero .hero-stage{font-family:"Yu Mincho","Hiragino Mincho ProN",serif}

.hero .hero-copy h1 .hero-from{font-size:.6em;margin-left:.15em}

.hero .hero-copy h1 .hero-minus{font-size:1em}

/* Soften the timeline artwork without changing its shape or labels. */
@media(min-width:701px){.continuity .life-line::before{filter:saturate(.45);opacity:.55}}
@media(max-width:700px){.continuity .life-line::before{background:linear-gradient(180deg,#a8c9ef,#beb5e7 55%,#edb4c5)}.continuity .life-line li span{background:#a8c9ef}.continuity .life-line li:nth-child(3) span{background:#beb5e7}.continuity .life-line li:nth-child(4) span{background:#ddb5df}.continuity .life-line li:nth-child(5) span{background:#edb4c5}}

/* User-supplied timeline artwork; display its central strip without altering the image. */
@media(min-width:701px){.continuity .life-line::before{background-image:url('/assets/cancer/how-to-choose/home/timeline-pastel.png?v=d4768d40ea');background-size:100% auto;background-position:center center;background-repeat:no-repeat;filter:none;opacity:1}}

.hero .hero-copy h1 .hero-stage-digit{font-size:1.3em;line-height:1}

/* Remove the obsolete sprite placeholder beside mobile journey icons. */
@media(max-width:700px){.journey li::before{content:none;display:none}.journey li,.journey li:first-child{justify-content:center;align-items:center;gap:12px}.journey .step-icon{mix-blend-mode:normal;flex-shrink:0}}

/* Mobile hero: reserve the upper half for the photograph. */
@media(max-width:700px){.hero{display:grid;grid-template-rows:minmax(0,1fr) auto;height:auto;min-height:max(460px,114vw)}.hero .hero-copy{position:relative;grid-row:2;top:auto;left:auto;right:auto;transform:none;width:100%;max-width:none;box-sizing:border-box;padding:20px 24px 28px;align-self:start}.hero .hero-shade{background:linear-gradient(180deg,transparent 25%,#f8fdff33 42%,#f8fdffe8 64%,#f8fdfff5 100%)}.hero .hero-copy .hero-support>p:last-child{margin-bottom:0}}

/* Keep the mobile headline in the sky, clear of the face. */
@media(max-width:700px){.hero .hero-copy{position:static;z-index:1}.hero .hero-headline{position:absolute;top:clamp(24px,6vw,42px);left:clamp(20px,5vw,32px);width:58%}.hero .hero-headline .eyebrow{font-size:clamp(11px,2.8vw,16px);letter-spacing:.2em;margin:0 0 10px}.hero .hero-copy .hero-headline h1{font-size:clamp(19px,5.7vw,39px);line-height:1.5;letter-spacing:.02em;margin:0;white-space:nowrap}}

/* Supporting copy sits in the pale area at the foot of the mobile photo. */
@media(max-width:700px){.hero .hero-support{position:absolute;left:clamp(24px,6vw,36px);right:clamp(24px,6vw,36px);top:58%;bottom:auto;text-align:left}.hero .hero-copy .hero-support>p.hero-subcopy{margin:0 0 10px;font-weight:700}.hero .hero-copy .hero-support>p:last-child{max-width:none;margin:0;font-weight:700}}

/* Soft white screen behind the mobile headline only. */
@media(max-width:700px){.hero .hero-headline{isolation:isolate;width:max-content;max-width:calc(100% - 40px)}.hero .hero-headline::before{content:"";position:absolute;z-index:-1;pointer-events:none;top:-20px;left:-20px;right:-20px;bottom:-48px;background:radial-gradient(ellipse at 30% 35%,rgba(255,255,255,.88) 0%,rgba(255,255,255,.76) 30%,rgba(255,255,255,.42) 58%,rgba(255,255,255,0) 88%);filter:blur(10px)}}

/* Crop the mobile hero just below its supporting copy without rescaling the photo. */
@media(max-width:700px){.hero{grid-template-rows:auto;min-height:0;height:auto}.hero>img,.hero .hero-shade{height:max(460px,114vw);bottom:auto}.hero .hero-copy{grid-row:1;padding: max(266.8px,66.12vw) clamp(24px,6vw,36px) 24px}.hero .hero-support{position:static;top:auto;right:auto;bottom:auto;left:auto}}

/* Fit the 15-character mobile journey heading on one line. */
@media(max-width:700px){.journey .section-heading{container-type:inline-size}.journey .section-heading h2{font-size:6.4cqw;white-space:nowrap;line-height:1.35}}