/* The official SwiftUI logo uses SF Pro Rounded. Resolve only locally installed
   system faces; do not download or host proprietary Apple font files. */
@font-face {
  font-family: "Notchorious SF Rounded";
  src: local("SFProRounded-Regular"), local("SF Pro Rounded Regular");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Notchorious SF Rounded";
  src: local("SFProRounded-Medium"), local("SF Pro Rounded Medium");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "Notchorious SF Rounded";
  src: local("SFProRounded-Semibold"), local("SF Pro Rounded Semibold");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Notchorious SF Rounded";
  src: local("SFProRounded-Bold"), local("SF Pro Rounded Bold");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Notchorious SF Rounded";
  src: local("SFProRounded-Heavy"), local("SF Pro Rounded Heavy");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Notchorious SF Rounded";
  src: local("SFProRounded-Black"), local("SF Pro Rounded Black");
  font-weight: 900;
  font-style: normal;
}

/* Notchorious website · consolidated, version-neutral brand styles.
   Aligned with NotchGlassLogo.defaultBrandmark SwiftUI: rounded system type,
   white Notch, pastel gradient orious, subtle rule, circular notch symbol.
   No off-site webfonts or third-party requests. */
:root {
  color-scheme: dark;
  --bg: #0b0e16;
  --text: #f5f7fd;
  --muted: #aab5c8;
  --line: rgba(197,214,244,.13);
  --panel: rgba(161,180,213,.055);
  --panel-hover: rgba(161,180,213,.082);
  --accent: #a7dbff;
  --warning: #ffd38a;
  /* SwiftUI brand source: .system(size: 21, weight: .black, design: .rounded). */
  --font-logo: "Notchorious SF Rounded", ui-rounded, "SF Pro Rounded", "Arial Rounded MT Bold", "Avenir Next Rounded", "Trebuchet MS", system-ui, sans-serif;
  --font-site: "Notchorious SF Rounded", ui-rounded, "SF Pro Rounded", "Avenir Next Rounded", "Avenir Next", "Nunito", "Trebuchet MS", system-ui, sans-serif;
  --brand-a: #b7eaff;
  --brand-b: #d8bcff;
  --brand-c: #ffbad8;
}
*, *::before, *::after {box-sizing:border-box;}
html {background:var(--bg);scroll-behavior:smooth;}
body {
  margin:0;
  min-height:100vh;
  font-family:var(--font-site);
  -webkit-font-smoothing: antialiased;
  color:var(--text);
  line-height:1.62;
  background:
    radial-gradient(ellipse 610px 430px at 1% -110px,rgba(68,129,205,.155),transparent 84%),
    radial-gradient(ellipse 570px 450px at 98% 0%,rgba(131,69,155,.105),transparent 83%),
    var(--bg);
}
a {color:var(--accent);text-decoration:none;}
a:hover {text-decoration:underline;text-underline-offset:3px;}
a:focus-visible {outline:2px solid var(--accent);outline-offset:4px;border-radius:5px;}
.shell {width:min(1080px,calc(100% - 56px));margin:0 auto;}
nav {
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  column-gap:28px;
  row-gap:16px;
  padding:22px 0 20px;
  border-bottom:1px solid rgba(198,214,241,.075);
}
.brand {display:inline-flex;align-items:center;gap:11px;flex:0 0 auto;white-space:nowrap;color:var(--text);text-decoration:none;}
.brand:hover {text-decoration:none;}
.brand-symbol {display:block;width:44px;height:44px;flex:0 0 44px;object-fit:contain;}
.brand-type {display:flex;flex-direction:column;align-items:flex-start;gap:5px;}
.brand-word {display:inline-flex;white-space:nowrap;align-items:baseline;font-family:var(--font-logo);font-size:21px;font-weight:900;line-height:1;letter-spacing:-.65px;}
.brand-notch {color:rgba(255,255,255,.98);}
.brand-orious {
  background:linear-gradient(116deg,var(--brand-a) 0%,var(--brand-b) 53%,var(--brand-c) 100%);
  background-clip:text;-webkit-background-clip:text;color:transparent;
}
.brand-rule {
  display:block;height:3px;width:72px;border-radius:99px;
  background:linear-gradient(90deg,rgba(147,218,255,.94),rgba(222,187,255,.85),rgba(255,181,213,.7));
  box-shadow:0 0 10px rgba(182,205,255,.12);
}
.navlinks {display:flex;align-items:center;flex-wrap:wrap;column-gap:23px;row-gap:8px;font-size:14px;font-weight:650;}
.navlinks a {white-space:nowrap;color:#bed8ee;}
.navlinks a[aria-current="page"] {color:#fff;text-decoration:underline;text-decoration-color:#a6d8f7;text-underline-offset:6px;}
.hero {padding:66px 0 50px;max-width:770px;}
.eyebrow {color:#a6d8f8;font-size:12px;font-weight:850;letter-spacing:.13em;text-transform:uppercase;}
.eyebrow-dot {display:inline-block;width:7px;height:7px;border-radius:50%;background:#a8dff9;box-shadow:0 0 10px rgba(168,223,249,.3);margin:0 8px 1px 0;}
h1 {margin:14px 0 20px;font-family:var(--font-site);font-size:clamp(38px,4.7vw,56px);font-weight:750;line-height:1.13;letter-spacing:-.032em;}
.hero h1 {max-width:720px;}
.hero-highlight {background:linear-gradient(100deg,#a9dfff 0%,#d4c2ff 56%,#f3b7d8 100%);background-clip:text;-webkit-background-clip:text;color:transparent;}
.lede {color:#bdc8d8;font-size:17px;max-width:650px;margin:0;line-height:1.67;}
.version-note {margin:20px 0 0;padding:14px 17px;max-width:700px;border:1px solid rgba(164,205,241,.17);background:rgba(96,146,199,.06);border-radius:13px;color:#c7d5e7;font-size:13px;line-height:1.62;}
.actions {display:flex;flex-wrap:wrap;gap:12px;margin-top:26px;}
.button {display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 17px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.07);color:#f1f5fc;font-size:14px;font-weight:700;}
.button:hover {text-decoration:none;background:rgba(255,255,255,.11);}
.button.primary {background:linear-gradient(110deg,rgba(114,185,228,.25),rgba(167,118,192,.19));border-color:rgba(175,205,246,.24);}
.grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:6px 0 66px;}
.card {background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:24px;}
.card:hover {background:var(--panel-hover);}
.card h2,.card h3 {margin:0 0 8px;font-size:19px;letter-spacing:-.016em;line-height:1.3;font-weight:750;}
.card p {margin:0 0 12px;color:#c7cfdb;font-size:14px;line-height:1.7;}
.card p:last-child {margin-bottom:0;}
main.article {max-width:790px;padding:48px 0 76px;}
.article h1 {font-size:clamp(34px,4.1vw,48px);line-height:1.16;margin:9px 0 16px;letter-spacing:-.03em;font-weight:750;}
.article .meta {color:var(--muted);margin:-2px 0 30px;font-size:13px;}
.article section {padding:22px 0;border-top:1px solid var(--line);}
.article section:first-of-type {border-top:0;}
.article section[id] {scroll-margin-top:26px;}
.article h2 {font-size:20px;line-height:1.35;letter-spacing:-.02em;margin:0 0 10px;font-weight:750;}
.article h3 {font-size:16px;margin:0 0 8px;}
.article p,.article li {color:#d2d9e5;line-height:1.8;}
.article p {margin:0 0 13px;}
.article ul,.article ol {padding-left:24px;}
.article .policy-intro {padding:16px 18px;border:1px solid var(--line);background:rgba(150,195,245,.065);border-radius:14px;}
.article .small-note {font-size:13px;margin-top:0;}
.article .mono,.article code {font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow-wrap:anywhere;}
.article>.version-note {margin:0 0 26px;}
.notice {border:1px solid rgba(255,211,138,.26);border-radius:14px;padding:16px;background:rgba(255,211,138,.075);color:#f5e5c8!important;font-weight:650;}
.contact {border:1px solid rgba(159,215,255,.24);background:rgba(159,215,255,.07);border-radius:16px;padding:18px;}
.placeholder {color:var(--warning);font-weight:800;overflow-wrap:anywhere;}
footer {color:#929aaa;font-size:12px;padding:28px 0 42px;border-top:1px solid var(--line);}
@media(max-width:760px){
  .shell {width:min(100% - 36px,1080px);}
  nav {align-items:flex-start;}
  .navlinks {gap:10px 18px;}
  .hero {padding:48px 0 38px;}
  .grid {gap:12px;}
}
@media(max-width:610px){
  .grid {grid-template-columns:1fr;}
  .hero h1 {font-size:clamp(34px,9vw,49px);}
  .hero {padding:44px 0 36px;}
  .brand-symbol {width:40px;height:40px;flex-basis:40px;}
  .brand-word {font-size:20px;}
  .navlinks {font-size:13px;}
  .card {padding:20px;}
  main.article {padding:36px 0 64px;}
  .lede {font-size:16px;}
}
@media(prefers-reduced-motion:reduce){html {scroll-behavior:auto;}}

/* Official icon, no synthetic disc or inline vector reproduction. */
.brand-symbol { border-radius: 11px; }