@font-face{font-family:Manrope;src:url('assets/manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{--ink:#f1f3ff;--muted:#b7bed1;--blue:#607cff;--edge:28px;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#040712;color:var(--ink)}body{font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none}button:focus-visible,a:focus-visible{outline:2px solid #b6bdff;outline-offset:5px}button:disabled{cursor:default}p,h1,h2{margin:0}.opening{position:relative;height:100svh;min-height:640px;overflow:hidden;isolation:isolate}.world{position:absolute;inset:0;z-index:-2;overflow:hidden;background:#040712}.world img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform:scale(1.015);transition:transform 1.2s var(--ease),filter .9s}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,5,17,.36),transparent 45%),linear-gradient(0deg,rgba(2,5,17,.42),transparent 50%,rgba(2,5,17,.2));transition:background .8s}.world:after{content:'';position:absolute;inset:0;background:#030712;opacity:0;transition:opacity .8s}header{position:absolute;top:0;left:0;right:0;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--edge);z-index:10}.pill{border-radius:30px;background:rgba(18,24,44,.66);border:1px solid rgba(207,216,255,.2);backdrop-filter:blur(14px);font-size:12px;line-height:1;padding:9px 15px;transition:background .2s,border-color .2s}.pill:hover{background:rgba(43,52,92,.8);border-color:#aebaff}.explore{display:flex;align-items:center;gap:25px}.explore span{font-size:17px;font-weight:300}.name{position:absolute;left:50%;transform:translateX(-50%);font-size:17px;font-weight:650;letter-spacing:-.05em;display:flex;align-items:center;gap:6px}.name-dot{width:5px;height:5px;border-radius:50%;background:#8292ff}.contact{display:flex;align-items:center;gap:18px;height:34px}.contact span{font-size:17px}nav{position:absolute;top:60px;left:var(--edge);padding:12px;border-radius:16px;background:#11182ceF;border:1px solid #404967;backdrop-filter:blur(24px);min-width:200px}nav button,nav a{display:block;font-size:13px;padding:10px 12px;text-align:left;width:100%;border-radius:7px}nav button:hover,nav a:hover{background:#263152}.outcomes{position:absolute;left:var(--edge);top:50%;transform:translateY(-50%);z-index:3}.outcomes>p{font-size:12px;color:#c6cce0;margin:0 0 14px 12px}.outcomes>button{display:flex;gap:10px;align-items:center;font-size:16px;line-height:24px;padding:7px 14px;margin:5px 0;border-radius:24px;white-space:nowrap;font-weight:450}.outcomes>button:disabled{color:#bfc5d4;background:rgba(7,12,28,.24)}#leads{border:1px solid rgba(198,209,255,.35);background:rgba(42,53,91,.57);backdrop-filter:blur(18px);transition:background .35s,border-color .35s}.dot{width:5px;height:5px;background:#a2b4ff;border-radius:50%}.arrow{font-size:15px;margin-left:8px}.description{position:absolute;left:61%;top:25%;width:268px;font-size:16px;line-height:1.55;letter-spacing:-.02em;text-wrap:pretty;text-shadow:0 1px 12px #02040c}.headline{position:absolute;top:67%;left:35%;font-size:clamp(36px,3.6vw,58px);font-weight:450;line-height:1.13;letter-spacing:-.055em;transition:opacity .4s,transform .8s var(--ease);text-shadow:0 2px 30px #0007}.example{position:absolute;left:35%;top:47%;width:59%;max-width:830px;opacity:0;visibility:hidden;transform:translateY(18px);transition:opacity .6s .1s,transform .9s var(--ease),visibility .6s}.example-label{font-size:12px;color:#c4cce5;margin-bottom:15px}.example h2{font-size:clamp(30px,3vw,44px);font-weight:450;letter-spacing:-.045em;line-height:1.15}.workflow{display:grid;grid-template-columns:1fr 1.15fr 1.1fr;padding:0;margin:35px 0 26px;list-style:none;gap:0}.workflow li{position:relative;padding-top:27px;border-top:1px solid #697ba4;padding-right:18px}.workflow li:last-child{border-top-color:#a7baff}.signal{position:absolute;left:0;top:-4px;width:7px;height:7px;border-radius:50%;background:#8cafff;box-shadow:0 0 15px #5e82ff}.workflow strong{font-size:14px;font-weight:550}.workflow p{color:#c3cbe0;font-size:12px;line-height:1.65;margin-top:9px}.back{font-size:12px;padding:5px 0;color:#e3e7f5}.back span{margin-left:12px}footer{position:absolute;left:var(--edge);right:var(--edge);bottom:24px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#bcc4d8}footer span:nth-child(2){position:absolute;left:50%;transform:translateX(-50%);color:#d3d9ed}.is-example .world img{transform:scale(1.09) translate(-1.5%,1%);filter:saturate(.78)}.is-example .world:after{opacity:.43}.is-example .headline{opacity:0;transform:translateY(10px)}.is-example .example{opacity:1;visibility:visible;transform:none}.is-example #leads{background:#3448acbd;border-color:#b8c8ff}.is-example .description{font-size:15px}dialog{max-width:475px;width:calc(100% - 32px);border-radius:24px;border:1px solid #4b5679;background:#0c1428;color:var(--ink);padding:40px;font-family:inherit;box-shadow:0 25px 120px #000b}dialog::backdrop{background:#020514b8;backdrop-filter:blur(12px)}dialog h2{font-size:32px;font-weight:450;letter-spacing:-.04em;line-height:1.2;margin:18px 0}dialog p{font-size:14px;line-height:1.65;color:#cad1e3}.dialog-note{font-size:12px}.preview-note{padding-top:22px;margin-top:22px;border-top:1px solid #3d4865}.done{margin-top:24px}.close{position:absolute;right:17px;top:10px;padding:8px;font-size:25px}
@media(max-width:800px){:root{--edge:20px}header{height:66px}.name{font-size:16px}.contact{font-size:11px;padding:8px 12px;gap:9px}.explore{font-size:11px;padding:8px 12px;gap:12px}.description{left:55%;width:38%;font-size:14px;top:23%}.headline{left:32%;font-size:40px;top:69%}.example{left:32%;width:63%;top:45%}.example h2{font-size:33px}.workflow{grid-template-columns:1fr;margin-top:25px;gap:16px}.workflow li{border-top:none;border-left:1px solid #697ba4;padding:0 0 0 20px}.signal{left:-4px;top:7px}.workflow p{margin-top:3px}.workflow br{display:none}.outcomes>button{font-size:14px;padding:6px 10px}.outcomes>p{font-size:11px}}
@media(max-width:520px){.opening{min-height:700px}.name{left:20px;transform:none;top:22px}.navigation{position:absolute;top:73px;left:20px}.contact{margin-left:auto;height:32px}.contact span{font-size:14px}nav{top:40px;left:0}.world img{object-position:56% 50%}.shade{background:linear-gradient(0deg,#020610b0,transparent 65%),linear-gradient(90deg,#03081777,transparent)}.headline{top:29%;left:20px;font-size:36px;line-height:1.16}.description{top:auto;bottom:16%;left:20px;width:285px;font-size:14px;line-height:1.55}.outcomes{top:50%;left:20px;transform:none}.outcomes>p{margin-left:0;margin-bottom:12px}.outcomes>button{margin-left:-10px;font-size:15px}.outcomes>button:disabled{display:none}.outcomes>button:disabled:first-of-type{display:flex}.outcomes>button:disabled:last-of-type{display:flex}footer{bottom:18px;font-size:10px}footer span:nth-child(2){display:none}.example{top:27%;left:20px;width:calc(100% - 40px)}.example-label{font-size:10px}.example h2{font-size:30px}.workflow{margin:27px 0 19px;gap:19px}.workflow strong{font-size:13px}.workflow p{font-size:12px}.is-example .outcomes{top:auto;bottom:94px}.is-example .outcomes>p,.is-example .outcomes>button:disabled{display:none}.is-example .description{top:17%;bottom:auto;font-size:13px;line-height:1.5;width:calc(100% - 40px)}.is-example .world img{transform:scale(1.09) translate(-2%,0)}dialog{padding:32px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}.world img,.is-example .world img{transform:none}}
