:root{--bg-primary:#faf8f5;--bg-secondary:#f3eff8;--bg-surface:#fff;--bg-card-code:#faf4eb;--text-primary:#1e2d4a;--text-muted:#5e6d8a;--text-light:#8e9bb4;--border-primary:#1e2d4a;--border-muted:#e2e6ef;--pastel-blue:#bfd3ec;--pastel-lavender:#d0c1e5;--pastel-peach:#f8bca3;--pastel-mint:#bfe3d4;--pastel-blue-dark:#8eacdb;--pastel-lavender-dark:#a995c9;--pastel-peach-dark:#e29372;--pastel-mint-dark:#88c3ab;--shadow-offset:6px 6px 0px #1e2d4a;--shadow-offset-hover:8px 8px 0px #1e2d4a;--shadow-offset-active:2px 2px 0px #1e2d4a;--shadow-soft:0 10px 30px -5px #1e2d4a0d;--radius-lg:20px;--radius-md:12px;--radius-sm:8px;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--font-playfair:"Playfair Display", Georgia, serif;--transition-smooth:.35s cubic-bezier(.25, 1, .5, 1);--transition-fast:.15s ease}body.dark-mode{--bg-primary:#0c0e17;--bg-secondary:#141724;--bg-surface:#191d2f;--bg-card-code:#1a1724;--text-primary:#f0f4fc;--text-muted:#9eabca;--text-light:#6e7c9d;--border-primary:#384c74;--border-muted:#252b44;--pastel-blue:#1d2a44;--pastel-lavender:#251d3a;--pastel-peach:#3d2218;--pastel-mint:#153225;--pastel-blue-dark:#bfd3ec;--pastel-lavender-dark:#d0c1e5;--pastel-peach-dark:#f8bca3;--pastel-mint-dark:#bfe3d4;--shadow-offset:6px 6px 0px #f8bca3;--shadow-offset-hover:8px 8px 0px #f8bca3;--shadow-offset-active:2px 2px 0px #f8bca3;--shadow-soft:0 10px 40px #0006}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;transition:background-color var(--transition-smooth), color var(--transition-smooth);position:relative;overflow-x:hidden}.background-decorations{z-index:-2;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.blob{filter:blur(100px);opacity:.6;mix-blend-mode:multiply;transition:background-color var(--transition-smooth), opacity var(--transition-smooth);border-radius:50%;position:absolute}body.dark-mode .blob{opacity:.35;mix-blend-mode:screen}.blob-blue{background-color:var(--pastel-blue-dark);width:500px;height:500px;animation:25s ease-in-out infinite alternate float-slow;top:-100px;left:-150px}.blob-peach{background-color:var(--pastel-peach-dark);width:600px;height:600px;animation:30s ease-in-out 2s infinite alternate-reverse float-slow;bottom:20%;left:-200px}.blob-lavender{background-color:var(--pastel-lavender-dark);width:550px;height:550px;animation:28s ease-in-out 4s infinite alternate float-slow;top:10%;right:-200px}.blob-mint{background-color:var(--pastel-mint-dark);width:400px;height:400px;animation:22s ease-in-out 1s infinite alternate-reverse float-slow;bottom:-50px;right:15%}.grid-pattern{background-image:radial-gradient(var(--text-primary) 1px, transparent 1px);opacity:.03;z-index:-1;background-size:32px 32px;width:100%;height:100%;position:absolute;top:0;left:0}body.dark-mode .grid-pattern{opacity:.05}.main-header{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-muted);transition:background-color var(--transition-smooth), border-color var(--transition-smooth);background-color:#faf8f5cc;position:sticky;top:0}body.dark-mode .main-header{border-bottom:1px solid var(--border-muted);background-color:#0c0e17d9}.header-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:16px 24px;display:flex}.logo-link{align-items:center;text-decoration:none;display:flex}.ciidr-logo-svg{width:110px;height:38px}.logo-text-main{font-family:var(--font-sans);fill:var(--text-primary);transition:fill var(--transition-smooth);font-size:38px;font-weight:800}.logo-dot{fill:var(--text-primary);transition:fill var(--transition-smooth)}body.dark-mode .logo-text-main,body.dark-mode .logo-dot{fill:#fff}.desktop-nav ul{gap:32px;list-style:none;display:flex}.nav-link{color:var(--text-primary);transition:color var(--transition-fast);padding:8px 0;font-size:15px;font-weight:600;text-decoration:none;position:relative}.nav-link:after{content:"";background-color:var(--text-primary);width:0;height:2px;transition:width var(--transition-fast);position:absolute;bottom:0;left:0}body.dark-mode .nav-link:after{background-color:var(--pastel-peach-dark)}.nav-link:hover{color:var(--text-muted)}.nav-link:hover:after{width:100%}.font-special{font-family:var(--font-playfair);font-style:italic;font-weight:700}.header-actions{align-items:center;gap:20px;display:flex}.theme-toggle-btn{border:1px solid var(--border-muted);cursor:pointer;width:42px;height:42px;color:var(--text-primary);transition:background-color var(--transition-fast), border-color var(--transition-fast);background:0 0;border-radius:50%;justify-content:center;align-items:center;display:flex}.theme-toggle-btn:hover{border-color:var(--text-primary);background-color:#1e2d4a0d}body.dark-mode .theme-toggle-btn:hover{background-color:rgba(240, 244, 2FC, .1);border-color:#fff}.cta-btn-primary{background-color:var(--text-primary);color:var(--bg-primary);border-radius:var(--radius-sm);border:2px solid var(--text-primary);transition:all var(--transition-fast);padding:10px 20px;font-size:14px;font-weight:700;text-decoration:none;box-shadow:2px 2px #1e2d4a26}.cta-btn-primary:hover{background-color:var(--bg-primary);color:var(--text-primary);box-shadow:4px 4px 0px var(--text-primary);transform:translateY(-1px)}body.dark-mode .cta-btn-primary{background-color:var(--text-primary);color:#0c0e17;border-color:var(--text-primary)}body.dark-mode .cta-btn-primary:hover{color:var(--text-primary);box-shadow:4px 4px 0px var(--text-primary);background-color:#0000}.section-container{max-width:1200px;margin:0 auto;padding:80px 24px}.hero-section{position:relative;overflow:hidden}.hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;padding-top:40px;padding-bottom:80px;display:grid}.status-badge{border:1px solid var(--border-muted);background-color:#1e2d4a0d;border-radius:100px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 14px;font-size:13px;font-weight:700;display:inline-flex}body.dark-mode .status-badge{background-color:#f0f4fc0d}.pulse-indicator{background-color:#4caf50;border-radius:50%;width:8px;height:8px;display:inline-block;position:relative}.pulse-indicator:after{content:"";background-color:#4caf50;border-radius:50%;width:100%;height:100%;animation:1.8s ease-in-out infinite pulse-ring;position:absolute;top:0;left:0}.hero-title{letter-spacing:-2px;flex-direction:column;margin-bottom:24px;font-size:64px;font-weight:800;line-height:1.1;display:flex}.brand-text{color:var(--text-primary)}.brand-subtitle{color:var(--text-muted);margin-top:4px;font-size:48px;font-weight:500}.dot-trail{gap:6px;margin-left:10px;display:inline-flex;transform:translateY(4px)}.dot-trail .dot{border-radius:50%;width:8px;height:8px;animation:1.4s infinite both dot-trail-anim;display:inline-block}.dot-trail .dot:first-child{background-color:var(--pastel-blue-dark);animation-delay:0s}.dot-trail .dot:nth-child(2){background-color:var(--pastel-lavender-dark);animation-delay:.2s}.dot-trail .dot:nth-child(3){background-color:var(--pastel-peach-dark);animation-delay:.4s}@keyframes dot-trail-anim{0%,to{opacity:.25}50%{opacity:1}}.hero-description{color:var(--text-muted);max-width:520px;margin-bottom:40px;font-size:18px;line-height:1.6}.hero-cta-group{align-items:center;gap:24px;display:flex}.btn-primary-filled{background-color:var(--text-primary);color:var(--bg-primary);border-radius:var(--radius-sm);border:2px solid var(--text-primary);transition:all var(--transition-fast);padding:16px 32px;font-size:16px;font-weight:700;text-decoration:none;box-shadow:4px 4px #1e2d4a26}.btn-primary-filled:hover{background-color:var(--bg-primary);color:var(--text-primary);box-shadow:6px 6px 0px var(--text-primary);transform:translate(-2px,-2px)}body.dark-mode .btn-primary-filled{background-color:var(--text-primary);color:#0c0e17}body.dark-mode .btn-primary-filled:hover{color:var(--text-primary);box-shadow:6px 6px 0px var(--text-primary);background-color:#0000}.btn-secondary-link{color:var(--text-primary);transition:transform var(--transition-fast);font-size:16px;font-weight:700;text-decoration:none}.btn-secondary-link:hover{transform:translate(4px)}.code-editor-card{background-color:var(--bg-card-code);border:2px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-offset);transition:transform var(--transition-smooth), box-shadow var(--transition-smooth), background-color var(--transition-smooth), border-color var(--transition-smooth);position:relative;overflow:hidden}.code-editor-card:hover{box-shadow:var(--shadow-offset-hover);transform:translate(-3px,-3px)}.card-header{border-bottom:2px solid var(--border-primary);transition:border-color var(--transition-smooth);background-color:#1e2d4a08;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}body.dark-mode .card-header{background-color:#ffffff08}.window-controls{gap:6px;display:flex}.control{border:1px solid var(--border-primary);border-radius:50%;width:12px;height:12px}.control.red{background-color:#ff5f56}.control.yellow{background-color:#ffbd2e}.control.green{background-color:#27c93f}.card-title-tab{font-family:var(--font-mono);color:var(--text-muted);font-size:13px;font-weight:600}.run-script-btn{background-color:var(--pastel-mint);border:2px solid var(--border-primary);border-radius:var(--radius-sm);font-family:var(--font-mono);color:#1e2d4a;cursor:pointer;transition:transform var(--transition-fast), background-color var(--transition-fast);align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:700;display:flex}.run-script-btn:hover{background-color:var(--pastel-mint-dark);transform:scale(1.05)}.run-script-btn:active{transform:scale(.95)}.play-icon{fill:currentColor}.card-body{padding:30px}.code-block{font-family:var(--font-mono);font-size:16px;line-height:1.7}.code-keyword{color:#e06c75;font-weight:600}.code-variable{color:#4a6984}body.dark-mode .code-variable{color:#89b4fa}.code-function{color:#0f8a5f;font-weight:600}body.dark-mode .code-function{color:#a6e3a1}.code-argument{color:#7c4dff}body.dark-mode .code-argument{color:#cba6f7}.card-console{border-top:2px solid var(--border-primary);color:#a2acbc;background-color:#12151e;max-height:0;transition:max-height .4s cubic-bezier(.16,1,.3,1);overflow:hidden}.card-console.open{max-height:160px}.console-header{font-family:var(--font-mono);color:#6d7b93;background-color:#1a1f2b;border-bottom:1px solid #222b3b;justify-content:space-between;align-items:center;padding:6px 16px;font-size:11px;font-weight:600;display:flex}.clear-console-btn{color:#a2acbc;cursor:pointer;background:0 0;border:none}.clear-console-btn:hover{color:#fff}.console-output{font-family:var(--font-mono);height:115px;padding:12px 16px;font-size:12px;line-height:1.5;overflow-y:auto}.console-line{margin-bottom:4px}.text-muted{color:#556278}.text-green{color:#3cd070}.text-blue{color:#529bff}.section-header{margin-bottom:54px}.text-center{text-align:center}.section-tag{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-primary);background-color:var(--pastel-peach);border:1px solid var(--border-primary);border-radius:100px;margin-bottom:16px;padding:6px 16px;font-size:12px;font-weight:800;display:inline-block}.bg-lavender-tag{background-color:var(--pastel-lavender)}.bg-peach-tag{background-color:var(--pastel-peach)}.section-title{letter-spacing:-1px;margin-bottom:12px;font-size:40px;font-weight:800}.section-subtitle{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:16px}.products-grid{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}.product-card{background-color:var(--bg-surface);border:1px solid var(--border-muted);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);transition:all var(--transition-smooth);display:flex;position:relative;overflow:hidden}.product-card:before{content:"";width:100%;height:6px;position:absolute;top:0;left:0}.card-jiggler:before{background-color:var(--pastel-blue-dark)}.card-invoice:before{background-color:var(--pastel-lavender-dark)}.product-card-inner{flex-direction:column;flex:1;padding:32px;display:flex}.product-card-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.product-icon-wrapper{border-radius:var(--radius-md);border:1px solid var(--border-muted);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.icon-jiggler{color:#3a699b;background-color:#bfd3ec4d}.icon-invoice{color:#6c49a0;background-color:#d0c1e54d}.product-status{text-transform:uppercase;letter-spacing:.5px;border-radius:100px;padding:4px 10px;font-size:11px;font-weight:800}.product-status.active{color:#2e7d32;background-color:#e8f5e9}.product-status.premium{color:#7b1fa2;background-color:#f3e5f5}.product-title{letter-spacing:-.5px;margin-bottom:12px;font-size:24px;font-weight:700}.product-description{color:var(--text-muted);flex:1;margin-bottom:24px;font-size:15px;line-height:1.6}.product-features{margin-bottom:30px;list-style:none}.product-features li{color:var(--text-muted);align-items:center;gap:8px;margin-bottom:8px;font-size:14px;display:flex}.check-icon{color:#4caf50;font-weight:700}.btn-card-primary{background-color:var(--bg-primary);border:1px solid var(--border-muted);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition-fast);justify-content:space-between;align-items:center;padding:14px 20px;font-size:14px;font-weight:700;text-decoration:none;display:flex}.product-card:hover{border-color:var(--text-primary);transform:translateY(-4px);box-shadow:0 15px 40px -10px #1e2d4a1a}body.dark-mode .product-card:hover{border-color:var(--pastel-peach-dark)}.product-card:hover .btn-card-primary{background-color:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.btn-card-primary .arrow{transition:transform var(--transition-fast)}.btn-card-primary:hover .arrow{transform:translate(4px)}.playground-card-wrapper{background-color:var(--bg-surface);border:2px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-offset);transition:border-color var(--transition-smooth), box-shadow var(--transition-smooth);overflow:hidden}.playground-tabs-header{border-bottom:2px solid var(--border-primary);transition:border-color var(--transition-smooth);background-color:#1e2d4a05;display:flex}body.dark-mode .playground-tabs-header{background-color:#ffffff03}.tab-btn{border:none;border-right:2px solid var(--border-primary);font-family:var(--font-sans);color:var(--text-muted);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;flex:1;justify-content:center;align-items:center;gap:10px;padding:18px 24px;font-size:16px;font-weight:700;display:flex}.tab-btn:last-child{border-right:none}.tab-btn.active{background-color:var(--bg-surface);color:var(--text-primary)}.tab-btn:not(.active):hover{background-color:#1e2d4a0d}body.dark-mode .tab-btn:not(.active):hover{background-color:#ffffff08}.playground-tabs-content{padding:30px}.tab-content{display:none}.tab-content.active{display:block}.jiggler-sandbox-grid{grid-template-columns:.95fr 1.05fr;gap:32px;display:grid}.sandbox-controls-panel{background-color:var(--bg-primary);border:1px solid var(--border-muted);border-radius:var(--radius-md);transition:background-color var(--transition-smooth), border-color var(--transition-smooth);flex-direction:column;justify-content:space-between;padding:24px;display:flex}.sandbox-controls-panel h3{margin-bottom:6px;font-size:18px;font-weight:700}.panel-desc{color:var(--text-muted);margin-bottom:24px;font-size:13px}.control-group{margin-bottom:24px}.control-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:8px;font-size:12px;font-weight:800;display:block}.segmented-control{background-color:var(--bg-surface);border:1px solid var(--border-muted);border-radius:var(--radius-sm);padding:4px;display:flex}.segment-btn{font-family:var(--font-sans);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:4px;flex:1;padding:8px 12px;font-size:13px;font-weight:700}.segment-btn.active{background-color:var(--text-primary);color:var(--bg-primary)}body.dark-mode .segment-btn.active{background-color:var(--pastel-peach-dark);color:#0c0e17}.slider-header{justify-content:space-between;align-items:center;display:flex}.slider-value{color:var(--text-primary);font-size:12px;font-weight:700}.premium-slider{-webkit-appearance:none;background:var(--border-muted);border-radius:3px;outline:none;width:100%;height:6px;margin-top:10px}.premium-slider::-webkit-slider-thumb{appearance:none;background:var(--text-primary);border:2px solid var(--bg-surface);cursor:pointer;width:18px;height:18px;transition:transform var(--transition-fast);border-radius:50%;box-shadow:0 2px 5px #00000026}body.dark-mode .premium-slider::-webkit-slider-thumb{background:var(--pastel-peach-dark)}.premium-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.switch-group{justify-content:space-between;align-items:center;display:flex}.switch-label-wrapper{flex:1}.switch-sub{color:var(--text-muted);font-size:12px}.switch{width:48px;height:26px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider-round{cursor:pointer;background-color:var(--border-muted);border-radius:34px;transition:all .3s;position:absolute;inset:0}.slider-round:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;bottom:3px;left:3px}input:checked+.slider-round{background-color:var(--text-primary)}body.dark-mode input:checked+.slider-round{background-color:var(--pastel-peach-dark)}input:checked+.slider-round:before{transform:translate(22px)}.power-btn{border-radius:var(--radius-sm);border:2px solid var(--border-primary);width:100%;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:10px;padding:16px;font-size:15px;font-weight:700;display:flex}.power-btn.btn-stopped{background-color:var(--pastel-mint);color:#1e2d4a;box-shadow:3px 3px #1e2d4a}.power-btn.btn-stopped:hover{background-color:var(--pastel-mint-dark);transform:translate(-2px,-2px);box-shadow:5px 5px #1e2d4a}.power-btn.btn-running{color:#1e2d4a;background-color:#ff8a80;box-shadow:3px 3px #1e2d4a}.power-btn.btn-running:hover{background-color:#ff5252;transform:translate(-2px,-2px);box-shadow:5px 5px #1e2d4a}body.dark-mode .power-btn{box-shadow:3px 3px 0px var(--border-primary)}body.dark-mode .power-btn.btn-stopped{background-color:var(--pastel-peach);color:#000}body.dark-mode .power-btn.btn-stopped:hover{background-color:var(--pastel-peach-dark)}.btn-power-icon{border:2px solid;border-radius:50%;width:12px;height:12px;display:inline-block;position:relative}.btn-power-icon:before{content:"";background-color:currentColor;width:2px;height:6px;position:absolute;top:-3px;left:3px}.sandbox-display-panel{flex-direction:column;display:flex}.screen-monitor{border:2px solid var(--border-primary);border-radius:var(--radius-md);background-color:#131722;flex-direction:column;flex:1;display:flex;overflow:hidden}.monitor-header{border-bottom:2px solid var(--border-primary);background-color:#1a1f2c;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.monitor-title{font-family:var(--font-mono);color:#8e9bb4;font-size:12px;font-weight:600}.monitor-status{align-items:center;gap:6px;display:flex}.monitor-status .status-dot{width:8px;height:8px;transition:background-color var(--transition-fast);background-color:#ff5252;border-radius:50%;display:inline-block}.monitor-status.active .status-dot{background-color:#4caf50;animation:1s infinite alternate glow-pulse}.monitor-status .status-text{font-family:var(--font-mono);color:#8e9bb4;font-size:11px}.monitor-viewport{background-color:#0e1118;flex:1;min-height:280px;position:relative}#jiggler-canvas{width:100%;height:100%;display:block;position:absolute;top:0;left:0}.virtual-cursor-data{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-sm);font-family:var(--font-mono);color:#a2acbc;pointer-events:none;z-index:5;background-color:#131722d9;border:1px solid #2a3143;padding:8px 12px;font-size:11px;display:none;position:absolute;bottom:12px;left:12px}.virtual-cursor-data.visible{display:block}.data-row{gap:8px;margin-bottom:2px;display:flex}.data-row:last-child{margin-bottom:0}.data-lbl{color:#5f6d85}.text-red{color:#ff5f56}.text-green-g{color:#27c93f}.bold{font-weight:600}.viewport-overlay-prompt{z-index:10;color:#fff;text-align:center;background-color:#0e1118b3;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:24px;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.viewport-overlay-prompt.hidden{opacity:0;pointer-events:none}.prompt-icon{margin-bottom:12px;font-size:32px;animation:2s ease-in-out infinite bounce-slow}.viewport-overlay-prompt h4{margin-bottom:4px;font-size:16px;font-weight:700}.viewport-overlay-prompt p{color:#8e9bb4;max-width:240px;font-size:13px}.invoice-sandbox-grid{grid-template-columns:.9fr 1.1fr;gap:32px;display:grid}.invoice-editor-sidebar{background-color:var(--bg-primary);border:1px solid var(--border-muted);border-radius:var(--radius-md);transition:background-color var(--transition-smooth), border-color var(--transition-smooth);padding:24px}.sidebar-header{margin-bottom:24px}.sidebar-header h3{font-size:18px;font-weight:700}.sidebar-header p{color:var(--text-muted);font-size:13px}.invoice-form{flex-direction:column;gap:16px;display:flex}.input-row-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.form-input-group{flex-direction:column;gap:6px;display:flex}.form-input-group label,.section-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:11px;font-weight:800}.form-input-group input,.select-premium{background-color:var(--bg-surface);border:1px solid var(--border-muted);border-radius:var(--radius-sm);font-family:var(--font-sans);color:var(--text-primary);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:10px 14px;font-size:14px}.form-input-group input:focus,.select-premium:focus{border-color:var(--text-primary);box-shadow:0 0 0 3px #1e2d4a14}.items-table-builder{margin-top:8px}.section-label{margin-bottom:10px;display:block}.items-list{flex-direction:column;gap:8px;display:flex}.item-row{grid-template-columns:1.8fr .5fr .7fr;gap:8px;display:grid}.item-row input{background-color:var(--bg-surface);border:1px solid var(--border-muted);border-radius:var(--radius-sm);font-family:var(--font-sans);color:var(--text-primary);outline:none;padding:8px 10px;font-size:12px}.item-row input.item-rate,.item-row input.item-qty{font-family:var(--font-mono)}.btn-print-invoice{background-color:var(--pastel-lavender);border:2px solid var(--border-primary);color:#1e2d4a;border-radius:var(--radius-sm);width:100%;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:8px;padding:14px;font-size:14px;font-weight:700;display:flex;box-shadow:3px 3px #1e2d4a}.btn-print-invoice:hover{background-color:var(--pastel-lavender-dark);transform:translate(-2px,-2px);box-shadow:5px 5px #1e2d4a}body.dark-mode .btn-print-invoice{background-color:var(--pastel-lavender-dark);color:#0c0e17;box-shadow:3px 3px 0px var(--border-primary)}body.dark-mode .btn-print-invoice:hover{box-shadow:5px 5px 0px var(--border-primary)}.invoice-live-preview-panel{border:1px solid var(--border-muted);border-radius:var(--radius-md);transition:background-color var(--transition-smooth), border-color var(--transition-smooth);background-color:#1e2d4a08;justify-content:center;padding:24px;display:flex;overflow:auto}body.dark-mode .invoice-live-preview-panel{background-color:#00000026}.invoice-paper-sheet{color:#1a1f2c;width:100%;max-width:460px;font-family:var(--font-sans);background-color:#fff;border-radius:4px;flex-direction:column;padding:40px;display:flex;box-shadow:0 4px 20px #00000014}.invoice-paper-header{border-bottom:1.5px solid #1a1f2c;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:16px;display:flex}.invoice-paper-brand{flex-direction:column;display:flex}.paper-logo-text{letter-spacing:-.5px;font-size:16px;font-weight:800}.paper-logo-sub{color:#6d7b93;font-size:11px}.invoice-paper-title-block{text-align:right}.invoice-paper-title-block h2{letter-spacing:1px;font-size:22px;font-weight:800}.invoice-number-disp{font-family:var(--font-mono);color:#1a1f2c;font-size:11px;font-weight:600}.invoice-paper-billing-info{justify-content:space-between;margin-bottom:30px;display:flex}.bill-to h4{color:#6d7b93;margin-bottom:4px;font-size:10px;font-weight:800}.client-name-bold{font-size:14px;font-weight:700}.client-subtext{color:#6d7b93;font-size:11px}.invoice-dates{font-size:12px}.date-row{justify-content:space-between;gap:16px;margin-bottom:4px;display:flex}.date-row span{color:#6d7b93}.invoice-paper-table{border-collapse:collapse;width:100%;margin-bottom:30px}.invoice-paper-table th{text-transform:uppercase;color:#6d7b93;text-align:left;border-bottom:1.5px solid #1a1f2c;padding:8px 4px;font-size:11px;font-weight:800}.invoice-paper-table td{border-bottom:1px solid #e2e6ef;padding:10px 4px;font-size:12px}.invoice-paper-table .text-right{text-align:right}.invoice-paper-table tbody tr:last-child td{border-bottom:1.5px solid #1a1f2c}.invoice-paper-total-block{align-self:flex-end;width:200px;margin-bottom:40px}.total-row{justify-content:space-between;margin-bottom:6px;font-size:12px;display:flex}.total-row.grand-total{border-top:1px solid #1a1f2c;margin-top:8px;padding-top:8px}.total-price{font-size:16px;font-weight:800}.invoice-paper-footer{border-top:1px solid #e2e6ef;justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;display:flex}.invoice-paper-footer p{color:#6d7b93;max-width:260px;font-size:10px}.footer-seal{color:#1a1f2c;opacity:.15}.philosophy-section{position:relative}.philosophy-cards-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.philosophy-card{background-color:var(--bg-surface);border:1px solid var(--border-muted);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);transition:transform var(--transition-smooth), border-color var(--transition-smooth);padding:40px 32px;position:relative}.philosophy-card:hover{border-color:var(--text-primary);transform:translateY(-6px)}body.dark-mode .philosophy-card:hover{border-color:var(--pastel-peach-dark)}.phil-num{font-family:var(--font-playfair);color:var(--pastel-blue-dark);margin-bottom:20px;font-size:44px;font-style:italic;font-weight:700;line-height:1}#phil-card-study .phil-num{color:var(--pastel-blue-dark)}#phil-card-build .phil-num{color:var(--pastel-lavender-dark)}#phil-card-impact .phil-num{color:var(--pastel-peach-dark)}.phil-title{margin-bottom:4px;font-size:20px;font-weight:700}.phil-desc{font-family:var(--font-mono);margin-bottom:16px;font-size:12px}.phil-body{color:var(--text-muted);font-size:14px;line-height:1.6}.newsletter-box{background:var(--bg-surface);border:2px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-offset);transition:border-color var(--transition-smooth), box-shadow var(--transition-smooth);padding:60px 40px;position:relative;overflow:hidden}.newsletter-box:after{content:"";background-color:var(--pastel-peach);opacity:.4;z-index:1;border-radius:50%;width:150px;height:150px;position:absolute;top:-50px;right:-50px}.newsletter-content{z-index:2;text-align:center;max-width:600px;margin:0 auto;position:relative}.news-title{letter-spacing:-.5px;margin-bottom:12px;font-size:32px;font-weight:800}.news-subtitle{color:var(--text-muted);margin-bottom:32px;font-size:15px;line-height:1.6}.newsletter-form{width:100%}.news-input-wrapper{background-color:var(--bg-primary);border:2px solid var(--border-primary);border-radius:var(--radius-md);padding:6px;display:flex}.news-input-wrapper input{font-family:var(--font-sans);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:12px 18px;font-size:15px}.news-submit-btn{background-color:var(--text-primary);color:var(--bg-primary);border-radius:var(--radius-sm);font-family:var(--font-sans);cursor:pointer;border:none;align-items:center;gap:8px;padding:0 24px;font-size:14px;font-weight:700;transition:opacity .2s;display:flex}.news-submit-btn:hover{opacity:.9}body.dark-mode .news-submit-btn{background-color:var(--pastel-peach-dark);color:#0c0e17}.form-feedback-message{margin-top:10px;font-size:13px;font-weight:600}.form-feedback-message.success{color:#2e7d32}.form-feedback-message.error{color:#c62828}.main-footer{background-color:var(--bg-surface);border-top:1px solid var(--border-muted);transition:background-color var(--transition-smooth), border-color var(--transition-smooth)}.footer-grid{grid-template-columns:2fr repeat(2,1fr);gap:60px;padding-top:60px;padding-bottom:60px;display:grid}.footer-logo{width:120px;height:40px;margin-bottom:16px}.footer-brand-desc{color:var(--text-muted);max-width:320px;margin-bottom:24px;font-size:14px;line-height:1.5}.copyright-text{color:var(--text-light);font-size:12px}.footer-links-col h4{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:20px;font-size:13px;font-weight:800}.footer-links-col ul{list-style:none}.footer-links-col ul li{margin-bottom:12px}.footer-links-col ul li a{color:var(--text-muted);transition:color var(--transition-fast);font-size:14px;text-decoration:none}.footer-links-col ul li a:hover{color:var(--text-primary)}@keyframes float-slow{0%{transform:translate(0)scale(1)rotate(0)}50%{transform:translate(40px,30px)scale(1.05)rotate(5deg)}to{transform:translate(-30px,-20px)scale(.95)rotate(-3deg)}}@keyframes pulse-ring{0%{opacity:.8;transform:scale(.95)}50%{opacity:0;transform:scale(1.6)}to{opacity:0;transform:scale(.95)}}@keyframes glow-pulse{0%{box-shadow:0 0 4px #4caf5066}to{box-shadow:0 0 14px #4caf50e6}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes bounce-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (width<=968px){.hero-grid{text-align:center;grid-template-columns:1fr;gap:40px}.hero-description{margin-left:auto;margin-right:auto}.hero-cta-group{justify-content:center}.products-grid,.jiggler-sandbox-grid,.invoice-sandbox-grid,.philosophy-cards-grid{grid-template-columns:1fr}.footer-grid{text-align:center;grid-template-columns:1fr;gap:40px}.footer-brand-desc{margin-left:auto;margin-right:auto}}@media (width<=600px){.hero-title{font-size:44px}.brand-subtitle{font-size:34px}.desktop-nav{display:none}.newsletter-box{padding:40px 20px}.news-input-wrapper{background:0 0;border:none;flex-direction:column;gap:8px;padding:0}.news-input-wrapper input{background-color:var(--bg-surface);border:2px solid var(--border-primary);border-radius:var(--radius-sm);width:100%}.news-submit-btn{justify-content:center;padding:14px}}@media print{body *{visibility:hidden}#invoice-print-area,#invoice-print-area *{visibility:visible}#invoice-print-area{position:absolute;top:0;left:0;width:100%!important;max-width:100%!important;box-shadow:none!important;margin:0!important;padding:0!important}body{color:#000!important;background-color:#fff!important}@page{size:auto;margin:15mm}}