.bina-web{--primary: #b21f2b;--primary-hover: #7f0002;--ink: #292b30;--muted: #50545c;--paper: #ffffff;--tint: #f8f8f9;--accent: #fff1f2;--dark: #222429;--border: #d9dbe0;--radius: 22px;--shadow: 0 7px 22px rgba(34,36,41,.06);margin:0;background:var(--paper);color:var(--ink);font-family:Shabnam-EN,Shabnam,Tahoma,Arial,sans-serif;line-height:1.75;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}.bina-web *{box-sizing:border-box}.bina-web a{color:inherit;text-decoration:none}.bina-web .container{width:min(1180px,calc(100% - 64px));margin-inline:auto}.bina-web .section{display:block!important;width:100%;padding:72px 0}.bina-web .section-label{display:inline-flex;align-items:center;color:var(--primary);background:var(--accent);border-radius:999px;padding:5px 13px;font-size:13px;font-weight:800;margin-bottom:18px}.bina-web h1,.bina-web h2,.bina-web h3,.bina-web h4{margin:0;font-weight:900;letter-spacing:-.025em}.bina-web h1{font-size:3.2rem;line-height:1.3}.bina-web h2{font-size:2.5rem;line-height:1.5}.bina-web h3{font-size:21px;line-height:1.35}.bina-web p{color:var(--muted);margin:0}.bina-web .hero{position:relative;overflow:hidden;padding:68px 0 0;background:linear-gradient(135deg,#fff 0 48%,#fff7f8)}.bina-web .hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#c7c9ce 1px,transparent 1px);background-size:23px 23px;opacity:.22;-webkit-mask-image:linear-gradient(to left,black,transparent 55%);mask-image:linear-gradient(to left,black,transparent 55%)}.bina-web .hero-orb{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.bina-web .hero-orb-one{width:340px;height:340px;background:#b21f2b0f;top:-160px;left:14%}.bina-web .hero-orb-two{width:180px;height:180px;border:34px solid rgba(178,31,43,.035);bottom:45px;right:-85px}.bina-web .hero-grid{position:relative;width:min(1380px,calc(100% - 64px));display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:48px}.bina-web .hero-copy{display:flex;flex-direction:column;justify-content:center}.bina-web .hero h1{letter-spacing:-.04em}.bina-web .hero h1 span{display:block;white-space:nowrap}.bina-web .eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--primary);font-size:14px;font-weight:800;margin-bottom:20px}.bina-web .eyebrow span{width:28px;height:2px;background:var(--primary)}.bina-web .lead{font-size:19px;line-height:1.95;max-width:650px;margin-top:24px}.bina-web .lead-sub{font-size:17px;margin-top:18px;opacity:.92}.bina-web .hero-actions{display:flex;align-items:center;gap:26px;margin-top:34px}.bina-web .cta-pair{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.bina-web .text-link{display:inline-flex;align-items:center;gap:9px;color:var(--ink);font-weight:800;border:0;background:transparent;padding:8px 0;cursor:pointer}.bina-web .text-link span,.bina-web .text-link:hover{color:var(--primary)}.bina-web .hero-browser{position:relative;align-self:center;width:100%;border-radius:32px;overflow:hidden;background:#fff;border:1px solid var(--border);box-shadow:0 36px 90px #22242929;min-height:520px;display:flex;flex-direction:column}.bina-web .browser-chrome{display:flex;align-items:center;gap:8px;padding:14px 18px;background:#f1f3f4;border-bottom:1px solid var(--border)}.bina-web .bw-dot{width:11px;height:11px;border-radius:50%}.bina-web .bw-dot.red{background:#ea4335}.bina-web .bw-dot.yellow{background:#fbbc04}.bina-web .bw-dot.green{background:#34a853}.bina-web .bw-bar{flex:1;margin-right:10px;height:30px;border-radius:999px;background:#fff;border:1px solid #e0e0e0;font-size:12px;color:#5f6368;padding:0 14px;display:flex;align-items:center;direction:ltr}.bina-web .browser-body{flex:1;padding:24px 26px;background:#fff;display:flex;flex-direction:column;gap:18px}.bina-web .wf-nav{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid #eef0f3}.bina-web .wf-logo{width:64px;height:14px;border-radius:5px;background:var(--primary)}.bina-web .wf-navlinks{display:flex;gap:9px}.bina-web .wf-navlinks i{width:34px;height:8px;border-radius:4px;background:#dfe1e6}.bina-web .wf-hero{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;border-radius:18px;background:linear-gradient(135deg,#fff6f7,#fff);border:1px solid rgba(178,31,43,.12)}.bina-web .wf-hero-text{display:flex;flex-direction:column;gap:9px}.bina-web .wf-line{display:block;height:9px;border-radius:5px;background:#dfe1e6}.bina-web .wf-line.w70{width:170px}.bina-web .wf-line.w50,.bina-web .wf-line.w80{width:120px}.bina-web .wf-line.w60{width:90px}.bina-web .wf-line.w90{width:200px}.bina-web .wf-hero-cta{width:90px;height:30px;border-radius:9px;background:var(--primary)}.bina-web .wf-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.bina-web .wf-card{background:var(--tint);border:1px solid var(--border);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:9px}.bina-web .wf-card-mid{border-color:#b21f2b40;background:linear-gradient(180deg,#fff6f7,#fff)}.bina-web .wf-card-ico{width:30px;height:30px;border-radius:9px;background:var(--accent);border:1px solid rgba(178,31,43,.18)}.bina-web .wf-footer{display:flex;flex-direction:column;gap:9px;padding-top:14px;border-top:1px solid #eef0f3}.bina-web .browser-caption{position:absolute;left:22px;right:22px;bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 15px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:#191b1fd1;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bina-web .browser-caption span{display:flex;align-items:center;gap:8px;font-size:10px}.bina-web .browser-caption span i{width:7px;height:7px;border-radius:50%;background:#34a853;box-shadow:0 0 0 4px #34a85326}.bina-web .browser-caption strong{font-size:11px;direction:ltr}.bina-web .trust-row{position:relative;margin-top:48px;height:68px;display:flex;align-items:center;justify-content:center;gap:30px;border-top:1px solid var(--border);color:var(--muted);font-size:13px;font-weight:700}.bina-web .trust-row i{width:5px;height:5px;border-radius:50%;background:var(--primary);opacity:.45}.bina-web .button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:13px 24px;border:0;border-radius:14px;background:var(--primary);color:#fff;font-size:15px;font-weight:900;cursor:pointer;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.bina-web .button:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 12px 26px #b21f2b38}.bina-web .button-light{background:#fff;color:var(--primary)}.bina-web .button-light:hover{background:#fff6f7;color:var(--primary-hover)}.bina-web .button-outline-light{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.72)}.bina-web .button-outline-light:hover{background:#fff;color:var(--primary);box-shadow:none}.bina-web .section-head{margin-bottom:48px}.bina-web .section-head.centered{text-align:center;max-width:820px;margin-inline:auto;margin-bottom:50px}.bina-web .section-head.centered p{font-size:16px;margin-top:16px}.bina-web .split-head{display:flex;align-items:end;justify-content:space-between;gap:60px}.bina-web .split-head>p{max-width:460px;margin-bottom:5px;font-size:16px}.bina-web .intent-section{background:#fff}.bina-web .intent-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.bina-web .intent-card{position:relative;background:var(--tint);border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.bina-web .intent-card:hover{transform:translateY(-6px);box-shadow:0 16px 38px #22242917}.bina-web .intent-number{display:block;font-size:30px;font-weight:900;color:var(--primary);letter-spacing:.04em;margin-bottom:14px}.bina-web .intent-card h3{font-size:18px;margin-bottom:10px;line-height:1.45}.bina-web .intent-card p{font-size:13px;line-height:1.85}.bina-web .types-section{background:var(--tint)}.bina-web .type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.bina-web .type-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:30px 24px;transition:transform .25s ease,box-shadow .25s ease}.bina-web .type-card:hover{transform:translateY(-6px);box-shadow:0 16px 38px #22242917}.bina-web .type-mark{display:grid;place-items:center;width:62px;height:62px;border-radius:18px;background:var(--accent);color:var(--primary);font-size:28px;margin-bottom:18px}.bina-web .type-card h3{font-size:18px;margin-bottom:10px;line-height:1.45}.bina-web .type-card p{font-size:13px;line-height:1.85}.bina-web .services-section{background:#fff}.bina-web .phases{display:grid;gap:30px}.bina-web .phase{position:relative;background:var(--tint);border:1px solid var(--border);border-radius:24px;padding:8px 32px 16px}.bina-web .phase-head{display:flex;flex-direction:column;gap:6px;padding:26px 0 22px;border-bottom:1px dashed var(--border);margin-bottom:8px}.bina-web .phase-tag{display:inline-flex;align-items:center;align-self:flex-start;color:#fff;background:var(--primary);font-size:12px;font-weight:900;padding:5px 14px;border-radius:999px;letter-spacing:.03em;margin-bottom:6px}.bina-web .phase-head h3{font-size:22px;color:var(--ink);line-height:1.4}.bina-web .phase-head p{font-size:14px;color:var(--muted);line-height:1.8;max-width:680px}.bina-web .steps{list-style:none;margin:0;padding:0;display:grid;gap:0}.bina-web .steps li{display:grid;grid-template-columns:54px 1fr;align-items:start;gap:18px;position:relative;padding:20px 4px}.bina-web .step-number{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:#fff;border:1px solid var(--border);color:var(--primary);font-size:15px;font-weight:900;box-shadow:var(--shadow);position:relative;z-index:2}.bina-web .step-rail{position:absolute;right:27px;top:74px;bottom:-2px;width:2px}.bina-web .step-rail i{display:block;width:100%;height:100%;background:linear-gradient(180deg,#b21f2b4d,#b21f2b0d)}.bina-web .steps li:last-child .step-rail{display:none}.bina-web .step-body{padding-top:12px}.bina-web .step-body h4{font-size:16px;line-height:1.6;color:var(--ink);margin:0 0 6px;font-weight:900;letter-spacing:-.01em}.bina-web .step-body p{font-size:13px;line-height:1.85;color:var(--muted)}.bina-web .inline-cta{margin-top:38px;border-radius:var(--radius);background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px 34px}.bina-web .inline-cta div{display:flex;flex-direction:column}.bina-web .inline-cta .inline-cta-actions{display:flex;flex-direction:row}.bina-web .inline-cta span{font-size:13px;opacity:.82}.bina-web .inline-cta strong{font-size:21px;margin-top:3px}.bina-web .dark-section{position:relative;background:var(--dark);color:#fff;overflow:hidden}.bina-web .dark-section:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:var(--primary);opacity:.09;filter:blur(80px);right:-180px;top:-200px}.bina-web .dark-head{position:relative;max-width:860px;margin-bottom:54px}.bina-web .light-label{background:#ffffff1a;color:#ffbdc3}.bina-web .dark-head h2{color:#fff}.bina-web .dark-lead{color:#f1f1f1;font-size:17px;margin-top:20px;opacity:.92}.bina-web .pipeline{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:0}.bina-web .pipeline:before{content:"";position:absolute;top:34px;right:8%;left:8%;height:2px;background:linear-gradient(90deg,rgba(178,31,43,.2),var(--primary),rgba(178,31,43,.2))}.bina-web .pipeline-node{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 8px}.bina-web .pipeline-index{font-size:11px;font-weight:900;color:#ff8791;margin-bottom:10px;letter-spacing:.06em}.bina-web .pipeline-dot{width:20px;height:20px;border-radius:50%;background:var(--primary);border:4px solid var(--dark);box-shadow:0 0 0 4px #b21f2b33;position:relative;z-index:2}.bina-web .pipeline-label{margin-top:16px;font-size:13px;font-weight:800;color:#fff;line-height:1.5}.bina-web .pipeline-caption{display:none}.bina-web .sales-section{background:#fff}.bina-web .sales-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:56px;align-items:start}.bina-web .sales-copy p{margin-top:18px;font-size:16px;line-height:1.95}.bina-web .sales-copy .cta-pair{margin-top:30px}.bina-web .sales-factor-card{background:var(--accent);border:1px solid rgba(178,31,43,.16);border-radius:var(--radius);padding:30px;position:sticky;top:20px}.bina-web .factor-eyebrow{display:block;color:var(--primary);font-size:13px;font-weight:800;margin-bottom:18px}.bina-web .sales-factor-card ul{list-style:none;margin:0;padding:0;display:grid;gap:13px}.bina-web .sales-factor-card li{display:flex;align-items:center;gap:11px;font-size:14px;font-weight:700;color:var(--ink);background:#fff;border:1px solid var(--border);border-radius:13px;padding:13px 15px}.bina-web .sales-factor-card li span{color:var(--primary);font-weight:900}.bina-web .related-section{background:var(--tint)}.bina-web .related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.bina-web .related-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:30px 26px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.bina-web .related-card:hover{transform:translateY(-6px);box-shadow:0 16px 38px #22242917;border-color:#b21f2b4d}.bina-web .related-ico{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:var(--accent);color:var(--primary);margin-bottom:18px;transition:background .25s ease,color .25s ease}.bina-web .related-card:hover .related-ico{background:var(--primary);color:#fff}.bina-web .related-card h3{font-size:18px;margin-bottom:10px;line-height:1.45}.bina-web .related-card p{font-size:13px;line-height:1.85;flex:1}.bina-web .related-link{display:inline-flex;align-items:center;gap:5px;margin-top:16px;font-size:13px;font-weight:800;color:var(--primary)}.bina-web .audiences-section{background:#fff}.bina-web .audience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.bina-web .audience-card{background:var(--tint);border:1px solid var(--border);border-radius:var(--radius);padding:30px 24px;text-align:center;transition:transform .25s ease,box-shadow .25s ease}.bina-web .audience-card:hover{transform:translateY(-6px);box-shadow:0 16px 38px #22242917}.bina-web .audience-mark{display:grid;place-items:center;width:62px;height:62px;border-radius:18px;background:var(--accent);color:var(--primary);font-size:28px;margin:0 auto 18px}.bina-web .audience-card h3{font-size:18px;margin-bottom:10px;line-height:1.45}.bina-web .audience-card p{font-size:13px;line-height:1.85}.bina-web .preflight-section{background:var(--tint)}.bina-web .preflight-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:64px;align-items:center}.bina-web .preflight-copy p{margin-top:18px;font-size:16px;line-height:1.95}.bina-web .preflight-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}.bina-web .preflight-list li{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--border);border-radius:16px;padding:18px 22px;font-size:15px;font-weight:700;color:var(--ink)}.bina-web .preflight-list .qmark{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:var(--primary);color:#fff;font-size:15px;font-weight:900}.bina-web .budget-section{background:var(--accent)}.bina-web .budget-card{max-width:820px;text-align:center}.bina-web .budget-card .section-label{margin-bottom:16px}.bina-web .budget-card h2{font-size:2.3rem;line-height:1.5}.bina-web .budget-card p{margin-top:18px;font-size:16px;line-height:1.95}.bina-web .budget-card .button{margin-top:30px}.bina-web .faq-section{background:var(--tint)}.bina-web .faq-grid{display:block;max-width:980px}.bina-web .faq-intro{max-width:720px;margin:0 auto 40px;text-align:center}.bina-web .faq-list{display:grid;gap:11px;width:100%}.bina-web .faq-list details{background:#fff;border:1px solid var(--border);border-radius:15px;padding:0 20px}.bina-web .faq-list summary{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;font-weight:800;list-style:none;font-size:15px}.bina-web .faq-list summary::-webkit-details-marker{display:none}.bina-web .faq-list summary i{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:50%;background:var(--accent);color:var(--primary);font-style:normal;transition:transform .2s ease}.bina-web .faq-list details[open] summary i{transform:rotate(45deg)}.bina-web .faq-list details[open]{border-color:#b21f2b4d}.bina-web .faq-list details p{padding:0 0 20px;font-size:13px;line-height:1.9}.bina-web .consultation-section{background:var(--primary);color:#fff;padding:72px 0;position:relative;overflow:hidden}.bina-web .consultation-section:before{content:"";position:absolute;inset:0;opacity:.11;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:24px 24px}.bina-web .consultation-grid{position:relative;max-width:900px;text-align:center}.bina-web .consultation-copy h2{color:#fff}.bina-web .consultation-copy p{color:#fff;font-size:17px;margin:23px auto 32px;max-width:720px;opacity:.92;line-height:1.95}.bina-web .consultation-button{min-width:270px}@media(max-width:1360px)and (min-width:981px){.bina-web .hero-grid{gap:32px}.bina-web .hero h1{font-size:2.5rem}}@media(max-width:980px){.bina-web .section{padding:64px 0}.bina-web .hero-grid{grid-template-columns:1fr;gap:38px}.bina-web .hero-copy{text-align:center}.bina-web .hero h1{font-size:clamp(2.3rem,6vw,2.7rem)}.bina-web .hero h1 span{white-space:normal}.bina-web .hero .lead{margin-inline:auto}.bina-web .hero-actions{justify-content:center}.bina-web .hero-browser{max-width:620px;margin-inline:auto;min-height:auto}.bina-web .intent-grid,.bina-web .audience-grid,.bina-web .type-grid,.bina-web .related-grid{grid-template-columns:repeat(2,1fr)}.bina-web .phase{padding:8px 22px 14px}.bina-web .split-head{display:block}.bina-web .split-head>p{margin-top:16px}.bina-web .sales-grid,.bina-web .preflight-grid{grid-template-columns:1fr;gap:40px}.bina-web .sales-factor-card{position:static}.bina-web .pipeline-caption{display:block;color:#fff;font-size:15px;font-weight:800;text-align:center;margin-top:30px;line-height:1.9;opacity:.95}.bina-web .pipeline{grid-template-columns:repeat(3,1fr);gap:34px 16px}.bina-web .pipeline:before{display:none}}@media(max-width:720px){.bina-web .section{padding:52px 0}.bina-web .hero{padding-top:48px}.bina-web .lead{font-size:16px}.bina-web .hero-actions{flex-direction:column;gap:10px}.bina-web .hero-actions .button{width:100%}.bina-web .hero-browser{min-height:0}.bina-web .browser-caption{left:12px;right:12px;bottom:12px}.bina-web .trust-row{height:auto;padding:18px 0;flex-wrap:wrap;gap:12px 18px}.bina-web .trust-row i{display:none}.bina-web .intent-grid,.bina-web .audience-grid,.bina-web .type-grid,.bina-web .related-grid{grid-template-columns:1fr}.bina-web .phase{padding:8px 16px 12px}.bina-web .steps li{grid-template-columns:46px 1fr;gap:14px}.bina-web .step-number{width:46px;height:46px;font-size:14px}.bina-web .step-rail{right:23px;top:62px}.bina-web .inline-cta{flex-direction:column;align-items:stretch;text-align:center;padding:25px 20px}.bina-web .inline-cta .inline-cta-actions{flex-direction:column}.bina-web .inline-cta-actions .button{width:100%}.bina-web .pipeline{grid-template-columns:repeat(2,1fr);gap:30px}.bina-web .budget-card h2{font-size:1.9rem}.bina-web .faq-list summary{font-size:13px}.bina-web .consultation-button{width:100%;min-width:0}}.dark .bina-web{--paper: hsl(var(--background));--ink: hsl(var(--foreground));--muted: hsl(var(--muted-foreground));--tint: hsl(var(--secondary));--accent: hsl(var(--primary) / .1);--border: hsl(var(--border))}
