/* roulang page: index */
:root{--ink:#171513;--ink2:#25211d;--paper:#f4efe6;--paper2:#ebe3d5;--red:#a43f31;--red2:#c75a43;--gold:#c69147;--muted:#746d64;--line:#cfc4b5;--shadow:0 14px 30px rgba(37,30,23,.09);--radius:12px}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,"Microsoft YaHei","Noto Sans SC",sans-serif;line-height:1.75;overflow-x:hidden}
    body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.16;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(/%23n)' opacity='.18'/%3E%3C/svg%3E")}
    a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(1160px,calc(100% - 40px));margin:auto}.topbar{background:var(--ink);color:var(--paper);border-bottom:1px solid #3e3730}.nav{min-height:76px;display:flex;align-items:center;gap:30px}.logo{font-size:20px;font-weight:850;letter-spacing:.02em;white-space:nowrap}.logo i{display:inline-block;width:9px;height:9px;background:var(--red2);margin:0 8px 2px 0;transform:rotate(45deg)}.navlinks{display:flex;align-items:center;gap:6px;margin-left:auto}.navlinks a{padding:9px 14px;color:#d8d0c5;font-size:14px;border-bottom:2px solid transparent;transition:.2s}.navlinks a:hover,.navlinks a.active{color:#fff;border-color:var(--red2)}.nav-tools{display:flex;align-items:center;gap:10px;font-size:12px;color:#c8bfb4}.pin{border:1px solid #65584e;padding:5px 9px;border-radius:3px}.menu{display:none;background:none;color:#fff;border:0;font-size:25px}.indexbar{background:#2b2621;color:#c4b8aa;font-size:11px;letter-spacing:.12em}.indexbar .container{display:flex;justify-content:space-between;padding:8px 0}.hero{padding:62px 0 54px;border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:end}.eyebrow,.section-kicker{color:var(--red);font-weight:800;font-size:12px;letter-spacing:.16em;text-transform:uppercase}.hero h1{font-size:clamp(42px,6vw,78px);line-height:1.08;letter-spacing:-.06em;margin:16px 0 22px;max-width:700px}.hero-copy{font-size:18px;max-width:650px;color:#514a43}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 20px;border:1px solid var(--ink);border-radius:5px;font-weight:750;transition:.2s}.btn-primary{background:var(--red);border-color:var(--red);color:#fff}.btn-primary:hover{background:#7e2e25;transform:translateY(-2px)}.btn-secondary:hover{background:var(--ink);color:#fff}.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #db9b62;outline-offset:3px}.hero-poster{min-height:340px;background:linear-gradient(135deg,rgba(20,17,14,.1),rgba(20,17,14,.75)),repeating-linear-gradient(90deg,#b67a4a 0 20px,#5b3930 20px 42px);position:relative;overflow:hidden;border:9px solid var(--ink);box-shadow:14px 14px 0 var(--red)}.hero-poster:after{content:"";position:absolute;inset:24px;border:1px solid rgba(255,244,222,.55)}.poster-text{position:absolute;z-index:1;bottom:28px;left:28px;color:#fff}.poster-text strong{font-size:42px;line-height:1;display:block;letter-spacing:.08em}.poster-text small{display:block;margin-top:15px;color:#f2d5aa}.countdown{position:absolute;right:22px;top:20px;background:var(--paper);color:var(--ink);padding:7px 10px;font-size:12px;font-weight:800;z-index:2}.stats{display:grid;grid-template-columns:repeat(4,1fr);background:var(--ink);color:var(--paper);margin-top:44px;border:1px solid var(--ink)}.stat{padding:20px;border-right:1px solid #51483f}.stat:last-child{border:0}.stat b{display:block;color:#df8c63;font-size:27px;line-height:1.2}.stat span{font-size:12px;color:#c9bfb2}.section{padding:86px 0}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:30px}.section h2{font-size:clamp(28px,4vw,46px);line-height:1.18;letter-spacing:-.04em;margin:7px 0}.section-intro{max-width:530px;color:var(--muted);font-size:15px}.news-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:22px}.feature-card,.news-list,.quick,.safety,.formbox{border:1px solid var(--line);background:#f9f5ee;box-shadow:var(--shadow)}.feature-card{min-height:355px;padding:32px;display:flex;flex-direction:column;justify-content:end;background:linear-gradient(140deg,#d2b28b,#46372e);color:#fff;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(17,13,10,.78),transparent 65%)}.feature-card>*{position:relative}.feature-card h3{font-size:31px;line-height:1.25;margin:10px 0}.tag{display:inline-block;border:1px solid currentColor;padding:2px 8px;font-size:11px;line-height:1.6;border-radius:2px;width:max-content}.news-list{padding:10px 24px}.news-item{display:flex;gap:16px;align-items:flex-start;padding:19px 0;border-bottom:1px dashed var(--line)}.news-item:last-child{border:0}.news-item time{font-size:11px;color:var(--red);font-weight:800;white-space:nowrap}.news-item strong{font-size:15px;line-height:1.5}.news-item span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.matrix{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:16px}.entry{padding:27px;border:1px solid var(--line);background:#faf7f0;min-height:190px;transition:.25s;position:relative}.entry:hover{border-color:var(--red);transform:translateY(-4px);box-shadow:var(--shadow)}.entry.main{grid-row:span 2;background:var(--ink);color:var(--paper);min-height:396px}.entry-num{font-size:12px;color:var(--red);font-weight:900}.entry h3{font-size:23px;margin:18px 0 8px;line-height:1.3}.entry p{font-size:13px;color:var(--muted);margin:0}.entry.main p{color:#c8beb2}.arrow{position:absolute;right:22px;bottom:22px;color:var(--red);font-size:22px}.compare{display:grid;grid-template-columns:1fr 1fr;border-top:3px solid var(--ink);border-bottom:1px solid var(--ink)}.compare-col{padding:30px 34px}.compare-col+ .compare-col{background:var(--ink);color:var(--paper);border-left:1px solid var(--ink)}.compare h3{margin:0 0 17px;font-size:22px}.compare ul{list-style:none;padding:0;margin:0}.compare li{padding:12px 0;border-bottom:1px dashed var(--line);font-size:14px}.compare-col+ .compare-col li{border-color:#4c443c}.quick-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:45px}.faq{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:17px 0}summary{cursor:pointer;list-style:none;font-weight:750;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary:after{content:"＋";color:var(--red);font-size:20px}details[open] summary:after{content:"－"}details p{color:var(--muted);font-size:14px;margin:13px 30px 3px 0}.safety{padding:25px;background:var(--ink);color:var(--paper);display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.safety strong{display:block;color:#df8c63;margin-bottom:5px}.safety span{font-size:13px;color:#c9bfb2}.cta{background:var(--red);color:#fff;padding:62px 0}.cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.cta h2{font-size:42px;line-height:1.15;margin:8px 0 15px}.cta p{color:#f3dcd2}.formbox{padding:25px;background:#f8eee2;color:var(--ink)}.field{margin-bottom:14px}.field label{display:block;font-size:12px;font-weight:800;margin-bottom:5px}.field input,.field select{width:100%;padding:11px;border:1px solid #bcae9d;background:#fffdf9;border-radius:3px}.hint{font-size:11px;color:#776e64;margin:12px 0}.footer{background:var(--ink);color:#d6cdc2;padding:45px 0 22px}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:40px}.footer h3{color:#fff;margin:0 0 12px}.footer p,.footer a{font-size:13px;color:#aaa096}.footer a{display:block;margin:5px 0}.footer a:hover{color:#e28761}.copyright{border-top:1px solid #403932;margin-top:32px;padding-top:16px;font-size:12px;color:#91877d;display:flex;justify-content:space-between}.mobile-nav{display:none}
    @media(max-width:900px){.hero-grid,.news-layout,.quick-grid,.cta-grid{grid-template-columns:1fr}.hero-poster{min-height:280px}.matrix{grid-template-columns:1fr 1fr}.entry.main{grid-row:auto;grid-column:span 2;min-height:280px}.navlinks{gap:0}.navlinks a{padding:8px}.nav-tools{display:none}}
    @media(max-width:640px){.container{width:min(100% - 28px,1160px)}.nav{min-height:64px}.logo{font-size:16px}.navlinks{display:none}.menu{display:block;margin-left:auto}.indexbar .container{overflow:hidden;white-space:nowrap}.hero{padding:40px 0}.hero h1{font-size:44px}.hero-copy{font-size:16px}.stats{grid-template-columns:repeat(2,1fr);margin-top:30px}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid #51483f}.section{padding:58px 0}.section-head{display:block}.section-intro{margin-top:14px}.matrix{grid-template-columns:1fr}.entry.main{grid-column:auto;min-height:260px}.compare{grid-template-columns:1fr}.compare-col+.compare-col{border-left:0}.safety{grid-template-columns:1fr;padding:20px}.cta h2{font-size:34px}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-grid>div:first-child{grid-column:span 2}.copyright{display:block}.copyright span{display:block;margin-top:8px}}

/* roulang page: category1 */
:root{--ink:#171513;--ink2:#25211d;--paper:#f4efe6;--paper2:#ebe3d5;--red:#a43f31;--red2:#c75a43;--gold:#c69147;--muted:#746d64;--line:#cfc4b5;--shadow:0 14px 30px rgba(37,30,23,.09);--radius:12px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,"Microsoft YaHei","Noto Sans SC",sans-serif;line-height:1.75;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.12;z-index:10;background-image:radial-gradient(rgba(55,44,35,.3) .5px,transparent .7px);background-size:7px 7px}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,select{font:inherit}button{cursor:pointer}.container{width:min(1160px,calc(100% - 40px));margin:auto}
.topbar{background:var(--ink);color:var(--paper);border-bottom:1px solid #3e3730}.nav{min-height:76px;display:flex;align-items:center;gap:30px}.logo{font-size:20px;font-weight:850;letter-spacing:.02em;white-space:nowrap}.logo i{display:inline-block;width:9px;height:9px;background:var(--red2);margin:0 8px 2px 0;transform:rotate(45deg)}
.navlinks{display:flex;align-items:center;gap:6px;margin-left:auto}.navlinks a{padding:9px 14px;color:#d8d0c5;font-size:14px;border-bottom:2px solid transparent;transition:.2s}.navlinks a:hover,.navlinks a.active{color:#fff;border-color:var(--red2)}
.nav-tools{display:flex;align-items:center;gap:10px;font-size:12px;color:#c8bfb4}.pin{border:1px solid #5b5148;padding:4px 9px;border-radius:2px}.menu{display:none;background:none;color:#fff;border:0;font-size:25px}.mobile-nav{display:none}
.indexbar{border-bottom:1px solid var(--line);background:#eee6d9}.indexbar .container{display:flex;justify-content:space-between;gap:16px;padding:8px 0;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 20px;border:1px solid var(--ink);border-radius:5px;font-weight:750;transition:.2s}.btn-primary{background:var(--red);border-color:var(--red);color:#fff}.btn-primary:hover{background:#7e2e25;transform:translateY(-2px)}.btn-secondary:hover{background:var(--ink);color:#fff}.btn:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #db9b62;outline-offset:3px}
.hero{padding:64px 0 58px;border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:58px;align-items:stretch}.eyebrow,.section-kicker{color:var(--red);font-weight:800;font-size:12px;letter-spacing:.16em}.hero h1{font-size:clamp(42px,5.8vw,74px);line-height:1.1;letter-spacing:-.06em;margin:16px 0 20px}.hero-copy{font-size:17px;max-width:610px;color:#514a43}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.cover{min-height:350px;background:linear-gradient(150deg,rgba(22,19,16,.08),rgba(22,19,16,.85)),linear-gradient(115deg,#bb8b59 0 33%,#6e4030 33% 58%,#26211d 58%);border:9px solid var(--ink);box-shadow:14px 14px 0 var(--red);position:relative;padding:22px;color:#fff;overflow:hidden}.cover:after{content:"";position:absolute;inset:22px;border:1px solid rgba(255,247,231,.55)}.cover-code,.cover-title{position:relative;z-index:1}.cover-code{font-size:12px;letter-spacing:.14em}.cover-title{position:absolute;left:28px;bottom:28px;font-size:30px;line-height:1.2;font-weight:850}
.section{padding:82px 0}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:30px}.section h2{font-size:clamp(28px,4vw,46px);line-height:1.18;letter-spacing:-.04em;margin:7px 0}.section-intro{max-width:500px;color:var(--muted);font-size:15px}
.filters{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:27px}.filter{border:1px solid var(--line);background:#faf6ef;padding:7px 13px;font-size:13px;transition:.2s}.filter:hover,.filter.active{border-color:var(--red);color:var(--red);background:#fff8f2}.filter.active{font-weight:800}
.feature-layout{display:grid;grid-template-columns:1.22fr .78fr;gap:22px}.feature-card{min-height:390px;padding:34px;display:flex;flex-direction:column;justify-content:end;background:linear-gradient(145deg,#b9946c,#42342d);color:#fff;position:relative;overflow:hidden;border:1px solid var(--ink);box-shadow:var(--shadow)}.feature-card:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(17,13,10,.86),transparent 68%)}.feature-card>*{position:relative}.feature-card h3{font-size:34px;line-height:1.2;margin:11px 0}.feature-card p{max-width:500px;color:#eadfd3}
.tag{display:inline-block;border:1px solid currentColor;padding:2px 8px;font-size:11px;line-height:1.6;border-radius:2px;width:max-content}.entry-list{background:#faf6ef;border:1px solid var(--line);box-shadow:var(--shadow);padding:8px 24px}.entry{padding:19px 0;border-bottom:1px dashed var(--line)}.entry:last-child{border:0}.entry small{display:block;color:var(--red);font-size:11px;font-weight:800;letter-spacing:.08em}.entry h3{font-size:18px;margin:4px 0}.entry p{font-size:13px;color:var(--muted);margin:0}.entry a{font-size:13px;font-weight:800}.entry a:hover{color:var(--red)}
.strip{margin-top:22px;border-top:2px solid var(--ink);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}.strip-item{padding:19px;border-right:1px solid var(--line)}.strip-item:last-child{border:0}.strip-item b{display:block;font-size:12px;color:var(--red)}.strip-item span{font-size:14px;font-weight:750}
.note-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:46px}.note-panel{background:var(--ink);color:var(--paper);padding:34px;align-self:start}.note-panel p{color:#cfc3b5}.timeline{border-top:1px solid var(--line)}.timeline-item{display:grid;grid-template-columns:105px 1fr auto;gap:22px;padding:22px 0;border-bottom:1px solid var(--line)}.timeline-item time{font-size:12px;color:var(--red);font-weight:800}.timeline-item h3{font-size:18px;margin:0}.timeline-item p{font-size:13px;color:var(--muted);margin:4px 0 0}.timeline-item a{font-size:13px;font-weight:800;align-self:center}.timeline-item a:hover{color:var(--red)}
.faq-wrap{display:grid;grid-template-columns:.55fr 1.45fr;gap:55px}.faq-side{border-top:4px solid var(--red)}.faq-side p{color:var(--muted);font-size:14px}.faq{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:18px 0}summary{font-size:17px;font-weight:800;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary:after{content:"+";color:var(--red);font-size:24px;line-height:1}details[open] summary:after{content:"−"}details p{color:var(--muted);font-size:14px;margin:13px 30px 2px 0}
.cta{background:var(--red);color:#fff;padding:62px 0}.cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px}.cta h2{font-size:42px;line-height:1.15;margin:8px 0 15px}.cta p{color:#f4ddd4}.formbox{padding:25px;background:#f8eee2;color:var(--ink);box-shadow:var(--shadow)}.field{margin-bottom:15px}.field label{display:block;font-size:13px;font-weight:800;margin-bottom:5px}.field select{width:100%;padding:11px;border:1px solid #bcae9d;background:#fffdf9;border-radius:3px}.privacy{font-size:12px;color:#6e5c52;margin:12px 0 0}
.footer{background:var(--ink);color:#d6cdc2;padding:45px 0 22px}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:40px}.footer h3{color:#fff;margin:0 0 12px}.footer p,.footer a{font-size:13px;color:#aaa096}.footer a{display:block;margin:5px 0}.footer a:hover{color:#e28761}.copyright{border-top:1px solid #403932;margin-top:32px;padding-top:16px;font-size:12px;color:#91877d;display:flex;justify-content:space-between}
@media(max-width:900px){.hero-grid,.feature-layout,.note-grid,.faq-wrap,.cta-grid{grid-template-columns:1fr}.nav-tools{display:none}.timeline-item{grid-template-columns:90px 1fr}.timeline-item a{grid-column:2}.cover{min-height:290px}.faq-side{max-width:440px}}@media(max-width:700px){.container{width:min(100% - 28px,1160px)}.nav{min-height:64px}.logo{font-size:16px}.navlinks{display:none}.menu{display:block;margin-left:auto}.mobile-nav.open{display:block;background:var(--ink);padding:0 14px 15px}.mobile-nav a{display:block;color:#e7ddd0;padding:12px;border-top:1px solid #403932}.hero{padding:40px 0}.hero h1{font-size:43px}.section{padding:58px 0}.section-head{display:block}.section-intro{margin-top:14px}.strip{grid-template-columns:1fr 1fr}.strip-item:nth-child(2){border-right:0}.strip-item:nth-child(-n+2){border-bottom:1px solid var(--line)}.feature-card{min-height:330px}.timeline-item{display:block}.timeline-item h3{margin-top:5px}.timeline-item a{display:inline-block;margin-top:9px}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-grid>div:first-child{grid-column:span 2}.copyright{display:block}.copyright span{display:block;margin-top:8px}.cta h2{font-size:34px}}@media(max-width:420px){.strip{grid-template-columns:1fr}.strip-item,.strip-item:nth-child(2){border-right:0;border-bottom:1px solid var(--line)}.strip-item:last-child{border-bottom:0}.hero-actions .btn{width:100%}}

/* roulang page: category2 */
:root{--ink:#171513;--ink2:#25211d;--paper:#f4efe6;--paper2:#ebe3d5;--red:#a43f31;--red2:#c75a43;--gold:#c69147;--muted:#746d64;--line:#cfc4b5;--shadow:0 14px 30px rgba(37,30,23,.09);--radius:12px}
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,"Microsoft YaHei","Noto Sans SC",sans-serif;line-height:1.75;overflow-x:hidden}
    body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.14;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(/%23n)' opacity='.18'/%3E%3C/svg%3E")}
    a{color:inherit;text-decoration:none}
    img{max-width:100%;display:block}
    button,input,select,textarea{font:inherit}
    button{cursor:pointer}
    .container{width:min(1160px,calc(100% - 40px));margin:auto}
    .topbar{background:var(--ink);color:var(--paper);border-bottom:1px solid #3e3730}
    .nav{min-height:76px;display:flex;align-items:center;gap:30px}
    .logo{font-size:20px;font-weight:850;letter-spacing:.02em;white-space:nowrap}
    .logo i{display:inline-block;width:9px;height:9px;background:var(--red2);margin:0 8px 2px 0;transform:rotate(45deg)}
    .navlinks{display:flex;align-items:center;gap:6px;margin-left:auto}
    .navlinks a{padding:9px 14px;color:#d8d0c5;font-size:14px;border-bottom:2px solid transparent;transition:.2s}
    .navlinks a:hover,.navlinks a.active{color:#fff;border-color:var(--red2)}
    .nav-tools{display:flex;align-items:center;gap:10px;font-size:12px;color:#c8bfb4}
    .pin{color:#e28761;font-size:16px}
    .menu{display:none;background:none;color:#fff;border:0;font-size:25px}
    .indexbar{background:var(--paper2);border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}
    .indexbar .container{display:flex;justify-content:space-between;padding:8px 0}
    .hero{padding:64px 0 58px;border-bottom:1px solid var(--line)}
    .hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:end}
    .eyebrow,.section-kicker{color:var(--red);font-weight:800;font-size:12px;letter-spacing:.16em}
    .hero h1{font-size:clamp(40px,6vw,76px);line-height:1.1;letter-spacing:-.06em;margin:16px 0 22px;max-width:720px}
    .hero-copy{font-size:18px;max-width:650px;color:#514a43}
    .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
    .btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 20px;border:1px solid var(--ink);border-radius:5px;font-weight:750;transition:.2s}
    .btn-primary{background:var(--red);border-color:var(--red);color:#fff}
    .btn-primary:hover{background:#7e2e25;transform:translateY(-2px)}
    .btn-secondary:hover{background:var(--ink);color:#fff}
    .btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #db9b62;outline-offset:3px}
    .hero-poster{min-height:340px;background:linear-gradient(135deg,rgba(20,17,14,.08),rgba(20,17,14,.8)),repeating-linear-gradient(90deg,#b67a4a 0 20px,#5b3930 20px 42px);position:relative;overflow:hidden;border:9px solid var(--ink);box-shadow:14px 14px 0 var(--red)}
    .hero-poster:after{content:"";position:absolute;inset:24px;border:1px solid rgba(255,244,222,.55)}
    .poster-copy{position:absolute;z-index:1;left:28px;bottom:26px;color:#fff}
    .poster-copy strong{display:block;font-size:32px;line-height:1.2}
    .poster-copy span{font-size:12px;letter-spacing:.12em;color:#f0d6be}
    .section{padding:84px 0}
    .section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:30px}
    .section h2{font-size:clamp(28px,4vw,46px);line-height:1.18;letter-spacing:-.04em;margin:7px 0}
    .section-intro{max-width:530px;color:var(--muted);font-size:15px}
    .filterbar{display:flex;gap:10px;overflow-x:auto;padding:4px 0 20px;border-bottom:1px solid var(--line);scrollbar-width:thin}
    .filterbar button{flex:0 0 auto;background:transparent;border:1px solid var(--line);color:var(--muted);padding:8px 16px;border-radius:3px;transition:.2s}
    .filterbar button:hover,.filterbar button.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}
    .region-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:22px;margin-top:28px}
    .region-card,.timeline,.safety,.formbox{border:1px solid var(--line);background:#f9f5ee;box-shadow:var(--shadow)}
    .region-card{padding:30px;position:relative;min-height:300px;overflow:hidden}
    .region-card.featured{background:var(--ink);color:var(--paper);min-height:405px}
    .region-card.featured:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(164,63,49,.7),transparent 55%),repeating-linear-gradient(135deg,transparent 0 17px,rgba(255,255,255,.04) 18px 19px)}
    .region-card>*{position:relative}
    .region-card h3{font-size:28px;line-height:1.25;margin:18px 0 10px}
    .region-card p{color:var(--muted);max-width:500px}
    .featured p{color:#c8beb2}
    .tag{display:inline-block;border:1px solid currentColor;padding:2px 8px;font-size:11px;line-height:1.6;border-radius:2px;width:max-content}
    .card-meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--red);font-size:12px;font-weight:750;margin-top:26px}
    .featured .card-meta{color:#e49a77}
    .region-stack{display:grid;gap:22px}
    .region-stack .region-card{min-height:190px}
    .arrow{position:absolute;right:24px;bottom:20px;color:var(--red2);font-size:23px;transition:.2s}
    .region-card:hover .arrow{right:17px}
    .timeline{padding:26px 30px}
    .timeline-row{display:grid;grid-template-columns:92px 1fr auto;gap:18px;align-items:start;padding:18px 0;border-bottom:1px dashed var(--line)}
    .timeline-row:last-child{border-bottom:0}
    .timeline-row time{font-size:12px;color:var(--red);font-weight:800}
    .timeline-row strong{font-size:15px}
    .timeline-row span{font-size:12px;color:var(--muted);display:block;margin-top:3px}
    .timeline-row a{font-size:13px;color:var(--red);font-weight:750}
    .note-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px}
    .safety{padding:28px}
    .safety h3{margin:0 0 10px;font-size:22px}
    .safety p{color:var(--muted);font-size:14px}
    .checklist{list-style:none;padding:0;margin:22px 0 0}
    .checklist li{padding:11px 0;border-bottom:1px solid var(--line);font-size:14px}
    .checklist li:before{content:"＋";color:var(--red);font-weight:800;margin-right:10px}
    .faq{border-top:1px solid var(--line)}
    .faq details{border-bottom:1px solid var(--line);padding:18px 0}
    .faq summary{cursor:pointer;list-style:none;font-weight:800;display:flex;justify-content:space-between;gap:20px}
    .faq summary::-webkit-details-marker{display:none}
    .faq summary:after{content:"＋";color:var(--red);font-size:20px;line-height:1}
    .faq details[open] summary:after{content:"−"}
    .faq details p{color:var(--muted);font-size:14px;max-width:760px;margin:12px 0 0}
    .cta{background:var(--red);color:#fff;padding:62px 0}
    .cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}
    .cta h2{font-size:42px;line-height:1.15;margin:8px 0 15px}
    .cta p{color:#f3dcd2}
    .formbox{padding:25px;background:#f8eee2;color:var(--ink)}
    .field{margin-bottom:14px}
    .field label{display:block;font-weight:750;font-size:13px;margin-bottom:6px}
    .field input,.field select,.field textarea{width:100%;padding:11px;border:1px solid #bcae9d;background:#fffdf9;border-radius:3px}
    .field textarea{min-height:82px;resize:vertical}
    .form-note{font-size:11px;color:var(--muted);margin:12px 0}
    .footer{background:var(--ink);color:#d6cdc2;padding:45px 0 22px}
    .footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:40px}
    .footer h3{color:#fff;margin:0 0 12px}
    .footer p,.footer a{font-size:13px;color:#aaa096}
    .footer a{display:block;margin:5px 0}
    .footer a:hover{color:#e28761}
    .copyright{border-top:1px solid #403932;margin-top:32px;padding-top:16px;font-size:12px;color:#91877d;display:flex;justify-content:space-between}
    .mobile-nav{display:none}
    @media(max-width:900px){
      .hero-grid,.region-layout,.note-grid,.cta-grid{grid-template-columns:1fr}
      .navlinks{display:none}
      .nav-tools{display:none}
      .menu{display:block;margin-left:auto}
      .hero-poster{min-height:280px}
      .section{padding:60px 0}
      .footer-grid{grid-template-columns:1fr 1fr;gap:25px}
      .footer-grid>div:first-child{grid-column:span 2}
    }
    @media(max-width:560px){
      .container{width:min(100% - 28px,1160px)}
      .nav{min-height:64px}
      .logo{font-size:16px}
      .indexbar .container{overflow:hidden;white-space:nowrap}
      .hero{padding:40px 0}
      .hero h1{font-size:44px}
      .hero-copy{font-size:16px}
      .hero-actions .btn{width:100%}
      .region-card,.region-card.featured{min-height:280px;padding:24px}
      .timeline{padding:18px}
      .timeline-row{grid-template-columns:1fr;gap:4px}
      .timeline-row a{margin-top:6px}
      .cta h2{font-size:34px}
      .copyright{display:block}
      .copyright span{display:block;margin-top:8px}
    }

@media(max-width:900px){
      .mobile-nav{display:none;background:var(--ink);border-top:1px solid #403932;padding:10px 14px 18px}
      .mobile-nav.is-open{display:block}
      .mobile-nav a{display:block;color:#e0d5c8;padding:12px 14px;border-bottom:1px solid #403932}
      .mobile-nav a.active{color:#fff;background:var(--red)}
    }