:root{
--y:#f2cb3a;--y2:#e5b71f;--y3:#fbe9a6;--yl:#fdf6dc;
--ink:#121314;--ink2:#1d1f22;--ink3:#2a2d31;
--glass:#2f7d66;--glassl:#9fd6c2;--glassd:#1f5c4b;
--paper:#fbfaf6;--stone:#efece3;--stone2:#e4dfd1;--line:#d6d0bf;
--text:#1b1c1e;--muted:#4f4c45;--white:#fff;
--r:12px;--wrap:1200px;--hf:'Sarpanch',Georgia,serif;--bf:'Anaheim',system-ui,sans-serif;
--callbar:0px}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-padding-top:96px}
body{margin:0;background:var(--paper);color:var(--text);font:400 18px/1.62 var(--bf);padding-bottom:var(--callbar)}
img{max-width:100%;height:auto;display:block}
a{color:#7a5a00}
a:hover{color:var(--ink)}
:focus-visible{outline:3px solid var(--glass);outline-offset:2px}
h1,h2,h3,h4{font-family:var(--hf);font-weight:700;line-height:1.12;margin:0 0 .5em;color:var(--ink);letter-spacing:.2px}
h1{font-size:clamp(2.05rem,4.6vw,3.55rem)}
h2{font-size:clamp(1.6rem,3vw,2.35rem)}
h3{font-size:1.28rem}
p{margin:0 0 1em}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}
.grid{display:grid;gap:22px}
.grid>*{min-width:0}
:where(main) :where(p,li){max-width:min(64ch,700px);overflow-wrap:anywhere}
:where(.card,.chip,.cat,.price-row,.tool,.glance,.callbox,.step,.faq,.qa) :where(p,li){max-width:none}
.skip{position:absolute;left:-9999px;top:0;background:var(--ink);color:#fff;padding:10px 14px;z-index:100}
.skip:focus{left:10px;top:10px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* header */
.hdr{position:sticky;top:0;z-index:50;background:var(--paper);box-shadow:0 1px 0 var(--line)}
.hdr>.wrap{display:flex;align-items:center;gap:18px;min-height:76px}
.hdr::after{content:"";display:block;height:9px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='9' viewBox='0 0 120 9'%3E%3Cpath d='M0 1.5 Q60 8 120 1.5' fill='none' stroke='%23121314' stroke-width='1.6'/%3E%3Cpath d='M0 1.5 Q60 5.5 120 1.5' fill='none' stroke='%238a8f96' stroke-width='1.1'/%3E%3Ccircle cx='0' cy='1.6' r='1.6' fill='%232f7d66'/%3E%3Ccircle cx='120' cy='1.6' r='1.6' fill='%232f7d66'/%3E%3C/svg%3E") repeat-x left top/120px 9px;margin-top:-1px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);flex:0 0 auto}
.logo-mk{width:44px;height:44px;border-radius:10px;background:var(--ink);display:grid;place-items:center}
.logo-mk svg{width:28px;height:28px}
.logo-tx{display:flex;flex-direction:column;line-height:1}
.logo-tx b{font:800 1.28rem/1 var(--hf);letter-spacing:.4px}
.logo-tx span{font:600 .74rem/1.2 var(--bf);color:var(--muted);letter-spacing:.3px;margin-top:4px}
.nav{margin-left:auto}
.nav>ul{list-style:none;margin:0;padding:0;display:flex;gap:2px;align-items:center}
.nav>ul>li{position:relative}
.nav>ul>li>a,.nav>ul>li>button{display:flex;align-items:center;gap:6px;padding:10px 11px;font:600 .98rem/1 var(--bf);color:var(--ink);text-decoration:none;background:none;border:0;cursor:pointer;border-radius:8px}
.nav>ul>li>a:hover,.nav>ul>li>button:hover,.nav>ul>li.open>button{background:var(--yl)}
.nav>ul>li>a[aria-current="page"]{box-shadow:inset 0 -3px 0 var(--y2)}
.nav button svg{width:12px;height:12px;transition:transform .2s}
.nav li.open>button svg{transform:rotate(180deg)}
.nav li.dd::after{content:"";position:absolute;left:0;right:0;top:100%;height:16px}
.mega{position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%);background:var(--white);border:1px solid var(--line);border-top:4px solid var(--y);border-radius:0 0 14px 14px;box-shadow:0 22px 48px rgba(18,19,20,.18);padding:22px;display:none;max-height:calc(100vh - 110px);overflow:auto;width:max-content;max-width:min(980px,calc(100vw - 40px))}
.nav li.open>.mega{display:block}
.mega-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 26px}
.mega-g>*{min-width:0}
.mega h3{font:700 .95rem/1.2 var(--hf);margin:0 0 6px;padding-bottom:6px;border-bottom:1px solid var(--line)}
.mega ul{list-style:none;margin:0 0 14px;padding:0}
.mega a{display:block;padding:5px 0;color:var(--text);text-decoration:none;font-size:.95rem;line-height:1.3}
.mega a:hover{color:#7a5a00;text-decoration:underline}
.mega .all{display:inline-block;margin-top:4px;font-weight:700;color:var(--ink)}
.mega-sm{min-width:300px}
.mega-sm .mega-g{grid-template-columns:minmax(0,1fr)}
.pkey{display:flex;align-items:center;gap:10px;background:var(--ink);color:#fff;text-decoration:none;border-radius:999px;padding:6px 18px 6px 6px;flex:0 0 auto}
.pkey:hover{background:var(--ink3);color:#fff}
.pkey-ins{width:40px;height:40px;border-radius:50%;background:var(--glass);display:grid;place-items:center}
.pkey-ins svg{width:24px;height:24px}
.pkey-t{display:flex;flex-direction:column;line-height:1.05}
.pkey-t small{font:700 .66rem/1 var(--bf);color:var(--y);letter-spacing:.6px}
.pkey-t b{font:700 1.06rem/1.1 var(--hf);letter-spacing:.3px}
.mbtn{display:none;margin-left:auto;background:var(--y);border:0;border-radius:10px;width:48px;height:48px;cursor:pointer;align-items:center;justify-content:center}
.mbtn svg{width:24px;height:24px}
.mpanel{position:fixed;left:0;right:0;background:var(--paper);overflow:auto;z-index:49;border-top:1px solid var(--line);padding:10px 20px 30px}
.mpanel ul{list-style:none;margin:0;padding:0}
.mpanel>ul>li{border-bottom:1px solid var(--line)}
.mpanel>ul>li>a,.mpanel .acc{display:flex;justify-content:space-between;align-items:center;width:100%;padding:15px 2px;font:600 1.08rem/1.2 var(--bf);color:var(--ink);text-decoration:none;background:none;border:0;cursor:pointer;text-align:left}
.mpanel .acc svg{width:14px;height:14px;transition:transform .2s}
.mpanel .acc[aria-expanded="true"] svg{transform:rotate(180deg)}
.mpanel .sub{padding:0 0 12px 12px}
.mpanel .sub h3{font:700 .9rem/1.2 var(--hf);margin:12px 0 4px;color:var(--muted)}
.mpanel .sub a{display:block;padding:8px 0;color:var(--text);text-decoration:none}
.mpanel .pkey{margin-top:18px;justify-content:center}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:10px;font:700 1.05rem/1 var(--bf);text-decoration:none;border-radius:999px;padding:15px 24px;border:2px solid transparent;cursor:pointer}
.btn svg{width:20px;height:20px}
.btn-k{background:var(--ink);color:#fff}
.btn-k:hover{background:var(--ink3);color:#fff}
.btn-y{background:var(--y);color:var(--ink)}
.btn-y:hover{background:#ffd95a;color:var(--ink)}
.btn-o{border-color:var(--ink);color:var(--ink);background:transparent}
.btn-o:hover{background:var(--ink);color:#fff}
.btns{display:flex;flex-wrap:wrap;gap:12px;align-items:center}

/* hero */
.hero{position:relative;background:var(--y);overflow:hidden;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(18,19,20,.08) 1.1px,transparent 1.3px);background-size:14px 14px;mask-image:linear-gradient(100deg,#000 0%,rgba(0,0,0,.25) 55%,#000 100%)}
.hero-in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:44px;align-items:center;padding:56px 20px 120px}
.hero-in>*{min-width:0}
.kick{display:inline-flex;align-items:center;gap:8px;font:700 .92rem/1.2 var(--bf);color:var(--ink);background:rgba(255,255,255,.55);border:1px solid rgba(18,19,20,.18);border-radius:999px;padding:7px 14px;margin-bottom:18px}
.kick i{width:9px;height:9px;border-radius:50%;background:var(--glass);box-shadow:0 0 0 3px rgba(47,125,102,.25)}
.hero h1 em{font-style:normal;background:linear-gradient(transparent 62%,rgba(255,255,255,.7) 62%)}
.lead{font-size:1.16rem;color:#2b2a26;max-width:56ch}
.hero .btns{margin-top:24px}
.hero-note{margin-top:18px;font-size:.95rem;color:#3a382f}
.pole{position:relative;padding-top:58px}
.arm{position:absolute;top:22px;left:-4%;right:-4%;height:16px;background:linear-gradient(#3a2b1c,#24190f);border-radius:4px;box-shadow:0 4px 0 rgba(0,0,0,.18)}
.arm::before,.arm::after{content:"";position:absolute;top:16px;width:7px;height:36px;background:#3a2b1c}
.arm::before{left:18%}.arm::after{right:18%}
.ins{position:absolute;top:-2px;width:30px;height:30px;transform:translateX(-50%)}
.ins svg{width:30px;height:30px}
.wires{position:absolute;top:0;left:-30%;width:160%;height:60px;pointer-events:none}
.frame{position:relative;border-radius:16px;overflow:hidden;background:var(--ink);box-shadow:0 30px 60px rgba(18,19,20,.32),0 0 0 6px var(--paper)}
.frame img{width:100%;aspect-ratio:4/3;object-fit:cover;max-height:440px}
.htag{position:absolute;left:-26px;bottom:-34px;background:var(--white);border-radius:14px;padding:16px 18px;box-shadow:0 18px 40px rgba(18,19,20,.22);max-width:290px;border-left:6px solid var(--glass)}
.htag b{display:block;font:700 1.02rem/1.25 var(--hf);margin-bottom:6px}
.htag p{margin:0;font-size:.95rem;line-height:1.45}
.htag a{font-weight:700}
.sky{position:absolute;left:0;right:0;bottom:-1px;height:92px;z-index:1;pointer-events:none}
.sky svg{width:max(100%,1320px);height:100%;display:block;position:absolute;left:50%;transform:translateX(-50%)}

.ihero{background:var(--y);position:relative;overflow:hidden;isolation:isolate}
.ihero::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(18,19,20,.07) 1.1px,transparent 1.3px);background-size:14px 14px}
.ihero .hero-in{padding:34px 20px 96px;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.ihero .sky{height:70px}
.crumbs{font-size:.92rem;margin-bottom:14px;color:#3a382f}
.crumbs a{color:var(--ink);font-weight:600}
.crumbs .sep{margin:0 6px;opacity:.6}
.crumbs [aria-current]{font-weight:600;color:var(--ink)}

.ahero{background:var(--y3);position:relative;isolation:isolate;border-bottom:0}
.ahero::before{content:"";position:absolute;inset:0;z-index:-1;background-image:radial-gradient(rgba(18,19,20,.07) 1.1px,transparent 1.3px);background-size:14px 14px}
.ahero::after{content:"";display:block;height:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='12'%3E%3Cpath d='M0 2 Q80 12 160 2' fill='none' stroke='%23121314' stroke-width='1.8'/%3E%3Ccircle cx='0' cy='2' r='2.2' fill='%232f7d66'/%3E%3Ccircle cx='160' cy='2' r='2.2' fill='%232f7d66'/%3E%3C/svg%3E") repeat-x left top/160px 12px;background-color:var(--paper)}
.ahero .hero-in{padding:38px 20px 48px;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
.glance{background:var(--ink);color:#e9e6dc;border-radius:16px;padding:24px;position:relative;box-shadow:0 20px 44px rgba(18,19,20,.24)}
.glance::before{content:"";position:absolute;top:-10px;left:24px;right:24px;height:10px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='10'%3E%3Cpath d='M0 9 Q30 1 60 9' fill='none' stroke='%23121314' stroke-width='2'/%3E%3C/svg%3E") repeat-x}
.glance h2{color:var(--y);font-size:1.25rem;margin-bottom:12px}
.glance dl{margin:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px 16px}
.glance dt{font-weight:700;color:#bfbab0;font-size:.92rem}
.glance dd{margin:0;font-size:.98rem}
.glance .btn{margin-top:18px;width:100%;justify-content:center}

/* sections */
.sec{padding:72px 0}
.sec-s{background:var(--stone)}
.sec-k{background:var(--ink);color:#e4e1d7}
.sec-k h2,.sec-k h3{color:#fff}
.sec-k a{color:var(--y)}
.sec-k a.btn-y,.ctaband a.btn-y,.callbox a.btn-y,.glance a.btn-y{color:var(--ink)}
.sec-y{background:var(--y3)}
.sec-hd{max-width:760px;margin-bottom:30px}
.sec-hd p{color:var(--muted)}
.sec-k .sec-hd p{color:#c9c5ba}
.eyb{display:inline-block;font:700 .9rem/1 var(--bf);color:var(--glassd);margin-bottom:10px}
.sec-k .eyb{color:var(--glassl)}

.cards{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.card{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:22px;display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--text);position:relative;box-shadow:0 1px 0 rgba(18,19,20,.04),0 18px 32px -24px rgba(18,19,20,.45)}
.card::after{content:"";position:absolute;right:18px;top:18px;width:34px;height:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='12'%3E%3Cpath d='M1 2Q17 14 33 2' fill='none' stroke='%23d6d0bf' stroke-width='1.6'/%3E%3Ccircle cx='2' cy='2' r='2' fill='%232f7d66'/%3E%3Ccircle cx='32' cy='2' r='2' fill='%232f7d66'/%3E%3C/svg%3E") no-repeat}
.prose .card h3{margin-top:0}
.prose .cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.card.era{padding:0 0 20px;overflow:hidden}
.card.era::after{display:none}
.card.era>:not(.cimg){margin-left:20px;margin-right:20px}
.cimg img{width:100%;aspect-ratio:4/3;object-fit:cover;max-height:240px}
.cimg{margin-bottom:12px;border-bottom:4px solid var(--y)}
.card:hover{border-color:var(--ink)}
.card:hover h3{text-decoration:underline}
.plate{width:46px;height:46px;border-radius:10px;background:var(--y);border:2px solid var(--ink);display:grid;place-items:center;margin-bottom:8px;position:relative}
.plate::before,.plate::after{content:"";position:absolute;left:50%;width:4px;height:4px;border-radius:50%;background:var(--ink);transform:translateX(-50%)}
.plate::before{top:3px}.plate::after{bottom:3px}
.plate svg{width:24px;height:24px}
.card h3{font-size:1.14rem;margin:0}
.card p{margin:0;color:var(--muted);font-size:.97rem;line-height:1.5}
.card .go{margin-top:auto;padding-top:8px;font-weight:700;color:var(--ink);font-size:.95rem}

.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
.split>*{min-width:0}
.figimg{border-radius:16px;overflow:hidden;border:6px solid var(--white);box-shadow:0 20px 44px rgba(18,19,20,.16)}
.figimg img{width:100%;aspect-ratio:4/3;object-fit:cover;max-height:440px}
.checks{list-style:none;padding:0;margin:0 0 1em}
.checks li{position:relative;padding-left:32px;margin-bottom:10px}
.checks li::before{content:"";position:absolute;left:0;top:5px;width:20px;height:20px;border-radius:6px;background:var(--y) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3 3 7-7' fill='none' stroke='%23121314' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat;border:1.5px solid var(--ink)}
.sec-k .checks li::before{border-color:var(--y)}

/* service drop process */
.drop{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;padding-top:30px}
.drop>*{min-width:0}
.drop::before{content:"";position:absolute;left:4%;right:4%;top:52px;height:3px;background:repeating-linear-gradient(90deg,var(--y) 0 18px,transparent 18px 26px)}
.step{position:relative;text-align:left}
.step .nd{width:46px;height:46px;border-radius:50%;background:var(--ink);border:3px solid var(--y);color:var(--y);display:grid;place-items:center;font:800 1rem/1 var(--hf);position:relative;z-index:1;margin-bottom:14px}
.step small{display:block;font:700 .8rem/1.2 var(--bf);color:var(--glassl);margin-bottom:4px}
.step h3{font-size:1.05rem;color:#fff;margin-bottom:6px}
.step p{font-size:.93rem;color:#c9c5ba;margin:0;line-height:1.5}

/* catalog board */
.cat{background:var(--ink);border-radius:18px;padding:30px;color:#e4e1d7}
.cat-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 30px}
.cat-call{background:var(--y);border-radius:14px;padding:22px;color:var(--ink);align-self:start}
.cat .cat-call h3{background:var(--ink);color:var(--y)}
.cat-call p{font-size:.97rem;color:#2b2a26}
.cat-call .btn{background:var(--ink);color:#fff;width:100%;justify-content:center;padding:13px 14px;font-size:.98rem}
.cat-g>*{min-width:0}
.cat h3{font:700 1.02rem/1.2 var(--hf);color:var(--ink);background:var(--y);display:inline-block;padding:6px 12px;border-radius:6px;margin-bottom:10px}
.cat ul{list-style:none;padding:0;margin:0}
.cat li a{display:block;padding:6px 0;color:#efece3;text-decoration:none;border-bottom:1px dashed #3a3d42;font-size:.98rem}
.cat li a:hover{color:var(--y)}

/* content pages */
.body{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:52px;padding:64px 20px}
.body>*{min-width:0}
.prose h2{margin-top:1.6em}
.prose h2:first-child{margin-top:0}
.prose h3{margin-top:1.3em}
.prose ul,.prose ol{padding-left:1.25em}
.prose li{margin-bottom:.45em}
.answer{background:var(--yl);border:1px solid var(--y2);border-left:6px solid var(--ink);border-radius:12px;padding:18px 20px;margin:0 0 1.8em}
.answer b{font-family:var(--hf)}
.answer p{margin:0;max-width:none}
.aside{position:sticky;top:110px;align-self:start;display:flex;flex-direction:column;gap:18px}
.callbox{background:var(--ink);color:#e4e1d7;border-radius:16px;padding:24px}
.callbox h2{color:#fff;font-size:1.3rem}
.callbox p{font-size:.97rem}
.callbox .btn{width:100%;justify-content:center}
.links-box{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:20px}
.links-box h2{font-size:1.08rem;margin-bottom:10px}
.links-box ul{list-style:none;margin:0;padding:0}
.links-box a{display:block;padding:7px 0;border-bottom:1px solid var(--stone2);text-decoration:none;color:var(--text);font-size:.96rem}
.links-box a:hover{color:#7a5a00}
.cost{background:var(--white);border:2px solid var(--ink);border-radius:14px;padding:20px;margin:1.4em 0}
.cost h3{margin:0 0 6px}
.cost .rng{font:800 1.5rem/1.2 var(--hf);color:var(--ink)}
.cost p{margin:.4em 0 0;font-size:.96rem;color:var(--muted)}
.ffig{margin:1.6em 0}
.byline{display:flex;gap:12px;align-items:center;font-size:.94rem;color:var(--muted);margin-bottom:18px}
.byline .av{width:40px;height:40px;border-radius:50%;background:var(--ink);color:var(--y);display:grid;place-items:center;font:800 .9rem/1 var(--hf)}

.faqs{display:grid;gap:10px}
.faq{background:var(--white);border:1px solid var(--line);border-radius:12px}
.faq summary{cursor:pointer;padding:16px 18px;font:700 1.02rem/1.35 var(--bf);list-style:none;display:flex;justify-content:space-between;gap:14px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:800 1.2rem/1 var(--hf);color:var(--glassd)}
.faq[open] summary::after{content:"\2212"}
.faq .qa{padding:0 18px 16px}
.faq .qa p{margin:0}

.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-block;padding:8px 13px;border-radius:999px;background:var(--white);border:1px solid var(--line);text-decoration:none;color:var(--text);font-size:.94rem}
.chip:hover{border-color:var(--ink);color:var(--ink)}
.sec-k .chip{background:var(--ink2);border-color:#3a3d42;color:#efece3}

.ctaband{background:var(--ink);color:#e4e1d7;position:relative}
.ctaband .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;padding:52px 20px}
.ctaband h2{color:#fff;margin-bottom:8px}
.ctaband p{margin:0;color:#c9c5ba}

/* tool */
.tool{background:var(--white);border:2px solid var(--ink);border-radius:18px;padding:26px;box-shadow:8px 8px 0 var(--y)}
.tool fieldset{border:0;padding:0;margin:0 0 16px}
.tool legend{font:700 1.06rem/1.3 var(--hf);margin-bottom:10px}
.opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}
.opt{display:flex;gap:10px;align-items:flex-start;background:var(--paper);border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;cursor:pointer;font-size:.97rem;line-height:1.35}
.opt input{margin-top:3px;accent-color:var(--glass);width:18px;height:18px;flex:0 0 auto}
.opt:has(input:checked){border-color:var(--ink);background:var(--yl)}
.verdict{margin-top:16px;border-radius:14px;background:var(--ink);color:#e9e6dc;padding:20px}
.verdict h2{color:var(--y);margin-bottom:6px;font-size:1.3rem}
.verdict p{margin:0 0 .6em}
.verdict a{color:var(--y);font-weight:700}

/* price table */
.ptools{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}
.ptools input,.ptools select{font:400 1rem/1.2 var(--bf);padding:11px 12px;border:1.5px solid var(--line);border-radius:10px;background:var(--white);min-width:0}
.ptools input{flex:1 1 240px}
.ptable{width:100%;border-collapse:collapse;background:var(--white);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.ptable th,.ptable td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--stone2);vertical-align:top;font-size:.97rem}
.ptable th{background:var(--ink);color:#fff;font-family:var(--hf);font-weight:700}
.ptable td:nth-child(2){white-space:nowrap;font-weight:700}
.tbl-wrap{overflow-x:auto}

/* footer */
.ftr{background:var(--stone);border-top:1px solid var(--line);position:relative}
.ftr::before{content:"";display:block;height:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='12'%3E%3Cpath d='M0 2 Q80 12 160 2' fill='none' stroke='%23121314' stroke-width='1.8'/%3E%3Cpath d='M0 2 Q80 8 160 2' fill='none' stroke='%23e5b71f' stroke-width='1.4'/%3E%3C/svg%3E") repeat-x left top/160px 12px}
.ftr-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;padding:46px 20px 26px}
.ftr-g>*{min-width:0}
.ftr h3{font-size:1.02rem;margin-bottom:10px}
.ftr ul{list-style:none;margin:0;padding:0}
.ftr li a{display:block;padding:5px 0;color:var(--text);text-decoration:none;font-size:.96rem}
.ftr li a:hover{color:#7a5a00;text-decoration:underline}
.ftr p{font-size:.96rem;color:var(--muted)}
.ftr .pkey{display:inline-flex}
.disc{border-top:1px solid var(--line);padding:18px 20px 30px;font-size:.88rem;color:var(--muted)}
.disc p{max-width:none;margin:0 0 .5em}
.callbar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:48;background:var(--ink);padding:10px 14px;box-shadow:0 -8px 22px rgba(0,0,0,.2)}
.callbar a{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--y);color:var(--ink);text-decoration:none;border-radius:999px;padding:13px;font:700 1.05rem/1 var(--bf)}
.callbar svg{width:20px;height:20px}

@media (min-width:1100px){
 .rail{display:grid;grid-template-columns:240px minmax(0,1fr);gap:40px}
 .rail>h2{position:sticky;top:110px;align-self:start;font-size:1.7rem}
 .rail>div>p{max-width:none}
}
@media (max-width:1180px){
 .nav>ul>li>a,.nav>ul>li>button{padding:10px 8px;font-size:.93rem}
 .logo-tx span{display:none}
}
@media (max-width:1240px){.cat-g{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:1040px){
 .nav,.hdr>.wrap>.pkey{display:none}
 .mbtn{display:flex}
 .hero-in,.ihero .hero-in,.ahero .hero-in{grid-template-columns:minmax(0,1fr)}
 .body{grid-template-columns:minmax(0,1fr)}
 .aside{position:static}
 .cat-g{grid-template-columns:repeat(2,minmax(0,1fr))}
 .drop{grid-template-columns:repeat(3,minmax(0,1fr))}
 .drop::before{display:none}
 .ftr-g{grid-template-columns:repeat(2,minmax(0,1fr))}
 .split{grid-template-columns:minmax(0,1fr);gap:30px}
 .callbar{display:block}
 :root{--callbar:70px}
}
@media (max-width:640px){
 body{font-size:17px}
 .sec{padding:54px 0}
 .hero-in{padding:36px 16px 104px;gap:34px}
 .ihero .hero-in{padding:26px 16px 84px}
 .wrap{padding-left:16px;padding-right:16px}
 .body{padding:44px 16px}
 .htag{position:relative;left:auto;bottom:auto;margin:-26px 12px 0;max-width:none}
 .cat{padding:22px}
 .cat-g,.drop{grid-template-columns:minmax(0,1fr)}
 .ftr-g{grid-template-columns:minmax(0,1fr);padding:38px 16px 20px}
 .ctaband .wrap{grid-template-columns:minmax(0,1fr);padding:42px 16px}
 .tool{padding:18px;box-shadow:5px 5px 0 var(--y)}
 .hdr>.wrap{min-height:66px}
 .logo-mk{width:40px;height:40px}
 .logo-tx b{font-size:1.12rem}
 .ptable td:nth-child(2){white-space:normal}
 .arm{left:0;right:0}
}