/* =========================================================
       GLOBAL
    ========================================================= */
    
    :root{
        --rd-blue:#2f80ed;
        --rd-blue-dark:#1769d1;
        --rd-blue-light:#eaf4ff;
        --rd-text:#172033;
        --rd-text-2:#526071;
        --rd-text-3:#7a8797;
        --rd-border:#e7edf4;
        --rd-bg:#ffffff;
        --rd-bg-soft:#f7faff;
        --rd-dark:#111827;
        --rd-dark-2:#182235;
        --rd-radius:20px;
        --rd-shadow:0 18px 60px rgba(24,55,95,.10);
        --rd-max:1180px;
    }
    
    *{
        margin:0;
        padding:0;
        box-sizing:border-box;
    }
    
    html{
        scroll-behavior:smooth;
    }
    
    body{
        font-family:
            -apple-system,
            BlinkMacSystemFont,
            "Segoe UI",
            "PingFang SC",
            "Hiragino Sans GB",
            "Microsoft YaHei",
            Arial,
            sans-serif;
        color:var(--rd-text);
        background:#fff;
        line-height:1.7;
        -webkit-font-smoothing:antialiased;
    }
    
    img{
        max-width:100%;
        display:block;
    }
    
    a{
        color:inherit;
        text-decoration:none;
    }
    
    button{
        font:inherit;
    }
    
    .rd-site{
        width:100%;
        overflow:hidden;
    }
    
    .rd-container{
        width:min(var(--rd-max),calc(100% - 40px));
        margin:0 auto;
    }
    
    
    /* =========================================================
       HEADER
    ========================================================= */
    
    .rd-header{
        position:sticky;
        top:0;
        z-index:1000;
        height:72px;
        background:rgba(255,255,255,.90);
        border-bottom:1px solid rgba(231,237,244,.8);
        backdrop-filter:blur(18px);
        -webkit-backdrop-filter:blur(18px);
    }
    
    .rd-header-inner{
        height:72px;
        width:min(var(--rd-max),calc(100% - 40px));
        margin:0 auto;
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:30px;
    }
    
    .rd-brand{
        display:flex;
        align-items:center;
        gap:11px;
        flex-shrink:0;
    }
    
    .rd-brand-mark{
        width:34px;
        height:34px;
        border-radius:10px;
        background:linear-gradient(135deg,#2f80ed,#6db5ff);
        display:flex;
        align-items:center;
        justify-content:center;
        color:#fff;
        font-weight:800;
        font-size:17px;
        box-shadow:0 8px 20px rgba(47,128,237,.22);
    }
    
    .rd-brand-text{
        font-size:19px;
        font-weight:700;
        letter-spacing:-.3px;
        color:#172033;
    }
    
    .rd-nav{
        display:flex;
        align-items:center;
        gap:30px;
        margin-left:auto;
    }
    
    .rd-nav a{
        color:#4e5a6b;
        font-size:14px;
        font-weight:500;
        transition:.25s ease;
    }
    
    .rd-nav a:hover{
        color:var(--rd-blue);
    }
    
    .rd-header-button{
        display:inline-flex;
        align-items:center;
        justify-content:center;
        min-height:42px;
        padding:0 18px;
        border-radius:11px;
        background:var(--rd-blue);
        color:#fff !important;
        font-size:14px !important;
        font-weight:600 !important;
        box-shadow:0 8px 20px rgba(47,128,237,.18);
        transition:.25s ease;
    }
    
    .rd-header-button:hover{
        background:var(--rd-blue-dark);
        transform:translateY(-1px);
    }
    
    .rd-mobile-menu{
        display:none;
        border:0;
        background:transparent;
        font-size:25px;
        cursor:pointer;
        color:#172033;
    }
    
    
    /* =========================================================
       HERO
    ========================================================= */
    
    .rd-hero{
        position:relative;
        padding:100px 0 70px;
        background:
            radial-gradient(circle at 50% 10%,rgba(47,128,237,.10),transparent 35%),
            linear-gradient(180deg,#fff 0%,#f9fbff 100%);
    }
    
    .rd-hero-inner{
        text-align:center;
        max-width:900px;
        margin:0 auto;
    }
    
    .rd-eyebrow{
        display:inline-flex;
        align-items:center;
        gap:8px;
        padding:7px 13px;
        border:1px solid #dbeafe;
        background:#f4f9ff;
        color:#2774d4;
        border-radius:999px;
        font-size:13px;
        font-weight:600;
        margin-bottom:22px;
    }
    
    .rd-eyebrow-dot{
        width:7px;
        height:7px;
        border-radius:50%;
        background:#2f80ed;
        box-shadow:0 0 0 5px rgba(47,128,237,.10);
    }
    
    .rd-hero h1{
        font-size:clamp(42px,6vw,72px);
        line-height:1.08;
        letter-spacing:-3px;
        font-weight:750;
        color:#111827;
        margin-bottom:24px;
    }
    
    .rd-hero h1 span{
        color:var(--rd-blue);
    }
    
    .rd-hero-description{
        max-width:700px;
        margin:0 auto;
        color:#596678;
        font-size:18px;
        line-height:1.85;
    }
    
    .rd-hero-actions{
        margin-top:32px;
        display:flex;
        justify-content:center;
        align-items:center;
        gap:14px;
        flex-wrap:wrap;
    }
    
    .rd-primary-button,
    .rd-secondary-button{
        min-height:50px;
        padding:0 25px;
        border-radius:12px;
        display:inline-flex;
        align-items:center;
        justify-content:center;
        font-size:15px;
        font-weight:650;
        transition:.25s ease;
    }
    
    .rd-primary-button{
        color:#fff;
        background:var(--rd-blue);
        box-shadow:0 12px 28px rgba(47,128,237,.22);
    }
    
    .rd-primary-button:hover{
        background:var(--rd-blue-dark);
        transform:translateY(-2px);
    }
    
    .rd-secondary-button{
        color:#253247;
        border:1px solid #dce5ef;
        background:#fff;
    }
    
    .rd-secondary-button:hover{
        border-color:#b9cee7;
        background:#f7faff;
        transform:translateY(-2px);
    }
    
    
    /* =========================================================
       SINGLE PRODUCT PREVIEW
    ========================================================= */
    
    .rd-product-preview{
        padding:28px 0 105px;
        background:
            radial-gradient(circle at 50% 30%,rgba(47,128,237,.09),transparent 42%);
    }
    
    .rd-product-preview-inner{
        width:min(1080px,calc(100% - 30px));
        margin:0 auto;
        position:relative;
    }
    
    .rd-product-preview-glow{
        position:absolute;
        width:75%;
        height:55%;
        left:12.5%;
        top:22%;
        background:rgba(47,128,237,.20);
        filter:blur(90px);
        border-radius:50%;
        pointer-events:none;
    }
    
    .rd-product-preview-window{
        position:relative;
        z-index:2;
        overflow:hidden;
        background:#fff;
        border:1px solid rgba(190,207,225,.8);
        border-radius:20px;
        box-shadow:
            0 35px 90px rgba(25,58,100,.16),
            0 10px 35px rgba(25,58,100,.08);
    }
    
    .rd-product-preview-bar{
        height:46px;
        display:flex;
        align-items:center;
        justify-content:center;
        position:relative;
        background:#f7f9fc;
        border-bottom:1px solid #e9eef4;
    }
    
    .rd-product-preview-lights{
        position:absolute;
        left:18px;
        top:17px;
        display:flex;
        gap:7px;
    }
    
    .rd-product-preview-lights span{
        width:10px;
        height:10px;
        border-radius:50%;
        background:#d4dce7;
    }
    
    .rd-product-preview-title{
        font-size:12px;
        color:#7d8998;
        font-weight:600;
    }
    
    .rd-product-preview-image{
        position:relative;
        width:100%;
        aspect-ratio:16 / 9;
        background:#edf3f9;
        overflow:hidden;
    }
    
    .rd-product-preview-image img{
        width:100%;
        height:100%;
        object-fit:cover;
        object-position:center;
        opacity:1;
        transform:scale(1);
        transition:
            opacity .45s ease,
            transform .55s ease;
    }
    
    .rd-product-preview-image.is-changing img{
        opacity:0;
        transform:scale(1.015);
    }
    
    .rd-product-preview-controls{
        position:relative;
        z-index:3;
        margin-top:22px;
        display:flex;
        align-items:center;
        justify-content:center;
        gap:24px;
    }
    
    .rd-product-preview-counter{
        display:flex;
        align-items:center;
        gap:8px;
        color:#718096;
        font-size:12px;
        font-weight:650;
        min-width:58px;
    }
    
    .rd-product-preview-counter i{
        width:14px;
        height:1px;
        background:#bdc8d5;
    }
    
    .rd-product-preview-dots{
        display:flex;
        align-items:center;
        gap:7px;
    }
    
    .rd-product-preview-dots button{
        position:relative;
        width:9px;
        height:9px;
        padding:0;
        border:0;
        border-radius:99px;
        background:#cad5e2;
        cursor:pointer;
        overflow:hidden;
        transition:
            width .3s ease,
            background .3s ease;
    }
    
    .rd-product-preview-dots button.active{
        width:38px;
        background:#dce9f8;
    }
    
    .rd-product-preview-dots button.active::after{
        content:"";
        position:absolute;
        left:0;
        top:0;
        width:100%;
        height:100%;
        border-radius:inherit;
        background:var(--rd-blue);
        transform-origin:left center;
        animation:rdPreviewProgress 4.5s linear forwards;
    }
    
    @keyframes rdPreviewProgress{
        from{
            transform:scaleX(0);
        }
        to{
            transform:scaleX(1);
        }
    }
    
    
    /* =========================================================
       SECTION COMMON
    ========================================================= */
    
    .rd-section{
        padding:105px 0;
    }
    
    .rd-section-soft{
        background:var(--rd-bg-soft);
    }
    
    .rd-section-header{
        max-width:720px;
        margin:0 auto 52px;
        text-align:center;
    }
    
    .rd-section-label{
        display:inline-block;
        margin-bottom:12px;
        color:var(--rd-blue);
        font-size:13px;
        font-weight:700;
        letter-spacing:.5px;
        text-transform:uppercase;
    }
    
    .rd-section-header h2{
        font-size:clamp(32px,4vw,48px);
        line-height:1.2;
        letter-spacing:-1.7px;
        margin-bottom:16px;
        color:#111827;
    }
    
    .rd-section-header p{
        color:#667386;
        font-size:16px;
        line-height:1.85;
    }
    
    
    /* =========================================================
       FEATURES
    ========================================================= */
    
    .rd-feature-grid{
        display:grid;
        grid-template-columns:repeat(3,1fr);
        gap:20px;
    }
    
    .rd-feature-card{
        padding:30px;
        background:#fff;
        border:1px solid var(--rd-border);
        border-radius:var(--rd-radius);
        transition:.3s ease;
    }
    
    .rd-feature-card:hover{
        transform:translateY(-5px);
        border-color:#d5e5f7;
        box-shadow:var(--rd-shadow);
    }
    
    .rd-feature-icon{
        width:46px;
        height:46px;
        border-radius:13px;
        background:#edf6ff;
        color:var(--rd-blue);
        display:flex;
        align-items:center;
        justify-content:center;
        font-size:20px;
        font-weight:800;
        margin-bottom:20px;
    }
    
    .rd-feature-card h3{
        font-size:19px;
        margin-bottom:10px;
        color:#172033;
    }
    
    .rd-feature-card p{
        font-size:14px;
        line-height:1.8;
        color:#6b7788;
    }
    
    
    /* =========================================================
       PLATFORM
    ========================================================= */
    
    .rd-platform-grid{
        display:grid;
        grid-template-columns:repeat(4,1fr);
        gap:18px;
    }
    
    .rd-platform-card{
        padding:27px 22px;
        border:1px solid var(--rd-border);
        border-radius:18px;
        background:#fff;
        text-align:center;
        transition:.3s ease;
    }
    
    .rd-platform-card:hover{
        transform:translateY(-4px);
        box-shadow:var(--rd-shadow);
    }
    
    .rd-platform-icon{
        width:52px;
        height:52px;
        margin:0 auto 16px;
        border-radius:15px;
        display:flex;
        align-items:center;
        justify-content:center;
        background:#f1f6fb;
        color:#26384e;
        font-weight:800;
        font-size:16px;
    }
    
    .rd-platform-card h3{
        font-size:17px;
        margin-bottom:6px;
    }
    
    .rd-platform-card p{
        font-size:13px;
        color:#788596;
    }
    
    
    /* =========================================================
       SELF HOSTING
    ========================================================= */
    
    .rd-selfhost{
        padding:115px 0;
        background:#111a29;
        color:#fff;
        position:relative;
        overflow:hidden;
    }
    
    .rd-selfhost::before{
        content:"";
        position:absolute;
        width:600px;
        height:600px;
        right:-250px;
        top:-250px;
        background:rgba(47,128,237,.16);
        filter:blur(90px);
        border-radius:50%;
    }
    
    .rd-selfhost-inner{
        position:relative;
        z-index:2;
        display:grid;
        grid-template-columns:1fr 1fr;
        align-items:center;
        gap:80px;
    }
    
    .rd-selfhost-label{
        color:#65adff;
        font-size:13px;
        font-weight:700;
        margin-bottom:15px;
    }
    
    .rd-selfhost h2{
        font-size:clamp(34px,4vw,52px);
        line-height:1.18;
        letter-spacing:-1.8px;
        margin-bottom:20px;
    }
    
    .rd-selfhost-text{
        color:#aeb9c9;
        font-size:16px;
        line-height:1.85;
    }
    
    .rd-selfhost-list{
        display:grid;
        gap:13px;
        margin-top:28px;
    }
    
    .rd-selfhost-list div{
        display:flex;
        align-items:flex-start;
        gap:11px;
        color:#d8e0ea;
        font-size:14px;
    }
    
    .rd-check{
        flex-shrink:0;
        width:20px;
        height:20px;
        border-radius:50%;
        background:#1d78dd;
        display:flex;
        align-items:center;
        justify-content:center;
        color:#fff;
        font-size:11px;
        margin-top:3px;
    }
    
    .rd-server-box{
        padding:28px;
        border-radius:20px;
        background:#182336;
        border:1px solid rgba(255,255,255,.08);
        box-shadow:0 25px 70px rgba(0,0,0,.20);
    }
    
    .rd-server-box-top{
        display:flex;
        align-items:center;
        gap:8px;
        margin-bottom:22px;
    }
    
    .rd-server-box-top span{
        width:9px;
        height:9px;
        border-radius:50%;
        background:#536174;
    }
    
    .rd-server-box-title{
        margin-left:5px;
        color:#8f9bad;
        font-size:12px;
    }
    
    .rd-terminal{
        border-radius:13px;
        background:#0c1320;
        border:1px solid rgba(255,255,255,.06);
        padding:22px;
        overflow:auto;
    }
    
    .rd-terminal-code{
        color:#c9d6e6;
        font-family:
            "SFMono-Regular",
            Consolas,
            "Liberation Mono",
            monospace;
        font-size:13px;
        line-height:2;
        white-space:nowrap;
    }
    
    .rd-terminal-blue{
        color:#62adff;
    }
    
    .rd-terminal-green{
        color:#8fdc9d;
    }
    
    
    /* =========================================================
       GUIDE CARDS
    ========================================================= */
    
    .rd-guide-grid{
        display:grid;
        grid-template-columns:repeat(3,1fr);
        gap:20px;
    }
    
    .rd-guide-card{
        border:1px solid var(--rd-border);
        background:#fff;
        border-radius:18px;
        padding:28px;
        transition:.3s ease;
    }
    
    .rd-guide-card:hover{
        transform:translateY(-5px);
        box-shadow:var(--rd-shadow);
    }
    
    .rd-guide-number{
        font-size:12px;
        color:#2f80ed;
        font-weight:800;
        margin-bottom:15px;
    }
    
    .rd-guide-card h3{
        font-size:19px;
        margin-bottom:9px;
    }
    
    .rd-guide-card p{
        font-size:14px;
        color:#6d7989;
        line-height:1.8;
        margin-bottom:18px;
    }
    
    .rd-guide-link{
        color:#2f80ed;
        font-size:13px;
        font-weight:650;
    }
    
    
    /* =========================================================
       STATS
    ========================================================= */
    
    .rd-stats{
        padding:88px 0;
        background:#f7faff;
    }
    
    .rd-stats-grid{
        display:grid;
        grid-template-columns:repeat(4,1fr);
        gap:20px;
    }
    
    .rd-stat{
        text-align:center;
        padding:20px;
    }
    
    .rd-stat strong{
        display:block;
        color:#172033;
        font-size:38px;
        line-height:1.1;
        letter-spacing:-1.5px;
        margin-bottom:7px;
    }
    
    .rd-stat span{
        color:#7a8797;
        font-size:13px;
    }
    
    .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

    
    
    /* =========================================================
       FAQ
    ========================================================= */
    
    .rd-faq{
        max-width:850px;
        margin:0 auto;
    }
    
    .rd-faq-item{
        border-bottom:1px solid var(--rd-border);
    }
    
    .rd-faq-question{
        width:100%;
        padding:22px 0;
        border:0;
        background:transparent;
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:20px;
        cursor:pointer;
        text-align:left;
        color:#172033;
        font-size:16px;
        font-weight:650;
    }
    
    .rd-faq-plus{
        flex-shrink:0;
        font-size:24px;
        font-weight:300;
        color:#8190a2;
        transition:.25s ease;
    }
    
    .rd-faq-answer{
        max-height:0;
        overflow:hidden;
        transition:max-height .35s ease;
    }
    
    .rd-faq-answer p{
        padding:0 45px 20px 0;
        color:#6c7889;
        font-size:14px;
        line-height:1.85;
    }
    
    .rd-faq-item.active .rd-faq-plus{
        transform:rotate(45deg);
        color:#2f80ed;
    }
    
    
    /* =========================================================
       CTA
    ========================================================= */
    
    .rd-cta{
        padding:110px 0;
    }
    
    .rd-cta-box{
        position:relative;
        overflow:hidden;
        padding:75px 40px;
        border-radius:28px;
        text-align:center;
        background:
            radial-gradient(circle at 50% 0%,rgba(100,180,255,.25),transparent 38%),
            linear-gradient(135deg,#14243a,#101a2a);
        color:#fff;
    }
    
    .rd-cta-box::after{
        content:"";
        position:absolute;
        width:300px;
        height:300px;
        right:-130px;
        bottom:-160px;
        background:rgba(47,128,237,.18);
        border-radius:50%;
        filter:blur(35px);
    }
    
    .rd-cta-box h2{
        position:relative;
        z-index:2;
        font-size:clamp(32px,4vw,48px);
        line-height:1.2;
        letter-spacing:-1.5px;
        margin-bottom:15px;
    }
    
    .rd-cta-box p{
        position:relative;
        z-index:2;
        max-width:650px;
        margin:0 auto;
        color:#b6c2d2;
        font-size:15px;
    }
    
    .rd-cta-actions{
        position:relative;
        z-index:2;
        margin-top:28px;
        display:flex;
        justify-content:center;
        gap:12px;
        flex-wrap:wrap;
    }
    
    .rd-cta-primary{
        background:#fff;
        color:#18263a;
        min-height:48px;
        padding:0 23px;
        border-radius:11px;
        display:inline-flex;
        align-items:center;
        justify-content:center;
        font-weight:700;
        font-size:14px;
        transition:.25s ease;
    }
    
    .rd-cta-primary:hover{
        transform:translateY(-2px);
    }
    
    .rd-cta-secondary{
        color:#fff;
        border:1px solid rgba(255,255,255,.20);
        min-height:48px;
        padding:0 23px;
        border-radius:11px;
        display:inline-flex;
        align-items:center;
        justify-content:center;
        font-weight:650;
        font-size:14px;
    }
    
    
    /* =========================================================
       FOOTER
    ========================================================= */
    
    .rd-footer{
        padding:65px 0 30px;
        border-top:1px solid var(--rd-border);
        background:#fff;
    }
    
    .rd-footer-grid{
        display:grid;
        grid-template-columns:1.5fr 1fr 1fr 1fr;
        gap:50px;
        padding-bottom:45px;
    }
    
    .rd-footer-brand{
        max-width:300px;
    }
    
    .rd-footer-brand .rd-brand{
        margin-bottom:17px;
    }
    
    .rd-footer-description{
        color:#7b8797;
        font-size:13px;
        line-height:1.8;
    }
    
    .rd-footer-column h3{
        color:#172033;
        font-size:14px;
        margin-bottom:15px;
    }
    
    .rd-footer-column a{
        display:block;
        color:#788596;
        font-size:13px;
        margin-bottom:9px;
        transition:.2s ease;
    }
    
    .rd-footer-column a:hover{
        color:#2f80ed;
    }
    
    .rd-footer-bottom{
        padding-top:25px;
        border-top:1px solid var(--rd-border);
        display:flex;
        justify-content:space-between;
        gap:20px;
        color:#8a95a4;
        font-size:12px;
    }
    
    .rd-footer-bottom-links{
        display:flex;
        gap:20px;
    }
    
    
    /* =========================================================
       RESPONSIVE
    ========================================================= */
    
    @media(max-width:900px){
    
        .rd-nav{
            display:none;
        }
    
        .rd-mobile-menu{
            display:block;
        }
    
        .rd-header-button{
            display:none;
        }
    
        .rd-feature-grid{
            grid-template-columns:1fr 1fr;
        }
    
        .rd-platform-grid{
            grid-template-columns:1fr 1fr;
        }
    
        .rd-selfhost-inner{
            grid-template-columns:1fr;
            gap:45px;
        }
    
        .rd-guide-grid{
            grid-template-columns:1fr 1fr;
        }
    
        .rd-footer-grid{
            grid-template-columns:1fr 1fr;
        }
    }
    
    @media(max-width:650px){
    
        .rd-container{
            width:min(var(--rd-max),calc(100% - 28px));
        }
    
        .rd-header-inner{
            width:calc(100% - 28px);
        }
    
        .rd-header,
        .rd-header-inner{
            height:64px;
        }
    
        .rd-hero{
            padding:70px 0 40px;
        }
    
        .rd-hero h1{
            font-size:43px;
            letter-spacing:-2px;
        }
    
        .rd-hero-description{
            font-size:15px;
        }
    
        .rd-hero-actions{
            margin-top:25px;
        }
    
        .rd-primary-button,
        .rd-secondary-button{
            width:100%;
        }
    
        .rd-product-preview{
            padding:20px 0 75px;
        }
    
        .rd-product-preview-inner{
            width:calc(100% - 20px);
        }
    
        .rd-product-preview-window{
            border-radius:14px;
        }
    
        .rd-product-preview-bar{
            height:38px;
        }
    
        .rd-product-preview-lights{
            left:12px;
            top:14px;
        }
    
        .rd-product-preview-lights span{
            width:7px;
            height:7px;
        }
    
        .rd-product-preview-title{
            font-size:10px;
        }
    
        .rd-product-preview-controls{
            margin-top:17px;
            gap:15px;
        }
    
        .rd-section{
            padding:75px 0;
        }
    
        .rd-section-header{
            margin-bottom:35px;
        }
    
        .rd-section-header h2{
            font-size:32px;
        }
    
        .rd-section-header p{
            font-size:14px;
        }
    
        .rd-feature-grid,
        .rd-platform-grid,
        .rd-guide-grid{
            grid-template-columns:1fr;
        }
    
        .rd-selfhost{
            padding:80px 0;
        }
    
        .rd-selfhost h2{
            font-size:35px;
        }
    
        .rd-stats{
            padding:65px 0;
        }
    
        .rd-stats-grid{
            grid-template-columns:1fr 1fr;
        }
    
        .rd-stat strong{
            font-size:29px;
        }
    
        .rd-cta{
            padding:75px 0;
        }
    
        .rd-cta-box{
            padding:55px 23px;
            border-radius:22px;
        }
    
        .rd-footer{
            padding:50px 0 25px;
        }
    
        .rd-footer-grid{
            grid-template-columns:1fr 1fr;
            gap:35px 20px;
        }
    
        .rd-footer-brand{
            grid-column:1 / -1;
        }
    
        .rd-footer-bottom{
            flex-direction:column;
            gap:12px;
        }
    
        .rd-footer-bottom-links{
            flex-wrap:wrap;
            gap:12px;
        }
    }