/* roulang page: index */
:root{--ink:#16251f;--muted:#617269;--forest:#1d6b4d;--forest-dark:#11442f;--mint:#eaf4ed;--cream:#fbfaf5;--gold:#d59a3a;--line:#dfe8e1;--white:#fff;--radius:22px;--shadow:0 16px 45px rgba(22,37,31,.10)}
    *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--cream);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;line-height:1.8} a{text-decoration:none;color:inherit} img{display:block;max-width:100%} button,input,textarea{font:inherit}
    .shell{width:min(1180px,calc(100% - 40px));margin:auto}.nav-link{font-size:14px;font-weight:700;color:#526359;white-space:nowrap;transition:.2s}.nav-link:hover,.nav-link.active{color:var(--forest)}.nav-link.active{position:relative}.nav-link.active:after{content:"";position:absolute;left:0;right:0;bottom:-11px;height:2px;background:var(--forest);border-radius:99px}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:999px;font-weight:800;font-size:14px;transition:.22s;cursor:pointer;border:1px solid transparent}.btn-primary{background:var(--forest);color:#fff;box-shadow:0 8px 20px rgba(29,107,77,.2)}.btn-primary:hover{background:var(--forest-dark);transform:translateY(-2px)}.btn-light{background:#fff;color:var(--forest);border-color:#dce9e0}.btn-light:hover{border-color:var(--forest);transform:translateY(-2px)}.btn-gold{background:var(--gold);color:#fff}.btn-gold:hover{filter:brightness(.94);transform:translateY(-2px)}
    .eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;letter-spacing:.08em;color:var(--forest);background:#fff;border:1px solid #dce9e0;border-radius:999px;padding:5px 11px}.section-title{font-size:clamp(26px,3vw,39px);line-height:1.25;font-weight:900;letter-spacing:-.04em}.section-desc{max-width:680px;color:var(--muted);font-size:15px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 6px 20px rgba(22,37,31,.04);transition:.25s}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#c8dccd}.pill{font-size:12px;font-weight:800;color:var(--forest);background:var(--mint);border-radius:999px;padding:5px 10px}.cover{overflow:hidden}.cover img{width:100%;height:100%;object-fit:cover;transition:.5s}.cover:hover img{transform:scale(1.06)}.faq-item summary{cursor:pointer;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item[open]{border-color:#9dc8ac;background:#f9fdf9}.faq-item[open] .plus{transform:rotate(45deg)}.plus{font-size:26px;line-height:1;color:var(--forest);transition:.2s}
    .mobile-menu{display:none}.mobile-toggle{display:none}.news-item:hover h3{color:var(--forest)}.news-item h3{transition:.2s}.rank-num{font-size:23px;font-style:italic;font-weight:900;color:#c0d5c6}.rank-num.top{color:var(--gold)}
    @media(max-width:1024px){.desktop-nav{gap:14px}.desktop-nav .nav-link{font-size:13px}.hero-grid{grid-template-columns:1fr!important}.hero-panel{margin-top:10px}.story-grid{grid-template-columns:1fr!important}.review-grid{grid-template-columns:1fr!important}}
    @media(max-width:768px){.shell{width:min(100% - 28px,1180px)}.desktop-nav,.nav-cta{display:none}.mobile-toggle{display:inline-flex}.mobile-menu.open{display:flex}.mobile-menu{position:absolute;top:68px;left:14px;right:14px;z-index:30;display:none;flex-direction:column;padding:16px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.mobile-menu .nav-link{padding:9px}.mobile-menu .nav-link.active:after{display:none}.section-title{font-size:28px}.stats-grid{grid-template-columns:1fr 1fr!important}.topic-grid{grid-template-columns:1fr!important}.news-grid{grid-template-columns:1fr!important}.price-grid{grid-template-columns:1fr!important}.footer-grid{grid-template-columns:1fr 1fr!important}.hero-copy{padding:42px 0!important}}
    @media(max-width:520px){.stats-grid{grid-template-columns:1fr!important}.footer-grid{grid-template-columns:1fr!important}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%}.review-score{padding:28px!important}.section-title{font-size:25px}}

/* roulang page: category3 */
:root{--ink:#16251f;--muted:#617269;--forest:#1d6b4d;--forest-dark:#11442f;--mint:#eaf4ed;--cream:#fbfaf5;--gold:#d59a3a;--line:#dfe8e1;--white:#fff;--radius:22px;--shadow:0 16px 45px rgba(22,37,31,.10)}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--cream);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;line-height:1.8} a{text-decoration:none;color:inherit} img{display:block;max-width:100%} button,input,textarea{font:inherit}.shell{width:min(100% - 48px,1180px);margin:auto}.nav-link{font-size:14px;font-weight:700;color:#526359;white-space:nowrap;transition:.2s}.nav-link:hover,.nav-link.active{color:var(--forest)}.nav-link.active{position:relative}.nav-link.active:after{content:"";position:absolute;left:0;right:0;bottom:-11px;height:2px;background:var(--forest);border-radius:99px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:999px;font-weight:800;font-size:14px;transition:.22s;cursor:pointer;border:1px solid transparent}.btn:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #a8d5b7;outline-offset:3px}.btn-primary{background:var(--forest);color:#fff;box-shadow:0 8px 20px rgba(29,107,77,.2)}.btn-primary:hover{background:var(--forest-dark);transform:translateY(-2px)}.btn-light{background:#fff;color:var(--forest);border-color:#dce9e0}.btn-light:hover{border-color:var(--forest);transform:translateY(-2px)}.btn-gold{background:var(--gold);color:#fff}.btn-gold:hover{filter:brightness(.94);transform:translateY(-2px)}.eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;letter-spacing:.08em;color:var(--forest);background:#fff;border:1px solid #dce9e0;border-radius:999px;padding:5px 11px}.section-title{font-size:clamp(26px,3vw,39px);line-height:1.25;font-weight:900;letter-spacing:-.04em}.section-desc{max-width:700px;color:var(--muted);font-size:15px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 6px 20px rgba(22,37,31,.04);transition:.25s}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#c8dccd}.pill{font-size:12px;font-weight:800;color:var(--forest);background:var(--mint);border-radius:999px;padding:5px 10px}.cover{overflow:hidden}.cover img{width:100%;height:100%;object-fit:cover;transition:.5s}.cover:hover img{transform:scale(1.06)}.faq-item summary{cursor:pointer;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item[open]{border-color:#9dc8ac;background:#f9fdf9}.faq-item[open] .plus{transform:rotate(45deg)}.mobile-menu{display:none}.mobile-toggle{display:none}.desktop-nav{gap:14px}.desktop-nav .nav-link{font-size:13px}.hero-stage{background:linear-gradient(135deg,rgba(17,68,47,.97),rgba(29,107,77,.88)),url('/assets/images/backpic/back-2.webp') center/cover}.metric-card{border-left:3px solid var(--gold)}.step-num{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:var(--forest);font-weight:900}.soft-grid{background-image:radial-gradient(#cce2d2 1px,transparent 1px);background-size:18px 18px}@media(max-width:1024px){.desktop-nav,.nav-cta{display:none}.mobile-toggle{display:inline-flex}.mobile-menu.open{display:flex}.mobile-menu{position:absolute;top:68px;left:14px;right:14px;z-index:30;flex-direction:column;padding:16px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.mobile-menu .nav-link{padding:9px}.mobile-menu .nav-link.active:after{display:none}}@media(max-width:768px){.shell{width:min(100% - 28px,1180px)}.section-title{font-size:28px}.footer-grid{grid-template-columns:1fr 1fr!important}}@media(max-width:520px){.footer-grid{grid-template-columns:1fr!important}.section-title{font-size:25px}}

/* roulang page: category2 */
:root{--ink:#16251f;--muted:#617269;--forest:#1d6b4d;--forest-dark:#11442f;--mint:#eaf4ed;--cream:#fbfaf5;--gold:#d59a3a;--line:#dfe8e1;--white:#fff;--radius:22px;--shadow:0 16px 45px rgba(22,37,31,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;line-height:1.8}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}button,input,textarea{font:inherit}.shell{width:min(100% - 48px,1180px);margin:0 auto}.nav-link{font-size:14px;font-weight:700;color:#526359;white-space:nowrap;transition:.2s}.nav-link:hover,.nav-link.active{color:var(--forest)}.nav-link.active{position:relative}.nav-link.active:after{content:"";position:absolute;left:0;right:0;bottom:-11px;height:2px;background:var(--forest);border-radius:99px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:999px;font-weight:800;font-size:14px;transition:.22s;cursor:pointer;border:1px solid transparent}.btn:focus-visible,.nav-link:focus-visible,input:focus-visible{outline:3px solid rgba(213,154,58,.42);outline-offset:3px}.btn-primary{background:var(--forest);color:#fff;box-shadow:0 8px 20px rgba(29,107,77,.2)}.btn-primary:hover{background:var(--forest-dark);transform:translateY(-2px)}.btn-light{background:#fff;color:var(--forest);border-color:#dce9e0}.btn-light:hover{border-color:var(--forest);transform:translateY(-2px)}.btn-gold{background:var(--gold);color:#fff}.btn-gold:hover{filter:brightness(.94);transform:translateY(-2px)}.eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;letter-spacing:.08em;color:var(--forest);background:#fff;border:1px solid #dce9e0;border-radius:999px;padding:5px 11px}.section-title{font-size:clamp(26px,3vw,39px);line-height:1.25;font-weight:900;letter-spacing:-.04em}.section-desc{max-width:700px;color:var(--muted);font-size:15px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 6px 20px rgba(22,37,31,.04);transition:.25s}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#c8dccd}.pill{font-size:12px;font-weight:800;color:var(--forest);background:var(--mint);border-radius:999px;padding:5px 10px}.cover{overflow:hidden}.cover img{width:100%;height:100%;object-fit:cover;transition:.5s}.cover:hover img{transform:scale(1.06)}.faq-item summary{cursor:pointer;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item[open]{border-color:#9dc8ac;background:#f9fdf9}.faq-item[open] .plus{transform:rotate(45deg)}.mobile-menu,.mobile-toggle{display:none}.metric-num{font-size:clamp(34px,4vw,52px);line-height:1;font-weight:900;color:var(--forest)}.stage-num{width:42px;height:42px;border-radius:14px;background:var(--mint);color:var(--forest);display:grid;place-items:center;font-weight:900}.feature-icon{width:48px;height:48px;border-radius:16px;background:var(--mint);color:var(--forest);display:grid;place-items:center;font-size:23px;font-weight:900}.quote-mark{font-family:Georgia,serif;font-size:64px;line-height:.7;color:var(--gold)}.comparison-row{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:14px;align-items:center;padding:17px 20px;border-bottom:1px solid var(--line)}.comparison-row:last-child{border-bottom:0}.check{width:22px;height:22px;border-radius:50%;display:inline-grid;place-items:center;background:var(--mint);color:var(--forest);font-size:12px;font-weight:900}.cross{color:#9aa9a0}.hero-visual:before{content:"";position:absolute;width:220px;height:220px;right:-60px;top:-65px;border:1px solid rgba(255,255,255,.18);border-radius:50%}.hero-visual:after{content:"";position:absolute;width:120px;height:120px;left:-30px;bottom:-38px;border:1px solid rgba(255,255,255,.18);border-radius:50%}
@media(max-width:1024px){.desktop-nav,.nav-cta{display:none}.mobile-toggle{display:inline-flex}.mobile-menu.open{display:flex}.mobile-menu{position:absolute;top:68px;left:14px;right:14px;z-index:30;flex-direction:column;padding:16px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.mobile-menu .nav-link{padding:9px}.mobile-menu .nav-link.active:after{display:none}.footer-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:768px){.shell{width:min(100% - 28px,1180px)}.section-title{font-size:28px}.comparison-row{grid-template-columns:1.2fr .7fr .7fr;padding:14px;font-size:13px}.footer-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:520px){.section-title{font-size:25px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%}.footer-grid{grid-template-columns:1fr!important}.comparison-row{grid-template-columns:1.15fr .6fr .6fr;gap:6px;font-size:12px;padding:12px 9px}.metric-num{font-size:36px}}

/* roulang page: category1 */
:root{--ink:#16251f;--muted:#617269;--forest:#1d6b4d;--forest-dark:#11442f;--mint:#eaf4ed;--cream:#fbfaf5;--gold:#d59a3a;--line:#dfe8e1;--white:#fff;--radius:22px;--shadow:0 16px 45px rgba(22,37,31,.10)}
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--cream);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;line-height:1.8}
    a{text-decoration:none;color:inherit}
    img{display:block;max-width:100%}
    button,input,textarea,select{font:inherit}
    button{border:0}
    .shell{width:min(100% - 48px,1180px);margin:0 auto}
    .nav-link{font-size:14px;font-weight:700;color:#526359;white-space:nowrap;transition:.2s}
    .nav-link:hover,.nav-link.active{color:var(--forest)}
    .nav-link.active{position:relative}
    .nav-link.active:after{content:"";position:absolute;left:0;right:0;bottom:-11px;height:2px;background:var(--forest);border-radius:99px}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:999px;font-weight:800;font-size:14px;transition:.22s;cursor:pointer;border:1px solid transparent}
    .btn:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(213,154,58,.42);outline-offset:3px}
    .btn-primary{background:var(--forest);color:#fff;box-shadow:0 8px 20px rgba(29,107,77,.2)}
    .btn-primary:hover{background:var(--forest-dark);transform:translateY(-2px)}
    .btn-light{background:#fff;color:var(--forest);border-color:#dce9e0}
    .btn-light:hover{border-color:var(--forest);transform:translateY(-2px)}
    .btn-gold{background:var(--gold);color:#fff}
    .btn-gold:hover{filter:brightness(.94);transform:translateY(-2px)}
    .eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;letter-spacing:.08em;color:var(--forest);background:#fff;border:1px solid #dce9e0;border-radius:999px;padding:5px 11px}
    .section-title{font-size:clamp(26px,3vw,39px);line-height:1.25;font-weight:900;letter-spacing:-.04em}
    .section-desc{max-width:680px;color:var(--muted);font-size:15px}
    .card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 6px 20px rgba(22,37,31,.04);transition:.25s}
    .card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#c8dccd}
    .pill{font-size:12px;font-weight:800;color:var(--forest);background:var(--mint);border-radius:999px;padding:5px 10px}
    .cover{overflow:hidden}
    .cover img{width:100%;height:100%;object-fit:cover;transition:.5s}
    .cover:hover img{transform:scale(1.06)}
    .faq-item summary{cursor:pointer;list-style:none}
    .faq-item summary::-webkit-details-marker{display:none}
    .faq-item[open]{border-color:#9dc8ac;background:#f9fdf9}
    .faq-item[open] .plus{transform:rotate(45deg)}
    .mobile-menu{display:none}
    .mobile-toggle{display:none}
    .desktop-nav{gap:14px}
    .desktop-nav .nav-link{font-size:13px}
    .hero-board{position:relative;overflow:hidden;background:#153c2b}
    .hero-board:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,37,25,.93) 0%,rgba(15,61,42,.76) 51%,rgba(15,61,42,.26) 100%),url('/assets/images/backpic/back-2.webp') center/cover}
    .hero-board:after{content:"";position:absolute;width:410px;height:410px;border:1px solid rgba(255,255,255,.16);border-radius:50%;right:-130px;bottom:-210px}
    .hero-content{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center;padding:70px 0}
    .hero-copy h1{font-size:clamp(38px,5.3vw,66px);line-height:1.12;letter-spacing:-.065em;font-weight:900;margin:16px 0;color:#fff}
    .booking-panel{background:rgba(255,255,255,.96);border-radius:26px;padding:24px;box-shadow:0 22px 55px rgba(0,0,0,.20)}
    .slot{border:1px solid var(--line);border-radius:14px;padding:10px 8px;text-align:center;font-size:13px;font-weight:800;color:#53675b;cursor:pointer;transition:.2s;background:#fff}
    .slot:hover,.slot.selected{color:#fff;background:var(--forest);border-color:var(--forest)}
    .field-label{display:block;font-size:12px;font-weight:800;color:#526359;margin:15px 0 6px}
    .field{width:100%;border:1px solid var(--line);border-radius:12px;padding:11px 12px;background:#fbfdfb;color:var(--ink);outline:none}
    .field:focus{border-color:var(--forest);box-shadow:0 0 0 3px rgba(29,107,77,.10)}
    .metric-card{padding:24px}
    .metric-number{font-size:34px;line-height:1;font-weight:900;letter-spacing:-.05em;color:var(--forest)}
    .timeline-line{position:absolute;top:37px;left:5%;right:5%;height:1px;background:#bfd7c6}
    .step-dot{position:relative;z-index:1;width:48px;height:48px;background:var(--forest);color:#fff;border-radius:50%;display:grid;place-items:center;font-weight:900;border:6px solid var(--cream)}
    .comparison{overflow:hidden}
    .compare-row{display:grid;grid-template-columns:1.1fr 1fr 1fr;border-top:1px solid var(--line)}
    .compare-row>div{padding:15px 18px;font-size:14px}
    .compare-row>div:nth-child(2){background:#f0f8f2;font-weight:800;color:var(--forest)}
    .quote-mark{font-size:72px;line-height:.7;color:var(--gold);font-family:Georgia,serif}
    .check{width:22px;height:22px;background:var(--mint);color:var(--forest);border-radius:50%;display:inline-grid;place-items:center;font-size:12px;font-weight:900;flex:none}
    .form-zone{background:linear-gradient(120deg,#133d2b,#1d6b4d);position:relative;overflow:hidden}
    .form-zone:after{content:"楚河　汉界";position:absolute;color:rgba(255,255,255,.06);font-size:clamp(52px,9vw,120px);font-weight:900;right:-20px;bottom:-55px;white-space:nowrap}
    .desktop-nav,.nav-cta{display:flex}
    @media(max-width:1024px){.desktop-nav,.nav-cta{display:none}.mobile-toggle{display:inline-flex}.mobile-menu.open{display:flex}.mobile-menu{position:absolute;top:68px;left:14px;right:14px;z-index:30;flex-direction:column;padding:16px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.mobile-menu .nav-link{padding:9px}.mobile-menu .nav-link.active:after{display:none}.hero-content{grid-template-columns:1fr;gap:30px}.hero-board:before{background:linear-gradient(90deg,rgba(10,37,25,.93),rgba(15,61,42,.72)),url('/assets/images/backpic/back-2.webp') center/cover}}
    @media(max-width:768px){.shell{width:min(100% - 28px,1180px)}.section-title{font-size:28px}.hero-content{padding:48px 0}.hero-copy h1{font-size:42px}.compare-row>div{padding:12px 9px;font-size:12px}.timeline-line{display:none}.process-grid{gap:22px}.footer-grid{grid-template-columns:1fr 1fr!important}}
    @media(max-width:520px){.hero-copy h1{font-size:35px}.booking-panel{padding:18px}.section-title{font-size:25px}.footer-grid{grid-template-columns:1fr!important}.compare-row{grid-template-columns:1fr .9fr .9fr}.compare-row>div{font-size:11px;padding:10px 7px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%}}

/* roulang page: category4 */
:root{--ink:#16251f;--muted:#617269;--forest:#1d6b4d;--forest-dark:#11442f;--mint:#eaf4ed;--cream:#fbfaf5;--gold:#d59a3a;--line:#dfe8e1;--white:#fff;--radius:22px;--shadow:0 16px 45px rgba(22,37,31,.10)}
    *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--cream);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;line-height:1.8} a{text-decoration:none;color:inherit} img{display:block;max-width:100%} button,input,textarea{font:inherit} button{border:0}
    .shell{width:min(100% - 48px,1180px);margin:auto}.nav-link{font-size:14px;font-weight:700;color:#526359;white-space:nowrap;transition:.2s}.nav-link:hover,.nav-link.active{color:var(--forest)}.nav-link.active{position:relative}.nav-link.active:after{content:"";position:absolute;left:0;right:0;bottom:-11px;height:2px;background:var(--forest);border-radius:99px}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:999px;font-weight:800;font-size:14px;transition:.22s;cursor:pointer;border:1px solid transparent}.btn:focus,.mobile-toggle:focus,summary:focus{outline:3px solid rgba(213,154,58,.35);outline-offset:3px}.btn-primary{background:var(--forest);color:#fff;box-shadow:0 8px 20px rgba(29,107,77,.2)}.btn-primary:hover{background:var(--forest-dark);transform:translateY(-2px)}.btn-light{background:#fff;color:var(--forest);border-color:#dce9e0}.btn-light:hover{border-color:var(--forest);transform:translateY(-2px)}.btn-gold{background:var(--gold);color:#fff}.btn-gold:hover{filter:brightness(.94);transform:translateY(-2px)}
    .eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;letter-spacing:.08em;color:var(--forest);background:#fff;border:1px solid #dce9e0;border-radius:999px;padding:5px 11px}.section-title{font-size:clamp(26px,3vw,39px);line-height:1.25;font-weight:900;letter-spacing:-.04em}.section-desc{max-width:700px;color:var(--muted);font-size:15px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 6px 20px rgba(22,37,31,.04);transition:.25s}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#c8dccd}.pill{font-size:12px;font-weight:800;color:var(--forest);background:var(--mint);border-radius:999px;padding:5px 10px}.cover{overflow:hidden}.cover img{width:100%;height:100%;object-fit:cover;transition:.5s}.cover:hover img{transform:scale(1.06)}
    .mobile-menu{display:none}.mobile-toggle{display:none}.faq-item summary{cursor:pointer;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item[open]{border-color:#9dc8ac;background:#f9fdf9}.faq-item[open] .plus{transform:rotate(45deg)}
    .inner-hero{position:relative;overflow:hidden;background:#143e2d;color:#fff}.inner-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,48,33,.94) 0%,rgba(17,68,47,.82) 45%,rgba(17,68,47,.16) 100%)}.hero-art{position:absolute;inset:0;background:url('/assets/images/backpic/back-2.webp') center/cover no-repeat;opacity:.72}.hero-content{position:relative;display:grid;grid-template-columns:5fr 7fr;align-items:center;min-height:465px;gap:30px}.hero-copy{padding:74px 0}.hero-copy h1{font-size:clamp(38px,5vw,64px);line-height:1.12;font-weight:950;letter-spacing:-.06em;margin:18px 0}.hero-copy p{color:rgba(255,255,255,.78);font-size:16px;max-width:560px}.hero-board{justify-self:end;width:min(100%,565px);position:relative}.hero-photo{height:342px;border:8px solid rgba(255,255,255,.16);border-radius:28px;overflow:hidden;box-shadow:0 28px 60px rgba(0,0,0,.25);transform:rotate(-2.5deg)}.hero-float{position:absolute;left:-25px;bottom:-24px;background:#fff;color:var(--ink);padding:17px 21px;border-radius:18px;box-shadow:var(--shadow);min-width:202px}.hero-float b{display:block;font-size:23px;color:var(--forest);line-height:1.2}.hero-float span{font-size:12px;color:var(--muted)}
    .metric-card{padding:22px;border-radius:20px;background:#fff;border:1px solid var(--line)}.metric-card strong{font-size:30px;line-height:1;color:var(--forest);font-weight:900;display:block}.metric-card span{font-size:13px;color:var(--muted);display:block;margin-top:8px}.section-pad{padding:88px 0}.number{width:38px;height:38px;border-radius:12px;background:var(--mint);color:var(--forest);font-weight:900;display:grid;place-items:center;flex:none}.soft-panel{background:var(--mint);border:1px solid #d9eadd;border-radius:30px}.rule-row{padding:20px 0;border-bottom:1px solid var(--line)}.rule-row:last-child{border:0}.quote-mark{font-size:64px;line-height:.65;color:var(--gold);font-weight:900}.timeline-item{position:relative;padding:0 0 27px 32px;border-left:2px solid #cde2d3}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{content:"";position:absolute;width:14px;height:14px;border-radius:50%;left:-8px;top:4px;background:var(--gold);border:3px solid var(--cream)}
    .cta-band{background:linear-gradient(120deg,#11442f,#1d6b4d);border-radius:30px;overflow:hidden;position:relative}.cta-band:after{content:"♠";position:absolute;right:5%;bottom:-58px;font-size:230px;line-height:1;color:rgba(255,255,255,.07);font-family:serif}.footer-grid a:hover{color:#fff}.footer-grid a{transition:.2s}
    @media(max-width:1024px){.desktop-nav{display:none}.nav-cta{display:none}.mobile-toggle{display:inline-flex}.mobile-menu.open{display:flex}.mobile-menu{position:absolute;top:68px;left:14px;right:14px;z-index:30;flex-direction:column;padding:16px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.mobile-menu .nav-link{padding:9px}.mobile-menu .nav-link.active:after{display:none}.hero-content{grid-template-columns:1fr 1fr}.hero-photo{height:295px}}
    @media(max-width:768px){.shell{width:min(100% - 28px,1180px)}.hero-content{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:55px 0 25px}.hero-board{justify-self:stretch;margin:10px 0 65px}.hero-photo{height:280px;transform:none}.hero-float{left:14px;bottom:-42px}.section-pad{padding:63px 0}.footer-grid{grid-template-columns:1fr 1fr!important}.hero-copy h1{font-size:41px}}
    @media(max-width:520px){.footer-grid{grid-template-columns:1fr!important}.section-title{font-size:25px}.hero-copy h1{font-size:35px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%}.hero-photo{height:235px}.metric-card strong{font-size:27px}}

/* roulang page: category5 */
:root{--ink:#16251f;--muted:#617269;--forest:#1d6b4d;--forest-dark:#11442f;--mint:#eaf4ed;--cream:#fbfaf5;--gold:#d59a3a;--line:#dfe8e1;--white:#fff;--radius:22px;--shadow:0 16px 45px rgba(22,37,31,.10)}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--cream);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;line-height:1.8}
a{text-decoration:none;color:inherit} img{display:block;max-width:100%} button,input,textarea{font:inherit} button{border:0}
.shell{width:min(100% - 48px,1180px);margin-inline:auto}
.nav-link{font-size:14px;font-weight:700;color:#526359;white-space:nowrap;transition:.2s}.nav-link:hover,.nav-link.active{color:var(--forest)}.nav-link.active{position:relative}.nav-link.active:after{content:"";position:absolute;left:0;right:0;bottom:-11px;height:2px;background:var(--forest);border-radius:99px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:999px;font-weight:800;font-size:14px;transition:.22s;cursor:pointer;border:1px solid transparent}.btn:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid rgba(213,154,58,.5);outline-offset:3px}.btn-primary{background:var(--forest);color:#fff;box-shadow:0 8px 20px rgba(29,107,77,.2)}.btn-primary:hover{background:var(--forest-dark);transform:translateY(-2px)}.btn-light{background:#fff;color:var(--forest);border-color:#dce9e0}.btn-light:hover{border-color:var(--forest);transform:translateY(-2px)}.btn-gold{background:var(--gold);color:#fff}.btn-gold:hover{filter:brightness(.94);transform:translateY(-2px)}
.eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;letter-spacing:.08em;color:var(--forest);background:#fff;border:1px solid #dce9e0;border-radius:999px;padding:5px 11px}.section-title{font-size:clamp(26px,3vw,39px);line-height:1.25;font-weight:900;letter-spacing:-.04em}.section-desc{max-width:690px;color:var(--muted);font-size:15px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 6px 20px rgba(22,37,31,.04);transition:.25s}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#c8dccd}.pill{font-size:12px;font-weight:800;color:var(--forest);background:var(--mint);border-radius:999px;padding:5px 10px}.cover{overflow:hidden}.cover img{width:100%;height:100%;object-fit:cover;transition:.5s}.cover:hover img{transform:scale(1.06)}
.mobile-menu{display:none}.mobile-toggle{display:none}.faq-item summary{cursor:pointer;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item[open]{border-color:#9dc8ac;background:#f9fdf9}.faq-item[open] .plus{transform:rotate(45deg)}
.hero-family{min-height:570px;background-image:linear-gradient(90deg,rgba(12,43,29,.92) 0%,rgba(12,43,29,.73) 47%,rgba(12,43,29,.30) 100%),url('/assets/images/backpic/back-2.webp');background-size:cover;background-position:center;position:relative}.hero-family:after{content:"";position:absolute;inset:auto 0 0;height:170px;background:linear-gradient(transparent,var(--cream))}.hero-content{position:relative;z-index:1;padding:88px 0 132px}.hero-title{max-width:720px;font-size:clamp(39px,5vw,67px);line-height:1.12;letter-spacing:-.055em;font-weight:950;color:#fff}.countdown{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap}.count-unit{min-width:62px;padding:9px 10px;border-radius:14px;text-align:center;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);color:#fff;backdrop-filter:blur(8px)}.count-unit strong{font-size:21px;line-height:1.1;display:block}.count-unit span{font-size:10px;color:rgba(255,255,255,.7)}
.event-strip{position:relative;z-index:2;margin-top:-57px}.event-strip-inner{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px;padding:21px 25px}.metric-box{border-left:1px solid var(--line);padding-left:22px}.feature-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:15px;background:var(--mint);color:var(--forest);font-size:21px;font-weight:900}.timeline-item{position:relative;padding-left:35px;padding-bottom:28px}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{content:"";position:absolute;left:8px;top:7px;width:12px;height:12px;border:3px solid var(--gold);border-radius:50%;background:#fff}.timeline-item:after{content:"";position:absolute;left:13px;top:20px;bottom:-3px;width:1px;background:#cfe0d4}.timeline-item:last-child:after{display:none}.result-row{display:grid;grid-template-columns:1.1fr .8fr .8fr;gap:15px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.result-row:last-child{border-bottom:0}.bar{height:9px;border-radius:99px;background:#e7efe9;overflow:hidden}.bar i{display:block;height:100%;border-radius:inherit;background:var(--forest)}.signup{background:#143d2b;color:#fff;overflow:hidden;position:relative}.signup:before{content:"";position:absolute;width:390px;height:390px;right:-90px;top:-180px;border-radius:50%;background:rgba(213,154,58,.17)}.input-style{width:100%;background:#fff;border:1px solid transparent;border-radius:14px;padding:13px 15px;color:var(--ink);outline:none;transition:.2s}.input-style:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(213,154,58,.16)}
.footer-grid a:hover{color:#fff}.footer-grid a{transition:.2s}
@media(max-width:1024px){.desktop-nav,.nav-cta{display:none}.mobile-toggle{display:inline-flex}.mobile-menu.open{display:flex}.mobile-menu{position:absolute;top:68px;left:14px;right:14px;z-index:30;flex-direction:column;padding:16px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.mobile-menu .nav-link{padding:9px}.mobile-menu .nav-link.active:after{display:none}}
@media(max-width:768px){.shell{width:min(100% - 28px,1180px)}.hero-content{padding:62px 0 115px}.event-strip{margin-top:-45px}.event-strip-inner{padding:19px}.metric-box{border-left:0;border-top:1px solid var(--line);padding:15px 0 0}.result-row{grid-template-columns:1fr;gap:7px}.footer-grid{grid-template-columns:1fr 1fr!important}.section-title{font-size:28px}}
@media(max-width:520px){.hero-title{font-size:38px}.count-unit{min-width:54px}.footer-grid{grid-template-columns:1fr!important}.section-title{font-size:25px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%}}

/* roulang page: category6 */
:root{--ink:#16251f;--muted:#617269;--forest:#1d6b4d;--forest-dark:#11442f;--mint:#eaf4ed;--cream:#fbfaf5;--gold:#d59a3a;--line:#dfe8e1;--white:#fff;--radius:22px;--shadow:0 16px 45px rgba(22,37,31,.10)}
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--cream);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;line-height:1.8}
    a{text-decoration:none;color:inherit}
    img{display:block;max-width:100%}
    button,input,textarea{font:inherit}
    button{border:0}
    .shell{width:min(100% - 48px,1180px);margin:0 auto}
    .nav-link{font-size:14px;font-weight:700;color:#526359;white-space:nowrap;transition:.2s}
    .nav-link:hover,.nav-link.active{color:var(--forest)}
    .nav-link.active{position:relative}
    .nav-link.active:after{content:"";position:absolute;left:0;right:0;bottom:-11px;height:2px;background:var(--forest);border-radius:99px}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:999px;font-weight:800;font-size:14px;transition:.22s;cursor:pointer;border:1px solid transparent}
    .btn:focus-visible,.nav-link:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid rgba(213,154,58,.45);outline-offset:3px}
    .btn-primary{background:var(--forest);color:#fff;box-shadow:0 8px 20px rgba(29,107,77,.2)}
    .btn-primary:hover{background:var(--forest-dark);transform:translateY(-2px)}
    .btn-light{background:#fff;color:var(--forest);border-color:#dce9e0}
    .btn-light:hover{border-color:var(--forest);transform:translateY(-2px)}
    .btn-gold{background:var(--gold);color:#fff}
    .btn-gold:hover{filter:brightness(.94);transform:translateY(-2px)}
    .eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;letter-spacing:.08em;color:var(--forest);background:#fff;border:1px solid #dce9e0;border-radius:999px;padding:5px 11px}
    .section-title{font-size:clamp(27px,3vw,40px);line-height:1.25;font-weight:900;letter-spacing:-.04em}
    .section-desc{max-width:700px;color:var(--muted);font-size:15px}
    .card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 6px 20px rgba(22,37,31,.04);transition:.25s}
    .card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#c8dccd}
    .pill{font-size:12px;font-weight:800;color:var(--forest);background:var(--mint);border-radius:999px;padding:5px 10px}
    .cover{overflow:hidden}
    .cover img{width:100%;height:100%;object-fit:cover;transition:.5s}
    .cover:hover img{transform:scale(1.06)}
    .faq-item summary{cursor:pointer;list-style:none}
    .faq-item summary::-webkit-details-marker{display:none}
    .faq-item[open]{border-color:#9dc8ac;background:#f9fdf9}
    .faq-item[open] .plus{transform:rotate(45deg)}
    .mobile-menu,.mobile-toggle{display:none}
    .footer-grid a{transition:.2s}
    .footer-grid a:hover{color:#fff}
    .page-banner{background:linear-gradient(90deg,rgba(234,244,237,.96),rgba(251,250,245,.86)),url('/assets/images/backpic/back-2.webp') center/cover;min-height:264px}
    .crumb{font-size:13px;color:var(--muted)}
    .crumb a:hover{color:var(--forest)}
    .metric-card{position:relative;overflow:hidden}
    .metric-card:before{content:"";position:absolute;width:78px;height:78px;right:-23px;top:-26px;border-radius:50%;background:var(--mint)}
    .metric-value{font-size:34px;line-height:1;font-weight:900;color:var(--forest)}
    .route-line{position:relative;padding-left:35px}
    .route-line:before{content:"";position:absolute;left:9px;top:24px;bottom:-24px;width:1px;background:#cfe0d4}
    .route-line:last-child:before{display:none}
    .route-dot{position:absolute;left:0;top:5px;width:19px;height:19px;border-radius:50%;background:var(--forest);border:5px solid var(--mint)}
    .game-row{display:grid;grid-template-columns:120px 1fr auto;gap:22px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}
    .game-row:last-child{border-bottom:0}
    .game-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:18px;background:var(--mint);font-size:28px}
    .check{width:22px;height:22px;border-radius:50%;background:#e8f4eb;color:var(--forest);display:inline-grid;place-items:center;font-size:13px;font-weight:900;flex:0 0 auto}
    .form-control{width:100%;border:1px solid #d5e2d8;border-radius:13px;background:#fff;padding:12px 14px;color:var(--ink);outline:none;transition:.2s}
    .form-control:focus{border-color:var(--forest);box-shadow:0 0 0 4px rgba(29,107,77,.1)}
    @media(max-width:1100px){.desktop-nav,.nav-cta{display:none}.mobile-toggle{display:inline-flex}.mobile-menu.open{display:flex}.mobile-menu{position:absolute;top:68px;left:14px;right:14px;z-index:30;flex-direction:column;padding:16px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.mobile-menu .nav-link{padding:9px}.mobile-menu .nav-link.active:after{display:none}}
    @media(min-width:1101px){.desktop-nav{display:flex}.nav-cta{display:inline-flex}}
    @media(max-width:768px){.shell{width:min(100% - 28px,1180px)}.page-banner{min-height:235px}.footer-grid{grid-template-columns:1fr 1fr!important}.game-row{grid-template-columns:72px 1fr;gap:14px}.game-row .btn{grid-column:2}.metric-value{font-size:30px}}
    @media(max-width:520px){.footer-grid{grid-template-columns:1fr!important}.section-title{font-size:25px}.game-row{grid-template-columns:1fr}.game-row .btn{grid-column:auto;justify-self:start}.page-banner h1{font-size:32px!important}}

/* roulang page: category7 */
:root{--ink:#16251f;--muted:#617269;--forest:#1d6b4d;--forest-dark:#11442f;--mint:#eaf4ed;--cream:#fbfaf5;--gold:#d59a3a;--line:#dfe8e1;--white:#fff;--radius:22px;--shadow:0 16px 45px rgba(22,37,31,.10)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;line-height:1.8}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
button,input,textarea{font:inherit}
button{border:0}
.shell{width:min(100% - 48px,1180px);margin:0 auto}
.nav-link{font-size:14px;font-weight:700;color:#526359;white-space:nowrap;transition:.2s}
.nav-link:hover,.nav-link.active{color:var(--forest)}
.nav-link.active{position:relative}
.nav-link.active:after{content:"";position:absolute;left:0;right:0;bottom:-11px;height:2px;background:var(--forest);border-radius:99px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:999px;font-weight:800;font-size:14px;transition:.22s;cursor:pointer;border:1px solid transparent}
.btn:focus-visible,.mobile-toggle:focus-visible,summary:focus-visible{outline:3px solid rgba(213,154,58,.45);outline-offset:3px}
.btn-primary{background:var(--forest);color:#fff;box-shadow:0 8px 20px rgba(29,107,77,.2)}
.btn-primary:hover{background:var(--forest-dark);transform:translateY(-2px)}
.btn-light{background:#fff;color:var(--forest);border-color:#dce9e0}
.btn-light:hover{border-color:var(--forest);transform:translateY(-2px)}
.btn-gold{background:var(--gold);color:#fff}
.btn-gold:hover{filter:brightness(.94);transform:translateY(-2px)}
.eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800;letter-spacing:.08em;color:var(--forest);background:#fff;border:1px solid #dce9e0;border-radius:999px;padding:5px 11px}
.section-title{font-size:clamp(26px,3vw,39px);line-height:1.25;font-weight:900;letter-spacing:-.04em}
.section-desc{max-width:690px;color:var(--muted);font-size:15px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 6px 20px rgba(22,37,31,.04);transition:.25s}
.card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#c8dccd}
.pill{font-size:12px;font-weight:800;color:var(--forest);background:var(--mint);border-radius:999px;padding:5px 10px}
.cover{overflow:hidden}
.cover img{width:100%;height:100%;object-fit:cover;transition:.5s}
.cover:hover img{transform:scale(1.06)}
.faq-item summary{cursor:pointer;list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item[open]{border-color:#9dc8ac;background:#f9fdf9}
.faq-item[open] .plus{transform:rotate(45deg)}
.mobile-menu{display:none}
.mobile-toggle{display:none}
.desktop-nav{gap:14px}
.desktop-nav .nav-link{font-size:13px}
.banner{position:relative;min-height:500px;display:flex;align-items:end;overflow:hidden;background:#143c2b}
.banner:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,35,24,.91) 0%,rgba(12,53,35,.73) 47%,rgba(10,40,28,.25) 100%)}
.banner:after{content:"";position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(transparent,rgba(8,31,21,.74))}
.banner-content{position:relative;z-index:1;padding:74px 0 54px;color:#fff}
.banner h1{max-width:800px;font-size:clamp(39px,5vw,66px);line-height:1.13;font-weight:950;letter-spacing:-.055em;margin:18px 0}
.banner p{max-width:680px;color:rgba(255,255,255,.8);font-size:16px}
.countdown-bar{margin-top:30px;display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:13px 18px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px);border-radius:16px;max-width:720px}
.clock{display:flex;gap:7px}
.clock span{display:grid;place-items:center;min-width:42px;height:36px;border-radius:9px;background:#fff;color:var(--forest-dark);font-size:14px;font-weight:900}
.metric-card{padding:27px}
.metric-card strong{display:block;font-size:39px;line-height:1;color:var(--forest-dark);letter-spacing:-.05em}
.metric-card span{font-size:13px;color:var(--muted)}
.rule-row{display:grid;grid-template-columns:58px 1fr;gap:18px;padding:23px 0;border-bottom:1px solid var(--line)}
.rule-row:last-child{border-bottom:0}
.rule-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:var(--mint);color:var(--forest);font-weight:900;font-size:20px}
.rule-row h3{font-size:17px;font-weight:900;margin:0 0 4px}
.rule-row p{font-size:14px;color:var(--muted);margin:0}
.scene{position:relative;min-height:300px;overflow:hidden}
.scene .cover{height:100%;position:absolute;inset:0}
.scene .cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,44,30,.88),rgba(12,44,30,.06))}
.scene-content{position:relative;z-index:1;height:100%;min-height:300px;padding:28px;display:flex;flex-direction:column;justify-content:end;color:#fff}
.scene-content p{color:rgba(255,255,255,.77);font-size:14px;margin:8px 0 0}
.step-num{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--forest);color:#fff;font-weight:900}
.compare-line{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:17px 0;border-bottom:1px solid var(--line);font-size:14px}
.compare-line:last-child{border:0}
.good{color:var(--forest);font-weight:800}
.soft-panel{background:linear-gradient(125deg,#e3f0e6,#f8f6e9);border:1px solid #d6e4d7;border-radius:var(--radius)}
.form-input{width:100%;border:1px solid #cfded2;border-radius:13px;padding:13px 15px;background:#fff;color:var(--ink);outline:none;transition:.2s}
.form-input:focus{border-color:var(--forest);box-shadow:0 0 0 4px rgba(29,107,77,.12)}
.footer-grid a{transition:.2s}
.footer-grid a:hover{color:#fff}
@media(max-width:1024px){.desktop-nav,.nav-cta{display:none}.mobile-toggle{display:inline-flex}.mobile-menu.open{display:flex}.mobile-menu{position:absolute;top:68px;left:14px;right:14px;z-index:30;flex-direction:column;padding:16px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.mobile-menu .nav-link{padding:9px}.mobile-menu .nav-link.active:after{display:none}.footer-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:768px){.shell{width:min(100% - 28px,1180px)}.banner{min-height:550px}.banner-content{padding:54px 0 42px}.banner p{font-size:15px}.compare-line{grid-template-columns:1fr;gap:5px}.footer-grid{grid-template-columns:1fr 1fr!important}}
@media(max-width:520px){.banner h1{font-size:37px}.banner-actions{flex-direction:column;align-items:stretch}.banner-actions .btn{width:100%}.countdown-bar{align-items:flex-start;flex-direction:column}.clock span{min-width:39px}.footer-grid{grid-template-columns:1fr!important}.section-title{font-size:25px}}