/* roulang page: index */
:root{
      --primary:#2F6FA8;
      --primary-dark:#1F4E79;
      --primary-soft:#E8F1FA;
      --primary-pale:#F3F7FB;
      --deep:#1B3348;
      --deep-2:#24445F;
      --ink:#2C3340;
      --muted:#5C6570;
      --light:#7A8490;
      --paper:#F6F4EF;
      --bg:#F3F7FB;
      --white:#FFFFFF;
      --ok:#2F7D57;
      --warning:#B7791F;
      --line:#DDE7F0;
      --line-2:#E9EEF3;
      --shadow:0 8px 28px rgba(31,78,121,.08);
      --shadow-hover:0 16px 38px rgba(31,78,121,.14);
      --radius:16px;
      --radius-sm:10px;
      --radius-lg:24px;
      --container:1240px;
      --font:"Noto Sans SC","Source Han Sans SC","PingFang SC","Microsoft YaHei",Arial,sans-serif;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;font-family:var(--font);font-size:16px;line-height:1.75;color:var(--ink);background:var(--bg);overflow-x:hidden}
    a{color:inherit;text-decoration:none}
    a:hover{text-decoration:none}
    img{max-width:100%;display:block}
    button,input,select,textarea{font:inherit}
    button{cursor:pointer;border:0;background:none}
    ::selection{background:var(--primary-soft);color:var(--primary-dark)}
    .container{width:min(100% - 40px,var(--container));margin:0 auto}
    .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
    .section{padding:86px 0}
    .section.alt{background:var(--white)}
    .section.paper{background:var(--paper)}
    .section-title{margin:0 0 16px;font-size:clamp(26px,3vw,40px);line-height:1.25;letter-spacing:-.02em;color:var(--ink)}
    .section-lead{max-width:820px;margin:0 0 34px;color:var(--muted);font-size:17px;line-height:1.85}
    .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:var(--primary-soft);color:var(--primary-dark);font-size:13px;font-weight:700;margin-bottom:14px}
    .eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ok)}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:12px 18px;border-radius:9px;font-weight:700;line-height:1.2;transition:.22s ease;white-space:nowrap}
    .btn-primary{background:var(--primary);color:var(--white);box-shadow:0 8px 18px rgba(47,111,168,.2)}
    .btn-primary:hover,.btn-primary:focus{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 12px 24px rgba(31,78,121,.25)}
    .btn-secondary{border:1px solid rgba(47,111,168,.45);color:var(--primary-dark);background:rgba(255,255,255,.72)}
    .btn-secondary:hover,.btn-secondary:focus{border-color:var(--primary);background:var(--primary-soft);transform:translateY(-2px)}
    .btn-light{background:var(--white);color:var(--primary-dark)}
    .btn-link{color:var(--primary-dark);font-weight:700;text-decoration:underline;text-underline-offset:5px}
    .badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:var(--primary-soft);color:var(--primary-dark);font-size:12px;font-weight:700}
    .card{background:var(--white);border:1px solid var(--line-2);border-radius:var(--radius);box-shadow:var(--shadow);transition:.24s ease}
    .card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover);border-color:#D1E1EF}
    .header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);box-shadow:0 4px 18px rgba(31,78,121,.05)}
    .topbar{background:var(--primary-pale);border-bottom:1px solid var(--line-2);font-size:13px;color:var(--muted)}
    .topbar-inner{height:38px;display:flex;align-items:center;justify-content:space-between;gap:18px}
    .topbar-info{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
    .topbar a{color:var(--primary-dark);font-weight:700}
    .navrow{height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px}
    .brand{display:flex;align-items:center;gap:12px;min-width:max-content}
    .brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,var(--primary),#7EADD2);display:grid;place-items:center;color:#fff;font-weight:900;box-shadow:0 8px 20px rgba(47,111,168,.22)}
    .brand-text{display:flex;flex-direction:column;line-height:1.25}
    .brand-text strong{font-size:18px;color:var(--ink)}
    .brand-text span{font-size:12px;color:var(--muted)}
    .navlinks{display:flex;align-items:center;justify-content:center;gap:4px;list-style:none;padding:0;margin:0}
    .navlinks a{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:0 11px;color:var(--muted);font-weight:700;font-size:14px}
    .navlinks a:after{content:"";position:absolute;left:11px;right:11px;bottom:5px;height:2px;background:var(--primary);transform:scaleX(0);transform-origin:left;transition:.2s}
    .navlinks a:hover,.navlinks a.active{color:var(--primary-dark)}
    .navlinks a:hover:after,.navlinks a.active:after{transform:scaleX(1)}
    .nav-actions{display:flex;align-items:center;gap:10px}
    .menu-toggle{display:none;width:44px;height:44px;border-radius:10px;border:1px solid var(--line);background:var(--white);align-items:center;justify-content:center}
    .menu-toggle span{width:20px;height:2px;background:var(--primary-dark);position:relative;display:block}
    .menu-toggle span:before,.menu-toggle span:after{content:"";position:absolute;left:0;width:20px;height:2px;background:var(--primary-dark)}
    .menu-toggle span:before{top:-6px}.menu-toggle span:after{top:6px}

    .hero{position:relative;min-height:640px;background:var(--paper);overflow:hidden}
    .hero-slider{position:relative;min-height:640px}
    .slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s ease;background-size:cover;background-position:center}
    .slide.active{opacity:1;visibility:visible}
    .slide:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(246,244,239,.96) 0%,rgba(246,244,239,.88) 42%,rgba(246,244,239,.35) 100%)}
    .hero-content{position:relative;z-index:2;min-height:640px;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(360px,.78fr);gap:42px;align-items:center}
    .hero-copy{padding:70px 0}
    .hero h1{font-size:clamp(34px,5vw,60px);line-height:1.12;margin:0 0 22px;color:var(--ink);letter-spacing:-.04em}
    .hero p{font-size:18px;line-height:1.9;color:var(--muted);margin:0 0 28px;max-width:760px}
    .hero-buttons{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:28px}
    .hero-points{display:flex;gap:14px;flex-wrap:wrap}
    .point{padding:10px 14px;border-radius:12px;background:rgba(255,255,255,.78);border:1px solid rgba(221,231,240,.9);font-weight:700;color:var(--primary-dark);box-shadow:0 6px 18px rgba(31,78,121,.06)}
    .console-card{background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-hover);overflow:hidden}
    .console-head{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#EEF5FB;border-bottom:1px solid var(--line)}
    .dots{display:flex;gap:7px}.dots i{width:10px;height:10px;border-radius:50%;background:#9FB8CE}.dots i:nth-child(2){background:#7EA8C8}.dots i:nth-child(3){background:#2F7D57}
    .console-head span{font-size:13px;font-weight:800;color:var(--primary-dark)}
    .codeblock{margin:0;padding:22px;font-family:Consolas,Monaco,monospace;font-size:14px;line-height:1.75;color:#D7E9F8;background:var(--deep);white-space:pre-wrap}
    .codeblock em{font-style:normal;color:#8FE0B1}.codeblock b{color:#F8D88A;font-weight:600}.codeblock strong{color:#B8D7F0;font-weight:600}
    .console-foot{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}
    .console-foot div{background:#fff;padding:14px}
    .console-foot strong{display:block;color:var(--primary-dark);font-size:20px;line-height:1.2}
    .console-foot span{display:block;color:var(--muted);font-size:12px;margin-top:4px}
    .slider-controls{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);z-index:5;display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.78);border:1px solid var(--line);padding:8px 12px;border-radius:999px;box-shadow:var(--shadow)}
    .arrow,.pause{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(47,111,168,.12);color:var(--primary-dark);font-weight:900;transition:.2s}
    .arrow:hover,.pause:hover,.arrow:focus,.pause:focus{background:var(--primary);color:#fff}
    .dots-control{display:flex;gap:8px}
    .dot{width:9px;height:9px;border-radius:999px;background:#B9CBDC;transition:.2s}
    .dot.active{width:26px;background:var(--primary)}
    .entry-panel{margin-top:-34px;position:relative;z-index:6}
    .search-card{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;padding:24px;border-radius:20px;background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow-hover)}
    .search-box{display:flex;gap:10px;background:var(--primary-pale);border:1px solid var(--line);border-radius:12px;padding:8px}
    .search-box input{flex:1;border:0;background:transparent;min-height:44px;padding:0 12px;outline:none;color:var(--ink)}
    .search-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
    .metric-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
    .metric-mini div{border-left:4px solid var(--primary);background:var(--primary-pale);border-radius:12px;padding:12px}
    .metric-mini strong{display:block;font-size:24px;color:var(--primary-dark);line-height:1.1}
    .metric-mini span{font-size:12px;color:var(--muted)}
    .metrics-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
    .metric-card{padding:20px;border-left:5px solid var(--primary)}
    .metric-number{font-size:34px;font-weight:900;color:var(--primary-dark);line-height:1.15}
    .metric-unit{font-size:13px;margin-left:3px;color:var(--muted);font-weight:700}
    .metric-card p{margin:8px 0 0;color:var(--muted);font-size:14px;line-height:1.6}
    .intro-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:42px;align-items:center}
    .image-frame{border-radius:24px;overflow:hidden;box-shadow:var(--shadow-hover);border:1px solid var(--line);background:#fff}
    .image-frame img{width:100%;height:440px;object-fit:cover}
    .check-list{display:grid;gap:12px;margin:24px 0 0;padding:0;list-style:none}
    .check-list li{position:relative;padding-left:30px;color:var(--muted)}
    .check-list li:before{content:"✓";position:absolute;left:0;top:0;color:var(--ok);font-weight:900}
    .bento{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
    .service-card{padding:24px;min-height:210px}
    .service-card.wide{grid-column:span 2}
    .icon-line{width:46px;height:46px;border-radius:14px;border:1px solid #BBD1E3;background:var(--primary-soft);display:grid;place-items:center;color:var(--primary-dark);font-weight:900;margin-bottom:16px}
    .service-card h3,.resource-card h3,.topic-card h3,.review-card h3{margin:0 0 10px;font-size:20px;color:var(--ink);line-height:1.35}
    .service-card p,.topic-card p,.review-card p{margin:0;color:var(--muted)}
    .card-link{display:inline-flex;margin-top:16px;color:var(--primary-dark);font-weight:800;text-decoration:underline;text-underline-offset:5px}
    .resource-layout{display:grid;grid-template-columns:1.38fr .95fr;gap:18px}
    .resource-card{position:relative;overflow:hidden;min-height:240px;display:flex;flex-direction:column;justify-content:flex-end}
    .resource-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
    .resource-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(27,51,72,.82),rgba(27,51,72,.08))}
    .resource-content{position:relative;z-index:2;color:#fff;padding:24px}
    .resource-content h3{color:#fff;font-size:24px}
    .resource-content p{margin:0 0 14px;color:rgba(255,255,255,.86)}
    .resource-meta{display:flex;gap:8px;flex-wrap:wrap;font-size:12px}
    .resource-meta span{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:4px 9px}
    .resource-stack{display:grid;gap:18px}
    .scenes-line{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}
    .scene-chip{padding:10px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:800;color:var(--primary-dark)}
    .topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
    .topic-card{padding:22px}
    .topic-list{margin:14px 0 0;padding:0;list-style:none;color:var(--muted);font-size:14px}
    .topic-list li{padding:7px 0;border-top:1px dashed var(--line)}
    .compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
    .compare-table{padding:26px}
    .compare-table h3{margin:0 0 16px;font-size:22px}
    .compare-table ul{margin:0;padding:0;list-style:none;display:grid;gap:12px}
    .compare-table li{padding-left:28px;position:relative;color:var(--muted)}
    .compare-table li:before{content:"";position:absolute;left:0;top:9px;width:14px;height:14px;border-radius:50%;background:var(--primary-soft);border:4px solid var(--primary)}
    .compare-note{margin-top:18px;padding:16px 18px;border-radius:14px;background:var(--primary-soft);color:var(--primary-dark);font-weight:700}
    .deep-section{background:var(--deep);color:#EAF3FA;position:relative;overflow:hidden}
    .deep-section:before{content:"";position:absolute;inset:0;background:url('/assets/images/26895139b2587b83.webp') center/cover;opacity:.08}
    .deep-section .container{position:relative;z-index:1}
    .deep-section .section-title,.deep-section h3{color:#fff}
    .deep-section .section-lead,.deep-section p{color:rgba(234,243,250,.78)}
    .deep-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:start}
    .principles{display:grid;gap:14px}
    .principle{padding:18px;border-radius:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
    .case-slices{display:grid;grid-template-columns:1fr 1fr;gap:16px}
    .case-slice{padding:24px;border-radius:18px;background:#F7FBFE;color:var(--ink)}
    .case-slice p{color:var(--muted)}
    .timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:0;position:relative;margin-top:16px}
    .timeline:before{content:"";position:absolute;left:7%;right:7%;top:30px;height:2px;background:#C8DCEB}
    .time-node{position:relative;padding:64px 14px 0;text-align:center}
    .time-node:before{content:"";position:absolute;top:21px;left:50%;transform:translateX(-50%);width:20px;height:20px;border-radius:50%;background:#fff;border:5px solid var(--primary);box-shadow:0 0 0 6px var(--primary-soft)}
    .time-node strong{display:block;color:var(--primary-dark);font-size:18px;margin-bottom:8px}
    .time-node p{margin:0;color:var(--muted);font-size:14px}
    .story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:start}
    .story-card{padding:24px}
    .story-card:nth-child(2){margin-top:-22px}
    .avatar{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,var(--primary-soft),#C9E1F3);display:grid;place-items:center;color:var(--primary-dark);font-weight:900;margin-bottom:16px}
    .story-card blockquote{margin:0;color:var(--muted);line-height:1.85}
    .story-card cite{display:block;margin-top:14px;color:var(--ink);font-style:normal;font-weight:800}
    .stats-strip{background:linear-gradient(90deg,var(--primary-soft),#F8FBFE);border-block:1px solid var(--line)}
    .strip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
    .strip-item{padding:12px 0}
    .strip-item strong{font-size:36px;line-height:1;color:var(--primary-dark)}
    .strip-item span{font-size:13px;color:var(--muted);font-weight:700;margin-left:4px}
    .strip-item p{margin:8px 0 0;color:var(--muted)}
    .reviews-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
    .review-card{padding:22px;position:relative}
    .stars{color:var(--primary);letter-spacing:2px;font-size:15px;margin-bottom:10px}
    .review-card:before{content:"“";position:absolute;right:20px;top:8px;font-size:54px;color:var(--primary-soft);font-weight:900;line-height:1}
    .news-layout{display:grid;grid-template-columns:1.12fr .88fr;gap:20px}
    .news-feature{overflow:hidden}
    .news-feature img{height:250px;width:100%;object-fit:cover}
    .news-body{padding:22px}
    .date{font-size:13px;color:var(--light);font-weight:700}
    .news-body h3,.news-row h3{margin:7px 0 8px;font-size:21px;line-height:1.35}
    .news-body p,.news-row p{margin:0;color:var(--muted)}
    .news-list{display:grid;gap:12px}
    .news-row{display:grid;grid-template-columns:112px 1fr;gap:14px;padding:12px}
    .news-row img{width:112px;height:92px;object-fit:cover;border-radius:12px}
    .guard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
    .guard-card{padding:22px}
    .guard-card h3{margin:0 0 10px;font-size:19px}
    .guard-card p{margin:0;color:var(--muted)}
    .guard-aside{margin-top:18px;padding:18px 22px;border-radius:16px;background:var(--primary-soft);color:var(--primary-dark);font-weight:700;border:1px solid #D2E2F0}
    .quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
    .quick-item{padding:18px;border-radius:14px;background:#fff;border:1px solid var(--line-2)}
    .quick-item strong{display:block;margin-bottom:6px;color:var(--ink)}
    .quick-item p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}
    .faq-apply{display:grid;grid-template-columns:1fr .92fr;gap:24px;align-items:start}
    .faq-list{display:grid;gap:10px}
    .faq-item{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}
    .faq-question{width:100%;min-height:56px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;text-align:left;color:var(--ink);font-weight:800}
    .faq-question span{font-size:22px;color:var(--primary);transition:.2s}
    .faq-item.open .faq-question span{transform:rotate(45deg)}
    .faq-answer{max-height:0;overflow:hidden;transition:max-height .22s ease}
    .faq-answer p{margin:0;padding:0 18px 18px;color:var(--muted)}
    .apply-card{padding:26px;position:sticky;top:126px}
    .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
    .field{display:grid;gap:7px}
    .field.full{grid-column:1/-1}
    .field label{font-weight:800;font-size:14px;color:var(--ink)}
    .field input,.field select,.field textarea{width:100%;min-height:46px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:10px 12px;outline:none;color:var(--ink);transition:.2s}
    .field textarea{min-height:92px;resize:vertical}
    .field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(47,111,168,.12)}
    .error{display:none;color:#B42318;font-size:13px;margin-top:8px}
    .privacy{font-size:13px;color:var(--muted);margin:12px 0 0}
    .cta-band{margin-top:18px;padding:18px;border-radius:16px;background:var(--deep);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:14px}
    .cta-band p{margin:0;color:rgba(255,255,255,.82)}
    .footer{background:#14293A;color:#DCE8F2;padding:58px 0 24px}
    .footer-grid{display:grid;grid-template-columns:1.2fr .8fr 1fr 1fr;gap:28px;margin-bottom:34px}
    .footer h3{margin:0 0 14px;color:#fff;font-size:18px}
    .footer p,.footer li{color:rgba(220,232,242,.76);margin:0}
    .footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
    .footer a{color:rgba(220,232,242,.86)}
    .footer a:hover{color:#fff;text-decoration:underline;text-underline-offset:5px}
    .footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:12px}
    .footer-bottom{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.12);padding-top:18px;color:rgba(220,232,242,.72);font-size:13px}
    :focus-visible{outline:3px solid rgba(47,111,168,.35);outline-offset:3px}
    @media (max-width:1280px){
      .container{width:min(100% - 36px,1160px)}
      .navlinks a{padding:0 8px;font-size:13px}
    }
    @media (max-width:1024px){
      .topbar-inner{height:auto;min-height:38px;padding:8px 0}
      .menu-toggle{display:flex}
      .navlinks{position:absolute;left:18px;right:18px;top:111px;display:none;flex-direction:column;align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:18px;padding:10px;box-shadow:var(--shadow-hover)}
      .navlinks.open{display:flex}
      .navlinks a{min-height:48px;padding:0 14px}
      .navlinks a:after{display:none}
      .nav-actions .btn{display:none}
      .hero-content{grid-template-columns:1fr;gap:10px;padding-bottom:74px}
      .hero-copy{padding:58px 0 0}
      .console-card{margin-bottom:26px}
      .search-card,.intro-grid,.deep-grid,.news-layout,.faq-apply{grid-template-columns:1fr}
      .metrics-grid{grid-template-columns:repeat(3,1fr)}
      .bento{grid-template-columns:repeat(2,1fr)}
      .service-card.wide{grid-column:span 2}
      .topic-grid,.guard-grid{grid-template-columns:repeat(2,1fr)}
      .timeline{grid-template-columns:1fr;gap:12px}
      .timeline:before{left:30px;right:auto;top:0;bottom:0;width:2px;height:auto}
      .time-node{text-align:left;padding:0 0 0 70px;min-height:86px}
      .time-node:before{left:30px;top:7px}
      .apply-card{position:static}
      .footer-grid{grid-template-columns:1fr 1fr}
    }
    @media (max-width:768px){
      .section{padding:62px 0}
      .container{width:min(100% - 28px,var(--container))}
      .topbar-info{gap:10px}
      .topbar-info span:nth-child(2){display:none}
      .brand-text strong{font-size:16px}
      .hero,.hero-slider,.hero-content{min-height:720px}
      .slide:before{background:linear-gradient(180deg,rgba(246,244,239,.98) 0%,rgba(246,244,239,.88) 72%,rgba(246,244,239,.55) 100%)}
      .hero h1{font-size:36px}
      .hero p{font-size:16px}
      .hero-buttons .btn{width:100%}
      .console-foot{grid-template-columns:1fr}
      .entry-panel{margin-top:0;padding-top:16px}
      .search-box{flex-direction:column}
      .search-box .btn{width:100%}
      .metric-mini,.metrics-grid{grid-template-columns:repeat(2,1fr)}
      .resource-layout,.compare-grid,.story-grid,.strip-grid,.reviews-grid,.quick-grid{grid-template-columns:1fr}
      .bento,.topic-grid,.guard-grid{grid-template-columns:1fr}
      .service-card.wide{grid-column:auto}
      .resource-card{min-height:300px}
      .case-slices{grid-template-columns:1fr}
      .story-card:nth-child(2){margin-top:0}
      .news-row{grid-template-columns:92px 1fr}
      .news-row img{width:92px;height:86px}
      .form-grid{grid-template-columns:1fr}
      .cta-band{align-items:flex-start;flex-direction:column}
      .footer-grid{grid-template-columns:1fr}
    }
    @media (max-width:520px){
      body{font-size:15px}
      .navrow{height:66px}
      .topbar a:last-child{display:none}
      .hero,.hero-slider,.hero-content{min-height:760px}
      .metric-mini,.metrics-grid{grid-template-columns:1fr 1fr}
      .metric-number{font-size:28px}
      .section-title{font-size:26px}
      .slider-controls{bottom:18px}
      .arrow,.pause{width:34px;height:34px}
    }
    @media (max-width:375px){
      .container{width:min(100% - 22px,var(--container))}
      .metric-mini,.metrics-grid{grid-template-columns:1fr}
      .hero h1{font-size:31px}
      .btn{width:100%}
    }