@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{font-family:Inter,system-ui,sans-serif;color:#f7f7fb;background:#02050d;font-synthesis:none;--muted:#a6acbd;--line:#20283a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 0%,#10133a 0,#02050d 36%);color:#f7f7fb}a{color:inherit;text-decoration:none}.nav{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5%;position:sticky;top:0;z-index:10;background:#02050dcc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:22px;letter-spacing:.04em}.logo-mark{width:30px;height:30px;background:linear-gradient(135deg,#a94dff,#247cff);clip-path:polygon(0 15%,75% 0,45% 33%,100% 25%,30% 100%,48% 56%,0 70%);font-size:0}.nav nav{display:flex;gap:32px;color:#c4c8d5;font-size:14px}.nav nav a:hover{color:#fff}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 22px;border:0;border-radius:8px;color:#fff;background:linear-gradient(100deg,#8d42ff,#2e77ff);font-weight:600;cursor:pointer;box-shadow:0 8px 30px #6446ff2e}.button:hover{transform:translateY(-1px)}.button-small{padding:11px 17px;font-size:13px}.button-outline{background:transparent;border:1px solid #667086;box-shadow:none}.hero{min-height:440px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:70px 5% 50px;border-bottom:1px solid var(--line);overflow:hidden}.hero-copy{max-width:650px;position:relative;z-index:2}.eyebrow{color:#9b61ff;font-size:12px;letter-spacing:.14em;font-weight:700;margin:0 0 14px}.hero h1{font-size:clamp(48px,6vw,78px);line-height:.98;letter-spacing:-.055em;margin:0 0 24px}.hero h1 em,.contact h2 em{font-style:normal;background:linear-gradient(90deg,#a34cff,#6c7bff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-text{max-width:510px;color:var(--muted);line-height:1.7;font-size:17px}.hero-actions{display:flex;gap:14px;margin-top:28px}.hero-art{height:360px;position:relative}.orb{position:absolute;width:300px;height:300px;right:20%;top:10%;border-radius:50%;background:radial-gradient(circle,#4b30a5 0,rgba(51,89,255,.12) 40%,transparent 70%);filter:blur(8px)}.e-shape{position:absolute;right:12%;top:12%;width:300px;height:260px;filter:drop-shadow(0 0 18px #7448ff)}.e-shape i{position:absolute;display:block;height:55px;width:240px;right:0;background:linear-gradient(135deg,#a34cff,#246dff);transform:skew(-28deg) rotate(-14deg);clip-path:polygon(0 15%,100% 0,82% 100%,0 78%)}.e-shape i:nth-child(1){top:0}.e-shape i:nth-child(2){top:86px;right:30px}.e-shape i:nth-child(3){top:172px;right:60px}.grid-floor{position:absolute;bottom:0;left:0;right:0;height:80px;background:radial-gradient(ellipse at center,rgba(72,89,255,.4),transparent 65%);border-radius:50%}.section{padding:62px 5%}.products{border-bottom:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.section-heading h2,.contact h2{font-size:34px;letter-spacing:-.035em;margin:0}.view-link{color:#a56cff;font-size:13px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{display:flex;flex-direction:column;min-height:396px;border:1px solid #202d43;border-radius:12px;padding:15px;background:linear-gradient(145deg,#070d18,#040914);box-shadow:inset 0 1px #ffffff09,0 16px 38px #00000024}.product-heading{display:flex;align-items:center;gap:14px;margin-bottom:16px}.product-icon{width:62px;height:62px;flex:0 0 62px;border:1px solid rgba(255,255,255,.08);border-radius:12px;display:grid;place-items:center;font-size:34px;background:#111a31}.product-icon svg{width:39px;height:39px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.product-icon.green{color:#42e58b;background:linear-gradient(135deg,#075346,#021d1a)}.product-icon.orange{color:#ffab32;background:linear-gradient(135deg,#643214,#1e1008)}.product-icon.violet{color:#ae68ff;background:linear-gradient(135deg,#402072,#160b32)}.mock-window{height:145px;border:1px solid #1e2b41;border-radius:9px;overflow:hidden;background:#070c17;margin-bottom:14px}.window-bar{height:20px;border-bottom:1px solid #1c2940;display:flex;gap:4px;padding:7px}.window-bar span{width:5px;height:5px;border-radius:50%;background:#586276}.mock-content{height:125px;padding:12px;display:flex;gap:8px;align-items:end}.mock-content.orange{background:linear-gradient(145deg,#070c1a,#0a1121)}.mock-content.orange .album{height:76px;flex:1;border-radius:4px;background:linear-gradient(135deg,#453b78,#342a6b)}.mock-content.orange .album:nth-child(2){background:linear-gradient(135deg,#c36516,#ff9d1e)}.mock-content.orange .album:nth-child(3){background:linear-gradient(135deg,#1d2555,#633bdb)}.mock-content.green{position:relative;padding-top:72px;background:linear-gradient(150deg,#0a3439,#11485e 38%,#0d172a 68%)}.summon-banner{position:absolute;top:0;left:0;right:0;height:65px;padding:13px;color:#ecf5ff;font-size:10px;background:linear-gradient(90deg,#040f17d9,#1f697033)}.mock-stat{position:relative;z-index:1;flex:1;border:1px solid rgba(83,219,165,.2);border-radius:5px;padding:6px;background:#05161dbd}.mock-stat b{display:block;font-size:14px}.mock-stat small{color:#9db4ad;font-size:7px}.mock-content.violet{display:block;padding:14px 12px;background:linear-gradient(120deg,#101827,#080e1a)}.mock-lines{height:7px;width:78%;background:#526074;border-radius:3px;margin:6px}.mock-lines.short{width:55%}.highlight-line{height:18px;width:88%;background:linear-gradient(90deg,#b474f1,#8c5cff);opacity:.78;border-radius:3px;margin:8px 5px}.highlight-line.small{width:64%}.product-card h3{margin:0 0 3px;font-size:16px;letter-spacing:-.02em}.tagline{font-size:11px;line-height:1.35;font-weight:600;margin:0}.tagline.green{color:#35d884}.tagline.orange{color:#ff9f22}.tagline.violet{color:#ad69ff}.description{color:#a8b1c2;line-height:1.55;font-size:12px;margin:0;min-height:75px}.chips{display:flex;gap:6px;flex-wrap:wrap;margin:15px 0 13px}.chips span{font-size:9px;padding:6px 8px;border:1px solid #1b2a40;border-radius:6px;background:#0b1423;color:#b8c1d0}.learn{margin-top:auto;font-size:12px;color:#a86bff;font-weight:700}.product-card:has(.green) .learn{color:#41dc91}.product-card:has(.orange) .learn{color:#ff9d26}.pillars{padding-top:18px;padding-bottom:18px;border-bottom:1px solid var(--line);text-align:center}.pillars .eyebrow{margin-bottom:12px;font-size:10px}.pillar-grid{display:grid;grid-template-columns:repeat(4,1fr);margin:0;border:1px solid #17243a;border-radius:12px;background:linear-gradient(100deg,#07101e,#060b15);box-shadow:inset 0 1px #ffffff08;overflow:hidden}.pillar{min-height:108px;padding:28px 34px;display:flex;align-items:center;gap:21px;text-align:left;border-right:1px solid #1a2940}.pillar:last-child{border:0}.pillar svg{width:39px;height:39px;flex:0 0 39px;fill:none;stroke:#7546ff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.pillar h3{margin:0 0 6px;color:#f1f3f9;font-size:12px}.pillar p{margin:0;color:#9ba5b6;font-size:11px;line-height:1.5}.technology{text-align:center;border-bottom:1px solid var(--line)}.tech-list{display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:14px;margin-top:30px}.tech-item{min-width:126px;min-height:106px;padding:18px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:1px solid #283149;border-radius:12px;background:linear-gradient(180deg,#0f1424d1,#050912e6);color:#cbd1df;font-weight:600;font-size:14px;transition:transform .2s ease,border-color .2s ease}.tech-item:hover{transform:translateY(-3px);border-color:#7655d3}.tech-logo{width:42px;height:42px;object-fit:contain}.tech-item:nth-child(3) .tech-logo,.tech-item:nth-child(6) .tech-logo,.tech-item:nth-child(7) .tech-logo{width:58px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:radial-gradient(circle at 20% 50%,rgba(102,52,255,.12),transparent 50%)}.contact-copy h2{font-size:48px;line-height:1.05;margin:0 0 18px}.contact-copy>p:not(.eyebrow){color:#a6acbd;line-height:1.7;max-width:470px}.contact-copy>a{color:#a56cff;font-weight:600}.contact-form{display:grid;gap:16px}.contact-form label{display:grid;gap:8px;color:#d6d9e2;font-size:12px;font-weight:600}.contact-form input,.contact-form textarea{width:100%;border:1px solid #29334a;background:#070c17;color:#fff;border-radius:8px;padding:13px 14px;font:inherit;font-weight:400;outline:none;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:#8255ff;box-shadow:0 0 0 3px #8255ff1a}.form-status{font-size:13px;margin:0}.success{color:#4de294}.error{color:#ff7184}.contact-form button:disabled{opacity:.6;cursor:wait}footer{border-top:1px solid var(--line);padding:45px 5% 25px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px}footer>div:not(.footer-brand):not(.copyright){display:flex;flex-direction:column;gap:11px}footer h4{margin:0 0 7px;font-size:13px}footer a,footer p{color:#929aaa;font-size:12px;line-height:1.6}.footer-brand{max-width:280px}.footer-brand p{margin:18px 0 10px}.copyright{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;text-align:center;color:#70788b;font-size:11px;margin-top:10px}@media(max-width:900px){.nav nav{display:none}.hero{grid-template-columns:1fr}.hero-art{height:260px;margin-top:25px}.product-grid{grid-template-columns:1fr}.pillar-grid{grid-template-columns:1fr 1fr}.pillar{padding:22px;border-right:1px solid #1a2940;border-bottom:1px solid #1a2940}.pillar:nth-child(2n){border-right:0}.pillar:nth-last-child(-n+2){border-bottom:0}.contact{grid-template-columns:1fr;gap:35px}footer{grid-template-columns:1fr 1fr}}@media(max-width:560px){.nav{padding:0 20px}.nav .button{display:none}.hero,.section{padding-left:20px;padding-right:20px}.hero h1{font-size:48px}.hero-art{transform:scale(.8);transform-origin:center}.hero-actions{flex-direction:column;align-items:flex-start}.section-heading{display:block}.view-link{display:block;margin-top:12px}.pillar-grid{grid-template-columns:1fr}.pillar{border-right:0;border-bottom:1px solid #1a2940}.pillar:last-child{border-bottom:0}.contact-copy h2{font-size:40px}footer{grid-template-columns:1fr}.copyright{grid-column:1}}
