:root{--g:#0f766e;--g2:#4c0585;--ink:#0f1b17;--mut:#52625c;--bg:#fff;--alt:#f3f8f6;--ln:#dfe9e5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg)}
.wrap{max-width:1160px;margin:0 auto;padding:0 20px}a{color:var(--g)}h1,h2,h3{line-height:1.2;margin:0 0 .5em}h1{font-size:clamp(2rem,6vw,3.4rem)}h2{font-size:clamp(1.5rem,4vw,2.2rem)}
.hdr{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--ln);z-index:50}.bar{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{display:flex;align-items:center;gap:8px;font-weight:700;font-size:1.15rem;color:var(--ink);text-decoration:none}.mark{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--g);color:#fff}
.nav{display:flex;align-items:center;gap:20px}.nav ul{display:flex;gap:6px;list-style:none;margin:0;padding:0}.nav a,.nav button{color:var(--ink);text-decoration:none;font:inherit;background:none;border:0;padding:10px 12px;cursor:pointer;display:block}
.dd{position:relative}.dd button i{display:inline-block;width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin:0 0 3px 8px}
.menu{display:none;position:absolute;top:100%;left:0;min-width:290px;background:#fff;border:1px solid var(--ln);border-radius:12px;box-shadow:0 12px 30px rgba(0,0,0,.1);padding:8px}
.menu a{padding:10px 12px;border-radius:8px}.menu a:hover{background:var(--alt)}.menu b{display:block}.menu span{font-size:.85rem;color:var(--mut)}
.dd:hover .menu,.dd.open .menu{display:block}
.btn{display:inline-block;background:var(--g);color:#fff!important;padding:11px 20px;border-radius:10px;font-weight:600;text-decoration:none;border:2px solid var(--g)}.btn:hover{background:var(--g2)}.btn.sm{padding:8px 14px}.btn.lg{padding:14px 26px}
.btn.ghost{background:#fff;color:var(--g)!important}.btn.light{background:#fff;color:var(--g)!important;border-color:#fff}
.burger{display:none;background:none;border:0;width:44px;height:44px;flex-direction:column;justify-content:center;gap:5px;align-items:center}.burger span{width:24px;height:2px;background:var(--ink)}
.hero{padding:56px 0;background:linear-gradient(180deg,#eaf6f1,#fff)}.two{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.eyebrow{color:var(--g);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.lead{font-size:1.15rem;color:var(--mut)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}
.ticks{list-style:none;padding:0;margin:0}.ticks li{padding-left:26px;position:relative;margin:6px 0}.ticks li:before{content:"\2713";position:absolute;left:0;color:var(--g);font-weight:700}
.phone{max-width:340px;margin:0 auto;border-radius:28px;border:8px solid #17231f;background:#e9e3da;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.15)}
.ph-top{background:#0b6b4f;color:#fff;padding:12px;display:flex;gap:10px;align-items:center}.ph-top small{display:block;opacity:.8}.av{width:36px;height:36px;border-radius:50%;background:#fff;color:var(--g);display:grid;place-items:center;font-weight:700}
.ph-body{padding:14px;display:flex;flex-direction:column;gap:8px;min-height:240px}.m{max-width:85%;padding:8px 12px;border-radius:12px;font-size:.92rem}.m.in{background:#fff;align-self:flex-start}.m.out{background:#d8f7c7;align-self:flex-end}
.strip{background:var(--g);color:#fff;text-align:center;padding:14px 0}.strip p{margin:0;font-weight:500}
.sec{padding:64px 0}.alt{background:var(--alt)}.sh{max-width:700px;margin-bottom:32px}.sh p{color:var(--mut)}.center{text-align:center;margin-top:28px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card,.pcard{background:#fff;border:1px solid var(--ln);border-radius:16px;padding:24px;text-decoration:none;color:var(--ink);display:block}
.pcard:hover,.card.link:hover{border-color:var(--g);box-shadow:0 8px 24px rgba(11,107,79,.12)}.card p,.pcard p{color:var(--mut)}.ico{width:44px;height:44px;border-radius:12px;background:var(--alt);display:grid;place-items:center;font-size:1.3rem;margin-bottom:12px;color:var(--g);font-weight:700}
.tag{display:inline-block;background:var(--alt);color:var(--g);border-radius:99px;padding:3px 10px;font-size:.8rem;font-weight:600}.more{display:block;margin-top:12px;color:var(--g);font-weight:600}
.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;counter-reset:s}.steps li{counter-increment:s;background:#fff;border:1px solid var(--ln);border-radius:16px;padding:22px}
.steps li:before{content:counter(s);display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--g);color:#fff;font-weight:700;margin-bottom:10px}.steps b{display:block}.steps span{color:var(--mut)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.stats div{background:#fff;border-radius:16px;padding:24px;border:1px solid var(--ln)}.stats b{font-size:2rem;color:var(--g);display:block}.stats span{color:var(--mut)}
.faq details{background:#fff;border:1px solid var(--ln);border-radius:12px;padding:14px 18px;margin-bottom:10px}.faq summary{cursor:pointer;font-weight:600}.faq p{color:var(--mut);margin:8px 0 0}
.cta{background:var(--g);color:#fff;text-align:center;padding:64px 0}.cta p{max-width:600px;margin:0 auto 24px;opacity:.9}
.form{display:grid;gap:14px;background:#fff;border:1px solid var(--ln);border-radius:16px;padding:24px}.form label{display:grid;gap:6px;font-weight:600;font-size:.9rem}.form input,.form textarea{font:inherit;padding:12px;border:1px solid #c5d3ce;border-radius:10px}
.founder{display:flex;gap:20px;align-items:center}.av.big{width:84px;height:84px;font-size:2rem;background:var(--g);color:#fff}
.ft{background:#0f1b17;color:#cfe0d9;padding:48px 0 24px}.ft a{color:#cfe0d9;text-decoration:none;display:block;margin:6px 0}.ft a:hover{color:#fff}.cols{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:28px}.ft h4{color:#fff;margin:0 0 8px}.ft .logo{color:#fff}.legal{margin-top:32px;padding-top:16px;border-top:1px solid #26352f;font-size:.85rem;opacity:.8}
.fab{position:fixed;right:16px;bottom:16px;background:#25d366;color:#08331c;font-weight:700;padding:12px 18px;border-radius:99px;text-decoration:none;box-shadow:0 6px 18px rgba(0,0,0,.25);z-index:60}
@media(max-width:900px){.two,.grid3,.stats{grid-template-columns:1fr}.cols{grid-template-columns:1fr 1fr}.cols .brand{grid-column:1/-1}.hero{padding:36px 0}.sec{padding:44px 0}
.burger{display:flex}.nav{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;border-bottom:1px solid var(--ln);flex-direction:column;align-items:stretch;padding:12px 20px;gap:8px;max-height:calc(100vh - 64px);overflow:auto}.nav.open{display:flex}
.nav ul{flex-direction:column}.menu{position:static;box-shadow:none;border:0;padding:0 0 0 12px;min-width:0}.dd:hover .menu{display:none}.dd.open .menu{display:block}.btn.sm{text-align:center}}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-weight:400 800;font-display:swap;src:url(pjs.woff2) format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url(jbm.woff2) format('woff2')}
/* Premium light */
:root{--g:#0f766e;--g2:#4c0585;--ink:#0f1b17;--mut:#566761;--alt:#f5f6f8;--ln:#fff;--bg:#fff;--card:#fff;--cardbg:#fff}
body{font-family:'Plus Jakarta Sans',system-ui,sans-serif;line-height:1.65;background:#fff;color:var(--ink)}
h1,h2,h3{letter-spacing:-.025em;font-weight:700}
.tag,.eyebrow,.wf,.chip{font-family:'JetBrains Mono',ui-monospace,monospace}
.hdr{background:rgba(255,255,255,.92);backdrop-filter:blur(10px)}.bar{height:72px}
.logo img{display:block;height:44px;width:auto}
.nav a.btn{padding:9px 18px;color:#fff}.nav a.btn:hover{color:#fff}
.btn{border-radius:12px}.btn.ghost{background:#fff;color:var(--g)!important;border-color:var(--ln)}
.sec{padding:120px 0}.sh{margin-bottom:56px}.grid3{gap:28px}.card,.pcard{padding:34px;border-radius:24px}
.steps li,.stats div,.faq details,.form,.trust>div{border-radius:24px}
.pcard:hover{border-color:var(--g);box-shadow:0 18px 44px rgba(98,6,168,.12)}
.ico{font-size:0;background:var(--alt);border:1px solid var(--ln);color:var(--g)}.ico svg{display:block}
.tag{font-size:.75rem;border:1px solid #cfdcf7}
.more{text-decoration:none}
.hero{padding:96px 0 112px;background:linear-gradient(180deg,#f2f7ff 0%,#fff 100%)}
.hero .two{grid-template-columns:.95fr 1.05fr;gap:64px}
.hero h1{font-size:clamp(2.3rem,5.4vw,3.9rem);font-weight:800}
.phone.big{max-width:470px;border:1px solid var(--ln);border-radius:40px;background:#ece5dd;box-shadow:0 40px 90px rgba(10,60,160,.16),0 0 0 8px rgba(98,6,168,.05);padding:0;overflow:hidden}
.phone.big .ph-top{background:#0b6b4f;padding:18px}.av{background:#fff;color:#0b6b4f}
.phone.big .ph-body{padding:22px;gap:12px;min-height:440px}.phone.big .m{font-size:1rem;padding:12px 16px;border-radius:16px;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.m.in{background:#fff}.m.out{background:#d8f7c7}
.m.ok{background:#bdf0cf;color:#0a3a28;font-weight:600;align-self:flex-start}
.chip{display:inline-block;font-size:.7rem;background:#fff;color:#0b6b4f;border:1px solid #9fd8bb;border-radius:99px;padding:2px 9px;margin-bottom:6px}
.cap{text-align:center;color:var(--mut);font-size:.8rem;margin:16px 0 0}
.trust{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:64px}.trust>div{background:#fff;border:1px solid var(--ln);padding:34px}.trust p{color:var(--mut);margin:0}
.pk ul{padding-left:18px;color:var(--mut)}.pk .wf{color:var(--g);margin:0 0 8px;font-size:.85rem}.pk.hot{border-color:var(--g);box-shadow:0 14px 36px rgba(98,6,168,.12)}.pk .btn{margin-top:12px}
.addon{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:28px;flex-wrap:wrap}.addon h3{margin:0 0 4px}.addon p{margin:0}
.ft{background:var(--alt);color:var(--mut);border-top:1px solid var(--ln)}.ft a{color:var(--mut)}.ft a:hover{color:var(--g)}.ft h4{color:var(--ink)}
.js .rv{opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .7s ease}.js .rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.js .rv{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}
@media(max-width:900px){.sec{padding:72px 0}.hero{padding:48px 0 64px}.hero .two,.trust{grid-template-columns:1fr}.phone.big .ph-body{min-height:0}.bar{height:64px}.logo img{height:36px}.nav{top:64px}}
.nav a.btn{background:var(--g);border:2px solid var(--g);color:#fff!important}.nav a.btn:hover{background:var(--g2)}
button.btn,.form button{font-family:inherit;font-size:1rem;cursor:pointer}
/* n8n canvas */
body{background:#f8fafe radial-gradient(#cfd9ec 1.1px,transparent 1.2px) 0 0/24px 24px}
.hero{background:transparent}.alt{background:rgba(236,243,255,.6)}
.node{position:relative;background:#fff;border:1px solid var(--ln);border-radius:18px;box-shadow:0 1px 2px rgba(15,27,23,.04),0 8px 24px rgba(30,60,120,.06)}
.nl{display:block;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--g);margin:0 0 14px}
.flow{display:grid;align-items:center}.f3{grid-template-columns:1fr 44px 1fr 44px 1fr}.f4{grid-template-columns:1fr 36px 1fr 36px 1fr 36px 1fr}
.flow>.node{height:100%}
.node.step{padding:24px}.node.step b{display:block;margin-bottom:6px}.node.step span:not(.nl){color:var(--mut);font-size:.95rem}
.flow>.node:not(:first-child)::before,.flow>.node:not(:last-child)::after,.trust>.node:first-child::after,.trust>.node:last-child::before,.hflow>.node.sm:first-child::after,.hflow>.node.sm:last-child::before,.node.out::before{content:"";position:absolute;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:#fff;border:2px solid var(--g);z-index:2}
.flow>.node:not(:first-child)::before,.trust>.node:last-child::before,.hflow>.node.sm:last-child::before{left:-6px}
.flow>.node:not(:last-child)::after,.trust>.node:first-child::after,.hflow>.node.sm:first-child::after{right:-6px}
.wire{display:block;position:relative;background:#9db9ee}
.wire.h{height:2px;width:100%}.wire.h::after{content:"";position:absolute;right:-1px;top:-4px;border:5px solid transparent;border-left:7px solid #9db9ee;border-right:0}
.wire.v{width:2px;height:34px;margin:0 auto}.wire.v::after{content:"";position:absolute;bottom:-1px;left:-4px;border:5px solid transparent;border-top:7px solid #9db9ee;border-bottom:0}
.trust{grid-template-columns:1fr 44px 1fr;align-items:center}.trust>.node{background:#fff}
.canvas{display:flex;flex-direction:column;align-items:center}
.hflow{display:grid;grid-template-columns:1fr 44px 1fr;align-items:center;width:100%;max-width:470px}
.node.sm{padding:16px 18px}.node.sm .nl{margin-bottom:8px}.node.sm b{display:block;font-size:1.05rem}.node.sm small{color:var(--mut)}
.node.sm.brand{border-color:#b9cdf5;background:#f2f7ff}
.node.out{padding:18px 18px 8px;border-radius:30px;max-width:510px;width:100%}.node.out::before{top:-6px;left:50%;margin:0 0 0 -5px}
.node.out .nl{text-align:center;margin-bottom:12px}.node.out .phone.big{box-shadow:0 12px 32px rgba(10,60,160,.14);border-width:1px}
.node.out .cap{margin:10px 0 6px}
.pcard.node:hover{border-color:var(--g);box-shadow:0 14px 36px rgba(98,6,168,.16)}
.pcard.node .nl{margin-bottom:18px}
@media(max-width:900px){
.f3,.f4,.trust{grid-template-columns:1fr}
.wire.h{width:2px;height:32px;margin:0 auto}.wire.h::after{right:auto;left:-4px;top:auto;bottom:-1px;border:5px solid transparent;border-top:7px solid #9db9ee;border-bottom:0}
.flow>.node:not(:first-child)::before,.trust>.node:last-child::before{left:50%;top:-6px;margin:0 0 0 -5px}
.flow>.node:not(:last-child)::after,.trust>.node:first-child::after{right:auto;left:50%;top:auto;bottom:-6px;margin:0 0 0 -5px}
.hflow{grid-template-columns:1fr 32px 1fr}.node.out{max-width:100%}
}
@media(max-width:520px){.hflow{grid-template-columns:1fr;gap:0}.hflow>.wire.h{width:2px;height:28px}.hflow>.node.sm:first-child::after{right:auto;left:50%;top:auto;bottom:-6px;margin:0 0 0 -5px}.hflow>.node.sm:last-child::before{left:50%;top:-6px;margin:0 0 0 -5px}}
/* real flow */
.hflow2{display:grid;grid-template-columns:1fr 44px 1.15fr;align-items:center;width:100%;max-width:510px}
.hflow2>.node.sm:first-child::after,.branches>.node::before{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:#fff;border:2px solid var(--g);z-index:2}
.hflow2>.node.sm:first-child::after{top:50%;right:-6px;margin-top:-5px}.hflow2>.node.sm.brand::before{content:"";position:absolute;top:50%;left:-6px;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:#fff;border:2px solid var(--g);z-index:2}
.branches{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:510px}
.branches>.node::before{top:-6px;left:50%;margin-left:-5px}
.branches .node.sm{padding:12px 12px 14px}.branches .node.sm b{font-size:.9rem;line-height:1.3}.branches .nl{font-size:.6rem;margin-bottom:6px}
.node.yes{border-color:#b6dec9}.node.no{border-color:#f3c5c0}.node.yes .nl{color:#0b6b4f}.node.no .nl{color:#c0392b}
.canvas>.wire.v{height:22px}
.branchrow{display:grid;grid-template-columns:repeat(3,1fr);gap:0 44px;margin-top:0}
.wire.v.c{height:36px;margin:0 auto}
.node.step.br{margin-top:0}.branchrow .node.step::before{content:"";position:absolute;top:-6px;left:50%;margin-left:-5px;width:10px;height:10px;border-radius:50%;background:#fff;border:2px solid var(--g);z-index:2}
@media(max-width:900px){.hflow2{grid-template-columns:1fr 32px 1fr}.branchrow{grid-template-columns:1fr;gap:34px}}
@media(max-width:520px){.hflow2{grid-template-columns:1fr;gap:0}.hflow2>.wire.h{width:2px;height:26px}.hflow2>.node.sm:first-child::after{right:auto;left:50%;top:auto;bottom:-6px;margin:0 0 0 -5px}.hflow2>.node.sm.brand::before{left:50%;top:-6px;margin:0 0 0 -5px}.branches{grid-template-columns:1fr}.branches>.node{margin-bottom:0}}
.m.has-qr{padding-bottom:0;overflow:hidden;max-width:85%}
.qr{display:grid;grid-template-columns:1fr 1fr;margin:10px -16px 0;border-top:1px solid #e3e8e6}
.qr span{text-align:center;color:#0a84c6;font-weight:600;font-size:.92rem;padding:10px 6px;background:#fff}
.qr span+span{border-left:1px solid #e3e8e6}
.phone:not(.big) .m.has-qr{padding:8px 12px 0}.phone:not(.big) .qr{margin:8px -12px 0}


body{background:#fff radial-gradient(#b0bfd9 1.1px,transparent 1.2px) 0 0/24px 24px}
.alt{background:rgba(204,217,240,.5)}
main{position:relative}
main::before,main::after{content:'';position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;pointer-events:none;z-index:0}
main::before{background:repeating-linear-gradient(to bottom,rgba(98,6,168,.28) 0 8px,transparent 8px 16px)}
main::after{background:linear-gradient(to bottom,transparent 0,#18b4e8 46%,transparent 50%) 0 0/2px 700px repeat-y;opacity:.8;animation:spine 14s linear infinite}
@keyframes spine{to{background-position:0 700px}}
main>section{position:relative;z-index:1}
.sec::before{content:'';position:absolute;left:50%;top:-8px;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:#fff;border:2px solid #0f766e;box-shadow:0 0 0 5px rgba(98,6,168,.12);z-index:2}
.sec .card,.sec .pcard,.sec .node{position:relative}
@media(max-width:900px){main::before,main::after{left:18px}.sec::before{left:18px}}
@media(prefers-reduced-motion:reduce){main::after{animation:none;opacity:0}}

.ct li{padding-left:36px}.ct li:before{content:none}.ct .ci{position:absolute;left:0;top:50%;width:24px;height:24px;margin-top:-12px}

.ft{background:#fff;border-top:0;position:relative;margin-top:40px;padding-top:56px;box-shadow:0 -14px 40px rgba(10,40,100,.08)}
.ft::before{content:'';position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#0f766e,#18b4e8 50%,#0f766e)}

.soc{display:flex;gap:14px;align-items:center}.soc a{display:inline-flex!important;width:38px;height:38px;padding:0!important;margin:0!important;align-items:center;justify-content:center;border-radius:50%;background:#fff;border:1px solid var(--ln);transition:transform .15s,box-shadow .15s}.soc a:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(10,40,100,.15)}.soc svg{width:22px;height:22px}
.soc.nv{display:none}.ftsoc{margin-top:16px}
@media(max-width:900px){.soc.nv{display:flex;padding:8px 12px 4px}}

body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201440%20900%22%20preserveAspectRatio%3D%22xMidYMid%20slice%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22gr%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%220%22%20y1%3D%22400%22%20x2%3D%22600%22%20y2%3D%220%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%232f6fe0%22/%3E%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22%232fb7c9%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%233fcf8e%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cstyle%3E.g%7Bopacity%3A.2%7D.cn%7Bfill%3Anone%3Bstroke%3Aurl%28%23gr%29%3Bstroke-width%3A16%3Bstroke-linecap%3Around%3Bopacity%3A.2%7D%40keyframes%20r%7Bto%7Btransform%3Arotate%28360deg%29%7D%7D%40keyframes%20rr%7Bto%7Btransform%3Arotate%28-360deg%29%7D%7D%40media%28prefers-reduced-motion%3Areduce%29%7B.g%7Banimation%3Anone%21important%7D%7D%3C/style%3E%3Cg%20transform%3D%22translate%28790%2040%29%20scale%281.0%29%22%3E%3Cpath%20class%3D%22cn%22%20d%3D%22M60%20300H105M190%20270H245C330%20270%20330%20200%20380%20150C420%20110%20440%20100%20470%2090M245%20270C330%20270%20340%20330%20380%20350C410%20365%20430%20372%20440%20380%22%20/%3E%3Cpath%20class%3D%22g%22%20fill-rule%3D%22evenodd%22%20fill%3D%22url%28%23gr%29%22%20d%3D%22M95.9%20300.0%20L105.9%20302.3%20L104.4%20312.0%20L94.1%20311.1%20L89.0%20321.1%20L95.8%20328.9%20L88.9%20335.8%20L81.1%20329.0%20L71.1%20334.1%20L72.0%20344.4%20L62.3%20345.9%20L60.0%20335.9%20L48.9%20334.1%20L43.6%20343.0%20L34.9%20338.5%20L38.9%20329.0%20L31.0%20321.1%20L21.5%20325.1%20L17.0%20316.4%20L25.9%20311.1%20L24.1%20300.0%20L14.1%20297.7%20L15.6%20288.0%20L25.9%20288.9%20L31.0%20278.9%20L24.2%20271.1%20L31.1%20264.2%20L38.9%20271.0%20L48.9%20265.9%20L48.0%20255.6%20L57.7%20254.1%20L60.0%20264.1%20L71.1%20265.9%20L76.4%20257.0%20L85.1%20261.5%20L81.1%20271.0%20L89.0%20278.9%20L98.5%20274.9%20L103.0%20283.6%20L94.1%20288.9Z%20M44%20300a16%2016%200%201%200%2032%200a16%2016%200%201%200%20-32%200Z%22%20style%3D%22transform-origin%3A60px%20300px%3Banimation%3Ar%2040s%20linear%20infinite%22/%3E%3Cpath%20class%3D%22g%22%20fill-rule%3D%22evenodd%22%20fill%3D%22url%28%23gr%29%22%20d%3D%22M229.0%20270.0%20L239.9%20272.5%20L238.3%20283.0%20L227.1%20282.1%20L221.6%20292.9%20L228.9%20301.4%20L221.4%20308.9%20L212.9%20301.6%20L202.1%20307.1%20L203.0%20318.3%20L192.5%20319.9%20L190.0%20309.0%20L177.9%20307.1%20L172.2%20316.7%20L162.7%20311.9%20L167.1%20301.6%20L158.4%20292.9%20L148.1%20297.3%20L143.3%20287.8%20L152.9%20282.1%20L151.0%20270.0%20L140.1%20267.5%20L141.7%20257.0%20L152.9%20257.9%20L158.4%20247.1%20L151.1%20238.6%20L158.6%20231.1%20L167.1%20238.4%20L177.9%20232.9%20L177.0%20221.7%20L187.5%20220.1%20L190.0%20231.0%20L202.1%20232.9%20L207.8%20223.3%20L217.3%20228.1%20L212.9%20238.4%20L221.6%20247.1%20L231.9%20242.7%20L236.7%20252.2%20L227.1%20257.9Z%20M172%20270a18%2018%200%201%200%2036%200a18%2018%200%201%200%20-36%200Z%22%20style%3D%22transform-origin%3A190px%20270px%3Banimation%3Arr%2040s%20linear%20infinite%22/%3E%3Cpath%20class%3D%22g%22%20fill-rule%3D%22evenodd%22%20fill%3D%22url%28%23gr%29%22%20d%3D%22M598.0%2070.0%20L619.9%2073.6%20L618.2%2088.7%20L596.0%2087.4%20L590.3%20103.8%20L608.5%20116.6%20L600.4%20129.5%20L581.0%20118.6%20L568.6%20131.0%20L579.5%20150.4%20L566.6%20158.5%20L553.8%20140.3%20L537.4%20146.0%20L538.7%20168.2%20L523.6%20169.9%20L520.0%20148.0%20L502.6%20146.0%20L494.3%20166.6%20L479.9%20161.6%20L486.2%20140.3%20L471.4%20131.0%20L454.9%20145.9%20L444.1%20135.1%20L459.0%20118.6%20L449.7%20103.8%20L428.4%20110.1%20L423.4%2095.7%20L444.0%2087.4%20L442.0%2070.0%20L420.1%2066.4%20L421.8%2051.3%20L444.0%2052.6%20L449.7%2036.2%20L431.5%2023.4%20L439.6%2010.5%20L459.0%2021.4%20L471.4%209.0%20L460.5%20-10.4%20L473.4%20-18.5%20L486.2%20-0.3%20L502.6%20-6.0%20L501.3%20-28.2%20L516.4%20-29.9%20L520.0%20-8.0%20L537.4%20-6.0%20L545.7%20-26.6%20L560.1%20-21.6%20L553.8%20-0.3%20L568.6%209.0%20L585.1%20-5.9%20L595.9%204.9%20L581.0%2021.4%20L590.3%2036.2%20L611.6%2029.9%20L616.6%2044.3%20L596.0%2052.6Z%20M470%2070a50%2050%200%201%200%20100%200a50%2050%200%201%200%20-100%200Z%22%20style%3D%22transform-origin%3A520px%2070px%3Banimation%3Ar%2070s%20linear%20infinite%22/%3E%3Cpath%20class%3D%22g%22%20fill-rule%3D%22evenodd%22%20fill%3D%22url%28%23gr%29%22%20d%3D%22M521.5%20380.0%20L535.9%20383.0%20L534.1%20395.7%20L519.4%20394.5%20L513.3%20407.8%20L523.8%20418.2%20L515.5%20427.9%20L503.7%20418.9%20L491.4%20426.8%20L494.6%20441.2%20L482.4%20444.8%20L477.3%20431.0%20L462.7%20431.0%20L457.6%20444.8%20L445.4%20441.2%20L448.6%20426.8%20L436.3%20418.9%20L424.5%20427.9%20L416.2%20418.2%20L426.7%20407.8%20L420.6%20394.5%20L405.9%20395.7%20L404.1%20383.0%20L418.5%20380.0%20L420.6%20365.5%20L407.6%20358.5%20L412.9%20346.9%20L426.7%20352.2%20L436.3%20341.1%20L429.1%20328.2%20L439.9%20321.3%20L448.6%20333.2%20L462.7%20329.0%20L463.6%20314.3%20L476.4%20314.3%20L477.3%20329.0%20L491.4%20333.2%20L500.1%20321.3%20L510.9%20328.2%20L503.7%20341.1%20L513.3%20352.2%20L527.1%20346.9%20L532.4%20358.5%20L519.4%20365.5Z%20M438%20380a32%2032%200%201%200%2064%200a32%2032%200%201%200%20-64%200Z%22%20style%3D%22transform-origin%3A470px%20380px%3Banimation%3Arr%2050s%20linear%20infinite%22/%3E%3C/g%3E%3Cg%20transform%3D%22translate%28-40%20520%29%20scale%280.7%29%22%3E%3Cpath%20class%3D%22cn%22%20d%3D%22M60%20300H105M190%20270H245C330%20270%20330%20200%20380%20150C420%20110%20440%20100%20470%2090M245%20270C330%20270%20340%20330%20380%20350C410%20365%20430%20372%20440%20380%22%20/%3E%3Cpath%20class%3D%22g%22%20fill-rule%3D%22evenodd%22%20fill%3D%22url%28%23gr%29%22%20d%3D%22M95.9%20300.0%20L105.9%20302.3%20L104.4%20312.0%20L94.1%20311.1%20L89.0%20321.1%20L95.8%20328.9%20L88.9%20335.8%20L81.1%20329.0%20L71.1%20334.1%20L72.0%20344.4%20L62.3%20345.9%20L60.0%20335.9%20L48.9%20334.1%20L43.6%20343.0%20L34.9%20338.5%20L38.9%20329.0%20L31.0%20321.1%20L21.5%20325.1%20L17.0%20316.4%20L25.9%20311.1%20L24.1%20300.0%20L14.1%20297.7%20L15.6%20288.0%20L25.9%20288.9%20L31.0%20278.9%20L24.2%20271.1%20L31.1%20264.2%20L38.9%20271.0%20L48.9%20265.9%20L48.0%20255.6%20L57.7%20254.1%20L60.0%20264.1%20L71.1%20265.9%20L76.4%20257.0%20L85.1%20261.5%20L81.1%20271.0%20L89.0%20278.9%20L98.5%20274.9%20L103.0%20283.6%20L94.1%20288.9Z%20M44%20300a16%2016%200%201%200%2032%200a16%2016%200%201%200%20-32%200Z%22%20style%3D%22transform-origin%3A60px%20300px%3Banimation%3Ar%2040s%20linear%20infinite%22/%3E%3Cpath%20class%3D%22g%22%20fill-rule%3D%22evenodd%22%20fill%3D%22url%28%23gr%29%22%20d%3D%22M229.0%20270.0%20L239.9%20272.5%20L238.3%20283.0%20L227.1%20282.1%20L221.6%20292.9%20L228.9%20301.4%20L221.4%20308.9%20L212.9%20301.6%20L202.1%20307.1%20L203.0%20318.3%20L192.5%20319.9%20L190.0%20309.0%20L177.9%20307.1%20L172.2%20316.7%20L162.7%20311.9%20L167.1%20301.6%20L158.4%20292.9%20L148.1%20297.3%20L143.3%20287.8%20L152.9%20282.1%20L151.0%20270.0%20L140.1%20267.5%20L141.7%20257.0%20L152.9%20257.9%20L158.4%20247.1%20L151.1%20238.6%20L158.6%20231.1%20L167.1%20238.4%20L177.9%20232.9%20L177.0%20221.7%20L187.5%20220.1%20L190.0%20231.0%20L202.1%20232.9%20L207.8%20223.3%20L217.3%20228.1%20L212.9%20238.4%20L221.6%20247.1%20L231.9%20242.7%20L236.7%20252.2%20L227.1%20257.9Z%20M172%20270a18%2018%200%201%200%2036%200a18%2018%200%201%200%20-36%200Z%22%20style%3D%22transform-origin%3A190px%20270px%3Banimation%3Arr%2040s%20linear%20infinite%22/%3E%3Cpath%20class%3D%22g%22%20fill-rule%3D%22evenodd%22%20fill%3D%22url%28%23gr%29%22%20d%3D%22M598.0%2070.0%20L619.9%2073.6%20L618.2%2088.7%20L596.0%2087.4%20L590.3%20103.8%20L608.5%20116.6%20L600.4%20129.5%20L581.0%20118.6%20L568.6%20131.0%20L579.5%20150.4%20L566.6%20158.5%20L553.8%20140.3%20L537.4%20146.0%20L538.7%20168.2%20L523.6%20169.9%20L520.0%20148.0%20L502.6%20146.0%20L494.3%20166.6%20L479.9%20161.6%20L486.2%20140.3%20L471.4%20131.0%20L454.9%20145.9%20L444.1%20135.1%20L459.0%20118.6%20L449.7%20103.8%20L428.4%20110.1%20L423.4%2095.7%20L444.0%2087.4%20L442.0%2070.0%20L420.1%2066.4%20L421.8%2051.3%20L444.0%2052.6%20L449.7%2036.2%20L431.5%2023.4%20L439.6%2010.5%20L459.0%2021.4%20L471.4%209.0%20L460.5%20-10.4%20L473.4%20-18.5%20L486.2%20-0.3%20L502.6%20-6.0%20L501.3%20-28.2%20L516.4%20-29.9%20L520.0%20-8.0%20L537.4%20-6.0%20L545.7%20-26.6%20L560.1%20-21.6%20L553.8%20-0.3%20L568.6%209.0%20L585.1%20-5.9%20L595.9%204.9%20L581.0%2021.4%20L590.3%2036.2%20L611.6%2029.9%20L616.6%2044.3%20L596.0%2052.6Z%20M470%2070a50%2050%200%201%200%20100%200a50%2050%200%201%200%20-100%200Z%22%20style%3D%22transform-origin%3A520px%2070px%3Banimation%3Ar%2070s%20linear%20infinite%22/%3E%3Cpath%20class%3D%22g%22%20fill-rule%3D%22evenodd%22%20fill%3D%22url%28%23gr%29%22%20d%3D%22M521.5%20380.0%20L535.9%20383.0%20L534.1%20395.7%20L519.4%20394.5%20L513.3%20407.8%20L523.8%20418.2%20L515.5%20427.9%20L503.7%20418.9%20L491.4%20426.8%20L494.6%20441.2%20L482.4%20444.8%20L477.3%20431.0%20L462.7%20431.0%20L457.6%20444.8%20L445.4%20441.2%20L448.6%20426.8%20L436.3%20418.9%20L424.5%20427.9%20L416.2%20418.2%20L426.7%20407.8%20L420.6%20394.5%20L405.9%20395.7%20L404.1%20383.0%20L418.5%20380.0%20L420.6%20365.5%20L407.6%20358.5%20L412.9%20346.9%20L426.7%20352.2%20L436.3%20341.1%20L429.1%20328.2%20L439.9%20321.3%20L448.6%20333.2%20L462.7%20329.0%20L463.6%20314.3%20L476.4%20314.3%20L477.3%20329.0%20L491.4%20333.2%20L500.1%20321.3%20L510.9%20328.2%20L503.7%20341.1%20L513.3%20352.2%20L527.1%20346.9%20L532.4%20358.5%20L519.4%20365.5Z%20M438%20380a32%2032%200%201%200%2064%200a32%2032%200%201%200%20-64%200Z%22%20style%3D%22transform-origin%3A470px%20380px%3Banimation%3Arr%2050s%20linear%20infinite%22/%3E%3C/g%3E%3C/svg%3E") center/cover no-repeat}
@media(max-width:700px){body::before{opacity:.7}}

.ico{background:linear-gradient(180deg,#fff,#f5f6f8)!important;border:1px solid #d5e1f5!important;box-shadow:0 4px 12px rgba(10,60,150,.12)}.ico .cic{width:30px;height:30px;display:block}
.ico .cic{width:34px!important;height:34px!important}

/* multi-hue accents */
.grid3>*,.flow>*,.steps>li,.trust>div,.faq>details,.two>.card{--c:#0f766e;--cd:#4c0585;--ct:#f0e6fa}
.grid3>*:nth-child(6n+2),.flow>*:nth-child(6n+2),.steps>li:nth-child(6n+2),.trust>div:nth-child(6n+2),.faq>details:nth-child(6n+2){--c:#0d9488;--cd:#0f766e;--ct:#def7f3}
.grid3>*:nth-child(6n+3),.flow>*:nth-child(6n+3),.steps>li:nth-child(6n+3),.trust>div:nth-child(6n+3),.faq>details:nth-child(6n+3){--c:#ea580c;--cd:#c2410c;--ct:#ffeddf}
.grid3>*:nth-child(6n+4),.flow>*:nth-child(6n+4),.steps>li:nth-child(6n+4),.trust>div:nth-child(6n+4),.faq>details:nth-child(6n+4){--c:#16a34a;--cd:#15803d;--ct:#e0f6e8}
.grid3>*:nth-child(6n+5),.flow>*:nth-child(6n+5),.steps>li:nth-child(6n+5),.trust>div:nth-child(6n+5),.faq>details:nth-child(6n+5){--c:#7c3aed;--cd:#6d28d9;--ct:#eee7ff}
.grid3>*:nth-child(6n+6),.flow>*:nth-child(6n+6),.steps>li:nth-child(6n+6),.trust>div:nth-child(6n+6),.faq>details:nth-child(6n+6){--c:#db2777;--cd:#be185d;--ct:#fde6f1}
.grid3>.card,.grid3>.node,.flow>.node,.steps>li,.trust>div{border-top:4px solid var(--c)}
.grid3>.card.hot{border-color:var(--c);border-top-width:4px}
.faq>details{border-left:5px solid var(--c)}
.tag,.nl{color:var(--cd);background:var(--ct);border-color:transparent}
.more,.card .more{color:var(--cd)}
.steps li:before{background:var(--c)}
.grid3 .wf{color:var(--cd)}
.sh h2:after{content:'';display:block;width:56px;height:4px;border-radius:4px;margin-top:12px;background:linear-gradient(90deg,#0f766e,#14b8a6,#f97316)}
.sh.center h2:after,.center .sh h2:after{margin-left:auto;margin-right:auto}
.sec:nth-of-type(6n+1)::before{border-color:#0f766e;box-shadow:0 0 0 5px rgba(98,6,168,.15)}
.sec:nth-of-type(6n+2)::before{border-color:#0d9488;box-shadow:0 0 0 5px rgba(13,148,136,.16)}
.sec:nth-of-type(6n+3)::before{border-color:#ea580c;box-shadow:0 0 0 5px rgba(234,88,12,.16)}
.sec:nth-of-type(6n+4)::before{border-color:#16a34a;box-shadow:0 0 0 5px rgba(22,163,74,.16)}
.sec:nth-of-type(6n+5)::before{border-color:#7c3aed;box-shadow:0 0 0 5px rgba(124,58,237,.16)}
.sec:nth-of-type(6n+6)::before{border-color:#db2777;box-shadow:0 0 0 5px rgba(219,39,119,.16)}
.ft::before{background:linear-gradient(90deg,#0f766e,#14b8a6,#22c55e,#f97316,#db2777,#7c3aed)}
.cta{background:linear-gradient(135deg,#0f766e,#6d28d9)!important}
.hero .eyebrow{background:linear-gradient(90deg,#0f766e,#0d9488);-webkit-background-clip:text;background-clip:text;color:transparent}
.nl{display:inline-block!important;padding:2px 9px;border-radius:99px;margin-bottom:8px}
/* header color */
.hdr{position:sticky;background:linear-gradient(90deg,#f5f6f8 0%,#e9fbf6 30%,#fff4e8 62%,#f6ecff 100%)!important;border-bottom:0!important}
.hdr::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,#0f766e,#0ea5a0,#f97316,#16a34a,#7c3aed,#db2777)}
.logo img{filter:drop-shadow(0 2px 6px rgba(98,6,168,.25))}
.nav>ul>li>a,.nav>ul>li>button{border-radius:999px;transition:background .15s,color .15s}
.nav>ul>li:nth-child(1)>*:first-child:hover{background:#dbeafe;color:#0a4fb8}
.nav>ul>li:nth-child(2)>*:first-child:hover{background:#ccfbf1;color:#0f766e}
.nav>ul>li:nth-child(3)>*:first-child:hover{background:#ffedd5;color:#c2410c}
.nav>ul>li:nth-child(4)>*:first-child:hover{background:#dcfce7;color:#15803d}
.nav>ul>li:nth-child(5)>*:first-child:hover{background:#f3e8ff;color:#7e22ce}
.nav>ul>li:nth-child(6)>*:first-child:hover{background:#fce7f3;color:#be185d}
.nav a.btn{background:linear-gradient(90deg,#0f766e,#5b3df5)!important;border-color:transparent!important;box-shadow:0 4px 14px rgba(98,6,168,.3)}
.nav a.btn:hover{background:linear-gradient(90deg,#0850c0,#4a2fd6)!important}
.menu{border-top:3px solid #0ea5a0}
/* menu + footer color */
.menu{border-top:3px solid #0f766e!important;background:linear-gradient(180deg,#f5f6f8,#fff 40%)}
.menu a:nth-child(6n+1):hover{background:#dbeafe}.menu a:nth-child(6n+2):hover{background:#ccfbf1}.menu a:nth-child(6n+3):hover{background:#ffedd5}.menu a:nth-child(6n+4):hover{background:#dcfce7}.menu a:nth-child(6n+5):hover{background:#f3e8ff}.menu a:nth-child(6n+6):hover{background:#fce7f3}
.menu a:nth-child(6n+1) b{color:#0a4fb8}.menu a:nth-child(6n+2) b{color:#0f766e}.menu a:nth-child(6n+3) b{color:#c2410c}.menu a:nth-child(6n+4) b{color:#15803d}.menu a:nth-child(6n+5) b{color:#7e22ce}.menu a:nth-child(6n+6) b{color:#be185d}
.ft{background:linear-gradient(180deg,#fff 0%,#f3f7ff 55%,#fdf4ff 100%)}
.ft h4{display:inline-block;padding-bottom:6px;border-bottom:3px solid var(--c,#0f766e)}
.ft .cols>.fc:nth-child(2) h4{border-color:#0f766e;color:#0a4fb8}.ft .cols>.fc:nth-child(3) h4{border-color:#14b8a6;color:#0f766e}.ft .cols>.fc:nth-child(4) h4{border-color:#f97316;color:#c2410c}.ft .cols>.fc:nth-child(5) h4{border-color:#7c3aed;color:#6d28d9}
.ft .cols>.fc:nth-child(2) a:hover{color:#0a4fb8}.ft .cols>.fc:nth-child(3) a:hover{color:#0f766e}.ft .cols>.fc:nth-child(4) a:hover{color:#c2410c}.ft .cols>.fc:nth-child(5) a:hover{color:#6d28d9}
.ft .soc a{transition:transform .15s}.ft .soc a:hover{transform:translateY(-3px)}
.legal{border-top:0!important;position:relative}.legal::before{content:"";position:absolute;left:20px;right:20px;top:0;height:2px;border-radius:2px;background:linear-gradient(90deg,#0f766e,#14b8a6,#22c55e,#f97316,#db2777,#7c3aed)}
@media(max-width:900px){.nav a{border-radius:10px}.nav>ul>li:nth-child(odd)>*:first-child{background:#f1f6ff}.nav>ul>li:nth-child(even)>*:first-child{background:#f1fbf8}}
/* advanced COD flow canvas */
.canvas{position:relative;isolation:isolate}
.canvas::before{content:"";position:absolute;inset:-18px -10px;z-index:-1;border-radius:34px;background:radial-gradient(circle at 15% 10%,rgba(98,6,168,.10),transparent 45%),radial-gradient(circle at 90% 55%,rgba(37,211,102,.12),transparent 45%),radial-gradient(circle at 20% 95%,rgba(249,115,22,.10),transparent 45%);border:1px dashed rgba(98,6,168,.25)}
.node.sm .ni{position:absolute;top:12px;right:12px;width:30px;height:30px;filter:drop-shadow(0 3px 5px rgba(0,0,0,.15))}
.branches .node.sm .ni{width:26px;height:26px;top:9px;right:9px}
.node.sm.trig{border-top:4px solid #ea580c}
.node.sm.brand{border-top:4px solid #25D366;background:linear-gradient(180deg,#f0fdf5,#f2f7ff)}
.node.yes{border-top:4px solid #16a34a;background:linear-gradient(180deg,#f0fdf4,#fff)}
.node.wait{border-top:4px solid #f59e0b;background:linear-gradient(180deg,#fffbeb,#fff);border-color:#f6dca0}
.node.wait .nl{color:#b45309!important;background:#fef3c7!important}
.node.no{border-top:4px solid #dc2626;background:linear-gradient(180deg,#fef2f2,#fff)}
.node.yes .nl{background:#dcfce7!important}.node.no .nl{background:#fee2e2!important}
.node.sm.trig .nl{color:#c2410c!important;background:#ffedd5!important}
.node.sm.brand .nl{color:#15803d!important;background:#dcfce7!important}
/* animated connectors */
@keyframes fl-h{to{background-position:24px 0}}@keyframes fl-v{to{background-position:0 24px}}
@keyframes pu-h{0%{left:-6px;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:calc(100% - 2px);opacity:0}}
@keyframes pu-v{0%{top:-6px;opacity:0}15%{opacity:1}85%{opacity:1}100%{top:calc(100% - 4px);opacity:0}}
.canvas .wire{background:repeating-linear-gradient(90deg,#0f766e 0 8px,transparent 8px 12px)!important;background-size:24px 2px;animation:fl-h 1s linear infinite}
.canvas .wire.v,.canvas .hflow2>.wire.h.v{background:repeating-linear-gradient(180deg,#0f766e 0 8px,transparent 8px 12px)!important;animation:fl-v 1s linear infinite}
.canvas .wire::before{content:"";position:absolute;width:9px;height:9px;margin-top:-3.500px;border-radius:50%;background:#25D366;box-shadow:0 0 0 3px rgba(37,211,102,.25),0 0 10px #25D366;left:-6px;top:-3px;animation:pu-h 1.8s ease-in-out infinite}
.canvas .wire.v::before{left:50%;margin:0 0 0 -4.500px;top:-6px;animation-name:pu-v}
.canvas .wire::after{border-left-color:#0f766e!important;border-top-color:#0f766e!important}
.fan{display:block;width:100%;max-width:510px;height:44px;margin:0}
.fp{fill:none;stroke-width:2.200;stroke-dasharray:6 4;vector-effect:non-scaling-stroke;animation:fl-d 1s linear infinite}
.fp.l{stroke:#f59e0b}.fp.g{stroke:#16a34a}.fp.r{stroke:#dc2626}
@keyframes fl-d{to{stroke-dashoffset:-20}}
.canvas>.wire.v.fanw{display:none}
.branches>.node::before{border-color:currentColor}
.branches>.node.yes::before{border-color:#16a34a}.branches>.node.wait::before{border-color:#f59e0b}.branches>.node.no::before{border-color:#dc2626}
.node.out .nl::before{content:"";display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:#25D366;box-shadow:0 0 0 0 rgba(37,211,102,.6);animation:lv 1.6s infinite}
@keyframes lv{70%{box-shadow:0 0 0 7px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
@media(max-width:520px){.fan{display:none}.canvas>.wire.v.fanw{display:block}.canvas .hflow2>.wire.h{background:repeating-linear-gradient(180deg,#0f766e 0 8px,transparent 8px 12px)!important;animation:fl-v 1s linear infinite}.canvas .hflow2>.wire.h::before{left:50%;margin:0 0 0 -4.500px;top:-6px;animation-name:pu-v}}
@media(prefers-reduced-motion:reduce){.canvas .wire,.fp,.canvas .wire::before,.node.out .nl::before{animation:none!important}}
/* hero offer */
@keyframes ho-g{to{background-position:200% 0}}@keyframes ho-p{0%,100%{box-shadow:0 0 0 0 rgba(37,211,102,.55),0 12px 30px rgba(98,6,168,.45)}60%{box-shadow:0 0 0 14px rgba(37,211,102,0),0 12px 30px rgba(98,6,168,.45)}}
.card.addon.hero-offer{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:48px 52px;border:0;border-radius:28px;color:#fff;background:radial-gradient(circle at 12% 0%,rgba(20,184,166,.45),transparent 45%),radial-gradient(circle at 95% 100%,rgba(124,58,237,.5),transparent 50%),radial-gradient(circle at 60% 120%,rgba(249,115,22,.35),transparent 50%),linear-gradient(135deg,#06302e,#0a4a45 55%,#0b3b3a);box-shadow:0 24px 60px rgba(6,48,46,.35),0 0 0 1px rgba(255,255,255,.12) inset}
.hero-offer::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:linear-gradient(90deg,#0f766e,#14b8a6,#22c55e,#f97316,#db2777,#7c3aed)}
.hero-offer::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;border:2px dashed rgba(255,255,255,.18);animation:spin 40s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.hero-offer>*{position:relative;z-index:1}
.hero-offer h3{color:#fff;font-size:clamp(1.9rem,4vw,3rem);line-height:1.1;margin:0 0 12px;letter-spacing:-.02em}
.hero-offer .lf{display:inline-block;background:linear-gradient(90deg,#5eead4,#86efac,#fde047,#fdba74,#f9a8d4,#c4b5fd,#5eead4);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:ho-g 6s linear infinite}
.hero-offer p{color:#d6e2ff;font-size:1.15rem;margin:0;max-width:520px}
.card.addon.hero-offer .btn.ho-btn{flex:none;padding:18px 34px;font-size:1.15rem;border-radius:16px;color:#fff!important;background:linear-gradient(90deg,#25D366,#0ea5a0 50%,#0f766e)!important;border:0!important;animation:ho-p 2.2s infinite;white-space:nowrap}
.ho-btn:hover{transform:translateY(-2px) scale(1.03)}
@media(max-width:900px){.card.addon.hero-offer{flex-direction:column;align-items:flex-start;padding:36px 26px}.card.addon.hero-offer .btn.ho-btn{width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){.hero-offer .lf,.hero-offer::after,.ho-btn{animation:none!important}}
/* flow section upgrade + bigger offer */
#flow .node.step{position:relative;padding-right:60px}
#flow .node .ni{position:absolute;top:14px;right:14px;width:34px;height:34px;filter:drop-shadow(0 3px 5px rgba(0,0,0,.15))}
#flow .node.step{background:linear-gradient(180deg,var(--ct),#fff 60%)}
#flow .wire{background:repeating-linear-gradient(90deg,var(--c,#0f766e) 0 8px,transparent 8px 12px)!important;background-size:24px 2px;animation:fl-h 1s linear infinite}
#flow .wire.v{background:repeating-linear-gradient(180deg,#0f766e 0 8px,transparent 8px 12px)!important;animation-name:fl-v}
#flow .wire::before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#25D366;box-shadow:0 0 0 3px rgba(37,211,102,.25),0 0 10px #25D366;left:-6px;top:-3.5px;animation:pu-h 1.8s ease-in-out infinite}
#flow .wire.v::before{left:50%;margin-left:-4.5px;top:-6px;animation-name:pu-v}
@media(max-width:900px){#flow .wire.h{background:repeating-linear-gradient(180deg,#0f766e 0 8px,transparent 8px 12px)!important;animation-name:fl-v}#flow .wire.h::before{left:50%;margin-left:-4.5px;top:-6px;animation-name:pu-v}}
@media(prefers-reduced-motion:reduce){#flow .wire,#flow .wire::before{animation:none!important}}
.card.addon.hero-offer{min-height:340px;padding:72px 64px;margin-top:36px;transform:none}
.hero-offer h3{font-size:clamp(2.3rem,5.2vw,4.2rem)}
.hero-offer p{font-size:1.3rem;max-width:560px}
.hero-offer::after{right:-90px;top:-90px;width:340px;height:340px;border-color:rgba(255,255,255,.28)}
.hero-offer .ho-t::before{content:"";position:absolute;left:-30px;bottom:-90px;width:220px;height:220px;border-radius:50%;border:2px dashed rgba(255,255,255,.14);animation:spin 60s linear infinite reverse;z-index:-1}
.card.addon.hero-offer .btn.ho-btn{padding:22px 44px;font-size:1.3rem}
@media(max-width:900px){.card.addon.hero-offer{min-height:0;padding:44px 26px}}
.branchrow>.node.step:nth-child(1){--c:#16a34a;--ct:#e0f6e8;--cd:#15803d}.branchrow>.node.step:nth-child(2){--c:#f59e0b;--ct:#fef3c7;--cd:#b45309}.branchrow>.node.step:nth-child(3){--c:#dc2626;--ct:#fee2e2;--cd:#b91c1c}
.branchrow>.node.step{border-top:4px solid var(--c)}
/* ===== timeline rail connectors (replaces dashed stubs) ===== */
/* desktop: solid clean lines, no dashes / pulse */
.canvas .wire,#flow .wire{animation:none!important;background:linear-gradient(90deg,#0f766e,#25D366)!important;background-size:auto!important}
.canvas .wire.v,#flow .wire.v,.canvas .hflow2>.wire.h.v{background:linear-gradient(180deg,#0f766e,#25D366)!important}
.canvas .wire::before,#flow .wire::before{display:none!important}
.fp{stroke-dasharray:none!important;animation:none!important;stroke-width:2.5}
@keyframes railpulse{0%,100%{box-shadow:0 0 0 0 rgba(98,6,168,0)}50%{box-shadow:0 0 0 0 rgba(98,6,168,0)}}
/* mobile rail: hero canvas (<=520) and #flow (<=900) */
@media(max-width:520px){
.canvas{padding-left:40px}
.canvas .wire,.canvas .fan{display:none!important}
.canvas .hflow2{gap:30px!important;margin-bottom:30px}
.canvas .branches{gap:30px!important;margin-bottom:30px}
.canvas .node.trig{--c:#ea580c;--n:#25D366}.canvas .node.brand{--c:#25D366;--n:#16a34a}.canvas .node.yes{--c:#16a34a;--n:#f59e0b}.canvas .node.wait{--c:#f59e0b;--n:#dc2626}.canvas .node.no{--c:#dc2626;--n:#0f766e}.canvas .node.out{--c:#0f766e}
.canvas .node.sm::before,.canvas .node.out::before{content:""!important;position:absolute!important;left:-31px!important;top:29px!important;right:auto!important;bottom:auto!important;margin:0!important;width:24px;height:14px;border:0!important;border-radius:0!important;z-index:2;
 background:radial-gradient(circle,#fff 0 3px,var(--c) 3.5px 6.5px,transparent 7px) left center/14px 14px no-repeat,linear-gradient(var(--c),var(--c)) 14px center/10px 2px no-repeat!important}
.canvas .node.sm:not(.out)::after{content:""!important;position:absolute!important;left:-25px!important;top:36px!important;right:auto!important;bottom:auto!important;margin:0!important;width:3px!important;height:calc(100% + 30px)!important;border:0!important;border-radius:3px;background:linear-gradient(180deg,var(--c),var(--n))!important;z-index:1;transform:none!important}
.canvas .node.out{margin-top:0}
.canvas .node.out::before{top:29px!important}
}
@media(max-width:900px){
#flow .wire{display:none!important}
#flow .flow.f3{gap:30px!important;display:grid;grid-template-columns:1fr;padding-left:40px}
#flow .branchrow{gap:30px!important;margin-top:30px!important;padding-left:40px;grid-template-columns:1fr}
#flow .flow>.node:nth-child(1){--c:#ea580c;--n:#25D366}#flow .flow>.node:nth-child(3){--c:#25D366;--n:#0f766e}#flow .flow>.node:nth-child(5){--c:#0f766e;--n:#16a34a}
#flow .branchrow>.node:nth-child(1){--c:#16a34a;--n:#f59e0b}#flow .branchrow>.node:nth-child(2){--c:#f59e0b;--n:#dc2626}#flow .branchrow>.node:nth-child(3){--c:#dc2626;--n:transparent}
#flow .node.step::before{content:""!important;position:absolute!important;left:-31px!important;top:31px!important;right:auto!important;bottom:auto!important;margin:0!important;width:24px;height:14px;border:0!important;border-radius:0!important;z-index:2;
 background:radial-gradient(circle,#fff 0 3px,var(--c) 3.5px 6.5px,transparent 7px) left center/14px 14px no-repeat,linear-gradient(var(--c),var(--c)) 14px center/10px 2px no-repeat!important}
#flow .node.step::after{content:""!important;position:absolute!important;left:-25px!important;top:38px!important;right:auto!important;bottom:auto!important;margin:0!important;width:3px!important;height:calc(100% + 30px)!important;border:0!important;border-radius:3px;background:linear-gradient(180deg,var(--c),var(--n))!important;z-index:1;transform:none!important}
#flow .flow>.node:nth-child(5)::after{height:calc(100% + 30px + 0px)!important}
#flow .branchrow>.node:nth-child(3)::after{display:none!important}
}
@media(max-width:900px){
#flow .node.step.rv,#flow .node.step.rv.in,#flow .node.step.rv.on{transform:none!important}
#flow .branchrow{position:relative}
#flow .branchrow::before{content:"";position:absolute;left:16px;top:-36px;width:3px;height:44px;border-radius:3px;background:linear-gradient(180deg,#0f766e,#16a34a);z-index:1}
}
/* ===== industries ===== */
.crumb{font-size:.85rem;color:var(--mut);margin-bottom:14px}.crumb a{color:var(--g);text-decoration:none}
.ind-hero{padding:72px 0 80px}
.ind-side{background:#fff;border-radius:26px;padding:28px;box-shadow:0 16px 44px rgba(6,48,46,.12);border-top:5px solid #0f766e;position:relative;overflow:hidden}
.ind-side::after{content:"";position:absolute;right:-50px;top:-50px;width:160px;height:160px;border-radius:50%;border:2px dashed rgba(98,6,168,.2)}
.ind-side h2{font-size:1.35rem;margin:14px 0 6px}.ind-side p{color:var(--mut);margin:0 0 14px}
.ind-badge .ni{filter:drop-shadow(0 6px 10px rgba(0,0,0,.18))}
.chips2{display:flex;flex-wrap:wrap;gap:8px}.chip2{font-size:.82rem;padding:5px 12px;border-radius:99px;background:#eef3ff;color:#4c0585;font-weight:600}
.chip2:nth-child(2n){background:#def7f3;color:#0f766e}.chip2:nth-child(3n){background:#ffeddf;color:#c2410c}.chip2:nth-child(4n){background:#eee7ff;color:#6d28d9}
.tl{list-style:none;margin:0 auto;padding:0 0 0 44px;max-width:860px;display:grid;gap:22px}
.tn{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:start;background:#fff;border-radius:16px;padding:18px;border-top:4px solid var(--c);box-shadow:0 8px 24px rgba(10,40,100,.08);--c:#0f766e;--n:#0d9488;--ct:#f0e6fa;--cd:#4c0585}
.tn:nth-child(6n+2){--c:#0d9488;--n:#ea580c;--ct:#def7f3;--cd:#0f766e}.tn:nth-child(6n+3){--c:#ea580c;--n:#16a34a;--ct:#ffeddf;--cd:#c2410c}.tn:nth-child(6n+4){--c:#16a34a;--n:#7c3aed;--ct:#e0f6e8;--cd:#15803d}.tn:nth-child(6n+5){--c:#7c3aed;--n:#db2777;--ct:#eee7ff;--cd:#6d28d9}.tn:nth-child(6n+6){--c:#db2777;--n:#0f766e;--ct:#fde6f1;--cd:#be185d}
.tn::before{content:"";position:absolute;left:-31px;top:29px;width:24px;height:14px;z-index:2;background:radial-gradient(circle,#fff 0 3px,var(--c) 3.5px 6.5px,transparent 7px) left center/14px 14px no-repeat,linear-gradient(var(--c),var(--c)) 14px center/10px 2px no-repeat}
.tn::after{content:"";position:absolute;left:-25px;top:36px;width:3px;height:calc(100% + 22px);border-radius:3px;background:linear-gradient(180deg,var(--c),var(--n));z-index:1}
.tn:last-child::after{display:none}
.tn .num{width:42px;height:42px;border-radius:12px;background:var(--c);color:#fff;display:grid;place-items:center;font:700 .95rem 'JetBrains Mono',monospace}
.tn h3{margin:0 0 4px;font-size:1.08rem}.tn p{margin:0;color:var(--mut)}
.bp{font:600 .7rem 'JetBrains Mono',monospace;letter-spacing:.05em;text-transform:uppercase;background:var(--ct);color:var(--cd);padding:4px 10px;border-radius:99px;white-space:nowrap}
@media(max-width:600px){.tn{grid-template-columns:auto 1fr}.tn .bp{grid-column:2;justify-self:start}}
.indc{display:block;text-decoration:none;color:inherit;border-top:4px solid var(--c,#0f766e);transition:transform .2s,box-shadow .2s}
.indc:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(10,40,100,.14)}
.indc .ni{display:block;margin-bottom:12px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.15))}
.indc h3{margin:0 0 6px}.indc p{margin:0 0 10px;color:var(--mut)}
.grid3>.indc:nth-child(6n+1){--c:#0f766e}.grid3>.indc:nth-child(6n+2){--c:#0d9488}.grid3>.indc:nth-child(6n+3){--c:#ea580c}.grid3>.indc:nth-child(6n+4){--c:#16a34a}.grid3>.indc:nth-child(6n+5){--c:#7c3aed}.grid3>.indc:nth-child(6n+6){--c:#db2777}
.band{border-top:4px solid #cbd5e1}.band .bt{display:inline-block;font:600 .72rem 'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.06em;padding:3px 10px;border-radius:99px;background:#eef3ff;color:#4c0585}
.band h3{margin:12px 0 6px;font-size:1.35rem}.band p{margin:0;color:var(--mut)}
.bands>.band:nth-child(1){border-top-color:#16a34a}.bands>.band:nth-child(2){border-top-color:#0f766e}.bands>.band:nth-child(3){border-top-color:#7c3aed}
.band.used{box-shadow:0 0 0 2px rgba(98,6,168,.35),0 14px 32px rgba(6,48,46,.12)}
.fine{margin-top:16px;color:var(--mut);font-size:.92rem}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}@media(max-width:800px){.two-col{grid-template-columns:1fr}}
.addl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}@media(max-width:700px){.addl{grid-template-columns:1fr}}
.addl li{background:#fff;border-radius:14px;padding:14px 16px;border-left:4px solid #0f766e;box-shadow:0 6px 18px rgba(10,40,100,.07)}
.addl li:nth-child(4n+2){border-left-color:#0d9488}.addl li:nth-child(4n+3){border-left-color:#ea580c}.addl li:nth-child(4n+4){border-left-color:#7c3aed}
.addl b{display:block}.addl span{color:var(--mut);font-size:.92rem}
.card.addon.hero-offer.cta-band{min-height:0;padding:44px 40px;margin-top:0}
.cta-band h3{font-size:clamp(1.6rem,3.6vw,2.4rem)!important}
@media(max-width:900px){.ind-hero{padding:40px 0 48px}.card.addon.hero-offer.cta-band{padding:34px 22px}}
.band .mo{margin:.2rem 0 .5rem;color:#0f766e;font-size:.95rem}

/* ===== BookKaro theme (light, purple + amber, DM Sans) ===== */
@font-face{font-family:'DM Sans';font-style:normal;font-weight:400 800;font-display:swap;src:url(dmsans.woff2) format('woff2')}
:root{--g:#6206a8;--g2:#4c0585;--ink:#16121f;--mut:#5d5a6a;--alt:#f5f6f8;--ln:#e6e8ee;--bg:#fff;--card:#fff;--cardbg:#fff;--amber:#f7b731}
body{font-family:'DM Sans',system-ui,sans-serif!important;background:#fff!important;color:var(--ink)}
body::before,body::after{display:none!important}
h1,h2,h3{font-family:'DM Sans',system-ui,sans-serif;letter-spacing:-.01em}
.hdr{background:#fff!important;backdrop-filter:none!important;border-bottom:1px solid var(--ln)!important;box-shadow:none}.hdr::after{display:none!important}
.nav>ul>li:nth-child(odd)>*:first-child,.nav>ul>li:nth-child(even)>*:first-child{background:transparent}
.btn,.nav a.btn{background:var(--amber)!important;border:2px solid var(--amber)!important;color:#1b1330!important;box-shadow:none!important;border-radius:8px;font-weight:700;animation:none}
.btn:hover,.nav a.btn:hover{background:#eaa919!important;border-color:#eaa919!important}
.btn.ghost{background:#f5f6f8!important;border-color:#f5f6f8!important;color:#1b1330!important}
.btn.light{background:#fff!important;border-color:#fff!important}
.sec.alt,.alt{background:#f5f6f8!important}
.hero{position:relative;overflow:hidden;background:#fff!important;padding:64px 0 72px}
.hero::after{content:"";position:absolute;left:-120px;bottom:-140px;width:300px;height:300px;border-radius:50%;background:#b895e8;opacity:.45;z-index:0;pointer-events:none}
.hero>.wrap{position:relative;z-index:1}
.hero h1{font-weight:800;font-size:clamp(2.1rem,5.2vw,3.5rem);line-height:1.1}
.hero .eyebrow{background:none!important;-webkit-text-fill-color:currentColor!important;color:var(--g)!important}
.eyebrow{color:var(--g)}
.vis{position:relative;display:flex;flex-direction:column;align-items:center;gap:18px;padding:34px 0}
.vis::before{content:"";position:absolute;z-index:0;left:6%;right:-18%;top:-4%;bottom:-6%;background:#6206a8;border-radius:60% 40% 46% 54%/52% 58% 42% 48%}
.vis>*{position:relative;z-index:1}
.vis .phone{margin:0 auto;box-shadow:0 22px 50px rgba(30,0,60,.35)}
.mini{list-style:none;margin:0;padding:0;display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.mini li{background:#fff;border-radius:99px;padding:8px 14px;font-weight:700;font-size:.88rem;color:#1b1330;box-shadow:0 6px 16px rgba(30,0,60,.2)}
.mini li b{color:var(--g);margin-right:6px;font-family:'JetBrains Mono',monospace}
.mini li+li::before{content:none}
.chips-row{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 0;padding:0;list-style:none}
.chips-row li{background:#f5f6f8;border-radius:99px;padding:6px 13px;font-size:.88rem;font-weight:600;color:#3a3347}
.card,.indc,.band,.pk{border-radius:12px!important;border:1px solid #eceef2!important;box-shadow:0 6px 22px rgba(30,0,60,.06)!important;border-top:3px solid var(--g)!important}
.grid3>*,.flow>*,.steps>li,.trust>div,.faq>details,.two>.card{--c:#6206a8;--cd:#4c0585;--ct:#f0e6fa}
.faq details{background:#fff;border:1px solid #eceef2!important;border-radius:10px;box-shadow:0 6px 22px rgba(30,0,60,.06)}
.card.addon.hero-offer{background:linear-gradient(135deg,#6206a8,#3f0470 70%)!important;box-shadow:0 20px 50px rgba(60,0,110,.3)!important;border-radius:20px!important}
.card.addon.hero-offer::before{background:var(--amber)!important}
.card.addon.hero-offer .btn.ho-btn{background:var(--amber)!important;color:#1b1330!important;animation:none!important;border:0!important;border-radius:10px;padding:18px 34px;font-size:1.1rem}
.ft{background:#2a0a4a!important;color:#d9c9ee!important;border:0;box-shadow:none!important}.ft a{color:#d9c9ee!important}.ft a:hover{color:#fff!important}.ft h4{color:#fff!important;background:none!important;-webkit-text-fill-color:#fff!important}.ft p{color:#d9c9ee}.legal{color:#b9a6d6!important}
.fab{background:#25d366}
.sh h2::after,h2::after{background:linear-gradient(90deg,#6206a8,#f7b731)!important}
.menu{border-radius:10px}
@media(max-width:900px){.hero{padding:40px 0 48px}.vis{padding:26px 0 30px}.vis::before{left:-8%;right:-8%;top:0;bottom:0;border-radius:42% 58% 46% 54%/40% 46% 54% 60%}.hero::after{width:200px;height:200px;left:-90px;bottom:-90px}}
/* niche + hub hero: purple blob behind the side card */
.ind-hero .two{position:relative}
.ind-hero .two::after{content:"";position:absolute;z-index:0;right:-70px;top:4%;width:min(50%,560px);aspect-ratio:1/.95;background:#6206a8;border-radius:56% 44% 48% 52%/50% 56% 44% 50%;pointer-events:none}
.ind-hero .ind-side{position:relative;z-index:1;background:#fff;border-radius:14px;border-top:3px solid var(--g);box-shadow:0 18px 44px rgba(30,0,60,.28)}
@media(max-width:900px){.ind-hero .two::after{right:-50px;top:auto;bottom:-24px;width:78%}}
@media(max-width:900px){.hero .actions .btn{width:100%}}