@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_fd091ad6-module__giF-bG__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_fd091ad6-module__giF-bG__variable{--font-sans:"Inter","Inter Fallback"}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/13bf9871fe164e7f-s.f2220059.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/cc545e633e20c56d-s.f6f1950f.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/71b036adf157cdcf-s.bd5f4d11.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/89b21bb081cb7469-s.51c18f09.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/3fe682a82f50d426-s.23358719.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/70bc3e132a0a741e-s.p.15008bfb.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.jetbrains_mono_6104e6b7-module__s6uLTa__className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.jetbrains_mono_6104e6b7-module__s6uLTa__variable{--font-mono:"JetBrains Mono","JetBrains Mono Fallback"}
:root{--bg:#fff;--bg2:#f7f7f8;--bg3:#f0f0f2;--card:#fff;--border:#00000012;--border2:#0000001f;--t1:#111;--t2:#6b6b6b;--t3:#999;--purple:#6c5ce7;--green:#00b88c;--orange:#e85d3a;--yellow:#d4a017;--font-d:var(--font-sans),-apple-system,sans-serif;--font-b:var(--font-sans),-apple-system,sans-serif;--font-m:var(--font-mono),monospace;--r:12px;--rl:20px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-b);background:var(--bg);color:var(--t1);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}body:before{content:"";background:linear-gradient(90deg,var(--purple),var(--green));z-index:200;height:3px;position:fixed;top:0;left:0;right:0}nav{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#ffffffd9;justify-content:space-between;align-items:center;width:100%;padding:16px 40px;display:flex;position:fixed;top:0}.logo{font-family:var(--font-d);color:var(--t1);align-items:center;gap:10px;font-size:1.3rem;font-weight:700;text-decoration:none;display:flex}.logo-mark{background:linear-gradient(135deg,var(--purple),var(--green));color:#fff;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;display:flex}.nav-r{align-items:center;gap:12px;display:flex}.nav-link{color:var(--t1);font-family:var(--font-b);padding:10px 12px;font-size:.875rem;font-weight:600;text-decoration:none;transition:color .25s}.nav-link:hover{color:var(--purple)}.btn{font-family:var(--font-b);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 22px;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.btn-p{background:var(--purple);color:#fff;box-shadow:0 2px 12px #6c5ce740}.btn-p:hover{background:#5b4bd6;transform:translateY(-1px);box-shadow:0 4px 20px #6c5ce759}.btn-s{color:var(--t1);border:1px solid var(--border2);background:0 0}.btn-s:hover{background:#00000008;border-color:#0003}.btn-g{color:var(--green);background:#00b88c14;border:1px solid #00b88c33}.btn-g:hover{background:#00b88c24;transform:translateY(-1px)}.btn-lg{border-radius:var(--r);padding:14px 32px;font-size:1rem}.grad{background:linear-gradient(135deg,var(--purple),var(--green));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero{text-align:center;background:radial-gradient(at 30% 40%,#6c5ce70d 0%,#0000 50%),radial-gradient(at 70% 60%,#00b88c0a 0%,#0000 50%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:140px 40px 80px;display:flex;position:relative}.hero:before{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#00000005 0 1px,#0000 1px 100px),repeating-linear-gradient(0deg,#00000005 0 1px,#0000 1px 100px);position:absolute;inset:0}.badge{color:#6c5ce7;background:#6c5ce70f;border:1px solid #6c5ce71f;border-radius:100px;align-items:center;gap:8px;margin-bottom:28px;padding:5px 14px 5px 8px;font-size:.78rem;font-weight:500;animation:.6s ease-out up;display:inline-flex}.badge-dot{background:var(--green);border-radius:50%;width:7px;height:7px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@keyframes up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.hero h1{font-family:var(--font-d);letter-spacing:-.03em;margin-bottom:24px;font-size:clamp(3rem,6.5vw,5.2rem);font-weight:700;line-height:1.05;animation:.6s ease-out .1s both up}.hero-sub{color:var(--t2);max-width:480px;margin-bottom:36px;font-size:1.15rem;line-height:1.65;animation:.6s ease-out .2s both up}.hero-ctas{gap:14px;margin-bottom:72px;animation:.6s ease-out .3s both up;display:flex}.flow-visual{justify-content:center;align-items:center;gap:0;width:100%;max-width:900px;animation:.8s ease-out .45s both up;display:flex;position:relative}.flow-node{flex-direction:column;flex-shrink:0;align-items:center;gap:12px;display:flex}.flow-icon-box{border:1px solid var(--border2);border-radius:20px;justify-content:center;align-items:center;width:88px;height:88px;font-size:36px;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.flow-icon-box:hover{transform:scale(1.08)}.flow-agent .flow-icon-box{background:linear-gradient(135deg,#6c5ce71a,#6c5ce708);box-shadow:0 4px 20px #6c5ce71a}.flow-platform .flow-icon-box{background:linear-gradient(135deg,#d4a01714,#d4a01705);box-shadow:0 4px 20px #d4a01714}.flow-human .flow-icon-box{background:linear-gradient(135deg,#00b88c1a,#00b88c08);box-shadow:0 4px 20px #00b88c14}.flow-label{color:var(--t2);letter-spacing:.02em;font-size:.78rem;font-weight:600}.flow-sublabel{font-family:var(--font-m);color:var(--t3);margin-top:-6px;font-size:.65rem}.flow-arrow{flex:1;justify-content:center;align-items:center;min-width:60px;max-width:140px;height:2px;display:flex;position:relative}.flow-arrow-line{width:100%;height:1px;position:relative;overflow:hidden}.flow-arrow-line:before{content:"";background:var(--border2);position:absolute;inset:0}.flow-arrow-line:after{content:"";border-radius:4px;width:30px;height:4px;animation:2.5s ease-in-out infinite travel;position:absolute;top:-1.5px;left:0}.flow-arrow:nth-of-type(2) .flow-arrow-line:after{background:var(--purple);animation-delay:0s}.flow-arrow:nth-of-type(4) .flow-arrow-line:after{background:var(--yellow);animation-delay:.8s}.flow-arrow:nth-of-type(6) .flow-arrow-line:after{background:var(--green);animation-delay:1.6s}@keyframes travel{0%{opacity:0;left:-30px}10%{opacity:1}90%{opacity:1}to{opacity:0;left:100%}}.flow-arrow-label{white-space:nowrap;font-family:var(--font-m);color:var(--t3);letter-spacing:.04em;text-transform:uppercase;font-size:.6rem;position:absolute;top:-22px}.cases{background:var(--bg2);padding:120px 40px}.cases-header{text-align:center;margin-bottom:56px}.label{font-family:var(--font-m);text-transform:uppercase;letter-spacing:.12em;color:var(--purple);margin-bottom:14px;font-size:.72rem}.cases-header h2{font-family:var(--font-d);letter-spacing:-.02em;font-size:clamp(2rem,3.5vw,2.8rem);font-weight:700}.cases-row{grid-template-columns:repeat(3,1fr);gap:16px;max-width:1200px;margin:0 auto;display:grid}.case-card{background:var(--card);border:1px solid var(--border);border-radius:var(--rl);text-align:center;cursor:default;padding:32px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.case-card:hover{border-color:var(--border2);transform:translateY(-6px);box-shadow:0 12px 40px #00000014}.case-card:after{content:"";opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.case-card:hover:after{opacity:1}.case-card:first-child:after{background:linear-gradient(90deg,var(--purple),#a78bfa)}.case-card:nth-child(2):after{background:linear-gradient(90deg,var(--orange),var(--yellow))}.case-card:nth-child(3):after{background:linear-gradient(90deg,var(--yellow),var(--orange))}.case-card:nth-child(4):after{background:linear-gradient(90deg,var(--green),#34d399)}.case-card:nth-child(5):after{background:linear-gradient(90deg,#a78bfa,var(--purple))}.case-card:nth-child(6):after{background:linear-gradient(90deg,var(--green),var(--purple))}.case-emoji{margin-bottom:20px;font-size:40px;transition:transform .3s;display:block}.case-card:hover .case-emoji{transform:scale(1.15)}.case-card h3{font-family:var(--font-d);margin-bottom:10px;font-size:1.05rem;font-weight:600;line-height:1.3}.case-card p{color:var(--t2);font-size:.8rem;line-height:1.55}.case-tag{font-family:var(--font-m);letter-spacing:.04em;text-transform:uppercase;border-radius:100px;margin-top:14px;padding:4px 10px;font-size:.6rem;display:inline-block}.case-card:first-child .case-tag{color:#6c5ce7;background:#6c5ce714}.case-card:nth-child(2) .case-tag{color:var(--orange);background:#e85d3a12}.case-card:nth-child(3) .case-tag{color:#b8860b;background:#d4a01712}.case-card:nth-child(4) .case-tag{color:var(--green);background:#00b88c12}.case-card:nth-child(5) .case-tag{color:#6c5ce7;background:#6c5ce714}.case-card:nth-child(6) .case-tag{color:var(--green);background:#00b88c12}.demo{padding:120px 40px;position:relative}.demo-container{grid-template-columns:1fr 1fr;align-items:center;gap:48px;max-width:1060px;margin:0 auto;display:grid}.demo-left h2{font-family:var(--font-d);letter-spacing:-.02em;margin-bottom:20px;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:700;line-height:1.15}.demo-left p{color:var(--t2);margin-bottom:28px;font-size:.95rem;line-height:1.7}.code-win{border-radius:var(--rl);background:#1a1a2e;border:1px solid #ffffff14;overflow:hidden;box-shadow:0 12px 48px #00000026}.code-bar{background:#ffffff05;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.dots{gap:6px;display:flex}.dots span{border-radius:50%;width:10px;height:10px}.dots span:first-child{background:#ff5f57}.dots span:nth-child(2){background:#febc2e}.dots span:nth-child(3){background:#28c840}.code-tab-name{font-family:var(--font-m);color:#666;font-size:.7rem}.code-body{padding:20px}.code-body pre{font-family:var(--font-m);color:#9896a3;font-size:.78rem;line-height:1.8;overflow-x:auto}.ck{color:#6c5ce7}.cs{color:#00d2a0}.cv{color:#f0eff4}.cn{color:#ff6b4a}.cy{color:#febc2e}.cc{color:#5d5b68;font-style:italic}.result-card{border-radius:var(--rl);background:#1a1a2e;border:1px solid #ffffff14;margin-top:20px;overflow:hidden;box-shadow:0 8px 36px #0000001f}.result-bar{font-family:var(--font-m);color:#666;border-bottom:1px solid #ffffff0f;align-items:center;gap:8px;padding:12px 18px;font-size:.7rem;display:flex}.result-dot{background:#00d2a0;border-radius:50%;width:7px;height:7px}.result-body{padding:0}.result-body table{border-collapse:collapse;width:100%;font-size:.75rem}.result-body th{text-align:left;color:#888;text-transform:uppercase;letter-spacing:.06em;font-size:.68rem;font-weight:600;font-family:var(--font-m);border-bottom:1px solid #ffffff0f;padding:10px 16px}.result-body td{color:#9896a3;border-bottom:1px solid #ffffff0f;padding:10px 16px}.result-body tr:last-child td{border-bottom:none}.result-body .best{color:#00d2a0;font-weight:600}.result-body .company-name{color:#f0eff4;font-weight:500}.result-body pre{font-family:var(--font-m);color:#9896a3;font-size:.78rem;line-height:1.8;overflow-x:auto}.result-body.has-padding{padding:20px}.how{background:var(--bg2);background-image:radial-gradient(at 50% 0,#6c5ce708 0%,#0000 60%);padding:120px 40px}.how-header{text-align:center;margin-bottom:64px}.how-header h2{font-family:var(--font-d);letter-spacing:-.02em;font-size:clamp(2rem,3.5vw,2.8rem);font-weight:700}.timeline{flex-direction:column;gap:0;max-width:800px;margin:0 auto;display:flex;position:relative}.timeline:before{content:"";background:repeating-linear-gradient(180deg,var(--border2)0px,var(--border2)6px,transparent 6px,transparent 12px);width:1px;position:absolute;top:0;bottom:0;left:39px}.tl-step{align-items:flex-start;gap:32px;padding:24px 0;display:flex;position:relative}.tl-marker{z-index:2;border:1px solid var(--border2);border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;font-size:32px;display:flex;position:relative;box-shadow:0 2px 12px #0000000f}.tl-step:first-child .tl-marker{background:linear-gradient(135deg,#6c5ce71a,#6c5ce708),var(--bg)}.tl-step:nth-child(2) .tl-marker{background:linear-gradient(135deg,#d4a01714,#d4a01705),var(--bg)}.tl-step:nth-child(3) .tl-marker{background:linear-gradient(135deg,#00b88c1a,#00b88c08),var(--bg)}.tl-content{padding-top:12px}.tl-content h3{font-family:var(--font-d);margin-bottom:6px;font-size:1.2rem;font-weight:600}.tl-content p{color:var(--t2);max-width:400px;font-size:.88rem;line-height:1.6}.tl-tag{font-family:var(--font-m);letter-spacing:.04em;text-transform:uppercase;border-radius:6px;margin-top:10px;padding:4px 10px;font-size:.62rem;display:inline-block}.tl-step:first-child .tl-tag{color:#6c5ce7;background:#6c5ce714}.tl-step:nth-child(2) .tl-tag{color:#b8860b;background:#d4a01712}.tl-step:nth-child(3) .tl-tag{color:var(--green);background:#00b88c12}.trust{padding:100px 40px}.trust-row{flex-wrap:wrap;justify-content:center;gap:48px;max-width:1000px;margin:48px auto 0;display:flex}.trust-pill{background:var(--card);border:1px solid var(--border);border-radius:100px;align-items:center;gap:12px;padding:14px 24px;transition:all .25s;display:flex}.trust-pill:hover{border-color:var(--border2);transform:translateY(-2px);box-shadow:0 4px 16px #0000000f}.trust-pill .tp-icon{font-size:20px}.trust-pill .tp-text{color:var(--t2);font-size:.85rem;font-weight:500}.cta-section{background:var(--bg2);padding:100px 40px 120px}.cta-grid{grid-template-columns:1.15fr 1fr;gap:24px;max-width:1000px;margin:0 auto;display:grid}.cta-card{border:1px solid var(--border);border-radius:24px;padding:52px 44px;position:relative;overflow:hidden}.cta-card>*{z-index:1;position:relative}.cta-dev{background:linear-gradient(135deg,#6c5ce70d,#6c5ce703);border-color:#6c5ce71f}.cta-work{background:linear-gradient(135deg,#00b88c0d,#00b88c03);border-color:#00b88c1f}.cta-eyebrow{font-family:var(--font-m);text-transform:uppercase;letter-spacing:.1em;margin-bottom:14px;font-size:.68rem}.cta-dev .cta-eyebrow{color:var(--purple)}.cta-work .cta-eyebrow{color:var(--green)}.cta-card h3{font-family:var(--font-d);letter-spacing:-.02em;margin-bottom:14px;font-size:1.6rem;font-weight:700;line-height:1.2}.cta-card p{color:var(--t2);max-width:360px;margin-bottom:28px;font-size:.9rem;line-height:1.6}.cta-features{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.cta-feat{color:var(--t2);background:#0000000a;border-radius:100px;align-items:center;gap:6px;padding:5px 12px;font-size:.75rem;display:inline-flex}.cta-feat:before{content:"✓";font-size:.7rem}.cta-dev .cta-feat:before{color:var(--purple)}.cta-work .cta-feat:before{color:var(--green)}.blog-header{text-align:center;background:radial-gradient(at 30% 40%,#6c5ce70d 0%,#0000 50%),radial-gradient(at 70% 60%,#00b88c0a 0%,#0000 50%);padding:140px 40px 60px}.blog-header h1{font-family:var(--font-d);letter-spacing:-.03em;margin-bottom:16px;font-size:clamp(2.4rem,5vw,3.6rem);font-weight:700}.blog-header p{color:var(--t2);max-width:520px;margin:0 auto;font-size:1.1rem}.blog-grid{grid-template-columns:1fr;gap:24px;max-width:1000px;margin:0 auto;padding:60px 40px 120px;display:grid}.blog-card{background:var(--card);border:1px solid var(--border);border-radius:var(--rl);color:inherit;cursor:pointer;grid-template-columns:auto 1fr;align-items:center;gap:32px;padding:36px 32px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:grid}.blog-card:hover{border-color:var(--border2);transform:translateY(-4px);box-shadow:0 12px 40px #00000014}.blog-num{font-family:var(--font-d);background:linear-gradient(135deg,var(--purple),var(--green));-webkit-text-fill-color:transparent;text-align:center;-webkit-background-clip:text;background-clip:text;width:64px;font-size:3rem;font-weight:700}.blog-card-body h2{font-family:var(--font-d);letter-spacing:-.01em;margin-bottom:8px;font-size:1.25rem;font-weight:600;line-height:1.35}.blog-card-body p{color:var(--t2);margin-bottom:12px;font-size:.88rem;line-height:1.6}.blog-meta{align-items:center;gap:16px;display:flex}.blog-tag{font-family:var(--font-m);letter-spacing:.04em;text-transform:uppercase;border-radius:100px;padding:3px 10px;font-size:.6rem;display:inline-block}.tag-info{color:#6c5ce7;background:#6c5ce714}.tag-tutorial{color:var(--green);background:#00b88c12}.tag-comparison{color:var(--orange);background:#e85d3a12}.tag-guide{color:#b8860b;background:#d4a01712}.blog-date,.blog-read{font-family:var(--font-m);color:var(--t3);font-size:.65rem}.article-header{max-width:760px;margin:0 auto;padding:140px 40px 48px}.article-header .breadcrumb{font-family:var(--font-m);color:var(--t3);margin-bottom:24px;font-size:.72rem}.article-header .breadcrumb a{color:var(--purple);text-decoration:none}.article-header .breadcrumb a:hover{text-decoration:underline}.article-header h1{font-family:var(--font-d);letter-spacing:-.03em;margin-bottom:20px;font-size:clamp(2rem,4.5vw,2.8rem);font-weight:700;line-height:1.15}.article-meta{align-items:center;gap:16px;margin-bottom:8px;display:flex}.article-tag{font-family:var(--font-m);letter-spacing:.04em;text-transform:uppercase;border-radius:100px;padding:3px 10px;font-size:.6rem;display:inline-block}.article-tag.tag-explainer{color:#6c5ce7;background:#6c5ce714}.article-tag.tag-comparison{color:var(--orange);background:#e85d3a12}.article-tag.tag-tutorial{color:var(--green);background:#00b88c12}.article-tag.tag-guide{color:#b8860b;background:#d4a01712}.article-tag.tag-usecases{color:#6c5ce7;background:#6c5ce714}.article-date{font-family:var(--font-m);color:var(--t3);font-size:.7rem}.article-body{max-width:760px;margin:0 auto;padding:0 40px 80px}.article-body h2{font-family:var(--font-d);letter-spacing:-.02em;margin:48px 0 16px;font-size:1.5rem;font-weight:700;line-height:1.25}.article-body h3{font-family:var(--font-d);margin:32px 0 12px;font-size:1.15rem;font-weight:600}.article-body p{color:var(--t2);margin-bottom:20px;font-size:.95rem;line-height:1.75}.article-body strong{color:var(--t1);font-weight:600}.article-body code{font-family:var(--font-m);background:var(--bg2);color:var(--purple);border-radius:4px;padding:2px 6px;font-size:.85em}.article-body a{color:var(--purple);border-bottom:1px solid #6c5ce74d;text-decoration:none}.article-body a:hover{border-bottom-color:var(--purple)}.article-body ol,.article-body ul{color:var(--t2);margin-bottom:20px;padding-left:24px;font-size:.95rem;line-height:1.75}.article-body li{margin-bottom:8px}.callout{background:var(--bg2);border-left:3px solid var(--purple);border-radius:0 var(--r)var(--r)0;margin:28px 0;padding:20px 24px}.callout p{margin-bottom:0}.callout.green{border-left-color:var(--green)}.callout.orange{border-left-color:var(--orange)}.code-block{border-radius:var(--rl);background:#1a1a2e;margin:28px 0;overflow:hidden;box-shadow:0 8px 32px #0000001f}.code-tab{font-family:var(--font-m);color:#666;font-size:.7rem}.cta-box{border-radius:var(--rl);text-align:center;background:linear-gradient(135deg,#6c5ce70f,#00b88c0a);border:1px solid #6c5ce71f;margin:48px 0;padding:40px 36px}.cta-box h3{font-family:var(--font-d);margin-bottom:12px;font-size:1.3rem;font-weight:700}.cta-box p{color:var(--t2);margin-bottom:24px;font-size:.9rem}.cta-box .btn{padding:14px 32px;font-size:.95rem}.cta-box.green{background:linear-gradient(135deg,#00b88c0f,#6c5ce70a);border-color:#00b88c1f}.flow-diagram{background:var(--bg2);border-radius:var(--rl);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:36px 0;padding:32px 24px;display:flex}.flow-box{border-radius:var(--r);text-align:center;border:1px solid var(--border2);padding:14px 20px;font-size:.85rem;font-weight:600}.flow-box.principal{color:var(--orange);background:#e85d3a0f}.flow-box.agent{color:var(--purple);background:#6c5ce70f}.flow-box.worker{color:var(--green);background:#00b88c0f}.flow-sep{color:var(--t3);font-size:1.2rem}.compare-table{border-collapse:collapse;width:100%;margin:32px 0;font-size:.85rem}.compare-table th{text-align:left;color:var(--t1);background:var(--bg2);border-bottom:2px solid var(--border2);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600;font-family:var(--font-m);padding:12px 16px}.compare-table td{color:var(--t2);border-bottom:1px solid var(--border);vertical-align:top;padding:12px 16px}.compare-table tr:last-child td{border-bottom:none}.compare-table .feature-name{color:var(--t1);font-weight:500}.check{color:var(--green);font-weight:700}.partial{color:var(--yellow);font-weight:600}.miss{color:var(--t3)}.step-num{width:32px;height:32px;color:var(--purple);font-family:var(--font-m);vertical-align:middle;background:#6c5ce714;border-radius:8px;justify-content:center;align-items:center;margin-right:12px;font-size:.8rem;font-weight:700;display:inline-flex}.tier-grid{grid-template-columns:1fr 1fr;gap:16px;margin:28px 0;display:grid}.tier-card{border:1px solid var(--border);border-radius:var(--rl);background:var(--card);padding:24px}.tier-card h4{font-family:var(--font-d);margin-bottom:4px;font-size:1rem;font-weight:600}.tier-card .tier-label{font-family:var(--font-m);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;font-size:.65rem;display:block}.tier-card p{margin-bottom:0;font-size:.85rem}.tier-card:first-child .tier-label{color:var(--t3)}.tier-card:nth-child(2) .tier-label{color:var(--purple)}.tier-card:nth-child(3) .tier-label{color:var(--yellow)}.tier-card:nth-child(4) .tier-label{color:var(--green)}.task-example{background:var(--bg2);border-radius:var(--rl);margin:28px 0;padding:28px}.task-example h4{font-family:var(--font-d);margin-bottom:12px;font-size:1rem;font-weight:600}.task-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 0;font-size:.88rem;display:flex}.task-row:last-child{border-bottom:none}.task-row .label{color:var(--t2)}.task-row .value{color:var(--t1);font-weight:500}.task-row .value.price{color:var(--green);font-family:var(--font-m)}.task-section{margin:48px 0}.task-num{width:40px;height:40px;font-family:var(--font-d);border-radius:12px;justify-content:center;align-items:center;margin-bottom:16px;font-size:1.1rem;font-weight:700;display:inline-flex}.task-num.t1{color:var(--purple);background:#6c5ce714}.task-num.t2{color:var(--orange);background:#e85d3a12}.task-num.t3{color:var(--yellow);background:#d4a01712}.task-num.t4{color:var(--green);background:#00b88c12}.task-num.t5{color:var(--purple);background:#6c5ce714}.scenario{background:var(--bg2);border-radius:var(--rl);margin:20px 0;padding:24px}.scenario p{margin-bottom:0;font-size:.88rem}.scenario strong{color:var(--t1)}footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:40px;display:flex}.foot-l{color:var(--t3);font-size:.78rem}.foot-links{gap:24px;display:flex}.foot-links a{color:var(--t3);font-size:.78rem;text-decoration:none;transition:color .2s}.foot-links a:hover{color:var(--t2)}.reveal{opacity:0;transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1);transform:translateY(24px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-stagger:first-child{transition-delay:0s}.reveal-stagger:nth-child(2){transition-delay:80ms}.reveal-stagger:nth-child(3){transition-delay:.16s}.reveal-stagger:nth-child(4){transition-delay:.24s}.reveal-stagger:nth-child(5){transition-delay:.32s}.reveal-stagger:nth-child(6){transition-delay:.4s}@media (max-width:900px){.cases-row{grid-template-columns:repeat(2,1fr)}.demo-container,.cta-grid{grid-template-columns:1fr}.flow-visual{flex-wrap:wrap;gap:16px}.flow-arrow{display:none}}@media (max-width:600px){nav{padding:12px 16px}.hero,.cases,.demo,.how,.trust,.cta-section{padding-left:20px;padding-right:20px}.cases-row{grid-template-columns:1fr}.hero h1{font-size:2.6rem}.hero-ctas{flex-direction:column;width:100%}.btn-lg{justify-content:center;width:100%}.trust-row{flex-direction:column;align-items:center}.timeline:before{left:19px}.tl-marker{border-radius:12px;width:40px;height:40px;font-size:18px}footer{text-align:center;flex-direction:column;gap:16px}.blog-header,.blog-grid{padding-left:20px;padding-right:20px}.blog-card{grid-template-columns:1fr;gap:12px;padding:24px 20px}.blog-num{text-align:left;width:auto;font-size:2rem}.article-header,.article-body{padding-left:20px;padding-right:20px}.flow-diagram{flex-direction:column}.compare-table{font-size:.75rem}.compare-table th,.compare-table td{padding:8px 10px}.tier-grid{grid-template-columns:1fr}}