.badge{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.25);border-radius:100px;padding:8px 20px;font-size:11px;font-weight:500;letter-spacing:3px;text-transform:uppercase;color:#ffffffb3;margin-bottom:24px}.badge-dark{border-color:#00000026;color:var(--muted)}.hero{position:relative;min-height:90vh;background:var(--black);color:var(--white);display:flex;flex-direction:column;justify-content:center;padding:140px 0 0;overflow:hidden}.hero-bg{position:absolute;inset:0}.hero-bg img{width:100%;height:100%;object-fit:cover;opacity:.2}.hero-content{position:relative;z-index:2;padding:0 8vw;width:100%}.hero-content:before{content:"";position:absolute;left:calc(8vw - 40px);top:0;height:100%;width:3px;background:var(--red)}.hero h1{font-family:var(--fd);font-size:clamp(42px,5.5vw,80px);font-weight:400;line-height:.95;margin-bottom:28px}.hero-sub{font-size:clamp(16px,1.8vw,19px);color:#fff9;line-height:1.7;max-width:580px;margin-bottom:40px}.hero-form{display:flex;gap:12px;max-width:460px}.hero-form input{flex:1;padding:16px 20px;border:1px solid rgba(255,255,255,.2);border-radius:4px;background:#ffffff0a;color:#fff;font-size:15px;font-family:var(--fb);outline:none}.hero-form input::placeholder{color:#ffffff40}.hero-form input:focus{border-color:#ffffff80}.hero-form button{padding:16px 24px;background:#e63329;color:#fff;border:none;border-radius:4px;font-size:15px;font-weight:600;cursor:pointer;font-family:var(--fb);white-space:nowrap;transition:all .3s}.hero-form button:hover{background:#c42b22}.hero-note{font-size:13px;color:#ffffff4d;margin-top:12px}.hero-stats{display:flex;gap:32px;padding:48px 8vw 0;margin-top:auto;position:relative;z-index:2}.hero-stat{border-top:3px solid var(--red);padding:20px 0;flex:1}.hero-stat-val{font-family:var(--fd);font-size:clamp(36px,5vw,64px);font-weight:400;color:#fff;white-space:nowrap}.hero-stat-label{font-size:11px;color:#fff6;text-transform:uppercase;letter-spacing:2px;margin-top:4px}.benefits{padding:100px 0}.ben-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#e0e0e0;border:1px solid #e0e0e0;border-radius:4px;overflow:hidden}.ben-card{background:#fff;padding:36px 28px;transition:background .3s}.ben-card:hover{background:var(--gray)}.ben-num{font-family:var(--fd);font-size:42px;color:var(--red);line-height:1;margin-bottom:12px}.ben-card h3{font-size:17px;font-weight:500;margin-bottom:6px}.ben-card p{font-size:14px;color:var(--muted);line-height:1.6}.integrations{padding:80px 0;background:var(--gray)}.integration-sub{text-align:center;font-size:16px;line-height:1.6;max-width:600px;margin:0 auto 30px;color:var(--muted)}.logo-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px}.logo-badge{font-size:16px;font-weight:700;color:var(--black);padding:14px 28px;background:#fff;border-radius:8px;border:1px solid #e0e0e0}.comparison{padding:100px 0;background:#0a0a0a;color:#fff}.compare-table{max-width:800px;margin:0 auto;border-radius:12px;overflow:hidden}.compare-row{display:flex;border-bottom:1px solid rgba(255,255,255,.08);font-size:15px}.compare-row:last-child{border:none}.compare-row>span{flex:1;padding:16px 24px}.compare-header{background:#1a1a1a;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.muted-val{color:#ffffff80}.accent-val{color:#e63329;font-weight:600}.steps-section{padding:100px 0;background:#0a0a0a;color:#fff}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:48px}.steps-3{grid-template-columns:repeat(3,1fr)}.step-card{text-align:center;padding:32px 20px}.step-num{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--red);color:#fff;font-size:24px;font-weight:700;margin-bottom:20px}.step-day{font-size:13px;color:var(--red);font-weight:600;margin-bottom:10px}.step-card h3{font-size:17px;font-weight:500;margin-bottom:8px}.step-card p{font-size:14px;color:#fff9;line-height:1.6}.faq{padding:100px 0;background:#0a0a0a;color:#fff}.faq-list{max-width:700px;margin:0 auto}.faq-item{border-bottom:1px solid rgba(255,255,255,.08)}.faq-q{width:100%;padding:20px 0;font-size:16px;font-weight:500;background:none;border:none;color:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-family:var(--fb);text-align:left}.faq-q:after{content:"+";font-size:24px;color:var(--red);transition:transform .3s}.faq-item.open .faq-q:after{transform:rotate(45deg)}.faq-a{max-height:0;overflow:hidden;transition:max-height .3s}.faq-a p{padding:0 0 20px;font-size:14px;color:#fff9;line-height:1.7}.article-section{background:#fff;padding:80px 8vw}.article-section h2{font-family:var(--fd);font-size:clamp(32px,4vw,52px);font-weight:400;margin:20px 0 40px}.article-content{max-width:800px}.article-content h3{font-family:var(--fd);font-size:clamp(18px,2vw,26px);font-weight:400;margin:36px 0 12px;color:#000}.article-content h3:first-child{margin-top:0}.article-content p{font-size:16px;line-height:1.85;color:#444;margin-bottom:8px}@media(max-width:768px){.hero-content:before{left:0;width:2px}.hero-form{flex-direction:column}.hero-form button{width:100%}.hero-stats{flex-wrap:wrap;gap:24px;padding:32px 24px 0}.ben-grid,.adv-grid,.steps-grid,.steps-3{grid-template-columns:1fr}.compare-row{font-size:13px}.compare-row>span{padding:10px 12px}.logo-grid{gap:8px}.logo-badge{font-size:14px;padding:10px 16px}}.svc-card,.service-card,.num-card,.adv-card,.ben-card,.wh-card,.case-stats,.step{opacity:1!important;transform:none!important}