/* SONOFPOLLUX Portal v4.1.1 — newcomer shell restore */
:root{
  --shell-bg:#09080f;
  --shell-panel:#11101a;
  --shell-line:rgba(255,255,255,.11);
  --shell-text:#f3f0ff;
  --shell-muted:#aaa6bb;
  --shell-pink:#ff4fa7;
  --shell-blue:#5aa8ff;
}
html{background:var(--shell-bg)}
body.shell411{
  margin:0;
  color:var(--shell-text);
  background:
    radial-gradient(circle at 18% 18%,rgba(255,79,167,.10),transparent 30rem),
    radial-gradient(circle at 82% 23%,rgba(90,168,255,.10),transparent 34rem),
    var(--shell-bg);
  min-height:100vh;
}
.shell411 .wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.shell411 .topbar{
  position:sticky;top:0;z-index:100;
  background:rgba(9,8,15,.82);
  backdrop-filter:blur(18px);
  border-bottom:1px solid var(--shell-line);
}
.shell411 .topbar__inner{height:72px;display:flex;align-items:center;gap:24px}
.shellBrand{display:flex;align-items:center;gap:10px;color:var(--shell-text);text-decoration:none;font-weight:900;letter-spacing:.04em}
.shellBrand__mark{display:grid;place-items:center;width:31px;height:31px;border:1px solid var(--shell-line);border-radius:50%;background:linear-gradient(135deg,rgba(255,79,167,.16),rgba(90,168,255,.16))}
.shell411 .nav{margin-left:auto;display:flex;align-items:center;gap:4px}
.shell411 .nav__link,.shell411 .portalV37Nav__more,.shellStart{
  appearance:none;border:0;background:transparent;color:#d8d4e2;text-decoration:none;
  font:inherit;font-size:.86rem;font-weight:700;padding:9px 12px;border-radius:999px;cursor:pointer
}
.shell411 .nav__link:hover,.shell411 .portalV37Nav__more:hover,.shellStart:hover{background:rgba(255,255,255,.07);color:#fff}
.shellStart{border:1px solid var(--shell-line);white-space:nowrap}
.shell411 .menuBtn{display:none}
.shellHero{padding:clamp(70px,9vw,135px) 0 72px}
.shellHero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);gap:70px;align-items:center}
.shellEyebrow,.shellSectionHead>span{
  text-transform:uppercase;letter-spacing:.18em;font-size:.7rem;font-weight:800;color:#c3bdcd
}
.shellHero h1{font-size:clamp(3.4rem,7.2vw,7.3rem);line-height:.88;letter-spacing:-.065em;margin:16px 0 28px;max-width:9ch}
.shellLead{font-size:clamp(1.05rem,1.6vw,1.32rem);line-height:1.65;color:var(--shell-muted);max-width:650px}
.shellHero__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}
.shellBtn{
  color:#fff;text-decoration:none;border:1px solid var(--shell-line);padding:13px 18px;border-radius:13px;
  background:rgba(255,255,255,.025);font-weight:850
}
.shellBtn--primary{background:linear-gradient(110deg,rgba(255,79,167,.85),rgba(90,168,255,.75));border-color:transparent}
.shellPulse{display:flex;align-items:center;gap:8px;margin-top:28px;color:#8f899c;font-size:.78rem}
.shellPulse__dot{width:7px;height:7px;border-radius:50%;background:#4fe7cb;box-shadow:0 0 15px rgba(79,231,203,.65)}
.shellHero__art{position:relative;margin:0;min-height:470px;border:1px solid var(--shell-line);border-radius:28px;overflow:hidden;background:#0e0c14}
.shellHero__art:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(110deg,rgba(255,79,167,.15),transparent 42%,rgba(90,168,255,.14));pointer-events:none}
.shellHero__art img{width:100%;height:100%;min-height:470px;object-fit:cover;display:block}
.shellHero__art figcaption{position:absolute;z-index:2;left:16px;right:16px;bottom:16px;padding:11px 13px;background:rgba(7,6,11,.74);backdrop-filter:blur(10px);border:1px solid var(--shell-line);border-radius:12px;color:#d8d3df;font-size:.76rem}
.shellDoors{padding:46px 0 92px}
.shellSectionHead{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}
.shellSectionHead h2{font-size:clamp(2rem,4vw,3.8rem);letter-spacing:-.045em;margin:0}
.shellDoorGrid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--shell-line);border-radius:24px;overflow:hidden;background:rgba(255,255,255,.018)}
.shellDoor{min-height:285px;padding:25px;display:flex;flex-direction:column;color:inherit;text-decoration:none;border-right:1px solid var(--shell-line);transition:.2s ease}
.shellDoor:last-child{border-right:0}
.shellDoor:hover{background:rgba(255,255,255,.045);transform:translateY(-3px)}
.shellDoor__num{font-size:.7rem;color:#777180;margin-bottom:auto}
.shellDoor strong{font-size:2rem;letter-spacing:-.04em;margin-bottom:10px}
.shellDoor p{color:var(--shell-muted);line-height:1.55;font-size:.9rem}
.shellDoor b{margin-top:18px;font-size:.8rem}
.shellDoor--listen:hover b{color:#ff6eb4}
.shellDoor--discover:hover b{color:#78b9ff}
.shellDoor--create:hover b{color:#d899ff}
.shellDoor--archive:hover b{color:#9ad3ff}
.shellExplain{border-block:1px solid var(--shell-line);padding:84px 0}
.shellExplain__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}
.shellExplain h2{font-size:clamp(2.3rem,4vw,4.2rem);line-height:.98;letter-spacing:-.05em;margin:14px 0 0}
.shellExplain p{color:var(--shell-muted);font-size:1.05rem;line-height:1.7;margin:0}
.shellInlineLinks{display:flex;gap:18px;flex-wrap:wrap;margin-top:25px}
.shellInlineLinks a{color:#fff;text-decoration:none;font-weight:750;font-size:.84rem}
.shellNext{padding:54px 0 92px}
.shellNext__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.shellNext__grid a{padding:18px;border:1px solid var(--shell-line);border-radius:16px;text-decoration:none;color:inherit;background:rgba(255,255,255,.018)}
.shellNext__grid span{display:block;color:#807989;font-size:.67rem;text-transform:uppercase;letter-spacing:.12em;margin-bottom:9px}
.shellNext__grid strong{display:block;font-size:1.02rem}
.shellNext__grid small{display:block;color:#918b99;margin-top:5px;line-height:1.4}
.shellFooter{border-top:1px solid var(--shell-line);padding:26px 0;color:#8c8794}
.shellFooter .wrap{display:flex;justify-content:space-between;gap:24px}
.shellFooter nav{display:flex;gap:18px}
.shellFooter a{color:inherit;text-decoration:none}
@media(max-width:900px){
  .shell411 .nav,.shellStart{display:none}
  .shell411 .menuBtn{display:inline-flex;margin-left:auto}
  .shellHero{padding-top:55px}
  .shellHero__grid,.shellExplain__grid{grid-template-columns:1fr}
  .shellHero__art{min-height:390px}
  .shellHero__art img{min-height:390px}
  .shellDoorGrid{grid-template-columns:1fr 1fr}
  .shellDoor{border-bottom:1px solid var(--shell-line)}
  .shellDoor:nth-child(2){border-right:0}
  .shellNext__grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .shell411 .wrap{width:min(100% - 28px,1180px)}
  .shellHero h1{font-size:clamp(3rem,16vw,4.4rem)}
  .shellHero__grid{gap:38px}
  .shellHero__art{min-height:340px}
  .shellHero__art img{min-height:340px}
  .shellDoorGrid,.shellNext__grid{grid-template-columns:1fr}
  .shellDoor{min-height:220px;border-right:0}
  .shellSectionHead{display:block}
  .shellSectionHead h2{margin-top:10px}
  .shellFooter .wrap{display:block}
  .shellFooter nav{margin-top:14px;flex-wrap:wrap}
}