:root{--ink:#0A0A0B;--ink2:#0f0f11;--line:#222226;--ember:#FF6A13;--rice:#F3EFE7;--ash:#8E8A85;--verm:#D7261E;--c:#FF6A13}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--rice);font-family:'Zen Kaku Gothic New',system-ui,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,h4,.hd{font-family:'Chakra Petch','Rajdhani',system-ui,sans-serif;font-weight:700;letter-spacing:-.012em;margin:0}
a{color:inherit;text-decoration:none}
.wrap{max-width:1160px;margin:0 auto;padding:0 22px}
.lab{font-family:'Chakra Petch',sans-serif;font-size:12px;letter-spacing:.26em;color:var(--ash);text-transform:uppercase}
.lab i{display:inline-block;width:18px;height:1px;background:var(--c);vertical-align:middle;margin-right:12px}
/* header */
header.top{position:sticky;top:0;z-index:50;background:rgba(10,10,11,.78);backdrop-filter:blur(16px);border-bottom:1px solid #17171a}
.nav{display:flex;align-items:center;justify-content:space-between;height:66px}
.brand{display:flex;align-items:center;gap:12px}
.brand b{font-family:'Chakra Petch',sans-serif;letter-spacing:.18em;font-size:15px}
.menu{display:none;align-items:center;gap:30px;font-size:14px;color:#b9b4ab}
.menu>a,.menu .dd>button{background:none;border:0;color:inherit;font:inherit;cursor:pointer;padding:22px 0}
.menu a:hover,.menu .dd>button:hover{color:var(--rice)}
.dd{position:relative}
.panel{position:absolute;left:-40px;top:66px;width:620px;background:#0d0d0f;border:1px solid #2a2a2f;border-radius:10px;padding:22px;display:none;box-shadow:0 40px 90px rgba(0,0,0,.7)}
.dd:hover .panel,.dd:focus-within .panel{display:block}
.panel .g{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px}
.panel a{display:block;padding:10px 12px;border-radius:6px;color:#cfcac0}
.panel a:hover{background:#17171a;color:var(--rice)}
.panel a small{display:block;color:var(--ash);font-size:12px}
.panel .cust{margin-top:12px;border-top:1px solid var(--line);padding-top:14px}
.panel .cust a{border:1px dashed #3a3a40;display:flex;justify-content:space-between;align-items:center;color:var(--rice)}
.btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 24px;border-radius:3px;font-weight:700;font-size:15px;cursor:pointer;border:0;transition:.25s;font-family:'Zen Kaku Gothic New',sans-serif}
.btn.p{background:var(--ember);color:#0A0A0B}.btn.p:hover{box-shadow:0 0 0 1px var(--ember),0 0 40px rgba(255,106,19,.3)}
.btn.g{background:transparent;color:var(--rice);border:1px solid #38383e}.btn.g:hover{border-color:var(--rice)}
.btn.sm{min-height:40px;padding:0 16px;font-size:13px}
.burger{background:none;border:1px solid #34343a;color:var(--rice);width:44px;height:44px;border-radius:4px;cursor:pointer;font-size:18px}
.mob{display:none;position:fixed;inset:66px 0 0 0;background:var(--ink);z-index:49;overflow:auto;padding:24px 22px 60px}
.mob.on{display:block}
.mob a{display:block;padding:14px 0;border-bottom:1px solid var(--line);font-family:'Chakra Petch',sans-serif;font-size:20px}
.mob .sub a{font-family:'Zen Kaku Gothic New',sans-serif;font-size:16px;color:#b9b4ab;padding:11px 0 11px 14px}
.mob .lab{margin:26px 0 6px;display:block}
@media(min-width:900px){.menu{display:flex}.burger{display:none}}
/* hero */
.hero{position:relative;overflow:hidden;padding:80px 0 70px}
.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:64px 64px;opacity:.4;-webkit-mask-image:radial-gradient(ellipse 70% 80% at 80% 40%,#000,transparent 75%);mask-image:radial-gradient(ellipse 70% 80% at 80% 40%,#000,transparent 75%)}
.hero .wrap{position:relative;display:grid;gap:50px}
h1{font-size:clamp(38px,7vw,78px);line-height:1.03;max-width:15ch}
h1 em{font-style:normal;color:var(--ember)}
.lead{font-size:clamp(16px,2vw,19px);color:#b9b4ab;max-width:54ch;margin:24px 0 0}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.seal{width:min(360px,78vw);justify-self:center;position:relative}
.seal svg{width:100%;height:auto;overflow:visible}
.seal .a{animation:partA 2.4s .5s cubic-bezier(.2,.8,.2,1) both}
.seal .b{animation:partB 2.4s .5s cubic-bezier(.2,.8,.2,1) both}
@keyframes partA{from{transform:translate(0,0)}to{transform:translate(-5px,-5px)}}
@keyframes partB{from{transform:translate(0,0)}to{transform:translate(5px,5px)}}
.seal .cut{stroke-dasharray:420;stroke-dashoffset:420;animation:draw 1.1s .2s ease forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.seal .ring{transform-origin:50% 50%;animation:spin 90s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:960px){.hero{padding:120px 0 100px}.hero .wrap{grid-template-columns:1.2fr .8fr;align-items:center}}
/* sections */
section{padding:92px 0;position:relative}
.rule{height:1px;background:linear-gradient(90deg,transparent,#2a2a2f 15%,#2a2a2f 85%,transparent)}
h2{font-size:clamp(28px,4.4vw,48px);line-height:1.08;margin-top:16px;max-width:20ch}
.steps{display:grid;gap:0;margin-top:44px;border-top:1px solid var(--line)}
.step{padding:30px 0;border-bottom:1px solid var(--line);display:grid;gap:10px}
.step .n{font-family:'Chakra Petch',sans-serif;color:var(--ember);font-size:13px;letter-spacing:.22em}
.step h3{font-size:26px}.step p{margin:0;color:#b9b4ab;max-width:56ch}
@media(min-width:820px){.steps{grid-template-columns:repeat(3,1fr);border-top:0;gap:22px}.step{border:1px solid var(--line);border-radius:10px;padding:30px;background:var(--ink2)}}
.ind{display:grid;gap:12px;margin-top:40px}
.card{position:relative;display:flex;flex-direction:column;padding:24px;border:1px solid var(--line);border-radius:10px;background:var(--ink2);overflow:hidden;transition:.3s;min-height:170px}
.card::before{content:"";position:absolute;left:0;top:0;height:2px;width:100%;background:var(--c);transform:scaleX(.14);transform-origin:left;transition:.45s}
.card:hover{transform:translateY(-3px);border-color:#3a3a40}.card:hover::before{transform:scaleX(1)}
.card h3{font-size:20px}.card p{margin:8px 0 0;font-size:14px;color:var(--ash)}
.card .go{margin-top:auto;padding-top:18px;font:600 12px 'Chakra Petch',sans-serif;letter-spacing:.16em;color:var(--c)}
.card.custom{border-style:dashed;background:transparent}
@media(min-width:700px){.ind{grid-template-columns:repeat(2,1fr)}}@media(min-width:1000px){.ind{grid-template-columns:repeat(3,1fr)}}
.pr{display:grid;gap:22px;margin-top:40px}
.pr div{padding-top:22px;border-top:1px solid #34343a}.pr h3{font-size:21px}.pr p{margin:10px 0 0;color:#b9b4ab}
@media(min-width:820px){.pr{grid-template-columns:repeat(3,1fr)}}
.posts{display:grid;gap:12px;margin-top:40px}
.post{padding:24px;border:1px solid var(--line);border-radius:10px;background:var(--ink2);display:flex;flex-direction:column;gap:10px;transition:.3s}
.post:hover{border-color:#3a3a40}.post .t{font:600 11px 'Chakra Petch',sans-serif;letter-spacing:.2em;color:var(--c)}
.post h3{font-size:19px;line-height:1.3}.post p{margin:0;color:var(--ash);font-size:14px}
@media(min-width:820px){.posts{grid-template-columns:repeat(3,1fr)}}
.band{border:1px solid #2c2c31;border-radius:14px;padding:44px 28px;background:linear-gradient(135deg,#111113,#0a0a0b);position:relative;overflow:hidden}
.band h2{max-width:18ch}
/* niche pages */
.crumb{font-size:13px;color:var(--ash);padding-top:30px}.crumb a:hover{color:var(--rice)}
.nh{padding:50px 0 70px;position:relative;overflow:hidden}
.nh::before{content:"";position:absolute;right:-8%;top:-30%;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--c) 22%,transparent),transparent 65%);filter:blur(10px)}
.nh .wrap{position:relative}
.nh h1{font-size:clamp(34px,6vw,64px);max-width:18ch;margin-top:18px}
.pat{display:grid;gap:14px;margin-top:40px}
.stat{padding:30px;border:1px solid var(--line);border-radius:12px;background:var(--ink2)}
.stat .big{font-family:'Chakra Petch',sans-serif;font-weight:700;font-size:clamp(54px,9vw,88px);line-height:1;color:var(--c)}
.stat p{margin:14px 0 0;font-size:17px}.stat small{display:block;margin-top:14px;color:var(--ash);font-size:12px}
.story{padding:30px;border:1px solid var(--line);border-radius:12px}
.story .row{display:grid;grid-template-columns:90px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}
.story .row:last-child{border:0}.story .k{font:600 12px 'Chakra Petch',sans-serif;letter-spacing:.2em;color:var(--c);padding-top:3px}
@media(min-width:900px){.pat{grid-template-columns:1fr 1.1fr}}
.do{display:grid;gap:12px;margin-top:40px}.do div{padding:24px;border:1px solid var(--line);border-radius:10px;background:var(--ink2)}
.do h3{font-size:19px}.do p{margin:8px 0 0;color:#b9b4ab;font-size:15px}
@media(min-width:820px){.do{grid-template-columns:repeat(3,1fr)}}
.trust{padding:34px;border-left:2px solid var(--c);font-family:'Chakra Petch',sans-serif;font-size:clamp(20px,3vw,30px);line-height:1.3;max-width:30ch}
details{border-bottom:1px solid var(--line);padding:20px 0}
summary{cursor:pointer;font:600 18px 'Chakra Petch',sans-serif;list-style:none;display:flex;justify-content:space-between;gap:20px}
summary::after{content:"+";color:var(--ember);font-size:22px;line-height:1}details[open] summary::after{content:"–"}
details p{margin:12px 0 0;color:#b9b4ab;max-width:62ch}
/* forms */
.form{display:grid;gap:14px;margin-top:30px;max-width:640px}
.form label{font:600 12px 'Chakra Petch',sans-serif;letter-spacing:.16em;color:var(--ash)}
.form input,.form select,.form textarea{width:100%;margin-top:6px;background:#0d0d0f;border:1px solid #2c2c31;color:var(--rice);border-radius:4px;padding:14px;font:16px 'Zen Kaku Gothic New',sans-serif}
.form input:focus,.form select:focus,.form textarea:focus{outline:0;border-color:var(--ember);box-shadow:0 0 0 3px rgba(255,106,19,.14)}
.r2{display:grid;gap:14px}@media(min-width:640px){.r2{grid-template-columns:1fr 1fr}}
.okm{display:none;padding:16px;border:1px solid #2DD4BF;border-radius:6px;color:#2DD4BF}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}
.chips span{border:1px solid #34343a;border-radius:99px;padding:9px 16px;font-size:14px;color:#cfcac0;cursor:pointer;transition:.2s}
.chips span:hover,.chips span.on{border-color:var(--ember);color:var(--rice);background:rgba(255,106,19,.08)}
/* article */
.art{max-width:760px;margin:0 auto}
.art h1{max-width:none;font-size:clamp(32px,5vw,52px);margin-top:16px}
.vid{margin:34px 0;aspect-ratio:16/9;border:1px solid #2c2c31;border-radius:12px;background:#0d0d0f;display:grid;place-items:center;color:var(--ash);font-size:14px;position:relative;overflow:hidden}
.vid::after{content:"▶";position:absolute;width:64px;height:64px;border-radius:99px;background:var(--ember);color:#0a0a0b;display:grid;place-items:center;font-size:22px;padding-left:4px}
.art h2{font-size:28px;margin-top:44px;max-width:none}.art p{color:#cfcac0;font-size:17px}
.kp{border:1px solid var(--line);border-radius:10px;padding:22px 24px;background:var(--ink2)}.kp ul{margin:10px 0 0;padding-left:20px;color:#cfcac0}
.tx{border-top:1px solid var(--line);margin-top:16px}
.src{font-size:14px;color:var(--ash)}
footer{border-top:1px solid var(--line);padding:50px 0 60px;color:var(--ash);font-size:14px}
.fg{display:grid;gap:30px}.fg a{display:block;padding:4px 0}.fg a:hover{color:var(--rice)}
@media(min-width:760px){.fg{grid-template-columns:2fr 1fr 1fr 1fr}}
.rv{opacity:0;transform:translateY(16px);transition:.8s cubic-bezier(.2,.7,.2,1)}.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}.seal .cut{stroke-dashoffset:0}}

/* ===== v3 art direction ===== */
.hero2{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;padding:110px 0 90px;isolation:isolate}
#fx{position:absolute;inset:0;width:100%;height:100%;z-index:-3}
.hero2::before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:radial-gradient(ellipse 75% 70% at 60% 45%,#000,transparent 80%);mask-image:radial-gradient(ellipse 75% 70% at 60% 45%,#000,transparent 80%)}
.hero2::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(520px circle at var(--mx,70%) var(--my,40%),rgba(255,106,19,.10),transparent 60%)}
.ghost{position:absolute;right:-4%;top:50%;transform:translate(calc(var(--px,0)*-14px),calc(-50% + var(--py,0)*-10px));font-family:'Zen Kaku Gothic New','Noto Serif JP',serif;font-weight:700;font-size:clamp(300px,56vw,720px);line-height:1;color:transparent;-webkit-text-stroke:1px #2e2e33;z-index:-2;pointer-events:none;user-select:none}
.blade2{position:absolute;left:-15%;top:64%;width:130%;height:2px;z-index:0;transform-origin:left center;transform:rotate(-13deg) scaleX(0);background:linear-gradient(90deg,transparent,#FF6A13 25%,#ffd9bd 50%,#FF6A13 75%,transparent);box-shadow:0 0 22px 2px rgba(255,106,19,.55);animation:slice 1.3s .25s cubic-bezier(.7,0,.15,1) forwards;pointer-events:none}
@keyframes slice{to{transform:rotate(-13deg) scaleX(1)}}
.flash{position:absolute;inset:0;z-index:0;background:#fff;opacity:0;pointer-events:none;animation:fl .5s 1.45s ease-out}
@keyframes fl{0%{opacity:.07}100%{opacity:0}}
.h2x{position:relative;z-index:2}
.h2x h1{font-size:clamp(46px,9.4vw,138px);line-height:.95;max-width:none;letter-spacing:-.025em}
.ln{display:block;overflow:hidden;padding-bottom:.08em}
.ln>span{display:block;transform:translateY(112%);animation:up 1s cubic-bezier(.2,.8,.1,1) forwards}
.ln:nth-child(1)>span{animation-delay:1.05s}.ln:nth-child(2)>span{animation-delay:1.18s}.ln:nth-child(3)>span{animation-delay:1.31s}
@keyframes up{to{transform:none}}
.fadein{opacity:0;animation:fi 1s 1.7s ease forwards}@keyframes fi{to{opacity:1}}
.h2x .lead{max-width:50ch}
.eyebrow2{display:flex;align-items:center;gap:14px}
.scrollcue{position:absolute;left:22px;bottom:26px;font:600 11px 'Chakra Petch',sans-serif;letter-spacing:.3em;color:var(--ash);display:flex;align-items:center;gap:12px}
.scrollcue i{display:block;width:1px;height:46px;background:linear-gradient(var(--ember),transparent);animation:cue 2s ease-in-out infinite}
@keyframes cue{0%,100%{transform:scaleY(.4);transform-origin:top}50%{transform:scaleY(1)}}
.mq{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;padding:20px 0;background:#08080a}
.mq div{display:flex;gap:56px;width:max-content;animation:mq 40s linear infinite}
.mq span{font:700 clamp(28px,4vw,52px) 'Chakra Petch',sans-serif;color:transparent;-webkit-text-stroke:1px #4a4a50;white-space:nowrap;letter-spacing:.04em}
.mq span:nth-child(3n){color:var(--ember);-webkit-text-stroke:0}
@keyframes mq{to{transform:translateX(-50%)}}
/* how */
.how{display:grid;gap:40px}
.how .sticky h2{max-width:14ch}
.rail{position:relative;padding-left:44px}
.rail::before{content:"";position:absolute;left:11px;top:8px;bottom:8px;width:1px;background:#2a2a2f}
.rail::after{content:"";position:absolute;left:11px;top:8px;bottom:8px;width:1px;background:var(--ember);box-shadow:0 0 12px var(--ember);transform-origin:top;transform:scaleY(var(--p,0))}
.st{position:relative;padding:0 0 70px}.st:last-child{padding-bottom:0}
.st::before{content:"";position:absolute;left:-39px;top:14px;width:11px;height:11px;border-radius:50%;background:var(--ink);border:1px solid #55555b}
.st .num{font:700 clamp(80px,13vw,150px) 'Chakra Petch',sans-serif;line-height:.9;color:transparent;-webkit-text-stroke:1px #3a3a40}
.st h3{font-size:clamp(26px,3.4vw,38px);margin-top:-14px}.st p{color:#b9b4ab;max-width:46ch;margin:12px 0 0}
@media(min-width:900px){.how{grid-template-columns:5fr 7fr;gap:80px}.how .sticky{position:sticky;top:120px;align-self:start}}
/* industry index */
.ix{display:grid;gap:0;margin-top:46px}
.ixr{display:grid;grid-template-columns:36px 1fr 28px;gap:6px 16px;align-items:center;padding:24px 4px;border-top:1px solid var(--line);position:relative;transition:.35s}
.ixr:last-child{border-bottom:1px solid var(--line)}
.ixr .n{font:600 12px 'Chakra Petch',sans-serif;color:var(--ash);letter-spacing:.12em}
.ixr .nm{font:700 clamp(26px,4.6vw,54px)/1.05 'Chakra Petch',sans-serif;letter-spacing:-.015em;transition:.35s}
.ixr .ds{grid-column:2;color:var(--ash);font-size:14px;max-width:48ch}
.ixr .ar{grid-row:1;grid-column:3;color:var(--c);font-size:22px;transition:.35s}
.ixr::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--c) 16%,transparent),transparent 70%);opacity:0;transition:.4s}
.ixr:hover::before,.ixr:focus-visible::before{opacity:1}
.ixr:hover .nm{transform:translateX(14px);color:var(--c)}.ixr:hover .ar{transform:translateX(6px)}
.ixr>*{position:relative}
.ixr.cu{border-style:dashed}.ixr.cu .nm{color:var(--ember)}
.ixp{display:none}
@media(min-width:1000px){.ixw{display:grid;grid-template-columns:1fr 340px;gap:50px;align-items:start}.ixp{display:block;position:sticky;top:110px;margin-top:46px;border:1px solid var(--line);border-radius:12px;padding:26px;min-height:280px;background:radial-gradient(circle at 80% 0,color-mix(in srgb,var(--pc,#FF6A13) 20%,transparent),transparent 60%),#0c0c0e;transition:.4s}.ixp .t{font:700 22px 'Chakra Petch',sans-serif}.ixp .f{margin-top:18px;display:grid;gap:8px;font-size:14px;color:#cfcac0}.ixp .f span{display:block;padding:9px 12px;border:1px solid #2c2c31;border-radius:6px}.ixp .f span:last-child{border-color:var(--pc,#FF6A13);color:var(--pc,#FF6A13)}.ixp .lab{margin-bottom:14px}}
/* deploy diagram */
.dg{display:grid;gap:16px;margin-top:44px}
.dgp{border:1px solid var(--line);border-radius:14px;padding:26px;background:#0c0c0e}
.dgp svg{width:100%;height:auto}.dgp h3{font-size:24px;margin-top:6px}.dgp p{color:#b9b4ab;margin:8px 0 0;font-size:15px}
.fl{stroke-dasharray:5 7;animation:dash 1.4s linear infinite}@keyframes dash{to{stroke-dashoffset:-24}}
@media(min-width:820px){.dg{grid-template-columns:1fr 1fr}}
/* insight rows */
.ir{display:grid;grid-template-columns:90px 1fr 24px;gap:10px 20px;align-items:center;padding:24px 4px;border-top:1px solid var(--line);transition:.3s}
.ir:last-child{border-bottom:1px solid var(--line)}.ir:hover{padding-left:14px;background:linear-gradient(90deg,rgba(255,255,255,.03),transparent)}
.ir .t{font:600 11px 'Chakra Petch',sans-serif;letter-spacing:.2em;color:var(--c)}.ir h3{font-size:clamp(18px,2.2vw,24px);line-height:1.3}.ir .ar{color:var(--ash)}
/* cta */
.big{position:relative;overflow:hidden;padding:110px 0;border-top:1px solid var(--line)}
.big h2{font-size:clamp(40px,8vw,112px);line-height:.98;max-width:none}
.big .wrap{position:relative;z-index:1}
/* niche v3 */
.nh2{position:relative;overflow:hidden;padding:30px 0 80px;isolation:isolate}
.nh2::before{content:"";position:absolute;right:-12%;top:-20%;width:640px;height:640px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--c) 26%,transparent),transparent 62%);z-index:-1}
.nh2::after{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 90%);mask-image:linear-gradient(180deg,#000,transparent 90%)}
.nh2 .g2{display:grid;gap:40px;margin-top:34px;align-items:center}
.nh2 h1{font-size:clamp(36px,6.4vw,76px);line-height:1;max-width:14ch;margin-top:20px}
.flow svg{width:100%;height:auto;display:block}.flow small{display:block;color:var(--ash);font-size:12px;margin-top:8px}
@media(min-width:960px){.nh2 .g2{grid-template-columns:1fr 1fr}}
.statx{position:relative;overflow:hidden;padding:80px 0;border-top:1px solid var(--line)}
.statx .gn{position:absolute;right:-2%;top:50%;transform:translateY(-50%);font:700 clamp(160px,34vw,460px)/1 'Chakra Petch',sans-serif;color:transparent;-webkit-text-stroke:1px #2a2a2f;white-space:nowrap;pointer-events:none}
.statx .wrap{position:relative}.statx .v{font:700 clamp(70px,13vw,170px)/.95 'Chakra Petch',sans-serif;color:var(--c);letter-spacing:-.03em}
.statx p{font-size:clamp(18px,2.4vw,26px);max-width:30ch;margin:16px 0 0}.statx small{display:block;color:var(--ash);margin-top:16px}
.tl{display:grid;gap:0;margin-top:44px;border-top:1px solid var(--line)}
.tl>div{padding:28px 0;border-bottom:1px solid var(--line);display:grid;gap:8px}
.tl .k{font:600 12px 'Chakra Petch',sans-serif;letter-spacing:.24em;color:var(--c)}.tl p{margin:0;font-size:18px;max-width:34ch}
@media(min-width:860px){.tl{grid-template-columns:repeat(3,1fr);gap:0;border:0}.tl>div{border:0;border-top:2px solid var(--c);padding:26px 28px 0 0;margin-right:24px}}
.dr{display:grid;grid-template-columns:50px 1fr;gap:6px 18px;padding:26px 0;border-top:1px solid var(--line)}
.dr:last-child{border-bottom:1px solid var(--line)}.dr .n{font:700 14px 'Chakra Petch',sans-serif;color:var(--c);padding-top:6px}
.dr h3{font-size:clamp(22px,3vw,32px)}.dr p{grid-column:2;margin:0;color:#b9b4ab;max-width:52ch}
.quote{position:relative;padding:90px 0;border-top:1px solid var(--line);overflow:hidden}
.quote::before{content:"“";position:absolute;left:12px;top:-10px;font:700 340px/1 'Chakra Petch',sans-serif;color:transparent;-webkit-text-stroke:1px #2a2a2f}
.quote p{position:relative;font:700 clamp(28px,5vw,60px)/1.08 'Chakra Petch',sans-serif;max-width:20ch;margin:0;color:var(--rice)}.quote p em{font-style:normal;color:var(--c)}
@media(max-width:600px){.st h3{margin-top:4px}.eyebrow2 .lab{font-size:11px}.ghost{opacity:.6}}

/* industries hub (macro / micro) */
.hubtools{margin-top:34px;display:grid;gap:18px}
.hubtools input{width:100%;max-width:560px;background:#0d0d0f;border:1px solid #2c2c31;color:var(--rice);border-radius:4px;padding:15px 16px;font:16px 'Zen Kaku Gothic New',sans-serif}
.hubtools input:focus{outline:0;border-color:var(--ember);box-shadow:0 0 0 3px rgba(255,106,19,.14)}
.jump{display:flex;flex-wrap:wrap;gap:8px}.jump a{border:1px solid #34343a;border-radius:99px;padding:7px 14px;font-size:13px;color:#cfcac0;transition:.2s}.jump a:hover{border-color:var(--ember);color:var(--rice)}
.mac{padding:46px 0 10px;scroll-margin-top:90px;border-top:1px solid var(--line);margin-top:30px}
.mdesc{color:#b9b4ab;margin:12px 0 0;max-width:60ch}
.mg{display:grid;gap:10px;margin-top:22px}
@media(min-width:640px){.mg{grid-template-columns:repeat(2,1fr)}}@media(min-width:980px){.mg{grid-template-columns:repeat(3,1fr)}}
.mi{position:relative;display:flex;flex-direction:column;gap:6px;padding:20px 20px 18px;border:1px dashed #34343a;border-radius:10px;background:transparent;transition:.3s;min-height:112px}
.mi b{font:700 19px 'Chakra Petch',sans-serif}.mi span{color:var(--ash);font-size:14px}.mi em{margin-top:auto;padding-top:10px;font:600 11px 'Chakra Petch',sans-serif;letter-spacing:.18em;color:var(--ash);font-style:normal}
.mi:hover{border-color:var(--ember);transform:translateY(-2px)}
.mi.live{border:1px solid var(--line);background:var(--ink2)}.mi.live::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:10px 0 0 10px;background:var(--c)}.mi.live em{color:var(--c)}.mi.live:hover{border-color:var(--c)}
.nomatch{margin-top:40px;padding:26px;border:1px dashed #3a3a40;border-radius:10px}.nomatch p{margin:0 0 16px}

/* enquiry form */
.eform{display:grid;gap:26px;margin-top:34px;max-width:760px}
.eform fieldset{border:1px solid var(--line);border-radius:12px;padding:26px 24px 28px;margin:0;display:grid;gap:18px;background:var(--ink2)}
.eform legend{padding:0 10px;font:700 17px 'Chakra Petch',sans-serif}.eform legend b{color:var(--ember);margin-right:10px;font-size:13px;letter-spacing:.18em}
.eform label{font:600 12px 'Chakra Petch',sans-serif;letter-spacing:.14em;color:var(--ash);display:block}.eform label i{font-style:normal;text-transform:none;letter-spacing:0;font-weight:500}
.eform input:not([type=checkbox]):not([type=radio]),.eform select,.eform textarea{width:100%;margin-top:7px;background:#0a0a0b;border:1px solid #2c2c31;color:var(--rice);border-radius:4px;padding:14px;font:16px 'Zen Kaku Gothic New',sans-serif}
.eform input:focus,.eform select:focus,.eform textarea:focus{outline:0;border-color:var(--ember);box-shadow:0 0 0 3px rgba(255,106,19,.14)}
.eform .invalid{border-color:#D7261E!important}
.chips2,.opts{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.pill{cursor:pointer;display:block!important;letter-spacing:0!important;font:400 14px 'Zen Kaku Gothic New',sans-serif!important;color:#cfcac0!important}
.pill input{position:absolute;opacity:0;pointer-events:none}.pill span{display:block;border:1px solid #34343a;border-radius:99px;padding:9px 16px;transition:.2s}
.pill:hover span{border-color:#55555b}.pill input:checked+span{border-color:var(--ember);background:rgba(255,106,19,.1);color:var(--rice)}.pill input:focus-visible+span{box-shadow:0 0 0 3px rgba(255,106,19,.3)}
.consent{display:flex!important;gap:12px;align-items:flex-start;letter-spacing:0!important;font:400 14px 'Zen Kaku Gothic New',sans-serif!important;color:#b9b4ab!important}
.consent input{margin-top:4px;accent-color:var(--ember);width:18px;height:18px;flex:none}.consent a{color:var(--ember);text-decoration:underline}
.okm.err{border-color:#D7261E;color:#ff7b73}
