@tailwind base;@tailwind components;@tailwind utilities;:root{--optipacker-teal:#17a5a5;--optipacker-teal-dark:#128e8e;--optipacker-teal-darker:#0d7777;--optipacker-teal-light:#e0f5f5;--optipacker-teal-lighter:#f0fafa;--optipacker-teal-hover:#149999;--optipacker-teal-glow:rgba(23,165,165,0.15);--primary:var(--optipacker-teal);--primary-dark:var(--optipacker-teal-dark);--primary-light:var(--optipacker-teal-light);--primary-hover:var(--optipacker-teal-hover);--secondary:#4a4a4a;--secondary-light:#6b6b6b;--secondary-dark:#333333;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--background:#fafafa;--background-paper:#ffffff;--surface:#ffffff;--surface-elevated:#ffffff;--text-primary:#1a1a1a;--text-secondary:#666666;--text-muted:#999999;--text-disabled:#bdbdbd;--border-color:#e0e0e0;--border-light:#f0f0f0;--divider:#eeeeee;--success:#10b981;--success-light:#d1fae5;--success-dark:#059669;--warning:#f59e0b;--warning-light:#fef3c7;--warning-dark:#d97706;--error:#ef4444;--error-light:#fee2e2;--error-dark:#dc2626;--info:var(--optipacker-teal);--info-light:var(--optipacker-teal-light);--info-dark:var(--optipacker-teal-dark);--status-complete:var(--success);--status-action-required:var(--warning);--status-waiting:var(--info);--status-blocked:var(--error);--status-stale:var(--warning-dark);--status-unknown:var(--slate-400);--status-empty:var(--slate-300);--selection-bg:var(--optipacker-teal);--selection-bg-light:var(--optipacker-teal-light);--selection-border:var(--optipacker-teal);--selection-text:#ffffff;--foreground:#171717}:root.dark{--background:#0f172a;--background-paper:#1e293b;--surface:#1e293b;--surface-elevated:#334155;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:#334155;--border-light:#475569;--divider:#334155;--foreground:#f1f5f9;--optipacker-teal-light:rgba(23,165,165,0.2);--optipacker-teal-glow:rgba(23,165,165,0.25)}*,:after,:before{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;color-scheme:light}body{margin:0;padding:0;color:var(--text-primary);background-color:var(--background);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--slate-100);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--slate-300);border-radius:4px;border:2px solid var(--slate-100);-webkit-transition:background .2s ease;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:var(--optipacker-teal)}*{scrollbar-width:thin;scrollbar-color:var(--slate-300) var(--slate-100)}::selection{background-color:var(--optipacker-teal-light);color:var(--text-primary)}:focus-visible{outline:2px solid var(--optipacker-teal);outline-offset:2px}.optipacker-focus-ring:focus-visible{box-shadow:0 0 0 3px var(--optipacker-teal-glow);outline:none}a{color:var(--optipacker-teal);text-decoration:none;transition:color .2s ease}a:hover{color:var(--optipacker-teal-dark);text-decoration:underline}.MuiButton-containedPrimary{background-color:var(--optipacker-teal)!important;color:white!important;transition:background-color .3s ease,color .3s ease!important}.MuiButton-containedPrimary:hover{background-color:white!important;color:var(--optipacker-teal)!important}.MuiButton-outlined,.MuiButton-outlinedPrimary{background-color:transparent!important}.MuiButton-outlinedPrimary{border-color:var(--optipacker-teal)!important;color:var(--optipacker-teal)}.MuiButton-outlinedPrimary:hover{background-color:var(--optipacker-teal-light)!important;border-color:var(--optipacker-teal-dark)!important;color:var(--optipacker-teal-dark)}.MuiButton-textPrimary{color:var(--optipacker-teal)!important}.MuiButton-textPrimary:hover{background-color:var(--optipacker-teal-glow)!important}.MuiListItemButton-root.Mui-selected{background-color:var(--optipacker-teal)!important;color:white!important}.MuiListItemButton-root.Mui-selected:hover{background-color:var(--optipacker-teal-dark)!important}.MuiListItemButton-root.Mui-selected .MuiListItemIcon-root{color:white!important}.MuiChip-colorPrimary{background-color:var(--optipacker-teal)!important;color:white!important}.MuiChip-outlined,.MuiChip-outlinedPrimary{background-color:transparent!important}.MuiChip-outlinedPrimary{border-color:var(--optipacker-teal)!important;color:var(--optipacker-teal)!important}.MuiChip-outlinedPrimary:hover{background-color:var(--optipacker-teal-light)!important;color:var(--optipacker-teal-dark)!important}.MuiCheckbox-colorPrimary.Mui-checked,.MuiRadio-colorPrimary.Mui-checked,.MuiSwitch-colorPrimary.Mui-checked{color:var(--optipacker-teal)!important}.MuiLinearProgress-colorPrimary .MuiLinearProgress-bar,.MuiSwitch-colorPrimary.Mui-checked+.MuiSwitch-track{background-color:var(--optipacker-teal)!important}.MuiCircularProgress-colorPrimary,.MuiTab-textColorPrimary.Mui-selected{color:var(--optipacker-teal)!important}.MuiTabs-indicator{background-color:var(--optipacker-teal)!important}.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--optipacker-teal)!important}.MuiIconButton-colorPrimary,.MuiInputLabel-root.Mui-focused,.MuiLink-root{color:var(--optipacker-teal)!important}.MuiFab-primary{background-color:var(--optipacker-teal)!important}.MuiFab-primary:hover{background-color:var(--optipacker-teal-dark)!important}.MuiPaginationItem-root.Mui-selected{background-color:var(--optipacker-teal)!important;color:white!important}.MuiStepIcon-root.Mui-active,.MuiStepIcon-root.Mui-completed{color:var(--optipacker-teal)!important}.MuiAlert-standardInfo{background-color:var(--optipacker-teal-light)!important;color:var(--optipacker-teal-dark)!important}.MuiAlert-standardInfo .MuiAlert-icon{color:var(--optipacker-teal)!important}.optipacker-card-selected,[data-selected=true]{border-color:var(--optipacker-teal)!important;background-color:var(--optipacker-teal-lighter)!important;box-shadow:0 0 0 1px var(--optipacker-teal-glow)!important}.optipacker-card-selected:hover,[data-selected=true]:hover{border-color:var(--optipacker-teal-dark)!important;background-color:var(--optipacker-teal-light)!important}.optipacker-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:10px;line-height:1.4}.optipacker-badge-active{background-color:var(--optipacker-teal);color:white}.optipacker-badge-beta{background-color:var(--warning);color:white}.optipacker-badge-coming-soon{background-color:var(--slate-400);color:white}.optipacker-badge-draft{background-color:var(--slate-300);color:var(--slate-700)}@layer utilities{.text-balance{text-wrap:balance}.text-optipacker{color:var(--optipacker-teal)}.bg-optipacker{background-color:var(--optipacker-teal)}.bg-optipacker-light{background-color:var(--optipacker-teal-light)}.border-optipacker{border-color:var(--optipacker-teal)}.transition-smooth{transition:all .3s ease}.shadow-optipacker{box-shadow:0 4px 14px var(--optipacker-teal-glow)}.shadow-optipacker-sm{box-shadow:0 2px 8px var(--optipacker-teal-glow)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{transform:translateX(-20px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideInUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse-teal{0%,to{box-shadow:0 0 0 0 var(--optipacker-teal-glow)}50%{box-shadow:0 0 0 8px transparent}}@keyframes logoStrokeDraw{0%{stroke-dashoffset:var(--stroke-length,100);opacity:.3}50%{opacity:1}to{stroke-dashoffset:0;opacity:1}}@keyframes logoZoomComplete{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-in{animation:slideInLeft .3s ease-out}.animate-slide-up{animation:slideInUp .3s ease-out}.animate-pulse-teal{animation:pulse-teal 2s infinite}@keyframes subtleRotate{0%{transform:perspective(1000px) rotateX(0deg) rotateY(0deg)}to{transform:perspective(1000px) rotateX(-5deg) rotateY(5deg)}}@supports (animation-timeline:scroll()){.hero-parallax-container{animation:subtleRotate linear;animation-timeline:scroll();animation-range:0 100vh}}@supports not (animation-timeline:scroll()){.hero-parallax-container{transition:transform .3s ease-out}.hero-parallax-container:hover{transform:perspective(1000px) rotateX(-2deg) rotateY(2deg)}}@keyframes featureCardEntrance{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes stepNumberGlow{0%,to{box-shadow:0 4px 14px var(--optipacker-teal-glow),0 0 30px rgba(23,165,165,.1)}50%{box-shadow:0 6px 20px var(--optipacker-teal-glow),0 0 40px rgba(23,165,165,.2)}}@keyframes stickyBarSlideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes stickyBarSlideDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}.sticky-cta-enter{animation:stickyBarSlideUp .3s ease-out forwards}.sticky-cta-exit{animation:stickyBarSlideDown .3s ease-in forwards}@keyframes floatSlow{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(10px,-10px) rotate(2deg)}66%{transform:translate(-5px,5px) rotate(-1deg)}}@keyframes floatMedium{0%,to{transform:translate(0)}50%{transform:translate(-15px,10px)}}@media (prefers-reduced-motion:reduce){.landing-decoration-blob,.landing-decoration-circle{animation:none!important}}@keyframes logoPulse{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1.05)}}@media (prefers-reduced-motion:reduce){.optipacker-logo-animated,.optipacker-logo-animated *{animation:none!important;transition:none!important}.optipacker-logo-animated .MuiBox-root{opacity:1!important;transform:none!important}}@keyframes ctxflow-ring-pulse{0%{box-shadow:inset 0 0 0 0 var(--optipacker-teal-glow);opacity:1}60%{box-shadow:inset 0 0 0 6px var(--optipacker-teal-glow);opacity:.6}to{box-shadow:inset 0 0 0 10px var(--optipacker-teal-glow);opacity:0}}.ctxflow-ring-pulse{animation:ctxflow-ring-pulse 1.2s ease-out 1 forwards}@keyframes ctxflow-drawer-slide{0%{transform:translateX(16px);opacity:0}to{transform:translateX(0);opacity:1}}.ctxflow-drawer-slide{animation:ctxflow-drawer-slide .24s ease-out 1 both}@keyframes ctxflow-item-enter{0%{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}.ctxflow-item-enter{animation:ctxflow-item-enter .2s ease-out 1 both;animation-delay:calc(var(--ctxflow-stagger-index, 0) * 60ms)}@media (prefers-reduced-motion:reduce){.ctxflow-drawer-slide,.ctxflow-item-enter,.ctxflow-ring-pulse{animation:none!important;transition:none!important}}[style*="border-color: #1976d2"],[style*="border-color:#1976d2"],[style*="border: 2px solid #1976d2"]{border-color:var(--optipacker-teal)!important}[style*="background-color: #f0f8ff"],[style*="background-color:#f0f8ff"]{background-color:var(--optipacker-teal-lighter)!important}[style*="rgba(33, 150, 243"]{background-color:var(--optipacker-teal-glow)!important}