:root{--bg-0:#04060f;--bg-1:#070b1f;--bg-2:#0b1230;--cyan:#00d4ff;--cyan-soft:#5fe3ff;--violet:#7c3aed;--violet-soft:#a970ff;--danger:#ff6b6b;--text:#f4f7fb;--text-muted:#a1a1aa;--text-dim:#d4d4d8;--grad-brand:linear-gradient(120deg, var(--cyan), var(--violet-soft));--grad-brand-strong:linear-gradient(120deg, #00e5ff, #8b5cff);--hairline:#ffffff14;--hairline-strong:#ffffff24;--surface:linear-gradient(150deg, #ffffff12, #ffffff05);--glass:#080c1eb8;--glow-cyan:0 0 45px #00d4ff2e;--glow-cyan-lg:0 0 70px #00d4ff38;--r-sm:12px;--r-md:18px;--r-lg:24px;--r-pill:999px;--pad-x:clamp(1.25rem, 5vw, 2.75rem);--section-y:clamp(4.25rem, 10vw, 7.5rem);--fs-display:clamp(2.85rem, 6vw + .5rem, 5.25rem);--fs-h2:clamp(1.8rem, 3vw + .5rem, 2.65rem);--fs-h3:clamp(1.15rem, 1vw + .9rem, 1.4rem);--fs-lead:clamp(1.05rem, .6vw + .95rem, 1.3rem);--ease:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:96px}body{background:var(--bg-0);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Inter,system-ui,-apple-system,Arial,sans-serif;font-size:16px;line-height:1.65;overflow-x:hidden}body:before{content:"";z-index:-2;background:radial-gradient(38vmax 38vmax at 78% -8%, #00d4ff33, transparent 60%), radial-gradient(42vmax 42vmax at -10% 112%, #7c3aed38, transparent 60%), radial-gradient(30vmax 30vmax at 110% 60%, #7c3aed1f, transparent 60%), var(--bg-0);animation:drift 26s var(--ease) infinite alternate;position:fixed;inset:-20vmax}body:after{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(#ffffff0b 1px,#0000 1px);background-size:34px 34px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(120% 90% at 50% 0,#000 20%,#0000 75%);mask-image:radial-gradient(120% 90% at 50% 0,#000 20%,#0000 75%)}@keyframes drift{0%{transform:translate(-2%,-1%)scale(1)}to{transform:translate(2%,2%)scale(1.08)}}h1,.logo{letter-spacing:.5px;font-family:Orbitron,Inter,sans-serif}h1{font-size:var(--fs-display);background:linear-gradient(#fff 30%,#9fd9ff 75%,#b79bff);color:#0000;text-shadow:0 0 60px #00d4ff2e;-webkit-background-clip:text;background-clip:text;margin-bottom:14px;font-weight:800;line-height:1.02}h2{font-size:var(--fs-h2);color:var(--text);letter-spacing:-.01em;margin-bottom:20px;font-weight:700;line-height:1.15}h3{font-size:var(--fs-h3);font-weight:650;line-height:1.3}::selection{color:#fff;background:#00d4ff47}a{color:var(--cyan)}:focus-visible{outline:2px solid var(--cyan-soft);outline-offset:3px;border-radius:4px}.badge{border-radius:var(--r-pill);color:var(--cyan-soft);letter-spacing:.04em;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00d4ff12;border:1px solid #00d4ff59;align-items:center;gap:8px;margin-bottom:22px;padding:7px 15px 7px 13px;font-size:.82rem;font-weight:600;display:inline-flex}.badge:before{content:"";background:var(--cyan);width:7px;height:7px;box-shadow:0 0 10px var(--cyan);border-radius:50%}.button,button{border-radius:var(--r-sm);background:var(--grad-brand-strong);color:#04060f;font:inherit;letter-spacing:.01em;cursor:pointer;isolation:isolate;transition:transform .25s var(--ease), box-shadow .25s var(--ease), filter .25s var(--ease);border:none;justify-content:center;align-items:center;padding:14px 26px;font-size:.98rem;font-weight:700;text-decoration:none;display:inline-flex;position:relative;box-shadow:0 10px 30px -12px #00d4ff99}.button:after,button:after{content:"";border-radius:inherit;background:linear-gradient(120deg, var(--violet), var(--cyan));opacity:0;z-index:-1;transition:opacity .25s var(--ease);position:absolute;inset:0}.button:hover,button:hover{filter:saturate(1.1);transform:translateY(-3px);box-shadow:0 18px 40px -12px #7c3aeda6}.button:hover:after,button:hover:after{opacity:1}.button:active,button:active{transform:translateY(-1px)}.navbar{width:100%;min-height:68px;padding:12px var(--pad-x);-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4);border-bottom:1px solid var(--hairline);z-index:1000;background:linear-gradient(#04060fe6,#04060f9e);justify-content:space-between;align-items:center;gap:24px;display:flex;position:fixed;top:0;left:0}.logo{color:var(--text);white-space:nowrap;align-items:center;gap:10px;font-size:1.2rem;font-weight:800;display:inline-flex}.logo-mark{object-fit:contain;filter:drop-shadow(0 0 9px #00d4ff59);flex-shrink:0;width:34px;height:34px}.logo span{background:var(--grad-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.nav-links{align-items:center;gap:28px;display:flex}.nav-links a{color:#f4f7fbd1;transition:color .2s var(--ease);padding:4px 0;font-size:.92rem;font-weight:500;text-decoration:none;position:relative}.nav-links a:after{content:"";background:var(--grad-brand);transform-origin:0;width:100%;height:2px;transition:transform .28s var(--ease);border-radius:2px;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.nav-links a:hover{color:#fff}.nav-links a:hover:after{transform:scaleX(1)}.nav-contact{gap:10px;display:flex}.nav-contact a{color:var(--cyan-soft);border-radius:var(--r-pill);white-space:nowrap;transition:background .2s var(--ease), border-color .2s var(--ease), transform .2s var(--ease);border:1px solid #00d4ff4d;padding:8px 16px;font-size:.85rem;font-weight:600;text-decoration:none}.nav-contact a:hover{background:#00d4ff24;border-color:#00d4ff8c;transform:translateY(-1px)}.home{min-height:100svh;padding:clamp(7rem, 16vh, 10rem) var(--pad-x) clamp(3rem, 8vh, 5rem);align-items:center;display:flex}.hero{text-align:center;max-width:850px;margin:0 auto}.hero-split{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(2rem,5vw,3.5rem);width:100%;max-width:1180px;margin:0 auto;display:grid}.hero-content{text-align:left}.hero-text{max-width:640px;color:var(--text-muted);font-size:var(--fs-lead);margin:0 0 32px;line-height:1.65}.hero-image-wrap{border-radius:var(--r-lg);box-shadow:var(--glow-cyan-lg), 0 30px 60px -20px #000000b3;animation:float 7s var(--ease) infinite alternate;border:1px solid #00d4ff38;position:relative;overflow:hidden}.hero-image-wrap:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(135deg,#00d4ff38,#0000 45%,#7c3aed38);position:absolute;inset:0}.hero-image-wrap:after{content:"";z-index:2;border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(140deg,#00d4ffb3,#0000 40%,#7c3aedb3);padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.hero-image-wrap img{object-fit:cover;width:100%;height:100%;display:block}@keyframes float{0%{transform:translateY(-8px)}to{transform:translateY(8px)}}.section{padding:var(--section-y) var(--pad-x);background:var(--bg-1);position:relative}.section>.badge,.video-section>.badge,.cta-section>.badge{display:inline-flex}.section>.badge{margin-left:50%;transform:translate(-50%)}.section h2{text-align:center;max-width:820px;margin:0 auto 14px}.section h2:after{content:"";background:var(--grad-brand);border-radius:3px;width:64px;height:3px;margin:22px auto 0;display:block;box-shadow:0 0 16px #00d4ff80}.section>.service-grid,.section>.pricing-note-box,.section>.about-text,.section>.contact-links,.section>.contact-form,.section>.form-message{margin-top:44px}.why-section,.about-section{background:var(--bg-0)}.contact-section,.pricing-section{background:var(--bg-1)}.service-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:22px;max-width:1180px;margin-inline:auto;display:grid}.service-card{border-radius:var(--r-lg);background:var(--surface);transition:transform .3s var(--ease), border-color .3s var(--ease), box-shadow .3s var(--ease);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #ffffff17;padding:32px 30px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f}.service-card:before{content:"";width:180px;height:180px;transition:opacity .3s var(--ease);background:radial-gradient(circle,#00d4ff33,#0000 65%);position:absolute;top:-90px;right:-90px}.service-card:after{content:"";border-radius:inherit;-webkit-mask-composite:xor;opacity:0;transition:opacity .3s var(--ease);pointer-events:none;background:linear-gradient(140deg,#00d4ffcc,#0000 45%,#7c3aedcc);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.service-card:hover{box-shadow:0 24px 50px -20px #0009, var(--glow-cyan);border-color:#0000;transform:translateY(-8px)}.service-card:hover:after{opacity:1}.card-icon{width:46px;height:46px;color:var(--cyan);background:#00d4ff1a;border:1px solid #00d4ff40;border-radius:14px;margin-bottom:20px;padding:10px}.service-card h3{color:#fff;margin-bottom:10px}.service-card p{color:var(--text-muted);font-size:.97rem;line-height:1.62}.about-text{max-width:820px;color:var(--text-dim);font-size:var(--fs-lead);text-align:center;margin:0 auto;line-height:1.75}.pricing-note-box{border-radius:var(--r-md);text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(150deg,#00d4ff1a,#7c3aed14);border:1px solid #00d4ff38;max-width:780px;margin:44px auto 0;padding:26px 28px}.pricing-note-box p{color:var(--text-dim);font-size:1.05rem;line-height:1.65}.pricing-note-box a{color:var(--cyan-soft);border-bottom:1px solid #00d4ff66;font-weight:700;text-decoration:none}.pricing-note-box a:hover{color:#fff;border-bottom-color:#fff}.contact-links{flex-wrap:wrap;gap:16px;max-width:650px;margin:44px auto 20px;display:flex}.contact-links a{border-radius:var(--r-md);color:#fff;background:var(--surface);min-width:220px;transition:transform .25s var(--ease), border-color .25s var(--ease), box-shadow .25s var(--ease);border:1px solid #00d4ff38;flex:1;padding:18px 20px;font-weight:600;text-decoration:none}.contact-links a:hover{box-shadow:var(--glow-cyan);border-color:#00d4ff99;transform:translateY(-4px)}.contact-form{text-align:left;flex-direction:column;gap:16px;max-width:650px;margin:0 auto;display:flex}.contact-form input,.contact-form select,.contact-form textarea{border-radius:var(--r-sm);border:1px solid var(--hairline-strong);color:#fff;width:100%;font:inherit;transition:border-color .2s var(--ease), box-shadow .2s var(--ease), background .2s var(--ease);background:#ffffff0d;padding:15px 16px;font-size:1rem}.contact-form textarea{resize:vertical;min-height:150px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--text-muted)}.contact-form select{color:var(--text-muted);appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--cyan) 50%), linear-gradient(135deg, var(--cyan) 50%, transparent 50%);background-position:calc(100% - 22px),calc(100% - 16px);background-repeat:no-repeat;background-size:6px 6px,6px 6px}.contact-form select option{background:var(--bg-1);color:#fff}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{background:#ffffff12;border-color:#00d4ffb3;outline:none;box-shadow:0 0 0 4px #00d4ff1f}.contact-form button{width:fit-content}.form-message{border-radius:var(--r-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-width:650px;margin:44px auto 0;padding:16px 18px;font-size:1rem;line-height:1.5}.form-message.success{color:var(--cyan-soft);background:#00d4ff17;border:1px solid #00d4ff73;box-shadow:0 0 26px #00d4ff21}.form-message.error{color:var(--danger);background:#ff6b6b17;border:1px solid #ff6b6b73;box-shadow:0 0 26px #ff6b6b21}.popup-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:3000;animation:fade-in .25s var(--ease);background:#04060fcc;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.popup-box{border-radius:var(--r-lg);text-align:center;width:100%;max-width:430px;box-shadow:var(--glow-cyan-lg), 0 30px 70px -20px #000c;animation:pop-in .35s var(--ease);background:radial-gradient(circle at top,#00d4ff2e,#0000 45%),#070b1ff7;border:1px solid #00d4ff59;padding:36px;position:relative}.popup-box.error{border-color:#ff6b6b73;box-shadow:0 0 60px #ff6b6b29,0 30px 70px -20px #000c}.popup-close{color:#fff;width:34px;height:34px;box-shadow:none;background:#ffffff14;border-radius:50%;padding:0;font-size:22px;line-height:1;position:absolute;top:14px;right:14px}.popup-close:hover{background:#ffffff29;transform:none}.popup-icon{color:#04060f;background:var(--grad-brand-strong);border-radius:50%;justify-content:center;align-items:center;width:66px;height:66px;margin:0 auto 20px;font-size:32px;font-weight:700;display:flex;box-shadow:0 0 32px #00d4ff66}.popup-box.error .popup-icon{background:var(--danger);box-shadow:0 0 32px #ff6b6b66}.popup-box h3{color:#fff;margin-bottom:12px;font-size:1.6rem}.popup-box p{color:var(--text-muted);margin-bottom:24px;line-height:1.6}.popup-button{width:100%}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.video-section{padding:var(--section-y) var(--pad-x);text-align:center;background:var(--bg-0)}.video-section>.badge{margin-left:50%;transform:translate(-50%)}.video-section h2{max-width:820px;margin:0 auto 14px}.video-section h2:after{content:"";background:var(--grad-brand);border-radius:3px;width:64px;height:3px;margin:22px auto 0;display:block;box-shadow:0 0 16px #00d4ff80}.video-wrap{border-radius:var(--r-lg);max-width:900px;box-shadow:var(--glow-cyan-lg), 0 30px 60px -20px #000000b3;border:1px solid #00d4ff47;margin:44px auto 0;position:relative;overflow:hidden}.video-wrap video{background:#000;width:100%;display:block}.cta-section{padding:var(--section-y) var(--pad-x);text-align:center;background:radial-gradient(circle at center, #00d4ff29, transparent 42%), var(--bg-0);position:relative;overflow:hidden}.cta-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#7c3aed33,#0000 62%);width:640px;max-width:120vw;height:640px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cta-section>*{position:relative}.cta-section h2{margin-bottom:16px}.cta-section p{max-width:680px;color:var(--text-muted);font-size:var(--fs-lead);margin:0 auto 30px;line-height:1.6}.footer{padding:30px var(--pad-x);background:var(--bg-0);color:var(--text-muted);border-top:1px solid var(--hairline);justify-content:space-between;align-items:center;gap:16px;font-size:.9rem;display:flex}@media (width<=960px){.hero-split{text-align:center;grid-template-columns:1fr;max-width:620px}.hero-content{text-align:center}.hero-text{margin-inline:auto}.hero-image-wrap{order:-1;max-width:560px;margin:0 auto}}@media (width<=860px){.navbar{flex-wrap:wrap;justify-content:center;gap:12px}.nav-links{flex-wrap:wrap;order:3;justify-content:center;gap:18px;width:100%}html{scroll-padding-top:165px}}@media (width<=600px){.home{min-height:auto;padding-top:clamp(9rem,26vh,12rem)}.navbar{padding:12px 16px}.nav-contact{justify-content:center;width:100%}.nav-contact a{text-align:center;flex:1;min-width:120px}.hero-image-wrap{animation:none}.button,button{width:100%}.contact-links{flex-direction:column}.contact-links a,.contact-form button{width:100%}.footer{text-align:center;flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}