:root{--bg-primary:#0a0a0a;--bg-secondary:#111;--bg-tertiary:#161616;--bg-card:#141414;--accent-white:#f5f5f5;--accent-cream:#e8e0d5;--accent-sand:#00c4d4;--accent-sand-dark:#008f9e;--accent-teal:#00c4d4;--accent-teal-bright:#22e2f0;--accent-violet:#7c5cff;--accent-violet-bright:#9d7bff;--accent-gradient:linear-gradient(135deg, #00c4d4 0%, #3f8dff 52%, #7c5cff 100%);--accent-gradient-text:linear-gradient(90deg, #00e2f0 0%, #6ea8ff 46%, #a882ff 100%);--accent-gradient-glow:linear-gradient(135deg, #00c4d42e 0%, #7c5cff1f 100%);--text-primary:#f0fafa;--text-secondary:#e0f4f8db;--text-muted:#d6eaf09e;--border-color:#78aad21f;--border-hover:#7c5cff6b;--font-body:"Plus Jakarta Sans", sans-serif;--font-display:"Outfit", sans-serif;--transition-fast:.2s ease;--transition-base:.4s cubic-bezier(.16, 1, .3, 1);--transition-slow:.8s cubic-bezier(.16, 1, .3, 1);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--shadow-glow:0 0 90px #00c4d424;--shadow-glow-violet:0 0 90px #7c5cff29;--shadow-card:0 10px 44px #0408108c;--shadow-elevated:0 24px 70px #02060e9e, 0 1px 0 #ffffff0a inset;--nav-height:72px}[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f5f5f5;--bg-tertiary:#eee;--bg-card:#f0f0f0;--text-primary:#0a0a0a;--text-secondary:#141414bf;--text-muted:#1414148c;--border-color:#0096a533;--border-hover:#0096a573;--shadow-card:0 8px 40px #0000001a;--shadow-glow:0 0 80px #00c4d414}[data-theme=light] body{background-color:var(--bg-primary);color:var(--text-primary)}[data-theme=light] .navbar--scrolled{border-bottom:1px solid var(--border-color);background:#ffffffeb;box-shadow:0 1px 24px #00000014}[data-theme=light] .navbar__mobile{background:#fff}[data-theme=light] .navbar__logo-img{filter:invert()}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:var(--font-body);background-image:radial-gradient(1100px 760px at 8% -6%,#00c4d41a,#0000 58%),radial-gradient(1000px 720px at 100% 4%,#7c5cff1a,#0000 55%);background-repeat:no-repeat;font-weight:400;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--accent-gradient);border-radius:2px}::-webkit-scrollbar-thumb:hover{filter:brightness(1.1)}::selection{background:var(--accent-sand);color:#fff}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;line-height:1.1}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;font-family:var(--font-body);background:0 0;border:none}input,textarea,select{font-family:var(--font-body)}.container{max-width:1600px;margin:0 auto;padding:0 40px}.section-label{font-family:var(--font-body);letter-spacing:.2em;text-transform:uppercase;background:var(--accent-gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;align-items:center;gap:12px;font-size:11px;font-weight:600;display:flex}.section-label:before{content:"";background:var(--accent-gradient);-webkit-text-fill-color:initial;flex-shrink:0;width:32px;height:1px;display:inline-block}.btn{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;border-radius:var(--radius-sm);transition:all var(--transition-base);cursor:pointer;align-items:center;gap:10px;padding:14px 32px;font-size:13px;font-weight:600;display:inline-flex;position:relative}.btn-primary{color:#04181c;background:linear-gradient(120deg,#00c4d4 0%,#00dcea 100%);border:1px solid #0000;font-weight:700;overflow:hidden;box-shadow:0 0 #00c4d400}.btn-primary:after{content:"";pointer-events:none;background:linear-gradient(120deg,#0000,#ffffff59,#0000);width:55%;height:100%;transition:left .6s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:-80%;transform:skew(-20deg)}.btn-primary:hover:after{left:140%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 34px #00c4d459,0 0 44px #7c5cff38}.btn-primary:active,.btn-outline:active{transform:translateY(0)scale(.98)}.btn-outline{color:var(--text-primary);background:0 0;border:1.5px solid #00c4d480}.btn-outline:hover{color:#00c4d4;background:#00c4d414;border-color:#00c4d4;transform:translateY(-2px)}[data-theme=light] .btn-primary{color:#fff;background:#007a85}[data-theme=light] .btn-primary:hover{background:#008f9e;box-shadow:0 8px 32px #007a8559}[data-theme=light] .btn-outline{color:#007a85;border-color:#007a8580}[data-theme=light] .btn-outline:hover{color:#007a85;background:#007a8514;border-color:#007a85}.reveal-text{display:block;overflow:hidden}.reveal-text span{will-change:transform;display:block}.fade-up{will-change:transform, opacity}.gradient-border{position:relative}.gradient-border:after{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;opacity:.55;transition:opacity var(--transition-base);background:linear-gradient(135deg,#00c4d480,#7c5cff47 55%,#00c4d400);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-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}.gradient-border:hover:after{opacity:1}.browser-frame{border:1px solid var(--border-color);box-shadow:var(--shadow-card);background:#0b0d13;padding-top:36px}.browser-frame:before{content:"";z-index:2;background:radial-gradient(5px at 5px 5px,#ffffff38 96%,#0000) 0/16px 10px no-repeat,radial-gradient(5px at 5px 5px,#ffffff24 96%,#0000) 50%/16px 10px no-repeat,radial-gradient(5px at 5px 5px,#00c4d480 96%,#0000) 100%/16px 10px no-repeat;width:42px;height:10px;position:absolute;top:13px;left:16px}.browser-frame img{border-radius:0 0 12px 12px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=768px){.container{padding:0 24px}:root{--nav-height:64px}}@media (width<=480px){.container{padding:0 16px}}
