.container{max-width:1200px;padding:0 24px;margin:auto}.mt-4{margin-top:2rem}.mb-5{margin-bottom:3rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.pt-3{padding-top:1rem}.pb-4{padding-bottom:1.5rem}.py-5{padding:3rem 0}.pb-5{padding-bottom:3rem}.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.col-lg-6{flex:0 0 50%;max-width:50%;padding:0 15px}.align-items-center{align-items:center}.align-items-start{align-items:flex-start}.justify-content-between{justify-content:space-between}.d-flex{display:flex}.flex-column{flex-direction:column}.flex-row-reverse{flex-direction:row-reverse}.gap-4{gap:1.5rem}.text-center{text-align:center}.text-muted{color:#64748b}.text-dark{color:#0f172a}.text-white{color:#fff}.text-white-50{color:#ffffffb3}.text-success{color:#059669}.text-primary{color:#3b82f6}.text-info{color:#0ea5e9}.bg-success{background-color:#059669}.bg-primary{background-color:#3b82f6}.bg-danger{background-color:#ef4444}.bg-warning{background-color:#f59e0b}.bg-info{background-color:#0ea5e9}.bg-secondary{background-color:#64748b}.fw-bolder{font-weight:800;font-family:Outfit}.fw-bold{font-weight:700}.fs-1{font-size:2.5rem}.fs-4{font-size:1.5rem}.fs-5{font-size:1.25rem}.display-4{font-size:3rem}.display-5{font-size:2.5rem}.lead{font-size:1.25rem}.small{font-size:.875rem}.m-0{margin:0}.me-2{margin-right:.5rem}.me-3{margin-right:1rem}.ms-2{margin-left:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1.5rem}.text-decoration-none{text-decoration:none}.w-100{width:100%}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000000d}.rounded-4{border-radius:1rem}.overflow-hidden{overflow:hidden}.border{border:1px solid #e2e8f0}.border-bottom{border-bottom:1px solid #e2e8f0}.border-top{border-top:1px solid #e2e8f0}.opacity-75{opacity:.75}.opacity-50{opacity:.5}@media(max-width:991.98px){.col-lg-6{flex:0 0 100%;max-width:100%}.display-4{font-size:2.5rem}.flex-row-reverse{flex-direction:column}}.install-card{background:#fff;border:2px solid #e2e8f0;border-radius:16px;padding:24px 32px;transition:all .2s cubic-bezier(.4,0,.2,1);display:block;box-shadow:0 4px 6px -1px #0000000d}.install-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a}.chrome-card{background:linear-gradient(to right,#fff,#f0fdf4);border-color:#10b98166}.chrome-card:hover{border-color:#10b981}.edge-card{background:linear-gradient(to right,#fff,#eff6ff);border-color:#3b82f666}.edge-card:hover{border-color:#3b82f6}.btn-install-text{font-size:1.7rem;font-family:Outfit}.brand-badge{font-weight:700;font-size:1.1rem;display:flex;align-items:center;background:#fff;padding:8px 16px;border-radius:999px;border:1px solid #e2e8f0;box-shadow:0 2px 4px #0000000d}.cta-banner{border-radius:16px;padding:32px 48px;display:flex;box-shadow:0 10px 25px -5px #0f172a33}.gradient-dark{background:linear-gradient(135deg,#1e293b,#0f172a)}.btn-circle-arrow{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:#fff;border-radius:50%;color:#0f172a;font-size:1.5rem;transition:transform .2s}.btn-circle-arrow:hover{transform:scale(1.1) translate(4px)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch;padding-bottom:40px}@media(min-width:901px){.feat-card:nth-child(3n+2){margin-top:40px}.feat-card:nth-child(3n+3){margin-top:20px}}@media(max-width:900px){.features-grid{grid-template-columns:repeat(2,1fr);padding-bottom:0}}@media(max-width:600px){.features-grid{grid-template-columns:1fr}}.feat-card{position:relative;padding:32px 32px 64px;border-radius:16px;background:#fff;border:1px solid #e2e8f0;transition:transform .3s,box-shadow .3s;overflow:hidden;display:flex;flex-direction:column}.feat-card p{flex-grow:1}.feat-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px -5px #0000001a}.feat-green{background-color:#f0fdf4;border-color:#bbf7d0}.feat-blue{background-color:#eff6ff;border-color:#bfdbfe}.feat-red{background-color:#fef2f2;border-color:#fecaca}.feat-yellow{background-color:#fffbeb;border-color:#fde68a}.feat-grey{background-color:#f8fafc;border-color:#e2e8f0}.feat-teal{background-color:#f0fdfa;border-color:#ccfbf1}.feat-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.feat-header h4{margin:0;font-size:1.25rem;line-height:1.3}.feat-icon{font-size:2.2rem;display:flex;align-items:center;justify-content:center}.feat-desc{text-align:justify;line-height:1.7;margin-bottom:16px;color:#475569}.feat-green .feat-icon{color:#16a34a}.feat-blue .feat-icon{color:#2563eb}.feat-red .feat-icon{color:#dc2626}.feat-yellow .feat-icon{color:#d97706}.check-badge{position:absolute;bottom:24px;right:24px;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700}.step-item{position:relative}.step-item:not(:last-child):after{content:"";position:absolute;left:24px;top:56px;bottom:-24px;width:2px;background:#e2e8f0;z-index:0}.step-num{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.25rem;flex-shrink:0;z-index:1;position:relative;margin-top:-4px}.placeholder-img{object-fit:contain;width:100%;height:auto;display:block;max-height:500px}.instruction-text{font-size:1.05rem;line-height:1.6}.btn-primary-big{display:inline-block;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-weight:700;font-size:1.15rem;padding:16px 36px;border-radius:999px;text-decoration:none;box-shadow:0 10px 15px -3px #2563eb4d;transition:transform .2s,box-shadow .2s}.btn-primary-big:hover{transform:translateY(-3px);box-shadow:0 20px 25px -5px #2563eb66;color:#fff}.badge-soft-primary{display:inline-block;background:#eff6ff;color:#2563eb;font-weight:700;font-size:.85rem;padding:8px 16px;border-radius:999px}.badge-soft-success{display:inline-block;background:#f0fdf4;color:#16a34a;font-weight:700;font-size:.85rem;padding:8px 16px;border-radius:999px}.line-tight{line-height:1.2}.text-justify{text-align:justify}.soft-float{animation:softFloat 6s ease-in-out infinite}.soft-float-alt{animation:softFloatAlt 8s ease-in-out infinite}@keyframes softFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes softFloatAlt{0%,to{transform:translateY(-15px)}50%{transform:translateY(0)}}
