.io-section{--io-panel:var(--card);--io-raised:var(--secondary);--io-copper:var(--copper-deep);--io-light:var(--foreground);--io-dim:color-mix(in oklab, var(--foreground) 35%, var(--muted-foreground));--io-grid:oklch(23.5% .024 220/.07);--io-shell-shadow:oklch(23.5% .024 220/.18);--io-node-shadow:oklch(23.5% .024 220/.12);border-top:1px solid var(--border);padding-top:clamp(5rem,8vw,7rem);padding-bottom:clamp(4rem,6vw,6rem);overflow:hidden}.dark .io-section{--io-dim:var(--muted-foreground);--io-grid:oklch(93.5% .012 80/.03);--io-shell-shadow:oklch(10% .02 220/.5);--io-node-shadow:oklch(9% .01 220/.24)}.io-container{width:100%;max-width:72rem;margin:0 auto;padding:0 2.5rem}.io-kicker{font:500 .65rem/1.5 var(--font-mono);letter-spacing:.16em;text-transform:uppercase}.io-engine-shell{background:var(--io-panel);color:var(--io-light);box-shadow:0 38px 80px -55px var(--io-shell-shadow);overflow:hidden}.io-engine-topline{border-bottom:1px solid color-mix(in oklab, var(--io-light) 9%, transparent);min-height:43px;color:var(--io-dim);font:500 .58rem/1.4 var(--font-mono);letter-spacing:.13em;justify-content:space-between;align-items:center;gap:1rem;padding:0 2.25rem;display:flex}.io-engine-topline>span:first-child{align-items:center;gap:.65rem;display:flex}.io-topline-mark{color:var(--io-copper);margin-left:.4rem}.io-indicator{background:var(--io-copper);width:6px;height:6px;box-shadow:0 0 0 4px color-mix(in oklab, var(--io-copper) 10%, transparent);border-radius:50%;flex:0 0 6px;display:inline-block}.io-engine-heading{justify-content:space-between;align-items:end;gap:2rem;padding:2.15rem 2.25rem .6rem;display:flex}.io-engine-heading .io-kicker{color:var(--io-copper)}.io-engine-heading h2{letter-spacing:-.045em;text-wrap:balance;max-width:610px;margin-top:.55rem;font-size:clamp(1.6rem,2.8vw,2.6rem);font-weight:500;line-height:1.1}.io-play{color:var(--io-dim);font:500 .6rem/1 var(--font-mono);letter-spacing:.09em;flex:none;align-items:center;gap:.55rem;padding:.55rem 0;transition:color .18s;display:flex}.io-play:hover,.io-play:focus-visible{color:var(--io-light)}.io-play:focus-visible,.io-map-node:focus-visible{outline:2px solid var(--io-copper);outline-offset:3px}.io-map{background-image:linear-gradient(to right, var(--io-grid) 1px, transparent 1px), linear-gradient(to bottom, var(--io-grid) 1px, transparent 1px);background-size:40px 40px;height:390px;margin:1.25rem 1.5rem 0;position:relative;overflow:hidden}.io-map:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 50%, transparent 25%, var(--io-panel) 92%);position:absolute;inset:0}.io-map-paths{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.io-path-base{fill:none;stroke:color-mix(in oklab, var(--io-copper) 23%, transparent);stroke-width:1px}.io-path-current{fill:none;stroke:var(--io-copper);stroke-width:1.5px;stroke-dasharray:3 18;opacity:.75;animation:17s linear infinite io-path}.io-section .io-path-current,.io-section .io-visual *{animation-play-state:paused}.io-engine-shell.is-visible .io-path-current,.io-engine-shell.is-visible .io-desktop-engine .io-visual *,.io-mobile-stage.is-visible .io-visual *{animation-play-state:running}@keyframes io-path{to{stroke-dashoffset:-210px}}.io-map-node{z-index:2;border:1px solid color-mix(in oklab, var(--io-light) 17%, transparent);background:var(--io-panel);width:21.8%;height:74px;color:var(--io-light);text-align:left;align-items:center;gap:.75rem;padding:.8rem .9rem;transition:border-color .25s,background-color .25s,box-shadow .25s,transform .25s;display:flex;position:absolute}.io-map-node:hover{border-color:color-mix(in oklab, var(--io-copper) 56%, transparent);transform:translateY(-2px)}.io-map-node.is-selected{border-color:var(--io-copper);background:var(--io-raised);box-shadow:0 0 0 1px color-mix(in oklab, var(--io-copper) 13%, transparent), 0 12px 32px var(--io-node-shadow)}.io-node-number{color:var(--io-copper);font:500 .65rem/1.4 var(--font-mono);align-self:flex-start}.io-node-copy{min-width:0;display:block}.io-node-copy strong{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:550;line-height:1.2;display:block;overflow:hidden}.io-node-copy small{color:var(--io-dim);text-overflow:ellipsis;white-space:nowrap;margin-top:.35rem;font-size:.62rem;line-height:1.3;display:block;overflow:hidden}.io-node-status{background:color-mix(in oklab, var(--io-light) 27%, transparent);border-radius:50%;flex:0 0 4px;width:4px;height:4px;margin-left:auto}.is-selected .io-node-status{background:var(--io-copper);box-shadow:0 0 9px var(--io-copper)}.io-map-node-1,.io-map-node-2,.io-map-node-3{top:34px}.io-map-node-4,.io-map-node-5,.io-map-node-6{top:183px}.io-map-node-7{top:303px}.io-map-node-1,.io-map-node-6{left:2%}.io-map-node-2,.io-map-node-5,.io-map-node-7{left:39%}.io-map-node-3,.io-map-node-4{left:76%}.io-flow-label{color:color-mix(in oklab, var(--io-dim) 65%, transparent);font:500 .54rem/1 var(--font-mono);letter-spacing:.16em;pointer-events:none;position:absolute}.io-flow-label-out{top:139px;left:27%}.io-flow-label-back{top:277px;left:29%}.io-stage-detail{border-top:1px solid color-mix(in oklab, var(--io-light) 12%, transparent);grid-template-columns:1fr .9fr;min-height:315px;animation:.35s both io-detail-in;display:grid}@keyframes io-detail-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.io-detail-copy{padding:clamp(1.7rem,3.5vw,3rem) clamp(1.7rem,3.5vw,3rem) 2.5rem}.io-detail-index{color:var(--io-copper);font:500 .62rem/1.4 var(--font-mono);letter-spacing:.13em;align-items:center;gap:.75rem;display:flex}.io-detail-index i{background:color-mix(in oklab, var(--io-copper) 55%, transparent);width:1.4rem;height:1px}.io-detail-copy h3{letter-spacing:-.045em;text-wrap:balance;max-width:470px;margin-top:1.05rem;font-size:clamp(1.6rem,2.55vw,2.35rem);font-weight:500;line-height:1.11}.io-detail-copy>p{max-width:510px;color:var(--io-dim);margin-top:1rem;font-size:.88rem;line-height:1.7}.io-evidence{flex-wrap:wrap;gap:.4rem;margin-top:1.5rem;display:flex}.io-evidence span{border:1px solid color-mix(in oklab, var(--io-light) 13%, transparent);color:var(--io-light);font:400 .6rem/1.2 var(--font-mono);letter-spacing:.01em;padding:.35rem .55rem}.io-visual{border-left:1px solid color-mix(in oklab, var(--io-light) 12%, transparent);background:radial-gradient(circle at 50% 48%, color-mix(in oklab, var(--io-copper) 9%, transparent), transparent 58%), linear-gradient(to right, var(--io-grid) 1px, transparent 1px), linear-gradient(to bottom, var(--io-grid) 1px, transparent 1px);min-width:0;min-height:315px;font-family:var(--font-mono);background-size:auto,30px 30px,30px 30px;position:relative;overflow:hidden}.io-knowledge-inputs{gap:.55rem;width:36%;display:grid;position:absolute;top:18%;left:8%}.io-knowledge-inputs>span{border:1px solid color-mix(in oklab, var(--io-light) 17%, transparent);background:var(--io-panel);color:var(--io-dim);letter-spacing:.12em;justify-content:space-between;align-items:center;padding:.47rem .55rem;font-size:.55rem;animation:3s ease-in-out infinite io-input;display:flex}.io-knowledge-inputs i{background:var(--io-copper);width:4px;height:4px}@keyframes io-input{50%{border-color:color-mix(in oklab, var(--io-copper) 40%, transparent);transform:translate(5px)}}.io-knowledge-core{aspect-ratio:1;border:1px solid color-mix(in oklab, var(--io-copper) 60%, transparent);background:radial-gradient(circle, color-mix(in oklab, var(--io-copper) 15%, transparent), transparent 70%);text-align:center;width:37%;box-shadow:0 0 0 17px color-mix(in oklab, var(--io-copper) 4%, transparent);border-radius:50%;flex-direction:column;justify-content:center;display:flex;position:absolute;top:19%;right:9%}.io-knowledge-core:before{content:"";background:var(--io-copper);width:30%;height:1px;position:absolute;top:50%;right:100%}.io-knowledge-core span{color:var(--io-light);letter-spacing:.08em;font-size:clamp(.82rem,1.4vw,1.13rem);line-height:1.2}.io-knowledge-core small{color:var(--io-dim);letter-spacing:.02em;margin-top:.5rem;font-size:.49rem}.io-knowledge-output{color:var(--io-copper);letter-spacing:.1em;align-items:center;gap:.6rem;font-size:.56rem;display:flex;position:absolute;bottom:9%;right:9%}.io-visual-market svg{width:94%;height:84%;position:absolute;inset:8% 3%}.io-visual-market svg path{fill:none;stroke:color-mix(in oklab, var(--io-copper) 28%, transparent);stroke-width:1px;stroke-dasharray:3 5}.io-visual-market svg circle{fill:var(--io-panel);stroke-width:2px}.io-visual-market svg .source{fill:color-mix(in oklab, var(--io-copper) 15%, transparent);stroke:var(--io-copper)}.io-visual-market svg .match{fill:var(--io-copper);stroke:var(--io-copper);animation:2.7s ease-in-out infinite alternate io-node-pulse}.io-visual-market svg .reject{fill:var(--io-panel);stroke:color-mix(in oklab, var(--io-light) 20%, transparent)}@keyframes io-node-pulse{to{opacity:.35}}.io-market-source{color:var(--io-light);text-align:center;font-size:.48rem;line-height:1.3;position:absolute;top:46%;left:12%;transform:translateY(-50%)}.io-market-match,.io-market-reject{color:var(--io-copper);letter-spacing:.08em;font-size:.54rem;position:absolute;right:8%}.io-market-match{top:16%}.io-market-match b{margin-left:.25rem;font-size:.9rem}.io-market-reject{color:var(--io-dim);bottom:14%}.io-visual-buyers{padding:3rem 2.2rem 2rem}.io-account-top{border-bottom:1px solid color-mix(in oklab, var(--io-light) 18%, transparent);color:var(--io-copper);letter-spacing:.1em;align-items:center;gap:.65rem;padding-bottom:.9rem;font-size:.58rem;display:flex}.io-account-top>span:last-child{color:var(--io-dim);margin-left:auto;font-size:.5rem}.io-buyer-row{border-bottom:1px solid color-mix(in oklab, var(--io-light) 11%, transparent);align-items:center;gap:1rem;padding:.9rem 0;font-size:.7rem;animation:4s ease-in-out infinite io-buyer;display:flex}.io-buyer-row:nth-child(3){animation-delay:.45s}.io-buyer-row:nth-child(4){animation-delay:.9s}@keyframes io-buyer{50%{border-color:color-mix(in oklab, var(--io-copper) 35%, transparent)}}.io-buyer-row i{color:var(--io-dim);font-size:.54rem;font-style:normal}.io-buyer-row b{color:var(--io-copper);letter-spacing:.07em;margin-left:auto;font-size:.5rem;font-weight:500}.io-buyers-foot{color:var(--io-dim);letter-spacing:.09em;margin-top:1.1rem;font-size:.52rem}.io-visual-angles{padding:3.1rem 2.2rem 2rem}.io-angles-head{color:var(--io-dim);letter-spacing:.1em;justify-content:space-between;font-size:.54rem;display:flex}.io-angle{color:var(--io-light);grid-template-columns:5rem 1fr 3.2rem;align-items:center;gap:1rem;margin-top:1.2rem;font-size:.66rem;display:grid}.io-angle-track{background:color-mix(in oklab, var(--io-light) 11%, transparent);height:3px}.io-angle-track i{background:var(--io-dim);transform-origin:0;width:25%;height:100%;animation:3.4s ease-in-out infinite alternate io-angle-grow;display:block}.io-angle-b .io-angle-track i{background:var(--io-copper);width:88%}.io-angle-c .io-angle-track i{width:58%}@keyframes io-angle-grow{0%{transform:scaleX(.35)}to{transform:scaleX(1)}}.io-angle b{color:var(--io-dim);text-align:right;font-size:.5rem;font-weight:500}.io-angle-b b{color:var(--io-copper)}.io-angles-foot{color:var(--io-copper);letter-spacing:.08em;align-items:center;gap:.7rem;margin-top:2rem;font-size:.53rem;display:flex}.io-visual-campaign{flex-direction:column;justify-content:center;gap:1.15rem;padding:2.2rem;display:flex}.io-campaign-lane{border-bottom:1px solid color-mix(in oklab, var(--io-light) 15%, transparent);align-items:center;gap:.8rem;min-height:2.5rem;display:flex}.io-campaign-lane>span{width:4.2rem;color:var(--io-light);letter-spacing:.07em;flex:0 0 4.2rem;font-size:.6rem}.io-campaign-lane>div{flex:1;justify-content:space-around;display:flex}.io-campaign-lane i{border:1px solid var(--io-copper);background:color-mix(in oklab, var(--io-copper) 30%, transparent);border-radius:50%;width:7px;height:7px;animation:2.4s ease-in-out infinite io-packet}@keyframes io-packet{50%{background:var(--io-copper);box-shadow:0 0 12px color-mix(in oklab, var(--io-copper) 50%, transparent);transform:translate(6px)scale(1.25)}}.io-campaign-lane b{color:var(--io-copper);font-weight:400}.io-campaign-return{border:1px solid color-mix(in oklab, var(--io-copper) 30%, transparent);color:var(--io-copper);letter-spacing:.08em;align-items:center;gap:.7rem;padding:.8rem .6rem;font-size:.57rem;display:flex}.io-campaign-return>span:last-child{margin-left:auto;font-size:1rem}.io-campaign-foot{color:var(--io-dim);letter-spacing:.06em;font-size:.5rem;line-height:1.6}.io-visual-handoff{justify-content:center;align-items:center;gap:.8rem;padding:2rem;display:flex}.io-reply-stack{gap:.65rem;width:35%;display:grid}.io-reply-stack span{border:1px solid color-mix(in oklab, var(--io-light) 16%, transparent);color:var(--io-dim);letter-spacing:.05em;padding:.65rem .5rem;font-size:.5rem;line-height:1.25}.io-reply-stack span:last-child{color:var(--io-copper);border-color:color-mix(in oklab, var(--io-copper) 35%, transparent)}.io-handoff-arrow{color:var(--io-copper);font-size:1.2rem}.io-opportunity{border:1px solid var(--io-copper);background:color-mix(in oklab, var(--io-copper) 7%, transparent);width:47%;min-height:158px;box-shadow:0 0 35px color-mix(in oklab, var(--io-copper) 8%, transparent);flex-direction:column;justify-content:center;padding:1rem;display:flex}.io-opportunity small{color:var(--io-copper);letter-spacing:.09em;font-size:.5rem}.io-opportunity strong{font-family:var(--font-sans);letter-spacing:-.035em;margin:.8rem 0;font-size:1.25rem;font-weight:500;line-height:1.12}.io-opportunity>span{color:var(--io-dim);align-items:center;gap:.6rem;font-size:.48rem;display:flex}.io-visual-loop svg{width:100%;height:100%;position:absolute;inset:0}.io-visual-loop svg circle{fill:none;stroke-width:1px}.loop-track{stroke:color-mix(in oklab, var(--io-copper) 25%, transparent)}.loop-active{stroke:var(--io-copper);stroke-dasharray:85 480;transform-origin:50%;animation:8s linear infinite io-orbit;stroke-width:2px!important}@keyframes io-orbit{to{transform:rotate(360deg)}}.io-loop-core{text-align:center;letter-spacing:.08em;font-size:1.15rem;line-height:1.25;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.io-loop-core span{color:var(--io-copper);margin-top:.2rem;font-size:1.2rem;display:block}.io-loop-tag{border:1px solid color-mix(in oklab, var(--io-copper) 33%, transparent);background:var(--io-panel);color:var(--io-copper);letter-spacing:.08em;padding:.35rem .5rem;font-size:.5rem;position:absolute}.io-loop-tag-a{top:18%;left:12%}.io-loop-tag-b{top:22%;right:10%}.io-loop-tag-c{bottom:16%;right:10%}.io-mobile-engine{display:none}@media (width<=1023px){.io-container{padding:0 1.5rem}.io-engine-topline{padding:0 1.25rem;font-size:.52rem}.io-engine-topline>span:last-child{display:none}.io-engine-heading{padding:1.7rem 1.25rem 1.5rem}.io-engine-heading h2{font-size:clamp(1.7rem,6vw,2.4rem)}.io-play,.io-desktop-engine{display:none}.io-mobile-engine{padding:0 1.25rem;display:block}.io-mobile-stage{border-top:1px solid color-mix(in oklab, var(--io-light) 14%, transparent);grid-template-columns:2rem 1fr;gap:.7rem;padding:1.8rem 0;display:grid;position:relative}.io-mobile-stage>div{min-width:0}.io-mobile-stage:not(:last-child):before{content:"";background:color-mix(in oklab, var(--io-copper) 40%, transparent);width:1px;position:absolute;top:3.3rem;bottom:-1rem;left:.8rem}.io-mobile-index{z-index:1;border:1px solid var(--io-copper);background:var(--io-panel);width:1.7rem;height:1.7rem;color:var(--io-copper);font:500 .6rem/1 var(--font-mono);justify-content:center;align-items:center;display:flex;position:relative}.io-mobile-stage .io-kicker{color:var(--io-copper)}.io-mobile-stage h3{letter-spacing:-.04em;max-width:600px;margin-top:.45rem;font-size:clamp(1.4rem,4.8vw,2rem);font-weight:500;line-height:1.15}.io-mobile-body{max-width:610px;color:var(--io-dim);margin-top:.8rem;font-size:.85rem;line-height:1.65}.io-mobile-stage .io-visual{border:1px solid color-mix(in oklab, var(--io-light) 13%, transparent);width:100%;max-width:570px;min-height:250px;margin-top:1.3rem}.io-mobile-stage .io-knowledge-inputs>span,.io-mobile-stage .io-market-source,.io-mobile-stage .io-market-match,.io-mobile-stage .io-market-reject{font-size:.61rem}.io-mobile-stage .io-angle,.io-mobile-stage .io-campaign-lane>span,.io-mobile-stage .io-buyer-row{font-size:.72rem}.io-mobile-stage .io-angles-head,.io-mobile-stage .io-angle b,.io-mobile-stage .io-angles-foot,.io-mobile-stage .io-account-top,.io-mobile-stage .io-buyer-row b,.io-mobile-stage .io-buyers-foot,.io-mobile-stage .io-campaign-return,.io-mobile-stage .io-campaign-foot,.io-mobile-stage .io-reply-stack span,.io-mobile-stage .io-opportunity small,.io-mobile-stage .io-opportunity>span,.io-mobile-stage .io-loop-tag,.io-mobile-stage .io-knowledge-output{letter-spacing:.02em;font-size:.57rem}.io-mobile-stage .io-visual-knowledge{min-height:250px}.io-knowledge-core{width:155px;height:155px}.io-knowledge-core span{font-size:.86rem}.io-knowledge-inputs{top:15%}}@media (width<=420px){.io-container{padding:0 1.25rem}.io-engine-heading{padding-left:1rem;padding-right:1rem}.io-mobile-engine{padding:0 1rem}.io-mobile-stage{grid-template-columns:1.6rem 1fr;gap:.55rem}.io-mobile-stage .io-visual{width:calc(100% + 2rem);min-height:215px;margin-left:-1.1rem}.io-visual-buyers,.io-visual-angles,.io-visual-campaign{padding:2rem 1rem}.io-buyer-row{gap:.5rem;font-size:.68rem}.io-buyer-row b{font-size:.43rem}.io-angle{grid-template-columns:3.8rem 1fr 2.8rem;gap:.5rem;font-size:.65rem}.io-angles-head{font-size:.47rem}.io-knowledge-core{width:100px;height:100px;top:25%;right:5%}.io-knowledge-inputs{gap:.4rem;width:43%;top:17%;left:5%}.io-knowledge-core span{font-size:.72rem}.io-knowledge-core:before{width:10%}.io-mobile-stage .io-knowledge-inputs>span{font-size:.52rem}.io-knowledge-output{font-size:.45rem;bottom:7%}.io-opportunity{min-height:140px}.io-reply-stack,.io-opportunity{overflow-wrap:anywhere;min-width:0}.io-visual-handoff{flex-direction:column;align-items:stretch;gap:.45rem;padding:1rem;min-height:330px!important}.io-visual-handoff .io-reply-stack,.io-visual-handoff .io-opportunity{width:100%}.io-visual-handoff .io-reply-stack{gap:.3rem}.io-visual-handoff .io-reply-stack span{padding:.4rem .55rem}.io-visual-handoff .io-handoff-arrow{align-self:center;transform:rotate(90deg)}.io-visual-handoff .io-opportunity{min-height:100px}.io-opportunity strong{font-size:1rem}.io-reply-stack span{font-size:.42rem}}@media (prefers-reduced-motion:reduce){.io-section *,.io-section :before,.io-section :after{scroll-behavior:auto!important;animation:none!important}}
