/* ============================================================
   ALVORN HOME UNIVERSE V13
   Hero is intentionally untouched.
============================================================ */

.home-main {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    background: #000;
}

.universe-intro,
.universe-capabilities,
.universe-projects,
.universe-process,
.universe-principles,
.universe-final-cta {
    --u-text: #f5f8fc;
    --u-muted: #7c8b9d;
    --u-muted-2: #536276;
    --u-blue: #7bc4ff;
    --u-blue-strong: #2d83ff;
    --u-line: rgba(255,255,255,.075);
    position: relative;
    width: 100%;
    max-width: 100%;
    color: var(--u-text);
    font-family: Inter,"SF Pro Display","Segoe UI",Arial,Helvetica,sans-serif;
    overflow: hidden;
}

.universe-intro *,
.universe-capabilities *,
.universe-projects *,
.universe-process *,
.universe-principles *,
.universe-final-cta * { box-sizing: border-box; }

.universe-kicker {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    color: var(--u-blue);
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.universe-kicker::before {
    content: "";
    width: 34px;
    height: 1px;
    background: linear-gradient(90deg,var(--u-blue),transparent);
}

.universe-text-link {
    margin-top: 27px;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: #deedfb;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.universe-text-link span { color: var(--u-blue); }

/* INTRO */
.universe-intro {
    padding: clamp(88px,9vw,142px) 0;
    background:
        radial-gradient(circle at 76% 42%,rgba(45,131,255,.11),transparent 32%),
        linear-gradient(180deg,#000,#02060b 62%,#000);
}

.universe-intro::before {
    content: "SIGNAL";
    position: absolute;
    right: -1.5vw;
    top: 4%;
    color: rgba(121,194,255,.025);
    font-size: clamp(8rem,18vw,18rem);
    font-weight: 800;
    line-height: .8;
    letter-spacing: -.08em;
    pointer-events: none;
}

.universe-intro-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0,.9fr) minmax(500px,1.1fr);
    gap: clamp(54px,7vw,110px);
    align-items: center;
}

.universe-intro-copy { max-width: 610px; }

.universe-intro-copy h2,
.universe-section-head h2,
.universe-principles-copy h2,
.universe-final-cta h2 {
    margin: 19px 0 0;
    color: #fff;
    font-size: clamp(3rem,5.4vw,5.9rem);
    font-weight: 560;
    line-height: .99;
    letter-spacing: -.06em;
}

.universe-intro-copy h2 span,
.universe-section-head h2 span,
.universe-principles-copy h2 span,
.universe-final-cta h2 span {
    display: block;
    color: #9bcfff;
}

.universe-intro-copy > p {
    max-width: 590px;
    margin: 27px 0 0;
    color: var(--u-muted);
    font-size: clamp(.98rem,1.25vw,1.16rem);
    line-height: 1.78;
}

.universe-intro-facts {
    margin-top: 38px;
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    border-top: 1px solid var(--u-line);
    border-bottom: 1px solid var(--u-line);
}

.universe-intro-facts > div {
    min-height: 100px;
    padding: 22px 15px 20px 0;
    display: grid;
    align-content: center;
    gap: 7px;
}

.universe-intro-facts > div + div {
    padding-left: 18px;
    border-left: 1px solid var(--u-line);
}

.universe-intro-facts strong { color: #eef7ff; font-size: .83rem; font-weight: 650; }
.universe-intro-facts span { color: var(--u-muted-2); font-size: .69rem; line-height: 1.45; }

.universe-system-visual {
    position: relative;
    min-height: clamp(500px,48vw,650px);
    border: 1px solid rgba(121,194,255,.16);
    background:
        radial-gradient(circle at center,rgba(45,131,255,.16),transparent 31%),
        linear-gradient(145deg,rgba(5,14,24,.98),rgba(1,4,8,1));
    box-shadow: 0 50px 120px rgba(0,0,0,.44), inset 0 1px 0 rgba(255,255,255,.035);
    overflow: hidden;
}

.universe-visual-grid {
    position: absolute;
    inset: 0;
    opacity: .55;
    background-image:
        linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);
    background-size: 48px 48px;
}

.universe-connection-map { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.universe-connection-map path { stroke:rgba(121,194,255,.25); stroke-width:1.2; stroke-dasharray:8 10; animation:universeDash 14s linear infinite; }
@keyframes universeDash { to { stroke-dashoffset:-180; } }

.universe-core {
    position: absolute;
    left: 50%;
    top: 50%;
    width: clamp(178px,18vw,230px);
    aspect-ratio: 1;
    display: grid;
    place-items: center;
    border: 1px solid rgba(121,194,255,.3);
    border-radius: 50%;
    background: radial-gradient(circle,rgba(45,131,255,.23),rgba(5,17,29,.86) 52%,rgba(1,4,8,.98) 72%);
    box-shadow: 0 0 80px rgba(45,131,255,.2), inset 0 0 40px rgba(121,194,255,.09);
    transform: translate(-50%,-50%);
}

.universe-core-ring {
    position: absolute;
    inset: -26px;
    border: 1px solid rgba(121,194,255,.12);
    border-radius: 50%;
    animation: universeRing 12s linear infinite;
}

.universe-core-ring::before,
.universe-core-ring::after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--u-blue);
    box-shadow: 0 0 18px rgba(121,194,255,.85);
}
.universe-core-ring::before { left:50%; top:-4px; }
.universe-core-ring::after { right:-4px; top:50%; }
@keyframes universeRing { to { rotate:360deg; } }

.universe-core-center { display:grid; justify-items:center; gap:4px; text-align:center; }
.universe-core-center small { color:var(--u-blue); font-size:.54rem; font-weight:800; letter-spacing:.25em; }
.universe-core-center strong { color:#fff; font-size:clamp(2rem,3.2vw,3rem); font-weight:580; letter-spacing:-.05em; }
.universe-core-center span { color:var(--u-muted-2); font-size:.56rem; letter-spacing:.08em; text-transform:uppercase; }

.universe-node {
    position: absolute;
    min-width: 128px;
    min-height: 78px;
    padding: 15px 16px;
    display: grid;
    align-content: center;
    gap: 4px;
    border: 1px solid rgba(121,194,255,.16);
    background: rgba(3,10,17,.88);
    box-shadow: 0 14px 34px rgba(0,0,0,.24);
}
.universe-node span { color:var(--u-blue); font-size:.5rem; font-weight:800; letter-spacing:.16em; }
.universe-node strong { color:#f3f8fe; font-size:.88rem; }
.universe-node small { color:var(--u-muted-2); font-size:.58rem; }
.universe-node-a { left:6%; top:9%; }
.universe-node-b { right:6%; top:9%; }
.universe-node-c { left:6%; bottom:10%; }
.universe-node-d { right:6%; bottom:10%; }

.universe-visual-status {
    position: absolute;
    left: 22px;
    bottom: 19px;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #7890a8;
    font-size: .52rem;
    font-weight: 800;
    letter-spacing: .15em;
}
.universe-visual-status span { width:7px; height:7px; border-radius:50%; background:#6df59a; box-shadow:0 0 14px rgba(109,245,154,.7); }

/* COMMON HEAD */
.universe-capabilities,
.universe-projects,
.universe-process { padding: clamp(82px,8vw,128px) 0; }

.universe-section-head {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0,1.18fr) minmax(300px,.82fr);
    gap: clamp(42px,7vw,100px);
    align-items: end;
}
.universe-section-head > div { max-width:860px; }
.universe-section-head > p { max-width:520px; margin:0; color:var(--u-muted); font-size:clamp(.94rem,1.15vw,1.08rem); line-height:1.75; }

/* SERVICES */
.universe-capabilities {
    background:
        radial-gradient(circle at 18% 48%,rgba(45,131,255,.08),transparent 28%),
        #000;
}
.universe-capabilities::before {
    content:"BUILD";
    position:absolute;
    right:-1vw;
    top:5%;
    color:rgba(121,194,255,.022);
    font-size:clamp(8rem,17vw,17rem);
    font-weight:800;
    line-height:.8;
    letter-spacing:-.08em;
    pointer-events:none;
}

.universe-services {
    position: relative;
    z-index: 2;
    margin-top: clamp(48px,6vw,78px);
    display: grid;
    grid-template-columns: minmax(0,.94fr) minmax(500px,1.06fr);
    grid-template-areas: "detail cards";
    gap: clamp(24px,3.5vw,52px);
}

.universe-service-detail {
    grid-area: detail;
    position: relative;
    min-height: 490px;
    padding: clamp(26px,3vw,38px);
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(121,194,255,.22);
    background:
        radial-gradient(circle at 10% 7%,rgba(45,131,255,.16),transparent 28%),
        linear-gradient(145deg,rgba(6,15,25,.98),rgba(1,5,9,1));
    box-shadow: 0 40px 90px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.035);
    overflow: hidden;
}
.universe-service-detail::before {
    content:"";
    position:absolute;
    inset:0;
    opacity:.36;
    background-image:
        linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);
    background-size:44px 44px;
    pointer-events:none;
}
.universe-service-detail-top,
.universe-service-detail-body,
.universe-service-detail-bottom { position:relative; z-index:2; }

.universe-service-detail-top {
    padding-bottom:22px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    border-bottom:1px solid var(--u-line);
}
.universe-service-detail-icon { width:68px; height:68px; display:grid; place-items:center; border:1px solid rgba(121,194,255,.38); color:#a8dcff; background:rgba(8,25,40,.78); }
.universe-service-detail-icon svg,
.universe-service-icon svg { stroke:currentColor; stroke-width:1.45; stroke-linecap:round; stroke-linejoin:round; }
.universe-service-detail-icon svg { width:31px; height:31px; }
.universe-service-detail-top > div { display:grid; justify-items:end; gap:7px; text-align:right; }
.universe-service-detail-top > div span { color:var(--u-blue); font-size:.54rem; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.universe-service-detail-top > div small { color:var(--u-muted-2); font-size:.5rem; font-weight:800; letter-spacing:.14em; }

.universe-service-detail-body { padding-top:clamp(28px,4vw,50px); }
.universe-service-detail-body h3 { max-width:540px; margin:0; color:#fff; font-size:clamp(2.4rem,4.3vw,4.6rem); font-weight:560; line-height:.98; letter-spacing:-.058em; }
.universe-service-detail-body > p { max-width:560px; margin:19px 0 0; color:var(--u-muted); font-size:.95rem; line-height:1.72; }

.universe-service-points { margin-top:26px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.universe-service-points span { min-height:40px; padding:0 13px; display:flex; align-items:center; border:1px solid var(--u-line); color:#aebdcd; background:rgba(255,255,255,.018); font-size:.67rem; }

.universe-service-detail-bottom { margin-top:auto; padding-top:28px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.universe-service-detail-bottom a { min-height:44px; padding:0 15px; display:inline-flex; align-items:center; gap:14px; border:1px solid rgba(121,194,255,.38); color:#edf7ff; background:rgba(45,131,255,.07); font-size:.58rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.universe-service-detail-bottom > span { color:var(--u-muted-2); font-size:.5rem; font-weight:800; letter-spacing:.14em; }

.universe-service-grid { grid-area:cards; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px; }
.universe-service-card {
    position:relative;
    min-width:0;
    min-height:150px;
    padding:15px 15px 14px;
    display:grid;
    align-content:space-between;
    justify-items:start;
    gap:18px;
    border:1px solid rgba(255,255,255,.075);
    color:#fff;
    background:linear-gradient(145deg,rgba(6,10,15,.98),rgba(1,3,6,1));
    text-align:left;
    overflow:hidden;
    cursor:pointer;
    transition:border-color 180ms ease,background 180ms ease,translate 220ms cubic-bezier(.16,1,.3,1);
}
.universe-service-card::before { content:""; position:absolute; left:0; top:-1px; width:42%; height:2px; opacity:0; background:linear-gradient(90deg,transparent,var(--u-blue-strong),var(--u-blue),transparent); box-shadow:0 0 14px rgba(121,194,255,.54); transform:translateX(-120%); }
.universe-service-card:hover { border-color:rgba(121,194,255,.26); translate:0 -2px; }
.universe-service-card.is-active { border-color:rgba(121,194,255,.46); background:linear-gradient(145deg,rgba(8,20,33,1),rgba(1,5,10,1)); }
.universe-service-card.is-active::before { opacity:1; animation:universeServiceBeam 5.8s cubic-bezier(.4,0,.2,1) infinite; }
@keyframes universeServiceBeam { 0% { transform:translateX(-120%); } 64%,100% { transform:translateX(345%); } }
.universe-service-icon { width:42px; height:42px; display:grid; place-items:center; border:1px solid rgba(121,194,255,.17); color:var(--u-blue); background:rgba(5,16,26,.72); }
.universe-service-icon svg { width:19px; height:19px; }
.universe-service-card strong { color:#f4f8fd; font-size:clamp(.98rem,1.35vw,1.2rem); font-weight:600; line-height:1.08; letter-spacing:-.035em; }
.universe-service-card small { color:var(--u-muted-2); font-size:.61rem; line-height:1.4; }

/* PROJECTS */
.universe-projects {
    background:
        radial-gradient(circle at 84% 24%,rgba(45,131,255,.10),transparent 28%),
        linear-gradient(180deg,#000,#02060b 54%,#000);
}
.universe-projects::before { content:"WORK"; position:absolute; right:0; top:4%; color:rgba(121,194,255,.024); font-size:clamp(8rem,18vw,18rem); font-weight:800; line-height:.8; letter-spacing:-.08em; pointer-events:none; }
.universe-project-carousel { position:relative; z-index:2; margin-top:clamp(46px,5.5vw,72px); }
.universe-project-toolbar { margin-bottom:17px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.universe-project-toolbar > div:first-child { display:flex; align-items:center; gap:12px; color:var(--u-muted-2); font-size:.53rem; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }
.universe-project-toolbar strong { color:var(--u-blue); }
.universe-project-controls { display:flex; gap:8px; }
.universe-project-controls button { width:44px; height:44px; display:grid; place-items:center; border:1px solid rgba(121,194,255,.18); color:#9aabba; background:rgba(4,11,18,.78); cursor:pointer; }
.universe-project-controls button:disabled { opacity:.34; cursor:default; }

.universe-project-track { display:flex; gap:20px; width:100%; padding-bottom:22px; overflow-x:auto; overflow-y:hidden; scroll-behavior:smooth; scroll-snap-type:x proximity; scrollbar-width:none; -webkit-overflow-scrolling:touch; cursor:grab; }
.universe-project-track::-webkit-scrollbar { display:none; }
.universe-project-track.is-dragging { scroll-behavior:auto; scroll-snap-type:none; cursor:grabbing; user-select:none; }

.universe-project-card { flex:0 0 min(550px,74vw); width:min(550px,74vw); height:610px; perspective:1600px; scroll-snap-align:start; }
.universe-project-inner { position:relative; width:100%; height:100%; transform-style:preserve-3d; transition:transform 720ms cubic-bezier(.16,1,.3,1); }
.universe-project-card.is-flipped .universe-project-inner { transform:rotateY(180deg); }
.universe-project-face { position:absolute; inset:0; border:1px solid rgba(255,255,255,.085); background:linear-gradient(150deg,rgba(5,13,22,.99),rgba(1,4,8,1)); backface-visibility:hidden; -webkit-backface-visibility:hidden; overflow:hidden; }
.universe-project-front { display:grid; grid-template-rows:minmax(0,1.06fr) minmax(0,.94fr); }
.universe-project-back { padding:clamp(26px,3vw,38px); display:flex; flex-direction:column; transform:rotateY(180deg); pointer-events:none; }
.universe-project-card.is-flipped .universe-project-front { visibility:hidden; pointer-events:none; }
.universe-project-card.is-flipped .universe-project-back { visibility:visible; pointer-events:auto; }

.universe-project-visual { position:relative; min-height:0; padding:22px; border-bottom:1px solid var(--u-line); overflow:hidden; background:radial-gradient(circle at 82% 18%,rgba(45,131,255,.24),transparent 34%),#06111d; }
.universe-project-visual::after { content:""; position:absolute; inset:0; opacity:.34; background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size:42px 42px; pointer-events:none; }
.universe-project-visual-route { background:radial-gradient(circle at 70% 24%,rgba(45,131,255,.22),transparent 35%),#06101b; }
.universe-project-visual-building { background:linear-gradient(135deg,rgba(45,131,255,.2),transparent 42%),#07101a; }
.universe-project-visual-calendar { background:radial-gradient(circle at 52% 50%,rgba(45,131,255,.18),transparent 40%),#06101b; }
.universe-project-visual-label { position:relative; z-index:2; display:flex; align-items:center; justify-content:space-between; color:var(--u-blue); font-size:.5rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.universe-project-visual-label strong { color:#d9ecff; font-size:.66rem; }
.universe-project-visual-ui { position:relative; z-index:2; height:88px; margin:30px 0 14px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.universe-project-visual-ui i { border-top:1px solid rgba(121,194,255,.24); background:rgba(255,255,255,.025); }
.universe-project-visual-ui i:nth-child(n+4) { display:none; }
.universe-project-visual svg { position:relative; z-index:2; width:100%; height:130px; }

.universe-project-content { padding:24px 26px 22px; display:flex; flex-direction:column; }
.universe-project-content > span,
.universe-project-back > span { color:var(--u-blue); font-size:.52rem; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.universe-project-content h3 { margin:13px 0 0; color:#fff; font-size:clamp(2.15rem,3.3vw,3.35rem); font-weight:560; line-height:.98; letter-spacing:-.055em; }
.universe-project-content p { max-width:460px; margin:15px 0 0; color:var(--u-muted); font-size:.78rem; line-height:1.65; }
.universe-project-content > div { margin-top:auto; padding-top:18px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.universe-project-content small { color:#bddcf5; font-size:.5rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.universe-project-content button,
.universe-project-back-actions button { padding:0; border:0; color:var(--u-blue); background:transparent; font-size:.53rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; cursor:pointer; }

.universe-project-back > h3 { max-width:450px; margin:22px 0 0; color:#fff; font-size:clamp(2rem,3.3vw,3rem); font-weight:560; line-height:1.02; letter-spacing:-.05em; }
.universe-project-back-grid { margin-top:30px; display:grid; gap:18px; }
.universe-project-back-grid > div { padding-top:13px; border-top:1px solid var(--u-line); }
.universe-project-back-grid small { color:var(--u-blue); font-size:.5rem; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }
.universe-project-back-grid p { margin:7px 0 0; color:#8998aa; font-size:.78rem; line-height:1.6; }
.universe-project-back-actions { margin-top:auto; padding-top:24px; display:flex; align-items:center; justify-content:space-between; gap:18px; }
.universe-project-back-actions a { min-height:42px; padding:0 14px; display:inline-flex; align-items:center; border:1px solid rgba(121,194,255,.32); color:#eef8ff; background:rgba(45,131,255,.07); font-size:.54rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.universe-project-progress { width:100%; height:1px; overflow:hidden; background:rgba(255,255,255,.075); }
.universe-project-progress span { display:block; width:25%; height:100%; background:linear-gradient(90deg,var(--u-blue-strong),var(--u-blue)); transition:width 180ms linear; }
.universe-project-footer { position:relative; z-index:2; margin-top:clamp(44px,5vw,70px); padding-top:24px; display:flex; align-items:center; justify-content:space-between; gap:30px; border-top:1px solid var(--u-line); }
.universe-project-footer p { max-width:660px; margin:0; color:var(--u-muted); font-size:.88rem; line-height:1.7; }
.universe-project-footer a { min-height:48px; padding:0 17px; display:inline-flex; align-items:center; gap:13px; border:1px solid rgba(121,194,255,.32); color:#f0f8ff; background:rgba(45,131,255,.06); font-size:.57rem; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }

/* PROCESS */
.universe-process { background:linear-gradient(180deg,#000,#03080e 54%,#000); }
.universe-process::before { content:"FLOW"; position:absolute; left:-1vw; top:7%; color:rgba(121,194,255,.022); font-size:clamp(8rem,18vw,18rem); font-weight:800; line-height:.8; letter-spacing:-.08em; pointer-events:none; }
.universe-process-layout { position:relative; z-index:2; margin-top:clamp(48px,6vw,78px); display:grid; grid-template-columns:minmax(460px,1.05fr) minmax(0,.95fr); gap:clamp(40px,6vw,90px); align-items:center; }
.universe-process-visual { min-height:540px; padding:20px; border:1px solid rgba(121,194,255,.17); background:linear-gradient(145deg,rgba(5,14,24,.98),rgba(1,4,8,1)); }
.universe-process-screen { position:relative; width:100%; height:100%; min-height:500px; display:flex; flex-direction:column; border:1px solid rgba(255,255,255,.07); background:radial-gradient(circle at center,rgba(45,131,255,.14),transparent 35%),#02070c; overflow:hidden; }
.universe-process-screen::before { content:""; position:absolute; inset:0; opacity:.45; background-image:linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.024) 1px,transparent 1px); background-size:46px 46px; }
.universe-process-screen-top,
.universe-process-screen-bottom { position:relative; z-index:2; min-height:58px; padding:0 18px; display:flex; align-items:center; justify-content:space-between; gap:16px; border-bottom:1px solid var(--u-line); color:var(--u-muted-2); font-size:.5rem; font-weight:800; letter-spacing:.14em; }
.universe-process-screen-top small { color:var(--u-blue); }
.universe-process-orbit { position:relative; z-index:2; flex:1; display:grid; place-items:center; }
.orbit-center { position:relative; z-index:3; width:110px; height:110px; display:grid; place-items:center; border:1px solid rgba(121,194,255,.38); border-radius:50%; color:#fff; background:radial-gradient(circle,rgba(45,131,255,.24),#05111d 68%); box-shadow:0 0 60px rgba(45,131,255,.18); font-size:1.2rem; font-weight:700; letter-spacing:.08em; }
.universe-process-orbit i { position:absolute; left:50%; top:50%; border:1px solid rgba(121,194,255,.14); border-radius:50%; transform:translate(-50%,-50%); }
.orbit-a { width:190px; height:190px; }
.orbit-b { width:275px; height:275px; }
.orbit-c { width:360px; height:360px; }
.orbit-d { width:420px; height:420px; opacity:.55; }
.universe-process-screen-bottom { border-top:1px solid var(--u-line); border-bottom:0; }
.universe-process-screen-bottom span { position:relative; padding-left:14px; }
.universe-process-screen-bottom span::before { content:""; position:absolute; left:0; top:50%; width:5px; height:5px; border-radius:50%; background:var(--u-blue); transform:translateY(-50%); }
.universe-process-steps { display:grid; }
.universe-process-steps article { min-height:130px; padding:24px 0; display:grid; grid-template-columns:58px minmax(0,1fr); gap:22px; border-top:1px solid var(--u-line); }
.universe-process-steps article:last-child { border-bottom:1px solid var(--u-line); }
.universe-process-steps article > span { color:var(--u-blue); font-size:.62rem; font-weight:800; letter-spacing:.14em; }
.universe-process-steps h3 { margin:0; color:#fff; font-size:clamp(1.35rem,2vw,1.75rem); font-weight:570; letter-spacing:-.035em; }
.universe-process-steps p { max-width:500px; margin:9px 0 0; color:var(--u-muted); font-size:.84rem; line-height:1.65; }

/* PRINCIPLES */
.universe-principles { padding:clamp(86px,9vw,138px) 0; background:radial-gradient(circle at 20% 45%,rgba(45,131,255,.09),transparent 28%),#000; }
.universe-principles-grid { display:grid; grid-template-columns:minmax(0,.82fr) minmax(500px,1.18fr); gap:clamp(58px,8vw,120px); align-items:start; }
.universe-principles-copy { position:sticky; top:120px; max-width:540px; }
.universe-principles-copy p { margin:24px 0 0; color:var(--u-muted); font-size:1rem; line-height:1.75; }
.universe-principles-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.universe-principles-list article { min-height:250px; padding:24px 22px; display:flex; flex-direction:column; border:1px solid var(--u-line); background:linear-gradient(145deg,rgba(5,10,16,.98),rgba(1,3,6,1)); }
.universe-principles-list article > span { color:var(--u-blue); font-size:.53rem; font-weight:800; letter-spacing:.16em; }
.universe-principles-list h3 { margin:auto 0 0; color:#fff; font-size:clamp(1.5rem,2.4vw,2.1rem); font-weight:570; letter-spacing:-.04em; }
.universe-principles-list p { margin:11px 0 0; color:var(--u-muted); font-size:.77rem; line-height:1.62; }

/* FINAL CTA */
.universe-final-cta { padding:34px 0 clamp(86px,9vw,136px); background:#000; }
.universe-final-cta-panel { position:relative; min-height:360px; padding:clamp(34px,5vw,70px); display:grid; grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr); gap:clamp(46px,8vw,120px); align-items:end; border:1px solid rgba(121,194,255,.24); background:radial-gradient(circle at 82% 24%,rgba(45,131,255,.2),transparent 36%),linear-gradient(145deg,#07121e,#020509 74%); box-shadow:0 48px 110px rgba(0,0,0,.4); overflow:hidden; }
.universe-final-cta-panel::before { content:"ALVORN"; position:absolute; right:-3%; bottom:-8%; color:rgba(121,194,255,.045); font-size:clamp(7rem,16vw,16rem); font-weight:800; line-height:.8; letter-spacing:-.08em; pointer-events:none; }
.universe-final-cta-panel > div { position:relative; z-index:2; }
.universe-final-cta-panel > div:last-child p { margin:0; color:#8b9caf; font-size:.96rem; line-height:1.72; }
.universe-final-cta-panel > div:last-child a { min-height:52px; margin-top:28px; padding:0 19px; display:inline-flex; align-items:center; gap:15px; border:1px solid rgba(121,194,255,.46); color:#fff; background:rgba(45,131,255,.12); font-size:.61rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }

@media (max-width:1080px) {
    .universe-intro-grid,
    .universe-services,
    .universe-process-layout,
    .universe-principles-grid { grid-template-columns:minmax(0,1fr) minmax(420px,1fr); }
    .universe-service-detail { min-height:470px; }
    .universe-project-card { flex-basis:min(500px,78vw); width:min(500px,78vw); }
}

@media (max-width:700px) {
    .universe-intro,
    .universe-capabilities,
    .universe-projects,
    .universe-process,
    .universe-principles { padding:68px 0; }

    .universe-intro::before,
    .universe-capabilities::before,
    .universe-projects::before,
    .universe-process::before { right:-2vw; left:auto; top:3%; font-size:31vw; color:rgba(121,194,255,.038); }

    .universe-intro-grid,
    .universe-section-head,
    .universe-process-layout,
    .universe-principles-grid,
    .universe-final-cta-panel { grid-template-columns:1fr; }

    .universe-intro-grid { gap:42px; }
    .universe-intro-copy h2,
    .universe-section-head h2,
    .universe-principles-copy h2,
    .universe-final-cta h2 { font-size:clamp(2.45rem,11vw,3.7rem); line-height:1.01; letter-spacing:-.052em; }
    .universe-intro-copy > p,
    .universe-section-head > p,
    .universe-principles-copy p,
    .universe-final-cta-panel > div:last-child p { font-size:.91rem; line-height:1.7; }

    .universe-intro-facts { grid-template-columns:1fr; }
    .universe-intro-facts > div { min-height:74px; padding:16px 0; }
    .universe-intro-facts > div + div { padding-left:0; border-left:0; border-top:1px solid var(--u-line); }

    .universe-system-visual { min-height:430px; }
    .universe-node { min-width:96px; min-height:62px; padding:10px 11px; }
    .universe-node strong { font-size:.72rem; }
    .universe-node small { font-size:.5rem; }
    .universe-core { width:150px; }
    .universe-core-center strong { font-size:2rem; }

    .universe-section-head { gap:26px; }

    .universe-services { margin-top:36px; display:flex; flex-direction:column; gap:8px; }
    .universe-service-grid { order:1; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
    .universe-service-grid > .universe-service-detail { grid-column:1/-1; width:100%; }
    .universe-service-card { min-height:92px; padding:9px 6px; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; gap:9px; text-align:center; }
    .universe-service-card:hover { translate:0 0; }
    .universe-service-icon { width:30px; height:30px; }
    .universe-service-icon svg { width:14px; height:14px; }
    .universe-service-card strong { width:100%; font-size:clamp(.65rem,3vw,.81rem); line-height:1.08; }
    .universe-service-card small { display:none; }
    .universe-service-detail { min-height:0; margin:5px 0; padding:16px 14px; }
    .universe-service-detail-top { padding-bottom:13px; }
    .universe-service-detail-icon { width:46px; height:46px; }
    .universe-service-detail-icon svg { width:21px; height:21px; }
    .universe-service-detail-body { padding-top:18px; }
    .universe-service-detail-body h3 { font-size:clamp(1.75rem,8.4vw,2.45rem); }
    .universe-service-detail-body > p { margin-top:11px; font-size:.76rem; line-height:1.58; }
    .universe-service-points { margin-top:15px; grid-template-columns:1fr; gap:6px; }
    .universe-service-points span { min-height:34px; font-size:.59rem; }
    .universe-service-points span:nth-child(n+4) { display:none; }
    .universe-service-detail-bottom { padding-top:17px; }
    .universe-service-detail-bottom a { width:100%; justify-content:center; }
    .universe-service-detail-bottom > span { display:none; }

    .universe-project-card { flex:0 0 min(86vw,360px); width:min(86vw,360px); height:530px; }
    .universe-project-controls { display:none; }
    .universe-project-track { gap:12px; }
    .universe-project-visual { padding:15px; }
    .universe-project-content { padding:19px 17px 17px; }
    .universe-project-content h3 { font-size:clamp(1.9rem,9vw,2.55rem); }
    .universe-project-content p { font-size:.69rem; }
    .universe-project-back { padding:21px 18px; }
    .universe-project-back > h3 { font-size:clamp(1.7rem,8.2vw,2.25rem); }
    .universe-project-back-grid { margin-top:22px; gap:13px; }
    .universe-project-back-grid p { font-size:.68rem; }
    .universe-project-footer { align-items:flex-start; flex-direction:column; }
    .universe-project-footer a { width:100%; justify-content:center; }

    .universe-process-layout { gap:36px; }
    .universe-process-visual { min-height:390px; padding:12px; }
    .universe-process-screen { min-height:365px; }
    .orbit-center { width:82px; height:82px; }
    .orbit-a { width:145px; height:145px; }
    .orbit-b { width:205px; height:205px; }
    .orbit-c { width:270px; height:270px; }
    .orbit-d { width:325px; height:325px; }
    .universe-process-screen-bottom { padding:0 10px; font-size:.42rem; }
    .universe-process-steps article { min-height:112px; grid-template-columns:42px minmax(0,1fr); gap:14px; }

    .universe-principles-copy { position:static; }
    .universe-principles-list { grid-template-columns:1fr; gap:8px; }
    .universe-principles-list article { min-height:190px; }

    .universe-final-cta { padding:20px 0 76px; }
    .universe-final-cta-panel { min-height:0; padding:29px 21px; gap:34px; }
    .universe-final-cta-panel::before { font-size:30vw; }
    .universe-final-cta-panel > div:last-child a { width:100%; justify-content:center; }
}

@media (prefers-reduced-motion:reduce) {
    .universe-core-ring,
    .universe-connection-map path,
    .universe-service-card::before { animation:none !important; }
    .universe-project-inner { transition-duration:.01ms !important; }
}