@font-face{font-family:'Attached Jakarta';src:url('/attached-hero/jakarta.woff2') format('woff2');font-style:normal;font-weight:400 800;font-display:swap}
@scope (.attached-hero){
*{box-sizing:border-box} h1,h2,h3,p{margin:0} .card{padding:0} .hero{min-height:0;position:static;background:none} [data-canvas-width]{font-family:'Attached Jakarta','Segoe UI',system-ui,sans-serif!important} [hidden]{display:none!important}


a{color:#4B2BD6}a:hover{color:#2E1A8F}
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:56px;align-items:center}
@media (max-width:1100px){.hero{grid-template-columns:minmax(0,1fr)}.hero-stage{width:100%;max-width:820px;margin:0 auto}}
.words{display:inline-grid;vertical-align:baseline;margin-bottom:-.24em}
.word{grid-area:1/1;display:block;background:linear-gradient(90deg,#4F63E0 0%,#3FA9D0 55%,#43C4A0 100%);-webkit-background-clip:text;background-clip:text;color:transparent;padding:0 .06em .24em 0;opacity:0;transform:translateY(.35em);filter:blur(6px);transition:opacity .55s ease,transform .7s cubic-bezier(.2,.8,.2,1),filter .55s ease}
.word.on{opacity:1;transform:none;filter:none}
.bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1.1em;font-size:1.7cqw}
@media (max-width:640px){.bento{grid-template-columns:minmax(0,1fr);font-size:3.7cqw}.bento>*{grid-column:1/-1!important;grid-row:auto!important}}
.card{background:#FFFFFF;border:1px solid #E9E6F6;border-radius:1em;box-shadow:0 .8em 2em rgba(40,25,120,.08)}
.fl{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .7s cubic-bezier(.2,.8,.2,1),box-shadow .5s ease,border-color .5s ease}
.fl.in{opacity:1;transform:none}
.fl.live{border-color:#B9AEF5;box-shadow:0 0 0 3px rgba(75,43,214,.12),0 1em 2.4em rgba(40,25,120,.14)}
.stage.out .fl{opacity:0;transform:translateY(-8px)}
.row{opacity:0;transform:translateX(calc(-8px * var(--nudge, 1)));transition:opacity .45s ease,transform .45s ease,background .4s ease,box-shadow .4s ease;border-radius:.45em}
.rows.in .row{opacity:1;transform:none}
.rows.in .row:nth-child(2){transition-delay:.08s}.rows.in .row:nth-child(3){transition-delay:.16s}.rows.in .row:nth-child(4){transition-delay:.24s}.rows.in .row:nth-child(5){transition-delay:.32s}.rows.in .row:nth-child(6){transition-delay:.4s}
.rows.in .row.hl{background:#EFEBFF;box-shadow:inset 3px 0 0 #4B2BD6;transition-delay:0s}
.found{opacity:0;transform:scale(.8);transition:all .35s}.row.hl .found{opacity:1;transform:none}
.caret{display:inline-block;width:2px;height:1.05em;background:#4B2BD6;margin-inline-start:2px;vertical-align:-.15em;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.go.ready{animation:ring 1.6s ease-out infinite}
@keyframes ring{0%{box-shadow:0 0 0 0 rgba(75,43,214,.45)}100%{box-shadow:0 0 0 12px rgba(75,43,214,0)}}
.tag{opacity:0;transform:scale(.85);transition:opacity .35s,transform .45s cubic-bezier(.3,1.6,.5,1)}
.tag.on{opacity:1;transform:none}
.ck{color:#D3D0E3;transition:color .3s}.ck.on{color:#1F9B70}
.done{opacity:0;transform:translateY(6px);transition:all .4s}.done.on{opacity:1;transform:none}
.okc{transform:scale(0);transition:transform .45s cubic-bezier(.3,1.7,.5,1)}.okc.on{transform:scale(1)}
.spin{animation:spin 4s linear infinite;transform-origin:center}
@keyframes spin{to{transform:rotate(360deg)}}
.seg{stroke-dasharray:0 100;transition:stroke-dasharray 1.3s cubic-bezier(.4,0,.2,1)}
.ins.in .seg{stroke-dasharray:var(--d) calc(100 - var(--d))}
.ins.in .seg.s2{transition-delay:.25s}.ins.in .seg.s3{transition-delay:.5s}.ins.in .seg.s4{transition-delay:.75s}
.step{display:flex;align-items:center;gap:.45em;padding:.4em .85em;border-radius:999px;font-weight:700;font-size:.82em;color:#7A7699;background:#FFFFFF;border:1px solid #E9E6F6;transition:all .4s}
.step .dot{width:.6em;height:.6em;border-radius:50%;background:#D3D0E3;transition:all .4s}
.step.on{color:#FFFFFF;background:#4B2BD6;border-color:#4B2BD6;box-shadow:0 .4em 1.2em rgba(75,43,214,.3)}
.step.on .dot{background:#FFFFFF;animation:pulse 1.2s ease-in-out infinite}
.step.done{color:#3A22B0;background:#EFEBFF;border-color:#DCD5FB}
.step.done .dot{background:#1F9B70}
@keyframes pulse{50%{transform:scale(1.5);opacity:.6}}
.track{transition:width .6s cubic-bezier(.4,0,.2,1)}
.halo{animation:halo 2s ease-out infinite}
@keyframes halo{0%{box-shadow:0 0 0 0 rgba(31,155,112,.4)}100%{box-shadow:0 0 0 10px rgba(31,155,112,0)}}
.btn-p{transition:transform .2s,box-shadow .2s}.btn-p:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(75,43,214,.35)}
.btn-s{transition:background .2s}.btn-s:hover{background:#EEEAFE}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}.fl,.row,.tag,.done,.found{opacity:1!important;transform:none!important}.okc{transform:none!important}}

}
.attached-hero{background:#F7F6FD}.attached-controls{max-width:1440px;margin:auto;padding:0 30px 18px;display:flex;gap:16px;justify-content:flex-end;align-items:center;font:11px 'Attached Jakarta',sans-serif;color:#79758e}.attached-pause{border:1px solid #ddd6ee;background:transparent;border-radius:20px;padding:7px 12px;color:#6b528e;cursor:pointer;font:inherit}.attached-pause:focus-visible{outline:2px solid #4B2BD6;outline-offset:3px}.attached-paused *{animation-play-state:paused!important}