@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#0b0912;--bg2:#100d19;--panel:#151120;--panel2:#1b1628;--line:rgba(214,199,255,.12);--line-strong:rgba(214,199,255,.21);--text:#f4f0fb;--muted:#a59bb6;--subtle:#766d87;--purple:#9872ed;--purple2:#b79bff;--purple-deep:#6d45d4;--cyan:#76d5df;--green:#64dbab;--radius:22px;--container:1160px;--shadow:0 22px 80px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:15px;line-height:1.65;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}::selection{background:rgba(151,111,245,.4);color:#fff}.site-noise{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E")}.container{width:min(var(--container),calc(100% - 56px));margin-inline:auto}.announcement{min-height:34px;background:#171123;border-bottom:1px solid rgba(216,199,255,.08);display:flex;align-items:center;justify-content:center;gap:11px;padding:7px 20px;color:#bcb2cc;font-size:10px;letter-spacing:.055em}.announcement-dot,.visual-status b{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(100,219,171,.7)}.announcement-sep{color:#645a75}.announcement a{color:#d4c4ff;font-weight:800;margin-left:9px}.announcement a span{color:var(--purple2)}
.site-header{position:sticky;top:0;z-index:50;background:rgba(11,9,18,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(214,199,255,.09)}.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#bd9aff,#7445e4);box-shadow:0 7px 25px rgba(131,85,233,.28);color:white;font-weight:900;font-size:20px;font-style:italic}.brand-mark span{transform:translateY(-1px)}.brand-word{font-weight:800;font-size:22px;letter-spacing:-1.3px}.brand-word span{color:var(--purple2)}.primary-nav{display:flex;align-items:center;gap:31px;margin-left:auto}.primary-nav>a{font-size:12px;color:#aba2b9;font-weight:700;transition:.2s}.primary-nav>a:hover,.primary-nav>a.is-active{color:#fff}.primary-nav>a.is-active{position:relative}.primary-nav>a.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-29px;height:2px;border-radius:2px;background:var(--purple2)}.nav-actions{display:flex;align-items:center;gap:21px}.nav-login{font-size:12px;color:#b8aec6;font-weight:700}.nav-login:hover{color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid transparent;border-radius:10px;padding:12px 18px;font-size:12px;line-height:1.2;font-weight:800;letter-spacing:-.01em;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s,border .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;background:linear-gradient(135deg,#a17bf7,#794de4);box-shadow:0 9px 25px rgba(125,78,222,.2)}.btn-primary:hover{box-shadow:0 12px 30px rgba(125,78,222,.34);background:linear-gradient(135deg,#b294ff,#8356ed)}.btn-outline{border-color:rgba(218,204,255,.22);color:#eee8f8;background:rgba(255,255,255,.025)}.btn-outline:hover{border-color:rgba(183,155,255,.65);background:rgba(151,114,237,.08)}.btn-quiet{color:#d5cce2;border-color:var(--line);background:transparent}.btn-white{background:#f8f5ff;color:#201637;box-shadow:0 10px 30px rgba(0,0,0,.16)}.btn-sm{padding:10px 15px;font-size:11px}.btn-large{padding:16px 21px;font-size:13px}.btn-block{width:100%}.mobile-menu-toggle,.nav-mobile-actions{display:none}
.hero-section{position:relative;overflow:hidden;padding:88px 0 27px;background:radial-gradient(ellipse at 75% 31%,rgba(104,66,166,.13),transparent 38%),linear-gradient(180deg,#0d0a15 0%,#0b0912 90%)}.hero-glow{position:absolute;pointer-events:none;filter:blur(1px);border-radius:50%}.hero-glow-a{width:600px;height:600px;right:-220px;top:-240px;background:radial-gradient(circle,rgba(126,80,223,.18),transparent 67%)}.hero-glow-b{width:450px;height:450px;left:-300px;bottom:-250px;background:radial-gradient(circle,rgba(64,75,151,.12),transparent 68%)}.hero-layout{display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:44px;position:relative;z-index:1}.hero-content{padding:15px 0 36px}.eyebrow-pill{display:inline-flex;align-items:center;gap:9px;padding:7px 11px;border:1px solid rgba(182,153,255,.2);border-radius:999px;background:rgba(144,103,230,.08);color:#d0baff;font:500 9px 'DM Mono',monospace;letter-spacing:.12em}.eyebrow-spark{font-size:13px;color:#c2a4ff}.pill-divider{height:12px;width:1px;background:rgba(206,184,255,.3)}h1,h2,h3,p{margin-top:0}.hero-content h1,.page-hero h1{margin:26px 0 21px;font-size:clamp(46px,5.6vw,72px);line-height:1.07;letter-spacing:-4.3px;font-weight:800}.gradient-text{background:linear-gradient(100deg,#cbb9ff 4%,#9471ed 48%,#82c7de 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-description{max-width:545px;color:#aaa1b7;font-size:15px;line-height:1.85}.hero-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.whatsapp-mini{font-size:16px;color:#63d6a0}.hero-meta{display:flex;flex-wrap:wrap;gap:20px;margin-top:31px;color:#93899f;font-size:10px;font-weight:700}.hero-meta span{display:flex;align-items:center;gap:7px}.meta-check{font-style:normal;color:var(--green);font-weight:900}.hero-visual{height:440px;display:grid;place-items:center;position:relative;perspective:1000px}.visual-orbit{position:absolute;border:1px solid rgba(181,151,255,.13);border-radius:50%;transform:rotate(-22deg)}.orbit-one{width:560px;height:350px}.orbit-two{width:480px;height:280px;border-style:dashed;opacity:.6}.visual-dashboard{width:min(100%,520px);height:330px;position:relative;z-index:2;border:1px solid rgba(207,190,255,.2);border-radius:16px;background:linear-gradient(135deg,rgba(34,26,48,.96),rgba(17,14,27,.98));box-shadow:0 35px 100px rgba(0,0,0,.5),0 0 70px rgba(131,84,223,.14);overflow:hidden;transform:rotateY(-9deg) rotateX(3deg)}.visual-topbar{height:38px;border-bottom:1px solid rgba(208,189,255,.1);display:flex;align-items:center;gap:15px;padding:0 15px}.window-dots{display:flex;gap:5px}.window-dots i,.browser-head i,.code-title i{width:6px;height:6px;border-radius:50%;background:#6f647e}.window-dots i:first-child,.browser-head i:first-child,.code-title i:first-child{background:#b36d81}.window-dots i:nth-child(2),.browser-head i:nth-child(2),.code-title i:nth-child(2){background:#c7a66d}.window-dots i:nth-child(3),.browser-head i:nth-child(3),.code-title i:nth-child(3){background:#65b797}.visual-top-label{font:9px 'DM Mono',monospace;letter-spacing:.12em;color:#8e829e}.visual-status{margin-left:auto;color:#8b8299;font:8px 'DM Mono',monospace}.visual-status b{display:inline-block;margin-right:5px}.visual-body{display:grid;grid-template-columns:68px 1fr;height:calc(100% - 38px)}.visual-sidebar{border-right:1px solid rgba(208,189,255,.09);padding:16px 13px;position:relative}.visual-logo-small{font-size:17px;font-weight:900;color:#c1a5ff;margin:0 0 20px}.visual-logo-small span{color:#8a6ae5}.side-line{height:5px;width:37px;background:#3c334d;border-radius:6px;margin:14px 0}.side-line.active{background:#8d6be0;width:42px;box-shadow:0 0 14px rgba(141,107,224,.3)}.side-line.short{width:26px}.side-line.tiny{width:19px}.sidebar-bottom{position:absolute;left:13px;right:13px;bottom:15px;height:22px;border-radius:6px;background:#211a2c}.visual-main{padding:19px 21px}.visual-greeting{display:flex;justify-content:space-between;align-items:center}.visual-greeting small,.visual-stat span,.visual-product-info small{display:block;color:#9388a4;font:8px 'DM Mono',monospace;letter-spacing:.13em}.visual-greeting strong{display:block;font-size:15px;margin-top:3px}.avatar-dot{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#a888f3,#6041b4);font-weight:900;font-size:11px}.visual-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:18px}.visual-stat{background:rgba(255,255,255,.035);border:1px solid rgba(218,202,255,.08);border-radius:8px;padding:11px}.visual-stat b{display:inline-block;font-size:22px;line-height:1.5}.visual-stat i{float:right;color:#7ed4ae;font-style:normal;font-size:11px}.visual-product-card{display:flex;align-items:center;gap:11px;margin-top:14px;padding:10px;border:1px solid rgba(207,190,255,.12);border-radius:9px;background:rgba(144,107,220,.055)}.product-art-mini{width:51px;height:42px;border-radius:6px;background:linear-gradient(135deg,#45326b,#171322);display:grid;place-items:center;position:relative;color:#d8c9ff}.product-art-mini span{font-size:12px}.product-art-mini i{position:absolute;height:2px;background:#a78bfa;bottom:5px;left:9px;right:9px;opacity:.4}.product-art-mini i:last-child{bottom:10px;right:18px}.visual-product-info strong,.visual-product-info span{display:block}.visual-product-info strong{font-size:12px}.visual-product-info span{font-size:9px;color:#8e849b}.live-chip{margin-left:auto;padding:5px 7px;background:rgba(102,219,174,.1);border:1px solid rgba(102,219,174,.18);border-radius:5px;color:#7ce0b4;font:8px 'DM Mono',monospace}.visual-bottom-lines{display:flex;gap:8px;margin-top:13px}.visual-bottom-lines i{height:5px;border-radius:5px;background:#30283e;flex:1}.visual-bottom-lines i:nth-child(2){flex:1.5}.floating-tag{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid rgba(222,211,255,.2);background:rgba(25,19,37,.94);backdrop-filter:blur(12px);border-radius:11px;box-shadow:0 15px 45px rgba(0,0,0,.35)}.tag-top{top:54px;left:-5px}.tag-bottom{bottom:47px;right:-14px}.tag-icon{width:30px;height:30px;display:grid;place-items:center;background:rgba(108,210,171,.12);color:#80e0b6;border-radius:8px}.purple-icon{background:rgba(153,116,239,.16);color:#c4a8ff}.floating-tag b,.floating-tag small{display:block}.floating-tag b{font-size:10px}.floating-tag small{font-size:8px;color:#978da7;margin-top:2px}.hero-bottom{display:flex;align-items:center;gap:25px;margin-top:27px;padding-top:19px;border-top:1px solid rgba(213,197,255,.09);position:relative;z-index:1;color:#716880;font:9px 'DM Mono',monospace;letter-spacing:.15em}.hero-capabilities{display:flex;align-items:center;gap:16px;color:#a49bb1;letter-spacing:0;font:700 10px Manrope,sans-serif}.hero-capabilities i{width:3px;height:3px;border-radius:50%;background:#786a94}
.section{padding:100px 0}.section-intro{padding-top:92px;padding-bottom:83px}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px}.eyebrow{display:block;color:#b89cf7;font:500 9px 'DM Mono',monospace;letter-spacing:.17em;text-transform:uppercase}.section-kicker h2,.section-heading h2,.faq-intro h2,.process-heading h2,.portal-copy h2,.cta-split h2{font-size:clamp(31px,3.8vw,45px);line-height:1.15;letter-spacing:-2.2px;margin:14px 0 0}.muted-gradient{color:#a69ab7}.intro-copy{padding-top:21px;max-width:535px}.intro-copy p{color:#958ca3;font-size:13px;line-height:1.95}.intro-copy .lead{font-size:17px;color:#e2dbea;line-height:1.75}.text-link{display:inline-flex;align-items:center;gap:10px;color:#c2a8ff;font-weight:800;font-size:11px;margin-top:12px;transition:gap .2s,color .2s}.text-link span{font-size:17px;line-height:1}.text-link:hover{gap:15px;color:#e2d5ff}.section-products{background:linear-gradient(180deg,rgba(21,16,31,.2),rgba(21,16,31,.5))}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:35px}.section-heading h2{margin-top:12px}.section-heading>p,.heading-note{max-width:350px;margin:0;color:#948ba2;font-size:12px;line-height:1.8}.desktop-link{margin:0 0 7px}.product-showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.showcase-card{border:1px solid var(--line);border-radius:17px;overflow:hidden;background:linear-gradient(145deg,rgba(28,22,40,.98),rgba(17,14,25,.98));transition:transform .25s,border-color .25s,box-shadow .25s}.showcase-card:hover,.product-detail-card:hover{transform:translateY(-4px);border-color:rgba(180,151,255,.3);box-shadow:0 22px 55px rgba(0,0,0,.2)}.showcase-featured{grid-column:1/-1;display:grid;grid-template-columns:1.02fr .98fr}.showcase-visual{min-height:285px;position:relative;overflow:hidden;background:#171223}.hls-visual{padding:26px;background:radial-gradient(ellipse at 50% 40%,rgba(118,79,194,.32),transparent 60%),linear-gradient(135deg,#21172f,#100c19)}.visual-live-label{position:absolute;top:21px;left:24px;font:9px 'DM Mono',monospace;color:#e6dcf8;letter-spacing:.1em}.visual-live-label i{display:inline-block;width:6px;height:6px;background:#f16e83;border-radius:50%;margin-right:6px;box-shadow:0 0 10px #f16e83}.hls-screen{position:absolute;inset:56px 35px 55px;border:1px solid rgba(208,190,255,.23);border-radius:12px;background:linear-gradient(145deg,rgba(115,77,177,.45),rgba(23,17,37,.9)),radial-gradient(ellipse at 60% 70%,rgba(79,153,164,.25),transparent 42%);box-shadow:0 19px 40px rgba(0,0,0,.35);display:grid;place-items:center}.screen-play{width:48px;height:48px;display:grid;place-items:center;padding-left:3px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:16px;backdrop-filter:blur(8px)}.screen-bars{position:absolute;bottom:0;left:0;right:0;height:34px;display:flex;align-items:end;gap:4px;padding:0 12px 10px;background:linear-gradient(transparent,rgba(0,0,0,.45));border-radius:0 0 12px 12px}.screen-bars i{height:3px;background:#d9caff;border-radius:3px;opacity:.7;flex:1}.screen-bars i:first-child{background:#9f7bfa}.screen-channel-row{position:absolute;left:26px;right:26px;bottom:14px;display:flex;align-items:center;gap:9px}.channel-logo{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:linear-gradient(135deg,#9b78ee,#5940a6);font-size:13px;font-weight:900}.screen-channel-row b,.screen-channel-row small{display:block}.screen-channel-row b{font-size:10px}.screen-channel-row small{color:#9389a1;font-size:8px}.screen-pill{margin-left:auto;padding:4px 7px;border-radius:5px;background:rgba(143,111,226,.15);border:1px solid rgba(174,143,255,.23);font:8px 'DM Mono',monospace;color:#cab5ff}.showcase-content{padding:28px 29px;display:flex;flex-direction:column;align-items:flex-start}.card-eyebrow{display:flex;align-items:center;gap:10px;color:#a994d5;font:9px 'DM Mono',monospace;letter-spacing:.11em}.card-index{color:#6e647d;margin-left:auto}.showcase-content h3{margin:17px 0 10px;font-size:24px;letter-spacing:-1px}.showcase-content p{color:#9a91a8;font-size:12px;line-height:1.8;max-width:470px}.tag-list{display:flex;flex-wrap:wrap;gap:7px;margin:4px 0 20px}.tag-list span{padding:5px 8px;border:1px solid rgba(217,202,255,.11);border-radius:6px;color:#b0a6bd;background:rgba(255,255,255,.025);font-size:9px;font-weight:700}.showcase-content>.btn{margin-top:auto}.template-art{height:218px;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 100%,rgba(125,91,200,.34),transparent 70%),#171222}.template-browser{width:79%;height:162px;border:1px solid rgba(210,197,255,.23);border-radius:9px;background:#110e18;overflow:hidden;box-shadow:0 19px 35px rgba(0,0,0,.35);transform:rotate(-3deg)}.browser-head{height:21px;background:#211a2d;display:flex;align-items:center;gap:4px;padding:0 8px}.browser-head i{width:4px;height:4px}.browser-head span{margin-left:auto;font:6px 'DM Mono',monospace;color:#827791;letter-spacing:.08em}.template-hero{height:104px;margin:8px;border-radius:5px;background:linear-gradient(105deg,rgba(49,33,76,.9),rgba(32,57,72,.7)),radial-gradient(ellipse at 80% 30%,#637a9e,transparent 50%);padding:13px;position:relative;overflow:hidden}.template-hero:after{content:"";position:absolute;right:21px;bottom:-20px;width:90px;height:90px;border:1px solid rgba(211,193,255,.3);border-radius:50%;box-shadow:0 0 0 12px rgba(255,255,255,.025),0 0 0 25px rgba(255,255,255,.025)}.template-hero small{display:block;color:#c6b6e4;font:6px 'DM Mono',monospace;letter-spacing:.1em}.template-hero b{display:block;color:#fff;font-size:18px;line-height:1.08;margin-top:6px;letter-spacing:-.8px}.template-hero>i{position:absolute;bottom:11px;left:13px;width:43px;height:3px;background:#b89aff;border-radius:3px}.template-tiles{display:flex;gap:5px;margin:0 8px}.template-tiles i{height:13px;flex:1;border-radius:3px;background:#282036}.showcase-card:not(.showcase-featured) .showcase-content{padding:23px 25px 26px;min-height:258px}.showcase-card:not(.showcase-featured) .showcase-content h3{font-size:20px}.showcase-card:not(.showcase-featured) .showcase-content p{min-height:65px}.showcase-card:not(.showcase-featured) .text-link{margin-top:auto}.coming-art{height:218px;position:relative;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,rgba(110,77,175,.25),transparent 58%),#15101f}.coming-orb{position:absolute;width:230px;height:230px;border:1px solid rgba(188,162,255,.15);border-radius:50%;box-shadow:0 0 0 18px rgba(181,151,255,.025),0 0 0 42px rgba(181,151,255,.025)}.coming-device{width:82px;height:144px;border:2px solid #74628e;border-radius:16px;padding:6px;background:#0e0b14;transform:rotate(8deg);box-shadow:0 15px 40px rgba(0,0,0,.4);z-index:1}.device-screen{height:100%;border-radius:10px;background:linear-gradient(155deg,#473064,#16111f);display:flex;flex-direction:column;align-items:center;padding:22px 7px;gap:9px}.device-screen span{font-size:24px;font-weight:900;color:#c4a9ff}.device-screen i{width:80%;height:4px;background:#9a80c6;border-radius:3px;opacity:.55}.device-screen i:last-child{width:53%}.mobile-center{display:none}.section-services{background:linear-gradient(180deg,#0e0b15,#100c18)}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.service-card{display:flex;flex-direction:column;min-height:250px;padding:21px 21px 18px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,rgba(30,23,42,.72),rgba(18,14,27,.7));position:relative;transition:.25s}.service-card:hover{transform:translateY(-5px);border-color:rgba(180,151,255,.4);background:linear-gradient(145deg,rgba(43,32,62,.85),rgba(22,17,33,.9))}.service-number{position:absolute;right:18px;top:18px;color:#645a72;font:9px 'DM Mono',monospace}.service-icon{width:38px;height:38px;display:grid;place-items:center;margin-bottom:25px;border:1px solid rgba(171,142,244,.2);border-radius:10px;background:rgba(139,99,226,.1);color:#c3aaff;font-size:20px}.service-card h3{font-size:14px;line-height:1.45;letter-spacing:-.35px;margin:0 0 8px}.service-card p{color:#968da4;font-size:10px;line-height:1.8;margin:0 0 18px}.service-arrow{margin-top:auto;color:#bda4ff;font-size:17px}.services-bottom{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:27px;padding-top:22px;border-top:1px solid var(--line);font-size:11px;color:#91879e}.services-bottom .text-link{margin:0}.section-process{padding-top:35px}.process-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;padding:48px 55px;border:1px solid rgba(194,169,255,.16);border-radius:20px;background:radial-gradient(ellipse at 0% 0%,rgba(120,76,205,.13),transparent 40%),linear-gradient(135deg,#191426,#100c18);box-shadow:var(--shadow)}.process-heading h2{font-size:37px}.process-heading p{margin:14px 0 22px;color:#958ba3;font-size:12px;line-height:1.8;max-width:350px}.process-steps{display:flex;flex-direction:column;justify-content:center}.process-step{display:flex;gap:18px;padding:17px 0;border-bottom:1px solid rgba(218,203,255,.1)}.process-step:last-child{border:0}.process-step>span{font:11px 'DM Mono',monospace;color:#aa8cf4;padding-top:3px}.process-step b{font-size:13px}.process-step p{color:#948aa1;font-size:10px;margin:5px 0 0}.section-portal{padding-top:20px}.portal-card{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:45px;padding:35px 45px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(120deg,rgba(27,21,39,.85),rgba(17,14,26,.96));overflow:hidden}.portal-art{height:260px;display:grid;place-items:center;position:relative}.portal-ring{position:absolute;border:1px solid rgba(175,145,248,.2);border-radius:50%}.ring-a{width:280px;height:220px;transform:rotate(-22deg)}.ring-b{width:235px;height:260px;transform:rotate(31deg);border-style:dashed;opacity:.6}.portal-window{width:235px;height:185px;position:relative;z-index:1;border:1px solid rgba(200,180,255,.3);border-radius:10px;background:#171222;box-shadow:0 22px 60px rgba(0,0,0,.45);transform:rotate(-5deg);overflow:hidden}.portal-window-top{height:23px;border-bottom:1px solid rgba(201,184,255,.1);display:flex;align-items:center;gap:4px;padding:0 9px}.portal-window-top i{width:4px;height:4px;border-radius:50%;background:#8d7d9f}.portal-window-top span{margin-left:auto;font:6px 'DM Mono',monospace;color:#9788aa;letter-spacing:.1em}.portal-window-body{padding:17px 19px}.portal-icon{font-size:19px;font-weight:900;color:#c4a5ff;margin-bottom:9px}.portal-window-body>b{font-size:15px;line-height:1.25;display:block}.portal-line{width:80%;height:4px;background:#393047;border-radius:4px;margin-top:11px}.portal-line.short{width:53%;margin-top:6px}.portal-mini-cards{display:flex;gap:5px;margin-top:15px}.portal-mini-cards i{height:24px;flex:1;border-radius:4px;background:linear-gradient(135deg,#40305c,#241c34);border:1px solid rgba(191,163,255,.12)}.portal-copy h2{font-size:35px}.portal-copy p{color:#9a91a8;font-size:12px;line-height:1.85;max-width:480px;margin:15px 0 21px}.portal-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.portal-actions .text-link{margin:0}.section-faq{padding-top:60px;padding-bottom:110px}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:95px}.faq-intro h2{font-size:37px}.faq-intro p{max-width:300px;color:#968da4;font-size:12px;line-height:1.85;margin:16px 0 12px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;padding:20px 0;font-size:13px;font-weight:800}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:20px;font-weight:400;color:#b79bff;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{max-width:570px;margin:-4px 30px 19px 0;color:#968da4;font-size:11px;line-height:1.8}.final-cta{padding:43px 0;background:linear-gradient(100deg,#6f49c8,#8c61dc 55%,#5269aa)}.final-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.final-cta .eyebrow{color:#e0d2ff}.final-cta h2{font-size:34px;letter-spacing:-1.6px;margin:8px 0 5px}.final-cta p{margin:0;color:rgba(255,255,255,.72);font-size:12px}.site-footer{background:#09070e;border-top:1px solid rgba(214,199,255,.1)}.footer-main{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:60px;padding:58px 0 48px}.footer-brand-col p{max-width:275px;margin:17px 0;color:#837a90;font-size:11px;line-height:1.8}.footer-contact-link{display:inline-flex;gap:9px;color:#bda4ff;font-size:10px;font-weight:800}.footer-column{display:flex;flex-direction:column;gap:12px}.footer-column h4{font-size:10px;color:#eee8f7;margin:0 0 7px}.footer-column a{font-size:10px;color:#82788f;transition:color .2s}.footer-column a:hover{color:#d2c2fa}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-top:1px solid rgba(214,199,255,.08);color:#6e667b;font-size:9px}.footer-bottom a{color:#a68ce8}
/* inner pages */
.page-hero{position:relative;overflow:hidden;padding:83px 0 75px;background:radial-gradient(ellipse at 80% 45%,rgba(113,74,192,.16),transparent 42%),linear-gradient(180deg,#100c19,#0b0912)}.page-hero-inner{display:flex;align-items:center;justify-content:space-between;gap:50px;min-height:220px}.page-hero h1{font-size:clamp(43px,5.3vw,66px);margin:23px 0 16px}.page-hero p{max-width:610px;color:#a29aae;font-size:14px;line-height:1.85}.page-hero-stamp{width:180px;height:180px;border:1px solid rgba(184,157,255,.18);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;color:#c3aaff;flex-shrink:0}.page-hero-stamp:before,.page-hero-stamp:after{content:"";position:absolute;inset:13px;border:1px dashed rgba(184,157,255,.2);border-radius:50%}.page-hero-stamp:after{inset:-15px;border-style:solid;opacity:.3}.page-hero-stamp span{font-size:49px;font-weight:900;letter-spacing:-5px}.page-hero-stamp small{font:8px 'DM Mono',monospace;text-align:center;letter-spacing:.13em;color:#8e7eaa;margin-top:2px}.product-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.product-detail-card{border:1px solid var(--line);border-radius:17px;overflow:hidden;background:linear-gradient(145deg,#1a1425,#110d19);transition:.25s}.product-detail-card.wide{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.detail-art{height:245px;position:relative;overflow:hidden}.wide .detail-art{height:auto;min-height:390px}.hls-detail-art{background:radial-gradient(ellipse at 50% 60%,rgba(123,82,193,.33),transparent 62%),#151020;padding:24px}.detail-art-top{display:flex;justify-content:space-between;align-items:center}.product-type-label{font:8px 'DM Mono',monospace;letter-spacing:.14em;color:#a99cba}.art-mark{font-weight:900;color:#b79bff;font-size:18px}.detail-player{position:absolute;inset:67px 40px 31px;border:1px solid rgba(211,194,255,.2);border-radius:12px;background:linear-gradient(140deg,#40325f,#171222 70%);overflow:hidden;box-shadow:0 25px 55px rgba(0,0,0,.35)}.detail-player-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;background:radial-gradient(ellipse at 60% 25%,rgba(113,156,180,.25),transparent 60%)}.detail-play{width:47px;height:47px;border:1px solid rgba(255,255,255,.32);border-radius:50%;display:grid;place-items:center;padding-left:3px;color:white;background:rgba(255,255,255,.1)}.detail-player-screen span{font:7px 'DM Mono',monospace;color:#c9b9e9;letter-spacing:.16em}.detail-player-foot{position:absolute;left:0;right:0;bottom:0;height:28px;background:rgba(0,0,0,.42);display:flex;align-items:center;gap:5px;padding:0 12px}.detail-player-foot i{width:4px;height:4px;border-radius:50%;background:#8f7ab6}.detail-player-foot b{margin-left:auto;color:#d8c7ff;font:7px 'DM Mono',monospace}.detail-copy{padding:29px;display:flex;flex-direction:column;align-items:flex-start}.detail-copy h2{font-size:24px;letter-spacing:-1px;margin:14px 0 8px}.detail-copy p{color:#9a91a8;font-size:11px;line-height:1.85}.check-list{list-style:none;padding:0;margin:7px 0 22px;display:grid;gap:9px}.check-list li{position:relative;padding-left:19px;color:#b2a9bf;font-size:10px;line-height:1.6}.check-list li:before{content:"✓";position:absolute;left:0;color:#70d9ac;font-weight:900}.detail-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:auto}.badge{display:inline-flex;padding:4px 7px;border-radius:5px;font:8px 'DM Mono',monospace;letter-spacing:.07em}.badge-available{color:#79dcb3;background:rgba(95,207,157,.1);border:1px solid rgba(95,207,157,.18)}.badge-service{color:#c3aaff;background:rgba(151,114,237,.12);border:1px solid rgba(151,114,237,.2)}.badge-soon{color:#e7bf83;background:rgba(231,177,108,.1);border:1px solid rgba(231,177,108,.18)}.template-detail-art{height:270px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 100%,rgba(122,86,198,.32),transparent 68%),#171222}.large-browser{height:190px;width:84%;transform:rotate(-3deg)}.large-browser .template-hero{height:130px;padding:18px}.large-browser .template-hero small{font-size:7px}.large-browser .template-hero b{font-size:24px}.large-browser .template-hero>i{width:53px;height:4px}.future-detail-art,.tools-detail-art{height:270px;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle,rgba(130,93,203,.24),transparent 62%),#15101f}.future-phone{width:105px;height:195px;border:2px solid #78658e;border-radius:20px;padding:6px;background:#09070e;z-index:2;transform:rotate(7deg);box-shadow:0 20px 55px rgba(0,0,0,.4)}.future-phone-screen{height:100%;border-radius:14px;background:linear-gradient(160deg,#41305f,#171222);display:flex;flex-direction:column;align-items:center;padding:28px 10px;gap:11px}.future-phone-screen span{font-size:30px;font-weight:900;color:#c6aaff;margin-bottom:6px}.future-phone-screen i{width:80%;height:5px;border-radius:5px;background:#a58bcf;opacity:.55}.future-phone-screen i:nth-of-type(2){width:64%}.future-phone-screen small{margin-top:auto;color:#b8a3e3;font:7px 'DM Mono',monospace;letter-spacing:.2em}.coming-badge{position:absolute;bottom:18px;right:18px;border:1px solid rgba(222,188,126,.22);border-radius:5px;background:rgba(185,133,65,.1);color:#eac48f;padding:6px 8px;font:8px 'DM Mono',monospace;letter-spacing:.1em}.future-glow{position:absolute;width:240px;height:240px;border:1px solid rgba(185,158,255,.16);border-radius:50%;box-shadow:0 0 0 18px rgba(185,158,255,.025),0 0 0 42px rgba(185,158,255,.02)}.tools-detail-art{background:radial-gradient(circle,rgba(104,173,182,.17),transparent 62%),#15101f}.tool-core{width:65px;height:65px;border-radius:19px;display:grid;place-items:center;font-size:23px;font-weight:900;color:#fff;background:linear-gradient(145deg,#b094ff,#6443bd);box-shadow:0 0 35px rgba(151,114,237,.35);z-index:2}.tool-node{position:absolute;width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(189,167,255,.24);border-radius:13px;background:#20182f;color:#d1bdff;font:9px 'DM Mono',monospace}.node-a{top:58px;left:25%}.node-b{top:62px;right:23%}.node-c{bottom:49px;left:47%}.tool-connect{position:absolute;width:190px;height:140px;border:1px dashed rgba(174,144,250,.28);border-radius:50%}.section-soft{background:linear-gradient(180deg,#100c18,#0c0913)}.cta-split{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:40px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(110deg,rgba(40,29,59,.7),rgba(20,15,29,.9))}.cta-split h2{font-size:32px}.cta-split p{max-width:550px;margin:12px 0 0;color:#9c92aa;font-size:11px;line-height:1.8}.cta-split-actions{display:flex;flex-direction:column;gap:10px;min-width:215px}.cta-split-actions .btn{width:100%}.service-detail-list{display:grid;gap:22px}.service-detail{display:grid;grid-template-columns:.85fr 1.15fr;gap:43px;align-items:center;padding:25px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,rgba(28,22,40,.9),rgba(15,12,22,.92))}.service-detail.reverse{grid-template-columns:1.15fr .85fr}.service-detail.reverse .service-detail-visual{order:2}.service-detail.reverse .service-detail-copy{order:1}.service-detail-visual{height:275px;position:relative;border:1px solid rgba(198,176,255,.1);border-radius:13px;overflow:hidden;display:grid;place-items:center}.service-detail-copy{padding:12px 13px}.service-detail-copy h2{font-size:25px;letter-spacing:-1.1px;margin:13px 0 9px}.service-detail-copy>p{color:#9b92a9;font-size:11px;line-height:1.9}.service-visual-template{background:radial-gradient(ellipse at 50% 100%,rgba(130,90,210,.31),transparent 60%),#15101e}.service-visual-window{width:80%;height:190px;border:1px solid rgba(211,196,255,.24);border-radius:9px;background:#110d19;overflow:hidden;transform:rotate(-3deg);box-shadow:0 20px 45px rgba(0,0,0,.4)}.service-visual-hero{height:130px;margin:8px;padding:14px;background:linear-gradient(110deg,#382956,#1a3541);border-radius:5px;position:relative}.service-visual-hero span{font:6px 'DM Mono',monospace;color:#d1c2ec;letter-spacing:.1em}.service-visual-hero b{display:block;font-size:19px;line-height:1.08;margin-top:8px}.service-visual-hero:after{content:"";position:absolute;right:18px;top:18px;width:70px;height:70px;border-radius:50%;border:1px solid rgba(255,255,255,.2);box-shadow:0 0 0 10px rgba(255,255,255,.025)}.service-visual-row{display:flex;gap:5px;margin:0 8px}.service-visual-row i{height:15px;border-radius:3px;background:#292137;flex:1}.service-visual-custom{background:radial-gradient(circle,rgba(121,82,190,.2),transparent 62%),#15101e}.custom-layers{width:225px;height:175px;position:relative}.layer{position:absolute;width:175px;height:122px;border:1px solid rgba(208,189,255,.22);border-radius:10px;background:#211832;box-shadow:0 17px 35px rgba(0,0,0,.3)}.layer-back{transform:rotate(-13deg);left:5px;top:15px;background:#2b2041}.layer-mid{transform:rotate(8deg);right:3px;top:19px;background:#192b34}.layer-front{left:25px;top:33px;transform:rotate(-2deg);padding:18px;background:linear-gradient(140deg,#42305d,#1b1628)}.layer-front span{font:6px 'DM Mono',monospace;color:#c3abef;letter-spacing:.12em}.layer-front b{display:block;font-size:16px;line-height:1.12;margin-top:9px}.layer-front i{display:block;width:40px;height:3px;background:#b89cff;border-radius:4px;margin-top:11px}.custom-chip{position:absolute;bottom:14px;color:#9c8bb9;font:7px 'DM Mono',monospace;letter-spacing:.12em}.service-visual-playlist{background:radial-gradient(circle,rgba(104,174,166,.15),transparent 63%),#12111a}.playlist-window{width:78%;border:1px solid rgba(202,190,226,.17);border-radius:9px;background:#171420;padding:13px;box-shadow:0 20px 45px rgba(0,0,0,.3)}.playlist-window-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--line);color:#c7b2f8;font:8px 'DM Mono',monospace;letter-spacing:.11em}.playlist-window-head b{color:#75d7ad;background:rgba(93,201,150,.1);padding:4px 6px;border-radius:4px}.playlist-row{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.045);font-size:8px;color:#bdb5c9}.playlist-row>i{width:6px;height:6px;border-radius:50%}.status-ok{background:#66d5a5;box-shadow:0 0 8px rgba(102,213,165,.5)}.status-warn{background:#e7b66f}.playlist-row b{margin-left:auto;color:#7cd8b2;font:7px 'DM Mono',monospace}.playlist-row:last-of-type b{color:#e6bd80}.playlist-progress{height:4px;border-radius:4px;background:#2a2433;margin:15px 0 8px;overflow:hidden}.playlist-progress i{display:block;width:79%;height:100%;background:linear-gradient(90deg,#6bd1a8,#a78bfa)}.playlist-window>small{font:6px 'DM Mono',monospace;letter-spacing:.1em;color:#746c80}.service-visual-code{background:radial-gradient(circle,rgba(109,77,178,.23),transparent 65%),#120e1a}.code-window{width:84%;border:1px solid rgba(202,181,255,.2);border-radius:9px;background:#0c0a11;box-shadow:0 20px 45px rgba(0,0,0,.4);overflow:hidden}.code-title{height:30px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:4px;padding:0 11px}.code-title i{width:5px;height:5px}.code-title span{font:7px 'DM Mono',monospace;color:#897c9b;margin-left:7px}.code-lines{padding:19px 15px 23px;color:#d3cce0;font:9px/2 'DM Mono',monospace}.code-lines b{display:inline-block;width:19px;color:#70667d;font-weight:400}.code-purple{color:#be9cff}.code-white{color:#f2e7ff}.code-cyan{color:#7dd6df}.code-green{color:#78cda6}.service-visual-app{background:radial-gradient(circle,rgba(100,85,181,.24),transparent 65%),#15101e}.app-device{width:110px;height:200px;border:2px solid #76628e;border-radius:21px;padding:6px;background:#09070e;transform:rotate(-5deg);box-shadow:0 20px 55px rgba(0,0,0,.4);z-index:2}.app-device-screen{height:100%;border-radius:14px;background:linear-gradient(160deg,#35264f,#14101d);padding:11px 8px}.app-top{display:flex;justify-content:space-between;color:#d1bcff;font-weight:900;font-size:11px}.app-top i{font:6px 'DM Mono',monospace;color:#f0818b;font-style:normal}.app-player-area{height:76px;margin-top:11px;border-radius:6px;background:linear-gradient(130deg,#4b3a67,#1b3541);display:grid;place-items:center;color:#e9ddff;font-size:13px}.app-channel{display:flex;gap:4px;margin-top:10px}.app-channel i{height:13px;flex:1;border-radius:3px;background:#3c3050}.app-tabs{display:flex;justify-content:space-between;margin-top:12px}.app-tabs i{width:11px;height:11px;border-radius:50%;background:#8a72ba}.app-device-note{position:absolute;bottom:14px;color:#9687ad;font:7px 'DM Mono',monospace;letter-spacing:.14em}.notice-note{border-left:2px solid #b58b55;background:rgba(193,147,83,.07);color:#c1af96;font-size:9px;line-height:1.7;padding:10px 12px;margin:2px 0 16px}.about-values{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}.about-values h2{font-size:39px;letter-spacing:-2px;line-height:1.15;margin-top:15px}.value-stack article{display:flex;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.value-stack article:first-child{border-top:1px solid var(--line)}.value-stack article>span{font:10px 'DM Mono',monospace;color:#b49af2}.value-stack h3{font-size:14px;margin:0 0 5px}.value-stack p{color:#978ea4;font-size:11px;line-height:1.8;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.feature-card{border:1px solid var(--line);border-radius:13px;padding:22px;background:rgba(29,22,41,.55)}.feature-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:rgba(144,105,225,.12);color:#c0a4ff;font-size:17px;margin-bottom:18px}.feature-card h3{font-size:13px;margin:0 0 8px}.feature-card p{font-size:10px;line-height:1.8;color:#968da4;margin:0}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:75px;align-items:start}.contact-info h2{font-size:35px;line-height:1.2;letter-spacing:-1.8px;margin:14px 0}.contact-info>p{color:#9a91a8;font-size:12px;line-height:1.85}.contact-method{display:flex;align-items:center;gap:13px;border:1px solid var(--line);border-radius:12px;padding:15px;margin-top:13px;background:rgba(25,19,37,.7);transition:.2s}.contact-method:hover{border-color:rgba(179,151,255,.35);transform:translateY(-2px)}.contact-method-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:10px;background:rgba(102,211,164,.1);color:#78dfb2;font-size:19px}.contact-method small,.contact-method b,.contact-method em{display:block}.contact-method small{font:8px 'DM Mono',monospace;color:#9287a1;letter-spacing:.12em}.contact-method b{font-size:12px;margin:3px 0}.contact-method em{font-style:normal;font-size:9px;color:#b99eff}.contact-note{margin-top:24px;padding:16px;border-left:2px solid #9a76ed;background:rgba(151,114,237,.07)}.contact-note b{font-size:11px}.contact-note p{margin:5px 0 0;color:#978ea4;font-size:10px;line-height:1.8}.contact-form-card{padding:29px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,#1b1527,#110d19)}.contact-form-card h2{font-size:24px;letter-spacing:-1px;margin:10px 0 6px}.contact-form-card>p{font-size:11px;color:#968da4}.service-form{display:grid;gap:9px;margin-top:20px}.service-form label{font-size:10px;font-weight:800;color:#d8d0e3;margin-top:5px}.service-form label span{color:#82778f;font-weight:500}.service-form select,.service-form input,.service-form textarea{width:100%;padding:12px 13px;color:#f3eff8;background:#0e0b15;border:1px solid rgba(219,202,255,.15);border-radius:8px;outline:0;font-size:11px}.service-form select:focus,.service-form input:focus,.service-form textarea:focus{border-color:#9d7cec;box-shadow:0 0 0 3px rgba(151,114,237,.1)}.service-form textarea{resize:vertical;min-height:110px}.form-note{color:#7f758d;font-size:8px;line-height:1.65;text-align:center}.reveal{opacity:0;transform:translateY(15px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-delay{transition-delay:.12s}
@media(max-width:1000px){.primary-nav{gap:19px}.hero-layout{gap:20px}.hero-visual{transform:scale(.94)}.services-grid{grid-template-columns:repeat(2,1fr)}.process-panel{gap:45px;padding:40px}.faq-layout{gap:55px}.footer-main{gap:35px}.service-detail{gap:25px}.contact-grid{gap:40px}}
@media(max-width:760px){.container{width:min(100% - 36px,var(--container))}.announcement{font-size:8px;gap:7px}.announcement a{display:none}.nav-wrap{height:67px}.nav-actions{display:none}.mobile-menu-toggle{display:flex;width:39px;height:39px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.03);align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}.mobile-menu-toggle span{width:15px;height:1.5px;background:#e8e0f2;transition:.2s}.mobile-menu-toggle[aria-expanded=true] span:first-child{transform:translateY(6.5px) rotate(45deg)}.mobile-menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.mobile-menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-6.5px) rotate(-45deg)}.primary-nav{position:fixed;left:0;right:0;top:101px;bottom:0;z-index:60;padding:24px 25px 35px;background:rgba(12,9,19,.98);backdrop-filter:blur(20px);display:flex;flex-direction:column;align-items:stretch;gap:0;transform:translateX(105%);transition:transform .25s ease}.primary-nav.is-open{transform:translateX(0)}.primary-nav>a{padding:17px 2px;border-bottom:1px solid var(--line);font-size:15px}.primary-nav>a.is-active:after{display:none}.nav-mobile-actions{display:flex;gap:10px;margin-top:25px}.nav-mobile-actions .btn{flex:1}.hero-section{padding:60px 0 25px}.hero-layout{grid-template-columns:1fr;gap:4px}.hero-content{padding:0}.hero-content h1,.page-hero h1{font-size:clamp(43px,12vw,58px);letter-spacing:-3px}.hero-description{font-size:13px}.hero-buttons{margin-top:23px}.hero-meta{gap:12px;margin-top:25px;font-size:9px}.hero-visual{height:340px;margin-top:7px;transform:none}.visual-dashboard{width:95%;height:275px;transform:none}.visual-body{grid-template-columns:50px 1fr}.visual-sidebar{padding:13px 9px}.side-line{width:30px}.side-line.active{width:31px}.visual-main{padding:16px 12px}.visual-stat{padding:8px}.visual-stat b{font-size:18px}.visual-product-card{margin-top:10px}.floating-tag{padding:8px 10px}.tag-top{top:23px;left:-2px}.tag-bottom{bottom:12px;right:-2px}.floating-tag small{font-size:7px}.floating-tag b{font-size:9px}.hero-bottom{margin-top:8px;align-items:flex-start;flex-direction:column;gap:11px}.hero-capabilities{gap:10px;flex-wrap:wrap;font-size:9px}.section{padding:72px 0}.section-intro{padding-top:67px;padding-bottom:65px}.intro-grid{grid-template-columns:1fr;gap:24px}.intro-copy{padding-top:0}.intro-copy .lead{font-size:15px}.section-heading{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:25px}.section-heading h2,.section-kicker h2,.faq-intro h2{font-size:34px}.desktop-link{display:none}.product-showcase-grid{grid-template-columns:1fr}.showcase-featured{grid-column:auto;grid-template-columns:1fr}.showcase-visual{min-height:235px}.hls-screen{inset:53px 28px 53px}.showcase-content{padding:23px}.showcase-content h3{font-size:21px}.showcase-card:not(.showcase-featured) .showcase-content{min-height:auto}.showcase-card:not(.showcase-featured) .showcase-content p{min-height:0}.showcase-card:not(.showcase-featured) .text-link{margin-top:8px}.mobile-center{display:block;text-align:center;margin-top:25px}.services-grid{grid-template-columns:1fr 1fr;gap:9px}.service-card{min-height:235px;padding:16px}.service-icon{margin-bottom:17px}.service-card h3{font-size:12px}.service-card p{font-size:9px}.services-bottom{gap:7px;flex-direction:column}.section-process{padding-top:0}.process-panel{grid-template-columns:1fr;gap:25px;padding:27px 23px}.process-heading h2{font-size:32px}.portal-card{grid-template-columns:1fr;gap:8px;padding:24px}.portal-art{height:220px;order:2}.portal-copy{order:1}.portal-copy h2{font-size:29px}.portal-actions{gap:13px}.portal-actions .btn{width:100%}.section-faq{padding-top:30px;padding-bottom:75px}.faq-layout{grid-template-columns:1fr;gap:25px}.faq-intro h2{font-size:33px}.faq-list summary{font-size:12px;padding:17px 0}.final-cta{padding:33px 0}.final-cta-inner{align-items:flex-start;flex-direction:column}.final-cta h2{font-size:30px}.final-cta .btn{width:100%}.footer-main{grid-template-columns:1fr 1fr;gap:30px 20px;padding:42px 0 33px}.footer-brand-col{grid-column:1/-1}.footer-brand-col p{max-width:330px}.footer-bottom{flex-direction:column;gap:8px}.page-hero{padding:57px 0 50px}.page-hero-inner{min-height:0}.page-hero p{font-size:12px}.page-hero-stamp{width:105px;height:105px}.page-hero-stamp:before{inset:8px}.page-hero-stamp:after{inset:-9px}.page-hero-stamp span{font-size:29px;letter-spacing:-2px}.page-hero-stamp small{font-size:6px}.product-detail-grid{grid-template-columns:1fr}.product-detail-card.wide{grid-column:auto;grid-template-columns:1fr}.wide .detail-art{min-height:260px}.detail-copy{padding:23px}.detail-copy h2{font-size:21px}.cta-split{padding:27px 23px;flex-direction:column;align-items:stretch;gap:24px}.cta-split h2{font-size:29px}.cta-split-actions{min-width:0}.service-detail,.service-detail.reverse{grid-template-columns:1fr;gap:18px;padding:14px}.service-detail.reverse .service-detail-visual,.service-detail.reverse .service-detail-copy{order:initial}.service-detail-visual{height:225px}.service-detail-copy{padding:10px 9px 15px}.service-detail-copy h2{font-size:22px}.about-values{grid-template-columns:1fr;gap:30px}.about-values h2{font-size:34px}.feature-grid{grid-template-columns:1fr 1fr;gap:9px}.feature-card{padding:16px}.feature-card p{font-size:9px}.contact-grid{grid-template-columns:1fr;gap:27px}.contact-info h2{font-size:30px}.contact-form-card{padding:22px}.contact-method{padding:12px}}
@media(max-width:390px){.container{width:calc(100% - 28px)}.hero-content h1,.page-hero h1{font-size:41px}.btn-large{padding:14px 15px;font-size:11px}.hero-meta{display:grid;grid-template-columns:1fr 1fr}.services-grid{grid-template-columns:1fr}.service-card{min-height:190px}.service-icon{margin-bottom:12px}.page-hero-stamp{width:85px;height:85px}.page-hero-stamp span{font-size:23px}.page-hero-stamp small{font-size:5px}.feature-grid{grid-template-columns:1fr}.hero-visual{height:300px}.visual-dashboard{height:255px}.floating-tag{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}
.footer-legal{display:flex;gap:15px}.footer-legal a{color:#81768f}.footer-legal a:hover{color:#d2c2fa}.legal-content{max-width:850px}.legal-updated{color:#8d829b;font:9px 'DM Mono',monospace;letter-spacing:.08em;margin-bottom:28px}.legal-content h2{font-size:18px;letter-spacing:-.4px;margin:31px 0 8px}.legal-content p{color:#a69daf;font-size:12px;line-height:1.9}.legal-content a{color:#c1a7ff;text-decoration:underline;text-underline-offset:3px}.legal-content .notice-note{margin-top:30px}


/* --------------------------------------------------------------------------
   NOMANOX 1.1.0 — premium motion layer
   Lightweight CSS effects, no animation framework or external JS dependency.
   -------------------------------------------------------------------------- */
:root{--motion-ease:cubic-bezier(.2,.75,.25,1);--glow-purple:rgba(155,119,255,.22)}
html{scroll-padding-top:120px}
body{background-color:#090811}
body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 12% 12%,rgba(88,58,139,.16),transparent 31%),radial-gradient(ellipse at 88% 42%,rgba(44,94,113,.10),transparent 28%),radial-gradient(ellipse at 48% 100%,rgba(86,48,132,.10),transparent 38%)}
.skip-link{position:fixed;top:10px;left:12px;z-index:2000;padding:10px 14px;border-radius:8px;background:#f5f0ff;color:#211633;font-weight:800;transform:translateY(-150%);transition:transform .2s}
.skip-link:focus{transform:translateY(0)}
.scroll-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:1000;pointer-events:none;background:rgba(255,255,255,.035)}
.scroll-progress span{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#8060dc,#c4a8ff,#77d3df);box-shadow:0 0 12px rgba(172,143,255,.55)}
.site-noise{opacity:.055}
.announcement{background:linear-gradient(90deg,rgba(28,20,43,.96),rgba(18,16,31,.96),rgba(23,28,39,.96));}
.announcement-dot{animation:status-pulse 2.4s ease-in-out infinite}
.site-header{transition:background .3s,border-color .3s,box-shadow .3s}
.site-header.is-scrolled{background:rgba(9,8,17,.94);border-bottom-color:rgba(193,170,255,.15);box-shadow:0 14px 38px rgba(0,0,0,.2)}
.primary-nav>a{position:relative;transition:color .22s}
.primary-nav>a:before{content:"";position:absolute;left:0;right:100%;bottom:-10px;height:1px;background:linear-gradient(90deg,#a98afa,#75d1df);transition:right .28s var(--motion-ease)}
.primary-nav>a:hover:before,.primary-nav>a.is-active:before{right:0}
.btn{position:relative;isolation:isolate;overflow:hidden;transition:transform .28s var(--motion-ease),box-shadow .28s,border-color .28s,background .28s}
.btn:after{content:"";position:absolute;top:-80%;bottom:-80%;left:-45%;width:28%;z-index:-1;transform:translateX(-180%) rotate(22deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.19),transparent);transition:transform .65s var(--motion-ease)}
.btn:hover:after{transform:translateX(650%) rotate(22deg)}
.btn:focus-visible,.text-link:focus-visible,.primary-nav a:focus-visible,.footer-column a:focus-visible,.footer-contact-link:focus-visible{outline:2px solid #bda4ff;outline-offset:4px}
.hero-section{isolation:isolate;background-image:linear-gradient(rgba(182,157,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(182,157,255,.035) 1px,transparent 1px),radial-gradient(ellipse at 75% 31%,rgba(104,66,166,.17),transparent 38%),linear-gradient(180deg,#0d0a15 0%,#0b0912 90%);background-size:58px 58px,58px 58px,auto,auto;background-position:center top}
.hero-section:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(520px circle at var(--pointer-x,78%) var(--pointer-y,28%),rgba(147,112,235,.12),transparent 65%);opacity:.9;transition:opacity .3s}
.hero-section:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(183,155,255,.22),rgba(118,213,223,.18),transparent)}
.hero-glow-a{animation:ambient-drift 14s ease-in-out infinite alternate}
.hero-glow-b{animation:ambient-drift 18s ease-in-out infinite alternate-reverse}
.visual-orbit{animation:orbit-breathe 9s ease-in-out infinite}
.orbit-two{animation-delay:-4.5s}
.visual-dashboard{animation:dashboard-float 7.5s ease-in-out infinite;transform-origin:50% 55%;will-change:transform}
.visual-dashboard:after{content:"";position:absolute;inset:-40% auto -40% -70%;width:38%;pointer-events:none;transform:translateX(-180%) skewX(-16deg);background:linear-gradient(90deg,transparent,rgba(207,190,255,.07),transparent);animation:dashboard-sheen 8s ease-in-out infinite;z-index:5}
.visual-status b{animation:status-pulse 2s ease-in-out infinite}
.floating-tag{animation:tag-float 5.5s ease-in-out infinite}
.tag-bottom{animation-delay:-2.3s}
.hero-bottom{border-color:rgba(213,197,255,.13)}
.gradient-text{background-size:180% auto;animation:gradient-flow 8s ease-in-out infinite alternate}
.eyebrow-pill{box-shadow:inset 0 1px rgba(255,255,255,.04),0 0 32px rgba(143,103,230,.05)}
.ecosystem-ribbon{position:relative;padding:19px 0 21px;overflow:hidden;border-top:1px solid rgba(220,202,255,.06);border-bottom:1px solid rgba(220,202,255,.08);background:linear-gradient(90deg,rgba(17,13,26,.96),rgba(20,17,31,.83),rgba(14,19,27,.96))}
.ribbon-topline{display:flex;justify-content:space-between;gap:15px;margin-bottom:12px;color:#80768f;font:8px 'DM Mono',monospace;letter-spacing:.16em}
.ribbon-topline span:last-child{color:#a99bbb;letter-spacing:.1em}
.ribbon-window{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.ribbon-track{display:flex;align-items:center;gap:35px;width:max-content;animation:ribbon-scroll 34s linear infinite}
.ribbon-track span{display:inline-flex;align-items:center;gap:34px;color:#c9bfd8;font-size:10px;font-weight:800;letter-spacing:.13em;white-space:nowrap}
.ribbon-track i{font-style:normal;color:#a88af4;font-size:15px}
.ecosystem-ribbon:hover .ribbon-track{animation-play-state:paused}
.showcase-card,.service-card,.feature-card,.product-detail-card,.service-detail,.contact-method,.contact-form-card,.faq-list details{position:relative;isolation:isolate;transition:transform .35s var(--motion-ease),border-color .35s,box-shadow .35s,background .35s}
[data-spotlight]:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(380px circle at var(--spot-x,50%) var(--spot-y,50%),rgba(159,128,245,.14),transparent 65%);transition:opacity .3s}
[data-spotlight]:hover:before{opacity:1}
.showcase-card:hover,.service-card:hover,.feature-card:hover,.product-detail-card:hover,.service-detail:hover{transform:translateY(-5px);border-color:rgba(188,160,255,.31);box-shadow:0 22px 70px rgba(0,0,0,.25),0 0 40px rgba(126,88,205,.055)}
.showcase-visual,.detail-art,.service-detail-visual{overflow:hidden}
.hls-screen:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 55%,rgba(151,118,233,.13));animation:screen-scan 6s linear infinite}
.visual-live-label i,.screen-pill{animation:status-pulse 2.2s ease-in-out infinite}
.service-icon,.feature-icon{transition:transform .35s var(--motion-ease),background .35s,color .35s}
.service-card:hover .service-icon,.feature-card:hover .feature-icon{transform:translateY(-4px) rotate(-7deg);background:rgba(156,121,240,.22);color:#e2d5ff}
.service-card:after,.feature-card:after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(185,153,255,.48),transparent);transform:scaleX(0);transition:transform .35s var(--motion-ease)}
.service-card:hover:after,.feature-card:hover:after{transform:scaleX(1)}
.template-browser,.service-visual-window,.code-window,.playlist-window,.app-device,.portal-window{filter:drop-shadow(0 14px 28px rgba(0,0,0,.18))}
.page-hero{position:relative;isolation:isolate;overflow:hidden;background-image:linear-gradient(rgba(182,157,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(182,157,255,.026) 1px,transparent 1px),radial-gradient(ellipse at 82% 12%,rgba(115,78,189,.16),transparent 36%);background-size:56px 56px,56px 56px,auto}
.page-hero:after{content:"";position:absolute;right:-120px;top:-180px;width:420px;height:420px;border:1px solid rgba(188,163,255,.10);border-radius:50%;box-shadow:0 0 0 32px rgba(188,163,255,.018),0 0 0 72px rgba(188,163,255,.014);pointer-events:none;animation:orbit-breathe 11s ease-in-out infinite}
.page-hero-inner{position:relative;z-index:1}
.page-hero-stamp{box-shadow:0 0 75px rgba(133,93,215,.10)}
.section-heading h2,.section-kicker h2,.faq-intro h2,.process-heading h2,.portal-copy h2,.cta-split h2,.about-values h2{text-wrap:balance}
.section-heading p,.intro-copy p,.detail-copy p,.service-detail-copy>p{ text-wrap:pretty }
.process-step{transition:transform .3s var(--motion-ease),border-color .3s}
.process-step:hover{transform:translateX(5px)}
.process-step>span{transition:background .25s,color .25s,transform .25s}
.process-step:hover>span{background:rgba(151,114,237,.18);transform:scale(1.06)}
.portal-card{border-color:rgba(205,186,255,.18);box-shadow:0 26px 90px rgba(0,0,0,.23),inset 0 1px rgba(255,255,255,.035)}
.portal-ring{animation:orbit-breathe 9s ease-in-out infinite}
.portal-window{animation:dashboard-float 8s ease-in-out infinite reverse}
.faq-list details{transition:border-color .25s,background .25s}
.faq-list details[open]{border-color:rgba(182,153,255,.28);background:rgba(130,97,195,.045)}
.faq-list summary span{transition:transform .25s,color .25s}
.faq-list details[open] summary span{transform:rotate(45deg);color:#cbb8ff}
.final-cta{position:relative;overflow:hidden;background:radial-gradient(ellipse at 75% 50%,rgba(205,184,255,.23),transparent 47%),linear-gradient(110deg,#6244a0,#39265e 62%,#263e4b)}
.final-cta:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.15;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent,#000)}
.final-cta-inner{position:relative;z-index:1}
.back-to-top{position:fixed;right:22px;bottom:22px;z-index:80;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(207,188,255,.24);border-radius:13px;background:rgba(22,17,33,.86);backdrop-filter:blur(14px);color:#e8dcff;box-shadow:0 12px 32px rgba(0,0,0,.3);opacity:0;visibility:hidden;transform:translateY(9px);transition:opacity .25s,visibility .25s,transform .25s,border-color .25s}
.back-to-top span{font-size:18px;line-height:1}
.back-to-top:hover{border-color:rgba(202,178,255,.55);transform:translateY(-3px)}
.back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
.js-motion:not(.motion-ready) .reveal{opacity:1;transform:none}
.js-motion .reveal{opacity:0;transform:translateY(22px);transition:opacity .72s var(--motion-ease),transform .72s var(--motion-ease)}
.js-motion .reveal.is-visible{opacity:1;transform:translateY(0)}
.js-motion .reveal-delay{transition-delay:.13s}
.js-motion .reveal-stagger-1{transition-delay:.08s}
.js-motion .reveal-stagger-2{transition-delay:.16s}
.js-motion .reveal-stagger-3{transition-delay:.24s}
@keyframes status-pulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(100,219,171,.3)}50%{opacity:.72;box-shadow:0 0 0 6px rgba(100,219,171,0)}}
@keyframes ambient-drift{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(28px,-20px,0) scale(1.08)}}
@keyframes orbit-breathe{0%,100%{transform:rotate(-22deg) scale(1);opacity:.72}50%{transform:rotate(-15deg) scale(1.035);opacity:1}}
@keyframes dashboard-float{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes dashboard-sheen{0%,66%{transform:translateX(-180%) skewX(-16deg)}82%,100%{transform:translateX(520%) skewX(-16deg)}}
@keyframes tag-float{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes gradient-flow{0%{background-position:0% 50%}100%{background-position:100% 50%}}
@keyframes ribbon-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes screen-scan{0%{transform:translateY(-110%)}100%{transform:translateY(110%)}}
@media(max-width:760px){.ribbon-topline{font-size:7px;letter-spacing:.11em}.ribbon-topline span:last-child{display:none}.ribbon-track{gap:20px}.ribbon-track span{gap:20px;font-size:9px}.back-to-top{right:14px;bottom:14px;width:39px;height:39px}.hero-section:before{display:none}.visual-dashboard{animation:dashboard-float 8s ease-in-out infinite}}
@media(hover:none){.showcase-card:hover,.service-card:hover,.feature-card:hover,.product-detail-card:hover,.service-detail:hover{transform:none;box-shadow:none}.ecosystem-ribbon:hover .ribbon-track{animation-play-state:running}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.js-motion .reveal{opacity:1;transform:none}.back-to-top{transition:none}}