/*
Theme Name: Octopus Networks
Author: Octopus Networks
Description: A lightweight, accessible block theme for connected business systems and technology services.
Version: 2.0.0
Requires at least: 6.5
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: octopus-networks
Tags: block-patterns, full-site-editing, custom-colors, custom-logo, featured-images, wide-blocks, accessibility-ready
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

html{scroll-behavior:smooth}body{overflow-wrap:anywhere}a{text-underline-offset:.2em}.wp-site-blocks{min-height:100vh}.on-skip-link{position:fixed;left:1rem;top:-5rem;z-index:9999;background:#fff;color:#071522;padding:.8rem 1rem;border-radius:.4rem}.on-skip-link:focus{top:1rem}.on-header{position:relative;z-index:20;border-bottom:1px solid #203447;background:rgba(7,21,34,.96)}.on-brand{white-space:nowrap}.on-brand img{display:block}.on-hero{position:relative;overflow:hidden}.on-hero:before{content:"";position:absolute;width:34rem;height:34rem;right:-12rem;top:-18rem;border-radius:50%;background:radial-gradient(circle,rgba(35,211,193,.16),transparent 68%);pointer-events:none}.on-card{height:100%;box-sizing:border-box;transition:transform .2s ease,border-color .2s ease}.on-card:hover{transform:translateY(-3px);border-color:#25d3c1}.on-kicker{text-transform:uppercase;letter-spacing:.13em;font-size:.78rem;font-weight:700}.on-icon{width:2.75rem;height:2.75rem;display:grid;place-items:center;border-radius:.75rem;background:#102c3c;color:#5be1d3}.on-grid-lines{background-image:linear-gradient(rgba(119,153,175,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(119,153,175,.06) 1px,transparent 1px);background-size:32px 32px}.on-footer{border-top:1px solid #203447}.on-form label{display:block;font-weight:650;margin-bottom:.35rem}.on-form input,.on-form select,.on-form textarea{box-sizing:border-box;width:100%;padding:.8rem;border:1px solid #385064;border-radius:.45rem;background:#0b1d2b;color:#fff;font:inherit}.on-form textarea{min-height:9rem;resize:vertical}.on-form input:focus,.on-form select:focus,.on-form textarea:focus{outline:3px solid #ffad66;outline-offset:2px}.on-form__row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.on-form__field{margin-bottom:1rem}.on-form__consent{display:flex;gap:.65rem;align-items:flex-start}.on-form__consent input{width:auto;margin-top:.3rem}.on-hp{position:absolute!important;left:-10000px!important}.on-notice{padding:1rem;border-left:4px solid #25d3c1;background:#102c3c}.on-notice--error{border-color:#ff8c42}.wp-element-button{transition:background .2s ease,transform .2s ease}.wp-element-button:hover{transform:translateY(-1px)}:where(a,button,input,select,textarea,.wp-element-button):focus-visible{outline:3px solid #ffad66!important;outline-offset:3px!important}.wp-block-navigation__responsive-container.is-menu-open{background:#071522!important;color:#f5f9fc!important;padding:1.5rem}.wp-block-navigation__responsive-container-open,.wp-block-navigation__responsive-container-close{min-width:44px;min-height:44px}.on-process{counter-reset:step}.on-process>.wp-block-column{position:relative}.on-process>.wp-block-column:before{counter-increment:step;content:"0" counter(step);display:block;color:#5be1d3;font-weight:800;font-size:1.4rem;margin-bottom:.5rem}@media(max-width:781px){.on-form__row{grid-template-columns:1fr}.on-header .wp-block-buttons{display:none}.on-hero{padding-top:3rem!important;padding-bottom:3rem!important}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
.on-orbit{position:relative;min-height:28rem;display:grid;place-items:center}.on-orbit__core{width:9rem;height:9rem;border:2px solid #25d3c1;border-radius:50%;display:grid;place-items:center;background:#071522;box-shadow:0 0 60px rgba(37,211,193,.12)}.on-orbit__ring{position:absolute;width:21rem;height:21rem;border:1px solid #385064;border-radius:50%;animation:on-rotate 28s linear infinite}.on-orbit__ring:before,.on-orbit__ring:after{content:"";position:absolute;width:1rem;height:1rem;border-radius:50%;background:#25d3c1;top:2rem;left:2.5rem}.on-orbit__ring:after{background:#ff8c42;top:auto;left:auto;right:1rem;bottom:5rem}.on-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#203447;border:1px solid #203447}.on-trust>*{background:#0b1d2b;padding:1.25rem}.on-dynamic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.on-dynamic-grid .on-card{padding:1.5rem;border:1px solid #203447;border-radius:8px;background:#0b1d2b}.on-card--highlight{border-color:#25d3c1!important}.on-logo-grid{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2rem}.on-logo-grid img{max-width:160px;max-height:72px;object-fit:contain}.on-empty-state{padding:2rem;border:1px dashed #385064;border-radius:8px;background:#0b1d2b;color:#a9bdcb}.on-whatsapp{position:fixed;z-index:40;right:1.25rem;bottom:1.25rem;display:inline-flex;align-items:center;min-height:48px;padding:.7rem 1rem;border-radius:999px;background:#25d366;color:#071522!important;font-weight:750;text-decoration:none;box-shadow:0 8px 28px rgba(0,0,0,.35)}@keyframes on-rotate{to{transform:rotate(360deg)}}@media(max-width:900px){.on-trust{grid-template-columns:1fr 1fr}.on-dynamic-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.on-trust,.on-dynamic-grid{grid-template-columns:1fr}.on-orbit{min-height:20rem}.on-orbit__ring{width:16rem;height:16rem}.on-whatsapp{right:.75rem;bottom:.75rem}}