/* ===== TRADEMIZ inner pages ===== */
.pg main{padding-top:0}
.h1{font:700 clamp(32px,4.4vw,62px)/1.04 var(--f-d);letter-spacing:-.04em;text-wrap:balance;font-variation-settings:"opsz" 32}
.h1 em{font-style:normal;color:var(--red)}
.h3{font:700 clamp(20px,1.9vw,26px)/1.15 var(--f-d);letter-spacing:-.025em;font-variation-settings:"opsz" 32}
.ctr{text-align:center}
.mt{margin-top:clamp(24px,3vw,40px)}
/* hero */
.ph-hero{position:relative;overflow:hidden;padding:calc(72px + clamp(40px,6vw,84px)) 0 clamp(46px,6vw,90px);background:#fff;isolation:isolate}
.ph-hero canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.ph-hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(70% 90% at 22% 50%,rgba(255,255,255,.92),rgba(255,255,255,0) 70%)}
.ph-in{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(28px,5vw,80px);align-items:center}
.ph-in.solo{grid-template-columns:minmax(0,1fr);max-width:900px}
.crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font:700 12.5px/1 var(--f-b);color:var(--grey);margin-bottom:22px}
.crumbs a{transition:color .25s}.crumbs a:hover{color:var(--red)}
.crumbs .ic{font-size:11px;stroke-width:2.4}
.crumbs span[aria-current]{color:var(--ink)}
.ph-hero .lead{margin-top:20px;font-size:clamp(15.5px,1.35vw,18px);color:#3d3e45;max-width:58ch}
.ph-hero .cta{display:flex;flex-wrap:wrap;align-items:center;gap:18px 24px;margin-top:30px}
.hv{position:relative}
.hv-img{position:relative;border-radius:26px;overflow:hidden;aspect-ratio:4/4.1;background:linear-gradient(150deg,var(--maroon),var(--deep));box-shadow:0 50px 70px -36px rgba(38,15,26,.6)}
.hv-img img{position:absolute;inset:-6% 0;width:100%;height:112%;object-fit:cover}
.hv-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(38,15,26,0) 55%,rgba(38,15,26,.4))}
.hv-chip{position:absolute;z-index:4;background:#fff;border-radius:14px;padding:11px 15px 11px 11px;display:flex;align-items:center;gap:10px;font:700 12.5px/1.2 var(--f-b);box-shadow:0 22px 40px -16px rgba(38,15,26,.4),0 0 0 1px rgba(28,29,34,.05);animation:hvb 7s ease-in-out infinite;animation-delay:var(--dl,0s);white-space:nowrap}
.hv-chip .ic{width:30px;height:30px;padding:6px;border-radius:9px;background:var(--rose);color:var(--red);font-size:30px}
.hv-chip.a{left:-6%;top:10%;--dl:0s}.hv-chip.b{right:-5%;top:42%;--dl:1.2s}.hv-chip.c{left:6%;bottom:-4%;--dl:2.2s}
@keyframes hvb{0%,100%{translate:0 0}50%{translate:0 -10px}}
.hv-p{will-change:transform}
/* section heads on inner pages */
.sh.c{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}
.sh.c .side{border:0;padding:0;justify-self:center;max-width:62ch}
.sec.tint{background:#fbf6f6}
.sec.dk{background:linear-gradient(120deg,var(--maroon),#3a0f1f 55%,var(--deep));color:#fff;overflow:hidden}
.sec.dk .h2 em{color:#ff6a72}.sec.dk .side{color:rgba(255,255,255,.78);border-color:rgba(255,255,255,.25)}
/* industry switcher */
.sw{display:grid;grid-template-columns:minmax(0,3.2fr) minmax(0,7fr);gap:clamp(18px,3vw,40px);align-items:start}
.sw-tabs{display:grid;gap:6px;position:sticky;top:96px}
.sw-tab{display:flex;align-items:center;gap:12px;text-align:left;padding:12px 14px;border-radius:12px;font:700 14px/1.2 var(--f-b);color:var(--ink);background:#fff;box-shadow:inset 0 0 0 1.5px var(--line);transition:background .3s,color .3s,box-shadow .3s,transform .3s}
.sw-tab .ic{font-size:20px;color:var(--red);transition:color .3s}
.sw-tab:hover{transform:translateX(4px);box-shadow:inset 0 0 0 1.5px rgba(229,21,32,.4)}
.sw-tab[aria-selected=true]{background:var(--red);color:#fff;box-shadow:0 16px 28px -14px rgba(229,21,32,.75);transform:translateX(6px)}
.sw-tab[aria-selected=true] .ic{color:#fff}
.sw-panels{position:relative;border-radius:24px;background:#fff;box-shadow:var(--shadow),0 0 0 1px var(--line);overflow:hidden;min-height:440px}
.sw-p{display:none;grid-template-columns:minmax(0,5fr) minmax(0,6fr)}
.sw-p.on{display:grid;animation:swin .6s cubic-bezier(.2,.8,.2,1)}
@keyframes swin{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.sw-p .im{position:relative;min-height:320px;background:var(--maroon)}
.sw-p .im img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sw-p .tx{padding:clamp(22px,3vw,40px);display:flex;flex-direction:column;justify-content:center;gap:16px}
.sw-p .tx h3{font:700 clamp(22px,2.3vw,32px)/1.1 var(--f-d);letter-spacing:-.03em;font-variation-settings:"opsz" 32}
.sw-p .tx h3 em{font-style:normal;color:var(--red)}
.sw-p .tx p{color:#3d3e45;font-size:15.5px}
.sw-out{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:14px;background:var(--rose);font:700 14px/1.45 var(--f-b)}
.sw-out .ic{font-size:20px;color:var(--red);margin-top:1px}
.sw-go{display:inline-flex;align-items:center;gap:10px;font:800 13.5px/1 var(--f-b);color:var(--red);margin-top:4px}
.sw-go .ic{font-size:16px;transition:transform .3s}.sw-go:hover .ic{transform:translateX(5px)}
/* cards */
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.cap{position:relative;overflow:hidden;background:#fff;border-radius:20px;padding:26px;box-shadow:0 0 0 1px var(--line);transition:box-shadow .4s,transform .4s;display:flex;flex-direction:column;gap:12px}
.cap::before,.sv.spot::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .4s;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(229,21,32,.1),transparent 70%)}
.cap:hover::before{opacity:1}
.cap:hover{box-shadow:0 26px 44px -22px rgba(38,15,26,.35),0 0 0 1px rgba(229,21,32,.25)}
.cap .ico2{width:48px;height:48px;border-radius:14px;background:var(--rose);display:grid;place-items:center;color:var(--red);transition:background .3s,color .3s,transform .4s}
.cap:hover .ico2{background:var(--red);color:#fff;transform:rotate(-6deg) scale(1.06)}
.cap .ico2 .ic{font-size:24px}
.cap h3{font:700 19px/1.2 var(--f-d);letter-spacing:-.02em;font-variation-settings:"opsz" 32}
.cap p{font-size:14.5px;color:#4a4b52}
/* process */
.proc{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(28px,5vw,80px);align-items:start}
.proc-l{position:sticky;top:110px}
.proc-l p{margin-top:16px;color:#3d3e45;max-width:40ch}
.pst{display:grid;gap:14px}
.pst-i{display:grid;grid-template-columns:56px minmax(0,1fr);gap:18px;align-items:start;padding:24px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px var(--line);opacity:.5;transform:scale(.985);transition:opacity .5s,transform .5s,box-shadow .5s}
.pst-i.on{opacity:1;transform:none;box-shadow:0 30px 50px -26px rgba(38,15,26,.4),0 0 0 1.5px rgba(229,21,32,.35)}
.pst-i .ico2{width:56px;height:56px;border-radius:16px;background:var(--rose);color:var(--red);display:grid;place-items:center;transition:background .4s,color .4s}
.pst-i.on .ico2{background:var(--red);color:#fff}
.pst-i .ico2 .ic{font-size:26px}
.pst-i h3{font:700 20px/1.2 var(--f-d);letter-spacing:-.02em;margin-bottom:6px;font-variation-settings:"opsz" 32}
.pst-i p{font-size:15px;color:#4a4b52}
/* tools / metrics */
.tool-wrap{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.tool-wrap span{padding:11px 18px;border-radius:12px;background:#fff;font:700 13.5px/1 var(--f-b);box-shadow:0 0 0 1px var(--line);transition:transform .3s,box-shadow .3s,color .3s}
.tool-wrap span:hover{transform:translateY(-4px);box-shadow:0 14px 24px -12px rgba(229,21,32,.5),0 0 0 1.5px var(--red);color:var(--red)}
.mx-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.mx-i{padding:22px 22px 24px;border-radius:18px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);display:flex;align-items:center;gap:14px;font:700 17px/1.2 var(--f-d);letter-spacing:-.01em;transition:background .4s,transform .4s;font-variation-settings:"opsz" 32}
.mx-i:hover{background:rgba(255,255,255,.14);transform:translateY(-4px)}
.mx-i .ic{font-size:26px;color:#ff6a72}
/* industry tiles */
.it-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.itile{position:relative;display:block;border-radius:18px;overflow:hidden;aspect-ratio:3/3.7;background:var(--maroon);isolation:isolate;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}
.itile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.itile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(38,15,26,0) 40%,rgba(38,15,26,.85));transition:opacity .4s}
.itile b{position:absolute;left:14px;right:14px;bottom:14px;z-index:2;color:#fff;font:700 15px/1.2 var(--f-d);letter-spacing:-.01em;display:flex;align-items:flex-end;justify-content:space-between;gap:8px;font-variation-settings:"opsz" 32}
.itile b .circ{width:28px;height:28px;opacity:0;transform:translateX(-8px);transition:all .4s}
.itile:hover{transform:translateY(-6px);box-shadow:0 30px 44px -22px rgba(38,15,26,.6)}
.itile:hover img{transform:scale(1.07)}
.itile:hover b .circ{opacity:1;transform:none}
.itile.cur2{box-shadow:0 0 0 3px var(--red)}
/* faq */
.faq{max-width:860px;margin:0 auto;display:grid;gap:12px}
.faq details{background:#fff;border-radius:16px;box-shadow:0 0 0 1px var(--line);transition:box-shadow .3s}
.faq details[open]{box-shadow:0 22px 40px -24px rgba(38,15,26,.4),0 0 0 1.5px rgba(229,21,32,.3)}
.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;font:700 16.5px/1.35 var(--f-d);letter-spacing:-.01em;font-variation-settings:"opsz" 32}
.faq summary::-webkit-details-marker{display:none}
.faq summary .ic{font-size:20px;color:var(--red);transition:transform .4s}
.faq details[open] summary .ic{transform:rotate(45deg)}
.faq .a{padding:0 22px 22px;color:#4a4b52;font-size:15.5px;animation:swin .45s cubic-bezier(.2,.8,.2,1)}
/* industry: challenges */
.chl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.chc{border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px var(--line);display:grid;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}
.chc:hover{transform:translateY(-6px);box-shadow:0 34px 50px -26px rgba(38,15,26,.45),0 0 0 1px rgba(229,21,32,.25)}
.chc .p{padding:24px 26px 20px}
.chc .f{padding:20px 26px 24px;background:var(--rose);transition:background .4s,color .4s}
.chc:hover .f{background:var(--red);color:#fff}
.chc small{display:block;font:800 10.5px/1 var(--f-b);letter-spacing:.14em;text-transform:uppercase;color:var(--grey);margin-bottom:10px}
.chc .f small{color:var(--red);transition:color .4s}.chc:hover .f small{color:#ffd3d5}
.chc h3{font:700 21px/1.2 var(--f-d);letter-spacing:-.025em;margin-bottom:8px;font-variation-settings:"opsz" 32}
.chc p{font-size:15px;color:#4a4b52}.chc .f p{color:inherit;font-weight:600}
/* industry stack: reuse .sv */
.stk{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.stk .sv{align-items:flex-start;flex-direction:column;gap:14px;min-height:100%}
.stk .sv p{font-size:14.5px}
.stk .sv .out{display:flex;gap:8px;font:700 13px/1.4 var(--f-b);color:var(--red);margin-top:10px}
.stk .sv .out .ic{font-size:16px;margin-top:2px;color:var(--red);flex:none;width:1em;height:1em}
.stk .sv>.ic{font-size:40px}
.stk .sv .circ{align-self:flex-end;margin-top:auto}
/* before / after */
.ba-g{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(24px,4vw,56px);align-items:center}
.ba-fig{border-radius:24px;overflow:hidden;aspect-ratio:4/4.4;position:relative;background:var(--maroon);box-shadow:0 40px 60px -32px rgba(38,15,26,.55)}
.ba-fig img{position:absolute;inset:-5% 0;width:100%;height:110%;object-fit:cover}
.tg{display:inline-grid;grid-template-columns:1fr 1fr;position:relative;padding:5px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line);margin-bottom:22px}
.tg button{position:relative;z-index:2;padding:12px 22px;border-radius:999px;font:800 13.5px/1 var(--f-b);color:var(--ink);transition:color .35s}
.tg button[aria-pressed=true]{color:#fff}
.tg i{position:absolute;z-index:1;top:5px;bottom:5px;left:5px;width:calc(50% - 5px);border-radius:999px;background:var(--red);transition:transform .5s cubic-bezier(.2,.8,.2,1),background .5s;box-shadow:0 10px 20px -8px rgba(229,21,32,.7)}
.ba[data-s=before] .tg i{background:#5c5d66;box-shadow:none}
.ba[data-s=after] .tg i{transform:translateX(100%)}
.ba-l{display:grid;gap:12px}
.ba-r{display:flex;align-items:center;gap:14px;padding:18px 20px;border-radius:16px;font:700 16px/1.35 var(--f-d);letter-spacing:-.01em;font-variation-settings:"opsz" 32;transition:background .5s,color .5s,transform .5s,box-shadow .5s}
.ba-r .ic{font-size:24px;flex:none}
.ba[data-s=before] .ba-r{background:#f1f1f3;color:#4a4b52}
.ba[data-s=before] .ba-r .ic{color:#8a8b94}
.ba[data-s=after] .ba-r{background:#fff;box-shadow:0 18px 34px -20px rgba(229,21,32,.55),0 0 0 1.5px rgba(229,21,32,.35)}
.ba[data-s=after] .ba-r .ic{color:var(--red)}
.ba-r span{display:block;animation:swin .5s cubic-bezier(.2,.8,.2,1) both}
.ba-r:nth-child(2) span{animation-delay:.06s}.ba-r:nth-child(3) span{animation-delay:.12s}.ba-r:nth-child(4) span{animation-delay:.18s}
/* journey */
.jr{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}
.jr-tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.jr-tab{padding:13px 22px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line);font:800 14px/1 var(--f-b);transition:all .35s;position:relative;overflow:hidden}
.jr-tab:hover{box-shadow:inset 0 0 0 1.5px var(--red);color:var(--red)}
.jr-tab[aria-selected=true]{background:var(--red);color:#fff;box-shadow:0 14px 26px -12px rgba(229,21,32,.7)}
.jr-pn{display:none;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(20px,4vw,56px);align-items:center;padding:clamp(24px,3.4vw,46px);border-radius:26px;background:#fff;box-shadow:var(--shadow),0 0 0 1px var(--line)}
.jr-pn.on{display:grid;animation:swin .6s cubic-bezier(.2,.8,.2,1)}
.jr-pn h3{font:700 clamp(26px,3vw,42px)/1.05 var(--f-d);letter-spacing:-.035em;font-variation-settings:"opsz" 32}
.jr-pn h3 em{font-style:normal;color:var(--red)}
.jr-pn p{margin-top:14px;font-size:16.5px;color:#3d3e45}
.jr-svc{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.jr-svc a{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:var(--rose);font:800 12.5px/1 var(--f-b);color:var(--red);transition:background .3s,color .3s}
.jr-svc a:hover{background:var(--red);color:#fff}
.jr-svc .ic{font-size:15px}
.jr-vis{position:relative;aspect-ratio:16/10;border-radius:20px;overflow:hidden;background:linear-gradient(150deg,var(--maroon),var(--deep));display:grid;place-items:center;color:#fff}
.jr-vis .big{font-size:clamp(84px,10vw,150px);opacity:.95}
.jr-vis .ic{stroke-width:1.1}
.jr-vis::before{content:"";position:absolute;inset:-30%;background:conic-gradient(from 0deg,transparent,rgba(229,21,32,.5),transparent 40%);animation:spin 9s linear infinite}
.jr-vis::after{content:"";position:absolute;inset:3px;border-radius:17px;background:linear-gradient(150deg,var(--maroon),#3a0f1f)}
.jr-vis .big{position:relative;z-index:2}
@keyframes spin{to{transform:rotate(360deg)}}
/* about */
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.stat{padding:26px 22px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px var(--line);text-align:left}
.stat b{display:block;font:700 clamp(34px,4vw,54px)/1 var(--f-d);letter-spacing:-.04em;color:var(--red);font-variation-settings:"opsz" 32}
.stat span{display:block;margin-top:8px;font:700 14px/1.35 var(--f-b);color:#3d3e45}
.tlg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.tlc{padding:26px;border-radius:22px;background:#fff;box-shadow:0 0 0 1px var(--line);transition:transform .5s,box-shadow .5s,background .4s,color .4s}
.tlc b{display:block;font:700 clamp(36px,3.6vw,50px)/1 var(--f-d);letter-spacing:-.04em;color:var(--red);margin-bottom:14px;font-variation-settings:"opsz" 32;transition:color .4s}
.tlc h3{font:700 18px/1.25 var(--f-d);margin-bottom:8px;letter-spacing:-.02em}
.tlc p{font-size:14.5px;color:#4a4b52;transition:color .4s}
.tlc:hover{transform:translateY(-8px);background:var(--red);color:#fff;box-shadow:0 34px 50px -24px rgba(229,21,32,.65)}
.tlc:hover b,.tlc:hover p{color:#fff}
.bms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.bm{position:relative;padding:34px 28px;border-radius:24px;background:#fff;box-shadow:0 0 0 1px var(--line);overflow:hidden}
.bm h3{font:700 clamp(30px,3vw,42px)/1 var(--f-d);letter-spacing:-.04em;color:var(--red);margin-bottom:14px;font-variation-settings:"opsz" 32}
.bm p{color:#3d3e45;font-size:15.5px}
.flow{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;margin-top:10px}
.flow span{padding:14px 22px;border-radius:14px;background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);font:700 15px/1 var(--f-d);transition:background .3s,transform .3s}
.flow span:hover{background:var(--red);transform:translateY(-4px)}
.flow .ic{font-size:22px;color:#ff6a72}
.ldr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ld{padding:28px;border-radius:24px;background:#fff;box-shadow:0 0 0 1px var(--line);transition:transform .5s,box-shadow .5s}
.ld:hover{transform:translateY(-6px);box-shadow:0 30px 46px -24px rgba(38,15,26,.4)}
.av{width:68px;height:68px;border-radius:20px;background:linear-gradient(140deg,var(--deep),var(--red));color:#fff;display:grid;place-items:center;font:700 24px/1 var(--f-d);margin-bottom:18px}
.ld h3{font:700 20px/1.2 var(--f-d);letter-spacing:-.02em}
.ld small{display:block;margin:4px 0 12px;font:800 12px/1.3 var(--f-b);color:var(--red);letter-spacing:.02em}
.ld p{font-size:14.5px;color:#4a4b52}
.grp{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.gp{padding:22px;border-radius:18px;background:#fff;box-shadow:0 0 0 1px var(--line);transition:transform .4s,box-shadow .4s}
.gp b{display:block;font:700 18px/1.2 var(--f-d);letter-spacing:-.02em}.gp span{display:block;margin-top:6px;font-size:13.5px;color:#4a4b52}
.gp.me{background:var(--red);color:#fff}.gp.me span{color:#ffe1e2}
.gp:hover{transform:translateY(-5px);box-shadow:0 24px 36px -20px rgba(38,15,26,.4)}
.cred{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.cr{display:flex;gap:16px;align-items:center;padding:22px;border-radius:18px;background:#fff;box-shadow:0 0 0 1px var(--line)}
.cr .ic{font-size:34px;color:var(--red);stroke-width:1.4}
.cr b{font:700 16px/1.25 var(--f-d)}
.vls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
/* insights */
.fl{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:30px}
.fl button{padding:11px 20px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line);font:800 13px/1 var(--f-b);transition:all .3s}
.fl button:hover{box-shadow:inset 0 0 0 1.5px var(--red);color:var(--red)}
.fl button[aria-pressed=true]{background:var(--red);color:#fff;box-shadow:0 12px 22px -10px rgba(229,21,32,.7)}
.feat{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);border-radius:28px;overflow:hidden;background:#fff;box-shadow:var(--shadow),0 0 0 1px var(--line);margin-bottom:22px}
.feat .im{position:relative;min-height:340px;overflow:hidden}
.feat .im img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.feat:hover .im img{transform:scale(1.05)}
.feat .tx{padding:clamp(24px,3.4vw,48px);display:flex;flex-direction:column;justify-content:center;gap:14px}
.feat h2{font:700 clamp(24px,2.7vw,38px)/1.1 var(--f-d);letter-spacing:-.035em;font-variation-settings:"opsz" 32}
.meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font:700 12.5px/1 var(--f-b);color:var(--grey)}
.pill{padding:6px 11px;border-radius:999px;background:var(--rose);color:var(--red);font:800 11.5px/1 var(--f-b)}
.acard{display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px var(--line);transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s}
.acard .im{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--maroon)}
.acard .im img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.acard:hover{transform:translateY(-8px);box-shadow:0 34px 50px -26px rgba(38,15,26,.5)}
.acard:hover .im img{transform:scale(1.06)}
.acard .tx{padding:22px 22px 24px;display:flex;flex-direction:column;gap:12px;flex:1}
.acard h3{font:700 19px/1.25 var(--f-d);letter-spacing:-.02em;font-variation-settings:"opsz" 32}
.acard p{font-size:14.5px;color:#4a4b52}
.acard .more{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font:800 13px/1 var(--f-b);color:var(--red)}
.acard .more .ic{font-size:15px;transition:transform .3s}.acard:hover .more .ic{transform:translateX(5px)}
.acard[hidden],.feat[hidden]{display:none}
/* article */
.art{max-width:760px;margin:0 auto}
.art h2{font:700 clamp(22px,2.4vw,30px)/1.15 var(--f-d);letter-spacing:-.03em;margin:38px 0 12px;font-variation-settings:"opsz" 32}
.art p{font-size:17.5px;line-height:1.75;color:#33343b;margin-bottom:6px}
.art-img{max-width:1080px;margin:0 auto 46px;border-radius:26px;overflow:hidden;aspect-ratio:16/8;position:relative;background:var(--maroon)}
.art-img img{position:absolute;inset:-6% 0;width:100%;height:112%;object-fit:cover}
.rd{position:fixed;z-index:101;left:0;top:3px;height:3px;width:100%;background:rgba(229,21,32,.18);transform-origin:left;transform:scaleX(0)}
.share{display:flex;gap:10px;flex-wrap:wrap;margin-top:34px}
.share a{padding:11px 18px;border-radius:999px;background:var(--rose);color:var(--red);font:800 13px/1 var(--f-b);transition:background .3s,color .3s}
.share a:hover{background:var(--red);color:#fff}
/* success */
.csr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.csc{display:flex;flex-direction:column;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px var(--line);transition:transform .5s,box-shadow .5s}
.csc:hover{transform:translateY(-8px);box-shadow:0 36px 52px -26px rgba(38,15,26,.5)}
.csc .im{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--maroon)}
.csc .im img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s}
.csc:hover .im img{transform:scale(1.06)}
.csc .im .pill{position:absolute;left:14px;top:14px;background:#fff;z-index:2}
.csc .tx{padding:24px;display:grid;gap:14px}
.csc h3{font:700 22px/1.2 var(--f-d);letter-spacing:-.025em;font-variation-settings:"opsz" 32}
.csc small{display:block;font:800 10.5px/1 var(--f-b);letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin-bottom:6px}
.csc p{font-size:14.5px;color:#4a4b52}
.csc .trk{display:flex;flex-wrap:wrap;gap:6px}
.csc .trk span{padding:7px 11px;border-radius:999px;background:var(--rose);font:800 11.5px/1 var(--f-b);color:var(--red)}
.brw{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.brt{display:flex;gap:16px;width:max-content;animation:mqv 40s linear infinite}
.brw:hover .brt{animation-play-state:paused}
.brt span{padding:22px 34px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px var(--line);font:700 20px/1 var(--f-d);letter-spacing:-.02em;color:#8d8e97;white-space:nowrap;transition:color .3s,box-shadow .3s}
.brt span:hover{color:var(--red);box-shadow:0 0 0 1.5px var(--red)}
@keyframes mqv{to{transform:translateX(-50%)}}
.tst{position:relative;max-width:900px;margin:0 auto}
.tst-s{display:none;text-align:center;padding:0 4px}
.tst-s.on{display:block;animation:swin .7s cubic-bezier(.2,.8,.2,1)}
.tst-s p{font:700 clamp(22px,2.8vw,36px)/1.25 var(--f-d);letter-spacing:-.03em;font-variation-settings:"opsz" 32}
.tst-s .who{margin-top:22px;font:700 14px/1.4 var(--f-b);opacity:.8}
.tst-s .qm{display:block;font:700 90px/.6 var(--f-d);color:#ff6a72;height:44px}
.tst-n{display:flex;justify-content:center;gap:10px;margin-top:30px}
.tst-n button{width:46px;height:46px;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.4);display:grid;place-items:center;color:#fff;transition:background .3s}
.tst-n button:hover{background:var(--red)}
.tst-n .ic{font-size:18px}
.tst-note{text-align:center;margin-top:20px;font-size:12px;opacity:.6}
/* contact */
.cg{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(24px,4vw,60px);align-items:start}
.cc-l{display:grid;gap:14px}
.cinfo{display:flex;gap:16px;align-items:flex-start;padding:22px;border-radius:20px;background:#fff;box-shadow:0 0 0 1px var(--line);transition:transform .4s,box-shadow .4s}
a.cinfo:hover{transform:translateX(6px);box-shadow:0 24px 38px -22px rgba(38,15,26,.4),0 0 0 1.5px rgba(229,21,32,.3)}
.cinfo .ico2{width:50px;height:50px;border-radius:14px;background:var(--rose);display:grid;place-items:center;color:var(--red);flex:none;transition:background .3s,color .3s}
a.cinfo:hover .ico2{background:var(--red);color:#fff}
.cinfo .ico2 .ic{font-size:24px}
.cinfo small{display:block;font:800 10.5px/1 var(--f-b);letter-spacing:.14em;text-transform:uppercase;color:var(--grey);margin-bottom:7px}
.cinfo b,.cinfo address{font:700 17px/1.4 var(--f-d);letter-spacing:-.01em;font-style:normal;display:block}
.cform{padding:clamp(22px,3vw,40px);border-radius:26px;background:#fff;box-shadow:var(--shadow),0 0 0 1px var(--line)}
.cform h2{font:700 clamp(24px,2.6vw,34px)/1.1 var(--f-d);letter-spacing:-.035em;margin-bottom:8px;font-variation-settings:"opsz" 32}
.cform>p{color:#4a4b52;margin-bottom:22px;font-size:15px}
.cform .ok{display:none;text-align:center;padding:30px 0}
.cform.done form{display:none}.cform.done .ok{display:block}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.map{margin-top:clamp(24px,3vw,40px);border-radius:26px;overflow:hidden;aspect-ratio:21/8;background:#eee;box-shadow:0 0 0 1px var(--line)}
.map iframe{width:100%;height:100%;border:0;filter:grayscale(.2)}
.wa{background:#25D366;color:#fff!important;box-shadow:0 14px 26px -12px rgba(37,211,102,.7)}
/* ok state shared styles (modal has .ok already) */
.ok .ic{font-size:54px;color:var(--red);margin:0 auto 14px}.ok h3{font:700 26px/1.1 var(--f-d);letter-spacing:-.03em;margin-bottom:8px}
/* misc */
.rel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.svx{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.svx .sv{flex-direction:column;align-items:flex-start;gap:12px;padding:20px}
.svx .sv .ic{font-size:34px}.svx .sv h3{font-size:16px}.svx .sv p{display:none}
.svx .sv .circ{display:none}
[data-clip]{clip-path:inset(0 0 100% 0 round 24px)}
.nojs [data-clip],.js [data-clip].in{clip-path:inset(0 round 24px)}
.err404{min-height:80vh;display:grid;place-items:center;text-align:center;padding:140px var(--gx) 80px}
.err404 b{display:block;font:700 clamp(90px,18vw,220px)/.9 var(--f-d);letter-spacing:-.06em;color:var(--red)}
.nav a.on{color:var(--red)}
@media (max-width:1100px){
  .it-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .svx{grid-template-columns:repeat(3,minmax(0,1fr))}
  .stats,.tlg,.grp{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1020px){
  .ph-in{grid-template-columns:minmax(0,1fr)}
  .ph-hero::after{background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,.4))}
  .hv{max-width:560px;margin:0 auto;width:100%}
  .sw{grid-template-columns:minmax(0,1fr)}
  .sw-tabs{position:static;display:flex;overflow-x:auto;gap:8px;padding:2px 2px 10px;margin:0 calc(var(--gx)*-1);padding-inline:var(--gx);scroll-snap-type:x proximity;scrollbar-width:none}
  .sw-tabs::-webkit-scrollbar{display:none}
  .sw-tab{flex:none;scroll-snap-align:start;white-space:nowrap}
  .sw-tab:hover,.sw-tab[aria-selected=true]{transform:none}
  .proc{grid-template-columns:minmax(0,1fr)}.proc-l{position:static}
  .grid3,.stk,.rel,.csr,.vls,.ldr,.cred,.bms,.mx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ba-g,.cg,.feat,.jr-pn{grid-template-columns:minmax(0,1fr)}
  .ba-fig{aspect-ratio:16/10}
  .feat .im{min-height:240px}
}
@media (max-width:720px){
  .sw-p.on,.jr-pn.on{grid-template-columns:minmax(0,1fr)}
  .sw-p .im{min-height:210px}
  .grid3,.grid2,.stk,.rel,.csr,.vls,.ldr,.cred,.bms,.mx-grid,.chl,.tlg,.stats,.grp{grid-template-columns:minmax(0,1fr)}
  .it-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .svx{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hv-chip{font-size:11px;padding:8px 11px 8px 8px}.hv-chip.a{left:-2%}.hv-chip.b{right:-2%}
  .pst-i{grid-template-columns:44px minmax(0,1fr);padding:18px}.pst-i .ico2{width:44px;height:44px}
  .map{aspect-ratio:4/3}
  .tg button{padding:11px 16px}
  .f2{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){[data-clip]{clip-path:none}.brt{animation:none}}
/* shared chrome additions */
.dd.wide{grid-template-columns:1fr 1fr;min-width:520px;left:-120px}
.drawer .sub{display:flex;flex-wrap:wrap;gap:8px;padding:12px 0 6px}
.drawer .sub a{font:700 13px/1 var(--f-b);padding:10px 14px;border-radius:999px;background:var(--rose);color:var(--red);border:0;letter-spacing:0}
.ft .ft-g{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1.2fr) minmax(0,1.2fr)}
.ft .ft-g>div:first-child{grid-column:auto}
.ft .lg2{gap:18px}.ft .lg2 span:nth-child(3){color:var(--red)}
.ft .ftc li{opacity:.72;font-size:14px;line-height:1.5}
.ft .ftc a{opacity:1}
.ba-stage{display:grid;gap:12px}
.ba[data-s=before] .ba-stage.after,.ba[data-s=after] .ba-stage.before{display:none}
.nav>div>a.on::after{transform:scaleX(1)}
@media (max-width:1020px){.ft .ft-g{grid-template-columns:1fr 1fr}.ft .ft-g>div:first-child{grid-column:1/-1}}
@media (max-width:560px){.ft .ft-g{grid-template-columns:1fr}}
.hv-p{position:absolute;inset:0;pointer-events:none}.hv-chip{pointer-events:auto}
.ph-hero .play i{animation:none;box-shadow:none}
.ph-in.solo{max-width:none}.ph-in.solo>div{max-width:820px}