/* YUSEN / A brighter tomorrow — shared visual system, September 2026 */
:root{--ink:#173f43;--body:#385c62;--muted:#587279;--primary:#077e9d;--forest:#167451;--sky:#35b8e9;--aqua:#28b8b4;--sun:#f4c750;--line:#d9e9e7;--wash:#f2f9f7;--radius:24px;--shadow:0 16px 46px rgba(33,100,105,.07)}
html{scroll-padding-top:112px}body{font-family:Inter,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased;line-height:1.6}a{color:var(--primary);text-underline-offset:4px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%}h1,h2,h3,h4{letter-spacing:-.035em;line-height:1.35}h1{font-weight:750}h2{font-size:clamp(27px,2.8vw,38px);font-weight:700}h3{font-size:21px}p{overflow-wrap:break-word}section,.hero{padding:88px max(32px,calc((100vw - 1240px)/2))}.heading{margin-bottom:36px;max-width:840px}.heading p{margin-bottom:0}.lead{font-size:17px}.tint{background:var(--wash)}
/* A quiet, bright masthead keeps the logo and actions legible. */
header{height:94px;padding:0 max(32px,calc((100vw - 1320px)/2));gap:24px;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);box-shadow:0 4px 24px #17484c04;z-index:30}.brand{gap:11px;flex-shrink:0}.brand img.mark{width:54px;height:54px}.brand b{font-size:18px;letter-spacing:.01em}.brand small{font-size:8px;letter-spacing:.1em;color:var(--muted)}nav{gap:22px;align-items:center}nav a{font-size:13px;font-weight:500;white-space:nowrap;padding:9px 0;position:relative}nav a:not(.navcta):after{content:"";position:absolute;bottom:2px;height:2px;background:var(--aqua);left:0;width:0;transition:width .2s}nav a:hover:after,nav a.active:after{width:100%}.active{color:var(--forest)!important}.navcta{padding:13px 19px;border-radius:100px;background:var(--forest);box-shadow:none}.navcta:hover{background:#105d41}.globebtn{width:40px;height:40px;border-radius:50%;background:var(--wash);border-color:transparent;color:var(--ink)}.langmenu{border-color:var(--line);border-radius:16px;box-shadow:var(--shadow);top:49px}.langmenu a:hover{background:var(--wash);color:var(--forest)}
/* Primary actions use accessible deep lake blue; sun is an accent, never small text. */
.button{min-height:52px;padding:14px 25px;border-radius:100px;background:var(--primary);box-shadow:0 8px 20px #077e9d18;font-size:14px;transition:transform .2s,box-shadow .2s,background .2s;line-height:1.5}.button:hover{background:#056b85;transform:translateY(-2px);box-shadow:0 12px 25px #077e9d26}.button.ghost{border-color:var(--line);color:var(--ink);box-shadow:none}.button.ghost:hover{background:var(--wash);border-color:var(--aqua)}:is(a,button,input,textarea,select,summary):focus-visible{outline:3px solid #087e9c;outline-offset:4px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--forest);font-weight:700;letter-spacing:.16em}.eyebrow:before{width:8px;height:8px;background:var(--sun);border-radius:50%;margin:0;flex-shrink:0;box-shadow:0 0 0 5px #f4c75020}
/* Brand landscape: globe connections, flowing water and a sunlit canopy. */
.hero-bright{position:relative;display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:26px;min-height:660px;padding-top:66px;padding-bottom:68px;background:radial-gradient(ellipse at 92% 14%,#fff5d970,transparent 42%),linear-gradient(125deg,#fff 25%,#f2fbfd 67%,#eff9f3);overflow:hidden;border-bottom:1px solid var(--line)}.hero-bright>div:first-child{position:relative;z-index:1}.hero-bright h1{font-size:clamp(38px,3.8vw,59px);line-height:1.3;max-width:710px;margin:24px 0;white-space:normal;letter-spacing:-.045em}.hero-bright .lead{font-size:17px;line-height:1.95;max-width:575px;margin-bottom:30px}.hero-bright .eyebrow{letter-spacing:.18em}.brand-landscape{position:relative;aspect-ratio:640/580;width:112%;margin-left:-4%;max-width:660px;isolation:isolate}.landscape-art{width:100%;height:100%;display:block}.brand-island{position:absolute;top:23%;left:29%;width:45%;height:48%;border:1px solid #fff;background:rgba(255,255,255,.94);border-radius:42% 42% 38% 38%;box-shadow:0 22px 50px #187c7e12;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(-4deg)}.brand-island img{width:68%;height:auto;filter:drop-shadow(0 7px 7px #2e827915);transform:rotate(4deg)}.brand-island span{font-size:21px;font-weight:700;letter-spacing:.18em;color:var(--forest);margin:4px 0 1px;transform:rotate(4deg)}.brand-island small{font-size:6.5px;letter-spacing:.12em;transform:rotate(4deg)}.landscape-caption{position:absolute;bottom:7%;left:29%;font-size:9px;letter-spacing:.28em;color:var(--forest)}
.hero{gap:60px;min-height:570px;background:linear-gradient(120deg,#fff 38%,#f0faf8)}.hero h1{font-size:clamp(34px,3.7vw,54px);line-height:1.3}.hero img,.svc-hero figure img{border-radius:34px 34px 80px 34px;box-shadow:var(--shadow);height:370px}.svc-hero .svc-sub{color:var(--forest);font-size:16px}.imgnote{color:var(--muted)}
/* White cards, restrained color coding, generous space. */
.cards{gap:22px}.cards article,.two article,.guidegrid article,.whygrid article,.pgroups article,.myths article{border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 5px 20px #20545403;background:#fff;padding:32px}.cards article{border-top:3px solid #8ccedc}.cards article:nth-child(4n+2){border-top-color:#80bd9a}.cards article:nth-child(4n+3){border-top-color:#e8c264}.cards article:nth-child(4n+4){border-top-color:#8bcfc7}.cards article h3{margin:16px 0 12px}.cards article p{margin-bottom:0;font-size:15px}.cards article h3 a:after{opacity:1;transform:none;color:var(--primary)}.cards article:has(h3 a):hover{border-color:#71b9c6;box-shadow:var(--shadow);transform:translateY(-4px)}.cards article:has(h3 a):focus-within{outline:3px solid var(--primary);outline-offset:3px}.home-guides{background:#fff}.home-guides .cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.home-guides .cards article{padding:26px 23px;min-height:206px;border-top:1px solid var(--line);background:linear-gradient(145deg,#f1fbff,#fff 80%)}.home-guides .cards article:nth-child(2){background:linear-gradient(145deg,#eef8f0,#fff 80%)}.home-guides .cards article:nth-child(3){background:linear-gradient(145deg,#fff8e6,#fff 80%)}.home-guides .cards article:nth-child(4){background:linear-gradient(145deg,#edf9f6,#fff 80%)}.home-guides .cards article em{font-size:11px;letter-spacing:.04em;color:var(--forest);margin-bottom:10px}.home-guides .cards article h3{font-size:19px;line-height:1.65;margin:0}.home-guides .morelink{text-align:right;margin-top:24px}.num{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;background:#e5f5f7;color:var(--primary);border-radius:12px;font-size:12px;font-weight:700;letter-spacing:.04em}.cards article:nth-child(4n+2) .num{background:#e8f5ec;color:var(--forest)}.cards article:nth-child(4n+3) .num{background:#fff3cf;color:#7d6110}.cards li,.two li{font-size:14px;padding:8px 4px}.steps{gap:20px}.steps article,.stepgrid article{border:0;border-radius:var(--radius);background:var(--wash);padding:28px}.steps article h3{font-size:20px}.steps article p{font-size:14px}.stepgrid .num{background:var(--forest);border-radius:50%}.stepgrid .time{background:#e3f3ee;color:var(--forest);border-radius:20px}.faqs details{border:1px solid var(--line);border-radius:16px;margin-bottom:12px;padding:21px 24px;background:#fff}.faqs details[open]{background:var(--wash)}.faqs summary{line-height:1.6}.faqs details p{color:var(--body);line-height:1.9}
/* Closing invitation and airy footer use the same visual language as the hero. */
.cta{position:relative;overflow:hidden;margin:26px max(32px,calc((100vw - 1240px)/2)) 80px;padding:52px 58px;border-radius:32px;background:linear-gradient(105deg,#e5f5f9,#e8f5eb 75%,#fff2cb);color:var(--ink);border:1px solid var(--line)}.cta:after{content:"";position:absolute;right:-65px;top:-100px;width:260px;height:260px;border:1px solid #74bba860;border-radius:50%;pointer-events:none}.cta h2{font-size:clamp(26px,2.6vw,36px);position:relative;z-index:1}.cta p{color:var(--body);max-width:800px;margin-bottom:26px}.cta .light{background:var(--forest);color:#fff}.cta .light:hover{background:#105d41}footer{background:#f1f8f5;border-top:1px solid var(--line)}.footgrid{background:transparent;color:var(--body);padding:62px max(32px,calc((100vw - 1240px)/2)) 44px;gap:40px;grid-template-columns:1.4fr 1fr 1.3fr .7fr}.footgrid h4{font-size:13px;color:var(--forest);letter-spacing:.03em}.footgrid a{color:var(--body);font-size:13px;line-height:2.3}.footgrid a:hover{color:var(--primary);text-decoration:underline}.footgrid .fbrand>img{display:block;margin-bottom:18px}.footgrid .fbrand b{font-size:13px;color:var(--ink);letter-spacing:.03em;line-height:1.7}.footgrid .fbrand p{color:var(--muted);font-size:12px;line-height:1.95;max-width:305px}.footbar{background:transparent;color:var(--muted);border-top:1px solid var(--line);padding:22px max(32px,calc((100vw - 1240px)/2));font-size:11px;white-space:normal;flex-wrap:wrap;justify-content:space-between;gap:10px}.footbar span{overflow:visible}.footbar a{color:var(--body)}
/* Reading, pricing and intake share the same spacing, borders and focus states. */
.pagehead{padding-top:62px;padding-bottom:36px;background:linear-gradient(110deg,#f1fafb,#f6fbf6);border-bottom:1px solid var(--line)}.pagehead h1{line-height:1.4}.pagehead:has(.article-head){padding-bottom:36px}.article-head{padding:0;max-width:820px}.article{max-width:892px;padding:44px 36px 72px}.article h2{line-height:1.5}.article p,.article ul.tick li{font-size:16px}.meta,.crumb{color:var(--muted);line-height:1.8}.answerbox{border-radius:0 18px 18px 0;background:#edf8f5;border-left-color:var(--forest)}.answerbox b{color:var(--forest)}.dtable{border-radius:14px;border:1px solid var(--line)}.dtable th{background:#e3f2ed;color:var(--ink)}.dtable td{background:#fff}.dtable tbody tr:nth-child(even) td{background:#f8fbfa}.ptable{border-radius:20px;border:1px solid var(--line)}.ptable thead th{background:#e5f4ef;color:var(--ink);border-left-color:#c9e4da}.ptable thead th:nth-child(3){background:#e5f5fa}.ptable thead th:nth-child(4){background:#fff4d9}.ptable .pe,.ptable .pf{color:var(--body)}.ptable .pp{color:var(--forest)}.ptable tbody tr:nth-child(even) th,.ptable tbody tr:nth-child(even) td{background:#f7fbfa}.ptable td.n{color:#7c9694}.pnotes,.readmore{border-radius:20px}.guidegrid{gap:24px}.guidegrid em.live{background:#e4f3eb;color:var(--forest)}.guidegrid em.soon{color:var(--muted)}.guidegrid li span{flex-shrink:0}.intakewrap{gap:32px}.formcard{border-radius:26px;box-shadow:var(--shadow);padding:36px}.intake legend{color:var(--forest);border-bottom:1px solid var(--line);width:100%;margin-bottom:20px;letter-spacing:.06em}.intake input[type=text],.intake input[type=email],.intake select,.intake textarea{border-color:#c8dcda;border-radius:12px;min-height:48px;background:#fcfefd}.intake input:focus,.intake select:focus,.intake textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #37b6c320}.pick span{border-radius:12px;border-color:#c8dcda}.pick input:checked+span{background:#ebf7f0;border-color:var(--forest);box-shadow:inset 0 0 0 1px var(--forest)}.pick span:hover{border-color:var(--aqua)}.summary{border-radius:24px;background:linear-gradient(135deg,#eff9fb,#f0f8ee);padding:28px;border-color:var(--line)}.summary h3{color:var(--forest);font-size:18px}.summary .sub,.intake .hint,.subnote{color:var(--muted)}#recap .v{border-bottom-color:#82c9be}#recap .v.empty{color:var(--muted)}.consent input{accent-color:var(--forest)}.preview{background:var(--wash);border-color:var(--line);border-radius:16px}.preview pre{font:14px/1.8 inherit;overflow-wrap:anywhere;white-space:pre-wrap}.preview button{border-color:var(--line);border-radius:9px}.done .mark{background:var(--forest)}.policy{padding:60px 32px;max-width:1000px}.done{padding:70px 32px;max-width:760px}.skip-link{position:fixed;left:16px;top:-120px;background:var(--forest);color:white;padding:12px 20px;border-radius:10px;z-index:100}.skip-link:focus{top:12px}
@media(min-width:1700px){.article-head{padding:0}.hero-bright{min-height:700px}}
@media(max-width:1200px){header{gap:16px}nav{gap:15px}.brand b{font-size:16px}.brand small{font-size:7px}.brand img.mark{width:48px;height:48px}.footgrid{gap:24px}.home-guides .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.home-guides .cards article{min-height:170px}}
@media(max-width:1100px){header{height:82px;min-height:82px;padding:12px 24px}.brand{margin-right:auto}.menubtn{display:block;order:3;border:1px solid var(--line);border-radius:50%;width:40px;height:40px;padding:4px}.menubtn .mb-ico{font-size:21px}.langswitch{order:2}header nav{display:none;position:absolute;top:100%;left:0;right:0;margin:0;padding:20px 24px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 16px 24px #2054540b;max-height:calc(100dvh - 82px);overflow:auto;grid-template-columns:1fr 1fr;gap:6px 20px}header nav.open{display:grid}nav a{padding:12px}nav a.active{background:var(--wash);border-radius:10px}nav a:after{display:none}.navcta{margin:0;text-align:center}.hero-bright{min-height:580px;gap:0}.hero-bright h1{font-size:42px}.hero-bright .lead{font-size:16px}.brand-landscape{width:110%;margin-left:0}.hero{gap:32px}.footgrid{grid-template-columns:1.3fr 1fr;gap:36px}.stepgrid{grid-template-columns:1fr 1fr}}
@media(max-width:800px){html{scroll-padding-top:96px}section,.hero{padding:58px 22px}header{padding:10px 18px;height:78px;min-height:78px;gap:9px}.brand{gap:9px;flex:1 1 auto}.brand img.mark{width:43px;height:43px}.brand b{font-size:16px}.brand small{font-size:6.8px;letter-spacing:.07em;margin-top:3px}.globebtn,.menubtn{width:36px;height:36px;flex-shrink:0}header .langswitch{margin:0}.hero-bright{grid-template-columns:1fr;gap:4px;padding:46px 22px 25px;min-height:0}.hero-bright h1{font-size:clamp(32px,7.7vw,48px);margin:21px 0 18px;max-width:620px}.hero-bright .lead{font-size:15px;line-height:1.85;max-width:620px;margin-bottom:24px}.hero-bright .eyebrow{font-size:9px}.brand-landscape{width:100%;max-width:440px;margin:0 auto;aspect-ratio:640/540}.landscape-art{height:auto}.brand-island{top:25%;height:50%}.landscape-caption{bottom:0;font-size:8px}.hero{grid-template-columns:1fr;min-height:0}.hero h1{font-size:35px}.hero img,.svc-hero figure img{height:270px;border-radius:24px 24px 60px 24px}.home-guides .cards{grid-template-columns:1fr 1fr;gap:14px}.home-guides .cards article{padding:22px 18px;min-height:175px}.home-guides .cards article h3{font-size:17px}.cards,.two{grid-template-columns:1fr}.cards article,.two article,.whygrid article,.guidegrid article,.pgroups article{padding:26px}.cards li,.two li{line-height:1.7}.cards ul,.two ul{columns:1}.steps{gap:12px}.steps article{padding:22px}.steps article h3{font-size:18px}.cta{margin:12px 22px 58px;padding:32px 28px;border-radius:24px}.cta h2{font-size:27px}.cta p{font-size:15px}.footgrid{padding:40px 22px;gap:30px;grid-template-columns:1fr 1fr}.footgrid .fbrand{grid-column:1/-1}.footgrid .fbrand p{max-width:440px}.footbar{padding:20px 22px;font-size:10px}.pagehead{padding:42px 22px 30px}.pagehead h1{font-size:31px}.pagehead .lead{font-size:15px}.article-head{padding:0}.article{padding:32px 22px 54px}.article h2{font-size:23px}.article p,.article ul.tick li{font-size:15px}.article .answerbox{padding:20px}.article .answerbox p{font-size:15px}.formcard{padding:24px 20px}.summary{padding:24px}.aside{order:-1}.intakewrap{gap:24px}.policy,.done{padding:48px 22px}.done h1{font-size:31px}.guidegrid li{gap:8px}.hubintro{padding:0 22px}.guidegrid em{font-size:10px}}
@media(max-width:420px){.brand b{font-size:14px}.brand small{font-size:6px}.brand img.mark{width:39px;height:39px}.brand{gap:7px}header{gap:7px;padding:10px 14px}.home-guides .cards{grid-template-columns:1fr}.home-guides .cards article{min-height:0}.steps,.stepgrid{grid-template-columns:1fr}.hero-bright h1{font-size:33px}.brand-island span{font-size:17px}.brand-island small{font-size:5.5px}.footgrid{grid-template-columns:1fr}.footgrid .fbrand{grid-column:auto}.preview>div{flex-wrap:wrap;gap:12px}.button.ghost{margin-left:0}}
@media(prefers-reduced-motion:no-preference){.hero-bright>div:first-child{animation:arrive .7s ease both}.brand-landscape{animation:arrive 1s ease both}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.button:hover,.cards article:has(h3 a):hover{transform:none}}
@media print{header,.cta,footer,.skip-link,.brand-landscape{display:none}.article{max-width:none}section{padding:20px}body{color:#000;background:#fff}a{color:inherit}.cards article{break-inside:avoid;box-shadow:none}}
/* Long translated links must wrap instead of widening mobile layouts. */
.readmore a{white-space:normal;overflow-wrap:anywhere}.hero>*{min-width:0}
.pgroups article{min-width:0}.pgroups li>*{min-width:0}.pgroups li b{white-space:normal}
@media(max-width:520px){.pgroups li{flex-direction:column;gap:5px}.pgroups li b{color:var(--forest)}}