/* SentryEdit theme "Lobby" (2026-10-28): sky + loot-rarity colours AND a new page layout (centred hero, stat bar,
   bento steps, horizontal stepper, 2-col FAQ, full-bleed CTA). HTML and text are unchanged. Fonts self-hosted: Baloo 2 800 (SIL OFL). */
@font-face{font-family:"Baloo 2";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/baloo2-800-devanagari.woff2) format("woff2");unicode-range:U+0900-097F, U+1CD0-1CF4, U+1CF7-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B0A}
@font-face{font-family:"Baloo 2";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/baloo2-800-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB}
@font-face{font-family:"Baloo 2";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/baloo2-800-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:"Baloo 2";font-style:normal;font-weight:800;font-display:swap;src:url(/assets/baloo2-800-latin.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* neutralise theme-diff quirks from site.css; shared safety rules */
body.theme-diff .hero-copy{border:0;padding:0}
body.theme-diff .cards{display:grid}
body.theme-diff .cards article{display:block;border-bottom:0}
body.theme-diff .home-hero{grid-template-columns:1fr 1fr}
main{overflow-x:clip}
.workflow-grid>*,.split-section>*,.download-grid>*,main section>*{min-width:0}
.steps article{padding:0}.steps .number{position:static}
[dir=rtl] .steps article{padding:0}
body.theme-diff{--bg:#eaf4ff!important;--ink:#14123a!important;--accent:#7b4dff!important;--sky1:#3fb4ff;--sky2:#7b4dff;--panel:#fff;
 --common:#9aa3b5;--uncommon:#36c46a;--rare:#2f8cff;--epic:#a14dff;--legendary:#ff9f1a;
 background:linear-gradient(180deg,#bfe5ff 0,#eaf4ff 520px,#f3f0ff 100%);font-family:Inter,system-ui,sans-serif}
body.theme-diff h1,body.theme-diff h2,body.theme-diff h3,body.theme-diff summary,.brand{font-family:"Baloo 2",Inter,sans-serif;font-weight:800;letter-spacing:-.01em}
.header{border:0}
.brand-symbol{background:linear-gradient(135deg,var(--sky1),var(--sky2))!important;color:#fff!important;border-radius:12px;transform:rotate(-6deg)}
.main-nav a{opacity:.85;padding:6px 12px;border-radius:999px}.main-nav a:hover,.main-nav a[aria-current]{background:#fff;text-decoration:none;opacity:1}
/* layout: centered lobby hero */
body.theme-diff .home-hero{grid-template-columns:1fr;justify-items:center;text-align:center;min-height:0;padding:56px 0 30px;gap:36px}
.home-hero .hero-copy{max-width:900px}
.home-hero .eyebrow{justify-content:center;margin-inline:auto}.home-hero .actions{justify-content:center}
.home-hero .hero-lead{margin-inline:auto;max-width:660px}
body.theme-diff .home-hero h1{font-size:clamp(44px,6vw,86px);line-height:1}
.home-hero .agent-run{width:min(880px,100%);text-align:start}
.eyebrow{background:#fff;border-radius:999px;padding:7px 14px;width:max-content;max-width:100%;color:var(--sky2)}.eyebrow i{background:var(--legendary)}
.button{border-radius:14px!important;font-weight:800;font-size:15px}
.primary{background:linear-gradient(180deg,#ffd23d,#ff9f1a);color:#2a1600!important;box-shadow:0 5px 0 #c96f00}
.secondary{background:#fff;border:0;color:var(--ink);box-shadow:0 5px 0 #c9d6ee}
/* layout: facts as one stat bar with rarity stripes */
body.theme-diff .cards{grid-auto-flow:column;grid-auto-columns:1fr;gap:0;border:0;padding:0;margin:26px 0 70px;background:var(--panel);border-radius:22px;overflow:hidden;box-shadow:0 20px 40px #2a2a7a14}
body.theme-diff .cards article{padding:22px 20px 20px;border:0;border-radius:0;background:none;border-top:6px solid var(--common);border-inline-end:1px solid #e7e9f4}
body.theme-diff .cards article:last-child{border-inline-end:0}
.cards article:nth-child(5n+2){border-top-color:var(--uncommon)!important}.cards article:nth-child(5n+3){border-top-color:var(--rare)!important}
.cards article:nth-child(5n+4){border-top-color:var(--epic)!important}.cards article:nth-child(5n+5){border-top-color:var(--legendary)!important}
.cards .number{margin-bottom:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.6}
/* layout: steps as a 2x2 bento */
body.page-0 section.reading:has(.steps){max-width:none}
.reading .steps{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.steps article{background:var(--panel);border:0!important;border-radius:22px;padding:28px!important;box-shadow:0 14px 30px #2a2a7a10}
.steps .number{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--sky1),var(--sky2));color:#fff;opacity:1;font-weight:800;margin-bottom:14px}
.scenario{background:var(--panel);border:0;border-radius:26px;text-align:center;padding:48px}.scenario h2,.scenario p{margin-inline:auto}
.scenario .eyebrow{margin-inline:auto;background:#f1ecff}
/* comparison table as a floating card */
.feature-matrix table{background:var(--panel);border-radius:22px;overflow:hidden;box-shadow:0 14px 30px #2a2a7a10}
.feature-matrix thead th{background:#f1ecff}.feature-matrix thead th:last-child{color:var(--sky2)}
.feature-matrix th,.feature-matrix td{border-bottom:1px solid #eceaf7}
/* layout: how it works as a horizontal stepper */
body.theme-diff .split-section{grid-template-columns:1fr;gap:26px;border:0;text-align:center;padding:70px 0}
.split-section ol.setup{counter-reset:s;list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;text-align:start}
.split-section ol.setup li{counter-increment:s;background:var(--panel);border-radius:20px;padding:58px 20px 22px;position:relative;box-shadow:0 10px 24px #2a2a7a10}
.split-section ol.setup li:before{content:counter(s);position:absolute;top:16px;inset-inline-start:20px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--legendary);color:#2a1600;font-weight:800}
/* layout: who it is for = 3 cards (home only) */
body.page-0 section.reading:not(:has(.steps)):not(:has(.text-link)){display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:none}
body.page-0 section.reading:not(:has(.steps)):not(:has(.text-link))>h2{grid-column:1/-1;text-align:center}
body.page-0 section.reading:not(:has(.steps)):not(:has(.text-link))>p{background:var(--panel);border-radius:20px;padding:24px;margin:0}
/* layout: FAQ in two columns */
.faq{max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:0 44px;align-items:start}
.faq>h2{grid-column:1/-1;text-align:center}
.faq details{background:var(--panel);border:0;border-radius:18px;padding:20px 24px;margin-bottom:14px}
.faq summary{font-size:19px}.faq summary::marker{color:var(--sky2)}
/* layout: full-bleed CTA band */
.closing{border:0;border-radius:0;background:linear-gradient(120deg,var(--sky1),var(--sky2));color:#fff;box-shadow:0 0 0 100vmax var(--sky2);clip-path:inset(0 -100vmax);margin:60px 0 0;padding:70px 20px}
/* links as chips */
section.reading .text-link{display:inline-block;background:var(--panel);border-radius:999px;padding:9px 16px;margin:0 8px 10px 0;text-decoration:none;box-shadow:0 4px 0 #d9dff0}
body.page-0 section.reading:has(.text-link){text-align:center;max-width:none;padding-top:60px}
/* inner pages: centered hero, number as watermark */
body.theme-diff .inner-hero{flex-direction:column;justify-content:center;text-align:center;position:relative;min-height:300px}
.inner-hero .eyebrow{margin-inline:auto}
.hero-number{position:absolute;inset:auto 0 0 0;margin:auto;font-size:220px;opacity:.07;z-index:-1;font-family:"Baloo 2",sans-serif}
.reading{margin-inline:auto}.product-lead{margin-inline:auto;text-align:center}
body.page-6 .privacy{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:none}
body.page-6 .privacy article{background:var(--panel);border:0;border-radius:20px;padding:26px}
body.page-6 .privacy .updated{grid-column:1/-1}
.download-card{background:var(--panel);border:0;box-shadow:0 20px 40px #2a2a7a14}
.app-icon{background:linear-gradient(135deg,var(--sky1),var(--sky2));color:#fff}
.feature-list li{background:var(--panel)!important;border:0!important;border-top:5px solid var(--rare)!important;border-radius:16px}
.feature-list strong{color:var(--sky2)!important}
.code-example{background:#17153d;border:0;border-radius:16px}.code-example>div{background:#24215a;color:#dcd8ff}
.agent-run{background:var(--panel)!important;border:0!important;border-radius:22px!important;box-shadow:0 24px 50px #2a2a7a1f}
.agent-run-bar{background:linear-gradient(90deg,var(--sky1),var(--sky2));color:#fff;border:0!important}.agent-run-bar span:first-child{opacity:1!important}.agent-run-mode{color:#fff!important}
.agent-run-steps li{background:#f6f5ff!important;border:0!important;border-left:5px solid var(--uncommon)!important}
.ar-tool{color:var(--sky2)!important}.ar-res.ar-ok{color:#1f8a47!important}
.notice{background:#fff;border-inline-start-color:var(--legendary);border-radius:0 14px 14px 0}
.connection span{background:#fff}.connection b{color:var(--sky2)}
[dir=rtl] .agent-run-steps li{border-left:0!important;border-right:5px solid var(--uncommon)!important}
@media(max-width:900px){body.theme-diff .cards{grid-auto-flow:row;grid-template-columns:1fr 1fr}body.theme-diff .cards article{border-inline-end:0;border-bottom:1px solid #e7e9f4}
 .split-section ol.setup{grid-template-columns:1fr 1fr}.faq{grid-template-columns:1fr}body.page-0 section.reading:not(:has(.steps)):not(:has(.text-link)){grid-template-columns:1fr}}
@media(max-width:760px){.reading .steps{grid-template-columns:1fr}.split-section ol.setup{grid-template-columns:1fr}.scenario{padding:26px}body.page-6 .privacy{grid-template-columns:1fr}.hero-number{display:block;font-size:140px}}

/* Scripts Baloo 2 does not cover (Cyrillic, Arabic, Thai, CJK): heavy Inter instead of mixed fonts */
html:is([lang=ru],[lang=uk],[lang=ar],[lang=th],[lang=ja],[lang=ko]) body :is(h1,h2,h3,summary),html:is([lang=ru],[lang=uk],[lang=ar],[lang=th],[lang=ja],[lang=ko]) .brand{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-weight:800;letter-spacing:-.01em}
/* mobile: long nav labels (fr/de) must not widen the page */
@media(max-width:760px){.main-nav{flex-wrap:wrap;justify-content:flex-start;gap:4px 6px}.main-nav a{padding:5px 9px}}