/* roulang page: index */
:root{
      --primary:#d8184b;
      --primary-dark:#ad0e38;
      --primary-soft:#fff0f4;
      --accent:#ffb648;
      --ink:#1d1720;
      --ink-soft:#5e5863;
      --muted:#8f8994;
      --line:#eee8eb;
      --canvas:#fffafb;
      --surface:#ffffff;
      --deep:#25111a;
      --success:#1c9a67;
      --radius-sm:14px;
      --radius:22px;
      --radius-lg:32px;
      --shadow-sm:0 8px 22px rgba(60, 24, 38, .07);
      --shadow:0 18px 48px rgba(82, 19, 40, .12);
      --shadow-lg:0 28px 70px rgba(44, 10, 24, .22);
      --transition:all .25s ease;
    }

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      color:var(--ink);
      background:var(--canvas);
      font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;
      font-size:16px;
      line-height:1.72;
      overflow-x:hidden;
    }
    a{color:inherit;text-decoration:none}
    img{max-width:100%;height:auto}
    button,input{font:inherit}
    button{border:0}
    ::selection{background:rgba(216,24,75,.16);color:var(--primary-dark)}
    .container{max-width:1180px}
    .section{padding:100px 0;position:relative}
    .section-heading{max-width:690px;margin:0 auto 48px;text-align:center}
    .eyebrow{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:7px 12px;
      border:1px solid rgba(216,24,75,.14);
      border-radius:999px;
      background:var(--primary-soft);
      color:var(--primary);
      font-size:.78rem;
      line-height:1;
      font-weight:800;
      letter-spacing:.08em;
    }
    .section-title{
      margin:16px 0 12px;
      font-size:clamp(1.9rem,3.4vw,3rem);
      line-height:1.24;
      font-weight:800;
      letter-spacing:-.04em;
    }
    .section-desc{margin:0;color:var(--ink-soft);font-size:1.02rem}
    .btn{
      display:inline-flex;
      justify-content:center;
      align-items:center;
      gap:9px;
      min-height:50px;
      padding:12px 21px;
      border-radius:14px;
      font-weight:800;
      transition:var(--transition);
      white-space:nowrap;
    }
    .btn:focus,.nav-link:focus,.faq-button:focus,.search-input:focus{
      outline:3px solid rgba(216,24,75,.22);
      outline-offset:3px;
      box-shadow:none;
    }
    .btn-main{
      color:#fff;
      background:var(--primary);
      box-shadow:0 10px 22px rgba(216,24,75,.25);
    }
    .btn-main:hover{background:var(--primary-dark);color:#fff;transform:translateY(-2px);box-shadow:0 14px 28px rgba(216,24,75,.33)}
    .btn-light{
      color:var(--ink);
      border:1px solid var(--line);
      background:#fff;
    }
    .btn-light:hover{color:var(--primary);border-color:rgba(216,24,75,.3);transform:translateY(-2px);box-shadow:var(--shadow-sm)}
    .btn-hero-secondary{
      border:1px solid rgba(255,255,255,.26);
      color:#fff;
      background:rgba(255,255,255,.1);
      backdrop-filter:blur(8px);
    }
    .btn-hero-secondary:hover{color:#fff;background:rgba(255,255,255,.18);transform:translateY(-2px)}

    .site-header{
      position:sticky;
      top:0;
      z-index:1050;
      border-bottom:1px solid rgba(238,232,235,.85);
      background:rgba(255,250,251,.88);
      backdrop-filter:blur(18px);
    }
    .navbar{min-height:76px;padding:11px 0}
    .navbar-brand{
      display:flex;
      align-items:center;
      gap:10px;
      max-width:490px;
      margin-right:28px;
      color:var(--ink)!important;
      font-weight:800;
      font-size:.94rem;
      line-height:1.3;
    }
    .brand-mark{
      display:grid;
      place-items:center;
      flex:0 0 39px;
      width:39px;height:39px;
      color:#fff;
      border-radius:13px;
      background:var(--primary);
      box-shadow:0 8px 17px rgba(216,24,75,.28);
      font-size:1.05rem;
    }
    .navbar-toggler{
      width:44px;height:42px;
      padding:0;
      border:1px solid var(--line)!important;
      border-radius:12px;
      color:var(--primary);
      background:#fff;
      box-shadow:none!important;
    }
    .navbar-toggler-icon{
      width:1.25em;height:1.25em;
      background-image:none;
      position:relative;
    }
    .navbar-toggler-icon:before,.navbar-toggler-icon:after,.navbar-toggler-icon{
      border-top:2px solid currentColor;
    }
    .navbar-toggler-icon:before,.navbar-toggler-icon:after{
      content:"";
      position:absolute;
      left:0;width:100%;
    }
    .navbar-toggler-icon:before{top:5px}
    .navbar-toggler-icon:after{top:11px}
    .nav-link{
      position:relative;
      padding:10px 15px!important;
      color:var(--ink-soft)!important;
      font-size:.94rem;
      font-weight:700;
      transition:var(--transition);
    }
    .nav-link:after{
      content:"";
      position:absolute;
      left:15px;right:15px;bottom:5px;
      height:2px;
      border-radius:99px;
      transform:scaleX(0);
      background:var(--primary);
      transition:var(--transition);
    }
    .nav-link:hover,.nav-link.active{color:var(--primary)!important}
    .nav-link:hover:after,.nav-link.active:after{transform:scaleX(1)}
    .nav-cta{min-height:43px;padding:9px 16px;border-radius:12px;font-size:.87rem}

    .hero{
      isolation:isolate;
      position:relative;
      overflow:hidden;
      min-height:650px;
      padding:88px 0 74px;
      color:#fff;
      background:var(--deep);
    }
    .hero:before{
      content:"";
      position:absolute;
      z-index:-1;
      width:670px;height:670px;
      left:-200px;top:-345px;
      border-radius:50%;
      background:radial-gradient(circle,rgba(255,73,123,.75) 0,rgba(216,24,75,.22) 38%,transparent 70%);
    }
    .hero:after{
      content:"";
      position:absolute;
      z-index:-1;
      width:720px;height:720px;
      right:-270px;bottom:-470px;
      border-radius:50%;
      background:radial-gradient(circle,rgba(255,182,72,.5),rgba(255,91,132,.14) 42%,transparent 68%);
    }
    .hero-grid{align-items:center}
    .hero-copy{padding:18px 0}
    .hero .eyebrow{
      border-color:rgba(255,255,255,.18);
      color:#ffe1e9;
      background:rgba(255,255,255,.09);
    }
    .hero-title{
      max-width:670px;
      margin:18px 0;
      font-size:clamp(2.45rem,5vw,4.45rem);
      line-height:1.13;
      font-weight:900;
      letter-spacing:-.065em;
    }
    .hero-title strong{color:#ffbd58;font-weight:inherit}
    .hero-text{
      max-width:620px;
      margin:0;
      color:rgba(255,255,255,.75);
      font-size:1.08rem;
    }
    .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
    .hero-meta{
      display:flex;
      flex-wrap:wrap;
      gap:18px;
      margin-top:29px;
      color:rgba(255,255,255,.67);
      font-size:.87rem;
      font-weight:600;
    }
    .hero-meta span{display:flex;align-items:center;gap:7px}
    .hero-meta i{color:#ffbe60}
    .visual-frame{
      position:relative;
      max-width:480px;
      margin:0 auto;
      padding:15px;
      border:1px solid rgba(255,255,255,.18);
      border-radius:30px;
      background:rgba(255,255,255,.08);
      box-shadow:var(--shadow-lg);
      transform:rotate(2.5deg);
      backdrop-filter:blur(12px);
    }
    .screen{
      overflow:hidden;
      min-height:425px;
      padding:25px;
      border-radius:20px;
      background:linear-gradient(145deg,#66223d 0%,#3a1728 55%,#24121b 100%);
      position:relative;
    }
    .screen:before{
      content:"";
      position:absolute;
      width:260px;height:260px;
      right:-90px;top:-105px;
      border:44px solid rgba(255,182,72,.14);
      border-radius:50%;
    }
    .screen-head{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}
    .screen-brand{font-weight:800;letter-spacing:-.04em}
    .screen-dot{display:flex;gap:5px}
    .screen-dot b{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.36)}
    .screen-dot b:first-child{background:#ffb648}
    .screen-poster{
      position:relative;
      z-index:1;
      height:258px;
      margin-top:24px;
      overflow:hidden;
      border-radius:18px;
      background:
        linear-gradient(180deg,transparent 18%,rgba(21,7,14,.8) 100%),
        radial-gradient(circle at 68% 27%,#ffb247 0 6%,transparent 6.5%),
        radial-gradient(circle at 61% 36%,#fa5c82 0 15%,transparent 15.5%),
        linear-gradient(130deg,#d91d50 0%,#95203f 45%,#361727 100%);
    }
    .screen-poster:before{
      content:"";
      position:absolute;
      width:145px;height:145px;
      top:28px;left:44px;
      border-radius:48% 52% 42% 58%;
      background:linear-gradient(125deg,#ffd3a8,#b74743);
      box-shadow:55px 17px 0 -29px #4a1729,31px 110px 0 -30px #ffbd58;
      opacity:.82;
    }
    .poster-badge{
      position:absolute;
      left:18px;top:18px;
      padding:5px 9px;
      border-radius:8px;
      color:#6c1a29;
      background:#ffcf76;
      font-size:.7rem;
      line-height:1;
      font-weight:900;
    }
    .poster-info{position:absolute;left:20px;right:20px;bottom:19px}
    .poster-info small{color:rgba(255,255,255,.7);font-size:.76rem}
    .poster-info h3{margin:3px 0 0;font-size:1.27rem;font-weight:800}
    .screen-tabs{display:flex;gap:8px;margin-top:17px;position:relative;z-index:1}
    .screen-tabs span{height:8px;border-radius:99px;background:rgba(255,255,255,.2);flex:1}
    .screen-tabs span:first-child{background:#ffbb58;flex:1.7}
    .float-card{
      position:absolute;
      left:-50px;bottom:44px;
      display:flex;
      align-items:center;
      gap:10px;
      padding:11px 14px;
      border:1px solid rgba(255,255,255,.25);
      border-radius:15px;
      background:rgba(47,16,30,.8);
      box-shadow:var(--shadow);
      backdrop-filter:blur(10px);
      transform:rotate(-5deg);
    }
    .float-card i{
      display:grid;place-items:center;
      width:31px;height:31px;
      border-radius:10px;
      color:#fff;background:var(--primary);
    }
    .float-card b{display:block;font-size:.78rem}
    .float-card small{display:block;color:rgba(255,255,255,.64);font-size:.67rem}

    .trust-strip{
      position:relative;
      z-index:3;
      margin-top:-35px;
    }
    .trust-box{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:0;
      overflow:hidden;
      border:1px solid var(--line);
      border-radius:var(--radius);
      background:#fff;
      box-shadow:var(--shadow);
    }
    .trust-item{
      display:flex;
      align-items:center;
      justify-content:center;
      gap:11px;
      min-height:104px;
      padding:20px 16px;
      border-right:1px solid var(--line);
    }
    .trust-item:last-child{border-right:0}
    .trust-icon{
      display:grid;place-items:center;
      width:39px;height:39px;
      flex:0 0 39px;
      border-radius:12px;
      color:var(--primary);
      background:var(--primary-soft);
    }
    .trust-item b{display:block;font-size:.95rem;line-height:1.35}
    .trust-item small{display:block;margin-top:2px;color:var(--muted);font-size:.76rem}

    .feature-section{padding-bottom:92px}
    .feature-card{
      height:100%;
      padding:29px 27px;
      border:1px solid var(--line);
      border-radius:var(--radius);
      background:var(--surface);
      box-shadow:var(--shadow-sm);
      transition:var(--transition);
    }
    .feature-card:hover{border-color:rgba(216,24,75,.22);transform:translateY(-6px);box-shadow:var(--shadow)}
    .feature-icon{
      display:grid;
      place-items:center;
      width:52px;height:52px;
      margin-bottom:20px;
      border-radius:17px;
      color:var(--primary);
      background:var(--primary-soft);
      font-size:1.22rem;
    }
    .feature-card:nth-child(2) .feature-icon{color:#b6680d;background:#fff5df}
    .feature-card:nth-child(3) .feature-icon{color:#187b5b;background:#e7f8f0}
    .feature-card h3{font-size:1.18rem;font-weight:800}
    .feature-card p{margin:9px 0 0;color:var(--ink-soft);font-size:.92rem}

    .content-showcase{background:#fff}
    .showcase-grid{align-items:center}
    .content-panel{
      position:relative;
      overflow:hidden;
      padding:33px;
      border-radius:var(--radius-lg);
      background:#fff2f5;
      min-height:480px;
    }
    .content-panel:after{
      content:"";
      position:absolute;
      width:280px;height:280px;
      right:-85px;bottom:-115px;
      border:40px solid rgba(216,24,75,.1);
      border-radius:50%;
    }
    .mini-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}
    .mini-head b{font-size:1.05rem}
    .mini-head span{color:var(--primary);font-size:.78rem;font-weight:800}
    .program-row{
      position:relative;
      display:flex;
      align-items:center;
      gap:14px;
      margin-bottom:13px;
      padding:13px;
      border:1px solid rgba(255,255,255,.88);
      border-radius:17px;
      background:rgba(255,255,255,.8);
      box-shadow:0 8px 20px rgba(105,35,60,.06);
      transition:var(--transition);
    }
    .program-row:hover{transform:translateX(5px);background:#fff}
    .thumb{
      width:56px;height:56px;flex:0 0 56px;
      overflow:hidden;
      border-radius:13px;
      background:linear-gradient(135deg,#f15d7d,#8d1c44);
      position:relative;
    }
    .thumb:before{content:"";position:absolute;width:31px;height:31px;border-radius:50%;top:7px;left:13px;background:rgba(255,210,152,.88)}
    .thumb.t2{background:linear-gradient(135deg,#f7a941,#c63553)}
    .thumb.t3{background:linear-gradient(135deg,#8f5dd9,#d73069)}
    .thumb.t4{background:linear-gradient(135deg,#e74b5f,#f9bf58)}
    .program-info{min-width:0;flex:1}
    .program-info b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.92rem}
    .program-info small{display:block;margin-top:2px;color:var(--muted);font-size:.76rem}
    .program-tag{padding:4px 7px;border-radius:7px;color:var(--primary);background:var(--primary-soft);font-size:.67rem;font-weight:800}
    .showcase-copy{padding-left:35px}
    .showcase-copy .section-heading{max-width:none;margin:0;text-align:left}
    .guide-list{margin:29px 0 0;padding:0;list-style:none}
    .guide-list li{
      display:flex;
      align-items:flex-start;
      gap:13px;
      margin:15px 0;
      color:var(--ink-soft);
      font-size:.95rem;
    }
    .guide-list i{
      display:grid;place-items:center;
      flex:0 0 25px;
      width:25px;height:25px;
      margin-top:2px;
      border-radius:50%;
      color:#fff;background:var(--success);
      font-size:.7rem;
    }

    .category-section{background:var(--canvas)}
    .category-card{
      position:relative;
      height:100%;
      min-height:203px;
      overflow:hidden;
      padding:23px;
      border:1px solid var(--line);
      border-radius:var(--radius);
      background:#fff;
      transition:var(--transition);
    }
    .category-card:hover{transform:translateY(-6px);border-color:rgba(216,24,75,.26);box-shadow:var(--shadow)}
    .category-card:after{
      content:"";
      position:absolute;
      width:120px;height:120px;
      right:-37px;bottom:-38px;
      border-radius:45px;
      background:var(--primary-soft);
      transform:rotate(26deg);
      transition:var(--transition);
    }
    .category-card:hover:after{transform:rotate(40deg) scale(1.16)}
    .category-card.orange:after{background:#fff2dc}
    .category-card.violet:after{background:#f2ebff}
    .category-card.green:after{background:#e8f8ef}
    .category-icon{
      position:relative;z-index:1;
      display:grid;place-items:center;
      width:47px;height:47px;
      border-radius:15px;
      color:var(--primary);
      background:var(--primary-soft);
      font-size:1.07rem;
    }
    .orange .category-icon{color:#bd7416;background:#fff3dc}
    .violet .category-icon{color:#7742c8;background:#f1e9ff}
    .green .category-icon{color:#14825b;background:#e3f7ed}
    .category-card h3{position:relative;z-index:1;margin:17px 0 5px;font-size:1.1rem;font-weight:800}
    .category-card p{position:relative;z-index:1;max-width:225px;margin:0;color:var(--ink-soft);font-size:.84rem}
    .category-link{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;margin-top:17px;color:var(--primary);font-size:.84rem;font-weight:800}
    .category-link i{transition:var(--transition)}
    .category-card:hover .category-link i{transform:translateX(4px)}

    .steps-section{overflow:hidden;background:var(--deep);color:#fff}
    .steps-section:before{
      content:"";
      position:absolute;width:490px;height:490px;
      top:-315px;right:-90px;border-radius:50%;
      background:radial-gradient(circle,rgba(216,24,75,.6),transparent 69%);
    }
    .steps-section .section-heading{position:relative;z-index:1}
    .steps-section .eyebrow{color:#ffcad8;background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.13)}
    .steps-section .section-desc{color:rgba(255,255,255,.67)}
    .step-grid{position:relative;z-index:1}
    .step-card{
      position:relative;
      height:100%;
      padding:28px 25px;
      border:1px solid rgba(255,255,255,.13);
      border-radius:var(--radius);
      background:rgba(255,255,255,.06);
      transition:var(--transition);
    }
    .step-card:hover{background:rgba(255,255,255,.1);transform:translateY(-5px)}
    .step-no{color:#ffbb55;font-size:.78rem;font-weight:900;letter-spacing:.13em}
    .step-card h3{margin:13px 0 8px;font-size:1.17rem;font-weight:800}
    .step-card p{margin:0;color:rgba(255,255,255,.67);font-size:.9rem}
    .step-arrow{
      position:absolute;top:49%;right:-29px;
      color:rgba(255,255,255,.33);font-size:1.2rem;
    }

    .article-section{background:#fff}
    .article-card{
      display:flex;
      height:100%;
      flex-direction:column;
      overflow:hidden;
      border:1px solid var(--line);
      border-radius:var(--radius);
      background:#fff;
      box-shadow:var(--shadow-sm);
      transition:var(--transition);
    }
    .article-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
    .article-visual{
      position:relative;
      height:177px;
      overflow:hidden;
      background:linear-gradient(125deg,#fbe0e7,#ed7292);
    }
    .article-visual:before{
      content:"";
      position:absolute;
      width:185px;height:185px;
      left:38%;top:24px;
      border-radius:49% 51% 42% 58%;
      background:rgba(255,246,226,.88);
      box-shadow:-100px 53px 0 -43px rgba(111,20,53,.35),74px -38px 0 -52px rgba(255,182,72,.8);
      transform:rotate(-20deg);
    }
    .article-visual.v2{background:linear-gradient(125deg,#ffe5b7,#d93d61)}
    .article-visual.v3{background:linear-gradient(125deg,#d9cbff,#a2205b)}
    .article-label{
      position:absolute;left:18px;top:17px;
      padding:5px 9px;
      border-radius:8px;
      color:var(--primary);
      background:rgba(255,255,255,.9);
      font-size:.7rem;font-weight:900;
    }
    .article-body{display:flex;flex:1;flex-direction:column;padding:23px}
    .article-body h3{margin:0;font-size:1.08rem;line-height:1.48;font-weight:800}
    .article-body p{margin:9px 0 16px;color:var(--ink-soft);font-size:.87rem}
    .article-meta{display:flex;justify-content:space-between;gap:12px;margin-top:auto;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font-size:.75rem}

    .faq-section{background:var(--canvas)}
    .faq-wrap{max-width:900px;margin:0 auto}
    .accordion-item{
      overflow:hidden;
      margin-bottom:12px;
      border:1px solid var(--line)!important;
      border-radius:16px!important;
      background:#fff;
      box-shadow:0 5px 16px rgba(60,24,38,.03);
    }
    .accordion-button{
      padding:20px 22px;
      color:var(--ink);
      background:#fff;
      font-size:1rem;
      font-weight:800;
      box-shadow:none!important;
    }
    .accordion-button:not(.collapsed){color:var(--primary);background:#fff8fa}
    .accordion-button:after{width:1rem;height:1rem;background-size:1rem;filter:sepia(1) saturate(4) hue-rotate(290deg)}
    .accordion-body{padding:0 22px 21px;color:var(--ink-soft);font-size:.93rem}

    .cta-section{padding:90px 0}
    .cta-box{
      position:relative;
      overflow:hidden;
      padding:63px 55px;
      border-radius:var(--radius-lg);
      color:#fff;
      text-align:center;
      background:linear-gradient(125deg,#c91243 0%,#ed315e 54%,#c61b51 100%);
      box-shadow:0 22px 50px rgba(203,21,65,.25);
    }
    .cta-box:before,.cta-box:after{
      content:"";
      position:absolute;
      border:1px solid rgba(255,255,255,.18);
      border-radius:50%;
    }
    .cta-box:before{width:350px;height:350px;left:-175px;top:-216px}
    .cta-box:after{width:430px;height:430px;right:-220px;bottom:-295px}
    .cta-box > *{position:relative;z-index:1}
    .cta-box h2{margin:0;font-size:clamp(1.75rem,3.5vw,2.7rem);font-weight:900;letter-spacing:-.045em}
    .cta-box p{max-width:690px;margin:15px auto 27px;color:rgba(255,255,255,.82)}
    .cta-box .btn-light{border-color:#fff;color:var(--primary)}
    .cta-box .btn-light:hover{color:var(--primary-dark);background:#fff6f8;border-color:#fff}
    .cta-note{margin-top:16px!important;color:rgba(255,255,255,.66)!important;font-size:.78rem}

    footer{color:rgba(255,255,255,.68);background:#1b1015}
    .footer-main{padding:58px 0 31px}
    .footer-brand{display:flex;align-items:flex-start;gap:12px;max-width:600px}
    .footer-brand .brand-mark{background:#e32b5a}
    .footer-brand b{display:block;color:#fff;font-size:1rem;line-height:1.5}
    .footer-brand p{margin:7px 0 0;font-size:.87rem}
    .footer-side{text-align:right}
    .footer-side h3{margin:2px 0 9px;color:#fff;font-size:.98rem;font-weight:800}
    .footer-side p{margin:0;font-size:.86rem}
    .footer-bottom{
      display:flex;
      justify-content:space-between;
      gap:18px;
      padding:21px 0;
      border-top:1px solid rgba(255,255,255,.1);
      font-size:.78rem;
    }
    .footer-bottom a{color:#ffc2d1;transition:var(--transition)}
    .footer-bottom a:hover{color:#fff}

    @media (max-width:1024px){
      .hero{padding-top:71px}
      .hero-title{font-size:clamp(2.3rem,5.1vw,3.7rem)}
      .showcase-copy{padding-left:12px}
      .step-arrow{right:-22px}
      .navbar-brand{max-width:390px}
    }
    @media (max-width:991.98px){
      .navbar-collapse{
        margin-top:12px;
        padding:13px;
        border:1px solid var(--line);
        border-radius:16px;
        background:#fff;
        box-shadow:var(--shadow);
      }
      .navbar-nav{margin-bottom:10px}
      .nav-link{padding:10px 8px!important}
      .nav-link:after{left:8px;right:auto;width:22px}
      .nav-cta{width:100%}
      .hero{min-height:auto;padding:70px 0 93px}
      .hero-copy{text-align:center}
      .hero-title,.hero-text{margin-left:auto;margin-right:auto}
      .hero-actions,.hero-meta{justify-content:center}
      .visual-frame{max-width:440px;margin-top:42px}
      .trust-box{grid-template-columns:repeat(2,1fr)}
      .trust-item:nth-child(2){border-right:0}
      .trust-item:nth-child(-n+2){border-bottom:1px solid var(--line)}
      .showcase-copy{padding:45px 0 0}
      .showcase-copy .section-heading{text-align:center}
      .step-arrow{display:none}
      .footer-side{margin-top:28px;text-align:left}
    }
    @media (max-width:767.98px){
      .section{padding:72px 0}
      .section-heading{margin-bottom:34px}
      .hero{padding-top:55px}
      .hero-title{font-size:clamp(2.15rem,10vw,3.15rem)}
      .hero-text{font-size:.98rem}
      .trust-strip{margin-top:-42px}
      .trust-item{justify-content:flex-start;min-height:91px}
      .content-panel{min-height:auto;padding:22px}
      .step-card{padding:24px 21px}
      .cta-section{padding:70px 0}
      .cta-box{padding:45px 24px}
      .footer-bottom{flex-direction:column}
    }
    @media (max-width:519.98px){
      .navbar-brand{max-width:calc(100% - 56px);margin-right:0;font-size:.78rem}
      .brand-mark{width:35px;height:35px;flex-basis:35px;border-radius:11px}
      .hero{padding-bottom:82px}
      .hero-title{font-size:2.18rem;letter-spacing:-.06em}
      .hero-actions .btn{width:100%}
      .hero-meta{align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:8px;padding-left:4px}
      .visual-frame{padding:10px;border-radius:23px;transform:none}
      .screen{min-height:365px;padding:18px;border-radius:16px}
      .screen-poster{height:222px}
      .float-card{left:-5px;bottom:17px}
      .trust-box{grid-template-columns:1fr}
      .trust-item,.trust-item:nth-child(2){border-right:0;border-bottom:1px solid var(--line)}
      .trust-item:last-child{border-bottom:0}
      .section-title{font-size:1.78rem}
      .program-row{gap:10px;padding:10px}
      .thumb{width:48px;height:48px;flex-basis:48px}
      .program-tag{display:none}
      .article-visual{height:160px}
      .accordion-button{padding:17px;font-size:.92rem}
      .accordion-body{padding:0 17px 18px}
      .cta-box h2{font-size:1.72rem}
      .footer-main{padding-top:45px}
    }