.co-page{--co-accent:#198ef8;padding:155px 0 85px;color:var(--ink);text-align:start}.co-page *{box-sizing:border-box}.co-hero{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:45px;padding:15px 0 70px}.co-kicker{display:block;font-size:12px;font-weight:650;color:var(--co-accent);margin-bottom:16px}.co-page h1{font-size:clamp(34px,4.6vw,60px);line-height:1.4;letter-spacing:-.025em;max-width:20ch;margin:0 0 22px}.co-page p{color:var(--muted);font-size:15px;line-height:1.95;margin:0}.co-link{display:inline-flex;color:var(--blue);gap:16px;text-decoration:none;font-size:14px;margin-top:26px}.co-visual{position:relative;aspect-ratio:400/360;width:100%;max-width:440px;margin:auto;direction:ltr}.co-path{position:absolute;inset:0;width:100%;height:100%}.co-path path{fill:none;stroke:var(--blue);stroke-width:1;stroke-dasharray:5 9;opacity:.4;animation:co-path-flow 35s linear infinite}.co-core{position:absolute;left:37%;top:36%;width:26%;aspect-ratio:1;border-radius:50%;border:1px solid #dbe5ed;background:#fff;display:grid;place-items:center}.co-core img{width:80%;height:80%;object-fit:contain}.co-node{position:absolute;display:flex;gap:10px;align-items:center;justify-content:center;min-height:70px;width:43%;border:1px solid color-mix(in srgb,var(--ink) 15%,transparent);border-radius:20px;background:var(--card,#1b2028);font-size:13px;padding:15px;animation:co-float 12s ease-in-out infinite}.co-node-0{top:0;right:0}.co-node-1{top:20%;left:0;animation-delay:-3s;--co-accent:#3cbca6}.co-node-2{bottom:13%;right:0;animation-delay:-7s;--co-accent:#a17bde}.co-node-3{bottom:0;left:0;animation-delay:-5s;--co-accent:#e5aa2e}.co-page :is(.co-node,.co-step,.co-card)>svg{width:28px;height:28px;flex-shrink:0;fill:none;stroke:var(--co-accent);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.co-process{border-top:1px solid color-mix(in srgb,var(--ink) 12%,transparent);padding-top:45px;scroll-margin-top:130px}.co-page h2{font-size:clamp(25px,3vw,36px);line-height:1.5;margin:0 0 22px}.co-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;list-style:none;padding:0;margin:30px 0 65px}.co-step{position:relative;border:1px solid color-mix(in srgb,var(--ink) 15%,transparent);border-top:2px solid var(--co-accent);border-radius:19px;padding:26px 20px;background:var(--card,#1b2028)}.co-step-number{display:block;color:var(--muted);font-size:11px;margin-bottom:26px;direction:ltr;text-align:start}.co-step h3{font-size:18px;margin:20px 0 9px}.co-page .co-step p{font-size:13px}.co-tone-1{--co-accent:#3cbca6}.co-tone-2{--co-accent:#a17bde}.co-tone-3{--co-accent:#e5aa2e}.co-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.co-card{padding:28px;border:1px solid color-mix(in srgb,var(--ink) 15%,transparent);border-radius:22px;background:var(--card,#1b2028);transition:transform .3s,border-color .3s}.co-card:hover{transform:translateY(-4px);border-color:var(--co-accent)}.co-card h3{font-size:20px;line-height:1.65;margin:22px 0 14px}.co-page .co-card p{font-size:14px}.co-contact{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center;padding:35px;border:1px solid color-mix(in srgb,var(--ink) 15%,transparent);border-radius:25px;margin-top:65px;background:var(--card,#1b2028)}.co-contact h2{font-size:clamp(25px,3vw,33px);margin-bottom:13px}.co-actions{display:flex;flex-direction:column;gap:18px;align-items:center}.co-button{background:var(--blue);color:#fff;border-radius:30px;padding:15px 25px;font-size:14px;font-weight:650;text-decoration:none;white-space:nowrap}.co-phone{color:var(--muted);font-size:14px;text-decoration:none}.co-page :is(a,button):focus-visible{outline:2px solid var(--blue);outline-offset:5px}html[lang=fa] .co-step-number{text-align:right}
@keyframes co-float{50%{transform:translateY(-8px)}}@keyframes co-path-flow{to{stroke-dashoffset:-280}}
@media(max-width:800px){.co-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.co-cards{grid-template-columns:1fr}.co-card{padding:25px}.co-hero{gap:25px}.co-node{font-size:11px;padding:12px;gap:7px}}
@media(max-width:600px){.co-page{padding-top:135px}.co-hero{grid-template-columns:1fr;gap:35px;padding-bottom:45px}.co-visual{max-width:340px}.co-step{padding:22px 16px}.co-contact{grid-template-columns:1fr;padding:25px;gap:25px}.co-actions{align-items:stretch}.co-phone{text-align:center}.co-button{text-align:center}.co-node{font-size:12px}.co-page h1{font-size:34px}}
@media(prefers-reduced-motion:reduce){.co-page *{animation:none!important;transition:none!important}}