/* KREDO «Планетарій» — згенеровано site/planet/build_planet.py з proto/arcana_v5_tpl.py; не редагувати вручну */
.kp h1,.kp h2,.kp h3,.kp h4{text-transform:none;letter-spacing:normal;color:inherit;font-weight:400;margin:0;padding:0;border:0;background:none}
.kp p,.kp li,.kp dd,.kp dt,.kp summary{color:inherit;letter-spacing:normal}
.kp ul,.kp ol{margin:0;padding:0}
.kp img,.kp svg{max-width:none}
.kp button{text-transform:none;letter-spacing:normal;line-height:1.3;box-shadow:none}
.kp .btn{line-height:1.3;white-space:normal;vertical-align:middle;text-transform:none;letter-spacing:normal}
.kp .btn:hover,.kp .btn:focus{color:#1a1407}
.kp a:hover{text-decoration:none}
.kp{--night:#0a1230;--deep:#131f4a;--ink:#ede7d9;--dim:#aaa8c0;--line:#2b3767;
  --gold:#d9b264;--rose:#e79bb0;--ice:#8fb9ff;--violet:#ab9cf2;--teal:#5fcab8;
  --display:"Forum","Cormorant Garamond",Georgia,serif;--body:"Golos Text","Segoe UI",system-ui,sans-serif;
  --txt:680px;--vis:380px;color-scheme:dark}
.kp *{box-sizing:border-box}
.kp{margin:0;background:var(--night);color:var(--ink);font:17px/1.75 var(--body);overflow-x:clip}
.kp a{color:var(--gold)}
.kp a:focus-visible,.kp button:focus-visible,.kp summary:focus-visible,.kp li[tabindex]:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.kp .wrap{max-width:1180px;margin:0 auto;padding-inline:clamp(16px,4vw,48px)}
.kp .grid{display:grid;grid-template-columns:minmax(0,var(--txt)) minmax(0,var(--vis));justify-content:space-between;gap:56px;align-items:start}
.kp .c-gold{--hue:var(--gold)}
.kp .c-rose{--hue:var(--rose)}
.kp .c-ice{--hue:var(--ice)}
.kp .c-violet{--hue:var(--violet)}
.kp .c-teal{--hue:var(--teal)}
.kp .bgstars{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:
  radial-gradient(1px 1px at 12% 18%,rgba(237,231,217,.5) 50%,transparent 51%),radial-gradient(1px 1px at 72% 64%,rgba(237,231,217,.35) 50%,transparent 51%),
  radial-gradient(1.5px 1.5px at 38% 82%,rgba(217,178,100,.45) 50%,transparent 51%),radial-gradient(1px 1px at 88% 30%,rgba(237,231,217,.4) 50%,transparent 51%),
  radial-gradient(1px 1px at 55% 8%,rgba(143,185,255,.45) 50%,transparent 51%);background-size:540px 540px}
.kp .shoot{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.kp .shoot i{position:absolute;top:-10%;left:60%;width:160px;height:1.5px;background:linear-gradient(90deg,rgba(237,231,217,.95),transparent);transform:rotate(-32deg);opacity:0;animation:shoot 15s linear infinite}
.kp .shoot i:nth-child(2){left:85%;top:5%;animation-delay:5s;animation-duration:19s}
.kp .shoot i:nth-child(3){left:30%;top:-5%;animation-delay:10s;animation-duration:17s}
@keyframes shoot{0%{opacity:0;transform:rotate(-32deg) translateX(0)}1%{opacity:1}5%{opacity:0;transform:rotate(-32deg) translateX(-680px)}100%{opacity:0}}
.kp .hero,.kp .kp-main,.kp .bar,.kp .atlas{position:relative;z-index:1}
.kp .hero{background:radial-gradient(60% 90% at 78% 45%,rgba(43,64,150,.6),transparent 70%)}
.kp .hero .grid{grid-template-columns:minmax(0,600px) minmax(0,1fr);align-items:center;padding-block:28px 12px}
.kp .crumbs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 22px;padding:0;list-style:none;font-size:13px;color:var(--dim)}
.kp .crumbs li+li:before{content:"/";margin-right:6px;opacity:.5}
.kp .crumbs a{color:var(--dim);text-decoration:none}
.kp .eye{display:flex;align-items:baseline;gap:16px;margin:0}
.kp .eye b{font:400 clamp(72px,9vw,120px)/.8 var(--display);color:var(--gold);text-shadow:0 0 50px rgba(217,178,100,.5)}
.kp .eye span{font:400 22px/1.2 var(--display);color:var(--dim)}
.kp h1{margin:14px 0 0;font:400 clamp(36px,4.6vw,60px)/1.05 var(--display);text-wrap:balance}
.kp .kw{margin:14px 0 0;color:var(--dim);font-size:15px}
.kp .lead{margin:18px 0 0;font:400 clamp(19px,1.7vw,22px)/1.55 var(--display)}
.kp .acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.kp .btn{display:inline-block;padding:14px 24px;border-radius:999px;background:var(--gold);color:#1a1407;font-weight:600;text-decoration:none;border:0;font-size:16px;cursor:pointer;box-shadow:0 10px 30px -10px rgba(217,178,100,.7)}
.kp .ghost{display:inline-block;padding:13px 20px;border-radius:999px;border:1px solid rgba(217,178,100,.7);background:transparent;color:var(--gold);font:500 15px var(--body);cursor:pointer;text-decoration:none}
.kp .ghost:hover{background:rgba(217,178,100,.12)}
.kp .stage{position:relative;height:min(720px,88svh);min-height:520px;cursor:grab;touch-action:pan-y}
.kp .stage:active{cursor:grabbing}
.kp .stage canvas{position:absolute;inset:0;width:100%;height:100%;-webkit-mask-image:radial-gradient(closest-side,#000 72%,transparent);mask-image:radial-gradient(closest-side,#000 72%,transparent)}
.kp .stage .still{position:absolute;left:50%;top:50%;height:min(84%,460px);width:auto;transform:translate(-50%,-50%) rotate(-6deg);filter:drop-shadow(0 20px 50px rgba(0,0,0,.6));transition:opacity .8s ease}
.kp .stage.shown .still{opacity:0;pointer-events:none}
.kp .stage:not(.live) .hint{opacity:0}
.kp .hint{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-size:13px;color:var(--dim);transition:opacity .4s}
.kp .bar{position:sticky;top:var(--kh,0px);z-index:6;padding-block:10px;pointer-events:none}
.kp .bar .wrap{display:flex;justify-content:center}
.kp .cap{pointer-events:auto;position:relative;display:flex;gap:2px;max-width:100%;overflow-x:auto;scrollbar-width:none;padding:6px;border-radius:999px;
  background:rgba(13,21,54,.72);-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);
  border:1px solid rgba(217,178,100,.22);box-shadow:0 14px 40px -18px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.06)}
.kp .cap::-webkit-scrollbar{display:none}
.kp .cap a{position:relative;z-index:1;flex:0 0 auto;display:flex;align-items:center;gap:9px;padding:8px 14px;border-radius:999px;color:var(--dim);text-decoration:none;font-size:14px;white-space:nowrap;transition:color .35s}
.kp .cap a:hover{color:var(--ink)}
.kp .cap a i{width:8px;height:8px;border-radius:50%;border:1.5px solid var(--hue);background:transparent;transition:background .4s,box-shadow .4s,transform .4s}
.kp .cap a.past{color:#cfcbe0}
.kp .cap a.past i{background:var(--hue);box-shadow:0 0 6px var(--hue)}
.kp .cap a.on{color:var(--ink)}
.kp .cap a.on i{background:var(--hue);transform:scale(1.35);box-shadow:0 0 12px var(--hue);animation:navpulse 2.2s ease-in-out infinite}
@keyframes navpulse{50%{box-shadow:0 0 2px var(--hue),0 0 18px var(--hue)}}
.kp .lamp{position:absolute;z-index:0;left:0;top:6px;bottom:6px;width:0;border-radius:999px;pointer-events:none;
  background:linear-gradient(180deg,color-mix(in srgb,var(--hue,var(--gold)) 26%,transparent),color-mix(in srgb,var(--hue,var(--gold)) 12%,transparent));
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--hue,var(--gold)) 45%,transparent),0 0 22px -4px color-mix(in srgb,var(--hue,var(--gold)) 60%,transparent)}
.kp .lamp.ready{transition:transform .55s cubic-bezier(.3,1.25,.45,1),width .55s cubic-bezier(.3,1.25,.45,1),background .5s,box-shadow .5s}
.kp .cap .prog{position:absolute;left:20px;right:20px;bottom:2px;height:1.5px;border-radius:2px;background:rgba(217,178,100,.12);overflow:hidden;pointer-events:none}
.kp .cap .prog:after{content:"";position:absolute;inset:0;transform-origin:0 50%;transform:scaleX(var(--p,0));background:linear-gradient(90deg,var(--gold),var(--rose),var(--violet),var(--teal))}
@media (max-width:980px){.kp .bar{padding-block:8px}
.kp .cap{-webkit-mask-image:linear-gradient(90deg,transparent,#000 22px,#000 calc(100% - 22px),transparent);mask-image:linear-gradient(90deg,transparent,#000 22px,#000 calc(100% - 22px),transparent);padding-inline:14px}
.kp .cap a{padding:8px 12px}
.kp .cap .prog{display:none}}
@media (prefers-reduced-motion:reduce){.kp{scroll-behavior:auto}
.kp .lamp.ready{transition:none}
.kp .cap a.on i{animation:none}}
.kp .ch{padding-block:88px;border-top:1px solid var(--line);background:radial-gradient(50% 70% at 82% 10%,color-mix(in srgb,var(--hue) 12%,transparent),transparent 70%)}
.kp .kick{display:flex;align-items:center;gap:10px;margin:0 0 10px;color:var(--hue);font-size:15px;font-weight:500}
.kp .kick i{width:10px;height:10px;border-radius:50%;background:var(--hue);box-shadow:0 0 14px var(--hue)}
.kp h2{margin:0 0 24px;font:400 clamp(30px,3.2vw,44px)/1.1 var(--display);text-wrap:balance;scroll-margin-top:calc(var(--kh,0px) + 84px)}
.kp h3{margin:28px 0 8px;font:600 16px/1.35 var(--body)}
.kp p{margin:0 0 14px}
.kp .vis{position:sticky;top:calc(var(--kh,0px) + 96px)}
.kp .scene{position:relative;display:block;width:100%;aspect-ratio:1;border-radius:28px;background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--hue) 14%,transparent),transparent 70%);touch-action:pan-y}
.kp .scene.static{background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--hue) 22%,transparent),transparent 70%)}
.kp .scenes-gl{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:3}
.kp .mx-dash{fill:none;stroke:var(--ice);stroke-width:1;stroke-dasharray:3 9;opacity:.6;transform-origin:0 0;animation:spin 40s linear infinite}
.kp .mx-run{fill:#fff;filter:drop-shadow(0 0 6px var(--gold))}
.kp .mx-run.b{filter:drop-shadow(0 0 6px var(--ice))}
.kp .mx-n.on circle{animation:pulse 1.8s ease-in-out infinite}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes pulse{50%{filter:drop-shadow(0 0 26px var(--hl,var(--gold)))}}
.kp .vis figcaption{margin-top:10px;font-size:13px;color:var(--dim);text-align:center}
.kp .quote{margin:0 0 22px;font:400 clamp(25px,2.6vw,34px)/1.32 var(--display);text-wrap:balance}
.kp .quote:before{content:"";display:block;width:56px;height:2px;margin-bottom:18px;background:var(--gold)}
.kp .scales-art{display:block;width:100%;overflow:visible}
.kp .sc-post{stroke:var(--gold);stroke-width:2.5;fill:none}
.kp .sc-beam{transform-origin:210px 46px;transform:rotate(-10deg);transition:transform 2.4s cubic-bezier(.3,1.7,.4,1)}
.kp .in .sc-beam{transform:rotate(5deg)}
.kp .sc-beam>line{stroke:var(--gold);stroke-width:3;filter:drop-shadow(0 0 6px rgba(217,178,100,.6))}
.kp .sc-pan line{stroke:rgba(237,231,217,.45);stroke-width:1}
.kp .sc-pan path{fill:rgba(217,178,100,.2);stroke:var(--gold);stroke-width:1.5}
.kp .sc-r path{fill:rgba(231,155,176,.14);stroke:var(--rose)}
.kp .sc-pan{transform-box:fill-box;transform-origin:50% 0;transition:transform 2.4s cubic-bezier(.3,1.7,.4,1)}
.kp .in .sc-l,.kp .in .sc-r{transform:rotate(-5deg)}
.kp .sc-pan text{font:400 30px var(--display);fill:var(--gold);text-anchor:middle}
.kp .sc-r text{fill:var(--rose)}
.kp .sc-knob{fill:var(--gold)}
.kp .pm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.kp .pm h3{margin:0 0 10px;font:400 24px/1.2 var(--display)}
.kp .pm ul{list-style:none;margin:0;padding:0}
.kp .pm li{padding:9px 0 9px 24px;position:relative;border-top:1px solid var(--line);line-height:1.5}
.kp .pm li:before{position:absolute;left:0;top:7px;font:400 20px/1.2 var(--display)}
.kp .pm .plus li:before{content:"+";color:var(--gold)}
.kp .pm .minus li:before{content:"−";color:var(--rose)}
.kp .pm .minus h3{color:var(--rose)}
.kp .pm .plus h3{color:var(--gold)}
.kp .mx{width:100%;overflow:visible}
.kp .mx-ring{fill:none;stroke:var(--line);stroke-width:2;transition:stroke .3s}
.kp .mx-ring.on{stroke:var(--ice);filter:drop-shadow(0 0 8px var(--ice))}
.kp .mx-ln{fill:none;stroke:var(--line);stroke-width:1.2}
.kp .mx-sp{opacity:.6}
.kp .mx-n circle{fill:var(--night);stroke:var(--line);stroke-width:1.5;transition:all .3s}
.kp .mx-n.main circle{stroke:rgba(217,178,100,.55)}
.kp .mx-n text{font:400 18px var(--display);fill:var(--dim);text-anchor:middle;transition:fill .3s}
.kp .mx-n.on circle{fill:var(--hl,var(--gold));stroke:var(--hl,var(--gold));filter:drop-shadow(0 0 14px var(--hl,var(--gold)))}
.kp .mx-n.on text{fill:var(--night)}
.kp .mx-lb{font:500 11px var(--body);fill:var(--dim);text-anchor:middle}
.kp .posl{list-style:none;margin:6px 0 0;padding:0}
.kp .posl li{padding:14px 16px 14px 20px;border-left:2px solid var(--line);margin-bottom:6px;border-radius:0 12px 12px 0;cursor:pointer;transition:background .25s,border-color .25s}
.kp .posl li h3{margin:0 0 4px;color:var(--hue)}
.kp .posl li p{margin:0;color:var(--dim)}
.kp .posl li.on{border-color:var(--hue);background:color-mix(in srgb,var(--hue) 10%,transparent)}
.kp .posl li.on p{color:var(--ink)}
.kp .duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:8px}
.kp .duo>div{padding:18px 20px;border-radius:18px;border:1px solid color-mix(in srgb,var(--rose) 35%,transparent);background:color-mix(in srgb,var(--rose) 6%,transparent)}
.kp .duo h3{margin:0 0 6px;font:400 22px/1.2 var(--display);color:var(--rose)}
.kp .duo p{margin:0;font-size:16px;line-height:1.65}
.kp .heart{margin-top:16px;padding:22px 24px;border-radius:22px;background:linear-gradient(135deg,rgba(231,155,176,.16),rgba(171,156,242,.08));border:1px solid rgba(231,155,176,.35)}
.kp .heart h3{margin:0 0 6px;font:400 24px/1.2 var(--display);color:var(--ink)}
.kp .heart p{margin:0}
.kp .spheres{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.kp .spheres li{padding:14px 16px;border-radius:14px;background:color-mix(in srgb,var(--gold) 7%,transparent);border:1px solid color-mix(in srgb,var(--gold) 28%,transparent);font-size:15px;line-height:1.45;display:flex;gap:10px}
.kp .spheres li:before{content:"✦";color:var(--gold)}
.kp .path{list-style:none;margin:0;padding:0;counter-reset:st;position:relative}
.kp .path:before{content:"";position:absolute;left:21px;top:20px;bottom:20px;width:2px;background:linear-gradient(var(--teal),rgba(95,202,184,.1))}
.kp .path li{counter-increment:st;position:relative;padding:4px 0 24px 66px}
.kp .path li:before{content:counter(st);position:absolute;left:0;top:0;width:44px;height:44px;border-radius:50%;background:var(--night);border:1.5px solid var(--teal);color:var(--teal);font:400 22px/41px var(--display);text-align:center;box-shadow:0 0 18px rgba(95,202,184,.35)}
.kp .path b{display:block;font:400 22px/1.3 var(--display);margin-bottom:4px}
.kp .path span{color:var(--dim)}
.kp .miss{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:10px}
.kp .miss li{padding:14px 18px;border-radius:14px;border:1px dashed rgba(231,155,176,.45);color:var(--dim);font-size:15px;line-height:1.5}
.kp .warm{margin:0;font:400 clamp(21px,2vw,24px)/1.6 var(--display);padding:28px 30px;border-radius:24px;background:radial-gradient(120% 140% at 0 0,rgba(231,155,176,.14),transparent 60%),var(--deep);border:1px solid var(--line)}
.kp .cta{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;justify-content:space-between;margin:0 0 48px;padding:30px 32px;border-radius:26px;border:1px solid rgba(217,178,100,.5);background:radial-gradient(90% 160% at 90% 0,rgba(217,178,100,.25),transparent 60%),radial-gradient(70% 120% at 0 100%,rgba(171,156,242,.18),transparent 60%),var(--deep)}
.kp .cta p{margin:0;flex:1 1 260px;font:400 clamp(21px,2vw,26px)/1.35 var(--display)}
.kp .faq details{border-top:1px solid var(--line);padding:16px 0}
.kp .faq details:last-child{border-bottom:1px solid var(--line)}
.kp .faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;font:400 21px/1.35 var(--display)}
.kp .faq summary::-webkit-details-marker{display:none}
.kp .faq summary:after{content:"+";color:var(--gold);font-size:28px;line-height:1;transition:transform .25s}
.kp .faq details[open] summary:after{transform:rotate(45deg)}
.kp .faq details p{margin:10px 0 0;color:var(--dim)}
.kp .vis h3{margin:0 0 12px;font:400 24px/1.2 var(--display)}
.kp .tails{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.kp .tails a{display:block;padding:16px 18px;border-radius:18px;border:1px solid var(--line);text-decoration:none;color:var(--ink);background:rgba(19,31,74,.6);transition:border-color .2s,transform .2s}
.kp .tails a:hover{border-color:var(--gold);transform:translateY(-2px)}
.kp .chain{width:192px;height:48px;display:block;margin-bottom:6px}
.kp .chain line{stroke:var(--line);stroke-width:2}
.kp .chain circle{fill:var(--night);stroke:var(--dim);stroke-width:1.2}
.kp .chain circle.me{fill:var(--gold);stroke:var(--gold)}
.kp .chain text{font:400 16px var(--display);fill:var(--ink);text-anchor:middle}
.kp .chain circle.me+text{fill:var(--night)}
.kp .tails b{display:block;font:400 22px/1.1 var(--display);color:var(--gold)}
.kp .tails small{display:block;color:var(--dim);font-size:13px}
.kp .atlas{border-top:1px solid var(--line);padding-block:64px 80px;background:radial-gradient(60% 80% at 50% 0,rgba(43,64,150,.4),transparent 70%)}
.kp .atlas h2{text-align:center}
.kp .atlas ul{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px}
.kp .atlas a{display:grid;justify-items:center;gap:2px;padding:16px 6px;border-radius:16px;text-decoration:none;color:var(--dim);font-size:13px;text-align:center;transition:background .2s}
.kp .atlas a:hover{background:rgba(217,178,100,.08);color:var(--ink)}
.kp .atlas a:hover svg{filter:drop-shadow(0 0 8px var(--gold))}
.kp .atlas svg{width:38px;height:38px;fill:none;stroke:var(--gold);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.kp .atlas b{font:400 21px/1 var(--display);color:var(--ink)}
.kp .atlas .cur a{background:rgba(217,178,100,.14);color:var(--ink);box-shadow:inset 0 0 0 1px rgba(217,178,100,.5)}
@media (max-width:980px){.kp .grid,.kp .hero .grid{grid-template-columns:minmax(0,1fr);gap:28px}
.kp .stage{order:-1;height:440px;min-height:0}
.kp .ch{padding-block:56px}
.kp .vis{position:static;order:-1;width:100%;max-width:340px;margin:0 auto}
.kp .ch .grid>.vis.side{order:2;max-width:none;margin:8px 0 0}
.kp .pm,.kp .duo{grid-template-columns:minmax(0,1fr)}}
@property --wash{syntax:"<color>";inherits:true;initial-value:#2b4096}
.kp .wash{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(70% 55% at 85% 20%,color-mix(in srgb,var(--wash) 26%,transparent),transparent 70%),radial-gradient(60% 50% at 0% 90%,color-mix(in srgb,var(--wash) 14%,transparent),transparent 70%);transition:--wash 1.2s ease}
.kp .ch{position:relative}
.kp .ch:before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--hue),transparent);transform:scaleX(0);transition:transform 1.4s cubic-bezier(.2,.8,.2,1)}
.kp .ch.seen:before{transform:scaleX(1)}
.kp.js:not(.sd) h2 .w{display:inline-block;opacity:0;transform:translateY(.6em) rotate(2deg);filter:blur(3px);transition:opacity .45s ease,transform .6s cubic-bezier(.2,.8,.2,1),filter .3s ease;transition-delay:calc(var(--i)*35ms + 60ms)}
.kp.js:not(.sd) .seen h2 .w{opacity:1;transform:none;filter:none}
.kp.js:not(.sd) .kick{opacity:0;transform:translateX(-14px);transition:opacity .6s,transform .8s cubic-bezier(.2,.8,.2,1)}
.kp.js:not(.sd) .seen .kick{opacity:1;transform:none}
.kp .vis{isolation:isolate}
.kp .ch .vis:after{content:"";position:absolute;left:50%;top:50%;width:60%;aspect-ratio:1;border-radius:50%;border:1px solid var(--hue);transform:translate(-50%,-50%) scale(.2);opacity:0;pointer-events:none;z-index:-1}
.kp .ch.seen .vis:after{animation:portal 1.6s cubic-bezier(.16,1,.3,1) .15s}
@keyframes portal{0%{opacity:.9;transform:translate(-50%,-50%) scale(.2);box-shadow:0 0 40px var(--hue)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.7);box-shadow:0 0 0 var(--hue)}}
.kp.js:not(.sd) .reveal>*{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .7s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i,0)*70ms + 250ms)}
.kp.js:not(.sd) .seen .reveal>*{opacity:1;transform:none}
.kp .more-btn{display:none}
.kp .seg,.kp .dots{display:none}
@media (max-width:980px){.kp{font-size:16px;line-height:1.62}
.kp .hero .grid{gap:0;padding-block:14px 0}
.kp .hero .grid>div:first-child{display:contents}
.kp .crumbs{order:1;margin-bottom:10px}
.kp .eye{display:none}
.kp h1{order:2;margin:0;font-size:clamp(30px,8.4vw,40px)}
.kp .stage{order:3;height:min(360px,46svh);margin:-14px -16px -6px}
.kp .hint{bottom:2px}
.kp .kw{order:4;margin-top:4px;text-align:center}
.kp .lead{order:5;font-size:19px;margin-top:12px}
.kp .acts{order:6;margin-top:18px}
.kp .acts .btn{flex:1 1 100%;text-align:center}
.kp .acts .ghost{display:none}
.kp .ch{padding-block:24px 40px}
.kp .vis{max-width:none}
.kp .ch .vis{position:relative;top:auto;margin:0 -16px 4px;width:auto}
.kp .ch .scene{aspect-ratio:auto;height:250px;border-radius:0;background:radial-gradient(50% 70% at 50% 50%,color-mix(in srgb,var(--hue) 16%,transparent),transparent 72%)}
.kp .vis figcaption{display:none}
.kp h2{margin-bottom:16px;font-size:clamp(28px,7.6vw,34px)}
.kp h3{margin-top:20px}
.kp .quote{font-size:23px;margin-bottom:16px}
.kp .quote:before{margin-bottom:12px}
.kp .more{position:relative;max-height:7.2em;overflow:hidden;transition:max-height .8s cubic-bezier(.2,.8,.2,1)}
.kp .more{-webkit-mask-image:linear-gradient(#000 45%,transparent);mask-image:linear-gradient(#000 45%,transparent)}
.kp .more.open{-webkit-mask-image:none;mask-image:none}
.kp .more-btn{display:inline-flex;align-items:center;gap:8px;margin:2px 0 6px;padding:8px 0;border:0;background:none;color:var(--hue);font:500 15px var(--body);cursor:pointer}
.kp .more-btn:after{content:"";width:7px;height:7px;border-right:1.5px solid;border-bottom:1.5px solid;transform:rotate(45deg) translateY(-2px)}
.kp .seg{display:grid;grid-template-columns:1fr 1fr;padding:4px;margin:0 0 12px;border-radius:999px;background:rgba(19,31,74,.8);border:1px solid var(--line);position:relative}
.kp .seg button{position:relative;z-index:1;padding:10px;border:0;border-radius:999px;background:none;color:var(--dim);font:500 15px var(--body);cursor:pointer;transition:color .3s}
.kp .seg button[aria-pressed=true]{color:#1a1407}
.kp .seg:before{content:"";position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:999px;background:var(--gold);transition:transform .45s cubic-bezier(.3,1.4,.5,1),background .3s}
.kp .seg.minus:before{transform:translateX(100%);background:var(--rose)}
.kp .pm{display:block;position:relative;overflow:hidden}
.kp .pm h3{display:none}
.kp .pm>div{transition:opacity .35s,transform .45s cubic-bezier(.2,.8,.2,1)}
.kp .pm[data-show=plus] .minus,.kp .pm[data-show=minus] .plus{position:absolute;inset:0 0 auto;opacity:0;pointer-events:none;transform:translateX(30px)}
.kp .pm[data-show=minus] .plus{transform:translateX(-30px)}
.kp .pm li{padding:8px 0 8px 24px}
.kp .swipe{display:flex!important;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:-16px!important;padding:4px 16px 6px!important;scroll-padding-inline:16px;overscroll-behavior-x:contain}
.kp .swipe::-webkit-scrollbar{display:none}
.kp .swipe>li,.kp .swipe>div{flex:0 0 84%;scroll-snap-align:start;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .45s}
.kp .swipe>.off{transform:scale(.94);opacity:.55}
.kp .dots{display:flex;justify-content:center;gap:6px;margin:10px 0 4px}
.kp .dots i{width:6px;height:6px;border-radius:99px;background:var(--line);transition:width .35s,background .35s}
.kp .dots i.on{width:22px;background:var(--hue)}
.kp .posl li{margin:0;border-left:0;border-top:2px solid var(--line);border-radius:14px;background:rgba(19,31,74,.55);padding:14px 16px}
.kp .posl li.on{border-top-color:var(--hue)}
.kp .ch .grid>.vis:not(:has(.scene)):not(.side){order:-1;max-width:300px;margin:0 auto 8px}
.kp .duo>div{padding:16px 18px}
.kp .path:before{display:none}
.kp .path li{padding:64px 18px 18px;border-radius:18px;border:1px solid color-mix(in srgb,var(--teal) 35%,transparent);background:linear-gradient(160deg,rgba(95,202,184,.12),rgba(19,31,74,.6) 60%)}
.kp .path li:before{left:18px;top:14px}
.kp .path b{font-size:20px}
.kp .spheres{gap:8px}
.kp .spheres li{padding:10px 12px;font-size:14px}
.kp .miss li{padding:12px 14px}
.kp .warm{font-size:19px;padding:20px}
.kp .cta{padding:22px;margin-bottom:32px}
.kp .atlas{padding-block:40px 56px}
.kp .atlas ul{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}
.kp .atlas a{padding:10px 2px}}
@media (prefers-reduced-motion:reduce){.kp.js h2 .w,.kp.js .kick,.kp.js .ch .scene,.kp.js .reveal>*{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
.kp .ch.seen .vis:after{animation:none}
.kp .wash{transition:none}}
.kp.sd .hero :is(.crumbs,.kp .eye,.kp h1,.kp .kw,.kp .lead,.kp .acts){animation:hero-out linear both;animation-timeline:view();animation-range:exit 0% exit 100%}
@keyframes hero-out{to{opacity:0;transform:translateY(-36px) scale(.97);filter:blur(8px)}}
.kp.sd .ch h2 .w{display:inline-block;animation:w-in linear both,w-out linear forwards;animation-timeline:view(),view()}
@keyframes w-in{from{opacity:0;transform:translateY(.5em) rotate(2deg);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
@keyframes w-out{from{opacity:1}to{opacity:0;transform:translateY(-.4em);filter:blur(4px)}}
.kp.sd .ch .kick{animation:k-in linear both;animation-timeline:view();animation-range:entry 0% cover 30%}
@keyframes k-in{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:none}}
.kp.sd .ch .grid>div:first-child>:not(.ch-head):not(ul):not(ol):not(.pm),.kp.sd .ch :is(.pm li,.kp .spheres li,.kp .miss li,.kp .tails li,.kp .faq details),.kp.sd .ch .swipe,.kp.sd .atlas li{
  animation:b-in linear both,b-out linear forwards;animation-timeline:view(),view();animation-range:entry 0% entry 150px,exit calc(100% - 120px) exit 100%}
@keyframes b-in{from{opacity:0;transform:translateY(42px) scale(.985)}to{opacity:1;transform:none}}
@keyframes b-out{from{opacity:1}to{opacity:0;transform:translateY(-14px)}}
.kp.sd .ch:before{transform:none;animation:line-in linear both;animation-timeline:view();animation-range:entry 0% entry 220px}
@keyframes line-in{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.kp.sd .pm li:nth-child(2){animation-range:entry 30px entry 180px,exit calc(100% - 120px) exit 100%}
.kp.sd .pm li:nth-child(3){animation-range:entry 60px entry 210px,exit calc(100% - 120px) exit 100%}
@media (prefers-reduced-motion:reduce){.kp .mx-dash,.kp .mx-n.on circle{animation:none}
.kp .mx-run{display:none}
.kp .shoot{display:none}
.kp .sc-beam,.kp .sc-pan{transition:none}}
.kp .kp-note{margin:28px 0 0;font-size:14px;color:var(--dim)}
.kp .anav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 28px}
.kp .anav a{display:block;padding:14px 18px;border-radius:16px;border:1px solid var(--line);color:var(--ink);text-decoration:none;font:400 20px/1.25 var(--display);background:rgba(19,31,74,.5);transition:border-color .2s}
.kp .anav a:hover{border-color:var(--gold)}
.kp .anav a+a{text-align:right}
.kp .anav small{display:block;font:500 13px var(--body);color:var(--dim);margin-bottom:2px}
.kp .tails span{display:block}
.kp .atlas span{display:block}
@media (min-width:981px){.kp .hero-tail .grid{grid-template-columns:minmax(0,620px) minmax(0,1fr)}}
.kp .scene.trio{aspect-ratio:auto;height:min(600px,74svh);border-radius:0;background:radial-gradient(50% 50% at 50% 55%,rgba(43,64,150,.45),transparent 70%)}
.kp .tname{margin:12px 0 0;font:400 clamp(22px,2.4vw,28px)/1.25 var(--display);color:var(--gold)}
.kp .tcards{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0 0;padding:0}
.kp .tcards a{display:grid;gap:2px;height:100%;padding:12px 14px;border-radius:16px;border:1px solid color-mix(in srgb,var(--hue) 40%,transparent);background:color-mix(in srgb,var(--hue) 8%,rgba(19,31,74,.6));text-decoration:none;color:var(--ink);transition:border-color .2s,transform .2s}
.kp .tcards a:hover{border-color:var(--hue);transform:translateY(-2px)}
.kp .tcards img.tart{width:44px;height:59px;border-radius:6px;border:1px solid color-mix(in srgb,var(--hue) 55%,transparent);object-fit:cover;margin-bottom:6px}
.kp .tcards b{font:400 30px/1 var(--display);color:var(--hue)}
.kp .tcards span{font:400 18px/1.2 var(--display)}
.kp .tcards small{font-size:13px;color:var(--dim);line-height:1.3}
.kp .tstat{margin:16px 0 0;font-size:14px;color:var(--dim)}
.kp .tstat span{opacity:.75}
.kp .posl li p.role:first-letter{text-transform:uppercase}
.kp .posl li p+p{margin-top:6px}
.kp .pm.sg .plus li:before,.kp .pm.sg .minus li:before{content:"✦";font-size:12px;top:11px;color:var(--violet)}
.kp .pm.sg h3{color:var(--violet)}
.kp .chainbig{display:block;width:100%;max-width:260px;margin:0 auto;overflow:visible}
.kp .cb-l{stroke:var(--line);stroke-width:2;fill:none}
.kp .cb-run{stroke:var(--gold);stroke-width:2.5;fill:none;stroke-dasharray:16 280;animation:cbrun 3.2s linear infinite;filter:drop-shadow(0 0 6px var(--gold))}
@keyframes cbrun{from{stroke-dashoffset:0}to{stroke-dashoffset:-296}}
.kp .cb-c{fill:var(--gold);opacity:.6}
.kp .cb-n circle{fill:var(--night);stroke:var(--hue);stroke-width:2;filter:drop-shadow(0 0 10px var(--hue))}
.kp .cb-n text{font:400 24px var(--display);fill:var(--ink);text-anchor:middle}
.kp .cb-n text.cb-r{font:500 13px var(--body);fill:var(--dim);text-anchor:start}
.kp .atlas-tails ul{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
.kp .atlas-tails .chain{width:120px;height:30px;margin:0 auto 4px}
.kp .atlas-tails b{font-size:18px;color:var(--gold)}
.kp .atlas-tails span{font-size:13px;line-height:1.3}
@media (max-width:980px){.kp .hero-tail .tname{order:2;margin-top:6px;font-size:21px}
.kp .scene.trio{order:3;height:340px;margin:0 -16px}
.kp .hero-tail .tcards{order:5;gap:6px;margin-top:16px}
.kp .hero-tail .tstat{order:5}
.kp .tcards a{padding:10px}
.kp .tcards b{font-size:24px}
.kp .tcards span{font-size:15px}
.kp .tcards small{font-size:11.5px}
.kp .atlas-tails ul{grid-template-columns:repeat(2,minmax(0,1fr))}
.kp .chainbig{max-width:200px}}
@media (prefers-reduced-motion:reduce){.kp .cb-run{animation:none}}
.kp .grid.full{grid-template-columns:minmax(0,1fr)}
.kp .path li span:only-child{color:var(--ink)}
.kp .tgrid{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.kp .tgrid a{display:block;height:100%;padding:14px 16px;border-radius:18px;border:1px solid var(--line);background:rgba(19,31,74,.6);color:var(--ink);text-decoration:none;transition:border-color .2s,transform .2s}
.kp .tgrid a:hover{border-color:var(--violet);transform:translateY(-2px)}
.kp .tgrid .chain{width:150px;height:38px;margin-bottom:6px}
.kp .tgrid b{display:block;font:400 22px/1.1 var(--display);color:var(--gold)}
.kp .tgrid span{display:block;margin-top:2px;font:400 17px/1.3 var(--display)}
.kp .tgrid small{display:block;margin-top:6px;font-size:12.5px;color:var(--dim);line-height:1.35}
@media (max-width:980px){.kp .tgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.kp .tgrid a{padding:12px}
.kp .tgrid .chain{width:120px;height:30px}
.kp .tgrid span{font-size:15px}}
.kp .agrid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.kp .agrid a{display:grid;grid-template-columns:44px 1fr;gap:2px 14px;height:100%;padding:16px 18px;border-radius:20px;border:1px solid color-mix(in srgb,var(--hue) 30%,transparent);background:linear-gradient(160deg,color-mix(in srgb,var(--hue) 10%,transparent),rgba(19,31,74,.6) 60%);color:var(--ink);text-decoration:none;transition:border-color .2s,transform .2s}
.kp .agrid a:hover{border-color:var(--hue);transform:translateY(-3px)}
.kp .agrid svg{grid-row:span 2;align-self:center;width:44px;height:44px;fill:none;stroke:var(--hue);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.kp .agrid img.aart{grid-row:span 2;align-self:center;width:52px;height:69px;border-radius:6px;border:1px solid color-mix(in srgb,var(--hue) 55%,transparent);object-fit:cover;background:#0b1431}
.kp .agrid .ah{display:flex;align-items:baseline;gap:10px}
.kp .agrid b{font:400 26px/1 var(--display);color:var(--hue)}
.kp .agrid .an{min-width:0;font:400 20px/1.2 var(--display)}
.kp .agrid small{font-size:13px;color:var(--dim)}
.kp .agrid .af{grid-column:1/-1;margin-top:10px;font-size:14.5px;line-height:1.5;color:#cfcbe0}
@media (max-width:980px){.kp .agrid{grid-template-columns:minmax(0,1fr)}}
.kp .kt-in .ky-per,.kp .kt-in .ky-per thead,.kp .kt-in .ky-per tbody,.kp .kt-in .ky-per tr,.kp .kt-in .ky-per th,.kp .kt-in .ky-per td{background:transparent!important;background-image:none!important;box-shadow:none!important}
.kp .kt-in .ky-per{border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:rgba(19,31,74,.55)!important}
.kp .kt-in .ky-per th{padding:12px 14px;border-bottom:1px solid var(--line);font:500 12px var(--body);color:var(--dim)!important;text-transform:none;letter-spacing:normal}
.kp .kt-in .ky-per td{padding:14px;border-bottom:1px solid rgba(43,55,103,.7);color:#e9e4f2!important}
.kp .kt-in .ky-per tr:last-child td{border-bottom:0}
.kp .kt-in .ky-per td:last-child{color:#cfcbe0!important;line-height:1.55}
.kp .kt-in .ky-per tbody tr{transition:background .2s}
@media (hover:hover){.kp .kt-in .ky-per tbody tr:hover td{background:rgba(217,178,100,.06)!important}}
.kp .kt-in .ky-per tr.now td{background:rgba(217,178,100,.14)!important}
.kp .kt-in .ky-per tr.now td:first-child{box-shadow:inset 3px 0 0 var(--gold)!important}
@media (max-width:720px){.kp .kt-in .ky-per{border-radius:16px}
.kp .kt-in .ky-per tr{padding:12px 14px!important}
.kp .kt-in .ky-per td{padding:0!important;border:0!important}}
.kp .kt-in .kx-read{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:7px 12px;border-radius:999px;border:1px solid rgba(217,178,100,.6);color:var(--gold)!important;font:500 13px/1.2 var(--body);text-decoration:none!important;transition:background .2s}
.kp .kt-in .kx-read span{color:#ede7d9}
.kp .kt-in .kx-read:after{content:"";width:6px;height:6px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg)}
.kp .kt-in .kx-read:hover{background:rgba(217,178,100,.16)}
.kp .kt-in .ky-per tr.pt{cursor:pointer}
.kp .kt-in .pd-more{display:inline-flex;align-items:center;gap:6px;margin:0 0 0 10px;padding:6px 2px;min-height:32px;border:0;background:none;cursor:pointer;font:500 13px var(--body);color:var(--gold);white-space:nowrap}
.kp .kt-in .pd-more:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:4px}
.kp .kt-in .pd-more:after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .25s}
.kp .kt-in tr.pt.open .pd-more:after{transform:rotate(-135deg)}
.kp .kt-in tr.pt.open td{background:rgba(217,178,100,.08)!important;border-bottom-color:transparent}
.kp .kt-in .ky-per tr.pdr td{padding:0 14px 16px!important;white-space:normal!important}
.kp .kt-in .pd,.kp .kt-in .pd *{white-space:normal}
.kp .kt-in .pd{display:grid;gap:12px;padding:14px;border-radius:14px;background:rgba(10,18,48,.7);border:1px solid rgba(217,178,100,.3);animation:pdIn .35s ease both}
@keyframes pdIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.kp .kt-in .pd p{margin:0;color:#e9e4f2;font-size:15px;line-height:1.55}
.kp .kt-in .pd-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.kp .kt-in .pd-a{display:grid;grid-template-columns:34px minmax(0,1fr);gap:2px 10px;align-content:start;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:rgba(19,31,74,.65);color:var(--ink)!important;text-decoration:none!important;transition:border-color .2s,transform .2s}
.kp .kt-in .pd-a:hover{border-color:var(--gold);transform:translateY(-2px)}
.kp .kt-in .pd-a.sum{border-color:rgba(217,178,100,.6);background:rgba(217,178,100,.1)}
.kp .kt-in .pd-a svg{grid-row:span 3;width:34px;height:34px;fill:none;stroke:var(--gold);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.kp .kt-in .pd-a small{display:block;margin:0;font:500 12px/1.3 var(--body);color:var(--dim)!important;text-transform:none!important;letter-spacing:normal!important}
.kp .kt-in .pd-a b{font:400 18px/1.15 var(--display);color:var(--gold)}
.kp .kt-in .pd-a span{font-size:12.5px;line-height:1.35;color:#cfcbe0}
.kp .kt-in .pd-go{justify-self:start;display:inline-block;padding:11px 18px;border-radius:999px;background:var(--gold);color:#1a1407!important;font:600 14px/1.2 var(--body);text-decoration:none!important;box-shadow:0 8px 24px -10px rgba(217,178,100,.8)}
@media (max-width:720px){.kp .kt-in tr.pt.open{background:rgba(217,178,100,.08)!important}
.kp .kt-in tr.pt.open td{background:transparent!important}
.kp .kt-in .ky-per tr.pdr{display:block!important;padding:0 0 12px!important}
.kp .kt-in .ky-per tr.pdr td{display:block;padding:0!important}
.kp .kt-in .pd-cards{grid-template-columns:minmax(0,1fr)}
.kp .kt-in .pd-go{justify-self:stretch;text-align:center}
.kp .kt-in .pd-more{display:flex;margin:8px 0 0}}
.kp .faq summary{min-height:44px;align-items:center;padding-block:4px}
.kp .more-btn{min-height:40px}
.kp .mx-lb{font-size:12.5px}
.kp .chain text{font-size:17px}
.kp .kx-edit{justify-self:start;width:auto;display:inline-flex;align-items:center;gap:8px;margin:4px 0 12px;padding:9px 16px;border-radius:999px;border:1px solid rgba(217,178,100,.6);background:rgba(217,178,100,.12);color:var(--gold);font:500 14px/1.2 var(--body);cursor:pointer}
.kp .kx-edit:hover{background:rgba(217,178,100,.24)}
@media (max-width:980px){.kp .tcards small{font-size:12.5px!important}
.kp .atlas-tails span{font-size:13px}
.kp .tgrid small{font-size:13px}}
@media (min-width:981px){.kp .hero-tool .grid{grid-template-columns:minmax(0,660px) minmax(0,1fr)}}
.kp .scene.tool{aspect-ratio:auto;height:min(520px,64svh);border-radius:0;background:radial-gradient(50% 50% at 50% 50%,rgba(43,64,150,.45),transparent 70%)}
.kp .kt-in{color:var(--n-ink);background:none;font-family:var(--body)}
.kp .kt-in .kt-hero{background:transparent}
.kp .kt-in .kc-form{margin-top:22px}
.kp .kt-res .kt-wrap{max-width:1180px}
.kp .rich p{margin:0 0 14px}
.kp .rich ol,.kp .rich ul:not(.kx-arc){margin:6px 0 16px;padding-left:1.4em}
.kp .rich li{margin:0 0 8px;padding-left:4px}
.kp .rich ol>li::marker{color:var(--hue);font-family:var(--display);font-size:1.15em}
.kp .rich ul:not(.kx-arc)>li::marker{color:var(--hue)}
.kp .rich b,.kp .rich strong{color:#fff;font-weight:600}
.kp .rich a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
.kp .rich .kx-dl{display:grid;gap:6px;margin:8px 0 0}
.kp .rich .kx-dl dt{margin:10px 0 0;padding-left:14px;border-left:2px solid var(--hue);font:400 20px/1.3 var(--display);color:var(--ink)}
.kp .rich .kx-dl dd{margin:0;padding-left:16px;color:var(--dim)}
.kp .rich .kx-arc{list-style:none;padding:0;margin:8px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:10px}
.kp .rich .kx-arc li{margin:0;padding:0}
.kp .rich .kx-arc a{display:grid;grid-template-columns:40px 1fr;gap:4px 12px;align-items:start;height:100%;padding:14px 16px;border-radius:18px;border:1px solid var(--line);background:rgba(19,31,74,.6);color:var(--ink);text-decoration:none;transition:border-color .2s,transform .2s}
.kp .rich .kx-arc a:hover{border-color:var(--hue);transform:translateY(-2px)}
.kp .rich .kx-arc svg{grid-row:span 2;width:40px;height:40px;fill:none;stroke:var(--gold);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.kp .rich .kx-arc b{font:400 24px/1 var(--display);color:var(--gold)}
.kp .rich .kx-arc span{font-size:14px;line-height:1.45;color:var(--dim)}
.kp .rich .kx-arc strong{display:block;margin-bottom:2px;font:400 19px/1.2 var(--display);color:var(--ink)}
@media (max-width:980px){.kp .hero-tool .grid>div:first-child{display:block}
.kp .scene.tool{order:2;height:240px;width:auto;margin:0 calc(-1*clamp(16px,4vw,48px))}
.kp .rich .kx-arc{grid-template-columns:minmax(0,1fr)}}
.kp{position:relative;z-index:0;clip-path:inset(0);width:100%;margin:0}
.kp .scenes-gl{z-index:3}
/* 31.10 телефон: липка смужка розділів непрозора — текст під нею більше не просвічує */
.kp .bar{background:linear-gradient(180deg,#0a1235 0,#0a1235 82%,rgba(10,18,53,0) 100%)}
/* 31.10 кнопка дзвінка Binotel на сторінках розділу (не прибираємо — лише компактніше й прозоріше під час прокрутки, щоб не закривала текст) */
@media (max-width:820px){body[class*="page-kredo-matrix"] #bingc-phone-button{transform:scale(.7)!important;transform-origin:100% 100%!important;transition:opacity .25s!important}
  html.km-scrolling body[class*="page-kredo-matrix"] #bingc-phone-button{opacity:.28!important}}
html:has(.kp){scroll-behavior:smooth}
/* сцена пари (сумісність): повноекранний шар поверх сторінки */
.kpr{position:fixed;inset:0;z-index:2000;background:radial-gradient(80% 70% at 50% 45%,#101a46,#05081a);opacity:0;transition:opacity .7s ease;cursor:pointer}
.kpr.on{opacity:1}
.kpr:not(.on){pointer-events:none}
.kpr canvas{position:absolute;inset:0;width:100%;height:100%}
.kpr-flash{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity 1.2s ease-out;background:radial-gradient(circle at 50% var(--fy,50%),#fffaf0 0,rgba(255,236,190,.85) 12%,rgba(232,201,131,.25) 38%,transparent 70%)}
.kpr-flash.go{opacity:1;transition:none}
.kpr-cap{position:absolute;left:50%;bottom:12vh;transform:translateX(-50%);width:min(92vw,700px);margin:0;text-align:center;font:400 clamp(22px,2.6vw,34px)/1.3 "Forum",Georgia,serif;color:#f2ecdf;opacity:0;transition:opacity .35s;text-shadow:0 2px 24px rgba(6,10,30,.95)}
.kpr-cap.on{opacity:1}
.kpr-cap b{font-weight:400;color:#f0d28f;text-shadow:0 0 22px rgba(240,210,143,.75),0 2px 20px rgba(6,10,30,.9)}
.kpr-cap i{font-style:normal;color:#cbbfff;text-shadow:0 0 22px rgba(196,181,255,.7),0 2px 20px rgba(6,10,30,.9)}
.kpr-cap small{display:block;margin-top:8px;font:500 13px/1.3 "Golos Text",system-ui,sans-serif;color:#b9b4c9}
@media (max-width:820px){.kpr-cap{bottom:21vh;width:min(80vw,700px)}}
.kpr-skip{position:absolute;left:50%;bottom:4vh;transform:translateX(-50%);margin:0;padding:10px 18px;min-height:44px;border:1px solid rgba(217,178,100,.45);border-radius:999px;background:rgba(10,18,48,.55);font:500 13px "Golos Text",system-ui,sans-serif;color:#ede7d9;cursor:pointer}
.kpr-skip:hover{border-color:#d9b264}
.kpr-skip:focus-visible{outline:2px solid #d9b264;outline-offset:3px}
/* доступність: контраст заголовків таблиці прогнозу, єдиний колір помилок, фокус на заголовку результату, відступ під липкі меню */
.kp .kt-in table.ky-per thead th{color:#b4b1c9!important}
.kp .kc-err{color:#f0a58f!important}
/* значок CookieScript (згода на cookie, не прибирати): у розділі менший і напівпрозорий, щоб не закривав початок рядків */
body[class*="page-kredo-matrix"] #cookiescript_badge{transform:scale(.75)!important;transform-origin:0 100%!important;opacity:.5!important;transition:opacity .2s}
body[class*="page-kredo-matrix"] #cookiescript_badge:hover,body[class*="page-kredo-matrix"] #cookiescript_badge:focus-within{opacity:1!important}
.kp .ky-yq{display:flex;gap:8px;margin-top:8px}
.kp .ky-yq button{min-height:40px;padding:6px 16px;border-radius:999px;border:1px solid rgba(217,178,100,.4);background:transparent;color:#cfcbe0;font:500 15px "Golos Text",system-ui,sans-serif;cursor:pointer}
.kp .ky-yq button[aria-pressed=true]{background:#d9b264;border-color:#d9b264;color:#1a1407}
.kp .ky-yq button:focus-visible{outline:2px solid #d9b264;outline-offset:2px}
.kp .kc-sum{margin:14px 0 4px;padding:12px 16px;border-left:3px solid #d9b264;border-radius:0 12px 12px 0;background:rgba(217,178,100,.08);font:400 clamp(19px,2.1vw,23px)/1.4 "Forum",Georgia,serif;color:#f2ecdf}
.kp [tabindex="-1"]:focus{outline:none}
.kp h2[tabindex]:focus,.kp h2[tabindex]:focus-visible{outline:none!important;box-shadow:none!important}
.kp .kc-form legend{border:0!important;width:auto!important;margin:0 0 4px!important;line-height:1.15!important}
.kp .kc-form label{font-size:14px!important}
@media (max-width:980px){.ksn a{min-height:44px;box-sizing:border-box}}
html:has(.ksn){scroll-padding-top:150px}
@media (max-width:820px){html:has(.ksn){scroll-padding-top:130px}}
/* меню розділу «Матриця долі» (над кожною сторінкою розділу, у т.ч. над калькулятором) */
.ksn{position:relative;z-index:2;background:#0a1230;border-bottom:1px solid #2b3767;font:500 14px/1.2 "Golos Text","Segoe UI",system-ui,sans-serif}
.ksn-in{max-width:1180px;margin:0 auto;padding:10px clamp(16px,4vw,48px);display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none}
.ksn-in::-webkit-scrollbar{display:none}
@media (min-width:981px){.ksn-in{flex-wrap:wrap;row-gap:6px;overflow:visible}}
.ksn-t{flex:0 0 auto;margin-right:14px;font:400 19px/1 "Forum",Georgia,serif;color:#d9b264;white-space:nowrap}
.ksn a{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;color:#cfcbe0;text-decoration:none;white-space:nowrap;border:1px solid rgba(217,178,100,.18);transition:color .2s,background .2s,border-color .2s}
.ksn a:hover,.ksn a:focus-visible{color:#fff;background:rgba(217,178,100,.12);border-color:rgba(217,178,100,.45);text-decoration:none}
.ksn a.on{color:#1a1407;background:#d9b264;border-color:#d9b264}
.ksn a.ksn-cab:not(.on){border-color:rgba(217,178,100,.6);color:#f0d28f}
.ksn a:focus-visible{outline:2px solid #d9b264;outline-offset:2px}
.ksn svg{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:980px){.ksn-in{gap:6px;padding-block:8px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}.ksn-t{display:none}.ksn a{padding:8px 13px}}
/* 01.11 форма калькуляторів «Прогноз на рік» і «Квадрат Піфагора» (.ky-form): після переробки сумісності 30.10 загальні правила .kc-form зникли — поля стояли в рядок і були дрібні */
.kp .ky-form{display:grid;gap:16px;max-width:560px;margin-top:22px;padding:20px;border-radius:22px;border:1px solid rgba(217,178,100,.3);background:linear-gradient(170deg,rgba(36,48,118,.6),rgba(10,18,48,.78));box-shadow:0 24px 60px -32px rgba(0,0,0,.7);box-sizing:border-box}
.kp .ky-form fieldset{display:grid;gap:12px;margin:0;padding:0;border:0;min-width:0}
.kp #pf-f fieldset{grid-template-columns:minmax(0,1fr)}
.kp .ky-form label{display:grid;gap:8px;margin:0;font:500 14px/1.3 "Golos Text",system-ui,sans-serif!important;color:#cfcbe0}
.kp .ky-form input{width:100%;height:auto!important;min-height:56px;margin:0;padding:12px 16px!important;box-sizing:border-box;border-radius:14px!important;border:1px solid rgba(217,178,100,.42)!important;background:rgba(5,9,26,.6)!important;color:#fff4d6!important;font:500 21px/1.2 "Golos Text",system-ui,sans-serif!important;letter-spacing:1px;box-shadow:none!important;transition:border-color .2s,box-shadow .2s}
.kp .ky-form input::placeholder{color:#6f6d8a;letter-spacing:1px}
.kp .ky-form input:focus{outline:none;border-color:#d9b264!important;box-shadow:0 0 0 4px rgba(217,178,100,.2)!important}
.kp .ky-form input[aria-invalid=true]{border-color:#f0a58f!important}
.kp .ky-form .kc-act{display:grid;gap:10px;margin:0}
.kp .ky-form .kt-btn{width:100%;min-height:56px;justify-content:center;font-size:17px;transition:box-shadow .3s,transform .2s}
.kp .ky-form.ready .kt-btn{box-shadow:0 0 0 1px #f0d28f,0 10px 34px -10px rgba(240,210,143,.75)}
.kp .ky-form .kc-fine{margin:0;text-align:center;font-size:13px;color:#8f8daa}
.kp .ky-form .kc-err{margin:0;font-size:14px}
@media (min-width:981px){.kp .ky-form{padding:24px}}
/* 01.11 «Проблема?» (тимчасова діагностика) і значок cookie — під час прокрутки майже прозорі, щоб не закривали початок рядків */
#kmDiagBtn,#cookiescript_badge{transition:opacity .25s!important}
html.km-scrolling #kmDiagBtn,html.km-scrolling body[class*="page-kredo-matrix"] #cookiescript_badge{opacity:.15!important}
@media (prefers-reduced-motion:reduce){html:has(.kp){scroll-behavior:auto}}