@layer spartan{*{margin:0;padding:0;box-sizing:border-box;font-family:Inter Variable,Inter,Space Grotesk,system-ui,sans-serif}:root{--line:#1a1a1a;--cardln:#1a1a1a;--green:#2EA45F;--purple:#B388EB}html,body{background:#000;color:#fff;-webkit-font-smoothing:antialiased;overflow-x:clip}a{color:inherit;text-decoration:none}.wrap{width:100%;max-width:1280px;margin:0 auto;padding-left:24px;padding-right:24px}@media(min-width:1920px){.wrap{max-width:1640px}}@media(max-width:640px){.wrap{padding-left:22px;padding-right:22px}}.op{display:grid;grid-template-columns:3fr 9fr;gap:56px;align-items:start;padding:50px 0 100px}@media(max-width:900px){.op{grid-template-columns:1fr;gap:26px}}.op-h{font-family:Space Grotesk Variable,Space Grotesk,sans-serif;font-weight:500;font-size:20px;color:#e9e9ec;position:sticky;top:96px}@media(max-width:900px){.op-h{position:static}}.op-rows{display:flex;flex-direction:column}.op-row{display:grid;grid-template-columns:1fr 520px;gap:36px;align-items:center;padding:34px 0}.op-row+.op-row{border-top:1px solid var(--line)}@media(max-width:960px){.op-row{grid-template-columns:1fr}}.op-name{display:flex;align-items:center;gap:9px;font-family:Space Grotesk Variable,Space Grotesk,sans-serif;font-weight:500;font-size:19px;color:#f4f4f5;margin-bottom:auto}.op-name .ic{width:22px;height:22px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-size:12px}.op-info{display:flex;flex-direction:column;gap:14px;min-height:180px}.op-info h3{font-family:Space Grotesk Variable,Space Grotesk,sans-serif;font-weight:500;font-size:26px;line-height:1.18;color:#f4f4f5;margin-top:auto}.op-info p{font-size:14px;line-height:1.6;color:#9c9c9c;max-width:440px}.op-explore{display:inline-flex;align-items:center;gap:8px;font-family:Space Grotesk,monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#c9c9cf;margin-top:8px}.op-explore .ar{width:12px;height:12px;transform:rotate(45deg);border-top:1px solid;border-right:1px solid}.op-explore:hover{color:#fff}.op-visual{border-radius:12px;overflow:hidden;aspect-ratio:16/9;position:relative;display:flex;align-items:center;justify-content:center}.lp-vis{background:linear-gradient(135deg,#14110c,#0a0a0c)}.lp-laptop{width:78%;border:2px solid #2a2a30;border-bottom:none;border-radius:10px 10px 0 0;background:#0d0d10;padding:8px 8px 0;box-shadow:0 20px 60px #00000080}.lp-screen{border-radius:5px;overflow:hidden;background:#111;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:14px 10px 10px}.lp-screen .s{aspect-ratio:3/4;border-radius:3px}.lp-screen .s:nth-child(1){background:#e94f3d}.lp-screen .s:nth-child(2){background:#f4b41a}.lp-screen .s:nth-child(3){background:#2e8b57}.lp-screen .s:nth-child(4){background:#e0651a}.lp-screen .s:nth-child(5){background:#7048c0}.lp-screen .s:nth-child(6){background:#d64560}.lp-screen .s:nth-child(7){background:#2a6fd6}.lp-screen .s:nth-child(8){background:#c0392b}.lp-title{grid-column:1/-1;text-align:center;font-family:Space Grotesk Variable,Space Grotesk,sans-serif;font-weight:600;font-size:13px;color:#fff;margin-bottom:4px;letter-spacing:.02em}.lp-phone{position:absolute;right:6%;bottom:0;width:20%;min-width:70px;border:2px solid #2a2a30;border-radius:12px 12px 0 0;background:#0d0d10;padding:5px 5px 0}.lp-phone .pg{height:78px;border-radius:6px;background:linear-gradient(180deg,#e0651a,#7048c0)}.df-vis{background:linear-gradient(120deg,#f0c98a,#e6a15a 55%,#d98a4a)}.df-phone{width:34%;min-width:120px;aspect-ratio:9/17;border-radius:20px;border:3px solid #1c1c1c;background:#faf6ee;box-shadow:0 20px 50px #00000059;display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 10px}.df-phone .plate{width:78%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#8fb85a 0 30%,#e0a35a 32% 60%,#c94b3a 62% 100%);margin-top:6px}.df-phone .t{font-family:Space Grotesk Variable,Space Grotesk,sans-serif;font-weight:600;font-size:11px;color:#1a1a1a}.df-phone .btn{margin-top:auto;width:70%;height:16px;border-radius:9px;background:#e8781f}.df-badge{position:absolute;left:6%;top:14%;font-family:Space Grotesk Variable,Space Grotesk,sans-serif;font-weight:600;font-size:20px;color:#1e1a12;line-height:1.1}.opx{padding:56px 0 100px}.opx-panel{max-width:1276px;margin:0 auto;border:1px solid #1a1a1a;display:flex;align-items:stretch}@media(max-width:900px){.opx-panel{flex-direction:column}}.opx-label{width:329px;flex:none;padding:28px 24px;font-family:Space Grotesk Variable,Space Grotesk,sans-serif;font-weight:500;font-size:1.5rem;line-height:1.25;color:#b5b5b8;border-right:1px solid #1a1a1a}@media(max-width:900px){.opx-label{width:auto;border-right:none;border-bottom:1px solid #1a1a1a}}.opx-cards{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px;padding:12px;justify-content:center}.opx-card{border:1px solid #1a1a1a;display:flex;flex-direction:column;overflow:hidden}.opx-top{flex:1;min-height:280px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,409px)}@media(max-width:1000px){.opx-top{grid-template-columns:1fr}}.opx-text{padding:28px 24px;display:flex;flex-direction:column;justify-content:space-between;gap:32px}.opx-name{display:flex;align-items:center;gap:7px;font-family:Space Grotesk Variable,Space Grotesk,sans-serif;font-weight:500;font-size:17.8px;color:#fff}.opx-name .ic{width:16px;height:16px;border-radius:4px;flex:none}.opx-product-logo{display:block;width:auto;height:30px;max-width:210px}.opx-tt h3{font-family:Space Grotesk Variable,Space Grotesk,sans-serif;font-weight:500;font-size:clamp(1.25rem,1.1rem + .35vw,1.5rem);line-height:1.25;color:#f4f4f5;margin-bottom:12px;letter-spacing:-.015em}.opx-tt p{font-family:Space Grotesk Variable,Space Grotesk,sans-serif;font-weight:500;font-size:1rem;line-height:1.55;color:#a7a7aa;max-width:42ch}.opx-img{border-left:1px solid #1a1a1a;padding:24px;display:flex;align-items:center}@media(max-width:1000px){.opx-img{border-left:none;border-top:1px solid #1a1a1a}}.opx-img .inner{flex:none;width:100%;aspect-ratio:16/9;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;min-height:0;background:#080808}.opx-img .inner>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}.lp-img{background:#0a0a0c;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:12px;align-content:center}.lp-img i{aspect-ratio:3/4;border-radius:3px}.lp-img i:nth-child(1){background:#f4b41a}.lp-img i:nth-child(2){background:#2e8b57}.lp-img i:nth-child(3){background:#e0651a}.lp-img i:nth-child(4){background:#7048c0}.lp-img i:nth-child(5){background:#d64560}.lp-img i:nth-child(6){background:#2a6fd6}.lp-img i:nth-child(7){background:#c0392b}.lp-img i:nth-child(8){background:linear-gradient(135deg,#e0651a,#7048c0)}.df-img{background:linear-gradient(120deg,#f0c98a,#e6a15a 55%,#d98a4a)}.df-img .plate{width:44%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 45%,#8fb85a 0 30%,#e0a35a 32% 60%,#c94b3a 62% 100%)}.df-img .lbl{position:absolute;left:9%;top:16%;font-family:Space Grotesk Variable,Space Grotesk,sans-serif;font-weight:600;font-size:18px;line-height:1.1;color:#241a0c}.opx-explore{border-top:1px solid #1a1a1a;background:#0b0b0b;min-height:56px;display:flex;align-items:center;gap:12px;padding:0 24px;font-family:Space Grotesk Variable,Space Grotesk,sans-serif;font-weight:500;font-size:.9375rem;letter-spacing:.04em;text-transform:uppercase;color:#a7a7aa;transition:color .2s,background-color .2s}.opx-explore:hover{color:#fff}.opx-explore .ar{width:10px;height:10px;border-top:1.4px solid currentColor;border-right:1.4px solid currentColor;transform:rotate(45deg)}.nav-dd{position:relative;display:flex;align-items:center}.nav-dd>a{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.nav-dd>a:after{content:"";width:5px;height:5px;border-right:1.4px solid currentColor;border-bottom:1.4px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.6;transition:transform .2s}.nav-dd:hover>a:after{transform:rotate(225deg) translateY(-2px)}.nav-dd:after{content:"";position:absolute;top:100%;left:-20px;right:-20px;height:22px}.nav-panel{position:absolute;top:calc(100% + 16px);left:50%;transform:translate(-50%) translateY(8px);width:540px;background:#0a0a0c;border:1px solid #1a1a1a;border-radius:14px;padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:10px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,transform .2s;box-shadow:0 24px 60px #0009;z-index:60}.nav-dd:hover .nav-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0)}.nav-pcard{display:flex;flex-direction:column;gap:7px;padding:15px;border-radius:10px;background:transparent;border:1px solid #1a1a1a;transition:border-color .2s}.nav-pcard:hover{border-color:#2ea45f}.nav-pcard .pt{display:flex;align-items:center;gap:8px;font-family:Space Grotesk Variable,Space Grotesk,sans-serif;font-size:14.5px;color:#f2f2f2}.nav-pcard .pt .i{width:20px;height:20px;border-radius:6px;display:inline-block;flex:none}.nav-pcard .pt .product-logo{display:block;width:auto;height:22px;max-width:142px}.nav-pcard .pd{font-family:Inter Variable,Inter,sans-serif;font-size:11.5px;color:#9c9c9c;line-height:1.5}.nav-actions{display:flex;align-items:center;gap:12px}.nav-burger{display:none;width:40px;height:40px;align-items:center;justify-content:center;background:none;border:1px solid #2a2a2e;border-radius:8px;cursor:pointer;padding:0;flex:none}.nav-burger b{position:relative;display:block;width:16px;height:2px;background:#e6e6e6;transition:background .2s}.nav-burger b:before,.nav-burger b:after{content:"";position:absolute;left:0;width:16px;height:2px;background:#e6e6e6;transition:transform .25s,top .25s}.nav-burger b:before{top:-5px}.nav-burger b:after{top:5px}body.nav-open .nav-burger b{background:transparent}body.nav-open .nav-burger b:before{top:0;transform:rotate(45deg)}body.nav-open .nav-burger b:after{top:0;transform:rotate(-45deg)}.mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;z-index:49;flex-direction:column;background:#000;backdrop-filter:blur(12px);border-bottom:1px solid #1a1a1a;padding:10px 24px 20px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .22s,transform .22s,visibility .22s}.mobile-menu a{padding:12px 2px;font-size:16px;color:#e6e6e6;border-bottom:1px solid #141416}.mobile-menu a.mm-sub{padding-left:16px;font-size:14px;color:#9c9c9c}.mobile-menu a:last-child{border-bottom:none}@media(max-width:1023px){.nav-burger{display:inline-flex}.mobile-menu{display:flex}body.nav-open .mobile-menu{opacity:1;visibility:visible;transform:none}}}