/* roulang page: index */
:root {
      --ink:#18232c;
      --muted:#66737b;
      --paper:#fbfaf7;
      --cream:#f1ece4;
      --rose:#c36c68;
      --rose-dark:#944e50;
      --sage:#718778;
      --line:#dfe1da;
      --white:#fff;
      --radius:18px;
      --shadow:0 18px 45px rgba(33,47,54,.10);
      --soft-shadow:0 8px 24px rgba(33,47,54,.07);
    }
    * { 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.8; }
    a { color:inherit; text-decoration:none; }
    img { display:block; width:100%; object-fit:cover; }
    button, input { font:inherit; }
    .container { width:min(1180px,calc(100% - 40px)); margin:0 auto; }
    .site-header { position:sticky; top:0; z-index:20; background:rgba(251,250,247,.93); border-bottom:1px solid rgba(223,225,218,.85); backdrop-filter:blur(14px); }
    .nav-shell { min-height:78px; display:flex; align-items:center; justify-content:space-between; gap:28px; }
    .brand { display:flex; align-items:center; gap:12px; font-weight:800; letter-spacing:.02em; white-space:nowrap; }
    .brand-mark { width:38px; height:38px; display:grid; place-items:center; border-radius:11px; color:#fff; background:var(--rose); box-shadow:0 8px 18px rgba(195,108,104,.25); font-family:Georgia,serif; font-size:20px; }
    .nav-links { display:flex; align-items:center; gap:26px; color:var(--muted); font-size:14px; }
    .nav-links a { position:relative; padding:26px 0; transition:color .2s ease; }
    .nav-links a:hover,.nav-links a.active { color:var(--rose-dark); }
    .nav-links a.active:after { content:""; position:absolute; left:0; right:0; bottom:17px; height:2px; background:var(--rose); }
    .nav-note { color:var(--rose-dark); font-size:13px; border:1px solid #e7c7c4; padding:7px 13px; border-radius:999px; }
    .hero { min-height:610px; position:relative; display:flex; align-items:flex-end; overflow:hidden; color:#fff; background:#26343a; }
    .hero:before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(18,31,37,.78) 0%,rgba(18,31,37,.46) 48%,rgba(18,31,37,.12) 100%); z-index:1; }
    .hero-image { position:absolute; inset:0; height:100%; object-position:center 42%; }
    .hero-content { position:relative; z-index:2; width:100%; padding:92px 0 76px; }
    .eyebrow { display:inline-flex; align-items:center; gap:8px; color:#f3c4bb; font-size:13px; letter-spacing:.13em; margin-bottom:17px; }
    .eyebrow:before { content:""; width:28px; height:1px; background:#f3c4bb; }
    h1,h2,h3,p { margin-top:0; }
    h1 { max-width:690px; margin-bottom:22px; font-family:"Noto Serif SC",serif; font-size:clamp(38px,5.6vw,70px); line-height:1.18; letter-spacing:.02em; }
    h1 em { color:#f5b4a8; font-style:normal; }
    .hero-copy { max-width:610px; color:rgba(255,255,255,.86); font-size:16px; line-height:2; margin-bottom:30px; }
    .button-row { display:flex; flex-wrap:wrap; gap:12px; }
    .button { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:0 22px; border-radius:10px; border:1px solid transparent; font-size:14px; font-weight:700; transition:transform .2s,box-shadow .2s,background .2s; }
    .button:hover { transform:translateY(-2px); box-shadow:0 9px 20px rgba(20,30,32,.16); }
    .button-primary { background:var(--rose); color:#fff; }
    .button-primary:hover { background:var(--rose-dark); }
    .button-light { border-color:rgba(255,255,255,.55); color:#fff; background:rgba(255,255,255,.08); }
    .button-light:hover { background:rgba(255,255,255,.18); }
    section { padding:86px 0; }
    .section-head { display:flex; align-items:end; justify-content:space-between; gap:25px; margin-bottom:30px; }
    .section-kicker { display:block; color:var(--rose-dark); font-size:12px; font-weight:800; letter-spacing:.14em; margin-bottom:7px; }
    h2 { font-family:"Noto Serif SC",serif; font-size:clamp(27px,3vw,40px); line-height:1.3; margin-bottom:0; }
    .section-intro { max-width:540px; color:var(--muted); font-size:14px; line-height:1.9; margin-bottom:0; }
    .metric-band { background:#26343a; color:#fff; padding:28px 0; }
    .metric-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
    .metric { padding:5px 24px; border-left:1px solid rgba(255,255,255,.18); }
    .metric:first-child { border-left:0; }
    .metric strong { display:block; font-family:"Noto Serif SC",serif; font-size:31px; color:#f3b4a9; line-height:1.2; }
    .metric span { color:rgba(255,255,255,.68); font-size:13px; }
    .directory { background:var(--cream); }
    .directory-grid { display:grid; grid-template-columns:1.2fr .8fr .8fr; grid-auto-rows:minmax(190px,auto); gap:16px; }
    .directory-item { position:relative; overflow:hidden; min-height:190px; padding:26px; border-radius:var(--radius); color:#fff; background:#31454a; }
    .directory-item:first-child { grid-row:span 2; background:linear-gradient(135deg,#785a59,#bf7770); }
    .directory-item:nth-child(2) { background:#718778; }
    .directory-item:nth-child(3) { background:#526c7a; }
    .directory-item:nth-child(4) { background:#a17c65; }
    .directory-item:after { content:""; position:absolute; width:150px; height:150px; border:1px solid rgba(255,255,255,.24); border-radius:50%; right:-42px; bottom:-52px; }
    .directory-item h3 { position:relative; z-index:1; font-size:23px; margin-bottom:9px; }
    .directory-item p { position:relative; z-index:1; max-width:290px; color:rgba(255,255,255,.82); font-size:13px; line-height:1.8; margin-bottom:0; }
    .link-arrow { position:absolute; right:24px; bottom:22px; z-index:2; font-size:20px; }
    .feature-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:48px; align-items:center; }
    .feature-image { min-height:420px; border-radius:var(--radius); box-shadow:var(--shadow); object-position:center; }
    .feature-copy p { color:var(--muted); font-size:15px; line-height:2; }
    .highlight-list { display:grid; gap:15px; margin-top:25px; }
    .highlight-list li { list-style:none; display:flex; gap:15px; align-items:flex-start; padding-bottom:15px; border-bottom:1px solid var(--line); }
    .highlight-list li:last-child { border-bottom:0; }
    .highlight-icon { flex:0 0 32px; height:32px; display:grid; place-items:center; border-radius:50%; color:var(--rose-dark); background:#f4dfda; font-weight:800; }
    .highlight-list strong { display:block; font-size:15px; margin-bottom:2px; }
    .highlight-list span { color:var(--muted); font-size:13px; }
    .story-section { background:#fff; }
    .story-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
    .story-card { overflow:hidden; border:1px solid var(--line); border-radius:var(--radius); background:#fff; transition:transform .25s,box-shadow .25s; }
    .story-card:hover { transform:translateY(-5px); box-shadow:var(--soft-shadow); }
    .story-card img { height:205px; }
    .story-body { padding:20px; }
    .story-meta { display:flex; justify-content:space-between; color:var(--rose-dark); font-size:12px; margin-bottom:8px; }
    .story-body h3 { font-size:18px; line-height:1.5; margin-bottom:9px; }
    .story-body p { color:var(--muted); font-size:13px; line-height:1.8; margin-bottom:0; }
    .compare { background:#eef1ed; }
    .compare-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px; }
    .compare-box { padding:30px; border-radius:var(--radius); background:#fff; border:1px solid var(--line); }
    .compare-box.accent { background:#34494a; color:#fff; border-color:#34494a; }
    .compare-box h3 { font-size:20px; margin-bottom:20px; }
    .compare-box ul { margin:0; padding:0; list-style:none; }
    .compare-box li { padding:12px 0; border-top:1px solid rgba(116,131,128,.2); color:var(--muted); font-size:14px; }
    .compare-box.accent li { color:rgba(255,255,255,.8); border-color:rgba(255,255,255,.16); }
    .compare-box li:before { content:"✓"; color:var(--rose); margin-right:10px; font-weight:800; }
    .timeline { display:grid; grid-template-columns:repeat(4,1fr); gap:0; border-top:1px solid var(--line); }
    .timeline-item { position:relative; padding:29px 24px 0 0; }
    .timeline-item:before { content:""; position:absolute; top:-6px; left:0; width:11px; height:11px; border-radius:50%; background:var(--rose); box-shadow:0 0 0 5px var(--paper); }
    .timeline-item strong { display:block; color:var(--rose-dark); font-size:13px; margin-bottom:9px; }
    .timeline-item h3 { font-size:17px; margin-bottom:7px; }
    .timeline-item p { color:var(--muted); font-size:13px; line-height:1.8; }
    .news-section { background:var(--cream); }
    .news-grid { display:grid; grid-template-columns:1.3fr .7fr .7fr; gap:18px; }
    .news-item { overflow:hidden; border-radius:var(--radius); background:#fff; border:1px solid var(--line); }
    .news-item:first-child { grid-row:span 2; }
    .news-item img { height:180px; }
    .news-item:first-child img { height:280px; }
    .news-content { padding:18px; }
    .news-content time { color:var(--rose-dark); font-size:12px; }
    .news-content h3 { font-size:17px; line-height:1.5; margin:7px 0 0; }
    .quote-section { background:#34494a; color:#fff; }
    .quote-layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:60px; align-items:center; }
    .quote-section .section-kicker { color:#f3b4a9; }
    .quote-section h2 { max-width:350px; }
    .quote-list { display:grid; gap:14px; }
    .quote { padding:20px 22px; border-left:3px solid #d7958c; background:rgba(255,255,255,.08); }
    .quote p { color:rgba(255,255,255,.85); font-size:14px; margin-bottom:9px; }
    .quote span { color:#f2bbb1; font-size:12px; }
    .topic-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
    .topic-link { padding:22px 20px; border:1px solid var(--line); border-radius:14px; background:#fff; transition:border-color .2s,transform .2s; }
    .topic-link:hover { border-color:var(--rose); transform:translateY(-3px); }
    .topic-link h3 { font-size:16px; margin-bottom:5px; }
    .topic-link p { color:var(--muted); font-size:12px; line-height:1.7; margin-bottom:0; }
    .faq-section { background:#fff; }
    .faq-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px 40px; }
    .faq-item { padding:20px 0; border-bottom:1px solid var(--line); }
    .faq-item h3 { font-size:16px; margin-bottom:8px; }
    .faq-item p { color:var(--muted); font-size:13px; line-height:1.9; margin-bottom:0; }
    .final-band { background:#f4dcd6; text-align:center; padding:66px 0; }
    .final-band h2 { margin-bottom:12px; }
    .final-band p { max-width:620px; margin:0 auto 23px; color:#6d5b59; font-size:14px; }
    footer { padding:56px 0 24px; background:#1f2d32; color:#fff; }
    .footer-grid { display:grid; grid-template-columns:1.5fr repeat(3,1fr); gap:35px; padding-bottom:42px; }
    footer .brand { margin-bottom:14px; }
    .footer-copy { max-width:280px; color:rgba(255,255,255,.58); font-size:13px; line-height:1.9; }
    .footer-title { color:#f0b1a7; font-size:13px; font-weight:700; margin-bottom:13px; }
    .footer-links { display:grid; gap:8px; color:rgba(255,255,255,.65); font-size:13px; }
    .footer-links a:hover { color:#fff; }
    .copyright { padding-top:20px; border-top:1px solid rgba(255,255,255,.13); color:rgba(255,255,255,.42); font-size:12px; display:flex; justify-content:space-between; gap:15px; }
    :focus-visible { outline:3px solid rgba(195,108,104,.5); outline-offset:3px; }
    @media (max-width:1024px) {
      .nav-links { gap:16px; }
      .nav-note { display:none; }
      .directory-grid { grid-template-columns:1fr 1fr; }
      .directory-item:first-child { grid-row:auto; }
      .feature-grid,.quote-layout { gap:30px; }
    }
    @media (max-width:768px) {
      .container { width:min(100% - 30px,620px); }
      .nav-shell { min-height:68px; }
      .nav-links { overflow-x:auto; max-width:58%; gap:18px; white-space:nowrap; }
      .nav-links a { padding:22px 0; font-size:13px; }
      .hero { min-height:590px; }
      .hero-content { padding:70px 0 54px; }
      section { padding:64px 0; }
      .metric-grid { grid-template-columns:repeat(2,1fr); }
      .metric:nth-child(3) { border-left:0; }
      .feature-grid,.compare-grid,.quote-layout { grid-template-columns:1fr; }
      .feature-image { min-height:300px; order:-1; }
      .story-grid { grid-template-columns:1fr 1fr; }
      .timeline { grid-template-columns:repeat(2,1fr); gap:20px 0; }
      .timeline-item:nth-child(3) { border-top:1px solid var(--line); }
      .news-grid { grid-template-columns:1fr 1fr; }
      .news-item:first-child { grid-column:span 2; grid-row:auto; }
      .topic-grid { grid-template-columns:1fr 1fr; }
      .faq-grid { grid-template-columns:1fr; }
      .footer-grid { grid-template-columns:1.3fr 1fr 1fr; }
      .footer-grid > :first-child { grid-column:span 3; }
    }
    @media (max-width:520px) {
      .brand { font-size:14px; }
      .brand-mark { width:34px; height:34px; }
      .nav-links { max-width:42%; }
      h1 { font-size:38px; }
      .hero-copy { font-size:14px; }
      .directory-grid,.story-grid,.news-grid,.topic-grid { grid-template-columns:1fr; }
      .news-item:first-child { grid-column:auto; }
      .news-item img,.news-item:first-child img { height:210px; }
      .section-head { display:block; }
      .section-intro { margin-top:14px; }
      .footer-grid { grid-template-columns:1fr 1fr; }
      .footer-grid > :first-child { grid-column:span 2; }
      .copyright { display:block; line-height:1.8; }
    }

/* roulang page: category1 */
:root {
      --ink:#18232c; --muted:#66737b; --paper:#fbfaf7; --cream:#f1ece4;
      --rose:#c36c68; --rose-dark:#944e50; --sage:#718778; --line:#dfe1da;
      --white:#fff; --radius:18px; --shadow:0 18px 45px rgba(33,47,54,.10);
      --soft-shadow:0 8px 24px rgba(33,47,54,.07);
    }
    *{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.8}
    a{color:inherit;text-decoration:none}
    img{display:block;width:100%;object-fit:cover}
    button,input{font:inherit}
    .container{width:min(1180px,calc(100% - 40px));margin:0 auto}
    .site-header{position:sticky;top:0;z-index:20;background:rgba(251,250,247,.94);border-bottom:1px solid rgba(223,225,218,.85);backdrop-filter:blur(14px)}
    .nav-shell{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}
    .brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.02em;white-space:nowrap}
    .brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;color:#fff;background:var(--rose);box-shadow:0 8px 18px rgba(195,108,104,.25);font-family:Georgia,serif;font-size:20px}
    .nav-links{display:flex;align-items:center;gap:26px;color:var(--muted);font-size:14px}
    .nav-links a{position:relative;padding:26px 0;transition:color .2s ease}
    .nav-links a:hover,.nav-links a.active{color:var(--rose-dark)}
    .nav-links a.active:after{content:"";position:absolute;left:0;right:0;bottom:17px;height:2px;background:var(--rose)}
    .nav-note{color:var(--rose-dark);font-size:13px;border:1px solid #e7c7c4;padding:7px 13px;border-radius:999px}
    .page-hero{padding:74px 0 68px;background:var(--cream);border-bottom:1px solid var(--line)}
    .hero-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:54px;align-items:end}
    .eyebrow,.section-kicker{display:block;color:var(--rose-dark);font-size:12px;font-weight:800;letter-spacing:.14em;margin-bottom:10px}
    h1,h2,h3,p{margin-top:0}
    h1{font-family:"Noto Serif SC",serif;font-size:clamp(38px,5vw,66px);line-height:1.2;letter-spacing:.02em;margin-bottom:20px}
    h1 em{color:var(--rose);font-style:normal}
    .hero-summary{max-width:650px;color:var(--muted);font-size:16px;line-height:2}
    .map-panel{position:relative;min-height:245px;padding:25px;border:1px solid rgba(195,108,104,.25);border-radius:var(--radius);background:#fff;box-shadow:var(--soft-shadow);overflow:hidden}
    .map-panel:before,.map-panel:after{content:"";position:absolute;border:1px solid #ecd0c8;border-radius:50%}
    .map-panel:before{width:260px;height:260px;right:-90px;top:-90px}
    .map-panel:after{width:170px;height:170px;right:0;bottom:-85px}
    .map-label{position:relative;z-index:1;color:var(--rose-dark);font-size:13px;font-weight:700}
    .map-title{position:relative;z-index:1;max-width:230px;margin-top:42px;font-family:"Noto Serif SC",serif;font-size:25px;line-height:1.5}
    .map-point{position:absolute;z-index:2;right:29%;top:42%;width:13px;height:13px;border:3px solid #fff;border-radius:50%;background:var(--rose);box-shadow:0 0 0 7px rgba(195,108,104,.18)}
    section{padding:78px 0}
    .section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:30px}
    .section-head h2{font-family:"Noto Serif SC",serif;font-size:30px;margin-bottom:0}
    .section-intro{max-width:530px;color:var(--muted);font-size:14px;line-height:1.9;margin-bottom:0}
    .metric-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
    .metric{padding:25px;background:#fff}
    .metric strong{display:block;color:var(--rose-dark);font-family:"Noto Serif SC",serif;font-size:30px}
    .metric span{color:var(--muted);font-size:13px}
    .matrix{display:grid;grid-template-columns:1.25fr .75fr .75fr;grid-auto-rows:minmax(185px,auto);gap:16px}
    .matrix-item{position:relative;overflow:hidden;padding:27px;border-radius:var(--radius);color:#fff;background:#526c7a}
    .matrix-item:first-child{grid-row:span 2;background:#785a59}
    .matrix-item:nth-child(2){background:var(--sage)}
    .matrix-item:nth-child(3){background:#a17c65}
    .matrix-item:nth-child(4){background:#526c7a}
    .matrix-item h3{font-size:22px;margin-bottom:8px}
    .matrix-item p{max-width:285px;color:rgba(255,255,255,.83);font-size:13px;line-height:1.8}
    .matrix-arrow{position:absolute;right:23px;bottom:19px;font-size:22px}
    .comparison{background:#fff}
    .compare-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:45px;align-items:start}
    .compare-copy h2{font-family:"Noto Serif SC",serif;font-size:30px}
    .compare-copy p{color:var(--muted);font-size:15px;line-height:2}
    .compare-list{border-top:1px solid var(--line)}
    .compare-row{display:grid;grid-template-columns:115px 1fr 1fr;gap:18px;padding:18px 0;border-bottom:1px solid var(--line);font-size:13px}
    .compare-row strong{color:var(--rose-dark)}
    .compare-row span{color:var(--muted)}
    .timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;border-top:1px solid var(--line)}
    .timeline-item{position:relative;padding:27px 10px 0 0}
    .timeline-item:before{content:"";position:absolute;top:-6px;left:0;width:11px;height:11px;border-radius:50%;background:var(--rose);box-shadow:0 0 0 5px var(--paper)}
    .timeline-item strong{display:block;color:var(--rose-dark);font-size:13px;margin-bottom:9px}
    .timeline-item h3{font-size:17px;margin-bottom:7px}
    .timeline-item p{color:var(--muted);font-size:13px;line-height:1.8}
    .story-section{background:#fff}
    .story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
    .story-card{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#fff;transition:transform .25s,box-shadow .25s}
    .story-card:hover{transform:translateY(-5px);box-shadow:var(--soft-shadow)}
    .story-card img{height:190px}
    .story-body{padding:19px}
    .story-meta{display:flex;justify-content:space-between;color:var(--rose-dark);font-size:12px;margin-bottom:8px}
    .story-body h3{font-size:18px;line-height:1.5;margin-bottom:8px}
    .story-body p{color:var(--muted);font-size:13px;line-height:1.8;margin-bottom:0}
    .assurance{display:grid;grid-template-columns:1fr 1fr;gap:20px}
    .assurance-card{padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}
    .assurance-card h3{font-family:"Noto Serif SC",serif;font-size:22px}
    .assurance-card p{color:var(--muted);font-size:14px;line-height:1.9}
    .assurance-card ul{margin:0;padding:0;list-style:none}
    .assurance-card li{padding:11px 0;border-bottom:1px solid var(--line);font-size:14px}
    .assurance-card li:last-child{border-bottom:0}
    .assurance-card li:before{content:"✓";color:var(--rose);font-weight:800;margin-right:10px}
    .faq-section{background:var(--cream)}
    .faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
    details{padding:20px 22px;border:1px solid var(--line);border-radius:14px;background:#fff}
    summary{cursor:pointer;font-weight:700;list-style:none}
    summary::-webkit-details-marker{display:none}
    summary:after{content:"+";float:right;color:var(--rose);font-size:20px}
    details[open] summary:after{content:"−"}
    details p{color:var(--muted);font-size:14px;line-height:1.9;margin:13px 0 0}
    .closing{padding:62px 0;background:#26343a;color:#fff}
    .closing-layout{display:flex;align-items:center;justify-content:space-between;gap:30px}
    .closing h2{font-family:"Noto Serif SC",serif;font-size:30px;margin-bottom:8px}
    .closing p{color:rgba(255,255,255,.72);margin-bottom:0}
    .button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border-radius:10px;border:1px solid transparent;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s}
    .button:hover{transform:translateY(-2px);box-shadow:0 9px 20px rgba(20,30,32,.16)}
    .button-primary{background:var(--rose);color:#fff}
    .button-primary:hover{background:var(--rose-dark)}
    footer{padding:58px 0 22px;background:#18232c;color:#fff}
    .footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px}
    .footer-copy{max-width:290px;color:rgba(255,255,255,.58);font-size:13px;line-height:1.8;margin:17px 0 0}
    .footer-title{font-weight:700;margin-bottom:13px}
    .footer-links{display:grid;gap:8px;color:rgba(255,255,255,.58);font-size:13px}
    .footer-links a:hover{color:#fff}
    .copyright{display:flex;justify-content:space-between;gap:20px;margin-top:44px;padding-top:18px;border-top:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.42);font-size:12px}
    :focus-visible{outline:3px solid rgba(195,108,104,.4);outline-offset:3px}
    @media(max-width:1024px){.nav-note{display:none}.nav-links{gap:17px}.hero-layout{gap:30px}.matrix{grid-template-columns:1fr 1fr}.matrix-item:first-child{grid-row:span 2}.timeline{grid-template-columns:repeat(2,1fr)}}
    @media(max-width:768px){.container{width:min(100% - 28px,620px)}.nav-shell{min-height:68px}.brand{font-size:14px}.brand-mark{width:34px;height:34px}.nav-links{overflow-x:auto;gap:18px;white-space:nowrap}.nav-links a{padding:22px 0;font-size:13px}.page-hero{padding:55px 0}.hero-layout,.compare-layout{grid-template-columns:1fr}.map-panel{min-height:205px}.metric-strip{grid-template-columns:repeat(2,1fr)}section{padding:60px 0}.section-head{display:block}.section-intro{margin-top:12px}.story-grid,.assurance,.faq-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.closing-layout{display:block}.closing .button{margin-top:22px}}
    @media(max-width:520px){h1{font-size:38px}.nav-links{max-width:53vw}.matrix{grid-template-columns:1fr}.matrix-item:first-child{grid-row:auto}.metric{padding:19px 15px}.metric strong{font-size:25px}.compare-row{grid-template-columns:1fr;gap:3px}.timeline{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.copyright{display:block}.copyright span{display:block;margin-top:6px}}