.rp-platform-page{
    --rp-bg:#020a13;
    --rp-bg-soft:#061321;
    --rp-panel:#091b2f;
    --rp-panel-2:#0d2440;
    --rp-border:#1f4568;
    --rp-border-soft:#173653;
    --rp-text:#f7faff;
    --rp-muted:#a8c1de;
    --rp-muted-2:#7395b9;
    --rp-accent:#7357ff;
    --rp-accent-2:#9b66ff;
    --rp-blue:#7db5ff;
    --rp-cyan:#5bd7ff;
    color:var(--rp-text);
    background:
        radial-gradient(circle at 9% 2%,rgba(71,91,187,.13),transparent 27%),
        linear-gradient(180deg,#020b15 0%,#04111f 48%,#020b14 100%);
    border:1px solid rgba(83,132,179,.18);
    border-radius:28px;
    padding:22px;
    font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    overflow:hidden;
    isolation:isolate;
    box-shadow:0 28px 80px rgba(0,0,0,.22);
}
.rp-platform-page *{box-sizing:border-box}
.rp-platform-page a{-webkit-tap-highlight-color:transparent}

.rp-platform-hero{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1.03fr) minmax(430px,.97fr);
    align-items:center;
    gap:54px;
    min-height:620px;
    overflow:hidden;
    border:1px solid rgba(87,139,190,.42);
    border-radius:28px;
    padding:64px 58px;
    background:
        linear-gradient(112deg,rgba(11,30,55,.98),rgba(6,27,45,.96) 55%,rgba(7,22,39,.98)),
        #071b2f;
    box-shadow:0 24px 70px rgba(0,0,0,.27),inset 0 1px 0 rgba(255,255,255,.045);
    animation:rpHeroEnter .75s cubic-bezier(.2,.75,.25,1) both;
}
.rp-platform-hero::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.45;
    background-image:
        linear-gradient(rgba(116,155,203,.045) 1px,transparent 1px),
        linear-gradient(90deg,rgba(116,155,203,.045) 1px,transparent 1px);
    background-size:54px 54px;
    -webkit-mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.72) 45%,transparent 86%);
    mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.72) 45%,transparent 86%);
}
.rp-platform-hero::after{
    content:"";
    position:absolute;
    top:-55%;
    left:-32%;
    width:25%;
    height:210%;
    transform:rotate(14deg);
    pointer-events:none;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.055),transparent);
    animation:rpHeroShine 1.35s .45s ease-out both;
}
.rp-platform-hero-glow{position:absolute;border-radius:999px;filter:blur(4px);pointer-events:none}
.rp-platform-hero-glow-a{width:460px;height:460px;right:-130px;top:-120px;background:radial-gradient(circle,rgba(98,70,255,.19),transparent 68%)}
.rp-platform-hero-glow-b{width:380px;height:380px;left:24%;bottom:-250px;background:radial-gradient(circle,rgba(39,151,255,.12),transparent 70%)}
.rp-platform-hero-copy{position:relative;z-index:2;min-width:0}
.rp-platform-hero-badges{display:flex;flex-wrap:wrap;gap:9px;align-items:center;animation:rpFadeUp .55s .10s ease-out both}
.rp-platform-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height:30px;
    padding:0 11px;
    border:1px solid rgba(107,155,204,.30);
    border-radius:999px;
    color:#a8c7e9;
    background:rgba(9,32,55,.70);
    font-size:.70rem;
    line-height:1;
    font-weight:850;
    letter-spacing:.095em;
    text-transform:uppercase;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.rp-platform-badge-primary{color:#c7d9ff;border-color:rgba(117,94,255,.42);background:rgba(69,48,167,.18)}
.rp-platform-status-dot{width:7px;height:7px;border-radius:50%;background:#54d69a;box-shadow:0 0 0 4px rgba(84,214,154,.10)}
.rp-platform-hero h1{
    margin:26px 0 20px;
    max-width:800px;
    color:var(--rp-text);
    font-size:clamp(2.75rem,4.8vw,5.15rem);
    line-height:.98;
    font-weight:900;
    letter-spacing:-.055em;
    text-wrap:balance;
    animation:rpFadeUp .64s .18s ease-out both;
}
.rp-platform-hero h1 span{
    color:transparent;
    background:linear-gradient(90deg,#a8c7ff 0%,#8dc6ff 34%,#b292ff 88%);
    -webkit-background-clip:text;
    background-clip:text;
}
.rp-platform-lead{
    margin:0;
    max-width:760px;
    color:#b1c8e1;
    font-size:clamp(1.06rem,1.38vw,1.28rem);
    line-height:1.62;
    animation:rpFadeUp .62s .26s ease-out both;
}
.rp-platform-cta-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:32px;animation:rpFadeUp .62s .34s ease-out both}
.rp-platform-download-btn,.rp-platform-secondary-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:57px;
    padding:0 25px;
    border-radius:14px;
    text-decoration:none!important;
    font-size:.95rem;
    font-weight:900;
    letter-spacing:.025em;
    transition:transform .2s ease,filter .2s ease,border-color .2s ease,box-shadow .2s ease,background-color .2s ease;
}
.rp-platform-download-btn{
    position:relative;
    gap:10px;
    color:#fff!important;
    border:1px solid rgba(255,255,255,.20);
    background:linear-gradient(135deg,var(--rp-accent),var(--rp-accent-2));
    box-shadow:0 14px 34px rgba(82,57,218,.34),inset 0 1px 0 rgba(255,255,255,.18);
    overflow:hidden;
}
.rp-platform-download-btn::before{
    content:"";
    position:absolute;
    top:-60%;
    left:-40%;
    width:26%;
    height:220%;
    transform:rotate(18deg);
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent);
    animation:rpButtonShine 4.8s 1.4s ease-in-out infinite;
    pointer-events:none;
}
.rp-platform-download-btn:hover,.rp-platform-download-btn:focus-visible{color:#fff!important;transform:translateY(-2px);filter:brightness(1.07);box-shadow:0 18px 38px rgba(82,57,218,.40),inset 0 1px 0 rgba(255,255,255,.19)}
.rp-platform-secondary-btn{color:#dceaff!important;border:1px solid rgba(106,153,202,.35);background:rgba(10,35,60,.67);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.rp-platform-secondary-btn:hover,.rp-platform-secondary-btn:focus-visible{color:#fff!important;transform:translateY(-2px);border-color:rgba(125,181,255,.62);background:rgba(15,47,79,.82)}
.rp-platform-download-icon{font-size:1.25rem;line-height:1;transform:translateY(-1px)}
.rp-platform-release-line{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:22px;color:#819fbe;font-size:.83rem;line-height:1.45;animation:rpFadeUp .62s .42s ease-out both}
.rp-platform-release-line strong{color:#b9d1eb;font-weight:800}
.rp-platform-meta-divider{width:3px;height:3px;border-radius:50%;background:#45698e}
.rp-platform-unavailable{display:inline-flex;margin-top:28px;padding:14px 17px;border:1px solid #8c6d2e;border-radius:12px;color:#ffd879;background:#2d2513;font-weight:750}

.rp-platform-product-visual{position:relative;z-index:2;min-width:0;animation:rpVisualEnter .78s .28s cubic-bezier(.2,.75,.25,1) both}
.rp-platform-window{
    position:relative;
    overflow:hidden;
    border:1px solid rgba(110,159,209,.40);
    border-radius:20px;
    background:#071726;
    box-shadow:0 32px 75px rgba(0,0,0,.42),0 0 0 7px rgba(102,79,255,.035),inset 0 1px 0 rgba(255,255,255,.045);
    transform:perspective(1100px) rotateY(-3.5deg) rotateX(1.4deg);
    transform-origin:center;
}
.rp-platform-window-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;height:54px;padding:0 18px;border-bottom:1px solid #17324d;background:linear-gradient(180deg,#0e2945,#0a2138)}
.rp-platform-window-brand{display:flex;align-items:center;gap:9px;color:#d9e8f8;font-size:.76rem;font-weight:800;letter-spacing:.01em}
.rp-platform-brand-mark{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid #6554d5;border-radius:8px;color:#fff;background:linear-gradient(135deg,#5b48db,#8156ff);font-size:.58rem;font-weight:950;box-shadow:0 5px 15px rgba(70,53,188,.28)}
.rp-platform-window-actions{display:flex;gap:7px}.rp-platform-window-actions i{display:block;width:7px;height:7px;border-radius:50%;background:#345372}.rp-platform-window-actions i:first-child{background:#596bd6}.rp-platform-window-actions i:last-child{background:#4d87a4}
.rp-platform-window-body{display:grid;grid-template-columns:104px 1fr;min-height:346px}
.rp-platform-window-nav{display:flex;flex-direction:column;gap:5px;padding:18px 10px;border-right:1px solid #15314d;background:#071827}
.rp-platform-window-nav span{padding:9px 9px;border-radius:8px;color:#6384a5;font-size:.63rem;font-weight:750}.rp-platform-window-nav span.is-active{color:#c8dcf1;background:#0d2a47;box-shadow:inset 2px 0 0 #775aff}
.rp-platform-window-content{padding:23px 21px 19px;background:radial-gradient(circle at 80% 5%,rgba(88,65,218,.10),transparent 36%),#081b2e}
.rp-platform-window-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.rp-platform-window-heading div{display:grid;gap:5px}.rp-platform-window-heading small{color:#6e99c3;font-size:.56rem;font-weight:900;letter-spacing:.13em}.rp-platform-window-heading strong{color:#edf6ff;font-size:1rem;line-height:1.15}.rp-platform-online-pill{display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border:1px solid rgba(76,192,139,.24);border-radius:999px;color:#74d6a8;background:rgba(37,120,85,.10);font-size:.54rem;font-weight:800}
.rp-platform-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px}.rp-platform-mini-card{display:grid;min-height:102px;padding:14px;border:1px solid #173a5a;border-radius:12px;background:linear-gradient(180deg,#0c2844,#0a2138);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.rp-platform-mini-icon{display:flex;align-items:center;justify-content:center;width:29px;height:29px;margin-bottom:9px;border:1px solid #315d89;border-radius:8px;color:#95baff;background:#0a2a48;font-size:.78rem}.rp-platform-mini-card strong{color:#dceafa;font-size:.72rem}.rp-platform-mini-card small{margin-top:3px;color:#6486a8;font-size:.58rem}
.rp-platform-window-footer-line{display:grid;grid-template-columns:1fr .7fr .4fr;gap:9px;margin-top:17px}.rp-platform-window-footer-line span{display:block;height:5px;border-radius:999px;background:#163857}.rp-platform-window-footer-line span:nth-child(2){background:#12324f}.rp-platform-window-footer-line span:nth-child(3){background:#24496b}
.rp-platform-visual-chip{position:absolute;display:flex;align-items:center;gap:7px;min-height:39px;padding:0 12px;border:1px solid rgba(102,150,200,.34);border-radius:11px;color:#cbe0f5;background:rgba(8,28,47,.92);font-size:.67rem;font-weight:850;letter-spacing:.015em;box-shadow:0 13px 30px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.035);backdrop-filter:blur(10px)}
.rp-platform-visual-chip span{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:7px;color:#aeccff;background:#16375a}
.rp-platform-visual-chip-security{right:-22px;bottom:44px;animation:rpFloat 5.2s 1.1s ease-in-out infinite}.rp-platform-visual-chip-update{left:-25px;top:79px;animation:rpFloat 5.8s .5s ease-in-out infinite reverse}

.rp-platform-features{padding:72px 4px 22px}
.rp-platform-section-heading{max-width:880px;margin:0 auto 36px;text-align:center;animation:rpFadeUp .6s .45s ease-out both}
.rp-platform-eyebrow{color:#86b7fa;font-size:.76rem;line-height:1.2;font-weight:900;letter-spacing:.19em;text-transform:uppercase}
.rp-platform-section-heading h2{margin:13px auto 11px;max-width:820px;color:#fff;font-size:clamp(2rem,3.1vw,3.15rem);line-height:1.08;font-weight:900;letter-spacing:-.04em;text-wrap:balance}
.rp-platform-section-heading p{margin:0 auto;max-width:790px;color:#94b0ce;font-size:1.02rem;line-height:1.62}
.rp-platform-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.rp-platform-feature-card{position:relative;min-height:222px;margin:0;padding:26px 25px 24px;overflow:hidden;border:1px solid var(--rp-border-soft);border-radius:20px;background:linear-gradient(180deg,rgba(13,38,65,.94),rgba(7,25,44,.98));box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 12px 30px rgba(0,0,0,.06);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;animation:rpCardEnter .6s ease-out both}
.rp-platform-feature-card:nth-child(1){animation-delay:.48s}.rp-platform-feature-card:nth-child(2){animation-delay:.56s}.rp-platform-feature-card:nth-child(3){animation-delay:.64s}.rp-platform-feature-card:nth-child(4){animation-delay:.72s}.rp-platform-feature-card:nth-child(5){animation-delay:.80s}.rp-platform-feature-card:nth-child(6){animation-delay:.88s}
.rp-platform-feature-card::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;background:radial-gradient(circle at 20% 0%,rgba(98,129,255,.15),transparent 42%);transition:opacity .22s ease}.rp-platform-feature-card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#6251df,#4e96e5,transparent);transition:transform .3s ease}
.rp-platform-feature-card:hover{transform:translateY(-6px);border-color:#2f6592;box-shadow:0 20px 38px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.035)}.rp-platform-feature-card:hover::before{opacity:1}.rp-platform-feature-card:hover::after{transform:scaleX(1)}
.rp-platform-feature-icon{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:47px;height:47px;margin-bottom:22px;border:1px solid #2c6698;border-radius:13px;color:#97beff;background:linear-gradient(180deg,#0d3255,#092642);font-size:1.25rem;font-weight:800;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 8px 18px rgba(0,0,0,.10)}
.rp-platform-feature-number{position:absolute;right:22px;top:23px;color:#365b7d;font-size:.64rem;font-weight:900;letter-spacing:.13em}
.rp-platform-feature-card h3{position:relative;z-index:1;margin:0 0 10px;color:#fff;font-size:1.16rem;line-height:1.25;font-weight:850;letter-spacing:-.015em}.rp-platform-feature-card p{position:relative;z-index:1;margin:0;color:#9cb8d4;font-size:.94rem;line-height:1.62}

.rp-platform-download-strip{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin-top:30px;padding:22px 24px;border:1px solid #244d73;border-radius:19px;background:linear-gradient(108deg,#0b2947,#071c31 65%,#0b1d33);box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 15px 38px rgba(0,0,0,.12);animation:rpFadeUp .6s .95s ease-out both}
.rp-platform-download-strip-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border:1px solid #6555d9;border-radius:14px;color:#fff;background:linear-gradient(135deg,#5546d4,#805aff);font-size:.72rem;font-weight:950;letter-spacing:.02em;box-shadow:0 9px 22px rgba(75,57,205,.27),inset 0 1px 0 rgba(255,255,255,.15)}
.rp-platform-download-strip-copy{min-width:0}.rp-platform-download-strip-kicker{margin-bottom:3px;color:#769fc8;font-size:.61rem;font-weight:900;letter-spacing:.13em}.rp-platform-download-strip-title{color:#fff;font-size:1.08rem;font-weight:900;letter-spacing:-.01em}.rp-platform-download-strip-meta{margin-top:4px;color:#87a8c9;font-size:.82rem;word-break:break-word}.rp-platform-download-btn-small{min-height:49px;padding:0 19px;font-size:.85rem}

@keyframes rpHeroEnter{from{opacity:0;transform:translateY(16px) scale(.996)}to{opacity:1;transform:none}}
@keyframes rpFadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes rpCardEnter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes rpVisualEnter{from{opacity:0;transform:translateX(26px) scale(.975)}to{opacity:1;transform:none}}
@keyframes rpHeroShine{0%{left:-32%;opacity:0}18%{opacity:1}100%{left:125%;opacity:0}}
@keyframes rpButtonShine{0%,62%{left:-40%;opacity:0}72%{opacity:1}88%,100%{left:125%;opacity:0}}
@keyframes rpFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

@media(max-width:1180px){
    .rp-platform-hero{grid-template-columns:minmax(0,1fr) minmax(370px,.88fr);gap:36px;padding:54px 42px;min-height:570px}
    .rp-platform-hero h1{font-size:clamp(2.6rem,4.7vw,4.45rem)}
    .rp-platform-visual-chip-security{right:-10px}.rp-platform-visual-chip-update{left:-10px}
}
@media(max-width:980px){
    .rp-platform-hero{grid-template-columns:1fr;gap:42px;padding:48px 42px}
    .rp-platform-hero-copy{max-width:780px}
    .rp-platform-product-visual{width:min(100%,620px);margin:0 auto}
    .rp-platform-window{transform:none}
    .rp-platform-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
    .rp-platform-page{padding:9px;border-radius:18px}
    .rp-platform-hero{gap:34px;padding:31px 22px 28px;border-radius:21px;min-height:0}
    .rp-platform-hero::before{background-size:42px 42px;opacity:.30}
    .rp-platform-hero-badges{gap:7px}.rp-platform-badge{min-height:28px;padding:0 9px;font-size:.62rem;letter-spacing:.075em}
    .rp-platform-hero h1{margin:22px 0 17px;font-size:clamp(2.25rem,11.3vw,3.2rem);line-height:1.01;letter-spacing:-.047em}.rp-platform-hero h1 br{display:none}
    .rp-platform-lead{font-size:1rem;line-height:1.55}
    .rp-platform-cta-row{gap:10px;margin-top:26px}.rp-platform-download-btn,.rp-platform-secondary-btn{width:100%;min-height:54px}
    .rp-platform-release-line{gap:8px;margin-top:18px;font-size:.76rem}.rp-platform-meta-divider{display:none}.rp-platform-release-line span:not(.rp-platform-meta-divider){display:inline-flex;margin-right:5px}
    .rp-platform-window-body{grid-template-columns:76px 1fr;min-height:285px}.rp-platform-window-bar{height:48px;padding:0 13px}.rp-platform-window-brand span:last-child{display:none}.rp-platform-window-nav{padding:13px 7px}.rp-platform-window-nav span{padding:8px 6px;font-size:.54rem}.rp-platform-window-content{padding:17px 14px 14px}.rp-platform-window-heading strong{font-size:.84rem}.rp-platform-online-pill{display:none}.rp-platform-mini-grid{gap:7px;margin-top:16px}.rp-platform-mini-card{min-height:83px;padding:10px}.rp-platform-mini-icon{width:25px;height:25px;margin-bottom:7px}.rp-platform-mini-card strong{font-size:.64rem}.rp-platform-mini-card small{font-size:.51rem}.rp-platform-visual-chip{display:none}
    .rp-platform-features{padding:48px 1px 14px}.rp-platform-section-heading{margin-bottom:25px;text-align:left}.rp-platform-eyebrow{font-size:.68rem}.rp-platform-section-heading h2{margin:11px 0 9px;font-size:2.05rem}.rp-platform-section-heading p{font-size:.96rem}
    .rp-platform-feature-grid{grid-template-columns:1fr;gap:13px}.rp-platform-feature-card{min-height:auto;padding:22px 21px}.rp-platform-feature-card:hover{transform:none}.rp-platform-feature-icon{margin-bottom:18px}
    .rp-platform-download-strip{grid-template-columns:auto 1fr;gap:13px;padding:18px}.rp-platform-download-strip-icon{width:44px;height:44px}.rp-platform-download-strip-copy{align-self:center}.rp-platform-download-btn-small{grid-column:1/-1;width:100%;margin-top:2px}.rp-platform-download-strip-meta{font-size:.76rem}
}
@media(prefers-reduced-motion:reduce){
    .rp-platform-hero,.rp-platform-hero::after,.rp-platform-hero-badges,.rp-platform-hero h1,.rp-platform-lead,.rp-platform-cta-row,.rp-platform-release-line,.rp-platform-product-visual,.rp-platform-visual-chip,.rp-platform-section-heading,.rp-platform-feature-card,.rp-platform-download-strip,.rp-platform-download-btn::before{animation:none!important}
    .rp-platform-download-btn,.rp-platform-secondary-btn,.rp-platform-feature-card,.rp-platform-feature-card::before,.rp-platform-feature-card::after{transition:none!important}
}

/* M1.1 — Enterprise Visual Polish */
.rp-platform-page{
    --rp-text:#ffffff;
    --rp-muted:#dce8f7;
    --rp-muted-2:#a9bfd8;
    background:
        radial-gradient(circle at 79% 4%,rgba(88,40,255,.22),transparent 25%),
        radial-gradient(circle at 42% 4%,rgba(0,115,255,.18),transparent 24%),
        linear-gradient(180deg,#010914 0%,#031225 60%,#04162a 100%);
}
.rp-platform-hero{
    grid-template-columns:minmax(0,.92fr) minmax(500px,1.08fr);
    min-height:660px;
    border-color:rgba(57,129,207,.30);
    background:
        radial-gradient(circle at 63% 48%,rgba(0,102,255,.18),transparent 30%),
        radial-gradient(circle at 96% 35%,rgba(171,20,255,.22),transparent 32%),
        linear-gradient(116deg,#020914 0%,#041329 49%,#081038 100%);
}
.rp-platform-hero::before{opacity:.18}
.rp-platform-brand-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(120,177,255,.42);border-radius:10px;background:rgba(5,20,38,.75);color:#9dccff;font-size:.68rem;font-weight:900;letter-spacing:.08em;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 24px rgba(0,0,0,.18)}
.rp-platform-shield{color:#2f8cff;text-shadow:0 0 15px rgba(47,140,255,.75)}
.rp-platform-hero h1{max-width:690px;margin:24px 0 18px;color:#fff;font-size:clamp(3rem,5vw,5.25rem);line-height:.96;text-shadow:0 2px 22px rgba(0,0,0,.25)}
.rp-platform-hero h1 span{background:linear-gradient(90deg,#2d82ff 0%,#7665ff 45%,#dc29ee 100%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 18px rgba(112,64,255,.16))}
.rp-platform-lead{max-width:700px;color:#fff;font-size:1.08rem;line-height:1.58}
.rp-platform-trust-badges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:24px}
.rp-platform-trust-badge{display:flex;align-items:center;gap:10px;min-height:64px;padding:10px 12px;border:1px solid rgba(74,128,187,.42);border-radius:13px;background:linear-gradient(180deg,rgba(10,31,55,.88),rgba(6,22,40,.94));box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 12px 26px rgba(0,0,0,.13)}
.rp-platform-trust-badge div{display:grid;gap:2px}.rp-platform-trust-badge strong{color:#fff;font-size:.83rem}.rp-platform-trust-badge small{color:#c7d6e7;font-size:.69rem}
.rp-trust-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;font-size:1rem;font-weight:950;color:#fff}
.rp-trust-green{background:linear-gradient(145deg,#18d676,#08a950);box-shadow:0 0 18px rgba(24,214,118,.28)}
.rp-trust-blue{background:linear-gradient(145deg,#2c8cff,#3158df);box-shadow:0 0 18px rgba(44,140,255,.28)}
.rp-trust-orange{background:linear-gradient(145deg,#ffbd2d,#ff7b16);box-shadow:0 0 18px rgba(255,142,28,.28)}
.rp-platform-cta-row{margin-top:18px}
.rp-platform-download-btn{min-width:310px;min-height:74px;padding:0 16px 0 18px;border-radius:14px;background:linear-gradient(100deg,#1687ff 0%,#6658ff 53%,#e218cd 100%);box-shadow:0 0 0 1px rgba(255,255,255,.16),0 12px 34px rgba(76,68,255,.34),0 0 26px rgba(210,31,226,.18)}
.rp-platform-windows-icon{font-size:2rem;line-height:1;color:#fff}.rp-platform-btn-copy{display:grid;gap:2px;text-align:left}.rp-platform-btn-copy strong{font-size:1rem;letter-spacing:.01em}.rp-platform-btn-copy small{font-size:.72rem;font-weight:700;color:#f3f6ff}.rp-platform-download-arrow{margin-left:auto;font-size:1.35rem}
.rp-platform-secondary-btn{min-width:200px;min-height:74px;gap:11px;text-align:left;border-color:#397ee8;background:rgba(5,25,51,.80)}
.rp-platform-secondary-btn span:last-child{display:grid;gap:2px}.rp-platform-secondary-btn strong{color:#fff}.rp-platform-secondary-btn small{color:#c8d7eb;font-size:.72rem}.rp-platform-play-icon{color:#7569ff;font-size:1.22rem}
.rp-platform-release-line{color:#fff}.rp-platform-release-line strong{color:#fff}.rp-release-shield{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#11b95f;color:#fff}.rp-platform-free-pill{padding:5px 9px;border-radius:7px;background:#083d23;color:#4bff98;font-weight:900}
.rp-platform-product-visual{padding-bottom:76px}
.rp-platform-window-glow{position:absolute;inset:-20px 2% 42px;border-radius:40px;background:radial-gradient(circle at 56% 30%,rgba(24,117,255,.24),transparent 44%),radial-gradient(circle at 98% 38%,rgba(221,36,255,.28),transparent 35%);filter:blur(18px);pointer-events:none}
.rp-platform-window{border-color:rgba(77,138,255,.7);border-radius:17px;background:#050b18;box-shadow:0 30px 70px rgba(0,0,0,.55),0 0 34px rgba(42,94,255,.21),0 0 44px rgba(211,37,255,.10);transform:none}
.rp-platform-window-bar{height:46px;background:linear-gradient(180deg,#0b1830,#071224)}
.rp-platform-window-controls{display:flex;gap:13px;color:#b3c7dd;font-size:.68rem}.rp-platform-window-controls i{font-style:normal}
.rp-platform-window-body{grid-template-columns:120px 1fr;min-height:330px}.rp-platform-window-nav{gap:4px;padding:14px 9px;background:#061121}.rp-platform-window-nav span{color:#dce8f7;font-size:.60rem}.rp-platform-window-nav span.is-active{color:#fff;background:linear-gradient(90deg,#0e4d91,#0c3260);box-shadow:inset 2px 0 0 #39a0ff}
.rp-platform-window-content{padding:20px;background:radial-gradient(circle at 90% 0%,rgba(33,88,170,.13),transparent 36%),#071426}.rp-platform-window-heading strong{color:#fff;font-size:1rem}.rp-platform-window-heading small{color:#d0dce9;letter-spacing:0;font-weight:600}.rp-platform-online-pill{padding:5px 9px;border-radius:999px;background:#073b23;color:#56f694;font-size:.55rem;font-weight:900}
.rp-platform-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:19px}.rp-platform-stat-grid>div{display:grid;gap:5px;min-height:88px;padding:12px;border:1px solid #17344f;border-radius:10px;background:linear-gradient(180deg,#0a2038,#08192b)}.rp-platform-stat-grid small{color:#cfdeed;font-size:.55rem}.rp-platform-stat-grid strong{color:#fff;font-size:1.22rem}.rp-platform-stat-grid span{color:#91abc6;font-size:.53rem}.rp-platform-quick-title{margin-top:20px;color:#fff;font-size:.72rem;font-weight:900}.rp-platform-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:9px}.rp-platform-quick-grid>div{display:flex;align-items:center;gap:7px;min-height:40px;padding:8px;border:1px solid #17344f;border-radius:8px;background:#0a1d31;color:#fff;font-size:.55rem;font-weight:750}.rp-platform-quick-grid b{font-size:.9rem}.rp-q-green{color:#2cf29b}.rp-q-blue{color:#3f90ff}
.rp-platform-laptop-base{position:absolute;left:5%;right:3%;bottom:61px;height:18px;border-radius:2px 2px 22px 22px;background:linear-gradient(90deg,#0d6dd5,#2d4fb4 49%,#b22fd4 100%);box-shadow:0 13px 26px rgba(0,0,0,.4),0 0 20px rgba(73,96,255,.28);transform:perspective(300px) rotateX(65deg)}
.rp-platform-visual-trustbar{position:absolute;left:4%;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:12px 15px;border:1px solid rgba(92,107,206,.45);border-radius:12px;background:rgba(7,18,40,.94);box-shadow:0 15px 35px rgba(0,0,0,.28)}.rp-platform-visual-trustbar>div{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center}.rp-platform-visual-trustbar span{grid-row:1/3;font-size:1.35rem}.rp-platform-visual-trustbar b{color:#fff;font-size:.68rem}.rp-platform-visual-trustbar small{color:#b9c9dc;font-size:.57rem}.rp-vt-orange{color:#ffae24}.rp-vt-blue{color:#398cff}.rp-vt-cyan{color:#25e5d4}.rp-vt-pink{color:#e33bd6}
.rp-platform-features{padding-top:56px}.rp-platform-section-heading{margin-bottom:24px}.rp-platform-eyebrow{color:#c95cff}.rp-platform-section-heading h2{color:#fff}.rp-platform-heading-underline{width:74px;height:3px;margin:14px auto 0;border-radius:999px;background:linear-gradient(90deg,#188cff,#e421cf);box-shadow:0 0 14px rgba(187,57,255,.34)}
.rp-platform-feature-grid{gap:14px}.rp-platform-feature-card{display:grid;grid-template-columns:72px 1fr;column-gap:16px;min-height:150px;padding:18px;border-color:#1d4f7f;background:linear-gradient(180deg,#0b2440,#07192d)}.rp-platform-feature-icon{grid-column:1;grid-row:1/3;width:58px;height:58px;margin:0;border:0;border-radius:13px;color:#fff;font-size:1.65rem;text-shadow:0 1px 2px rgba(0,0,0,.18)}.rp-platform-feature-card>div:last-child{grid-column:2;align-self:start}.rp-platform-feature-card h3{margin:2px 0 8px;color:#fff;font-size:1.12rem}.rp-platform-feature-card p{color:#fff;font-size:.84rem;line-height:1.5}.rp-platform-feature-number{right:16px;top:14px;color:#6fa8df;font-size:.74rem}
.rp-card-blue{border-bottom:2px solid #2f90ff}.rp-card-blue .rp-platform-feature-icon{background:linear-gradient(145deg,#27c9ff,#1d45ff);box-shadow:0 0 26px rgba(43,119,255,.45)}
.rp-card-purple{border-bottom:2px solid #9f38ff}.rp-card-purple .rp-platform-feature-icon{background:linear-gradient(145deg,#378cff,#5f38ff);box-shadow:0 0 26px rgba(92,72,255,.45)}
.rp-card-pink{border-bottom:2px solid #e31ede}.rp-card-pink .rp-platform-feature-icon{background:linear-gradient(145deg,#cc3cff,#e51cc5);box-shadow:0 0 26px rgba(221,39,218,.45)}
.rp-card-green{border-bottom:2px solid #39e331}.rp-card-green .rp-platform-feature-icon{background:linear-gradient(145deg,#43e72e,#16aa36);box-shadow:0 0 26px rgba(56,223,52,.38)}
.rp-card-orange{border-bottom:2px solid #ff8b1f}.rp-card-orange .rp-platform-feature-icon{background:linear-gradient(145deg,#ffad22,#ff5f10);box-shadow:0 0 26px rgba(255,130,23,.42)}
.rp-card-cyan{border-bottom:2px solid #24d8d7}.rp-card-cyan .rp-platform-feature-icon{background:linear-gradient(145deg,#27e8dc,#0ca3a9);box-shadow:0 0 26px rgba(36,216,215,.40)}
.rp-platform-benefits-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;margin-top:20px;padding:16px;border:1px solid #173b60;border-radius:14px;background:#071a30}.rp-platform-benefits-strip>div{display:flex;align-items:center;gap:11px;padding:7px 12px;border-right:1px solid rgba(79,114,153,.26)}.rp-platform-benefits-strip>div:last-child{border-right:0}.rp-platform-benefits-strip span{font-size:1.35rem}.rp-platform-benefits-strip div div{display:grid;gap:2px}.rp-platform-benefits-strip strong{color:#fff;font-size:.80rem}.rp-platform-benefits-strip small{color:#d7e3f0;font-size:.64rem}.rp-benefit-red{color:#ff5966}.rp-benefit-blue{color:#3995ff}.rp-benefit-green{color:#44d653}.rp-benefit-indigo{color:#6358ff}.rp-benefit-cyan{color:#2bd1f0}
.rp-platform-release-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;margin-top:16px;padding:14px 16px;border:1px solid #173b60;border-radius:14px;background:#06172a}.rp-platform-release-strip>div{display:flex;align-items:center;gap:9px;padding:6px 12px;border-right:1px solid rgba(79,114,153,.26)}.rp-platform-release-strip>div:last-child{border-right:0}.rp-release-meta-icon{font-size:1.25rem}.rp-platform-release-strip div div{display:grid;gap:2px}.rp-platform-release-strip small{color:#c9d7e7;font-size:.61rem}.rp-platform-release-strip strong{color:#fff;font-size:.73rem;word-break:break-word}.rp-meta-green{color:#22df78}.rp-meta-blue{color:#378fff}.rp-meta-cyan{color:#20decf}.rp-meta-neutral{color:#a5b8d1}
.rp-platform-download-strip{margin-top:16px}.rp-platform-download-strip-meta,.rp-platform-download-strip-kicker{color:#d4e2f1}

@media(max-width:1180px){.rp-platform-hero{grid-template-columns:1fr;gap:42px}.rp-platform-product-visual{width:min(100%,760px);margin:0 auto}.rp-platform-trust-badges{max-width:760px}.rp-platform-benefits-strip,.rp-platform-release-strip{grid-template-columns:repeat(2,1fr)}.rp-platform-benefits-strip>div,.rp-platform-release-strip>div{border-right:0}}
@media(max-width:680px){.rp-platform-hero h1{font-size:clamp(2.35rem,12vw,3.4rem)}.rp-platform-trust-badges{grid-template-columns:1fr}.rp-platform-download-btn,.rp-platform-secondary-btn{min-width:0}.rp-platform-product-visual{padding-bottom:0}.rp-platform-window-body{grid-template-columns:80px 1fr}.rp-platform-window-nav span:nth-child(n+5){display:none}.rp-platform-stat-grid{gap:6px}.rp-platform-stat-grid>div{padding:8px}.rp-platform-quick-grid{grid-template-columns:1fr}.rp-platform-laptop-base,.rp-platform-visual-trustbar{display:none}.rp-platform-feature-card{grid-template-columns:62px 1fr;padding:16px}.rp-platform-feature-icon{width:52px;height:52px}.rp-platform-benefits-strip,.rp-platform-release-strip{grid-template-columns:1fr}.rp-platform-benefits-strip>div,.rp-platform-release-strip>div{padding:8px 4px}.rp-platform-heading-underline{margin-left:0}}

/* ========================================================================
   M1.2 — Premium Visual Polish
   Visual-only refinement. Backend/release/download logic unchanged.
   ======================================================================== */

/* 1) Hero atmosphere: restrained animated light field and premium depth */
.rp-platform-hero{
    isolation:isolate;
    overflow:hidden;
    background:
        radial-gradient(circle at 14% 18%,rgba(20,122,255,.10),transparent 30%),
        radial-gradient(circle at 86% 18%,rgba(176,48,255,.16),transparent 34%),
        radial-gradient(circle at 52% 88%,rgba(16,198,255,.07),transparent 30%),
        linear-gradient(135deg,#03101f 0%,#06172c 50%,#111042 100%);
    box-shadow:inset 0 0 0 1px rgba(96,142,255,.23),0 24px 70px rgba(2,8,20,.30);
}
.rp-platform-hero::before{
    content:"";
    position:absolute;
    inset:-30%;
    z-index:-2;
    pointer-events:none;
    opacity:.58;
    background:
        radial-gradient(circle at 18% 32%,rgba(48,148,255,.22) 0 1px,transparent 2px),
        radial-gradient(circle at 68% 18%,rgba(222,70,255,.20) 0 1px,transparent 2px),
        radial-gradient(circle at 82% 68%,rgba(35,226,218,.16) 0 1px,transparent 2px),
        radial-gradient(circle at 36% 78%,rgba(117,84,255,.18) 0 1px,transparent 2px);
    background-size:92px 92px,128px 128px,154px 154px,116px 116px;
    animation:rpHeroDrift 18s ease-in-out infinite alternate;
}
.rp-platform-hero::after{
    content:"";
    position:absolute;
    width:50%;
    height:130%;
    right:-10%;
    top:-26%;
    z-index:-1;
    pointer-events:none;
    background:linear-gradient(115deg,transparent 18%,rgba(116,72,255,.04) 38%,rgba(230,44,255,.10) 49%,rgba(69,129,255,.04) 58%,transparent 76%);
    filter:blur(3px);
    transform:rotate(-7deg);
    animation:rpHeroRay 11s ease-in-out infinite alternate;
}
.rp-platform-hero-glow{filter:blur(42px);opacity:.72}
.rp-platform-brand-pill{box-shadow:0 0 0 1px rgba(76,156,255,.10),0 0 24px rgba(47,128,255,.10)}

/* 2) Desktop mock-up: glass reflection, stronger grounding shadow, subtle float */
.rp-platform-product-visual{perspective:1200px}
.rp-platform-window{
    overflow:hidden;
    transform:translateZ(0);
    animation:rpDesktopFloat 6.5s ease-in-out infinite;
    box-shadow:
        0 42px 86px rgba(0,0,0,.58),
        0 16px 32px rgba(0,0,0,.34),
        0 0 34px rgba(42,94,255,.24),
        0 0 54px rgba(211,37,255,.12),
        inset 0 1px 0 rgba(255,255,255,.04);
}
.rp-platform-window::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    border-radius:inherit;
    background:linear-gradient(120deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,.025) 16%,transparent 33%,transparent 100%);
    mix-blend-mode:screen;
    opacity:.65;
}
.rp-platform-laptop-base{filter:drop-shadow(0 17px 17px rgba(0,0,0,.44));animation:rpLaptopGlow 6.5s ease-in-out infinite}
.rp-platform-window-glow{animation:rpWindowGlow 6.5s ease-in-out infinite}

/* 3) Feature cards: lift, border glow and icon response */
.rp-platform-feature-card{
    position:relative;
    overflow:hidden;
    transition:transform .26s ease,border-color .26s ease,box-shadow .26s ease,background .26s ease;
}
.rp-platform-feature-card::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:0;
    background:linear-gradient(120deg,rgba(255,255,255,.055),transparent 35%,transparent 68%,rgba(255,255,255,.025));
    transition:opacity .26s ease;
}
.rp-platform-feature-card:hover{
    transform:translateY(-7px);
    background:linear-gradient(180deg,#0d2a49,#081d34);
    box-shadow:0 20px 40px rgba(0,0,0,.28),0 0 22px rgba(73,130,255,.12);
}
.rp-platform-feature-card:hover::before{opacity:1}
.rp-platform-feature-icon{transition:transform .26s ease,filter .26s ease,box-shadow .26s ease}
.rp-platform-feature-card:hover .rp-platform-feature-icon{transform:translateY(-2px) scale(1.055);filter:saturate(1.18) brightness(1.08)}
.rp-card-blue:hover{border-color:#50a8ff;box-shadow:0 20px 40px rgba(0,0,0,.28),0 0 24px rgba(47,144,255,.22)}
.rp-card-purple:hover{border-color:#bd5cff;box-shadow:0 20px 40px rgba(0,0,0,.28),0 0 24px rgba(159,56,255,.20)}
.rp-card-pink:hover{border-color:#ff49e9;box-shadow:0 20px 40px rgba(0,0,0,.28),0 0 24px rgba(227,30,222,.19)}
.rp-card-green:hover{border-color:#5df05a;box-shadow:0 20px 40px rgba(0,0,0,.28),0 0 24px rgba(57,227,49,.18)}
.rp-card-orange:hover{border-color:#ffac52;box-shadow:0 20px 40px rgba(0,0,0,.28),0 0 24px rgba(255,139,31,.19)}
.rp-card-cyan:hover{border-color:#55efed;box-shadow:0 20px 40px rgba(0,0,0,.28),0 0 24px rgba(36,216,215,.19)}

/* 4) Download CTA: tasteful pulse + shimmer, stronger hover */
.rp-platform-download-btn{
    position:relative;
    overflow:hidden;
    isolation:isolate;
    box-shadow:0 12px 30px rgba(51,91,255,.28),0 0 30px rgba(214,28,224,.18);
    animation:rpDownloadPulse 5.2s ease-in-out infinite;
    transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;
}
.rp-platform-download-btn::after{
    content:"";
    position:absolute;
    top:-30%;
    bottom:-30%;
    left:-40%;
    width:22%;
    z-index:-1;
    pointer-events:none;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);
    transform:skewX(-20deg);
    animation:rpDownloadShimmer 5.2s ease-in-out infinite;
}
.rp-platform-download-btn:hover{
    transform:translateY(-3px) scale(1.012);
    filter:saturate(1.08) brightness(1.04);
    box-shadow:0 18px 42px rgba(45,103,255,.38),0 0 38px rgba(228,31,220,.28);
}
.rp-platform-download-btn:focus-visible{outline:3px solid rgba(122,200,255,.92);outline-offset:4px}
.rp-platform-download-arrow{transition:transform .22s ease}.rp-platform-download-btn:hover .rp-platform-download-arrow{transform:translateY(3px)}

/* 5) Trust badges: brighter icon blocks, refined hierarchy and interaction */
.rp-platform-trust-badge{
    border-color:rgba(75,130,192,.54);
    background:linear-gradient(180deg,rgba(11,34,61,.95),rgba(6,24,45,.96));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 20px rgba(0,0,0,.12);
    transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.rp-platform-trust-badge:hover{transform:translateY(-3px);border-color:rgba(103,174,255,.78);box-shadow:0 12px 28px rgba(0,0,0,.20),0 0 18px rgba(64,133,255,.12)}
.rp-trust-icon{
    width:38px;
    height:38px;
    border-radius:11px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    font-size:1.12rem;
    font-weight:900;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 7px 18px rgba(0,0,0,.22);
}
.rp-trust-green{background:linear-gradient(145deg,#25e67b,#0aae55);color:#fff;box-shadow:0 0 18px rgba(37,230,123,.23)}
.rp-trust-blue{background:linear-gradient(145deg,#3d9cff,#2860ff);color:#fff;box-shadow:0 0 18px rgba(61,156,255,.23)}
.rp-trust-orange{background:linear-gradient(145deg,#ffb12d,#ff7418);color:#fff;box-shadow:0 0 18px rgba(255,145,31,.23)}
.rp-platform-trust-badge strong{color:#fff;font-weight:900;letter-spacing:.005em}
.rp-platform-trust-badge small{color:#d5e2f0}

/* Micro-polish for the lower trust / metadata surfaces */
.rp-platform-visual-trustbar,.rp-platform-benefits-strip,.rp-platform-release-strip{
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 14px 32px rgba(0,0,0,.15);
}
.rp-platform-benefits-strip>div,.rp-platform-release-strip>div{transition:background .2s ease}
.rp-platform-benefits-strip>div:hover,.rp-platform-release-strip>div:hover{background:rgba(37,93,151,.10)}

@keyframes rpHeroDrift{0%{transform:translate3d(-1.2%,-.5%,0) scale(1)}100%{transform:translate3d(1.4%,1%,0) scale(1.025)}}
@keyframes rpHeroRay{0%{transform:translate3d(-1.5%,0,0) rotate(-7deg);opacity:.65}100%{transform:translate3d(2%,1.5%,0) rotate(-4deg);opacity:1}}
@keyframes rpDesktopFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes rpLaptopGlow{0%,100%{opacity:.88}50%{opacity:1}}
@keyframes rpWindowGlow{0%,100%{opacity:.70;transform:scale(.99)}50%{opacity:.92;transform:scale(1.015)}}
@keyframes rpDownloadPulse{0%,74%,100%{box-shadow:0 12px 30px rgba(51,91,255,.28),0 0 30px rgba(214,28,224,.18)}84%{box-shadow:0 15px 38px rgba(51,91,255,.40),0 0 42px rgba(214,28,224,.29)}}
@keyframes rpDownloadShimmer{0%,68%{left:-40%;opacity:0}72%{opacity:.72}88%{left:118%;opacity:.30}100%{left:118%;opacity:0}}

@media(prefers-reduced-motion:reduce){
    .rp-platform-hero::before,.rp-platform-hero::after,.rp-platform-window,.rp-platform-laptop-base,.rp-platform-window-glow,.rp-platform-download-btn,.rp-platform-download-btn::after{animation:none!important}
    .rp-platform-feature-card,.rp-platform-feature-icon,.rp-platform-trust-badge,.rp-platform-download-btn,.rp-platform-download-arrow{transition:none!important}
}

@media(max-width:680px){
    .rp-platform-hero::before{opacity:.32}
    .rp-platform-hero::after{opacity:.55}
    .rp-platform-window{animation:none}
    .rp-platform-feature-card:hover,.rp-platform-trust-badge:hover,.rp-platform-download-btn:hover{transform:none}
}


/* ========================================================================
   M1.3 — Official Roulette Predictors Hero Background
   Visual-only addition. Backend/release/download logic unchanged.
   Approved source artwork: rp-platform-hero-background.*
   ======================================================================== */

/* Official artwork layer.
   PNG is the universal fallback; modern browsers prefer the smaller WebP. */
.rp-platform-hero::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-2;
    pointer-events:none;
    opacity:.92;
    background-image:url("../images/rp-platform-hero-background.png");
    background-image:image-set(
        url("../images/rp-platform-hero-background.webp") type("image/webp"),
        url("../images/rp-platform-hero-background.png") type("image/png")
    );
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center right;
    -webkit-mask-image:none;
    mask-image:none;
    animation:none;
    transform:none;
}

/* Readability / brand overlay.
   Keeps the left copy area dark while preserving the AI + roulette artwork. */
.rp-platform-hero::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    width:auto;
    height:auto;
    top:0;
    right:0;
    left:0;
    pointer-events:none;
    opacity:1;
    background:
        linear-gradient(90deg,
            rgba(1,7,18,.95) 0%,
            rgba(1,8,20,.88) 28%,
            rgba(2,10,24,.66) 48%,
            rgba(2,8,20,.24) 72%,
            rgba(1,6,16,.10) 100%),
        linear-gradient(180deg,
            rgba(2,8,20,.20) 0%,
            rgba(2,8,20,.03) 46%,
            rgba(2,8,20,.32) 100%);
    filter:none;
    transform:none;
    animation:none;
}

/* Let the approved artwork provide the main atmosphere; retain only subtle glow. */
.rp-platform-hero{
    background:#020916;
    box-shadow:
        inset 0 0 0 1px rgba(96,142,255,.26),
        0 24px 70px rgba(2,8,20,.34);
}
.rp-platform-hero-glow-a{opacity:.34}
.rp-platform-hero-glow-b{opacity:.24}

/* Improve separation of real HTML/UI from the photographic artwork. */
.rp-platform-hero-copy{
    text-shadow:0 2px 18px rgba(0,0,0,.36);
}
.rp-platform-product-visual{
    filter:drop-shadow(0 28px 38px rgba(0,0,0,.32));
}

/* Tablet: keep AI/roulette visible but protect readability. */
@media(max-width:1180px){
    .rp-platform-hero::before{
        opacity:.72;
        background-position:68% center;
    }
    .rp-platform-hero::after{
        background:
            linear-gradient(180deg,
                rgba(1,7,18,.86) 0%,
                rgba(1,8,20,.64) 44%,
                rgba(1,7,18,.72) 100%),
            linear-gradient(90deg,
                rgba(1,7,18,.82) 0%,
                rgba(1,8,20,.50) 58%,
                rgba(1,7,18,.24) 100%);
    }
}

/* Mobile: intentionally darker/softer artwork so the HTML remains the authority. */
@media(max-width:680px){
    .rp-platform-hero::before{
        opacity:.50;
        background-size:auto 100%;
        background-position:72% center;
    }
    .rp-platform-hero::after{
        background:
            linear-gradient(180deg,
                rgba(1,7,18,.88) 0%,
                rgba(1,8,20,.72) 48%,
                rgba(1,7,18,.82) 100%),
            linear-gradient(90deg,
                rgba(1,7,18,.88) 0%,
                rgba(1,8,20,.68) 100%);
    }
}


/* ========================================================================
   M2 — Enterprise SEO Engine: visible FAQ content for FAQPage JSON-LD parity
   ======================================================================== */
.rp-platform-faq{
    margin:44px 28px 34px;
    padding:42px 36px;
    border:1px solid rgba(64,153,255,.24);
    border-radius:26px;
    background:
        radial-gradient(circle at 84% 18%,rgba(109,68,255,.11),transparent 32%),
        linear-gradient(180deg,rgba(8,31,55,.90),rgba(4,20,38,.96));
    box-shadow:0 22px 52px rgba(0,0,0,.22);
}
.rp-platform-faq-list{
    max-width:1120px;
    margin:30px auto 0;
    display:grid;
    gap:14px;
}
.rp-platform-faq-item{
    border:1px solid rgba(92,167,255,.22);
    border-radius:16px;
    background:rgba(5,24,45,.72);
    overflow:hidden;
    transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease;
}
.rp-platform-faq-item:hover{
    border-color:rgba(80,184,255,.48);
    box-shadow:0 14px 30px rgba(0,0,0,.20);
}
.rp-platform-faq-item summary{
    cursor:pointer;
    list-style:none;
    position:relative;
    padding:20px 58px 20px 22px;
    color:#fff;
    font-size:18px;
    font-weight:800;
    line-height:1.35;
}
.rp-platform-faq-item summary::-webkit-details-marker{display:none}
.rp-platform-faq-item summary::after{
    content:"+";
    position:absolute;
    right:22px;
    top:50%;
    transform:translateY(-50%);
    width:30px;
    height:30px;
    display:grid;
    place-items:center;
    border-radius:9px;
    color:#8fc7ff;
    background:rgba(31,112,223,.18);
    border:1px solid rgba(72,161,255,.26);
    font-size:22px;
    font-weight:500;
}
.rp-platform-faq-item[open] summary::after{content:"−"}
.rp-platform-faq-answer{
    padding:0 22px 20px;
    color:#d6e7fb;
    font-size:16px;
    line-height:1.75;
}
.rp-platform-faq-answer p{margin:0}
@media(max-width:680px){
    .rp-platform-faq{
        margin:28px 12px 24px;
        padding:30px 16px;
        border-radius:20px;
    }
    .rp-platform-faq-item summary{
        padding:18px 52px 18px 18px;
        font-size:16px;
    }
    .rp-platform-faq-answer{
        padding:0 18px 18px;
        font-size:15px;
    }
}


/* ========================================================================
   M3.2 — Extended Dynamic Release Metadata
   ======================================================================== */
.rp-platform-mandatory-pill{
    display:inline-flex;
    align-items:center;
    min-height:26px;
    padding:0 9px;
    border:1px solid rgba(255,164,74,.42);
    border-radius:999px;
    color:#ffd0a1;
    background:rgba(174,77,14,.22);
    font-size:.72rem;
    font-weight:900;
    letter-spacing:.02em;
}
.rp-platform-release-strip-extended{
    grid-template-columns:repeat(auto-fit,minmax(175px,1fr));
}
.rp-meta-orange{
    color:#ffb35f!important;
    border-color:rgba(255,154,54,.32)!important;
    background:rgba(177,74,12,.16)!important;
}
.rp-platform-release-notes{
    margin-top:22px;
    padding:30px 30px 28px;
    border:1px solid rgba(72,151,226,.28);
    border-radius:20px;
    background:
        radial-gradient(circle at 86% 4%,rgba(103,67,255,.12),transparent 34%),
        linear-gradient(180deg,rgba(10,35,59,.96),rgba(5,22,40,.98));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 16px 38px rgba(0,0,0,.14);
}
.rp-platform-release-notes-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:24px;
    flex-wrap:wrap;
    padding-bottom:20px;
    border-bottom:1px solid rgba(86,145,202,.18);
}
.rp-platform-release-notes-head h2{
    margin:8px 0 0;
    color:#fff;
    font-size:clamp(1.55rem,2.2vw,2.15rem);
    line-height:1.15;
    font-weight:900;
    letter-spacing:-.025em;
}
.rp-platform-release-notes-badges{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}
.rp-platform-release-notes-badges span{
    display:inline-flex;
    align-items:center;
    min-height:30px;
    padding:0 10px;
    border:1px solid rgba(96,159,220,.28);
    border-radius:999px;
    color:#c2dbf3;
    background:rgba(11,41,68,.72);
    font-size:.74rem;
    font-weight:850;
}
.rp-platform-release-notes-badges .is-required{
    color:#ffd0a1;
    border-color:rgba(255,164,74,.42);
    background:rgba(174,77,14,.20);
}
.rp-platform-release-notes-body{
    padding-top:22px;
    color:#d6e7f8;
    font-size:.98rem;
    line-height:1.76;
    white-space:normal;
}
@media(max-width:680px){
    .rp-platform-release-notes{
        padding:24px 18px 22px;
        border-radius:17px;
    }
    .rp-platform-release-notes-head{
        gap:16px;
    }
    .rp-platform-release-notes-body{
        font-size:.93rem;
        line-height:1.7;
    }
}


/* ========================================================================
   v1.5 M4-1 — Full Width Enterprise Shell
   External layout polish only. Internal M1-M4 presentation remains unchanged.
   ======================================================================== */

.rp-platform-page{
    width:100%;
    max-width:none;
    margin-left:0;
    margin-right:0;
    border-radius:14px;
}

@media(min-width:1181px){
    .rp-platform-page{
        width:calc(100% - 16px);
        margin-left:8px;
        margin-right:8px;
    }
}

@media(max-width:1180px){
    .rp-platform-page{
        width:calc(100% - 12px);
        margin-left:6px;
        margin-right:6px;
        border-radius:12px;
    }
}

@media(max-width:680px){
    .rp-platform-page{
        width:calc(100% - 8px);
        margin-left:4px;
        margin-right:4px;
        border-radius:9px;
    }
}


/* ========================================================================
   v1.5 M4-1.1 — TRUE Full Width Enterprise Shell
   Escapes the centered Helix/Joomla content container and centers the
   Platform shell against the browser viewport.
   ======================================================================== */

.rp-platform-page{
    position:relative;
    left:50%;
    transform:translateX(-50%);
    width:calc(100vw - 16px);
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    border-radius:14px;
}

/* Tablet */
@media(max-width:1180px){
    .rp-platform-page{
        width:calc(100vw - 12px);
        border-radius:12px;
    }
}

/* Mobile */
@media(max-width:680px){
    .rp-platform-page{
        width:calc(100vw - 8px);
        border-radius:9px;
    }
}