/* roulang page: index */
:root{
      --brand:#3662ff;
      --brand-deep:#111b3d;
      --brand-mid:#2149df;
      --mint:#21d0a2;
      --amber:#ffb84d;
      --rose:#ff5f7e;
      --text:#162033;
      --muted:#647089;
      --soft:#f5f7fb;
      --line:#e5ebf5;
      --card:#ffffff;
      --radius:24px;
      --radius-sm:16px;
      --shadow:0 18px 50px rgba(17,27,61,.10);
      --shadow-hover:0 22px 60px rgba(17,27,61,.16);
      --focus:0 0 0 4px rgba(54,98,255,.18);
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      color:var(--text);
      font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;
      line-height:1.75;
      background:
        radial-gradient(circle at 8% 0%, rgba(54,98,255,.12), transparent 34rem),
        radial-gradient(circle at 92% 18%, rgba(33,208,162,.14), transparent 30rem),
        #fbfcff;
      overflow-x:hidden;
    }
    a{color:inherit;text-decoration:none}
    img{display:block;max-width:100%}
    button,input,select,textarea{font:inherit}
    ::selection{background:rgba(54,98,255,.18)}
    .site-container{width:min(1180px, calc(100% - 32px));margin-inline:auto}
    .glass{
      background:rgba(255,255,255,.78);
      border:1px solid rgba(255,255,255,.48);
      box-shadow:var(--shadow);
      backdrop-filter:blur(16px);
    }
    .nav-wrap{
      position:sticky;
      top:0;
      z-index:50;
      background:linear-gradient(100deg,#111b3d 0%,#2149df 52%,#21d0a2 130%);
      color:#fff;
      box-shadow:0 12px 35px rgba(17,27,61,.20);
    }
    .nav-inner{
      min-height:74px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:18px;
    }
    .brand-logo{
      display:inline-flex;
      align-items:center;
      gap:12px;
      font-weight:900;
      letter-spacing:.02em;
      font-size:1.28rem;
      outline:none;
    }
    .brand-mark{
      width:42px;height:42px;border-radius:14px;
      display:grid;place-items:center;
      background:rgba(255,255,255,.16);
      border:1px solid rgba(255,255,255,.28);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.24);
    }
    .brand-mark span{
      width:20px;height:20px;border-radius:7px;
      background:linear-gradient(135deg,#fff,#bff8e9);
      display:block;
      position:relative;
    }
    .brand-mark span:after{
      content:"";position:absolute;right:-6px;top:5px;
      border-left:8px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent;
    }
    .nav-links{display:flex;align-items:center;gap:8px}
    .nav-link{
      padding:10px 15px;border-radius:999px;
      color:rgba(255,255,255,.88);
      font-weight:700;
      transition:.22s ease;
      position:relative;
    }
    .nav-link:hover,.nav-link:focus-visible{
      background:rgba(255,255,255,.14);
      color:#fff;
      outline:none;
    }
    .nav-link.active{
      background:rgba(255,255,255,.18);
      color:#fff;
    }
    .nav-cta{
      display:inline-flex;align-items:center;gap:8px;
      padding:11px 18px;border-radius:999px;
      background:#fff;color:#1737ad;
      font-weight:900;
      box-shadow:0 10px 22px rgba(0,0,0,.14);
      transition:.22s ease;
      white-space:nowrap;
    }
    .nav-cta:hover,.nav-cta:focus-visible{
      transform:translateY(-2px);
      box-shadow:0 15px 30px rgba(0,0,0,.20);
      outline:none;
    }
    .mobile-toggle{display:none}
    .section{padding:82px 0}
    .section-tight{padding:58px 0}
    .eyebrow{
      display:inline-flex;align-items:center;gap:8px;
      padding:8px 12px;border-radius:999px;
      font-size:.86rem;font-weight:900;
      color:#2149df;background:#eef4ff;border:1px solid #dbe6ff;
    }
    .eyebrow.dark{color:#fff;background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.22)}
    .section-title{
      margin:16px 0 10px;
      font-size:clamp(1.8rem,3.2vw,3rem);
      line-height:1.18;
      font-weight:950;
      letter-spacing:-.04em;
    }
    .section-desc{
      color:var(--muted);
      max-width:760px;
      font-size:1.04rem;
    }
    .hero{
      position:relative;
      color:#fff;
      min-height:690px;
      display:flex;
      align-items:center;
      overflow:hidden;
      background:
        linear-gradient(90deg,rgba(13,20,50,.92),rgba(18,42,135,.78),rgba(16,32,51,.24)),
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='760' viewBox='0 0 1600 760'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' x2='1' y1='0' y2='1'%3E%3Cstop stop-color='%233662ff'/%3E%3Cstop offset='.55' stop-color='%23111b3d'/%3E%3Cstop offset='1' stop-color='%2321d0a2'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='1600' height='760' fill='url(/%23g)'/%3E%3Cg opacity='.22' fill='none' stroke='%23fff' stroke-width='2'%3E%3Cpath d='M0 520C190 410 310 610 510 470S840 220 1080 320s330 20 520-130'/%3E%3Cpath d='M0 610c240-80 340 20 540-110s350-270 620-180 300 85 440-60'/%3E%3C/g%3E%3Cg opacity='.16'%3E%3Ccircle cx='1210' cy='170' r='150' fill='%23fff'/%3E%3Ccircle cx='1360' cy='455' r='230' fill='%2321d0a2'/%3E%3Ccircle cx='660' cy='150' r='90' fill='%23ffb84d'/%3E%3C/g%3E%3C/svg%3E") center/cover no-repeat;
    }
    .hero:after{
      content:"";
      position:absolute;inset:auto 0 0 0;height:160px;
      background:linear-gradient(to top,#fbfcff,transparent);
      pointer-events:none;
    }
    .hero-content{
      position:relative;z-index:2;
      padding:88px 0 110px;
    }
    .hero-kv{
      max-width:980px;
      padding:34px;
      border-radius:32px;
      background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.06));
      border:1px solid rgba(255,255,255,.18);
      box-shadow:0 30px 90px rgba(0,0,0,.24);
      backdrop-filter:blur(14px);
    }
    h1{
      margin:20px 0 18px;
      max-width:900px;
      font-size:clamp(2.45rem,6vw,5.35rem);
      line-height:1.04;
      font-weight:1000;
      letter-spacing:-.065em;
    }
    .hero-copy{
      max-width:790px;
      color:rgba(255,255,255,.88);
      font-size:clamp(1.02rem,1.6vw,1.22rem);
    }
    .countdown{
      margin:26px 0;
      display:grid;
      grid-template-columns:auto 1fr;
      gap:18px;
      align-items:center;
      padding:16px;
      border-radius:22px;
      background:rgba(255,255,255,.12);
      border:1px solid rgba(255,255,255,.18);
    }
    .countdown-label{
      font-weight:950;
      padding:10px 14px;border-radius:16px;
      color:#111b3d;background:#fff;
      white-space:nowrap;
    }
    .time-grid{
      display:grid;
      grid-template-columns:repeat(4, minmax(70px,1fr));
      gap:10px;
    }
    .time-box{
      text-align:center;
      border-radius:16px;
      padding:10px 8px;
      background:rgba(17,27,61,.36);
      border:1px solid rgba(255,255,255,.14);
    }
    .time-box strong{
      display:block;
      font-size:1.32rem;
      line-height:1.1;
      font-weight:1000;
    }
    .time-box span{font-size:.76rem;color:rgba(255,255,255,.74)}
    .btn-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
    .btn{
      display:inline-flex;align-items:center;justify-content:center;gap:9px;
      min-height:48px;
      padding:13px 20px;
      border-radius:999px;
      border:1px solid transparent;
      font-weight:900;
      transition:transform .22s ease, box-shadow .22s ease, background .22s ease, border-color .22s ease;
      cursor:pointer;
      user-select:none;
    }
    .btn-primary{
      background:linear-gradient(135deg,#fff,#dff9f2);
      color:#1737ad;
      box-shadow:0 16px 34px rgba(0,0,0,.20);
    }
    .btn-primary:hover,.btn-primary:focus-visible{transform:translateY(-2px);box-shadow:0 20px 42px rgba(0,0,0,.28);outline:none}
    .btn-outline{
      color:#fff;background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.30);
    }
    .btn-outline:hover,.btn-outline:focus-visible{background:rgba(255,255,255,.18);outline:none;transform:translateY(-2px)}
    .btn-dark{
      color:#fff;background:linear-gradient(135deg,#1737ad,#111b3d);
      box-shadow:0 16px 34px rgba(33,73,223,.18);
    }
    .btn-dark:hover,.btn-dark:focus-visible{transform:translateY(-2px);box-shadow:0 20px 46px rgba(33,73,223,.26);outline:none}
    .btn-light{
      color:#1737ad;background:#fff;border-color:#dbe6ff;
    }
    .btn-light:hover,.btn-light:focus-visible{border-color:#9bb4ff;box-shadow:var(--shadow);transform:translateY(-2px);outline:none}
    .hero-metrics{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:12px;
      margin-top:24px;
      max-width:860px;
    }
    .metric-pill{
      padding:14px 16px;
      border-radius:18px;
      background:rgba(255,255,255,.11);
      border:1px solid rgba(255,255,255,.16);
    }
    .metric-pill strong{display:block;font-size:1.2rem;font-weight:1000}
    .metric-pill span{font-size:.88rem;color:rgba(255,255,255,.74)}
    .category-grid{
      display:grid;
      grid-template-columns:1.2fr repeat(2,1fr);
      gap:18px;
      margin-top:28px;
    }
    .entry-card{
      position:relative;overflow:hidden;
      border:1px solid var(--line);
      background:#fff;
      border-radius:var(--radius);
      padding:24px;
      min-height:180px;
      box-shadow:0 14px 36px rgba(17,27,61,.06);
      transition:.24s ease;
    }
    .entry-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover);border-color:#cbd8ff}
    .entry-card.featured{
      background:linear-gradient(135deg,#162033,#2149df);
      color:#fff;
      grid-row:span 2;
      min-height:378px;
    }
    .entry-card.featured:before{
      content:"";position:absolute;right:-80px;bottom:-100px;width:280px;height:280px;
      border-radius:50%;background:rgba(33,208,162,.28);
    }
    .entry-icon{
      width:46px;height:46px;border-radius:16px;
      display:grid;place-items:center;
      background:#eef4ff;color:#2149df;
      font-weight:1000;
      margin-bottom:18px;
    }
    .featured .entry-icon{background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.22)}
    .entry-card h3{font-size:1.18rem;font-weight:950;margin:0 0 8px}
    .entry-card p{color:var(--muted);font-size:.96rem;margin:0}
    .featured p{color:rgba(255,255,255,.78)}
    .quick-actions{
      display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;position:relative;z-index:1;
    }
    .quick-actions a{
      padding:10px 13px;border-radius:999px;
      background:rgba(255,255,255,.13);
      border:1px solid rgba(255,255,255,.18);
      color:#fff;font-weight:800;font-size:.9rem;
      transition:.2s ease;
    }
    .quick-actions a:hover{background:rgba(255,255,255,.22)}
    .flash-strip{
      border-radius:30px;
      overflow:hidden;
      color:#fff;
      background:linear-gradient(100deg,#ff5f7e,#ffb84d 48%,#2149df);
      box-shadow:0 18px 48px rgba(255,95,126,.22);
      margin-top:34px;
    }
    .flash-inner{
      display:grid;
      grid-template-columns:1.1fr 1.2fr auto;
      gap:18px;
      align-items:center;
      padding:22px;
    }
    .stock-bar{
      height:10px;background:rgba(255,255,255,.24);
      border-radius:999px;overflow:hidden;
      margin-top:10px;
    }
    .stock-bar span{
      display:block;height:100%;width:32%;
      border-radius:999px;background:#fff;
    }
    .resource-layout{
      display:grid;
      grid-template-columns:1.7fr .9fr;
      gap:24px;
      margin-top:30px;
      align-items:start;
    }
    .resource-track{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:18px;
    }
    .resource-card,.plain-card,.faq-item,.news-list,.download-card{
      border:1px solid var(--line);
      background:rgba(255,255,255,.92);
      border-radius:var(--radius);
      box-shadow:0 14px 36px rgba(17,27,61,.06);
    }
    .resource-card{
      padding:22px;
      transition:.24s ease;
      position:relative;
      overflow:hidden;
    }
    .resource-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:#cbd8ff}
    .tag{
      display:inline-flex;align-items:center;gap:6px;
      padding:6px 10px;border-radius:999px;
      background:#eef4ff;color:#2149df;
      font-weight:900;font-size:.78rem;
      border:1px solid #dbe6ff;
    }
    .tag.hot{background:#fff4e2;color:#a96200;border-color:#ffe0aa}
    .tag.safe{background:#eafbf6;color:#08795e;border-color:#bfeee1}
    .resource-card h3{margin:14px 0 8px;font-size:1.16rem;font-weight:950;line-height:1.35}
    .resource-card p{margin:0;color:var(--muted);font-size:.95rem}
    .card-meta{
      display:flex;align-items:center;justify-content:space-between;gap:12px;
      margin-top:18px;padding-top:16px;border-top:1px solid var(--line);
      color:#7a8498;font-size:.88rem;
    }
    .claim-btn{
      padding:8px 12px;border-radius:999px;
      background:#111b3d;color:#fff;font-weight:900;
      transition:.2s ease;
    }
    .claim-btn:hover{background:#2149df}
    .side-panel{
      position:sticky;top:98px;
      padding:24px;
      border-radius:30px;
      background:linear-gradient(180deg,#fff,#f3f7ff);
      border:1px solid var(--line);
      box-shadow:var(--shadow);
    }
    .side-panel h3{font-size:1.25rem;font-weight:950;margin:0 0 8px}
    .mini-list{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:12px}
    .mini-list li{
      display:flex;gap:12px;align-items:flex-start;
      padding:12px;border-radius:16px;background:#fff;border:1px solid #edf1f8;
    }
    .mini-index{
      flex:0 0 28px;width:28px;height:28px;border-radius:10px;
      display:grid;place-items:center;background:#eef4ff;color:#2149df;font-weight:1000;
    }
    .theme-grid{
      display:grid;
      grid-template-columns:repeat(4,minmax(0,1fr));
      gap:16px;
      margin-top:28px;
    }
    .theme-card{
      padding:22px;
      border-radius:24px;
      background:#fff;
      border:1px solid var(--line);
      box-shadow:0 12px 30px rgba(17,27,61,.05);
      transition:.22s ease;
    }
    .theme-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#cbd8ff}
    .theme-card strong{display:block;font-size:1.08rem;margin-bottom:8px}
    .theme-card span{color:var(--muted);font-size:.93rem}
    .proof-band{
      background:#111b3d;
      color:#fff;
      border-radius:34px;
      padding:34px;
      overflow:hidden;
      position:relative;
    }
    .proof-band:after{
      content:"";position:absolute;right:-90px;top:-100px;width:320px;height:320px;border-radius:50%;
      background:rgba(33,208,162,.22);
    }
    .proof-grid{
      display:grid;
      grid-template-columns:repeat(4,minmax(0,1fr));
      gap:16px;
      position:relative;z-index:1;
      margin-top:26px;
    }
    .proof-item{
      padding:18px;
      border-radius:20px;
      background:rgba(255,255,255,.08);
      border:1px solid rgba(255,255,255,.14);
    }
    .proof-item strong{display:block;font-size:1.75rem;font-weight:1000}
    .proof-item span{color:rgba(255,255,255,.72);font-size:.92rem}
    .news-layout{
      display:grid;
      grid-template-columns:1.55fr .8fr;
      gap:24px;
      margin-top:30px;
      align-items:start;
    }
    .news-list{padding:12px}
    .news-item{
      display:grid;
      grid-template-columns:92px 1fr auto;
      gap:16px;
      align-items:center;
      padding:18px;
      border-radius:20px;
      transition:.22s ease;
    }
    .news-item + .news-item{border-top:1px solid var(--line)}
    .news-item:hover{background:#f4f7ff}
    .news-date{
      font-weight:950;color:#2149df;
      background:#eef4ff;border-radius:16px;
      padding:10px;text-align:center;
      font-size:.86rem;
    }
    .news-title{font-weight:950;line-height:1.35}
    .news-summary{color:var(--muted);font-size:.92rem;margin-top:4px}
    .arrow{color:#9aa5ba;font-weight:1000}
    .recommend-card{
      padding:24px;
      border-radius:30px;
      background:linear-gradient(180deg,#2149df,#111b3d);
      color:#fff;
      box-shadow:var(--shadow);
    }
    .recommend-card p{color:rgba(255,255,255,.76)}
    .check-list{padding:0;margin:18px 0 0;list-style:none;display:grid;gap:10px}
    .check-list li{display:flex;gap:10px;align-items:flex-start;color:rgba(255,255,255,.86)}
    .check-list li:before{content:"✓";font-weight:1000;color:#90f5da}
    .download-stage{
      display:grid;
      grid-template-columns:1.1fr .9fr;
      gap:24px;
      align-items:center;
      margin-top:30px;
    }
    .download-card{
      padding:32px;
      background:
        radial-gradient(circle at 85% 0%,rgba(33,208,162,.18),transparent 260px),
        #fff;
    }
    .input-line{
      display:flex;gap:10px;margin-top:20px;
      padding:8px;border-radius:999px;
      border:1px solid var(--line);
      background:#f8faff;
    }
    .input-line input{
      flex:1;border:0;background:transparent;
      min-width:0;padding:0 12px;color:var(--text);
      outline:none;
    }
    .input-line:focus-within{box-shadow:var(--focus);border-color:#9bb4ff}
    .qr-card{
      padding:28px;
      border-radius:30px;
      background:#111b3d;
      color:#fff;
      position:relative;
      overflow:hidden;
      box-shadow:var(--shadow);
    }
    .qr-card:before{
      content:"";position:absolute;inset:auto -40px -80px auto;width:220px;height:220px;border-radius:50%;
      background:rgba(33,208,162,.22);
    }
    .qr-box{
      width:148px;height:148px;border-radius:24px;background:#fff;
      display:grid;place-items:center;margin-bottom:18px;
      position:relative;z-index:1;
    }
    .qr-grid{
      width:104px;height:104px;
      background:
        linear-gradient(90deg,#111b3d 10px,transparent 10px) 0 0/20px 20px,
        linear-gradient(#111b3d 10px,transparent 10px) 0 0/20px 20px,
        #fff;
      opacity:.88;
      border-radius:12px;
    }
    .steps-grid{
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:18px;
      margin-top:28px;
    }
    .step-card{
      padding:24px;
      border-radius:24px;
      background:#fff;
      border:1px solid var(--line);
      box-shadow:0 12px 30px rgba(17,27,61,.05);
    }
    .step-num{
      width:42px;height:42px;border-radius:16px;
      display:grid;place-items:center;
      background:#111b3d;color:#fff;
      font-weight:1000;margin-bottom:16px;
    }
    .step-card h3{font-size:1.1rem;font-weight:950;margin:0 0 8px}
    .step-card p{color:var(--muted);font-size:.95rem;margin:0}
    .faq-grid{
      display:grid;
      grid-template-columns:.78fr 1.22fr;
      gap:24px;
      align-items:start;
      margin-top:28px;
    }
    .faq-aside{
      padding:28px;border-radius:30px;
      background:#f1f5ff;border:1px solid #dfe8ff;
    }
    .faq-list{display:grid;gap:14px}
    .faq-item{padding:22px}
    .faq-item summary{
      cursor:pointer;
      font-weight:950;
      list-style:none;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:16px;
    }
    .faq-item summary::-webkit-details-marker{display:none}
    .faq-item summary:after{
      content:"+";
      width:28px;height:28px;border-radius:10px;
      display:grid;place-items:center;
      background:#eef4ff;color:#2149df;
      flex:0 0 auto;
      transition:.2s ease;
    }
    .faq-item[open] summary:after{content:"−";background:#2149df;color:#fff}
    .faq-item p{margin:12px 0 0;color:var(--muted)}
    .contact-cta{
      border-radius:34px;
      padding:34px;
      color:#fff;
      background:linear-gradient(110deg,#111b3d,#2149df 58%,#21d0a2);
      display:grid;
      grid-template-columns:1.2fr auto;
      align-items:center;
      gap:22px;
      box-shadow:var(--shadow);
      overflow:hidden;
      position:relative;
    }
    .contact-cta:before{
      content:"";position:absolute;left:30%;top:-80px;width:210px;height:210px;border-radius:50%;
      background:rgba(255,255,255,.10);
    }
    .footer{
      padding:54px 0 28px;
      background:#0d142b;
      color:#dce5ff;
    }
    .footer-grid{
      display:grid;
      grid-template-columns:1.2fr .8fr .8fr;
      gap:28px;
      padding-bottom:30px;
      border-bottom:1px solid rgba(255,255,255,.10);
    }
    .footer-brand{font-size:1.3rem;font-weight:1000;color:#fff;margin-bottom:10px}
    .footer p{color:rgba(220,229,255,.72);margin:0}
    .footer h3{font-size:1rem;font-weight:950;color:#fff;margin:0 0 12px}
    .footer-links{display:grid;gap:8px}
    .footer-links a,.footer-links span{
      color:rgba(220,229,255,.74);
      transition:.2s ease;
    }
    .footer-links a:hover{color:#fff;transform:translateX(2px)}
    .copyright{
      display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;
      padding-top:24px;color:rgba(220,229,255,.58);font-size:.92rem;
    }
    @media (max-width:1024px){
      .hero{min-height:640px}
      .category-grid{grid-template-columns:1fr 1fr}
      .entry-card.featured{grid-column:1/-1;grid-row:auto;min-height:280px}
      .resource-layout,.news-layout,.download-stage,.faq-grid{grid-template-columns:1fr}
      .side-panel{position:static}
      .theme-grid,.proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
      .flash-inner{grid-template-columns:1fr}
    }
    @media (max-width:768px){
      .nav-inner{min-height:auto;padding:14px 0;align-items:flex-start}
      .nav-links{
        width:100%;
        justify-content:flex-end;
        flex-wrap:wrap;
      }
      .nav-cta{display:none}
      .hero-content{padding:62px 0 92px}
      .hero-kv{padding:22px;border-radius:26px}
      .countdown{grid-template-columns:1fr}
      .time-grid{grid-template-columns:repeat(2,1fr)}
      .hero-metrics,.resource-track,.steps-grid{grid-template-columns:1fr}
      .category-grid{grid-template-columns:1fr}
      .section{padding:62px 0}
      .section-tight{padding:44px 0}
      .news-item{grid-template-columns:1fr;gap:10px}
      .news-date{width:max-content}
      .contact-cta{grid-template-columns:1fr;padding:28px}
      .footer-grid{grid-template-columns:1fr}
    }
    @media (max-width:520px){
      .site-container{width:min(100% - 22px,1180px)}
      .brand-logo{font-size:1.12rem}
      .brand-mark{width:38px;height:38px}
      .nav-link{padding:8px 10px;font-size:.92rem}
      h1{letter-spacing:-.045em}
      .btn{width:100%;padding-inline:16px}
      .btn-row{width:100%}
      .hero-metrics{gap:10px}
      .theme-grid,.proof-grid{grid-template-columns:1fr}
      .input-line{border-radius:22px;flex-direction:column;padding:12px}
      .input-line .btn{width:100%}
      .flash-inner{padding:18px}
      .resource-card,.download-card,.qr-card{padding:22px}
    }