:root{--ink:#12314a;--muted:#627c92;--sky:#dff2ff;--blue:#5baee0;--cyan:#b9e7f5;--line:#cce5f1;--white:#fff;--coral:#ef8b7b;--shadow:0 22px 60px rgba(45,103,137,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4fbff;color:var(--ink);font-family:Inter,"Noto Sans SC","PingFang SC",Arial,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;z-index:5;background:#fff;padding:.5rem 1rem}.topbar{height:78px;display:flex;align-items:center;gap:28px;padding:0 clamp(20px,5vw,78px);background:rgba(255,255,255,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(150,205,229,.45);position:sticky;top:0;z-index:4}.brand{display:flex;align-items:center;gap:10px;margin-right:auto}.brand-mark{width:38px;height:38px;border-radius:14px 14px 14px 5px;display:grid;place-items:center;background:#9bddf3;color:#fff;font-size:25px;font-weight:800;box-shadow:inset 0 1px 0 #fff,0 8px 18px rgba(70,170,214,.2)}.brand b{display:block;font-size:1.05rem;line-height:1.1}.brand small{display:block;color:#7f9caf;font-size:.62rem;letter-spacing:.13em;margin-top:3px}.topbar nav{display:flex;gap:20px}.nav-link{color:#55738a;font-size:.86rem}.nav-link.active,.nav-link:hover{color:#1485b3}.login,.button{border-radius:14px;padding:9px 16px;font-weight:700;white-space:nowrap}.login{background:#153e58;color:#fff;font-size:.84rem}.menu{display:none;border:0;background:none;color:var(--ink);font-size:1rem}.hero{max-width:1240px;margin:0 auto;padding:clamp(48px,8vw,108px) 5vw 74px;display:grid;grid-template-columns:1fr .86fr;align-items:center;gap:50px;min-height:620px}.kicker{color:#248eb8;font-size:.72rem;letter-spacing:.12em;font-weight:800;text-transform:uppercase}.hero h1{font-size:clamp(2.5rem,5vw,5.2rem);line-height:1.12;letter-spacing:0;margin:16px 0 20px;max-width:680px}.hero-copy>p{font-size:1.05rem;color:var(--muted);max-width:630px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.button{display:inline-block}.primary{background:#2c9bca;color:#fff;box-shadow:0 12px 22px rgba(45,155,202,.2)}.ghost{border:1px solid #b6dced;background:rgba(255,255,255,.72);color:#206584}.dark{background:#163b54;color:#fff}.hero-meta{display:flex;gap:22px;flex-wrap:wrap;color:#7691a2;font-size:.8rem}.hero-meta b{color:#1c86ae;margin-right:4px}.hero-visual{position:relative;background:rgba(255,255,255,.54);border:1px solid rgba(255,255,255,.9);border-radius:34px;padding:16px;box-shadow:var(--shadow);transform:rotate(1deg)}.hero-visual:before{content:"";position:absolute;inset:-30px -18px auto auto;width:150px;height:150px;background:rgba(193,238,250,.55);border-radius:50%;z-index:-1}.hero-visual img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:24px;mix-blend-mode:multiply}.float-card{position:absolute;background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.95);border-radius:18px;padding:12px 15px;box-shadow:0 12px 30px rgba(42,103,136,.15);display:grid}.float-card small{color:#7893a4;font-size:.7rem}.float-card strong{font-size:1.15rem}.float-card em{font-style:normal;color:#40a88a;font-size:.7rem}.float-card.one{left:-28px;bottom:66px}.float-card.two{right:-22px;top:62px}.intro-band,.story{max-width:1120px;margin:0 auto;padding:46px 5vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;border-top:1px solid var(--line)}.intro-band h2,.story h2{margin:10px 0;font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.25}.intro-band p,.story p{color:var(--muted);margin:0}.direction-grid{max-width:1120px;margin:0 auto;padding:30px 5vw 86px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.direction-grid article{min-height:260px;padding:24px;background:#fff;border:1px solid #e1f1f7;border-radius:22px;box-shadow:0 12px 30px rgba(59,126,158,.06)}.direction-grid article.blue{background:#e9f7ff}.direction-grid article.lilac{background:#f3f0ff}.direction-grid article.mint{background:#effaf6}.direction-grid i{font-style:normal;color:#55aeca;font-size:.78rem}.direction-grid h3{margin:35px 0 9px;font-size:1.18rem}.direction-grid p{color:var(--muted);font-size:.86rem}.direction-grid a,.text-link{color:#1988b3;font-weight:700;font-size:.82rem}.dashboard{max-width:1120px;margin:0 auto 86px;padding:64px clamp(24px,5vw,70px);display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;background:#e3f5ff;border-radius:30px;border:1px solid #c2e6f5}.dashboard h2{font-size:2.5rem;line-height:1.2;margin:14px 0}.dashboard p{color:var(--muted)}.dashboard ul{padding:0;list-style:none;color:#39718b}.dashboard li{margin:9px 0}.dashboard li:before{content:"✓";color:#e28376;font-weight:800;margin-right:8px}.mock-app{background:rgba(255,255,255,.82);padding:24px;border-radius:24px;box-shadow:var(--shadow);border:1px solid #fff}.mock-head{display:flex;justify-content:space-between;margin-bottom:28px}.mock-head b{color:#57a9ca;font-size:.75rem}.progress{display:grid;grid-template-columns:1fr auto;gap:4px;margin-bottom:20px}.progress small{color:#5f7a8d}.progress strong{color:#2d9bc9}.progress i{grid-column:1/-1;height:8px;border-radius:8px;background:#e2f1f6;overflow:hidden}.progress em{display:block;width:68%;height:100%;background:#70c6e5;border-radius:8px}.task{display:grid;grid-template-columns:88px 1fr auto;gap:12px;align-items:center;border-top:1px solid #e0eef3;padding:15px 0;font-size:.8rem}.task b{color:#37758c}.task span{color:#587588}.task em{font-style:normal;color:#64a992;font-size:.68rem}.news,.faq{max-width:1120px;margin:0 auto;padding:20px 5vw 82px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.section-head h2,.faq h2{font-size:2rem;line-height:1.2;margin:10px 0}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.article-card{background:#fff;border:1px solid #deedf3;border-radius:20px;padding:23px;transition:.2s;display:flex;flex-direction:column}.article-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.article-card span{color:#ef8b7b;font-size:.72rem;font-weight:800}.article-card time{color:#8ba1af;font-size:.7rem;margin:4px 0}.article-card h3{font-size:1.08rem;line-height:1.45;margin:8px 0}.article-card p{color:var(--muted);font-size:.82rem;margin:0 0 18px}.article-card b{color:#1b8bb5;font-size:.8rem;margin-top:auto}.faq{display:grid;grid-template-columns:.55fr 1.45fr;gap:55px;border-top:1px solid var(--line);padding-top:70px}.faq-list details{border-bottom:1px solid #cfe5ee;padding:16px 0}.faq-list summary{cursor:pointer;font-weight:700}.faq-list p{color:var(--muted);font-size:.88rem}.cta{max-width:1120px;margin:0 auto 80px;padding:42px 5vw;border-radius:24px;background:#c8ecf8;display:flex;justify-content:space-between;align-items:center;gap:25px}.cta h2{margin:8px 0;font-size:2rem}footer{background:#123b55;color:#d7edf5;padding:42px 5vw;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end}footer p{color:#a7c9d7;margin:7px 0;font-size:.85rem}.footer-nav{display:flex;gap:18px;flex-wrap:wrap;font-size:.8rem}.footer-nav a:hover{color:#fff}footer>small{grid-column:1/-1;color:#8eb9ca}.page{max-width:1120px;margin:0 auto;padding:74px 5vw 100px;min-height:720px}.page-head{max-width:720px;margin-bottom:45px}.page-head h1{font-size:clamp(2.2rem,4vw,4rem);line-height:1.15;margin:14px 0}.page-head p{color:var(--muted);font-size:1.04rem}.content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.content-grid article,.single-copy{background:#fff;border:1px solid #dfedf3;border-radius:22px;padding:27px;box-shadow:0 12px 30px rgba(59,126,158,.05)}.content-grid article h2{margin:28px 0 8px;font-size:1.18rem}.content-grid article p,.single-copy p{color:var(--muted)}.index-dot{color:#ef8b7b;font-size:.78rem;font-weight:800}.single-copy{max-width:760px}.single-copy h2{font-size:1.6rem}.article{max-width:950px;margin:0 auto;padding:76px 5vw 100px}.article>header{max-width:760px;border-bottom:1px solid var(--line);padding-bottom:34px}.article h1{font-size:clamp(2.1rem,4vw,4rem);line-height:1.2;margin:14px 0}.article header p{color:var(--muted);font-size:1.05rem}.article time{display:block;color:#7694a3;font-size:.8rem}.article>article{max-width:760px;padding-top:26px}.article-section,.article article section{margin:32px 0}.article h2{font-size:1.4rem}.article article p{color:#526d7e}.article aside{padding:20px;border-radius:18px;background:#e6f6fb;color:#4e7688}.article aside p{margin:4px 0;font-size:.86rem}.full{grid-template-columns:repeat(3,1fr)}
@media(max-width:850px){.topbar nav{display:none}.menu{display:block}.hero{grid-template-columns:1fr;padding-top:54px}.hero-visual{max-width:560px;margin:auto}.direction-grid{grid-template-columns:repeat(2,1fr)}.intro-band,.story,.dashboard,.faq{grid-template-columns:1fr;gap:20px}.article-grid,.full{grid-template-columns:1fr 1fr}.task{grid-template-columns:74px 1fr}.task em{display:none}}
@media(max-width:560px){.topbar{height:68px;gap:12px}.brand small{font-size:.54rem}.login{padding:8px 11px;font-size:.75rem}.hero{padding:42px 20px 58px}.hero h1{font-size:2.65rem}.hero-meta{gap:12px}.float-card.one{left:-8px}.float-card.two{right:-8px}.intro-band,.story,.direction-grid,.news,.faq{padding-left:20px;padding-right:20px}.direction-grid,.content-grid,.article-grid,.full{grid-template-columns:1fr}.dashboard{margin:0 14px 56px;padding:28px 22px}.dashboard h2{font-size:2rem}.cta{margin:0 14px 55px;display:block}.cta .button{margin-top:15px}footer{grid-template-columns:1fr;padding:32px 20px}.footer-nav{gap:10px 15px}.page,.article{padding-left:20px;padding-right:20px}.hero-visual{padding:10px}}
.journey{max-width:1120px;margin:0 auto;padding:25px 5vw 72px;border-top:1px solid var(--line)}.journey h2{font-size:2rem}.journey-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.journey-grid article{background:#fff;border:1px solid #dceef5;border-radius:18px;padding:18px;min-height:118px}.journey-grid h3{font-size:.96rem;margin:0 0 5px}.journey-grid p{font-size:.78rem;color:var(--muted);margin:0}.quick-links{max-width:1120px;margin:0 auto 65px;padding:0 5vw;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.quick-links a{padding:17px;background:#fff;border:1px solid #dceef5;border-radius:16px}.quick-links b,.quick-links span{display:block}.quick-links b{font-size:.82rem}.quick-links span{font-size:.7rem;color:var(--muted);margin-top:5px}.task-page-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.task-page-grid article{background:#fff;border:1px solid #dceef5;border-radius:20px;padding:25px;box-shadow:0 12px 28px rgba(52,120,151,.06)}.task-page-grid h2{font-size:1.25rem;margin:22px 0 3px}.task-page-grid h3{font-size:.75rem;color:#238bad;margin:0 0 8px}.task-page-grid p{color:var(--muted);font-size:.88rem}.task-page-grid .text-link{display:inline-block;margin-top:8px}@media(max-width:850px){.journey-grid{grid-template-columns:repeat(2,1fr)}.quick-links{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.journey,.quick-links{padding-left:20px;padding-right:20px}.journey-grid,.quick-links,.task-page-grid{grid-template-columns:1fr}}