/* Cepheid Robotics — V7 brand system
   Industrial nocturne / silver hardware / violet stellar energy */

:root {
    --bg: #060508;
    --bg2: #0d0a13;
    --paper: #f2f0f5;
    --ink: #121016;
    --muted: #9b96a3;
    --silver: #d7d4db;
    --silver-dim: #77727e;
    --violet: #8f48ff;
    --violet-hot: #ba75ff;
    --violet-deep: #4e159e;
    --cyan: #a762ff;
    --blue: #7240d8;
    --green: #c7a6ff;
    --line: rgba(224, 218, 231, .14);
    --lightline: rgba(24, 18, 31, .13);
    --max: 1280px;
}

body {
    background: var(--bg);
    color: #f4f1f7;
    font-family: Inter, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
}

::selection { background: var(--violet); color: white; }

.container { width: min(calc(100% - 64px), var(--max)); }
.section { padding: 132px 0; }
.dark { background: #070609; }
.light { background: var(--paper); }
.mix {
    background:
        radial-gradient(circle at 88% 20%, rgba(143,72,255,.12), transparent 26%),
        linear-gradient(180deg, #0a080e, #060508);
}

.kicker {
    color: #a56bff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .23em;
}

.head h2, .title h2 {
    font-weight: 520;
    letter-spacing: -.055em;
}

.head {
    display: block;
}

.head > div {
    max-width: 900px;
}

/* Navigation */
header { height: 84px; }
header.scrolled {
    background: rgba(6,5,8,.8);
    border-bottom-color: rgba(218,211,224,.12);
    backdrop-filter: blur(22px) saturate(120%);
}

nav { width: min(calc(100% - 64px), var(--max)); }
.brand { flex-shrink: 0; }
.brand-logo {
    display: block;
    width: 160px;
    height: 72px;
    /* Trim the square asset's empty vertical margins without stretching the logo. */
    object-fit: cover;
    object-position: center 49%;
    filter: invert(1) brightness(1.7) contrast(.82);
}
.brand:focus-visible { outline: 2px solid var(--violet-hot); outline-offset: 4px; }
.links { gap: 24px; }
.links a { color: #928d99; font-size: 12px; }
.links a::after { background: var(--violet-hot); }
.navcta {
    border-color: rgba(179,112,255,.42);
    border-radius: 4px;
    color: #d7baff;
    letter-spacing: .08em;
}

/* Home hero */
.page-main { padding-top: 84px; background: var(--bg); }
.hero-v7 {
    min-height: 100svh;
    padding: 146px 0 90px;
    isolation: isolate;
    background:
        linear-gradient(90deg, rgba(6,5,8,.98) 0 42%, rgba(6,5,8,.72) 66%, rgba(6,5,8,.9)),
        radial-gradient(circle at 75% 60%, rgba(143,72,255,.14), transparent 34%),
        #060508;
}
.hero-v7::before {
    content: "";
    position: absolute;
    z-index: -2;
    inset: 0;
    opacity: .38;
    background-image:
        radial-gradient(circle, rgba(255,255,255,.68) 0 1px, transparent 1.2px),
        radial-gradient(circle, rgba(176,125,255,.62) 0 1px, transparent 1.1px);
    background-position: 0 0, 37px 61px;
    background-size: 131px 131px, 187px 187px;
    mask-image: linear-gradient(to right, transparent 10%, #000 50%, #000);
}
.hero-v7::after {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 84px 32px 32px;
    border: 1px solid rgba(224,218,231,.08);
    pointer-events: none;
}
.hero-v7 .container {
    grid-template-columns: 1.25fr .75fr;
    gap: 60px;
}
.hero-copy { position: relative; z-index: 4; }
.pill {
    padding: 0;
    border: 0;
    color: #8f8995;
    font-size: 10px;
    letter-spacing: .25em;
}
.pill i { width: 18px; height: 1px; border-radius: 0; background: var(--violet-hot); }
.hero-v7 h1 {
    max-width: 820px;
    font-size: clamp(52px,5.3vw,82px);
    font-weight: 500;
    line-height: 1.05;
    letter-spacing: -.068em;
}
.hero-v7 h1 em {
    color: #d9bfff;
    background: linear-gradient(90deg, #f1e5ff, #b576ff 55%, #7041b8);
    background-clip: text;
}
.hero-v7 .lead { max-width: 720px; color: #aaa4b0; line-height: 1.85; }
.btn { border-radius: 4px; letter-spacing: .035em; }
.primary {
    color: #fff;
    background: linear-gradient(135deg, #8f48ff, #6e2fd4);
    box-shadow: 0 18px 50px rgba(126,54,226,.27), inset 0 1px rgba(255,255,255,.22);
}
.ghost { border-color: rgba(224,218,231,.18); background: rgba(255,255,255,.025); }
.hero-proof {
    display: grid;
    grid-template-columns: auto 1fr auto 1fr auto 1fr;
    gap: 12px;
    align-items: center;
    max-width: 660px;
    margin-top: 54px;
    padding-top: 21px;
    border-top: 1px solid var(--line);
}
.hero-proof span { color: #9d59ff; font: 600 9px/1 Inter,sans-serif; letter-spacing: .1em; }
.hero-proof p { color: #77717d; font-size: 11px; }
.hero-brand { position: relative; z-index: 3; align-self: center; min-height: 530px; }
.brand-sigil {
    position: absolute;
    inset: 4% -6% auto -2%;
    z-index: 3;
    filter: invert(1) brightness(1.7) contrast(.82);
    opacity: .88;
}
.brand-sigil img { display: block; width: 100%; height: auto; }
.hero-brand > p {
    position: absolute;
    right: 0;
    bottom: 1%;
    color: #8a8490;
    font-size: 9px;
    line-height: 1.8;
    letter-spacing: .22em;
    text-align: right;
}
.hero-brand > p span { display: inline-block; width: 42px; height: 1px; margin: 0 10px 3px 0; background: #a762ff; }
.hero-coordinates {
    position: absolute;
    z-index: 4;
    right: 50px;
    top: 112px;
    display: flex;
    gap: 38px;
    color: #544e59;
    font: 500 8px/1 Inter,sans-serif;
    letter-spacing: .18em;
}
.stellar-field { position: absolute; z-index: 0; right: -2vw; bottom: 3vh; width: 56vw; aspect-ratio: 1; }
.star-core {
    position: absolute;
    left: 58%;
    top: 56%;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff;
    box-shadow:
        0 0 9px 3px rgba(236,218,255,.95),
        0 0 42px 18px rgba(171,91,255,.48),
        0 0 150px 70px rgba(116,38,211,.2);
    animation: star-breathe 7s ease-in-out infinite;
}
.star-core::before,
.star-core::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    background: linear-gradient(90deg, transparent, rgba(215,177,255,.85), #fff, rgba(215,177,255,.85), transparent);
    transform: translate(-50%,-50%);
}
.star-core::before { width: 34vw; height: 1px; opacity: .74; }
.star-core::after { width: 19vw; height: 1px; opacity: .46; transform: translate(-50%,-50%) rotate(90deg); }
.stellar-ring { position: absolute; inset: 18% 2% 15% 8%; border: 1px solid rgba(185,124,255,.2); border-radius: 50%; transform: rotate(-18deg) scaleY(.38); }
.ring-one { animation: orbit-tilt 18s linear infinite; }
.ring-two { inset: 8% -4% 4% 0; border-color: rgba(224,218,231,.1); transform: rotate(23deg) scaleY(.28); animation: orbit-tilt-two 24s linear infinite reverse; }

/* Shared page heroes */
.page-hero {
    min-height: 610px;
    background:
        radial-gradient(circle at 82% 88%, rgba(143,72,255,.24), transparent 28%),
        linear-gradient(145deg, #060508, #0b0810 62%, #100a17);
}
.page-hero::after {
    content: "";
    position: absolute;
    z-index: -1;
    right: -3vw;
    bottom: -13vw;
    width: 42vw;
    aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(238,222,255,.7) 0 1px, rgba(181,105,255,.38) 2px, rgba(124,47,221,.16) 10%, transparent 62%);
    filter: blur(1px);
}
.page-grid {
    opacity: .22;
    background-image: linear-gradient(rgba(222,215,229,.045) 1px,transparent 1px), linear-gradient(90deg,rgba(222,215,229,.045) 1px,transparent 1px);
    background-size: 88px 88px;
}
.page-hero h1 { font-weight: 500; letter-spacing: -.06em; }
.page-hero-copy > p:not(.breadcrumb):not(.kicker) { color: #a6a0ab; }
.page-hero-copy .development-note {
    display: flex;
    align-items: center;
    gap: 14px;
    width: fit-content;
    margin-top: 24px;
    padding: 10px 14px;
    border: 1px solid rgba(183,124,255,.26);
    background: rgba(143,72,255,.07);
}
.development-note span {
    color: #817a88;
    font-size: 10px;
    letter-spacing: .12em;
}
.development-note b {
    color: #d7baff;
    font-size: 12px;
    font-weight: 560;
}
.breadcrumb { color: #6e6873; }
.page-orbit {
    border-color: rgba(217,207,225,.13);
    background: radial-gradient(circle, rgba(151,70,255,.18), transparent 58%);
}
.page-orbit::before { border-color: rgba(170,93,255,.42); }
.page-orbit::after { border-color: rgba(217,207,225,.18); }
.orbit-core {
    border-color: rgba(184,113,255,.46);
    color: #d1a7ff;
    background: rgba(12,8,16,.86);
    box-shadow: 0 0 52px rgba(142,61,239,.3);
    font-size: clamp(18px,2.3vw,29px);
    font-weight: 700;
    letter-spacing: .09em;
}

/* Content surfaces */
.position { padding: 100px 0; }
.position .container {
    grid-template-columns: 1.25fr .75fr;
    gap: 64px;
}

.position .title h2 {
    font-size: clamp(36px, 3.25vw, 50px);
    white-space: nowrap;
}
.formula span, .detail-card, .case-card, .belief-card, .process-card, .check-panel {
    border-radius: 3px;
}
.home-summary-grid, .home-case-grid { gap: 1px; background: var(--line); }
.home-summary-card, .home-case-card {
    border: 0;
    border-radius: 0;
    background: #09080b;
}
.home-summary-card:hover, .home-case-card:hover { background: #100b16; }
.home-summary-card > span, .home-case-card > span { color: #9c58fb; }
/* 统一放大卡片序号 */
.home-summary-card > span,
.home-case-card > span,
.home-service-card > small,
.detail-card > span,
.architecture-flow > article > small,
.fit-card > span,
.service > small,
.process-card > b,
.safety-chain > article > b,
.evolve > article > span,
.belief-card > span,
.case-template-card > span,
.founder-role > span {
    font-size: 16px;
    font-weight: 650;
    line-height: 1;
    letter-spacing: 0.12em;
}
.home-summary-card b { color: #bb83ff; }
.video-play { color: white; border-color: rgba(198,146,255,.5); background: rgba(143,72,255,.16); box-shadow: 0 0 45px rgba(143,72,255,.28); }
.home-service-row { gap: 1px; background: var(--line); }
.home-service-card { border: 0; border-radius: 0; background: #09080b; }
.home-service-card.featured { background: linear-gradient(145deg, rgba(143,72,255,.18), #0b080e); }
.service, .tech-detail, .fit-card, .architecture-flow article, .safety-chain article {
    border-radius: 4px;
    background: rgba(255,255,255,.026);
}
.service.featured { background: radial-gradient(circle at 85% 10%, rgba(143,72,255,.18), transparent 30%), rgba(255,255,255,.032); }
.recommend { background: #9050ee; color: white; }
.detail-card:hover, .case-card:hover, .belief-card:hover { box-shadow: 0 20px 55px rgba(45,25,59,.1); }
.check-list li { border-radius: 2px; background: #ece9ef; }
.check-list li::before { background: #9860df; color: white; }
.contact {
    background:
        radial-gradient(circle at 82% 120%, rgba(151,69,255,.34), transparent 34%),
        linear-gradient(120deg, #070609, #0f0a15);
}
.contact::after {
    content: "";
    position: absolute;
    right: -2vw;
    bottom: -15vw;
    width: 38vw;
    aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(233,213,255,.6) 0 1px, rgba(168,86,255,.3) 2px, rgba(104,34,190,.14) 12%, transparent 64%);
}
.contact .container { z-index: 2; }
.cta-panel {
    border-radius: 4px;
    background: radial-gradient(circle at 90% 130%, rgba(151,69,255,.28), transparent 36%), #0c0910;
}
footer { background: #050407; }
.social-link { border-radius: 3px; }

/* Founding team — editorial portraits rather than resume cards */
.founder-section {
    position: relative;
    overflow: hidden;
    border-top: 1px solid rgba(224,218,231,.09);
    background:
        linear-gradient(180deg, rgba(255,255,255,.018), transparent 34%),
        #070609;
}
.founder-glow {
    position: absolute;
    top: -260px;
    right: -180px;
    width: 620px;
    height: 620px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(143,72,255,.18), transparent 66%);
    pointer-events: none;
}
.founder-head { position: relative; z-index: 1; }
.founder-head > p { color: #918b97; }
.founder-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 1px;
    border: 1px solid rgba(224,218,231,.12);
    background: rgba(224,218,231,.12);
}
.founder-card {
    min-width: 0;
    background: #09080b;
}
.founder-photo {
    position: relative;
    overflow: hidden;
    width: min(calc(100% - 56px), 220px);
    height: 250px;
    margin: 30px auto 0;
    background: #e9e7eb;
}
.founder-photo::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, transparent 64%, rgba(9,8,11,.22)),
        linear-gradient(135deg, transparent 72%, rgba(143,72,255,.14));
    pointer-events: none;
}
.founder-photo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center 32%;
    filter: saturate(.86) contrast(1.02);
    transition: transform .7s cubic-bezier(.2,.75,.2,1), filter .5s ease;
}
.founder-card:nth-child(2) .founder-photo img,
.founder-card:nth-child(3) .founder-photo img { object-position: center 24%; }
.founder-card:hover .founder-photo img {
    transform: scale(1.018);
    filter: saturate(1) contrast(1.01);
}
.founder-copy { padding: 30px 30px 36px; }
.founder-role {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 17px;
    border-bottom: 1px solid rgba(224,218,231,.1);
}
.founder-role span {
    color: #9f62f4;
    font: 600 9px/1 Inter,sans-serif;
    letter-spacing: .14em;
}
.founder-role p {
    color: #8b8590;
    font-size: 11px;
    letter-spacing: .06em;
}
.founder-copy h3 {
    margin-top: 26px;
    color: #f3eff6;
    font-size: 27px;
    font-weight: 520;
    line-height: 1.2;
    letter-spacing: -.035em;
}
.founder-focus {
    margin-top: 9px;
    color: #b77cff;
    font-size: 13px;
}
.founder-bio {
    margin-top: 22px;
    color: #918b97;
    font-size: 15px;
    line-height: 1.9;
}

/* Careers */
.role-panel {
    overflow: hidden;
    border: 1px solid var(--lightline);
    background:
        radial-gradient(circle at 92% 8%, rgba(143,72,255,.1), transparent 31%),
        #fff;
    box-shadow: 0 24px 65px rgba(21,13,31,.08);
}

.role-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 32px;
    padding: 42px 46px 38px;
    border-bottom: 1px solid var(--lightline);
}

.role-index {
    color: var(--violet);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .2em;
}

.role-heading h3 {
    margin-top: 13px;
    color: var(--ink);
    font-size: clamp(27px,3vw,40px);
    font-weight: 520;
    line-height: 1.25;
    letter-spacing: -.045em;
}

.role-status {
    flex: 0 0 auto;
    padding: 9px 13px;
    border: 1px solid rgba(143,72,255,.28);
    color: #7130cf;
    background: rgba(143,72,255,.07);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .16em;
}

.role-columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.role-block {
    padding: 40px 46px 44px;
}

.role-block + .role-block {
    border-left: 1px solid var(--lightline);
}

.role-block h4 {
    color: var(--ink);
    font-size: 17px;
    font-weight: 600;
}

.role-block ul {
    display: grid;
    gap: 16px;
    margin-top: 25px;
    list-style: none;
}

.role-block li {
    position: relative;
    padding-left: 22px;
    color: #5c5761;
    font-size: 15px;
    line-height: 1.75;
}

.role-block li::before {
    position: absolute;
    top: .72em;
    left: 0;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--violet);
    box-shadow: 0 0 12px rgba(143,72,255,.35);
    content: "";
}

.role-note {
    padding: 24px 46px 27px;
    border-top: 1px solid var(--lightline);
    background: rgba(22,16,29,.025);
}

.role-note p {
    max-width: 860px;
    color: #706a76;
    font-size: 14px;
    line-height: 1.75;
}

.join-apply {
    background:
        radial-gradient(circle at 78% 28%, rgba(143,72,255,.17), transparent 27%),
        #070609;
}

.apply-panel {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 60px;
    padding: 58px 62px;
    border: 1px solid rgba(224,218,231,.14);
    background: rgba(255,255,255,.025);
}

.apply-panel h2 {
    margin-top: 15px;
    font-size: clamp(34px,4vw,54px);
    font-weight: 520;
    letter-spacing: -.055em;
}

.apply-panel p:last-child {
    max-width: 680px;
    margin-top: 18px;
    color: #938d99;
    font-size: 15px;
    line-height: 1.8;
}

.apply-panel .btn {
    flex: 0 0 auto;
}

@keyframes star-breathe {
    0%, 100% { filter: brightness(.92); transform: scale(1); }
    50% { filter: brightness(1.08); transform: scale(1.012); }
}
@keyframes orbit-tilt { to { transform: rotate(342deg) scaleY(.38); } }
@keyframes orbit-tilt-two { to { transform: rotate(383deg) scaleY(.28); } }

@media (max-width: 1030px) {
    .position .title h2 {
        white-space: normal;
    }
    .links { top: 84px; background: rgba(6,5,8,.97); }
    .hero-v7 { min-height: auto; }
    .hero-v7 .container { grid-template-columns: 1fr; text-align: left; }
    .hero-v7 .hero-copy { max-width: 820px; margin: 0; }
    .hero-v7 .lead { margin-left: 0; margin-right: 0; }
    .hero-v7 .actions { justify-content: flex-start; }
    .hero-brand { min-height: 450px; max-width: 700px; width: 100%; margin: 0 auto; }
    .stellar-field { right: -18vw; bottom: -2vw; width: 88vw; }
    .hero-coordinates { display: none; }
    .founder-grid { grid-template-columns: 1fr; }
    .founder-card { display: grid; grid-template-columns: 220px 1fr; align-items: start; }
    .founder-photo { width: 180px; height: 210px; margin: 30px 0 30px 30px; }
    .apply-panel { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 680px) {
    .container, nav, .hero .container { width: min(calc(100% - 32px), var(--max)); }
    .section { padding: 88px 0; }
    .hero-v7 { padding: 124px 0 40px; }
    .hero-v7::after { inset: 84px 10px 10px; }
    .hero-v7 h1 { font-size: clamp(44px,14vw,65px); }
    .hero-proof { grid-template-columns: auto 1fr; }
    .hero-brand { min-height: 310px; }
    .brand-sigil { inset: 4% -10% auto -10%; }
    .hero-brand > p { right: 4px; bottom: 6%; }
    .stellar-field { right: -42vw; bottom: -3vw; width: 130vw; opacity: .9; }
    .page-hero::after { width: 90vw; bottom: -38vw; }
    .contact::after { width: 88vw; bottom: -40vw; }
    .founder-head { margin-bottom: 42px; }
    .founder-grid { border-left: 0; border-right: 0; }
    .founder-card { display: block; }
    .founder-photo { width: 168px; height: 194px; margin: 24px auto 0; }
    .founder-copy { padding: 26px 22px 32px; }
    .founder-bio { font-size: 15px; line-height: 1.82; }
    .role-heading { padding: 30px 24px 27px; }
    .role-columns { grid-template-columns: 1fr; }
    .role-block { padding: 31px 24px 34px; }
    .role-block + .role-block { border-top: 1px solid var(--lightline); border-left: 0; }
    .role-note { padding: 22px 24px 24px; }
    .apply-panel { gap: 32px; padding: 38px 24px; }
    .evaluation-heading { font-size: clamp(28px, 8.4vw, 35px); }
}

@media (prefers-reduced-motion: reduce) {
    .star-core, .stellar-ring { animation: none; }
}

/* 统一应用场景卡片说明区域的高度 */
@media (min-width: 681px) {
    .case-card > p {
        min-height: 3.6em;
    }
}

.fit-card h3 {
    margin-top: 12px;
    font-size: 22px;
    font-weight: 600;
    line-height: 1.3;
}

/* 应用条件模块：保留原有构图并固定标题为两行 */
@media (min-width: 1031px) {
    .suitability {
        grid-template-columns: 0.78fr 1.22fr;
        gap: 80px;
    }

    .suitability .title {
        min-width: 0;
    }

    .suitability .title h2 {
        font-size: clamp(40px, 3.15vw, 48px);
        white-space: normal;
    }

    .evaluation-heading {
        font-size: clamp(36px, 3vw, 52px);
    }
}

.evaluation-heading span {
    display: block;
    white-space: nowrap;
}

/* One RaaS offering, with hardware, software and operations in a shared panel. */
.services.services-raas,
.home-service-row.home-service-raas { grid-template-columns: minmax(0, 1fr); }
.service.raas-service {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 64px;
    min-height: 0;
    padding: 48px;
    border-color: rgba(179,112,255,.36);
}
.service.raas-service:hover { transform: none; }
.raas-summary > small,
.raas-home-title > small { color: #bd8afa; font-size: 15px; font-weight: 600; letter-spacing: .12em; }
.raas-summary h3 { margin-top: 24px; font-size: clamp(28px, 3vw, 40px); }
.raas-summary p { font-size: 16px; line-height: 1.85; }
.raas-summary .raas-definition { color: #c5a5e1; font-size: 14px; }
.raas-summary .btn { margin-top: 28px; }
.raas-scope { padding-left: 40px; border-left: 1px solid rgba(224,218,231,.14); }
.raas-scope h4 { color: #d7d4db; font-size: 16px; font-weight: 500; }
.raas-scope ul { margin-top: 12px; gap: 0; }
.raas-scope li { display: grid; gap: 10px; padding: 22px 0; }
.raas-scope li + li { border-top: 1px solid rgba(224,218,231,.14); }
.raas-scope li::before { display: none; }
.raas-scope strong { color: #f4f1f7; font-size: 20px; font-weight: 550; }
.raas-scope li span { color: #9b96a3; font-size: 15px; line-height: 1.8; }
.home-service-card.raas-home-card {
    display: grid;
    grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
    align-items: center;
    gap: 56px;
    padding: 42px 48px;
    min-height: 0;
    border: 1px solid rgba(179,112,255,.3);
}
.raas-home-title h3 { margin-top: 18px; font-size: clamp(26px, 2.7vw, 36px); }
.raas-home-copy p { margin-top: 0; font-size: 16px; line-height: 1.85; }
.raas-home-copy b { display: inline-block; margin-top: 22px; color: #c49bf2; font-size: 14px; }
@media (max-width: 800px) {
    .service.raas-service,
    .home-service-card.raas-home-card { grid-template-columns: minmax(0, 1fr); gap: 32px; padding: 30px 24px; }
    .raas-scope { padding: 28px 0 0; border-left: 0; border-top: 1px solid rgba(224,218,231,.14); }
}