.tpv{position:absolute;top:0;right:0;bottom:0;left:0;font-size:10px;color:#e8ebf2;transition:transform .6s var(--tech-ease)}.tpv-dots{display:inline-flex;gap:.4em}.tpv-dots i{width:.7em;height:.7em;border-radius:50%;background:#fff3}.tpv-logo{width:1.6em;height:1.6em;border-radius:.5em;background:linear-gradient(135deg,var(--tech-accent),var(--tech-accent-2));box-shadow:0 0 1em -.2em #2f6bffcc}.tpv-glass{border:1px solid rgba(255,255,255,.12);background:linear-gradient(160deg,#1e285ceb,#0b0f28f5);box-shadow:inset 0 1px #ffffff1f,0 2.4em 5em -2em #000000d9}.tpv-browser{position:absolute;top:9%;left:6%;width:76%;height:100%;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-bottom:0;border-radius:1.4em 1.4em 0 0;background:#0b1030;box-shadow:inset 0 1px #ffffff1f,0 3em 6em -2em #000000e6,0 0 4em -1em #2f6bff59}.tpv-browser__bar{display:flex;align-items:center;gap:1.2em;padding:.9em 1.2em;border-bottom:1px solid rgba(255,255,255,.07);background:#ffffff08}.tpv-url{display:inline-flex;align-items:center;gap:.5em;flex:1;max-width:60%;margin-inline:auto;padding:.35em 1em;border-radius:.8em;background:#ffffff0f;font-size:1em;color:#e8ebf299}.tpv-url .tech-icon{width:1.1em;height:1.1em;color:#6ee7b7}.tpv-site{display:grid;gap:1.6em;padding:1.4em 1.8em;background:radial-gradient(70% 60% at 85% 20%,rgba(124,58,237,.35),transparent 70%),radial-gradient(60% 60% at 10% 90%,rgba(47,107,255,.22),transparent 70%)}.tpv-site__nav{display:flex;align-items:center;gap:1em}.tpv-site__nav i{width:3.2em;height:.5em;border-radius:.3em;background:#ffffff38}.tpv-site__nav .tpv-logo{margin-right:auto}.tpv-site__nav b{width:5.2em;height:1.8em;border-radius:.6em;background:var(--tech-accent)}.tpv-site__nav--sm b{width:3.4em;height:1.4em}.tpv-site__hero{display:grid;grid-template-columns:1.15fr 1fr;gap:1.6em;align-items:center}.tpv-site__copy{display:grid;gap:.7em}.tpv-h{display:block;height:1.3em;border-radius:.4em;background:linear-gradient(90deg,#f1f4ff,#c9d5ff)}.tpv-h--1{width:92%}.tpv-h--2{width:64%;background:linear-gradient(90deg,#7aa2ff,#b48cff)}.tpv-p{display:block;width:88%;height:.55em;border-radius:.3em;background:#ffffff38}.tpv-p--short{width:58%}.tpv-btns{display:flex;gap:.6em;margin-top:.6em}.tpv-btns b,.tpv-btns i{width:6.4em;height:2.2em;border-radius:.7em;background:linear-gradient(135deg,#2f6bff,#5a4bff);box-shadow:0 .6em 1.6em -.6em #2f6bffe6}.tpv-btns i{width:5.4em;border:1px solid rgba(255,255,255,.2);background:#ffffff0a;box-shadow:none}.tpv-btns--full b{width:100%}.tpv-site__art{position:relative;aspect-ratio:1.15;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:1.2em;background:radial-gradient(60% 60% at 35% 35%,rgba(122,162,255,.85),transparent 70%),radial-gradient(60% 60% at 70% 75%,rgba(167,139,250,.85),transparent 70%),#15194a}.tpv-site__art span{position:absolute;top:22%;right:22%;bottom:22%;left:22%;border:1px solid rgba(255,255,255,.45);border-radius:50%;transform:rotate(-14deg) scaleY(.45)}.tpv-site__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.8em}.tpv-site__cards span{height:5.6em;border:1px solid rgba(255,255,255,.08);border-radius:.9em;background:#ffffff0a}.tpv-phone{position:absolute;right:5%;bottom:-14%;width:19%;min-width:9em;aspect-ratio:9 / 18.5;padding:.6em;border:1px solid rgba(255,255,255,.22);border-radius:2.2em;background:linear-gradient(160deg,#2a3366,#0b0f2a);box-shadow:inset 0 1px #fff3,0 3em 6em -1.6em #000000f2,0 0 3.4em -1em #7c3aed99}.tpv-phone__notch{position:absolute;top:1em;left:50%;z-index:1;width:32%;height:.9em;border-radius:1em;background:#05070f;transform:translate(-50%)}.tpv-phone__screen{display:grid;align-content:start;gap:.7em;height:100%;padding:2.4em 1em 1em;overflow:hidden;border-radius:1.7em;background:radial-gradient(80% 50% at 80% 30%,rgba(124,58,237,.4),transparent 70%),#0b1030}.tpv-phone__art{height:6em;border-radius:.9em;background:radial-gradient(60% 70% at 30% 40%,rgba(122,162,255,.9),transparent 70%),radial-gradient(60% 70% at 75% 70%,rgba(167,139,250,.9),transparent 70%),#15194a}.tpv-phone .tpv-h{height:1em}.tpv-app{position:absolute;top:8%;left:50%;display:flex;flex-direction:column;width:min(86%,38em);height:100%;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-bottom:0;border-radius:1.6em 1.6em 0 0;background:linear-gradient(170deg,#1e285cf2,#0b0f28fa 60%);box-shadow:inset 0 1px #ffffff24,0 3em 6em -2em #000000e6,0 0 4em -1em #2f6bff59;transform:translate(-50%)}.tpv-app__head{display:flex;align-items:center;gap:1em;padding:1.1em 1.4em;border-bottom:1px solid rgba(255,255,255,.07)}.tpv-avatar{display:inline-flex;align-items:center;justify-content:center;width:3em;height:3em;border-radius:1em;background:linear-gradient(135deg,var(--tech-accent),var(--tech-accent-2));box-shadow:0 .6em 1.6em -.4em #2f6bffe6;color:#fff}.tpv-avatar .tech-icon{width:1.6em;height:1.6em}.tpv-app__title{display:grid;flex:1;gap:.1em}.tpv-app__title b{font-size:1.25em}.tpv-app__title small{display:inline-flex;align-items:center;gap:.4em;font-size:1em;color:#e8ebf28c}.tpv-app__title small i{width:.6em;height:.6em;border-radius:50%;background:#c4b1fb}.tpv-chat{display:flex;flex:1;flex-direction:column;gap:.8em;padding:1.4em}.tpv-msg{max-width:82%;margin:0;padding:.8em 1.1em;border-radius:1.2em;font-size:1.12em;line-height:1.45}.tpv-msg--user{align-self:flex-end;border-bottom-right-radius:.4em;background:linear-gradient(135deg,#2f6bff,#4b5bff);color:#fff}.tpv-msg--bot{align-self:flex-start;border:1px solid rgba(255,255,255,.08);border-bottom-left-radius:.4em;background:#ffffff0f;color:#e8ebf2eb}.tpv-msg--card{display:flex;gap:.6em;padding:.7em}.tpv-slot{display:grid;gap:.1em;padding:.6em .9em;border:1px solid rgba(110,231,183,.3);border-radius:.8em;background:#34d39914}.tpv-slot b{font-size:1.05em}.tpv-slot em{font-size:.95em;font-style:normal;color:#6ee7b7}.tpv-typing{display:inline-flex;gap:.35em;padding:.6em .2em}.tpv-typing i{width:.55em;height:.55em;border-radius:50%;background:#ffffff73}.tpv-app__input{display:flex;gap:.6em;padding:0 1.4em 2em}.tpv-app__input span{flex:1;height:3em;border:1px solid rgba(255,255,255,.12);border-radius:.9em;background:#00000040}.tpv-app__input i{display:inline-flex;align-items:center;justify-content:center;width:3em;height:3em;border-radius:.9em;background:linear-gradient(135deg,#2f6bff,#5a4bff);color:#fff}.tpv-app__input .tech-icon{width:1.4em;height:1.4em}.tpv-float{position:absolute;display:inline-flex;align-items:center;gap:.7em;padding:.8em 1.2em;border:1px solid rgba(255,255,255,.16);border-radius:1.1em;background:linear-gradient(150deg,#242e68e6,#0e122eeb);box-shadow:inset 0 1px #ffffff24,0 1.6em 3.6em -1em #000000d9;font-size:1.1em;font-weight:600;white-space:nowrap}.tpv-float .tech-icon{width:1.6em;height:1.6em;color:#6ee7b7}.tpv-float--chat{right:4%;bottom:9%}.tpv-flow{position:absolute;top:8%;right:4%;bottom:16%;left:4%}.tpv-flow__lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.tpv-flow__path,.tpv-flow__pulse{fill:none;vector-effect:non-scaling-stroke}.tpv-flow__path{stroke:var(--tpv-flow-stroke, url(#tpvFlowLine));stroke-width:1.5;opacity:.55}.tpv-flow__pulse{stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-dasharray:.08 1;stroke-dashoffset:.08;filter:drop-shadow(0 0 4px rgba(122,162,255,.95));opacity:0}.tpv-node{position:absolute;display:flex;flex-direction:column;align-items:center;gap:.5em;transform:translate(-50%,-50%)}.tpv-node .tech-icon{width:4.4em;height:4.4em;padding:1.1em;border:1px solid rgba(255,255,255,.16);border-radius:1.3em;background:linear-gradient(160deg,#283882e6,#0e122ef2);box-shadow:inset 0 1px #ffffff24,0 1.2em 2.4em -1em #000c;color:#cfdbff}.tpv-node em{font-size:1.05em;font-style:normal;font-weight:600;color:#e8ebf2bf;white-space:nowrap}.tpv-node--core .tech-icon{width:6em;height:6em;padding:1.5em;border-color:#b48cff8c;background:linear-gradient(145deg,#3555d9,#5a2fc2);box-shadow:inset 0 1px #ffffff4d,0 0 0 .8em #7c3aed1f,0 0 4em -.4em #7c3aedd9;color:#fff}.tpv-node--core em{color:#fff}.tpv-flow__status{position:absolute;left:50%;bottom:-11%;display:inline-flex;align-items:center;gap:.6em;padding:.5em 1.1em;border:1px solid rgba(255,255,255,.1);border-radius:99em;background:#ffffff0d;font-size:1em;color:#e8ebf2a6;white-space:nowrap;transform:translate(-50%)}.tpv-flow__status i{width:.7em;height:.7em;border-radius:50%;background:#34d399;box-shadow:0 0 .8em #34d399}.tpv-saas{position:absolute;top:9%;left:7%;right:7%;height:100%;display:grid;grid-template-columns:4.4em minmax(0,1fr);overflow:hidden;border:1px solid rgba(255,255,255,.14);border-bottom:0;border-radius:1.4em 1.4em 0 0;background:linear-gradient(170deg,#1c2556f5,#0a0e26fa 60%);box-shadow:inset 0 1px #ffffff24,0 3em 6em -2em #000000e6,0 0 4em -1em #7c3aed59}.tpv-saas__side{display:flex;flex-direction:column;align-items:center;gap:1.2em;padding:1.2em 0;border-right:1px solid rgba(255,255,255,.06);background:#ffffff05}.tpv-saas__side i{width:1.8em;height:1.8em;border-radius:.6em;background:#ffffff14}.tpv-saas__side i.is-active{background:#2f6bff80;box-shadow:0 0 1.2em -.2em #2f6bffe6}.tpv-saas__main{display:grid;align-content:start;gap:1.1em;padding:1.2em 1.4em}.tpv-saas__top{display:flex;align-items:center;gap:.8em}.tpv-search{flex:1;max-width:50%;height:2.2em;border-radius:.7em;background:#ffffff0f}.tpv-pill{margin-left:auto;padding:.25em .8em;border:1px solid rgba(167,139,250,.45);border-radius:99em;background:#7c3aed29;font-family:var(--tech-font-mono);font-size:.95em;color:#cdbcfd}.tpv-user{width:2.2em;height:2.2em;border-radius:50%;background:linear-gradient(135deg,#7aa2ff,#b48cff)}.tpv-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8em}.tpv-kpi,.tpv-panel{display:grid;gap:.7em;padding:.9em 1em;border:1px solid rgba(255,255,255,.08);border-radius:1em;background:#ffffff09}.tpv-kpi small,.tpv-panel small{font-size:.95em;color:#e8ebf28c}.tpv-ring{width:3em;height:3em;border-radius:50%;background:conic-gradient(#7aa2ff calc(var(--p) * 1%),#ffffff14 0);-webkit-mask:radial-gradient(farthest-side,transparent 62%,#000 64%);mask:radial-gradient(farthest-side,transparent 62%,#000 64%)}.tpv-spark{display:flex;align-items:flex-end;gap:.25em;height:3em}.tpv-spark i{flex:1;border-radius:.2em;background:linear-gradient(180deg,#b48cff,#7c3aed4d)}.tpv-spark i:nth-child(1){height:40%}.tpv-spark i:nth-child(2){height:65%}.tpv-spark i:nth-child(3){height:50%}.tpv-spark i:nth-child(4){height:80%}.tpv-spark i:nth-child(5){height:60%}.tpv-spark i:nth-child(6){height:95%}.tpv-progress{align-self:end;height:.7em;margin-bottom:1em;border-radius:1em;background:#ffffff14;overflow:hidden}.tpv-progress i{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#34d399,#7aa2ff);transform:scaleX(.68);transform-origin:left}.tpv-saas__grid{display:grid;grid-template-columns:1.2fr 1fr;gap:.8em}.tpv-bars{display:flex;align-items:flex-end;gap:.4em;height:6.4em}.tpv-bars i{flex:1;border-radius:.3em .3em 0 0;background:linear-gradient(180deg,#7aa2ff,#2f6bff40);transform-origin:bottom}.tpv-bars i:nth-child(1){height:45%}.tpv-bars i:nth-child(2){height:62%}.tpv-bars i:nth-child(3){height:38%}.tpv-bars i:nth-child(4){height:74%}.tpv-bars i:nth-child(5){height:58%}.tpv-bars i:nth-child(6){height:86%}.tpv-bars i:nth-child(7){height:66%}.tpv-bars i:nth-child(8){height:92%;background:linear-gradient(180deg,#c4b2ff,#7c3aed59)}.tpv-row{display:flex;align-items:center;gap:.6em}.tpv-row b{flex:1;height:.6em;border-radius:.3em;background:#ffffff2e}.tpv-row em{padding:.15em .6em;border-radius:99em;font-size:.9em;font-style:normal}.tpv-row .is-ok{background:#2f6bff33;color:#9db8ff}.tpv-row .is-wait{background:#f59e0b29;color:#fcd34d}.tpv-row .is-done{background:#34d39926;color:#6ee7b7}@media(prefers-reduced-motion:no-preference){.tpv-typing i{animation:tpv-typing 1.2s ease-in-out infinite}.tpv-typing i:nth-child(2){animation-delay:.15s}.tpv-typing i:nth-child(3){animation-delay:.3s}.tpv-flow__pulse{animation:tpv-pulse 3.2s cubic-bezier(.45,0,.3,1) infinite}.tpv-flow__pulse--2{animation-delay:1.1s}.tpv-flow__pulse--3{animation-delay:1.3s}.tpv-flow__pulse--4{animation-delay:1.5s}.tpv-float{animation:tpv-bob 6s ease-in-out infinite}.tpv-bars i{animation:tpv-bar 5s ease-in-out infinite}.tpv-bars i:nth-child(2n){animation-delay:-1.5s}.tpv-bars i:nth-child(3n){animation-delay:-3s}.tfc.is-offscreen .tpv *,.tfc.is-offscreen .tpv *:before,.tfc.is-offscreen .tpv *:after{animation-play-state:paused!important}}@keyframes tpv-typing{0%,60%,to{opacity:.3;transform:none}30%{opacity:1;transform:translateY(-.2em)}}@keyframes tpv-pulse{0%{stroke-dashoffset:.08;opacity:0}8%{opacity:1}55%{stroke-dashoffset:-1;opacity:1}60%,to{stroke-dashoffset:-1;opacity:0}}@keyframes tpv-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-.6em)}}@keyframes tpv-bar{0%,to{transform:scaleY(1)}50%{transform:scaleY(.82)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/tech-product-visuals.css.map */