/* roulang page: index */
:root{
      --ink:#172126;
      --muted:#67747a;
      --paper:#f7f8f4;
      --white:#ffffff;
      --line:#dce4df;
      --acid:#e9f44b;
      --yellow:#f0c928;
      --orange:#eb6d3b;
      --green:#246b5d;
      --deep:#183e3b;
      --shadow:0 18px 45px rgba(24,62,59,.12);
      --radius:18px;
      --radius-sm:10px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans SC",sans-serif;line-height:1.7}
    a{color:inherit;text-decoration:none;transition:.25s ease}
    img{max-width:100%;display:block}
    button,input{font:inherit}
    .container{max-width:1180px;margin:auto;padding-left:24px;padding-right:24px}
    .site-header{position:sticky;top:0;z-index:20;background:rgba(247,248,244,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(220,228,223,.8)}
    .nav-wrap{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px}
    .brand{font-weight:900;font-size:20px;letter-spacing:0;color:var(--deep);white-space:nowrap}
    .brand-mark{display:inline-flex;width:27px;height:27px;align-items:center;justify-content:center;background:var(--acid);border-radius:8px;margin-right:8px;color:var(--deep);font-size:14px}
    .nav-links{display:flex;align-items:center;gap:7px;margin:0 auto}
    .nav-links a{padding:9px 15px;border-radius:8px;color:#506067;font-size:14px;font-weight:600}
    .nav-links a:hover,.nav-links a.active{background:var(--white);color:var(--deep);box-shadow:0 4px 14px rgba(24,62,59,.08)}
    .nav-actions{display:flex;gap:9px;align-items:center}
    .btn-main,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;padding:11px 18px;font-size:14px;font-weight:800;border:1px solid transparent;transition:.25s}
    .btn-main{background:var(--deep);color:#fff}
    .btn-main:hover{background:#102d2b;color:#fff;transform:translateY(-2px)}
    .btn-ghost{border-color:var(--line);color:var(--deep);background:var(--white)}
    .btn-ghost:hover{border-color:var(--deep);color:var(--deep)}
    .menu-toggle{display:none;border:0;background:transparent;font-size:24px;color:var(--deep)}
    .hero{padding:52px 0 36px}
    .hero-stage{min-height:510px;border-radius:24px;overflow:hidden;position:relative;background:#21463f url("https://images.unsplash.com/photo-1606664515524-ed2f786a0bd6?auto=format&fit=crop&w=1800&q=88") center/cover}
    .hero-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,44,42,.93) 0%,rgba(16,44,42,.74) 41%,rgba(16,44,42,.08) 82%)}
    .hero-content{position:relative;z-index:1;max-width:650px;padding:74px 68px;color:#fff}
    .eyebrow,.section-kicker{font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:800;color:var(--acid)}
    .hero h1{font-size:clamp(38px,5vw,70px);line-height:1.12;letter-spacing:0;margin:18px 0 20px;font-weight:900}
    .hero p{font-size:17px;color:rgba(255,255,255,.84);max-width:590px;margin-bottom:28px}
    .hero-actions{display:flex;gap:12px;flex-wrap:wrap}
    .hero .btn-main{background:var(--acid);color:var(--deep)}
    .hero .btn-ghost{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.35);color:#fff}
    .promo-sticker{position:absolute;right:42px;top:38px;background:var(--yellow);color:var(--deep);width:112px;height:112px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:900;line-height:1.35;transform:rotate(10deg);box-shadow:0 12px 25px rgba(0,0,0,.18)}
    .hero-metrics{display:flex;gap:30px;margin-top:43px;padding-top:21px;border-top:1px solid rgba(255,255,255,.25)}
    .metric strong{display:block;font-size:25px;color:var(--acid);line-height:1.2}
    .metric span{font-size:12px;color:rgba(255,255,255,.7)}
    section{padding:76px 0}
    .section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}
    .section-head h2{font-size:34px;line-height:1.25;margin:8px 0 0;font-weight:900;color:var(--deep)}
    .section-head p{max-width:520px;color:var(--muted);margin:0;font-size:15px}
    .matrix{display:grid;grid-template-columns:1.15fr .85fr .85fr;grid-template-rows:190px 190px;gap:16px}
    .matrix-card{position:relative;border-radius:var(--radius);overflow:hidden;padding:26px;color:#fff;display:flex;flex-direction:column;justify-content:end;background:var(--green)}
    .matrix-card:first-child{grid-row:span 2;background:url("https://images.unsplash.com/photo-1551830820-330a71b99659?auto=format&fit=crop&w=900&q=80") center/cover}
    .matrix-card:nth-child(2){background:#e9f44b;color:var(--deep)}
    .matrix-card:nth-child(3){background:url("https://images.unsplash.com/photo-1542282088-72c9c27ed0cd?auto=format&fit=crop&w=800&q=80") center/cover}
    .matrix-card:nth-child(4){background:#eb6d3b}
    .matrix-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 25%,rgba(8,28,27,.72))}
    .matrix-card:nth-child(2):after,.matrix-card:nth-child(4):after{display:none}
    .matrix-card>*{position:relative;z-index:1}
    .matrix-card h3{font-size:21px;margin:0 0 5px;font-weight:800}
    .matrix-card p{font-size:13px;margin:0;opacity:.85}
    .matrix-arrow{position:absolute;right:22px;top:22px;font-size:22px;z-index:2}
    .milestone-band{background:var(--deep);color:#fff}
    .milestone-band .section-head h2{color:#fff}
    .milestone-band .section-head p{color:rgba(255,255,255,.65)}
    .timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid rgba(255,255,255,.25)}
    .timeline-item{padding:27px 24px 10px 0;border-right:1px solid rgba(255,255,255,.18);margin-right:24px}
    .timeline-item:last-child{border:0}
    .timeline-item b{font-size:31px;color:var(--acid);display:block;margin-bottom:12px}
    .timeline-item h3{font-size:17px;margin-bottom:8px}
    .timeline-item p{font-size:13px;color:rgba(255,255,255,.65);margin:0}
    .news-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:26px}
    .news-list,.feature-box{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 25px rgba(24,62,59,.05)}
    .news-list{padding:10px 26px}
    .news-item{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}
    .news-item:last-child{border-bottom:0}
    .news-item h3{font-size:16px;margin:0 0 4px;font-weight:800}
    .news-item p{font-size:13px;color:var(--muted);margin:0}
    .news-date{font-size:12px;color:var(--orange);white-space:nowrap;font-weight:700}
    .feature-box{overflow:hidden}
    .feature-box img{height:170px;width:100%;object-fit:cover}
    .feature-copy{padding:22px}
    .feature-copy .tag{color:var(--orange);font-size:12px;font-weight:800}
    .feature-copy h3{font-size:22px;line-height:1.35;margin:8px 0}
    .feature-copy p{font-size:14px;color:var(--muted);margin:0}
    .assurance{background:#edf1e9}
    .assurance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .assurance-card{padding:28px;background:var(--white);border-radius:var(--radius-sm);border:1px solid var(--line)}
    .assurance-icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:var(--acid);border-radius:10px;font-size:20px;margin-bottom:17px}
    .assurance-card h3{font-size:18px;margin:0 0 8px;color:var(--deep)}
    .assurance-card p{font-size:14px;color:var(--muted);margin:0}
    .faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:48px;align-items:start}
    .faq-intro h2{font-size:34px;line-height:1.3;color:var(--deep);font-weight:900}
    .faq-intro p{color:var(--muted)}
    .accordion-item{border:0;border-bottom:1px solid var(--line);background:transparent}
    .accordion-button{background:transparent!important;color:var(--deep)!important;box-shadow:none!important;font-weight:800;padding:19px 0;font-size:16px}
    .accordion-button:after{background-size:14px}
    .accordion-body{padding:0 0 20px;color:var(--muted);font-size:14px}
    .app-cta{padding:58px 0}
    .cta-panel{background:var(--orange);border-radius:var(--radius);padding:44px 52px;display:flex;justify-content:space-between;align-items:center;gap:30px;color:#fff}
    .cta-panel h2{font-size:32px;margin:0 0 10px;font-weight:900}
    .cta-panel p{margin:0;color:rgba(255,255,255,.84);max-width:650px}
    .cta-panel .btn-main{background:#fff;color:var(--deep);white-space:nowrap}
    footer{background:#102d2b;color:#fff;padding:38px 0 25px}
    .footer-top{display:flex;justify-content:space-between;gap:30px;padding-bottom:30px;border-bottom:1px solid rgba(255,255,255,.15)}
    .footer-brand{font-size:19px;font-weight:900}
    .footer-top p{color:rgba(255,255,255,.6);font-size:13px;max-width:370px;margin:9px 0 0}
    .footer-links{display:flex;gap:25px;font-size:13px;color:rgba(255,255,255,.7)}
    .footer-links a:hover{color:var(--acid)}
    .copyright{padding-top:20px;font-size:12px;color:rgba(255,255,255,.45);display:flex;justify-content:space-between}
    .subscribe{display:flex;gap:8px;margin-top:18px}
    .subscribe input{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);padding:10px 13px;color:#fff;border-radius:8px;min-width:220px;outline:0}
    .subscribe input:focus{border-color:var(--acid)}
    .subscribe button{border:0;border-radius:8px;background:var(--acid);color:var(--deep);font-weight:800;padding:10px 15px}
    @media(max-width:900px){
      .nav-links{gap:0}.nav-links a{padding:9px 8px}
      .hero-content{padding:60px 42px}.matrix{grid-template-columns:1fr 1fr;grid-template-rows:220px 180px}.matrix-card:first-child{grid-row:auto;grid-column:span 2}
      .news-layout,.faq-grid{grid-template-columns:1fr}.timeline{grid-template-columns:repeat(2,1fr);row-gap:20px}.timeline-item:nth-child(2){border:0}.cta-panel{padding:36px}
    }
    @media(max-width:650px){
      .container{padding-left:18px;padding-right:18px}.nav-wrap{min-height:65px}.brand{font-size:16px}.brand-mark{width:23px;height:23px}
      .nav-actions{display:none}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:65px;left:0;right:0;padding:10px 18px 15px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links a{padding:12px}
      .hero{padding-top:20px}.hero-stage{min-height:590px}.hero-stage:before{background:linear-gradient(0deg,rgba(16,44,42,.96) 0%,rgba(16,44,42,.54) 75%,rgba(16,44,42,.15) 100%)}
      .hero-content{padding:220px 25px 28px}.hero h1{font-size:42px}.hero p{font-size:15px}.promo-sticker{right:22px;top:22px;width:88px;height:88px;font-size:12px}
      .hero-metrics{gap:18px;margin-top:30px}.metric strong{font-size:21px}.section-head{display:block}.section-head h2,.faq-intro h2{font-size:28px}.section-head p{margin-top:12px}
      section{padding:55px 0}.matrix{display:flex;flex-direction:column}.matrix-card{min-height:170px}.matrix-card:first-child{min-height:230px}
      .assurance-grid{grid-template-columns:1fr}.timeline{grid-template-columns:1fr}.timeline-item{border-right:0;border-bottom:1px solid rgba(255,255,255,.18);padding-bottom:20px}
      .cta-panel{display:block;padding:30px 24px}.cta-panel h2{font-size:26px}.cta-panel .btn-main{margin-top:22px}.footer-top,.copyright{display:block}.footer-links{margin-top:22px;gap:16px;flex-wrap:wrap}.subscribe input{min-width:0;width:100%}
    }

/* roulang page: category1 */
:root{
      --ink:#172126;
      --muted:#67747a;
      --paper:#f7f8f4;
      --white:#fff;
      --line:#dce4df;
      --acid:#e9f44b;
      --yellow:#f0c928;
      --orange:#eb6d3b;
      --green:#246b5d;
      --deep:#183e3b;
      --shadow:0 18px 45px rgba(24,62,59,.12);
      --radius:18px;
      --radius-sm:10px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans SC",sans-serif;line-height:1.7}
    a{color:inherit;text-decoration:none;transition:.25s ease}
    img{max-width:100%;display:block}
    button,input,textarea{font:inherit}
    .container{max-width:1180px;margin:auto;padding-left:24px;padding-right:24px}
    .site-header{position:sticky;top:0;z-index:20;background:rgba(247,248,244,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(220,228,223,.8)}
    .nav-wrap{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:28px}
    .brand{font-weight:900;font-size:20px;color:var(--deep);white-space:nowrap}
    .brand-mark{display:inline-flex;width:27px;height:27px;align-items:center;justify-content:center;background:var(--acid);border-radius:8px;margin-right:8px;color:var(--deep);font-size:14px}
    .nav-links{display:flex;align-items:center;gap:7px;margin:0 auto}
    .nav-links a{padding:9px 15px;border-radius:8px;color:#506067;font-size:14px;font-weight:600}
    .nav-links a:hover,.nav-links a.active{background:var(--white);color:var(--deep);box-shadow:0 4px 14px rgba(24,62,59,.08)}
    .nav-actions{display:flex;gap:9px;align-items:center}
    .btn-main,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;padding:11px 18px;font-size:14px;font-weight:800;border:1px solid transparent;transition:.25s}
    .btn-main{background:var(--deep);color:#fff}
    .btn-main:hover{background:#102d2b;color:#fff;transform:translateY(-2px)}
    .btn-ghost{border-color:var(--line);color:var(--deep);background:var(--white)}
    .btn-ghost:hover{border-color:var(--deep);color:var(--deep);transform:translateY(-2px)}
    .menu-toggle{display:none;border:0;background:transparent;font-size:24px;color:var(--deep)}
    .hero{padding:48px 0 30px}
    .hero-stage{min-height:500px;border-radius:24px;overflow:hidden;position:relative;background:#21463f url("https://images.unsplash.com/photo-1606664515524-ed2f786a0bd6?auto=format&fit=crop&w=1800&q=88") center/cover}
    .hero-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,44,42,.94) 0%,rgba(16,44,42,.76) 46%,rgba(16,44,42,.12) 88%)}
    .hero-content{position:relative;z-index:1;max-width:700px;padding:72px 68px;color:#fff}
    .eyebrow,.section-kicker{font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:800;color:var(--acid)}
    .hero h1{font-size:clamp(38px,5vw,68px);line-height:1.12;margin:18px 0 20px;font-weight:900}
    .hero p{font-size:17px;color:rgba(255,255,255,.85);max-width:600px;margin-bottom:28px}
    .hero-actions{display:flex;gap:12px;flex-wrap:wrap}
    .hero .btn-main{background:var(--acid);color:var(--deep)}
    .hero .btn-ghost{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.35);color:#fff}
    .hero-metrics{display:flex;gap:30px;margin-top:42px;padding-top:21px;border-top:1px solid rgba(255,255,255,.25)}
    .hero-metrics strong{display:block;font-size:25px;color:var(--acid);line-height:1.2}
    .hero-metrics span{font-size:12px;color:rgba(255,255,255,.7)}
    section{padding:76px 0}
    .section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}
    .section-head h2{font-size:34px;line-height:1.25;margin:8px 0 0;font-weight:900;color:var(--deep)}
    .section-head p{max-width:520px;color:var(--muted);margin:0;font-size:15px}
    .intro-band{padding-top:48px}
    .intro-copy{max-width:800px}
    .intro-copy h2{font-size:34px;line-height:1.3;color:var(--deep);font-weight:900;margin:8px 0 16px}
    .intro-copy p{color:var(--muted);font-size:16px;margin:0}
    .metric-panel{background:var(--deep);color:#fff;border-radius:var(--radius);padding:28px}
    .metric-panel .label{color:var(--acid);font-size:12px;font-weight:800;letter-spacing:1px}
    .metric-panel strong{font-size:46px;line-height:1.1;display:block;margin:10px 0}
    .metric-panel p{color:rgba(255,255,255,.7);font-size:13px;margin:0}
    .selection-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}
    .selection-card{min-height:260px;border-radius:var(--radius);padding:28px;position:relative;overflow:hidden;color:#fff;background:var(--green)}
    .selection-card.photo{background:url("https://images.unsplash.com/photo-1551830820-330a71b99659?auto=format&fit=crop&w=1100&q=84") center/cover}
    .selection-card.photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,38,35,.86),transparent 70%)}
    .selection-card>*{position:relative;z-index:1}
    .selection-card h3{font-size:24px;margin:0 0 10px;font-weight:900}
    .selection-card p{font-size:14px;color:rgba(255,255,255,.78);max-width:440px}
    .selection-card .card-foot{position:absolute;bottom:24px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:center}
    .selection-card .arrow{font-size:25px;color:var(--acid)}
    .selection-card.light{background:var(--acid);color:var(--deep)}
    .selection-card.light p{color:rgba(23,33,38,.72)}
    .criteria{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
    .criteria-list{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
    .criteria-item{padding:20px 22px;border-right:1px solid var(--line)}
    .criteria-item:last-child{border-right:0}
    .criteria-item b{display:block;color:var(--orange);font-size:26px;margin-bottom:5px}
    .criteria-item strong{display:block;color:var(--deep);font-size:16px}
    .criteria-item span{display:block;color:var(--muted);font-size:13px;margin-top:5px}
    .compare-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:34px;align-items:start}
    .compare-intro h2{font-size:34px;line-height:1.3;color:var(--deep);font-weight:900;margin:8px 0 14px}
    .compare-intro p{color:var(--muted)}
    .compare-list{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
    .compare-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;padding:19px 22px;border-bottom:1px solid var(--line);align-items:center}
    .compare-row:last-child{border-bottom:0}
    .compare-row.head{background:var(--deep);color:#fff;font-weight:800;font-size:14px}
    .compare-row span{font-size:14px;color:var(--muted)}
    .compare-row strong{font-size:14px;color:var(--deep)}
    .compare-row.head span,.compare-row.head strong{color:#fff}
    .process{background:var(--deep);color:#fff}
    .process .section-head h2{color:#fff}
    .process .section-head p{color:rgba(255,255,255,.68)}
    .process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
    .process-item{border-top:1px solid rgba(255,255,255,.25);padding-top:22px}
    .process-item b{font-size:36px;color:var(--acid);display:block;line-height:1}
    .process-item h3{font-size:18px;margin:18px 0 8px}
    .process-item p{font-size:14px;color:rgba(255,255,255,.68);margin:0}
    .faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:48px;align-items:start}
    .faq-intro h2{font-size:34px;line-height:1.3;color:var(--deep);font-weight:900;margin:8px 0 14px}
    .faq-intro p{color:var(--muted)}
    .accordion-item{border:0;border-bottom:1px solid var(--line);background:transparent}
    .accordion-button{background:transparent!important;color:var(--deep)!important;box-shadow:none!important;font-weight:800;padding:19px 0;font-size:16px}
    .accordion-button:after{background-size:14px}
    .accordion-body{padding:0 0 20px;color:var(--muted);font-size:14px}
    .cta{padding:55px 0 78px}
    .cta-box{background:var(--orange);border-radius:var(--radius);padding:42px 48px;display:flex;align-items:center;justify-content:space-between;gap:25px;color:#fff}
    .cta-box h2{font-size:32px;line-height:1.3;margin:0 0 8px;font-weight:900}
    .cta-box p{margin:0;color:rgba(255,255,255,.82);font-size:14px}
    .cta-box .btn-main{background:var(--acid);color:var(--deep);white-space:nowrap}
    footer{background:var(--deep);color:#fff;padding:42px 0 24px}
    .footer-top{display:flex;justify-content:space-between;gap:40px;padding-bottom:34px;border-bottom:1px solid rgba(255,255,255,.16)}
    .footer-brand{font-size:21px;font-weight:900;color:var(--acid)}
    footer p{color:rgba(255,255,255,.65);font-size:13px;max-width:380px;margin:8px 0 0}
    .footer-links{display:flex;gap:22px;align-items:flex-start;flex-wrap:wrap}
    .footer-links a{color:rgba(255,255,255,.75);font-size:14px}
    .footer-links a:hover{color:var(--acid)}
    .copyright{display:flex;justify-content:space-between;color:rgba(255,255,255,.48);font-size:12px;padding-top:20px}
    :focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
    @media(max-width:1024px){
      .nav-links{gap:0}
      .nav-links a{padding-left:10px;padding-right:10px}
      .hero-content{padding:60px 48px}
    }
    @media(max-width:768px){
      .nav-wrap{min-height:68px}
      .menu-toggle{display:block}
      .nav-links{display:none;position:absolute;top:68px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:12px 24px;flex-direction:column;align-items:stretch}
      .nav-links.show{display:flex}
      .nav-links a{padding:12px 14px}
      .nav-actions{display:none}
      .hero-stage{min-height:560px}
      .hero-content{padding:54px 28px}
      .hero h1{font-size:43px}
      .hero-metrics{gap:18px;flex-wrap:wrap}
      section{padding:58px 0}
      .section-head,.cta-box,.footer-top{display:block}
      .section-head p{margin-top:15px}
      .selection-grid,.compare-wrap,.faq-grid{grid-template-columns:1fr}
      .criteria-list{grid-template-columns:repeat(2,1fr)}
      .criteria-item:nth-child(2){border-right:0}
      .criteria-item:nth-child(-n+2){border-bottom:1px solid var(--line)}
      .process-grid{grid-template-columns:1fr}
      .process-item{padding-bottom:16px}
      .cta-box .btn-main{margin-top:22px}
      .footer-links{margin-top:25px}
    }
    @media(max-width:520px){
      .container{padding-left:18px;padding-right:18px}
      .brand{font-size:16px}
      .brand-mark{width:24px;height:24px;margin-right:5px}
      .hero{padding-top:26px}
      .hero-stage{border-radius:16px;min-height:600px}
      .hero-content{padding:42px 22px}
      .hero h1{font-size:38px}
      .hero p{font-size:15px}
      .hero-actions .btn-main,.hero-actions .btn-ghost{width:100%}
      .intro-copy h2,.compare-intro h2,.faq-intro h2,.section-head h2{font-size:29px}
      .criteria-list{grid-template-columns:1fr}
      .criteria-item,.criteria-item:nth-child(2){border-right:0;border-bottom:1px solid var(--line)}
      .criteria-item:last-child{border-bottom:0}
      .compare-row{grid-template-columns:1fr 1fr;gap:8px;padding:16px}
      .compare-row span:first-child{grid-column:1/-1}
      .compare-row.head span:first-child{grid-column:auto}
      .cta-box{padding:30px 24px}
      .cta-box h2{font-size:27px}
      .copyright{display:block}
      .copyright span{display:block;margin-top:8px}
    }