@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Outfit:wght@400;600;700;800;900&family=Caveat:wght@600;700&display=swap";:root{--white:#fff;--ice:#f8fafc;--glacier:#f1f5f9;--neon:#00d2ff;--neon-bright:#00e5ff;--neon-dark:#0891b2;--neon-glow:#00d2ff26;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border:#e2e8f0;--border-subtle:#e2e8f080;--font-heading:"Outfit", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-cursive:"Caveat", cursive;--section-spacing:clamp(5rem, 10vw, 8rem);--container-max:76rem}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--white);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.03em;text-wrap:balance;line-height:1.1}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}.hidden{display:none!important}.honeypot-field{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.container-main{max-width:var(--container-max);margin:0 auto;padding:0 1.5rem}@media (width>=768px){.container-main{padding:0 3rem}}.section-spacious{padding-top:var(--section-spacing);padding-bottom:var(--section-spacing)}.watermark-container{position:relative;overflow:hidden}@keyframes marquee{0%{transform:translateY(-50%)}to{transform:translate(-50%,-50%)}}.watermark-text{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:-.04em;white-space:nowrap;color:#0000;-webkit-text-stroke:1px #00d2ff0f;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;font-size:clamp(6rem,18vw,16rem);font-weight:900;animation:60s linear infinite marquee;display:flex;position:absolute;top:50%;left:0;transform:translateY(-50%)}.watermark-text-dark{-webkit-text-stroke:3px #00d2ff99;filter:drop-shadow(0 0 10px #00d2ff4d)}.cursive-accent{font-family:var(--font-cursive);color:var(--neon);font-style:normal;font-weight:700}.cursive-accent-glow{font-family:var(--font-cursive);color:var(--neon-bright);text-shadow:0 0 10px #00d2ff99,0 0 30px #00d2ff4d;font-weight:700}.glass-nav{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);z-index:100;background:#ffffff26;justify-content:space-between;align-items:center;padding:1rem 1.5rem;transition:border-color .4s cubic-bezier(.16,1,.3,1),background .4s cubic-bezier(.16,1,.3,1),-webkit-backdrop-filter .4s cubic-bezier(.16,1,.3,1),backdrop-filter .4s cubic-bezier(.16,1,.3,1),box-shadow .4s cubic-bezier(.16,1,.3,1);display:flex;position:sticky;top:0}.glass-nav:hover{border-bottom-color:#00d2ff40}@media (width>=768px){.glass-nav{padding:1rem 3rem}}.card-glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-subtle);background:#ffffffeb;border-radius:1.5rem;transition:transform .5s cubic-bezier(.16,1,.3,1),border-color .5s cubic-bezier(.16,1,.3,1),box-shadow .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 1px 3px #0f172a0a,0 8px 32px -8px #0f172a0f}.card-glass:before{content:"";background:linear-gradient(90deg, transparent, var(--neon-bright), transparent);opacity:0;height:1px;transition:opacity .5s;position:absolute;top:0;left:0;right:0}.card-glass:hover{border-color:#00d2ff4d;transform:translateY(-6px);box-shadow:0 0 0 1px #00d2ff1a,0 20px 60px -12px #00d2ff26,0 8px 24px -8px #0f172a14}.card-glass:hover:before{opacity:1}.card-dark{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172af2;border:1px solid #33415580;border-radius:1.5rem;transition:transform .5s cubic-bezier(.16,1,.3,1),border-color .5s cubic-bezier(.16,1,.3,1),box-shadow .5s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 8px 32px -8px #0000004d}.card-dark:hover{border-color:#00d2ff4d;transform:translateY(-4px);box-shadow:0 0 30px #00d2ff1a,0 20px 60px -12px #0006}.glow-section{position:relative}.glow-section:before{content:"";background:radial-gradient(ellipse, var(--neon-glow) 0%, transparent 70%);filter:blur(80px);pointer-events:none;z-index:0;width:60%;height:50%;position:absolute;top:20%;left:50%;transform:translate(-50%)}.ambient-glow{background:radial-gradient(ellipse, var(--neon-glow) 0%, transparent 70%);filter:blur(80px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.btn-primary{font-family:var(--font-heading);background:var(--text-primary);color:var(--white);text-transform:uppercase;letter-spacing:.06em;border:1px solid #0000;border-radius:.75rem;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:.8125rem;font-weight:700;transition:background .3s cubic-bezier(.16,1,.3,1),color .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 16px #0f172a33}.btn-primary:hover{background:var(--neon);color:var(--text-primary);transform:translateY(-2px)scale(1.02);box-shadow:0 0 30px #00d2ff66}.btn-secondary{font-family:var(--font-heading);color:var(--text-primary);border:1.5px solid var(--border);text-transform:uppercase;letter-spacing:.06em;background:0 0;border-radius:.75rem;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:.8125rem;font-weight:600;transition:background .3s cubic-bezier(.16,1,.3,1),border-color .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-secondary:hover{background:var(--ice);border-color:var(--neon);transform:translateY(-2px)}.btn-neon{font-family:var(--font-heading);background:linear-gradient(135deg, var(--neon), var(--neon-bright));color:var(--text-primary);text-transform:uppercase;letter-spacing:.06em;border:none;border-radius:.75rem;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:.8125rem;font-weight:700;transition:box-shadow .3s cubic-bezier(.16,1,.3,1),transform .3s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 0 24px #00d2ff66}.btn-neon:hover{transform:translateY(-2px)scale(1.02);box-shadow:0 0 40px #00d2ff99}.badge-neon{color:var(--neon-dark);font-family:var(--font-heading);letter-spacing:.1em;text-transform:uppercase;background:#00d2ff0f;border:1px solid #00d2ff33;border-radius:9999px;align-items:center;gap:.4rem;padding:.35rem 1rem;font-size:.6875rem;font-weight:700;display:inline-flex}.text-gradient-cyan{background:linear-gradient(135deg, var(--text-primary) 20%, var(--neon) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.step-number{font-family:var(--font-heading);color:#00d2ff14;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:5rem;font-weight:900;line-height:1;position:absolute;top:-.5rem;left:1.5rem}.input-neon-focus{border:1.5px solid var(--border);background:var(--white);width:100%;color:var(--text-primary);font-family:var(--font-body);border-radius:.75rem;outline:none;padding:1rem 1.25rem;font-size:.9375rem;transition:border-color .3s,box-shadow .3s}.input-neon-focus:focus{border-color:var(--neon);box-shadow:0 0 0 4px #00d2ff1a,0 0 20px #00d2ff26}.input-neon-focus::placeholder{color:var(--text-muted)}@keyframes wave{0%,to{opacity:.5;transform:scaleY(.3)}50%{opacity:1;transform:scaleY(1.2)}}.animate-wave-1{animation:1.1s ease-in-out infinite wave}.animate-wave-2{animation:.8s ease-in-out .2s infinite wave}.animate-wave-3{animation:1.4s ease-in-out .1s infinite wave}.animate-wave-4{animation:.9s ease-in-out .3s infinite wave}.animate-wave-5{animation:1.2s ease-in-out .15s infinite wave}.bento-grid{grid-template-columns:repeat(12,1fr);gap:1.5rem;width:100%;display:grid}.bento-grid>div{height:100%}@media (width<=768px){.bento-grid>*{grid-column:span 12!important}.app-window-body{flex-direction:column!important}.app-window-sidebar{border-bottom:1px solid #33415566;gap:.25rem;overflow-x:auto;border-right:none!important;flex-direction:row!important;width:100%!important;padding:.5rem!important}.app-window-sidebar>.sidebar-label,.app-window-sidebar>.sidebar-footer{display:none}.app-window-right{border-top:1px solid #33415566;border-left:none!important;width:100%!important}}.reveal-up{opacity:0;will-change:opacity, transform;transition:opacity .8s cubic-bezier(.5,0,0,1),transform .8s cubic-bezier(.5,0,0,1);transform:translateY(40px)}.reveal-visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.section-obsidian{color:#fff;background:#0b1a30;position:relative;overflow:hidden}.section-obsidian:before{content:"";filter:blur(80px);pointer-events:none;background:radial-gradient(#06b6d41f 0%,#0000 70%);width:50%;height:60%;position:absolute;top:15%;left:-10%}.section-obsidian:after{content:"";filter:blur(100px);pointer-events:none;background:radial-gradient(#06b6d414 0%,#0000 70%);width:50%;height:60%;position:absolute;bottom:-20%;right:-10%}.no-glow-top:before,.no-glow-bottom:after{display:none!important}.divider-subtle{background:linear-gradient(90deg, transparent, var(--border), transparent);border:none;height:1px;margin:0}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}.animate-ping{animation:1s cubic-bezier(0,0,.2,1) infinite ping}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-float{animation:3s ease-in-out infinite float}@media (width>=640px){.sm\:text-5xl{font-size:3rem}.sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}@media (width>=768px){.md\:flex{display:flex}.md\:text-6xl{font-size:3.75rem}.md\:text-5xl{font-size:3rem}.md\:text-3xl{font-size:1.875rem}.md\:text-lg{font-size:1.125rem}.md\:text-base{font-size:1rem}.md\:text-sm{font-size:.875rem}.md\:px-12{padding-left:3rem;padding-right:3rem}.md\:p-10{padding:2.5rem}.md\:flex-row{flex-direction:row}}@media (width>=1024px){.lg\:flex-row{flex-direction:row}.lg\:grid-cols-2{grid-template-columns:repeat(2,1fr)}}.btn-primary:focus-visible,.btn-secondary:focus-visible,.btn-neon:focus-visible{outline:2px solid var(--neon);outline-offset:2px;box-shadow:0 0 0 4px #00d2ff33}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.hero-fade-layer{background:linear-gradient(#fff0 0%,#fff 50% 100%)}
