:root{--cyan:#36C8FF;--blue:#1E4FFF;--blue-900:#112152;--green:#20B04B;--ink:#0b1220;--bg:#030712;--card-bg: rgba(10,15,35,0.85);--glass: rgba(255,255,255,0.18);--text:#ffffff;--muted:#d0dff0;}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial;color:var(--text);background:linear-gradient(135deg,#051028 0%,#0a1533 50%,#051028 100%);position:relative;overflow-x:hidden} .container{width:min(1120px,92%);margin:0 auto}.section{padding:72px 0}.section-title{font-size:clamp(24px,2.2vw,32px);margin:0 0 24px;font-weight:800}.btn{display:inline-flex;align-items:center;gap:10px;border-radius:14px;padding:14px 22px;text-decoration:none;font-weight:700;transition:all .2s ease}@keyframes btnGlow{0%,100%{box-shadow:0 12px 24px rgba(47,209,111,.24),0 6px 14px rgba(30,79,255,.22)}50%{box-shadow:0 15px 30px rgba(54,200,255,.4),0 8px 20px rgba(32,176,75,.3)}}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--blue),var(--cyan),#2fd16f);background-size:200% 200%;animation:gradientShift 3s ease infinite,btnGlow 2s ease-in-out infinite;box-shadow:0 12px 24px rgba(47,209,111,.24),0 6px 14px rgba(30,79,255,.22)}.btn-primary:hover{transform:translateY(-2px) scale(1.05)}.btn-outline{border:2px solid rgba(255,255,255,.18);color:var(--text);background:transparent}.btn-outline:hover{background:rgba(255,255,255,.08)}.site-header{position:sticky;top:0;z-index:20;background:rgba(3,7,18,.95);backdrop-filter:saturate(160%) blur(10px);border-bottom:1px solid rgba(255,255,255,.15)}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none}.brand-logo{height:36px;width:auto}@keyframes brandGlow{0%,100%{text-shadow:0 0 10px rgba(54,200,255,.4)}50%{text-shadow:0 0 20px rgba(54,200,255,.7)}}.brand-name{font-weight:800;animation:brandGlow 2s ease-in-out infinite}.main-nav{display:flex;align-items:center;gap:18px}.main-nav a{color:var(--text);text-decoration:none;font-weight:600;opacity:.9}.main-nav a:hover{opacity:1}@keyframes heroGlow{0%,100%{box-shadow:0 0 40px rgba(30,79,255,.2),0 0 80px rgba(54,200,255,.1)}50%{box-shadow:0 0 60px rgba(54,200,255,.3),0 0 120px rgba(32,176,75,.2)}}.hero{padding:80px 0 40px;background:linear-gradient(90deg,rgba(30,79,255,.12) 0%,rgba(54,200,255,.15) 50%,rgba(32,176,75,.12) 100%);position:relative}.subtitle{font-size:clamp(14px,1.8vw,18px);color:var(--muted);margin:12px 0 20px}.hero-inner{display:grid;grid-template-columns:1.25fr .75fr;gap:32px;align-items:center}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes textGlow{0%,100%{text-shadow:0 0 10px rgba(54,200,255,.4),0 0 20px rgba(30,79,255,.3)}50%{text-shadow:0 0 20px rgba(54,200,255,.6),0 0 30px rgba(32,176,75,.4)}}.hero-copy h1{font-size:clamp(28px,4.5vw,54px);line-height:1.05;margin:.1em 0 .25em;font-weight:800;animation:textGlow 3s ease-in-out infinite}.hero-copy .accent{background:linear-gradient(135deg,var(--cyan),var(--blue),var(--green));background-size:200% 200%;animation:gradientShift 3s ease infinite;-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{font-size:clamp(16px,2vw,20px);color:var(--muted);margin:6px 0 20px}.cta-row{display:flex;gap:14px;flex-wrap:wrap}@keyframes cardHover{0%{transform:translateY(0px)}100%{transform:translateY(-5px)}}.hero-points{list-style:none;padding:0;margin:18px 0 0;color:var(--text)}.hero-points li{margin:6px 0}.hero-art{display:flex;justify-content:center}@keyframes logoFloat{0%,100%{transform:translateY(0px) rotate(0deg)}50%{transform:translateY(-15px) rotate(2deg)}}.hero-logo{width:min(320px,80%);height:auto;filter:drop-shadow(0 10px 20px rgba(0,0,0,.3));animation:logoFloat 6s ease-in-out infinite}.features .cards{display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}.card{background:rgba(10,15,35,0.9);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:22px;box-shadow:0 10px 22px rgba(0,0,0,.40);transition:all .3s ease;backdrop-filter:blur(10px)}.card:hover{animation:cardHover .3s ease forwards;box-shadow:0 15px 35px rgba(54,200,255,.3)}.card h3{color:var(--text)}.card p{color:var(--muted)}.card h3{margin:.2em 0 .3em}.card p{color:var(--muted);margin:0}.screens .grid-3{display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}.screen{border-radius:16px;padding:18px;text-align:center;border:1px dashed rgba(255,255,255,.18);color:var(--muted);min-height:140px;display:flex;align-items:center;justify-content:center}.placeholder::before{content:'— replace with screenshot —';opacity:.6;font-size:14px}.cta{padding:72px 0;background:linear-gradient(135deg, rgba(30,79,255,.14), rgba(47,209,111,.12));border-block:1px solid rgba(255,255,255,.08)}.cta-inner{display:flex;align-items:center;gap:18px;justify-content:space-between;flex-wrap:wrap}.cta-inner h2{margin:0}.cta-inner p{color:var(--text)}.contact .contact-grid{display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}.contact .label{font-weight:700;opacity:.8}.contact .value{color:var(--text);text-decoration:none}.site-footer{padding:30px 0;color:#aab3c6;text-align:center;border-top:1px solid rgba(255,255,255,.06)}@media (max-width:960px){.hero-inner{grid-template-columns:1fr}.features .cards,.screens .grid-3,.contact .contact-grid{grid-template-columns:1fr}.main-nav a:not(.btn){display:none}}
.card-blue{border-left:4px solid var(--blue);background:linear-gradient(135deg,rgba(30,79,255,.08),var(--card-bg))}.card-cyan{border-left:4px solid var(--cyan);background:linear-gradient(135deg,rgba(54,200,255,.08),var(--card-bg))}.card-green{border-left:4px solid var(--green);background:linear-gradient(135deg,rgba(32,176,75,.08),var(--card-bg))}.products{background:linear-gradient(90deg,rgba(30,79,255,.05) 0%,rgba(54,200,255,.08) 50%,rgba(32,176,75,.05) 100%)}.product-showcase{max-width:800px;margin:0 auto}@keyframes productGlow{0%,100%{box-shadow:0 12px 28px rgba(0,0,0,.25),0 0 40px rgba(54,200,255,.2)}50%{box-shadow:0 15px 35px rgba(0,0,0,.3),0 0 60px rgba(54,200,255,.4)}}.product-card{background:rgba(10,15,35,0.95);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:32px;backdrop-filter:blur(10px)}.product-header h3{animation:textGlow 3s ease-in-out infinite}.product-description{color:var(--text)}.feature-item{color:var(--muted)}.product-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.product-header h3{font-size:32px;margin:0;background:linear-gradient(135deg,var(--blue),var(--cyan),var(--green));-webkit-background-clip:text;background-clip:text;color:transparent}.product-badge{background:linear-gradient(135deg,var(--cyan),var(--green));color:#fff;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:700}.product-description{font-size:18px;color:var(--text);margin:16px 0 24px;line-height:1.6}.product-features{display:grid;gap:12px;margin:24px 0}.feature-item{color:var(--muted);padding:10px 0;border-bottom:1px solid rgba(255,255,255,.06)}.feature-item:last-child{border-bottom:none}.product-card .btn{margin-top:24px;width:100%}.approach-intro{text-align:center;color:var(--muted);font-size:18px;margin:0 auto 40px;max-width:600px}@keyframes approachPulse{0%,100%{border-color:rgba(30,79,255,.3)}50%{border-color:rgba(30,79,255,.6)}}.approach-blue{background:linear-gradient(135deg,rgba(30,79,255,.12),var(--card-bg));border:2px solid rgba(30,79,255,.3)}@keyframes approachPulseCyan{0%,100%{border-color:rgba(54,200,255,.3)}50%{border-color:rgba(54,200,255,.6)}}.approach-cyan{background:linear-gradient(135deg,rgba(54,200,255,.12),var(--card-bg));border:2px solid rgba(54,200,255,.3)}@keyframes approachPulseGreen{0%,100%{border-color:rgba(32,176,75,.3)}50%{border-color:rgba(32,176,75,.6)}}.approach-green{background:linear-gradient(135deg,rgba(32,176,75,.12),var(--card-bg));border:2px solid rgba(32,176,75,.3)}.approach-number{font-size:48px;font-weight:800;background:linear-gradient(135deg,var(--cyan),var(--green));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:12px}.screen h4{font-size:20px;margin:8px 0 12px;color:var(--text)}.screen p{color:var(--muted);font-size:14px;margin:0}.cta{background:linear-gradient(90deg,rgba(30,79,255,.14) 0%,rgba(54,200,255,.16) 50%,rgba(32,176,75,.14) 100%)}
.approach-intro{color:var(--text) !important}.screen h4{}.screen p{}.tagline{color:var(--text) !important}.subtitle{}.contact .label{}.contact .value{}.site-footer{}
.transformation-section{width:100%;padding:60px 0;background:linear-gradient(90deg,rgba(30,79,255,.08) 0%,rgba(54,200,255,.12) 50%,rgba(32,176,75,.08) 100%);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.transformation-container{width:100%;max-width:1400px;margin:0 auto;padding:0 20px}.transformation-image{width:100%;height:auto;display:block}
.legal-page{background:rgba(10,15,35,0.5);min-height:calc(100vh - 200px)}.legal-title{font-size:clamp(32px,4vw,48px);margin:0 0 10px;font-weight:800;background:linear-gradient(135deg,var(--cyan),var(--blue),var(--green));background-size:200% 200%;animation:gradientShift 3s ease infinite;-webkit-background-clip:text;background-clip:text;color:transparent}.legal-updated{color:var(--muted);font-size:14px;margin:0 0 40px}.legal-content{max-width:900px;background:rgba(10,15,35,0.9);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:40px;backdrop-filter:blur(10px)}.legal-content h2{color:var(--cyan);font-size:24px;margin:30px 0 15px;font-weight:700}.legal-content h2:first-child{margin-top:0}.legal-content p{color:var(--text);line-height:1.8;margin:15px 0}.legal-content ul{color:var(--text);line-height:1.8;margin:15px 0;padding-left:30px}.legal-content li{margin:10px 0}.legal-content strong{color:var(--cyan);font-weight:600}.legal-content a{color:var(--cyan);text-decoration:none;transition:color .2s}.legal-content a:hover{color:var(--green)}.contact-box{background:rgba(30,79,255,.1);border:1px solid rgba(54,200,255,.3);border-radius:12px;padding:25px;margin:20px 0}.contact-box p{margin:10px 0}.contact-box a{color:var(--cyan);text-decoration:none}.contact-box a:hover{color:var(--green)}.site-footer a{color:var(--cyan);text-decoration:none;margin:0 10px}.site-footer a:hover{color:var(--green)}