body {
    font-family: 'Poppins', sans-serif;
    color: #101010;
    background-color: #FFFFFF;
    overflow-x: hidden;
}

/* Hero Grid Background - Fades out on left/right, visible full height */
.hero-grid {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image:
        linear-gradient(to right, rgba(18, 113, 253, 0.05) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(18, 113, 253, 0.05) 1px, transparent 1px);
    background-size: 100px 100px;
    mask-image: linear-gradient(to right, transparent 0%, rgba(0,0,0,1) 20%, rgba(0,0,0,1) 80%, transparent 100%);
    -webkit-mask-image: linear-gradient(to right, transparent 0%, rgba(0,0,0,1) 20%, rgba(0,0,0,1) 80%, transparent 100%);
    z-index: 0;
    pointer-events: none;
}

/* Floating Animation */
@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-16px); }
}
.floating-badge { animation: float 4s ease-in-out infinite; }

/* Scroll Reveal */
.reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}
.reveal.active {
    opacity: 1;
    transform: translateY(0);
}

/* Accordion */
.accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-out, opacity 0.4s ease-out;
    opacity: 0;
}
.accordion-content.expanded { opacity: 1; }

/* Gradient backgrounds */
.bg-gradient-1 { background: linear-gradient(135deg, #ffffff 0%, #f0fdf4 100%); }
.bg-gradient-2 { background: linear-gradient(135deg, #ffffff 0%, #f0f6ff 100%); }
.bg-gradient-3 { background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%); }
.bg-gradient-4 { background: linear-gradient(135deg, #ffffff 0%, #eef2ff 100%); }

/* Histogram animation */
@keyframes growBar1 { 0%, 100% { height: 30%; } 50% { height: 80%; } }
@keyframes growBar2 { 0%, 100% { height: 60%; } 50% { height: 100%; } }
@keyframes growBar3 { 0%, 100% { height: 40%; } 50% { height: 70%; } }
@keyframes growBar4 { 0%, 100% { height: 90%; } 50% { height: 50%; } }
@keyframes growBar5 { 0%, 100% { height: 50%; } 50% { height: 90%; } }
@keyframes growBar6 { 0%, 100% { height: 20%; } 50% { height: 60%; } }

.mini-bar-1 { animation: growBar1 2s ease-in-out infinite; }
.mini-bar-2 { animation: growBar2 2.2s ease-in-out infinite; }
.mini-bar-3 { animation: growBar3 1.8s ease-in-out infinite; }
.mini-bar-4 { animation: growBar4 2.4s ease-in-out infinite; }
.mini-bar-5 { animation: growBar5 2.1s ease-in-out infinite; }
.mini-bar-6 { animation: growBar6 1.9s ease-in-out infinite; }

/* Wave animation for Uptime */
@keyframes moveWave {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
.wave-path { animation: moveWave 4s linear infinite; }

/* Floating Lines Animation for Card 4 */
@keyframes floatLine1 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
@keyframes floatLine2 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } }
@keyframes floatLine3 { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }

.float-line-1 { animation: floatLine1 3s ease-in-out infinite; }
.float-line-2 { animation: floatLine2 4s ease-in-out infinite; }
.float-line-3 { animation: floatLine3 3.5s ease-in-out infinite; }

/* Changelog mac window */
.cl-mac-window{background:#fff;border:1px solid #E5E7EB;border-radius:20px;overflow:hidden;box-shadow:0 24px 48px -12px rgba(0,0,0,.1),0 0 1px rgba(0,0,0,.06)}
.cl-mac-bar{background:#F8F9FA;border-bottom:1px solid #E5E7EB;height:44px;display:flex;align-items:center;padding:0 16px;gap:8px}
.cl-mac-dot{width:12px;height:12px;border-radius:50%}
.cl-mac-dot.r{background:#FF5F57}.cl-mac-dot.y{background:#FEBC2E}.cl-mac-dot.g{background:#28C840}
.cl-mac-bar-title{margin-left:auto;margin-right:auto;font-size:12px;font-weight:600;color:#9CA3AF;letter-spacing:.02em}
.cl-mac-body{display:flex;height:520px}
.cl-mac-sidebar{width:200px;min-width:200px;border-right:1px solid #E5E7EB;background:#FAFAFA;padding:16px 0;overflow-y:auto;flex-shrink:0}
.cl-sidebar-label{font-size:10px;font-weight:700;color:#9CA3AF;letter-spacing:.1em;text-transform:uppercase;padding:0 16px;margin-bottom:8px}
.cl-version-btn{width:100%;padding:9px 16px;display:flex;align-items:center;gap:10px;cursor:pointer;background:none;border:none;text-align:left;transition:background .15s;font-family:'Poppins',sans-serif}
.cl-version-btn:hover{background:#F3F4F6}
.cl-version-btn.active{background:#EBF2FF}
.cl-v-badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:6px;background:#E5E7EB;color:#6B7280;flex-shrink:0;transition:all .15s}
.cl-version-btn.active .cl-v-badge{background:#1271FD;color:#fff}
.cl-v-name{font-size:12.5px;font-weight:600;color:#101010}
.cl-v-date{font-size:10.5px;color:#6B7280}
.cl-mac-content{flex:1;padding:24px;overflow-y:auto;min-width:0}
.cl-cp-header{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #E5E7EB}
.cl-cp-version-title{font-size:20px;font-weight:700;color:#101010;letter-spacing:-.3px;margin-bottom:4px}
.cl-cp-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.cl-cp-date{font-size:12px;color:#6B7280}
.cl-cp-tag{font-size:10.5px;font-weight:700;padding:2px 9px;border-radius:99px}
.cl-tag-stable{background:#D1FAE5;color:#065F46}
.cl-tag-major{background:#DBEAFE;color:#1E40AF}
.cl-tag-beta{background:#FEF3C7;color:#92400E}
.cl-tag-legacy{background:#F3F4F6;color:#6B7280}
.cl-group{margin-bottom:18px}
.cl-group-title{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;color:#6B7280}
.cl-group-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.cl-dot-added{background:#10B981}.cl-dot-changed{background:#1271FD}.cl-dot-fixed{background:#F59E0B}.cl-dot-removed{background:#EF4444}.cl-dot-security{background:#8B5CF6}
.cl-items{display:flex;flex-direction:column;gap:4px}
.cl-item{display:flex;gap:8px;font-size:12.5px;color:#374151;line-height:1.55}
.cl-item::before{content:'—';color:#D1D5DB;flex-shrink:0;margin-top:1px}
.cl-mobile-nav{display:none;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;gap:8px;padding:0 0 8px;border-bottom:1px solid #E5E7EB;margin-bottom:20px}
.cl-mobile-nav::-webkit-scrollbar{display:none}
.cl-m-btn{flex-shrink:0;padding:7px 14px;border-radius:99px;border:1px solid #E5E7EB;background:#fff;font-family:'Poppins',sans-serif;font-size:12px;font-weight:600;color:#6B7280;cursor:pointer;transition:all .15s;white-space:nowrap}
.cl-m-btn.active{background:#1271FD;color:#fff;border-color:#1271FD}
.cl-mobile-content{display:none}
.cl-m-cp-header{margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid #E5E7EB}
.cl-m-cp-ver{font-size:18px;font-weight:700;color:#101010;letter-spacing:-.3px;margin-bottom:6px}
@media(max-width:700px){
    .cl-mac-window{display:none}
    .cl-mobile-nav{display:flex}
    .cl-mobile-content{display:block}
}
@media(min-width:701px){
    .cl-mobile-nav{display:none!important}
    .cl-mobile-content{display:none!important}
}

/* Script cards */
.sc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.sc-card{background:#fff;border:1px solid #E5E7EB;border-radius:16px;display:flex;flex-direction:column;overflow:hidden;transition:border-color .2s,transform .2s}
.sc-card:hover{border-color:#93C5FD;transform:translateY(-3px)}
.sc-card-body{padding:18px 18px 14px;flex:1;display:flex;flex-direction:column;gap:12px}
.sc-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.sc-card-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.sc-card-icon svg{width:20px;height:20px;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sc-badge{font-size:10px;font-weight:700;padding:3px 9px;border-radius:99px;letter-spacing:.04em;white-space:nowrap;flex-shrink:0}
.sc-card-name{font-size:14px;font-weight:700;color:#101010;line-height:1.3;margin-bottom:2px}
.sc-card-sub{font-size:11.5px;color:#6B7280;line-height:1.5}
.sc-features{display:flex;flex-direction:column;gap:5px;margin-top:2px}
.sc-feat{display:flex;align-items:center;gap:7px;font-size:11.5px;color:#374151}
.sc-feat svg{width:13px;height:13px;flex-shrink:0;stroke:#1271FD;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;fill:none}
.sc-card-footer{border-top:1px solid #E5E7EB;padding:11px 18px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#FAFAFA}
.sc-footer-info{display:flex;align-items:center;gap:6px}
.sc-footer-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}
.sc-footer-label{font-size:11px;font-weight:600;color:#6B7280}
.sc-footer-btn{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:5px 11px;border-radius:99px;border:none;cursor:pointer;transition:all .15s;font-family:'Poppins',sans-serif;text-decoration:none}
.sc-card-plus{background:linear-gradient(135deg,#1271FD 0%,#0F5BD4 100%);border:none}
.sc-card-plus .sc-card-body{padding:22px 20px 18px}
.sc-card-plus:hover{transform:translateY(-3px)}
.sc-plus-count{font-size:36px;font-weight:800;color:#fff;letter-spacing:-1.5px;line-height:1}
.sc-plus-label{font-size:12px;color:rgba(255,255,255,.7);font-weight:500;margin-top:4px}
.sc-plus-features{display:flex;flex-direction:column;gap:4px;margin-top:10px}
.sc-plus-feat{display:flex;align-items:center;gap:7px;font-size:11.5px;color:rgba(255,255,255,.85)}
.sc-plus-feat svg{width:12px;height:12px;flex-shrink:0;stroke:#fff;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;fill:none}
.sc-plus-footer{border-top:1px solid rgba(255,255,255,.15);padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.sc-plus-footer-label{font-size:11px;color:rgba(255,255,255,.6);font-weight:500}
.sc-dl-btn{display:flex;align-items:center;gap:6px;background:#fff;color:#1271FD;border:none;border-radius:99px;padding:7px 15px;font-size:12px;font-weight:700;cursor:pointer;font-family:'Poppins',sans-serif;transition:all .15s;text-decoration:none}
.sc-dl-btn:hover{background:#EBF2FF}
.sc-dl-btn svg{width:13px;height:13px;stroke:#1271FD;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;fill:none}

/* Comparison table */
.cmp-table{width:100%;border-collapse:collapse;font-family:'Poppins',sans-serif;min-width:700px}
.cmp-th{padding:13px 16px;font-size:12px;font-weight:700;color:#6B7280;text-align:center;background:#F9FAFB;border-bottom:1px solid #E5E7EB;white-space:nowrap}
.cmp-th-feature{text-align:left;width:220px}
.cmp-th-ms{background:#F0F6FF;color:#1E40AF}
.cmp-head-ms{display:flex;align-items:center;justify-content:center;gap:6px}
.cmp-head-dot{width:6px;height:6px;border-radius:50%;background:#1271FD;flex-shrink:0}
.cmp-head-badge{font-size:9px;font-weight:700;background:#1271FD;color:#fff;padding:2px 7px;border-radius:99px;letter-spacing:.04em}
.cmp-row:hover td{background:#F9FAFB}
.cmp-row:hover .cmp-td-ms{background:#F0F6FF}
.cmp-td{padding:13px 16px;font-size:12.5px;border-bottom:1px solid #F3F4F6;text-align:center;vertical-align:middle;transition:background .15s}
.cmp-td-feature{text-align:left}
.cmp-td-ms{background:#F7FAFF;border-left:2px solid #BFDBFE;border-right:2px solid #BFDBFE}
.cmp-feat-cell{display:flex;align-items:center;gap:10px}
.cmp-feat-icon{width:30px;height:30px;border-radius:8px;background:#F3F4F6;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.cmp-feat-icon svg{width:15px;height:15px;stroke:#6B7280}
.cmp-feat-name{font-size:12.5px;font-weight:600;color:#101010}
.cmp-feat-sub{font-size:10.5px;color:#9CA3AF}
.cmp-pill{display:inline-block;font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:99px;white-space:nowrap}
.cmp-pill-green{background:#D1FAE5;color:#065F46}
.cmp-pill-yellow{background:#FEF3C7;color:#92400E}
.cmp-pill-red{background:#FEE2E2;color:#991B1B}
.cmp-pill-blue{background:#DBEAFE;color:#1E40AF}
.cmp-check{font-size:11px;font-weight:700;white-space:nowrap}
.cmp-check-yes{color:#059669}
.cmp-check-partial{color:#D97706}
.cmp-check-no{color:#DC2626}

/* FAQ */
.faq-item{background:#F5F5F7;border-radius:16px;border:1px solid #E5E7EB;overflow:hidden;transition:box-shadow .2s}
.faq-item:hover{box-shadow:0 20px 40px -10px rgba(0,0,0,.08),0 0 1px 1px rgba(0,0,0,.04)}
.faq-btn{width:100%;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px;background:none;border:none;cursor:pointer;text-align:left;font-family:'Poppins',sans-serif}
.faq-q{font-size:13.5px;font-weight:600;color:#101010;line-height:1.4}
.faq-icon{width:28px;height:28px;border-radius:50%;background:#fff;border:1px solid #E5E7EB;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .3s}
.faq-icon svg{width:14px;height:14px;stroke:#1271FD;transition:transform .3s}
.faq-icon.open{background:#EBF2FF;border-color:#BFDBFE}
.faq-icon.open svg{transform:rotate(180deg)}
.faq-body{max-height:0;overflow:hidden;transition:max-height .35s ease,opacity .35s ease;opacity:0;padding:0 20px}
.faq-body.open{opacity:1;padding:0 20px}
.faq-body p{font-size:13px;color:#6B7280;line-height:1.7;padding-bottom:18px}
.faq-body a{color:#1271FD;font-weight:600}

/* Footer */
.ft-link{font-size:13px;color:#6B7280;transition:color .15s;text-decoration:none}
.ft-link:hover{color:#1271FD}
.ft-social{width:34px;height:34px;border-radius:8px;border:1px solid #E5E7EB;background:#fff;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}
.ft-social:hover{border-color:#1271FD;background:#EBF2FF}
.ft-social svg{width:15px;height:15px;fill:#9CA3AF;transition:fill .2s}
.ft-social:hover svg{fill:#1271FD}

/* ===== REVIEWS SECTION ===== */
.rv-summary{display:flex;flex-direction:column;gap:20px;background:#fff;border:1px solid #E5E7EB;border-radius:20px;padding:28px;box-shadow:0 20px 40px -10px rgba(0,0,0,.05)}
@media(min-width:900px){
    .rv-summary{flex-direction:row;gap:32px;align-items:center}
    .rv-summary > .rv-score-big{flex:0 0 200px;min-width:0}
    .rv-summary > .rv-bars{flex:1 1 0;min-width:0}
    .rv-summary > .rv-platforms{flex:0 0 290px;min-width:0}
}
.rv-score-big{padding:8px 0}
.rv-score-big{text-align:center;padding:10px 0}
.rv-score-num{font-size:64px;font-weight:800;color:#101010;letter-spacing:-2px;line-height:1}
.rv-score-stars{display:flex;justify-content:center;gap:3px;margin:10px 0 6px}
.rv-score-stars svg{width:20px;height:20px;fill:#1271FD}
.rv-score-sub{font-size:12px;color:#6B7280;font-weight:500}
.rv-bars{display:flex;flex-direction:column;gap:7px}
.rv-bar-row{display:flex;align-items:center;gap:10px;font-size:12px;color:#374151}
.rv-bar-label{width:36px;font-weight:600;color:#6B7280}
.rv-bar-track{flex:1;height:7px;background:#F3F4F6;border-radius:99px;overflow:hidden}
.rv-bar-fill{height:100%;background:linear-gradient(90deg,#60A5FA 0%,#1271FD 100%);border-radius:99px}
.rv-bar-count{width:40px;text-align:right;font-weight:600;font-size:11px;color:#9CA3AF}
.rv-platforms{display:flex;flex-direction:column;gap:10px}
.rv-platform-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#F9FAFB;border:1px solid #E5E7EB;border-radius:12px}
.rv-platform-left{display:flex;align-items:center;gap:10px}
.rv-platform-icon{width:30px;height:30px;border-radius:8px;background:#EBF2FF;display:flex;align-items:center;justify-content:center;color:#1271FD;font-weight:700;font-size:11px}
.rv-platform-name{font-size:12.5px;font-weight:700;color:#101010}
.rv-platform-count{font-size:10.5px;color:#6B7280;font-weight:500}
.rv-platform-score{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:700;color:#101010}
.rv-platform-score svg{width:13px;height:13px;fill:#1271FD}

/* Review cards grid */
.rv-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:28px}
@media(min-width:700px){.rv-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.rv-grid{grid-template-columns:1fr 1fr 1fr}}

.rv-card{background:#fff;border:1px solid #E5E7EB;border-radius:16px;padding:20px;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex;flex-direction:column;gap:11px}
.rv-card:hover{border-color:#BFDBFE;transform:translateY(-2px);box-shadow:0 12px 24px -8px rgba(18,113,253,.08)}
.rv-head{display:flex;align-items:center;gap:11px}
.rv-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;flex-shrink:0}
.rv-meta{flex:1;min-width:0}
.rv-name{font-size:13px;font-weight:700;color:#101010;display:flex;align-items:center;gap:5px;line-height:1.2}
.rv-verified{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;background:#1271FD;color:#fff;border-radius:50%;font-size:9px;flex-shrink:0}
.rv-verified svg{width:9px;height:9px;stroke:#fff;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}
.rv-sub{font-size:10.5px;color:#9CA3AF;margin-top:2px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.rv-platform-tag{display:inline-block;padding:1px 7px;background:#EBF2FF;color:#1271FD;border-radius:99px;font-size:9.5px;font-weight:700;letter-spacing:.03em}
.rv-stars{display:flex;gap:1.5px}
.rv-stars svg{width:13px;height:13px;fill:#1271FD}
.rv-stars svg.rv-star-empty{fill:#E5E7EB}
.rv-title{font-size:13.5px;font-weight:700;color:#101010;line-height:1.35}
.rv-text{font-size:12.5px;color:#4B5563;line-height:1.6}
.rv-date{font-size:10.5px;color:#9CA3AF;margin-top:auto;padding-top:4px}

/* Show more button */
.rv-more-wrap{display:flex;justify-content:center;margin-top:28px}
.rv-more-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:#fff;color:#1271FD;border:1px solid #1271FD;border-radius:99px;font-family:'Poppins',sans-serif;font-size:13.5px;font-weight:600;cursor:pointer;transition:all .2s}
.rv-more-btn:hover{background:#EBF2FF}
.rv-more-btn svg{width:15px;height:15px;stroke:#1271FD;stroke-width:2;fill:none}
.rv-more-note{text-align:center;font-size:11px;color:#9CA3AF;margin-top:10px}

/* Avatar colors */
.rv-av-1{background:linear-gradient(135deg,#1271FD,#0F5BD4)}
.rv-av-2{background:linear-gradient(135deg,#8B5CF6,#6D28D9)}
.rv-av-3{background:linear-gradient(135deg,#10B981,#047857)}
.rv-av-4{background:linear-gradient(135deg,#F59E0B,#D97706)}
.rv-av-5{background:linear-gradient(135deg,#EF4444,#B91C1C)}
.rv-av-6{background:linear-gradient(135deg,#06B6D4,#0891B2)}
.rv-av-7{background:linear-gradient(135deg,#EC4899,#BE185D)}
.rv-av-8{background:linear-gradient(135deg,#64748B,#334155)}

/* ===== LEAVE REVIEW FORM ===== */
.rv-form-wrap{margin-top:40px;background:linear-gradient(135deg,#F7FAFF 0%,#ffffff 100%);border:1px solid #E5E7EB;border-radius:20px;padding:28px;box-shadow:0 20px 40px -10px rgba(0,0,0,.05)}
.rv-form-head{display:flex;flex-direction:column;gap:8px;margin-bottom:22px}
.rv-form-title{font-size:18px;font-weight:700;color:#101010;display:flex;align-items:center;gap:10px}
.rv-form-title-icon{width:28px;height:28px;border-radius:50%;background:#EBF2FF;display:flex;align-items:center;justify-content:center;color:#1271FD;flex-shrink:0}
.rv-form-title-icon svg{width:14px;height:14px;fill:#1271FD}
.rv-form-sub{font-size:12.5px;color:#6B7280;line-height:1.55;max-width:640px}

.rv-form-row{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:16px}
@media(min-width:700px){.rv-form-row.rv-form-row-2{grid-template-columns:1fr 1fr}}

.rv-form-field{display:flex;flex-direction:column;gap:6px}
.rv-form-label{font-size:11px;font-weight:700;color:#6B7280;text-transform:uppercase;letter-spacing:.06em}
.rv-form-input,.rv-form-select,.rv-form-textarea{width:100%;padding:11px 14px;font-size:13px;font-family:'Poppins',sans-serif;color:#101010;background:#fff;border:1px solid #E5E7EB;border-radius:10px;transition:border-color .15s,box-shadow .15s;outline:none}
.rv-form-input:focus,.rv-form-select:focus,.rv-form-textarea:focus{border-color:#1271FD;box-shadow:0 0 0 3px rgba(18,113,253,.1)}
.rv-form-input::placeholder,.rv-form-textarea::placeholder{color:#9CA3AF}
.rv-form-textarea{resize:vertical;min-height:100px;line-height:1.55}
.rv-form-select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M1 1l5 5 5-5'/></svg>");background-repeat:no-repeat;background-position:right 14px center;appearance:none;-webkit-appearance:none;padding-right:36px}

/* Star picker */
.rv-pick-stars{display:flex;gap:4px}
.rv-pick-star{background:none;border:none;cursor:pointer;padding:2px;transition:transform .15s}
.rv-pick-star:hover{transform:scale(1.1)}
.rv-pick-star svg{width:28px;height:28px;fill:#E5E7EB;transition:fill .15s}
.rv-pick-star.active svg,.rv-pick-star:hover svg,.rv-pick-star:hover ~ .rv-pick-star svg{fill:#E5E7EB}
.rv-pick-stars:hover .rv-pick-star svg{fill:#1271FD}
.rv-pick-star:hover ~ .rv-pick-star svg{fill:#E5E7EB!important}
.rv-pick-star.active svg{fill:#1271FD}
.rv-pick-stars[data-rated="true"] .rv-pick-star svg{fill:#E5E7EB}
.rv-pick-stars[data-rated="true"] .rv-pick-star.active svg,
.rv-pick-stars[data-rated="true"] .rv-pick-star.active ~ .rv-pick-star svg{fill:#1271FD}

.rv-pick-sub{display:flex;align-items:center;gap:10px;margin-top:2px}
.rv-pick-value{font-size:12px;font-weight:600;color:#1271FD}

/* Submit */
.rv-form-foot{display:flex;flex-direction:column;gap:10px;margin-top:6px}
@media(min-width:700px){.rv-form-foot{flex-direction:row;align-items:center;justify-content:space-between}}
.rv-form-note{font-size:11px;color:#9CA3AF;line-height:1.5}
.rv-form-submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;background:#1271FD;color:#fff;border:none;border-radius:99px;font-family:'Poppins',sans-serif;font-size:13.5px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 14px rgba(18,113,253,.3)}
.rv-form-submit:hover{background:#0F5BD4;box-shadow:0 6px 20px rgba(18,113,253,.4)}
.rv-form-submit svg{width:15px;height:15px;stroke:#fff;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}

/* ===== RATE WIDGET (compact) ===== */
.rv-rate{margin-top:36px;background:linear-gradient(135deg,#F7FAFF 0%,#ffffff 100%);border:1px solid #BFDBFE;border-radius:18px;padding:22px 24px;box-shadow:0 10px 30px -10px rgba(18,113,253,.1);overflow:hidden;position:relative}
.rv-rate-inner{display:flex;flex-direction:column;gap:16px;align-items:flex-start;transition:opacity .3s ease,transform .3s ease,max-height .4s ease}
@media(min-width:700px){.rv-rate-inner{flex-direction:row;align-items:center;justify-content:space-between;gap:24px}}
.rv-rate-left{flex:1;min-width:0}
.rv-rate-title{font-size:16px;font-weight:700;color:#101010;margin-bottom:4px}
.rv-rate-sub{font-size:12.5px;color:#6B7280;line-height:1.55}
.rv-rate-stars{display:flex;gap:6px;flex-shrink:0}
.rv-rate-star{background:none;border:none;cursor:pointer;padding:3px;transition:transform .15s;border-radius:4px}
.rv-rate-star:hover{transform:scale(1.15)}
.rv-rate-star svg{width:32px;height:32px;fill:#E5E7EB;transition:fill .15s}
.rv-rate-stars:hover .rv-rate-star svg{fill:#1271FD}
.rv-rate-star:hover ~ .rv-rate-star svg{fill:#E5E7EB!important}
.rv-rate-stars[data-locked="true"] .rv-rate-star{cursor:default;pointer-events:none}
.rv-rate-stars[data-locked="true"] .rv-rate-star svg{fill:#E5E7EB}
.rv-rate-stars[data-locked="true"] .rv-rate-star.active svg{fill:#1271FD}

/* Success state */
.rv-rate-success{display:none;align-items:flex-start;gap:14px;animation:rvFadeUp .5s cubic-bezier(0.16,1,0.3,1)}
.rv-rate.rated .rv-rate-inner{display:none}
.rv-rate.rated .rv-rate-success{display:flex}
.rv-rate-check{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#1271FD,#0F5BD4);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 6px 18px rgba(18,113,253,.3);animation:rvPop .5s cubic-bezier(0.16,1,0.3,1)}
.rv-rate-check svg{width:22px;height:22px;stroke:#fff;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}
.rv-rate-success-title{font-size:15px;font-weight:700;color:#101010;margin-bottom:3px}
.rv-rate-success-sub{font-size:12.5px;color:#4B5563;line-height:1.55}

@keyframes rvFadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes rvPop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15);opacity:1}100%{transform:scale(1);opacity:1}}