:root {
  --silj-ink: #0b1120;
  --silj-slate: #263449;
  --silj-muted: #617086;
  --silj-paper: #fcfdff;
  --silj-surface: #f2f6fb;
  --silj-line: #dce5ef;
  --silj-cyan: #23c7f3;
  --silj-cyan-deep: #027ca3;
  --silj-violet: #7870f5;
  --silj-teal: #13a99a;
  --silj-max: 1180px;
  --silj-radius: 20px;
  --silj-shadow: 0 18px 55px rgba(8, 22, 43, .11);
  --silj-font: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", YuGothic, Meiryo, sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body.silj-body { margin: 0; background: var(--silj-paper); color: var(--silj-ink); font-family: var(--silj-font); font-size: 16px; line-height: 1.75; }
.silj-body a { color: inherit; }
.silj-body a:focus-visible, .silj-body button:focus-visible { outline: 3px solid #ffcc4d; outline-offset: 3px; }
.silj-shell { width: min(calc(100% - 48px), var(--silj-max)); margin: 0 auto; }
.silj-skip { position: absolute; left: -9999px; top: 0; z-index: 9999; padding: 12px 16px; background: #fff; color: #000; }
.silj-skip:focus { left: 10px; top: 10px; }

/* Header */
.silj-site-header { position: sticky; top: 0; z-index: 60; background: rgba(252,253,255,.94); border-bottom: 1px solid rgba(10,23,43,.1); backdrop-filter: blur(12px); }
.silj-site-header__inner { min-height: 83px; display: flex; align-items: center; justify-content: space-between; gap: 22px; }
.silj-wordmark { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; letter-spacing: -.02em; line-height: 1.06; min-width: 290px; }
.silj-wordmark strong { display: block; font-size: 16px; font-weight: 760; color: var(--silj-ink); }
.silj-wordmark small { display: block; margin-top: 6px; font-size: 9.5px; letter-spacing: .08em; font-weight: 700; color: var(--silj-muted); }
.silj-wordmark__mark { position: relative; display: grid; grid-template-columns: repeat(3, 5px); gap: 3px; width: 21px; height: 29px; align-items: end; }
.silj-wordmark__mark i { display: block; width: 5px; background: linear-gradient(180deg, var(--silj-cyan), var(--silj-violet)); border-radius: 4px; }
.silj-wordmark__mark i:nth-child(1) { height: 17px; }
.silj-wordmark__mark i:nth-child(2) { height: 28px; }
.silj-wordmark__mark i:nth-child(3) { height: 22px; }
.silj-header-nav { display: flex; align-items: center; gap: 18px; }
.silj-nav ul { display: flex; gap: 21px; margin: 0; padding: 0; list-style: none; }
.silj-nav a { text-decoration: none; font-size: 13px; font-weight: 700; color: var(--silj-slate); transition: color .15s ease; white-space: nowrap; }
.silj-nav a:hover { color: var(--silj-cyan-deep); }
.silj-lang { display: inline-flex; padding: 6px 9px; border: 1px solid var(--silj-line); text-decoration: none; font-size: 11px; line-height: 1; font-weight: 800; letter-spacing: .08em; border-radius: 999px; color: var(--silj-slate); }
.silj-lang:hover { background: var(--silj-ink); border-color: var(--silj-ink); color: #fff; }
.silj-menu-toggle { display: none; border: 0; padding: 8px; background: transparent; cursor: pointer; }
.silj-menu-toggle span { display: block; width: 22px; height: 2px; margin: 4px 0; background: var(--silj-ink); }
.silj-menu-toggle em { display: none; }

/* Hero */
.silj-hero { position: relative; overflow: hidden; color: #f5fbff; background: radial-gradient(circle at 82% 22%, rgba(53, 200, 244, .17), transparent 24%), radial-gradient(circle at 10% 100%, rgba(116, 106, 247, .2), transparent 32%), #07111f; }
.silj-hero::after { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .34; background-image: linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 52px 52px; mask-image: linear-gradient(90deg, #000, transparent 80%); }
.silj-hero__grid { position: relative; z-index: 1; min-height: 645px; display: grid; grid-template-columns: 1.12fr .88fr; align-items: center; gap: 20px; }
.silj-hero__copy { position: relative; padding: 92px 0 78px; }
.silj-kicker, .silj-eyebrow { margin: 0 0 14px; font-size: 11px; line-height: 1.4; font-weight: 800; letter-spacing: .14em; color: var(--silj-cyan-deep); text-transform: uppercase; }
.silj-hero .silj-kicker { color: #71e5ff; }
.silj-hero h1 { margin: 0; font-size: clamp(49px, 6.5vw, 82px); line-height: 1.1; letter-spacing: -.065em; font-weight: 800; }
.silj-hero__lead { max-width: 655px; margin: 30px 0; font-size: 18px; line-height: 1.86; color: rgba(237,247,255,.86); }
.silj-button-row { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.silj-button { display: inline-flex; align-items: center; justify-content: space-between; gap: 23px; min-height: 49px; padding: 12px 16px 12px 19px; border: 1px solid transparent; border-radius: 7px; text-decoration: none; font-size: 13px; line-height: 1.2; font-weight: 800; transition: transform .15s ease, box-shadow .15s ease, background .15s ease; }
.silj-button:hover { transform: translateY(-2px); box-shadow: 0 11px 26px rgba(0,0,0,.15); }
.silj-button span { font-size: 18px; line-height: 1; }
.silj-button--primary { color: #07121e; background: #d7f7ff; }
.silj-button--quiet { color: #e8f3fa; border-color: rgba(232,243,250,.4); background: rgba(255,255,255,.05); }
.silj-button--text { min-height: auto; padding: 0; border: 0; color: var(--silj-cyan-deep); background: transparent; }
.silj-button--text:hover { box-shadow: none; }
.silj-hero__facts { display: flex; flex-wrap: wrap; gap: 18px 32px; margin: 55px 0 0; padding: 18px 0 0; border-top: 1px solid rgba(255,255,255,.2); }
.silj-hero__facts div { min-width: 148px; }
.silj-hero__facts dt { margin-bottom: 3px; color: #9fc4d7; font-size: 10px; line-height: 1.3; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.silj-hero__facts dd { margin: 0; color: #fff; font-size: 12px; font-weight: 700; }
.silj-hero__facts a { color: #b7f3ff; text-decoration: none; }
.silj-hero-art { position: absolute; right: -25px; bottom: -10px; width: min(55vw, 720px); pointer-events: none; opacity: .95; }
.silj-hero-art svg { width: 100%; height: auto; display: block; }

/* Sections */
.silj-section { padding: 108px 0; }
.silj-section--intro { padding: 118px 0; background: #fff; }
.silj-section--soft { background: var(--silj-surface); }
.silj-section--papers { background: #fff; }
.silj-section--record { background: #e9f5fb; }
.silj-split { display: grid; grid-template-columns: 1.06fr .94fr; gap: 80px; align-items: start; }
.silj-section-head h2 { margin: 0; font-size: clamp(32px, 4vw, 51px); line-height: 1.2; letter-spacing: -.052em; font-weight: 780; color: var(--silj-ink); }
.silj-section-head .silj-lead { max-width: 740px; margin: 24px 0 0; color: var(--silj-slate); font-size: 16px; line-height: 1.92; }
.silj-principles { display: grid; gap: 0; border-top: 1px solid var(--silj-line); }
.silj-principle { display: grid; grid-template-columns: 47px 1fr; gap: 13px; padding: 22px 0; border-bottom: 1px solid var(--silj-line); }
.silj-principle span { color: var(--silj-cyan-deep); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12px; font-weight: 700; }
.silj-principle p { margin: 0; color: var(--silj-slate); font-size: 15px; line-height: 1.72; }
.silj-principle strong { color: var(--silj-ink); }
.silj-principles--grid { grid-template-columns: repeat(2, 1fr); gap: 0 36px; }
.silj-principles--grid .silj-principle { padding: 24px 0; }
.silj-card-grid { display: grid; gap: 17px; margin-top: 45px; }
.silj-card-grid--four { grid-template-columns: repeat(4, 1fr); }
.silj-card-grid--three { grid-template-columns: repeat(3, 1fr); }
.silj-card { display: flex; flex-direction: column; min-height: 270px; padding: 28px; border: 1px solid var(--silj-line); border-radius: var(--silj-radius); background: #fff; transition: transform .17s ease, box-shadow .17s ease, border-color .17s ease; }
.silj-card:hover { transform: translateY(-4px); border-color: rgba(35,199,243,.58); box-shadow: var(--silj-shadow); }
.silj-card h3 { margin: 19px 0 12px; font-size: 20px; letter-spacing: -.03em; line-height: 1.25; }
.silj-card p { margin: 0; color: var(--silj-slate); font-size: 14px; line-height: 1.78; }
.silj-card > a { display: inline-flex; align-items: center; gap: 8px; margin-top: auto; padding-top: 20px; color: var(--silj-cyan-deep); text-decoration: none; font-size: 13px; font-weight: 800; }
.silj-card > a span { font-size: 17px; }
.silj-badge { display: inline-flex; width: fit-content; padding: 4px 8px; border-radius: 999px; font-size: 9px; line-height: 1.2; font-weight: 800; letter-spacing: .08em; }
.silj-badge--primary { background: #e8f7ec; color: #106e3d; }
.silj-badge--blue { background: #e6f8fe; color: #056d8d; }
.silj-badge--violet { background: #efedff; color: #5044bd; }
.silj-badge--teal { background: #e3faf5; color: #087766; }
.silj-badge--ink { background: #e8edf4; color: #293849; }
.silj-badge--release { background: #fff4d9; color: #806004; }
.silj-badge--external { background: #f1f1f2; color: #585d68; }

/* Product */
.silj-product { overflow: hidden; padding: 104px 0; background: linear-gradient(120deg, #071724, #082a38 53%, #102241); color: #eefaff; }
.silj-product__grid { display: grid; grid-template-columns: .75fr 1.25fr; gap: 82px; align-items: center; }
.silj-product__mark { position: relative; display: grid; place-items: center; min-height: 415px; }
.silj-product__mark::before, .silj-product__mark::after { content: ""; position: absolute; border: 1px solid rgba(150,236,255,.22); border-radius: 50%; }
.silj-product__mark::before { width: 347px; height: 347px; }
.silj-product__mark::after { width: 427px; height: 427px; border-color: rgba(125,124,255,.25); }
.silj-product__orb { position: relative; z-index: 1; display: grid; place-items: center; width: 229px; height: 229px; border-radius: 50%; background: radial-gradient(circle at 35% 24%, #91f4ff, #08799d 43%, #151d67 76%); box-shadow: 0 0 0 1px rgba(255,255,255,.46) inset, 0 0 70px rgba(50,218,255,.35); }
.silj-product__orb span { color: #fff; font-size: 42px; line-height: .75; font-weight: 800; letter-spacing: -.08em; text-align: center; }
.silj-product__mark > p { position: absolute; z-index: 2; right: 23%; bottom: 12%; margin: 0; color: #b9f7ff; font-size: 19px; font-weight: 800; letter-spacing: .15em; }
.silj-product h2 { margin: 0; font-size: clamp(40px, 5vw, 63px); line-height: 1; letter-spacing: -.06em; }
.silj-product__sub { margin: 17px 0 21px; color: #96eaff; font-size: 17px; line-height: 1.7; font-weight: 700; }
.silj-product p:not(.silj-eyebrow):not(.silj-product__sub):not(.silj-micro) { color: #d4e8ef; font-size: 15px; line-height: 1.9; }
.silj-product .silj-eyebrow { color: #8be9ff; }
.silj-product .silj-button--primary { background: #c8f5ff; }
.silj-product .silj-button--quiet { color: #eafaff; }
.silj-checklist { display: grid; gap: 9px; margin: 25px 0; padding: 0; list-style: none; }
.silj-checklist li { position: relative; padding-left: 23px; color: #e8f8ff; font-size: 14px; }
.silj-checklist li::before { content: "✓"; position: absolute; left: 0; color: #74efff; font-weight: 800; }
.silj-micro { margin: 19px 0 0; color: #9bc4d3; font-size: 12px; line-height: 1.65; }

/* Publications */
.silj-section-row { display: flex; align-items: end; justify-content: space-between; gap: 25px; }
.silj-publications { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 47px; }
.silj-publications article { min-height: 280px; padding: 27px; border-top: 4px solid var(--silj-ink); background: var(--silj-surface); }
.silj-pub__date { margin: 19px 0 5px; color: var(--silj-muted); font-size: 12px; font-weight: 700; }
.silj-publications h3 { margin: 0; font-size: 20px; line-height: 1.31; letter-spacing: -.025em; }
.silj-publications article > p:not(.silj-pub__date) { margin: 14px 0; color: var(--silj-slate); font-size: 13px; line-height: 1.7; }
.silj-publications a { color: var(--silj-cyan-deep); text-decoration: none; font-size: 12px; font-weight: 800; word-break: break-word; }

/* Record panel */
.silj-record { display: grid; grid-template-columns: 1fr .83fr; align-items: start; gap: 86px; }
.silj-record__links { border-top: 1px solid #b9d5e3; }
.silj-record__links a { display: grid; grid-template-columns: 1fr auto; gap: 3px 14px; padding: 17px 0; border-bottom: 1px solid #b9d5e3; color: var(--silj-ink); text-decoration: none; }
.silj-record__links span { color: var(--silj-muted); font-size: 11px; font-weight: 800; letter-spacing: .05em; }
.silj-record__links strong { font-size: 14px; line-height: 1.35; }
.silj-record__links i { grid-row: 1 / 3; grid-column: 2; align-self: center; color: var(--silj-cyan-deep); font-style: normal; font-size: 20px; }
.silj-record__links a:hover strong { color: var(--silj-cyan-deep); }

/* CTA */
.silj-cta { padding: 98px 0; color: #fff; background: #0d1728; }
.silj-cta--compact { padding: 65px 0; }
.silj-cta__grid { display: grid; grid-template-columns: 1.2fr .8fr; gap: 65px; align-items: center; }
.silj-cta h2 { margin: 0; font-size: clamp(36px, 4.6vw, 60px); line-height: 1.08; letter-spacing: -.06em; }
.silj-cta p:not(.silj-eyebrow) { max-width: 840px; margin: 23px 0 0; color: #c7d5e4; font-size: 16px; line-height: 1.88; }
.silj-cta .silj-eyebrow { color: #75ddff; }
.silj-cta .silj-button { margin-top: 28px; }
.silj-cta__seal { position: relative; display: grid; width: 245px; height: 245px; margin-left: auto; place-content: center; border: 1px solid rgba(124,225,255,.42); border-radius: 50%; text-align: center; }
.silj-cta__seal::before { content: ""; position: absolute; inset: 15px; border: 1px solid rgba(255,255,255,.16); border-radius: 50%; }
.silj-cta__seal span { position: relative; font-size: 71px; line-height: .9; letter-spacing: -.12em; font-weight: 800; color: #f3fdff; }
.silj-cta__seal small { position: relative; margin-top: 11px; color: #86e9ff; font-size: 11px; letter-spacing: .22em; font-weight: 800; }
.silj-cta__seal i { position: absolute; top: 34px; left: 50%; width: 5px; height: 5px; margin-left: -2.5px; background: #80edff; border-radius: 50%; }

/* Page hero */
.silj-page-hero { padding: 109px 0 88px; color: #f5fbff; background: radial-gradient(circle at 78% 10%, rgba(49,200,246,.23), transparent 26%), linear-gradient(125deg, #08121e, #122a3d); }
.silj-page-hero .silj-kicker { color: #82e7ff; }
.silj-page-hero h1 { max-width: 920px; margin: 0; font-size: clamp(44px, 6vw, 76px); line-height: 1.08; letter-spacing: -.065em; }
.silj-page-hero__lead { max-width: 840px; margin: 28px 0 0; color: #d1e7f2; font-size: 18px; line-height: 1.88; }
.silj-page-hero__meta { margin: 28px 0 0; color: #9bd5e8; font-size: 12px; line-height: 1.75; }
.silj-page-hero__meta a { color: #a8edff; }
.silj-reading { display: grid; grid-template-columns: 1fr 300px; gap: 84px; align-items: start; }
.silj-reading--single { grid-template-columns: minmax(0, 780px); justify-content: center; }
.silj-reading__main p { margin: 26px 0 0; color: var(--silj-slate); font-size: 16px; line-height: 1.95; }
.silj-reading__aside { position: sticky; top: 113px; padding: 25px; border-left: 3px solid var(--silj-cyan); background: var(--silj-surface); }
.silj-reading__aside h3 { margin: 0 0 10px; color: var(--silj-ink); font-size: 12px; letter-spacing: .1em; text-transform: uppercase; }
.silj-reading__aside p { margin: 0 0 17px; color: var(--silj-slate); font-size: 13px; line-height: 1.7; }
.silj-reading__aside .silj-small { margin: 17px 0 0; color: var(--silj-muted); font-size: 11px; }
.silj-doi { display: block; padding: 10px 0; border-top: 1px solid var(--silj-line); border-bottom: 1px solid var(--silj-line); color: var(--silj-cyan-deep); font-size: 12px; font-weight: 800; text-decoration: none; word-break: break-word; }
.silj-quote { margin: 33px 0 0; padding: 26px 28px; border-radius: 0 18px 18px 18px; background: #e6f7fc; }
.silj-quote p { margin: 0!important; color: #084258!important; font-size: 17px!important; font-weight: 700; line-height: 1.8!important; }
.silj-steps { display: grid; gap: 0; margin: 49px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--silj-line); }
.silj-steps li { display: grid; grid-template-columns: 87px 1fr; gap: 25px; padding: 27px 0; border-bottom: 1px solid var(--silj-line); }
.silj-steps strong { color: var(--silj-cyan-deep); font-size: 30px; line-height: 1; letter-spacing: -.06em; }
.silj-steps h3 { margin: 0; font-size: 20px; line-height: 1.35; letter-spacing: -.025em; }
.silj-steps p { margin: 8px 0 0; color: var(--silj-slate); font-size: 15px; line-height: 1.8; }
.silj-flow { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0; margin-top: 47px; padding: 28px 21px; background: #fff; border: 1px solid var(--silj-line); }
.silj-flow > div { position: relative; display: grid; gap: 11px; padding: 9px 15px 9px 16px; }
.silj-flow > div:not(:last-child)::after { content: ""; position: absolute; right: -7px; top: 50%; width: 14px; border-top: 1px solid #9cb5c5; }
.silj-flow b { color: var(--silj-cyan-deep); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 13px; }
.silj-flow span { color: var(--silj-ink); font-size: 13px; font-weight: 700; line-height: 1.55; }
.silj-center-button { margin-top: 37px; text-align: center; }
.silj-center-button .silj-button--primary { color: #fff; background: var(--silj-ink); }

/* Research */
.silj-research-grid { display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid var(--silj-line); border-left: 1px solid var(--silj-line); }
.silj-research-card { min-height: 310px; padding: 37px; border-right: 1px solid var(--silj-line); border-bottom: 1px solid var(--silj-line); transition: background .15s ease; }
.silj-research-card:hover { background: #f1f9fd; }
.silj-research-card > p:first-child { margin: 0 0 18px; color: var(--silj-cyan-deep); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 12px; font-weight: 800; }
.silj-research-card h2 { margin: 0; font-size: 25px; letter-spacing: -.035em; line-height: 1.25; }
.silj-research-card > p:not(:first-child) { max-width: 490px; margin: 14px 0 21px; color: var(--silj-slate); font-size: 14px; line-height: 1.8; }
.silj-research-card a { color: var(--silj-cyan-deep); text-decoration: none; font-size: 13px; font-weight: 800; }

/* Publication Page */
.silj-publication-list { border-top: 1px solid var(--silj-line); }
.silj-publication-row { display: grid; grid-template-columns: 184px minmax(0,1fr) 208px; gap: 30px; align-items: start; padding: 31px 0; border-bottom: 1px solid var(--silj-line); }
.silj-publication-row__meta p { margin: 10px 0 0; color: var(--silj-muted); font-size: 12px; }
.silj-publication-row h2 { margin: 0; font-size: 23px; line-height: 1.35; letter-spacing: -.03em; }
.silj-publication-row > div:nth-child(2) > p { margin: 10px 0 0; color: var(--silj-slate); font-size: 14px; line-height: 1.75; }
.silj-publication-row__doi a, .silj-publication-row__doi span { display: block; color: var(--silj-cyan-deep); font-size: 11px; line-height: 1.6; text-decoration: none; word-break: break-word; }
.silj-publication-row__doi strong { font-size: 12px; }
.silj-publication-row__doi span { color: var(--silj-muted); }
.silj-note { margin-top: 35px; padding: 19px 22px; border-left: 3px solid var(--silj-violet); background: #f0efff; }
.silj-note p { margin: 0; color: #374159; font-size: 13px; line-height: 1.8; }

/* Product details */
.silj-product-detail { display: grid; grid-template-columns: 280px 1fr; gap: 72px; align-items: center; }
.silj-product-detail__aside { display: grid; place-items: center; min-height: 280px; background: linear-gradient(160deg, #081b2a, #123d50); }
.silj-product-detail__aside > p { margin: 13px 0 0; color: #aaf1ff; font-size: 17px; font-weight: 800; letter-spacing: .15em; }
.silj-product__orb--small { width: 165px; height: 165px; }
.silj-product__orb--small span { font-size: 31px; }
.silj-product-detail__main > p { margin: 23px 0 0; color: var(--silj-slate); font-size: 16px; line-height: 1.9; }
.silj-product-detail__main .silj-button--primary { color: #fff; background: var(--silj-ink); }
.silj-product-detail__main .silj-button--quiet { color: var(--silj-ink); border-color: var(--silj-line); background: #fff; }
.silj-product-detail__main .silj-small { margin-top: 17px; color: var(--silj-muted); font-size: 12px; }
.silj-doc-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; margin-top: 46px; }
.silj-doc-grid article { padding: 29px; border: 1px solid var(--silj-line); border-radius: 15px; background: #fff; }
.silj-doc-grid article > p:first-child { margin: 0 0 21px; color: var(--silj-cyan-deep); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 13px; font-weight: 800; }
.silj-doc-grid h3 { margin: 0; font-size: 20px; line-height: 1.35; }
.silj-doc-grid article > p:not(:first-child) { margin: 10px 0 18px; color: var(--silj-slate); font-size: 14px; line-height: 1.75; }
.silj-doc-grid a { color: var(--silj-cyan-deep); text-decoration: none; font-size: 13px; font-weight: 800; }

/* PIB */
.silj-stage-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; margin-top: 45px; }
.silj-stage-grid article { position: relative; min-height: 232px; padding: 28px 24px; background: #fff; border: 1px solid var(--silj-line); }
.silj-stage-grid article:not(:last-child)::after { content: "→"; position: absolute; top: 50%; right: -22px; z-index: 1; color: #80a5b7; font-size: 20px; }
.silj-stage-grid span { display: grid; width: 27px; height: 27px; place-items: center; border-radius: 50%; background: #dff7ff; color: #087796; font-size: 12px; font-weight: 800; }
.silj-stage-grid h3 { margin: 22px 0 9px; font-size: 19px; line-height: 1.32; }
.silj-stage-grid p { margin: 0; color: var(--silj-slate); font-size: 13px; line-height: 1.73; }

/* About */
.silj-about-grid { display: grid; grid-template-columns: 305px 1fr; gap: 75px; align-items: center; }
.silj-about__monogram { position: relative; display: grid; width: 260px; height: 260px; place-content: center; overflow: hidden; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #a8f5ff, #2c5c91 43%, #131941 78%); box-shadow: 0 20px 50px rgba(13,30,62,.22); text-align: center; }
.silj-about__monogram::before, .silj-about__monogram::after { content: ""; position: absolute; border: 1px solid rgba(255,255,255,.39); border-radius: 50%; }
.silj-about__monogram::before { inset: 22px; }
.silj-about__monogram::after { inset: 47px; border-color: rgba(205,252,255,.22); }
.silj-about__monogram span { position: relative; color: #fff; font-size: 64px; font-weight: 800; letter-spacing: -.09em; line-height: .9; }
.silj-about__monogram small { position: relative; margin-top: 10px; color: #c4f8ff; font-size: 10px; font-weight: 800; letter-spacing: .16em; }
.silj-about__monogram i { position: absolute; width: 7px; height: 7px; left: 50%; top: 15px; margin-left: -3.5px; border-radius: 50%; background: #b9f8ff; }
.silj-about__copy > p { margin: 25px 0 0; color: var(--silj-slate); font-size: 16px; line-height: 1.95; }
.silj-about__copy .silj-button--quiet { border-color: var(--silj-line); color: var(--silj-ink); background: #fff; }

/* Record detail */
.silj-record-list { border-top: 1px solid var(--silj-line); }
.silj-record-item { display: grid; grid-template-columns: 180px minmax(0,1fr) 40px; gap: 25px; align-items: start; padding: 25px 0; border-bottom: 1px solid var(--silj-line); }
.silj-record-item h2 { margin: 0; font-size: 21px; line-height: 1.37; letter-spacing: -.024em; }
.silj-record-item p { margin: 9px 0 0; color: var(--silj-slate); font-size: 14px; line-height: 1.75; }
.silj-record-item > a { display: grid; width: 35px; height: 35px; place-items: center; border-radius: 50%; color: #fff; background: var(--silj-ink); text-decoration: none; font-size: 16px; }
.silj-record-item > a:hover { background: var(--silj-cyan-deep); }

/* Prose */
.silj-prose { color: var(--silj-slate); font-size: 16px; line-height: 1.9; }
.silj-prose h2, .silj-prose h3 { color: var(--silj-ink); letter-spacing: -.03em; }
.silj-prose a { color: var(--silj-cyan-deep); }

/* Footer */
.silj-site-footer { color: #b5c8d7; background: #07101b; }
.silj-footer-grid { display: grid; grid-template-columns: 1.55fr 1fr 1.12fr 1.2fr; gap: 38px; padding: 70px 0 47px; }
.silj-footer-brand h2 { margin: 0; color: #fff; font-size: 23px; line-height: 1.18; letter-spacing: -.04em; }
.silj-footer-brand p:not(.silj-eyebrow) { max-width: 245px; margin: 15px 0 0; color: #9bb1c2; font-size: 13px; line-height: 1.7; }
.silj-site-footer h3 { margin: 0 0 12px; color: #fff; font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.silj-site-footer ul { display: grid; gap: 7px; margin: 0; padding: 0; list-style: none; }
.silj-site-footer li, .silj-site-footer p { margin: 0 0 8px; font-size: 12px; line-height: 1.6; }
.silj-site-footer a { color: #b5eefa; text-decoration: none; }
.silj-site-footer a:hover { color: #fff; }
.silj-site-footer .silj-eyebrow { color: #70dff8; }
.silj-footer-bottom { display: flex; justify-content: space-between; gap: 24px; padding: 19px 0; border-top: 1px solid rgba(255,255,255,.12); }
.silj-footer-bottom p { margin: 0; color: #7890a1; font-size: 10px; line-height: 1.5; }

@media (max-width: 1040px) {
  .silj-site-header__inner { min-height: 72px; }
  .silj-header-nav { gap: 12px; }
  .silj-nav ul { gap: 13px; }
  .silj-nav a { font-size: 12px; }
  .silj-hero__grid { min-height: 610px; }
  .silj-hero-art { opacity: .65; }
  .silj-card-grid--four { grid-template-columns: repeat(2, 1fr); }
  .silj-product__grid, .silj-record { gap: 45px; }
  .silj-product__mark::after { display: none; }
  .silj-flow { grid-template-columns: repeat(5, 1fr); padding: 20px 10px; }
  .silj-flow > div { padding: 9px 10px; }
  .silj-publication-row { grid-template-columns: 150px minmax(0,1fr) 170px; }
  .silj-stage-grid { grid-template-columns: repeat(2,1fr); }
  .silj-stage-grid article:nth-child(2)::after { display: none; }
}
@media (max-width: 820px) {
  .silj-shell { width: min(calc(100% - 34px), var(--silj-max)); }
  .silj-wordmark { min-width: 0; }
  .silj-wordmark strong { font-size: 14px; }
  .silj-wordmark small { display: none; }
  .silj-menu-toggle { display: block; }
  .silj-header-nav { position: absolute; top: 100%; right: 0; left: 0; display: none; padding: 17px; border-top: 1px solid var(--silj-line); background: #fff; box-shadow: 0 14px 25px rgba(0,0,0,.08); }
  .silj-header-nav.is-open { display: grid; gap: 16px; }
  .silj-nav ul { display: grid; gap: 0; }
  .silj-nav a { display: block; padding: 12px 3px; border-bottom: 1px solid var(--silj-line); }
  .silj-lang { width: fit-content; }
  .silj-hero__grid { display: block; min-height: auto; }
  .silj-hero__copy { padding: 77px 0 55px; }
  .silj-hero h1 { font-size: clamp(43px, 12vw, 68px); }
  .silj-hero__lead { font-size: 16px; }
  .silj-hero-art { right: -42%; bottom: -15%; width: 110vw; opacity: .45; }
  .silj-hero__facts { margin-top: 37px; }
  .silj-section, .silj-section--intro { padding: 76px 0; }
  .silj-split, .silj-product__grid, .silj-record, .silj-cta__grid, .silj-reading, .silj-product-detail, .silj-about-grid { grid-template-columns: 1fr; gap: 42px; }
  .silj-principles--grid { grid-template-columns: 1fr; }
  .silj-card-grid--three, .silj-publications, .silj-doc-grid { grid-template-columns: 1fr; }
  .silj-card { min-height: 0; }
  .silj-product { padding: 75px 0; }
  .silj-product__mark { min-height: 280px; order: 2; }
  .silj-product__mark::before { width: 250px; height: 250px; }
  .silj-product__orb { width: 178px; height: 178px; }
  .silj-product__orb span { font-size: 32px; }
  .silj-product__mark > p { right: 27%; bottom: 5%; }
  .silj-section-row { display: block; }
  .silj-section-row .silj-button { margin-top: 20px; }
  .silj-record__links { margin-top: 0; }
  .silj-cta__seal { margin: 0; }
  .silj-page-hero { padding: 76px 0 65px; }
  .silj-page-hero h1 { font-size: clamp(41px, 10vw, 63px); }
  .silj-page-hero__lead { font-size: 16px; }
  .silj-reading__aside { position: static; }
  .silj-flow { grid-template-columns: 1fr; gap: 0; padding: 9px 15px; }
  .silj-flow > div { grid-template-columns: 30px 1fr; align-items: start; padding: 14px 3px; border-bottom: 1px solid var(--silj-line); }
  .silj-flow > div:last-child { border-bottom: 0; }
  .silj-flow > div:not(:last-child)::after { display: none; }
  .silj-steps li { grid-template-columns: 54px 1fr; gap: 15px; }
  .silj-steps strong { font-size: 25px; }
  .silj-research-grid { grid-template-columns: 1fr; }
  .silj-research-card { min-height: 0; padding: 29px; }
  .silj-publication-row { grid-template-columns: 1fr; gap: 13px; }
  .silj-publication-row__doi { padding-top: 4px; }
  .silj-stage-grid { grid-template-columns: 1fr; }
  .silj-stage-grid article:not(:last-child)::after { display: none; }
  .silj-about__monogram { width: 220px; height: 220px; }
  .silj-record-item { grid-template-columns: 1fr 36px; gap: 14px; }
  .silj-record-item > div:first-child { grid-column: 1 / 3; }
  .silj-record-item > a { grid-column: 2; grid-row: 2; }
  .silj-footer-grid { grid-template-columns: 1fr 1fr; padding: 54px 0 32px; }
  .silj-footer-bottom { display: grid; gap: 8px; }
}
@media (max-width: 540px) {
  .silj-shell { width: min(calc(100% - 28px), var(--silj-max)); }
  .silj-wordmark__mark { display: none; }
  .silj-hero__copy { padding-top: 62px; }
  .silj-hero h1 { letter-spacing: -.07em; }
  .silj-button { width: 100%; }
  .silj-hero__facts { display: grid; grid-template-columns: 1fr; gap: 14px; }
  .silj-section-head h2 { font-size: 31px; }
  .silj-card-grid--four { grid-template-columns: 1fr; }
  .silj-card { padding: 24px; }
  .silj-product__mark { transform: scale(.84); margin: -26px 0; }
  .silj-cta h2 { font-size: 35px; }
  .silj-cta__seal { width: 205px; height: 205px; }
  .silj-cta__seal span { font-size: 57px; }
  .silj-page-hero h1 { font-size: 40px; }
  .silj-footer-grid { grid-template-columns: 1fr; gap: 30px; }
}