/* Scoped: .kutia-page-products from Kutia_Products_page_12.html */
.kutia-page-products{--bg:#fff;--panel:#F4F6FA;--ink:#0D151A;--muted:#686D70;--line:#E6E8EC;
--green:#30EFA6;--purple:#7948FF;--peach:#FFCE8B;--black:#000;--maxw:var(--wp--custom--grid-base,1512px)}
.kutia-page-products{scroll-behavior:smooth}
.kutia-page-products{font-family:var(--wp--preset--font-family--main),'DM Sans',-apple-system,sans-serif;background:var(--bg);color:var(--ink);
-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.6}
.kutia-page-products a{color:inherit;text-decoration:none}
.kutia-page-products .wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--wp--custom--spacing--container-padding-inline,4rem)}
.kutia-page-products img{display:block}
.kutia-page-products em{font-style:normal;color:var(--acc)}

/* reveal */
.kutia-page-products .rv{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}
.kutia-page-products .rv.in{opacity:1;transform:none}

/* nav */
.kutia-page-products nav{background:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line)}
.kutia-page-products .nav-in{display:flex;align-items:center;height:64px;gap:34px}
.kutia-page-products .nav-in img{height:30px}
.kutia-page-products .nav-links{display:flex;gap:30px;font-size:13px;color:#3c4144;margin-left:26px}
.kutia-page-products .nav-links a:hover{color:var(--ink)}
.kutia-page-products .nav-right{margin-left:auto;display:flex;align-items:center;gap:26px}
.kutia-page-products .btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ink);
background:#fff;color:var(--ink);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;
padding:12px 22px;border-radius:4px;transition:.18s;cursor:pointer;font-family:inherit}
.kutia-page-products .btn:hover{background:var(--ink);color:#fff}
.kutia-page-products .burger{display:flex;flex-direction:column;gap:5px;cursor:pointer}
.kutia-page-products .burger span{width:22px;height:1.6px;background:var(--ink)}

/* switcher */
.kutia-page-products .swi{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:64px;z-index:49;overflow-x:auto}
.kutia-page-products .swi .wrap{display:flex;gap:6px;padding-top:10px;padding-bottom:10px}
.kutia-page-products .swi button{background:none;border:1px solid transparent;font-family:inherit;font-size:12px;color:var(--muted);
padding:8px 16px;border-radius:4px;cursor:pointer;white-space:nowrap;transition:.15s}
.kutia-page-products .swi button:hover{color:var(--ink);border-color:var(--line)}
.kutia-page-products .swi button.on{background:#DFD4FF;color:var(--ink);font-weight:600}

.kutia-page-products .page{display:none}
.kutia-page-products .page.on{display:block}

/* hero */
.kutia-page-products .hero{background:#0b0c0e;color:#fff;position:relative;overflow:hidden}
.kutia-page-products .hero .glow{position:absolute;right:-140px;top:-160px;width:640px;height:640px;border-radius:50%;
background:radial-gradient(circle,var(--gl),transparent 62%);pointer-events:none}
.kutia-page-products .hero .wrap{position:relative;padding-top:104px;padding-bottom:110px}
.kutia-page-products .eyebrow{font-size:var(--wp--preset--font-size--14,14px);text-transform:uppercase;font-weight:500;line-height:1;color:#9ca1a5}
.kutia-page-products .hero h1{font-weight:250;font-size:clamp(48px,5.6vw,80px);line-height:1.03;letter-spacing:-.025em;margin:16px 0 20px;color:#fff}
.kutia-page-products .hero .punch{font-weight:300;font-size:clamp(19px,2vw,25px);max-width:560px;color:#c9cdd0}
.kutia-page-products .hero .punch em{font-weight:600}
.kutia-page-products .hero .chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:44px}
.kutia-page-products .hero .chips span{border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:8px 16px;
font-size:12px;color:#c9cdd0}
.kutia-page-products .hero .chips b{color:#fff;font-weight:600}
/* floating hexagons */
.kutia-page-products .fhx{position:absolute;pointer-events:none;
clip-path:polygon(50% 0,100% 18%,100% 82%,50% 100%,0 82%,0 18%)}
.kutia-page-products .fhx.a{width:190px;height:270px;right:180px;top:70px;
background:linear-gradient(160deg,#22282d,var(--acc) 160%);animation:flo 9s ease-in-out infinite}
.kutia-page-products .fhx.b{width:110px;height:160px;right:70px;top:270px;opacity:.85;
background:linear-gradient(200deg,#1a1f23,var(--acc) 220%);animation:flo 7s ease-in-out infinite 1.2s}
.kutia-page-products .fhx.c{width:64px;height:92px;right:330px;top:330px;opacity:.7;
background:linear-gradient(180deg,var(--acc),#12161a 130%);animation:flo 11s ease-in-out infinite .6s}
@keyframes flo{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(4deg)}}

/* cases */
.kutia-page-products .cases .wrap{padding-top:96px;padding-bottom:80px}
.kutia-page-products .cgrid{display:grid;gap:26px;margin-top:44px}
.kutia-page-products .cgrid.n1{grid-template-columns:minmax(0,860px)}
.kutia-page-products .cgrid.n2{grid-template-columns:repeat(2,1fr)}
.kutia-page-products .cgrid.n3{grid-template-columns:repeat(2,1fr)}
.kutia-page-products .cgrid.n3 .ccard:first-child{grid-column:1/-1}
.kutia-page-products .ccard{border-radius:16px;padding:34px 32px;min-height:250px;display:flex;flex-direction:column;
background:var(--acc);color:var(--accInk);opacity:0;transform:rotate(var(--rot)) translateY(30px);
transition:transform .5s ease,opacity .5s ease}
.kutia-page-products .ccard.in{opacity:1;transform:rotate(var(--rot))}
.kutia-page-products .ccard.in:hover{transform:rotate(0deg) scale(1.015)}
.kutia-page-products .cgrid.n1 .ccard{padding:48px 46px;min-height:300px}
.kutia-page-products .cgrid.n1 .ccard h3{font-size:clamp(26px,2.6vw,36px);max-width:640px}
.kutia-page-products .cgrid.n3 .ccard:first-child h3{font-size:clamp(24px,2.2vw,32px)}
.kutia-page-products .ccard .lab{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;opacity:.65}
.kutia-page-products .ccard h3{font-weight:600;font-size:clamp(20px,1.9vw,27px);line-height:1.2;letter-spacing:-.01em;margin:14px 0 10px}
.kutia-page-products .ccard .s{font-size:13.5px;opacity:.8;max-width:420px}
.kutia-page-products .ccard .chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:22px}
.kutia-page-products .cin{display:grid;grid-template-columns:1.5fr .8fr;gap:34px;flex:1}
.kutia-page-products .cin.solo{grid-template-columns:1fr}
.kutia-page-products .cbody{display:flex;flex-direction:column}
.kutia-page-products .ccard .b{font-size:13.5px;opacity:.85;max-width:560px;margin-top:4px;line-height:1.6}
.kutia-page-products .cstats{display:flex;flex-direction:column;gap:22px;justify-content:center;
border-left:2px solid rgba(0,0,0,.16);padding-left:26px}
.kutia-page-products .ccard.lt .cstats{border-left-color:rgba(255,255,255,.32)}
.kutia-page-products .cs .n{font-size:clamp(30px,2.6vw,44px);font-weight:600;letter-spacing:-.02em;line-height:1}
.kutia-page-products .cs .l{font-size:11.5px;opacity:.72;margin-top:6px}
.kutia-page-products .fl{list-style:none;display:flex;flex-direction:column;gap:10px;justify-content:center;
border-left:2px solid rgba(0,0,0,.16);padding-left:26px;font-size:13px;font-weight:600}
.kutia-page-products .ccard.lt .fl{border-left-color:rgba(255,255,255,.32)}
.kutia-page-products .fl li{display:flex;align-items:center;gap:10px}
.kutia-page-products .fl li:before{content:"";width:7px;height:7px;border-radius:2px;background:currentColor;opacity:.5;flex:0 0 auto}
@media(max-width:760px){.kutia-page-products .cin{grid-template-columns:1fr}.kutia-page-products .cstats, .kutia-page-products .fl{border-left:none;padding-left:0;
flex-direction:row;gap:26px;flex-wrap:wrap}}
.kutia-page-products .ccard .chips span{background:rgba(0,0,0,.14);border-radius:999px;padding:6px 13px;font-size:11.5px;font-weight:500}
.kutia-page-products .ccard.lt .chips span{background:rgba(255,255,255,.22)}
@media(max-width:960px){.kutia-page-products .cgrid.n2, .kutia-page-products .cgrid.n3{grid-template-columns:1fr}.kutia-page-products .ccard{min-height:0}}

/* diagram */
.kutia-page-products .diag{background:var(--panel)}
.kutia-page-products .diag .wrap{padding-top:90px;padding-bottom:90px}
.kutia-page-products .diag svg{width:100%;height:auto;display:block;margin-top:40px}
.kutia-page-products .diag .nd{fill:#fff;stroke:var(--line)}
.kutia-page-products .diag text{font-family:var(--wp--preset--font-family--main),'DM Sans',sans-serif}
.kutia-page-products .flow{stroke:var(--acc);stroke-width:1.6;fill:none;stroke-dasharray:6 7;animation:dash 1.6s linear infinite}
@keyframes dash{to{stroke-dashoffset:-13}}
.kutia-page-products .dlist{display:none}
@media(max-width:700px){
.kutia-page-products .diag svg{display:none}
.kutia-page-products .dlist{display:flex;flex-direction:column;gap:10px;margin-top:34px}
.kutia-page-products .dlist .dc{background:var(--acc);color:var(--accInk);border-radius:10px;padding:14px 18px;
font-size:14px;font-weight:700;text-align:center}
.kutia-page-products .dlist .dn{background:#fff;border:1px solid var(--line);border-radius:10px;padding:13px 18px;
font-size:13.5px;font-weight:600;display:flex;align-items:center;gap:10px}
.kutia-page-products .dlist .dn:before{content:"";width:7px;height:7px;border-radius:2px;background:var(--acc);flex:0 0 auto}}

/* numbers */
.kutia-page-products .nums{background:var(--black);color:#fff}
.kutia-page-products .nums .wrap{padding-top:84px;padding-bottom:84px;display:grid;grid-template-columns:repeat(4,1fr);gap:40px}
.kutia-page-products .num .n{font-weight:300;font-size:clamp(44px,4.6vw,68px);letter-spacing:-.03em;line-height:1;color:var(--acc)}
.kutia-page-products .num .l{font-size:12px;color:#9ca1a5;margin-top:10px}
@media(max-width:860px){.kutia-page-products .nums .wrap{grid-template-columns:repeat(2,1fr)}}

/* capabilities */
.kutia-page-products .capsec .wrap{padding-top:90px;padding-bottom:96px}
.kutia-page-products h2.sec{font-weight:250;font-size:clamp(32px,3.4vw,48px);letter-spacing:-.01em}
.kutia-page-products .sub{color:var(--muted);margin-top:12px;max-width:560px;font-size:13.5px}
.kutia-page-products .chipflow{display:flex;flex-wrap:wrap;gap:10px;margin-top:42px;max-width:1040px}
.kutia-page-products .chipflow.rv{opacity:1;transform:none}
.kutia-page-products .cap{border:1px solid var(--line);border-radius:999px;padding:10px 20px;font-size:13px;
color:var(--muted);background:#fff;transition:.2s}
.kutia-page-products .cap.on{background:var(--acc);border-color:var(--acc);color:var(--accInk);font-weight:600}
.kutia-page-products .cap:hover{transform:translateY(-2px)}
.kutia-page-products .capnote{margin-top:26px;font-size:12.5px;color:var(--muted)}

/* get in touch */
.kutia-page-products .git{text-align:center;background:var(--panel);position:relative;overflow:hidden}
.kutia-page-products .git .sheen{position:absolute;inset:0;background:linear-gradient(115deg,transparent 26%,rgba(255,255,255,.8) 44%,transparent 60%);pointer-events:none}
.kutia-page-products .git .wrap{position:relative;padding-top:110px;padding-bottom:110px}
.kutia-page-products .git .pre{font-size:14px;color:#3c4144}
.kutia-page-products .git .pre:after{content:"_"}
.kutia-page-products .git h2{font-weight:300;font-size:var(--wp--preset--font-size--hero,clamp(48px,9vw,120px));letter-spacing:-.02em;line-height:.9;margin:14px 0 44px}
.kutia-page-products .ghx{position:absolute;pointer-events:none;clip-path:polygon(50% 0,100% 18%,100% 82%,50% 100%,0 82%,0 18%)}
.kutia-page-products .ghx.g1{width:150px;height:215px;left:6%;top:52px;background:linear-gradient(160deg,#12161a,var(--acc) 190%);animation:flo 10s ease-in-out infinite}
.kutia-page-products .ghx.g2{width:76px;height:110px;left:13%;bottom:64px;background:linear-gradient(180deg,var(--acc),#12161a 150%);opacity:.75;animation:flo 8s ease-in-out infinite 1s}
.kutia-page-products .ghx.g3{width:170px;height:245px;right:5%;bottom:40px;background:linear-gradient(200deg,#12161a,var(--acc) 170%);animation:flo 11s ease-in-out infinite .4s}
.kutia-page-products .ghx.g4{width:64px;height:92px;right:15%;top:70px;background:linear-gradient(180deg,var(--acc),#12161a 160%);opacity:.7;animation:flo 7s ease-in-out infinite 1.6s}
.kutia-page-products .gbtns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;align-items:center}
.kutia-page-products .btn.solid{background:var(--ink);color:#fff}
.kutia-page-products .btn.solid:hover{background:transparent;color:var(--ink)}
.kutia-page-products .glinks{display:flex;gap:34px;justify-content:center;flex-wrap:wrap;margin-top:46px;font-size:14px;font-weight:600}
.kutia-page-products .glinks a{display:inline-flex;align-items:center;gap:8px}
.kutia-page-products .glinks a:after{content:"";width:7px;height:7px;border-top:2px solid currentColor;border-right:2px solid currentColor;opacity:.55;transition:.2s}
.kutia-page-products .glinks a:hover:after{transform:translate(2px,-2px);opacity:1}
.kutia-page-products .glinks .sep{width:5px;height:5px;border-radius:50%;background:#c3c7cb;align-self:center}
@media(max-width:760px){
.kutia-page-products .ghx.g1{width:74px;height:106px;left:-18px;top:16px;opacity:.45}
.kutia-page-products .ghx.g3{width:88px;height:126px;right:-22px;bottom:auto;top:26px;opacity:.45}
.kutia-page-products .ghx.g2, .kutia-page-products .ghx.g4{display:none}}

/* footer */
.kutia-page-products footer{background:var(--black);color:#fff;position:relative;overflow:hidden}
.kutia-page-products footer .mark{position:absolute;left:50%;top:44%;transform:translateX(-50%);
font-size:clamp(150px,21vw,300px);font-weight:600;letter-spacing:-.03em;color:#1b1b1b;line-height:1;user-select:none}
.kutia-page-products footer .wrap{position:relative;padding-top:74px;padding-bottom:30px}
.kutia-page-products .foot-top{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;flex-wrap:wrap;padding-bottom:190px}
.kutia-page-products footer img{height:34px;filter:brightness(0) invert(1)}
.kutia-page-products .fcol .t{color:#9ca1a5;font-size:12.5px}
.kutia-page-products .fcol .v{font-size:13px;margin-top:4px}
.kutia-page-products .fcol .v b{font-weight:600}
.kutia-page-products .foot-bot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid #161616;
padding-top:22px;font-size:12px;color:#9ca1a5}
.kutia-page-products .foot-bot a:hover{color:#fff}
@media(max-width:760px){.kutia-page-products .nav-links{display:none}
.kutia-page-products .fhx.a{right:20px;width:130px;height:190px}.kutia-page-products .fhx.c{display:none}}

/* products page: buzzy hero */
.kutia-page-products{--cubesimg:url(../../../images/kutia-pages/cubes-hero.webp)}
.kutia-page-products .heroc{background:#07080a;color:#fff;position:relative;overflow:hidden;min-height:86vh;display:flex;align-items:center}
.kutia-page-products .heroc .cubes{position:absolute;inset:0;pointer-events:none;
background-image:var(--cubesimg);background-size:cover;background-position:center;opacity:.34;
-webkit-mask-image:linear-gradient(180deg,transparent,#000 40%,#000 75%,transparent);
mask-image:linear-gradient(180deg,transparent,#000 40%,#000 75%,transparent)}
.kutia-page-products .heroc .cubes:after{content:"";position:absolute;inset:0;
background:linear-gradient(180deg,rgba(7,8,10,.55),rgba(7,8,10,.82))}
.kutia-page-products .aur{position:absolute;inset:-25%;pointer-events:none;filter:blur(70px);opacity:.85;
background:
radial-gradient(38% 34% at 24% 30%,rgba(48,239,166,.30),transparent 70%),
radial-gradient(40% 38% at 78% 62%,rgba(121,72,255,.34),transparent 70%),
radial-gradient(30% 30% at 62% 18%,rgba(255,206,139,.12),transparent 70%);
animation:aur 16s ease-in-out infinite alternate}
@keyframes aur{0%{transform:rotate(0deg) scale(1)}100%{transform:rotate(6deg) scale(1.12)}}
.kutia-page-products .gridbg{position:absolute;inset:0;pointer-events:none;
background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
background-size:54px 54px;
-webkit-mask-image:radial-gradient(75% 70% at 50% 45%,#000 30%,transparent 100%);
mask-image:radial-gradient(75% 70% at 50% 45%,#000 30%,transparent 100%)}
.kutia-page-products .heroc .wrap{position:relative;padding-top:120px;padding-bottom:120px;width:100%}
.kutia-page-products .heroc h1{font-weight:250;font-size:clamp(48px,5.6vw,80px);line-height:1.2;letter-spacing:-.025em;margin:18px 0 22px;max-width:900px;
background:linear-gradient(110deg,#ffffff 20%,#d8dee2 34%,#30EFA6 48%,#c9b8ff 62%,#ffffff 78%);
background-size:220% 100%;
-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;
animation:shine 7s ease-in-out infinite}
@keyframes shine{0%,100%{background-position:0% 0}50%{background-position:100% 0}}
.kutia-page-products .heroc .lead{font-weight:300;font-size:clamp(17px,1.8vw,22px);max-width:560px;color:#c9cdd0}
.kutia-page-products .heroc .chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:44px}
.kutia-page-products .heroc .chips span{border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:8px 16px;font-size:12px;color:#c9cdd0;
background:rgba(255,255,255,.04);backdrop-filter:blur(8px)}
.kutia-page-products .heroc .chips b{color:#fff;font-weight:600}
/* floating product fragments */
.kutia-page-products .gc{position:absolute;border-radius:14px;padding:14px 16px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);box-shadow:0 24px 60px rgba(0,0,0,.45);
will-change:transform;pointer-events:none}
.kutia-page-products .gc .gt{font-size:12px;font-weight:700;color:#fff}
.kutia-page-products .gc .gm{font-size:10.5px;color:#b6bbbe;margin-top:3px}
.kutia-page-products .gc .pill{display:inline-block;margin-top:9px;font-size:9.5px;font-weight:700;border-radius:999px;padding:4px 10px}
.kutia-page-products .gc .pill.g{background:rgba(48,239,166,.22);color:#30EFA6}
.kutia-page-products .gc .pill.y{background:rgba(255,206,139,.22);color:#FFCE8B}
.kutia-page-products .gc .big2{font-size:26px;font-weight:800;letter-spacing:-.02em;color:#fff}
.kutia-page-products .gc .big2 em{color:#30EFA6}
.kutia-page-products .gc.c1{right:16%;top:16%;animation:flo 8s ease-in-out infinite}
.kutia-page-products .gc.c2{right:6%;top:38%;animation:flo 10s ease-in-out infinite 1.2s}
.kutia-page-products .gc.c3{right:24%;top:56%;animation:flo 9s ease-in-out infinite .6s}
.kutia-page-products .gc.c4{right:9%;top:72%;animation:flo 7s ease-in-out infinite 1.8s}
.kutia-page-products .gc .qk{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;color:#fff}
.kutia-page-products .gc .qk:before{content:"";width:16px;height:16px;border-radius:50%;background:#30EFA6;
clip-path:polygon(50% 0,100% 18%,100% 82%,50% 100%,0 82%,0 18%)}
.kutia-page-products .scrollcue{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);width:1px;height:44px;overflow:hidden}
.kutia-page-products .scrollcue:before{content:"";position:absolute;left:0;top:-44px;width:1px;height:44px;background:linear-gradient(#30EFA6,transparent);
animation:cue 2.2s ease-in-out infinite}
@keyframes cue{to{transform:translateY(88px)}}
/* product blocks */
.kutia-page-products .prd .wrap{padding-top:104px;padding-bottom:104px;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}
.kutia-page-products .prd.alt .wrap{grid-template-columns:.95fr 1.05fr}
.kutia-page-products .prd.alt .ptxt{order:2}
.kutia-page-products .prd.alt .pviz{order:1}
.kutia-page-products .prd .pn{display:inline-flex;align-items:center;gap:10px}
.kutia-page-products .prd .pn .dot{width:12px;height:15px;clip-path:polygon(50% 0,100% 18%,100% 82%,50% 100%,0 82%,0 18%);background:var(--pa)}
.kutia-page-products .prd .pn span{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--muted)}
.kutia-page-products .prd h2{font-weight:250;font-size:clamp(32px,3.4vw,48px);letter-spacing:-.02em;line-height:1.06;margin:16px 0 8px}
.kutia-page-products .prd .pline{font-weight:300;font-size:clamp(18px,1.9vw,24px);color:#3c4144;margin-bottom:22px}
.kutia-page-products .prd .pline b{font-weight:600}
.kutia-page-products .prd .desc{font-size:13.5px;color:var(--muted);max-width:470px}
.kutia-page-products .prd .mods{display:flex;gap:9px;flex-wrap:wrap;margin-top:26px}
.kutia-page-products .prd .mods span{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 17px;font-size:12.5px;font-weight:600}
.kutia-page-products .prd .pst{display:flex;gap:44px;flex-wrap:wrap;margin-top:34px;padding-top:26px;border-top:1px solid var(--line)}
.kutia-page-products .prd .ps .n{font-weight:300;font-size:clamp(30px,2.8vw,44px);letter-spacing:-.02em;line-height:1}
.kutia-page-products .prd .ps .l{font-size:11.5px;color:var(--muted);margin-top:6px;letter-spacing:.06em;text-transform:uppercase}
.kutia-page-products .prd .pcta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:34px}
.kutia-page-products .prd .live{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--muted)}
.kutia-page-products .prd .live:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--pa);animation:pulse 2s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}

/* phone mock */
.kutia-page-products .pviz{position:relative;display:flex;justify-content:center}
.kutia-page-products .pviz .halo{position:absolute;inset:-10%;background:radial-gradient(circle at 50% 45%,var(--gl),transparent 62%);pointer-events:none}
.kutia-page-products .phone{position:relative;width:280px;border-radius:38px;padding:12px;background:linear-gradient(160deg,#191d20,#0b0c0e);
box-shadow:0 34px 80px rgba(13,21,26,.25);animation:flo 8s ease-in-out infinite}
.kutia-page-products .phone .scr{background:#F4F6FA;border-radius:28px;padding:18px 14px;display:flex;flex-direction:column;gap:10px}
.kutia-page-products .phone .bar{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:700;color:#3c4144;padding:0 4px}
.kutia-page-products .req{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 13px}
.kutia-page-products .req .t{font-size:11.5px;font-weight:700}
.kutia-page-products .req .m{font-size:10px;color:var(--muted);margin-top:3px}
.kutia-page-products .req .pill{display:inline-block;margin-top:8px;font-size:9px;font-weight:700;border-radius:999px;padding:3px 9px}
.kutia-page-products .req .pill.g{background:rgba(48,239,166,.18);color:#0a6b46}
.kutia-page-products .req .pill.y{background:rgba(255,206,139,.3);color:#7a5410}
.kutia-page-products .req .pill.d{background:#0D151A;color:#fff}

/* dashboard mock */
.kutia-page-products .dash{position:relative;width:min(520px,100%);border-radius:18px;border:1px solid var(--line);background:#fff;
box-shadow:0 34px 80px rgba(13,21,26,.14);padding:20px;animation:flo 9s ease-in-out infinite}
.kutia-page-products .dash .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.kutia-page-products .dash .top .tt{font-size:11px;font-weight:800;letter-spacing:.06em}
.kutia-page-products .dash .top .dd{font-size:9.5px;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:3px 8px}
.kutia-page-products .dash .tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.kutia-page-products .dash .tile{background:#F4F6FA;border-radius:10px;padding:11px 12px}
.kutia-page-products .dash .tile .v{font-size:15px;font-weight:800;letter-spacing:-.02em}
.kutia-page-products .dash .tile .k{font-size:8.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:3px}
.kutia-page-products .dash .rows{margin-top:14px;display:flex;flex-direction:column;gap:9px}
.kutia-page-products .dash .row{display:grid;grid-template-columns:1fr 2fr auto;gap:12px;align-items:center}
.kutia-page-products .dash .row .pn2{font-size:10.5px;font-weight:700}
.kutia-page-products .dash .row .trk{height:6px;border-radius:999px;background:#EDF0F4;overflow:hidden}
.kutia-page-products .dash .row .fill{height:100%;border-radius:999px;background:var(--pa);width:0;transition:width 1.1s ease}
.kutia-page-products .in .dash .row .fill{width:var(--w)}
.kutia-page-products .dash .row .st{font-size:9px;font-weight:700;border-radius:999px;padding:3px 8px}
.kutia-page-products .dash .row .st.g{background:rgba(48,239,166,.18);color:#0a6b46}
.kutia-page-products .dash .row .st.y{background:rgba(255,206,139,.35);color:#7a5410}

/* 360 showcase (dark, immersive) */
.kutia-page-products .p360{background:#0b0c0e;color:#fff;position:relative;overflow:hidden}
.kutia-page-products .p360 .glow1{position:absolute;left:-15%;top:-10%;width:800px;height:800px;border-radius:50%;background:radial-gradient(circle,rgba(48,239,166,.16),transparent 62%);pointer-events:none}
.kutia-page-products .p360 .glow2{position:absolute;right:-12%;bottom:6%;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(48,239,166,.1),transparent 62%);pointer-events:none}
.kutia-page-products .p360 .head{position:relative;max-width:var(--maxw);margin:0 auto;padding:110px var(--wp--custom--spacing--container-padding-inline,4rem) 0;display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:end}
.kutia-page-products .p360 .h360{font-weight:600;font-size:clamp(56px,7.5vw,104px);line-height:.95;letter-spacing:-.04em;
background:linear-gradient(115deg,#ffffff 10%,#b8ffe3 45%,#30EFA6 90%);
-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.kutia-page-products .p360 .pline2{font-weight:300;font-size:clamp(19px,2vw,26px);color:#c9cdd0;margin-top:20px;max-width:520px}
.kutia-page-products .p360 .pline2 b{font-weight:600;color:#fff}
.kutia-page-products .p360 .desc2{font-size:13.5px;color:#9ca1a5;line-height:1.65}
.kutia-page-products .p360 .pst2{display:flex;gap:44px;flex-wrap:wrap;margin-top:26px;padding-top:22px;border-top:1px solid #1e2124}
.kutia-page-products .p360 .ps .n{color:#fff}
.kutia-page-products .p360 .ps .l{color:#9ca1a5}

/* big app frame */
.kutia-page-products .appwrap{position:relative;max-width:1180px;margin:60px auto 0;padding:0 var(--wp--custom--spacing--container-padding-inline,4rem)}
.kutia-page-products .app{position:relative;background:#fff;border-radius:18px;color:#0D151A;overflow:hidden;
box-shadow:0 60px 140px rgba(0,0,0,.55)}
.kutia-page-products .tb{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid #EDF0F4}
.kutia-page-products .tb .d{width:9px;height:9px;border-radius:50%}
.kutia-page-products .tb .t{font-size:11px;font-weight:800;margin-left:10px}
.kutia-page-products .tb .sr{margin-left:auto;background:#F4F6FA;border-radius:6px;padding:5px 14px;font-size:9.5px;color:#9aa0a5}
.kutia-page-products .abody{display:grid;grid-template-columns:170px 1fr 230px}
.kutia-page-products .aside{border-right:1px solid #EDF0F4;padding:14px 10px;display:flex;flex-direction:column;gap:2px}
.kutia-page-products .aside .it{font-size:10.5px;font-weight:600;color:#686D70;padding:7px 12px;border-radius:7px;display:flex;gap:9px;align-items:center}
.kutia-page-products .aside .it:before{content:"";width:6px;height:6px;border-radius:2px;background:#D7DADE;flex:0 0 auto}
.kutia-page-products .aside .it.on{background:#7948FF;color:#fff}
.kutia-page-products .aside .it.on:before{background:#fff}
.kutia-page-products .amain{padding:16px;display:flex;flex-direction:column;gap:13px;min-width:0}
.kutia-page-products .trow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.kutia-page-products .trow .tile{background:#F4F6FA;border-radius:10px;padding:10px 12px}
.kutia-page-products .trow .v{font-size:14px;font-weight:800;letter-spacing:-.02em}
.kutia-page-products .trow .k{font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:#9aa0a5;margin-top:2px}
.kutia-page-products .acols{display:grid;grid-template-columns:1.15fr 1fr;gap:13px}
.kutia-page-products .panel{border:1px solid #EDF0F4;border-radius:12px;padding:12px}
.kutia-page-products .panel .ph{font-size:8.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#9aa0a5;margin-bottom:10px}
.kutia-page-products .prj{display:grid;grid-template-columns:1fr 1.6fr auto;gap:10px;align-items:center;margin-bottom:9px}
.kutia-page-products .prj:last-child{margin-bottom:0}
.kutia-page-products .prj .pn2{font-size:9.5px;font-weight:700}
.kutia-page-products .prj .trk{height:5px;border-radius:999px;background:#EDF0F4;overflow:hidden}
.kutia-page-products .prj .fill{height:100%;border-radius:999px;background:#7948FF;width:0;transition:width 1.2s ease}
.kutia-page-products .in .prj .fill{width:var(--w)}
.kutia-page-products .prj .st{font-size:8px;font-weight:700;border-radius:999px;padding:2px 7px}
.kutia-page-products .prj .st.g{background:rgba(48,239,166,.18);color:#0a6b46}
.kutia-page-products .prj .st.y{background:rgba(255,206,139,.4);color:#7a5410}
.kutia-page-products .cap{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.kutia-page-products .cap:last-child{margin-bottom:0}
.kutia-page-products .cap .av{width:18px;height:18px;border-radius:50%;background:#EDE8FF;color:#5b4bb5;font-size:7.5px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.kutia-page-products .cap .cb{flex:1;height:5px;border-radius:999px;background:#EDF0F4;overflow:hidden}
.kutia-page-products .cap .cf{height:100%;border-radius:999px;background:#30EFA6;width:0;transition:width 1.2s ease}
.kutia-page-products .cap .cf.o{background:#FFCE8B}
.kutia-page-products .in .cap .cf{width:var(--w)}
.kutia-page-products .cap .cp{font-size:8.5px;font-weight:700;color:#686D70;width:30px;text-align:right}
.kutia-page-products .fch{display:flex;gap:7px;align-items:flex-end;height:64px;padding-top:4px}
.kutia-page-products .fch i{flex:1;border-radius:4px 4px 0 0;background:#EDE8FF;position:relative}
.kutia-page-products .fch i:after{content:"";position:absolute;left:0;right:0;bottom:0;height:55%;border-radius:4px 4px 0 0;background:#7948FF}
.kutia-page-products .aright{border-left:1px solid #EDF0F4;padding:14px;display:flex;flex-direction:column;gap:9px}
.kutia-page-products .ncard{background:#F4F6FA;border-radius:10px;padding:10px 12px}
.kutia-page-products .ncard .nt{font-size:9.5px;font-weight:700}
.kutia-page-products .ncard .nm{font-size:8.5px;color:#686D70;margin-top:2px}
.kutia-page-products .ncard.hl{background:#0D151A;color:#fff}
.kutia-page-products .ncard.hl .nm{color:#9ca1a5}
/* floating cards */
.kutia-page-products .fl1{position:absolute;right:16px;top:-26px;background:rgba(20,22,25,.9);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(8px);
color:#fff;border-radius:12px;padding:12px 16px;font-size:11px;font-weight:600;transform:rotate(2deg);animation:flo 7s ease-in-out infinite;box-shadow:0 20px 50px rgba(0,0,0,.4)}
.kutia-page-products .fl1 b{color:#30EFA6}
.kutia-page-products .fl2{position:absolute;left:14px;bottom:-30px;background:#fff;color:#0D151A;border-radius:12px;padding:12px 16px;
font-size:10.5px;font-weight:600;transform:rotate(-2.5deg);animation:flo 9s ease-in-out infinite 1s;box-shadow:0 24px 60px rgba(0,0,0,.45)}
.kutia-page-products .fl2 .sm{font-size:8.5px;color:#686D70;font-weight:500;margin-top:2px}

/* cycle diagram */
.kutia-page-products .cyc{max-width:1060px;margin:74px auto 0;padding:0 var(--wp--custom--spacing--container-padding-inline,4rem);position:relative}
.kutia-page-products .cyc svg{width:100%;height:auto;display:block}
.kutia-page-products .cyc .cn{fill:#101214;stroke:#23262a}
.kutia-page-products .cyc text{font-family:var(--wp--preset--font-family--main),'DM Sans',sans-serif}
.kutia-page-products .cflow{stroke:#7948FF;stroke-width:1.6;fill:none;stroke-dasharray:6 7;animation:dash 1.6s linear infinite}
.kutia-page-products .cycm{display:none}

/* loop nodes */
.kutia-page-products .p360 .loop{position:relative;display:flex;gap:12px;flex-wrap:wrap;align-items:stretch;max-width:var(--maxw);margin:74px auto 0;padding:0 var(--wp--custom--spacing--container-padding-inline,4rem)}
.kutia-page-products .p360 .node{flex:1;min-width:150px;background:#101214;border:1px solid #1e2124;border-radius:14px;padding:18px;position:relative}
.kutia-page-products .p360 .node .k{font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:#9ca1a5}
.kutia-page-products .p360 .node .v{font-size:18px;font-weight:600;margin-top:6px;color:#fff}
.kutia-page-products .p360 .node .s{font-size:11.5px;color:#9ca1a5;margin-top:5px;line-height:1.5}
.kutia-page-products .p360 .node .top{position:absolute;left:0;top:0;right:0;height:3px;border-radius:14px 14px 0 0}
.kutia-page-products .p360 .larrow{align-self:center;color:#3a3f44;font-size:20px;font-weight:300}
.kutia-page-products .p360 .loopcap{text-align:center;color:#9ca1a5;font-size:12.5px;margin-top:14px;padding:0 var(--wp--custom--spacing--container-padding-inline,4rem)}
.kutia-page-products .p360 .loopcap b{color:#30EFA6;font-weight:600}

/* module grid */
.kutia-page-products .p360 .mg{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:var(--maxw);margin:34px auto 0;padding:0 var(--wp--custom--spacing--container-padding-inline,4rem);position:relative}
.kutia-page-products .p360 .m{background:#101214;border:1px solid #1e2124;border-radius:16px;padding:22px;transition:.22s;position:relative;overflow:hidden}
.kutia-page-products .p360 .m:hover{transform:translateY(-4px);border-color:#2c3034}
.kutia-page-products .p360 .m .ic{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:17px;margin-bottom:14px}
.kutia-page-products .p360 .m h3{font-weight:600;font-size:16px;letter-spacing:-.01em;color:#fff}
.kutia-page-products .p360 .m .mt{font-size:11.5px;color:#9ca1a5;margin-top:3px;line-height:1.5}
.kutia-page-products .p360 .m ul{list-style:none;margin-top:14px;display:flex;flex-direction:column;gap:7px}
.kutia-page-products .p360 .m li{position:relative;padding-left:16px;font-size:12.5px;color:#c9cdd0;line-height:1.45}
.kutia-page-products .p360 .m li:before{content:"";position:absolute;left:0;top:7px;width:6px;height:6px;border-radius:2px;background:var(--ma)}
.kutia-page-products .p360 .slab{max-width:var(--maxw);margin:80px auto 0;padding:0 var(--wp--custom--spacing--container-padding-inline,4rem);font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:#9ca1a5;position:relative}
.kutia-page-products .p360 .stitle{max-width:var(--maxw);margin:6px auto 0;padding:0 var(--wp--custom--spacing--container-padding-inline,4rem);font-weight:300;font-size:clamp(24px,2.6vw,34px);letter-spacing:-.01em;color:#fff;position:relative}
.kutia-page-products .p360 .ssub{max-width:var(--maxw);margin:8px auto 0;padding:0 var(--wp--custom--spacing--container-padding-inline,4rem);color:#9ca1a5;font-size:13.5px;position:relative}

/* foundation band */
.kutia-page-products .p360 .fnd{max-width:var(--maxw);margin:34px auto 0;padding:34px;background:#101214;border:1px solid #1e2124;border-radius:18px;position:relative}
.kutia-page-products .p360 .fndwrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--wp--custom--spacing--container-padding-inline,4rem)}
.kutia-page-products .p360 .fg{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.kutia-page-products .p360 .fb h4{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#9ca1a5;font-weight:700}
.kutia-page-products .p360 .fb .fl{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.kutia-page-products .p360 .fb .fl span{border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:7px 13px;font-size:12px;color:#c9cdd0}
.kutia-page-products .p360 .fb .fl span.hot{border-color:#30EFA6;color:#fff;font-weight:600}
.kutia-page-products .p360 .fb p{font-size:12px;color:#9ca1a5;margin-top:12px;line-height:1.5}

/* dark q3 + modules */
.kutia-page-products .p360 .q3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:var(--maxw);margin:70px auto 0;padding:0 var(--wp--custom--spacing--container-padding-inline,4rem);position:relative}
.kutia-page-products .p360 .qt{background:#101214;border:1px solid #1e2124;border-radius:16px;padding:30px 28px;transition:.25s;position:relative;overflow:hidden}
.kutia-page-products .p360 .qt:before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:var(--qa)}
.kutia-page-products .p360 .qt:hover{transform:translateY(-4px);border-color:#2c3034}
.kutia-page-products .p360 .qt .q{font-weight:300;font-size:clamp(24px,2.4vw,34px);letter-spacing:-.02em;color:#fff}
.kutia-page-products .p360 .qt .a{font-size:13px;color:#9ca1a5;margin-top:10px;line-height:1.6}
.kutia-page-products .p360 .mods2{display:flex;flex-wrap:wrap;gap:9px;max-width:var(--maxw);margin:44px auto 0;padding:0 var(--wp--custom--spacing--container-padding-inline,4rem);position:relative}
.kutia-page-products .p360 .mods2 span{border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:9px 17px;font-size:12px;color:#c9cdd0}
.kutia-page-products .p360 .emrow2{max-width:var(--maxw);margin:40px auto 0;padding:0 var(--wp--custom--spacing--container-padding-inline,4rem);display:flex;gap:12px;align-items:center;flex-wrap:wrap;position:relative}
.kutia-page-products .p360 .emrow2 .lbl{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#9ca1a5}
.kutia-page-products .p360 .emrow2 span.em2{border:1.5px solid rgba(255,255,255,.5);border-radius:999px;padding:10px 20px;font-size:13px;font-weight:700;color:#fff}
.kutia-page-products .p360 .cta2{max-width:var(--maxw);margin:54px auto 0;padding:0 var(--wp--custom--spacing--container-padding-inline,4rem) 110px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;position:relative}
.kutia-page-products .p360 .btn.green2{background:#30EFA6;border-color:#30EFA6;color:#0D151A}
.kutia-page-products .p360 .btn.green2:hover{background:transparent;color:#fff;border-color:#fff}
.kutia-page-products .p360 .btn.ghost{border-color:rgba(255,255,255,.4);color:#fff;background:transparent}
.kutia-page-products .p360 .btn.ghost:hover{background:#fff;color:#0D151A}
.kutia-page-products .p360 .live2{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#9ca1a5}
.kutia-page-products .p360 .live2:before{content:"";width:8px;height:8px;border-radius:50%;background:#30EFA6;animation:pulse 2s ease-in-out infinite}

@media(max-width:900px){
.kutia-page-products .p360 .head{grid-template-columns:1fr;gap:26px;padding:70px 22px 0}
.kutia-page-products .appwrap{padding:0 22px}
.kutia-page-products .abody{grid-template-columns:1fr}
.kutia-page-products .abody2{grid-template-columns:1fr}
.kutia-page-products .stage{min-height:560px}
.kutia-page-products .krow{grid-template-columns:repeat(2,1fr)}
.kutia-page-products .spair, .kutia-page-products .duo{grid-template-columns:1fr}
.kutia-page-products .aside{flex-direction:row;overflow-x:auto;border-right:none;border-bottom:1px solid #EDF0F4}
.kutia-page-products .aside .it{white-space:nowrap}
.kutia-page-products .aright{display:none}
.kutia-page-products .acols{grid-template-columns:1fr}
.kutia-page-products .fl1, .kutia-page-products .fl2{display:none}
.kutia-page-products .cyc svg{display:none}
.kutia-page-products .cycm{display:flex;flex-direction:column;gap:9px}
.kutia-page-products .cycm .dc{background:#7948FF;color:#fff;border-radius:10px;padding:13px 18px;font-size:13.5px;font-weight:700;text-align:center}
.kutia-page-products .cycm .dn{background:#101214;border:1px solid #23262a;color:#fff;border-radius:10px;padding:12px 18px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:10px}
.kutia-page-products .cycm .dn:before{content:"";width:7px;height:7px;border-radius:2px;background:#7948FF}
.kutia-page-products .p360 .q3{grid-template-columns:1fr;margin-top:50px;padding:0 22px}
.kutia-page-products .p360 .loop{flex-direction:column;padding:0 22px}
.kutia-page-products .p360 .larrow{transform:rotate(90deg);text-align:center}
.kutia-page-products .p360 .mg{grid-template-columns:1fr;padding:0 22px}
.kutia-page-products .p360 .slab, .kutia-page-products .p360 .stitle, .kutia-page-products .p360 .ssub{padding:0 22px}
.kutia-page-products .p360 .fndwrap{padding:0 22px}
.kutia-page-products .p360 .fg{grid-template-columns:1fr 1fr}
.kutia-page-products .p360 .loopcap{padding:0 22px}
.kutia-page-products .p360 .mods2, .kutia-page-products .p360 .emrow2{padding:0 22px}
.kutia-page-products .p360 .cta2{padding:0 22px 70px}
}

/* legacy (unused) */
.kutia-page-products .q3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:var(--maxw);margin:0 auto;padding:0 var(--wp--custom--spacing--container-padding-inline,4rem) 104px}
.kutia-page-products .qt{background:#fff;border:1px solid var(--line);border-radius:16px;padding:30px 28px;transition:.25s;position:relative;overflow:hidden}
.kutia-page-products .qt:before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:var(--qa);opacity:.9}
.kutia-page-products .qt:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(13,21,26,.08)}
.kutia-page-products .qt .q{font-weight:300;font-size:clamp(24px,2.4vw,34px);letter-spacing:-.02em}
.kutia-page-products .qt .a{font-size:13px;color:var(--muted);margin-top:10px;line-height:1.6}
.kutia-page-products .emrow{max-width:var(--maxw);margin:0 auto;padding:0 var(--wp--custom--spacing--container-padding-inline,4rem) 96px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.kutia-page-products .emrow .lbl{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.kutia-page-products .emrow span.em2{border:1.5px solid var(--ink);border-radius:999px;padding:10px 20px;font-size:13px;font-weight:700}
@media(max-width:900px){.kutia-page-products .q3{grid-template-columns:1fr;padding:0 22px 70px}.kutia-page-products .emrow{padding:0 22px 70px}}

/* sixops screen cycler */
.kutia-page-products .abody2{display:grid;grid-template-columns:172px 1fr;min-height:430px}
.kutia-page-products .stage{position:relative;background:#F7F8FA;overflow:hidden}
.kutia-page-products .shot{position:absolute;inset:0;padding:18px;display:flex;flex-direction:column;gap:12px;opacity:0;
justify-content:center;animation:shcyc 15s ease-in-out infinite}
.kutia-page-products .shot .duo, .kutia-page-products .shot .spair{flex:0 1 auto}
.kutia-page-products .shot.sh2{animation-delay:5s}
.kutia-page-products .shot.sh3{animation-delay:10s}
@keyframes shcyc{0%{opacity:0;transform:translateY(14px) scale(.992)}4%{opacity:1;transform:none}
31%{opacity:1;transform:none}36%,100%{opacity:0;transform:translateY(-10px)}}
.kutia-page-products .aside .it.cy{animation:sidecyc 15s ease-in-out infinite}
.kutia-page-products .aside .it.cy2{animation-delay:5s}
.kutia-page-products .aside .it.cy3{animation-delay:10s}
@keyframes sidecyc{0%,31%{background:#30EFA6;color:#0D151A}36%,100%{background:transparent;color:#686D70}}
.kutia-page-products .krow{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.kutia-page-products .kt{background:#fff;border:1px solid #EDF0F4;border-radius:10px;padding:11px 13px}
.kutia-page-products .kt .v{font-weight:800;font-size:15.5px;letter-spacing:-.02em;color:#0D151A}
.kutia-page-products .kt .v em{font-style:normal;color:#0a6b46}
.kutia-page-products .kt .k{font-size:8.5px;letter-spacing:.09em;text-transform:uppercase;color:#686D70;margin-top:3px;font-weight:700}
.kutia-page-products .spair{display:grid;grid-template-columns:1.15fr 1fr;gap:12px;flex:1}
.kutia-page-products .duo{display:grid;grid-template-columns:1fr 1fr;gap:12px;flex:1}
.kutia-page-products .ocard{background:#fff;border:1px solid #EDF0F4;border-radius:12px;padding:14px}
.kutia-page-products .ocard .oh{font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;font-weight:800;color:#686D70;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}
.kutia-page-products .ocard .oh .tag{background:#0D151A;color:#fff;border-radius:999px;padding:3px 9px;font-size:8.5px;letter-spacing:.04em}
.kutia-page-products .orow{display:flex;justify-content:space-between;font-size:11px;color:#3c4144;padding:6px 0;border-bottom:1px dashed #EDF0F4}
.kutia-page-products .orow b{font-weight:700;color:#0D151A}
.kutia-page-products .tot{display:flex;justify-content:space-between;align-items:center;padding-top:10px}
.kutia-page-products .tot .tv{font-weight:800;font-size:16px;color:#0D151A}
.kutia-page-products .chip-g{background:rgba(48,239,166,.16);color:#0a6b46;border-radius:999px;padding:4px 10px;font-size:9px;font-weight:800}
.kutia-page-products .chip-y{background:rgba(255,206,139,.3);color:#7a5410;border-radius:999px;padding:4px 10px;font-size:9px;font-weight:800}
.kutia-page-products .mrow{display:flex;align-items:center;gap:9px;padding:7px 0;border-bottom:1px dashed #EDF0F4;font-size:11px;color:#3c4144}
.kutia-page-products .mrow .av2{width:20px;height:20px;border-radius:50%;background:#0D151A;color:#30EFA6;display:inline-flex;align-items:center;justify-content:center;font-size:8px;font-weight:800;flex:0 0 auto}
.kutia-page-products .mrow b{font-weight:700;color:#0D151A}
.kutia-page-products .mrow .chip-g, .kutia-page-products .mrow .chip-y{margin-left:auto}
.kutia-page-products .flowcol{display:flex;flex-direction:column;gap:9px;flex:1;justify-content:center;max-width:560px;margin:0 auto;width:100%}
.kutia-page-products .frow{background:#fff;border:1px solid #EDF0F4;border-radius:11px;padding:11px 14px;display:flex;gap:11px;align-items:center;font-size:11.5px;color:#3c4144}
.kutia-page-products .frow b{font-weight:700;color:#0D151A}
.kutia-page-products .frow .fico{width:22px;height:22px;border-radius:6px;background:#0D151A;color:#30EFA6;display:inline-flex;align-items:center;justify-content:center;font-size:9.5px;font-weight:800;flex:0 0 auto}
.kutia-page-products .frow .chip-g{margin-left:auto;white-space:nowrap}
.kutia-page-products .fnote{text-align:center;font-size:10px;color:#9ca1a5;letter-spacing:.06em}
.kutia-page-products .stage .fill{background:#0D151A}
.kutia-page-products .stage .fch i{background:#E9F1EC}
.kutia-page-products .stage .fch i:after{background:#30EFA6}
.kutia-page-products .cdots{display:flex;gap:8px;justify-content:center;margin-top:18px}
.kutia-page-products .cdots i{width:26px;height:4px;border-radius:2px;background:#23262a;overflow:hidden;position:relative}
.kutia-page-products .cdots i:after{content:"";position:absolute;inset:0;background:#30EFA6;transform:scaleX(0);transform-origin:left;
animation:dfill 15s linear infinite}
.kutia-page-products .cdots i:nth-child(2):after{animation-delay:5s}
.kutia-page-products .cdots i:nth-child(3):after{animation-delay:10s}
@keyframes dfill{0%{transform:scaleX(0)}33.3%{transform:scaleX(1)}33.4%,100%{transform:scaleX(0)}}

/* frendict */
.kutia-page-products .pfd{background:#111417;color:#fff;position:relative;overflow:hidden}
.kutia-page-products .pfd:before{content:"";position:absolute;inset:0;pointer-events:none;
background:radial-gradient(50% 60% at 82% 30%,rgba(232,163,61,.16),transparent 65%),
radial-gradient(40% 50% at 8% 88%,rgba(232,163,61,.08),transparent 60%)}
.kutia-page-products .pfd .wrap{position:relative;padding-top:104px;padding-bottom:104px;display:grid;
grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}
.kutia-page-products .pfd .pn{display:inline-flex;align-items:center;gap:10px}
.kutia-page-products .pfd .pn .dot{width:12px;height:15px;clip-path:polygon(50% 0,100% 18%,100% 82%,50% 100%,0 82%,0 18%);background:#E8A33D}
.kutia-page-products .pfd .pn span{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:#8b9094}
.kutia-page-products .pfd h2{font-weight:800;letter-spacing:.16em;font-size:clamp(32px,3.4vw,50px);margin:18px 0 8px;color:#E8A33D}
.kutia-page-products .pfd .pline{font-weight:600;font-size:clamp(19px,2vw,26px);color:#fff;margin-bottom:20px;line-height:1.3}
.kutia-page-products .pfd .desc{font-size:13.5px;color:#b6bbbe;max-width:470px;line-height:1.65}
.kutia-page-products .pfd .mods{display:flex;gap:9px;flex-wrap:wrap;margin-top:26px}
.kutia-page-products .pfd .mods span{border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:9px 17px;
font-size:12.5px;font-weight:600;color:#e6e9eb}
.kutia-page-products .pfd .pcta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:34px}
.kutia-page-products .pfd .btn.amber{background:#E8A33D;border-color:#E8A33D;color:#161310}
.kutia-page-products .pfd .btn.amber:hover{background:transparent;color:#E8A33D}
.kutia-page-products .pfd .btn.ghosty{background:transparent;border-color:rgba(255,255,255,.3);color:#fff}
.kutia-page-products .pfd .btn.ghosty:hover{background:#fff;color:#111417}
.kutia-page-products .pfd .live{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#b6bbbe}
.kutia-page-products .pfd .live:before{content:"";width:8px;height:8px;border-radius:50%;background:#E8A33D;animation:pulse 2s ease-in-out infinite}
.kutia-page-products .pfd .fviz{position:relative;display:flex;justify-content:center}
.kutia-page-products .pfd .fhalo{position:absolute;inset:-10%;background:radial-gradient(circle at 50% 45%,rgba(232,163,61,.16),transparent 62%);pointer-events:none}
.kutia-page-products .fphone{position:relative;width:290px;border-radius:38px;padding:12px;
background:linear-gradient(160deg,#2a2e33,#101214);box-shadow:0 34px 80px rgba(0,0,0,.55);animation:flo 8s ease-in-out infinite}
.kutia-page-products .fphone .scr{background:#1a1e22;border-radius:28px;padding:16px 14px;display:flex;flex-direction:column;gap:10px}
.kutia-page-products .fphone .fbar{display:flex;justify-content:space-between;font-size:10.5px;font-weight:800;color:#fff;letter-spacing:.08em}
.kutia-page-products .fphone .fbar .coin{color:#E8A33D}
.kutia-page-products .fphone .match{background:#22262b;border-radius:12px;padding:12px 13px}
.kutia-page-products .fphone .match .lg{font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;color:#8b9094;font-weight:700}
.kutia-page-products .fphone .match .tm{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;color:#fff;margin-top:6px}
.kutia-page-products .fphone .match .tm i{font-style:normal;color:#6b7075;font-size:10px;font-weight:600}
.kutia-page-products .fphone .match .when{font-size:9px;color:#8b9094;margin-top:2px}
.kutia-page-products .fphone .oxo{display:flex;gap:8px;margin-top:10px}
.kutia-page-products .fphone .oxo span{flex:1;text-align:center;border:1px solid #2f343a;border-radius:8px;padding:7px 0;font-size:11px;font-weight:700;color:#c9cdd0}
.kutia-page-products .fphone .oxo span.on{border-color:#E8A33D;color:#E8A33D;background:rgba(232,163,61,.1)}
.kutia-page-products .fphone .rrow{display:flex;justify-content:space-between;align-items:center;font-size:10.5px;font-weight:600;color:#c9cdd0;
background:#22262b;border-radius:10px;padding:9px 12px}
.kutia-page-products .fphone .rrow b{color:#E8A33D;font-weight:800}

/* statement */
.kutia-page-products .stband{background:#0b0c0e;color:#fff;text-align:center;position:relative;overflow:hidden}
.kutia-page-products .stband .cbg{position:absolute;inset:0;pointer-events:none;
background-image:var(--cubesimg);background-size:cover;background-position:center}
.kutia-page-products .stband .cbg:after{content:"";position:absolute;inset:0;
background:linear-gradient(180deg,rgba(11,12,14,.94),rgba(11,12,14,.66) 50%,rgba(11,12,14,.94))}
.kutia-page-products .stband .wrap{padding-top:92px;padding-bottom:92px;position:relative;z-index:1}
.kutia-page-products .stband p{font-weight:300;font-size:clamp(24px,2.8vw,38px);letter-spacing:-.015em;line-height:1.25;max-width:760px;margin:0 auto;color:#fff}
.kutia-page-products .stband b{font-weight:600;color:var(--green)}

@media(max-width:900px){
.kutia-page-products .heroc{min-height:0}
.kutia-page-products .gc.c1, .kutia-page-products .gc.c3, .kutia-page-products .gc.c4{display:none}
.kutia-page-products .gc.c2{right:6%;top:12%}
.kutia-page-products .prd .wrap, .kutia-page-products .prd.alt .wrap{grid-template-columns:1fr;gap:44px}
.kutia-page-products .prd.alt .ptxt{order:1}.kutia-page-products .prd.alt .pviz{order:2}
.kutia-page-products .pfd .wrap{grid-template-columns:1fr;gap:44px}
.kutia-page-products .hx3.x1{width:110px;height:158px;right:-26px;top:20px;opacity:.85}
.kutia-page-products .hx3.x2{width:62px;height:90px;right:66px;top:150px;opacity:.55}
.kutia-page-products .dash .tiles{grid-template-columns:repeat(2,1fr)}
}

.kutia-page-products .git{--acc:#30EFA6}