/* CogHalo site: base, fonts, and the parts that are not in the Brand Lab CSS (home.css). */
@font-face{font-family:'Figtree';font-style:normal;font-display:swap;font-weight:300 900;src:url(/fonts/figtree-latin-wght-normal.woff2) format('woff2-variations');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}
@font-face{font-family:'Figtree';font-style:normal;font-display:swap;font-weight:300 900;src:url(/fonts/figtree-latin-ext-wght-normal.woff2) format('woff2-variations');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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--font:'Figtree','Segoe UI','Helvetica Neue',Arial,sans-serif;--serif:Georgia,'Times New Roman',serif;
  --ink:#131A2A;--paper:#F5F2ED;--night:#04050C;--amber:#FFA733;--amber-d:#FFA733;--amber-l:#B25E00;--deep:#B25E00;--violet:#7A5C8E;--navy:#2B3A55;
  --bg:#F5F2ED;--surface:#FFFFFF;--fg:#131A2A;--fg2:rgba(19,26,42,.7);--rule:rgba(19,26,42,.14);--act:#131A2A;--act-fg:#F5F2ED;--kill:#9A3B2E;--stone:#E9E2D7;
  color-scheme:light;scroll-padding-top:84px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#F5F2ED;color:#131A2A;font:400 16px/1.6 var(--font)}
img{max-width:100%;height:auto}
a{color:inherit}
:focus-visible{outline:3px solid #FFA733;outline-offset:2px}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:#FFA733;color:#131A2A;font-weight:800;padding:10px 14px;border-radius:8px;text-decoration:none}
.skip:focus{top:12px}
.proto.site{max-width:none;border:0;margin:0;transition:none}
.lt .lt-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.lt .lt-err{margin:0;color:#FFB4A6;font-weight:700;font-size:14px}
.lt .lt-form button[disabled]{opacity:.6;cursor:progress}
.lt .lt-done h3{font:800 24px/1.2 var(--font);margin:6px 0 10px;color:#F5F2ED}
.lt .lt-done p{margin:0 0 8px;color:rgba(245,242,237,.85)}
.lt .lt-dl{display:inline-block;font:800 16px var(--font);padding:14px 22px;border-radius:999px;background:#FFA733;color:#131A2A;text-decoration:none}
.lt #calInline{width:100%;min-height:0}
.lt .lt-calbtn.loaded{border:0;background:transparent;padding:0;display:block;min-height:620px}
.lt .lt-calbtn.loaded>button,.lt .lt-calbtn.loaded>small{display:none}

/* cookie banner */
.ck{position:fixed;left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:90;width:min(760px,calc(100% - 24px));background:#F5F2ED;color:#131A2A;border:1px solid rgba(19,26,42,.18);border-radius:14px;box-shadow:0 10px 30px rgba(4,5,12,.35);padding:16px 18px;display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center}
.ck[hidden]{display:none}
.ck p{flex:1 1 300px;margin:0;font:500 14.5px/1.45 var(--font)}
.ck p b{font-weight:800}.ck p a{color:#B25E00;font-weight:700}
.ck .ck-b{display:flex;gap:10px;flex-wrap:wrap}
.ck button{font:800 14.5px var(--font);min-width:110px;padding:11px 18px;border-radius:999px;border:1.5px solid #131A2A;background:#131A2A;color:#F5F2ED;cursor:pointer}

/* plain pages: privacy, cookies, accessibility, AI use, links */
.page{background:#F5F2ED;padding:clamp(32px,6vw,72px) 16px clamp(48px,8vw,96px)}
.page .in{max-width:760px;margin:0 auto}
.page .kick{font:800 12px/1 var(--font);letter-spacing:.14em;text-transform:uppercase;color:#B25E00}
.page h1{font:800 clamp(32px,5vw,48px)/1.08 var(--font);letter-spacing:-.025em;margin:10px 0 14px;text-wrap:balance}
.page h2{font:800 22px/1.25 var(--font);margin:36px 0 10px;text-wrap:balance}
.page p,.page li{font-size:17px;line-height:1.65;max-width:68ch}
.page a{color:#B25E00;font-weight:700}
.page .meta{color:rgba(19,26,42,.65);font-size:14px}
.page table{width:100%;border-collapse:collapse;margin:12px 0 8px;font-size:15px}
.page th,.page td{text-align:left;vertical-align:top;padding:10px 8px;border-bottom:1px solid rgba(19,26,42,.14)}
.page th{font-weight:800;background:#EFE8DD}
.page .tw{overflow-x:auto}
.page .note{background:#FFF4E0;border-left:4px solid #B25E00;padding:12px 14px;border-radius:8px;font-size:15px}
.page .btn{display:inline-block;font:800 15px var(--font);padding:12px 18px;border-radius:999px;background:#131A2A;color:#F5F2ED;text-decoration:none;border:0;cursor:pointer}
.page .btn.alt{background:transparent;color:#131A2A;border:1.5px solid #131A2A}
.page .row{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}
.page code{background:#EFE8DD;padding:1px 6px;border-radius:4px;font-size:.92em}

/* /links */
.links{max-width:520px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.links a.l{display:flex;flex-direction:column;gap:2px;padding:16px 18px;border-radius:14px;background:#131A2A;color:#F5F2ED;text-decoration:none;font-weight:800;font-size:17px}
.links a.l small{font-weight:500;font-size:14px;color:rgba(245,242,237,.75)}
.links a.l.amber{background:#FFA733;color:#131A2A}.links a.l.amber small{color:rgba(19,26,42,.75)}
.links a.l.ghost{background:transparent;color:#131A2A;border:1.5px solid #131A2A}.links a.l.ghost small{color:rgba(19,26,42,.7)}
.links .head{text-align:center;margin-bottom:8px}
.links .head img{width:96px;height:96px;border-radius:50%;display:block;margin:0 auto 10px}
[hidden]{display:none!important}

/* Recent win: Team Spheriio. Text, then the three images in a row; on phones the row becomes a swipe carousel. */
.win-in{max-width:1080px;margin:0 auto;display:flex;flex-direction:column;gap:24px}
.win-txt{max-width:720px}
.win h2{font:800 clamp(24px,3vw,32px)/1.15 var(--font);margin:10px 0 14px;text-wrap:balance}
.win p{margin:0;color:var(--fg2,rgba(19,26,42,.7));font-size:17px;line-height:1.55;max-width:62ch}
.win .win-link{margin-top:16px}
.win-link a{font-weight:800;color:var(--amber-l,#B25E00);text-decoration:underline;text-underline-offset:3px}
.win-pics{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.win-pics img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;display:block}
.win-pics figcaption{grid-column:1/-1;font-size:13px;color:var(--fg2,rgba(19,26,42,.7))}
@media (max-width:760px){
  .win-pics{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;padding-bottom:6px;margin-right:-16px;padding-right:16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .win-pics::-webkit-scrollbar{display:none}
  .win-pics img{flex:0 0 84%;scroll-snap-align:start}
  .win-pics figcaption{display:none}
  .win-cap{display:block!important}
}
.win .win-cap{display:none;font-size:13px;line-height:1.4;color:var(--fg2,rgba(19,26,42,.7));margin:-12px 0 0}
