@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=Caveat:wght@700&display=swap";
:root{--primary-hue:220;--primary-sat:90%;--primary:hsl(var(--primary-hue), var(--primary-sat), 56%);--on-primary:#fff;--primary-container:hsl(var(--primary-hue), var(--primary-sat), 94%);--on-primary-container:hsl(var(--primary-hue), var(--primary-sat), 25%);--background:#f4f1ea;--on-background:#1a1a1a;--surface:#ffffffd9;--on-surface:#1a1a1a;--outline:#00000026;--glow-color:#2196f359;--transition-speed:.8s;--transition-bezier:cubic-bezier(.25, 1, .5, 1)}body[data-theme=rose]{--primary-hue:340;--primary-sat:92%;--primary:hsl(var(--primary-hue), var(--primary-sat), 58%);--primary-container:hsl(var(--primary-hue), var(--primary-sat), 94%);--on-primary-container:hsl(var(--primary-hue), var(--primary-sat), 25%);--background:#f4f1ea;--on-background:#1a1a1a;--surface:#ffffffd9;--on-surface:#1a1a1a;--outline:#00000026;--glow-color:#e91e6359}body[data-theme=teal]{--primary-hue:165;--primary-sat:85%;--primary:hsl(var(--primary-hue), var(--primary-sat), 42%);--primary-container:hsl(var(--primary-hue), var(--primary-sat), 92%);--on-primary-container:hsl(var(--primary-hue), var(--primary-sat), 15%);--background:#f4f1ea;--on-background:#1a1a1a;--surface:#ffffffd9;--on-surface:#1a1a1a;--outline:#00000026;--glow-color:#00968859}body[data-theme=amber]{--primary-hue:38;--primary-sat:95%;--primary:hsl(var(--primary-hue), var(--primary-sat), 48%);--primary-container:hsl(var(--primary-hue), var(--primary-sat), 92%);--on-primary-container:hsl(var(--primary-hue), var(--primary-sat), 15%);--background:#f4f1ea;--on-background:#1a1a1a;--surface:#ffffffd9;--on-surface:#1a1a1a;--outline:#00000026;--glow-color:#ffc10759}body[data-theme=purple]{--primary-hue:275;--primary-sat:85%;--primary:hsl(var(--primary-hue), var(--primary-sat), 58%);--primary-container:hsl(var(--primary-hue), var(--primary-sat), 94%);--on-primary-container:hsl(var(--primary-hue), var(--primary-sat), 25%);--background:#f4f1ea;--on-background:#1a1a1a;--surface:#ffffffd9;--on-surface:#1a1a1a;--outline:#00000026;--glow-color:#9c27b059}body[data-theme=lime]{--primary-hue:85;--primary-sat:85%;--primary:hsl(var(--primary-hue), var(--primary-sat), 40%);--primary-container:hsl(var(--primary-hue), var(--primary-sat), 90%);--on-primary-container:hsl(var(--primary-hue), var(--primary-sat), 20%);--background:#f4f1ea;--on-background:#1a1a1a;--surface:#ffffffd9;--on-surface:#1a1a1a;--outline:#00000026;--glow-color:#8bc34a59}.no-transition,.no-transition *{transition:none!important}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body{background-color:var(--background);width:100%;min-height:100%;color:var(--on-background);transition:background-color var(--transition-speed) var(--transition-bezier), color var(--transition-speed) var(--transition-bezier);font-family:Outfit,sans-serif;overflow:hidden auto}.canvas-container{z-index:1;background-color:var(--background);width:100%;height:100%;transition:background-color var(--transition-speed) var(--transition-bezier);position:fixed;top:0;left:0;overflow:hidden}#bubble-canvas{cursor:default;width:100%;height:100%;display:block}.doodle-note{color:var(--on-background);z-index:10;opacity:.85;pointer-events:none;transition:color var(--transition-speed) var(--transition-bezier);flex-direction:column;align-items:flex-start;font-family:Caveat,cursive;font-size:1.6rem;font-weight:700;display:flex;position:absolute;top:2rem;left:2rem;transform:rotate(-3deg)}.doodle-arrow{width:60px;height:60px;stroke:var(--primary);stroke-width:3px;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:stroke var(--transition-speed) var(--transition-bezier);margin-top:.5rem;margin-left:2.5rem}.main-wrapper{z-index:2;pointer-events:none;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:2rem 1rem;display:flex;position:relative}.content-container{flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:680px;display:flex}.content-card{background:var(--surface);border:3px solid var(--on-background);box-shadow:0 0 0 2px var(--background), 5px 5px 0px var(--on-background);-webkit-backdrop-filter:blur(24px);text-align:center;pointer-events:auto;width:100%;max-width:500px;image-rendering:pixelated;transition:background var(--transition-speed) var(--transition-bezier), border-color var(--transition-speed) var(--transition-bezier), transform .2s ease, box-shadow .2s ease;border-radius:16px;flex-direction:column;align-items:center;padding:3rem 2.5rem;font-family:"Press Start 2P",monospace,sans-serif;display:flex;position:relative;transform:translateY(0)}.content-card:hover{box-shadow:0 0 0 2px var(--background), 7px 7px 0px var(--on-background);transform:translateY(-2px)}.services-grid{pointer-events:auto;grid-template-columns:repeat(2,1fr);gap:1.5rem;width:100%;display:grid}.service-card{-webkit-backdrop-filter:blur(20px);image-rendering:pixelated;border-radius:16px;flex-direction:column;justify-content:space-between;padding:1.75rem 1.5rem;font-family:"Press Start 2P",monospace,sans-serif;text-decoration:none;transition:all .25s;display:flex;position:relative;overflow:hidden}.n8n-card{background:#fff;border:3px solid #ff6d5a;box-shadow:4px 4px #ff6d5a}.dark .n8n-card{background:#1e1e24;border:3px solid #ff6d5a;box-shadow:4px 4px #ff6d5a}.n8n-card:hover{border-color:#ff6d5a;transform:translateY(-3px);box-shadow:6px 6px #ff6d5a}.n8n-card .service-icon-wrapper{color:#fff;background:#ff6d5a;border:2px solid #000;border-radius:8px;box-shadow:2px 2px #ff6d5a}.n8n-card .service-badge{color:#fff;letter-spacing:0;background:#ff6d5a;border-radius:4px;padding:.4rem .6rem;font-family:"Press Start 2P",monospace;font-size:.6rem;box-shadow:2px 2px #000}.n8n-card .service-title{color:#ff6d5a;text-transform:uppercase;letter-spacing:0;margin-top:.5rem;font-family:"Press Start 2P",monospace;font-size:.85rem;line-height:1.5}.n8n-card .service-desc{color:#4a4a50;opacity:.9;font-family:"Press Start 2P",monospace;font-size:.55rem;line-height:1.7}.n8n-card .service-link-btn{color:#ff6d5a;letter-spacing:0;font-family:"Press Start 2P",monospace;font-size:.6rem}.security-card{image-rendering:pixelated;background:#0d0e12;border:3px solid #ffb300;border-radius:16px;font-family:"Press Start 2P",monospace,sans-serif;box-shadow:0 0 15px #ffb30026,4px 4px #ffb300}.security-card:hover{border-color:#ffca28;transform:translateY(-3px);box-shadow:0 0 25px #ffb30059,6px 6px #ffca28}.security-card .service-badge{color:#000;letter-spacing:0;background:#ffb300;border-radius:4px;padding:.4rem .6rem;font-family:"Press Start 2P",monospace;font-size:.6rem;box-shadow:2px 2px #000}.security-card .service-icon-wrapper{color:#0d0e12;background:#ffb300;border:2px solid #000;border-radius:8px;box-shadow:2px 2px #ffb300}.security-card .service-title{color:#ffb300;text-transform:uppercase;letter-spacing:0;margin-top:.5rem;font-family:"Press Start 2P",monospace;font-size:.85rem;line-height:1.5}.security-card .service-desc{color:#d0d0d5;opacity:.9;font-family:"Press Start 2P",monospace;font-size:.55rem;line-height:1.7}.security-card .service-link-btn{color:#ffb300;letter-spacing:0;font-family:"Press Start 2P",monospace;font-size:.6rem}.service-badge{align-self:flex-start;margin-bottom:1.25rem}.service-icon-wrapper{justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:1rem;display:flex}.pixel-icon{width:24px;height:24px}.service-info{margin-bottom:1.25rem}.service-link-btn{align-items:center;gap:.4rem;margin-top:auto;transition:gap .2s;display:inline-flex}.service-card:hover .service-link-btn{gap:.65rem}.badge{background:var(--primary);color:var(--on-primary);letter-spacing:0;border:2px solid #000;border-radius:6px;margin-bottom:1.75rem;padding:.5rem 1rem;font-family:"Press Start 2P",monospace;font-size:.75rem;animation:3s ease-in-out infinite alternate float-badge;display:inline-block;box-shadow:3px 3px #000}.title{letter-spacing:0;color:var(--primary);text-shadow:3px 3px 0px var(--on-background);transition:color var(--transition-speed) var(--transition-bezier), text-shadow var(--transition-speed) var(--transition-bezier);margin-bottom:1.25rem;font-family:"Press Start 2P",monospace;font-size:2rem;line-height:1.3}.description{color:var(--on-surface);opacity:.9;letter-spacing:0;font-family:"Press Start 2P",monospace;font-size:.7rem;line-height:1.8}@keyframes float-badge{0%{transform:translateY(0)}to{transform:translateY(-6px)}}@media (max-width:768px){.main-wrapper{align-items:center;padding:3rem 1rem}.content-card{border-radius:14px;width:100%;padding:2rem 1.25rem}.services-grid{grid-template-columns:1fr;gap:1.25rem;width:100%}.title{font-size:1.4rem}.description{font-size:.6rem;line-height:1.6}}@media (max-width:480px){.content-card{border-radius:12px;padding:1.75rem 1rem}.title{text-shadow:2px 2px 0px var(--on-background);word-break:break-word;margin-bottom:1rem;font-size:1.15rem}.badge{margin-bottom:1.25rem;padding:.4rem .8rem;font-size:.65rem}.description{font-size:.55rem;line-height:1.6}}