@media (max-width:640px){.hero-section{min-height:auto;padding-left:max(1.25rem,env(safe-area-inset-left));padding-right:max(1.25rem,env(safe-area-inset-right))}.hero-section .grid{grid-template-columns:1fr;gap:3rem}.hero-section .space-y-8{max-width:36rem;margin-left:auto;margin-right:auto;gap:1.75rem;padding-inline:.25rem}.hero-section .space-y-6{gap:1.25rem}.hero-section .inline-flex{font-size:.875rem;padding:.5rem .75rem;max-width:100%;text-align:center;justify-content:center;white-space:normal}.hero-section h1{font-size:2.25rem;line-height:1.15;letter-spacing:-.01em}.hero-section p{font-size:1rem;line-height:1.6;max-width:100%}.hero-section button{width:100%;justify-content:center}.hero-section .flex.flex-col{gap:.75rem}.hero-section .pt-8>div{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem 1rem;font-size:.875rem}.hero-section .dashboard-showcase,.hero-section [class*=DashboardShowcase]{transform:none!important;margin-top:1.5rem;opacity:.9}}@media (max-width:480px){.hero-section .dashboard-showcase,.hero-section [class*=DashboardShowcase]{display:none}}@media (min-width:641px) and (max-width:1024px){.hero-section{min-height:auto;padding-top:6.5rem;padding-bottom:5rem}.hero-section .grid{gap:4rem}.hero-section h1{font-size:3rem;line-height:1.15}.hero-section p{font-size:1.05rem;line-height:1.65}.hero-section .dashboard-showcase,.hero-section [class*=DashboardShowcase]{transform:none!important}}@media (max-width:640px){.capabilities-section{padding-top:3.5rem;padding-bottom:4rem}.capabilities-section h2{font-size:2rem;line-height:1.15}.capabilities-section p{font-size:1rem;line-height:1.6}.capabilities-section .text-left{margin-bottom:2.5rem}@media (max-width:640px){.capabilities-section .cap-videos{display:flex;overflow-x:auto;gap:1rem;padding-bottom:.5rem;margin-right:0;scroll-snap-type:x mandatory}.capabilities-section .cap-video{flex:0 0 80%;scroll-snap-align:start}.capabilities-section .cap-video video{width:100%;height:auto;aspect-ratio:16/9;border-radius:.75rem;display:block}.capabilities-section .cap-videos::-webkit-scrollbar{display:none}.capabilities-section .cap-videos{-ms-overflow-style:none;scrollbar-width:none}}.capabilities-section .grid{grid-template-columns:1fr!important;gap:1rem}.capabilities-section .group>div{padding:1.25rem}.capabilities-section h3{font-size:1.125rem}.capabilities-section svg{width:1.75rem;height:1.75rem}.capabilities-section .group:hover>div{transform:none;box-shadow:none}}@media (min-width:641px) and (max-width:1024px){.capabilities-section{padding-top:4.5rem;padding-bottom:5rem}.capabilities-section h2{font-size:2.5rem}.capabilities-section>div>.flex{gap:1.25rem}.capabilities-section video{flex:0 0 45%}.capabilities-section .grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}.capabilities-section .group>div{padding:1.5rem}}@media (max-width:640px){#sectors{padding-top:3rem;padding-bottom:4rem}#sectors .grid.lg\:grid-cols-2{grid-template-columns:1fr;gap:2.5rem}#sectors .space-y-12{max-width:36rem;margin-left:auto;margin-right:auto;gap:2rem}#sectors h2{font-size:2.25rem;line-height:1.15;letter-spacing:-.01em}#sectors p{font-size:1rem;line-height:1.6}#sectors .grid.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;padding:0;max-width:34rem;margin-left:auto;margin-right:auto}#sectors .grid.grid-cols-2>div{padding:.9rem 1rem;border-radius:.75rem;background:#f3f4f6;border:1px solid #e5e7eb;display:flex;align-items:center;gap:.6rem}#sectors .grid.grid-cols-2 svg{width:1.15rem;height:1.15rem;flex-shrink:0}#sectors .grid.grid-cols-2 span{font-size:.9rem;font-weight:500;line-height:1.25}#sectors .col-span-2{grid-column:span 2}}@media (min-width:641px) and (max-width:1024px){#sectors{padding-top:4rem;padding-bottom:5rem}#sectors .grid.lg\:grid-cols-2{grid-template-columns:1fr;gap:3.5rem}#sectors h2{font-size:3rem;line-height:1.15}#sectors p{font-size:1.125rem;line-height:1.6}#sectors .grid.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:40rem;margin-left:auto;margin-right:auto;gap:1rem}}@media (max-width:640px){.unified-dashboard{padding-top:3.5rem;padding-bottom:4.5rem}.unified-dashboard .grid.lg\:grid-cols-2{grid-template-columns:1fr;gap:3rem}.unified-dashboard .absolute.top-38.left-1,.unified-dashboard .relative.z-0.bottom-40.right-30{position:relative!important;inset:auto!important;transform:none!important}.unified-dashboard .relative.z-0{margin-bottom:1.25rem}.unified-dashboard img{border-radius:.75rem}.unified-dashboard .relative{overflow:visible}.unified-dashboard .space-y-8{max-width:36rem;margin-left:auto;margin-right:auto;gap:2rem}.unified-dashboard .inline-block{font-size:.95rem;padding:.4rem .75rem}.unified-dashboard h2{font-size:2.25rem;line-height:1.15;letter-spacing:-.01em}.unified-dashboard p{font-size:1rem;line-height:1.6}.unified-dashboard .grid.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.unified-dashboard .grid.grid-cols-2>div{padding:.75rem .85rem;gap:.6rem;border-radius:.75rem}.unified-dashboard .grid.grid-cols-2 svg{width:1.1rem;height:1.1rem}.unified-dashboard .grid.grid-cols-2 span{font-size:.9rem;line-height:1.25}.unified-dashboard .p-6{padding:1.25rem}}@media (min-width:641px) and (max-width:1024px){.unified-dashboard{padding-top:4.5rem;padding-bottom:5.5rem}.unified-dashboard .grid.lg\:grid-cols-2{grid-template-columns:1fr;gap:4rem}.unified-dashboard .relative.z-0.bottom-40.right-30{bottom:6rem;right:0}.unified-dashboard .absolute.top-38.left-1{top:3rem;left:0}.unified-dashboard h2{font-size:3rem}.unified-dashboard p{font-size:1.125rem}}@media (max-width:640px){#benefits{padding-top:2rem;padding-bottom:4.5rem}#benefits .container{padding-top:0}#benefits .inline-block{margin-bottom:1.5rem}#benefits h2{font-size:2.25rem;line-height:1.15;letter-spacing:-.01em}#benefits .max-w-3xl{margin-bottom:2.5rem}#benefits .grid.lg\:grid-cols-4{grid-template-columns:1fr;gap:1.25rem;margin-bottom:4.5rem}#benefits .grid.lg\:grid-cols-4>div>div{padding:1.5rem;border-radius:1.25rem}#benefits .grid.lg\:grid-cols-4 .w-12{width:3rem;height:3rem;margin-bottom:1rem}#benefits .grid.lg\:grid-cols-4 svg{width:1.5rem;height:1.5rem}#benefits .grid.lg\:grid-cols-4 h3{font-size:1.15rem;margin-bottom:.4rem}#benefits .grid.lg\:grid-cols-4 p{font-size:.95rem;line-height:1.5}}@media (min-width:641px) and (max-width:1024px){#benefits{padding-top:4.5rem;padding-bottom:5.5rem}#benefits h2{font-size:3rem}#benefits .grid.lg\:grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin-bottom:5rem}}@media (max-width:640px){.navbar-inner{padding-left:1rem;padding-right:1rem}.navbar-row{gap:.75rem}.navbar img[alt="Ottonomi Logo"]{width:180px;height:auto}.navbar-toggle{margin-left:auto;display:flex;align-items:center;justify-content:center}.navbar-toggle svg{width:1.75rem;height:1.75rem}.navbar .h-20{height:4.5rem}}:root{--primary:#d62839;--primary-hover:#b91c2c;--primary-soft:rgba(214,40,57,.1);--text-secondary:#4a4f55;--border:#dedfe3;--shadow-soft:0 18px 45px rgba(0,0,0,.08);--shadow-hover:0 25px 50px -12px rgba(0,0,0,.25);--radius:18px}.section{padding:90px 0}.section-head{max-width:720px;margin-bottom:40px}.section-head.center{text-align:center;margin:auto auto 40px}.section-label{color:var(--primary);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.section-head h2{font-size:40px;margin:6px 0 10px}.section-head p{color:var(--text-secondary);font-size:18px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.step{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow-soft);transition:all .3s}.step:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:var(--shadow-hover)}.step-no{width:36px;height:36px;border-radius:50%;background:var(--primary-soft);display:flex;align-items:center;justify-content:center;font-weight:800;margin-bottom:12px;color:var(--primary);transition:all .3s}.step:hover .step-no{background:var(--primary);color:#fff}@media(max-width:900px){.steps{grid-template-columns:1fr}}