/* =========================================================
   TE WORLD SHELL V1
   Shared multipage visual system for public 55275553.dk worlds.
   ========================================================= */

:root{
    --ws-bg:#09141e;
    --ws-bg-2:#0e1d2b;
    --ws-text:#f8fbff;
    --ws-muted:rgba(238,246,255,.62);
    --ws-dim:rgba(220,232,245,.36);
    --ws-line:rgba(255,255,255,.13);
    --ws-cyan:#5beaff;
    --ws-blue:#6c8dff;
    --ws-violet:#ad8cff;
    --ws-pink:#ff72b7;
    --ws-lime:#b8ff68;
    --ws-green:#64f7a1;
    --world-accent:91 234 255;
    --world-accent-2:173 140 255;
    --ws-ease:cubic-bezier(.2,.75,.2,1);
}

*{box-sizing:border-box}
html{background:var(--ws-bg);scroll-behavior:smooth}
body{
    margin:0;
    min-height:100vh;
    color:var(--ws-text);
    background:
        radial-gradient(circle at 10% 10%,rgb(var(--world-accent)/.12),transparent 27%),
        radial-gradient(circle at 86% 12%,rgb(var(--world-accent-2)/.10),transparent 30%),
        radial-gradient(circle at 72% 82%,rgba(255,114,183,.045),transparent 31%),
        linear-gradient(180deg,#101f2e 0%,#0b1722 45%,#08121b 100%);
    font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    overflow-x:hidden;
}
body::before{
    content:"";
    position:fixed;inset:0;z-index:-2;pointer-events:none;
    opacity:.23;
    background-image:
        linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
    background-size:76px 76px;
    mask-image:radial-gradient(circle at 50% 30%,#000,transparent 88%);
}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
.ws-shell{width:min(1380px,calc(100% - 44px));margin:0 auto}

.ws-header{
    position:sticky;top:0;z-index:9000;
    border-bottom:1px solid rgba(255,255,255,.11);
    background:linear-gradient(180deg,rgba(16,29,42,.93),rgba(10,20,30,.82));
    backdrop-filter:blur(28px) saturate(175%);
}
.ws-header-inner{
    min-height:78px;display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;
}
.ws-logo{width:205px;display:block}
.ws-logo img{width:100%;display:block;border-radius:8px}
.ws-breadcrumb{
    display:flex;align-items:center;gap:9px;min-width:0;color:var(--ws-dim);
    font:600 .48rem/1 monospace;letter-spacing:.075em;text-transform:uppercase;
}
.ws-breadcrumb b{color:rgb(var(--world-accent)/.92);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ws-header-actions{display:flex;align-items:center;gap:8px}
.ws-header-actions a,.ws-header-actions button{
    min-height:38px;padding:0 13px;border:1px solid rgba(255,255,255,.13);border-radius:999px;
    color:rgba(248,251,255,.72);background:rgba(255,255,255,.028);cursor:pointer;
    font:650 .45rem/1 monospace;letter-spacing:.065em;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.ws-header-actions a:hover,.ws-header-actions button:hover{
    color:#fff;border-color:rgb(var(--world-accent)/.36);
    background:linear-gradient(135deg,rgb(var(--world-accent)/.11),rgb(var(--world-accent-2)/.06));
}

.ws-main{position:relative}
.ws-hero{
    position:relative;min-height:calc(82vh - 78px);display:grid;align-items:center;
    border-bottom:1px solid rgba(255,255,255,.06);overflow:hidden;
}
.ws-hero::before{
    content:"";position:absolute;inset:-12% -8%;pointer-events:none;
    background:
        radial-gradient(circle at 16% 30%,rgb(var(--world-accent)/.16),transparent 26%),
        radial-gradient(circle at 84% 22%,rgb(var(--world-accent-2)/.14),transparent 29%),
        radial-gradient(circle at 70% 82%,rgba(255,114,183,.055),transparent 28%);
    filter:blur(36px) saturate(1.18);
}
.ws-hero-grid{
    position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);
    gap:72px;align-items:center;padding:90px 0 80px;
}
.ws-kicker{
    display:flex;gap:10px;align-items:center;color:rgb(var(--world-accent)/.9);
    font:650 .5rem/1 monospace;letter-spacing:.11em;
}
.ws-kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:rgb(var(--world-accent));box-shadow:0 0 16px rgb(var(--world-accent)/.46)}
.ws-hero h1{
    margin:20px 0 20px;max-width:980px;font-size:clamp(3rem,6vw,6.6rem);line-height:.88;letter-spacing:-.065em;
    background:linear-gradient(105deg,#fff 0%,#eefbff 40%,rgb(var(--world-accent)/.94) 66%,rgb(var(--world-accent-2)/.9) 88%,#fff 100%);
    -webkit-background-clip:text;background-clip:text;color:transparent;
}
.ws-hero-copy>p{max-width:780px;margin:0;color:var(--ws-muted);font-size:.76rem;line-height:1.75}
.ws-hero-actions{margin-top:27px;display:flex;gap:9px;flex-wrap:wrap}
.ws-cta{
    min-height:44px;padding:0 17px;display:inline-flex;align-items:center;gap:9px;border-radius:999px;
    border:1px solid rgba(255,255,255,.16);font-size:.55rem;font-weight:700;
}
.ws-cta.primary{
    color:#071017;border-color:rgba(255,255,255,.24);
    background:linear-gradient(105deg,rgb(var(--world-accent)/.95),rgb(var(--world-accent-2)/.92));
    box-shadow:0 14px 38px rgb(var(--world-accent)/.12);
}
.ws-cta.secondary{background:rgba(255,255,255,.035);color:rgba(248,251,255,.76)}
.ws-status-card{
    position:relative;overflow:hidden;padding:22px;border:1px solid transparent;border-radius:24px;
    background:
        radial-gradient(circle at 0 0,rgb(var(--world-accent)/.13),transparent 35%) padding-box,
        radial-gradient(circle at 100% 100%,rgb(var(--world-accent-2)/.10),transparent 35%) padding-box,
        linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.02)) padding-box,
        rgba(18,32,46,.74) padding-box,
        linear-gradient(130deg,rgb(var(--world-accent)/.42),rgba(255,255,255,.12),rgb(var(--world-accent-2)/.34)) border-box;
    box-shadow:0 34px 100px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.08);
    backdrop-filter:blur(22px) saturate(170%);
}
.ws-status-top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:17px;border-bottom:1px solid rgba(255,255,255,.08)}
.ws-status-top span{color:var(--ws-dim);font:650 .44rem/1 monospace;letter-spacing:.08em}
.ws-status-pill{
    padding:7px 9px;border:1px solid rgb(var(--world-accent)/.26);border-radius:999px;
    color:rgb(var(--world-accent)/.9);background:rgb(var(--world-accent)/.055);font:650 .4rem/1 monospace;letter-spacing:.07em;
}
.ws-status-card h2{margin:21px 0 8px;font-size:1.55rem;letter-spacing:-.04em}
.ws-status-card>p{margin:0;color:var(--ws-muted);font-size:.62rem;line-height:1.65}
.ws-metrics{margin-top:22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;padding:1px;border-radius:14px;overflow:hidden;background:linear-gradient(90deg,rgb(var(--world-accent)/.25),rgba(255,255,255,.08),rgb(var(--world-accent-2)/.22))}
.ws-metric{padding:13px;background:rgba(12,24,36,.88)}
.ws-metric strong{display:block;color:#fff;font-size:1.2rem;letter-spacing:-.03em}
.ws-metric span{display:block;margin-top:4px;color:var(--ws-dim);font:600 .39rem/1 monospace;letter-spacing:.05em}

.ws-section{position:relative;padding:88px 0;border-bottom:1px solid rgba(255,255,255,.055)}
.ws-section-head{display:grid;grid-template-columns:1fr minmax(280px,.65fr);gap:46px;align-items:end;margin-bottom:28px}
.ws-section-head span{color:rgb(var(--world-accent)/.9);font:650 .45rem/1 monospace;letter-spacing:.1em}
.ws-section-head h2{margin:11px 0 0;font-size:clamp(2rem,4vw,4rem);line-height:.94;letter-spacing:-.055em}
.ws-section-head p{margin:0;color:var(--ws-muted);font-size:.64rem;line-height:1.7}
.ws-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ws-card{
    min-height:210px;padding:18px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.115);border-radius:17px;
    background:
        radial-gradient(circle at 0 0,rgb(var(--world-accent)/.075),transparent 36%),
        linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.015)),
        rgba(18,31,44,.70);
    box-shadow:0 20px 56px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.05);
    backdrop-filter:blur(18px) saturate(160%);
}
.ws-card>span{color:rgb(var(--world-accent)/.78);font:650 .42rem/1 monospace;letter-spacing:.08em}
.ws-card h3{margin:14px 0 8px;font-size:1.03rem;letter-spacing:-.025em}
.ws-card p{margin:0;color:var(--ws-muted);font-size:.58rem;line-height:1.65}
.ws-card small{position:absolute;left:18px;bottom:16px;color:var(--ws-dim);font:600 .39rem/1 monospace;letter-spacing:.06em}

.ws-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.ws-related a{
    min-height:92px;padding:14px 15px;display:flex;align-items:flex-end;justify-content:space-between;gap:14px;
    border:1px solid rgba(255,255,255,.10);border-radius:14px;background:rgba(255,255,255,.02);
}
.ws-related a:hover{border-color:rgb(var(--world-accent)/.30);background:rgb(var(--world-accent)/.04)}
.ws-related span{color:#fff;font-size:.68rem;font-weight:750}
.ws-related i{color:rgb(var(--world-accent)/.72);font-style:normal}

.ws-footer{padding:26px 0 36px;background:rgba(7,15,23,.78)}
.ws-footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center;color:var(--ws-dim);font:600 .42rem/1 monospace;letter-spacing:.05em}

@media(max-width:1000px){
    .ws-header-inner{grid-template-columns:auto 1fr}.ws-breadcrumb{display:none}
    .ws-hero-grid{grid-template-columns:1fr;gap:34px}
    .ws-status-card{max-width:760px}
    .ws-section-head{grid-template-columns:1fr;gap:16px}
    .ws-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
    .ws-shell{width:min(100% - 26px,1380px)}
    .ws-logo{width:168px}
    .ws-header-actions a{display:none}
    .ws-hero{min-height:auto}.ws-hero-grid{padding:68px 0 56px}
    .ws-hero h1{font-size:clamp(2.6rem,13vw,4.8rem)}
    .ws-grid,.ws-related{grid-template-columns:1fr}
    .ws-metrics{grid-template-columns:1fr}
    .ws-section{padding:66px 0}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.ws-world-visual{
    position:relative;overflow:hidden;margin-top:16px;min-height:190px;
    border:1px solid rgba(255,255,255,.10);border-radius:15px;background:#08121b;
}
.ws-world-visual img{width:100%;height:100%;position:absolute;inset:0;display:block;object-fit:cover;filter:brightness(.86) saturate(1.05)}
.ws-world-visual::after{
    content:"";position:absolute;inset:0;pointer-events:none;
    background:
        linear-gradient(180deg,transparent 30%,rgba(6,13,20,.72) 100%),
        radial-gradient(circle at 0 0,rgb(var(--world-accent)/.10),transparent 34%);
}
.ws-world-visual span{
    position:absolute;z-index:2;left:12px;bottom:11px;color:rgba(255,255,255,.54);
    font:650 .38rem/1 monospace;letter-spacing:.075em;
}
.ws-truth-note{
    margin-top:14px;padding:10px 12px;border:1px solid rgba(255,255,255,.065);border-radius:10px;
    color:rgba(255,255,255,.30);background:rgba(255,255,255,.012);font:600 .39rem/1.55 monospace;
}

[data-reveal]{
    opacity:0;
    transform:translateY(18px);
    transition:
        opacity .62s var(--ws-ease),
        transform .62s var(--ws-ease);
}
[data-reveal].is-visible{
    opacity:1;
    transform:none;
}
.ws-scroll-progress{
    position:fixed;z-index:99000;left:0;top:0;width:100%;height:3px;
    transform:scaleX(0);transform-origin:0 50%;pointer-events:none;
    background:linear-gradient(90deg,var(--ws-cyan),var(--ws-blue),var(--ws-violet),var(--ws-pink),var(--ws-lime));
    box-shadow:0 0 16px rgba(91,234,255,.30);
}
@media(prefers-reduced-motion:reduce){
    [data-reveal]{opacity:1!important;transform:none!important;transition:none!important}
}

.ws-header-actions a{
    min-width:64px;
    justify-content:center;
    display:inline-flex;
    align-items:center;
}
/* =========================================================
   V11 — ROUNDED WORLD CHROME
   Shared TE header/footer treatment for all public worlds.
   ========================================================= */
.ws-header{
    top:10px;
    width:min(1480px,calc(100% - 20px));
    margin:10px auto 0;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.095);
    border-radius:28px;
    background:
        radial-gradient(circle at 8% 18%,rgb(var(--world-accent)/.07),transparent 25%),
        radial-gradient(circle at 92% 20%,rgb(var(--world-accent-2)/.06),transparent 28%),
        linear-gradient(180deg,rgba(9,25,39,.95),rgba(7,18,29,.91));
    box-shadow:
        0 20px 62px rgba(0,0,0,.24),
        inset 0 1px 0 rgba(255,255,255,.065);
    backdrop-filter:blur(30px) saturate(180%);
}
.ws-header-inner{
    min-height:78px;
    padding:0 14px;
}
.ws-logo{
    width:210px;
    padding:5px;
    border:1px solid rgba(255,255,255,.055);
    border-radius:18px;
    background:
        linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.01)),
        rgba(7,18,28,.72);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.045),
        0 9px 24px rgba(0,0,0,.14);
}
.ws-logo img{
    border-radius:13px;
}
.ws-breadcrumb{
    width:max-content;
    max-width:100%;
    padding:10px 14px;
    border:1px solid rgba(255,255,255,.055);
    border-radius:999px;
    background:rgba(255,255,255,.018);
}
.ws-header-actions a,
.ws-header-actions button{
    min-height:40px;
    border-radius:999px;
}
.ws-header-actions [data-worlds-trigger]{
    position:relative;
    padding-right:39px;
}
.ws-header-actions [data-worlds-trigger]::before{
    content:"";
    width:7px;
    height:7px;
    margin-right:7px;
    display:inline-block;
    border-radius:50%;
    background:linear-gradient(135deg,rgb(var(--world-accent)),rgb(var(--world-accent-2)));
    box-shadow:0 0 14px rgb(var(--world-accent)/.38);
}
.ws-header-actions [data-worlds-trigger]::after{
    content:attr(data-world-count);
    position:absolute;
    right:8px;
    top:50%;
    min-width:22px;
    height:22px;
    display:grid;
    place-items:center;
    transform:translateY(-50%);
    border:1px solid rgba(255,255,255,.10);
    border-radius:999px;
    color:rgba(255,255,255,.66);
    background:rgba(255,255,255,.04);
    font:700 .38rem/1 monospace;
}
.ws-footer{
    padding:22px 0 18px;
    background:transparent;
}
.ws-footer-inner{
    position:relative;
    width:min(1380px,calc(100% - 24px));
    min-height:76px;
    margin:0 auto;
    padding:20px 24px;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.085);
    border-radius:28px;
    background:
        radial-gradient(circle at 8% 20%,rgb(var(--world-accent)/.06),transparent 26%),
        radial-gradient(circle at 90% 20%,rgb(var(--world-accent-2)/.055),transparent 27%),
        linear-gradient(180deg,rgba(9,24,38,.94),rgba(6,16,26,.97));
    box-shadow:
        0 20px 64px rgba(0,0,0,.22),
        inset 0 1px 0 rgba(255,255,255,.05);
    backdrop-filter:blur(22px) saturate(160%);
}
.ws-footer-inner::before{
    content:"";
    position:absolute;
    inset:0 22px auto;
    height:1px;
    pointer-events:none;
    border-radius:999px;
    background:linear-gradient(90deg,
        transparent,
        rgb(var(--world-accent)/.35),
        rgb(var(--world-accent-2)/.30),
        transparent);
}
@media(max-width:1000px){
    .ws-header{
        top:6px;
        width:calc(100% - 12px);
        margin-top:6px;
        border-radius:22px;
    }
    .ws-header-inner{
        min-height:72px;
        padding:0 9px;
    }
    .ws-footer-inner{
        width:calc(100% - 12px);
        border-radius:22px;
    }
}
@media(max-width:700px){
    .ws-logo{
        width:172px;
        border-radius:15px;
    }
    .ws-logo img{
        border-radius:11px;
    }
    .ws-header-actions [data-worlds-trigger]{
        padding:0 36px 0 13px;
    }
    .ws-footer{
        padding-bottom:8px;
    }
    .ws-footer-inner{
        min-height:68px;
        padding:18px;
        border-radius:20px;
    }
}.ws-footer-brand{
    display:flex;
    align-items:center;
    gap:12px;
    min-width:0;
}
.ws-footer-brand img{
    width:190px;
    max-width:42vw;
    display:block;
    border-radius:14px;
    box-shadow:
        0 10px 28px rgba(0,0,0,.18),
        inset 0 1px 0 rgba(255,255,255,.04);
}
.ws-footer-brand>span{
    display:grid;
    gap:5px;
}
.ws-footer-brand strong{
    color:#fff;
    font-size:.62rem;
    letter-spacing:.02em;
}
.ws-footer-brand small{
    color:var(--ws-dim);
    font:600 .4rem/1 monospace;
    letter-spacing:.06em;
}
.ws-footer-actions{
    display:flex;
    align-items:center;
    gap:8px;
}
.ws-footer-actions a,
.ws-footer-actions button{
    min-height:40px;
    padding:0 14px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:999px;
    color:rgba(248,251,255,.64);
    background:rgba(255,255,255,.018);
    cursor:pointer;
    font:650 .42rem/1 monospace;
    letter-spacing:.06em;
}
.ws-footer-actions a:hover,
.ws-footer-actions button:hover{
    color:#fff;
    border-color:rgb(var(--world-accent)/.28);
    background:
        linear-gradient(135deg,rgb(var(--world-accent)/.075),rgb(var(--world-accent-2)/.045));
}
@media(max-width:720px){
    .ws-footer-inner{
        flex-direction:column;
        align-items:flex-start;
        gap:16px;
    }
    .ws-footer-brand img{
        width:168px;
    }
    .ws-footer-actions{
        width:100%;
        flex-wrap:wrap;
    }
    .ws-footer-actions a,
    .ws-footer-actions button{
        flex:1 1 auto;
        justify-content:center;
        text-align:center;
    }
}
/* =========================================================
   V12 — TE MOLDED CHROME
   Softer brand-matched header/footer for all public worlds.
   ========================================================= */

.ws-header{
    top:10px;
    width:min(1480px,calc(100% - 20px));
    margin:10px auto 0;
    overflow:hidden;
    border:1px solid rgba(255,255,255,.095);
    border-radius:32px;
    background:
        radial-gradient(circle at 7% 18%,rgb(var(--world-accent)/.075),transparent 25%),
        radial-gradient(circle at 92% 18%,rgb(var(--world-accent-2)/.065),transparent 28%),
        linear-gradient(180deg,rgba(9,25,39,.965),rgba(7,18,29,.925));
    box-shadow:
        0 22px 68px rgba(0,0,0,.25),
        inset 0 1px 0 rgba(255,255,255,.07),
        inset 0 -1px 0 rgb(var(--world-accent)/.018);
    backdrop-filter:blur(32px) saturate(182%);
}

.ws-header::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    border-radius:inherit;
    background:
        linear-gradient(180deg,rgba(255,255,255,.04),transparent 22%),
        radial-gradient(circle at 50% -35%,rgba(255,255,255,.055),transparent 46%);
}

.ws-header-inner{
    position:relative;
    z-index:1;
    min-height:80px;
    padding:0 14px;
}

.ws-logo{
    width:214px;
    padding:5px;
    border:1px solid rgba(255,255,255,.05);
    border-radius:20px;
    background:
        linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.01)),
        rgba(7,18,28,.76);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 10px 28px rgba(0,0,0,.15);
}

.ws-logo img{
    border-radius:14px;
}

.ws-breadcrumb{
    padding:10px 15px;
    border:1px solid rgba(255,255,255,.05);
    border-radius:999px;
    background:
        linear-gradient(145deg,rgba(255,255,255,.028),rgba(255,255,255,.008));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}

.ws-header-actions{
    gap:7px;
}

.ws-header-actions a,
.ws-header-actions button{
    min-height:42px;
    padding-left:15px;
    padding-right:15px;
    border-radius:999px;
    border-color:rgba(255,255,255,.095);
    background:
        linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 8px 22px rgba(0,0,0,.10);
}

.ws-header-actions [data-worlds-trigger]{
    padding-right:42px;
}

.ws-footer{
    padding:26px 0 16px;
    background:transparent;
}

.ws-footer-inner{
    width:min(1480px,calc(100% - 20px));
    min-height:86px;
    padding:16px 18px;
    border:1px solid rgba(255,255,255,.085);
    border-radius:30px;
    background:
        radial-gradient(circle at 7% 18%,rgb(var(--world-accent)/.065),transparent 26%),
        radial-gradient(circle at 93% 16%,rgb(var(--world-accent-2)/.055),transparent 28%),
        linear-gradient(180deg,rgba(9,24,38,.95),rgba(6,16,26,.98));
    box-shadow:
        0 22px 70px rgba(0,0,0,.24),
        inset 0 1px 0 rgba(255,255,255,.055);
    backdrop-filter:blur(26px) saturate(165%);
}

.ws-footer-inner::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    border-radius:inherit;
    background:
        linear-gradient(180deg,rgba(255,255,255,.035),transparent 22%),
        radial-gradient(circle at 50% -45%,rgba(255,255,255,.045),transparent 44%);
}

.ws-footer-brand,
.ws-footer-actions{
    position:relative;
    z-index:1;
}

.ws-footer-brand{
    padding:7px;
    border:1px solid rgba(255,255,255,.045);
    border-radius:20px;
    background:rgba(255,255,255,.01);
}

.ws-footer-brand img{
    width:205px;
    border-radius:14px;
}

.ws-footer-actions{
    display:flex;
    gap:7px;
    align-items:center;
}

.ws-footer-actions a,
.ws-footer-actions button{
    min-height:40px;
    padding:0 14px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:999px;
    color:rgba(255,255,255,.52);
    background:rgba(255,255,255,.015);
    cursor:pointer;
    font:650 .42rem/1 monospace;
    letter-spacing:.05em;
}

.ws-footer-actions a:hover,
.ws-footer-actions button:hover{
    color:#fff;
    border-color:rgb(var(--world-accent)/.26);
    background:
        linear-gradient(135deg,rgb(var(--world-accent)/.06),rgb(var(--world-accent-2)/.035));
}

@media(max-width:1000px){
    .ws-header{
        width:calc(100% - 12px);
        margin-top:6px;
        top:6px;
        border-radius:24px;
    }

    .ws-footer-inner{
        width:calc(100% - 12px);
        border-radius:24px;
    }
}

@media(max-width:700px){
    .ws-header{
        border-radius:21px;
    }

    .ws-logo{
        width:174px;
        border-radius:16px;
    }

    .ws-footer-inner{
        border-radius:21px;
        padding:14px;
    }

    .ws-footer-brand{
        border-radius:16px;
    }

    .ws-footer-brand img{
        width:172px;
    }
}

/* V12.2 — preserve dramatic type without clipping */
.ws-hero-copy{
    min-width:0;
}

.ws-hero h1{
    max-width:940px;
    font-size:clamp(3rem,5.65vw,6.1rem);
    overflow-wrap:normal;
}

@media(max-width:1180px){
    .ws-hero-grid{
        grid-template-columns:minmax(0,1fr) minmax(380px,.88fr);
        gap:50px;
    }

    .ws-hero h1{
        font-size:clamp(3rem,5.25vw,5.5rem);
    }
}

@media(max-width:1000px){
    .ws-hero h1{
        max-width:900px;
        font-size:clamp(3rem,8vw,5.7rem);
    }
}

/* =========================================================
   TE NAVIGATION TRANSITIONS V1
   Progressive cross-document transitions.
   ========================================================= */
@view-transition{
    navigation:auto;
}

.ws-logo{
    view-transition-name:te-masterbrand;
}

.ws-header{
    view-transition-name:te-public-chrome;
}

::view-transition-group(te-masterbrand),
::view-transition-group(te-public-chrome){
    animation-duration:.34s;
    animation-timing-function:cubic-bezier(.2,.75,.2,1);
}

::view-transition-old(root){
    animation:tePageOut .20s cubic-bezier(.4,0,1,1) both;
}

::view-transition-new(root){
    animation:tePageIn .32s cubic-bezier(.2,.75,.2,1) both;
}

@keyframes tePageOut{
    to{
        opacity:0;
        transform:translateY(-5px);
    }
}

@keyframes tePageIn{
    from{
        opacity:0;
        transform:translateY(8px);
    }
    to{
        opacity:1;
        transform:none;
    }
}

@media(prefers-reduced-motion:reduce){
    ::view-transition-old(root),
    ::view-transition-new(root),
    ::view-transition-group(te-masterbrand),
    ::view-transition-group(te-public-chrome){
        animation-duration:.001ms!important;
        animation-delay:0s!important;
    }
}
/* =========================================================
   V17 OWNER CORRECTION LAYER
   Clean masterbrand + collision-safe world hero.
   ========================================================= */
.ws-logo{
    padding:0!important;border:0!important;border-radius:0!important;
    background:transparent!important;box-shadow:none!important;overflow:visible!important
}
.ws-logo img{
    width:100%!important;height:auto!important;display:block!important;
    border:0!important;border-radius:0!important;background:transparent!important;
    box-shadow:none!important;filter:none!important;object-fit:contain!important
}
.ws-footer-brand{
    padding:0!important;border:0!important;border-radius:0!important;
    background:transparent!important;box-shadow:none!important;gap:0!important
}
.ws-footer-brand img{
    width:218px!important;max-width:min(54vw,218px)!important;height:auto!important;
    border:0!important;border-radius:0!important;box-shadow:none!important;filter:none!important
}
.ws-footer-brand>span{display:none!important}
body[data-world="technology"] .ws-hero-grid{
    grid-template-columns:minmax(0,1.2fr) minmax(390px,.8fr)!important;gap:46px!important
}
body[data-world="technology"] .ws-hero-copy{min-width:0!important;padding-right:10px}
body[data-world="technology"] .ws-hero h1{
    max-width:100%!important;font-size:clamp(3rem,5vw,5.55rem)!important;
    letter-spacing:-.058em!important;overflow-wrap:break-word
}
@media(max-width:1000px){
    body[data-world="technology"] .ws-hero-grid{grid-template-columns:1fr!important;gap:34px!important}
    body[data-world="technology"] .ws-hero-copy{padding-right:0}
}
.ws-language{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.015)}
.ws-language button{min-width:34px;min-height:34px;padding:0 8px!important;border:0!important;border-radius:999px!important;color:rgba(255,255,255,.48)!important;background:transparent!important;box-shadow:none!important;font-size:.68rem!important;font-weight:800!important}
.ws-language button.is-active{color:#071017!important;background:linear-gradient(110deg,rgb(var(--world-accent)),rgb(var(--world-accent-2)))!important}
@media(max-width:860px){.ws-language{order:3}.ws-header-actions{flex-wrap:wrap;justify-content:flex-end}}
@media(max-width:620px){.ws-language button{min-width:30px;min-height:30px;padding:0 6px!important;font-size:.62rem!important}}
/* V22 BRAND CHROME BLEND — preserve original raster logo, blend its native navy into shared chrome */
.ws-header{
    background:
        linear-gradient(90deg,
            rgb(1 16 36) 0%,
            rgb(1 16 36) 18%,
            rgba(4,22,40,.985) 29%,
            rgba(10,20,30,.92) 64%,
            rgba(8,18,28,.90) 100%) !important;
}
.ws-footer-inner{
    background:
        linear-gradient(90deg,
            rgb(1 16 36) 0%,
            rgb(1 16 36) 18%,
            rgba(5,22,39,.98) 31%,
            rgba(8,22,35,.96) 65%,
            rgba(6,16,26,.97) 100%) !important;
}

/* V23 — SINGLE-LAYER HEADER: one context line + one compact utility group */
.ws-header-inner{
  grid-template-columns:auto minmax(0,1fr) auto!important;
  gap:clamp(16px,2.2vw,30px)!important;
}
.ws-header-actions{
  display:flex!important;
  align-items:center!important;
  gap:0!important;
  padding:3px!important;
  border:1px solid rgba(255,255,255,.075)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.018)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}
/* Breadcrumb already provides location; do not repeat current world as a second nav button. */
.ws-header-actions>a{
  display:none!important;
}
.ws-header-actions>button{
  min-height:32px!important;
  padding:0 10px!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  box-shadow:none!important;
  color:rgba(245,250,255,.58)!important;
  font-size:11px!important;
  letter-spacing:.055em!important;
}
.ws-header-actions>button:hover,
.ws-header-actions>button:focus-visible{
  color:#fff!important;
  background:rgba(255,255,255,.055)!important;
}
.ws-header-actions .global-search-trigger{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
}
.ws-header-actions .global-search-trigger b{
  font-size:12.5px!important;
  font-weight:750!important;
  opacity:.45;
  padding:2px 5px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:6px;
}
.ws-header-actions .ws-language{
  margin-right:2px!important;
}
.ws-breadcrumb{
  justify-self:start;
  max-width:min(46vw,620px);
}
@media(max-width:860px){
  .ws-header-inner{grid-template-columns:auto 1fr!important}
  .ws-breadcrumb{display:none!important}
  .ws-header-actions{justify-self:end!important;flex-wrap:nowrap!important}
}
@media(max-width:620px){
  .ws-header-actions>button{padding:0 8px!important;font-size:10px!important}
  .ws-header-actions .global-search-trigger span{display:none!important}
  .ws-header-actions .global-search-trigger b{font-size:12.5px!important}
}