/* roulang page: index */
:root{
      --plum:#342035; --plum-2:#452b47; --orange:#e86f3d; --orange-soft:#f8ded0;
      --sage:#a9c4a0; --sage-deep:#567451; --paper:#f4efe5; --cream:#fffdf8;
      --ink:#272124; --muted:#746a67; --line:#ddd3c7; --shadow:0 12px 32px rgba(54,38,35,.09);
      --radius:16px; --wide:1240px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;font-size:16px;line-height:1.8}
    body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.23;background-image:radial-gradient(rgba(83,58,50,.17) .55px,transparent .7px);background-size:7px 7px;z-index:-1}
    a{color:inherit;text-decoration:none}
    img{max-width:100%;display:block}
    button{font:inherit;border:0;cursor:pointer}
    :focus-visible{outline:3px solid var(--orange);outline-offset:3px}
    .grid-container{max-width:var(--wide);padding-left:22px;padding-right:22px}
    .site-header{padding:20px 0 0}
    .nav-panel{background:rgba(255,253,248,.96);border:1px solid rgba(52,32,53,.7);border-radius:18px;box-shadow:var(--shadow);padding:11px 14px;position:relative;z-index:5}
    .brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.02em;color:var(--plum);font-size:17px;line-height:1.25}
    .brand-mark{width:34px;height:34px;display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:4px;background:var(--plum);border-radius:9px;flex:none}
    .brand-mark i{display:block;background:var(--orange);border-radius:2px}.brand-mark i:nth-child(2),.brand-mark i:nth-child(3){background:var(--sage)}
    .desktop-nav{display:flex;align-items:center;justify-content:center;gap:7px}
    .nav-link{font-size:14px;font-weight:700;padding:8px 12px;border:1px solid transparent;border-radius:10px;color:var(--plum);transition:.2s ease}
    .nav-link:hover{background:var(--orange-soft);border-color:var(--orange)}
    .nav-link.active{color:var(--cream);background:var(--plum);box-shadow:inset 0 -3px 0 var(--orange)}
    .nav-cta,.btn-primary{display:inline-flex;justify-content:center;align-items:center;gap:8px;border-radius:999px;background:var(--plum);color:var(--cream);font-size:14px;font-weight:800;padding:11px 17px;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
    .nav-cta:hover,.btn-primary:hover{background:var(--orange);color:#fff;transform:translateY(-2px);box-shadow:0 9px 19px rgba(232,111,61,.22)}
    .mobile-tools{display:none;align-items:center;gap:8px}
    .menu-toggle{width:40px;height:40px;border-radius:10px;background:var(--paper);border:1px solid var(--line);color:var(--plum);font-weight:900}
    .mobile-menu{display:none;padding-top:12px}
    .mobile-menu.open{display:grid;grid-template-columns:1fr 1fr;gap:8px}
    .mobile-menu .nav-link{text-align:center;background:var(--paper);border-color:var(--line)}
    .notice{margin-top:12px;padding:8px 13px;border-radius:999px;background:#e7efe3;color:var(--sage-deep);font-size:13px;display:flex;align-items:center;gap:8px}
    .notice b{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--sage-deep);color:white;font-size:11px}
    .hero{padding:57px 0 72px}
    .hero-shell{position:relative;overflow:hidden;background:var(--cream);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:48px}
    .hero-shell:after{content:"";position:absolute;width:340px;height:340px;right:-100px;top:-145px;border-radius:50%;background:rgba(232,111,61,.12);pointer-events:none}
    .eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:7px;color:var(--plum);font-size:13px;font-weight:900;letter-spacing:.08em}
    .eyebrow:before,.section-kicker:before{content:"";width:24px;height:4px;border-radius:5px;background:var(--orange)}
    h1,h2,h3,p{margin-top:0}h1{font-size:48px;line-height:1.22;letter-spacing:-.04em;margin:15px 0 18px;color:var(--plum);font-weight:900}
    h2{font-size:32px;line-height:1.32;letter-spacing:-.025em;margin-bottom:13px;color:var(--plum);font-weight:900}
    h3{font-size:19px;line-height:1.45;margin-bottom:8px;color:var(--plum);font-weight:850}
    .hero-copy{max-width:650px;color:var(--muted);font-size:17px;line-height:1.85;margin-bottom:22px}
    .hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin:25px 0}
    .btn-secondary{display:inline-flex;justify-content:center;align-items:center;border:1px solid var(--plum);border-radius:999px;padding:10px 16px;color:var(--plum);font-size:14px;font-weight:800;background:transparent;transition:.2s}
    .btn-secondary:hover{background:var(--orange-soft);border-color:var(--orange);transform:translateY(-2px)}
    .pain-tags{display:flex;gap:8px;flex-wrap:wrap}.pain-tags span{font-size:13px;border:1px dashed #c7b8ab;border-radius:999px;padding:5px 10px;color:var(--muted);background:#fffaf1}
    .zone-board{min-height:360px;position:relative;margin-left:15px}
    .burst{position:absolute;right:0;top:-9px;z-index:2;background:var(--orange);color:#fff;width:76px;height:76px;border-radius:50%;display:grid;place-items:center;text-align:center;font-weight:900;line-height:1.2;font-size:13px;transform:rotate(10deg);box-shadow:0 8px 20px rgba(232,111,61,.27)}
    .zone-tile{position:absolute;border-radius:15px;padding:18px;color:var(--cream);overflow:hidden;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.22)}
    .zone-tile:after{content:"";position:absolute;inset:0;opacity:.25;background:repeating-linear-gradient(90deg,transparent 0 13px,rgba(255,255,255,.35) 14px 15px)}
    .zone-tile b,.zone-tile small{position:relative;z-index:1;display:block}.zone-tile b{font-size:36px;line-height:1}.zone-tile small{font-size:13px;margin-top:8px}
    .t1{background:var(--plum);width:56%;height:49%;left:4%;top:4%}.t2{background:var(--orange);width:47%;height:44%;right:1%;top:14%}.t3{background:#6d8868;width:48%;height:43%;left:12%;bottom:1%}.t4{background:#7b536f;width:48%;height:43%;right:8%;bottom:7%}
    .section{padding:38px 0 72px}.section-head{max-width:720px;margin-bottom:26px}.section-head p{color:var(--muted);margin-bottom:0}
    .console{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
    .console-top{height:7px;background:linear-gradient(90deg,var(--orange) 0 28%,var(--sage) 28% 50%,var(--plum) 50% 100%)}
    .console-inner{padding:27px}.zone-row{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid var(--line)}
    .zone-row:last-child{border-bottom:0}.zone-num{font-size:22px;font-weight:900;color:var(--orange)}.zone-row strong{display:block;color:var(--plum);font-size:16px}.zone-row span{display:block;color:var(--muted);font-size:13px;line-height:1.5}.status{font-size:12px;font-weight:800;border:1px solid var(--line);border-radius:999px;padding:4px 9px;color:var(--muted)}
    .steps{height:100%;background:var(--plum);color:var(--cream);padding:30px;border-radius:0 0 0 16px}.steps h3{color:var(--cream)}.step{display:flex;gap:13px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.17)}.step:last-child{border:0}.step b{color:var(--orange);font-size:22px;line-height:1}.step p{font-size:13px;line-height:1.65;margin:0;color:#eee1e8}
    .micro-grid{margin-top:16px}.micro{background:#fffaf2;border:1px solid var(--line);padding:16px;border-radius:13px}.micro b{font-size:24px;color:var(--orange);display:block;line-height:1}.micro span{font-size:13px;color:var(--muted)}
    .result-panel{height:100%;min-height:360px;background:var(--plum);color:var(--cream);border-radius:var(--radius);padding:34px;position:relative;overflow:hidden}.result-panel:before{content:"04";position:absolute;right:-17px;bottom:-41px;font-size:165px;font-weight:900;color:rgba(255,255,255,.07)}.result-panel h2{color:var(--cream);position:relative}.result-panel p{color:#e6dbe2;position:relative}.result-line{border-top:1px solid rgba(255,255,255,.22);margin:25px 0;padding-top:17px;position:relative}.result-line b{font-size:27px;color:var(--orange);display:block}
    .result-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.content-card{background:var(--cream);border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:0 7px 20px rgba(54,38,35,.06);transition:.22s}.content-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.cover{height:118px;position:relative;padding:13px;overflow:hidden;background:linear-gradient(135deg,#5b3a60,#d56c45)}.cover:before{content:"";position:absolute;inset:-20%;background:repeating-linear-gradient(125deg,transparent 0 18px,rgba(255,255,255,.15) 19px 21px);transform:rotate(-7deg)}.cover.c2{background:linear-gradient(135deg,#758f70,#342035)}.cover.c3{background:linear-gradient(135deg,#d98954,#6f4d68)}.cover.c4{background:linear-gradient(135deg,#342035,#849c7d)}.cover span{position:relative;z-index:1;color:#fff;font-size:12px;font-weight:900;border:1px solid rgba(255,255,255,.5);padding:3px 7px;border-radius:999px}.content-card-body{padding:14px}.content-card h3{font-size:16px;margin-bottom:6px}.content-card p{font-size:13px;color:var(--muted);line-height:1.6;margin:0}.meta{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-top:11px;padding-top:9px;border-top:1px solid var(--line)}
    .feedback-wrap{padding-top:6px}.disclaimer{font-size:13px;color:var(--muted);margin:-8px 0 19px}.feedback{background:var(--cream);border:1px solid var(--line);border-radius:15px;padding:22px;box-shadow:var(--shadow);position:relative;transition:.2s}.feedback:hover{transform:rotate(-.5deg) translateY(-2px)}.feedback:before{content:"";position:absolute;top:0;left:24px;width:52px;height:5px;background:var(--orange);border-radius:0 0 5px 5px}.feedback.primary{background:#fff8ed;min-height:205px}.feedback p{font-size:15px;color:var(--muted);margin:10px 0}.visitor{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--muted)}.avatar{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:var(--sage);color:var(--plum);font-weight:900}.feedback-tag{font-size:12px;color:var(--sage-deep);font-weight:800}
    .news-box{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius);padding:8px;box-shadow:var(--shadow)}.news-item{display:grid;grid-template-columns:62px 1fr auto;align-items:center;gap:15px;padding:16px;border-bottom:1px solid var(--line);transition:.2s}.news-item:last-child{border:0}.news-item:hover{background:#fff6eb;border-radius:11px}.news-date{font-weight:900;color:var(--orange);font-size:13px;line-height:1.3}.news-date small{display:block;color:var(--muted);font-weight:500}.news-item strong{font-size:15px;color:var(--plum)}.news-item p{font-size:13px;color:var(--muted);margin:2px 0 0;line-height:1.55}.arrow{font-size:20px;color:var(--orange);transition:.2s}.news-item:hover .arrow{transform:translateX(4px)}
    .faq-shell{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius);padding:30px;box-shadow:var(--shadow)}.faq-title{display:flex;align-items:center;gap:13px}.faq-index{width:39px;height:39px;border-radius:11px;background:var(--sage);display:grid;place-items:center;color:var(--plum);font-weight:900}.accordion{margin:18px 0 0;background:transparent}.accordion-item{border-bottom:1px solid var(--line)}.accordion-title{border:0!important;background:transparent!important;color:var(--plum)!important;font-weight:850;padding:18px 34px 18px 2px!important;font-size:16px}.accordion-title:before{color:var(--orange);font-size:23px;margin-top:-14px}.accordion-content{border:0!important;background:#fff3e9!important;color:var(--muted);font-size:14px;line-height:1.8;padding:15px 18px!important;margin-bottom:14px;border-radius:10px}
    .cta-section{padding-bottom:78px}.cta-box{background:var(--plum);border-radius:22px;padding:39px;position:relative;overflow:hidden;color:var(--cream);box-shadow:var(--shadow)}.cta-box:before{content:"01 02 03 04";position:absolute;right:-50px;bottom:-24px;color:rgba(255,255,255,.07);font-weight:900;font-size:60px;letter-spacing:8px}.cta-strip{width:70px;height:6px;border-radius:6px;background:var(--orange);margin-bottom:17px}.cta-box h2{color:var(--cream);position:relative;margin-bottom:10px}.cta-box p{color:#eadfe5;max-width:670px;position:relative;margin-bottom:0}.cta-actions{position:relative;display:flex;justify-content:flex-end;align-items:center;gap:12px;height:100%}.cta-actions .btn-primary{background:var(--orange)}.cta-actions .btn-primary:hover{background:#f18b5c}.cta-actions .btn-secondary{color:var(--cream);border-color:rgba(255,255,255,.55)}.cta-actions .btn-secondary:hover{color:var(--plum);background:var(--cream)}
    footer{background:var(--plum);color:var(--cream);padding:45px 0 21px;border-top:5px solid var(--orange)}.footer-brand{color:var(--cream);font-size:20px}.footer-brand .brand-mark{background:var(--cream)}.footer-brand .brand-mark i{background:var(--orange)}.footer-brand .brand-mark i:nth-child(2),.footer-brand .brand-mark i:nth-child(3){background:var(--sage)}.footer-note{font-size:13px;color:#dccfd7;margin:15px 0 0;max-width:440px}.footer-links{display:flex;flex-wrap:wrap;gap:10px 20px;justify-content:flex-end}.footer-links a{font-size:14px;color:#f2e8ed}.footer-links a:hover{color:var(--orange)}.copyright{border-top:1px solid rgba(255,255,255,.18);margin-top:30px;padding-top:16px;font-size:12px;color:#cdbdc7}
    @media(max-width:1023px){h1{font-size:41px}.hero-shell{padding:36px}.zone-board{margin:30px 0 0;min-height:300px}.steps{border-radius:0 0 16px 16px}.cta-actions{justify-content:flex-start;margin-top:22px}.footer-links{justify-content:flex-start;margin-top:24px}}
    @media(max-width:767px){.site-header{padding-top:13px}.nav-panel{padding:10px}.desktop-nav,.nav-panel>.grid-x>.cell.shrink:last-child{display:none}.mobile-tools{display:flex}.brand{font-size:14px;max-width:230px}.brand-mark{width:31px;height:31px}.notice{border-radius:12px;align-items:flex-start;line-height:1.55}.hero{padding:34px 0 48px}.hero-shell{padding:26px 20px;border-radius:18px}h1{font-size:32px}.hero-copy{font-size:15px}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions a{width:100%}.zone-board{min-height:245px;margin-top:26px}.burst{width:61px;height:61px;font-size:11px}.zone-tile{padding:12px}.zone-tile b{font-size:28px}.zone-tile small{font-size:11px}.section{padding:25px 0 52px}h2{font-size:27px}.console-inner{padding:18px}.zone-row{grid-template-columns:38px 1fr}.zone-row .status{grid-column:2;justify-self:start}.steps{padding:22px}.result-panel{min-height:auto;margin-bottom:15px;padding:26px}.result-grid{gap:10px}.cover{height:96px}.content-card-body{padding:11px}.content-card h3{font-size:14px}.content-card p{font-size:12px}.feedback{margin-bottom:12px}.news-item{grid-template-columns:47px 1fr 18px;gap:10px;padding:13px}.news-item strong{font-size:14px}.news-item p{font-size:12px}.faq-shell{padding:22px 17px}.cta-box{padding:27px 22px}.cta-actions{display:grid}.cta-actions a{width:100%}.footer-links{gap:8px 15px}.grid-container{padding-left:16px;padding-right:16px}}
    @media(max-width:520px){.mobile-menu.open{grid-template-columns:1fr 1fr}.brand{font-size:13px}.nav-cta{padding:10px 12px;font-size:13px}.section-head p{font-size:14px}.micro{margin-bottom:9px}.result-grid{grid-template-columns:1fr}.cover{height:126px}.cta-box h2{font-size:25px}}
    @media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* roulang page: category1 */
:root{
 --plum:#342035;--plum-2:#452b47;--orange:#e86f3d;--orange-soft:#f8ded0;
 --sage:#a9c4a0;--sage-deep:#567451;--paper:#f4efe5;--cream:#fffdf8;
 --ink:#272124;--muted:#746a67;--line:#ddd3c7;--shadow:0 12px 32px rgba(54,38,35,.09);
 --radius:16px;--wide:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC",Arial,sans-serif;font-size:16px;line-height:1.8}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.23;background-image:radial-gradient(rgba(83,58,50,.17) .55px,transparent .7px);background-size:7px 7px;z-index:-1}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button{font:inherit;border:0;cursor:pointer}
button:focus-visible,a:focus-visible{outline:3px solid rgba(232,111,61,.48);outline-offset:3px}
.grid-container{max-width:var(--wide);padding-left:22px;padding-right:22px}
.site-header{padding:20px 0 0}
.nav-panel{background:rgba(255,253,248,.96);border:1px solid rgba(52,32,53,.7);border-radius:18px;box-shadow:var(--shadow);padding:11px 14px;position:relative;z-index:5}
.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:.02em;color:var(--plum);font-size:17px;line-height:1.25}
.brand-mark{width:34px;height:34px;display:grid;grid-template-columns:1fr 1fr;gap:3px;padding:4px;background:var(--plum);border-radius:9px;flex:none}
.brand-mark i{display:block;background:var(--orange);border-radius:2px}
.brand-mark i:nth-child(2),.brand-mark i:nth-child(3){background:var(--sage)}
.desktop-nav{display:flex;align-items:center;justify-content:center;gap:7px}
.nav-link{font-size:14px;font-weight:700;padding:8px 12px;border:1px solid transparent;border-radius:10px;color:var(--plum);transition:.2s ease}
.nav-link:hover{background:var(--orange-soft);border-color:var(--orange)}
.nav-link.active{color:var(--cream);background:var(--plum);box-shadow:inset 0 -3px 0 var(--orange)}
.nav-cta,.btn-primary{display:inline-flex;justify-content:center;align-items:center;gap:8px;border-radius:999px;background:var(--plum);color:var(--cream);font-size:14px;font-weight:800;padding:11px 17px;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.nav-cta:hover,.btn-primary:hover{background:var(--orange);color:#fff;transform:translateY(-2px);box-shadow:0 9px 19px rgba(232,111,61,.22)}
.mobile-tools{display:none;align-items:center;gap:8px}
.menu-toggle{width:40px;height:40px;border-radius:10px;background:var(--paper);border:1px solid var(--line);color:var(--plum);font-weight:900}
.mobile-menu{display:none;padding-top:12px}
.mobile-menu.open{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mobile-menu .nav-link{text-align:center;background:var(--paper);border-color:var(--line)}
.notice{display:flex;align-items:center;gap:9px;margin:10px 5px 0;color:var(--sage-deep);font-size:13px;font-weight:700}
.notice b{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:var(--sage);color:var(--plum);line-height:1}
.hero{padding:40px 0 48px}
.breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);margin:0 0 14px 4px}
.breadcrumb span{color:var(--orange);font-weight:900}
.directory-hero{overflow:hidden;position:relative;background:var(--cream);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:43px}
.directory-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(112deg,transparent 46%,rgba(232,111,61,.07) 46%,rgba(232,111,61,.07) 47%,transparent 47%);pointer-events:none}
.directory-hero:after{content:"";position:absolute;width:310px;height:310px;border-radius:50%;right:-115px;top:-145px;background:rgba(169,196,160,.25);pointer-events:none}
.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:7px;color:var(--plum);font-size:13px;font-weight:900;letter-spacing:.08em}
.eyebrow:before,.section-kicker:before{content:"";width:24px;height:4px;border-radius:5px;background:var(--orange)}
h1,h2,h3,p{margin-top:0}
h1{font-size:43px;line-height:1.23;letter-spacing:-.035em;color:var(--plum);margin:14px 0 15px;font-weight:900}
h2{font-size:30px;line-height:1.32;letter-spacing:-.025em;color:var(--plum);font-weight:900;margin:8px 0 12px}
h3{font-size:18px;line-height:1.45;color:var(--plum);font-weight:850;margin:0}
.hero-copy{max-width:645px;color:var(--muted);font-size:16px;line-height:1.85;margin-bottom:22px}
.hero-actions{display:flex;flex-wrap:wrap;gap:11px}
.btn-secondary{display:inline-flex;justify-content:center;align-items:center;border:1px solid var(--plum);border-radius:999px;padding:10px 16px;color:var(--plum);font-size:14px;font-weight:800;background:transparent;transition:.2s}
.btn-secondary:hover{background:var(--orange-soft);border-color:var(--orange);transform:translateY(-2px)}
.zone-number-card{width:100%;max-width:350px;margin-left:auto;position:relative;min-height:280px;border-radius:20px;overflow:hidden;background:var(--plum);padding:22px;color:var(--cream);box-shadow:0 14px 30px rgba(52,32,53,.2)}
.zone-number-card:before{content:"";position:absolute;inset:13px;border:1px solid rgba(255,255,255,.17);border-radius:13px;pointer-events:none}
.zone-number-card:after{content:"04";position:absolute;right:15px;bottom:-40px;color:rgba(255,255,255,.1);font-size:155px;line-height:1;font-weight:900}
.zone-strip{position:relative;width:74px;height:7px;border-radius:8px;background:var(--orange);z-index:1}
.zone-state{position:relative;display:inline-block;margin-top:18px;padding:4px 10px;border-radius:999px;background:rgba(169,196,160,.22);color:#d8ecd3;font-size:12px;font-weight:800;z-index:1}
.zone-big{position:relative;margin:5px 0 -9px;font-size:92px;line-height:1;font-weight:900;letter-spacing:-.09em;color:var(--cream);z-index:1}
.zone-card-title{position:relative;font-size:18px;font-weight:850;z-index:1}
.film-blocks{position:absolute;right:22px;top:51px;display:grid;grid-template-columns:42px 42px;gap:6px;z-index:1}
.film-blocks i{display:block;height:42px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.2)}
.film-blocks i:nth-child(2){background:var(--orange);opacity:.88}
.film-blocks i:nth-child(3){background:var(--sage);opacity:.86}
.zone-card-meta{position:absolute;bottom:20px;left:22px;right:22px;z-index:1;padding-top:12px;border-top:1px solid rgba(255,255,255,.19);color:rgba(255,255,255,.72);font-size:12px}
.section{padding:30px 0 74px}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:24px}
.section-head p{max-width:610px;margin:0;color:var(--muted);font-size:15px}
.filter-panel{background:var(--cream);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 8px 24px rgba(54,38,35,.06)}
.filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.filter-label{font-size:13px;color:var(--muted);font-weight:850;margin-right:2px}
.filter-chip{padding:7px 12px;border:1px solid var(--line);border-radius:999px;background:#fffaf1;color:var(--plum);font-size:13px;font-weight:800;transition:.2s}
.filter-chip:hover,.filter-chip.active{background:var(--orange-soft);border-color:var(--orange);color:var(--plum)}
.filter-chip.active:before{content:"✓ ";color:var(--orange)}
.shelf-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.shelf-card{position:relative;display:flex;flex-direction:column;min-width:0;background:var(--cream);border:1px solid var(--line);border-radius:17px;overflow:hidden;box-shadow:0 7px 20px rgba(54,38,35,.06);transition:transform .22s ease,box-shadow .22s ease}
.shelf-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.shelf-card.featured{grid-column:span 6}
.shelf-card.standard{grid-column:span 3}
.shelf-card.wide{grid-column:span 7}
.shelf-card.side{grid-column:span 5}
.cover{position:relative;overflow:hidden;min-height:176px;background:var(--plum)}
.cover:after{content:"";position:absolute;inset:0;background:linear-gradient(130deg,rgba(52,32,53,.12),rgba(52,32,53,.46));z-index:1}
.cover:before{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-42px;top:-61px;background:rgba(255,255,255,.16);z-index:0;transition:transform .25s ease}
.shelf-card:hover .cover:before{transform:translate(-10px,13px)}
.featured .cover{min-height:253px}
.cover-1{background:linear-gradient(140deg,#6f425f 0%,#342035 46%,#e86f3d 150%)}
.cover-2{background:linear-gradient(130deg,#4c654b 0%,#a9c4a0 46%,#342035 130%)}
.cover-3{background:linear-gradient(130deg,#e86f3d 0%,#9b5749 38%,#452b47 118%)}
.cover-4{background:linear-gradient(135deg,#342035 0%,#6b3f63 56%,#c89a63 144%)}
.cover-5{background:linear-gradient(135deg,#74715d 0%,#a9c4a0 45%,#452b47 120%)}
.cover-6{background:linear-gradient(135deg,#efb18e 0%,#e86f3d 35%,#342035 119%)}
.frame-lines{position:absolute;inset:17px;border:1px solid rgba(255,255,255,.36);z-index:2}
.frame-lines:before,.frame-lines:after{content:"";position:absolute;background:rgba(255,255,255,.28)}
.frame-lines:before{width:48%;height:1px;left:0;top:50%}
.frame-lines:after{height:100%;width:1px;left:55%;top:0}
.cover-no{position:absolute;left:20px;bottom:12px;z-index:3;color:rgba(255,255,255,.92);font-size:44px;line-height:1;font-weight:900;letter-spacing:-.07em}
.cover-note{position:absolute;right:15px;top:15px;z-index:3;padding:4px 8px;border:1px solid rgba(255,255,255,.45);border-radius:999px;color:#fff;font-size:11px;font-weight:800}
.card-body{display:flex;flex:1;flex-direction:column;padding:18px}
.card-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}
.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;background:var(--orange-soft);color:var(--plum);font-size:12px;font-weight:850}
.badge.sage{background:#e2eddd;color:var(--sage-deep)}
.card-status{font-size:12px;color:var(--sage-deep);font-weight:800;white-space:nowrap}
.card-body p{font-size:13px;line-height:1.65;color:var(--muted);margin:7px 0 13px}
.meta{display:flex;justify-content:space-between;gap:8px;margin-top:auto;padding-top:11px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}
.card-link{display:inline-flex;align-items:center;gap:6px;color:var(--plum);font-size:13px;font-weight:900;margin-top:13px;align-self:flex-start}
.card-link span{font-size:18px;line-height:1;color:var(--orange);transition:.2s}
.shelf-card:hover .card-link span{transform:translateX(4px)}
.browse-tip{margin-top:20px;display:flex;align-items:flex-start;gap:13px;padding:16px 19px;background:#fff7e9;border:1px solid #edc9b5;border-radius:14px;color:#625451;font-size:14px}
.tip-icon{display:grid;place-items:center;flex:none;width:29px;height:29px;border-radius:9px;background:var(--orange);color:#fff;font-weight:900}
.process-panel{background:var(--plum);border-radius:20px;overflow:hidden;color:var(--cream);box-shadow:var(--shadow)}
.process-copy{padding:31px}
.process-copy h2{color:var(--cream)}
.process-copy p{color:rgba(255,255,255,.74);font-size:15px}
.process-list{margin:23px 0 0;padding:0;list-style:none}
.process-list li{display:grid;grid-template-columns:34px 1fr;gap:11px;padding:12px 0;border-top:1px solid rgba(255,255,255,.16);font-size:14px}
.process-list b{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--orange);color:#fff;font-size:12px}
.rule-card{height:100%;padding:26px;background:var(--cream);border:1px solid var(--line);border-radius:18px}
.rule-card p{color:var(--muted);font-size:14px;margin-bottom:16px}
.rule-items{list-style:none;padding:0;margin:0}
.rule-items li{padding:10px 0;border-top:1px solid var(--line);font-size:14px;color:var(--plum);font-weight:750}
.rule-items li:before{content:"•";padding-right:9px;color:var(--orange);font-size:20px;vertical-align:-1px}
.faq-shell{background:var(--cream);border:1px solid var(--line);border-radius:var(--radius);padding:30px;box-shadow:var(--shadow)}
.faq-title{display:flex;align-items:center;gap:13px;margin-bottom:7px}
.faq-index{width:39px;height:39px;border-radius:11px;background:var(--sage);display:grid;place-items:center;color:var(--plum);font-weight:900}
.faq-lead{color:var(--muted);font-size:14px;margin:0 0 13px 52px}
.accordion{margin:0;background:transparent}
.accordion-item{border-bottom:1px solid var(--line);background:transparent}
.accordion-item:last-child{border-bottom:0}
.accordion-title{border:0!important;background:transparent!important;color:var(--plum)!important;font-weight:850;padding:18px 34px 18px 2px!important;font-size:16px}
.accordion-title:before{color:var(--orange);font-size:23px;margin-top:-14px}
.accordion-content{border:0!important;background:#fff5ea;color:var(--muted);font-size:14px;line-height:1.8;padding:15px 18px 17px!important;margin-bottom:10px;border-radius:11px}
.cta-section{padding-bottom:78px}
.cta-box{background:var(--plum);border-radius:22px;padding:39px;position:relative;overflow:hidden;color:var(--cream);box-shadow:var(--shadow)}
.cta-box:before{content:"01 02 03 04";position:absolute;right:-50px;bottom:-24px;color:rgba(255,255,255,.07);font-weight:900;font-size:60px;letter-spacing:8px}
.cta-strip{width:70px;height:6px;border-radius:6px;background:var(--orange);margin-bottom:17px}
.cta-box h2{position:relative;color:var(--cream);margin-bottom:8px}
.cta-box p{position:relative;color:rgba(255,255,255,.73);max-width:640px;margin:0}
.cta-actions{position:relative;display:flex;gap:11px;flex-wrap:wrap;justify-content:flex-end;align-items:center;height:100%}
.cta-box .btn-primary{background:var(--orange);color:#fff}
.cta-box .btn-primary:hover{background:#f48b5e}
.cta-link{color:#fff2e8;font-size:14px;font-weight:800;border-bottom:1px solid rgba(255,255,255,.35)}
.cta-link:hover{color:var(--sage)}
.cta-note{position:relative;margin:16px 0 0;color:rgba(255,255,255,.58);font-size:12px}
footer{background:var(--plum);color:var(--cream);padding:47px 0 21px;border-top:5px solid var(--orange)}
.footer-brand{color:var(--cream)}
.footer-brand .brand-mark{background:var(--cream)}
.footer-brand .brand-mark i{background:var(--orange)}
.footer-brand .brand-mark i:nth-child(2),.footer-brand .brand-mark i:nth-child(3){background:var(--sage)}
.footer-note{max-width:520px;color:rgba(255,255,255,.69);font-size:14px;line-height:1.8;margin:17px 0 0}
.footer-links{display:flex;justify-content:flex-end;align-content:flex-start;flex-wrap:wrap;gap:10px 22px;padding-top:3px}
.footer-links a{color:rgba(255,255,255,.82);font-size:14px;font-weight:750;border-bottom:1px solid transparent}
.footer-links a:hover{color:var(--orange);border-color:var(--orange)}
.copyright{border-top:1px solid rgba(255,255,255,.17);margin-top:31px;padding-top:17px;color:rgba(255,255,255,.55);font-size:12px}
@media (max-width:1024px){
 .desktop-nav{gap:2px}.nav-link{padding:8px 8px;font-size:13px}.directory-hero{padding:33px}.zone-number-card{max-width:none;margin-top:28px}.shelf-card.featured{grid-column:span 7}.shelf-card.standard{grid-column:span 5}.shelf-card.wide{grid-column:span 7}.shelf-card.side{grid-column:span 5}
}
@media (max-width:767px){
 body{font-size:15px}.grid-container{padding-left:16px;padding-right:16px}.site-header{padding-top:13px}.nav-panel{padding:10px}.brand{font-size:14px;max-width:230px}.brand-mark{width:31px;height:31px}.desktop-nav,.nav-panel>.grid-x>.cell.shrink:first-of-type{display:none}.mobile-tools{display:flex}.nav-panel>.grid-x{justify-content:space-between}.notice{font-size:12px;align-items:flex-start;margin:9px 2px 0}.hero{padding:25px 0 39px}.breadcrumb{font-size:12px}.directory-hero{padding:23px 19px;border-radius:19px}h1{font-size:32px;line-height:1.3;margin-top:12px}.hero-copy{font-size:15px;line-height:1.8}.zone-number-card{min-height:232px;margin-top:22px}.zone-big{font-size:76px}.section{padding:25px 0 52px}.section-head{display:block;margin-bottom:18px}h2{font-size:26px}.section-head p{font-size:14px}.filter-panel{padding:14px}.filter-row{gap:8px}.filter-label{width:100%}.filter-chip{font-size:12px;padding:6px 10px}.shelf-grid{display:block}.shelf-card,.shelf-card.featured,.shelf-card.standard,.shelf-card.wide,.shelf-card.side{margin-bottom:15px}.featured .cover,.cover{min-height:196px}.card-body{padding:16px}.browse-tip{font-size:13px;padding:14px}.process-copy,.rule-card{padding:23px}.rule-card{margin-top:16px}.faq-shell{padding:20px 17px}.faq-lead{margin-left:0}.accordion-title{font-size:15px;padding-top:16px!important;padding-bottom:16px!important}.cta-section{padding-bottom:52px}.cta-box{padding:27px 21px}.cta-actions{justify-content:flex-start;margin-top:21px}.cta-actions .btn-primary{width:100%}.footer-links{justify-content:flex-start;margin-top:25px}.copyright{font-size:11px}
}
@media (max-width:420px){
 .brand span:last-child{max-width:184px}.mobile-menu.open{grid-template-columns:1fr}.hero-actions{display:grid}.hero-actions a{width:100%}.zone-number-card{min-height:215px}.film-blocks{right:18px;top:46px}.zone-big{font-size:68px}
}
@media (prefers-reduced-motion:reduce){
 *,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}