:root{--ink:#171426;--muted:#56526C;--soft:#857FA0;--bg:#FAFAFC;--paper:#fff;--azure:#2563EB;--violet:#7C3AED;--magenta:#EC4899;--cyan:#06B6D4;--green:#16C98C;--line:rgba(23,20,38,.1);--glass:rgba(255,255,255,.62)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Manrope,system-ui,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}.blob{position:fixed;border-radius:50%;filter:blur(72px);z-index:0;pointer-events:none;opacity:.55;animation:drift 20s ease-in-out infinite alternate}.b1{width:520px;height:520px;background:radial-gradient(circle,#2563EB,transparent 68%);top:-160px;left:-120px}.b2{width:560px;height:560px;background:radial-gradient(circle,#EC4899,transparent 68%);top:-80px;right:-160px;animation-delay:-6s}.b3{width:480px;height:480px;background:radial-gradient(circle,#7C3AED,transparent 68%);top:380px;left:30%;opacity:.4;animation-delay:-12s}@keyframes drift{0%{transform:translate(0) scale(1)}to{transform:translate(40px,30px) scale(1.12)}}.wrap{max-width:1180px;margin:0 auto;padding:0 28px;position:relative;z-index:1}header{position:sticky;top:0;z-index:40;backdrop-filter:blur(14px);background:#fafafcb3;border-bottom:1px solid var(--line)}nav{display:flex;align-items:center;justify-content:space-between;height:72px}.logo{display:inline-flex;align-items:center;font-weight:800;font-size:25px;letter-spacing:-1.1px}.lens{display:inline-block;width:.55em;height:.55em;border:.13em solid var(--violet);border-radius:50%;margin:0 .04em;transform:translateY(.05em)}.grad{background:linear-gradient(100deg,var(--azure),var(--violet) 45%,var(--magenta));-webkit-background-clip:text;background-clip:text;color:transparent}.soon-pill{background:linear-gradient(100deg,var(--azure),var(--violet) 50%,var(--magenta));color:#fff;font-weight:700;font-size:14px;border-radius:999px;padding:10px 18px;display:inline-flex;border:0;cursor:pointer;box-shadow:0 10px 26px -10px #7c3aed99}.soon-pill:hover{filter:brightness(1.05);transform:translateY(-1px);transition:.15s}.hero{padding:64px 0 36px}.eyebrow{font-size:12.5px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase}h1{font-size:60px;line-height:1.04;font-weight:800;letter-spacing:-2px;margin:18px 0 0}h1 em{font-family:Fraunces,serif;font-style:italic;font-weight:600;letter-spacing:-1px}h1.roth{line-height:1.06}.rotw{display:inline-block;transition:opacity .34s ease,transform .34s ease}.rotw.out{opacity:0;transform:translateY(10px)}.lede{font-size:19px;color:var(--muted);max-width:620px;margin:22px auto 0;text-align:center}.lede b{color:var(--ink);font-weight:600}.hero-top{max-width:860px;margin:0 auto;text-align:center}.cta-row{display:flex;align-items:center;justify-content:center;gap:18px;margin:28px 0 16px;flex-wrap:wrap}.link-soft{font-size:15px;color:var(--muted);font-weight:600}.link-soft:hover{color:var(--ink)}.integrations{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap}.int-label{font-size:13px;color:var(--soft);font-weight:600}.chip-int{font-size:13.5px;font-weight:700;background:var(--glass);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.8);border-radius:999px;padding:6px 13px;box-shadow:0 6px 16px -10px #1714264d}.int-more{font-size:12.5px;color:var(--soft)}.pipe-card{margin:30px auto 0;max-width:1060px;background:var(--glass);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.85);border-radius:24px;box-shadow:0 40px 90px -50px #2537b480;padding:14px 14px 6px}.pipe-head{display:flex;align-items:center;justify-content:space-between;padding:8px 14px 12px}.pipe-head .t{font-size:13.5px;font-weight:700;color:var(--muted)}.pipe-head .legend{display:flex;gap:16px;font-size:12px;color:var(--soft);font-weight:600}.pipe-head .legend i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px;vertical-align:middle}svg .lane{fill:none;stroke:url(#laneG);stroke-width:2.2;stroke-linecap:round;opacity:.5;stroke-dasharray:5 11;animation:flow 1s linear infinite}@keyframes flow{to{stroke-dashoffset:-16}}.hub-core{transform-box:fill-box;transform-origin:center;animation:hubpulse 1.9s ease-in-out infinite}@keyframes hubpulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.6}}.nodelabel{font-family:Manrope,sans-serif;font-size:13px;font-weight:700;fill:var(--ink)}.nodesub{font-family:Manrope,sans-serif;font-size:10px;font-weight:600;fill:#9b96ad;letter-spacing:.5px;text-transform:uppercase}section{padding:72px 0;position:relative;z-index:1}.sec-head{max-width:680px;margin:0 auto 46px;text-align:center}h2{font-size:42px;line-height:1.08;font-weight:800;letter-spacing:-1.5px;margin:12px 0}h2 em{font-family:Fraunces,serif;font-style:italic;font-weight:600}.sec-head p{font-size:18px;color:var(--muted)}.compare{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:920px;margin:0 auto}.col{background:var(--glass);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.85);border-radius:20px;padding:24px;box-shadow:0 24px 50px -36px #2537b459}.col.right{border-color:#7c3aed73}.col .who{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:1.2px;margin-bottom:4px}.col.left .who{color:#9b96ad}.col.right .who{color:var(--violet)}.col h3{font-size:19px;font-weight:800;letter-spacing:-.3px;margin-bottom:8px}.task{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:11px 13px;font-size:14px;font-weight:600;margin-top:10px}.task.faded{opacity:.5}.ic{width:26px;height:26px;border-radius:7px;flex:0 0 26px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.ic.warn{background:#fbe9d6;color:#b5651d}.ic.wait{background:#ececf0;color:#8a8a98}.ic.ok{background:#e1f6ea;color:#0e9d63}.btn-wait{margin-left:auto;font-size:12px;font-weight:800;color:#6b6781;border:1px solid var(--line);border-radius:8px;padding:6px 11px;animation:wait 1.8s ease-in-out infinite}@keyframes wait{0%,to{box-shadow:0 0 #968caa66}55%{box-shadow:0 0 0 7px #968caa00}}.col .cap{font-size:13px;color:var(--muted);margin-top:16px}.auto{position:relative;min-height:50px;margin-top:10px}.auto .layer{position:absolute;inset:0;display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:11px 13px;font-size:14px;font-weight:600}.auto .s1{animation:f1 4.6s ease-in-out infinite}.auto .s2{animation:f2 4.6s ease-in-out infinite;border-color:#16c98c80}@keyframes f1{0%,36%{opacity:1}46%,to{opacity:0}}@keyframes f2{0%,36%{opacity:0}48%,92%{opacity:1}to{opacity:0}}.chainwrap{position:relative;max-width:1000px;margin:8px auto 0;padding-top:6px}.chain-brain{display:flex;flex-direction:column;align-items:center;margin-bottom:16px}.chain-brain svg .core{transform-box:fill-box;transform-origin:center;animation:hubpulse 1.7s ease-in-out infinite}.chain-brain .bl{font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--violet);margin-top:6px}.chain-line{position:absolute;left:11%;right:11%;top:118px;height:3px;border-radius:2px;background:repeating-linear-gradient(90deg,var(--violet) 0 6px,transparent 6px 16px);opacity:.4;animation:flowx 1s linear infinite}@keyframes flowx{to{background-position:16px 0}}.runner{position:absolute;top:118px;left:11%;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle,#fff 25%,#ec4899);box-shadow:0 0 12px #ec4899e6;transform:translate(-50%,-50%);animation:run 10s linear infinite}@keyframes run{0%{left:11%}to{left:89%}}.chain{display:flex;justify-content:space-between;gap:10px;position:relative;z-index:1}.station{flex:1;text-align:center}.st-card{position:relative;background:var(--glass);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.85);border-radius:16px;padding:18px 8px 14px;box-shadow:0 20px 40px -34px #2537b466;animation:handle 10s ease-in-out infinite}.st-ico{width:42px;height:42px;border-radius:12px;background:#fff;border:1px solid var(--line);margin:0 auto 10px;display:flex;align-items:center;justify-content:center}.st-ico svg{width:21px;height:21px;stroke:var(--violet);stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.st-name{font-size:14px;font-weight:800;letter-spacing:-.2px}.st-sub{font-size:11.5px;color:var(--soft);margin-top:2px}.st-app{display:inline-block;margin-top:8px;font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;color:var(--violet);background:#7c3aed14;border-radius:999px;padding:3px 8px}.st-check{position:absolute;top:9px;right:11px;width:19px;height:19px;border-radius:50%;background:var(--green);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;opacity:0;animation:checkpop 10s ease-in-out infinite}@keyframes handle{0%{transform:translateY(0)}3%{transform:translateY(-5px);border-color:var(--violet);box-shadow:0 18px 38px -20px #7c3aed8c}12%{border-color:var(--violet)}22%{transform:translateY(0);border-color:#ffffffd9;box-shadow:0 20px 40px -34px #2537b466}to{transform:translateY(0)}}@keyframes checkpop{0%{opacity:0;transform:scale(.5)}3%{opacity:1;transform:scale(1)}18%{opacity:1}26%{opacity:0}to{opacity:0}}.chain .station:nth-child(1) .st-card,.chain .station:nth-child(1) .st-check{animation-delay:.2s}.chain .station:nth-child(2) .st-card,.chain .station:nth-child(2) .st-check{animation-delay:2.2s}.chain .station:nth-child(3) .st-card,.chain .station:nth-child(3) .st-check{animation-delay:4.2s}.chain .station:nth-child(4) .st-card,.chain .station:nth-child(4) .st-check{animation-delay:6.2s}.chain .station:nth-child(5) .st-card,.chain .station:nth-child(5) .st-check{animation-delay:8.2s}.chain-cap{text-align:center;font-size:15.5px;color:var(--muted);max-width:700px;margin:26px auto 0}.chain-cap b{color:var(--ink)}.chain-note{text-align:center;font-size:13px;color:var(--soft);margin-top:6px;font-weight:600}.tcard{max-width:560px;margin:0 auto;background:var(--glass);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.85);border-radius:20px;padding:22px;box-shadow:0 28px 56px -40px #2537b473}.tcard .top{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}.tcard .top .ok{width:22px;height:22px;border-radius:50%;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.tcard .top b{color:var(--ink)}.tcard .order{font-size:17.5px;font-weight:700;margin:12px 0 6px;letter-spacing:-.2px}.tcard .hint{font-size:13px;color:var(--violet);font-weight:700}.explain{max-height:0;opacity:0;overflow:hidden;transition:max-height .42s ease,opacity .42s ease,margin .42s ease}.tcard:hover .explain,.tcard:focus-within .explain{max-height:260px;opacity:1;margin-top:14px}.explain .reasons{font-size:13.5px;color:var(--muted);line-height:1.8;border-top:1px solid var(--line);padding-top:12px}.explain .reasons b{color:var(--ink)}.acts{display:flex;gap:10px;margin-top:14px}.acts .a{font-size:13px;font-weight:800;border-radius:9px;padding:9px 15px;cursor:pointer}.a.fill{background:var(--violet);color:#fff;border:0}.a.ghost{background:#fff;border:1px solid var(--line);color:var(--ink)}.tpills{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:20px}.tpill{font-size:12.5px;font-weight:700;color:var(--violet);background:#7c3aed14;border:1px solid rgba(124,58,237,.2);border-radius:999px;padding:6px 13px}.band4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1000px;margin:0 auto}.vitem{background:var(--glass);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.8);border-radius:16px;padding:22px}.vitem .vn{font-family:Fraunces,serif;font-style:italic;font-size:15px;color:var(--violet);margin-bottom:8px}.vitem h4{font-size:16px;font-weight:800;margin-bottom:6px;letter-spacing:-.2px}.vitem p{font-size:13.5px;color:var(--muted)}.easy{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;max-width:1000px;margin:0 auto}.easy h2{text-align:left;margin-top:0}.easy p{font-size:17px;color:var(--muted)}.install{background:var(--glass);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.85);border-radius:18px;padding:20px;box-shadow:0 28px 56px -40px #2537b466}.install .row{display:flex;align-items:center;gap:12px}.install .row+.row{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.app-ico{width:42px;height:42px;border-radius:11px;flex:0 0 42px;background:conic-gradient(from 200deg,#2563eb,#7c3aed,#ec4899,#06b6d4,#2563eb);display:flex;align-items:center;justify-content:center}.app-ico span{width:38px;height:38px;border-radius:9px;background:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--violet);font-size:15px}.nm{font-size:14px;font-weight:800}.nm small{display:block;font-size:11.5px;color:var(--soft);font-weight:600}.inst-btn{margin-left:auto;position:relative;font-size:13px;font-weight:800;border-radius:9px;padding:9px 0;color:#fff;background:var(--violet);width:120px;text-align:center;overflow:hidden}.inst-btn .a1{display:block;animation:i1 4s ease-in-out infinite}.inst-btn .a2{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--green);animation:i2 4s ease-in-out infinite}@keyframes i1{0%,42%{opacity:1}50%,to{opacity:0}}@keyframes i2{0%,40%{opacity:0;transform:translateY(100%)}50%,92%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}.quote{max-width:760px;margin:0 auto;text-align:center}.quote p{font-family:Fraunces,serif;font-style:italic;font-size:25px;line-height:1.42;color:var(--ink)}.quote .by{font-size:13.5px;color:var(--muted);font-weight:700;margin-top:16px}.final{max-width:1060px;margin:0 auto;border-radius:26px;padding:64px 40px;text-align:center;color:#fff;background:linear-gradient(115deg,#2563eb,#7c3aed 48%,#ec4899);box-shadow:0 40px 90px -44px #7c3aedb3}.final h2{color:#fff;margin-bottom:12px}.final p{color:#ffffffdb;font-size:18px;margin-bottom:26px}.final .soon-pill{background:#fff;color:var(--violet);box-shadow:none}.final small{display:block;margin-top:16px;color:#fffc;font-size:13.5px}footer{padding:42px 0;border-top:1px solid var(--line);color:var(--muted);font-size:14px;position:relative;z-index:1}.foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px}.ai-fab{position:fixed;right:26px;bottom:26px;z-index:50;display:flex;align-items:center;gap:10px}.ai-fab .pill{background:#fff;border:1px solid var(--line);color:var(--ink);font-size:13px;font-weight:700;padding:8px 13px;border-radius:999px;opacity:0;transform:translate(6px);transition:.2s;white-space:nowrap;box-shadow:0 8px 20px -10px #17142666}.ai-fab:hover .pill{opacity:1;transform:translate(0)}.ai-fab button{width:60px;height:60px;border-radius:50%;background:#fff;border:1px solid rgba(255,255,255,.9);box-shadow:0 14px 32px -10px #7c3aed80;cursor:pointer;display:flex;align-items:center;justify-content:center}.ai-fab svg .core{transform-box:fill-box;transform-origin:center}.ai-fab:hover svg .core{animation:hubpulse 1s ease-in-out infinite}@media (max-width:920px){h1{font-size:48px}.compare,.easy,.band4{grid-template-columns:1fr}.easy h2{text-align:center}}@media (max-width:760px){.chain{flex-wrap:wrap;gap:12px}.station{flex:0 0 46%}.chain-line,.runner{display:none}.band4{grid-template-columns:1fr 1fr}}@media (max-width:560px){h1{font-size:38px}h2{font-size:30px}.band4{grid-template-columns:1fr}.station{flex:0 0 100%}}@media (prefers-reduced-motion:reduce){.blob,svg .lane,.hub-core,.rotw,.runner,.chain-line,.st-card,.st-check,.auto .s1,.auto .s2,.btn-wait,.inst-btn .a1,.inst-btn .a2,.chain-brain svg .core{animation:none}.auto .s2{opacity:1}}