*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--green-dark:#0a5c3a;--green-mid:#12874f;--green-light:#2cb87a;--teal:#1aada0;--blue-deep:#0d4a8a;--blue-mid:#1a6fc4;--white:#fff;--off-white:#f0f9f5;--accent:#7ed957}html{font-size:16px}body{font-family:Montserrat,sans-serif;font-size:1rem;background:#fff;color:#1a1a2e;overflow-x:hidden;-webkit-font-smoothing:antialiased;padding:28px}#bg-canvas{position:fixed;inset:28px;z-index:0;border-radius:22px;box-shadow:0 10px 50px rgba(0,0,0,.22);overflow:hidden;background:linear-gradient(135deg,var(--green-dark) 0,var(--blue-deep) 40%,var(--teal) 100%)}#bg-canvas:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 10% 20%,rgba(26,173,160,.35) 0,transparent 60%),radial-gradient(ellipse 60% 80% at 90% 80%,rgba(44,184,122,.3) 0,transparent 60%),radial-gradient(ellipse 50% 50% at 50% 50%,rgba(13,74,138,.25) 0,transparent 70%);animation:bgPulse 8s ease-in-out infinite alternate}@keyframes bgPulse{0%{opacity:.7}to{opacity:1}}.dot{position:fixed;border-radius:50%;background:hsla(0,0%,100%,.12);animation:floatDot linear infinite;z-index:0;pointer-events:none}@keyframes floatDot{0%{transform:translateY(0) scale(1);opacity:.15}50%{transform:translateY(-40px) scale(1.2);opacity:.35}to{transform:translateY(0) scale(1);opacity:.15}}.page{z-index:1;max-width:900px;margin:0 auto;padding:40px 20px 60px}.page,nav{position:relative}nav{z-index:10;display:flex;align-items:center;justify-content:space-between;padding:18px 40px;background:hsla(0,0%,100%,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid hsla(0,0%,100%,.15);border-radius:22px 22px 0 0}nav img.logo{height:60px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.4));border-radius:8px}.nav-tag{font-size:.8125rem;font-weight:600;letter-spacing:.08em;color:var(--accent);text-transform:uppercase;background:hsla(0,0%,100%,.07);border:1px solid rgba(126,217,87,.4);padding:7px 18px;border-radius:50px}.hero{display:flex;align-items:center;gap:40px;padding:48px 52px 44px;animation:fadeDown .9s ease both;position:relative;overflow:hidden}.hero-wave-art{position:absolute;left:-30px;top:50%;transform:translateY(-50%);width:240px;height:420px;opacity:.9;pointer-events:none;z-index:0}.hero-wave-art svg{width:100%;height:100%}.hero-left{display:contents}.hero-logo{width:150px;height:150px;object-fit:contain;border-radius:20px;background:hsla(0,0%,100%,.95);padding:12px;box-shadow:0 8px 32px rgba(0,0,0,.25);flex-shrink:0;animation:fadeDown 1s ease .2s both}.hero-content,.hero-logo{position:relative;z-index:1}.hero-content{flex:1 1}@keyframes fadeDown{0%{opacity:0;transform:translateY(-28px)}to{opacity:1;transform:translateY(0)}}.hero-eyebrow{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.15em;color:var(--accent);text-transform:uppercase;border:1px solid rgba(126,217,87,.5);padding:6px 20px;border-radius:50px;margin-bottom:22px;background:rgba(126,217,87,.08)}.hero h1{font-family:Montserrat,sans-serif;font-size:2.75rem;font-weight:900;line-height:1.1;color:var(--white);text-shadow:0 4px 24px rgba(0,0,0,.4)}.hero h1 span{color:var(--accent);display:block;font-size:3rem}.hero-sub{max-width:560px;margin:20px auto 0;font-size:1rem;font-weight:400;line-height:1.75;color:hsla(0,0%,100%,.82)}.hero-sub strong{color:var(--white);font-weight:600}.monitor-wrap{margin:36px auto 0;width:260px;height:160px;position:relative;animation:fadeDown 1s ease .3s both}.monitor{width:100%;height:130px;background:hsla(0,0%,100%,.1);border:2px solid hsla(0,0%,100%,.25);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;gap:14px;position:relative;overflow:hidden}.monitor:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(44,184,122,.15),rgba(26,111,196,.15))}.monitor-icon{font-size:2rem;filter:drop-shadow(0 2px 6px rgba(0,0,0,.3));z-index:1}.monitor-stand{width:30px;height:28px;background:hsla(0,0%,100%,.15);margin:0 auto;-webkit-clip-path:polygon(30% 0,70% 0,100% 100%,0 100%);clip-path:polygon(30% 0,70% 0,100% 100%,0 100%)}.monitor-base{width:80px;height:8px;background:hsla(0,0%,100%,.2);border-radius:4px;margin:0 auto}.divider{display:flex;align-items:center;gap:12px;margin:50px 0 36px;animation:fadeIn 1s ease .5s both}.divider-line{flex:1 1;height:1px;background:hsla(0,0%,100%,.2)}.divider-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}.right-video-panel{position:fixed;right:0;top:50%;transform:translateY(-50%);width:260px;height:480px;z-index:20;border-radius:20px 0 0 20px;overflow:hidden;background:#fff;border:6px solid #fff;border-right:none;box-shadow:-8px 0 40px rgba(0,0,0,.35);animation:slideInRight 1s cubic-bezier(.34,1.56,.64,1) .5s both}@keyframes slideInRight{0%{opacity:0;transform:translateY(-50%) translateX(80px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}.quote-bubbles-container{position:fixed;left:28px;top:50%;transform:translateY(-50%);width:210px;z-index:19;display:flex;flex-direction:column;gap:8px}.quote-bubble{background:hsla(0,0%,100%,.12);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.25);border-radius:18px 18px 18px 4px;padding:10px 12px;box-shadow:0 4px 20px rgba(0,0,0,.2);animation:bubbleIn .8s cubic-bezier(.34,1.56,.64,1) both}@keyframes bubbleIn{0%{opacity:0;transform:translateX(-40px) scale(.9)}to{opacity:1;transform:translateX(0) scale(1)}}.quote-bubble .qicon{font-size:1.1rem;margin-bottom:5px;display:block}.quote-bubble p{font-size:.78rem;line-height:1.5;color:hsla(0,0%,100%,.92);font-weight:500;margin:0}.quote-bubble p em{color:var(--accent);font-style:normal;font-weight:700}.qb-1{animation-delay:.8s}.qb-2{animation-delay:1s}.qb-3{animation-delay:1.2s}.qb-3,.qb-4{border-radius:4px 18px 18px 18px}.qb-4{animation-delay:1.4s}@media (max-width:1100px){.quote-bubbles-container{display:none}}.right-video-panel__player{width:100%;height:100%;object-fit:cover;display:block;border-radius:14px 0 0 14px}.right-video-panel__placeholder{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:rgba(13,74,138,.85);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:14px 0 0 14px}.right-video-panel__placeholder p{font-size:.875rem;color:hsla(0,0%,100%,.85);font-weight:600;letter-spacing:.05em;text-align:center;line-height:1.5}.play-icon{font-size:2.5rem;color:hsla(0,0%,100%,.85);display:block}.unmute-btn{position:absolute;bottom:12px;right:12px;z-index:10;background:rgba(0,0,0,.5);border:1px solid hsla(0,0%,100%,.3);color:#fff;font-size:1.2rem;width:38px;height:38px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.unmute-btn:hover{background:rgba(0,0,0,.75)}.cards-video-wrap{display:block}.cards-video-wrap,.grid{animation:fadeIn 1s ease .6s both}.grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card{background:hsla(0,0%,100%,.92);border-radius:20px;padding:32px 28px;position:relative;overflow:hidden;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .35s ease;box-shadow:0 8px 32px rgba(0,0,0,.18);border:1px solid hsla(0,0%,100%,.6)}.card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 60px rgba(0,0,0,.28)}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:20px 20px 0 0}.card-a:before{background:linear-gradient(90deg,var(--blue-mid),var(--teal))}.card-b:before{background:linear-gradient(90deg,var(--green-mid),var(--accent))}.card-c:before{background:linear-gradient(90deg,var(--blue-deep),var(--blue-mid))}.card-d:before{background:linear-gradient(90deg,#7b2ff7,#c471ed)}.card-icon{width:62px;height:62px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;margin-bottom:18px;position:relative;z-index:1}.card-a .card-icon{background:linear-gradient(135deg,#1a6fc4,#1aada0)}.card-b .card-icon{background:linear-gradient(135deg,#12874f,#7ed957)}.card-c .card-icon{background:linear-gradient(135deg,#0d4a8a,#1a6fc4)}.card-d .card-icon{background:linear-gradient(135deg,#7b2ff7,#c471ed)}.card h3{font-size:1.0625rem;font-weight:700;line-height:1.35;color:#0d1b2a;margin-bottom:10px}.card h3 span{color:var(--blue-mid)}.card-b h3 span{color:var(--green-mid)}.card-d h3 span{color:#7b2ff7}.card p{font-size:.9375rem;color:#3d4f5c;line-height:1.65}.card-circle{position:absolute;bottom:-20px;right:-20px;width:90px;height:90px;border-radius:50%;opacity:.06}.card-a .card-circle{background:var(--blue-mid)}.card-b .card-circle{background:var(--green-light)}.card-c .card-circle{background:var(--blue-deep)}.card-d .card-circle{background:#7b2ff7}.card-full{grid-column:1/-1;background:linear-gradient(135deg,rgba(123,47,247,.92),rgba(196,113,237,.88));color:var(--white);display:flex;align-items:center;gap:28px;border:1px solid hsla(0,0%,100%,.25)}.card-full:before{background:linear-gradient(90deg,#7b2ff7,#c471ed)}.card-full .card-icon{width:72px;height:72px;min-width:72px;background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.25)}.card-full h3{color:var(--white)}.card-full h3 span{color:var(--accent)}.card-full p{color:hsla(0,0%,100%,.8)}.card-full .card-circle{background:var(--white);opacity:.05}.mini-bars{display:flex;align-items:flex-end;gap:5px;height:28px;margin-top:12px}.mini-bar{width:8px;border-radius:3px;background:hsla(0,0%,100%,.75);animation:barGrow .8s ease both}@keyframes barGrow{0%{height:0}}.footer-banner{margin-top:40px;padding:24px 36px;background:hsla(0,0%,100%,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.18);border-radius:20px;display:flex;align-items:center;justify-content:center;gap:16px;animation:fadeIn 1s ease 1s both}.footer-banner p{font-size:1rem;color:hsla(0,0%,100%,.9);font-style:italic}.footer-banner strong{color:var(--accent);font-style:normal;font-weight:700}.bulb{font-size:1.5rem}footer{position:relative;z-index:10;padding:20px;color:hsla(0,0%,100%,.45);font-size:.8125rem;letter-spacing:.04em;border-radius:0 0 22px 22px}.hero-content,footer{text-align:center}@media (max-width:700px){.cards-video-wrap,.grid{grid-template-columns:1fr}.card-full{flex-direction:column;text-align:center}.hero{grid-template-columns:1fr}.hero h1{font-size:2.2rem}.hero h1 span{font-size:2.4rem}.hero-logo{width:110px;height:110px}}.modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:rgba(8,20,45,.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.modal-container{width:420px;max-width:92vw;border-radius:28px;overflow:hidden;box-shadow:0 32px 80px rgba(0,0,0,.55),0 0 0 1px hsla(0,0%,100%,.12);animation:modalIn .5s cubic-bezier(.34,1.56,.64,1) both}@keyframes modalIn{0%{opacity:0;transform:scale(.88) translateY(32px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{background:linear-gradient(135deg,var(--green-dark) 0,var(--blue-deep) 55%,var(--teal) 100%);padding:36px 32px 28px;text-align:center;position:relative;overflow:hidden}.modal-header:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 30% 40%,rgba(44,184,122,.28) 0,transparent 60%),radial-gradient(ellipse 50% 80% at 80% 80%,rgba(26,173,160,.22) 0,transparent 55%);pointer-events:none}.modal-logo{width:88px;height:88px;object-fit:contain;background:hsla(0,0%,100%,.97);border-radius:18px;padding:8px;box-shadow:0 8px 32px rgba(0,0,0,.32);margin-bottom:16px;display:block;margin-left:auto;margin-right:auto}.modal-logo,.modal-title{position:relative;z-index:1}.modal-title{font-family:Montserrat,sans-serif;font-size:1.75rem;font-weight:900;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.3);margin-bottom:6px;letter-spacing:-.01em}.modal-subtitle{font-size:.875rem;color:hsla(0,0%,100%,.82);font-weight:400;line-height:1.6;position:relative;z-index:1}.modal-subtitle strong{color:var(--accent);font-weight:700}.modal-body{background:#fff;padding:32px 32px 36px}.modal-field{display:flex;align-items:center;background:#f4f7fb;border:2px solid #e5eaf2;border-radius:14px;padding:0 16px;margin-bottom:14px;transition:border-color .25s,box-shadow .25s,background .25s}.modal-field:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px rgba(26,173,160,.14);background:#fff}.modal-field-icon{font-size:1.05rem;margin-right:10px;opacity:.55;flex-shrink:0;line-height:1}.modal-field input{flex:1 1;border:none;background:transparent;font-family:Montserrat,sans-serif;font-size:.9375rem;color:#1a1a2e;padding:15px 0;outline:none}.modal-field input::placeholder{color:#9aaab8}.modal-toggle-pass{background:none;border:none;cursor:pointer;font-size:1rem;padding:8px 2px;opacity:.55;transition:opacity .2s;flex-shrink:0;line-height:1}.modal-toggle-pass:hover{opacity:1}.modal-error{background:#fff4f4;border:1.5px solid #fdd0d0;border-radius:12px;padding:12px 16px;margin-bottom:16px;font-size:.8125rem;color:#c0392b;font-weight:600;display:flex;align-items:flex-start;gap:8px;line-height:1.5;animation:shakeError .4s cubic-bezier(.36,.07,.19,.97)}@keyframes shakeError{0%,to{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}.modal-btn{width:100%;padding:16px;background:linear-gradient(135deg,var(--green-mid) 0,var(--teal) 100%);border:none;border-radius:14px;color:#fff;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.06em;cursor:pointer;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s;box-shadow:0 8px 24px rgba(18,135,79,.32);margin-top:4px}.modal-btn:hover{transform:translateY(-3px) scale(1.015);box-shadow:0 16px 36px rgba(18,135,79,.42)}.modal-btn:active{transform:translateY(0) scale(.99);box-shadow:0 4px 12px rgba(18,135,79,.25)}