/* roulang page: index */
:root{
      --navy:#173755;
      --navy-deep:#0d263f;
      --blue:#245c89;
      --blue-soft:#eaf2f8;
      --blue-pale:#f3f7fa;
      --paper:#fbfaf7;
      --ink:#1d3348;
      --muted:#647789;
      --line:#dbe5ec;
      --orange:#d97a45;
      --orange-pale:#fff0e7;
      --white:#fff;
      --radius:16px;
      --radius-sm:10px;
      --shadow:0 12px 30px rgba(24,55,83,.08);
      --shadow-hover:0 18px 36px rgba(24,55,83,.14);
      --wrap:1200px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif;font-size:16px;line-height:1.75}
    a{color:var(--blue);text-decoration:none;transition:color .2s ease,border-color .2s ease,transform .2s ease}
    a:hover{color:var(--navy-deep)}
    img{max-width:100%;height:auto}
    button,input{font:inherit}
    button{cursor:pointer}
    :focus-visible{outline:3px solid rgba(217,122,69,.55);outline-offset:3px}
    .site-shell{overflow:hidden}
    .site-width{width:min(calc(100% - 48px),var(--wrap));margin:0 auto}
    .topline{height:5px;background:var(--orange)}
    .masthead{position:sticky;top:0;z-index:20;background:rgba(251,250,247,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
    .nav-row{min-height:88px;display:flex;align-items:center;gap:28px}
    .brand{display:inline-flex;align-items:center;gap:12px;color:var(--navy-deep);font-size:25px;font-weight:800;letter-spacing:-1px;white-space:nowrap}
    .brand-mark{width:27px;height:27px;border:2px solid var(--orange);border-radius:50%;display:grid;place-items:center;font-size:10px;letter-spacing:0;color:var(--orange)}
    .nav-divider{width:1px;height:30px;background:var(--line)}
    .edition{font-size:12px;letter-spacing:.12em;color:var(--muted);white-space:nowrap}
    .desktop-nav{margin-left:auto;display:flex;align-items:center;gap:25px}
    .desktop-nav a{position:relative;padding:8px 0;color:var(--ink);font-size:14px;font-weight:700}
    .desktop-nav a.active:after,.desktop-nav a:hover:after{content:"";position:absolute;right:0;bottom:0;left:0;height:2px;background:var(--orange)}
    .nav-cta,.button-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--navy);border-radius:9px;background:var(--navy);color:#fff!important;font-weight:700;box-shadow:0 7px 16px rgba(23,55,85,.17);transition:.2s ease}
    .nav-cta{padding:10px 15px;font-size:13px}
    .nav-cta:hover,.button-primary:hover{background:var(--navy-deep);transform:translateY(-2px);box-shadow:0 12px 20px rgba(23,55,85,.2)}
    .nav-cta:active,.button-primary:active{transform:translateY(1px)}
    .mobile-toggle{display:none;margin-left:auto;border:1px solid var(--line);background:var(--white);border-radius:8px;padding:9px 12px;color:var(--navy);font-weight:700}
    .mobile-menu{display:none;border-top:1px solid var(--line);background:var(--white)}
    .mobile-menu.is-open{display:block}
    .mobile-menu a{display:block;padding:14px 24px;border-bottom:1px solid #edf1f4;font-weight:700}
    .hero{position:relative;padding:72px 0 64px;background:linear-gradient(180deg,#eef5fa 0%,var(--paper) 88%)}
    .hero:before{content:"";position:absolute;width:520px;height:520px;border:1px solid #d5e3ed;border-radius:50%;right:-215px;top:-285px}
    .hero-grid{position:relative;display:grid;grid-template-columns:1.08fr .92fr;gap:54px;align-items:center}
    .eyebrow,.section-kicker{display:flex;align-items:center;gap:9px;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.11em}
    .eyebrow:before,.section-kicker:before{content:"";display:inline-block;width:26px;height:2px;background:var(--orange)}
    h1,h2,h3,p{margin-top:0}
    h1{max-width:680px;margin:18px 0 20px;color:var(--navy-deep);font-size:clamp(37px,5vw,64px);line-height:1.15;letter-spacing:-2px}
    .hero-copy{max-width:655px;margin-bottom:27px;color:#50677b;font-size:17px;line-height:1.95}
    .hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
    .button-primary{min-height:47px;padding:0 21px}
    .button-secondary{display:inline-flex;align-items:center;min-height:47px;padding:0 5px;border-bottom:1px solid var(--blue);font-size:14px;font-weight:800}
    .button-secondary:hover{border-color:var(--orange);color:var(--orange)}
    .hero-notes{display:flex;gap:22px;margin-top:31px;padding-top:21px;border-top:1px solid #d5e2eb}
    .hero-note strong{display:block;color:var(--navy);font-size:15px}
    .hero-note span{display:block;color:var(--muted);font-size:12px}
    .funding-board{position:relative;background:var(--white);border:1px solid #d9e5ed;border-radius:var(--radius);padding:25px;box-shadow:var(--shadow)}
    .funding-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}
    .funding-head h2{margin:8px 0 0;font-size:20px;line-height:1.4;color:var(--navy)}
    .status{padding:4px 9px;background:var(--orange-pale);border-radius:20px;color:#a85225;font-size:11px;font-weight:800;white-space:nowrap}
    .progress-visual{display:flex;align-items:center;gap:20px;margin:25px 0}
    .progress-ring{width:112px;height:112px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--orange) 0deg 252deg,#e5edf2 252deg 360deg)}
    .progress-ring:before{content:"";position:absolute;width:86px;height:86px;border-radius:50%;background:var(--white)}
    .progress-ring b{position:relative;color:var(--navy);font-size:23px}
    .progress-copy b{display:block;font-size:16px;color:var(--navy)}
    .progress-copy span{color:var(--muted);font-size:13px}
    .progress-line{height:7px;background:#e6edf2;border-radius:20px;overflow:hidden}
    .progress-line i{display:block;width:70%;height:100%;border-radius:inherit;background:var(--blue)}
    .tier-preview{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
    .tier{padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--blue-pale)}
    .tier strong{display:block;color:var(--navy);font-size:13px}
    .tier span{color:var(--muted);font-size:12px}
    section{padding:84px 0}
    .section-title{max-width:735px;margin:13px 0 12px;color:var(--navy-deep);font-size:clamp(27px,3vw,40px);line-height:1.25;letter-spacing:-1px}
    .section-intro{max-width:730px;margin-bottom:34px;color:var(--muted)}
    .problem-section{background:#edf4f8;border-top:1px solid #dce8ef;border-bottom:1px solid #dce8ef}
    .problem-layout{display:grid;grid-template-columns:230px 1fr;gap:46px}
    .index-rail{border-left:2px solid #cddde8;padding:7px 0 7px 19px}
    .index-rail b{display:block;color:var(--orange);font-size:28px;line-height:1}
    .index-rail span{font-size:13px;font-weight:800;letter-spacing:.1em;color:var(--blue)}
    .problem-list{display:grid;gap:12px}
    .problem-item{display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:16px;padding:19px 20px;background:rgba(255,255,255,.72);border:1px solid #dbe6ed;border-radius:12px}
    .problem-no{color:var(--orange);font-size:16px;font-weight:800}
    .problem-item h3{margin:0 0 2px;color:var(--navy);font-size:17px}
    .problem-item p{margin:0;color:var(--muted);font-size:14px}
    .mini-tag{padding:4px 8px;border-radius:5px;background:var(--orange-pale);color:#a8562c;font-size:11px;font-weight:800}
    .path-grid{display:grid;grid-template-columns:.88fr 1.15fr .8fr;gap:18px;align-items:stretch}
    .path-card{padding:25px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);transition:.22s ease}
    .path-card:hover{border-color:#a9c4d6;box-shadow:var(--shadow-hover);transform:translateY(-4px)}
    .path-card.featured{background:var(--navy);border-color:var(--navy);color:#e4edf4}
    .path-card.featured h3,.path-card.featured .card-num{color:#fff}
    .path-card.featured p{color:#c4d4e1}
    .card-num{color:var(--orange);font-size:12px;font-weight:800;letter-spacing:.12em}
    .path-card h3{margin:34px 0 9px;color:var(--navy);font-size:21px}
    .path-card p{margin-bottom:22px;color:var(--muted);font-size:14px}
    .text-link{font-size:14px;font-weight:800;border-bottom:1px solid currentColor}
    .outcomes{padding-top:58px;padding-bottom:58px}
    .outcome-band{display:grid;grid-template-columns:1.1fr .9fr;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--white);box-shadow:var(--shadow)}
    .outcome-main{padding:33px 38px}
    .outcome-main h2{margin:12px 0;color:var(--navy-deep);font-size:31px;line-height:1.3}
    .outcome-main p{margin:0;color:var(--muted)}
    .reading-steps{padding:28px;background:var(--blue-pale)}
    .reading-step{display:flex;gap:13px;align-items:flex-start;padding:13px 0;border-bottom:1px solid #d8e5ed}
    .reading-step:last-child{border-bottom:0}
    .reading-step b{display:grid;flex:0 0 29px;width:29px;height:29px;place-items:center;border-radius:50%;background:var(--navy);color:#fff;font-size:12px}
    .reading-step strong{display:block;color:var(--navy);font-size:14px}
    .reading-step span{display:block;color:var(--muted);font-size:12px}
    .rewards-section{background:#f4f7f9}
    .reward-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:35px;align-items:start}
    .reward-side{padding:28px;background:var(--navy);border-radius:var(--radius);color:#dbe7f0}
    .reward-side h2{margin:12px 0;color:#fff;font-size:31px;line-height:1.3}
    .reward-side p{font-size:14px}
    .reward-list{display:grid;gap:14px}
    .reward-item{display:grid;grid-template-columns:70px 1fr auto;gap:17px;align-items:center;padding:20px;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 6px 18px rgba(31,61,86,.05);transition:.2s ease}
    .reward-item:hover{transform:translateX(4px);border-color:#b9cede}
    .reward-item b{color:var(--orange);font-size:14px;letter-spacing:.08em}
    .reward-item h3{margin:0 0 2px;color:var(--navy);font-size:17px}
    .reward-item p{margin:0;color:var(--muted);font-size:13px}
    .reward-arrow{color:var(--blue);font-size:21px}
    .voices-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}
    .quote-main,.quote-small{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
    .quote-main{padding:35px}
    .quote-symbol{color:var(--orange);font-family:Georgia,serif;font-size:58px;line-height:.7}
    .quote-main blockquote{margin:14px 0 22px;color:var(--navy);font-size:22px;line-height:1.6}
    .reader-label{color:var(--muted);font-size:13px;font-weight:700}
    .quote-stack{display:grid;gap:18px}
    .quote-small{padding:21px}
    .quote-small p{margin:0 0 11px;color:var(--ink);font-size:14px}
    .quote-small span{color:var(--muted);font-size:12px}
    .updates-section{background:#edf4f8}
    .updates-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:35px}
    .update-list{border-top:1px solid #bfd0dc}
    .update-row{display:grid;grid-template-columns:90px 1fr auto;gap:18px;align-items:center;padding:19px 0;border-bottom:1px solid #cfdee7}
    .update-date{color:var(--orange);font-size:13px;font-weight:800}
    .update-row h3{margin:0 0 3px;color:var(--navy);font-size:17px}
    .update-row p{margin:0;color:var(--muted);font-size:13px}
    .rank-card{padding:27px;background:var(--navy);border-radius:var(--radius);color:#d7e4ee}
    .rank-card h3{margin:8px 0 17px;color:#fff;font-size:22px}
    .rank-row{display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.16);font-size:13px}
    .rank-row:last-child{border:0}
    .rank-num{color:#f0ad7b;font-weight:800}
    .rank-trend{color:#b8d1e4;font-size:11px}
    .faq-wrap{max-width:930px}
    .faq-list{border-top:1px solid var(--line)}
    .faq-item{border-bottom:1px solid var(--line)}
    .faq-question{width:100%;display:flex;align-items:center;gap:15px;padding:20px 4px;border:0;background:transparent;color:var(--navy);text-align:left;font-weight:800}
    .faq-question:hover{color:var(--blue)}
    .faq-number{color:var(--orange);font-size:12px;letter-spacing:.08em}
    .faq-icon{margin-left:auto;font-size:22px;font-weight:400;transition:transform .2s ease}
    .faq-item.is-open .faq-icon{transform:rotate(45deg)}
    .faq-answer{display:none;padding:0 42px 21px;color:var(--muted);font-size:14px}
    .faq-item.is-open .faq-answer{display:block}
    .cta-section{padding-top:56px}
    .cta-card{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;padding:42px 46px;background:#dcecf6;border:1px solid #c6dce9;border-radius:var(--radius);box-shadow:var(--shadow)}
    .cta-card:after{content:"";position:absolute;right:-45px;bottom:-80px;width:250px;height:250px;border:1px solid rgba(36,92,137,.18);border-radius:50%}
    .cta-card h2{position:relative;margin:10px 0;color:var(--navy-deep);font-size:35px;line-height:1.25}
    .cta-card p{position:relative;max-width:680px;margin:0;color:#526b7d}
    .cta-actions{position:relative;display:flex;gap:14px;align-items:center;white-space:nowrap}
    .site-footer{margin-top:84px;background:var(--navy-deep);color:#c7d4df}
    .footer-main{padding:52px 0 31px;display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:42px}
    .footer-brand{color:#fff;font-size:24px;font-weight:800;letter-spacing:-1px}
    .footer-note{max-width:390px;margin-top:12px;color:#aebfcd;font-size:13px}
    .footer-group h3{margin:2px 0 13px;color:#fff;font-size:14px}
    .footer-group a{display:block;padding:4px 0;color:#b9c9d6;font-size:13px}
    .footer-group a:hover{color:#fff}
    .footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-top:1px solid rgba(255,255,255,.14);color:#91a6b7;font-size:12px}
    .footer-bottom a{color:#b8cad7}
    @media(max-width:1024px){
      .desktop-nav,.nav-divider,.edition{display:none}
      .mobile-toggle{display:inline-flex}
      .hero-grid,.outcome-band,.reward-layout,.updates-grid{grid-template-columns:1fr}
      .funding-board{max-width:640px}
      .path-grid{grid-template-columns:1fr 1fr}
      .path-card.featured{grid-column:span 2}
    }
    @media(max-width:700px){
      .site-width{width:min(calc(100% - 32px),var(--wrap))}
      .nav-row{min-height:72px}
      .brand{font-size:20px}
      .brand-mark{width:23px;height:23px}
      .hero{padding:49px 0}
      h1{font-size:38px;letter-spacing:-1.3px}
      .hero-copy{font-size:15px}
      .hero-notes{gap:12px}
      section{padding:58px 0}
      .problem-layout{grid-template-columns:1fr;gap:22px}
      .index-rail{display:flex;align-items:center;gap:12px;border-left:0;border-bottom:2px solid #cddde8;padding:0 0 14px}
      .problem-item{grid-template-columns:38px 1fr}
      .problem-item .mini-tag{display:none}
      .path-grid,.voices-layout{grid-template-columns:1fr}
      .path-card.featured{grid-column:auto}
      .reward-item{grid-template-columns:56px 1fr auto}
      .update-row{grid-template-columns:72px 1fr}
      .update-row .text-link{display:none}
      .cta-card{grid-template-columns:1fr;padding:30px 25px}
      .cta-actions{flex-wrap:wrap;white-space:normal}
      .footer-main{grid-template-columns:1fr;gap:25px}
      .footer-bottom{display:block}
      .footer-bottom span{display:block;margin-bottom:6px}
    }
    @media(max-width:420px){
      .hero-actions,.cta-actions{display:grid;grid-template-columns:1fr}
      .button-primary,.button-secondary{width:100%;justify-content:center}
      .hero-notes{display:grid;grid-template-columns:1fr 1fr}
      .progress-visual{gap:14px}
      .progress-ring{width:96px;height:96px}
      .progress-ring:before{width:74px;height:74px}
      .section-title{font-size:28px}
      .quote-main{padding:25px}
      .quote-main blockquote{font-size:18px}
    }

/* roulang page: category1 */
:root{
--navy:#173755;--navy-deep:#0d263f;--blue:#245c89;--blue-soft:#eaf2f8;
--blue-pale:#f3f7fa;--paper:#fbfaf7;--ink:#1d3348;--muted:#647789;
--line:#dbe5ec;--orange:#d97a45;--orange-pale:#fff0e7;--white:#fff;
--radius:16px;--radius-sm:10px;--shadow:0 12px 30px rgba(24,55,83,.08);
--shadow-hover:0 18px 36px rgba(24,55,83,.14);--wrap:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif;font-size:16px;line-height:1.75}
a{color:var(--blue);text-decoration:none;transition:color .2s ease,border-color .2s ease,transform .2s ease}
a:hover{color:var(--navy-deep)}
a:focus,button:focus,input:focus{outline:3px solid rgba(217,122,69,.35);outline-offset:3px}
img{max-width:100%;height:auto}
button,input{font:inherit}
button{cursor:pointer}
.site-width{width:min(calc(100% - 48px),var(--wrap));margin:0 auto}
.masthead{background:rgba(251,250,247,.96);border-bottom:1px solid var(--line);position:relative;z-index:5}
.nav-row{min-height:88px;display:flex;align-items:center;gap:28px}
.brand{display:inline-flex;align-items:center;gap:12px;color:var(--navy-deep);font-size:25px;font-weight:800;letter-spacing:-1px;white-space:nowrap}
.brand:hover{color:var(--blue)}
.brand-mark{width:27px;height:27px;border:2px solid var(--orange);border-radius:50%;display:grid;place-items:center;font-size:10px;letter-spacing:0;color:var(--orange)}
.nav-divider{width:1px;height:30px;background:var(--line)}
.edition{color:var(--muted);font-size:13px;letter-spacing:.08em}
.desktop-nav{margin-left:auto;display:flex;align-items:center;gap:25px}
.desktop-nav a{position:relative;padding:8px 0;color:var(--ink);font-size:14px;font-weight:700}
.desktop-nav a.active:after,.desktop-nav a:hover:after{content:"";position:absolute;right:0;bottom:0;left:0;height:2px;background:var(--orange)}
.desktop-nav .nav-cta{padding:10px 15px}
.nav-cta,.button-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--navy);border-radius:9px;background:var(--navy);color:#fff!important;font-weight:700;box-shadow:0 7px 16px rgba(23,55,85,.17);transition:.2s ease}
.nav-cta:hover,.button-primary:hover{background:var(--navy-deep);transform:translateY(-2px);box-shadow:0 12px 20px rgba(23,55,85,.2)}
.nav-cta:active,.button-primary:active{transform:translateY(1px)}
.mobile-toggle{display:none;margin-left:auto;border:1px solid var(--line);background:var(--white);border-radius:8px;padding:9px 12px;color:var(--navy);font-weight:700}
.mobile-menu{display:none;border-top:1px solid var(--line);background:var(--white)}
.mobile-menu.is-open{display:block}
.mobile-menu a{display:block;padding:14px 24px;border-bottom:1px solid #edf1f4;font-weight:700}
.page-head{padding:70px 0 76px;background:#edf4f8;border-bottom:1px solid #dce8ef}
.head-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:60px;align-items:center}
.eyebrow,.section-kicker{display:flex;align-items:center;gap:9px;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.11em}
.eyebrow:before,.section-kicker:before{content:"";display:inline-block;width:26px;height:2px;background:var(--orange)}
h1,h2,h3{font-weight:800}
h1{margin:18px 0 18px;color:var(--navy-deep);font-size:clamp(36px,5vw,64px);line-height:1.16;letter-spacing:-2px}
.head-copy{max-width:650px;color:#50677b;font-size:17px}
.head-actions{display:flex;align-items:center;gap:18px;margin-top:28px}
.button-primary{min-height:47px;padding:0 21px}
.button-secondary{display:inline-flex;align-items:center;min-height:47px;padding:0 5px;border-bottom:1px solid var(--blue);font-size:14px;font-weight:800}
.button-secondary:hover{border-color:var(--orange);color:var(--orange)}
.index-poster{position:relative;min-height:360px;padding:28px;background:var(--navy-deep);border-radius:18px;overflow:hidden;box-shadow:0 20px 40px rgba(13,38,63,.18)}
.index-poster:before{content:"";position:absolute;width:300px;height:300px;right:-95px;top:-110px;border:1px solid rgba(255,255,255,.17);border-radius:50%}
.index-poster:after{content:"";position:absolute;width:180px;height:180px;left:-70px;bottom:-90px;border:1px solid rgba(217,122,69,.55);border-radius:50%}
.poster-top{display:flex;justify-content:space-between;color:#a9c2d3;font-size:12px;letter-spacing:.12em}
.poster-number{margin-top:58px;color:var(--orange);font-size:14px;font-weight:800;letter-spacing:.18em}
.poster-title{position:relative;z-index:1;margin:12px 0;color:#fff;font-size:30px;line-height:1.35}
.poster-list{position:relative;z-index:1;margin:25px 0 0;padding:0;list-style:none;color:#cbdce7;font-size:14px}
.poster-list li{padding:9px 0;border-bottom:1px solid rgba(255,255,255,.14)}
.poster-list li span{float:right;color:var(--orange)}
section{padding:84px 0}
.section-title{max-width:730px;margin:13px 0 12px;color:var(--navy-deep);font-size:clamp(28px,3vw,40px);line-height:1.25;letter-spacing:-1px}
.section-intro{max-width:730px;margin-bottom:34px;color:var(--muted)}
.feature-section{background:var(--white)}
.feature-card{display:grid;grid-template-columns:.9fr 1.1fr;min-height:285px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:.22s ease}
.feature-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}
.feature-art{position:relative;background:#234d70;padding:28px;color:#fff;display:flex;align-items:flex-end}
.feature-art:before{content:"";position:absolute;inset:25px;border:1px solid rgba(255,255,255,.2);border-radius:50% 45% 50% 40%}
.art-label{position:relative;z-index:1;font-size:12px;letter-spacing:.14em;color:#c8dce8}
.feature-content{padding:38px 42px}
.mini-tag{display:inline-block;padding:4px 9px;border-radius:5px;background:var(--orange-pale);color:#a8562c;font-size:11px;font-weight:800}
.feature-content h2{margin:18px 0 10px;color:var(--navy);font-size:28px;line-height:1.35}
.feature-content p{margin:0 0 20px;color:var(--muted)}
.meta{display:flex;flex-wrap:wrap;gap:18px;color:var(--muted);font-size:13px}
.index-section{background:#f4f7f9}
.index-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:48px}
.index-menu{border-left:2px solid #c9dbe7;padding-left:22px}
.index-menu a{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line);color:var(--ink);font-weight:700}
.index-menu a:hover{color:var(--orange);padding-left:5px}
.index-menu small{color:var(--muted);font-weight:400}
.content-list{display:grid;gap:14px}
.content-item{display:grid;grid-template-columns:58px 1fr auto;gap:18px;align-items:center;padding:21px 24px;background:var(--white);border:1px solid var(--line);border-radius:13px;box-shadow:0 6px 18px rgba(31,61,86,.05);transition:.2s ease}
.content-item:hover{transform:translateX(4px);border-color:#a9c4d6;box-shadow:var(--shadow)}
.content-num{color:var(--orange);font-size:14px;font-weight:800;letter-spacing:.08em}
.content-item h3{margin:0 0 3px;color:var(--navy);font-size:18px}
.content-item p{margin:0;color:var(--muted);font-size:14px}
.item-arrow{font-size:22px;color:var(--blue)}
.path-section{background:var(--white)}
.path-grid{display:grid;grid-template-columns:.8fr 1.2fr .85fr;gap:18px}
.path-card{padding:27px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);transition:.22s ease}
.path-card:hover{border-color:#a9c4d6;box-shadow:var(--shadow-hover);transform:translateY(-4px)}
.path-card.featured{background:var(--navy);border-color:var(--navy);color:#e4edf4}
.card-num{color:var(--orange);font-size:12px;font-weight:800;letter-spacing:.12em}
.path-card h3{margin:34px 0 9px;color:var(--navy);font-size:21px}
.path-card.featured h3{color:#fff}
.path-card p{margin-bottom:20px;color:var(--muted);font-size:14px}
.path-card.featured p{color:#c4d4e1}
.text-link{font-size:14px;font-weight:800;border-bottom:1px solid currentColor}
.faq-section{background:#edf4f8;border-top:1px solid #dce8ef;border-bottom:1px solid #dce8ef}
.faq-list{max-width:900px;margin:0 auto}
.faq-item{border:1px solid var(--line);border-radius:12px;background:#fff;margin-bottom:12px;overflow:hidden}
.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:20px 23px;border:0;background:transparent;color:var(--navy);text-align:left;font-weight:800}
.faq-question:hover{background:var(--blue-pale)}
.faq-question span:last-child{color:var(--orange);font-size:23px}
.faq-answer{display:none;padding:0 23px 21px;color:var(--muted);font-size:14px}
.faq-item.is-open{border-color:#a9c4d6;box-shadow:var(--shadow)}
.faq-item.is-open .faq-answer{display:block}
.cta-section{padding:70px 0}
.cta-box{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:43px 48px;background:var(--blue-soft);border:1px solid #cbdde8;border-radius:18px}
.cta-box h2{margin:0 0 9px;color:var(--navy-deep);font-size:30px}
.cta-box p{margin:0;color:var(--muted)}
.site-footer{padding:56px 0 22px;background:var(--navy-deep);color:#c4d4df}
.footer-main{display:grid;grid-template-columns:1.5fr .7fr .7fr;gap:55px;padding-bottom:42px}
.footer-brand{color:#fff;font-size:24px;font-weight:800}
.footer-note{max-width:440px;margin:12px 0 0;color:#9eb4c3;font-size:14px}
.footer-group{display:flex;flex-direction:column;gap:8px}
.footer-group h3{margin:0 0 8px;color:#fff;font-size:14px}
.footer-group a{color:#b4c8d5;font-size:14px}
.footer-group a:hover{color:#fff}
.footer-bottom{display:flex;justify-content:space-between;padding-top:20px;border-top:1px solid rgba(255,255,255,.14);font-size:12px;color:#8fa7b7}
.footer-bottom a{color:#cbdce7}
@media(max-width:900px){
.site-width{width:min(calc(100% - 36px),var(--wrap))}
.edition{display:none}.desktop-nav{gap:17px}.head-grid{gap:30px}.path-grid{grid-template-columns:1fr 1fr}.path-card.featured{grid-column:span 2}.index-layout{gap:28px}
}
@media(max-width:640px){
.site-width{width:calc(100% - 32px)}
.nav-row{min-height:72px}.brand{font-size:19px;letter-spacing:-.7px}.brand-mark{width:24px;height:24px}.nav-divider,.desktop-nav{display:none}.mobile-toggle{display:block}
.page-head{padding:48px 0 45px}.head-grid,.feature-card,.index-layout{grid-template-columns:1fr}
h1{font-size:38px;letter-spacing:-1.5px}.head-copy{font-size:15px}.head-actions{align-items:stretch;flex-direction:column;gap:12px}.button-primary{width:100%}.button-secondary{align-self:flex-start}
.index-poster{min-height:315px}.poster-number{margin-top:45px}
section{padding:58px 0}.section-title{font-size:29px}.section-intro{font-size:14px}
.feature-art{min-height:180px}.feature-content{padding:27px 24px}.feature-content h2{font-size:23px}
.index-menu{margin-bottom:14px}.content-item{grid-template-columns:40px 1fr;gap:12px;padding:18px}.item-arrow{display:none}
.path-grid{grid-template-columns:1fr}.path-card.featured{grid-column:auto}
.cta-box{align-items:flex-start;flex-direction:column;padding:30px 24px}.cta-box h2{font-size:25px}
.footer-main{grid-template-columns:1fr;gap:28px;padding-bottom:30px}.footer-bottom{align-items:flex-start;flex-direction:column;gap:8px}
}