.kindai-hero__media{overflow:hidden;background:#020304}
.kindai-hero__media:before,.kindai-hero__media:after{z-index:3}
.kindai-hero-motion{position:absolute;inset:0}
.kindai-hero-motion__glow{position:absolute;z-index:0;right:-5%;top:50%;width:min(68vw,920px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(0,148,162,.14),rgba(29,119,255,.06) 42%,transparent 70%);transform:translate3d(var(--kindai-hero-glow-x,0),calc(-50% + var(--kindai-hero-glow-y,0)),0);will-change:transform}
.kindai-hero-motion__ring-shell{position:absolute;z-index:1;top:50%;right:1%;width:min(53vw,740px);aspect-ratio:1;transform:translateY(-50%) perspective(1000px) rotateX(var(--kindai-hero-ring-y,0deg)) rotateY(var(--kindai-hero-ring-x,0deg));transform-style:preserve-3d;will-change:transform}
.kindai-hero-motion__ring{display:block;width:100%!important;height:100%!important;aspect-ratio:1;object-fit:contain!important;opacity:.72;mix-blend-mode:screen;filter:drop-shadow(0 0 42px rgba(0,120,255,.18));animation:kindai-hero-ring-spin 42s cubic-bezier(.45,.05,.55,.95) infinite;pointer-events:none;will-change:transform}
.kindai-hero-motion__symbols{position:absolute;z-index:2;inset:0;transform:translate3d(var(--kindai-hero-symbol-x,0),var(--kindai-hero-symbol-y,0),80px) rotate(var(--kindai-hero-symbol-r,0deg));pointer-events:none;will-change:transform}
.kindai-hero-symbol{position:absolute;display:block;width:auto!important;height:auto!important;object-fit:contain!important;filter:saturate(1.08) contrast(1.04) drop-shadow(0 12px 28px rgba(0,0,0,.28));will-change:transform;animation:kindai-symbol-drift var(--symbol-speed,14s) cubic-bezier(.45,.05,.55,.95) infinite alternate}
.kindai-hero-symbol--integral{left:51%;top:12%;width:clamp(92px,11vw,156px)!important;--symbol-rotate:-8deg;--symbol-x:7px;--symbol-y:-9px;--symbol-speed:16s}
.kindai-hero-symbol--division{left:70%;top:13%;width:clamp(82px,9vw,126px)!important;--symbol-rotate:8deg;--symbol-x:-8px;--symbol-y:6px;--symbol-speed:18s}
.kindai-hero-symbol--sigma{right:3%;top:31%;width:clamp(82px,8vw,116px)!important;--symbol-rotate:-5deg;--symbol-x:-7px;--symbol-y:-8px;--symbol-speed:15s}
.kindai-hero-symbol--root{left:51%;bottom:8%;width:clamp(116px,13vw,184px)!important;--symbol-rotate:-6deg;--symbol-x:9px;--symbol-y:-6px;--symbol-speed:19s}
.kindai-hero-symbol--bars{left:68%;bottom:12%;width:clamp(86px,9vw,132px)!important;--symbol-rotate:7deg;--symbol-x:-7px;--symbol-y:-8px;--symbol-speed:17s}
.kindai-hero-symbol--multiply{right:9%;bottom:8%;width:clamp(104px,11vw,158px)!important;--symbol-rotate:-6deg;--symbol-x:8px;--symbol-y:6px;--symbol-speed:20s}
.kindai-hero .hero-copy{pointer-events:none}
.kindai-hero .hero-copy :is(a,button){pointer-events:auto}
@keyframes kindai-hero-ring-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes kindai-symbol-drift{from{transform:translate3d(calc(var(--symbol-x,0px) * -.55),calc(var(--symbol-y,0px) * -.55),0) rotate(calc(var(--symbol-rotate,0deg) - 2deg))}to{transform:translate3d(var(--symbol-x,0px),var(--symbol-y,0px),0) rotate(calc(var(--symbol-rotate,0deg) + 3deg))}}

.kindai-intro{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(36px,6vw,96px);align-items:center;padding-block:clamp(88px,12vw,168px)}
.kindai-intro__copy h2,.kindai-foundation__copy h2,.kindai-mobile-proof__copy h2{max-width:13ch;margin:18px 0 24px;font:600 clamp(34px,4.8vw,58px)/.98 "Clash Display",sans-serif;letter-spacing:-.045em}
.kindai-intro__copy>p,.kindai-foundation__copy>p,.kindai-mobile-proof__copy>p{max-width:58ch;color:var(--muted);font-size:clamp(16px,1.35vw,19px);line-height:1.7}
.kindai-facts{display:grid;gap:0;margin:42px 0 0;border-top:1px solid rgba(216,207,194,.16)}
.kindai-facts div{display:grid;grid-template-columns:112px 1fr;gap:18px;padding:18px 0;border-bottom:1px solid rgba(216,207,194,.12)}
.kindai-facts dt{color:#08bce8;font:500 10px/1.4 "Space Grotesk",sans-serif;letter-spacing:.14em;text-transform:uppercase}
.kindai-facts dd{margin:0;color:#d7d3cc;font-size:14px;line-height:1.55}

.kindai-evidence-card{margin:0;padding:clamp(8px,1.2vw,16px);overflow:hidden;background:#1c2023;border:1px solid rgba(255,255,255,.07)}
.kindai-evidence-card img{display:block;width:100%;height:auto;object-fit:contain;background:#1c2023}
.kindai-evidence-card figcaption,.kindai-flow-step figcaption{padding:14px 4px 2px;color:#928f89;font-size:12px;line-height:1.5;letter-spacing:.03em}
.kindai-evidence-card figcaption strong{color:#e8e4de;font-weight:500}

.kindai-concept{padding-top:clamp(76px,10vw,142px)}
.kindai-concept__layout{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);gap:clamp(26px,4vw,62px);align-items:stretch;margin-top:clamp(44px,6vw,82px)}
.kindai-concept-stage{position:relative;min-height:660px;margin:0;overflow:hidden;background:radial-gradient(circle at 50% 48%,rgba(0,148,162,.12),transparent 56%),#020304;border:1px solid rgba(8,188,232,.16);perspective:900px}
.kindai-concept-stage .kindai-ring__stage{position:absolute;inset:0;transform:perspective(900px) rotateX(var(--kindai-ring-y,0deg)) rotateY(var(--kindai-ring-x,0deg));transform-style:preserve-3d;transition:transform .8s cubic-bezier(.16,1,.3,1);will-change:transform}
.kindai-concept-stage__ring{position:absolute;left:50%;top:50%;width:min(82%,690px);height:auto;aspect-ratio:1;object-fit:contain;opacity:.76;filter:drop-shadow(0 0 34px rgba(0,140,255,.16));transform:translate(-50%,-50%);animation:kindai-concept-ring-spin 38s cubic-bezier(.45,.05,.55,.95) infinite;will-change:transform}
.kindai-concept-object{position:absolute;width:auto!important;height:auto!important;filter:drop-shadow(0 14px 24px rgba(0,0,0,.3));animation:kindai-concept-object-float var(--object-speed,15s) cubic-bezier(.45,.05,.55,.95) infinite alternate;will-change:transform}
.kindai-concept-object--integral{left:7%;top:9%;width:clamp(74px,8vw,118px)!important;--object-r:-9deg;--object-speed:17s}
.kindai-concept-object--sigma{right:8%;top:17%;width:clamp(66px,7vw,104px)!important;--object-r:7deg;--object-speed:15s}
.kindai-concept-object--root{left:9%;bottom:8%;width:clamp(92px,10vw,148px)!important;--object-r:-6deg;--object-speed:19s}
.kindai-concept-object--multiply{right:9%;bottom:10%;width:clamp(82px,9vw,132px)!important;--object-r:8deg;--object-speed:18s}
.kindai-concept-stage figcaption{position:absolute;z-index:3;left:24px;bottom:20px;color:#8f9698;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
@keyframes kindai-concept-ring-spin{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes kindai-concept-object-float{from{transform:translate3d(-5px,4px,70px) rotate(calc(var(--object-r,0deg) - 2deg))}to{transform:translate3d(7px,-6px,70px) rotate(calc(var(--object-r,0deg) + 4deg))}}
.kindai-concept__notes{display:grid;grid-template-rows:repeat(3,1fr);gap:1px;background:rgba(216,207,194,.13);border:1px solid rgba(216,207,194,.13)}
.kindai-rationale-card{padding:clamp(26px,3vw,42px);background:linear-gradient(145deg,#13191e,#080b0e)}
.kindai-rationale-card span,.kindai-product-state span,.kindai-flow-step__copy>span{display:block;margin-bottom:28px;color:#08bce8;font:500 10px/1.2 "Space Grotesk",sans-serif;letter-spacing:.15em;text-transform:uppercase}
.kindai-rationale-card h3,.kindai-product-state h3,.kindai-flow-step h3{margin:0 0 12px;font:600 clamp(23px,2.3vw,34px)/1.04 "Clash Display",sans-serif;letter-spacing:-.035em}
.kindai-rationale-card p,.kindai-product-state p,.kindai-flow-step p{margin:0;color:var(--muted);font-size:15px;line-height:1.68}

.kindai-foundation{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:clamp(34px,6vw,94px);align-items:center;padding-top:clamp(96px,13vw,180px)}
.kindai-foundation__copy{order:2}
.kindai-foundation__copy ul,.kindai-mobile-proof__copy ul{display:grid;gap:13px;margin:30px 0 0;padding:0;list-style:none}
.kindai-foundation__copy li,.kindai-mobile-proof__copy li{position:relative;padding-left:20px;color:#aaa69f;font-size:14px;line-height:1.55}
.kindai-foundation__copy li:before,.kindai-mobile-proof__copy li:before{content:"";position:absolute;left:0;top:.65em;width:6px;height:6px;border-radius:50%;background:#08bce8}
.kindai-foundation__copy strong{color:#e7e3dd;font-weight:500}

.kindai-homepage{padding-top:clamp(104px,14vw,190px)}
.kindai-homepage__hero{margin-top:clamp(42px,6vw,78px)}
.kindai-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.4vw,32px);margin-top:clamp(22px,3vw,38px)}
.kindai-product-state{display:flex;flex-direction:column;min-width:0;padding:clamp(24px,3vw,42px);overflow:hidden;background:#050709;border:1px solid rgba(255,255,255,.07)}
.kindai-product-state>div{min-height:210px}
.kindai-product-state img{display:block;width:calc(100% + clamp(48px,6vw,84px));max-width:none;height:auto;margin:26px calc(clamp(24px,3vw,42px) * -1) calc(clamp(24px,3vw,42px) * -1);object-fit:contain}
.kindai-product-state--tactive{box-shadow:inset 0 2px 0 rgba(29,119,255,.68)}
.kindai-product-state--quantive{box-shadow:inset 0 2px 0 rgba(0,148,162,.74)}
.kindai-product-state--quantive span{color:#21d2dd}

.kindai-flow{padding-top:clamp(104px,14vw,190px)}
.kindai-flow__steps{display:grid;gap:clamp(38px,7vw,100px);margin-top:clamp(52px,7vw,96px)}
.kindai-flow-step{position:relative;display:grid;grid-template-columns:minmax(250px,.68fr) minmax(0,1.32fr);gap:clamp(28px,5vw,76px);align-items:center;padding-top:24px;border-top:1px solid rgba(216,207,194,.16)}
.kindai-flow-step:before{content:"";position:absolute;left:0;top:-1px;width:34%;height:1px;background:linear-gradient(90deg,#1d77ff,#0094a2);transform:scaleX(0);transform-origin:left;transition:transform .8s cubic-bezier(.16,1,.3,1)}
.kindai-flow-step.is-active:before{transform:scaleX(1)}
.kindai-flow-step--reverse .kindai-flow-step__copy{order:2}
.kindai-flow-step figure{margin:0;padding:10px;background:#1c2023;border:1px solid rgba(255,255,255,.07)}
.kindai-flow-step figure img{display:block;width:100%;height:auto;object-fit:contain}

.kindai-motion-story{padding-top:clamp(104px,14vw,190px)}
.kindai-system__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:clamp(44px,6vw,78px);border:1px solid rgba(216,207,194,.16);background:rgba(216,207,194,.16)}
.kindai-system-card{min-height:270px;padding:clamp(28px,3vw,44px);background:linear-gradient(145deg,rgba(19,25,30,.98),rgba(7,9,11,.98))}
.kindai-system-card>span{display:block;margin-bottom:clamp(42px,7vw,88px);color:#08bce8;font:500 11px/1 "Space Grotesk",sans-serif;letter-spacing:.16em}
.kindai-system-card h3{margin:0 0 12px;font:600 clamp(24px,2.2vw,34px)/1.02 "Clash Display",sans-serif;letter-spacing:-.035em}
.kindai-system-card p{max-width:34ch;margin:0;color:var(--muted);font-size:15px;line-height:1.68}
.kindai-motion-story .kindai-system__grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.kindai-motion-story .kindai-system-card{min-height:320px}
.kindai-motion-story .kindai-system-card>span{margin-bottom:clamp(48px,7vw,92px)}

.kindai-mobile-proof{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);gap:clamp(34px,6vw,94px);align-items:center;padding-top:clamp(104px,14vw,190px)}

@media(max-width:1100px){
  .kindai-intro,.kindai-foundation,.kindai-mobile-proof{grid-template-columns:1fr}
  .kindai-intro__copy h2,.kindai-foundation__copy h2,.kindai-mobile-proof__copy h2{max-width:18ch}
  .kindai-foundation__copy{order:0}
  .kindai-motion-story .kindai-system__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:900px){
  .kindai-hero-motion__ring-shell{right:-10%;width:66vw}
  .kindai-hero-symbol--integral{left:48%}
  .kindai-hero-symbol--division{left:68%}
  .kindai-hero-symbol--sigma{right:0}
  .kindai-intro,.kindai-foundation,.kindai-mobile-proof{grid-template-columns:1fr}
  .kindai-foundation__copy{order:0}
  .kindai-concept__layout{grid-template-columns:1fr}
  .kindai-concept-stage{min-height:580px}
  .kindai-product-grid{grid-template-columns:1fr}
  .kindai-motion-story .kindai-system__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kindai-system__grid{grid-template-columns:1fr}
  .kindai-system-card{min-height:0}
  .kindai-system-card>span{margin-bottom:32px}
}
@media(max-width:680px){
  .kindai-hero-motion__glow{top:23%;right:-34%;width:110vw}
  .kindai-hero-motion__ring-shell{top:23%;right:-30%;width:103vw}
  .kindai-hero-motion__ring{opacity:.52}
  .kindai-hero-motion__symbols{inset:0;opacity:.78}
  .kindai-hero-symbol--integral{left:47%;top:5%;width:86px!important}
  .kindai-hero-symbol--division{left:69%;top:8%;width:70px!important}
  .kindai-hero-symbol--sigma{right:-3%;top:19%;width:70px!important}
  .kindai-hero-symbol--root{left:48%;bottom:52%;width:100px!important}
  .kindai-hero-symbol--bars{left:70%;bottom:55%;width:72px!important}
  .kindai-hero-symbol--multiply{right:2%;bottom:51%;width:86px!important}
  .kindai-intro{padding-top:72px}
  .kindai-intro__copy h2,.kindai-foundation__copy h2,.kindai-mobile-proof__copy h2{font-size:clamp(32px,10vw,46px)}
  .kindai-facts div{grid-template-columns:90px 1fr}
  .kindai-concept-stage{min-height:430px}
  .kindai-concept-object--integral{width:70px!important}
  .kindai-concept-object--sigma{width:60px!important}
  .kindai-concept-object--root{width:84px!important}
  .kindai-concept-object--multiply{width:76px!important}
  .kindai-flow-step{grid-template-columns:1fr;gap:24px}
  .kindai-flow-step--reverse .kindai-flow-step__copy{order:0}
  .kindai-product-state>div{min-height:0}
  .kindai-motion-story .kindai-system__grid{grid-template-columns:1fr}
  .kindai-motion-story .kindai-system-card{min-height:0}
}
@media(prefers-reduced-motion:reduce){
  .kindai-hero-motion__glow,.kindai-hero-motion__ring-shell,.kindai-hero-motion__symbols,.kindai-ring__stage{transform:none!important;transition:none}
  .kindai-concept-stage__ring,.kindai-concept-object,.kindai-hero-motion__ring,.kindai-hero-symbol{animation:none}
  .kindai-flow-step:before{transform:scaleX(1);transition:none}
}