@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--bg: #f4f8fc;--surface: rgba(255, 255, 255, .72);--surface-2: #ffffff;--line: rgba(15, 39, 64, .08);--line-strong: rgba(15, 39, 64, .12);--text: #0f2740;--muted: #5d7089;--teal: #0d9488;--teal-2: #14b8a6;--sky: #0ea5e9;--blue: #2563eb;--grad: linear-gradient(120deg, #14b8a6 0%, #0ea5e9 55%, #2563eb 100%);--radius-card: 32px;--ease: cubic-bezier(.22, 1, .36, 1);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:Plus Jakarta Sans,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:#14b8a640}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.aurora{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.aurora span{position:absolute;border-radius:50%;filter:blur(80px);opacity:.7;animation:drift 22s ease-in-out infinite alternate}.aurora span:nth-child(1){width:55vmax;height:55vmax;left:-15vmax;top:-20vmax;background:radial-gradient(circle,rgba(56,189,248,.45),transparent 65%)}.aurora span:nth-child(2){width:50vmax;height:50vmax;right:-18vmax;top:8vmax;background:radial-gradient(circle,rgba(45,212,191,.4),transparent 65%);animation-duration:26s;animation-delay:-6s}.aurora span:nth-child(3){width:45vmax;height:45vmax;left:18vmax;bottom:-26vmax;background:radial-gradient(circle,rgba(253,186,140,.35),transparent 65%);animation-duration:30s;animation-delay:-12s}@keyframes drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(6vmax,4vmax,0) scale(1.15)}}.grid{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(15,39,64,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(15,39,64,.045) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at center,#000 20%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,#000 20%,transparent 75%)}.grain{position:fixed;inset:0;z-index:3;pointer-events:none;opacity:.04;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}#network{position:fixed;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}#app{position:relative;z-index:2;min-height:100dvh;display:grid;place-items:center;padding:clamp(16px,5vw,64px) 16px}.card{position:relative;width:min(100%,520px);padding:clamp(18px,4vw,28px) clamp(18px,4vw,28px) 24px;border-radius:var(--radius-card);background:var(--surface);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);box-shadow:0 40px 80px -40px #0f3c6e59,0 0 0 1px #ffffffe6,inset 0 1px #fff;isolation:isolate}.card:before{content:"";position:absolute;inset:-1px;padding:1.5px;border-radius:inherit;background:conic-gradient(from var(--angle, 0deg),transparent 0 55%,var(--teal-2) 70%,var(--sky) 85%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:spin 7s linear infinite;pointer-events:none}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes spin{to{--angle: 360deg}}.card__glow{position:absolute;left:10%;right:10%;top:30%;height:50%;background:var(--grad);filter:blur(90px);opacity:.12;z-index:-1;pointer-events:none}.hero{--rx: 0deg;--ry: 0deg;--mx: 50%;--my: 30%;position:relative;margin:0;width:100%;aspect-ratio:419 / 440;border-radius:24px;overflow:hidden;background:#08182a;transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry));box-shadow:0 30px 50px -28px #0e5a968c,0 0 0 1px var(--line-strong)}.hero__art{position:absolute;inset:0;width:100%;height:100%;display:block}.art-route{stroke-dasharray:1;stroke-dashoffset:1;animation:art-draw 2.2s var(--ease) .4s forwards}@keyframes art-draw{to{stroke-dashoffset:0}}.art-flow{animation:art-flow 3s linear infinite}@keyframes art-flow{to{stroke-dashoffset:-.13}}.art-ring{transform-box:fill-box;transform-origin:center;animation:art-ring 3s var(--ease) infinite}.art-ring--2{animation-delay:1.5s}@keyframes art-ring{0%{transform:scale(.5);opacity:1}to{transform:scale(2.4);opacity:0}}.hero__logo{position:absolute;left:50%;bottom:7%;translate:-50% 0;width:86%;height:auto;z-index:3;filter:drop-shadow(0 6px 18px rgba(0,0,0,.55))}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(420px circle at var(--mx) var(--my),rgba(255,255,255,.22),transparent 45%);mix-blend-mode:soft-light;pointer-events:none;z-index:2}.intro{text-align:center;padding:26px 8px 0}.status{display:inline-flex;align-items:center;gap:8px;margin:0 0 16px;padding:6px 14px 6px 10px;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--teal);background:#14b8a61a;border:1px solid rgba(20,184,166,.25);border-radius:999px}.status__dot{width:7px;height:7px;border-radius:50%;background:var(--teal-2);box-shadow:0 0 #14b8a699;animation:ping 2s infinite}@keyframes ping{70%{box-shadow:0 0 0 8px #14b8a600}to{box-shadow:0 0 #14b8a600}}.tagline{margin:0 auto;max-width:26ch;font-size:clamp(1.25rem,4.2vw,1.55rem);font-weight:800;line-height:1.3;letter-spacing:-.02em;text-wrap:balance;background:linear-gradient(180deg,var(--text) 30%,#0e7490);-webkit-background-clip:text;background-clip:text;color:transparent}.socials{display:flex;justify-content:center;gap:10px;margin-top:22px}.social{position:relative;display:grid;place-items:center;width:48px;height:48px;border-radius:16px;color:var(--text);background:var(--surface-2);border:1px solid var(--line);box-shadow:0 6px 16px -10px #0f3c6e59;isolation:isolate;overflow:hidden;transition:transform .35s var(--ease),color .25s,border-color .25s,box-shadow .35s}.social:before{content:"";position:absolute;inset:0;background:var(--grad);opacity:0;transition:opacity .3s;z-index:-1}.social:hover,.social:focus-visible{transform:translateY(-3px);color:#fff;border-color:transparent;box-shadow:0 14px 28px -10px #0ea5e999}.social:hover:before,.social:focus-visible:before{opacity:1}.actions{display:grid;gap:12px;margin-top:28px}.action{--sx: 50%;--sy: 50%;position:relative;display:flex;align-items:center;gap:14px;padding:12px 14px 12px 12px;min-height:72px;border-radius:20px;text-decoration:none;color:var(--text);background:var(--surface-2);border:1px solid var(--line);box-shadow:0 10px 24px -18px #0f3c6e73;overflow:hidden;isolation:isolate;transition:transform .35s var(--ease),border-color .3s,box-shadow .35s,background .3s}.action:before{content:"";position:absolute;inset:0;background:radial-gradient(260px circle at var(--sx) var(--sy),rgba(20,184,166,.12),transparent 60%);opacity:0;transition:opacity .3s;z-index:-1}.action:hover,.action:focus-visible{transform:translateY(-2px);border-color:#14b8a666;box-shadow:0 20px 40px -22px #0e74908c}.action:hover:before,.action:focus-visible:before{opacity:1}.action:active{transform:translateY(0) scale(.99)}.action__icon{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;color:var(--blue);background:linear-gradient(140deg,#14b8a61f,#2563eb1f)}.action__text{flex:1;display:grid;gap:3px;text-align:left}.action__text strong{font-weight:700;font-size:1rem;letter-spacing:-.01em}.action__text small{font-size:.8rem;color:var(--muted)}.action__arrow{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:12px;color:var(--muted);background:#eef3f8;transition:transform .35s var(--ease),color .3s,background .3s}.action:hover .action__arrow{transform:translate(3px);color:#fff;background:var(--teal)}.action--primary{color:#fff;background:var(--grad);background-size:200% 100%;border-color:transparent;box-shadow:0 20px 40px -16px #0ea5e9a6,inset 0 1px #ffffff59;animation:flow 8s ease-in-out infinite alternate,beckon 3.2s ease-in-out infinite 2s}@keyframes beckon{0%,to{box-shadow:0 20px 40px -16px #0ea5e9a6,0 0 #0ea5e966,inset 0 1px #ffffff59}50%{box-shadow:0 20px 40px -16px #0ea5e9a6,0 0 0 8px #0ea5e900,inset 0 1px #ffffff59}}@keyframes flow{0%{background-position:0% 50%}to{background-position:100% 50%}}.action--primary:hover,.action--primary:focus-visible{border-color:transparent;box-shadow:0 26px 50px -16px #2563ebb3;animation-play-state:running,paused}.action--primary:before{background:radial-gradient(260px circle at var(--sx) var(--sy),rgba(255,255,255,.3),transparent 60%)}.action--primary .action__icon{color:#fff;background:#fff3;border:1px solid rgba(255,255,255,.3)}.action--primary .action__text small{color:#ffffffd9}.action--primary .action__arrow,.action--primary:hover .action__arrow{color:var(--blue);background:#fff}.action--primary:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.45) 50%,transparent 65%);transform:translate(-120%);animation:shine 5s var(--ease) infinite 1.5s;pointer-events:none}@keyframes shine{0%,60%{transform:translate(-120%)}to{transform:translate(120%)}}a:focus-visible{outline:2px solid var(--sky);outline-offset:3px}.footer{margin-top:28px;text-align:center;font-size:.75rem;color:var(--muted)}.wa-float{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:10;display:flex;align-items:center;gap:10px;text-decoration:none;opacity:0;scale:.6;transition:opacity .6s var(--ease) 1.2s,scale .6s var(--ease) 1.2s}.is-ready .wa-float{opacity:1;scale:1}.wa-float__btn{position:relative;display:grid;place-items:center;width:60px;height:60px;border-radius:50%;color:#fff;background:linear-gradient(145deg,#3ee57f,#1ebe5d);box-shadow:0 14px 30px -10px #1ebe5db3,inset 0 1px #ffffff59;transition:transform .35s var(--ease)}.wa-float__btn:before,.wa-float__btn:after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid rgba(30,190,93,.6);animation:wa-ring 2.6s var(--ease) infinite;pointer-events:none}.wa-float__btn:after{animation-delay:1.3s}@keyframes wa-ring{0%{transform:scale(1);opacity:.8}to{transform:scale(1.7);opacity:0}}.wa-float__label{padding:10px 16px;border-radius:14px;font-size:.9rem;font-weight:600;white-space:nowrap;color:var(--text);background:#fff;box-shadow:0 12px 30px -12px #0f3c6e66,0 0 0 1px var(--line);opacity:0;translate:12px 0;pointer-events:none;transition:opacity .4s var(--ease),translate .4s var(--ease)}.wa-float:hover .wa-float__label,.wa-float:focus-visible .wa-float__label,.wa-float.is-open .wa-float__label{opacity:1;translate:0 0}.wa-float:hover .wa-float__btn{transform:scale(1.08) rotate(-6deg)}.wa-float:focus-visible{outline:none}.wa-float:focus-visible .wa-float__btn{outline:2px solid var(--sky);outline-offset:4px}.hero,.intro>*,.action,.footer{opacity:0;translate:0 18px;filter:blur(6px);transition:opacity .9s var(--ease),translate .9s var(--ease),filter .9s var(--ease),transform .4s var(--ease),border-color .3s,box-shadow .35s,background .3s}.is-ready .hero,.is-ready .intro>*,.is-ready .action,.is-ready .footer{opacity:1;translate:0 0;filter:none}.is-ready .intro>:nth-child(2){transition-delay:.15s,.15s,.15s,0s,0s,0s,0s}.is-ready .intro>:nth-child(3){transition-delay:.22s,.22s,.22s,0s,0s,0s,0s}.is-ready .intro>:nth-child(4){transition-delay:.29s,.29s,.29s,0s,0s,0s,0s}.is-ready .action{transition-delay:calc(.36s + var(--i) * .08s),calc(.36s + var(--i) * .08s),calc(.36s + var(--i) * .08s),0s,0s,0s,0s}.is-ready .footer{transition-delay:.6s,.6s,.6s,0s,0s,0s,0s}@media(max-width:480px){.card{border-radius:26px}.hero{border-radius:18px}.action{min-height:64px;gap:12px}.action__text small{display:none}.wa-float__btn{width:56px;height:56px}#app{padding-bottom:96px}.hero{aspect-ratio:419 / 370}.intro{padding-top:20px}.status{margin-bottom:12px}.socials{margin-top:18px}.actions{margin-top:22px}}@media(max-width:360px){#app{padding-left:12px;padding-right:12px}.card{padding:14px 14px 20px}.tagline{font-size:1.15rem}.action{gap:10px;padding:10px;min-height:60px}.action__icon{width:40px;height:40px;border-radius:12px}.action__arrow{width:32px;height:32px;border-radius:10px}.action__text strong{font-size:.94rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important;transition-delay:0s!important}.art-route{stroke-dashoffset:0}}
