@keyframes io-fadeUp{0%{opacity:0;filter:blur(6px);transform:translateY(10px)}to{opacity:1;filter:none;transform:none}}@keyframes io-phScroll{0%,15%{transform:translateY(0)}50%,65%{transform:translateY(min(0px,calc(var(--io-view) - 100%)))}to{transform:translateY(0)}}.io-fade{animation:.5s cubic-bezier(.2,.8,.2,1) both io-fadeUp}.io-mono{font-family:var(--font-geist-mono),ui-monospace,monospace}.io-h1{letter-spacing:-.035em;color:#010e18;text-wrap:balance;font-size:clamp(40px,5vw,66px);font-weight:600;line-height:1.04}.io-accent,.io-accent-dark{font-family:var(--font-sora),Georgia,serif;letter-spacing:-.02em;background-image:var(--sx-gradient);color:#0000;-webkit-box-decoration-break:clone;box-decoration-break:clone;-webkit-background-clip:text;background-clip:text;padding-right:.04em;font-weight:700}.io-accent-dark{background-image:linear-gradient(90deg,#3c7bff,#4db4ff)}.io-grid-light{background-image:linear-gradient(#e6ebf0 1px,#0000 1px),linear-gradient(90deg,#e6ebf0 1px,#0000 1px);background-size:72px 72px;height:900px;-webkit-mask-image:radial-gradient(70% 60% at 60% 40%,#000 30%,#0000 80%);mask-image:radial-gradient(70% 60% at 60% 40%,#000 30%,#0000 80%)}.io-grid-dark{background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:72px 72px;-webkit-mask-image:radial-gradient(60% 60% at 0 0,#000 20%,#0000 75%);mask-image:radial-gradient(60% 60% at 0 0,#000 20%,#0000 75%)}.io-glow{background:radial-gradient(circle,#eaf5ff 0%,#eaf5ffb3 45%,#0000 70%);border-radius:50%;width:420px;height:420px}.io-phone{box-sizing:border-box;-webkit-user-select:none;user-select:none;background:#0b1620;padding:6px;box-shadow:0 40px 70px -30px #010e188c,inset 0 0 0 1px #2a3742}.io-phone-hero{--io-view:388px;--io-inner:27px;border-radius:32px;width:190px;height:400px}.io-phone-card{--io-view:366px;--io-inner:25px;border-radius:30px;width:180px;height:378px}.io-phone-screen{border-radius:var(--io-inner);background:#fff;height:100%;position:relative;overflow:hidden}.io-phone-screen img{-webkit-user-drag:none;width:100%;height:auto;animation:10s ease-in-out infinite io-phScroll;display:block}.io-cover{cursor:pointer;transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .6s,filter .6s;position:absolute;top:20px;left:185px}.io-cover[data-active=false]{filter:saturate(.6)brightness(.96)}.io-cover[data-hidden=true]{pointer-events:none}.io-row{flex-direction:column;gap:16px;display:flex}.io-card{color:#fff;background:#010e18;border:1px solid #1c2a36;border-radius:.5rem;flex-direction:column;scroll-margin-top:112px;display:flex;position:relative;overflow:hidden}.io-card:focus-visible{outline-offset:3px;outline:2px solid #0094ff}.io-card-grid{pointer-events:none;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:48px 48px;transition:opacity .5s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 45%,#000 80%);mask-image:linear-gradient(90deg,#0000 45%,#000 80%)}.io-card-mark{color:#0094ff;opacity:0;pointer-events:none;transition:opacity .5s;display:none;position:absolute;bottom:-44px;right:-44px}.io-card-text{z-index:1;flex-direction:column;gap:16px;padding:28px;display:flex;position:relative}.io-card-num{color:#4db4ff;font-size:13px;transition:color .5s}.io-card-tile{color:#fff;background:#0094ff;border-radius:.5rem;place-items:center;width:44px;height:44px;transition:background-color .5s,color .5s;display:grid}.io-card-title{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(26px,2.6vw,36px);font-weight:700;line-height:1.08}.io-card-desc{color:#a9b6c2;font-size:15px;line-height:1.6;transition:color .5s}.io-chip{color:#dce3ea;white-space:nowrap;background:0 0;border:1px solid #24343f;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:500;transition:background-color .5s,border-color .5s,color .5s}.io-card-more{color:#4db4ff;align-items:center;gap:8px;margin-top:auto;padding-top:8px;font-size:15px;font-weight:600;transition:color .5s;display:inline-flex}.io-card-more svg{transition:transform .2s}.io-card:hover .io-card-more svg{transform:translate(3px)}.io-card-visual{flex-direction:column;justify-content:center;height:440px;padding:0 16px;display:flex;position:relative}@media (min-width:1000px){.io-row{flex-direction:row}.io-card{flex-direction:row;flex:1.8 1 0;min-width:0;min-height:520px;transition:flex .65s cubic-bezier(.2,.8,.2,1),background-color .5s,border-color .5s,color .5s}.io-card-text{flex-shrink:0;width:50%;padding:36px;transition:width .65s cubic-bezier(.2,.8,.2,1)}.io-card-visual{width:50%;height:auto;transition:opacity .5s,transform .65s cubic-bezier(.2,.8,.2,1);position:absolute;top:0;bottom:0;right:0}.io-card-mark{display:block}.io-card[data-open=false]{color:#010e18;background:#fff;border-color:#e6ebf0;flex:1 1 0}.io-card[data-open=false] .io-card-text{width:100%}.io-card[data-open=false] .io-card-num{color:#0094ff}.io-card[data-open=false] .io-card-tile{color:#0094ff;background:#eaf5ff}.io-card[data-open=false] .io-card-desc{color:#4a5561}.io-card[data-open=false] .io-chip{color:#010e18;background:#f3f6f9;border-color:#e6ebf0}.io-card[data-open=false] .io-card-more{color:#0094ff}.io-card[data-open=false] .io-card-grid{opacity:0}.io-card[data-open=false] .io-card-mark{opacity:.12}.io-card[data-open=false] .io-card-visual{opacity:0;pointer-events:none;transform:translate(60px)}}@media (prefers-reduced-motion:reduce){.io-phone-screen img,.io-fade{animation:none}.io-card,.io-card-text{transition:none}}
