*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;overflow-x:hidden}
body{font:17px/1.65 Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#c7d2e6;background:#070d1f;overflow-wrap:break-word;overflow-x:hidden;-webkit-font-smoothing:antialiased}
.bg{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(60% 50% at 80% 0,#22d3ee26,transparent 70%),radial-gradient(50% 45% at 0 30%,#6366f12e,transparent 70%),radial-gradient(60% 50% at 50% 100%,#1e3a8a40,transparent 70%),linear-gradient(#070d1f,#0b1530)}
.bg:after{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:56px 56px;-webkit-mask:radial-gradient(ellipse at 50% 0,#000 20%,transparent 75%);mask:radial-gradient(ellipse at 50% 0,#000 20%,transparent 75%)}
a{color:#67e8f9}.w{max-width:1120px;margin:auto;padding:0 20px}
h1,h2,h3,summary{color:#f1f5ff;letter-spacing:-.02em}
header{position:sticky;top:0;z-index:20;padding:14px 0;border-bottom:1px solid transparent;transition:.3s}
header.s{background:#070d1fb8;-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);border-color:#ffffff14}
.logo{color:#fff;font-weight:800;text-decoration:none;font-size:20px;letter-spacing:-.02em}.logo b{color:#22d3ee}
.hero{padding:56px 0 64px}.hg{display:grid;gap:44px;align-items:center}
.pill{display:inline-block;font-size:13px;font-weight:600;color:#a5f3fc;padding:5px 12px;border-radius:99px;border:1px solid #22d3ee44;background:#22d3ee12;margin-bottom:18px}
h1{font-size:clamp(32px,6.4vw,58px);line-height:1.08;margin-bottom:20px;position:relative}
h1 span,h2{background:linear-gradient(100deg,#fff 10%,#a5f3fc 50%,#818cf8 95%);-webkit-background-clip:text;background-clip:text;color:transparent}
.glow:before{content:"";position:absolute;z-index:-1;left:-10%;top:-30%;width:90%;height:160%;background:radial-gradient(closest-side,#22d3ee40,#6366f122 60%,transparent);filter:blur(30px);animation:gl 7s ease-in-out infinite alternate}
@keyframes gl{to{transform:translate(18%,8%) scale(1.15);opacity:.7}}
.hero p{font-size:19px;max-width:620px}
h2{font-size:clamp(26px,4.6vw,40px);margin-bottom:28px;line-height:1.15;display:inline-block}section{padding:64px 0}
.cta{position:relative;overflow:hidden;display:inline-block;background:linear-gradient(135deg,#22d3ee,#67e8f9);color:#06202a;font-weight:800;padding:16px 28px;border-radius:12px;text-decoration:none;margin-top:28px;box-shadow:0 0 0 1px #a5f3fc66 inset,0 8px 30px #22d3ee55;animation:pu 3s ease-in-out infinite;transition:transform .2s,box-shadow .2s}
.cta:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,#ffffffa0 50%,transparent 65%);transform:translateX(-100%);animation:sh 3.5s ease-in-out infinite}
.cta:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #fff inset,0 12px 40px #22d3ee88}.cta:focus-visible{outline:3px solid #fff;outline-offset:3px}
@keyframes sh{60%,100%{transform:translateX(100%)}}@keyframes pu{50%{box-shadow:0 0 0 1px #a5f3fc66 inset,0 8px 44px #22d3ee88}}
.c{text-align:center}
.g{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.card,.demo,.trust li{position:relative;background:linear-gradient(160deg,#ffffff0f,#ffffff05);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;padding:24px;transition:transform .35s,box-shadow .35s,opacity .7s}
.card:before,.demo:before,.trust li:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(140deg,#22d3ee80,#ffffff14 40%,#6366f166);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.card:hover{transform:translateY(-6px);box-shadow:0 18px 50px -10px #22d3ee40,0 0 0 1px #22d3ee30}
.card h3{font-size:19px;margin-bottom:8px}
.ex{font-size:15px;color:#cffafe;background:#22d3ee14;border-left:2px solid #22d3ee;padding:9px 12px;margin-top:12px;border-radius:8px}
.n{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#0b1530;color:#22d3ee;font-weight:800;margin-bottom:12px;box-shadow:0 0 0 1px #22d3ee66,0 0 22px #22d3ee55;position:relative;z-index:1}
.steps{position:relative}.steps:before{content:"";position:absolute;left:44px;top:24px;bottom:24px;width:2px;background:linear-gradient(#22d3ee,#6366f1);box-shadow:0 0 12px #22d3ee;opacity:.7}
.trust{list-style:none;padding:0}.trust li{padding:18px 20px 18px 50px;color:#e2e8f5}
.trust li:after{content:"✓";position:absolute;left:18px;top:17px;color:#22d3ee;font-weight:800;text-shadow:0 0 10px #22d3ee}
details{border:1px solid #ffffff14;background:#ffffff08;border-radius:14px;padding:0 20px;margin-bottom:12px;transition:border-color .3s,background .3s}
details[open]{border-color:#22d3ee55;background:#22d3ee0d}
summary{font-weight:700;cursor:pointer;list-style:none;padding:18px 30px 18px 0;position:relative}summary::-webkit-details-marker{display:none}
summary:after{content:"+";position:absolute;right:0;top:14px;font-size:24px;color:#22d3ee;transition:transform .3s}details[open] summary:after{transform:rotate(45deg)}
details p{padding-bottom:18px}details[open] p{animation:op .4s ease}@keyframes op{from{opacity:0;transform:translateY(-6px)}}
.final .w{padding:56px 24px;border-radius:24px;background:radial-gradient(80% 120% at 50% 0,#22d3ee26,transparent 60%),#0b1530cc;border:1px solid #22d3ee33}
footer{border-top:1px solid #ffffff12;color:#9fb0c8;padding:28px 0 96px;font-size:14px}footer a{color:#b6c4da;margin-right:16px}
.legal{padding-bottom:40px}.legal h1{font-size:34px;color:#f1f5ff}.legal h2{font-size:21px;margin:28px 0 8px;display:block}
.demo{padding:0;overflow:hidden;box-shadow:0 30px 80px -20px #000a,0 0 60px -20px #22d3ee55;font-size:15px}
.bar{display:flex;gap:6px;align-items:center;padding:12px 16px;border-bottom:1px solid #ffffff12;font-size:12px;color:#9fb0c8}.bar i{width:10px;height:10px;border-radius:50%;background:#ffffff26}.bar span{margin-left:8px}
.mail{margin:14px;padding:14px;border-radius:12px;background:#ffffff0a;border:1px solid #ffffff12}.mail b{display:block;color:#f1f5ff;font-size:13px;margin-bottom:6px}
.in{animation:op .6s .3s both}.ai{border-color:#22d3ee55;background:#22d3ee0f;animation:op .6s 1s both}.ai b{color:#67e8f9}
#type{min-height:5.2em;color:#e2e8f5}#type:after{content:"";display:inline-block;width:2px;height:1em;background:#22d3ee;vertical-align:-2px;margin-left:2px;animation:bl 1s steps(1) infinite}@keyframes bl{50%{opacity:0}}
.tag{display:inline-block;margin-top:8px;font-size:12px;color:#a5f3fc;border:1px solid #22d3ee44;border-radius:99px;padding:2px 10px}
.rv{opacity:0;transform:translateY(24px)}.rv.in{opacity:1;transform:none;transition:opacity .7s,transform .7s cubic-bezier(.2,.7,.2,1)}
.sticky{position:fixed;left:12px;right:12px;bottom:12px;z-index:30;margin:0;text-align:center;transform:translateY(140%);transition:transform .35s}.past .sticky{transform:none}
@media(min-width:900px){.hg{grid-template-columns:1.15fr .85fr}.sticky{display:none}footer{padding-bottom:28px}
.steps:before{left:24px;right:24px;top:45px;bottom:auto;width:auto;height:2px;background:linear-gradient(90deg,#22d3ee,#6366f1)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.rv{opacity:1;transform:none}#type:after{display:none}}
.sub{font-weight:700;color:#a5f3fc!important;font-size:20px!important;margin-bottom:12px}
.lead{max-width:680px;margin:-8px auto 40px}
.org{position:relative;text-align:left}
.hub{position:relative;z-index:1;margin:0 auto;width:max-content;padding:16px 34px;border-radius:18px;text-align:center;font-weight:800;font-size:24px;letter-spacing:.08em;color:#fff;background:linear-gradient(135deg,#0e7490,#4338ca);box-shadow:0 0 0 1px #a5f3fc66,0 0 50px #22d3ee66;animation:pu 3s ease-in-out infinite}
.hub span,.hub small{display:block;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#cffafe}
.agents{position:relative;display:grid;gap:16px;padding:32px 0 0 34px}
.agents:before{content:"";position:absolute;left:12px;top:0;bottom:40px;width:2px;background:linear-gradient(#22d3ee,#6366f1);box-shadow:0 0 12px #22d3ee}
.agents:after{content:"";position:absolute;left:8px;top:0;width:10px;height:10px;border-radius:50%;background:#a5f3fc;box-shadow:0 0 14px 4px #22d3ee;animation:dn 3.2s linear infinite}
@keyframes dn{to{top:calc(100% - 50px);opacity:.3}}
.ag{position:relative;padding:20px;border-radius:16px;background:linear-gradient(160deg,#ffffff12,#ffffff05);border:1px solid #22d3ee40;transition:transform .35s,box-shadow .35s,opacity .7s}
.ag:hover{transform:translateY(-5px);box-shadow:0 18px 50px -10px #22d3ee50}
.ag:before{content:"";position:absolute;left:-22px;top:32px;width:22px;height:2px;background:#22d3ee;box-shadow:0 0 10px #22d3ee}
.ag em{font-style:normal;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#67e8f9}.ag h3{font-size:19px;margin:2px 0 6px}.ag p{font-size:15px}
.mem{position:relative;overflow:hidden;margin:18px 0 0 34px;padding:12px;border-radius:12px;text-align:center;border:1px dashed #818cf888;background:#6366f114;color:#c7d2fe;font-size:14px;letter-spacing:.08em;text-transform:uppercase}
.mem i{position:absolute;top:50%;left:-10px;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:#a5f3fc;box-shadow:0 0 12px 3px #22d3ee;animation:fl 4s linear infinite}.mem i:nth-child(2){animation-delay:-1.3s}.mem i:nth-child(3){animation-delay:-2.6s}
@keyframes fl{to{left:100%}}
.relay{list-style:none;counter-reset:r;padding:0;margin:32px auto 0;max-width:720px;text-align:left;display:grid;gap:10px}
.relay li{counter-increment:r;position:relative;padding:12px 16px 12px 52px;border-radius:12px;background:#ffffff08;border:1px solid #ffffff14;font-size:15px}
.relay li:before{content:counter(r);position:absolute;left:14px;top:11px;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-weight:800;color:#06202a;background:#22d3ee}.relay b{color:#f1f5ff}
@media(min-width:900px){.agents{grid-template-columns:repeat(4,1fr);padding:56px 0 0}
.agents:before{left:12.5%;right:12.5%;top:28px;bottom:auto;width:auto;height:2px;background:linear-gradient(90deg,#22d3ee,#6366f1,#22d3ee)}
.agents:after{left:12.5%;top:24px;animation:rt 4s linear infinite}@keyframes rt{to{left:87.5%}}
.ag:before{left:50%;top:-28px;width:2px;height:28px}
.hub:after{content:"";position:absolute;left:50%;top:100%;width:2px;height:28px;background:#22d3ee;box-shadow:0 0 10px #22d3ee}
.mem{margin-left:0}}
.note{margin-top:32px;padding:12px 16px;border:1px solid #22d3ee44;border-radius:12px;background:#22d3ee0d}
header .w{display:flex;justify-content:space-between;align-items:center;gap:12px}.nav a{color:#c7d2e6;text-decoration:none;font-weight:600;font-size:15px;padding:6px 12px;border-radius:8px;border:1px solid #ffffff1a}.nav a:hover{color:#fff;border-color:#22d3ee66}
.post{max-width:760px;padding-top:40px;padding-bottom:40px}.post h1{font-size:clamp(30px,5.5vw,46px);line-height:1.12;margin:6px 0 24px}.post h2{display:block;font-size:clamp(23px,4vw,30px);margin:40px 0 14px}.post p,.post li{margin-bottom:14px}.post ul,.post ol{padding-left:22px}.post strong{color:#f1f5ff}
.crumb{margin-bottom:14px}.crumb a{text-decoration:none}.midcta{margin:36px 0;padding:28px 20px;border-radius:18px;border:1px solid #22d3ee33;background:#22d3ee0b}.midcta p{margin:0}.midcta .cta{margin-top:16px}
.post .final{padding:0;margin-top:48px}.post .final .w{padding:40px 20px}.post .final h2{margin-top:0;display:inline-block}
.blogg{margin-top:28px}.post-card{display:block;text-decoration:none;color:inherit}.more{display:inline-block;margin-top:12px;color:#67e8f9;font-weight:600}.lead0{max-width:640px}