/* /inovvity_website/static/src/css/style.css */
 @property --ang{syntax: "<angle>"; inherits: false; initial-value: 0deg;}*, *::before, *::after{box-sizing: border-box;}html{scroll-behavior: smooth; scroll-padding-top: 96px; -webkit-text-size-adjust: 100%;}body{margin: 0; background: var(--bg); color: var(--text); font: 400 16px/1.65 "Jakarta", system-ui, -apple-system, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased; overflow-x: clip;}img{display: block; max-width: 100%;}a{color: inherit; text-decoration: none;}h1, h2, h3, h4{margin: 0; color: var(--heading); font-family: var(--display); font-weight: 700; letter-spacing: -.025em; font-optical-sizing: auto; line-height: inherit;}p{margin: 0;}ul, ol{margin: 0; padding: 0; list-style: none;}.i{width: 1em; height: 1em; flex: none;}:focus-visible{outline: 2px solid var(--cyan); outline-offset: 3px; border-radius: 6px;}:where(.wrap){width: 100%; max-width: 1288px; margin: 0 auto; padding: 0 24px;}.skip{position: fixed; left: 16px; top: -60px; z-index: 100; background: #fff; color: var(--heading); padding: 10px 16px; border-radius: 10px; font-weight: 600;}.skip:focus{top: 12px;}.link{display: inline-flex; align-items: center; gap: 8px; color: var(--acc-text); font-weight: 700; margin-top: 22px;}.link .i{transition: translate .25s var(--ease);}.link:hover .i{translate: 4px 0;}.hero{position: relative; isolation: isolate; color: #fff; overflow: clip; padding: calc(var(--nav-h) + 76px) 0 120px; background: linear-gradient(180deg, var(--night) 0%, var(--navy-2) 58%, #2A1466 100%);}.hero-bg{position: absolute; inset: 0; z-index: -1; overflow: hidden; pointer-events: none;}.halo{position: absolute; width: 620px; aspect-ratio: 1; border-radius: 50%; animation: halo-drift 16s var(--ease) infinite alternate; will-change: transform;}.halo.a{background: radial-gradient(circle, rgba(109, 40, 217, .42), transparent 64%); top: -200px; left: -12%;}.halo.b{background: radial-gradient(circle, rgba(167, 139, 250, .3), transparent 64%); top: -40px; right: -14%; animation-duration: 19s; animation-delay: -6s;}.halo.c{background: radial-gradient(circle, rgba(109, 40, 217, .3), transparent 64%); top: 420px; left: 34%; animation-duration: 14s; animation-delay: -3s;}.grid-lines{position: absolute; inset: 0; background-image: linear-gradient(rgba(255, 255, 255, .055) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .055) 1px, transparent 1px); background-size: 56px 56px; -webkit-mask-image: radial-gradient(65% 60% at 62% 42%, #000 20%, transparent 75%); mask-image: radial-gradient(65% 60% at 62% 42%, #000 20%, transparent 75%);}.hero-g{display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); align-items: center; gap: 56px;}.hero-copy{transform: translateY(calc(var(--exit, 0) * -40px));}.ino-badge{display: inline-flex; align-items: center; gap: 10px; margin-bottom: 26px; padding: 8px 16px; border-radius: 999px; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .18); color: #E4E2F2; font-size: 14px; font-weight: 500; animation: fade-up .7s var(--eo) .1s both;}.ping{position: relative; width: 8px; height: 8px; border-radius: 50%; background: var(--cyan); flex: none;}.ping.green{background: #22C55E;}.ping::after{content: ""; position: absolute; inset: 0; border-radius: inherit; background: inherit; animation: ping 1.8s var(--ease) infinite;}.hero-t{color: #fff; font-size: clamp(2.4rem, 4vw, 3.75rem); line-height: 1.04; letter-spacing: -.035em; font-weight: 700;}.w{display: inline-block; overflow: hidden; vertical-align: top; padding: .08em 0 .14em; margin: -.08em 0 -.14em;}.wi{display: inline-block; animation: word-up 1.1s var(--eo) calc(.25s + var(--w, 0) * 75ms) both;}.hl{background: linear-gradient(90deg, var(--cyan), #C4B5FD, var(--cyan), #C4B5FD, var(--cyan)) 0 0 / 200% 100%; -webkit-background-clip: text; background-clip: text; color: transparent; animation: word-up 1.1s var(--eo) calc(.25s + var(--w, 0) * 75ms) both, gradient-slide 6s linear infinite;}.hero-p{max-width: 600px; margin: 24px 0 34px; color: #D4D2E6; font-size: 18px; line-height: 1.7; animation: fade-up .8s var(--eo) 1.15s both;}.actions{display: flex; flex-wrap: wrap; gap: 12px;}.a1{animation: fade-up .8s var(--eo) 1.3s both;}.a2{animation: fade-up .8s var(--eo) 1.42s both;}.hero-v{position: relative; min-height: 520px; transform: translateY(calc(var(--exit, 0) * -80px)) scale(calc(1 - var(--exit, 0) * .06)); opacity: calc(1 - var(--exit, 0) * .85);}.pop{position: absolute; animation: pop-in .9s var(--eo) var(--d, 1.2s) both;}.layer{translate: calc(var(--mx, 0) * var(--z) * -1px) calc(var(--my, 0) * var(--z) * -1px); transition: translate .8s var(--eo);}.float{height: 100%; animation: float var(--fd, 6s) ease-in-out var(--fdelay, 0s) infinite alternate;}.ino-fa{--fa: 6px; --fd: 6.5s;}.ino-fb{--fa: 7px; --fd: 5.5s; --fdelay: -2s;}.ino-fc{--fa: 5px; --fd: 7s; --fdelay: -4s;}.p-orbit{--d: 1.05s; left: -6%; top: 50%; width: 112%; aspect-ratio: 1; margin-top: -56%; animation-name: pop-fade;}.p-orbit svg{position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible;}.o-ring{fill: none; stroke: rgba(167, 139, 250, .2); stroke-width: 1.2;}.o-curve{fill: none; stroke: rgba(196, 181, 253, .45); stroke-width: 1.5; stroke-dasharray: 5 9; animation: dash-flow 3.5s linear infinite;}.o-curve.b{stroke: rgba(167, 139, 250, .4); animation-duration: 5s; animation-direction: reverse;}.orbiter{position: absolute; border-radius: 50%; animation: spin 18s linear infinite;}.orbiter.a{inset: 15.5%;}.orbiter.b{inset: 6%; animation-duration: 26s; animation-direction: reverse;}.orbiter i{position: absolute; top: -5px; left: calc(50% - 5px); width: 10px; height: 10px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 0 4px rgba(167, 139, 250, .2), 0 0 18px rgba(167, 139, 250, .8);}.orbiter.b i{background: #C4B5FD; box-shadow: 0 0 0 4px rgba(196, 181, 253, .2), 0 0 18px rgba(196, 181, 253, .8);}.p-main{--d: 1.2s; top: 44px; left: 0; right: 70px; bottom: 76px;}.p-side{--d: 1.35s; right: 0; bottom: 0; width: 40%; aspect-ratio: 4 / 5;}.p-main img, .p-side img{width: 100%; height: 100%; object-fit: cover; border-radius: 24px; border: 1px solid rgba(255, 255, 255, .15); box-shadow: 0 30px 70px rgba(8, 4, 30, .55);}.p-side img{border: 6px solid #fff;}.p-chip-t{--d: 1.5s; top: 92px; left: -30px;}.p-chip-b{--d: 1.62s; bottom: 34px; left: 22px;}.p-status{--d: 1.74s; top: 14px; right: 16px;}.p-api{--d: 1.86s; top: 50%; left: -44px;}.chip{display: flex; align-items: center; gap: 12px; padding: 12px 18px 12px 12px; border-radius: 16px; background: #fff; color: #4A5068; font-size: 13px; line-height: 1.35; white-space: nowrap; box-shadow: 0 18px 40px rgba(8, 4, 30, .3);}.chip strong{display: block; color: #0F172A; font-size: 14px;}.chip-ic{display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; background: #EEE8FF; color: #6D28D9; font-size: 22px;}.status{display: flex; align-items: center; gap: 10px; padding: 10px 16px; border-radius: 999px; white-space: nowrap; background: rgba(3, 6, 28, .9); border: 1px solid rgba(167, 139, 250, .35); color: #EDE9FE; font-size: 13px; font-weight: 600; box-shadow: 0 18px 40px rgba(8, 4, 30, .4);}.status .dots{display: flex; gap: 4px;}.status .dots i{width: 6px; height: 6px; border-radius: 50%; background: var(--cyan); animation: typing-dot 1.2s var(--ease) infinite;}.status .dots i:nth-child(2){animation-delay: .15s;}.status .dots i:nth-child(3){animation-delay: .3s;}.typed{display: inline-block;}.status.run .typed{animation: type 1s steps(20) both;}.status .i{color: #4ADE80; font-size: 16px;}.status.run .i{animation: fade-in .3s 1s both;}.api{display: flex; align-items: center; gap: 8px; padding: 9px 14px; border-radius: 999px; white-space: nowrap; background: rgba(3, 6, 28, .88); border: 1px solid rgba(255, 255, 255, .2); box-shadow: 0 18px 40px rgba(8, 4, 30, .4); color: #EDE9FE; font-size: 13px; font-weight: 600;}.api .i{color: var(--cyan); font-size: 16px;}.sec{padding: 112px 0; position: relative;}.tint{background: var(--alt);}.head{margin-bottom: 56px;}.head.c{max-width: 780px; margin-inline: auto; text-align: center;}.head.split{display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; margin-bottom: 48px;}.head.split h2{max-width: 680px;}.eyebrow{margin-bottom: 14px; color: var(--acc-text); font-size: 13px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;}.sec h2, .cta h2{font-size: clamp(1.9rem, 3.2vw, 2.75rem); line-height: 1.15;}.head p:not(.eyebrow){margin-top: 16px; font-size: 17.5px;}.reveal{transition: opacity .6s var(--eo), transform .6s var(--eo); transition-delay: calc(var(--i, 0) * 70ms);}.io .reveal:not(.is-visible){opacity: 0; transform: translateY(24px);}.poles{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px;}.pole{position: relative; display: flex; flex-direction: column; padding: 32px; border-radius: 24px; background: var(--surface); border: 1px solid var(--line); transition: opacity .9s var(--eo), transform .9s var(--eo), filter .9s var(--eo), translate .56s var(--eo), box-shadow .56s var(--eo), border-color .25s;}.pole::before{content: ""; position: absolute; inset: -1px; padding: 1.5px; border-radius: inherit; pointer-events: none; opacity: 0; transition: opacity .25s; background: conic-gradient(from var(--ang), transparent 0 55%, var(--cyan) 72%, var(--blue) 88%, transparent); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude;}.pole:hover{translate: 0 -8px; border-color: transparent; box-shadow: 0 28px 60px rgba(109, 40, 217, .18);}.pole:hover::before{opacity: 1; animation: border-spin 6s linear infinite;}.pole-top{display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; min-height: 96px;}.pole-ic{display: grid; place-items: center; width: 56px; height: 56px; border-radius: 16px; background: var(--soft); color: var(--acc); font-size: 28px;}.pole h3{margin: 24px 0 6px; font-size: 22px;}.pole-p{margin-bottom: 22px; font-size: 15.5px;}.pole-list{display: grid; gap: 10px; margin-top: auto;}.pole-list li{padding: 14px 18px; border-radius: 14px; background: var(--alt);}.pole-list b{display: block; color: var(--heading); font-size: 15px; font-weight: 700;}.pole-list small{display: block; font-size: 14px; color: var(--text);}.pole.accent{background: linear-gradient(160deg, #3B1D8F, var(--navy)); border-color: transparent; color: #D4D2E6;}.pole.accent h3, .pole.accent .pole-list b{color: #fff;}.pole.accent .pole-p, .pole.accent .pole-list small{color: #B4B1CC;}.pole.accent .pole-ic{background: var(--cyan); color: var(--navy);}.pole.accent .pole-list li{background: rgba(255, 255, 255, .06);}.art{position: relative; flex: none; width: 180px; height: 96px;}.art-browser{border: 1px solid var(--line); border-radius: 12px; background: var(--alt); overflow: hidden;}.bbar{display: flex; align-items: center; gap: 4px; height: 18px; padding: 0 8px; background: var(--alt-2);}.bbar i{width: 6px; height: 6px; border-radius: 50%; background: var(--line-strong);}.bbar b{flex: 1; height: 6px; margin-left: 6px; border-radius: 3px; background: var(--surface);}.bbody{display: grid; gap: 5px; padding: 8px;}.sk-hero{height: 22px; border-radius: 6px; background: linear-gradient(90deg, rgba(109, 40, 217, .32), rgba(167, 139, 250, .32)); animation: shimmer 2.4s var(--ease) infinite;}.sk-line{width: 80%; height: 5px; border-radius: 3px; background: var(--line-strong); animation: shimmer 2.4s var(--ease) .3s infinite;}.sk-line.short{width: 50%; animation-delay: .6s;}.sk-cards{display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px;}.sk-cards i{height: 14px; border-radius: 4px; background: var(--line); animation: shimmer 2.4s var(--ease) infinite;}.sk-cards i:nth-child(2){animation-delay: .2s;}.sk-cards i:nth-child(3){animation-delay: .4s;}.art-notif .bars{position: absolute; right: 0; bottom: 0; display: flex; align-items: flex-end; gap: 6px; width: 132px; height: 72px;}.art-notif .bars i{flex: 1; height: var(--h); border-radius: 4px 4px 0 0; background: linear-gradient(180deg, var(--cyan), var(--blue)); opacity: .85; transform-origin: bottom; animation: grow 3.2s var(--ease) var(--d) infinite alternate;}.notif{position: absolute; top: 0; left: 0; display: flex; align-items: center; gap: 6px; padding: 6px 11px; border-radius: 999px; background: var(--surface); border: 1px solid var(--line); box-shadow: 0 8px 22px rgba(10, 16, 51, .12); color: var(--heading); font-size: 11.5px; font-weight: 700; white-space: nowrap; animation: notif 4.5s var(--ease) infinite;}.notif .i{color: #16A34A; font-size: 14px;}.art-chip svg{position: absolute; inset: 0; width: 100%; height: 100%;}.art-chip path{fill: none; stroke: rgba(255, 255, 255, .22); stroke-width: 2;}.art-chip .core{fill: #24145C; stroke: var(--cyan); stroke-width: 1.5;}.art-chip .core-in{fill: var(--cyan); animation: shimmer 2s var(--ease) infinite;}.art-chip i{position: absolute; top: 0; left: 0; width: 6px; height: 6px; margin: -3px 0 0 -3px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 10px var(--cyan); offset-rotate: 0deg; animation: travel 2.2s linear infinite;}.art-flow{display: flex; align-items: center; justify-content: flex-end;}.art-flow i{display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; border: 2px solid var(--line-strong); background: var(--surface); color: #fff; font-size: 18px; animation: lit 3.6s var(--ease) var(--d) infinite;}.art-flow b{width: 26px; height: 2px; background: repeating-linear-gradient(90deg, var(--line-strong) 0 4px, transparent 4px 8px);}.extra{display: grid; gap: 20px; margin-top: 24px; padding: 28px 32px; border: 1.5px dashed var(--line-strong); border-radius: 24px; background: var(--alt);}.extra h3{font-size: 20px;}.extra p{margin-top: 4px; font-size: 15px;}.extra ul{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px;}.extra li{display: flex; align-items: center; justify-content: center; gap: 8px; white-space: nowrap; padding: 10px 16px; border-radius: 999px; border: 1px solid var(--line); background: var(--surface); color: var(--heading); font-size: 14.5px; font-weight: 600;}.extra li .i{color: var(--acc); font-size: 18px;}.work-g{display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 24px;}.wcard{grid-column: span var(--span); display: flex; flex-direction: column; overflow: hidden; border-radius: 24px; background: var(--surface); border: 1px solid var(--line); transition: opacity .9s var(--eo), transform .9s var(--eo), filter .9s var(--eo), translate .56s var(--eo), box-shadow .56s var(--eo);}.wcard:hover{translate: 0 -6px; box-shadow: 0 28px 60px rgba(10, 16, 51, .14);}.wmedia{position: relative; height: 300px; overflow: hidden; background: var(--navy-2);}.wmedia img{width: 100%; height: 116%; object-fit: cover; transition: scale .8s var(--eo);}.wcard:hover .wmedia img{scale: 1.05;}.wbody{padding: 22px 26px 28px;}.tag{display: inline-block; padding: 5px 12px; border-radius: 999px; background: var(--soft); color: var(--acc-text); font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;}.wbody h3{margin: 12px 0 6px; font-size: 22px;}.wbody p{font-size: 15.5px;}.note{margin-top: 28px; text-align: center; color: var(--muted); font-size: 14px;}@supports (animation-timeline: view()){.wmedia img{animation: drift linear both; animation-timeline: view();}}.eco{display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); align-items: center; gap: 48px;}.eco-ctl{display: grid; gap: 10px;}.ctl{display: flex; align-items: center; gap: 14px; min-height: 58px; padding: 9px 18px 9px 9px; border-radius: 18px; border: 1px solid var(--line); background: var(--surface); color: var(--heading); font: inherit; font-size: 16px; font-weight: 700; text-align: start; cursor: pointer; transition: translate .25s var(--ease), border-color .25s var(--ease), background-color .2s, box-shadow .25s var(--ease);}.ctl:hover{border-color: var(--line-strong); translate: 4px 0;}.ctl:active{scale: .98;}.ctl[aria-pressed="true"]{border-color: var(--acc); background: var(--soft); box-shadow: 0 12px 30px rgba(109, 40, 217, .16);}.ctl-ic{display: grid; place-items: center; width: 40px; height: 40px; flex: none; border-radius: 12px; background: var(--alt); color: var(--acc); font-size: 21px; transition: background-color .25s, color .25s;}.ctl[aria-pressed="true"] .ctl-ic{background: var(--blue); color: #fff;}.eco-detail{display: grid; gap: 6px; min-height: 118px; margin-top: 8px; padding: 20px 22px; border-radius: 18px; background: var(--alt); font-size: 15.5px; line-height: 1.6;}.eco-detail strong{color: var(--heading);}.eco-detail span{animation: detail-in .5s var(--eo) both;}.eco-map{width: 100%; height: auto; overflow: visible; font-weight: 700;}.link{fill: none; stroke: var(--line-strong); stroke-width: 2; transition: stroke .25s;}.link[data-active]{stroke-width: 3; stroke-dasharray: 8 8; animation: dash 1.2s linear infinite;}.ring{fill: none; stroke: var(--cyan); stroke-opacity: .45; stroke-width: 2; transform-box: fill-box; transform-origin: center; animation: core-pulse 2.8s var(--ease) infinite;}.ring.r2{animation-delay: 1.4s;}.disc{fill: var(--navy-2);}.core text{fill: #fff; font-size: 15px;}.node{cursor: pointer;}.node rect{fill: var(--surface); stroke: var(--line-strong); stroke-width: 1.5; transition: fill .25s, stroke .25s;}.node text{fill: var(--heading); font-size: 14px; transition: fill .25s;}.node:hover rect{stroke: var(--blue);}.node[data-active] rect{fill: var(--blue); stroke: var(--blue);}.node[data-active] text{fill: #fff;}.steps{display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 24px;}.steps li{position: relative;}.num{position: relative; z-index: 1; display: grid; place-items: center; width: 46px; height: 46px; border-radius: 50%; background: var(--navy); color: #fff; font-size: 15px; font-weight: 700; transition: background-color .5s calc(.3s + var(--i) * .35s), box-shadow .5s calc(.3s + var(--i) * .35s);}.steps.is-visible .num{background: var(--blue); box-shadow: 0 0 0 6px rgba(109, 40, 217, .14);}.line{position: absolute; top: 22px; left: 54px; right: -16px; height: 2px; background: var(--line-strong);}.line::after{content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, var(--blue), var(--cyan)); transform: scaleX(0); transform-origin: left; transition: transform .9s var(--eo) calc(.45s + var(--i) * .35s);}.steps.is-visible .line::after{transform: scaleX(1);}.steps li:last-child .line{display: none;}.steps h3{margin: 22px 0 8px; font-size: 19px;}.steps p{font-size: 15px;}.dark{background: var(--navy); color: #C9C6DD; overflow: clip; isolation: isolate; box-shadow: inset 0 1px 0 var(--line), inset 0 -1px 0 var(--line);}.dark .halo.b{top: auto; bottom: -260px; right: -10%;}.dark h2, .dark h3{color: #fff;}.dark .eyebrow{color: var(--cyan);}.why-g{display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); align-items: center; gap: 64px;}.why-intro p:not(.eyebrow){margin: 18px 0 32px; font-size: 17px; max-width: 480px;}.why-cards{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px;}.why{padding: 28px; border-radius: 22px; border: 1px solid rgba(255, 255, 255, .12); background: rgba(255, 255, 255, .04); transition: opacity .9s var(--eo), transform .9s var(--eo), filter .9s var(--eo), translate .4s var(--eo), border-color .25s, background-color .25s;}.why:hover{translate: 0 -4px; border-color: rgba(167, 139, 250, .45); background: rgba(255, 255, 255, .07);}.why .n{color: var(--cyan); font-size: 14px; font-weight: 700;}.why h3{margin: 14px 0 8px; font-size: 18.5px;}.why p{font-size: 15px; color: #B4B1CC;}.faq-g{display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); align-items: start; gap: 64px;}.faq-intro{position: sticky; top: 112px;}.faq-intro p:not(.eyebrow){margin-top: 18px; font-size: 17px;}.faq-intro p a{color: var(--acc-text); font-weight: 600;}.qa{margin-bottom: 12px; border-radius: 18px; border: 1px solid var(--line); background: var(--surface); transition: border-color .25s, box-shadow .25s;}.qa[open]{border-color: var(--line-strong); box-shadow: 0 14px 34px rgba(10, 16, 51, .07);}.qa summary{display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 24px; cursor: pointer; list-style: none; color: var(--heading); font-size: 16.5px; font-weight: 700;}.qa summary::-webkit-details-marker{display: none;}.pm{position: relative; width: 16px; height: 16px; flex: none;}.pm::before, .pm::after{content: ""; position: absolute; left: 0; top: 7px; width: 16px; height: 2px; border-radius: 2px; background: var(--blue); transition: transform .35s var(--eo);}.pm::after{transform: rotate(90deg);}.qa[open] .pm::after{transform: rotate(0);}.qa::details-content{block-size: 0; overflow: hidden; transition: block-size .45s var(--eo), content-visibility .45s allow-discrete;}.qa[open]::details-content{block-size: auto;}.ans{padding: 0 24px 22px; font-size: 15.5px;}.cta-sec{background: linear-gradient(180deg, var(--bg) 50%, var(--navy) 50%);}.cta{position: relative; isolation: isolate; overflow: hidden; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); align-items: center; gap: 56px; padding: 72px 64px; border-radius: 36px; color: #D4D2E6; background: linear-gradient(140deg, #2A1466 0%, #160E3D 45%, #0A0E1F 100%); box-shadow: 0 40px 90px rgba(42, 20, 102, .35), inset 0 1px 0 rgba(255, 255, 255, .08);}.cta-bg{position: absolute; inset: 0; z-index: -1; pointer-events: none;}.cta-bg .halo.a{width: 520px; top: -240px; left: -160px; background: radial-gradient(circle, rgba(139, 92, 246, .45), transparent 64%);}.cta-bg .halo.b{width: 560px; bottom: -300px; right: -140px; top: auto; background: radial-gradient(circle, rgba(196, 181, 253, .28), transparent 64%);}.cta-bg .grid-lines{-webkit-mask-image: radial-gradient(60% 70% at 85% 40%, #000 10%, transparent 70%); mask-image: radial-gradient(60% 70% at 85% 40%, #000 10%, transparent 70%);}.cta h2{color: #fff; font-size: clamp(2.1rem, 3.8vw, 3.2rem); line-height: 1.08;}.cta .eyebrow{color: #C4B5FD;}.cta-lead{max-width: 520px; margin: 18px 0 34px; font-size: 18px;}.cta-actions{display: flex; flex-wrap: wrap; gap: 12px;}.ino-btn-ghost{background: rgba(255, 255, 255, .06); border-color: rgba(255, 255, 255, .22); color: #fff; font: inherit; font-weight: 700; font-size: 15.5px; cursor: pointer;}.ino-btn-ghost:hover{background: rgba(255, 255, 255, .12); border-color: rgba(255, 255, 255, .5);}.ino-btn-ghost.done{border-color: #4ADE80;}.ino-btn-ghost.done .i{color: #4ADE80;}.cta-info{display: flex; flex-wrap: wrap; gap: 10px; margin-top: 36px;}.cta-info li{position: relative; display: flex; align-items: center; gap: 10px; padding: 7px 14px 7px 7px; border-radius: 16px; background: rgba(255, 255, 255, .05); border: 1px solid rgba(255, 255, 255, .1);}.cta-info .ic{display: grid; place-items: center; width: 30px; height: 30px; border-radius: 11px; background: rgba(196, 181, 253, .14); color: #C4B5FD; font-size: 19px;}.cta-info b{position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap;}.cta-info a, .cta-info span{font-size: 14.5px; color: #fff; font-weight: 600;}.cta-info a:hover{color: #C4B5FD;}.next{padding: 34px; border-radius: 28px; background: rgba(255, 255, 255, .06); border: 1px solid rgba(255, 255, 255, .12); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);}.next h3{color: #fff; font-size: 21px; margin-bottom: 26px;}.next ol{display: grid; gap: 26px;}.next li{position: relative; display: grid; grid-template-columns: 46px 1fr; gap: 16px; opacity: 0; transform: translateX(16px); transition: opacity .7s var(--eo), transform .7s var(--eo); transition-delay: calc(.35s + var(--i) * .18s);}.next li:not(:last-child)::before{content: ""; position: absolute; left: 22px; top: 52px; bottom: -22px; width: 2px; border-radius: 2px; background: linear-gradient(180deg, rgba(196, 181, 253, .6), rgba(196, 181, 253, .08));}.cta.is-visible .next li, html:not(.io) .next li{opacity: 1; transform: none;}.nx-ic{display: grid; place-items: center; width: 46px; height: 46px; border-radius: 14px; background: linear-gradient(140deg, #6D28D9, #8B5CF6); color: #fff; font-size: 22px; box-shadow: 0 10px 24px rgba(109, 40, 217, .45);}.next b{display: block; color: #fff; font-size: 16.5px; margin-top: 2px;}.next p{margin-top: 4px; font-size: 14.5px; color: #C9C6DD;}@keyframes fade-up{from{opacity: 0; transform: translateY(18px);}}@keyframes fade-in{from{opacity: 0;}}@keyframes word-up{from{transform: translateY(105%);}}@keyframes gradient-slide{to{background-position: -200% 0;}}@keyframes ping{0%{opacity: .75; transform: scale(1);}80%, 100%{opacity: 0; transform: scale(2.6);}}@keyframes halo-drift{0%{transform: translate(0, 0) scale(1);}50%{transform: translate(48px, 32px) scale(1.08);}100%{transform: translate(-36px, 18px) scale(.95);}}@keyframes pop-in{from{opacity: 0; transform: translateY(30px) scale(.94);}}@keyframes pop-fade{from{opacity: 0; transform: scale(.9);}}@keyframes float{from{transform: translateY(calc(var(--fa) * -1));}to{transform: translateY(var(--fa));}}@keyframes dash-flow{to{stroke-dashoffset: -56px;}}@keyframes spin{to{transform: rotate(360deg);}}@keyframes typing-dot{0%, 60%, 100%{opacity: .45; transform: none;}30%{opacity: 1; transform: translateY(-3px);}}@keyframes type{from{clip-path: inset(0 100% 0 0);}to{clip-path: inset(0 0 0 0);}}@keyframes border-spin{to{--ang: 360deg;}}@keyframes shimmer{0%, 100%{opacity: .55;}50%{opacity: 1;}}@keyframes grow{from{transform: scaleY(.4);}to{transform: scaleY(1);}}@keyframes notif{0%{opacity: 0; transform: translateY(-10px) scale(.96);}12%, 70%{opacity: 1; transform: none;}85%, 100%{opacity: 0; transform: translateY(-4px);}}@keyframes travel{0%{offset-distance: 0%; opacity: 0;}15%, 85%{opacity: 1;}100%{offset-distance: 100%; opacity: 0;}}@keyframes lit{0%, 12%{background: var(--surface); border-color: var(--line-strong);}22%, 78%{background: var(--blue); border-color: var(--acc); box-shadow: 0 0 0 5px rgba(109, 40, 217, .14);}90%, 100%{background: var(--surface); border-color: var(--line-strong);}}@keyframes drift{from{translate: 0 0;}to{translate: 0 -13%;}}@keyframes detail-in{from{opacity: 0; transform: translateY(8px);}}@keyframes dash{to{stroke-dashoffset: -32px;}}@keyframes core-pulse{0%{opacity: 1; transform: scale(.85);}100%{opacity: 0; transform: scale(1.35);}}.pos .halo.a{top: -260px; left: auto; right: -18%;}.pos .grid-lines{-webkit-mask-image: radial-gradient(50% 60% at 78% 50%, #000 10%, transparent 70%); mask-image: radial-gradient(50% 60% at 78% 50%, #000 10%, transparent 70%);}.pos-g{display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: 72px;}.pos-lead{margin: 18px 0 24px; font-size: 17px; max-width: 540px; text-wrap: pretty;}.pos-for{display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 28px;}.pos-for li{padding: 7px 14px; border-radius: 999px; border: 1px solid rgba(196, 181, 253, .28); background: rgba(139, 92, 246, .12); color: #E4DEFF; font-size: 13.5px; font-weight: 600;}.pos-feats{display: grid; gap: 16px; margin-bottom: 36px;}.pos-feats li{display: flex; gap: 14px; align-items: flex-start; font-size: 15px; line-height: 1.55;}.pos-feats .i{margin-top: 2px; padding: 5px; width: 26px; height: 26px; border-radius: 8px; background: rgba(167, 139, 250, .16); color: var(--cyan);}.pos-feats b{display: block; color: #fff; font-size: 15.5px;}.pos-v{position: relative; padding: 64px 0 48px;}.pos-term{position: relative; border-radius: 22px; background: #fff; color: #4A5068; box-shadow: 0 40px 90px rgba(4, 2, 20, .55), 0 0 0 8px rgba(255, 255, 255, .06); overflow: hidden;}.pos-bar{display: flex; align-items: center; justify-content: space-between; padding: 14px 18px; background: #F4F1FD; border-bottom: 1px solid #E7E5F2; color: #0F172A; font-size: 13px; font-weight: 700;}.pos-bar > span{display: inline-flex; align-items: center; gap: 8px;}.pos-bar .i{color: #6D28D9; font-size: 17px;}.pos-on{color: #15803D; font-weight: 600;}.pos-on i{width: 7px; height: 7px; border-radius: 50%; background: #22C55E; box-shadow: 0 0 0 3px rgba(34, 197, 94, .2);}.pos-body{display: grid; grid-template-columns: 1.15fr 1fr;}.pos-grid{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; padding: 18px; align-content: start;}.pos-grid b{display: grid; place-items: end start; min-height: 64px; padding: 10px 12px; border-radius: 12px; background: #F7F5FD; border: 1px solid #ECE8F8; color: #0F172A; font-size: 12.5px; font-weight: 700;}.pos-grid b.hot{background: linear-gradient(150deg, #EEE8FF, #F7F5FD); border-color: #D9CFFB;}.pos-ticket{display: flex; flex-direction: column; gap: 10px; padding: 18px; border-left: 1px dashed #DCD7EE; font-size: 12.5px; font-variant-numeric: tabular-nums;}.pos-ticket p{display: flex; justify-content: space-between; gap: 8px;}.pos-ticket p span:last-child{color: #0F172A; font-weight: 600;}.pos-total{margin-top: auto; padding-top: 12px; border-top: 1px solid #E7E5F2; color: #0F172A; font-size: 15px; font-weight: 800;}.pos-pay{display: block; padding: 11px; border-radius: 12px; background: linear-gradient(135deg, #6D28D9, #7C3AED); color: #fff; text-align: center; font-weight: 700; animation: pos-pay 3.6s var(--ease) infinite;}.pos-c1, .pos-c2{position: absolute; z-index: 2;}.pos-c1{top: 0; right: 28px; animation: pos-chip 7s var(--ease) infinite;}.pos-c2{bottom: 4px; left: -24px; animation: pos-chip 7s var(--ease) -3.5s infinite;}.pos-c1 .chip-ic{background: #DCFCE7; color: #15803D;}@keyframes pos-pay{0%, 70%, 100%{box-shadow: 0 0 0 0 rgba(124, 58, 237, .45);}85%{box-shadow: 0 0 0 10px rgba(124, 58, 237, 0);}}@keyframes pos-chip{0%, 100%{transform: translateY(0);}50%{transform: translateY(-8px);}}@media (max-width: 1099px){.cta{grid-template-columns: 1fr; gap: 40px; padding: 56px 40px;}.hero-g{grid-template-columns: 1fr; gap: 64px;}.hero-v{width: 100%; max-width: 620px; margin: 0 auto;}.eco{grid-template-columns: 1fr; gap: 32px;}.eco-map{order: -1; max-width: 640px; margin: 0 auto;}.eco-ctl{grid-template-columns: repeat(2, minmax(0, 1fr));}.eco-detail{grid-column: 1 / -1;}.why-g, .faq-g, .pos-g{grid-template-columns: 1fr; gap: 48px;}.pos-v{max-width: 560px; width: 100%; margin: 0 auto;}.faq-intro{position: static;}}@media (max-width: 899px){.poles{grid-template-columns: 1fr;}.work-g{grid-template-columns: 1fr;}.wcard{grid-column: auto;}.wmedia{height: 260px;}.steps{grid-template-columns: 1fr; gap: 28px;}.steps li{padding-left: 70px; min-height: 46px;}.num{position: absolute; left: 0; top: 0;}.line{top: 54px; bottom: -22px; left: 22px; right: auto; width: 2px; height: auto;}.line::after{background: linear-gradient(180deg, var(--blue), var(--cyan)); transform: scaleY(0); transform-origin: top;}.steps.is-visible .line::after{transform: scaleY(1);}.steps h3{margin-top: 10px;}.extra ul{grid-template-columns: repeat(2, minmax(0, 1fr));}.head.split{flex-direction: column; align-items: flex-start;}}@media (max-width: 640px){.cta{padding: 44px 22px; border-radius: 28px;}.next{padding: 26px 20px;}.cta-actions .ino-btn{width: 100%; justify-content: center;}.wrap{padding: 0 20px;}.sec{padding: 84px 0;}.hero{padding: calc(var(--nav-h) + 48px) 0 96px;}.hero-p{font-size: 16.5px;}.hero-v{min-height: 380px;}.p-main{top: 40px; right: 40px; bottom: 70px;}.p-side{width: 42%;}.p-chip-t{top: 0; left: 0;}.p-chip-b{bottom: 12px; left: 0;}.p-status{top: auto; bottom: 46%; right: 0;}.p-api, .eco-map{display: none;}.chip{padding: 9px 14px 9px 9px; font-size: 12px;}.chip-ic{width: 34px; height: 34px; font-size: 19px;}.pole{padding: 24px;}.pole-top{min-height: 0;}.art{transform: scale(.84); transform-origin: top right; margin-left: -29px;}.eco-ctl{grid-template-columns: 1fr;}.why-cards{grid-template-columns: 1fr;}.pos-body{grid-template-columns: 1fr;}.pos-ticket{border-left: 0; border-top: 1px dashed #DCD7EE;}.pos-grid b{min-height: 48px;}.pos-c1{right: 0;}.pos-c2{left: 0;}.pos .ino-btn{width: 100%; justify-content: center;}}@media (max-width: 400px){.extra ul{grid-template-columns: 1fr;}.extra li{justify-content: flex-start;}.art{display: none;}.actions .ino-btn{width: 100%; justify-content: center;}}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto;}*, *::before, *::after{animation-duration: .01ms !important; animation-iteration-count: 1 !important; animation-delay: 0s !important; transition-duration: .01ms !important; transition-delay: 0s !important;}.wmedia img{animation: none !important;}}.nf .hero{min-height: 100vh; display: grid; align-items: center; padding: 64px 0;}.nf-in{display: grid; justify-items: start; gap: 4px;}.nf .logo{margin-bottom: 56px;}.nf-code{font-family: var(--display); font-size: clamp(5rem, 14vw, 10rem); font-weight: 800; line-height: .9; letter-spacing: -.05em; background: linear-gradient(120deg, #C4B5FD, #8B5CF6); -webkit-background-clip: text; background-clip: text; color: transparent;}[tabindex="-1"]:focus{outline: none;}

/* /inovvity_website/static/src/css/contact.css */
 .c-hero{padding: calc(var(--nav-h) + 72px) 0 200px;}.c-hero .ino-badge{margin-bottom: 22px;}.c-title{max-width: 820px; font-size: clamp(2.4rem, 4.6vw, 4rem);}.c-hero .hero-p{max-width: 640px; animation-delay: .45s;}.c-hero .grid-lines{-webkit-mask-image: radial-gradient(60% 70% at 78% 30%, #000 15%, transparent 75%); mask-image: radial-gradient(60% 70% at 78% 30%, #000 15%, transparent 75%);}.c-body{position: relative; z-index: 1; padding-bottom: 112px;}.c-grid-main{display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, .7fr); align-items: start; gap: 24px; margin-top: -136px;}.c-card{padding: 40px; border-radius: 28px; background: var(--surface); border: 1px solid var(--line); box-shadow: 0 40px 90px rgba(10, 16, 51, .16); animation: pop-in .8s var(--eo) .35s both;}.c-fields{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 18px;}.c-field{display: grid; gap: 8px;}.c-wide, .c-submit{grid-column: 1 / -1;}.c-card .s_website_form_label{color: var(--heading); font-size: 14.5px; font-weight: 700;}.c-card .s_website_form_mark{color: var(--acc-text);}.c-card .form-control{width: 100%; min-height: 54px; padding: 14px 18px; border-radius: 16px; border: 1.5px solid var(--line-strong); background: var(--alt); color: var(--heading); font: inherit; font-size: 15.5px; box-shadow: none; transition: border-color .25s, background-color .25s, box-shadow .25s var(--ease);}.c-card textarea.form-control{min-height: 160px; resize: vertical;}.c-card .form-control::placeholder{color: var(--muted); opacity: 1;}.c-card .form-control:hover{border-color: var(--acc);}.c-card .form-control:focus{outline: none; border-color: var(--acc); background: var(--surface); box-shadow: 0 0 0 5px rgba(109, 40, 217, .14);}.c-card .form-control.is-invalid{border-color: #E11D48; background-image: none; box-shadow: 0 0 0 5px rgba(225, 29, 72, .1);}.c-submit{display: flex; flex-wrap: wrap; align-items: center; gap: 16px; margin-top: 6px;}.c-submit .ino-btn.disabled{opacity: .7; pointer-events: none;}#s_website_form_result{font-size: 14.5px; font-weight: 600;}#s_website_form_result.text-danger{color: #E11D48 !important;}.c-done{display: grid; justify-items: start; gap: 12px; padding: 12px 0; animation: detail-in .6s var(--eo) both;}.c-done-ic{display: grid; place-items: center; width: 64px; height: 64px; border-radius: 20px; background: var(--soft); color: var(--acc); font-size: 34px;}.c-done h2{margin-top: 8px; font-size: clamp(1.7rem, 2.6vw, 2.2rem); line-height: 1.15;}.c-done p{max-width: 460px; font-size: 16.5px;}.c-done .ino-btn{margin-top: 12px;}.c-side{position: relative; isolation: isolate; overflow: hidden; display: grid; gap: 28px; padding: 34px; border-radius: 28px; color: #D4D2E6; background: linear-gradient(150deg, #2A1466 0%, #160E3D 50%, #0A0E1F 100%); box-shadow: 0 40px 90px rgba(42, 20, 102, .3), inset 0 1px 0 rgba(255, 255, 255, .08); animation: pop-in .8s var(--eo) .5s both;}.c-side .cta-bg .halo.a{width: 420px; top: -200px; right: -160px; left: auto; background: radial-gradient(circle, rgba(139, 92, 246, .45), transparent 64%);}.c-side .next{padding: 0; border: 0; background: none; backdrop-filter: none; -webkit-backdrop-filter: none;}.c-side .next li{opacity: 1; transform: none; animation: c-step .6s var(--eo) calc(.75s + var(--i) * .12s) both;}.c-side .cta-info{margin-top: 0; padding-top: 24px; border-top: 1px solid rgba(255, 255, 255, .1);}@keyframes c-step{from{opacity: 0; transform: translateX(16px);}}@media (max-width: 1099px){.c-grid-main{grid-template-columns: 1fr;}}@media (max-width: 640px){.c-hero{padding: calc(var(--nav-h) + 48px) 0 160px;}.c-grid-main{margin-top: -112px;}.c-card{padding: 26px 20px; border-radius: 24px;}.c-fields{grid-template-columns: 1fr;}.c-submit .ino-btn{width: 100%; justify-content: center;}.c-side{padding: 26px 20px;}}.c-legal{max-width: 860px; margin-top: -136px; color: var(--text); font-size: 16.5px; line-height: 1.75;}.c-legal h2{margin: 36px 0 12px; color: var(--heading); font-size: 22px;}.c-legal p, .c-legal ul, .c-legal ol{margin: 0 0 14px;}.c-legal ul{padding-left: 22px; list-style: disc;}.c-legal ol{padding-left: 22px; list-style: decimal;}.c-legal li{margin-bottom: 8px;}.c-legal a{color: var(--acc-text); text-decoration: underline;}