:root{--purple:#6a00ff;--cyan:#00e5ff;--text:rgba(255,255,255,.92);--muted:rgba(255,255,255,.7);--glass: rgba(10,12,16,.52);--stroke: rgba(255,255,255,.14);--headerH: 64px;--noteH: 46px}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;background:transparent;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;overflow-x:hidden;scroll-behavior:smooth}body{overflow-y:auto}#bg{position:fixed;inset:0;z-index:0}.siteHeader{position:fixed;top:0;left:0;width:100%;z-index:200;padding:16px 0;background:#0a0c10d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}.headerInner{width:fit-content;margin:0 auto;padding:0 16px;display:flex;align-items:center;justify-content:center;gap:22px}.brand{font-weight:800;letter-spacing:.3px;opacity:.92;font-size:14px}.nav{display:flex;gap:18px;font-size:14px}.nav a{color:#fff;text-decoration:none;opacity:.85}.nav a:hover{opacity:1}.leftHeaderBtns{position:absolute;left:20px;top:50%;transform:translateY(-50%);display:flex;gap:10px;z-index:210}.contactBtn,.aboutBtn{border:1px solid rgba(255,255,255,.22);background:#ffffff1a;color:#fff;padding:10px 14px;border-radius:12px;font-weight:800;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.contactBtn:hover,.aboutBtn:hover{background:#ffffff29}.playStoreBtn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px;padding:9px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.22);background:linear-gradient(135deg,#ffffff29,#ffffff14),#0a0c10b8;color:#fff;text-decoration:none;font-size:13px;font-weight:900;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 16px 50px #00000040;transition:transform .18s ease,background .18s ease,border-color .18s ease}.playStoreBtn:hover{transform:translateY(-1px);background:linear-gradient(135deg,#00e5ff38,#6a00ff2e),#0a0c10c7;border-color:#ffffff57}.playIcon{width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:13px solid #00e5ff;filter:drop-shadow(0 0 8px rgba(0,229,255,.7))}.headerPlayBtn{position:absolute;right:20px;top:50%;transform:translateY(-50%);z-index:210}.headerPlayBtn:hover{transform:translateY(calc(-50% - 1px))}.exampleNote{position:fixed;top:var(--headerH);left:50%;transform:translate(-50%);z-index:500;width:min(1100px,92vw);border-radius:14px;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;background:#0a0c10b3;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 18px 60px #00000040;color:#ffffffeb;font-size:14px}.noteLabel{font-weight:800;color:#00e5ff;text-transform:uppercase;letter-spacing:.12em;font-size:12px}.noteText{opacity:.9}.page{position:relative;z-index:2;padding-top:120px}.featureStrip{position:relative;z-index:4;width:min(1100px,92vw);margin:0 auto 22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.featurePill{min-height:112px;padding:18px;border-radius:18px;background:#0a0c109e;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 60px #0000003d}.featureNumber{display:block;margin-bottom:10px;color:var(--cyan);font-size:11px;font-weight:900;letter-spacing:.16em}.featurePill strong{display:block;font-size:15px;margin-bottom:6px}.featurePill p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,#3cffb429,#0000 60%),radial-gradient(circle at 50% 70%,#28b4ff1f,#0000 65%),#030405;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:opacity .7s,transform .7s}.overlay.hide{opacity:0;pointer-events:none;transform:scale(1.03)}.bootTech{position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(1200px 800px at 50% 40%,#50ffbe1a,#0000 60%),radial-gradient(900px 600px at 60% 60%,#7878ff1a,#0000 55%),linear-gradient(180deg,#0006,#000000bf)}.bootTech:before{content:"";position:absolute;inset:-2px;opacity:.28;background-image:linear-gradient(rgba(130,255,210,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(130,255,210,.12) 1px,transparent 1px);background-size:52px 52px,52px 52px;animation:bootGridDrift 10s linear infinite}.bootTech:after{content:"";position:absolute;left:-35%;top:0;width:65%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(0,255,170,0) 35%,rgba(0,255,170,.2) 50%,rgba(0,255,170,0) 65%,transparent 100%);mix-blend-mode:screen;opacity:.6;filter:blur(1px);animation:bootScanSweep 3.8s ease-in-out infinite,techFlicker 6s linear infinite}@keyframes bootGridDrift{0%{background-position:0 0,0 0}to{background-position:0 104px,104px 0}}@keyframes bootScanSweep{0%{transform:translate(-25%) skew(-10deg);opacity:.1}35%{opacity:.65}55%{opacity:.55}to{transform:translate(240%) skew(-10deg);opacity:.1}}@keyframes techFlicker{0%{opacity:.6}10%{opacity:.55}20%{opacity:.65}30%{opacity:.58}40%{opacity:.62}50%{opacity:.57}60%{opacity:.64}70%{opacity:.56}80%{opacity:.63}90%{opacity:.59}to{opacity:.6}}.bootCircuits{position:absolute;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(90deg,transparent 95%,rgba(0,255,170,.16) 96%,transparent 97%),linear-gradient(0deg,transparent 95%,rgba(0,255,170,.16) 96%,transparent 97%);background-size:140px 140px;opacity:.22;animation:circuitMove 18s linear infinite}@keyframes circuitMove{0%{background-position:0 0}to{background-position:140px 140px}}.overlay .overlayCard{position:relative;z-index:1}.overlayBoot{position:relative;width:min(520px,92vw);padding:46px 52px;border-radius:28px;background:linear-gradient(to bottom,#0a0c10b8,#0a0c10e0);border:1px solid rgba(255,255,255,.14);box-shadow:0 40px 140px #000000a6;text-align:center;overflow:hidden}.overlayBoot:before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at center,#78ffaa2e,#0000 55%);pointer-events:none}.bootIconWrap{position:relative;width:92px;height:92px;margin:0 auto 18px;display:grid;place-items:center}.bootIcon{width:92px;height:92px;border-radius:22px;display:block;filter:drop-shadow(0 18px 40px rgba(80,255,160,.28));transform:translateZ(0)}.bootGlow{position:absolute;inset:-18px;border-radius:30px;background:radial-gradient(circle,#78ffaa8c,#78ffaa33 40%,#0000 70%);filter:blur(12px);animation:splitPulse 4.2s ease-in-out infinite;z-index:-1}@keyframes splitPulse{0%{transform:scale(.95);opacity:.45}50%{transform:scale(1.15);opacity:.9}to{transform:scale(.95);opacity:.45}}.bootTitle{margin:8px 0;font-size:26px;letter-spacing:-.01em;font-weight:900}.bootSub{margin:0 0 18px;opacity:.78;font-size:14px}.bootLines{margin:18px auto 0;width:min(460px,92vw);text-align:left;padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#00000047;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;line-height:1.55;opacity:0;max-height:0;overflow:hidden;pointer-events:none;transition:opacity .25s ease,max-height .25s ease}.bootLines.show{opacity:1;max-height:220px}.bootLine{opacity:.86;padding:4px 0;white-space:nowrap}.bootLine.ok{color:#82ffb9eb;font-weight:800}.dots:after{content:"...";animation:dotPulse 1s steps(4,end) infinite;opacity:.85}@keyframes dotPulse{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}.bootHint{margin-top:14px;font-size:12px;opacity:.65}@media(max-width:520px){.overlayBoot{padding:36px 22px}.bootTitle{font-size:22px}}.panel{position:relative;min-height:92vh;padding:56px 0}.panelCover{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(1200px,92vw);height:min(620px,72vh);border-radius:22px;background:linear-gradient(to bottom,#0a0c10b3,#0a0c10d9);border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 40px 140px #000000a6,inset 0 1px #ffffff0d;z-index:0}.panelInner{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:center;gap:80px}.panelReverse .panelInner{flex-direction:row-reverse}.textBlock{width:460px;max-width:92vw}.kicker{display:inline-block;font-size:12px;letter-spacing:.18em;text-transform:uppercase;opacity:.75;margin-bottom:10px}.textBlock h1{margin:0 0 10px;font-size:clamp(3rem,6vw,4.6rem);line-height:.95;letter-spacing:-.02em}.textBlock p{margin:0;font-size:16px;line-height:1.7;color:var(--muted);max-width:56ch}.actions{margin-top:18px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.hint{font-size:13px;opacity:.7}.rotateBtn{pointer-events:auto;border:1px solid rgba(255,255,255,.22);background:#ffffff1a;color:#fff;padding:12px 16px;border-radius:14px;font-weight:800;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.rotateBtn:hover{background:#ffffff29}.phoneSlot{width:min(520px,92vw);display:flex;justify-content:center;align-items:center}.phoneCard{width:320px;height:620px;transition:width .35s,height .35s,filter .35s;will-change:transform;position:relative;--phone-long: 620px;--phone-short: 320px}.phoneCard:hover{filter:drop-shadow(0 40px 120px rgba(0,0,0,.8)) drop-shadow(0 0 40px rgba(106,0,255,.35))}.phoneCard:before{content:"";position:absolute;inset:-60px;background:radial-gradient(circle at 50% 40%,rgba(106,0,255,.35),rgba(0,229,255,.2) 40%,transparent 70%);filter:blur(50px);opacity:.65;z-index:-1;transition:opacity .6s ease,transform .6s ease}.phoneCard:hover:before{opacity:.95;transform:scale(1.08)}.phoneBezel{height:100%;padding:10px;background:#0a0a0a;border-radius:50px;border:2px solid #333;box-shadow:0 30px 120px #0000008c}.phoneGlass{height:100%;border-radius:40px;overflow:hidden;background:#000;position:relative}.appScreenshot{width:100%;height:100%;display:block;object-fit:cover;object-position:top center;background:#0b1118}.landscapeSplit{display:none}.phoneCard.landscape{width:var(--phone-long);height:var(--phone-short)}.phoneCard.landscape .appScreenshot{display:none}.phoneCard.landscape .landscapeSplit{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#0b1118}.landscapeScreenshot{width:100%;height:100%;display:block;object-fit:contain;object-position:center}.siteFooter{position:relative;z-index:20;width:100%;padding:24px 0;margin-top:40px;background:#000000a6;border-top:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.siteFooterInner{max-width:1100px;margin:0 auto;padding:0 16px;display:flex;gap:16px;justify-content:space-between;align-items:center;flex-wrap:wrap}.socialFollow{display:flex;align-items:center;justify-content:center;gap:12px}.followLabel{color:#ffffffb8;font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.socialLinks{display:flex;align-items:center;gap:8px}.socialLink{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:#ffffff1a;color:#fff;text-decoration:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 14px 38px #00000038;transition:transform .18s ease,background .18s ease,border-color .18s ease}.socialLink:hover{transform:translateY(-1px);border-color:#ffffff52;text-decoration:none}.socialIcon{width:18px;height:18px;display:block;object-fit:contain}.linkedinIcon{display:grid;place-items:center;width:22px;height:22px;border-radius:4px;background:#0a66c2;color:#fff;font-size:13px;font-weight:900;font-family:Arial,Helvetica,sans-serif;line-height:1}.socialLink.instagram:hover{background:linear-gradient(135deg,#f5238261,#ffc40038)}.socialLink.linkedin:hover{background:#0a66c26b}.socialLink.tiktok:hover{background:linear-gradient(135deg,#00e5ff52,#ff005c4d)}.socialLink.facebook:hover{background:#1877f26b}.footerLinks{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.footerLinks a{color:#fff;opacity:.85;text-decoration:none;font-size:14px}.footerLinks a:hover{opacity:1;text-decoration:underline}.footerLinks .playStoreBtn{opacity:1;font-size:13px}.footerLinks .playStoreBtn:hover{text-decoration:none}.footerLinks button{border:1px solid rgba(255,255,255,.22);background:#ffffff1a;color:#fff;padding:10px 14px;border-radius:12px;font-weight:800;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.footerLinks button:hover{background:#ffffff29}.copyright{margin:0;font-size:14px;opacity:.85}@media(max-width:980px){.featureStrip{grid-template-columns:1fr;margin-bottom:16px}.panelInner{flex-direction:column;gap:26px;padding-top:26px;padding-bottom:26px}.panelReverse .panelInner{flex-direction:column}.panelCover{height:auto;min-height:72vh}.phoneSlot,.textBlock{width:100%}}.contactOverlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;padding:24px;background:#0000009e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999}.contactOverlay.show{display:flex}.contactOverlay .contactCard{width:min(760px,96vw);padding:40px;border-radius:22px;background:#0a0c10e0;border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 120px #000000a6;max-height:82vh;overflow:auto}.contactOverlay .contactCard h2{margin:0 0 16px;font-size:24px;text-align:left}#contactForm{display:flex;flex-direction:column;gap:16px;margin-top:20px}#contactForm input[type=email],#contactForm textarea{width:100%;box-sizing:border-box;padding:14px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#00000059;color:#fff;font-size:14px}#contactForm textarea{min-height:200px;resize:vertical}.contactActions{display:flex;gap:12px;margin-top:6px}.contactActions button{flex:1;padding:14px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#ffffff1a;color:#fff;font-weight:800;cursor:pointer}.contactActions button:hover{background:#ffffff29}#hpField{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}@media(max-width:520px){.contactOverlay .contactActions{flex-direction:column}}.aboutOverlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;padding:24px}.aboutOverlay p{line-height:1.65;margin-bottom:14px}.aboutOverlay.show{display:flex}.aboutCard{width:min(720px,92vw);padding:32px;border-radius:20px;background:#0a0c10d9;border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 120px #000000a6}.aboutCard h2{margin:0 0 14px;font-size:22px}.aboutCard p{margin:0 0 12px;line-height:1.7;color:#ffffffdb}.aboutActions{display:flex;gap:12px;margin-top:18px;align-items:center}.aboutActions a,.aboutActions button{flex:1;text-align:center;padding:14px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#ffffff1a;color:#fff;font-weight:800;cursor:pointer;text-decoration:none}.aboutActions a:hover,.aboutActions button:hover{background:#ffffff29}.aboutCard p{margin:0 0 12px;line-height:1.65;font-size:14px;color:#ffffffad}.aboutCard strong{color:#ffffff9e;font-weight:600}.subscribeOverlay{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;padding:24px}.subscribeOverlay.show{display:flex}.subscribeCard{width:min(560px,92vw);padding:32px;border-radius:20px;background:#0a0c10d9;border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 120px #000000a6}.subscribeCard h2{margin:0 0 10px;font-size:22px}#subscribeForm{display:flex;flex-direction:column;gap:14px;margin-top:12px}#subscribeForm input[type=email]{width:100%;padding:14px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#00000059;color:#fff;font-size:14px;box-sizing:border-box}.subscribeActions{display:flex;gap:12px}.subscribeActions button{flex:1;padding:14px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:#ffffff1a;color:#fff;font-weight:800;cursor:pointer}.subscribeActions button:hover{background:#ebcfcf29}@media(max-width:980px){.panel{position:relative;min-height:auto;padding:24px 0 28px;overflow:hidden}.panelInner{position:relative;z-index:2;flex-direction:column;gap:24px;padding:24px 18px 28px;align-items:stretch}.panelReverse .panelInner{flex-direction:column}.panelCover{position:absolute;inset:0 14px;width:auto;height:auto;min-height:100%;margin:0;transform:none;border-radius:22px}.textBlock,.phoneSlot{width:100%;max-width:100%}.textBlock{order:1}.phoneSlot{order:2;display:flex;justify-content:center;align-items:flex-start}.panelCover,.parallaxPhone{transform:none!important}}@media(max-width:768px){.siteHeader{position:fixed;top:0;left:0;width:100%;padding:10px 0 12px;background:#0a0c10eb;z-index:200}.headerInner{position:relative;width:100%;margin:0;padding:0 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.leftHeaderBtns{position:absolute;top:0;left:0;right:0;width:100%;height:28px;transform:none;display:block;margin:0;z-index:2}.headerPlayBtn{position:absolute;top:12px;left:50%;right:auto;transform:translate(-50%);width:max-content;margin:0;min-height:32px;padding:6px 12px;border-radius:999px;font-size:12px}.headerPlayBtn:hover{transform:translate(-50%) translateY(-1px)}.contactBtn{position:absolute;left:14px;top:12px;transform:translateY(-50%);padding:6px 11px;font-size:12px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.14)}.aboutBtn{position:absolute;right:14px;top:12px;transform:translateY(-50%);padding:6px 11px;font-size:12px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.14)}.brand{margin-top:48px;text-align:center;font-size:14px;font-weight:800;line-height:1.2}.nav{width:100%;display:flex;justify-content:center;gap:16px;flex-wrap:wrap;font-size:13px}.contactBtn,.aboutBtn{padding:6px 12px;font-size:12px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.14)}.page{padding-top:124px}.featureStrip{width:calc(100% - 20px)}.featurePill{min-height:auto;padding:14px;border-radius:16px}.exampleNote{position:relative;top:auto;left:auto;transform:none;width:calc(100% - 20px);margin:0 auto 14px;padding:14px;border-radius:16px;font-size:12px;line-height:1.45}.panel{position:relative;min-height:auto;padding:28px 0 24px}.panelCover{position:absolute;inset:12px 10px 0;border-radius:20px}.panelInner{position:relative;z-index:2;display:flex;flex-direction:column;gap:18px;padding:28px 14px 22px}.textBlock{order:1;width:100%}.phoneSlot{order:2;width:100%;display:flex;justify-content:center}.phoneCard{width:212px;height:392px;margin:0 auto;--phone-long: 392px;--phone-short: 212px}.phoneCard.landscape{width:min(392px,92vw);height:212px}.siteFooterInner{display:flex;flex-direction:column;align-items:center;gap:14px}.socialFollow{width:100%;flex-direction:column;gap:10px}.footerLinks{width:100%;display:flex;justify-content:center;align-items:center;gap:10px 14px}.footerLinks a,.footerLinks button{margin-left:0}.phoneBezel{padding:7px;border-radius:24px}.phoneGlass{border-radius:18px}}@media(max-width:420px){.headerInner{padding:0 10px}.contactBtn{left:10px;padding:5px 10px;font-size:11px}.aboutBtn{right:10px;padding:5px 10px;font-size:11px}.brand{margin-top:46px;font-size:13px}.nav{gap:14px;font-size:12px}.phoneCard{width:196px;height:364px;--phone-long: 364px;--phone-short: 196px}.phoneCard.landscape{width:min(364px,92vw);height:196px}.textBlock h1{font-size:clamp(1.8rem,10vw,2.4rem)}.textBlock p{font-size:12px}}@media(max-width:768px){.aboutOverlay{padding:18px;align-items:center}.aboutCard{width:min(520px,92vw);padding:26px 22px;border-radius:18px}.aboutCard h2{font-size:18px;line-height:1.3;margin-bottom:12px}.aboutCard p{font-size:14px;line-height:1.6;margin-bottom:12px}.aboutActions{gap:12px;margin-top:16px}.aboutActions a,.aboutActions button{padding:12px 14px;font-size:13px}}@media(max-width:420px){.aboutCard{padding:22px 18px}.aboutCard h2{font-size:17px}.aboutCard p{font-size:13px}.aboutActions a,.aboutActions button{font-size:12px;padding:11px 12px}}
