@media(max-width:48rem){.onde-container{width:min(100% - 2rem,44rem)}.onde-menu-toggle{display:block;background:none;border:0;font:inherit}.onde-nav{display:none;position:absolute;left:1rem;right:1rem;top:70px;padding:1rem;background:#fff;flex-direction:column;align-items:stretch;border:1px solid var(--onde-border);z-index:2}.onde-nav.is-open{display:flex}.onde-hero{padding:4rem 0}.onde-hero__inner,.onde-story,.onde-pricing{grid-template-columns:1fr;gap:2rem}.onde-steps{grid-template-columns:1fr;gap:1.5rem}.onde-section{padding:4rem 0}.onde-footer__inner{display:block}.onde-footer nav{margin-top:2rem}.onde-button{width:100%}.onde-actions{display:grid}.onde-tabs{overflow:auto}.onde-tabs button{white-space:nowrap}.onde-price{padding:1.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.onde-graph *{animation:none!important}}
.onde-graph--animated .onde-graph__nodes{animation:onde-pulse 2.8s ease-in-out infinite}.onde-graph--animated .onde-graph__paths{stroke-dasharray:700;animation:onde-draw 5s ease-in-out infinite alternate}@keyframes onde-pulse{0%,100%{opacity:.72}50%{opacity:1}}@keyframes onde-draw{from{stroke-dashoffset:700}to{stroke-dashoffset:0}}
@keyframes onde-fade{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@keyframes onde-drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(-20px,12px,0)}}
.onde-reveal{opacity:0;transform:translateY(16px);transition:opacity var(--onde-slow) var(--onde-ease),transform var(--onde-slow) var(--onde-ease)}.onde-reveal.onde-in-view{opacity:1;transform:none}
@media(max-width:48rem){.onde-hero{padding:2rem 0}.onde-hero__inner{gap:.75rem}.onde-graph--hero{width:min(100%,18rem);height:auto;justify-self:center}.onde-steps:before{left:1rem;right:auto;top:1.5rem;bottom:1.5rem;border-top:0;border-left:1px solid var(--onde-cyan)}.onde-steps article{padding-left:2.5rem}.onde-steps span{position:relative}.onde-story .onde-tree{min-height:14rem}.onde-final-cta:before{width:15rem}.onde-price strong{font-size:5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.onde-graph *,.onde-philosophy:after{animation:none!important}.onde-button:hover,.onde-metrics div:hover{transform:none}.onde-faq-list details p{animation:none}}
.story-paths{stroke:var(--onde-blue-dark);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dashoffset:0;opacity:.95}.story-nodes circle:first-child{fill:var(--onde-cyan-soft);stroke:var(--onde-blue-dark);stroke-width:4}.onde-demo-propagation:before,.onde-demo-propagation:after{height:3rem;border-radius:50%;border-top-width:2px;transform:rotate(-18deg)}.onde-demo-propagation:after{transform:rotate(18deg)}html,body{max-width:100%;overflow-x:clip}
.onde-hero__inner{min-width:0}.onde-graph--hero{transform:none!important;max-width:100%;min-width:0}.onde-story-graph{width:100%;max-width:42rem;color:var(--onde-blue)}.story-paths{stroke-dasharray:900;stroke-dashoffset:900}.onde-in-view .story-paths{animation:onde-draw var(--onde-draw) var(--onde-ease) forwards}.story-nodes{fill:var(--onde-white);stroke:var(--onde-blue);stroke-width:3}.story-nodes circle:first-child{fill:var(--onde-cyan-soft);stroke:var(--onde-blue-dark)}.onde-story-graph text{fill:var(--onde-navy);font-size:13px;font-weight:700}.onde-demo-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:1.5rem;align-items:stretch}.onde-demo-grid .onde-panel{min-height:21rem;position:relative;overflow:hidden}.onde-demo-propagation{position:absolute;right:1.5rem;bottom:1.5rem;width:9rem;height:7rem}.onde-demo-propagation:before,.onde-demo-propagation:after{content:"";position:absolute;left:1rem;top:3.2rem;width:7rem;border-top:2px solid var(--onde-blue);transform:rotate(-25deg);transform-origin:left}.onde-demo-propagation:after{transform:rotate(25deg)}.onde-demo-propagation i{position:absolute;width:13px;height:13px;border:2px solid var(--onde-blue);background:#fff;border-radius:50%}.onde-demo-propagation i:nth-child(1){left:0;top:3rem}.onde-demo-propagation i:nth-child(2){left:3.2rem;top:1.4rem}.onde-demo-propagation i:nth-child(3){left:3.2rem;top:5rem}.onde-demo-propagation i:nth-child(4){right:0;top:.2rem}.onde-demo-propagation i:nth-child(5){right:0;bottom:.2rem}.onde-campaign-art{width:8rem;height:8rem;border-radius:50%;display:grid;place-items:center;margin-bottom:1.5rem;color:#fff;font-weight:800;letter-spacing:.12em}.onde-campaign-art--release{background:conic-gradient(from 30deg,var(--onde-navy),var(--onde-blue),var(--onde-cyan),var(--onde-navy))}.onde-campaign-art--event{background:radial-gradient(circle at 35% 35%,var(--onde-cyan),var(--onde-blue-dark) 55%,var(--onde-navy))}.onde-campaign-art--cause{background:radial-gradient(circle,var(--onde-cyan-soft),var(--onde-blue) 60%,var(--onde-navy))}.onde-price{position:relative}.onde-pricing{position:relative}.onde-pricing:after{content:"";position:absolute;left:42%;right:38%;top:50%;border-top:1px solid rgba(34,211,238,.6);z-index:-1}.onde-final-cta{position:relative}.onde-final-cta:after{content:"";position:absolute;left:50%;top:18%;width:12rem;height:12rem;border:1px solid rgba(21,94,239,.18);border-radius:50%;transform:translateX(-50%);animation:onde-ripple 7s var(--onde-ease) infinite}.onde-final-cta .onde-container{position:relative;z-index:1}@keyframes onde-ripple{0%{opacity:0;transform:translateX(-50%) scale(.45)}25%{opacity:.7}80%,100%{opacity:0;transform:translateX(-50%) scale(1.8)}}
@media(max-width:48rem){.onde-demo-grid{grid-template-columns:1fr}.onde-demo-grid .onde-panel{min-height:24rem}.onde-demo-propagation{position:relative;right:auto;bottom:auto;margin:2rem 0 0 auto}.onde-pricing:after{display:none}.onde-final-cta:after{top:10%}}
.hero-paths path{stroke:var(--onde-blue);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.55;stroke-dasharray:360;stroke-dashoffset:0}.hero-node{fill:#fff;stroke:var(--onde-blue);stroke-width:3;transition:fill var(--onde-standard) var(--onde-ease),stroke var(--onde-standard) var(--onde-ease),filter var(--onde-standard) var(--onde-ease)}.hero-origin{fill:var(--onde-cyan-soft);filter:drop-shadow(0 0 8px rgba(34,211,238,.35))}.hero-node.is-sending{stroke:var(--onde-blue-dark);filter:drop-shadow(0 0 8px rgba(21,94,239,.35))}.hero-recipient.is-received{fill:#FFF4D6;stroke:var(--onde-warning)}.hero-recipient.is-continued{fill:#DFF5EC;stroke:var(--onde-success);filter:drop-shadow(0 0 8px rgba(22,138,104,.28))}.hero-child.is-received{fill:#FFF4D6;stroke:var(--onde-warning)}.hero-capsule{fill:var(--onde-cyan);opacity:0;filter:drop-shadow(0 0 5px rgba(34,211,238,.45))}.hero-capsule.is-traveling{opacity:1}.hero-message{opacity:0;transform-origin:120px 160px;transition:opacity var(--onde-standard) var(--onde-ease)}.hero-message rect{fill:#fff;stroke:var(--onde-border)}.hero-message text{fill:var(--onde-navy);font-size:10px}.hero-message.is-visible{opacity:1}.onde-graph--hero .hero-you{fill:var(--onde-navy);font-size:12px;font-weight:700}@media(prefers-reduced-motion:reduce){.hero-paths path{stroke-dashoffset:0!important}.hero-message{opacity:0!important}.hero-capsule{opacity:0!important}}
.onde-story-graph--static{color:var(--onde-blue);min-height:20rem}.onde-story-graph--static .story-paths{stroke:var(--onde-blue-dark);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none;stroke-dashoffset:0;opacity:.82;animation:none!important}.onde-story-graph--static .story-nodes{fill:var(--onde-white);stroke:var(--onde-blue);stroke-width:3}.onde-story-graph--static .story-origin{fill:var(--onde-cyan-soft);stroke:var(--onde-blue-dark);stroke-width:4}.onde-story-graph--static .story-quiet{fill:#eef2f6;stroke:#8da0b4;opacity:.75}.onde-story-graph--static text{fill:var(--onde-navy);font-size:13px;font-weight:700}.onde-story-graph--static:before{content:"";position:absolute}@media(max-width:48rem){.onde-story-graph--static{min-height:15rem}.onde-story-graph--static .story-paths{stroke-width:3}}
.onde-demo-grid{grid-template-columns:1.05fr .95fr;gap:0;min-height:30rem;background:linear-gradient(120deg,var(--onde-navy),#0f3d70 48%,var(--onde-bg-soft) 48%);border:1px solid rgba(217,227,238,.8);border-radius:1.25rem;overflow:hidden;box-shadow:0 22px 60px rgba(7,26,51,.1)}.onde-demo-grid .onde-panel{border:0;border-radius:0;box-shadow:none;background:transparent;min-height:30rem;padding:3.5rem}.onde-demo-grid .onde-panel[hidden]{display:none}.onde-campaign-art{width:min(100%,25rem);aspect-ratio:1;position:relative;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;color:#fff;box-shadow:0 20px 40px rgba(0,0,0,.2)}.onde-campaign-art--release{background:radial-gradient(circle at 68% 28%,rgba(34,211,238,.95),transparent 16%),linear-gradient(135deg,#071a33 15%,#155eef 54%,#071a33 55%);padding:2rem;transform:rotate(-3deg)}.onde-campaign-art--release:before,.onde-campaign-art--release:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.4);border-radius:50%;width:150%;height:65%;left:-22%;top:18%;transform:rotate(-28deg)}.onde-campaign-art--release:after{top:38%;left:-35%;opacity:.45}.onde-campaign-art--release strong{font-size:clamp(2.5rem,6vw,5rem);letter-spacing:-.08em;line-height:.8;position:relative}.onde-campaign-art--release .art-kicker{font-size:.7rem;letter-spacing:.2em;position:relative}.onde-campaign-art--release small{margin-top:1.2rem;position:relative;letter-spacing:.12em}.onde-campaign-art--event{background:linear-gradient(160deg,#0b1f36,#155eef);padding:2rem;justify-content:space-between}.onde-campaign-art--event:after{content:"";position:absolute;inset:14%;border:1px solid rgba(255,255,255,.4);transform:skewY(-12deg)}.onde-campaign-art--event strong{font-size:clamp(4rem,9vw,7rem);line-height:.8;letter-spacing:-.09em;position:relative}.event-date,.event-place{position:relative;letter-spacing:.18em;font-size:.75rem}.onde-campaign-art--cause{background:radial-gradient(circle at 50% 45%,#cffafe 0 5%,transparent 6%),radial-gradient(circle at 50% 45%,transparent 19%,rgba(34,211,238,.8) 20% 20.5%,transparent 21% 36%,rgba(34,211,238,.45) 36.5% 37%,transparent 38%),linear-gradient(145deg,#102a4a,#071a33);align-items:center;justify-content:center;gap:1rem;text-align:center}.onde-campaign-art--cause strong{font-size:2rem;letter-spacing:.14em;position:relative}.onde-campaign-art--cause small{letter-spacing:.14em;font-size:.65rem;position:relative}.onde-demo-grid .onde-panel>p,.onde-demo-grid .onde-panel>h3,.onde-demo-grid .onde-panel>a{max-width:28rem}.onde-demo-grid .onde-panel .onde-eyebrow{color:var(--onde-cyan)}.onde-demo-grid .onde-panel h3{font-size:clamp(2.2rem,4vw,4rem);color:var(--onde-navy)}.onde-demo-grid .onde-panel>p:not(.onde-eyebrow){color:var(--onde-muted);font-size:1.1rem}.onde-demo-grid .onde-button--secondary{border-color:var(--onde-blue);color:var(--onde-blue)}
@media(max-width:64rem){.onde-demo-grid{grid-template-columns:1fr;min-height:0;background:var(--onde-bg-soft)}.onde-demo-grid .onde-panel{min-height:0;padding:2.5rem}.onde-campaign-art{width:min(72%,24rem);margin:auto}.onde-demo-grid .onde-panel h3{color:var(--onde-navy)}}
@media(max-width:48rem){.onde-demo-grid .onde-panel{padding:1.5rem}.onde-campaign-art{width:88%}}
.onde-demo-grid{grid-template-columns:minmax(280px,38%) 1fr;gap:0;min-height:0;background:var(--onde-bg-soft);border:1px solid var(--onde-border);border-radius:1.25rem;overflow:hidden;box-shadow:0 16px 44px rgba(7,26,51,.07)}.onde-demo-grid .onde-panel{min-height:27rem;padding:3rem;background:transparent;border:0;border-radius:0;box-shadow:none;position:relative}.onde-demo-grid .onde-panel:first-child{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center}.onde-demo-grid .onde-panel:first-child .onde-campaign-art{grid-row:1 / span 5}.onde-campaign-art{width:min(100%,300px);aspect-ratio:1;margin:0 auto;box-shadow:0 14px 30px rgba(7,26,51,.13)}.onde-campaign-art--release{transform:rotate(-2deg)}.onde-demo-grid .onde-panel h3{font-size:clamp(2rem,3.5vw,3.25rem);color:var(--onde-navy);margin-bottom:.75rem}.onde-demo-grid .onde-panel .onde-eyebrow{color:var(--onde-blue)}.onde-demo-grid .onde-panel>p:not(.onde-eyebrow){color:var(--onde-muted);font-size:1rem}.onde-campaign-meta{font-size:.9rem!important;color:var(--onde-navy)!important;font-weight:600;letter-spacing:.02em}.onde-demo-grid .onde-button--secondary{border:0;border-bottom:1px solid var(--onde-blue);border-radius:0;padding-left:0;padding-right:0}.onde-demo-grid .onde-button--secondary:after{content:" →";transition:transform var(--onde-fast) var(--onde-ease)}.onde-demo-grid .onde-button--secondary:hover:after{transform:translateX(3px)}
@media(max-width:64rem){.onde-demo-grid{grid-template-columns:1fr}.onde-demo-grid .onde-panel{min-height:0;padding:2.5rem}.onde-demo-grid .onde-panel:first-child{grid-template-columns:1fr 1fr}.onde-campaign-art{width:min(100%,280px)}}
@media(max-width:48rem){.onde-demo-grid .onde-panel,.onde-demo-grid .onde-panel:first-child{display:block;padding:1.5rem}.onde-demo-grid .onde-panel:first-child .onde-campaign-art{margin-bottom:2rem}.onde-campaign-art{width:min(100%,250px);margin:0 auto 1.5rem}}
