@font-face {
  font-family: "Montserrat Variable";
  src: url("../fonts/montserrat-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

:root { --ink:#0d1015; --navy:#18325f; --blue:#1b4da1; --blue-2:#18325f; --mist:#f1f5f9; --line:#dbe3ec; --muted:#5d6b7c; --cream:#f4f3f4; }
html[data-theme="dark"] { --blue:#1b4da1; --blue-2:#f4f3f4; --line:#26374d; --muted:#9aabc0; --cream:#0d1015; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--cream); color:var(--ink); font-family:"Montserrat Variable",Montserrat,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; -webkit-font-smoothing:antialiased; transition:background-color .25s,color .25s; }
a { color:inherit; text-decoration:none; }
button,input,textarea,select { font:inherit; }
img { display:block; max-width:100%; }
.skip-link { position:fixed; top:10px; left:10px; z-index:100; padding:10px 14px; border-radius:8px; background:var(--blue); color:white; transform:translateY(-150%); }
.skip-link:focus { transform:translateY(0); }
.icon { display:inline-block; width:1em; height:1em; flex:0 0 auto; overflow:visible; vertical-align:-.12em; }
.icon-arrow { width:15px; height:15px; }
.icon-check { width:16px; height:16px; color:#12845a; }
.menu-icon { width:18px; height:18px; }
.reveal { opacity:0; transform:translateY(18px); transition:opacity .7s ease,transform .7s ease; }
.reveal.is-visible { opacity:1; transform:none; }
.shell { width:min(1180px,calc(100% - 40px)); margin-inline:auto; }
.site-header { position:relative; z-index:20; padding-top:24px; border-bottom:0; background:transparent; backdrop-filter:none; }
.nav-wrap { height:auto; min-height:88px; display:flex; align-items:center; justify-content:space-between; padding:14px 18px 14px 20px; background:rgba(18,18,19,.8); border:1px solid rgba(255,255,255,.12); box-shadow:0 18px 44px rgba(7,17,31,.22); clip-path:polygon(26px 0,calc(100% - 26px) 0,100% 50%,calc(100% - 26px) 100%,26px 100%,0 50%); }
.brand { display:inline-flex; align-items:center; gap:11px; font-size:16px; font-weight:850; letter-spacing:.18em; }
.brand img { width:38px; height:38px; object-fit:cover; border-radius:10px; }
.brand > span { display:grid; line-height:1; }
.brand small { margin-top:7px; font-size:7px; letter-spacing:.17em; color:var(--muted); text-transform:uppercase; }
nav { display:flex; align-items:center; gap:clamp(16px,2vw,33px); font-size:13px; font-weight:650; }
nav > a:not(.nav-demo) { color:#344154; transition:color .2s; }
nav > a:not(.nav-demo):hover { color:var(--blue); }
.nav-demo { padding:12px 17px; background:var(--ink); color:white; border-radius:999px; border:1px solid rgba(255,255,255,.18); }
.nav-demo svg { width:15px; height:15px; color:var(--blue-2); }
.nav-controls { display:flex; align-items:center; gap:7px; }
.menu-button { width:42px; height:42px; display:grid; place-items:center; border:1px solid var(--line); border-radius:50%; background:transparent; color:var(--ink); cursor:pointer; transition:color .2s,border-color .2s,background .2s; }
.menu-button:hover { color:var(--blue); border-color:var(--blue); background:rgba(23,107,255,.07); }
.menu-button svg { width:18px; height:18px; }
.menu-button { display:none; }
nav > a.nav-current:not(.nav-demo) { color:var(--blue)!important; }
.hero { min-height:690px; display:grid; grid-template-columns:.92fr 1.08fr; gap:70px; align-items:center; padding-block:76px 92px; overflow:hidden; }
.eyebrow,.kicker { color:var(--blue); text-transform:uppercase; letter-spacing:.17em; font-size:11px; font-weight:800; }
.eyebrow { display:flex; align-items:center; gap:9px; }
.eyebrow span { width:7px; height:7px; background:var(--blue); border-radius:50%; box-shadow:0 0 0 5px #e8f0ff; }
.hero h1 { max-width:650px; margin:24px 0; font-size:clamp(50px,6.2vw,84px); line-height:.94; letter-spacing:-.065em; }
.hero h1 em { color:var(--blue); font-family:Georgia,serif; font-weight:500; }
.hero-lede { max-width:570px; color:var(--muted); font-size:18px; line-height:1.72; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:32px; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:14px; min-height:51px; padding:0 21px; border:1px solid var(--line); border-radius:9px; font-size:13px; font-weight:750; transition:transform .2s,box-shadow .2s,background .2s; }
.button svg { width:15px; height:15px; flex:0 0 auto; }
.button:hover { transform:translateY(-2px); }
.button-primary { background:var(--blue); border-color:var(--blue); color:white; box-shadow:0 12px 30px rgba(23,107,255,.22); }
.button-primary:hover { box-shadow:0 16px 38px rgba(23,107,255,.3); }
.button-quiet { background:white; }
.trust-line { margin-top:32px; display:flex; align-items:center; gap:12px; color:var(--muted); font-size:11px; font-weight:650; }
.trust-dots { display:flex; padding-left:7px; }
.trust-dots i { width:27px; height:27px; margin-left:-7px; display:grid; place-items:center; background:var(--navy); border:2px solid white; border-radius:50%; color:white; font-size:9px; font-style:normal; }
.hero-product { position:relative; min-height:500px; display:grid; place-items:center; }
.orbit { position:absolute; border:1px solid #dbe6f8; border-radius:50%; }
.orbit-one { width:570px; height:570px; }
.orbit-two { width:430px; height:430px; border-style:dashed; animation:spin 40s linear infinite; }
.product-window { position:relative; z-index:2; width:620px; max-width:100%; overflow:hidden; border:1px solid rgba(255,255,255,.1); border-radius:18px; background:#07111f; color:white; box-shadow:0 35px 80px rgba(5,17,36,.24); transform:perspective(1000px) rotateY(-3deg) rotateX(1deg); }
.window-bar { height:61px; padding:0 19px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,.08); }
.window-brand { display:flex; align-items:center; gap:8px; font-size:10px; font-weight:850; letter-spacing:.15em; }
.window-brand img { width:25px; height:25px; border-radius:7px; }
.window-pills { display:flex; align-items:center; gap:12px; color:#8492a6; font-size:8px; }
.avatar { width:29px; height:29px; display:grid; place-items:center; border-radius:50%; background:var(--blue); color:white; font-weight:800; }
.window-layout { min-height:372px; display:grid; grid-template-columns:120px 1fr; }
.window-layout aside { padding:24px 18px; display:flex; flex-direction:column; gap:23px; border-right:1px solid rgba(255,255,255,.07); color:#6f7f94; font-size:8px; }
.window-layout aside .active-dot { color:var(--blue-2); }
.window-layout aside .active-dot { display:flex; align-items:center; gap:6px; }
.window-layout aside .active-dot svg { width:10px; height:10px; }
.window-main { padding:38px 34px; background:radial-gradient(circle at 75% 30%,rgba(23,107,255,.14),transparent 35%); }
.window-main > p { color:#728198; font-size:8px; font-weight:800; letter-spacing:.17em; }
.window-main h3 { margin:8px 0 23px; font-size:23px; }
.metric-row { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.metric-row div,.mini-grid div { padding:15px; border:1px solid rgba(255,255,255,.08); border-radius:10px; background:rgba(255,255,255,.025); }
.metric-row b { display:block; font-size:22px; }
.metric-row span,.mini-grid span { color:#77869c; font-size:7px; }
.activity-card { margin-top:12px; padding:17px; display:flex; align-items:center; justify-content:space-between; gap:12px; background:linear-gradient(110deg,#10213f,#0b1830); border:1px solid rgba(68,133,255,.25); border-radius:11px; }
.activity-card span,.activity-card b { display:block; }
.activity-card span { color:#64a0ff; font-size:7px; text-transform:uppercase; }
.activity-card b { margin-top:5px; font-size:9px; }
.activity-card button { border:0; padding:8px 10px; background:var(--blue); border-radius:6px; color:white; font-size:7px; }
.mini-grid { margin-top:12px; display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.mini-grid b { display:block; margin-top:4px; font-size:10px; }
.floating-chip { position:absolute; z-index:4; padding:13px 16px; display:flex; align-items:center; gap:10px; background:white; border:1px solid var(--line); border-radius:11px; box-shadow:0 15px 35px rgba(7,17,31,.14); }
.floating-chip b,.floating-chip small { display:block; }
.floating-chip small { margin-top:3px; color:var(--muted); font-size:8px; }
.chip-one { left:-20px; bottom:54px; font-size:10px; }
.chip-one > span { color:#24b47e; }
.chip-one > svg { width:10px; height:10px; color:#24b47e; fill:currentColor; }
.chip-two { right:-5px; top:58px; display:block; }
.chip-two b { color:var(--blue); font-size:21px; }
.signal-strip { background:var(--ink); color:white; }
.signal-grid { display:grid; grid-template-columns:repeat(3,1fr); }
.signal-grid > div { padding:25px 30px; display:flex; align-items:baseline; gap:11px; border-left:1px solid rgba(255,255,255,.11); }
.signal-grid > div:last-child { border-right:1px solid rgba(255,255,255,.11); }
.signal-grid b { font-family:Georgia,serif; font-size:20px; font-weight:500; }
.signal-grid span { color:#95a3b6; font-size:10px; text-transform:uppercase; letter-spacing:.11em; }
.section { padding-block:105px; }
.section-heading { display:grid; grid-template-columns:1.2fr .8fr; align-items:end; gap:80px; }
.section-heading h2,.feature-copy h2,.docs-callout h2,.final-cta h2 { margin:16px 0 0; font-size:clamp(38px,5vw,64px); line-height:1.02; letter-spacing:-.055em; }
.section-heading > p,.feature-copy > p { color:var(--muted); font-size:16px; line-height:1.75; }
.capability-grid { margin-top:62px; display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); }
.capability-grid article { padding:32px 32px 12px 0; border-right:1px solid var(--line); }
.capability-grid article:not(:first-child) { padding-left:32px; }
.capability-grid article:last-child { border-right:0; }
.capability-grid article > span { color:var(--blue); font-size:10px; font-weight:800; }
.coming-inline { float:right; padding:6px 8px; border:1px solid var(--line); border-radius:999px; color:#718198; font-size:7px; letter-spacing:.08em; text-transform:uppercase; }
.capability-grid h3 { margin:32px 0 12px; font-size:20px; }
.capability-grid p { min-height:88px; color:var(--muted); font-size:13px; line-height:1.7; }
.capability-grid a,.text-link { display:inline-flex; align-items:center; gap:7px; color:var(--blue); font-size:12px; font-weight:800; }
.capability-grid a svg,.text-link svg { width:15px; height:15px; }
.feature-split { display:grid; grid-template-columns:1.1fr .9fr; align-items:center; gap:80px; }
.feature-shot { padding:15px; background:#e8edf4; border-radius:18px; transform:rotate(-1deg); }
.feature-shot img { width:100%; border-radius:9px; box-shadow:0 20px 50px rgba(7,17,31,.15); }
.feature-copy ul { margin:26px 0; padding:0; list-style:none; }
.feature-copy li { padding:13px 0; display:flex; align-items:center; gap:11px; border-bottom:1px solid var(--line); font-size:13px; font-weight:700; }
.feature-copy li svg { width:16px; height:16px; color:var(--blue); }
.docs-callout { padding-inline:70px; display:grid; grid-template-columns:.9fr 1.1fr; gap:90px; background:var(--navy); color:white; border-radius:24px; }
.kicker.light { color:#73a5ff; }
.docs-callout h2 { font-size:51px; }
.docs-callout p { color:#9eacc0; line-height:1.7; }
.doc-links { display:grid; align-content:center; }
.doc-links a { padding:19px 0; display:grid; grid-template-columns:35px 1fr auto; border-bottom:1px solid rgba(255,255,255,.12); font-size:13px; font-weight:700; }
.doc-links svg { width:16px; height:16px; color:#73a5ff; }
.doc-links span { color:#6f83a1; font-size:9px; }
.doc-links b { color:#73a5ff; }
.final-cta { text-align:center; }
.final-cta > img { width:64px; height:64px; margin:0 auto 22px; object-fit:cover; border-radius:18px; }
.final-cta h2 { max-width:780px; margin-inline:auto; }
.final-cta > p:not(.kicker) { color:var(--muted); }
.final-cta .hero-actions { justify-content:center; }
.site-footer { padding-top:72px; background:#050c17; color:white; }
.footer-grid { padding-bottom:60px; display:grid; grid-template-columns:2fr repeat(3,1fr); gap:70px; }
.footer-brand > div { display:flex; align-items:center; gap:12px; }
.footer-brand img { width:42px; height:42px; border-radius:11px; }
.footer-brand b { display:block; font-size:14px; letter-spacing:.2em; }
.footer-brand small { display:block; margin-top:6px; color:#75859b; font-size:7px; letter-spacing:.14em; text-transform:uppercase; }
.footer-brand p { max-width:340px; margin-top:23px; color:#8491a3; font-size:12px; line-height:1.7; }
.footer-grid > div:not(:first-child) { display:flex; flex-direction:column; gap:13px; font-size:11px; color:#8491a3; }
.footer-grid > div:not(:first-child) > b { margin-bottom:8px; color:white; font-size:10px; text-transform:uppercase; letter-spacing:.13em; }
.footer-grid a:hover { color:white; }
.footer-bottom { padding:22px 0; display:flex; justify-content:space-between; border-top:1px solid rgba(255,255,255,.08); color:#647286; font-size:9px; }
.reveal { animation:rise .8s both ease-out; }
.delay-1 { animation-delay:.12s; }
@keyframes rise { from { opacity:0; transform:translateY(18px); } }
@keyframes spin { to { transform:rotate(360deg); } }

@media (max-width:900px) {
  .site-header { position:sticky; top:0; padding-top:12px; }
  .menu-button { display:block; }
  .nav-wrap { clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,18px 100%,0 50%); }
  nav { position:absolute; top:81px; left:0; right:0; padding:22px; display:none; flex-direction:column; align-items:stretch; background:var(--cream); border-bottom:1px solid var(--line); }
  nav.open { display:flex; }
  .hero { min-height:auto; grid-template-columns:1fr; padding-top:60px; }
  .hero-product { min-height:470px; }
  .section-heading,.feature-split,.docs-callout { grid-template-columns:1fr; gap:45px; }
  .feature-split { padding-top:70px; }
  .footer-grid { grid-template-columns:1.4fr 1fr 1fr; }
  .footer-grid > div:last-child { display:none; }
}

@media (max-width:640px) {
  .shell { width:min(100% - 28px,1180px); }
  .brand small { display:none; }
  .hero { padding-block:48px 65px; }
  .hero h1 { font-size:52px; }
  .hero-product { min-height:350px; }
  .product-window { width:510px; transform:none; }
  .window-layout { min-height:300px; grid-template-columns:82px 1fr; }
  .window-layout aside { padding-inline:11px; }
  .window-main { padding:25px 18px; }
  .metric-row div { padding:10px; }
  .metric-row b { font-size:16px; }
  .chip-one { left:4px; bottom:6px; }
  .chip-two { right:4px; top:4px; }
  .signal-grid { grid-template-columns:1fr; }
  .signal-grid > div { border-right:1px solid rgba(255,255,255,.11); }
  .section { padding-block:76px; }
  .section-heading { gap:25px; }
  .capability-grid { margin-top:40px; grid-template-columns:1fr; }
  .capability-grid article,.capability-grid article:not(:first-child) { padding:26px 0; border-right:0; border-bottom:1px solid var(--line); }
  .capability-grid p { min-height:0; }
  .docs-callout { width:calc(100% - 28px); padding:60px 26px; border-radius:16px; }
  .footer-grid { grid-template-columns:1fr 1fr; gap:42px 30px; }
  .footer-brand { grid-column:1 / -1; }
  .footer-bottom { gap:15px; flex-direction:column; }
}

/* Shared interior pages */
.page-hero { padding:105px 0 110px; overflow:hidden; }
.page-hero .shell { position:relative; }
.page-hero h1 { max-width:920px; margin:18px 0 26px; font-size:clamp(58px,8vw,106px); line-height:.92; letter-spacing:-.07em; }
.page-hero h1 em { color:#75a7ff; font-family:Georgia,serif; font-weight:400; }
.page-hero .shell > p:not(.kicker) { max-width:680px; color:#9cacc0; font-size:18px; line-height:1.75; }
.dark-hero { background:radial-gradient(circle at 78% 20%,#12336d 0,transparent 33%),#07111f; color:white; }
.button-dark { color:white; border-color:rgba(255,255,255,.22); background:rgba(255,255,255,.04); }
.feature-matrix { margin-top:70px; display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--line); border-radius:16px; overflow:hidden; }
.feature-matrix article { min-height:245px; padding:35px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:white; }
.feature-matrix article:nth-child(3n) { border-right:0; }
.feature-matrix article:nth-child(n+4) { border-bottom:0; }
.feature-matrix span { color:var(--blue); font-size:10px; font-weight:850; }
.feature-matrix h3 { margin:45px 0 13px; font-size:20px; }
.feature-matrix p { color:var(--muted); font-size:13px; line-height:1.75; }
.role-band { padding:95px 0; background:#07111f; color:white; }
.role-grid { margin-top:42px; display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid rgba(255,255,255,.15); }
.role-grid article { padding:32px 28px 15px 0; border-right:1px solid rgba(255,255,255,.15); }
.role-grid article:not(:first-child) { padding-left:28px; }
.role-grid article:last-child { border:0; }
.role-grid > article > span { color:#6f83a1; font-size:9px; }
.role-grid h2 { margin:39px 0 15px; font-size:29px; }
.role-grid p { min-height:90px; color:#8f9fb4; font-size:12px; line-height:1.7; }
.role-grid a { color:#75a7ff; font-size:11px; font-weight:800; }
.showcase-row { display:grid; grid-template-columns:.78fr 1.22fr; align-items:center; gap:90px; }
.showcase-row.reverse { grid-template-columns:1.15fr .85fr; }
.showcase-row h2,.mobile-story h2 { margin:16px 0 22px; font-size:clamp(38px,5vw,61px); line-height:1.02; letter-spacing:-.055em; }
.showcase-row > div > p:not(.kicker),.mobile-story > div > p:not(.kicker) { color:var(--muted); font-size:15px; line-height:1.75; }
.clean-list { margin:28px 0 0; padding:0; list-style:none; }
.clean-list li { padding:14px 0; display:flex; align-items:center; gap:12px; border-bottom:1px solid var(--line); font-size:12px; font-weight:750; }
.clean-list li svg { width:15px; height:15px; color:var(--blue); }
.showcase-stack { position:relative; min-height:510px; }
.showcase-stack img { position:absolute; width:82%; border:8px solid #e8edf4; border-radius:14px; box-shadow:0 25px 60px rgba(7,17,31,.2); }
.showcase-stack img:first-child { top:0; right:0; }
.showcase-stack img:last-child { left:0; bottom:0; }
.showcase-stack.single { min-height:370px; }
.showcase-stack.single img { position:relative; width:100%; }
.mobile-story { display:grid; grid-template-columns:.75fr 1.25fr; align-items:center; gap:100px; }
.phone-frame { width:310px; margin:auto; padding:9px; border-radius:35px; background:#07111f; box-shadow:0 30px 70px rgba(7,17,31,.23); transform:rotate(-3deg); }
.phone-frame img { width:100%; border-radius:27px; }
.mobile-points { margin:30px 0; display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.mobile-points span { padding:18px; border:1px solid var(--line); border-radius:10px; color:var(--muted); font-size:11px; line-height:1.55; }
.mobile-points b { display:block; margin-bottom:7px; color:var(--ink); font-size:12px; }
.final-cta.compact { padding-top:55px; }

/* Documentation */
.docs-hero { padding:100px 0 85px; background:radial-gradient(circle at 80% 15%,#143a78,transparent 34%),#07111f; color:white; }
.docs-hero h1 { margin:18px 0 22px; font-size:clamp(60px,8vw,100px); line-height:.94; letter-spacing:-.065em; }
.docs-hero > .shell > p:not(.kicker) { max-width:660px; color:#9ba9bc; font-size:16px; line-height:1.7; }
.docs-search { max-width:720px; height:62px; margin-top:38px; padding:0 17px; display:flex; align-items:center; gap:12px; background:white; border-radius:10px; color:var(--ink); box-shadow:0 18px 40px rgba(0,0,0,.25); }
.docs-search-wrap { position:relative; max-width:720px; }
.search-results { position:absolute; z-index:10; top:calc(100% + 8px); left:0; right:0; overflow:hidden; background:white; border:1px solid var(--line); border-radius:10px; color:var(--ink); box-shadow:0 25px 60px rgba(0,0,0,.28); }
.search-results a { padding:14px 17px; display:block; border-bottom:1px solid var(--line); }
.search-results a:last-child { border:0; }
.search-results a:hover { background:#f2f6fc; }
.search-results b,.search-results span { display:block; }
.search-results b { font-size:11px; }
.search-results span { margin-top:4px; color:var(--muted); font-size:9px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.search-results p { margin:0; padding:18px; color:var(--muted); font-size:10px; }
.search-symbol { width:20px; height:20px; color:var(--blue); }
.docs-search input { flex:1; height:100%; border:0; outline:0; background:transparent; }
.docs-search kbd { padding:5px 7px; background:#edf1f6; border:1px solid #d9e0e9; border-radius:5px; color:#6f7a89; font-size:8px; }
.quick-paths { margin-top:19px; display:flex; flex-wrap:wrap; gap:17px; color:#8190a5; font-size:10px; }
.quick-paths a { color:#c9d4e3; text-decoration:underline; text-underline-offset:3px; }
.docs-index { display:grid; grid-template-columns:220px 1fr; gap:80px; align-items:start; }
.docs-index > aside { position:sticky; top:110px; display:flex; flex-direction:column; gap:13px; }
.docs-index > aside > p,.doc-sidebar > p { color:#95a0af; font-size:9px; font-weight:850; letter-spacing:.14em; }
.docs-index > aside > a,.doc-sidebar > a:not(.back-link) { color:#596779; font-size:11px; }
.version-box { margin-top:25px; padding:19px; display:flex; flex-direction:column; gap:7px; background:#eef3fb; border:1px solid #dbe5f4; border-radius:9px; }
.version-box span { color:#748296; font-size:7px; letter-spacing:.12em; }
.version-box b { font-size:13px; }
.version-box a { margin-top:6px; color:var(--blue); font-size:9px; font-weight:750; }
.guide-collections { display:flex; flex-direction:column; gap:70px; }
.collection-title { display:flex; align-items:end; justify-content:space-between; border-bottom:1px solid var(--line); }
.collection-title h2 { margin:0 0 17px; font-size:29px; letter-spacing:-.04em; }
.collection-title span { margin-bottom:17px; color:#8793a2; font-size:9px; text-transform:uppercase; }
.guide-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; margin-top:20px; }
.guide-grid > a { position:relative; min-height:215px; padding:26px; border:1px solid var(--line); border-radius:12px; background:white; transition:transform .2s,border-color .2s,box-shadow .2s; }
.guide-grid > a:hover { transform:translateY(-3px); border-color:#a9c5f8; box-shadow:0 15px 35px rgba(7,17,31,.08); }
.guide-icon { position:absolute; top:22px; right:22px; color:var(--blue); }
.guide-icon svg { width:17px; height:17px; }
.guide-grid small { color:#7e8b9c; font-size:8px; text-transform:uppercase; letter-spacing:.08em; }
.guide-grid h3 { margin:25px 0 10px; font-size:18px; }
.guide-grid p { color:var(--muted); font-size:11px; line-height:1.65; }
.guide-grid b { display:inline-block; margin-top:12px; color:var(--blue); font-size:9px; }
.support-strip { margin-bottom:105px; padding:60px; display:grid; grid-template-columns:1fr 1fr; gap:80px; background:#081a37; border-radius:20px; color:white; }
.support-strip h2 { margin:12px 0 0; font-size:42px; letter-spacing:-.045em; }
.support-strip > div:last-child p { color:#94a3b8; font-size:12px; line-height:1.7; }
.doc-shell { padding-block:65px 105px; display:grid; grid-template-columns:230px minmax(0,730px); gap:85px; align-items:start; }
.doc-sidebar { position:sticky; top:110px; display:flex; flex-direction:column; gap:13px; }
.back-link { margin-bottom:25px; color:var(--blue); font-size:10px; font-weight:750; }
.back-link,.doc-help a,.role-grid a,.version-box a,.release-layout > aside a,.release-footer a,.guide-grid b { display:flex; align-items:center; gap:7px; }
.back-link svg,.doc-help a svg,.role-grid a svg,.version-box a svg,.release-layout > aside a svg,.release-footer a svg,.guide-grid b svg { width:15px; height:15px; flex:0 0 auto; }
.doc-help { margin-top:26px; padding:17px; border:1px solid var(--line); border-radius:9px; background:white; }
.doc-help b,.doc-help a { display:block; }
.doc-help b { font-size:10px; }
.doc-help a { margin-top:8px; color:var(--blue); font-size:9px; }
.doc-article > header { padding-bottom:50px; border-bottom:1px solid var(--line); }
.doc-article > header > div { display:flex; flex-wrap:wrap; gap:7px; }
.doc-article > header > div span { padding:6px 8px; border:1px solid var(--line); border-radius:999px; color:#647184; font-size:8px; text-transform:uppercase; }
.doc-article > header h1 { margin:24px 0 18px; font-size:clamp(48px,6vw,73px); line-height:.98; letter-spacing:-.06em; }
.doc-article > header p { max-width:650px; color:var(--muted); font-size:16px; line-height:1.7; }
.doc-article > header small { color:#8793a2; font-size:9px; }
.doc-article > section { position:relative; padding:62px 0 20px 55px; border-bottom:1px solid var(--line); }
.section-number { position:absolute; top:67px; left:0; color:var(--blue); font-size:9px; font-weight:850; }
.doc-article > section h2 { margin:0 0 18px; font-size:29px; letter-spacing:-.035em; }
.doc-article > section > p { color:#4f5d6e; font-size:14px; line-height:1.85; }
.doc-article ol { margin:25px 0; padding:0; counter-reset:steps; list-style:none; }
.doc-article li { position:relative; padding:15px 15px 15px 45px; border-top:1px solid var(--line); color:#445164; font-size:12px; line-height:1.6; counter-increment:steps; }
.doc-article li::before { content:counter(steps); position:absolute; left:7px; top:13px; width:22px; height:22px; display:grid; place-items:center; background:#eaf1ff; border-radius:50%; color:var(--blue); font-size:8px; font-weight:800; }
.callout { margin-top:25px; padding:20px 22px; background:#eef4ff; border-left:3px solid var(--blue); border-radius:3px 9px 9px 3px; }
.callout b { color:var(--blue); font-size:9px; text-transform:uppercase; letter-spacing:.1em; }
.callout p { margin-bottom:0; color:#4f6080; font-size:11px; line-height:1.65; }
.next-guide { margin-top:55px; padding:24px; background:#07111f; border-radius:12px; color:white; }
.next-guide > span { color:#73839a; font-size:8px; letter-spacing:.12em; }
.next-guide a { margin-top:12px; display:flex; justify-content:space-between; align-items:center; }
.next-guide svg { width:22px; height:22px; color:#75a7ff; }

/* Releases, status, about and contact */
.release-hero,.about-hero,.status-hero { background:#f0f4f9; }
.release-hero .shell > p:not(.kicker),.about-hero .shell > p:not(.kicker),.status-hero .shell > p:not(.kicker) { color:var(--muted); }
.release-layout { display:grid; grid-template-columns:220px 1fr; gap:80px; align-items:start; }
.release-layout > aside { position:sticky; top:110px; display:flex; flex-direction:column; gap:9px; }
.release-layout > aside p { color:#8a96a5; font-size:8px; letter-spacing:.13em; }
.release-layout > aside b { font-size:25px; }
.release-layout > aside span { color:var(--muted); font-size:10px; }
.release-layout > aside a { margin-top:20px; color:var(--blue); font-size:10px; font-weight:750; }
.release-note { padding:45px; background:white; border:1px solid var(--line); border-radius:15px; }
.release-note > header > div { display:flex; justify-content:space-between; align-items:center; }
.release-badge { padding:6px 9px; border-radius:999px; background:#e9f1ff; color:var(--blue); font-size:8px; font-weight:850; }
.release-note time { color:#8c97a6; font-size:9px; }
.release-note h2 { margin:25px 0 12px; font-size:49px; letter-spacing:-.055em; }
.release-note > header p { max-width:650px; color:var(--muted); line-height:1.7; }
.release-grid { margin-top:40px; display:grid; grid-template-columns:repeat(2,1fr); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.release-grid section { padding:25px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.release-grid span { color:#20a56b; font-size:8px; font-weight:850; }
.release-grid h3 { margin:15px 0 8px; font-size:15px; }
.release-grid p,.release-detail p { color:var(--muted); font-size:11px; line-height:1.7; }
.release-detail { padding-top:38px; }
.release-detail h3 { font-size:21px; }
.release-detail ul { padding-left:18px; color:var(--muted); font-size:11px; line-height:2; }
.release-footer { margin-top:40px; padding:18px; display:flex; justify-content:space-between; background:#f0f5fc; border-radius:8px; font-size:10px; }
.release-footer a { color:var(--blue); font-weight:800; }
.status-pill { width:max-content; padding:8px 12px; display:flex; align-items:center; gap:8px; border:1px solid #cdd8e4; border-radius:999px; font-size:9px; text-transform:uppercase; letter-spacing:.1em; }
.status-pill svg,.status-summary > svg,.component-list b svg { width:8px; height:8px; color:#22b378; fill:currentColor; flex:0 0 auto; }
.status-layout { display:grid; grid-template-columns:1.5fr .5fr; gap:55px; align-items:start; }
.status-summary { padding:27px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:18px; border:1px solid #b9ddce; background:#f3fbf7; border-radius:12px; }
.status-summary h2 { margin:0 0 5px; font-size:19px; }
.status-summary p { margin:0; color:var(--muted); font-size:10px; }
.status-summary > span { color:#728075; font-size:8px; }
.component-list { margin-top:25px; border:1px solid var(--line); border-radius:12px; overflow:hidden; }
.component-list h3 { margin:0; padding:20px; font-size:14px; background:#f4f6f8; }
.component-list > div { padding:17px 20px; display:flex; justify-content:space-between; border-top:1px solid var(--line); font-size:11px; }
.component-list b { color:#21855e; font-size:9px; }
.component-list b i { width:6px; height:6px; margin-right:5px; }
.status-layout > aside { padding:29px; background:#07111f; border-radius:13px; color:white; }
.status-layout > aside > p { color:#75a7ff; font-size:8px; letter-spacing:.13em; }
.status-layout > aside h3 { font-size:24px; }
.status-layout > aside > p:nth-of-type(2) { color:#95a3b6; font-size:11px; line-height:1.7; }
.status-layout > aside small { display:block; margin-top:16px; color:#74849a; font-size:8px; }
.issue-process > h2 { margin:12px 0 40px; font-size:45px; letter-spacing:-.045em; }
.issue-process > div { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); }
.issue-process article { padding:25px 25px 0 0; border-right:1px solid var(--line); }
.issue-process article:not(:first-child) { padding-left:25px; }
.issue-process article span { color:var(--blue); font-size:9px; }
.issue-process article h3 { margin-top:30px; font-size:16px; }
.issue-process article p { color:var(--muted); font-size:10px; line-height:1.65; }
.about-hero h1 { max-width:1050px; font-size:clamp(54px,7.5vw,98px); }
.manifesto > div { display:grid; grid-template-columns:1.1fr .9fr; gap:100px; }
.manifesto h2 { margin:15px 0 0; font-size:49px; line-height:1.05; letter-spacing:-.05em; }
.manifesto > div > div p { color:var(--muted); font-size:14px; line-height:1.85; }
.values-band { padding:90px 0; background:#07111f; color:white; }
.values-band .shell { display:grid; grid-template-columns:repeat(3,1fr); }
.values-band article { padding:0 45px 0 0; border-right:1px solid rgba(255,255,255,.14); }
.values-band article:not(:first-child) { padding-left:45px; }
.values-band article:last-child { border:0; }
.values-band span { color:#75a7ff; font-size:9px; }
.values-band h3 { margin:35px 0 15px; font-family:Georgia,serif; font-size:35px; font-weight:400; }
.values-band p { color:#91a0b5; font-size:11px; line-height:1.75; }
.built-by { display:grid; grid-template-columns:.8fr 1.2fr; gap:80px; align-items:center; }
.built-mark { padding:45px; background:white; border:1px solid var(--line); border-radius:18px; }
.built-by h2 { margin:15px 0 20px; font-size:48px; line-height:1.05; letter-spacing:-.05em; }
.built-by > div:last-child > p:not(.kicker) { color:var(--muted); line-height:1.8; }
.contact-page { padding:85px 0; background:radial-gradient(circle at 15% 30%,#12336b,transparent 30%),#07111f; }
.contact-layout { display:grid; grid-template-columns:.85fr 1.15fr; gap:80px; align-items:center; }
.contact-intro { color:white; }
.contact-intro h1 { margin:18px 0 23px; font-size:clamp(48px,6vw,76px); line-height:.98; letter-spacing:-.06em; }
.contact-intro > p:not(.kicker) { color:#99a8bc; font-size:14px; line-height:1.75; }
.contact-channels { margin:38px 0; display:flex; flex-direction:column; gap:18px; }
.contact-channels a span,.contact-channels a b { display:block; }
.contact-channels a span { color:#71839d; font-size:7px; letter-spacing:.13em; }
.contact-channels a b { margin-top:4px; font-size:11px; }
.contact-intro > small { color:#64758c; font-size:9px; }
.form-card { padding:42px; background:white; border-radius:17px; box-shadow:0 35px 70px rgba(0,0,0,.25); }
.form-card > p { color:var(--blue); font-size:8px; font-weight:850; letter-spacing:.13em; }
.form-card > h2 { margin:9px 0 28px; font-size:32px; }
.contact-form { display:flex; flex-direction:column; gap:16px; }
.field-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.contact-form label { display:flex; flex-direction:column; gap:7px; color:#3e4c5d; font-size:9px; font-weight:750; }
.field-optional { color:#8794a5; font-size:8px; font-weight:600; }
.contact-form input,.contact-form select,.contact-form textarea { width:100%; padding:13px; border:1px solid var(--line); border-radius:7px; background:#fbfcfd; color:var(--ink); font-size:11px; outline:none; }
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus { border-color:var(--blue); box-shadow:0 0 0 3px #e5eeff; }
.contact-form textarea { resize:vertical; }
.form-submit { display:flex; align-items:center; gap:15px; }
.form-submit button { border:0; cursor:pointer; }
.form-submit span { color:#8290a1; font-size:8px; }
.form-submit .form-feedback { display:flex; align-items:center; gap:7px; max-width:260px; line-height:1.5; }
.form-feedback svg { width:15px; height:15px; flex:0 0 auto; }
.form-feedback.success { color:#17885b; }
.form-feedback.error { color:#c74949; }
.form-feedback.sending { color:var(--blue); }
.button:disabled { cursor:not-allowed; opacity:.7; transform:none; }
.spin-icon { animation:spin 1s linear infinite; }

@media (max-width:900px) {
  .feature-matrix { grid-template-columns:repeat(2,1fr); }
  .feature-matrix article,.feature-matrix article:nth-child(3n) { border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
  .feature-matrix article:nth-child(2n) { border-right:0; }
  .feature-matrix article:nth-last-child(-n+2) { border-bottom:0; }
  .role-grid { grid-template-columns:repeat(2,1fr); }
  .role-grid article:nth-child(2) { border-right:0; }
  .role-grid article:nth-child(-n+2) { padding-bottom:38px; border-bottom:1px solid rgba(255,255,255,.15); }
  .showcase-row,.showcase-row.reverse,.mobile-story,.manifesto > div,.built-by,.contact-layout { grid-template-columns:1fr; }
  .showcase-row.reverse > div:last-child { grid-row:1; }
  .docs-index,.release-layout { grid-template-columns:1fr; }
  .docs-index > aside,.release-layout > aside { position:static; flex-direction:row; flex-wrap:wrap; }
  .docs-index > aside > p,.docs-index .version-box { width:100%; }
  .doc-shell { grid-template-columns:1fr; }
  .doc-sidebar { position:static; display:none; }
  .status-layout { grid-template-columns:1fr; }
  .issue-process > div { grid-template-columns:repeat(2,1fr); }
}

@media (max-width:640px) {
  .page-hero,.docs-hero { padding:72px 0; }
  .page-hero h1,.docs-hero h1 { font-size:54px; }
  .feature-matrix,.guide-grid,.release-grid { grid-template-columns:1fr; }
  .feature-matrix article,.feature-matrix article:nth-child(n),.release-grid section { border-right:0; border-bottom:1px solid var(--line); }
  .feature-matrix article:last-child,.release-grid section:last-child { border-bottom:0; }
  .role-grid { grid-template-columns:1fr; }
  .role-grid article,.role-grid article:not(:first-child),.role-grid article:nth-child(n) { padding:28px 0; border-right:0; border-bottom:1px solid rgba(255,255,255,.15); }
  .role-grid article:last-child { border-bottom:0; }
  .showcase-stack { min-height:340px; }
  .showcase-stack.single { min-height:auto; }
  .mobile-story { gap:55px; }
  .mobile-points,.field-row { grid-template-columns:1fr; }
  .docs-search kbd { display:none; }
  .support-strip { padding:38px 25px; grid-template-columns:1fr; gap:24px; }
  .doc-article > section { padding-left:34px; }
  .release-note,.form-card { padding:25px; }
  .release-footer,.form-submit { align-items:flex-start; flex-direction:column; gap:12px; }
  .status-summary { grid-template-columns:auto 1fr; }
  .status-summary > span { grid-column:2; }
  .issue-process > div,.values-band .shell { grid-template-columns:1fr; }
  .issue-process article,.issue-process article:not(:first-child),.values-band article,.values-band article:not(:first-child) { padding:25px 0; border-right:0; border-bottom:1px solid var(--line); }
  .values-band article { border-color:rgba(255,255,255,.14); }
  .built-mark { padding:22px; }
}

/* Theme and shared icon treatment */
.docs-search > svg { width:20px; height:20px; color:var(--blue); flex:0 0 auto; }
.component-list b { display:flex; align-items:center; gap:7px; }
.status-summary > svg { width:13px; height:13px; }

html[data-theme="dark"] body { background:#07111f; color:#edf4ff; }
html[data-theme="dark"] .site-header { border-color:rgba(255,255,255,.09); background:rgba(7,17,31,.9); }
html[data-theme="dark"] nav > a:not(.nav-demo) { color:#c2cede; }
html[data-theme="dark"] .brand small { color:#8fa0b6; }
html[data-theme="dark"] .menu-button { color:#edf4ff; }
html[data-theme="dark"] .nav-demo { background:#edf4ff; color:#07111f; }
html[data-theme="dark"] .button-quiet { background:#101f32; color:#edf4ff; }
html[data-theme="dark"] .floating-chip { background:#101f32; color:#edf4ff; box-shadow:0 15px 35px rgba(0,0,0,.32); }
html[data-theme="dark"] .orbit { border-color:#20344f; }
html[data-theme="dark"] .feature-shot { background:#132238; }
html[data-theme="dark"] .feature-matrix article,
html[data-theme="dark"] .guide-grid > a,
html[data-theme="dark"] .doc-help,
html[data-theme="dark"] .release-note,
html[data-theme="dark"] .form-card { background:#0e1b2b; color:#edf4ff; }
html[data-theme="dark"] .showcase-stack img { border-color:#132238; }
html[data-theme="dark"] .docs-search,
html[data-theme="dark"] .search-results { background:#0e1b2b; color:#edf4ff; }
html[data-theme="dark"] .docs-search input { color:#edf4ff; }
html[data-theme="dark"] .docs-search kbd { background:#17263a; border-color:#2a3c53; color:#a8b6c8; }
html[data-theme="dark"] .search-results a:hover { background:#16263a; }
html[data-theme="dark"] .version-box { background:#102038; border-color:#273a55; }
html[data-theme="dark"] .release-hero,
html[data-theme="dark"] .about-hero,
html[data-theme="dark"] .status-hero { background:#0b1828; }
html[data-theme="dark"] .callout { background:#10223d; }
html[data-theme="dark"] .release-footer,
html[data-theme="dark"] .component-list h3 { background:#132238; }
html[data-theme="dark"] .status-summary { background:#0d241d; border-color:#285842; }
html[data-theme="dark"] .contact-form input,
html[data-theme="dark"] .contact-form select,
html[data-theme="dark"] .contact-form textarea { background:#091522; color:#edf4ff; }
html[data-theme="dark"] .contact-form label,
html[data-theme="dark"] .doc-article > section > p,
html[data-theme="dark"] .doc-article li,
html[data-theme="dark"] .callout p,
html[data-theme="dark"] .docs-index > aside > a,
html[data-theme="dark"] .doc-sidebar > a:not(.back-link) { color:#aab8ca; }
html[data-theme="dark"] .built-mark { background:#f7f9fc; }

@media (max-width:900px) {
  html[data-theme="dark"] nav { background:#07111f; }
}

/* Pricing */
.pricing-hero { background:radial-gradient(circle at 76% 20%,#1b4da1 0,transparent 32%),#0d1015; color:white; }
.workspace-pricing-intro { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.workspace-pricing-card { padding:30px; display:grid; grid-template-columns:auto 1fr; align-items:start; gap:20px; border:1px solid var(--line); border-radius:16px; background:white; }
.workspace-pricing-card > svg { width:28px; height:28px; color:var(--blue); }
.workspace-symbol { width:36px; height:36px; display:grid; place-items:center; border:1px solid currentColor; border-radius:10px; color:var(--blue); font-size:12px; font-weight:900; }
.workspace-pricing-card span { color:var(--blue); font-size:8px; font-weight:850; letter-spacing:.12em; }
.workspace-pricing-card h2 { margin:10px 0 7px; font-size:26px; }
.workspace-pricing-card p { margin:0; color:var(--muted); font-size:12px; line-height:1.7; }
.workspace-pricing-card.future { background:#f1f4f8; border-style:dashed; }
.workspace-pricing-card.future > svg,.workspace-pricing-card.future span { color:#708098; }
.billing-note { margin:40px 0 18px; display:flex; align-items:center; gap:12px; color:var(--muted); font-size:10px; font-weight:700; }
.billing-note span { padding:9px 12px; border:1px solid var(--line); border-radius:999px; background:white; }
.billing-note b { color:#95a1b1; }
.pricing-grid { display:grid; grid-template-columns:1fr 1fr; align-items:stretch; gap:18px; }
.pricing-card { position:relative; padding:36px; display:flex; flex-direction:column; border:1px solid var(--line); border-radius:18px; background:white; box-shadow:0 18px 48px rgba(20,39,67,.07); }
.pricing-card.featured { border-color:#1b4da1; box-shadow:0 24px 60px rgba(27,77,161,.18); }
.pricing-badge { position:absolute; top:22px; right:22px; padding:7px 10px; border-radius:999px; background:#eaf2ff; color:var(--blue); font-size:8px; font-weight:850; letter-spacing:.09em; text-transform:uppercase; }
.pricing-card > p:first-of-type { margin:0; color:var(--blue); font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.pricing-card > h2 { margin:13px 0 8px; font-size:38px; }
.pricing-card .plan-description { min-height:48px; margin:0; color:var(--muted); font-size:12px; line-height:1.7; }
.price-row { margin:25px 0; display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.price-row > div { padding:18px; border:1px solid var(--line); border-radius:11px; background:#f8fafc; }
.price-row small,.price-row strong,.price-row span { display:block; }
.price-row small { color:#8390a2; font-size:7px; font-weight:850; letter-spacing:.11em; }
.price-row strong { margin-top:7px; font-size:23px; letter-spacing:-.04em; }
.price-row span { margin-top:4px; color:var(--muted); font-size:8px; }
.capacity-price-table { margin:25px 0; overflow:hidden; border:1px solid var(--line); border-radius:11px; background:#f8fafc; }
.capacity-price-heading,.capacity-price-row { display:grid; grid-template-columns:1.05fr 1fr 1fr; align-items:center; }
.capacity-price-heading { padding:11px 14px; background:#eef3f8; color:#7e8b9d; font-size:7px; font-weight:850; letter-spacing:.1em; }
.capacity-price-row { min-height:47px; padding:0 14px; border-top:1px solid var(--line); font-size:10px; }
.capacity-price-row strong { font-size:10px; }
.capacity-price-row span { color:#4d5c70; font-weight:700; }
.pricing-card ul { margin:0 0 30px; padding:0; display:grid; gap:12px; list-style:none; }
.pricing-card li { display:flex; align-items:flex-start; gap:10px; color:#4d5c70; font-size:11px; line-height:1.55; }
.pricing-card li svg { width:15px; height:15px; color:#18a167; flex:0 0 auto; }
.pricing-card .button { margin-top:auto; }
.pricing-notice { max-width:800px; margin:25px auto 0; color:var(--muted); text-align:center; font-size:9px; line-height:1.7; }
.custom-pricing { padding-inline:48px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:28px; border-radius:20px; background:#18325f; color:white; }
.custom-pricing-icon { width:62px; height:62px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.15); border-radius:16px; background:rgba(255,255,255,.06); color:#f4f3f4; }
.custom-pricing-icon svg { width:27px; height:27px; }
.custom-pricing h2 { margin:10px 0; font-size:32px; }
.custom-pricing p:not(.kicker) { margin:0; max-width:680px; color:#9eacc0; font-size:11px; line-height:1.7; }
.organisation-pricing { display:grid; grid-template-columns:.8fr 1.2fr; align-items:center; gap:70px; }
.coming-badge { display:inline-block; margin-top:17px; padding:8px 11px; border:1px solid #b4c2d5; border-radius:999px; color:#5f718a; font-size:8px; font-weight:850; letter-spacing:.11em; }
.organisation-pricing h2 { margin:18px 0; font-size:clamp(38px,5vw,61px); line-height:1.02; letter-spacing:-.055em; }
.organisation-pricing > div:first-child > p:last-child { color:var(--muted); font-size:12px; line-height:1.75; }
.organisation-preview-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.organisation-preview-grid article { padding:24px 18px; border:1px dashed #bac6d6; border-radius:14px; background:#f1f4f8; }
.organisation-preview-grid svg { width:20px; height:20px; color:#73839a; }
.organisation-preview-grid .workspace-symbol { width:25px; height:25px; color:#73839a; font-size:9px; }
.organisation-preview-grid span { display:block; margin-top:28px; color:#8290a2; font-size:7px; font-weight:800; }
.organisation-preview-grid h3 { margin:8px 0 3px; font-size:20px; }
.organisation-preview-grid p { color:var(--muted); font-size:9px; }
.organisation-preview-grid b { color:var(--blue); font-size:8px; text-transform:uppercase; letter-spacing:.08em; }

html[data-theme="dark"] .workspace-pricing-card,
html[data-theme="dark"] .pricing-card,
html[data-theme="dark"] .billing-note span { background:#0e1b2b; color:#edf4ff; }
html[data-theme="dark"] .workspace-pricing-card.future,
html[data-theme="dark"] .organisation-preview-grid article,
html[data-theme="dark"] .price-row > div,
html[data-theme="dark"] .capacity-price-table { background:#132238; }
html[data-theme="dark"] .capacity-price-heading { background:#172943; color:#91a3ba; }
html[data-theme="dark"] .capacity-price-row span { color:#c0ccdb; }
html[data-theme="dark"] .pricing-card li { color:#b2bfd0; }
html[data-theme="dark"] .coming-badge { border-color:#40536b; color:#9eafc3; }
.status-dot { width:12px; height:12px; color:#20a66a; }

@media (max-width:900px) {
  .workspace-pricing-intro,.pricing-grid,.organisation-pricing { grid-template-columns:1fr; }
  .custom-pricing { grid-template-columns:auto 1fr; }
  .custom-pricing > .button { grid-column:2; justify-self:start; }
}

@media (max-width:640px) {
  .workspace-pricing-card,.pricing-card { padding:24px; }
  .price-row,.organisation-preview-grid { grid-template-columns:1fr; }
  .custom-pricing { padding:42px 24px; grid-template-columns:1fr; }
  .custom-pricing > .button { grid-column:auto; justify-self:stretch; }
  .billing-note { align-items:flex-start; flex-direction:column; }
  .capacity-price-heading,.capacity-price-row { grid-template-columns:1fr 1fr 1fr; }
  .capacity-price-heading,.capacity-price-row { padding-inline:11px; }
}

/* 2026 Arcona SaaS marketing revamp */
:root {
  --page:#ffffff;
  --page-soft:#f7f9fd;
  --surface:#ffffff;
  --surface-raised:#ffffff;
  --text:#10182b;
  --text-soft:#5f6d84;
  --blue-soft:#eaf1ff;
  --blue-pale:#f4f7ff;
  --blue-deep:#102b5a;
  --shadow-soft:0 22px 70px rgba(24,50,95,.10);
  --shadow-card:0 16px 45px rgba(24,50,95,.08);
}

html[data-theme="dark"] {
  --page:#08111f;
  --page-soft:#0b1728;
  --surface:#101d2f;
  --surface-raised:#14243a;
  --text:#f4f7fc;
  --text-soft:#a5b2c6;
  --blue-soft:#142b50;
  --blue-pale:#0d1c31;
  --blue-deep:#dce8ff;
  --shadow-soft:0 22px 70px rgba(0,0,0,.28);
  --shadow-card:0 16px 45px rgba(0,0,0,.22);
}

body {
  background:var(--page);
  color:var(--text);
}

.shell { width:min(1200px,calc(100% - 48px)); }
.site-header {
  position:sticky;
  top:0;
  z-index:50;
  border-color:rgba(24,50,95,.09);
  background:rgba(255,255,255,.86);
  box-shadow:0 1px 0 rgba(24,50,95,.03);
}
.nav-wrap { height:76px; }
.brand { letter-spacing:.16em; color:var(--text); }
.brand img { width:36px; height:36px; border-radius:11px; box-shadow:0 8px 20px rgba(24,50,95,.14); }
.brand small { color:#7f8ca0; }
nav { gap:28px; }
nav > a:not(.nav-demo) { color:#536178; font-size:12px; }
.nav-demo {
  padding:12px 18px;
  background:var(--blue);
  box-shadow:0 8px 22px rgba(27,77,161,.20);
}
.nav-demo svg { color:white; }
.nav-demo.nav-current { color:white!important; }
.menu-button { border-color:#dbe3ef; background:rgba(255,255,255,.72); color:#263750; }
.menu-button:hover { background:var(--blue-soft); }
.button {
  min-height:52px;
  padding-inline:22px;
  border-radius:11px;
  font-size:12px;
  box-shadow:none;
}
.button-primary {
  background:#1b4da1;
  border-color:#1b4da1;
  box-shadow:0 13px 28px rgba(27,77,161,.22);
}
.button-primary:hover { background:#183f83; border-color:#183f83; box-shadow:0 17px 35px rgba(27,77,161,.26); }
.button-quiet { border-color:#d8e1ee; background:rgba(255,255,255,.88); color:#1d2b43; }
.button-quiet:hover { border-color:#adc0dc; box-shadow:0 10px 28px rgba(24,50,95,.09); }
.button-dark { border-color:#d8e1ee; background:#fff; color:#18325f; }
.button-dark:hover { border-color:#adc0dc; box-shadow:0 10px 28px rgba(24,50,95,.09); }
.button-light { border-color:#f4f3f4; background:#f4f3f4; color:#18325f; }
.button-light:hover { box-shadow:0 14px 34px rgba(0,0,0,.18); }
.button-ghost-light { border-color:rgba(255,255,255,.2); background:rgba(255,255,255,.06); color:white; }

/* Landing hero */
.marketing-home { overflow-x:hidden; }
.launch-hero {
  position:relative;
  overflow:hidden;
  padding:70px 0 0;
  background:
    linear-gradient(180deg,rgba(255,255,255,.2),#fff 94%),
    radial-gradient(circle at 18% 28%,rgba(27,77,161,.16),transparent 31%),
    radial-gradient(circle at 84% 22%,rgba(24,50,95,.12),transparent 30%),
    #f7f9ff;
}
.launch-grid {
  position:absolute;
  inset:0;
  opacity:.36;
  background-image:linear-gradient(rgba(27,77,161,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(27,77,161,.055) 1px,transparent 1px);
  background-size:52px 52px;
  mask-image:linear-gradient(to bottom,black,transparent 78%);
}
.launch-orb { position:absolute; border:1px solid rgba(27,77,161,.11); border-radius:50%; }
.launch-orb::after { content:""; position:absolute; inset:16%; border:1px dashed rgba(27,77,161,.12); border-radius:inherit; }
.launch-orb-left { width:420px; height:420px; left:-250px; top:110px; }
.launch-orb-right { width:520px; height:520px; right:-330px; top:30px; }
.launch-hero-inner { position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; text-align:center; }
.launch-badge {
  display:inline-flex;
  align-items:center;
  gap:11px;
  padding:7px 9px 7px 7px;
  border:1px solid #d8e4f7;
  border-radius:999px;
  background:rgba(255,255,255,.76);
  color:#4f6079;
  box-shadow:0 9px 25px rgba(24,50,95,.06);
  backdrop-filter:blur(12px);
  font-size:10px;
}
.launch-badge span { padding:7px 10px; border-radius:999px; background:#1b4da1; color:white; font-weight:800; }
.launch-badge b { font-weight:700; }
.launch-badge svg { width:13px; height:13px; color:#1b4da1; }
.launch-hero h1 {
  max-width:950px;
  margin:30px 0 20px;
  color:#111a2c;
  font-size:clamp(54px,7.4vw,94px);
  line-height:.96;
  letter-spacing:-.065em;
}
.launch-hero h1 span,.modern-heading h2 span,.closing-cta h2 span { color:#1b4da1; }
.launch-lede { max-width:760px; margin:0; color:#5e6d83; font-size:17px; line-height:1.8; }
.launch-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:11px; margin-top:29px; }
.launch-assurances { display:flex; flex-wrap:wrap; justify-content:center; gap:23px; margin-top:25px; color:#6f7d90; font-size:10px; font-weight:650; }
.launch-assurances span { display:flex; align-items:center; gap:7px; }
.launch-assurances svg { width:14px; height:14px; color:#1b4da1; }
.launch-stage { position:relative; width:min(1040px,94%); margin:67px auto -2px; padding:20px 20px 0; }
.stage-glow {
  position:absolute;
  inset:-70px -120px -20px;
  background:radial-gradient(ellipse at center,rgba(27,77,161,.24),rgba(27,77,161,.05) 45%,transparent 72%);
  filter:blur(10px);
}
.stage-browser {
  position:relative;
  z-index:2;
  overflow:hidden;
  border:1px solid rgba(24,50,95,.17);
  border-radius:18px 18px 0 0;
  background:#08101f;
  box-shadow:0 35px 100px rgba(24,50,95,.23),0 0 0 9px rgba(255,255,255,.54);
}
.stage-browser-bar { height:45px; padding:0 15px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:15px; background:#f7f9fc; border-bottom:1px solid #e1e7f0; }
.browser-dots { display:flex; gap:5px; }
.browser-dots i { width:7px; height:7px; border-radius:50%; background:#c8d1df; }
.browser-dots i:first-child { background:#1b4da1; }
.browser-address { min-width:250px; padding:7px 22px; display:flex; align-items:center; justify-content:center; gap:7px; border:1px solid #e1e7ee; border-radius:7px; background:white; color:#8490a1; font-size:8px; }
.browser-address span { width:6px; height:6px; border-radius:50%; background:#28a36a; box-shadow:0 0 0 3px rgba(40,163,106,.12); }
.browser-version { justify-self:end; color:#7b889b; font-size:8px; font-weight:750; }
.stage-browser > img { width:100%; aspect-ratio:16/8.45; object-fit:cover; object-position:top; }
.stage-note {
  position:absolute;
  z-index:4;
  min-width:190px;
  padding:13px 15px;
  display:flex;
  align-items:center;
  gap:11px;
  border:1px solid rgba(24,50,95,.13);
  border-radius:13px;
  background:rgba(255,255,255,.94);
  color:#17243a;
  box-shadow:0 18px 45px rgba(24,50,95,.15);
  backdrop-filter:blur(14px);
  text-align:left;
}
.stage-note-left { left:-28px; top:37%; }
.stage-note-right { right:-26px; bottom:18%; }
.stage-note small,.stage-note b { display:block; }
.stage-note small { color:#8a96a8; font-size:7px; font-weight:800; letter-spacing:.11em; }
.stage-note b { margin-top:4px; font-size:10px; }
.stage-icon { width:31px; height:31px; display:grid; place-items:center; border-radius:9px; background:#e9f1ff; color:#1b4da1; font-size:11px; font-weight:900; }
.live-pulse { width:11px; height:11px; margin:0 9px; border-radius:50%; background:#25a56e; box-shadow:0 0 0 7px rgba(37,165,110,.12); }

.platform-proof { position:relative; z-index:3; padding:27px 0; background:#fff; border-top:1px solid #e8edf4; border-bottom:1px solid #e8edf4; }
.platform-proof-grid { display:grid; grid-template-columns:repeat(4,1fr); }
.platform-proof-grid div { padding:5px 26px; border-left:1px solid #e4e9f1; }
.platform-proof-grid div:last-child { border-right:1px solid #e4e9f1; }
.platform-proof-grid strong,.platform-proof-grid span { display:block; }
.platform-proof-grid strong { color:#18325f; font-size:13px; }
.platform-proof-grid span { margin-top:6px; color:#8490a2; font-size:8px; line-height:1.6; }

/* Product story */
.modern-section { padding-block:112px; }
.modern-heading { max-width:850px; margin:0 auto 60px; text-align:center; }
.modern-heading-left { max-width:770px; margin-inline:0; text-align:left; }
.modern-heading .kicker { margin:0; }
.modern-heading h2,.closing-cta h2 {
  margin:16px 0 20px;
  font-size:clamp(40px,5.5vw,68px);
  line-height:1.02;
  letter-spacing:-.058em;
}
.modern-heading > p:last-child { max-width:680px; margin-inline:auto; color:var(--text-soft); font-size:14px; line-height:1.8; }
.modern-heading-left > p:last-child { margin-left:0; }
.benefit-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.benefit-card {
  min-height:540px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  border:1px solid #e0e7f0;
  border-radius:24px;
  background:var(--surface);
  box-shadow:var(--shadow-card);
}
.benefit-card-mobile { grid-column:1/-1; min-height:500px; display:grid; grid-template-columns:.8fr 1.2fr; align-items:center; background:linear-gradient(135deg,#f3f7ff,#eaf1ff); }
.benefit-copy { padding:39px 39px 30px; }
.benefit-copy > span { color:#1b4da1; font-size:8px; font-weight:850; letter-spacing:.13em; text-transform:uppercase; }
.benefit-copy h3 { margin:17px 0 11px; font-size:29px; letter-spacing:-.04em; }
.benefit-copy p { max-width:480px; margin:0; color:var(--text-soft); font-size:11px; line-height:1.75; }
.mini-admin-ui { width:calc(100% - 72px); margin:auto 36px 0; padding:16px; border:1px solid #dfe7f2; border-bottom:0; border-radius:15px 15px 0 0; background:#f8faff; box-shadow:0 22px 50px rgba(24,50,95,.10); }
.mini-admin-head { height:39px; display:flex; align-items:center; gap:8px; border-bottom:1px solid #e5ebf3; color:#32415a; font-size:8px; }
.mini-admin-head i { width:21px; height:21px; border-radius:6px; background:#1b4da1; }
.mini-admin-head b { margin-left:auto; padding:6px 9px; border-radius:6px; background:#1b4da1; color:white; font-size:7px; }
.mini-admin-stats { padding:14px 0; display:grid; grid-template-columns:repeat(3,1fr); gap:7px; }
.mini-admin-stats span { padding:12px; border:1px solid #e2e8f1; border-radius:8px; background:white; }
.mini-admin-stats small,.mini-admin-stats b { display:block; }
.mini-admin-stats small { color:#8a96a8; font-size:6px; }
.mini-admin-stats b { margin-top:4px; color:#18325f; font-size:15px; }
.mini-admin-row { padding:10px 9px; display:flex; align-items:center; gap:9px; border-top:1px solid #e6ebf2; font-size:8px; }
.mini-admin-row > i { width:25px; height:25px; display:grid; place-items:center; border-radius:7px; background:#eaf1ff; color:#1b4da1; font-style:normal; font-weight:850; }
.mini-admin-row span b,.mini-admin-row span small { display:block; }
.mini-admin-row span small { margin-top:3px; color:#8995a6; font-size:6px; }
.mini-admin-row em { margin-left:auto; color:#22875e; font-size:7px; font-style:normal; font-weight:750; }
.classroom-crop { margin:auto 28px 0; overflow:hidden; border:8px solid #eef2f7; border-bottom:0; border-radius:15px 15px 0 0; box-shadow:0 25px 60px rgba(24,50,95,.15); }
.classroom-crop img { width:100%; min-height:282px; object-fit:cover; object-position:top; }
.benefit-card-mobile .benefit-copy { padding-left:64px; }
.mini-phone { width:315px; margin:45px auto -85px; padding:27px 23px 120px; border:10px solid #11213a; border-radius:43px; background:#0b1424; color:white; box-shadow:0 35px 70px rgba(24,50,95,.22); transform:rotate(3deg); }
.phone-top { display:flex; align-items:center; gap:8px; padding-bottom:25px; }
.phone-top img { width:27px; height:27px; border-radius:8px; }
.phone-top span { font-size:9px; font-weight:850; letter-spacing:.18em; }
.phone-top i { width:25px; height:6px; margin-left:auto; border-radius:99px; background:#25334a; }
.mini-phone > small { color:#6ea0f3; font-size:7px; font-weight:850; letter-spacing:.13em; }
.mini-phone h4 { margin:14px 0 19px; font-size:18px; line-height:1.35; }
.phone-author { display:flex; align-items:center; gap:9px; }
.phone-author > i { width:31px; height:31px; display:grid; place-items:center; border-radius:50%; background:#1b4da1; font-size:8px; font-style:normal; }
.phone-author b,.phone-author small { display:block; }
.phone-author b { font-size:8px; }
.phone-author small { margin-top:3px; color:#75849a; font-size:6px; }
.mini-phone > p { padding:17px 0; color:#a3afc0; font-size:9px; line-height:1.6; }
.phone-reply { padding:12px; display:flex; justify-content:space-between; border:1px solid #24344c; border-radius:9px; color:#728197; font-size:8px; }
.phone-reply b { color:#76a8ff; }

.role-experience { background:var(--page-soft); border-top:1px solid rgba(24,50,95,.06); border-bottom:1px solid rgba(24,50,95,.06); }
.role-experience-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:13px; }
.role-experience-card { position:relative; padding:28px; border:1px solid #e0e7f0; border-radius:18px; background:var(--surface); box-shadow:0 10px 30px rgba(24,50,95,.045); transition:transform .25s,border-color .25s,box-shadow .25s; }
.role-experience-card:hover { transform:translateY(-6px); border-color:#b8cae5; box-shadow:0 18px 42px rgba(24,50,95,.10); }
.role-experience-card > span { position:absolute; top:24px; right:24px; color:#a5afbd; font-size:8px; }
.role-letter { width:42px; height:42px; display:grid; place-items:center; border-radius:12px; background:#eaf1ff; color:#1b4da1; font-size:13px; font-weight:900; }
.role-experience-card h3 { margin:31px 0 10px; font-size:19px; }
.role-experience-card p { min-height:79px; color:var(--text-soft); font-size:10px; line-height:1.7; }
.role-experience-card > b { display:flex; align-items:center; gap:7px; margin-top:20px; color:#1b4da1; font-size:9px; }

.setup-layout { display:grid; grid-template-columns:1.15fr .85fr; align-items:center; gap:80px; }
.setup-preview { overflow:hidden; border:1px solid #dce5f1; border-radius:20px; background:#f8faff; box-shadow:var(--shadow-soft); }
.setup-preview-nav { height:62px; padding:0 22px; display:flex; align-items:center; gap:9px; border-bottom:1px solid #e3e9f2; background:white; }
.setup-preview-nav img { width:29px; height:29px; border-radius:8px; }
.setup-preview-nav b { font-size:10px; letter-spacing:.15em; }
.setup-preview-nav span { margin-left:auto; color:#718097; font-size:8px; }
.setup-preview-body { padding:43px; background:radial-gradient(circle at 85% 5%,rgba(27,77,161,.12),transparent 32%); }
.setup-preview-body > p { color:#1b4da1; font-size:7px; font-weight:850; letter-spacing:.14em; }
.setup-preview-body > h3 { margin:11px 0 22px; font-size:26px; }
.setup-progress { display:flex; gap:5px; margin-bottom:28px; }
.setup-progress i { width:62px; height:4px; border-radius:99px; background:#dbe3ef; }
.setup-progress i:first-child { background:#1b4da1; }
.setup-task { margin-top:9px; padding:15px; display:flex; align-items:center; gap:13px; border:1px solid #dfe6f0; border-radius:10px; background:white; }
.setup-task > span { width:28px; height:28px; display:grid; place-items:center; border-radius:8px; background:#edf2f8; color:#66758c; font-size:8px; font-weight:800; }
.setup-task.complete > span { background:#eaf1ff; color:#1b4da1; }
.setup-task svg { width:14px; height:14px; }
.setup-task b,.setup-task small { display:block; }
.setup-task b { font-size:9px; }
.setup-task small { margin-top:4px; color:#8b97a8; font-size:7px; }
.setup-steps { margin:0; padding:0; list-style:none; counter-reset:none; }
.setup-steps li { padding:27px 0; display:grid; grid-template-columns:48px 1fr; gap:20px; border-bottom:1px solid #e0e6ef; }
.setup-steps li:last-child { border-bottom:0; }
.setup-steps > li::before { display:none; }
.setup-steps li > span { color:#1b4da1; font-size:9px; font-weight:850; }
.setup-steps h3 { margin:0 0 9px; font-size:18px; }
.setup-steps p { margin:0; color:var(--text-soft); font-size:10px; line-height:1.7; }

.connected-story { padding:78px; display:grid; grid-template-columns:.95fr 1.05fr; align-items:center; gap:80px; border-radius:26px; background:radial-gradient(circle at 85% 15%,rgba(72,121,205,.3),transparent 30%),#18325f; color:white; box-shadow:0 30px 80px rgba(24,50,95,.22); }
.connected-story-copy h2 { margin:17px 0 18px; font-size:clamp(38px,4.8vw,59px); line-height:1.03; letter-spacing:-.055em; }
.connected-story-copy > p:not(.kicker) { color:#b5c1d2; font-size:12px; line-height:1.8; }
.connected-story-copy .button { margin-top:17px; }
.connected-modules { display:grid; grid-template-columns:1fr 1fr; gap:11px; transform:rotate(2deg); }
.connected-modules div { min-height:145px; padding:22px; display:flex; flex-direction:column; justify-content:flex-end; border:1px solid rgba(255,255,255,.14); border-radius:15px; background:rgba(255,255,255,.065); backdrop-filter:blur(12px); }
.connected-modules span { margin-bottom:auto; color:#7fa6e5; font-size:8px; }
.connected-modules b { font-size:15px; }
.connected-modules small { margin-top:5px; color:#91a3bc; font-size:8px; }

.knowledge-card { padding:68px; display:grid; grid-template-columns:1fr .85fr; gap:85px; border-radius:25px; background:#0d1015; color:white; box-shadow:0 28px 70px rgba(13,16,21,.18); }
.knowledge-card h2 { margin:15px 0; font-size:44px; line-height:1.05; letter-spacing:-.05em; }
.knowledge-card > div:first-child > p:not(.kicker) { color:#9ca9ba; font-size:11px; line-height:1.75; }
.knowledge-card .launch-actions { justify-content:flex-start; }
.knowledge-links { display:flex; flex-direction:column; justify-content:center; }
.knowledge-links a { padding:20px 0; display:grid; grid-template-columns:36px 1fr auto; align-items:center; border-bottom:1px solid rgba(255,255,255,.12); }
.knowledge-links span { color:#6f8199; font-size:8px; }
.knowledge-links b { font-size:11px; }
.knowledge-links svg { width:16px; height:16px; color:#75a3ef; }
.closing-cta { padding-top:45px; text-align:center; }
.closing-cta > img { width:62px; height:62px; margin:0 auto 22px; border-radius:18px; box-shadow:0 14px 35px rgba(24,50,95,.14); }
.closing-cta > p:not(.kicker) { max-width:660px; margin:0 auto; color:var(--text-soft); font-size:13px; line-height:1.8; }

/* Shared interior-page refinement */
.page-hero,.release-hero,.about-hero,.status-hero,.docs-hero,.pricing-hero {
  background:
    radial-gradient(circle at 83% 20%,rgba(27,77,161,.17),transparent 31%),
    linear-gradient(180deg,#f7f9ff,#eef3fb);
  color:#111a2c;
}
.page-hero .shell > p:not(.kicker),.release-hero .shell > p:not(.kicker),.about-hero .shell > p:not(.kicker),.status-hero .shell > p:not(.kicker),.docs-hero > .shell > p:not(.kicker) { color:#65748a; }
.page-hero h1 em { color:#1b4da1; }
.kicker.light { color:#6d9bea; }
.dark-hero .kicker.light,.pricing-hero .kicker.light,.docs-hero .kicker.light { color:#1b4da1; }
.feature-matrix article,.guide-grid > a,.release-note,.form-card,.workspace-pricing-card,.pricing-card { border-radius:18px; box-shadow:var(--shadow-card); }
.role-band,.values-band { background:#18325f; }
.docs-search { border:1px solid #dde5f0; box-shadow:0 18px 45px rgba(24,50,95,.12); }
.quick-paths { color:#79879a; }
.quick-paths a { color:#40516b; border-color:#b9c6d8; }
.quick-paths a:hover { color:#1b4da1; border-color:#1b4da1; }
.contact-page { background:radial-gradient(circle at 12% 20%,rgba(58,105,185,.28),transparent 28%),#18325f; }
.site-footer { background:#0d1015; }

/* Purpose-built dark theme, not a colour inversion */
html[data-theme="dark"] body { background:var(--page); color:var(--text); }
html[data-theme="dark"] .site-header { border-color:rgba(255,255,255,.08); background:rgba(8,17,31,.88); }
html[data-theme="dark"] .menu-button { border-color:#2b3b50; background:#101d2f; color:#dce6f4; }
html[data-theme="dark"] .button-quiet { border-color:#2d3c52; background:#111f33; color:#f1f5fb; }
html[data-theme="dark"] .button-dark { border-color:#2f4058; background:#111f33; color:#f1f5fb; }
html[data-theme="dark"] .nav-demo.nav-current { color:#18325f!important; }
html[data-theme="dark"] .quick-paths { color:#8fa0b7; }
html[data-theme="dark"] .quick-paths a { color:#c0cce0; border-color:#43546c; }
html[data-theme="dark"] .launch-hero {
  background:radial-gradient(circle at 18% 28%,rgba(27,77,161,.26),transparent 31%),radial-gradient(circle at 84% 22%,rgba(24,50,95,.34),transparent 30%),#08111f;
}
html[data-theme="dark"] .launch-hero h1 { color:#f4f7fc; }
html[data-theme="dark"] .launch-lede { color:#a8b4c7; }
html[data-theme="dark"] .launch-badge { border-color:#2b3c55; background:rgba(16,29,47,.83); color:#bdc9d9; }
html[data-theme="dark"] .stage-browser { border-color:#30435f; box-shadow:0 35px 100px rgba(0,0,0,.38),0 0 0 9px rgba(255,255,255,.05); }
html[data-theme="dark"] .stage-note { border-color:#2b3b52; background:rgba(16,29,47,.94); color:#f4f7fc; }
html[data-theme="dark"] .platform-proof { border-color:#213149; background:#0c1727; }
html[data-theme="dark"] .platform-proof-grid div { border-color:#24344b; }
html[data-theme="dark"] .platform-proof-grid strong { color:#e5edfa; }
html[data-theme="dark"] .benefit-card,html[data-theme="dark"] .role-experience-card { border-color:#25364d; }
html[data-theme="dark"] .benefit-card-mobile { background:linear-gradient(135deg,#0f1d30,#142a4a); }
html[data-theme="dark"] .mini-admin-ui,html[data-theme="dark"] .setup-preview { border-color:#2a3b53; background:#0d192a; }
html[data-theme="dark"] .mini-admin-head,html[data-theme="dark"] .mini-admin-stats span,html[data-theme="dark"] .mini-admin-row,html[data-theme="dark"] .setup-preview-nav,html[data-theme="dark"] .setup-task { border-color:#263750; background:#111f33; color:#eef4fd; }
html[data-theme="dark"] .setup-preview-body { background:radial-gradient(circle at 85% 5%,rgba(27,77,161,.24),transparent 32%); }
html[data-theme="dark"] .page-hero,html[data-theme="dark"] .release-hero,html[data-theme="dark"] .about-hero,html[data-theme="dark"] .status-hero,html[data-theme="dark"] .docs-hero,html[data-theme="dark"] .pricing-hero { background:radial-gradient(circle at 83% 20%,rgba(27,77,161,.25),transparent 31%),#0b1728; color:#f4f7fc; }
html[data-theme="dark"] .page-hero .shell > p:not(.kicker),html[data-theme="dark"] .release-hero .shell > p:not(.kicker),html[data-theme="dark"] .about-hero .shell > p:not(.kicker),html[data-theme="dark"] .status-hero .shell > p:not(.kicker),html[data-theme="dark"] .docs-hero > .shell > p:not(.kicker) { color:#a6b4c8; }

@media (max-width:1000px) {
  .platform-proof-grid { grid-template-columns:1fr 1fr; gap:0; }
  .platform-proof-grid div:nth-child(-n+2) { padding-bottom:20px; }
  .role-experience-grid { grid-template-columns:1fr 1fr; }
  .setup-layout,.connected-story,.knowledge-card { grid-template-columns:1fr; }
  .setup-layout { gap:45px; }
  .connected-story,.knowledge-card { gap:48px; }
  .connected-modules { transform:none; }
}

@media (max-width:900px) {
  .site-header nav { top:75px; background:rgba(255,255,255,.98); box-shadow:0 18px 40px rgba(24,50,95,.12); }
  html[data-theme="dark"] .site-header nav { background:#0b1728; }
  .launch-hero { padding-top:55px; }
  .launch-stage { width:100%; }
  .stage-note-left { left:-7px; }
  .stage-note-right { right:-7px; }
  .benefit-grid { grid-template-columns:1fr; }
  .benefit-card-mobile { grid-column:auto; grid-template-columns:1fr 1fr; }
  .benefit-card-mobile .benefit-copy { padding-left:39px; }
}

@media (max-width:680px) {
  .shell { width:min(100% - 28px,1200px); }
  .launch-hero { padding-top:42px; }
  .launch-badge b { display:none; }
  .launch-hero h1 { margin-top:25px; font-size:51px; }
  .launch-lede { font-size:14px; line-height:1.7; }
  .launch-actions { width:100%; }
  .launch-actions .button { flex:1; }
  .launch-assurances { gap:10px 18px; }
  .launch-stage { margin-top:48px; padding:8px 0 0; }
  .stage-browser { border-radius:11px 11px 0 0; box-shadow:0 25px 60px rgba(24,50,95,.2),0 0 0 5px rgba(255,255,255,.5); }
  .stage-browser-bar { height:32px; padding-inline:9px; }
  .browser-address { min-width:0; padding:5px 10px; }
  .browser-version { display:none; }
  .stage-note { display:none; }
  .platform-proof { padding:19px 0; }
  .platform-proof-grid { grid-template-columns:1fr; }
  .platform-proof-grid div,.platform-proof-grid div:nth-child(-n+2) { padding:15px 0; border:0; border-bottom:1px solid #e5ebf3; }
  .platform-proof-grid div:last-child { border:0; }
  .modern-section { padding-block:78px; }
  .modern-heading { margin-bottom:38px; }
  .modern-heading h2,.closing-cta h2 { font-size:40px; }
  .benefit-card { min-height:480px; border-radius:18px; }
  .benefit-copy { padding:29px 25px 23px; }
  .benefit-copy h3 { font-size:24px; }
  .mini-admin-ui { width:calc(100% - 30px); margin-inline:15px; }
  .classroom-crop { margin-inline:14px; }
  .benefit-card-mobile { min-height:650px; grid-template-columns:1fr; }
  .benefit-card-mobile .benefit-copy { padding:29px 25px 5px; }
  .mini-phone { width:280px; margin-top:20px; }
  .role-experience-grid { grid-template-columns:1fr; }
  .role-experience-card p { min-height:0; }
  .setup-preview-body { padding:28px 20px; }
  .setup-steps li { grid-template-columns:38px 1fr; }
  .connected-story { width:calc(100% - 28px); padding:48px 25px; gap:35px; border-radius:19px; }
  .connected-modules { grid-template-columns:1fr 1fr; }
  .connected-modules div { min-height:115px; padding:16px; }
  .knowledge-card { padding:45px 24px; border-radius:19px; }
  .knowledge-card h2 { font-size:34px; }
  .knowledge-card .launch-actions { align-items:stretch; flex-direction:column; }
  .closing-cta { padding-top:20px; }
}

/* Fluid motion is reserved for the public marketing experience. */
.marketing-motion .site-header {
  transition:background-color .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.marketing-motion .site-header.is-scrolled {
  background:rgba(255,255,255,.94);
  box-shadow:0 12px 38px rgba(24,50,95,.085);
}
.site-scroll-progress {
  position:absolute;
  right:0;
  bottom:-1px;
  left:0;
  height:2px;
  background:#1b4da1;
  transform:scaleX(0);
  transform-origin:left center;
  will-change:transform;
}
.launch-particles {
  position:absolute;
  z-index:0;
  inset:0;
  pointer-events:none;
}
.launch-grid,.launch-orb { z-index:0; pointer-events:none; }
.typing-line { display:inline-flex; min-height:1em; align-items:baseline; justify-content:center; }
.typing-caret {
  width:3px;
  height:.78em;
  margin-left:9px;
  display:inline-block;
  border-radius:4px;
  background:#1b4da1;
  animation:arcona-caret 1s steps(1,end) infinite;
}
@keyframes arcona-caret { 50% { opacity:0; } }

.marketing-motion .reveal {
  opacity:0;
  transform:translateY(28px);
  animation:none;
  transition:opacity .78s cubic-bezier(.2,.72,.2,1),transform .78s cubic-bezier(.2,.72,.2,1);
}
.marketing-motion .reveal.is-visible { opacity:1; transform:none; }
.motion-reveal {
  opacity:0;
  transform:translateY(30px);
  transition:opacity .72s cubic-bezier(.2,.72,.2,1) var(--reveal-delay,0ms),transform .72s cubic-bezier(.2,.72,.2,1) var(--reveal-delay,0ms);
}
.motion-reveal.is-visible { opacity:1; transform:none; }
.launch-stage {
  transform:translate3d(var(--stage-x,0),var(--stage-y,0),0);
  transition:transform .42s cubic-bezier(.2,.72,.2,1);
  will-change:transform;
}
.stage-note-left { animation:arcona-float-left 5.8s ease-in-out infinite; }
.stage-note-right { animation:arcona-float-right 6.4s ease-in-out infinite .5s; }
@keyframes arcona-float-left { 0%,100% { transform:translate3d(0,0,0) rotate(-1deg); } 50% { transform:translate3d(0,-9px,0) rotate(1deg); } }
@keyframes arcona-float-right { 0%,100% { transform:translate3d(0,0,0) rotate(1deg); } 50% { transform:translate3d(0,-11px,0) rotate(-1deg); } }

.interactive-card {
  --card-rotate-x:0deg;
  --card-rotate-y:0deg;
  --pointer-x:50%;
  --pointer-y:50%;
  position:relative;
  transform:perspective(1100px) rotateX(var(--card-rotate-x)) rotateY(var(--card-rotate-y));
  transition:transform .22s ease,border-color .25s ease,box-shadow .25s ease;
  transform-style:preserve-3d;
}
.interactive-card::before {
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  border-radius:inherit;
  background:radial-gradient(460px circle at var(--pointer-x) var(--pointer-y),rgba(27,77,161,.11),transparent 42%);
  opacity:0;
  pointer-events:none;
  transition:opacity .25s ease;
}
.interactive-card:hover::before { opacity:1; }
.interactive-card > * { position:relative; z-index:1; }
.role-experience-card.interactive-card:hover {
  transform:perspective(1100px) translateY(-6px) rotateX(var(--card-rotate-x)) rotateY(var(--card-rotate-y));
}

/* Documentation is intentionally quiet: fast to scan, easy to trust. */
.documentation-page,.release-page { background:#f8fafc; }
.documentation-page .site-header,.release-page .site-header { background:rgba(255,255,255,.97); backdrop-filter:blur(12px); }
.documentation-page .docs-hero,.release-page .release-hero {
  padding:64px 0 58px;
  border-bottom:1px solid #dfe5ed;
  background:#f4f6f9;
  color:#18243a;
}
.documentation-page .docs-hero h1,.release-page .release-hero h1 {
  max-width:760px;
  margin:13px 0 16px;
  font-size:clamp(42px,5vw,62px);
  line-height:1.04;
  letter-spacing:-.045em;
}
.documentation-page .docs-hero > .shell > p:not(.kicker),
.release-page .release-hero .shell > p:not(.kicker) {
  max-width:720px;
  color:#5e6c7e;
  font-size:14px;
  line-height:1.7;
}
.documentation-page .docs-search {
  height:54px;
  margin-top:28px;
  border:1px solid #cfd8e5;
  border-radius:7px;
  box-shadow:none;
}
.documentation-page .quick-paths { margin-top:15px; font-size:10px; }
.documentation-page .workspace-pricing-intro { padding-top:44px; padding-bottom:24px; }
.documentation-page .workspace-pricing-card {
  border-radius:8px;
  box-shadow:none;
}
.documentation-page .docs-index { gap:64px; padding-top:48px; }
.documentation-page .docs-index > aside { top:98px; gap:10px; }
.documentation-page .docs-index > aside > a,
.documentation-page .doc-sidebar > a:not(.back-link) {
  padding:5px 8px;
  border-left:2px solid transparent;
  color:#536176;
  font-size:11px;
}
.documentation-page .docs-index > aside > a:hover,
.documentation-page .doc-sidebar > a:not(.back-link):hover {
  border-left-color:#1b4da1;
  color:#1b4da1;
}
.documentation-page .version-box {
  margin-top:18px;
  border-radius:7px;
  box-shadow:none;
}
.documentation-page .guide-collections > section { margin-bottom:52px; }
.documentation-page .collection-title { align-items:center; }
.documentation-page .collection-title h2 { margin-bottom:13px; font-size:24px; letter-spacing:-.025em; }
.documentation-page .collection-title span { margin-bottom:13px; }
.documentation-page .guide-grid { gap:12px; margin-top:14px; }
.documentation-page .guide-grid > a {
  min-height:190px;
  padding:23px;
  border-radius:8px;
  box-shadow:none;
  transition:border-color .18s ease,background-color .18s ease;
}
.documentation-page .guide-grid > a:hover {
  transform:none;
  border-color:#9db2d1;
  background:#fbfdff;
  box-shadow:none;
}
.documentation-page .guide-grid h3 { margin:21px 0 9px; font-size:17px; }
.documentation-page .support-strip {
  margin-bottom:84px;
  padding:38px;
  border:1px solid #d9e2ef;
  border-radius:8px;
  background:#eef3f9;
  color:#18243a;
}
.documentation-page .support-strip h2 { font-size:30px; }
.documentation-page .support-strip > div:last-child p { color:#5f6d80; }

.documentation-page .doc-shell { grid-template-columns:220px minmax(0,760px); gap:64px; padding-block:54px 92px; }
.documentation-page .doc-sidebar { top:98px; gap:9px; }
.documentation-page .doc-help { border-radius:7px; box-shadow:none; }
.documentation-page .doc-article > header { padding-bottom:36px; }
.documentation-page .doc-article > header h1 {
  margin:19px 0 14px;
  font-size:clamp(38px,5vw,56px);
  line-height:1.07;
  letter-spacing:-.04em;
}
.documentation-page .doc-article > header p { font-size:15px; }
.documentation-page .doc-article > section { padding:46px 0 18px 45px; }
.documentation-page .section-number { top:51px; }
.documentation-page .doc-article > section h2 { font-size:25px; }
.documentation-page .doc-article > section > p { color:#465468; font-size:14px; }
.documentation-page .doc-article li { font-size:13px; }
.documentation-page .callout { border-radius:2px 6px 6px 2px; }

/* Release notes follow the same restrained editorial system. */
.release-page .release-layout { gap:64px; padding-top:52px; }
.release-page .release-layout > aside { top:98px; }
.release-page .release-layout > aside b { font-size:21px; }
.release-page .release-note {
  padding:38px;
  border-radius:8px;
  box-shadow:none;
}
.release-page .release-note h2 { margin:20px 0 10px; font-size:40px; letter-spacing:-.04em; }
.release-page .release-note > header p { font-size:13px; }
.release-page .release-grid { margin-top:32px; }
.release-page .release-grid section { padding:22px; }
.release-page .release-grid h3 { margin:12px 0 7px; font-size:15px; }
.release-page .release-detail { padding-top:31px; }

html[data-theme="dark"] .marketing-motion .site-header.is-scrolled { background:rgba(8,17,31,.95); box-shadow:0 12px 38px rgba(0,0,0,.25); }
html[data-theme="dark"] .documentation-page,
html[data-theme="dark"] .release-page { background:#091320; }
html[data-theme="dark"] .documentation-page .site-header,
html[data-theme="dark"] .release-page .site-header { background:rgba(8,17,31,.97); }
html[data-theme="dark"] .documentation-page .docs-hero,
html[data-theme="dark"] .release-page .release-hero {
  border-color:#24344a;
  background:#0c1828;
  color:#f4f7fc;
}
html[data-theme="dark"] .documentation-page .docs-hero > .shell > p:not(.kicker),
html[data-theme="dark"] .release-page .release-hero .shell > p:not(.kicker) { color:#a6b4c8; }
html[data-theme="dark"] .documentation-page .workspace-pricing-card,
html[data-theme="dark"] .documentation-page .guide-grid > a,
html[data-theme="dark"] .documentation-page .doc-help,
html[data-theme="dark"] .release-page .release-note { background:#0e1b2b; }
html[data-theme="dark"] .documentation-page .guide-grid > a:hover { background:#122137; border-color:#415d85; }
html[data-theme="dark"] .documentation-page .support-strip { border-color:#293b54; background:#0f2037; color:#eef4fd; }
html[data-theme="dark"] .documentation-page .support-strip > div:last-child p { color:#a6b4c8; }

@media (max-width:900px) {
  .documentation-page .docs-index,.release-page .release-layout { gap:38px; }
  .documentation-page .docs-index > aside,.release-page .release-layout > aside { gap:8px; }
}

@media (max-width:680px) {
  .typing-line { min-height:2.05em; align-items:flex-start; }
  .typing-caret { margin-top:.08em; }
  .documentation-page .docs-hero,.release-page .release-hero { padding:48px 0 44px; }
  .documentation-page .docs-hero h1,.release-page .release-hero h1 { font-size:40px; }
  .documentation-page .docs-search { margin-top:23px; }
  .documentation-page .workspace-pricing-intro { padding-top:32px; }
  .documentation-page .docs-index { padding-top:36px; }
  .documentation-page .support-strip { padding:28px 22px; }
  .release-page .release-note { padding:24px 20px; }
}

@media (prefers-reduced-motion:reduce) {
  .typing-caret,.stage-note-left,.stage-note-right { animation:none; }
  .marketing-motion .reveal,.motion-reveal { opacity:1; transform:none; transition:none; }
  .launch-stage,.interactive-card,.role-experience-card.interactive-card:hover { transform:none; transition:none; }
}

/* Arcona OS ecosystem story */
.platform-hero .launch-hero-inner { max-width:1260px; }
.platform-hero .launch-lede { max-width:830px; }
.platform-stage { width:min(1120px,96%); }
.platform-stage .stage-browser > img { aspect-ratio:2.14/1; object-fit:cover; object-position:top; }
.platform-stage .organisation-note .stage-icon { background:#132844; color:#8db7ff; }

.system-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.system-card {
  position:relative;
  min-width:0;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  border:1px solid #26374d;
  border-radius:25px;
  background:linear-gradient(160deg,#101d2f,#0c1727);
  box-shadow:0 24px 70px rgba(0,0,0,.23);
}
.system-card::before {
  content:"";
  position:absolute;
  width:290px;
  height:290px;
  top:-170px;
  right:-120px;
  border:1px solid rgba(91,139,216,.15);
  border-radius:50%;
}
.system-card-copy { position:relative; z-index:1; padding:42px 42px 32px; }
.system-number { float:right; color:#52647c; font-size:10px; font-weight:800; letter-spacing:.15em; }
.system-card-copy .kicker { margin:0; font-size:8px; }
.system-card-copy h3 { margin:15px 0 13px; font-size:34px; letter-spacing:-.045em; }
.system-card-copy > p:not(.kicker) { max-width:540px; margin:0; color:#a7b4c6; font-size:12px; line-height:1.75; }
.system-card-copy ul { margin:27px 0 30px; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:10px 18px; list-style:none; }
.system-card-copy li { position:relative; padding-left:16px; color:#c7d1df; font-size:9px; line-height:1.5; }
.system-card-copy li::before { content:""; position:absolute; left:0; top:.52em; width:6px; height:6px; border-radius:50%; background:#1b4da1; box-shadow:0 0 0 4px rgba(27,77,161,.16); }
.system-card-copy .text-link { display:inline-flex; align-items:center; gap:8px; color:#80abf2; font-size:10px; font-weight:800; }
.system-visual { min-height:320px; margin:auto 22px 0; overflow:hidden; border:1px solid #2a3b52; border-bottom:0; border-radius:18px 18px 0 0; background:#0a1321; box-shadow:0 26px 55px rgba(0,0,0,.32); }
.system-visual-academy img { width:100%; height:100%; min-height:320px; object-fit:cover; object-position:top left; }
.system-card-organisation { background:radial-gradient(circle at 80% 16%,rgba(27,77,161,.24),transparent 30%),linear-gradient(160deg,#13233a,#0d1726); }
.organisation-media-frame { position:relative; padding:26px; display:flex; flex-direction:column; justify-content:flex-end; }
.org-window { overflow:hidden; border:1px solid #334861; border-radius:13px; background:#0b1422; transform:perspective(900px) rotateY(-3deg) rotateX(1deg); transform-origin:center bottom; }
.org-window-bar { height:42px; padding:0 14px; display:flex; align-items:center; gap:9px; border-bottom:1px solid #223147; color:#8fa2ba; font-size:7px; }
.org-window-bar i { width:17px; height:17px; border-radius:5px; background:#1b4da1; }
.org-window-bar b { color:#eaf1fb; font-size:8px; }
.org-window-bar span { margin-left:auto; letter-spacing:.15em; }
.org-window-body { height:190px; display:grid; grid-template-columns:64px 1fr; }
.org-window-body aside { padding:20px 13px; display:flex; flex-direction:column; gap:14px; border-right:1px solid #223147; }
.org-window-body aside i { height:6px; border-radius:99px; background:#243a58; }
.org-window-body aside i:first-child { background:#4c7dcb; }
.org-window-main { padding:23px; background:radial-gradient(circle at 85% 0,rgba(27,77,161,.22),transparent 35%); }
.org-window-main > span { display:block; width:44%; height:10px; border-radius:99px; background:#dce8fa; }
.org-metrics { margin-top:21px; display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.org-metrics i { height:48px; border:1px solid #273950; border-radius:8px; background:#101e31; }
.org-records { margin-top:16px; display:grid; gap:6px; }
.org-records i { height:10px; border-radius:5px; background:#182a42; }
.org-records i:nth-child(2) { width:83%; }
.org-records i:nth-child(3) { width:91%; }
.org-records i:nth-child(4) { width:68%; }
.org-media-label { position:absolute; right:39px; bottom:39px; padding:12px 14px; border:1px solid #365274; border-radius:10px; background:rgba(11,20,34,.92); box-shadow:0 15px 35px rgba(0,0,0,.35); }
.org-media-label small,.org-media-label b { display:block; }
.org-media-label small { color:#6c98df; font-size:6px; letter-spacing:.14em; }
.org-media-label b { margin-top:4px; color:#f2f6fc; font-size:9px; }

.academy-tour-section { overflow:hidden; border-block:1px solid #1f2f45; background:radial-gradient(circle at 8% 24%,rgba(27,77,161,.16),transparent 27%),#0a1422; }
.showcase-shell { overflow:hidden; display:grid; grid-template-columns:245px 1fr; border:1px solid #2a3b52; border-radius:24px; background:#0d1828; box-shadow:0 28px 80px rgba(0,0,0,.27); }
.showcase-tabs { padding:17px; display:flex; flex-direction:column; gap:7px; border-right:1px solid #26374c; background:#0b1524; }
.showcase-tabs button { min-height:64px; padding:0 15px; display:flex; align-items:center; gap:13px; border:1px solid transparent; border-radius:12px; background:transparent; color:#8190a5; cursor:pointer; text-align:left; font-size:10px; font-weight:750; transition:.2s ease; }
.showcase-tabs button span { color:#50637b; font-size:7px; letter-spacing:.1em; }
.showcase-tabs button:hover { border-color:#2b415f; color:#dce6f3; }
.showcase-tabs button.is-active { border-color:#31527e; background:#142844; color:#fff; }
.showcase-tabs button.is-active span { color:#79a8f4; }
.showcase-viewer { min-width:0; }
.showcase-panel { min-height:620px; margin:0; display:grid; grid-template-rows:1fr auto; }
.showcase-panel[hidden] { display:none; }
.showcase-image { min-height:0; overflow:hidden; padding:26px 26px 0; background:radial-gradient(circle at 76% 0,rgba(27,77,161,.2),transparent 34%); }
.showcase-image img { width:100%; height:100%; max-height:500px; object-fit:cover; object-position:top; border:1px solid #33465f; border-bottom:0; border-radius:15px 15px 0 0; box-shadow:0 26px 55px rgba(0,0,0,.35); }
.showcase-panel figcaption { padding:26px 31px 30px; border-top:1px solid #25364c; background:#101d2f; }
.showcase-panel figcaption small { color:#6c98df; font-size:7px; font-weight:800; letter-spacing:.16em; }
.showcase-panel figcaption h3 { margin:10px 0 8px; font-size:23px; }
.showcase-panel figcaption p { max-width:720px; margin:0; color:#95a5ba; font-size:10px; line-height:1.7; }

.mobile-story { display:grid; grid-template-columns:.75fr 1.25fr; align-items:center; gap:70px; }
.mobile-story-copy h2 { margin:17px 0 18px; font-size:clamp(38px,4.8vw,59px); line-height:1.04; letter-spacing:-.055em; }
.mobile-story-copy > p:not(.kicker) { color:#a5b2c6; font-size:12px; line-height:1.8; }
.mobile-feature-list { margin:28px 0 30px; display:grid; gap:0; }
.mobile-feature-list span { padding:14px 0; display:flex; align-items:center; gap:14px; border-bottom:1px solid #25354b; color:#c4cedb; font-size:10px; }
.mobile-feature-list b { color:#5e8edb; font-size:7px; letter-spacing:.12em; }
.phone-gallery { position:relative; min-height:690px; display:flex; align-items:center; justify-content:center; }
.phone-gallery::before { content:""; position:absolute; inset:16% 4% 7%; border-radius:50%; background:radial-gradient(circle,rgba(27,77,161,.28),transparent 67%); filter:blur(8px); }
.phone-shot { position:absolute; width:245px; margin:0; overflow:hidden; border:8px solid #18263a; border-radius:36px; background:#060b13; box-shadow:0 28px 65px rgba(0,0,0,.45); }
.phone-shot img { width:100%; aspect-ratio:9/19.7; object-fit:cover; object-position:top; }
.phone-shot figcaption { position:absolute; right:12px; bottom:12px; left:12px; padding:10px 12px; border:1px solid rgba(255,255,255,.12); border-radius:10px; background:rgba(8,17,31,.86); color:#f4f7fc; backdrop-filter:blur(8px); text-align:center; font-size:8px; font-weight:750; }
.phone-shot-centre { z-index:3; width:274px; transform:translateY(-4px); }
.phone-shot-left { z-index:1; transform:translateX(-205px) rotate(-7deg) scale(.87); opacity:.78; }
.phone-shot-right { z-index:2; transform:translateX(205px) rotate(7deg) scale(.87); opacity:.82; }

.account-journey-section { overflow:hidden; background:radial-gradient(circle at 76% 32%,rgba(72,121,205,.24),transparent 30%),#18325f; color:white; }
.account-journey-grid { display:grid; grid-template-columns:1fr .8fr; align-items:center; gap:80px; }
.account-journey-copy h2 { margin:18px 0; font-size:clamp(41px,5.4vw,66px); line-height:1.02; letter-spacing:-.058em; }
.account-journey-copy > p:not(.kicker) { max-width:670px; color:#b5c1d2; font-size:12px; line-height:1.8; }
.journey-list { margin:30px 0 0; padding:0; display:grid; grid-template-columns:1fr 1fr; list-style:none; }
.journey-list li { padding:19px 19px 19px 0; display:grid; grid-template-columns:35px 1fr; gap:12px; border-top:1px solid rgba(255,255,255,.11); }
.journey-list li:nth-child(odd) { margin-right:20px; }
.journey-list li > span { color:#7fa9ed; font-size:8px; font-weight:800; letter-spacing:.1em; }
.journey-list b { font-size:11px; }
.journey-list p { margin:7px 0 0; color:#93a4bd; font-size:8px; line-height:1.65; }
.portal-actions { justify-content:flex-start; }
.portal-phone-wrap { position:relative; min-height:760px; display:grid; place-items:center; }
.portal-phone-glow { position:absolute; inset:10% 0; border-radius:50%; background:radial-gradient(circle,rgba(92,143,225,.32),transparent 68%); filter:blur(20px); }
.portal-phone { position:relative; z-index:2; width:310px; overflow:hidden; border:10px solid #0a111c; border-radius:48px; background:#0d1015; box-shadow:0 45px 90px rgba(0,0,0,.46),0 0 0 1px rgba(255,255,255,.1); }
.portal-phone::after { content:""; position:absolute; inset:0; pointer-events:none; border-radius:37px; box-shadow:inset 0 0 0 1px rgba(255,255,255,.05); }
.portal-phone-top { position:absolute; z-index:3; top:8px; left:50%; width:83px; height:22px; display:grid; place-items:center; border-radius:999px; background:#05090f; transform:translateX(-50%); }
.portal-phone-top i { width:28px; height:4px; border-radius:99px; background:#1e2938; }
.portal-phone video { width:100%; aspect-ratio:1284/2778; display:block; object-fit:cover; background:#0d1015; }
.portal-callout { position:absolute; z-index:4; width:190px; padding:14px; border:1px solid rgba(255,255,255,.14); border-radius:12px; background:rgba(10,19,32,.92); box-shadow:0 18px 45px rgba(0,0,0,.3); backdrop-filter:blur(12px); }
.portal-callout-one { left:-20px; top:24%; }
.portal-callout-two { right:-25px; bottom:23%; }
.portal-callout small,.portal-callout b { display:block; }
.portal-callout small { color:#78a4e9; font-size:6px; letter-spacing:.14em; }
.portal-callout b { margin-top:6px; color:#f4f7fc; font-size:9px; line-height:1.45; }

.use-arcona-grid { margin:0; padding:0; display:grid; grid-template-columns:repeat(5,1fr); border:1px solid #28394f; border-radius:20px; overflow:hidden; list-style:none; background:#0d1828; }
.use-step { min-width:0; min-height:270px; padding:29px 25px; border-right:1px solid #28394f; }
.use-step:last-child { border-right:0; }
.use-step > span { color:#5f90de; font-size:8px; font-weight:850; letter-spacing:.12em; }
.use-step h3 { margin:50px 0 13px; font-size:17px; }
.use-step p { margin:0; color:#94a3b7; font-size:9px; line-height:1.75; }
.use-arcona-actions { margin-top:30px; display:flex; justify-content:center; gap:11px; }

.organisation-gallery-reserve { padding:75px; display:grid; grid-template-columns:.8fr 1.2fr; align-items:center; gap:70px; border:1px solid #29405f; border-radius:27px; background:radial-gradient(circle at 83% 20%,rgba(27,77,161,.28),transparent 31%),#101f34; box-shadow:0 30px 80px rgba(0,0,0,.27); }
.organisation-reserve-copy h2 { margin:17px 0 18px; font-size:clamp(38px,4.6vw,57px); line-height:1.04; letter-spacing:-.055em; }
.organisation-reserve-copy > p:not(.kicker) { color:#a9b8cb; font-size:11px; line-height:1.8; }
.organisation-reserve-copy .button { margin-top:20px; }
.organisation-reserve-media { min-width:0; display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.reserve-card { position:relative; min-height:150px; padding:22px; display:flex; flex-direction:column; justify-content:flex-end; overflow:hidden; border:1px solid #334a68; border-radius:16px; background:linear-gradient(145deg,#172b47,#101b2d); }
.reserve-card::before { content:""; position:absolute; width:130px; height:130px; top:-73px; right:-55px; border:1px solid rgba(102,147,219,.17); border-radius:50%; box-shadow:0 0 0 18px rgba(58,104,180,.05),0 0 0 38px rgba(58,104,180,.025); }
.reserve-card-main { grid-row:span 2; min-height:312px; }
.reserve-card span { margin-bottom:auto; color:#6f9de6; font-size:8px; letter-spacing:.12em; }
.reserve-card b { position:relative; font-size:15px; }
.reserve-card small { position:relative; margin-top:7px; color:#8fa1b8; font-size:8px; line-height:1.55; }

.product-platform-hero { min-height:610px; display:flex; align-items:center; }
.product-platform-hero .shell { padding-block:75px; }
.product-system-card .system-visual { min-height:280px; }
.product-system-card .system-visual img { min-height:280px; }
.academy-product-detail { border-block:1px solid #213149; background:#0a1422; }
.product-capability-grid { display:grid; grid-template-columns:repeat(3,1fr); border:1px solid #28394f; border-radius:20px; overflow:hidden; }
.product-capability-grid article { min-height:250px; padding:31px; border-right:1px solid #28394f; border-bottom:1px solid #28394f; background:#0e1a2b; }
.product-capability-grid article:nth-child(3n) { border-right:0; }
.product-capability-grid article:nth-child(n+4) { border-bottom:0; }
.product-capability-grid span { color:#6392dd; font-size:8px; font-weight:850; letter-spacing:.12em; }
.product-capability-grid h3 { margin:54px 0 12px; font-size:19px; }
.product-capability-grid p { margin:0; color:#96a5b9; font-size:9px; line-height:1.75; }
.visual-story-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.visual-story-card { margin:0; overflow:hidden; border:1px solid #283a52; border-radius:21px; background:#0e1a2b; box-shadow:0 22px 60px rgba(0,0,0,.23); }
.visual-story-wide { grid-column:1/-1; display:grid; grid-template-columns:1.35fr .65fr; }
.visual-story-card > img { width:100%; height:340px; object-fit:cover; object-position:top; border-bottom:1px solid #283a52; }
.visual-story-wide > img { height:100%; min-height:410px; border-right:1px solid #283a52; border-bottom:0; }
.visual-story-card figcaption { padding:27px; }
.visual-story-card figcaption small { color:#6b9be6; font-size:7px; font-weight:850; letter-spacing:.14em; }
.visual-story-card h3 { margin:13px 0 10px; font-size:22px; }
.visual-story-card p { margin:0; color:#96a6ba; font-size:9px; line-height:1.7; }
.visual-story-wide figcaption { display:flex; flex-direction:column; justify-content:center; }
.organisation-product-band { background:radial-gradient(circle at 82% 20%,rgba(27,77,161,.26),transparent 30%),#18325f; color:white; }
.organisation-product-grid { display:grid; grid-template-columns:.8fr 1.2fr; align-items:center; gap:70px; }
.organisation-product-copy h2 { margin:18px 0; font-size:clamp(40px,5vw,61px); line-height:1.04; letter-spacing:-.055em; }
.organisation-product-copy > p:not(.kicker) { color:#b4c1d2; font-size:11px; line-height:1.8; }
.organisation-product-copy .button { margin-top:19px; }
.product-org-media .reserve-card { background:rgba(9,19,33,.42); backdrop-filter:blur(10px); }
.product-access-grid { grid-template-columns:repeat(3,1fr); }
.product-access-grid .use-step { min-height:240px; }

@media (max-width:1080px) {
  .system-grid,.mobile-story,.account-journey-grid,.organisation-gallery-reserve,.organisation-product-grid { grid-template-columns:1fr; }
  .mobile-story,.account-journey-grid,.organisation-gallery-reserve,.organisation-product-grid { gap:50px; }
  .system-card { min-height:720px; }
  .phone-gallery { min-height:670px; }
  .portal-phone-wrap { min-height:720px; }
  .use-arcona-grid { grid-template-columns:repeat(3,1fr); }
  .use-step { border-bottom:1px solid #28394f; }
  .use-step:nth-child(3) { border-right:0; }
  .use-step:nth-child(n+4) { border-bottom:0; }
  .product-capability-grid { grid-template-columns:1fr 1fr; }
  .product-capability-grid article,.product-capability-grid article:nth-child(3n) { border-right:1px solid #28394f; border-bottom:1px solid #28394f; }
  .product-capability-grid article:nth-child(2n) { border-right:0; }
  .product-capability-grid article:nth-last-child(-n+2) { border-bottom:0; }
}

@media (max-width:780px) {
  .system-card { min-height:auto; }
  .system-card-copy { padding:30px 25px 25px; }
  .system-card-copy ul { grid-template-columns:1fr; }
  .system-visual { min-height:260px; margin-inline:12px; }
  .system-visual-academy img { min-height:260px; }
  .showcase-shell { grid-template-columns:1fr; }
  .showcase-tabs { padding:10px; flex-direction:row; overflow-x:auto; border-right:0; border-bottom:1px solid #26374c; }
  .showcase-tabs button { min-width:165px; min-height:52px; }
  .showcase-panel { min-height:500px; }
  .showcase-image { padding:14px 14px 0; }
  .phone-shot { width:205px; }
  .phone-shot-centre { width:235px; }
  .phone-shot-left { transform:translateX(-145px) rotate(-7deg) scale(.82); }
  .phone-shot-right { transform:translateX(145px) rotate(7deg) scale(.82); }
  .journey-list { grid-template-columns:1fr; }
  .journey-list li:nth-child(odd) { margin-right:0; }
  .use-arcona-grid { grid-template-columns:1fr 1fr; }
  .use-step:nth-child(3) { border-right:1px solid #28394f; }
  .use-step:nth-child(even) { border-right:0; }
  .use-step:nth-child(n+4) { border-bottom:1px solid #28394f; }
  .use-step:last-child { grid-column:1/-1; border:0; }
  .organisation-gallery-reserve { width:calc(100% - 28px); padding:50px 25px; }
  .visual-story-wide { grid-template-columns:1fr; }
  .visual-story-wide > img { min-height:0; height:340px; border-right:0; border-bottom:1px solid #283a52; }
}

@media (max-width:560px) {
  .platform-hero .launch-hero h1 { font-size:47px; }
  .platform-stage .stage-browser > img { aspect-ratio:1.72/1; }
  .system-card-copy h3 { font-size:29px; }
  .org-window-body { height:155px; grid-template-columns:48px 1fr; }
  .org-window-main { padding:16px; }
  .org-media-label { right:26px; bottom:26px; }
  .showcase-panel { min-height:430px; }
  .showcase-image img { max-height:310px; }
  .phone-gallery { min-height:585px; }
  .phone-shot { width:176px; border-width:6px; border-radius:28px; }
  .phone-shot-centre { width:210px; }
  .phone-shot-left { transform:translateX(-106px) rotate(-6deg) scale(.76); }
  .phone-shot-right { transform:translateX(106px) rotate(6deg) scale(.76); }
  .portal-phone-wrap { min-height:690px; }
  .portal-phone { width:270px; }
  .portal-callout { width:155px; padding:11px; }
  .portal-callout-one { left:0; top:18%; }
  .portal-callout-two { right:0; bottom:17%; }
  .use-arcona-grid,.product-capability-grid,.visual-story-grid,.organisation-reserve-media { grid-template-columns:1fr; }
  .use-step,.use-step:nth-child(3),.use-step:nth-child(even),.use-step:nth-child(n+4) { min-height:220px; border-right:0; border-bottom:1px solid #28394f; }
  .use-step:last-child { grid-column:auto; border-bottom:0; }
  .use-step h3 { margin-top:34px; }
  .use-arcona-actions { flex-direction:column; }
  .organisation-reserve-media .reserve-card,.reserve-card-main { grid-row:auto; min-height:145px; }
  .product-capability-grid article,.product-capability-grid article:nth-child(n) { min-height:220px; border-right:0; border-bottom:1px solid #28394f; }
  .product-capability-grid article:last-child { border-bottom:0; }
  .product-capability-grid h3 { margin-top:40px; }
}

/* Floating capsule navigation inspired by the supplied reference. */
.site-header,
.marketing-motion .site-header,
.marketing-motion .site-header.is-scrolled,
html[data-theme="dark"] .site-header,
html[data-theme="dark"] .marketing-motion .site-header.is-scrolled,
html[data-theme="dark"] .documentation-page .site-header,
html[data-theme="dark"] .release-page .site-header {
  padding-top:22px;
  border:0;
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
}
.site-header .nav-wrap {
  position:relative;
  width:min(1440px,calc(100% - 48px));
  min-height:66px;
  height:auto;
  padding:0;
  background:transparent;
  border:0;
  box-shadow:none;
  clip-path:none;
}
.site-header .brand,
.site-header nav {
  border:1px solid rgba(255,255,255,.1);
  background:rgba(13,16,21,.94);
  box-shadow:0 18px 42px rgba(0,0,0,.24);
  backdrop-filter:blur(16px);
}
.site-header .brand {
  min-height:66px;
  padding:10px 25px 10px 13px;
  gap:13px;
  border-radius:999px;
  color:#f4f3f4;
  letter-spacing:.17em;
}
.site-header .brand img {
  width:44px;
  height:44px;
  border-radius:50%;
  box-shadow:0 8px 20px rgba(0,0,0,.24);
}
.site-header .brand small { display:none; }
.site-header nav {
  min-height:66px;
  padding:10px 11px 10px 30px;
  gap:clamp(19px,2.1vw,34px);
  border-radius:999px;
}
.site-header nav > a:not(.nav-demo),
html[data-theme="dark"] .site-header nav > a:not(.nav-demo) {
  color:#b9c0cb;
  font-size:11px;
  font-weight:750;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.site-header nav > a:not(.nav-demo):hover,
.site-header nav > a.nav-current:not(.nav-demo) {
  color:#6f9ee9!important;
}
.site-header .nav-demo,
html[data-theme="dark"] .site-header .nav-demo {
  min-height:44px;
  padding:0 21px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  border-color:#1b4da1;
  background:#1b4da1;
  color:#fff;
  box-shadow:0 9px 22px rgba(27,77,161,.3);
  font-size:11px;
  font-weight:800;
  letter-spacing:.02em;
}
.site-header .nav-demo:hover { background:#234f98; }
.site-header .nav-demo svg { color:#fff; }
.site-scroll-progress { display:none; }

@media (max-width:900px) {
  .site-header,
  .marketing-motion .site-header,
  .marketing-motion .site-header.is-scrolled,
  html[data-theme="dark"] .site-header,
  html[data-theme="dark"] .marketing-motion .site-header.is-scrolled {
    padding-top:12px;
  }
  .site-header .nav-wrap { width:min(100% - 28px,1440px); min-height:58px; }
  .site-header .brand { min-height:58px; padding:8px 20px 8px 10px; font-size:14px; }
  .site-header .brand img { width:40px; height:40px; }
  .site-header .nav-controls {
    padding:5px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:999px;
    background:rgba(13,16,21,.94);
    box-shadow:0 14px 34px rgba(0,0,0,.22);
  }
  .site-header .menu-button,
  html[data-theme="dark"] .site-header .menu-button {
    width:46px;
    height:46px;
    display:grid;
    border-color:rgba(255,255,255,.09);
    background:#18325f;
    color:#f4f3f4;
  }
  .site-header nav,
  html[data-theme="dark"] .site-header nav {
    top:calc(100% + 10px);
    right:0;
    left:auto;
    width:min(380px,100%);
    min-height:0;
    padding:17px;
    gap:5px;
    border-radius:24px;
    background:rgba(13,16,21,.98);
    box-shadow:0 22px 48px rgba(0,0,0,.34);
  }
  .site-header nav > a:not(.nav-demo) { padding:13px 14px; border-radius:12px; }
  .site-header nav > a:not(.nav-demo):hover { background:rgba(27,77,161,.18); }
  .site-header .nav-demo { margin-top:5px; }
}

@media (max-width:420px) {
  .site-header .brand { padding-right:16px; font-size:12px; }
  .site-header .brand img { width:36px; height:36px; }
  .site-header .nav-controls { padding:4px; }
  .site-header .menu-button { width:42px; height:42px; }
}