/* /css/press-94d99176aa.css */
@font-face{font-family:Rubik;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/rubik-latin-400-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rubik;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/rubik-latin-ext-400-normal.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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}@font-face{font-family:Rubik;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/rubik-latin-500-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rubik;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/rubik-latin-ext-500-normal.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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}@font-face{font-family:Rubik;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/rubik-latin-600-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rubik;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/rubik-latin-ext-600-normal.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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}@font-face{font-family:Rubik;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/rubik-latin-700-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rubik;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/rubik-latin-ext-700-normal.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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}@font-face{font-family:Rubik;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/rubik-latin-800-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rubik;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/rubik-latin-ext-800-normal.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:200 900;font-display:swap;src:url(/fonts/source-serif-4-latin-standard-normal-cg112.woff2)format("woff2-variations"),url(/fonts/source-serif-4-latin-standard-normal-cg112.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:200 900;font-display:swap;src:url(/fonts/source-serif-4-latin-ext-standard-normal-cg112.woff2)format("woff2-variations"),url(/fonts/source-serif-4-latin-ext-standard-normal-cg112.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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}@font-face{font-family:"Source Serif 4";font-style:italic;font-weight:200 900;font-display:swap;src:url(/fonts/source-serif-4-latin-standard-italic-cg112.woff2)format("woff2-variations"),url(/fonts/source-serif-4-latin-standard-italic-cg112.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Source Serif 4";font-style:italic;font-weight:200 900;font-display:swap;src:url(/fonts/source-serif-4-latin-ext-standard-italic-cg112.woff2)format("woff2-variations"),url(/fonts/source-serif-4-latin-ext-standard-italic-cg112.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-400-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-ext-400-normal.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-500-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-ext-500-normal.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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{--px-ink:#0a1633;--px-char:#425170;--px-mute:#566074;--px-paper:#ffffff;--px-paper2:#f5f7fc;--px-card:#fff;--px-line:#e3e8f2;--px-line2:#d5dcea;--px-blue:#1559f5;--px-blue-ink:#0f46c9;--px-violet:#6d28d9;--px-violet-ink:#5b21b6;--px-sky:#5b8cfa;--px-serif:"Source Serif 4",Georgia,serif;--px-sans:"Rubik",system-ui,-apple-system,sans-serif;--px-mono:"IBM Plex Mono",ui-monospace,monospace;--px-max:1200px;--px-gut:clamp(20px,5vw,56px)}.px-ledger{background:var(--px-ink);color:#fff;font:400 12px/1.4 var(--px-mono);letter-spacing:0;text-transform:none;z-index:60;position:relative}.px-ledger a.px-lg{max-width:var(--px-max);padding:10px var(--px-gut);font:inherit;letter-spacing:0;flex-wrap:wrap;align-items:center;gap:6px 24px;min-height:20px;margin:0 auto;display:flex;color:#fff!important;text-decoration:none!important}.px-ledger .px-lg-k{color:var(--px-sky)}.px-ledger .px-lg-d{color:var(--px-sky);font-weight:500}.px-ledger .px-lg-go{text-underline-offset:3px;margin-left:auto;text-decoration:underline}.px-ledger a.px-lg:hover .px-lg-go{color:var(--px-sky)}@media (width<=760px){.px-ledger .px-lg-go{display:none}}.px-head{z-index:55;background:var(--px-paper);border-bottom:1px solid var(--px-line);font-family:var(--px-sans);position:relative}.px-head .px-in{max-width:var(--px-max);padding:16px var(--px-gut);justify-content:space-between;align-items:center;gap:24px;margin:0 auto;display:flex}.px-brand{align-items:center;min-height:44px;display:inline-flex;text-decoration:none!important}.px-brand img{display:block;width:auto!important;max-width:none!important;height:28px!important}.px-head .px-nav{align-items:center;gap:30px;margin:0;padding:0;display:flex}.px-head .px-nav a{white-space:nowrap;padding:14px 0;font:500 15px/1 var(--px-sans)!important;letter-spacing:0!important;text-transform:none!important;color:var(--px-char)!important;text-decoration:none!important}.px-head .px-nav a:hover{color:var(--px-ink)!important}.px-head .px-nav a[aria-current]{text-underline-offset:7px;text-decoration-thickness:1.5px;color:var(--px-ink)!important;text-decoration:underline!important}.px-cta{white-space:nowrap;border:0;border-radius:999px;justify-content:center;align-items:center;min-height:44px;background:var(--px-ink)!important;color:var(--px-paper)!important;font:500 15px/1 var(--px-sans)!important;letter-spacing:0!important;text-transform:none!important;box-shadow:none!important;padding:0 22px!important;text-decoration:none!important;display:inline-flex!important}.px-cta:hover{background:#2b3550!important}.px-menu{display:none;position:static}.px-menu summary{box-sizing:border-box;border:1px solid var(--px-line2);cursor:pointer;background:var(--px-card);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;list-style:none;display:flex}.px-menu summary::-webkit-details-marker{display:none}.px-menu summary span{background:var(--px-ink);border-radius:2px;width:18px;height:2px;transition:transform .2s;display:block}.px-menu[open] summary span:first-child{transform:translateY(3.5px)rotate(45deg)}.px-menu[open] summary span:last-child{transform:translateY(-3.5px)rotate(-45deg)}.px-menu .px-panel{background:var(--px-paper);border-bottom:1px solid var(--px-line);padding:4px var(--px-gut)24px;flex-direction:column;display:flex;position:absolute;top:100%;left:0;right:0;box-shadow:0 24px 40px #0a16331a}.px-menu .px-panel a{border-bottom:1px solid var(--px-line);padding:15px 0;font:500 18px/1.2 var(--px-sans)!important;letter-spacing:0!important;text-transform:none!important;color:var(--px-ink)!important;text-decoration:none!important}.px-menu .px-panel a.px-cta{border-bottom:0;min-height:52px;margin-top:20px;color:var(--px-paper)!important;font-size:16px!important}.px-acts{flex:none;align-items:center;gap:12px;display:flex}.px-sbtn{box-sizing:border-box;border:1px solid var(--px-line2);background:var(--px-card);color:var(--px-char);cursor:pointer;white-space:nowrap;box-shadow:none;border-radius:999px;justify-content:center;align-items:center;gap:10px;height:44px;margin:0;padding:0 8px 0 16px;display:inline-flex;position:relative;font:500 15px/1 var(--px-sans)!important;letter-spacing:0!important;text-transform:none!important}.px-sbtn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;flex:none;width:17px;height:17px}.px-sbtn kbd{border:1px solid var(--px-line);background:var(--px-paper);font:400 12px/1 var(--px-mono);color:var(--px-mute);letter-spacing:0;border-radius:7px;align-items:center;height:26px;padding:0 7px;display:inline-flex}.px-sbtn:hover{border-color:var(--px-ink);color:var(--px-ink)}html:not(.js) .px-sbtn{display:none!important}@media (width<=1180px){.px-sbtn{width:44px;padding:0}.px-sbtn kbd{display:none}}@media (width<=940px){.px-head .px-nav,.px-head .px-acts>.px-cta{display:none!important}.px-menu{display:block}.px-sbtn{border-radius:12px}}.px-foot{background:var(--px-paper2);border-top:1px solid var(--px-line);color:var(--px-ink);font-family:var(--px-sans);text-align:left}.px-foot .px-in{max-width:var(--px-max);padding:clamp(48px,6vw,72px)var(--px-gut)28px;margin:0 auto}.px-foot-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));align-items:start;gap:clamp(36px,5vw,64px);display:grid}.px-motto{font:480 30px/1.1 var(--px-serif)!important;letter-spacing:-.015em!important;color:var(--px-ink)!important;text-transform:none!important;margin:18px 0 0!important}.px-motto span{color:var(--px-blue)}.px-sr{clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;position:absolute!important;overflow:hidden!important}.px-foot .px-links{gap:2px;margin:0;padding:0;display:grid}.px-foot .px-links a{align-items:center;min-height:40px;display:flex;font:500 15px/1.2 var(--px-sans)!important;letter-spacing:0!important;text-transform:none!important;color:var(--px-ink)!important;text-decoration:none!important}.px-foot .px-links a:hover{color:var(--px-blue)!important}.px-foot .px-legal{border-top:1px solid var(--px-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 24px;margin-top:clamp(40px,5vw,56px);padding-top:20px;display:flex}.px-foot .px-legal p{font:400 14px/1.5 var(--px-sans);color:var(--px-mute);letter-spacing:0;text-transform:none;margin:0}.px-foot .px-legal .px-meter{font:400 12px/1.5 var(--px-mono);color:var(--px-mute)}@media (width<=720px){.px-foot .px-links{gap:0}.px-foot .px-links a{border-top:1px solid var(--px-line);min-height:48px;font-size:16px!important}.px-foot .px-links a:last-child{border-bottom:1px solid var(--px-line)}}.px-skip{z-index:100;box-sizing:border-box;background:var(--px-ink);color:var(--px-paper);font:500 14px var(--px-sans);border-radius:8px;align-items:center;min-height:44px;padding:10px 16px;display:inline-flex;position:absolute;top:8px;left:-9999px}.px-skip:focus{left:12px}.px-kick{font:500 15px/1.4 var(--px-sans);color:var(--px-blue);letter-spacing:0;text-transform:none;margin:0 0 20px}.px-btn{background:var(--px-ink);font:500 16px/1 var(--px-sans);cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;min-height:52px;padding:0 28px;display:inline-flex;color:var(--px-paper)!important;text-decoration:none!important}.px-btn:hover{background:#2b3550}.px-link{font:500 16px/1.2 var(--px-sans);text-underline-offset:5px;align-items:center;min-height:44px;text-decoration-thickness:1px;display:inline-flex;color:var(--px-ink)!important;text-decoration:underline!important}.px-link:hover{color:var(--px-blue)!important}.px-wrap{max-width:var(--px-max);padding-left:var(--px-gut);padding-right:var(--px-gut);margin:0 auto}html.px-page{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}.px-page body{background:var(--px-paper);color:var(--px-ink);font:400 17px/1.6 var(--px-sans);-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}:where(.px-page) *,:where(.px-page) :before,:where(.px-page) :after{box-sizing:border-box}:where(.px-page) img{max-width:100%;height:auto}:where(.px-page) a{color:inherit}.px-page :focus-visible{outline:2.5px solid var(--px-blue);outline-offset:3px;border-radius:6px}:where(.px-page) :where(h1,h2,h3,p,figure,blockquote){margin:0}.px-hero{padding:clamp(56px,9vw,128px) 0 clamp(56px,7vw,96px)}.px-hero h1{font:480 clamp(58px,9.4vw,136px)/.96 var(--px-serif);letter-spacing:-.028em;color:var(--px-ink)}.px-hero h1 span{color:var(--px-blue)}.px-hero .px-dek{font:400 clamp(20px,2vw,25px)/1.45 var(--px-serif);color:var(--px-char);max-width:640px;margin-top:40px}.px-hero .px-ctas{flex-wrap:wrap;align-items:center;gap:20px 28px;margin-top:40px;display:flex}.px-cover{color:#fff;border-radius:6px;flex-direction:column;justify-content:space-between;gap:40px;min-height:460px;padding:clamp(32px,4vw,52px);transition:transform .25s,box-shadow .25s;display:flex;text-decoration:none!important}.px-cover:hover{transform:translateY(-3px);box-shadow:0 24px 48px #0a163329}.px-cover.scr{background:var(--px-violet)}.px-cover h2{font:460 clamp(40px,4.6vw,64px)/1.02 var(--px-serif);letter-spacing:-.02em;color:#fff}.px-logos{flex-wrap:wrap;align-items:center;gap:12px 44px;margin:0 0 20px;display:flex}.px-logos a{align-items:center;min-height:56px;display:inline-flex}.px-logos img{width:auto;height:34px}.px-sec{padding-top:clamp(72px,9vw,128px)}.px-sechead{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px 24px;margin-bottom:22px;display:flex}.px-sechead h2{font:480 clamp(32px,3.6vw,48px)/1.08 var(--px-serif);letter-spacing:-.018em;color:var(--px-ink)}.px-sechead .px-sub{font:400 16px/1.5 var(--px-sans);color:var(--px-char);max-width:560px}.px-rowlink{border-bottom:1px solid var(--px-line);color:var(--px-ink);grid-template-columns:96px minmax(0,1fr) 150px 80px;align-items:start;gap:24px;padding:28px 0;display:grid;text-decoration:none!important}@media (width<=760px){.px-rowlink{grid-template-columns:56px minmax(0,1fr) 56px;gap:14px}}.px-loop{grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr) 28px minmax(0,1fr) 28px minmax(0,1fr);align-items:stretch;margin-top:48px;display:grid}.px-node{background:var(--px-card);border:1px solid var(--px-line);border-radius:14px;min-height:116px;padding:20px}.px-node.on{background:var(--px-blue);border-color:var(--px-blue)}.px-return{border:1px dashed var(--px-line2);border-top:0;border-radius:0 0 18px 18px;height:24px;margin:20px 12.5% 0}@media (width<=860px){.px-loop{grid-template-columns:minmax(0,1fr);gap:10px}.px-return{display:none}}.px-caps{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px 32px;margin-top:24px;display:grid}.px-cap h3{font:500 19px/1.3 var(--px-sans);color:var(--px-ink)}.px-cap p{font:400 15px/1.6 var(--px-sans);color:var(--px-mute);margin-top:8px!important}.px-receipts{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));display:grid}.px-receipt{border-top:1px solid var(--px-ink);border-bottom:1px solid var(--px-line);padding:28px 28px 32px 0}.px-receipt .px-n{font:400 56px/1 var(--px-serif);letter-spacing:-.03em;color:var(--px-ink);font-variant-numeric:lining-nums}.px-receipt .px-what{font:400 16px/1.5 var(--px-sans);color:var(--px-ink);margin-top:14px!important}.px-receipt .px-src{font:400 12px/1.5 var(--px-mono);color:var(--px-mute);margin-top:12px!important}.px-yield{margin-top:56px}.px-yield h3{font:480 clamp(26px,3vw,38px)/1.15 var(--px-serif);letter-spacing:-.015em;color:var(--px-ink);max-width:760px}.px-bars{gap:16px;margin-top:32px;display:grid}.px-quote{border-top:2px solid var(--px-ink);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px 48px;margin-top:72px;padding-top:32px;display:grid}.px-quote blockquote{font:400 clamp(26px,2.8vw,36px)/1.32 var(--px-serif);letter-spacing:-.01em;color:var(--px-ink);max-width:860px}.px-quote figcaption{font:400 14px/1.5 var(--px-sans);color:var(--px-mute);align-items:center;gap:14px;display:flex}.px-quote figcaption img{width:auto;height:22px}@media (width<=760px){.px-quote{grid-template-columns:minmax(0,1fr)}}.px-board{border-top:1px solid var(--px-ink);border-bottom:1px solid var(--px-line);grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));display:grid}.px-board div{padding:20px 20px 22px 0}.px-board .px-k{font:400 44px/1 var(--px-serif);color:var(--px-ink)}.px-board .px-k.b{color:var(--px-blue)}.px-board .px-l{font:400 14px/1.4 var(--px-sans);color:var(--px-char);margin-top:8px!important}.px-call{border-bottom:1px solid var(--px-line);color:var(--px-ink);grid-template-columns:170px minmax(0,1fr) 210px;align-items:start;gap:24px;padding:26px 0;display:grid;text-decoration:none!important}.px-call .px-who{font:400 13px/1.5 var(--px-mono);color:var(--px-blue)}.px-call .px-what{font:400 20px/1.45 var(--px-serif);color:var(--px-ink)}.px-call:hover .px-what{color:var(--px-blue-ink)}@media (width<=860px){.px-call{grid-template-columns:minmax(0,1fr);gap:10px}}.px-person{background:var(--px-card);border:1px solid var(--px-line);border-radius:16px;flex-direction:column;gap:18px;padding:clamp(28px,3vw,40px);display:flex}.px-person img{object-fit:cover;border-radius:999px;width:72px;height:72px;display:block}.px-person h3{font:500 28px/1.15 var(--px-serif);letter-spacing:-.01em;color:var(--px-ink)}.px-person p{font:400 16px/1.65 var(--px-sans);color:var(--px-char)}.px-chip{border-bottom:1px solid var(--px-line);color:var(--px-ink);padding:22px 16px 22px 0;display:block;text-decoration:none!important}.px-chip b{font:400 15px/1.4 var(--px-mono);color:var(--px-ink);display:block}.px-chip span{font:400 14px/1.4 var(--px-sans);color:var(--px-mute);margin-top:6px;display:block}.px-chip:hover b{color:var(--px-blue)}.px-close{background:var(--px-ink);color:var(--px-paper);text-align:center;margin-top:clamp(72px,9vw,128px);padding:clamp(56px,8vw,104px) 0}.px-close h2{font:480 clamp(40px,5.4vw,72px)/1.02 var(--px-serif);letter-spacing:-.022em;color:var(--px-paper)}.px-close p{font:400 18px/1.6 var(--px-sans);color:#bcc6db;max-width:560px;margin:20px auto 0!important}.px-close .px-mail{font:400 clamp(26px,3vw,36px)/1.2 var(--px-serif);text-underline-offset:8px;margin-top:24px;padding:8px 0;text-decoration-thickness:1px;display:inline-block;color:var(--px-paper)!important;text-decoration:underline!important}.px-close .px-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 28px;margin-top:32px;display:flex}.px-close .px-btn{background:var(--px-paper);color:var(--px-ink)!important}.px-close .px-btn:hover{background:#fff}.px-close .px-link{color:var(--px-paper)!important}@media (prefers-reduced-motion:reduce){.px-cover{transition:none}.px-cover:hover{transform:none}}.px-mini{text-align:center;padding:clamp(64px,10vw,140px) 0 clamp(72px,10vw,140px)}.px-mini .px-404{font:400 clamp(120px,22vw,240px)/.9 var(--px-serif);letter-spacing:-.04em;color:var(--px-ink);margin-bottom:24px}.px-mini .px-404 span{color:var(--px-blue)}.px-mini h1{font:480 clamp(36px,5vw,64px)/1.05 var(--px-serif);letter-spacing:-.022em;color:var(--px-ink)}.px-mini p{font:400 18px/1.6 var(--px-sans);color:var(--px-char);max-width:540px;margin:18px auto 0}.px-mini .px-kick{font:500 15px/1.4 var(--px-sans);color:var(--px-blue);margin:0 0 16px}.px-mini .px-ctas{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px 28px;margin-top:36px;display:flex}@media print{.px-ledger,.px-head,.px-foot,.px-menu,.px-skip{display:none!important}}html.px-locked{overflow:hidden}.px-sd{box-sizing:border-box;background:var(--px-paper);color:var(--px-ink);font-family:var(--px-sans);border:0;border-radius:18px;width:min(720px,100vw - 32px);max-width:none;max-height:min(80vh,760px);margin:9vh auto auto;padding:0;overflow:hidden;box-shadow:0 48px 96px #0a16334d,0 0 0 1px #0a16330f}.px-sd[open]{flex-direction:column;display:flex}.px-sd::backdrop{background:#0a163375}.px-sd *{box-sizing:border-box}.px-sd-bar{border-bottom:1px solid var(--px-line);flex:none;align-items:center;gap:12px;padding:0 14px 0 22px;display:flex}.px-sd-bar>svg{fill:none;stroke:var(--px-mute);stroke-width:2px;stroke-linecap:round;flex:none;width:20px;height:20px}.px-sd-bar input{font:400 20px/1.2 var(--px-sans);color:var(--px-ink);-webkit-appearance:none;appearance:none;background:0 0;border:0;outline:0;flex:1;min-width:0;height:68px;margin:0;padding:0}.px-sd-bar input:focus,.px-sd-bar input:focus-visible{box-shadow:none;outline:none!important}.px-sd-bar input::placeholder{color:#7c86a0}.px-sd-bar input::-webkit-search-cancel-button{display:none}.px-sd-x{border:1px solid var(--px-line2);background:var(--px-card);font:400 13px/1 var(--px-mono);color:var(--px-char);cursor:pointer;border-radius:10px;flex:none;justify-content:center;align-items:center;min-width:44px;height:44px;margin:0;padding:0 12px;display:inline-flex}.px-sd-x:hover{border-color:var(--px-ink);color:var(--px-ink)}.px-sd-st{font:400 14px/1.45 var(--px-sans);color:var(--px-mute);flex:none;margin:0;padding:14px 22px 8px}.px-sd-res{overscroll-behavior:contain;flex:auto;margin:0;padding:0 10px 12px;list-style:none;overflow-y:auto}.px-sd-res li{margin:0;padding:0}.px-sd-res a{color:inherit;border-radius:12px;outline:none;padding:14px 12px 16px;text-decoration:none;display:block}.px-sd-res a:hover{background:var(--px-paper2)}.px-sd-res a:focus-visible{background:var(--px-paper2);box-shadow:inset 0 0 0 2px var(--px-blue)}.px-sd-k{font:500 13px/1.4 var(--px-sans);color:var(--px-blue);flex-wrap:wrap;gap:2px 10px;display:flex}.px-sd-k.scr{color:var(--px-violet)}.px-sd-k em{font:400 13px/1.4 var(--px-sans);color:var(--px-mute);font-style:normal}.px-sd-t{font:500 21px/1.25 var(--px-serif);letter-spacing:-.006em;color:var(--px-ink);margin-top:4px;display:block}.px-sd-x2{font:400 15px/1.55 var(--px-sans);color:var(--px-char);margin-top:6px;display:block}.px-sd-foot{border-top:1px solid var(--px-line);font:400 13px/1.4 var(--px-sans);color:var(--px-mute);flex-wrap:wrap;flex:none;gap:6px 18px;padding:12px 22px 14px;display:flex}.px-sd-foot kbd{font:400 12px/1 var(--px-mono);border:1px solid var(--px-line2);background:var(--px-card);color:var(--px-char);border-radius:5px;padding:3px 5px}@media (width<=640px){.px-sd{border-radius:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0}.px-sd-bar{padding:0 10px 0 16px}.px-sd-bar input{height:64px;font-size:18px}.px-sd-foot{display:none}}.px-play{z-index:2;box-sizing:border-box;border:1px solid var(--px-line2);background:var(--px-card);color:var(--px-ink);font:400 13px/1 var(--px-mono);font-variant-numeric:tabular-nums;cursor:pointer;white-space:nowrap;text-align:left;border-radius:999px;align-items:center;gap:10px;min-width:128px;min-height:44px;margin:0;padding:0 16px 0 6px;display:inline-flex;position:relative}.px-play i{background:var(--px-ink);border-radius:999px;flex:none;place-items:center;width:32px;height:32px;transition:background .15s;display:grid}.px-play svg{fill:var(--px-paper);width:12px;height:12px;display:block}.px-play:hover{border-color:var(--px-ink)}.px-play[data-state=playing] i,.px-play[data-state=paused] i{background:var(--px-blue)}.scr .px-play[data-state=playing] i,.scr .px-play[data-state=paused] i{background:var(--px-violet)}html:not(.js) .px-play,html:not(.js) .px-cplay,html:not(.js) .px-ctime{display:none!important}.px-cplay{background:var(--px-blue);color:#fff;font:500 16px/1 var(--px-sans);cursor:pointer;white-space:nowrap;border:0;border-radius:999px;align-items:center;gap:12px;min-height:48px;margin:0;padding:0 22px 0 16px;display:inline-flex}.px-cplay:hover{background:var(--px-blue-ink)}.px-cplay svg{fill:currentColor;flex:none;width:15px;height:15px}.px-ctime{font:400 13px/1 var(--px-mono);color:#ffffffbd;font-variant-numeric:tabular-nums}.px-prog{background:var(--px-blue);pointer-events:none;width:0;height:3px;transition:width .25s linear;position:absolute;bottom:0;left:0}.px-nrow{border-bottom:1px solid var(--px-line);grid-template-columns:88px minmax(0,1fr) auto;align-items:start;gap:6px 28px;margin:0;padding:30px 0 32px;display:grid;position:relative}.px-nrow[hidden]{display:none}.px-nrow .px-play{margin-top:2px}.px-nrow .px-prog{height:2px;bottom:-1px}.scr .px-nrow .px-prog{background:var(--px-violet)}.px-author{padding-top:clamp(72px,9vw,128px)}.px-agrid{border-top:1px solid var(--px-ink);grid-template-columns:200px minmax(0,760px);align-items:start;gap:clamp(28px,4vw,56px);padding-top:clamp(32px,4vw,48px);display:grid}.px-agrid>img{object-fit:cover;border-radius:16px;width:200px;height:200px;display:block}.px-author h2{font:480 clamp(32px,3.4vw,46px)/1.06 var(--px-serif);letter-spacing:-.02em;color:var(--px-ink)}.px-author .px-ar{font:400 15px/1.5 var(--px-sans);color:var(--px-mute);margin-top:10px!important}.px-author .px-abio{font:400 17px/1.7 var(--px-sans);color:var(--px-char);text-wrap:pretty;margin-top:22px!important}.px-alinks{flex-wrap:wrap;align-items:center;gap:8px 28px;margin-top:26px;display:flex}.px-alinks .px-btn{min-height:48px;padding:0 24px;font-size:15px}.px-author.scr .px-kick{color:var(--px-violet)}@media (width<=760px){.px-agrid{grid-template-columns:minmax(0,1fr)}.px-agrid>img{border-radius:999px;width:96px;height:96px}.px-nrow{grid-template-columns:52px minmax(0,1fr);gap:4px 12px;padding:24px 0 26px}.px-nrow .px-play{grid-column:2;justify-self:start;margin-top:14px}}main>section:last-child:not(.px-dband):not(.px-close):not(.px-mini){padding-bottom:clamp(72px,9vw,128px)}.px-lhero{padding:clamp(48px,7vw,104px) 0 clamp(40px,5vw,64px)}.px-lhero .px-kick a{color:inherit;text-underline-offset:4px;text-decoration:underline #1559f559}.px-lhero h1{font:480 clamp(60px,9vw,128px)/.95 var(--px-serif);letter-spacing:-.03em;color:var(--px-ink)}.px-lhero .px-dek{font:400 clamp(20px,2vw,25px)/1.45 var(--px-serif);color:var(--px-char);text-wrap:pretty;max-width:760px;margin-top:32px}.px-board .px-l span{font:400 13px/1.45 var(--px-sans);color:var(--px-mute);margin-top:3px;display:block}.px-calls{border-top:1px solid var(--px-ink);margin:0;padding:0;list-style:none}.px-cl{border-bottom:1px solid var(--px-line);grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:18px clamp(32px,5vw,72px);margin:0;padding:32px 0 36px;display:grid}@media (width<=560px){.px-board{grid-template-columns:repeat(2,minmax(0,1fr))}.px-board div{padding-right:12px}}@media (width<=860px){.px-cl{grid-template-columns:minmax(0,1fr);gap:16px}}.px-chero{padding:clamp(48px,7vw,104px) 0 clamp(40px,5vw,72px)}.px-chero h1{font:480 clamp(64px,10.5vw,152px)/.92 var(--px-serif);letter-spacing:-.032em;color:var(--px-ink)}.px-chero h1 em{color:var(--px-blue);font-style:italic}.px-chero .px-dek{font:400 clamp(20px,2vw,25px)/1.45 var(--px-serif);color:var(--px-char);text-wrap:pretty;max-width:720px;margin-top:32px}.px-ways{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px;display:grid}.px-way{background:var(--px-card);border:1px solid var(--px-line);border-radius:18px;flex-direction:column;align-items:flex-start;gap:14px;padding:clamp(26px,3vw,36px);display:flex}.px-way .px-wk{font:500 14px/1.4 var(--px-sans);color:var(--px-blue)}.px-way .px-wbig{font:480 clamp(24px,2.2vw,30px)/1.2 var(--px-serif);letter-spacing:-.012em;color:var(--px-ink)!important;text-decoration:none!important}.px-way .px-wbig.mail{font-size:clamp(21px,1.9vw,26px)}.px-way a.px-wbig{margin:-10px 0;padding:10px 0;display:inline-block}.px-way a.px-wbig:hover{color:var(--px-blue)!important}.px-way p{font:400 16px/1.6 var(--px-sans);color:var(--px-char)}.px-way .px-wgo{margin-top:auto;padding-top:6px}.px-map{margin:24px 0 0}.px-mapin{border:1px solid var(--px-line);background:#eff1f6;border-radius:18px;position:relative;overflow:hidden}.px-mapin img{width:100%;height:auto;display:block}.px-map figcaption{font:500 16px/1.5 var(--px-sans);color:var(--px-ink);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 24px;margin-top:16px;display:flex}.px-map .pacific{pointer-events:none;width:56%;height:44%;position:absolute;bottom:0;left:0}.px-map .pw{fill:none;stroke:#ffffffbf;stroke-width:2.4px;stroke-linecap:round;animation:7s ease-in-out infinite alternate pxdrift}.px-map .pw2{stroke-opacity:.6;animation-duration:9s;animation-delay:-3s}.px-map .pw3{stroke-opacity:.5;animation-duration:6s;animation-delay:-1.5s}.px-map .psail{animation:34s linear infinite pxsail}@media (width<=640px){.px-mapin img{aspect-ratio:1;object-fit:cover;object-position:42% 54%}}@keyframes pxdrift{0%{transform:translate(-14px)}to{transform:translate(18px)}}@keyframes pxsail{0%{transform:translate(-30px,150px)}50%{transform:translate(560px,96px)}50.001%{transform:translate(640px,96px)}to{transform:translate(-30px,150px)}}.px-lanes{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:20px;display:grid}.px-lane{border-radius:18px;flex-direction:column;justify-content:space-between;gap:28px;min-height:250px;padding:clamp(28px,3.4vw,44px);transition:transform .25s,box-shadow .25s;display:flex;text-decoration:none!important}.px-lane:hover{transform:translateY(-3px);box-shadow:0 24px 48px #0a163324}.px-lane.firm{background:var(--px-ink);color:var(--px-paper)}.px-lane.press{background:var(--px-card);border:1px solid var(--px-line);color:var(--px-ink)}.px-lane .px-lk{font:500 14px/1.4 var(--px-sans)}.px-lane.firm .px-lk{color:var(--px-sky)}.px-lane.press .px-lk{color:var(--px-blue)}.px-lane .px-lt{font:400 clamp(24px,2.4vw,31px)/1.28 var(--px-serif);letter-spacing:-.01em}.px-lane .px-la{font:500 16px/1.2 var(--px-sans);text-underline-offset:5px;text-decoration:underline 1px}@media (prefers-reduced-motion:reduce){.px-map .pw,.px-map .psail{animation:none}.px-map .psail{transform:translate(300px,120px)}.px-lane{transition:none}.px-lane:hover{transform:none}.px-prog{transition:none}}@media print{.px-sbtn,.px-play,.px-cplay,.px-sd{display:none!important}}@view-transition{navigation:auto}.px-ledger{view-transition-name:px-ledger}.px-head{view-transition-name:px-head}.px-dock{view-transition-name:px-dock}::view-transition-group(px-head),::view-transition-group(px-ledger),::view-transition-group(px-dock){animation-duration:0s}::view-transition-old(px-dock),::view-transition-new(px-dock){animation:none}::view-transition-old(root){animation:.16s ease-out both px-vt-out}::view-transition-new(root){animation:.34s cubic-bezier(.2,.7,.2,1) 40ms both px-vt-in}@keyframes px-vt-out{to{opacity:0}}@keyframes px-vt-in{0%{opacity:0;transform:translateY(12px)}}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}main:focus{outline:none}.px-np{z-index:2000;background:var(--px-blue);opacity:0;pointer-events:none;width:0;height:2px;transition:width 6s cubic-bezier(.1,.6,.2,1),opacity .25s;position:fixed;top:0;left:0}.px-np.on{opacity:1;width:86%}.px-dock{left:50%;bottom:max(14px,env(safe-area-inset-bottom));z-index:150;box-sizing:border-box;background:var(--px-ink);color:var(--px-paper);font-family:var(--px-sans);border-radius:18px;width:min(760px,100vw - 24px);animation:.32s cubic-bezier(.2,.7,.2,1) both px-dock-in;position:fixed;transform:translate(-50%);box-shadow:0 20px 50px #0a16334d,0 0 0 1px #ffffff0f}.px-dock[hidden]{display:none}@keyframes px-dock-in{0%{opacity:0;transform:translate(-50%,16px)}}.px-dock{text-align:left;min-height:0;margin:0;padding:0;line-height:1.3}.px-dock *{box-sizing:border-box}.px-dock p,.px-dock a,.px-dock button,.px-dock input,.px-dock img{letter-spacing:0;text-transform:none;max-width:none;margin:0}.px-dk-seek{-webkit-appearance:none;appearance:none;cursor:pointer;--fill:0%;background:0 0;width:calc(100% - 36px);height:24px;margin:2px 18px -10px;padding:0;display:block}.px-dk-seek::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--px-sky)0 var(--fill),#ffffff33 var(--fill)100%);border-radius:2px;height:3px}.px-dk-seek::-moz-range-track{background:#ffffff33;border-radius:2px;height:3px}.px-dk-seek::-moz-range-progress{background:var(--px-sky);border-radius:2px;height:3px}.px-dk-seek::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--px-paper);border:0;border-radius:999px;width:13px;height:13px;margin-top:-5px;box-shadow:0 0 0 3px #0a163380}.px-dk-seek::-moz-range-thumb{background:var(--px-paper);border:0;border-radius:999px;width:13px;height:13px}.px-dk-seek:focus{outline:none}.px-dk-seek:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--px-sky)}.px-dk-in{align-items:center;gap:12px;padding:10px 12px 12px 14px;display:flex}.px-dk-art{background:var(--px-paper);border-radius:999px;flex:none;place-items:center;width:44px;height:44px;display:grid}.px-dk-art img{width:34px;height:34px;display:block}.px-dk-txt{flex:auto;min-width:0}.px-dk-k{font:500 12px/1.35 var(--px-sans);letter-spacing:0;text-transform:none;color:var(--px-sky);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.px-dk-t{font:500 17px/1.3 var(--px-serif);letter-spacing:-.004em;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;display:block;overflow:hidden;color:var(--px-paper)!important;text-decoration:none!important}.px-dk-t:hover{text-underline-offset:3px;text-decoration:underline!important}.px-dk-time{font:400 12px/1 var(--px-mono);color:#ffffffbd;font-variant-numeric:tabular-nums;white-space:nowrap;flex:none}.px-dk-b,.px-dk-pp,.px-dk-x{color:var(--px-paper);cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;place-items:center;width:44px;height:44px;margin:0;padding:0;display:grid;position:relative}.px-dk-b svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.px-dk-b span{font:600 8px/1 var(--px-sans);position:absolute;top:50%;left:50%;transform:translate(-50%,-44%)}.px-dk-pp{background:var(--px-paper);color:var(--px-ink)}.px-dk-pp svg{fill:currentColor;width:15px;height:15px}.px-dk-x svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:14px;height:14px}.px-dk-b:hover,.px-dk-x:hover{background:#ffffff1f}.px-dk-pp:hover{background:#fff}.px-dock :focus-visible{outline:2px solid var(--px-sky);outline-offset:2px}.px-dock.scr .px-dk-k{color:#ffffff}.px-dock.scr .px-dk-seek::-webkit-slider-runnable-track{background:linear-gradient(to right,#8b5cf6 0 var(--fill),#ffffff33 var(--fill)100%)}.px-dock.scr .px-dk-seek::-moz-range-progress{background:#8b5cf6}.px-dock.scr :focus-visible{outline-color:#c4b5fd}html.px-docked .px-foot{padding-bottom:120px}@media (width<=560px){.px-dock{bottom:max(8px,env(safe-area-inset-bottom));border-radius:16px;width:calc(100vw - 16px)}.px-dk-time,.px-dk-b,.px-dk-al{display:none}.px-dk-in{gap:10px;padding:8px 8px 10px 10px}.px-dk-t{font-size:16px}.px-dk-seek{width:calc(100% - 28px);margin:2px 14px -10px}}@media (prefers-reduced-motion:reduce){.px-dock{animation:none}.px-np{transition:none}}@media print{.px-dock,.px-np{display:none!important}}.px-pilla{align-items:center;min-height:44px;margin-top:14px;display:inline-flex;text-decoration:none!important}.px-pill{color:#1559f5;font:600 9px/1 var(--px-mono);letter-spacing:.26em;white-space:nowrap;background:#fff;border:1.5px solid #1559f5;border-radius:40px;align-items:center;gap:9px;padding:9px 16px 9px 13px;transition:box-shadow .25s;display:inline-flex;box-shadow:0 0 0 3px #1559f514}.px-pilla:hover .px-pill,.px-pilla:focus-visible .px-pill{box-shadow:0 0 0 5px #1559f524}.px-pill i{background:currentColor;border-radius:50%;flex:none;width:6px;height:6px;animation:2.4s ease-in-out infinite px-caipulse}.px-pill img{display:block;width:auto!important;height:14px!important}@keyframes px-caipulse{50%{opacity:.35}}.px-addr{font:400 14px/1.6 var(--px-sans);color:var(--px-char);margin:10px 0 0;font-style:normal}.px-addr a{text-underline-offset:4px;align-items:center;min-height:40px;font-weight:500;text-decoration-thickness:1px;display:inline-flex;color:var(--px-ink)!important;text-decoration:underline!important;text-decoration-color:var(--px-line2)!important}.px-addr a:hover{color:var(--px-blue)!important;text-decoration-color:currentColor!important}@media (width<=720px){.px-addr a{min-height:44px}}.px-close{isolation:isolate;background:#12151b;position:relative;overflow:hidden}.px-close:before{content:"";z-index:-1;background-image:radial-gradient(#ffffff1c 1px,#0000 1.5px);background-size:22px 22px;animation:36s linear infinite px-field;position:absolute;inset:-44px 0 0;-webkit-mask-image:radial-gradient(75% 85% at 50% 34%,#000 28%,#0000 78%);mask-image:radial-gradient(75% 85% at 50% 34%,#000 28%,#0000 78%)}.px-close:after{content:"";z-index:-1;background:radial-gradient(closest-side,#1559f557,#1559f500);width:min(1100px,120%);height:86%;position:absolute;top:-38%;left:50%;transform:translate(-50%)}@keyframes px-field{to{transform:translateY(22px)}}.px-close .px-ck{font:500 14px/1.4 var(--px-sans);color:var(--px-sky);margin:0 auto 20px!important}.px-close h2 .px-dot{color:var(--px-sky)}.px-close .px-rule{background:var(--px-sky);border-radius:2px;width:44px;height:2px;margin:28px auto 0;display:block}.px-shaka{transform-origin:72% 82%;width:max-content;margin:36px auto 0;font-size:46px;line-height:1;animation:3.4s ease-in-out infinite px-shaka;display:block}@keyframes px-shaka{0%,60%,to{transform:rotate(0)}66%{transform:rotate(-16deg)}72%{transform:rotate(12deg)}78%{transform:rotate(-11deg)}84%{transform:rotate(7deg)}90%{transform:rotate(0)}}.px-close .px-mail{background:linear-gradient(var(--px-sky),var(--px-sky))50% 100%/100% 2px no-repeat;margin-top:16px;padding:6px 0 8px;transition:background-size .3s;color:#fff!important;text-decoration:none!important}.px-close .px-mail:hover{background-size:100% 3px}.px-close .px-btn{gap:8px;min-width:150px}.px-close .px-btn.px-ghost{box-shadow:inset 0 0 0 1px #ffffff57;color:#fff!important;background:0 0!important}.px-close .px-btn.px-ghost:hover{box-shadow:inset 0 0 0 1px #fff;background:#ffffff12!important}.px-close :focus-visible{outline-color:var(--px-sky)}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.px-close .px-mail{animation-range:entry 0% cover 30%;animation:linear both px-ul view()}.px-close .px-rule{animation-range:entry 5% cover 35%;animation:linear both px-rule view()}}}@keyframes px-ul{0%{background-size:0% 2px}to{background-size:100% 2px}}@keyframes px-rule{0%{width:0}to{width:44px}}@media (prefers-reduced-motion:reduce){.px-shaka,.px-close:before{animation:none}}@media print{.px-shaka,.px-close:before,.px-close:after{display:none}}.px-rv .rv{opacity:0;transition:opacity .8s cubic-bezier(.2,.7,.2,1),translate .8s cubic-bezier(.2,.7,.2,1);translate:0 22px}.px-rv .rv.in{opacity:1;translate:none}.px-hero{isolation:isolate;position:relative;overflow:hidden}.px-hero>.px-wrap{z-index:1;position:relative}.px-hero-art{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 62%,#0000);mask-image:linear-gradient(#000 62%,#0000)}.px-au{filter:blur(64px);opacity:.9;border-radius:50%;display:block;position:absolute}.px-au.a1{background:radial-gradient(circle,#d3e1ff 0%,#d3e1ff00 66%);width:620px;height:620px;animation:26s ease-in-out infinite alternate px-drift1;top:-300px;left:-220px}.px-au.a2{background:radial-gradient(circle,#e5dcff 0%,#e5dcff00 66%);width:560px;height:560px;animation:32s ease-in-out infinite alternate px-drift2;bottom:-320px;right:-160px}.px-au.a3{background:radial-gradient(circle,#d8f0e5 0%,#d8f0e500 66%);width:460px;height:460px;animation:38s ease-in-out infinite alternate px-drift3;top:-260px;right:22%}@keyframes px-drift1{to{transform:translate(160px,90px)}}@keyframes px-drift2{to{transform:translate(-140px,-70px)}}@keyframes px-drift3{to{transform:translate(-110px,120px)}}.px-hero-rk{top:50%;right:max(var(--px-gut),calc(50% - 600px + var(--px-gut)));aspect-ratio:1212/1803;--ty:-50%;transform:translate3d(var(--rx,0px),calc(var(--ty) + var(--ry,0px) + var(--sy,0px)),0);height:min(76%,600px);position:absolute}@keyframes px-rkin{0%{opacity:0;transform:translate(-46px,110px)}to{opacity:1;transform:none}}@keyframes px-rkfloat{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes px-glow{0%,to{opacity:.5;transform:scale(.9)}50%{opacity:1;transform:scale(1.08)}}@media (width<=1100px){.px-hero-rk{opacity:.8;height:min(62%,480px);right:-4%}}@media (width<=760px){.px-hero-art{-webkit-mask-image:linear-gradient(#000 82%,#0000);mask-image:linear-gradient(#000 82%,#0000)}.px-hero-rk{--ty:0px;opacity:.62;height:244px;top:39%;right:-58px}.px-au.a1{width:420px;height:420px;top:-220px;left:-200px}.px-au.a2,.px-au.a3{display:none}}@keyframes px-ping{0%{box-shadow:0 0 #1f9d5b80}70%,to{box-shadow:0 0 0 8px #1f9d5b00}}.px-node{transition:border-color .3s;position:relative}.px-return i{background:var(--px-blue);opacity:0;border-radius:50%;width:7px;height:7px;display:block;position:absolute;box-shadow:0 0 0 3px #1559f529}.px-return{position:relative}.px-return i{bottom:-4px;right:14px}.px-loop.live .px-node{animation:7.2s cubic-bezier(.3,.6,.3,1) infinite px-lit}.px-loop.live .px-node:nth-child(3){animation-delay:1.5s}.px-loop.live .px-node:nth-child(5){animation-delay:3s}.px-loop.live .px-node:nth-child(7){animation-name:px-lit-ai;animation-delay:4.5s}.px-return.live i{animation:7.2s cubic-bezier(.45,0,.55,1) 5.6s infinite px-back}@keyframes px-lit{0%,22%,to{border-color:var(--px-line);transform:none;box-shadow:0 0 #1559f500}4%,15%{border-color:#9db8fb;transform:translateY(-5px);box-shadow:0 16px 32px -14px #1559f561}}@keyframes px-lit-ai{0%,22%,to{transform:none;box-shadow:0 0 #1559f500}4%,15%{transform:translateY(-5px);box-shadow:0 0 0 6px #1559f526,0 18px 36px -12px #1559f58c}}@keyframes px-run{0%{opacity:0;translate:-4px}1.5%{opacity:1}8%{opacity:1;translate:24px}9.5%,to{opacity:0;translate:24px}}@keyframes px-back{0%{opacity:0;right:14px}3%{opacity:1}20%{opacity:1;right:calc(100% - 21px)}23%,to{opacity:0;right:calc(100% - 21px)}}@keyframes px-arc{0%,4%{stroke-dashoffset:36px}16%,to{stroke-dashoffset:0}}.px-loop.rest *,.px-loop.rest,.px-return.rest i{animation-play-state:paused!important}@media (width<=760px){.px-loop{gap:0!important}@keyframes px-run-v{0%{opacity:0;translate:0 -4px}1.5%{opacity:1}8%{opacity:1;translate:0 16px}9.5%,to{opacity:0;translate:0 16px}}}.px-phones{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(16px,3vw,40px);margin-top:40px;display:grid}.px-pcol{text-align:center;flex-direction:column;align-items:center;min-width:0;margin:0;display:flex}.px-pcol figcaption{max-width:330px;margin-top:30px}.px-pcol h3{font:500 19px/1.3 var(--px-sans);color:#fff}.px-pcol figcaption p{font:400 15px/1.6 var(--px-sans);color:#ffffffc2;margin-top:8px}@keyframes px-typing{0%,60%,to{opacity:.45;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.px-ph-cmt{font:500 12px/1.3 var(--px-sans);color:#14161b;text-align:left;cursor:pointer;background:#f7f8fb;border:1px solid #e1e4ec;border-radius:11px;align-items:center;gap:9px;width:100%;min-height:36px;margin-top:7px;padding:8px 10px;transition:background .25s,border-color .25s;display:flex}.px-ph-cmt i{border:1.6px solid #9aa1b1;border-radius:50%;flex:none;place-items:center;width:16px;height:16px;transition:background .25s,border-color .25s;display:grid}.px-ph-cmt[aria-pressed=true]{background:#ecf9f1;border-color:#bce6cc}.px-ph-cmt[aria-pressed=true] i{background:#1f9d5b;border-color:#1f9d5b}.px-ph-cmt[aria-pressed=true] i:after{content:"";border:0 solid #fff;border-width:0 0 1.6px 1.6px;width:7px;height:4px;transform:translateY(-1px)rotate(-45deg)}.px-ph-cmt:focus-visible,.px-ph-send:focus-visible,.px-ph-obj:focus-visible,.px-ph-chip:focus-visible{outline-offset:2px;outline:2px solid #1559f5}.px-ph-send{cursor:pointer;background:#1559f5;border:0;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;padding:0;transition:transform .2s;display:grid}.px-ph-send:hover{transform:scale(1.07)}.px-ph-send,.px-ph-chip{position:relative}.px-ph-send:after{content:"";position:absolute;inset:-7px}.px-ph-chip:after{content:"";position:absolute;inset:-10px -4px}.px-ph-send svg{fill:#fff;width:12px;height:12px;margin-left:2px}.px-ph-obj{color:inherit;font:inherit;text-align:left;cursor:pointer;background:#141924;border:1px solid #232835;border-radius:16px;flex:none;width:calc(100% - 24px);margin:14px 12px 0;padding:14px;transition:border-color .2s;display:block}.px-ph-obj:hover{border-color:#34405a}.px-ph-ring{flex:none;width:64px;height:64px;position:relative}.px-ph-ring svg{width:64px;height:64px;display:block;transform:rotate(-90deg)}.px-ph-ring circle{fill:none;stroke-width:9px}.px-ph-ring .t{stroke:#232a3a}.px-ph-ring .f{stroke:#4d7df8;stroke-linecap:round;stroke-dasharray:314.16;stroke-dashoffset:56.55px;transition:stroke-dashoffset 1.3s cubic-bezier(.2,.7,.2,1)}.px-ph-ring b{font:700 20px/1 var(--px-sans);color:#fff;font-variant-numeric:tabular-nums;place-items:center;display:grid;position:absolute;inset:0}.px-rv [data-demo=okr]:not(.fill) .px-ph-ring .f{stroke-dashoffset:314.16px}[data-demo=okr].reset .px-ph-ring .f{transition:none!important}.px-ph-list{flex:none;gap:7px;margin:10px 12px 0;padding:0;list-style:none;display:grid}.px-ph-list li{background:#fff;border:1px solid #e6e8ef;border-radius:14px;align-items:center;gap:10px;padding:9px 10px 9px 12px;display:flex}.px-ph-list li[hidden]{display:none}.px-ph-list li>div{flex:1;min-width:0}.px-ph-list b{font:600 12.5px/1.25 var(--px-sans);display:block}.px-ph-list small{font:400 10.5px/1.3 var(--px-sans);color:#5f6676;margin-top:2px;display:block}.px-ph-chip{font:700 8.5px/24px var(--px-sans);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border:0;border-radius:6px;min-height:24px;margin-top:6px;padding:0 9px;display:inline-block}.px-ph-chip.o{color:#454b59;background:#eef0f5}.px-ph-chip.g{color:#16613a;background:#e1f4e9}.px-ph-chip.a{color:#834600;background:#fff0d6}.px-ph-chip.b{color:#0f46c9;background:#e6eeff}.px-ph-chip.pop{animation:.42s cubic-bezier(.2,.7,.2,1.4) px-chip}@keyframes px-chip{0%{transform:scale(.84)}60%{transform:scale(1.08)}to{transform:scale(1)}}.px-ph-empty{font:400 11.5px/1.4 var(--px-sans);color:#5f6676;text-align:center;border:1px dashed #d2d6e0;border-radius:14px;flex:none;margin:10px 12px 0;padding:14px}@keyframes px-swell{0%,to{translate:0}50%{translate:0 -9px}}.px-code{text-align:left;grid-template-columns:minmax(0,1.22fr) minmax(0,1fr);gap:16px;margin-top:28px;display:grid}.px-cc{background:#0b0e13;border:1px solid #232835;border-radius:16px;min-width:0;transition:box-shadow .5s;overflow:hidden;box-shadow:0 30px 60px -32px #000000b3}.px-cc pre{font:400 12px/1.75 var(--px-mono);color:#c9d2e2;tab-size:4;background:0 0;border:0;margin:0;padding:18px 20px 22px;overflow-x:auto}@media (width<=1240px){.px-cc pre{font-size:11.5px}}.px-cc pre:focus-visible{outline:2px solid var(--px-sky);outline-offset:-3px}.px-cc code{font:inherit;color:inherit;white-space:pre;background:0 0;display:block}.px-cc .k{color:#82a9ff}.px-cc .s{color:#7cd992}.px-cc .c{color:#8f98aa;font-style:italic}.px-cc .j{color:#a9c2ff}.px-cc .n{color:#f2b33d}.px-cur{color:var(--px-sky);animation:1.1s step-end infinite px-blink}@keyframes px-blink{50%{opacity:0}}.px-code.typing .px-cc:first-child{box-shadow:0 0 0 1px #5b8cfa80,0 30px 60px -32px #000000b3}@media (width<=1120px){.px-phones{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;gap:18px;margin-top:30px;padding:8px max(20px,50% - 470px) 14px;display:flex;overflow-x:auto}.px-phones::-webkit-scrollbar{display:none}.px-pcol{scroll-snap-align:start;flex:0 0 300px}.px-phones{scroll-padding:0 20px}.px-rv .px-pcol.rv{opacity:1;translate:none}.px-code{margin-left:20px;margin-right:20px}}@media (width<=860px){.px-code{grid-template-columns:minmax(0,1fr)}}@media (width<=760px){.px-pcol{flex-basis:282px}.px-code{margin-left:12px;margin-right:12px}.px-cc pre{padding:16px 16px 18px;font-size:11.5px}}.px-receipt .px-n,.px-board .px-k{font-variant-numeric:tabular-nums lining-nums}@keyframes px-crybreathe{0%,to{opacity:.7;transform:scale(.92)}50%{opacity:1;transform:scale(1.06)}}@keyframes px-cryring{0%,to{box-shadow:inset 0 0 0 1px #5b8cfa4d}50%{box-shadow:inset 0 0 0 1.5px #5b8cfabf}}@keyframes px-cryring-scr{0%,to{box-shadow:inset 0 0 0 1px #a78bfa4d}50%{box-shadow:inset 0 0 0 1.5px #a78bfabf}}@media (pointer:fine){.px-btn,.px-cplay,.px-head .px-cta{transition:transform .35s cubic-bezier(.2,.7,.2,1),background .15s,box-shadow .2s}}@media (prefers-reduced-motion:reduce){.px-au,.px-cur,.px-ph-chip.pop{animation:none!important}}@media print{.px-hero-art{display:none!important}.px-rv .rv{opacity:1!important;translate:none!important}}.px-art{--px-body:#2b3550;--px-acc:var(--px-blue);--px-acc-ink:var(--px-blue-ink);--px-acc-wash:#e9eefb;--px-acc-line:#1559f559;--px-rd:#1559f511}.px-art body{background:var(--px-paper)}.px-art .wrap{max-width:var(--px-max);padding:0 var(--px-gut);margin:0 auto}.px-art .article-hero{padding:56px 0 8px}.px-hgrid{grid-template-columns:180px minmax(0,720px);justify-content:center;column-gap:64px;display:grid}.px-hmain{grid-column:2;min-width:0}.px-art .px-hk{font:500 15px/1.4 var(--px-sans);color:var(--px-char);margin:0 0 18px}.px-art .px-hk .px-pub{color:var(--px-acc);text-decoration:underline;text-decoration-color:var(--px-acc-line);text-underline-offset:4px;text-decoration-thickness:1px}.px-art .px-hk .px-pub:hover{text-decoration-color:currentColor}.px-art .px-hk .px-no{font:400 14px var(--px-mono)}.px-art .article-hero h1{font:500 clamp(42px,5.8vw,82px)/1.02 var(--px-serif);letter-spacing:-.024em;color:var(--px-ink);text-wrap:balance;margin:0}.px-art .article-hero .rlede{font:italic 400 clamp(20px,2vw,25px)/1.45 var(--px-serif);color:var(--px-char);text-wrap:pretty;max-width:680px;margin:24px 0 0}.px-byl{border-top:1px solid var(--px-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 24px;margin-top:32px;padding-top:22px;display:flex}.px-byl .px-who{align-items:center;gap:14px;min-width:0;display:flex}.px-byl img{object-fit:cover;border-radius:999px;flex:none;width:44px;height:44px;display:block}.px-byl a{color:inherit;text-decoration:none}.px-byl a:hover .px-bn{text-underline-offset:3px;text-decoration:underline}.px-byl .px-bn{font:500 15px/1.35 var(--px-sans);color:var(--px-ink);display:block}.px-byl .px-br{font:400 14px/1.4 var(--px-sans);color:var(--px-mute);margin-top:2px;display:block}.px-byl .px-meta{font:400 13px/1.5 var(--px-mono);color:var(--px-mute)}.px-art .article-body{padding:40px 0 104px}.px-art .mf-grid{grid-template-columns:180px minmax(0,720px);justify-content:center;align-items:start;column-gap:64px;display:grid}.px-acol{min-width:0;max-width:680px}.px-art .toc{font:400 14px/1.35 var(--px-sans);scrollbar-width:none;max-height:calc(100vh - 120px);padding:4px 0 8px;position:sticky;top:88px;overflow:auto}.px-art .toc::-webkit-scrollbar{display:none}.px-art .toc a{border-left:1px solid var(--px-line);color:var(--px-mute);padding:7px 0 7px 14px;text-decoration:none;transition:color .2s,border-color .2s;display:block}.px-art .toc a b{font:400 12.5px/1 var(--px-mono);color:var(--px-mute);margin-right:8px}.px-art .toc a:hover{color:var(--px-ink)}.px-art .toc a.on{color:var(--px-ink);border-left:2px solid var(--px-acc);padding-left:13px;font-weight:500}.px-art .toc a.on b{color:var(--px-acc)}.px-art .prose{color:var(--px-body);font:400 20px/1.7 var(--px-serif);font-feature-settings:"kern","liga";text-rendering:optimizelegibility}.px-art .prose>p,.px-art .prose .section>p,.px-art .prose .closing>p{text-wrap:pretty;margin:0 0 1.15em}.px-art .prose a{color:var(--px-acc-ink);text-decoration:underline;text-decoration-color:var(--px-acc-line);text-underline-offset:3px;text-decoration-thickness:1px}.px-art .prose a:hover{text-decoration-color:currentColor}.px-art .prose em{font-style:italic}.px-art .prose b{color:var(--px-ink);font-weight:600}.px-art .prose h2{font:500 clamp(28px,2.9vw,35px)/1.16 var(--px-serif);letter-spacing:-.016em;color:var(--px-ink);text-wrap:balance;margin:80px 0 22px;scroll-margin-top:96px}.px-art .section-number{font:500 14px/1.4 var(--px-sans);color:var(--px-char);align-items:baseline;gap:10px;margin:84px 0 14px;display:flex}.px-art .section-number b{font:400 14px/1 var(--px-mono);color:var(--px-acc)}.px-art .section-number+h2,.px-art .section-number+.px-h2>h2{margin-top:0}.px-art .prose>.section:first-of-type>.section-number:first-child{margin-top:48px}.px-h2{position:relative}.px-anc{color:var(--px-mute);font:500 18px/1 var(--px-sans);cursor:pointer;opacity:0;background:0 0;border:0;border-radius:10px;place-items:center;width:36px;height:36px;margin:0;padding:0;transition:opacity .15s,color .15s,background .15s;display:grid;position:absolute;top:2px;left:-46px}.px-h2:hover .px-anc,.px-anc:focus-visible,.px-anc.did{opacity:1}.px-anc:hover{color:var(--px-ink);background:var(--px-paper2)}.px-anc.did{color:var(--px-acc)}.px-art .prose [data-rd]{border-radius:10px;transition:background-color .35s,box-shadow .35s}.px-art.px-rd-live .prose [data-rd]{cursor:pointer}.px-art .prose [data-rd].px-rd-on{background-color:var(--px-rd);box-shadow:0 0 0 10px var(--px-rd)}.px-lis{border-top:1px solid var(--px-line);border-bottom:1px solid var(--px-line);font-family:var(--px-sans);grid-template-columns:56px minmax(0,1fr);align-items:center;gap:14px 18px;margin:0 0 48px;padding:20px 0;display:grid}.px-lis-pp{background:var(--px-ink);color:var(--px-paper);cursor:pointer;border:0;border-radius:999px;place-items:center;width:56px;height:56px;margin:0;padding:0;transition:background .2s,transform .2s;display:grid}.px-lis-pp:hover{background:#2b3550}.px-lis-pp:active{transform:scale(.96)}.px-lis-pp svg{fill:currentColor;width:18px;height:18px;margin-left:2px}.px-lis.is-on .px-lis-pp svg{margin-left:0}.px-lis-main{min-width:0}.px-lis-k{font:500 15px/1.3 var(--px-sans);color:var(--px-ink);justify-content:space-between;align-items:baseline;gap:12px;margin:0;display:flex}.px-lis-k span{font:400 13px/1 var(--px-mono);color:var(--px-mute);white-space:nowrap}.px-lis-bar{height:24px;margin:10px 0 0;position:relative}.px-lis-seek{-webkit-appearance:none;appearance:none;cursor:pointer;--fill:0%;background:0 0;width:100%;height:24px;margin:0;padding:0;position:absolute;inset:0}.px-lis-seek::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--px-acc)0 var(--fill),var(--px-line2)var(--fill)100%);border-radius:2px;height:4px}.px-lis-seek::-moz-range-track{background:var(--px-line2);border-radius:2px;height:4px}.px-lis-seek::-moz-range-progress{background:var(--px-acc);border-radius:2px;height:4px}.px-lis-seek::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--px-ink);box-shadow:0 0 0 3px var(--px-paper);border:0;border-radius:999px;width:14px;height:14px;margin-top:-5px}.px-lis-seek::-moz-range-thumb{background:var(--px-ink);border:0;border-radius:999px;width:14px;height:14px}.px-lis-seek:focus{outline:none}.px-lis-seek:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--px-paper),0 0 0 5px var(--px-acc)}.px-lis-ticks{pointer-events:none;height:0;position:absolute;top:50%;left:0;right:0}.px-lis-ticks b{background:var(--px-acc);opacity:.28;border-radius:1px;width:2px;height:12px;position:absolute;top:-6px;transform:translate(-1px)}.px-lis-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-top:6px;display:flex}.px-lis-time{font:400 13px/1 var(--px-mono);color:var(--px-mute);font-variant-numeric:tabular-nums}.px-lis-acts{align-items:center;gap:6px;display:flex}.px-lis-b{border:1px solid var(--px-line2);background:var(--px-card);color:var(--px-ink);font:400 13px/1 var(--px-mono);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;min-width:44px;height:36px;margin:0;padding:0 12px;display:inline-flex}.px-lis-b:hover{border-color:var(--px-ink)}.px-lis-b svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.px-lis-note{font:400 13px/1.4 var(--px-sans);color:var(--px-mute);grid-column:1/-1;margin:0}.px-lis-note a{color:inherit;text-underline-offset:3px}html:not(.js) .px-lis{display:none}@media (pointer:coarse){.px-lis-b{min-width:48px;height:44px}}.px-art .prose .pull{font:400 clamp(24px,2.5vw,30px)/1.34 var(--px-serif);letter-spacing:-.012em;color:var(--px-ink);text-wrap:pretty;margin:56px 0;padding:2px 0 2px 30px;position:relative}.px-art .prose .pull p{font:inherit;color:inherit;margin:0}.px-art .prose .pull:before{content:"";background:var(--px-acc);transform-origin:50% 0;border-radius:2px;width:3px;position:absolute;top:6px;bottom:6px;left:0}.px-art .stat-number,.px-art .stat-num{font:400 clamp(40px,4.6vw,54px)/1 var(--px-serif);letter-spacing:-.03em;color:var(--px-ink);font-variant-numeric:lining-nums tabular-nums;white-space:nowrap;display:block}.px-art .ledger{background:var(--px-card);border:1px solid var(--px-line);font-family:var(--px-sans);border-radius:18px;margin:48px 0;overflow:hidden}.px-art .ledger .ls{background:var(--px-acc-wash);color:var(--px-acc-ink);font:500 13px/1 var(--px-sans);border-radius:999px;grid-column:2;justify-self:start;align-items:center;gap:7px;padding:6px 12px 6px 10px;display:inline-flex}.px-art .ledger .ls:before{content:"";background:var(--px-acc);border-radius:999px;width:7px;height:7px;animation:2.4s ease-in-out infinite px-live}@keyframes px-live{0%,to{opacity:1;box-shadow:0 0 #1559f559}50%{opacity:.55;box-shadow:0 0 0 5px #1559f500}}.px-art figure{margin:48px 0}.px-art figure.photo img{background:var(--px-paper2);border-radius:16px;width:100%;height:auto;display:block}.px-art figure figcaption{font:400 14px/1.55 var(--px-sans);color:var(--px-mute);text-wrap:pretty;margin-top:12px}.px-zoom{cursor:zoom-in;background:0 0;border:0;border-radius:16px;width:100%;margin:0;padding:0;display:block}.px-zoom:focus-visible{outline-offset:4px}.px-yt{aspect-ratio:16/9;background:var(--px-ink);cursor:pointer;border:0;border-radius:16px;width:100%;margin:0;padding:0;display:block;position:relative;overflow:hidden}.px-yt img{object-fit:cover;border-radius:0;width:100%;height:100%;position:absolute;inset:0}.px-art iframe.px-yt-f{aspect-ratio:16/9;background:var(--px-ink);border:0;border-radius:16px;width:100%;display:block}.px-lb{background:0 0;border:0;max-width:min(1200px,96vw);max-height:94vh;padding:0;overflow:visible}.px-lb::backdrop{background:#0a1633db}.px-lb img{border-radius:12px;width:auto;max-width:min(1200px,96vw);height:auto;max-height:88vh;display:block}.px-lb button{background:var(--px-paper);color:var(--px-ink);font:500 22px/1 var(--px-sans);cursor:pointer;border:0;border-radius:999px;place-items:center;width:48px;height:48px;display:grid;position:fixed;top:16px;right:16px}.px-art :is(.trajcard,.lineage,.pm-machine,.pm-timeline){background:var(--px-card);border:1px solid var(--px-line);border-radius:18px;margin:48px 0}.px-art .px-ck{font:500 14px/1.4 var(--px-sans);color:var(--px-acc);display:block}.px-art .trajcard{padding:24px 24px 20px}.px-art .trajcard svg{width:100%;height:auto;margin:14px 0 6px;display:block}.px-art .prose .westay{font:500 clamp(64px,9vw,112px)/.95 var(--px-serif);letter-spacing:-.035em;color:var(--px-ink);margin:56px 0}.px-art .lineage{scrollbar-width:thin;padding:24px 0 22px;overflow-x:auto}.px-art .lineage:focus-visible{outline-offset:4px}.px-art .matchtable{border:1px solid var(--px-line);background:var(--px-card);font-family:var(--px-sans);border-radius:18px;margin:48px 0;overflow:hidden}.px-art .pm-machine{grid-template-columns:minmax(0,1fr) 44px;display:grid;overflow:hidden}.px-art .pm-timeline{overflow:hidden}.px-art .step{border-bottom:1px solid var(--px-line);grid-template-columns:64px minmax(0,1fr);gap:4px 12px;padding:22px 0 8px;display:grid}.px-art .px-ayield{background:var(--px-card);border:1px solid var(--px-line);border-radius:18px;margin:52px 0;padding:26px 26px 22px}.px-art .px-ayield .px-ck{margin:0}.px-art .px-ayield .px-bars{gap:12px;margin-top:24px}.px-art .px-ayield figcaption{border-top:1px solid var(--px-line);margin-top:6px;padding-top:14px;font-size:13px}.px-art .closing{margin-top:8px}.px-aend{font-family:var(--px-sans);margin-top:64px}.px-art .postnav{border-top:1px solid var(--px-line);justify-content:space-between;align-items:center;gap:12px;margin:0 0 18px;display:flex}.px-art .postnav a{font:500 15px/1.2 var(--px-sans);color:var(--px-ink);align-items:center;min-height:52px;text-decoration:none;display:inline-flex}.px-art .postnav a:hover{color:var(--px-acc)}.px-art .postnav a:last-child:not(:first-child){text-align:right}.px-art .morecard{background:var(--px-card);border:1px solid var(--px-line);color:inherit;border-radius:18px;gap:6px;margin:0 0 28px;padding:22px 64px 24px 26px;text-decoration:none;transition:border-color .2s;display:grid;position:relative}.px-art .morecard:hover{border-color:var(--px-ink)}.px-art .morecard .nextkick{font:500 14px/1.4 var(--px-sans);color:var(--px-acc)}.px-art .morecard .mt{font:500 clamp(21px,2.2vw,25px)/1.25 var(--px-serif);letter-spacing:-.01em;color:var(--px-ink);text-wrap:balance}.px-art .morecard .mt b{font:400 15px/1 var(--px-mono);color:var(--px-acc);vertical-align:2px;margin-right:10px}.px-art .morecard .md{font:400 15px/1.55 var(--px-sans);color:var(--px-char)}.px-art .morecard .px-go{background:var(--px-paper2);color:var(--px-ink);font:500 18px/1 var(--px-sans);border-radius:999px;place-items:center;width:36px;height:36px;margin-top:-18px;transition:background .2s,color .2s;display:grid;position:absolute;top:50%;right:24px}.px-art .morecard:hover .px-go{background:var(--px-ink);color:var(--px-paper)}.px-art .convo{background:var(--px-ink);color:var(--px-paper);border-radius:20px;margin:0 0 44px;padding:clamp(26px,3vw,36px)}.px-art .convo-k{font:500 14px/1.4 var(--px-sans);color:var(--px-sky);margin:0}.px-art .convo-t{font:400 clamp(19px,1.9vw,22px)/1.5 var(--px-serif);color:#fff;text-wrap:pretty;margin:10px 0 22px}.px-art .convo-row{flex-wrap:wrap;gap:10px;display:flex}.px-cbtn{color:#fff;font:500 15px/1 var(--px-sans);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #ffffff4d;border-radius:999px;justify-content:center;align-items:center;gap:9px;min-height:48px;margin:0;padding:0 20px;text-decoration:none;transition:border-color .2s,background .2s;display:inline-flex}.px-cbtn:hover{background:#ffffff0f;border-color:#fff}.px-cbtn svg{flex:none;width:17px;height:17px}.px-cbtn.px-cp{background:var(--px-paper);color:var(--px-ink);border-color:#0000}.px-cbtn.px-cp:hover{background:#fff}.px-cbtn.did{border-color:var(--px-sky);color:var(--px-sky)}.px-art .convo :focus-visible{outline:2px solid var(--px-sky);outline-offset:3px}.px-author{background:var(--px-paper2);border-top:1px solid var(--px-line);padding:clamp(56px,7vw,88px) 0}.px-author-in{grid-template-columns:180px minmax(0,720px);justify-content:center;column-gap:64px;display:grid}.px-author-ph{object-fit:cover;border-radius:999px;justify-self:end;width:96px;height:96px}.px-author-k{font:500 14px/1.4 var(--px-sans);color:var(--px-acc);margin:0}.px-author-n{font:500 clamp(28px,3vw,34px)/1.15 var(--px-serif);letter-spacing:-.016em;color:var(--px-ink);margin:6px 0 0}.px-author-bio{font:400 16.5px/1.65 var(--px-sans);color:var(--px-char);max-width:680px;margin:16px 0 0}.px-author-links{flex-wrap:wrap;align-items:center;gap:8px;margin-top:24px;display:flex}.px-author-links a{border:1px solid var(--px-line2);background:var(--px-card);color:var(--px-ink);font:500 14.5px/1 var(--px-sans);border-radius:999px;align-items:center;gap:9px;min-height:44px;padding:0 18px;text-decoration:none;transition:border-color .2s;display:inline-flex}.px-author-links a:hover{border-color:var(--px-ink)}.px-author-links a.dark{border-color:var(--px-ink);background:var(--px-ink);color:var(--px-paper)}.px-author-links a.dark:hover{background:#2b3550}.px-author-links a svg{fill:currentColor;flex:none;width:17px;height:17px}.px-author-links a.px-li svg{fill:#0a66c2}.px-rbar{z-index:120;backdrop-filter:saturate(1.4)blur(12px);border-bottom:1px solid var(--px-line);visibility:hidden;background:#fffffff0;transition:transform .28s cubic-bezier(.2,.7,.2,1),visibility 0s linear .28s;position:fixed;top:0;left:0;right:0;transform:translateY(-102%)}.px-rbar.on{visibility:visible;transition:transform .28s cubic-bezier(.2,.7,.2,1),visibility;transform:none}.px-rbar-in{max-width:var(--px-max);padding:6px var(--px-gut);box-sizing:border-box;align-items:center;gap:14px;min-height:56px;margin:0 auto;display:flex}.px-rbar-n{font:400 13px/1 var(--px-mono);color:var(--px-acc);flex:none}.px-rbar-t{font:500 15px/1.3 var(--px-sans);color:var(--px-ink);white-space:nowrap;text-overflow:ellipsis;flex:auto;min-width:0;overflow:hidden}.px-rbar-acts{flex:none;align-items:center;gap:4px;display:flex}.px-rbar-b{color:var(--px-char);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;width:44px;height:44px;margin:0;padding:0;text-decoration:none;display:grid}.px-rbar-b:hover{background:var(--px-paper2);color:var(--px-ink)}.px-rbar-b svg{width:19px;height:19px}.px-rbar-b.did{color:var(--px-acc)}.px-rbar-prog{background:var(--px-acc);width:0;height:2px;position:absolute;bottom:-1px;left:0}html:not(.js) .px-rbar{display:none}.px-qtip{z-index:130;background:var(--px-ink);color:var(--px-paper);font:500 13px/1 var(--px-sans);white-space:nowrap;cursor:pointer;border:0;border-radius:999px;margin:0;padding:9px 14px;position:absolute;transform:translate(-50%,calc(-100% - 10px));box-shadow:0 10px 28px #0a163338}.px-qtip:after{content:"";background:inherit;border-radius:2px;width:10px;height:10px;margin-left:-5px;position:absolute;bottom:-5px;left:50%;transform:rotate(45deg)}.px-rv .px-art .pull:before{transition:transform .9s cubic-bezier(.2,.7,.2,1) .1s;transform:scaleY(0)}.px-rv .px-art .pull.play:before{transform:scaleY(1)}.px-rv .px-art .westay{opacity:0;transition:opacity .9s,transform .9s cubic-bezier(.2,.7,.2,1);transform:translateY(18px)}.px-rv .px-art .westay.play{opacity:1;transform:none}@keyframes px-flash{50%{opacity:.15}}@media (width<=900px){.px-art .article-hero{padding:32px 0 0}.px-hgrid,.px-art .mf-grid,.px-author-in{grid-template-columns:minmax(0,1fr)}.px-hmain{grid-column:1}.px-art .article-hero h1{font-size:clamp(38px,10vw,52px);line-height:1.04}.px-byl .px-meta{width:100%}.px-art .toc{display:none}.px-acol{max-width:none}.px-author-ph{justify-self:start;width:80px;height:80px;margin-bottom:18px}.px-anc{display:none}}@media (width<=640px){.px-art .article-body{padding:28px 0 80px}.px-art .prose{font-size:18.5px;line-height:1.68}.px-art .prose h2{margin-top:64px;font-size:27px}.px-art .section-number{margin-top:68px}.px-art .prose .pull{margin:44px 0;padding-left:22px;font-size:23px}.px-lis{grid-template-columns:52px minmax(0,1fr);gap:12px 14px;margin-bottom:40px}.px-lis-pp{width:52px;height:52px}.px-art .stat-number,.px-art .stat-num{font-size:36px}.px-art .ledger .ls{grid-column:1}.px-art .pm-machine{grid-template-columns:minmax(0,1fr)}.px-art .trajcard{padding:18px 16px 16px}.px-art .step{grid-template-columns:44px minmax(0,1fr)}.px-art .px-ayield{padding:20px 16px 18px}.px-art .convo{border-radius:18px}.px-cbtn{flex:auto}.px-art .morecard{padding-right:22px}.px-art .morecard .px-go{display:none}.px-art .postnav a{font-size:14.5px}.px-rbar-in{gap:10px;min-height:52px}.px-rbar-t{font-size:14px}}@media (prefers-reduced-motion:reduce){.px-rbar,.px-art .ledger .ls:before,.px-lis-pp{transition:none}}@media print{.px-rbar,.px-lis,.px-aend .convo,.px-aend .morecard,.px-aend .postnav,.px-art .toc,.px-anc,.px-qtip,.px-author-links{display:none!important}.px-art .mf-grid{display:block}.px-art .rv{opacity:1!important;transform:none!important}}@keyframes px-rksh{0%{transform:translate(0)}55%,to{transform:translate(2700px)}}@media (width<=760px){.px-hero-art{-webkit-mask-image:none;mask-image:none}.px-hero-rk{--ty:0px;opacity:1;height:clamp(210px,62vw,280px);top:45%;bottom:auto;right:-50px}.px-hero{--rkh:196px}.px-hero-art+.px-wrap:before{content:"";float:right;width:calc(var(--rkh)*.6722 + 16px);height:calc(var(--rkh) - 22px)}.px-hero-rk{top:34px;bottom:auto;right:var(--px-gut);height:var(--rkh);--ty:0px;opacity:1}}@media (width<=560px){.px-hero{--rkh:clamp(118px,33vw,140px)}.px-hero-art+.px-wrap h1{clear:right}}.px-cl{scroll-margin-top:96px}.px-cl:target{position:relative}.px-cl:target:before{content:"";background:var(--px-blue);border-radius:2px;width:3px;position:absolute;top:32px;bottom:36px;left:-18px}.px-cta,.px-btn{gap:8px}.px-menu:not([open]) .px-panel{display:none}.px-rv .rv:focus-visible,.px-rv .rv:has(:focus-visible){opacity:1!important;transition:none!important;translate:none!important}@media (prefers-reduced-motion:reduce){html.px-page{scroll-behavior:auto}}.tg-bar .px-lg-k{color:var(--px-sky)}.tg .px-brand img{height:30px!important}.tg .px-brand .lg-r,.tg .mk.r{display:none!important}.tg .px-head .px-nav{gap:28px}.tg-hero{padding:clamp(48px,7vw,104px) 0 clamp(56px,7vw,104px)}.tg-hgrid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(28px,4vw,72px);display:grid}.tg-hero h1{font:480 clamp(56px,8.4vw,124px)/.95 var(--px-serif);letter-spacing:-.028em;color:var(--px-ink)}.tg-hero h1 span{color:var(--px-blue)}.tg-hero .px-dek{max-width:600px;margin-top:36px}.tg-dateline{display:none}.tg-curve{min-width:0;margin:0;position:relative}.tg-curve svg{width:100%;height:auto;display:block;overflow:visible}.tg-curve .ax{stroke:var(--px-line2);stroke-width:1.5px}.tg-curve .tr{fill:none;stroke:var(--px-mute);stroke-opacity:.55;stroke-width:2px;stroke-dasharray:2 7;stroke-linecap:round}.tg-curve .cv{fill:none;stroke:var(--px-blue);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.tg-curve .ar{fill:url(#tg-ar)}.tg-curve .x{fill:var(--px-paper);stroke:var(--px-blue);stroke-width:2.5px}.tg-curve .lb{font:400 13px/1 var(--px-mono);fill:var(--px-mute);letter-spacing:.06em}.tg-curve .lb.b{fill:var(--px-blue)}.tg-curve .lb.s{letter-spacing:.02em;font-size:12px}.tg-curve .bdg{transform-box:fill-box;transform-origin:50%}.tg-stop1{stop-color:var(--px-blue);stop-opacity:.16}.tg-stop2{stop-color:var(--px-blue);stop-opacity:0}@media (width<=900px){.tg-hgrid{grid-template-columns:minmax(0,1fr)}.tg-curve{max-width:560px;margin-top:8px}}.tg .px-receipt .px-n{font-variant-numeric:lining-nums tabular-nums}.tg-fam{flex-direction:column;align-items:center;margin-top:12px;display:flex}.tg-node{background:var(--px-card);border:1px solid var(--px-line);text-align:center;color:var(--px-ink);border-radius:18px;flex-direction:column;align-items:center;gap:10px;padding:26px 28px 24px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;position:relative;text-decoration:none!important}a.tg-node:hover{border-color:var(--px-line2);transform:translateY(-3px);box-shadow:0 20px 40px #0a16331a}.tg-node .mk{width:auto;max-width:100%;height:38px;display:block}.tg-parent{width:min(100%,380px);padding:30px 32px 26px}.tg-parent .mk{height:50px}.tg-role{font:500 12px/1.3 var(--px-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--px-mute)}.tg-what{font:400 15px/1.45 var(--px-sans);color:var(--px-char)}.tg-go{font:500 14px/1.2 var(--px-sans);color:var(--px-blue)}.tg-stem{background:var(--px-line2);width:1px;height:28px;display:block}.tg-kids{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:min(100%,780px);padding-top:28px;display:grid;position:relative}.tg-kids:before{content:"";border:1px solid var(--px-line2);border-bottom:0;border-radius:14px 14px 0 0;height:28px;position:absolute;top:0;left:calc(25% - 6px);right:calc(25% - 6px)}.tg-kids .tg-node{width:100%}.tg-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:min(100%,780px);display:grid}.tg-flow span{justify-content:center;height:64px;display:flex;position:relative}.tg-flow span:before{content:"";background:var(--px-blue);width:1px;position:absolute;top:0;bottom:0;left:50%}.tg-flow span.dn:after,.tg-flow span.up:after{content:"";border:5px solid #0000;position:absolute;left:calc(50% - 5px)}.tg-flow span.dn:after{border-top:7px solid var(--px-blue);border-bottom:0;bottom:-1px}.tg-flow span.up:after{border-bottom:7px solid var(--px-blue);border-top:0;top:-1px}.tg-flow b{font:500 12px/1.3 var(--px-mono);letter-spacing:.04em;color:var(--px-blue);white-space:nowrap;position:absolute;top:50%;left:calc(50% + 14px);transform:translateY(-50%)}.tg-ops{border:1px solid var(--px-line2);background:var(--px-paper2);border-radius:18px;flex-direction:column;align-items:center;gap:18px;width:min(100%,780px);padding:26px 28px 30px;display:flex}.tg-ops .tg-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px 48px;display:flex}.tg-ops a{align-items:center;min-height:48px;display:inline-flex;text-decoration:none!important}.tg-ops img{width:auto;height:34px;display:block}.tg-node .px-pill{margin:2px 0}@media (width<=700px){.tg-kids,.tg-flow{grid-template-columns:minmax(0,1fr)}.tg-kids:before{display:none}.tg-kids{gap:16px;padding-top:0}.tg-flow{gap:0}.tg-flow span{height:48px}.tg-flow span.up{display:none}.tg-flow b{left:calc(50% + 12px)}.tg-ops img{height:28px}}.tg-buy .px-caps{margin-top:36px}.tg-buy .px-cap{border-top:1px solid var(--px-ink);padding-top:20px}.tg-buy .px-cap h3{font:480 26px/1.15 var(--px-serif);letter-spacing:-.01em}.tg-buy .px-cap p{color:var(--px-char);font-size:16px}.tg-days{border-top:1px solid var(--px-ink);grid-template-columns:repeat(5,minmax(0,1fr));margin:8px 0 0;padding:0;list-style:none;display:grid}.tg-days li{padding:30px 24px 8px 0;position:relative}.tg-days li:before{content:"";background:var(--px-paper);border:2px solid var(--px-blue);box-sizing:border-box;border-radius:50%;width:13px;height:13px;position:absolute;top:-7px;left:0}.tg-days li:first-child:before{background:var(--px-blue)}.tg-days b{font:400 13px/1.4 var(--px-mono);letter-spacing:.04em;color:var(--px-blue);font-weight:400;display:block}.tg-days p{font:400 16px/1.55 var(--px-sans);color:var(--px-char);text-wrap:pretty;margin-top:10px!important}@media (width<=900px){.tg-days{border-top:0;border-left:1px solid var(--px-ink);grid-template-columns:minmax(0,1fr);margin-left:7px}.tg-days li{padding:0 0 30px 26px}.tg-days li:last-child{padding-bottom:4px}.tg-days li:before{top:3px;left:-7px}}.tg-share{margin:4px 0 0}.tg-sbar{gap:3px;height:48px;display:flex}.tg-sbar i{border-radius:4px;min-width:6px;height:100%;display:block}.tg-sbar .s1{background:var(--px-blue)}.tg-sbar .s2{background:#6e93f7}.tg-sbar .s3{background:#d5dcea}.tg-sbar .s4{box-shadow:inset 0 0 0 1.5px var(--px-blue);background:#e6edfe}.tg-leg{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px 28px;margin:18px 0 0;padding:0;list-style:none;display:grid}.tg-leg li{font:400 15px/1.45 var(--px-sans);color:var(--px-char);align-items:baseline;gap:10px;display:flex}.tg-leg li:before{content:"";border-radius:3px;flex:none;width:11px;height:11px;transform:translateY(1px)}.tg-leg .l1:before{background:var(--px-blue)}.tg-leg .l2:before{background:#6e93f7}.tg-leg .l3:before{background:#d5dcea}.tg-leg .l4:before{box-shadow:inset 0 0 0 1.5px var(--px-blue);background:#e6edfe}.tg-leg b{font:500 15px/1.45 var(--px-mono);color:var(--px-ink)}.tg-share figcaption{font:400 13px/1.6 var(--px-sans);color:var(--px-mute);max-width:760px;margin-top:20px}.tg-mkt p.px-more{margin-top:24px}.tg .px-way .px-wbig{font-size:clamp(26px,2.4vw,32px)}html.px-rv .tg-curve .cv{stroke-dasharray:1;stroke-dashoffset:1px;animation:2.4s cubic-bezier(.45,.05,.25,1) .25s forwards tg-draw}html.px-rv .tg-curve .ar{opacity:0;animation:1.2s 1.7s forwards tg-fade}html.px-rv .tg-curve .bdg{opacity:0;animation:.7s cubic-bezier(.2,.8,.2,1.25) 2.35s forwards tg-pop}html.px-rv .tg-curve .bdgf{animation:9s ease-in-out 3.2s infinite tg-float}html.px-rv .tg-curve .late{opacity:0;animation:.8s 2s forwards tg-fade}@keyframes tg-draw{to{stroke-dashoffset:0}}@keyframes tg-fade{to{opacity:1}}@keyframes tg-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes tg-float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.px-rv .tg-share .tg-sbar{transform-origin:0;transition:transform 1.4s cubic-bezier(.2,.7,.2,1) .2s;transform:scaleX(.02)}.px-rv .tg-share.in .tg-sbar{transform:none}.tg .px-pill .mk-r{display:none}.tg-ft{font:500 15px/1.4 var(--px-sans);color:var(--px-ink);margin:0 0 8px!important}.tg-fd{font:400 15px/1.55 var(--px-sans);color:var(--px-char);max-width:320px;margin:0 0 10px!important}.tg-fm .px-link{min-height:40px;font-size:15px}.tg-founder .px-agrid{margin-top:8px}.tg-founder h2{font:480 clamp(32px,3.4vw,46px)/1.06 var(--px-serif);letter-spacing:-.02em;color:var(--px-ink)}.tg-founder .px-ar{font:400 15px/1.5 var(--px-sans);color:var(--px-mute);margin-top:10px!important}.tg-founder .px-abio{font:400 17px/1.7 var(--px-sans);color:var(--px-char);text-wrap:pretty;max-width:720px;margin-top:22px!important}.tg-buy .px-caps{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}@media (width<=560px){.tg-hero h1{letter-spacing:-.024em;font-size:clamp(40px,11.6vw,56px)}.tg-hero .px-dek{margin-top:28px}}.tg-hero .px-hero-art+.px-wrap:before{content:none!important;display:none!important}.tg-phero .px-board{margin-top:clamp(40px,5vw,64px)}.tg-head{max-width:880px;margin-bottom:28px}.tg-head h2{font:480 clamp(32px,3.6vw,48px)/1.08 var(--px-serif);letter-spacing:-.018em;color:var(--px-ink)}.tg-k{font:400 13px/1.4 var(--px-mono);letter-spacing:.04em;color:var(--px-blue);margin:0 0 14px!important}.tg-prose{max-width:760px}.tg-prose p{font:400 18px/1.7 var(--px-sans);color:var(--px-char)}.tg-prose p+p{margin-top:16px}.tg-mkt .tg-share{margin:32px 0}.tg-list{border-top:1px solid var(--px-ink);grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:0 clamp(32px,5vw,72px);display:grid}.tg-li{border-bottom:1px solid var(--px-line);padding:26px 0 30px}.tg-li h3{font:480 24px/1.2 var(--px-serif);letter-spacing:-.01em;color:var(--px-ink)}.tg-li p{font:400 16px/1.6 var(--px-sans);color:var(--px-char);max-width:520px;margin-top:10px!important}.tg-chips{flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none;display:flex}.tg-chips li{border:1px solid var(--px-line2);background:var(--px-card);font:500 13.5px/1.2 var(--px-sans);color:var(--px-char);border-radius:999px;padding:8px 13px}.tg-note{font:400 17px/1.65 var(--px-sans);color:var(--px-char);max-width:760px;margin-top:28px!important}.tg-h3{font:480 clamp(26px,2.6vw,34px)/1.15 var(--px-serif);letter-spacing:-.012em;color:var(--px-ink);margin:clamp(48px,6vw,72px) 0 26px!important}.tg-nevers{counter-reset:nv;border-top:1px solid var(--px-ink);margin:0;padding:0;list-style:none}.tg-nevers li{counter-increment:nv;border-bottom:1px solid var(--px-line);font:400 clamp(20px,2vw,26px)/1.35 var(--px-serif);color:var(--px-ink);text-wrap:pretty;grid-template-columns:64px minmax(0,1fr);align-items:baseline;gap:12px;padding:22px 0;display:grid}.tg-nevers li:before{content:counter(nv,decimal-leading-zero);font:400 14px/1 var(--px-mono);color:var(--px-blue)}@media (width<=560px){.tg-nevers li{grid-template-columns:40px minmax(0,1fr)}}.tg-letterpage .prose .tg-salute{font-family:var(--px-serif);font-style:italic}.tg-sig{border-top:1px solid var(--px-line);align-items:center;gap:18px;margin:40px 0 0;padding-top:28px;display:flex}.tg-sig img{object-fit:cover;border-radius:14px;flex:none;width:72px;height:72px}.tg-sig p{font:400 15px/1.5 var(--px-sans);color:var(--px-mute);margin:0}.tg-sig b{font:500 22px/1.25 var(--px-serif);color:var(--px-ink);display:block}.tg-sig span{display:block}.tg-next{border:1px solid var(--px-line2);background:var(--px-card);border-radius:16px;margin:40px 0 0;padding:26px 28px}.tg-next .tg-nt{color:var(--px-ink);font:480 26px/1.2 var(--px-serif)!important;margin-top:0!important}.tg-next .tg-nd{color:var(--px-char);font:400 16px/1.6 var(--px-sans)!important;margin-top:8px!important}.tg-mfig{--m-sea:#edf1f8;--m-land:#ebeef4;--m-mkt:#fff;--m-line:#d0d7e6;--m-edge:#abb2c2;--m-k1:var(--px-blue);--m-k2:#6e93f7;--m-k3:#b5bfd7;--m-k4:#e3ebfe;--m-k4s:var(--px-blue);--m-x:#d9480f;--m-dim:.12;--m-panel:#fffffff0;margin:36px 0 0}.tg-mstage{background:var(--m-sea);box-shadow:inset 0 0 0 1px var(--px-line);border-radius:18px;position:relative;overflow:hidden}.tg-map{-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.tg-map .m-sea{fill:var(--m-sea)}.tg-map .m-land{fill:var(--m-land)}.tg-map .m-mkt{fill:var(--m-mkt)}.tg-map .m-other{fill:none;stroke:var(--m-line);stroke-width:.8px}.tg-map .m-inner{fill:none;stroke:var(--m-line);stroke-width:1.1px}.tg-map .m-edge{fill:none;stroke:var(--m-edge);stroke-width:1.3px}.tg-map .m-coast{fill:none;stroke:var(--m-edge);stroke-width:1px}.tg-map .cn{font:500 11px/1 var(--px-mono);letter-spacing:.18em;fill:var(--px-mute);text-anchor:middle}.tg-map .sea{font:italic 400 18px/1 var(--px-serif);fill:var(--px-mute);text-anchor:middle;opacity:.85}.tg-map .ct{font:400 11.5px/1 var(--px-sans);fill:var(--px-char);paint-order:stroke;stroke:var(--m-mkt);stroke-width:3.2px;stroke-linejoin:round;text-anchor:middle}.tg-map .m-east{font:400 11px/1 var(--px-mono);letter-spacing:.04em;fill:var(--px-mute);text-anchor:end}.tg-map .m-dots g{transition:opacity .45s}.tg-map .m-dots circle{transition:opacity .45s,fill .45s,stroke .45s}.tg-map .k1 circle{fill:var(--m-k1)}.tg-map .k2 circle{fill:var(--m-k2)}.tg-map .k3 circle{fill:var(--m-k3)}.tg-map .k4 circle{fill:var(--m-k4);stroke:var(--m-k4s);stroke-width:.7px}.tg-map .m-hq .ring{fill:var(--m-mkt);stroke:var(--px-blue);stroke-width:1.6px}.tg-map .m-hq .pulse{fill:none;stroke:var(--px-blue);stroke-width:1.4px;opacity:0;transform-box:fill-box;transform-origin:50%}.tg-map .m-hq .hl{font:500 10.5px/1 var(--px-mono);letter-spacing:.14em;fill:var(--px-blue);paint-order:stroke;stroke:var(--m-sea);stroke-width:3px;stroke-linejoin:round}.tg-map .m-hit path{fill:#0000;stroke:#0000;stroke-width:2px;transition:stroke .2s}.tg-map .m-hit path.on{stroke:var(--px-ink)}.tg-mfig[data-view=lead] .m-dots :is(.k3,.k4),.tg-mfig[data-view=small] .m-dots :is(.k1,.k2,.k3){opacity:var(--m-dim)}.tg-mfig[data-view=small] .k4 circle{fill:var(--px-blue);stroke:var(--px-blue)}.tg-mfig[data-view=closed] .m-dots circle:not(.x),.tg-mfig[data-view=buy] .m-dots circle:not(.b){opacity:var(--m-dim)}.tg-mfig[data-view=buy] .m-dots circle.b{fill:var(--px-blue);stroke:var(--px-blue)}.tg-mfig[data-view=closed] .m-dots circle.x{fill:var(--m-x);stroke:var(--m-x);fill-opacity:.2;stroke-width:1.5px}html.px-rv .tg-mfig[data-view=closed] .m-dots circle.x{animation:1.6s cubic-bezier(.45,0,.2,1) .25s both m-out}@keyframes m-out{0%,45%{fill-opacity:1;stroke-width:0}to{fill-opacity:.2;stroke-width:1.5px}}html.px-rv .tg-map .m-hq .pulse{animation:3.2s cubic-bezier(.2,.6,.3,1) 2.4s infinite m-pulse}html.px-rv .tg-mfig.rest .m-hq .pulse{animation-play-state:paused}@keyframes m-pulse{0%{opacity:.85;transform:scale(1)}to{opacity:0;transform:scale(3.4)}}.tg-mpanel{background:var(--m-panel);box-shadow:0 0 0 1px var(--px-line);border-radius:14px;width:27%;padding:20px 22px;position:absolute;top:2.2%;right:1.6%}.tg-mviews{flex-wrap:wrap;gap:8px;margin:0 0 16px;display:none}.js .tg-mviews{display:flex}.tg-mviews button{-webkit-appearance:none;appearance:none;border:1px solid var(--px-line2);background:var(--px-card);color:var(--px-char);font:500 14px/1 var(--px-sans);cursor:pointer;border-radius:999px;min-height:40px;margin:0;padding:0 16px;transition:background .2s,color .2s,border-color .2s}.tg-mviews button:hover{border-color:var(--px-ink);color:var(--px-ink)}.tg-mviews button[aria-pressed=true]{background:var(--px-ink);border-color:var(--px-ink);color:var(--px-paper)}.tg-mviews button:focus-visible{outline:2px solid var(--px-blue);outline-offset:2px}.tg-mbig{font:480 clamp(44px,4.4vw,62px)/1 var(--px-serif);letter-spacing:-.02em;color:var(--px-ink);font-variant-numeric:lining-nums tabular-nums;margin:0!important}.tg-mr[data-v=lead] .tg-mbig,.tg-mr[data-v=small] .tg-mbig,.tg-mr[data-v=buy] .tg-mbig{color:var(--px-blue)}.tg-mr[data-v=closed] .tg-mbig{color:var(--m-x)}.tg-mwhat{font:400 15px/1.5 var(--px-sans);color:var(--px-char);text-wrap:pretty;margin:10px 0 0!important}.tg-mnote{border-top:1px solid var(--px-line);font:400 13.5px/1.55 var(--px-sans);color:var(--px-mute);text-wrap:pretty;padding-top:12px;margin:12px 0 0!important}.tg-mteaser .tg-mpanel{width:25%}.tg-mteaser .tg-mwhat{font-size:14.5px}.tg-mtip{z-index:3;pointer-events:none;background:var(--px-ink);color:var(--px-paper);font:400 13px/1.45 var(--px-sans);border-radius:10px;width:max-content;max-width:250px;padding:10px 12px;position:absolute;transform:translate(-50%,calc(-100% - 16px));box-shadow:0 12px 30px #0a163338;margin:0!important}.tg-mtip.dn{transform:translate(-50%,20px)}.tg-mtip b{margin-bottom:3px;font-weight:500;display:block}.tg-mfig .tg-share{margin:26px 0 0}.tg-mfig .tg-sbar i,.tg-mfig .tg-leg li{transition:opacity .45s,background-color .45s,box-shadow .45s}.tg-mfig[data-view=lead] .tg-sbar :is(.s3,.s4),.tg-mfig[data-view=small] .tg-sbar :is(.s1,.s2,.s3){opacity:.22}.tg-mfig[data-view=lead] .tg-leg :is(.l3,.l4),.tg-mfig[data-view=small] .tg-leg :is(.l1,.l2,.l3){opacity:.4}.tg-mfig[data-view=small] .tg-sbar .s4,.tg-mfig[data-view=small] .tg-leg .l4:before{background:var(--px-blue);box-shadow:none}.tg-mfig figcaption{font:400 13px/1.6 var(--px-sans);color:var(--px-mute);max-width:760px;margin-top:20px}.tg-mdata{border-top:1px solid var(--px-line);border-bottom:1px solid var(--px-line);margin:22px 0 0}.tg-mdata summary{cursor:pointer;font:500 15px/1.4 var(--px-sans);color:var(--px-ink);justify-content:space-between;align-items:center;gap:16px;min-height:52px;list-style:none;display:flex}.tg-mdata summary::-webkit-details-marker{display:none}.tg-mdata summary:after{content:"+";font:400 22px/1 var(--px-mono);color:var(--px-blue)}.tg-mdata[open] summary:after{content:"−"}.tg-mdata summary:focus-visible{outline:2px solid var(--px-blue);outline-offset:3px}.tg-mdin{padding:4px 0 28px}.tg-mdin>p{font:400 15px/1.65 var(--px-sans);color:var(--px-char);max-width:760px}.tg-mtab{margin-top:24px;overflow-x:auto}.tg-mtab table{border-collapse:collapse;font:400 14.5px/1.4 var(--px-sans);color:var(--px-char);font-variant-numeric:tabular-nums;width:100%;min-width:560px}.tg-mtab caption{text-align:left;font:500 12px/1.3 var(--px-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--px-mute);padding:0 0 10px}.tg-mtab th,.tg-mtab td{border-bottom:1px solid var(--px-line);text-align:right;white-space:nowrap;padding:11px 12px}.tg-mtab th:first-child{text-align:left;white-space:normal;padding-left:0}.tg-mtab thead th{font:500 12.5px/1.3 var(--px-sans);color:var(--px-mute);border-bottom:1px solid var(--px-ink)}.tg-mtab tbody th{color:var(--px-ink);font-weight:500}.tg-mtab .tot th,.tg-mtab .tot td{color:var(--px-ink);border-bottom:0;border-top:1px solid var(--px-ink);font-weight:500}@media (width<=760px){.tg-mfig{margin-top:28px}.tg-mstage{border-radius:14px;flex-direction:column;display:flex}.tg-mpanel{box-shadow:none;background:var(--m-mkt);border-bottom:1px solid var(--px-line);border-radius:0;order:-1;padding:16px 16px 18px;position:static;width:auto!important}.tg-mviews{gap:7px;margin-bottom:14px}.tg-mviews button{min-height:40px;padding:0 13px;font-size:13.5px}.tg-mbig{font-size:46px}.tg-map .m-dots circle{transform-box:fill-box;transform-origin:50%;transform:scale(1.9)}.tg-map .ct,.tg-map .sea,.tg-map .m-hq .hl,.tg-map .m-east{display:none}.tg-map .cn{letter-spacing:.08em;font-size:27px}.tg-map .m-hq .ring,.tg-map .m-hq .pulse,.tg-map .m-hq image{transform-box:fill-box;transform-origin:50%;transform:scale(2.2)}.tg-mtip{max-width:220px}}@media (prefers-reduced-motion:reduce){.tg-map .m-dots g,.tg-map .m-dots circle,.tg-mfig .tg-sbar i,.tg-mfig .tg-leg li{transition:none}.tg-mfig[data-view=closed] .m-dots circle.x,.tg-map .m-hq .pulse{animation:none!important}}.tg-after{margin-top:44px}.tg-mread{display:grid}.tg-mr{grid-area:1/1}.tg-mr[hidden]{visibility:hidden;display:block}.tg-mfig .tg-leg b{font-family:var(--px-sans);font-variant-numeric:lining-nums tabular-nums}@media print{.tg-map .m-dots{clip-path:none}.tg-mviews,.tg-mtip{display:none!important}}.tg-mtab:focus-visible{outline:2px solid var(--px-blue);outline-offset:4px}.tg-stem{position:relative}.tg-stem,.tg-kids:before,.tg-ops{transition:background-color .3s,border-color .3s,box-shadow .3s}.tg-flow span:before{transition:width .3s,margin .3s,box-shadow .3s}.tg-fam:has(.tg-parent:hover,.tg-kids a:hover,.tg-kids a:focus-visible) .tg-stem{background:var(--px-blue)}.tg-fam:has(.tg-parent:hover,.tg-kids a:hover,.tg-kids a:focus-visible) .tg-kids:before{border-color:var(--px-blue);animation:none}.tg-fam:has(.tg-parent:hover,.tg-kids a:first-child:hover,.tg-kids a:first-child:focus-visible,.tg-ops:hover,.tg-ops a:focus-visible) .tg-flow .dn:before,.tg-fam:has(.tg-parent:hover,.tg-kids a:last-child:hover,.tg-kids a:last-child:focus-visible,.tg-ops:hover,.tg-ops a:focus-visible) .tg-flow .up:before{width:2px;margin-left:-.5px;box-shadow:0 0 0 4px #1559f524}.tg-fam:has(.tg-parent:hover,.tg-kids a:hover,.tg-kids a:focus-visible,.tg-ops:hover) .tg-ops{border-color:var(--px-blue);box-shadow:0 0 0 4px #1559f514}.tg-fam:has(.tg-ops:hover,.tg-ops a:focus-visible) .tg-kids .tg-node{border-color:var(--px-blue)}.tg-stem i,.tg-flow i{background:var(--px-blue);opacity:0;pointer-events:none;border-radius:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;position:absolute;top:0;left:50%;box-shadow:0 0 0 4px #1559f529}.tg-ops:after,.tg-kids .tg-node:last-child:after{content:"";border-radius:inherit;box-shadow:0 0 0 2px var(--px-blue),0 0 0 7px #1559f51a;opacity:0;pointer-events:none;position:absolute;inset:-1px}.tg-ops{position:relative}html.px-rv .tg-fam .tg-stem i{animation:5.6s cubic-bezier(.45,0,.3,1) 1.2s infinite tg-sg-stem}html.px-rv .tg-fam .tg-kids:before{animation:5.6s 1.2s infinite tg-sg-br}html.px-rv .tg-fam .tg-flow .dn i{animation:5.6s cubic-bezier(.45,0,.3,1) 1.2s infinite tg-sg-dn}html.px-rv .tg-fam .tg-ops:after{animation:5.6s 1.2s infinite tg-sg-ops}html.px-rv .tg-fam .tg-flow .up i{animation:5.6s cubic-bezier(.45,0,.3,1) 1.2s infinite tg-sg-up}html.px-rv .tg-fam .tg-kids .tg-node:last-child:after{animation:5.6s 1.2s infinite tg-sg-lab}html.px-rv .tg-fam.rest :is(.tg-stem i,.tg-flow i){animation-play-state:paused}@keyframes tg-sg-stem{0%{opacity:0;top:0}3%{opacity:1}14%{opacity:1;top:100%}18%,to{opacity:0;top:100%}}@keyframes tg-sg-br{0%,12%{border-color:var(--px-line2)}17%,23%{border-color:var(--px-blue)}32%,to{border-color:var(--px-line2)}}@keyframes tg-sg-dn{0%,24%{opacity:0;top:0}27%{opacity:1}43%{opacity:1;top:100%}46%,to{opacity:0;top:100%}}@keyframes tg-sg-ops{0%,43%{opacity:0}47%,53%{opacity:1}64%,to{opacity:0}}@keyframes tg-sg-up{0%,58%{opacity:0;top:100%}61%{opacity:1}78%{opacity:1;top:0}81%,to{opacity:0;top:0}}@keyframes tg-sg-lab{0%,78%{opacity:0}82%,87%{opacity:1}97%,to{opacity:0}}@keyframes tg-sg-br-c{0%,12%{border-color:var(--px-line2)}17%,23%{border-color:var(--px-ink)}32%,to{border-color:var(--px-line2)}}.tg-days{position:relative}.tg-days:after{content:"";background:var(--px-blue);transform-origin:0;pointer-events:none;opacity:0;width:100%;height:2px;position:absolute;top:-1px;left:0;transform:scaleX(0)}html.px-rv .tg-days.wait:after{opacity:1}html.px-rv .tg-days.go:after{opacity:1;transition:transform 2.8s linear;transform:none}html.px-rv .tg-days.wait li:before{background:var(--px-paper)}html.px-rv .tg-days.go li:before{animation:.6s cubic-bezier(.2,.8,.2,1.4) both tg-dpop}html.px-rv .tg-days.go li:nth-child(2):before{animation-delay:.46s}html.px-rv .tg-days.go li:nth-child(3):before{animation-delay:1.02s}html.px-rv .tg-days.go li:nth-child(4):before{animation-delay:1.58s}html.px-rv .tg-days.go li:nth-child(5):before{animation-delay:2.14s}@keyframes tg-dpop{0%{background:var(--px-paper);transform:scale(1)}45%{background:var(--px-blue);transform:scale(1.4)}to{background:var(--px-blue);transform:scale(1)}}@media (width<=900px){.tg-days:after{transform-origin:top;width:2px;height:100%;top:0;left:-1px;transform:scaleY(0)}}@keyframes tg-dpop-c{0%{background:var(--px-paper);transform:scale(1)}45%{background:var(--px-ink);transform:scale(1.4)}to{background:var(--px-ink);transform:scale(1)}}@media (prefers-reduced-motion:reduce){.tg-days:after,.tg-stem i,.tg-flow i,.tg-ops:after,.tg-kids .tg-node:last-child:after{display:none}}.tg-map .sea{letter-spacing:.01em;font-style:normal}.tg-clocks{margin:clamp(48px,6vw,80px) 0 0}.tg-clocks>.tg-h3{margin:0 0 6px!important}.tg-clocks>.tg-clk-sub{font:400 17px/1.6 var(--px-sans);color:var(--px-char);max-width:760px;margin:0 0 8px!important}.tg-clk{border-top:1px solid var(--px-line);grid-template-columns:minmax(150px,200px) minmax(0,1fr);gap:0 32px;padding:30px 0 26px;display:grid}.tg-clk.us{border-top-color:var(--px-ink)}.tg-clk h4{font:500 12.5px/1.45 var(--px-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--px-ink);padding-top:1px;margin:0!important}.tg-clk.them h4{color:var(--px-mute)}.tg-clk ol{grid-template-columns:repeat(4,minmax(0,1fr));gap:0 24px;margin:0;padding:0;list-style:none;display:grid}.tg-clk li{min-width:0;padding:30px 4px 0 0;position:relative}.tg-clk li:before{content:"";box-sizing:border-box;background:var(--px-blue);z-index:1;border-radius:50%;width:14px;height:14px;position:absolute;top:0;left:0}.tg-clk li:not(:last-child):after{content:"";background:var(--px-blue);transform-origin:0;width:calc(100% + 10px);height:2px;position:absolute;top:6px;left:14px}.tg-clk.us li:last-child:before{box-shadow:0 0 0 4px var(--px-paper);background:url(/img/brand/theculturegroup-badge.svg) 50%/cover no-repeat;width:24px;height:24px;top:-5px;left:-5px}.tg-clk.them li:before{background:var(--px-paper);border:2px solid var(--px-mute)}.tg-clk.them li:not(:last-child):after{background:repeating-linear-gradient(90deg,var(--px-mute)0 6px,transparent 6px 11px);opacity:.75}.tg-clk.them li:last-child:before{content:"×";background:var(--px-paper);color:var(--px-mute);font:500 24px/12px var(--px-sans);text-align:center;border:0;width:16px;height:14px;left:-1px}.tg-clk b{font:400 13px/1.4 var(--px-mono);letter-spacing:.04em;color:var(--px-blue);display:block}.tg-clk.them b{color:var(--px-mute)}.tg-clk li p{font:400 16px/1.55 var(--px-sans);color:var(--px-char);text-wrap:pretty;margin:8px 0 0!important}.tg-clk.them li p{color:var(--px-mute)}.tg-clk.us li:last-child p{color:var(--px-ink);font-weight:500}.tg-clocks figcaption{font:400 17px/1.65 var(--px-sans);color:var(--px-char);max-width:760px;margin:22px 0 0}html.px-rv .tg-clocks.wait .tg-clk li:after{clip-path:inset(0 100% 0 0)}html.px-rv .tg-clocks.wait .tg-clk li:before{transform:scale(0)}html.px-rv .tg-clocks.go .tg-clk li:after{clip-path:inset(0);transition:clip-path .66s cubic-bezier(.4,0,.2,1)}html.px-rv .tg-clocks.go .tg-clk li:before{transition:transform .45s cubic-bezier(.2,.8,.2,1.5);transform:none}html.px-rv .tg-clocks.go .tg-clk li:first-child:after{transition-delay:.25s}html.px-rv .tg-clocks.go .tg-clk li:nth-child(2):before{transition-delay:.85s}html.px-rv .tg-clocks.go .tg-clk li:nth-child(2):after{transition-delay:.95s}html.px-rv .tg-clocks.go .tg-clk li:nth-child(3):before{transition-delay:1.55s}html.px-rv .tg-clocks.go .tg-clk li:nth-child(3):after{transition-delay:1.65s}html.px-rv .tg-clocks.go .tg-clk li:nth-child(4):before{transition-delay:2.3s}@media (width<=900px){.tg-clk{grid-template-columns:minmax(0,1fr);gap:16px 0;padding:24px 0 20px}.tg-clk ol{grid-template-columns:minmax(0,1fr);gap:0}.tg-clk li{padding:0 0 22px 32px}.tg-clk li:last-child{padding-bottom:0}.tg-clk li:before{top:4px}.tg-clk li:not(:last-child):after{transform-origin:top;width:2px;height:calc(100% - 14px);top:18px;left:6px}.tg-clk.them li:not(:last-child):after{background:repeating-linear-gradient(180deg,var(--px-mute)0 6px,transparent 6px 11px)}.tg-clk.us li:last-child:before{top:-1px}.tg-clk.them li:last-child:before{top:4px}html.px-rv .tg-clocks.wait .tg-clk li:after{clip-path:inset(0 0 100%)}}@media (prefers-reduced-motion:reduce){.tg-clk li:before,.tg-clk li:after{clip-path:none!important;transition:none!important;transform:none!important}}.tg-fit{background:var(--px-card);border:1px solid var(--px-line);border-radius:22px;margin:clamp(44px,5.4vw,72px) 0 0;padding:clamp(22px,3.4vw,44px);scroll-margin-top:84px;display:none}.js .tg-fit{display:block}.tg-fit>.tg-fit-head>.tg-h3{margin:0 0 8px!important}.tg-fit-sub{font:400 17px/1.6 var(--px-sans);color:var(--px-char);max-width:640px;margin:0!important}.tg-fit-grid{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);align-items:start;gap:clamp(28px,4vw,56px);margin-top:clamp(22px,3vw,34px);display:grid}.tg-qw{border-top:1px solid var(--px-line);padding:22px 0 24px}.tg-qw:first-child{border-top:0;padding-top:4px}.tg-q{border:0;min-width:0;margin:0;padding:0}.tg-q legend{font:480 clamp(20px,1.8vw,23px)/1.3 var(--px-serif);letter-spacing:-.006em;color:var(--px-ink);width:100%;margin:0 0 14px;padding:0 0 0 44px;display:block;position:relative}.tg-qn{font:400 13px/1 var(--px-mono);letter-spacing:.04em;color:var(--px-blue);position:absolute;top:.5em;left:0}.tg-opts{flex-wrap:wrap;gap:8px;padding-left:44px;display:flex}.tg-opt{display:inline-flex;position:relative}.tg-opt input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;margin:0;position:absolute;inset:0}.tg-opt span{border:1px solid var(--px-line2);background:var(--px-paper);font:500 15px/1.25 var(--px-sans);color:var(--px-ink);border-radius:999px;flex-direction:column;justify-content:center;min-height:44px;padding:9px 18px;transition:background-color .18s,border-color .18s,color .18s;display:inline-flex}.tg-opt small{font:400 12.5px/1.3 var(--px-sans);color:var(--px-mute);margin-top:2px;transition:color .18s;display:block}.tg-opt input:hover+span{border-color:var(--px-ink)}.tg-opt input:checked+span{background:var(--px-ink);border-color:var(--px-ink);color:var(--px-paper)}.tg-opt input:checked+span small{color:#ffffffbd}.tg-opt input:focus-visible+span{outline:2.5px solid var(--px-blue);outline-offset:3px}.tg-fit-card{background:var(--px-paper);border:1px solid var(--px-line);border-radius:16px;padding:clamp(20px,2.4vw,28px);scroll-margin-top:84px;position:sticky;top:96px}.tg-fit-k{font:500 12.5px/1.4 var(--px-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--px-ink);margin:0!important}.tg-fit-board{margin:14px 0 0;padding:0;list-style:none}.tg-fit-board li{border-top:1px solid var(--px-line);grid-template-columns:92px minmax(0,1fr) 22px;align-items:center;gap:12px;min-height:46px;padding:9px 0;display:grid}.tg-fb-k{font:400 12px/1.3 var(--px-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--px-mute)}.tg-fb-v{font:400 15px/1.35 var(--px-sans);color:var(--px-mute)}.tg-fit-board li.is-yes .tg-fb-v,.tg-fit-board li.is-no .tg-fb-v,.tg-fit-board li.is-open .tg-fb-v{color:var(--px-ink)}.tg-fit-board i{box-sizing:border-box;border:1.5px dashed var(--px-line2);border-radius:50%;width:20px;height:20px;display:block;position:relative}.tg-fit-board li.is-yes i{background:var(--px-blue);border:0}.tg-fit-board li.is-yes i:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:4px;left:7px;transform:rotate(45deg)}.tg-fit-board li.is-no i{border:1.5px solid var(--px-ink)}.tg-fit-board li.is-no i:before,.tg-fit-board li.is-no i:after{content:"";background:var(--px-ink);width:9px;height:1.5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.tg-fit-board li.is-no i:after{transform:translate(-50%,-50%)rotate(-45deg)}.tg-fit-board li.is-open i{border:1.5px solid var(--px-mute)}.tg-fit-board li.is-open i:after{content:"";background:var(--px-mute);border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tg-fv{border-top:1px solid var(--px-ink);margin-top:20px;padding-top:20px}.tg-fv[hidden]{display:none}.tg-fv-t{font:480 clamp(26px,2.4vw,31px)/1.15 var(--px-serif);letter-spacing:-.014em;color:var(--px-ink);margin:0!important}.tg-fv-t .px-dot{color:var(--px-blue)}.tg-fv-why{margin:12px 0 0;padding:0;list-style:none}.tg-fv-why li{font:400 15.5px/1.55 var(--px-sans);color:var(--px-char);margin:0 0 8px;padding-left:18px;position:relative}.tg-fv-why li:before{content:"";background:var(--px-blue);width:8px;height:1.5px;position:absolute;top:.72em;left:0}.tg-fv-d{font:400 16px/1.6 var(--px-sans);color:var(--px-char);margin:12px 0 0!important}.tg-fv-acts{flex-wrap:wrap;align-items:center;gap:6px 22px;margin-top:18px;display:flex}.tg-fv-acts .px-btn{min-height:48px;padding:0 24px;font-size:15px}.tg-fit-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-top:16px;display:flex}.tg-fit-n{font:400 12.5px/1.4 var(--px-mono);letter-spacing:.04em;color:var(--px-mute);margin:0!important}.tg-fit-reset{cursor:pointer;font:500 15px/1.2 var(--px-sans);color:var(--px-ink);text-underline-offset:5px;background:0 0;border:0;min-height:44px;padding:0;text-decoration:underline 1px}.tg-fit-reset[hidden]{display:none}html.px-rv .tg-fv.arrive{animation:.32s cubic-bezier(.2,.7,.2,1) both tgFitIn}@keyframes tgFitIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (width<=980px){.tg-fit-grid{grid-template-columns:minmax(0,1fr)}.tg-fit-card{position:static}}@media (width<=560px){.tg-fit{border-radius:18px}.tg-q legend{padding-left:0}.tg-qn{margin:0 0 8px;display:block;position:static}.tg-opts{padding-left:0}.tg-opt span{padding:9px 15px}.tg-fit-board li{grid-template-columns:80px minmax(0,1fr) 22px;gap:10px}}@media (prefers-reduced-motion:reduce){.tg-opt span,.tg-opt small{transition:none!important}.tg-fv.arrive{animation:none!important}}@media print{.tg-fit{display:none!important}}@media (width<=380px){.tg-flow b{white-space:normal;text-wrap:balance;max-width:calc(50% - 16px)}}@media (width>=701px) and (width<=860px){.tg-flow b{white-space:normal;text-wrap:balance;max-width:106px;line-height:1.4}}@media print{html,html body{background:#fff!important}.tg-clocks,.tg-days,.tg-share,.tg-fam,.tg-mfig .tg-leg,.px-pill,.px-close .px-rule{-webkit-print-color-adjust:exact;print-color-adjust:exact}html.px-rv .tg-clocks .tg-clk li:after{clip-path:none!important;transition:none!important}html.px-rv .tg-clocks .tg-clk li:before{transition:none!important;transform:none!important}.tg-days:after{display:none!important}.tg-days li:before{background:var(--px-blue)!important;animation:none!important;transform:none!important}html.px-rv .tg-share .tg-sbar{transition:none!important;transform:none!important}html.px-rv .tg-curve :is(.cv,.ar,.bdg,.bdgf,.late){opacity:1!important;stroke-dashoffset:0!important;animation:none!important}.tg-stem i,.tg-flow i,.tg-ops:after,.tg-kids .tg-node:after{display:none!important}.px-close{break-inside:avoid;border-top:1.5px solid #0a1633;color:#0a1633!important;background:0 0!important;margin-top:48px!important;padding:36px 0 0!important}.px-close h2{color:#0a1633!important;font-size:34px!important}.px-close h2 .px-dot,.px-close .px-ck{color:#1559f5!important}.px-close p{color:#323745!important}.px-close .px-rule{background:#1559f5!important;margin-top:20px!important}.px-close .px-mail{color:#0a1633!important;text-underline-offset:6px!important;background:0 0!important;font-size:26px!important;text-decoration:underline 1px!important}.px-close .px-row{margin-top:20px!important}.px-close .px-btn{color:#0a1633!important;background:0 0!important;min-width:0!important;box-shadow:inset 0 0 0 1px #0a1633!important}.px-close .px-btn.px-ghost,.px-more,.tg-mdata summary:after,.px-ctas,.px-alinks{display:none!important}.px-btn{color:#0a1633!important;background:0 0!important;box-shadow:inset 0 0 0 1px #0a1633!important}.px-lane{break-inside:avoid;min-height:0!important}.px-lane.firm{border:1.5px solid #0a1633;color:#0a1633!important;background:0 0!important}.px-lane.firm .px-lk{color:#1559f5!important}.tg-mtab{overflow:visible!important}.tg-mtab table{min-width:0!important;font-size:12.5px!important}.tg-mtab th,.tg-mtab td{padding:8px 7px!important}.tg-mtab thead th{white-space:normal!important}.tg-pboard{grid-template-columns:repeat(4,minmax(0,1fr))!important}.px-author{display:none!important}h1,h2,h3,h4,.tg-head,.px-sechead,.tg-clk-sub,.px-kick,.tg-k{break-after:avoid}.tg-clk,.tg-li,.px-cap,.px-receipt,.px-way,.tg-days li,.tg-nevers li,.tg-share,.tg-next,.tg-sig,.tg-fam,.tg-curve{break-inside:avoid}.prose p{orphans:3;widows:3}}
/* CG111 · the phone hero figure; On the record */.tg-hmark{display:none}.tg-hmark svg{display:block;width:100%;height:auto;overflow:visible}.tg-hmark .ax{stroke:var(--px-line2);stroke-width:2px}.tg-hmark .ar{fill:url(#tg-hm-ar)}.tg-hmark .tr{fill:none;stroke:var(--px-mute);stroke-opacity:.55;stroke-width:3px;stroke-dasharray:3 9;stroke-linecap:round}.tg-hmark .cv{fill:none;stroke:var(--px-blue);stroke-width:6px;stroke-linecap:round;stroke-linejoin:round}.tg-hmark .x{fill:var(--px-paper);stroke:var(--px-blue);stroke-width:3.5px}.tg-hmark .x,.tg-hmark .bdg{transform-box:fill-box;transform-origin:50% 50%}@media (width<=640px){.tg-hero .tg-hmark{display:block;float:right;width:clamp(128px,42vw,228px);margin:-34px -8px 6px 12px}.tg-hero h1{clear:right}}@media (prefers-reduced-motion:no-preference){.tg-hmark .cv{stroke-dasharray:1;stroke-dashoffset:1px;animation:1.9s cubic-bezier(.45,.05,.25,1) .25s forwards tg-draw}.tg-hmark .tr{opacity:0;animation:.8s .3s forwards tg-fade}.tg-hmark .ar{opacity:0;animation:1s 1.3s forwards tg-fade}.tg-hmark .x{opacity:0;animation:.5s cubic-bezier(.2,.8,.2,1.25) 1.15s forwards tg-pop}.tg-hmark .bdg{opacity:0;animation:.7s cubic-bezier(.2,.8,.2,1.25) 1.95s forwards tg-pop}.tg-hmark .bdgf{animation:7s ease-in-out 2.8s infinite tg-hfloat}.tg-hmark .gl{animation:4.5s ease-in-out 2.8s infinite tg-hglow}}@keyframes tg-hfloat{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes tg-hglow{0%,to{opacity:.7}50%{opacity:1}}@media print{.tg-hmark{display:none!important}}.tg-rec{margin-top:8px}.tg-rec-pub{margin:-8px 0 22px!important}.tg-rec-pub img{display:block;height:18px;width:auto}.tg-rec-a{display:block;color:inherit;text-decoration:none}.tg-rec-a>span{display:block}.tg-rec-t{font:480 clamp(22px,2.2vw,26px)/1.22 var(--px-serif);letter-spacing:-.01em;color:var(--px-ink)}.tg-rec-a .px-src{color:var(--px-mute)}.tg-rec-a:hover .tg-rec-t,.tg-rec-a:hover .px-src{color:var(--px-blue)}.tg-rec-a:focus-visible{outline:3px solid var(--px-blue);outline-offset:4px;border-radius:2px}@media print{.tg-rec-a .px-src span{display:none}}

/* CG112 · the finish */
html{font-synthesis:none;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
h1,h2,blockquote{hanging-punctuation:first allow-end}
:root{--sh-hi:inset 0 1px 0 #ffffffcc;--sh-1:0 1px 2px #0a163308,0 2px 6px #0a163308;--sh-2:0 2px 4px #0a16330a,0 10px 24px #0a16330f;--sh-3:0 6px 12px #0a16330d,0 24px 48px #0a163314;--ease-out:cubic-bezier(.2,.7,.2,1);--ease-press:cubic-bezier(.3,0,.2,1)}
/* words rise: the clip is drawn past the letters (descenders, italics, the overhang of a serif), never overflow:hidden */
.rise .rw{display:inline-block;clip-path:inset(-.25em -.12em -.34em -.12em)}
.rise .rwi{display:inline-block}
.rise .rw,.rise .rwi{color:inherit}
html.js .rise:not(.on) .rwi{transform:translateY(112%)}
html.js .rise .rwi{transition:transform .9s var(--ease-out);transition-delay:calc(var(--i,0)*55ms)}
html.js .rise.on .rwi{transform:none}
.rise .rw:has(:focus-visible){clip-path:none}
/* one system of light */
.tg-node,.tg-share,.tg-mpanel,.tg-fit-board{box-shadow:var(--sh-hi),var(--sh-1);transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out),border-color .35s var(--ease-out)}
.tg-node:hover,a.tg-share:hover,.tg-share:has(a:hover){border-color:var(--px-line2);transform:translateY(-3px);box-shadow:var(--sh-hi),var(--sh-3)}
.tg-sig img{box-shadow:var(--sh-2)}
.px-btn{box-shadow:0 1px 0 #ffffff1f inset,0 1px 2px #0a163314,0 6px 16px #0a16331f;transition:background .2s,transform .18s var(--ease-press),box-shadow .25s var(--ease-out)}
.px-btn:hover{transform:translateY(-1px);box-shadow:0 1px 0 #ffffff1f inset,0 2px 4px #0a163314,0 10px 24px #0a163329}
.px-btn:active,.tg-node:active,.tg-share:active,.px-link:active{transform:translateY(0) scale(.985);transition-duration:90ms;box-shadow:var(--sh-1)}
.px-link{transition:transform .18s var(--ease-press)}
/* the corner scale: 6, 12, 16, 18, pill */
.tg-mpanel,.tg-mstage,.tg-sig img,.tg-kids:before{border-radius:16px}
.px-sbtn kbd,.px-sd-foot kbd{border-radius:6px}
@media (prefers-reduced-motion:reduce){html.js .rise:not(.on) .rwi,html.js .rise .rwi{transform:none;transition:none}.px-btn,.tg-node,.tg-share{transition:none}.px-btn:hover,.tg-node:hover{transform:none}}
@media print{.rise .rwi{transform:none!important;transition:none!important}.rise .rw{clip-path:none}.tg-node,.tg-share,.tg-mpanel,.px-btn,.tg-sig img{box-shadow:none!important}}

/* CG113 · the parent's finish */
.tg-mapwrap{position:relative;width:100%}
.m-pulse-el{position:absolute;left:35.54%;top:80.06%;width:1.5%;aspect-ratio:1;translate:-50% -50%;border:1.4px solid var(--px-blue);border-radius:50%;opacity:0;pointer-events:none;will-change:transform,opacity}
html.px-rv .m-pulse-el{animation:3.2s cubic-bezier(.2,.6,.3,1) 2.4s infinite m-pulse}
@media (prefers-reduced-motion:reduce){.m-pulse-el{animation:none!important;opacity:0}}
/* the phone keeps one compounding figure, the one in the first screen */
@media (width<=640px){.tg-hero .tg-curve{display:none}}
/* three receipts across from a tablet up */
.px-receipts{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))}
/* the fit link breathes */
.tg-buy .px-more{margin-top:32px}
/* a lone third contact card takes the full row when two fit */
@media (width>=661px) and (width<=1020px){.px-ways .px-way:nth-child(3):last-child{grid-column:1/-1}}
/* the signature close balances */
.px-close h2{text-wrap:balance}
/* an odd last item in the two-column rule grids spans both */
@media (width>=701px){.tg-list .tg-li:nth-child(odd):last-child{grid-column:1/-1}}
/* speed: the hero's continuous motion on its own layers; the map on its own; off-screen motion paused (below) */
.tg-hmark svg,.tg-curve svg,.px-au,.px-cur,.px-shaka,.px-pill i,.tg-ops,.px-close:before{will-change:transform,opacity}
.tg-mfig{will-change:transform;isolation:isolate}
/* only what the reader can see is moving */
.px-off,.px-off *,.px-off::before,.px-off::after,.px-off *::before,.px-off *::after{animation-play-state:paused!important}
/* jumps land below the header */
:target,[id]{scroll-margin-top:84px}
/* the reading line: draws down the page as you read */
.px-readline{position:fixed;left:0;top:0;height:2px;width:100%;transform-origin:0 50%;transform:scaleX(var(--px-read,0));background:var(--px-blue);z-index:60;pointer-events:none;will-change:transform}
@media print{.px-readline{display:none}}
/* the hero light answers the pointer */
@media (pointer:fine){.tg-hero{--lx:50%;--ly:40%}.tg-hero .px-hero-art:after{content:"";position:absolute;inset:0;background:radial-gradient(520px 380px at var(--lx) var(--ly),#1559f514,#1559f500 70%);mix-blend-mode:multiply;transition:opacity .6s;pointer-events:none;will-change:background-position}}
@media (prefers-reduced-motion:reduce){.tg-hero .px-hero-art:after{display:none}}

/* CG114 · the Family hero */
.tg-hero-fam{padding-bottom:0}
.tg-hero-fam .tg-fhead{text-align:center;max-width:820px;margin:0 auto}
.tg-hero-fam h1{margin-left:auto;margin-right:auto;font-size:clamp(44px,5.4vw,78px)}
.tg-hero-fam .px-dek{margin:20px auto 0;max-width:640px;font-size:clamp(17px,1.3vw,20px)}
.tg-hero-fam .px-ctas{justify-content:center;margin-top:24px}
.tg-hero-fam .tg-hmark{display:none!important}
.tg-fstage{position:relative;margin-top:40px;padding-bottom:8px}
.tg-fcap{max-width:640px;margin:28px auto 0;text-align:center}
.tg-figsec .tg-curve{max-width:720px;margin:0 auto}
@media (width<=640px){.tg-hero-fam .tg-curve{display:block}}
/* the arrival: the family comes in after the words, top down */
html.js .tg-hero-fam .tg-node.rv,html.js .tg-hero-fam .tg-ops.rv{transition-delay:calc(.45s + var(--k,0)*.14s)}
html.js .tg-hero-fam .tg-fcap{opacity:0;transform:translateY(10px);transition:opacity .8s var(--ease-out) 1.25s,transform .8s var(--ease-out) 1.25s}
html.js .tg-hero-fam .tg-fcap.on{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html.js .tg-hero-fam .tg-fcap{opacity:1;transform:none;transition:none}html.js .tg-hero-fam .tg-node.rv,html.js .tg-hero-fam .tg-ops.rv{transition-delay:0s}}
/* dark mode: the OS setting, paper by day, the night surface after dark; marks stay the masters, the reverse set */
@media (prefers-color-scheme:dark){
:root{--px-ink:#eff1f6;--px-char:#bdc6dc;--px-mute:#838da5;--px-paper:#121519;--px-paper2:#171b21;--px-card:#1a1f27;--px-line:#2a2f38;--px-line2:#363c47;--px-blue:#5b8cfa;--px-blue-ink:#8fb0ff;--px-sky:#8fb0ff;--sh-hi:inset 0 1px 0 #ffffff12;--sh-1:0 1px 2px #00000040,0 2px 6px #00000040;--sh-2:0 2px 4px #00000050,0 10px 24px #00000060;--sh-3:0 6px 12px #00000050,0 24px 48px #00000070}
html{color-scheme:dark}
.tg .mk.o,.tg .px-brand .lg-o,.px-foot .lg-o{display:none!important}.tg .mk.r,.tg .px-brand .lg-r,.px-foot .lg-r{display:block!important}
.px-art .convo{background:#0d1117;color:var(--px-ink);box-shadow:inset 0 0 0 1px var(--px-line)}
.px-btn:hover{background:#fff}.px-cta:hover{background:#fff!important}
.px-rbar{background:#121519f0}
.px-au.a1{background:radial-gradient(circle,#1559f542 0%,#1559f500 66%)}.px-au.a2{background:radial-gradient(circle,#6d28d93d 0%,#6d28d900 66%)}.px-au.a3{background:radial-gradient(circle,#1f9d5b2e 0%,#1f9d5b00 66%)}
.tg-hero .px-hero-art:after{background:radial-gradient(520px 380px at var(--lx) var(--ly),#5b8cfa1f,#5b8cfa00 70%);mix-blend-mode:screen}
.px-pill{background:var(--px-card);color:var(--px-blue);border-color:var(--px-blue)}
.px-close{border-top:1px solid var(--px-line);background:#0d1117}
.px-ledger{background:#0d1117;border-bottom:1px solid var(--px-line)}
.px-head{background:#121519f2;backdrop-filter:saturate(1.2) blur(8px);-webkit-backdrop-filter:saturate(1.2) blur(8px)}
.px-mapin{background:var(--px-paper2)}
.tg-sbar .s3,.tg-leg .l3:before{background:#363c47}.tg-sbar .s4,.tg-leg .l4:before{background:#1c2a4a}
.tg-mfig{--m-sea:#161d2b;--m-land:#171b21;--m-mkt:#1e2430;--m-line:#2d3340;--m-edge:#3a4150;--m-k2:#7aa0ff;--m-k3:#4a5060;--m-k4:#22304d;--m-panel:#1a1f27f0}
.tg-mstage{box-shadow:inset 0 0 0 1px var(--px-line)}
.px-map{--mp-paper:#171b21;--mp-block:#20252d;--mp-street:#2f353f;--mp-town:#3f4550;--mp-label:#6f7684;--mp-sea1:#1d47a8;--mp-sea2:#173b8f;--mp-card:#20252d;--mp-ink:#eff1f6;--mp-char:#bdc6dc}
.lu-b-margin,.px-way,.tg-share,.tg-node,.tg-mpanel,.tg-fit-board{border-color:var(--px-line)}
img.px-photo,.tg-sig img,.px-author img{filter:brightness(.94)}
.px-art{--px-body:var(--px-char);--px-acc-wash:#1b2436;--px-rd:#5b8cfa1f}
.px-lane.firm{background:#0d1117;color:var(--px-ink)}.px-lane.firm .px-lk{color:var(--px-sky)!important}
}

/* CG115 · the first screen: one sentence, the family, four numbers, on the night surface */
.tg-one{--n:#0b0f17;--n2:#11161f;--nl:#232a36;--nt:#eff1f6;--nc:#bcc6db;--nm:#828ca4;background:var(--n);color:var(--nt);position:relative;isolation:isolate;overflow:hidden;padding:clamp(72px,9vw,136px) 0 clamp(56px,6vw,88px)}
.tg-one-field{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(#ffffff1a 1px,#0000 1.5px);background-size:22px 22px;-webkit-mask-image:radial-gradient(80% 85% at 50% 30%,#000 20%,#0000 78%);mask-image:radial-gradient(80% 85% at 50% 30%,#000 20%,#0000 78%)}
.tg-one-field:after{content:"";position:absolute;left:50%;top:24%;width:min(1100px,120vw);aspect-ratio:1.3;transform:translate(-50%,-50%);background:radial-gradient(closest-side,#1559f54d,#1559f500);filter:blur(10px)}
.tg-one .px-wrap{position:relative;z-index:1;text-align:center}
.tg-one h1{font:480 clamp(56px,9.4vw,148px)/.94 var(--px-serif);letter-spacing:-.03em;color:var(--nt);margin:0 auto;max-width:14ch;text-wrap:balance}
.tg-one-dek{font:400 clamp(18px,1.55vw,23px)/1.5 var(--px-serif);color:var(--nc);max-width:680px;margin:28px auto 0;text-wrap:pretty}
.tg-one-not{font-weight:400;color:var(--nt)}
.tg-join{width:min(100%,780px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.tg-join span{grid-column:1/-1;justify-content:center;height:64px;display:flex;position:relative}
.tg-join span:before{content:"";background:var(--px-blue);width:1px;position:absolute;top:0;bottom:0;left:50%}
.tg-join span:after{content:"";border:5px solid #0000;border-bottom:7px solid var(--px-blue);border-top:0;position:absolute;left:calc(50% - 5px);top:-1px}
.tg-join b{font:500 12px/1.3 var(--px-mono);letter-spacing:.04em;color:var(--px-blue);white-space:nowrap;position:absolute;top:50%;left:calc(50% + 14px);transform:translateY(-50%)}
.tg-join i{background:var(--px-blue);opacity:0;pointer-events:none;border-radius:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;position:absolute;bottom:0;left:50%;box-shadow:0 0 0 4px #1559f529}
.tg-in{border-style:dashed;width:min(100%,520px);background:none}
.tg-in .tg-what{max-width:40ch}
.tg-in .tg-go{font:500 14px/1.3 var(--px-sans);color:var(--px-blue);text-decoration:none}
.tg-in .tg-go:hover{text-decoration:underline}
@keyframes tg-sg-join{0%,78%{opacity:0;transform:translateY(0)}80%{opacity:1}100%{opacity:0;transform:translateY(-64px)}}
html.px-rv .tg-fam .tg-join i{animation:5.6s cubic-bezier(.45,0,.3,1) 1.2s infinite tg-sg-join}
@media (prefers-reduced-motion:reduce){html.px-rv .tg-fam .tg-join i{animation:none}}
@media (width<=700px){.tg-join span{height:48px}.tg-join b{left:calc(50% + 12px);white-space:normal;max-width:38vw}}
.tg-one-cta{display:flex;justify-content:center;align-items:center;gap:12px 28px;flex-wrap:wrap;margin:36px auto 0}
.tg-one .px-btn{background:var(--nt);color:var(--n)!important;box-shadow:0 1px 0 #ffffff33 inset,0 10px 30px #00000066}
.tg-one .px-btn:hover{background:#fff;transform:translateY(-1px)}
.tg-one .px-link{color:var(--nt)!important;text-decoration-color:#5b8cfa}
.tg-marks{list-style:none;margin:clamp(56px,7vw,96px) auto 0;padding:clamp(22px,2.4vw,30px) 0;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:22px clamp(32px,5vw,72px);border-top:1px solid var(--nl);border-bottom:1px solid var(--nl)}
.tg-marks img{display:block;width:auto;height:30px;opacity:.92;transition:opacity .25s}
.tg-marks li:nth-child(3) img,.tg-marks li:nth-child(4) img{height:34px}
.tg-marks a{display:block;border-radius:6px}.tg-marks a:hover img{opacity:1}
.tg-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 clamp(24px,3vw,48px);margin:clamp(40px,4.5vw,64px) auto 0;text-align:left}
.tg-stats .px-receipt{border:0;padding:0}
.tg-stats .px-n{font:400 clamp(44px,4.6vw,68px)/1 var(--px-serif);letter-spacing:-.03em;color:var(--nt);margin:0;font-variant-numeric:lining-nums tabular-nums}
.tg-stats dd{margin:10px 0 0;font:400 14px/1.45 var(--px-sans);color:var(--nc)}
@media (width<=900px){.tg-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px}}
@media (width<=560px){.tg-one{padding-top:56px}.tg-one h1{font-size:clamp(48px,14vw,64px)}.tg-marks{gap:18px 28px}.tg-marks img{height:24px}.tg-marks li:nth-child(3) img,.tg-marks li:nth-child(4) img{height:28px}.tg-stats .px-n{font-size:40px}}
.tg-one .tg-hmark,.tg-one .px-hero-art{display:none!important}
html.js .tg-one-cta,html.js .tg-marks,html.js .tg-stats{opacity:0;transform:translateY(10px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}
html.js .tg-one-cta{transition-delay:.25s}html.js .tg-marks{transition-delay:.45s}html.js .tg-stats{transition-delay:.62s}
html.js .tg-one.on .tg-one-cta,html.js .tg-one.on .tg-marks,html.js .tg-one.on .tg-stats{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html.js .tg-one-cta,html.js .tg-marks,html.js .tg-stats{opacity:1;transform:none;transition:none}}
@media print{.tg-one{background:none;color:var(--px-ink)}.tg-one h1,.tg-one .px-n{color:var(--px-ink)}.tg-one-dek,.tg-stats dd{color:var(--px-char)}.tg-one-field{display:none}.tg-marks img{filter:invert(1)}}
/* the letter on the front page */
.tg-letter-grid{max-width:760px}
.tg-salute{font:400 clamp(20px,2vw,24px)/1.4 var(--px-serif);color:var(--px-char);margin:0 0 18px}
.tg-lp{font:400 clamp(18px,1.5vw,21px)/1.55 var(--px-serif);color:var(--px-ink);margin:0 0 20px;text-wrap:pretty}
.tg-drop:first-letter{font-size:3.2em;float:left;line-height:.82;padding:6px 10px 0 0;color:var(--px-blue)}
.tg-sig{display:flex;align-items:center;gap:14px;margin:28px 0 24px;font:400 15px/1.35 var(--px-sans);color:var(--px-char)}.tg-sig img{width:52px;height:52px;border-radius:50%;object-fit:cover;box-shadow:var(--sh-2)}
.tg-letter .px-ctas{margin-top:8px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px}
.tg-lp:not(.tg-drop){clear:both}
/* the compounding figure beside the clocks */
.tg-figure{margin:clamp(48px,6vw,80px) 0 0}.tg-figure .tg-h3{font:480 clamp(24px,2.4vw,32px)/1.1 var(--px-serif);letter-spacing:-.015em;margin:0 0 16px}
.tg-figure .tg-curve{max-width:720px;margin:0}
@media (width<=640px){.tg-figure .tg-curve{display:block}}
/* the home's header sits on the night with the hero, so the first screen is one surface */
body.tg-home .px-head{background:#0b0f17;border-bottom:1px solid #232a36}
body.tg-home .px-head .lg-o{display:none!important}body.tg-home .px-head .lg-r{display:block!important}
body.tg-home .px-nav a{color:#bcc6db!important}body.tg-home .px-nav a:hover,body.tg-home .px-nav a[aria-current]{color:#eff1f6!important}
body.tg-home .px-head .px-cta{background:#eff1f6!important;color:#0b0f17!important}
body.tg-home .px-menu summary{background:#11161f;border-color:#2a2f38;color:#eff1f6}
body.tg-home .px-menu summary i,body.tg-home .px-menu summary span{background:#eff1f6}
.tg-one .px-receipt .px-n[aria-label]{color:var(--nt)}

/* CG116 · the rigor pass: one system */
.tg-one-field{display:none!important}
.tg-one{background:var(--n)}
.tg-one h1{font-size:clamp(56px,9vw,140px);letter-spacing:-.03em}
.tg-one-dek{font-size:clamp(18px,1.45vw,22px);max-width:640px}
.tg-marks{margin-top:clamp(64px,8vw,112px);gap:22px clamp(36px,5.5vw,80px);border-color:#ffffff14}
.tg-marks img{height:26px;opacity:.88}
.tg-marks li:nth-child(1) img,.tg-marks li:nth-child(2) img{height:30px}
.tg-marks li:nth-child(3) img,.tg-marks li:nth-child(4) img{height:27px}
.tg-stats{margin-top:clamp(48px,5.5vw,80px);gap:0 clamp(24px,3vw,48px)}
.tg-stats .px-receipt{border-top:1px solid #ffffff1f;padding-top:22px}
.tg-stats .px-n{font-size:clamp(40px,4vw,60px)}
.tg-stats dd{font:400 15px/1.45 var(--px-sans);color:var(--nm);margin-top:10px;max-width:22ch}
@media (width<=560px){.tg-marks img{height:20px}.tg-marks li:nth-child(1) img,.tg-marks li:nth-child(2) img{height:27px}.tg-stats .px-n{font-size:40px}}
/* section rhythm and the numbered label */
.px-sec{padding-top:clamp(88px,10vw,144px)}
.tg-num{font:500 12px/1 var(--px-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--px-mute);margin:0 0 28px;display:flex;align-items:center;gap:14px}
.tg-num span{color:var(--px-blue)}
.tg-num:after{content:"";flex:1;height:1px;background:var(--px-line)}
.px-sechead{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:16px 48px;align-items:start;margin-bottom:40px}
.px-sechead h2{font-size:clamp(34px,3.8vw,54px);letter-spacing:-.022em;line-height:1.04;max-width:none}
.px-sechead .px-sub{font-size:17px;line-height:1.5;max-width:none;justify-self:end;margin:6px 0 0}
#founder .px-agrid,#selling{scroll-margin-top:96px}
@media (width<=820px){.px-sechead{grid-template-columns:1fr;gap:14px;margin-bottom:32px}.px-sechead .px-sub{justify-self:start}}
/* the Ohana entry node in the card system */
.tg-in{border-style:solid;background:var(--px-card);box-shadow:var(--sh-hi),var(--sh-2)}
#founder .tg-num+.px-agrid{border-top:0;padding-top:0}
.px-close .tg-num{justify-content:center;color:#828ca4}.px-close .tg-num span{color:#8fb0ff}.px-close .tg-num:after{display:none}
.px-close:before,.px-close:after{display:none}
/* the close headline was the paper token, which flips dark in dark mode: invisible since CG114 (axe had been masked by the field pseudo-elements) */
.px-close,.px-close h2{color:#eff1f6}
/* print */
@media print{.tg-num:after{display:none}}

/* CG117 · the argument order, three patterns */
.tg-caps5{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 28px}
@media (width<=1000px){.tg-caps5{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (width<=480px){.tg-caps5{grid-template-columns:1fr}}
#layers .px-cap,#never .px-cap{border-top:1px solid var(--px-ink);padding-top:18px}
#layers .px-cap h3{font:480 24px/1.15 var(--px-serif);letter-spacing:-.01em;min-height:2.3em}
#layers .px-more{margin-top:40px}
#layers .px-cap p{color:var(--px-char);font-size:15px}
.tg-caps4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (width<=900px){.tg-caps4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (width<=480px){.tg-caps4{grid-template-columns:1fr}}
.tg-never{display:flex;flex-direction:column;gap:12px}
.tg-never p{margin:0!important}
.tg-no{font:500 12px/1 var(--px-mono);letter-spacing:.1em;color:var(--px-blue)}
.tg-never p:not(.tg-no){font:480 19px/1.35 var(--px-serif);color:var(--px-ink);letter-spacing:-.005em}
.tg-door{background:var(--px-ink);color:var(--px-paper);border-top:0!important;padding:20px 22px 22px;border-radius:12px;margin-top:-1px}
.tg-door p:not(.tg-no){color:var(--px-paper)}
.tg-door .tg-no{color:#8fb0ff}
.tg-door .px-btn{margin-top:auto;align-self:flex-start;white-space:nowrap;font-size:14px;padding:11px 16px;max-width:100%;background:var(--px-paper);color:var(--px-ink)!important}
.tg-strip{padding-top:0}
.tg-marks-paper{margin:0 auto;border-color:var(--px-line);gap:22px clamp(32px,5vw,72px)}
.tg-marks-paper img{opacity:1}
html.js .tg-marks-paper{opacity:1!important;transform:none!important;transition:none}
.tg-marks-paper li:nth-child(1) img,.tg-marks-paper li:nth-child(2) img{height:30px}.tg-marks-paper li:nth-child(3) img,.tg-marks-paper li:nth-child(4) img{height:27px}
.tg-marks-paper .mk{display:block}
.tg-seat{font:500 15px/1 var(--px-sans);color:var(--px-mute);border:1px dashed var(--px-line2);border-radius:999px;padding:12px 18px}
.tg-strip+.px-close{margin-top:clamp(72px,8vw,112px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .tg-door{background:var(--px-card);color:var(--px-ink)}:root:not([data-theme="light"]) .tg-door p:not(.tg-no){color:var(--px-ink)}:root:not([data-theme="light"]) .tg-door .px-btn{background:var(--px-ink);color:var(--px-paper)!important}}

/* CG118 · the founder beside the letter */
.tg-letter-grid{max-width:none;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:48px clamp(48px,6vw,96px);align-items:start}
.tg-who{position:sticky;top:112px;max-width:380px;justify-self:end;width:100%;border-top:1px solid var(--px-ink);padding-top:22px}
.tg-who img{width:100%;max-width:300px;aspect-ratio:1;object-fit:cover;border-radius:14px;box-shadow:var(--sh-hi),var(--sh-2);display:block}
.tg-who-n{font:480 24px/1.15 var(--px-serif);letter-spacing:-.01em;color:var(--px-ink);margin:20px 0 4px!important}
.tg-who .px-ar{margin:0 0 14px!important}
.tg-who .px-abio{font:400 15px/1.55 var(--px-sans);color:var(--px-char);margin:0 0 18px!important}
.tg-who .px-alinks{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}
.tg-sig{margin-top:28px}
@media (width<=900px){.tg-letter-grid{grid-template-columns:1fr;gap:40px}.tg-who{position:static}.tg-who img{max-width:200px}}
@media print{.tg-who{position:static}}

/* CG119 · one label system on How we invest */
.tg-head{max-width:none}
.tg-head .tg-num{margin-bottom:28px}
.tg-head h2{max-width:18ch}

/* CG120 · the founder card */
.tg-who{border-top:0;padding-top:0;max-width:400px}
.tg-who-card{background:var(--px-card);border:1px solid var(--px-line);border-radius:18px;overflow:hidden;box-shadow:var(--sh-hi),var(--sh-2)}
.tg-who-card>img{width:100%;max-width:none;aspect-ratio:5/4;object-fit:cover;object-position:50% 18%;border-radius:0;box-shadow:none;display:block}
.tg-who-body{padding:22px 24px 24px}
.tg-who-n{font:480 26px/1.1 var(--px-serif);letter-spacing:-.015em;color:var(--px-ink);margin:0 0 6px!important}
.tg-who-r{font:400 13px/1.45 var(--px-sans);color:var(--px-mute);margin:0 0 18px!important}
.tg-facts{margin:0 0 20px;border-top:1px solid var(--px-ink)}
.tg-facts div{display:grid;grid-template-columns:84px minmax(0,1fr);gap:4px 14px;padding:11px 0;border-bottom:1px solid var(--px-line)}
.tg-facts dt{font:500 11px/1.6 var(--px-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--px-blue);padding-top:2px}
.tg-facts dd{margin:0;font:400 14px/1.5 var(--px-sans);color:var(--px-char)}
.tg-who .px-alinks{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px}
.tg-who .px-alinks .px-btn{font-size:14px;padding:11px 18px}
@media (width<=900px){.tg-who{max-width:none}.tg-who-card{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.tg-who-card>img{aspect-ratio:auto;height:100%}}
@media (width<=560px){.tg-who-card{grid-template-columns:1fr}.tg-who-card>img{aspect-ratio:4/3}.tg-facts div{grid-template-columns:1fr;gap:2px}}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .tg-who-card{border-color:var(--px-line2)}}

/* CG121 · the versus table */
.tg-vs{margin:clamp(56px,7vw,96px) 0 0}
.tg-vs>.tg-h3{margin:0 0 6px!important}
.tg-vs>.tg-clk-sub{font:400 17px/1.6 var(--px-sans);color:var(--px-char);max-width:760px;margin:0 0 28px!important}
.tg-vs-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.tg-vs-t{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;min-width:640px}
.tg-vs-t th,.tg-vs-t td{text-align:left;vertical-align:top;padding:18px 20px 20px 0;border-top:1px solid var(--px-line)}
.tg-vs-t thead th{border-top:0;padding-top:0;padding-bottom:16px;font:500 12px/1.5 var(--px-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--px-mute)}
.tg-vs-t thead th.us{color:var(--px-ink)}
.tg-vs-t thead th .mk{display:none;height:22px;width:auto;margin-bottom:10px}
.tg-vs-t thead th.us .mk.o{display:block}
.tg-vs-t col,.tg-vs-t th:first-child,.tg-vs-t td:first-child{width:18%}
.tg-vs-t tbody th{font:500 12px/1.6 var(--px-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--px-blue);padding-top:21px}
.tg-vs-t td{font:400 17px/1.5 var(--px-serif);color:var(--px-char)}
.tg-vs-t td.them{color:var(--px-mute)}
.tg-vs-t td.us{color:var(--px-ink)}
.tg-vs-t .us{background:var(--px-card);padding-left:22px;padding-right:22px;border-left:1px solid var(--px-line);border-right:1px solid var(--px-line)}
.tg-vs-t thead .us{border-top:1px solid var(--px-line);border-radius:14px 14px 0 0;padding-top:18px}
.tg-vs-t tbody tr:last-child .us{border-bottom:1px solid var(--px-line);border-radius:0 0 14px 14px}
.tg-vs-t tbody tr:last-child td.us{font-weight:500}
.tg-vs figcaption{font:400 17px/1.6 var(--px-sans);color:var(--px-char);max-width:760px;margin:24px 0 0}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .tg-vs-t thead th.us .mk.o{display:none}:root:not([data-theme="light"]) .tg-vs-t thead th.us .mk.r{display:block}}
@media (width<=640px){.tg-vs-t td{font-size:15px}.tg-vs-t th,.tg-vs-t td{padding-right:14px}}
/* CG121 · the hero's light */
.tg-one-light{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.tg-one-light i{position:absolute;border-radius:50%;filter:blur(70px);will-change:transform;opacity:.9}
.tg-one-light .a{width:min(900px,110vw);height:min(900px,110vw);left:50%;top:-10%;margin-left:min(-450px,-55vw);background:radial-gradient(closest-side,#1559f566,#1559f500 70%);animation:tg-lt-a 26s ease-in-out infinite alternate}
.tg-one-light .b{width:min(640px,90vw);height:min(640px,90vw);left:62%;top:28%;background:radial-gradient(closest-side,#5b8cfa40,#5b8cfa00 70%);animation:tg-lt-b 34s ease-in-out infinite alternate}
@keyframes tg-lt-a{from{transform:translate(0,0) scale(1)}to{transform:translate(-8%,10%) scale(1.12)}}
@keyframes tg-lt-b{from{transform:translate(0,0) scale(1)}to{transform:translate(-28%,-14%) scale(.9)}}
.px-off .tg-one-light i,.tg-one.px-off .tg-one-light i{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.tg-one-light i{animation:none}}
@media print{.tg-one-light{display:none}}

/* CG122 · the real Tiny bar, in our colours: the brand blue field, paper, warm paper, the serif */
.tg-sky-home{--tb:#1559F5;--tb2:#0F47D1;--paper:#ffffff;--warm:#edeff5;--subtle:#f2f4f8;--ink:#16181D}
.tg-sky-home .px-ledger{display:none}
.tg-sky-home .px-head,body.tg-home.tg-sky-home .px-head{background:#fff!important;border-color:#0000000f!important;position:fixed;top:14px;left:50%;transform:translateX(-50%);width:min(1040px,calc(100% - 24px));background:#fff;border:1px solid #0000000f;border-radius:999px;box-shadow:0 10px 30px #0000001f,0 1px 0 #ffffffb0 inset;z-index:50;padding:0}
.tg-sky-home .px-head .px-in{padding:8px 10px 8px 22px;min-height:0}
body.tg-home.tg-sky-home .px-head .lg-o{display:block!important}body.tg-home.tg-sky-home .px-head .lg-r{display:none!important}
.tg-sky-home .px-head .px-brand img{height:26px}
.tg-sky-home .px-nav a,body.tg-home.tg-sky-home .px-nav a{color:var(--ink)!important}
body.tg-home.tg-sky-home .px-cta{background:var(--tb)!important;color:#fff!important}
.tg-sky-home .px-cta{background:var(--tb);color:#fff!important;border-radius:999px;padding:10px 18px}
.tg-sky-home .px-cta:hover{background:var(--tb2)}
.tg-sky-home .px-menu summary span{background:var(--ink)}
.tg-sky-home main{padding-top:0}
.tg-blue{background:var(--tb);color:#fff;position:relative;isolation:isolate;overflow:hidden}
.tg-blue:before{content:"";position:absolute;inset:0;opacity:.07;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px}
/* the first screen */
.tg-sky{min-height:min(100svh,920px);display:grid;place-items:center;padding:140px 0 72px;text-align:center}
.tg-sky .tg-sky-in{position:relative;z-index:5!important;transform:translateZ(0);max-width:980px;pointer-events:none;isolation:isolate}.tg-sky .tg-orbit{z-index:1}.tg-sky-in a{pointer-events:auto}
.tg-sky h1{font:600 clamp(54px,8.6vw,124px)/.98 var(--px-serif);letter-spacing:-.03em;color:#fff;margin:0 auto;max-width:11ch;text-wrap:balance}
.tg-sky-dek{font:400 clamp(18px,1.5vw,22px)/1.5 var(--px-serif);color:#fff;opacity:.92;max-width:620px;margin:26px auto 0;text-wrap:pretty}
.tg-sky-dek strong{font-weight:600}
.tg-sky-cta{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 14px;margin:30px 0 0}
.tg-btn{display:inline-flex;align-items:center;gap:8px;font:500 15px/1 var(--px-sans);padding:15px 22px;border-radius:999px;text-decoration:none!important;transition:transform .2s,box-shadow .2s,background .2s}
.tg-btn:hover{transform:translateY(-1px)}
.tg-btn.w{background:#fff;color:var(--tb)!important;box-shadow:0 8px 24px #00000026}
.tg-btn.g{background:#ffffff1f;color:#fff!important;border:1px solid #ffffff55}.tg-btn.g:hover{background:#ffffff33}
.tg-btn.b{background:var(--tb);color:#fff!important;box-shadow:0 8px 24px #1559f540}.tg-btn.b:hover{background:var(--tb2)}
/* the orbit */
.tg-orbit{position:absolute;inset:0;z-index:1;pointer-events:none;perspective:2800px;display:grid;place-items:center}
.tg-orb3d{width:min(1440px,170vw);aspect-ratio:1;transform-style:preserve-3d;transform:rotateX(50deg);position:relative}
.tg-spin{position:absolute;inset:0;transform-style:preserve-3d;animation:tg-spin 140s linear infinite;will-change:transform}
.tg-ring{position:absolute;inset:0;width:100%;height:100%;fill:#ffffff8c}
.tg-seat{position:absolute;left:50%;top:50%;width:0;height:0;transform:rotate(var(--a)) translate(48%) rotate(calc(-1*var(--a)));transform-style:preserve-3d}
.tg-seat{transform:rotate(var(--a)) translateX(calc(min(1440px,170vw)*.48)) rotate(calc(-1*var(--a)))}
.tg-coin{position:absolute;left:0;top:0;translate:-50% -50%;display:grid;place-items:center;border-radius:50%;background:#fff;box-shadow:0 18px 40px #00000040,0 1px 0 #fff inset;pointer-events:auto;transform:rotateX(-50deg);animation:tg-unspin 140s linear infinite;will-change:transform;text-decoration:none!important}
.tg-coin.lg{width:168px;height:168px}.tg-coin.md{width:148px;height:148px}.tg-coin.sm{width:112px;height:112px}
.tg-coin img{display:block;width:72%;height:auto}
.tg-coin.badge{background:var(--tb);box-shadow:0 18px 40px #00000040,0 0 0 6px #ffffff33}.tg-coin.badge img{width:100%;border-radius:50%}
.tg-coin:hover{box-shadow:0 24px 50px #00000055,0 0 0 4px #ffffff66}
@keyframes tg-spin{to{transform:rotate(360deg)}}
@keyframes tg-unspin{from{transform:rotate(0) rotateX(-50deg)}to{transform:rotate(-360deg) rotateX(-50deg)}}
.px-off .tg-spin,.px-off .tg-coin{animation-play-state:paused}
/* the counter */
.tg-count{position:absolute;inset:0;z-index:3;display:grid;place-content:center;text-align:center;pointer-events:none;opacity:0;transition:opacity .5s}
.tg-count.on{opacity:1}
.tg-year{font:600 clamp(96px,16vw,220px)/1 var(--px-serif);letter-spacing:-.04em;color:#fff;font-variant-numeric:tabular-nums}
.tg-cl{font:500 12px/1 var(--px-mono);letter-spacing:.18em;text-transform:uppercase;color:#fff;opacity:.85;margin-top:10px}
html.js .tg-sky.counting .tg-sky-in,html.js .tg-sky.counting .tg-orbit{opacity:0}
.tg-sky .tg-sky-in,.tg-sky .tg-orbit{transition:opacity .9s var(--ease-out)}
/* the proof bar */
.tg-proof{padding:0 0 clamp(64px,8vw,112px)}
.tg-proof-p{font:400 clamp(18px,1.6vw,23px)/1.5 var(--px-serif);color:#fff;max-width:760px;margin:0 auto 36px;text-align:center;text-wrap:pretty}
.tg-glass{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0 auto;max-width:1040px;background:#ffffff14;border:1px solid #ffffff3d;border-radius:20px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 20px 60px #0000002e,0 1px 0 #ffffff40 inset}
.tg-glass>div{padding:28px 24px 26px;text-align:center;border-left:1px solid #ffffff2a}
.tg-glass>div:first-child{border-left:0}
.tg-glass dt{font:600 clamp(40px,4.4vw,60px)/1 var(--px-serif);letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums lining-nums}
.tg-glass dd{margin:10px 0 0;font:400 13.5px/1.4 var(--px-sans);color:#fff;opacity:.85}
.od{display:inline-flex;overflow:hidden;line-height:1;height:1em}
.od b{display:inline-block;font-weight:inherit}
.od .col{display:inline-block;height:1em;overflow:hidden;position:relative;width:.62em;text-align:center}
.od .col i{display:block;font-style:normal;transform:translateY(calc(var(--d)*-1em));transition:transform 1.6s cubic-bezier(.2,.8,.2,1)}
.od .col i span{display:block;height:1em}
.od:not(.go) .col i{transform:translateY(0)}
@media (prefers-reduced-motion:reduce){.od .col i{transition:none}}
/* surfaces */
.tg-paper{background:var(--paper)}.tg-warm{background:var(--warm)}.tg-subtle{background:var(--subtle)}
.tg-sky-home .px-sec{padding-top:clamp(80px,9vw,128px);padding-bottom:clamp(80px,9vw,128px)}
/* the letter card */
.tg-vgrid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px clamp(40px,6vw,96px);align-items:start}
.tg-big{font-family:var(--px-serif);font-weight:600;font-size:clamp(38px,4.6vw,66px);line-height:1.04;letter-spacing:-.025em;max-width:none}
.tg-big em{font-style:normal;color:var(--tb)}
.tg-vlead{position:sticky;top:120px}
.tg-lcard{background:#fff;border:1px solid #00000010;border-radius:22px;padding:clamp(28px,3.5vw,48px);box-shadow:0 30px 80px #00000012,0 1px 0 #fff inset}
.tg-lcard-k{font:500 12px/1 var(--px-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--px-mute);margin:0 0 22px!important}
.tg-lcard .tg-salute{margin:0 0 16px!important}
.tg-lcard .tg-lp{max-width:none;font-size:clamp(17px,1.35vw,19.5px)}
.tg-lcard-k2{font:500 15px/1.4 var(--px-sans);color:var(--ink);margin:26px 0 10px!important}
.tg-owns{margin:0 0 26px;padding:0;list-style:none;display:grid;gap:8px}
.tg-owns li{font:400 16px/1.5 var(--px-sans);color:var(--px-char);padding-left:20px;position:relative}
.tg-owns li:before{content:"";position:absolute;left:4px;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--tb)}
.tg-owns a{color:var(--tb);font-weight:500;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.tg-lsig{display:flex;align-items:center;gap:14px;border-top:1px solid var(--px-line);padding-top:22px;margin-top:6px}
.tg-lsig img{width:56px;height:56px;border-radius:50%;object-fit:cover;object-position:50% 20%;box-shadow:var(--sh-2)}
.tg-lsig b{display:block;font:600 16px/1.3 var(--px-sans);color:var(--ink)}
.tg-lsig span{display:block;font:400 13px/1.4 var(--px-sans);color:var(--px-mute)}
.tg-lmore{display:flex;flex-wrap:wrap;gap:12px 28px;margin:22px 0 0!important}
.tg-lmore .px-link{color:var(--tb)}
/* the tiles */
.tg-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:40px}
.tg-tile{display:grid;grid-template-columns:56px minmax(0,1fr);gap:18px;align-items:start;padding:24px 26px;background:#fff;border:1px solid #00000010;border-radius:18px;box-shadow:var(--sh-hi),var(--sh-1);transition:transform .25s,box-shadow .25s}
.tg-tile:hover{transform:translateY(-3px);box-shadow:var(--sh-hi),var(--sh-3)}
.tg-ico{display:grid;place-items:center;width:56px;height:56px;border-radius:14px;background:#1559f514;color:var(--tb)}
.tg-ico svg{width:28px;height:28px}
.tg-tile h3{font:600 19px/1.25 var(--px-sans);color:var(--ink);margin:4px 0 6px}
.tg-tile p{font:400 15px/1.55 var(--px-sans);color:var(--px-char);margin:0}
.tg-sky-home .px-more{margin-top:32px}
/* us vs them */
.tg-vs2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:40px}
.tg-vcard{border-radius:20px;padding:30px 30px 26px;background:#fff;border:1px solid #00000012;box-shadow:var(--sh-hi),var(--sh-1)}
.tg-vcard.us{background:#eef3ff;border-color:#1559f533;box-shadow:0 0 0 1px #1559f51a,0 24px 60px #1559f51f}
.tg-vcard h3{font:600 22px/1.2 var(--px-sans);color:var(--ink);margin:0 0 18px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.tg-vcard.us h3{color:var(--tb)}
.tg-vcard h3 .mk{height:20px;width:auto;display:block}
.tg-vcard ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.tg-vcard li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:12px;align-items:start;font:400 16px/1.5 var(--px-sans);color:var(--px-char)}
.tg-vcard.us li{color:var(--ink)}
.tg-x,.tg-v{display:block;width:18px;height:18px;margin-top:3px;border-radius:50%}
.tg-x{background:#d9480f18;position:relative}.tg-x:before,.tg-x:after{content:"";position:absolute;left:4px;right:4px;top:8px;height:2px;background:#d9480f;border-radius:2px;transform:rotate(45deg)}.tg-x:after{transform:rotate(-45deg)}
.tg-v{background:var(--tb);position:relative}.tg-v:after{content:"";position:absolute;left:5px;top:4px;width:6px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.tg-vgo{margin:22px 0 0!important}.tg-vgo .px-link{color:var(--tb)}
/* after you sell */
.tg-after{margin-top:24px;background:#fff;border:1px solid #00000012;border-radius:22px;padding:clamp(24px,3vw,40px);box-shadow:var(--sh-hi),var(--sh-1)}
.tg-after-h{font:600 clamp(24px,2.6vw,34px)/1.15 var(--px-serif);letter-spacing:-.02em;color:var(--ink);text-align:center;margin:0 0 22px}
.tg-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:0 auto 26px;padding-bottom:18px;border-bottom:2px solid var(--tb);max-width:640px}
.tg-tabs button{font:500 14px/1 var(--px-sans);padding:11px 16px;border-radius:999px;border:1px solid #00000018;background:#fff;color:var(--ink);cursor:pointer;transition:background .2s,color .2s}
.tg-tabs button[aria-selected=true]{background:var(--tb);color:#fff;border-color:var(--tb)}
.tg-after-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.tg-acard{border:1.5px solid #d9480f55;border-radius:16px;padding:22px 22px 20px;text-align:center;background:#fff}
.tg-acard.us{border-color:#1559f566;background:#f5f8ff}
.tg-acard h4{font:600 17px/1.3 var(--px-sans);color:var(--ink);margin:0 0 14px}
.tg-acard.us h4{color:var(--tb)}
.tg-art{height:140px;display:grid;place-items:center}
.tg-art svg{width:min(100%,300px);height:auto;overflow:visible}
.tg-art .ln{stroke:#d9480f}.tg-art.us .ln{stroke:var(--tb)}
.tg-art.us .ar{fill:url(#tg-ag)}
.tg-art g{opacity:.25;transition:opacity .4s,transform .4s}
.tg-art g circle{fill:#d9480f}.tg-art.us g circle{fill:var(--tb)}
.tg-art g path{stroke:#d9480f}
.tg-art text{font:600 11px var(--px-sans);fill:#d9480f}
.tg-after[data-tab="0"] .s0,.tg-after[data-tab="1"] .s1,.tg-after[data-tab="2"] .s2,.tg-after[data-tab="3"] .s3{opacity:1}
.tg-aline{margin:0;min-height:3.2em;font:400 16px/1.5 var(--px-sans);color:var(--px-char)}
.tg-acard.us .tg-aline{color:var(--tb);font-weight:500}
.tg-aline span{display:none}
.tg-after[data-tab="0"] .tg-aline span:nth-child(1),.tg-after[data-tab="1"] .tg-aline span:nth-child(2),.tg-after[data-tab="2"] .tg-aline span:nth-child(3),.tg-after[data-tab="3"] .tg-aline span:nth-child(4){display:block}
html:not(.js) .tg-aline span{display:block}
html:not(.js) .tg-art g{opacity:1}
/* the nevers */
.tg-obj{list-style:none;margin:36px 0 0;padding:0;display:grid}
.tg-obj li{display:grid;grid-template-columns:72px minmax(0,1fr);gap:18px;align-items:baseline;padding:22px 0;border-top:1px solid var(--px-line)}
.tg-obj li:last-child{border-bottom:1px solid var(--px-line)}
.tg-on{font:600 22px/1 var(--px-serif);color:var(--tb);letter-spacing:-.02em}
.tg-obj p{margin:0;font:480 clamp(20px,2vw,26px)/1.3 var(--px-serif);color:var(--ink);letter-spacing:-.01em;max-width:46ch}
/* the market keeps its own dress on paper */
.tg-sky-home .tg-mkt{background:var(--paper)}
/* the close */
.tg-close{padding:clamp(72px,9vw,128px) 0 clamp(72px,8vw,112px);text-align:center}
.tg-coins2{list-style:none;margin:0 auto 36px;padding:0;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:14px;position:relative;z-index:1}
.tg-coins2 .tg-coin{position:static;translate:none;transform:none;animation:none}
.tg-coins2 .tg-coin.lg{width:132px;height:132px}.tg-coins2 .tg-coin.md{width:118px;height:118px}
.tg-coin.seat{width:118px;height:118px;background:none;border:2px dashed #ffffff88;box-shadow:none;color:#fff;flex-direction:column;gap:2px}
.tg-coin.seat span{font:500 34px/1 var(--px-sans)}.tg-coin.seat small{font:500 12px/1.2 var(--px-sans)}
.tg-close-in{position:relative;z-index:1}
.tg-num.w{justify-content:center;color:#ffffffb8}.tg-num.w span{color:#fff}.tg-num.w:after{display:none}
.tg-close h2{font:600 clamp(36px,5.4vw,76px)/1.02 var(--px-serif);letter-spacing:-.03em;color:#fff;max-width:16ch;margin:0 auto;text-wrap:balance}
.tg-close-sub{font:400 clamp(17px,1.4vw,20px)/1.5 var(--px-sans);color:#fff;opacity:.9;max-width:560px;margin:20px auto 0}
.tg-close-cta{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 14px;margin:28px 0 0}
.tg-close-more{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 24px;margin:36px 0 0;font:400 14px/1.4 var(--px-sans);color:#fff;opacity:.85}
.tg-close-more a{color:#fff;text-decoration:none;border-bottom:1px solid #ffffff66}
/* widths */
@media (width<=1000px){.tg-vgrid{grid-template-columns:1fr}.tg-vlead{position:static}.tg-orb3d{width:min(1440px,200vw)}.tg-seat{transform:rotate(var(--a)) translateX(calc(min(1440px,200vw)*.48)) rotate(calc(-1*var(--a)))}}
@media (width<=820px){.tg-glass{grid-template-columns:repeat(2,minmax(0,1fr))}.tg-glass>div:nth-child(3){border-left:0}.tg-glass>div:nth-child(n+3){border-top:1px solid #ffffff2a}.tg-tiles,.tg-vs2,.tg-after-cards{grid-template-columns:1fr}.tg-coin.lg{width:124px;height:124px}.tg-coin.md{width:108px;height:108px}.tg-coin.sm{width:84px;height:84px}.tg-sky{padding-top:120px}.tg-sky-home .px-head{top:10px}.tg-sky-home .px-head .px-in{padding-left:16px}}
@media (width<=820px){.tg-orb3d{width:min(1440px,230vw);transform:translateY(-24%) rotateX(72deg)}.tg-seat{transform:rotate(var(--a)) translateX(calc(min(1440px,230vw)*.48)) rotate(calc(-1*var(--a)))}.tg-coin{transform:rotateX(-72deg)}@keyframes tg-unspin{from{transform:rotate(0) rotateX(-72deg)}to{transform:rotate(-360deg) rotateX(-72deg)}}.tg-sky{padding-top:400px;padding-bottom:40px;min-height:0}}
@media (width<=560px){.tg-sky h1{font-size:clamp(46px,13.5vw,64px)}.tg-coin.lg{width:96px;height:96px}.tg-coin.md{width:84px;height:84px}.tg-coin.sm{width:64px;height:64px}.tg-coin img{width:70%}.tg-obj li{grid-template-columns:48px 1fr}.tg-tile{grid-template-columns:44px 1fr;gap:14px;padding:18px}.tg-ico{width:44px;height:44px}.tg-coins2 .tg-coin.lg{width:104px;height:104px}.tg-coins2 .tg-coin.md,.tg-coin.seat{width:92px;height:92px}}
@media (prefers-reduced-motion:reduce){.tg-spin,.tg-coin{animation:none}.tg-coin{transform:rotateX(-50deg)}html.js .tg-sky.counting .tg-sky-in,html.js .tg-sky.counting .tg-orbit{opacity:1}.tg-count{display:none}}
@media print{.tg-blue{background:none;color:var(--ink)}.tg-orbit,.tg-count,.tg-coins2{display:none}.tg-sky h1,.tg-close h2,.tg-glass dt,.tg-glass dd,.tg-proof-p,.tg-sky-dek,.tg-close-sub{color:var(--ink)}.tg-glass{backdrop-filter:none;background:none;border-color:var(--px-line)}.tg-sky-home .px-head{position:static;transform:none;width:auto;box-shadow:none}.tg-aline span{display:block}}
/* dark mode keeps the blue field; the paper sections take the site's dark tokens */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .tg-sky-home{--paper:var(--px-paper);--warm:var(--px-paper2);--subtle:var(--px-paper2);--ink:var(--px-ink)}
:root:not([data-theme="light"]) .tg-lcard,:root:not([data-theme="light"]) .tg-tile,:root:not([data-theme="light"]) .tg-vcard,:root:not([data-theme="light"]) .tg-after,:root:not([data-theme="light"]) .tg-acard,:root:not([data-theme="light"]) .tg-tabs button{background:var(--px-card);border-color:var(--px-line)}
:root:not([data-theme="light"]) .tg-vcard.us,:root:not([data-theme="light"]) .tg-acard.us{background:#141c2e;border-color:#5b8cfa66}
:root:not([data-theme="light"]) .tg-vcard.us h3,:root:not([data-theme="light"]) .tg-acard.us h4,:root:not([data-theme="light"]) .tg-acard.us .tg-aline,:root:not([data-theme="light"]) .tg-big em,:root:not([data-theme="light"]) .tg-owns a,:root:not([data-theme="light"]) .tg-lmore .px-link,:root:not([data-theme="light"]) .tg-vgo .px-link,:root:not([data-theme="light"]) .tg-on{color:#8fb0ff}
:root:not([data-theme="light"]) .tg-ico{background:#5b8cfa22;color:#8fb0ff}
:root:not([data-theme="light"]) .tg-v{background:#5b8cfa}
:root:not([data-theme="light"]) body.tg-home.tg-sky-home .px-head{background:var(--px-card)!important;border-color:var(--px-line)!important}
:root:not([data-theme="light"]) .tg-sky-home .px-head .lg-o{display:none!important}:root:not([data-theme="light"]) .tg-sky-home .px-head .lg-r{display:block!important}
:root:not([data-theme="light"]) body.tg-home.tg-sky-home .px-nav a{color:var(--px-ink)!important}
:root:not([data-theme="light"]) .tg-coin{background:#fff}:root:not([data-theme="light"]) .tg-coin.seat{background:none}
:root:not([data-theme="light"]) .tg-sky-home .tg-mkt{background:var(--px-paper)}}

/* CG123 · the calculator and the quiz on the home */
.tg-glass{grid-template-columns:1.5fr repeat(4,minmax(0,1fr));max-width:1160px}
.tg-sky-home .tg-opt input:checked+span{background:var(--tb)!important;border-color:var(--tb)!important;color:#fff!important}.tg-sky-home .tg-opt input:checked+span small{color:#ffffffcc!important}
.tg-glass dt{font-size:clamp(34px,3.6vw,52px)}
.tg-glass>.lead{background:#ffffff14}.tg-glass>.lead dt{font-size:clamp(40px,4.4vw,64px)}
.tg-rcpt{display:block;margin-top:6px;font:500 12px/1.3 var(--px-sans);color:#fff;text-decoration:underline;text-underline-offset:3px;opacity:.9}.tg-rcpt:hover{opacity:1}
@media (width<=820px){.tg-glass{grid-template-columns:repeat(2,minmax(0,1fr))}.tg-glass>div:nth-child(3){border-left:1px solid #ffffff2a}.tg-glass>div:nth-child(odd){border-left:0}.tg-glass>div:nth-child(n+3){border-top:1px solid #ffffff2a}.tg-glass>div:last-child{grid-column:1/-1;border-left:0}}
.tg-calc{margin-top:22px;background:#fff;border:1px solid #00000010;border-radius:20px;padding:clamp(22px,3vw,36px);box-shadow:var(--sh-hi),var(--sh-1)}
.tg-calc-head{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px 24px;margin-bottom:22px}
.tg-calc-k{font:500 12px/1 var(--px-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--px-mute);margin:0!important}
.tg-calc-h{font:600 clamp(20px,2vw,26px)/1.2 var(--px-serif);letter-spacing:-.015em;color:var(--ink);margin:0}
.tg-calc-row{position:relative;padding-bottom:26px}
.tg-calc-in{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;background:linear-gradient(90deg,var(--tb) var(--p,20%),#e0e4ee var(--p,20%));outline:none;margin:10px 0}
.tg-calc-in::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border-radius:50%;background:var(--tb);border:3px solid #fff;box-shadow:0 2px 10px #1559f566;cursor:pointer}
.tg-calc-in::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:var(--tb);border:3px solid #fff;box-shadow:0 2px 10px #1559f566;cursor:pointer}
.tg-calc-in:focus-visible{box-shadow:0 0 0 4px #1559f533}
.tg-calc-scale{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;font:500 11px/1 var(--px-mono);letter-spacing:.06em;color:var(--px-mute)}
.tg-calc-scale .lo,.tg-calc-scale .hi{color:var(--tb)}
.tg-calc-out{margin-top:18px;padding:20px 22px;border-radius:14px;background:#eef3ff;border:1px solid #1559f52a}
.tg-calc-out.under,.tg-calc-out.over{background:var(--subtle);border-color:#00000012}
.tg-calc-n{margin:0!important;font:500 clamp(20px,2.2vw,28px)/1.25 var(--px-serif);color:var(--ink);letter-spacing:-.015em}
.tg-calc-n b{color:var(--tb);font-weight:600}
.tg-calc-out.under .tg-calc-n b,.tg-calc-out.over .tg-calc-n b{color:var(--ink)}
.tg-calc-v{margin:8px 0 0!important;font:400 15px/1.5 var(--px-sans);color:var(--px-char)}
.tg-calc-foot{margin:14px 0 0!important;font:400 13px/1.5 var(--px-sans);color:var(--px-mute)}
.tg-sky-home .tg-fit{margin-top:0;background:#fff;border-color:#00000010;box-shadow:var(--sh-hi),var(--sh-1)}
.tg-sky-home .tg-fit-head{display:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .tg-calc,:root:not([data-theme="light"]) .tg-sky-home .tg-fit{background:var(--px-card);border-color:var(--px-line)}
:root:not([data-theme="light"]) .tg-calc-in{background:linear-gradient(90deg,#5b8cfa var(--p,20%),#2a2f38 var(--p,20%))}
:root:not([data-theme="light"]) .tg-calc-out{background:#141c2e;border-color:#5b8cfa55}
:root:not([data-theme="light"]) .tg-calc-out.under,:root:not([data-theme="light"]) .tg-calc-out.over{background:var(--px-paper2);border-color:var(--px-line)}
:root:not([data-theme="light"]) .tg-calc-n b,:root:not([data-theme="light"]) .tg-calc-scale .lo,:root:not([data-theme="light"]) .tg-calc-scale .hi{color:#8fb0ff}}

/* CG125 · three cards */
.tg-vs3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:40px;align-items:stretch}
.tg-vs3 .tg-vcard{display:flex;flex-direction:column}
.tg-vs3 .tg-vcard ul{flex:1;align-content:start}
.tg-vs3 .tg-vcard.us{transform:translateY(-6px)}
@media (width<=1000px){.tg-vs3{grid-template-columns:1fr}.tg-vs3 .tg-vcard.us{transform:none}}

/* CG126 · Ask the firm (the panel, from cultureai.com B181) */
:root{--px-dockh:0px}
.px-ask-rt{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}
.px-ask-rt b{font:500 13px/1.4 var(--px-sans);color:var(--px-blue)}
.px-ask-rt span{font:500 18px/1.35 var(--px-serif);letter-spacing:-.004em;color:var(--px-ink);overflow-wrap:anywhere}
.px-ask{border:1px solid var(--px-line);background:var(--px-card);border-radius:16px;margin:2px 10px 10px;padding:18px 20px 16px}
.px-ask-top{justify-content:space-between;align-items:center;gap:12px;display:flex}
.px-ask-k{font:500 13px/1.4 var(--px-sans);color:var(--px-blue);align-items:center;gap:9px;display:inline-flex}
.px-ask-k img{width:22px;height:22px;display:block}
.px-ask-x{border:1px solid var(--px-line2);background:var(--px-card);font:400 12px/1 var(--px-mono);color:var(--px-char);cursor:pointer;border-radius:8px;flex:none;min-height:32px;margin:0;padding:0 12px}
.px-ask-x:hover{border-color:var(--px-ink);color:var(--px-ink)}
.px-ask-f{border-left:2px solid var(--px-blue);font:400 15px/1.55 var(--px-serif);color:var(--px-char);margin:14px 0 0;padding:4px 0 4px 14px}
.px-ask-f span{font:500 12px/1.4 var(--px-sans);color:var(--px-mute);margin-bottom:4px;display:block}
.px-ask-q{font:500 21px/1.3 var(--px-serif);letter-spacing:-.006em;color:var(--px-ink);margin:12px 0 0!important}
.px-ask-q:empty{display:none}
.px-ask-a{font:400 17px/1.62 var(--px-serif);color:#2b3550;margin-top:10px}
.px-ask-a p{margin:0 0 12px!important}
.px-ask-a p:last-child{margin-bottom:4px!important}
.px-ask-wait{font:400 15px/1.4 var(--px-sans);color:var(--px-mute);align-items:center;gap:6px;display:flex;margin:4px 0 6px!important}
.px-ask-wait i{background:var(--px-blue);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite px-askdot;display:block}
.px-ask-wait i:nth-child(2){animation-delay:.15s}
.px-ask-wait i:nth-child(3){animation-delay:.3s}
.px-ask-wait span{margin-left:6px}
@keyframes px-askdot{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
.px-ask-msg{font:400 15px/1.5 var(--px-sans);color:var(--px-char);margin:4px 0!important}
.px-ask-src{border-top:1px solid var(--px-line);gap:2px;margin:8px 0 0;padding:12px 0 0;list-style:none;display:grid}
.px-ask-src li{margin:0;padding:0}
.px-ask-src a{color:inherit;border-radius:10px;grid-template-columns:24px minmax(0,1fr);gap:2px 10px;padding:9px 8px;display:grid;text-decoration:none!important}
.px-ask-src a:hover{background:var(--px-paper2)}
.px-ask-src a:focus-visible{background:var(--px-paper2);box-shadow:inset 0 0 0 2px var(--px-blue);outline:none}
.px-ask-n{color:var(--px-blue-ink);font:500 11px/1 var(--px-mono);background:#e9eefb;border-radius:999px;grid-row:1/4;justify-content:center;align-self:start;align-items:center;width:22px;height:22px;margin-top:1px;display:inline-flex}
.px-ask-src a.scr .px-ask-n{color:var(--px-violet-ink);background:#f1eafd}
.px-ask-st{font:500 15.5px/1.35 var(--px-serif);color:var(--px-ink)}
.px-ask-sm{font:400 12.5px/1.4 var(--px-sans);color:var(--px-mute)}
.px-ask-sx{font:400 13.5px/1.5 var(--px-sans);color:var(--px-char);margin-top:2px}
.px-ask-acts{flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:12px;display:flex}
.px-ask-hear{background:var(--px-ink);color:var(--px-paper);font:500 14px/1 var(--px-sans);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:8px;min-height:44px;margin:0;padding:0 18px 0 14px;display:inline-flex}
.px-ask-hear svg{fill:currentColor;width:18px;height:18px;display:block}
.px-ask-hear.on{background:var(--px-blue)}
.px-ask-hear[aria-busy=true]{opacity:.72;cursor:progress}
.px-ask-hear:focus-visible{outline:2px solid var(--px-blue);outline-offset:3px}
.px-ask-send{font:500 14px/1.3 var(--px-sans);text-underline-offset:4px;align-items:center;min-height:44px;display:inline-flex;color:var(--px-blue)!important;text-decoration:underline!important}
.px-ask-note{font:400 12.5px/1.45 var(--px-sans);color:var(--px-mute);margin:12px 0 0!important}
.px-askband{padding:0 0 clamp(30px,4vw,52px)}
.px-askf{border:1px solid var(--px-line);background:var(--px-card);border-radius:18px;max-width:860px;margin:0;padding:24px 26px 22px}
.px-askf-h{color:var(--px-blue);align-items:center;gap:10px;display:flex;font:500 15px/1.4 var(--px-sans)!important;letter-spacing:0!important;margin:0!important}
.px-askband.scr .px-askf-h{color:var(--px-violet)}
.px-askf-h img{width:26px;height:26px;display:block}
.px-askf-d{font:400 16px/1.55 var(--px-sans);color:var(--px-char);max-width:640px;margin:8px 0 0!important}
.px-askf-row{gap:10px;margin-top:16px;display:flex}
.px-askf-row input{border:1px solid var(--px-line2);background:var(--px-paper);font:400 17px/1.2 var(--px-sans);color:var(--px-ink);-webkit-appearance:none;appearance:none;border-radius:12px;flex:1;min-width:0;height:52px;margin:0;padding:0 16px}
.px-askf-row input::placeholder{color:#7c86a0}
.px-askf-row input:focus{outline:2px solid var(--px-blue);outline-offset:1px;border-color:#0000}
.px-askband.scr .px-askf-row input:focus{outline-color:var(--px-violet)}
.px-askf-row .px-btn{flex:none;min-height:52px;padding:0 26px}
.px-askband.scr .px-askf-row .px-btn{background:var(--px-violet)}
.px-askf-try{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}
.px-askf-try span{font:500 12px/1.4 var(--px-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--px-mute);margin-right:4px}
.px-askf-try button{border:1px solid var(--px-line2);font:400 14px/1.25 var(--px-sans);color:var(--px-char);text-align:left;cursor:pointer;background:0 0;border-radius:999px;min-height:40px;margin:0;padding:0 14px}
.px-askf-try button:hover{border-color:var(--px-ink);color:var(--px-ink)}
.px-askf-try button:focus-visible{outline:2px solid var(--px-blue);outline-offset:2px}
html:not(.js) .px-askband{display:none}
@media (pointer:coarse){.px-askf-try button{min-height:44px}}
@media (width<=560px){.px-askf{padding:20px 16px 18px}.px-askf-row{flex-direction:column}.px-askf-row .px-btn{width:100%}.px-ask{margin:2px 6px 10px;padding:16px 14px 14px}.px-ask-a{font-size:16.5px}}
@media (prefers-reduced-motion:reduce){.px-ask-wait i{opacity:.6;animation:none}}
@media print{.px-askband,.px-qsheet{display:none!important}}
.px-askfab{z-index:160;background:var(--px-ink);color:var(--px-paper);font:500 15px/1 var(--px-sans);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:9px;min-height:50px;padding:0 20px 0 16px;display:inline-flex;position:fixed;right:max(16px,env(safe-area-inset-right));bottom:calc(max(16px,env(safe-area-inset-bottom)) + var(--px-dockh));box-shadow:0 14px 34px -14px #0a163380,0 0 0 1px #ffffff0f;transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s,bottom .25s}
.px-askfab svg{width:20px;height:20px}
.px-askfab.scr{background:var(--px-violet)}
@media (hover:hover){.px-askfab:hover{transform:translateY(-2px);box-shadow:0 18px 40px -14px #0a163399,0 0 0 1px #ffffff0f}}
.px-askfab:active{scale:.97}
.px-askp-open .px-askfab{opacity:0;pointer-events:none}
@media (width<=700px){.px-askfab span{display:none}.px-askfab{padding:0;width:52px;height:52px;justify-content:center}}
@media print{.px-askfab,.px-askp{display:none!important}}
.px-askp{z-index:170;position:fixed;inset:auto max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) auto;width:min(440px,100vw - 32px);height:min(680px,100vh - 32px - env(safe-area-inset-bottom));background:var(--px-paper);color:var(--px-ink);border:1px solid var(--px-line);border-radius:20px;box-shadow:0 30px 70px -20px #0a163366,0 0 0 1px #0000000a;animation:.28s cubic-bezier(.2,.7,.2,1) both px-askp-in;font-family:var(--px-sans)}
.px-askp[hidden]{display:none}
@keyframes px-askp-in{0%{opacity:0;translate:0 14px}to{opacity:1;translate:none}}
@media (prefers-reduced-motion:reduce){.px-askp{animation:none}}
@media (width<=700px){.px-askp{inset:0;width:auto;height:auto;border-radius:0;border:0}}
#px-askpage{min-height:max(520px,min(720px,80vh))}
.px-askp.inline{position:static;inset:auto;width:auto;height:max(520px,min(720px,80vh));animation:none;box-shadow:0 1px 0 #0000000a,0 18px 40px -28px #0a163366}
.px-askp-in{height:100%;display:flex;flex-direction:column;min-height:0}
.px-askp-h{align-items:center;gap:12px;padding:16px 18px 12px;border-bottom:1px solid var(--px-line);display:flex}
.px-askp-h img{width:28px;height:28px;flex:none}
.px-askp-t{font:600 16px/1.2 var(--px-sans);color:var(--px-blue);margin:0}
.px-askp.scr .px-askp-t{color:var(--px-violet)}
.px-askp-d{font:400 13px/1.4 var(--px-sans);color:var(--px-mute);margin:2px 0 0}
.px-askp-x{margin-left:auto;background:0 0;border:0;color:var(--px-mute);cursor:pointer;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;flex:none}
.px-askp-x svg{width:20px;height:20px}
.px-askp-x:hover{background:var(--px-paper2);color:var(--px-ink)}
.px-askp-thread{flex:1;min-height:0;overflow:auto;padding:16px 18px;display:flex;flex-direction:column;gap:14px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.px-askp-start p{font:400 15px/1.5 var(--px-sans);color:var(--px-char);margin:0 0 12px}
.px-askp-chips{display:flex;flex-wrap:wrap;gap:8px}
.px-askp-chips button{font:500 14px/1.3 var(--px-sans);color:var(--px-ink);background:var(--px-card);border:1px solid var(--px-line2);border-radius:999px;padding:9px 14px;cursor:pointer;text-align:left}
.px-askp-chips button:hover{border-color:var(--px-blue);color:var(--px-blue)}
.px-askp.scr .px-askp-chips button:hover{border-color:var(--px-violet);color:var(--px-violet)}
.px-askp-b{max-width:92%;font:400 15.5px/1.55 var(--px-sans)}
.px-askp-b.me{align-self:flex-end;background:var(--px-ink);color:var(--px-paper);border-radius:16px 16px 4px 16px;padding:10px 14px}
.px-askp-b.me p{margin:0}
.px-askp-b.lab{align-self:flex-start;max-width:100%}
.px-askp-a{background:var(--px-card);border:1px solid var(--px-line);border-radius:16px 16px 16px 4px;padding:12px 15px;color:var(--px-ink)}
.px-askp-a p{margin:0}
.px-askp-a p+p{margin-top:.7em}
.px-askp-a p:has(.px-askp-dots){display:flex;align-items:center;gap:10px;color:var(--px-mute);font-size:14px}
.px-askp-dots{display:inline-flex;gap:4px}
.px-askp-dots b{width:6px;height:6px;border-radius:50%;background:var(--px-blue);animation:1.1s ease-in-out infinite px-askp-dot}
.px-askp-dots b:nth-child(2){animation-delay:.18s}
.px-askp-dots b:nth-child(3){animation-delay:.36s}
.px-askp.scr .px-askp-dots b,.px-askp-b.scr .px-askp-dots b{background:var(--px-violet)}
@keyframes px-askp-dot{0%,80%,to{opacity:.3;translate:0 0}40%{opacity:1;translate:0 -3px}}
@media (prefers-reduced-motion:reduce){.px-askp-dots b{animation:none;opacity:.7}}
.px-askp-cite{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 4px;margin:0 0 0 3px;border-radius:6px;background:#1559f514;color:var(--px-blue);font:600 11px/1 var(--px-mono);text-decoration:none;vertical-align:1px}
.px-askp-b.scr .px-askp-cite{background:#6d28d914;color:var(--px-violet)}
.px-askp-src{list-style:none;margin:8px 0 0;padding:0 4px;display:flex;flex-direction:column;gap:4px}
.px-askp-src a{display:flex;gap:8px;align-items:baseline;min-height:24px;padding:3px 0;font:400 13px/1.4 var(--px-sans);color:var(--px-char);text-decoration:none}
.px-askp-src a:hover em{text-decoration:underline}
.px-askp-src b{font:600 11px/1 var(--px-mono);color:var(--px-blue);min-width:16px}
.px-askp-b.scr .px-askp-src b{color:var(--px-violet)}
.px-askp-src em{font-style:normal;color:var(--px-ink)}
.px-askp-acts{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:8px;padding:0 4px}
.px-askp-hear{background:0 0;border:1px solid var(--px-line2);border-radius:999px;color:var(--px-ink);font:500 13px/1 var(--px-sans);cursor:pointer;display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 12px 0 10px}
.px-askp-hear svg{width:12px;height:12px}
.px-askp-hear.on{background:var(--px-ink);color:var(--px-paper);border-color:var(--px-ink)}
.px-askp-note{font:400 12.5px/1.4 var(--px-sans);color:var(--px-mute)}
.px-askp-f{display:flex;align-items:flex-end;gap:8px;padding:10px 12px 8px;border-top:1px solid var(--px-line);background:var(--px-paper)}
.px-askp-f textarea{flex:1;min-width:0;resize:none;border:1px solid var(--px-line2);background:var(--px-card);font:400 16px/1.4 var(--px-sans);color:var(--px-ink);border-radius:14px;padding:12px 14px;max-height:140px;margin:0;-webkit-appearance:none;appearance:none}
.px-askp-f textarea:focus{outline:2px solid var(--px-blue);outline-offset:1px;border-color:#0000}
.px-askp.scr .px-askp-f textarea:focus{outline-color:var(--px-violet)}
.px-askp-mic,.px-askp-send{flex:none;height:46px;border-radius:999px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.px-askp-mic{background:var(--px-card);border:1px solid var(--px-line2);color:var(--px-ink);font:500 14px/1 var(--px-sans);padding:0 14px 0 11px}
.px-askp-mic svg{width:18px;height:18px}
.px-askp-mic[aria-pressed=true]{background:#c81e1e;border-color:#c81e1e;color:#fff}
.px-askp-mic[aria-pressed=true] svg{animation:1.2s ease-in-out infinite px-askp-mic}
@keyframes px-askp-mic{50%{opacity:.45}}
.px-askp-send{width:46px;background:var(--px-blue);border:0;color:#fff}
.px-askp-send svg{width:20px;height:20px}
.px-askp-send:disabled{opacity:.45;cursor:default}
.px-askp.scr .px-askp-send{background:var(--px-violet)}
.px-askp-status{font:400 13px/1.4 var(--px-sans);color:var(--px-mute);margin:0;padding:0 18px;min-height:0}
.px-askp-status:not(:empty){padding-bottom:6px}
.px-askp-foot{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:6px 18px 14px}
.px-askp-foot button{background:0 0;border:0;padding:0;font:500 13px/1.4 var(--px-sans);color:var(--px-blue);cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#1559f559}
.px-askp.scr .px-askp-foot button{color:var(--px-violet);text-decoration-color:#6d28d959}
.px-askp-priv{flex-basis:100%;font:400 12px/1.4 var(--px-sans);color:var(--px-mute)}
@media (width<=700px){.px-askp-foot{padding-bottom:max(14px,env(safe-area-inset-bottom))}}
/* the summary sheet: a page of its own, which prints alone */
.px-asksum{position:fixed;inset:0;z-index:180;background:#0a163366;display:grid;place-items:center;padding:16px;overflow:auto}
.px-asksum-in{width:min(680px,100%);background:#fff;border-radius:16px;box-shadow:0 30px 70px -20px #0a163399;max-height:100%;display:flex;flex-direction:column}
.px-asksum-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--px-line);font:500 14px/1 var(--px-sans);color:var(--px-mute)}
.px-asksum-acts{display:flex;align-items:center;gap:8px}
.px-asksum-acts button{font:500 13px/1 var(--px-sans);color:var(--px-ink);background:var(--px-paper);border:1px solid var(--px-line2);border-radius:999px;min-height:34px;padding:0 12px;cursor:pointer}
.px-asksum-x{width:34px;padding:0!important;display:grid;place-items:center}
.px-asksum-x svg{width:18px;height:18px}
.px-asksum-page{overflow:auto;padding:28px 32px 32px;font-family:var(--px-sans);color:var(--px-ink)}
.px-asksum-k{font:500 12px/1.4 var(--px-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--px-mute);margin:0 0 10px}
.px-asksum-page h2{font:480 30px/1.15 var(--px-serif);letter-spacing:-.015em;margin:0 0 18px}
.px-asksum-page h3{font:600 12px/1.4 var(--px-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--px-blue);margin:18px 0 8px}
.px-asksum.scr .px-asksum-page h3{color:var(--px-violet)}
.px-asksum-page ul{margin:0;padding:0 0 0 18px;font:400 15px/1.55 var(--px-sans)}
.px-asksum-page li{margin:0 0 6px}
.px-asksum-page ul.reads{list-style:none;padding:0}
.px-asksum-page ul.reads a{color:var(--px-ink);font-weight:500}
.px-asksum-page small{color:var(--px-mute);font-family:var(--px-mono);font-size:12px}
.px-asksum-next{font:400 16px/1.5 var(--px-serif);color:var(--px-char);margin:18px 0 0}
.px-asksum-foot{font:400 12px/1.5 var(--px-sans);color:var(--px-mute);margin:22px 0 0;padding-top:12px;border-top:1px solid var(--px-line)}
@media print{html.px-asksum-open body>*:not(.px-asksum){display:none!important}html.px-asksum-open .px-asksum{position:static;background:#fff;padding:0;display:block}html.px-asksum-open .px-asksum-in{box-shadow:none;border-radius:0;max-height:none}html.px-asksum-open .px-asksum-bar{display:none}html.px-asksum-open .px-asksum-page{overflow:visible;padding:0}}
/* /ask/ page */
.px-askpage-hero{padding:clamp(40px,6vw,72px) 0 24px}
.px-askpage-hero h1{font:480 clamp(36px,4.4vw,56px)/1.06 var(--px-serif);letter-spacing:-.02em;color:var(--px-ink);margin:14px 0 0}
.px-askpage-hero .px-dek{max-width:680px}
.px-askpage-body{padding:0 0 clamp(48px,7vw,96px)}
.px-askpage-note{font:400 15px/1.55 var(--px-sans);color:var(--px-mute);max-width:680px;margin:16px 0 0}
/* the Ask section on the home */
.tg-askwrap{margin-top:36px}
.tg-sky-home .px-askp.inline{margin:0}
.tg-sky-home .px-askp .px-askp-in{background:#fff;border:1px solid #00000010;border-radius:22px;box-shadow:var(--sh-hi),var(--sh-1)}
.px-askfab{background:var(--tb,#1559F5);color:#fff}.px-askfab span{color:#fff}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .tg-sky-home .px-askp .px-askp-in{background:var(--px-card);border-color:var(--px-line)}}

/* CG127 · the Ask section to the bar */
.tg-askgrid{display:grid;min-width:0;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px clamp(32px,4vw,64px);margin-top:40px;align-items:start}
.tg-aq{list-style:none;margin:0;padding:0;display:grid;min-width:0}
.tg-aq li{min-width:0}
.tg-aq li{border-top:1px solid var(--px-line)}
.tg-aq li:last-child{border-bottom:1px solid var(--px-line)}
.tg-aq button{width:100%;box-sizing:border-box;display:grid;grid-template-columns:36px minmax(0,1fr) 24px;align-items:center;gap:14px;padding:20px 4px;background:none;border:0;text-align:left;cursor:pointer;color:var(--ink);transition:padding-left .25s}
.tg-aq button:hover{padding-left:10px}
.tg-aq button:focus-visible{outline:2px solid var(--tb);outline-offset:4px;border-radius:8px}
.tg-aq-n{font:600 14px/1 var(--px-serif);color:var(--tb);letter-spacing:-.02em}
.tg-aq-t{font:600 clamp(18px,1.6vw,22px)/1.25 var(--px-serif);letter-spacing:-.015em;display:block}
.tg-aq-t small{display:block;font:400 14px/1.45 var(--px-sans);color:var(--px-mute);margin-top:4px}
.tg-aq-go{font:400 22px/1 var(--px-serif);color:var(--tb);opacity:0;transform:translateX(-6px);transition:opacity .25s,transform .25s}
.tg-aq button:hover .tg-aq-go{opacity:1;transform:none}
/* the panel on the blue */
.tg-sky-home .tg-askwrap{margin-top:0}
.tg-sky-home .px-askp.inline{height:max(560px,min(720px,78vh));border-radius:24px;overflow:hidden;box-shadow:0 30px 80px #1559f533,0 1px 0 #ffffff40 inset}
.tg-sky-home .px-askp.inline .px-askp-in{background:var(--tb);border:0;border-radius:24px;position:relative;isolation:isolate}
.tg-sky-home .px-askp.inline .px-askp-in:before{content:"";position:absolute;inset:0;opacity:.07;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px}
.tg-sky-home .px-askp.inline .px-askp-in>*{position:relative;z-index:1}
.tg-sky-home .px-askp.inline .px-askp-h{border-bottom:1px solid #ffffff2e;padding:18px 22px 14px}
.tg-sky-home .px-askp.inline .px-askp-h img{width:32px;height:32px;background:#fff;border-radius:50%;padding:3px;box-sizing:border-box}
.tg-sky-home .px-askp.inline .px-askp-t{font:600 18px/1.2 var(--px-serif);color:#fff;letter-spacing:-.01em}
.tg-sky-home .px-askp.inline .px-askp-d{color:#ffffffcc}
.tg-sky-home .px-askp.inline .px-askp-thread{padding:20px 22px;gap:16px}
.tg-sky-home .px-askp.inline .px-askp-start p{color:#fff;font:400 17px/1.5 var(--px-serif)}
.tg-sky-home .px-askp.inline .px-askp-chips button{background:#ffffff14;border-color:#ffffff55;color:#fff}
.tg-sky-home .px-askp.inline .px-askp-chips button:hover{background:#fff;color:var(--tb);border-color:#fff}
.tg-sky-home .px-askp.inline .px-askp-b.me{background:#fff;color:var(--tb);font-weight:500;border-radius:18px 18px 6px 18px;box-shadow:0 8px 24px #00000022}
.tg-sky-home .px-askp.inline .px-askp-a{background:#fff;border:0;color:var(--ink);font:400 16px/1.6 var(--px-serif);border-radius:18px 18px 18px 6px;padding:16px 18px;box-shadow:0 8px 24px #00000022}
.tg-sky-home .px-askp.inline .px-askp-a p:has(.px-askp-dots){font-family:var(--px-sans)}
.tg-sky-home .px-askp.inline .px-askp-src a{color:#fff}
.tg-sky-home .px-askp.inline .px-askp-src b{color:#fff;background:#ffffff2e;border-radius:6px;padding:3px 5px;min-width:0}
.tg-sky-home .px-askp.inline .px-askp-src em{color:#fff;text-decoration:underline;text-decoration-color:#ffffff66;text-underline-offset:3px}
.tg-sky-home .px-askp.inline .px-askp-hear{border-color:#ffffff66;color:#fff}
.tg-sky-home .px-askp.inline .px-askp-hear.on{background:#fff;color:var(--tb);border-color:#fff}
.tg-sky-home .px-askp.inline .px-askp-note{color:#ffffffcc}
.tg-sky-home .px-askp.inline .px-askp-f{background:none;border-top:1px solid #ffffff2e;padding:14px 18px 10px}
.tg-sky-home .px-askp.inline .px-askp-f textarea{background:#fff;border:0;border-radius:999px;padding:14px 20px;font:400 16px/1.4 var(--px-sans);color:var(--ink);box-shadow:0 6px 20px #00000022}
.tg-sky-home .px-askp.inline .px-askp-f textarea:focus{outline:3px solid #ffffff88;outline-offset:2px}
.tg-sky-home .px-askp.inline .px-askp-mic{background:#ffffff14;border-color:#ffffff55;color:#fff}
.tg-sky-home .px-askp.inline .px-askp-send{background:#fff;color:var(--tb);box-shadow:0 6px 20px #00000022}
.tg-sky-home .px-askp.inline .px-askp-status{color:#fff}
.tg-sky-home .px-askp.inline .px-askp-foot{border-top:0;padding:4px 18px 16px}
.tg-sky-home .px-askp.inline .px-askp-foot button{color:#fff;text-decoration-color:#ffffff88}
.tg-sky-home .px-askp.inline .px-askp-priv{color:#ffffffb3}
@media (width<=900px){.tg-askgrid{grid-template-columns:minmax(0,1fr);gap:24px}.tg-aq,.tg-aq li,.tg-aq button{max-width:100%;min-width:0}.tg-aq button{padding:16px 2px}.tg-sky-home .px-askp.inline{height:max(480px,min(640px,72vh))}}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .tg-aq button{color:var(--px-ink)}:root:not([data-theme="light"]) .tg-sky-home .px-askp.inline .px-askp-in{background:var(--tb)}:root:not([data-theme="light"]) .tg-aq-n,:root:not([data-theme="light"]) .tg-aq-go{color:#8fb0ff}}

/* CG128 · orbit clear of the headline, and the founder under the letter headline */
@media (width>820px){.tg-orb3d{transform:translateY(-170px) rotateX(50deg)}}
.tg-orbit{overflow:hidden;isolation:isolate;z-index:1}
.tg-sky .tg-sky-in{transform:translate3d(0,0,1px)}
.tg-vision .tg-vlead{position:static}
.tg-vision .tg-who{margin-top:40px;max-width:420px;border-top:0;padding-top:0;position:static}
.tg-vision .tg-who-card{background:#fff;border-color:#00000010}
.tg-vision .tg-who .px-alinks .px-btn{background:var(--tb);color:#fff!important;border-radius:999px}
@media (width<=1000px){.tg-vision .tg-who{max-width:none}}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .tg-vision .tg-who-card{background:var(--px-card);border-color:var(--px-line2)}}

/* CG130 · the founder page */
.tg-founder-page{--tb:#1559F5;--tb2:#0F47D1}
.tg-fdhero{padding:clamp(40px,6vw,88px) 0 clamp(40px,5vw,72px)}
.tg-fdhero h1{font:480 clamp(48px,7.4vw,112px)/.98 var(--px-serif);letter-spacing:-.03em;color:var(--px-ink);margin:12px 0 18px}
.tg-fdhero .px-dek{max-width:62ch;margin:0 0 clamp(28px,3vw,44px)}
.tg-fone .tg-shot{border-radius:22px}.tg-fone .tg-shot img{aspect-ratio:21/9}
.tg-fcard{display:block;text-decoration:none;color:var(--px-ink)}
.tg-fcard .tg-shot{aspect-ratio:4/3;border-radius:22px}
.tg-fcard .tg-shot img{height:100%}
.tg-fname{display:block;margin-top:16px;font:480 clamp(24px,2.2vw,32px)/1.1 var(--px-serif);letter-spacing:-.015em}
.tg-frole{display:block;margin-top:6px;font:400 14px/1.5 var(--px-sans);color:var(--px-mute)}
.tg-fcard:hover .tg-fname{color:var(--px-blue)}
.tg-shot{margin:0;position:relative;border-radius:16px;overflow:hidden;background:var(--px-card);box-shadow:var(--sh-hi),var(--sh-1)}
.tg-shot img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:3/2;transition:transform .9s var(--ease-out)}
.tg-shot:hover img{transform:scale(1.025)}
.tg-shot figcaption{position:absolute;left:14px;bottom:12px;max-width:calc(100% - 28px);font:500 10.5px/1.2 var(--px-mono);letter-spacing:.1em;text-transform:uppercase;color:#fff;background:#00000073;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:8px 11px;border-radius:999px}
.tg-fgrid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:40px clamp(40px,5vw,80px);align-items:start}
.tg-frail{position:sticky;top:110px}
.tg-frail h2{font:480 clamp(30px,3.2vw,46px)/1.05 var(--px-serif);letter-spacing:-.02em;margin:0 0 12px}
.tg-rail{list-style:none;margin:28px 0 0;padding:0;border-left:1px solid var(--px-line2)}
.tg-rail li{position:relative;padding:0 0 22px 26px}
.tg-rail li:before{content:"";position:absolute;left:-4px;top:7px;width:7px;height:7px;border-radius:50%;background:var(--px-blue)}
.tg-rk{display:block;font:500 11px/1 var(--px-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--px-blue);margin-bottom:6px}
.tg-rail p{margin:0!important;font:400 15px/1.55 var(--px-sans);color:var(--px-char)}
.tg-fgo{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin:8px 0 0!important}
.tg-wall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.tg-shot.w2{grid-column:span 2}
.tg-wgrid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:40px clamp(40px,5vw,80px);align-items:start}
.tg-whead{position:sticky;top:110px}
.tg-whead h2{font:480 clamp(30px,3.2vw,46px)/1.05 var(--px-serif);letter-spacing:-.02em;margin:0 0 20px}
.tg-wstats{display:grid;grid-template-columns:repeat(3,auto);gap:18px 28px;margin:0 0 18px;justify-content:start}
.tg-wstats dt{font:480 clamp(30px,3vw,44px)/1 var(--px-serif);letter-spacing:-.02em;color:var(--px-ink)}
.tg-wstats dd{margin:6px 0 0;font:500 11px/1.3 var(--px-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--px-mute)}
.tg-wlist{list-style:none;margin:0;padding:0;border-top:1px solid var(--px-ink)}
.tg-wlist li{border-bottom:1px solid var(--px-line)}
.tg-wlist a{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:6px 18px;align-items:baseline;padding:15px 0;text-decoration:none;color:var(--px-ink)}
.tg-plist a,.tg-mlist a{grid-template-columns:minmax(0,1fr) auto}
.tg-mlist{margin-top:16px}
.tg-wn{font:500 12px/1.6 var(--px-mono);letter-spacing:.08em;color:var(--px-mute)}
.tg-wt{font:480 clamp(17px,1.5vw,21px)/1.3 var(--px-serif);letter-spacing:-.01em;transition:color .2s}
.tg-wlist a:hover .tg-wt{color:var(--px-blue)}
.tg-wb{font:500 10.5px/1 var(--px-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--px-blue);border:1px solid currentColor;border-radius:999px;padding:5px 9px;white-space:nowrap}
.tg-wp{font:500 11px/1.6 var(--px-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--px-mute);white-space:nowrap}
.tg-essay{padding:clamp(64px,8vw,120px) 0;text-align:center}
.tg-essay .tg-num{justify-content:center}
.tg-essay h2{font:480 clamp(32px,4.6vw,66px)/1.04 var(--px-serif);letter-spacing:-.025em;color:#fff;max-width:18ch;margin:16px auto 20px;text-wrap:balance}
.tg-essay-by{font:400 15px/1.5 var(--px-sans);color:#ffffffcc;margin:0 auto 26px!important;max-width:60ch}
.tg-serves{display:flex;flex-direction:column;border-top:1px solid var(--px-ink);margin-top:4px}
.tg-sv{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--px-line);text-decoration:none;color:var(--px-ink)}
.tg-svk{font:480 17px/1.3 var(--px-serif)}
.tg-svv{font:500 11px/1.6 var(--px-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--px-mute);text-align:right}
a.tg-sv:hover .tg-svv{color:var(--px-blue)}
.tg-who-link{display:block;text-decoration:none;color:var(--px-ink)}
.tg-who-body{display:block}
.tg-who-n,.tg-who-r,.tg-who-l,.tg-who-go{display:block}
.tg-who-l{font:400 15px/1.5 var(--px-sans);color:var(--px-char);margin:0 0 16px}
.tg-who-go{font:600 15px/1 var(--px-sans);color:var(--px-blue)}
.tg-who-link:hover .tg-who-go{text-decoration:underline;text-underline-offset:4px}
@media (width<=900px){.tg-fone .tg-shot img{aspect-ratio:4/3}.tg-fgrid,.tg-wgrid{grid-template-columns:1fr}.tg-frail,.tg-whead{position:static}}
@media (width<=700px){.tg-wall{grid-template-columns:1fr}.tg-shot.w2{grid-column:auto}.tg-wlist a{grid-template-columns:1fr;gap:4px}.tg-wlist .tg-wb{justify-self:start}.tg-wp{white-space:normal}.tg-wstats{gap:14px 22px}}
@media (prefers-reduced-motion:reduce){.tg-shot img{transition:none}.tg-shot:hover img{transform:none}}

/* CG131 · the inner pages at the home's bar */
body.tg-pg{--tb:#1559F5;--tb2:#0F47D1;--paper:#ffffff;--warm:#edeff5;--subtle:#f2f4f8;--ink:#16181D}
body.tg-pg .px-ledger{display:none}
body.tg-pg main{padding-top:0}
body.tg-pg .px-head{background:#fff!important;border-color:#0000000f!important;position:fixed;top:14px;left:50%;transform:translateX(-50%);width:min(1040px,calc(100% - 24px));border:1px solid #0000000f;border-radius:999px;box-shadow:0 10px 30px #0000001f,0 1px 0 #ffffffb0 inset;z-index:50;padding:0}
body.tg-pg .px-head .px-in{padding:8px 10px 8px 22px;min-height:0}
body.tg-pg .px-head .lg-o{display:block!important}body.tg-pg .px-head .lg-r{display:none!important}
body.tg-pg .px-head .px-brand img{height:26px}
body.tg-pg .px-nav a{color:var(--ink)!important}
body.tg-pg .px-cta{background:var(--tb)!important;color:#fff!important;border-radius:999px;padding:10px 18px}
body.tg-pg .px-cta:hover{background:var(--tb2)!important}
body.tg-pg .px-menu summary span{background:var(--ink)}
/* the blue hero */
.tg-pghero{padding:clamp(132px,16vw,180px) 0 clamp(56px,7vw,96px)}
.tg-pghero .px-wrap,.tg-pghero .wrap{position:relative;z-index:1}
.tg-pghero .px-kick,.tg-pghero .px-hk,.tg-pghero .px-hk a,.tg-pghero .px-no,.tg-pghero .px-pub{color:#ffffffcc!important}
.tg-pghero h1,.tg-pghero h1 em,.tg-pghero .px-404{color:#fff!important}
.tg-pghero h1{font:600 clamp(48px,7.6vw,112px)/.98 var(--px-serif);letter-spacing:-.03em;max-width:14ch;margin:14px 0 0}
.tg-pghero .px-dek,.tg-pghero .rlede,.tg-pghero .tg-pgdek,.tg-pghero p{color:#fff}
.tg-pgdek,.tg-pghero .px-dek,.tg-pghero .rlede{font:400 clamp(18px,1.5vw,22px)/1.5 var(--px-serif);max-width:640px;margin:22px 0 0!important;opacity:.95}
.tg-pgcta{display:flex;flex-wrap:wrap;gap:12px 14px;margin:28px 0 0!important}
.tg-pghero .tg-num.w{justify-content:flex-start}
.tg-pghero .tg-glass{margin-top:clamp(36px,5vw,64px);max-width:none}
.tg-glass4{grid-template-columns:repeat(4,minmax(0,1fr))}
.tg-glass4 dt{font-size:clamp(34px,3.8vw,56px)}
@media (width<=820px){.tg-glass4{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* the letter masthead on blue */
.px-art .article-hero.tg-pghero{padding:clamp(132px,16vw,180px) 0 clamp(48px,6vw,80px)}
.px-art .article-hero.tg-pghero h1{color:#fff}
.px-art .article-hero.tg-pghero .rlede{color:#fff;font-style:italic}
@media (width<=900px){.px-art .article-hero.tg-pghero{padding:120px 0 40px}}
.tg-pghero .px-byl{margin-top:26px}.tg-pghero .px-who a,.tg-pghero .px-bn,.tg-pghero .px-br,.tg-pghero .px-meta{color:#fff!important}
.tg-pghero .px-who img{box-shadow:0 0 0 3px #ffffff55}
/* contact and founder: white cards lifted over the blue edge */
.tg-lift{margin-top:-56px;position:relative;z-index:2}
.tg-lift .px-way{background:#fff;border-color:#00000010;box-shadow:var(--sh-hi),var(--sh-2)}
.tg-pghero.tg-fdhero{padding-bottom:0}
.tg-fdhero .tg-fone{position:relative;z-index:2;margin-bottom:-120px}
.tg-fdhero+.px-sec{padding-top:clamp(160px,16vw,220px)}
.tg-fone .tg-shot img{aspect-ratio:16/9}
@media (width<=900px){.tg-fdhero .tg-fone{margin-bottom:-60px}.tg-fdhero+.px-sec{padding-top:110px}.tg-fone .tg-shot img{aspect-ratio:4/3}}
.tg-pghero.px-mini{padding-bottom:clamp(72px,9vw,128px)}.tg-pghero.px-mini .px-btn{background:#fff;color:var(--tb)!important}.tg-pghero.px-mini .px-link{color:#fff!important}
/* every list on How we invest as the home's cards */
body.tg-pg .tg-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;counter-reset:tgc}
body.tg-pg .tg-li{position:relative;background:#fff;border:1px solid #00000010;border-radius:18px;padding:26px 24px 24px;box-shadow:var(--sh-hi),var(--sh-1);counter-increment:tgc;margin:0}
body.tg-pg .tg-li:before{content:counter(tgc,decimal-leading-zero);display:block;font:500 11px/1 var(--px-mono);letter-spacing:.12em;color:var(--tb);margin-bottom:14px}
body.tg-pg .tg-li h3{font:480 21px/1.2 var(--px-serif);letter-spacing:-.01em;margin:0 0 10px;color:var(--ink)}
body.tg-pg .tg-li p{margin:0!important;font:400 15px/1.55 var(--px-sans);color:var(--px-char)}
body.tg-pg .tg-li .tg-chips{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}
body.tg-pg .tg-li .tg-chips li{font:500 12px/1 var(--px-sans);color:var(--ink);background:var(--subtle);border:1px solid #00000010;border-radius:999px;padding:8px 12px}
body.tg-pg #buy .px-caps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
body.tg-pg #buy .px-cap{background:#fff;border:1px solid #00000010;border-radius:18px;padding:26px 24px 24px;box-shadow:var(--sh-hi),var(--sh-1);border-top:1px solid #00000010!important}
body.tg-pg #buy .px-cap h3{font:480 22px/1.2 var(--px-serif);color:var(--tb);margin:0 0 10px}
body.tg-pg #buy .px-cap p{font-size:15px;color:var(--px-char)}
@media (width<=900px){body.tg-pg #buy .px-caps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (width<=480px){body.tg-pg #buy .px-caps{grid-template-columns:1fr}}
body.tg-pg .tg-nevers{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;counter-reset:tgn}
body.tg-pg .tg-nevers li{position:relative;background:#fff;border:1px solid #00000010;border-radius:18px;padding:26px 24px 24px;box-shadow:var(--sh-hi),var(--sh-1);font:480 19px/1.35 var(--px-serif);color:var(--ink);letter-spacing:-.005em;counter-increment:tgn;margin:0}
body.tg-pg .tg-nevers li:before{content:counter(tgn,decimal-leading-zero);display:block;font:500 11px/1 var(--px-mono);letter-spacing:.12em;color:var(--tb);margin-bottom:14px}
body.tg-pg .tg-note{font:400 15px/1.55 var(--px-sans);color:var(--px-mute);margin:22px 0 0}
body.tg-pg .tg-head{margin-bottom:32px}
body.tg-pg .tg-fit{background:#fff;border-color:#00000010;box-shadow:var(--sh-hi),var(--sh-1)}
body.tg-pg .tg-opt input:checked+span{background:var(--tb)!important;border-color:var(--tb)!important;color:#fff!important}body.tg-pg .tg-opt input:checked+span small{color:#ffffffcc!important}
/* the author card's marks */
.px-li svg,.tg-svli svg{width:16px;height:16px;vertical-align:-3px;margin-right:8px}
.tg-svli{display:inline-flex;align-items:center}
@media (prefers-color-scheme:dark){
:root:not([data-theme="light"]) body.tg-pg{--paper:var(--px-paper);--warm:var(--px-paper2);--subtle:var(--px-paper2);--ink:var(--px-ink)}
:root:not([data-theme="light"]) body.tg-pg #buy .px-cap h3,:root:not([data-theme="light"]) body.tg-pg .tg-li:before,:root:not([data-theme="light"]) body.tg-pg .tg-nevers li:before{color:#8fb0ff}
:root:not([data-theme="light"]) body.tg-pg .tg-li,:root:not([data-theme="light"]) body.tg-pg #buy .px-cap,:root:not([data-theme="light"]) body.tg-pg .tg-nevers li,:root:not([data-theme="light"]) .tg-lift .px-way,:root:not([data-theme="light"]) body.tg-pg .tg-fit{background:var(--px-card);border-color:var(--px-line)}
:root:not([data-theme="light"]) body.tg-pg .tg-li h3,:root:not([data-theme="light"]) body.tg-pg .tg-nevers li{color:var(--px-ink)}
:root:not([data-theme="light"]) body.tg-pg .tg-li .tg-chips li{background:var(--px-paper2);color:var(--px-ink);border-color:var(--px-line)}
:root:not([data-theme="light"]) body.tg-pg .px-head{background:var(--px-card)!important;border-color:var(--px-line)!important}
:root:not([data-theme="light"]) body.tg-pg .px-head .lg-o{display:none!important}:root:not([data-theme="light"]) body.tg-pg .px-head .lg-r{display:block!important}
:root:not([data-theme="light"]) body.tg-pg .px-nav a{color:var(--px-ink)!important}:root:not([data-theme="light"]) body.tg-pg .px-menu summary span{background:var(--px-ink)}
:root:not([data-theme="light"]) .tg-pghero h1,:root:not([data-theme="light"]) .tg-pghero p,:root:not([data-theme="light"]) .tg-pghero .px-404{color:var(--ink)!important}}
@media print{.tg-pghero h1,.tg-pghero p{color:var(--px-ink)!important}body.tg-pg .px-head{position:static;transform:none}}

/* CG132 · Powered by CultureAI on the Ask panel; the Us card header on the blue */
.tg-vs3 .tg-vcard{padding-top:0;overflow:hidden}
.tg-vs3 .tg-vcard h3{margin:0 -30px 22px;padding:20px 30px;background:var(--subtle);border-bottom:1px solid #00000010;font:600 20px/1.2 var(--px-sans);min-height:76px;box-sizing:border-box}
.tg-vs3 .tg-vcard.us h3{background:var(--tb);color:#fff;border-bottom-color:var(--tb)}
.tg-coinmk{display:inline-flex;align-items:center;background:#fff;border-radius:999px;padding:8px 14px;box-shadow:0 1px 0 #ffffff80 inset,0 6px 16px #00000026}
.tg-coinmk .mk{height:22px;width:auto;display:block}
.tg-vs3 .tg-vcard.us h3>span:last-child{font:600 20px/1 var(--px-sans);color:#fff;padding-left:12px;border-left:1px solid #ffffff55}
.tg-vs3 .tg-vcard.us{transform:none!important}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .tg-vs3 .tg-vcard h3{background:var(--px-paper2);border-bottom-color:var(--px-line)}:root:not([data-theme="light"]) .tg-vs3 .tg-vcard.us h3{background:var(--tb);color:#fff}}
.px-askp-by{display:inline-flex;align-items:center;gap:7px;margin-left:auto;text-decoration:none;font:500 11px/1 var(--px-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--px-mute);opacity:.9}
.px-askp-by:hover{opacity:1}
.px-askp-by img{height:14px;width:auto;display:block}
.px-askp-by .mk-r{display:none}
.px-askp-foot{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.px-askp-priv{flex-basis:auto!important;max-width:60%}
.tg-sky-home .px-askp.inline .px-askp-by{background:#fff;color:var(--tb);padding:7px 11px;border-radius:999px;opacity:1}
.tg-sky-home .px-askp.inline .px-askp-by img{height:14px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .px-askp-by .mk-o{display:none}:root:not([data-theme="light"]) .px-askp-by .mk-r{display:block}}
@media (width<=560px){.px-askp-priv{max-width:none}.px-askp-by{margin-left:0}}
/* one rhythm and one heading size on every page, the home's */
body.tg-pg .px-sec{padding-top:clamp(80px,9vw,128px);padding-bottom:clamp(80px,9vw,128px)}
body.tg-pg .tg-head h2,body.tg-pg .px-sechead h2,.tg-whead h2,.tg-frail h2{font-size:clamp(34px,3.8vw,54px);letter-spacing:-.022em;line-height:1.04}
body.tg-pg .tg-head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:16px 48px;align-items:end;margin-bottom:36px}
body.tg-pg .tg-head .tg-num{grid-column:1/-1}
@media (width<=900px){body.tg-pg .tg-head{grid-template-columns:1fr}}
body.tg-pg .tg-head,body.tg-pg .tg-head h2{border-bottom:0!important;padding-bottom:0!important}
body.tg-pg .tg-list,body.tg-pg .tg-nevers{border-top:0!important}
body.tg-pg .tg-nevers{grid-template-columns:repeat(4,minmax(0,1fr))}
body.tg-pg .tg-nevers li{display:flex;flex-direction:column;gap:0}
body.tg-pg .tg-nevers li:before{position:static;width:auto;height:auto;background:none}
@media (width<=1000px){body.tg-pg .tg-nevers{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (width<=480px){body.tg-pg .tg-nevers{grid-template-columns:1fr}}

/* CG133 · the blue field with depth */
.tg-blue{background:
 radial-gradient(120% 90% at 18% 0%,#3d7dff 0%,#1559f500 55%),
 radial-gradient(90% 70% at 85% 110%,#0a3bb8 0%,#1559f500 60%),
 radial-gradient(60% 40% at 50% 42%,#4a86ff2e 0%,#4a86ff00 70%),
 linear-gradient(180deg,#1b60fb 0%,#1559f5 45%,#1150e6 100%)}
.tg-blue:before{opacity:.11;mix-blend-mode:soft-light}
.tg-blue:after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,#ffffff00,#ffffff66 30%,#ffffff66 70%,#ffffff00);pointer-events:none;z-index:1}
.tg-sky.tg-blue:after{display:none}
.tg-glass{background:#ffffff14;border-color:#ffffff33;box-shadow:0 1px 0 #ffffff40 inset,0 30px 60px #00000033,0 0 0 1px #ffffff14}
.tg-sky h1,.tg-close h2,.tg-pghero h1,.tg-essay h2{text-shadow:0 2px 40px #0b3cc066}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .tg-blue{background:
 radial-gradient(120% 90% at 18% 0%,#2a63d8 0%,#0f3f9e00 55%),
 radial-gradient(90% 70% at 85% 110%,#061f5c 0%,#0f3f9e00 60%),
 linear-gradient(180deg,#1348b4 0%,#0f3f9e 45%,#0b2f78 100%)}}
@media print{.tg-blue{background:none}.tg-blue:after{display:none}.tg-sky h1,.tg-close h2,.tg-pghero h1,.tg-essay h2{text-shadow:none}}

/* CG134 · the blue field alive */
.tg-blue{background:
 radial-gradient(110% 80% at 12% -10%,#5b95ff 0%,#1559f500 58%),
 radial-gradient(70% 55% at 50% 48%,#6aa0ff2b 0%,#6aa0ff00 70%),
 radial-gradient(90% 70% at 88% 112%,#072f9c 0%,#1559f500 62%),
 linear-gradient(180deg,#1d63ff 0%,#1559f5 50%,#0f4bdc 100%)}
.tg-blue:before{opacity:.14}
.tg-bl{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.tg-bl i{position:absolute;border-radius:50%;filter:blur(60px);will-change:transform;mix-blend-mode:screen;opacity:.85}
.tg-bl .a{width:min(900px,120vw);height:min(900px,120vw);left:-18%;top:-45%;background:radial-gradient(closest-side,#7fb0ffb3,#7fb0ff00 70%);animation:tg-bl-a 22s ease-in-out infinite alternate}
.tg-bl .b{width:min(640px,100vw);height:min(640px,100vw);left:58%;top:10%;background:radial-gradient(closest-side,#4f8cff80,#4f8cff00 70%);animation:tg-bl-b 30s ease-in-out infinite alternate}
.tg-bl .c{width:min(520px,90vw);height:min(520px,90vw);left:30%;top:55%;background:radial-gradient(closest-side,#9cc2ff59,#9cc2ff00 70%);animation:tg-bl-c 26s ease-in-out infinite alternate}
@keyframes tg-bl-a{from{transform:translate(0,0) scale(1)}to{transform:translate(14%,12%) scale(1.15)}}
@keyframes tg-bl-b{from{transform:translate(0,0) scale(1)}to{transform:translate(-16%,-10%) scale(1.1)}}
@keyframes tg-bl-c{from{transform:translate(0,0) scale(.95)}to{transform:translate(12%,-14%) scale(1.12)}}
.px-off .tg-bl i{animation-play-state:paused}
.tg-blue>.px-wrap,.tg-blue>.wrap,.tg-blue>.tg-close-in,.tg-blue>.tg-coins2{position:relative;z-index:1}
.tg-blue>.tg-orbit,.tg-blue>.tg-count{z-index:1}
.tg-sky.tg-blue .tg-bl{z-index:0}
@media (prefers-reduced-motion:reduce){.tg-bl i{animation:none}}
@media print{.tg-bl{display:none}}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .tg-blue{background:
 radial-gradient(110% 80% at 12% -10%,#3a74e0 0%,#0f3f9e00 58%),
 radial-gradient(90% 70% at 88% 112%,#04195a 0%,#0f3f9e00 62%),
 linear-gradient(180deg,#154fc0 0%,#0f3f9e 50%,#0a2d75 100%)}
:root:not([data-theme="light"]) .tg-bl i{opacity:.55}}
/* the Powered by CultureAI pill, the brand component on every site */
.px-powered{margin:0 0 0 auto;min-height:0}
.px-powered .px-pill{padding:8px 14px 8px 12px;gap:9px}
.px-powered .px-pill img{height:14px!important}
.px-powered .px-pill i{animation:2.4s ease-in-out infinite px-caipulse}
.px-askp-foot .px-powered{align-self:center}
.tg-sky-home .px-askp.inline .px-powered .px-pill{background:#fff;color:#1559f5;border-color:#fff;box-shadow:0 0 0 3px #ffffff33}
.tg-sky-home .px-askp.inline .px-powered:hover .px-pill{box-shadow:0 0 0 5px #ffffff4d}
@media (width<=560px){.px-powered{margin-left:0}}

/* CG136 · Do we fit? as one instrument */
.tg-sky-home .tg-fit{padding:0;border-radius:24px;overflow:hidden;border:1px solid #00000010;box-shadow:var(--sh-hi),var(--sh-2)}
.tg-sky-home .tg-fit-grid{grid-template-columns:minmax(0,7fr) minmax(320px,5fr);gap:0;margin-top:0;align-items:stretch}
.tg-sky-home .tg-fit-qs{padding:clamp(28px,3.4vw,44px) clamp(28px,3.4vw,48px)}
.tg-fit-prog{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin:0 0 30px}
.tg-fit-pk,.tg-fit-pn{font:500 11px/1 var(--px-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--px-mute)}
.tg-fit-pn{color:var(--tb)}
.tg-fit-prog i{display:block;height:4px;border-radius:999px;background:#0000000f;overflow:hidden}
.tg-fit-prog b{display:block;height:100%;width:0;border-radius:999px;background:var(--tb);transition:width .5s var(--ease-out)}
.tg-sky-home .tg-qw{padding:0 0 26px;margin:0 0 26px;border-top:0;border-bottom:1px solid #0000000f}
.tg-sky-home .tg-qw:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}
.tg-sky-home .tg-q legend{font:480 clamp(22px,2vw,27px)/1.2 var(--px-serif);letter-spacing:-.015em;padding-left:52px;margin-bottom:16px}
.tg-sky-home .tg-qn{font:500 12px/1 var(--px-mono);letter-spacing:.1em;top:.55em}
.tg-sky-home .tg-opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:10px;padding-left:52px}
.tg-sky-home .tg-opt{display:block}
.tg-sky-home .tg-opt span{display:flex;width:100%;box-sizing:border-box;border-radius:14px;padding:13px 16px;min-height:52px;background:#fff;border:1px solid #00000014;box-shadow:0 1px 0 #ffffff inset,0 2px 6px #0000000a;font:500 15px/1.3 var(--px-sans);transition:background-color .18s,border-color .18s,color .18s,transform .18s,box-shadow .18s}
.tg-sky-home .tg-opt input:hover+span{border-color:var(--tb);transform:translateY(-1px);box-shadow:0 6px 16px #1559f51f}
.tg-sky-home .tg-opt input:checked+span{box-shadow:0 8px 22px #1559f540;transform:translateY(-1px)}
.tg-sky-home .tg-fit-card{position:relative;top:auto;border:0;border-radius:0;padding:clamp(28px,3.4vw,44px) clamp(26px,3vw,40px);display:flex;flex-direction:column;overflow:hidden}
.tg-sky-home .tg-fit-card:after{display:none}
.tg-fit-cin{position:relative;z-index:1;display:flex;flex-direction:column;height:100%}
.tg-sky-home .tg-fit-k{font:500 11px/1 var(--px-mono);letter-spacing:.14em;text-transform:uppercase;color:#ffffffcc;margin:0!important}
.tg-sky-home .tg-fit-board{margin-top:18px}
.tg-sky-home .tg-fit-board li{border-top:1px solid #ffffff33;grid-template-columns:96px minmax(0,1fr) 24px;min-height:54px;padding:12px 0}
.tg-sky-home .tg-fb-k{color:#ffffffb3}
.tg-sky-home .tg-fb-v{color:#ffffffb3;font-size:15.5px}
.tg-sky-home .tg-fit-board li.is-yes .tg-fb-v,.tg-sky-home .tg-fit-board li.is-no .tg-fb-v,.tg-sky-home .tg-fit-board li.is-open .tg-fb-v{color:#fff}
.tg-sky-home .tg-fit-board i{border-color:#ffffff66;width:22px;height:22px}
.tg-sky-home .tg-fit-board li.is-yes i{background:#fff;border:0}
.tg-sky-home .tg-fit-board li.is-yes i:after{border-color:var(--tb);top:5px;left:8px}
.tg-sky-home .tg-fit-board li.is-no i{border-color:#fff}
.tg-sky-home .tg-fit-board li.is-no i:before,.tg-sky-home .tg-fit-board li.is-no i:after{background:#fff}
.tg-sky-home .tg-fit-board li.is-open i{border-color:#ffffffb3}
.tg-sky-home .tg-fit-board li.is-open i:after{background:#fff}
.tg-sky-home .tg-fv{border-top:1px solid #ffffff44;margin-top:22px;padding-top:22px}
.tg-sky-home .tg-fv-t{color:#fff}
.tg-sky-home .tg-fv-t .px-dot{color:#fff}
.tg-sky-home .tg-fv-why li{color:#ffffffe0}
.tg-sky-home .tg-fv-why li:before{background:#fff}
.tg-sky-home .tg-fv-d{color:#ffffffd6}
.tg-sky-home .tg-fv-acts .px-btn{background:#fff;color:var(--tb)!important;border-radius:999px}
.tg-sky-home .tg-fv-acts .px-link{color:#fff!important;text-decoration-color:#ffffff99}
.tg-sky-home .tg-fit-foot{margin-top:auto;padding-top:22px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.tg-sky-home .tg-fit-n{color:#ffffffb3}
.tg-sky-home .tg-fit-reset{background:none;border:1px solid #ffffff66;color:#fff;border-radius:999px;padding:8px 14px;font:500 13px/1 var(--px-sans);cursor:pointer}
.tg-sky-home .tg-fit-reset:hover{background:#ffffff1f}
@media (width<=980px){.tg-sky-home .tg-fit-grid{grid-template-columns:1fr}.tg-sky-home .tg-opts{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}
@media (width<=560px){.tg-sky-home .tg-q legend,.tg-sky-home .tg-opts{padding-left:0}.tg-sky-home .tg-qn{position:static;display:block;margin-bottom:8px}.tg-sky-home .tg-opts{grid-template-columns:1fr 1fr}}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .tg-sky-home .tg-opt span{background:var(--px-card);border-color:var(--px-line)}:root:not([data-theme="light"]) .tg-fit-prog i{background:#ffffff1a}:root:not([data-theme="light"]) .tg-fit-pn,:root:not([data-theme="light"]) .tg-sky-home .tg-qn{color:#8fb0ff}:root:not([data-theme="light"]) .tg-fit-prog b{background:#8fb0ff}}
@media print{.tg-sky-home .tg-fit-card{background:none;color:var(--px-ink)}.tg-sky-home .tg-fb-k,.tg-sky-home .tg-fb-v,.tg-sky-home .tg-fit-k{color:var(--px-ink)}}

/* CG137 · Do we fit?, the second layer */
.tg-sky-home .tg-opt span{padding-left:46px;position:relative}
.tg-sky-home .tg-opt span:before{content:"";position:absolute;left:16px;top:50%;width:18px;height:18px;margin-top:-9px;border-radius:50%;border:1.5px solid #00000033;background:#fff;transition:border-color .18s,background-color .18s,box-shadow .18s}
.tg-sky-home .tg-opt span:after{content:"";position:absolute;left:22px;top:50%;width:4px;height:8px;margin-top:-6px;border:2px solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transition:transform .2s var(--ease-out)}
.tg-sky-home .tg-opt input:hover+span:before{border-color:var(--tb)}
.tg-sky-home .tg-opt input:checked+span:before{background:#fff;border-color:#fff;box-shadow:0 0 0 3px #ffffff4d}
.tg-sky-home .tg-opt input:checked+span:after{border-color:var(--tb);transform:rotate(45deg) scale(1)}
.tg-sky-home .tg-qw{position:relative;padding-left:0;transition:opacity .25s}
.tg-sky-home .tg-qw:before{content:"";position:absolute;left:-28px;top:4px;bottom:30px;width:3px;border-radius:3px;background:var(--tb);opacity:0;transform:scaleY(.4);transform-origin:top;transition:opacity .3s,transform .4s var(--ease-out)}
.tg-sky-home .tg-qw.is-next:before{opacity:1;transform:scaleY(1)}
.tg-sky-home .tg-qw.is-done .tg-qn{color:#fff;background:var(--tb);border-radius:50%;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;font-size:0;top:.3em;left:-2px}
.tg-sky-home .tg-qw.is-done .tg-qn:after{content:"";width:5px;height:9px;border:2px solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);margin-top:-2px}
.tg-sky-home .tg-qw.is-done .tg-q legend{color:var(--px-char)}
.tg-fit-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.tg-fit-ring{position:relative;width:96px;height:96px;flex:none;margin-top:-10px}
.tg-fit-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.tg-fit-ring circle{fill:none;stroke-width:5}
.tg-fit-ring .t{stroke:#ffffff33}
.tg-fit-ring .v{stroke:#fff;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .6s var(--ease-out)}
.tg-fit-ring p{position:absolute;inset:0;margin:0!important;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;line-height:1}
.tg-fit-ring b{font:480 34px/1 var(--px-serif);letter-spacing:-.03em}
.tg-fit-ring span{font:500 9px/1 var(--px-mono);letter-spacing:.14em;text-transform:uppercase;margin-top:5px;opacity:.85}
.tg-sky-home .tg-fit-board{margin-top:6px}
.tg-sky-home .tg-fit-board li{transition:transform .35s var(--ease-out),opacity .35s}
.tg-sky-home .tg-fit-board li .tg-fb-v{display:inline-block;transition:transform .35s var(--ease-out)}
.tg-sky-home .tg-fit-board li.is-yes .tg-fb-v,.tg-sky-home .tg-fit-board li.is-no .tg-fb-v,.tg-sky-home .tg-fit-board li.is-open .tg-fb-v{transform:translateX(4px)}
.tg-sky-home .tg-fit-board li.is-yes i{box-shadow:0 0 0 4px #ffffff2e}
@media (width>980px){.tg-sky-home .tg-fit-cin{position:sticky;top:110px;height:auto}.tg-sky-home .tg-fit-card{align-items:stretch}}
@media (width<=560px){.tg-sky-home .tg-qw:before{display:none}.tg-sky-home .tg-qw.is-done .tg-qn{position:static;margin-bottom:8px}}
@media (prefers-reduced-motion:reduce){.tg-sky-home .tg-opt span:after,.tg-fit-ring .v,.tg-sky-home .tg-qw:before,.tg-sky-home .tg-fit-board li .tg-fb-v{transition:none}}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .tg-sky-home .tg-opt span:before{background:var(--px-paper2);border-color:#ffffff33}:root:not([data-theme="light"]) .tg-sky-home .tg-opt input:checked+span:before{background:#fff}:root:not([data-theme="light"]) .tg-sky-home .tg-qw.is-done .tg-qn{background:#8fb0ff;color:#0f1a33}:root:not([data-theme="light"]) .tg-sky-home .tg-qw.is-done .tg-qn:after{border-color:#0f1a33}:root:not([data-theme="light"]) .tg-sky-home .tg-qw:before{background:#8fb0ff}}

/* CG138 · the phone audit */
@media (width<=980px){.tg-sky-home .tg-fit-grid{grid-template-columns:minmax(0,1fr)}.tg-sky-home .tg-fit-qs,.tg-sky-home .tg-fit-card{min-width:0;max-width:100%}.tg-sky-home .tg-opts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (width<=560px){.px-askp-f{flex-wrap:wrap}.px-askp-f textarea{flex:1 1 100%;width:100%}.px-askp-f .px-askp-mic{margin-left:auto}}
@media (width<=900px){.tg-fdhero .tg-fone{margin-top:28px}.px-chero.tg-pghero{padding-bottom:92px}}
.tg-coins2 .tg-coin.seat{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 8px;box-sizing:border-box}
.tg-coins2 .tg-coin.seat small{font-size:11px;line-height:1.15}
@media (width<=820px){.tg-glass4>div:last-child{grid-column:auto;border-left:1px solid #ffffff2a}}
@media (width<=700px){.tg-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tg-wall .tg-shot.hero,.tg-wall .tg-shot.w2{grid-column:1/-1}.tg-wall .tg-shot figcaption{font-size:9px;letter-spacing:.08em;padding:6px 9px}}
@media (width<=420px){.tg-sky-home .tg-opt span{padding:12px 10px 12px 36px;font-size:13.5px;letter-spacing:-.01em}.tg-sky-home .tg-opt span:before{left:11px}.tg-sky-home .tg-opt span:after{left:17px}}
/* the philosophy quiz, the home instrument */
.tg-fitwrap{margin-top:clamp(44px,5.4vw,72px)}
.tg-sky-home.tg-fitwrap .tg-fit-head{display:block;padding:clamp(28px,3.4vw,44px) clamp(28px,3.4vw,48px) 0}
.tg-sky-home.tg-fitwrap .tg-fit-head .tg-fit-sub{margin:0}

/* CG139 · How we invest to the home's standard */
body.tg-pg .tg-head .px-sub{font:400 16px/1.5 var(--px-sans);color:var(--px-char);margin:0;max-width:none;align-self:end}
body.tg-pg .tg-head>.px-sub+.tg-note{display:none}
.tg-rules{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px;counter-reset:rl;border-top:1px solid var(--ink)}
.tg-rules li{counter-increment:rl;display:grid;grid-template-columns:52px minmax(0,1fr);gap:4px 12px;padding:26px 0 28px;border-bottom:1px solid #00000014;align-items:baseline}
.tg-rules li:before{content:counter(rl,decimal-leading-zero);font:500 12px/1 var(--px-mono);letter-spacing:.1em;color:var(--tb);grid-row:1/3}
.tg-rules h3{font:480 clamp(20px,1.7vw,24px)/1.25 var(--px-serif);letter-spacing:-.012em;color:var(--ink);margin:0;text-wrap:pretty}
.tg-rules p{font:400 15px/1.55 var(--px-sans);color:var(--px-char);margin:8px 0 0;grid-column:2;max-width:46ch}
@media (width<=900px){.tg-rules{grid-template-columns:1fr;gap:0}.tg-rules li{grid-template-columns:40px minmax(0,1fr);padding:22px 0}}
.tg-layers{position:relative;overflow:hidden;border-radius:24px;padding:clamp(28px,3.4vw,44px) clamp(28px,3.4vw,48px);color:#fff;box-shadow:var(--sh-hi),0 30px 70px #1559f533}
.tg-layers-in{position:relative;z-index:1}
.tg-layers .tg-fit-k{font:500 11px/1 var(--px-mono);letter-spacing:.14em;text-transform:uppercase;color:#ffffffcc;margin:0 0 18px!important}
.tg-lyrs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}
.tg-lyrs li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:0 10px;align-items:baseline;padding:20px 0;border-top:1px solid #ffffff33}
.tg-lyrs li:nth-child(-n+2){border-top:0;padding-top:4px}
.tg-lyn{font:500 12px/1 var(--px-mono);letter-spacing:.1em;color:#ffffffb3}
.tg-lyrs h3{font:480 clamp(20px,1.7vw,24px)/1.25 var(--px-serif);letter-spacing:-.012em;color:#fff;margin:0}
.tg-lyrs p{font:400 15px/1.55 var(--px-sans);color:#ffffffd9;margin:8px 0 0;max-width:44ch}
.tg-lyrs .tg-chips{margin:12px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.tg-lyrs .tg-chips li{display:block;border:0;padding:8px 12px;background:#fff;color:var(--tb);font:500 12.5px/1.25 var(--px-sans);border-radius:999px;box-shadow:0 1px 0 #ffffff80 inset,0 6px 16px #00000026}
@media (width<=900px){.tg-lyrs{grid-template-columns:1fr;gap:0}.tg-lyrs li:nth-child(2){border-top:1px solid #ffffff33;padding-top:20px}}
@media print{.tg-layers{background:none;color:var(--px-ink);box-shadow:none}.tg-lyrs h3,.tg-lyrs p,.tg-lyn,.tg-layers .tg-fit-k{color:var(--px-ink)}}
body.tg-pg .tg-nevers.tg-nvrows{display:block;border-top:1px solid var(--ink)!important;counter-reset:nv}
body.tg-pg .tg-nevers.tg-nvrows li{counter-increment:nv;display:grid;grid-template-columns:64px minmax(0,1fr);align-items:baseline;gap:12px;padding:22px 0;margin:0;background:none;border:0;border-bottom:1px solid #00000014;border-radius:0;box-shadow:none;font:400 clamp(20px,2vw,26px)/1.35 var(--px-serif);color:var(--ink)}
body.tg-pg .tg-nevers.tg-nvrows li:before{content:counter(nv,decimal-leading-zero);font:400 14px/1 var(--px-mono);color:var(--tb);margin:0}
@media (width<=560px){body.tg-pg .tg-nevers.tg-nvrows li{grid-template-columns:40px minmax(0,1fr)}}
:root:not([data-theme="light"]) .tg-rec-pub img{background:#fff;padding:6px 10px;border-radius:999px;box-sizing:content-box}
/* the inner pages: blue where it was black, cards where it was bare */
body.tg-pg .px-lane.firm,body.tg-pg .convo{position:relative;overflow:hidden;border:0!important;color:#fff!important;background:radial-gradient(110% 80% at 12% -10%,#5b95ff 0%,#1559f500 58%),radial-gradient(90% 70% at 88% 112%,#072f9c 0%,#1559f500 62%),linear-gradient(180deg,#1d63ff 0%,#1559f5 50%,#0f4bdc 100%)!important;box-shadow:var(--sh-hi),0 24px 60px #1559f533}
body.tg-pg .px-lane.firm>*,body.tg-pg .convo>*{position:relative;z-index:1}
body.tg-pg .px-lane.firm>.tg-bl,body.tg-pg .convo>.tg-bl{z-index:0}
body.tg-pg .px-lane.firm .px-lk,body.tg-pg .convo .convo-k{color:#ffffffcc!important}
body.tg-pg .px-lane.firm span,body.tg-pg .px-lane.firm p,body.tg-pg .convo p{color:#fff!important}
body.tg-pg .px-lane.firm .px-link,body.tg-pg .px-lane.firm .px-lgo{color:#fff!important;text-decoration-color:#ffffff99}
body.tg-pg .convo .px-cbtn.px-cp,body.tg-pg .convo .px-btn{background:#fff!important;color:var(--tb)!important;border:0}
body.tg-pg .convo button:not(.px-btn),body.tg-pg .convo a:not(.px-btn){background:none;border:1px solid #ffffff80;color:#fff!important}
body.tg-pg .convo button:not(.px-btn):hover,body.tg-pg .convo a:not(.px-btn):hover{background:#ffffff1f}
body.tg-pg .px-lis{background:#fff;border:1px solid #00000010;border-radius:18px;padding:20px 22px;box-shadow:var(--sh-hi),var(--sh-1)}
body.tg-pg .px-author-in{background:#fff;border:1px solid #00000010;border-radius:22px;padding:clamp(26px,3vw,40px);box-shadow:var(--sh-hi),var(--sh-1)}
body.tg-pg .px-btn:not(.px-close .px-btn):not(.tg-fv-acts .px-btn):not(.convo .px-btn){background:var(--tb)!important;color:#fff!important}
body.tg-pg .px-author-links a.dark{background:var(--tb);border-color:var(--tb);color:#fff}
.tg-fdhero .tg-fone{margin-top:28px}
.px-chero.tg-pghero{padding-bottom:96px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) body.tg-pg .px-lis,:root:not([data-theme="light"]) body.tg-pg .px-author-in{background:var(--px-card);border-color:var(--px-line)}}
@media print{body.tg-pg .px-lane.firm,body.tg-pg .convo{background:none!important;color:var(--px-ink)!important;box-shadow:none}}
body.tg-pg .tg-h3{font:480 clamp(26px,2.4vw,34px)/1.1 var(--px-serif);letter-spacing:-.018em;margin:64px 0 16px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .tg-rules{border-top-color:var(--px-ink)}:root:not([data-theme="light"]) .tg-rules li,:root:not([data-theme="light"]) body.tg-pg .tg-nevers.tg-nvrows li{border-bottom-color:var(--px-line)}:root:not([data-theme="light"]) .tg-rules li:before,:root:not([data-theme="light"]) body.tg-pg .tg-nevers.tg-nvrows li:before{color:#8fb0ff}:root:not([data-theme="light"]) .tg-rules h3,:root:not([data-theme="light"]) body.tg-pg .tg-nevers.tg-nvrows li{color:var(--px-ink)}:root:not([data-theme="light"]) .tg-rules p{color:var(--px-char)}:root:not([data-theme="light"]) .tg-lyrs .tg-chips li{background:#fff;color:#1559f5}}

/* CG140 · the pixel layer on the inner pages */
.tg-lyrs .tg-chips li,body.tg-pg .tg-li .tg-chips li,.tg-chips li{white-space:nowrap}
.tg-lyrs .tg-chips li{padding:8px 12px!important;border-top:0!important;display:block!important;grid-template-columns:none}
.tg-lyrs .tg-chips li{transition:transform .18s var(--ease-out),box-shadow .18s}
.tg-lyrs .tg-chips li:hover{transform:translateY(-1px);box-shadow:0 1px 0 #ffffff80 inset,0 10px 22px #00000033}
.tg-rules li{transition:background-color .2s;border-radius:0}
.tg-rules li h3{transition:color .18s}
.tg-rules li:hover h3{color:var(--tb)}
.tg-rules li:hover:before{color:var(--ink)}
.tg-lyrs li{transition:opacity .2s}
.tg-lyrs:hover li{opacity:.72}
.tg-lyrs li:hover{opacity:1}
.tg-lyrs li h3{transition:transform .25s var(--ease-out)}
.tg-lyrs li:hover h3{transform:translateX(3px)}
body.tg-pg .tg-nevers.tg-nvrows li{transition:color .18s}
body.tg-pg .tg-nevers.tg-nvrows li:hover{color:var(--tb)}
body.tg-pg .tg-nevers.tg-nvrows li:hover:before{color:var(--ink)}
.tg-wlist a,.tg-sv{transition:transform .2s var(--ease-out)}
.tg-wlist a:hover{transform:translateX(3px)}
.tg-wlist a:hover .tg-wn,a.tg-sv:hover .tg-svk{color:var(--tb)}
.tg-shot{transition:transform .35s var(--ease-out),box-shadow .35s}
.tg-wall .tg-shot:hover{transform:translateY(-3px);box-shadow:0 18px 40px #00000026}
.tg-wall .tg-shot:active{transform:translateY(0)}
.px-art .tg-drop:first-letter{font:400 3.6em/.8 var(--px-serif);float:left;padding:8px 12px 0 0;color:var(--tb)}
.tg-rec-list a:hover .tg-rt,.px-pr a:hover{color:var(--tb)}
body.tg-pg .px-lane{transition:transform .25s var(--ease-out),box-shadow .25s}
body.tg-pg .px-lane:hover{transform:translateY(-3px);box-shadow:var(--sh-hi),0 24px 60px #00000022}
body.tg-pg .px-lane.firm:hover{box-shadow:var(--sh-hi),0 30px 70px #1559f54d}
body.tg-pg .px-btn{transition:transform .18s var(--ease-out),box-shadow .18s}
body.tg-pg .px-btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px #1559f540}
body.tg-pg .px-btn:active{transform:translateY(0)}
@media (prefers-reduced-motion:reduce){.tg-lyrs li h3,.tg-wlist a,.tg-sv,.tg-shot,body.tg-pg .px-lane,body.tg-pg .px-btn,.tg-lyrs .tg-chips li{transition:none}.tg-wlist a:hover,.tg-wall .tg-shot:hover,body.tg-pg .px-lane:hover,body.tg-pg .px-btn:hover,.tg-lyrs li:hover h3{transform:none}}
@media (hover:none){.tg-lyrs:hover li{opacity:1}}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .tg-rules li:hover h3,:root:not([data-theme="light"]) body.tg-pg .tg-nevers.tg-nvrows li:hover,:root:not([data-theme="light"]) .tg-wlist a:hover .tg-wn,:root:not([data-theme="light"]) a.tg-sv:hover .tg-svk{color:#8fb0ff}:root:not([data-theme="light"]) .tg-rules li:hover:before,:root:not([data-theme="light"]) body.tg-pg .tg-nevers.tg-nvrows li:hover:before{color:var(--px-ink)}:root:not([data-theme="light"]) .px-art .tg-drop:first-letter{color:#8fb0ff}}

/* CG141 · the footer zone: the platform band and the footer */
.tg-platform{background:var(--px-paper2);border-top:1px solid var(--px-line);padding:clamp(80px,9vw,128px) 0 clamp(56px,6vw,80px)}
.tg-plat-k{font:500 11px/1 var(--px-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--tb);margin:0 0 18px}
.tg-platform .px-sechead h2{font:480 clamp(34px,3.8vw,54px)/1.04 var(--px-serif);letter-spacing:-.022em;color:var(--px-ink);margin:0}
.tg-phones{margin-top:clamp(36px,4vw,56px);align-items:end}
.tg-ph-wrap{margin:0;text-align:center}
.tg-phones .tg-ph-wrap:nth-child(2){transform:translateY(-28px)}
.tg-ph{width:min(272px,100%);margin:0 auto;aspect-ratio:9/19;border-radius:44px;background:#0f1117;padding:11px;box-shadow:0 1px 0 #ffffff1a inset,0 30px 60px #0000003d,0 0 0 1px #00000026;position:relative;transition:transform .35s var(--ease-out),box-shadow .35s}
.tg-ph-wrap:hover .tg-ph{transform:translateY(-6px);box-shadow:0 1px 0 #ffffff1a inset,0 40px 70px #00000047,0 0 0 1px #00000026}
.tg-ph-scr{position:relative;height:100%;border-radius:34px;background:#fff;overflow:hidden;padding:48px 14px 14px;display:flex;flex-direction:column;gap:10px;font-family:var(--px-sans);color:#14161b;text-align:left}
.tg-ph-isl{position:absolute;top:12px;left:50%;width:84px;height:24px;margin-left:-42px;border-radius:999px;background:#0f1117}
.tg-ps-top{display:flex;justify-content:space-between;align-items:center}
.tg-ps-k{font:500 10px/1 var(--px-mono);letter-spacing:.14em;text-transform:uppercase;color:#5f6676}
.tg-ps-dot{width:8px;height:8px;border-radius:50%;background:#1559f5;box-shadow:0 0 0 3px #1559f52e;animation:2.4s ease-in-out infinite px-caipulse}
.tg-ps-h{font:480 20px/1.15 var(--px-serif);letter-spacing:-.015em;margin:2px 0 0}
.tg-ps-rows{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:9px}
.tg-ps-rows li{display:grid;grid-template-columns:52px minmax(0,1fr) 26px;align-items:center;gap:8px;font:500 11px/1 var(--px-sans)}
.tg-ps-rows i{display:block;height:6px;border-radius:999px;background:#eef1f7;overflow:hidden;position:relative}
.tg-ps-rows i:after{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--w);border-radius:999px;background:#1559f5}
.tg-ps-rows b{font:600 11px/1 var(--px-mono);color:#1559f5;text-align:right}
.tg-ps-card{background:#f7f8fb;border:1px solid #e1e4ec;border-radius:14px;padding:10px 12px}
.tg-ps-card+.tg-ps-card{margin-top:-2px}
.tg-ps-card p{font:400 12px/1.45 var(--px-sans);margin:0 0 8px}
.tg-ps-chip{display:inline-block;font:600 8.5px/1 var(--px-mono);letter-spacing:.14em;text-transform:uppercase;color:#1559f5;background:#eef3ff;border-radius:6px;padding:6px 8px}
.tg-ps-pill{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:7px;font:600 8.5px/1 var(--px-mono);letter-spacing:.22em;color:#1559f5;background:#fff;border:1.5px solid #1559f5;border-radius:40px;padding:7px 11px 7px 9px;box-shadow:0 0 0 3px #1559f514}
.tg-ps-pill i{width:6px;height:6px;border-radius:50%;background:#1559f5;animation:2.4s ease-in-out infinite px-caipulse}
.tg-ps-pill img{height:11px;width:auto;display:block}
.tg-ps-pill .mk-r{display:none}
.tg-ps-q{align-self:flex-end;max-width:86%;background:#1559f5;color:#fff;border-radius:16px 16px 4px 16px;padding:10px 12px;font:500 12px/1.4 var(--px-sans)}
.tg-ps-a{background:#f7f8fb;border:1px solid #e1e4ec;border-radius:4px 16px 16px 16px;padding:9px 12px}
.tg-ps-a p{font:400 12px/1.45 var(--px-sans);margin:0 0 8px}
.tg-ps-src{display:inline-block;font:500 9px/1 var(--px-mono);letter-spacing:.1em;text-transform:uppercase;color:#1559f5;border-bottom:1px solid #1559f566;padding-bottom:2px}
.tg-ps-chips{display:flex;flex-wrap:wrap;gap:6px}
.tg-ps-chips span{font:500 10.5px/1 var(--px-sans);color:#1559f5;border:1px solid #1559f54d;border-radius:999px;padding:7px 10px;white-space:nowrap}
.tg-ps-in{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #e1e4ec;border-radius:999px;padding:7px 7px 7px 12px;font:400 11px/1 var(--px-sans);color:#5f6676}
.tg-ps-in b{width:26px;height:26px;border-radius:50%;background:#1559f5;position:relative;flex:none}
.tg-ps-in b:after{content:"";position:absolute;left:9px;top:10px;width:7px;height:7px;border:2px solid #fff;border-width:2px 0 0 2px;transform:rotate(45deg)}
.tg-ps-stat b{display:block;font:480 34px/1 var(--px-serif);letter-spacing:-.03em;color:#14161b}
.tg-ps-stat span{display:block;font:400 11px/1.4 var(--px-sans);color:#5f6676;margin-top:4px}
.tg-ps-spark{width:100%;height:44px;display:block;background:#f7f8fb;border:1px solid #e1e4ec;border-radius:12px;padding:6px 8px;box-sizing:border-box}
.tg-ps-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.tg-ps-tiles div{background:#f7f8fb;border:1px solid #e1e4ec;border-radius:10px;padding:8px 7px}
.tg-ps-tiles b{display:block;font:480 17px/1 var(--px-serif);letter-spacing:-.02em;color:#1559f5}
.tg-ps-tiles span{display:block;font:400 8.5px/1.25 var(--px-sans);color:#5f6676;margin-top:4px}
.tg-ps-agents{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.tg-ps-agents li{display:flex;align-items:center;gap:8px;font:500 11px/1.25 var(--px-sans);background:#f7f8fb;border:1px solid #e1e4ec;border-radius:10px;padding:8px 10px}
.tg-ps-agents i{width:8px;height:8px;border-radius:50%;flex:none;background:#1cab6a}
.tg-ps-agents i.run{background:#1559f5;box-shadow:0 0 0 3px #1559f52e;animation:2.4s ease-in-out infinite px-caipulse}
.tg-ph-wrap figcaption{margin-top:22px}
.tg-ph-wrap figcaption a{text-decoration:none;color:var(--px-ink);display:inline-block}
.tg-ph-wrap figcaption b{display:block;font:600 16px/1.3 var(--px-sans)}
.tg-ph-wrap figcaption span{display:block;font:400 13.5px/1.4 var(--px-sans);color:var(--px-char);margin-top:3px}
.tg-ph-wrap figcaption a:hover b{color:var(--tb)}
@media (width<=1120px){.tg-phones .tg-ph-wrap{flex:0 0 min(272px,80vw);scroll-snap-align:center}.tg-phones .tg-ph-wrap:nth-child(2){transform:none}}
@media (prefers-reduced-motion:reduce){.tg-ps-dot,.tg-ps-pill i,.tg-ps-agents i.run{animation:none}.tg-ph,.tg-ph-wrap:hover .tg-ph{transition:none;transform:none}}
.px-off .tg-ps-dot,.px-off .tg-ps-pill i,.px-off .tg-ps-agents i.run{animation-play-state:paused}
/* the footer */
.px-foot.tg-foot{border-top:1px solid var(--px-line)}
.px-foot.tg-foot .px-in{padding-top:clamp(56px,7vw,88px)}
.tg-ft-top{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px 64px;align-items:start;padding-bottom:clamp(40px,5vw,56px);border-bottom:1px solid var(--px-line)}
.tg-ft-sell .tg-ft{font:500 11px/1 var(--px-mono)!important;letter-spacing:.14em;text-transform:uppercase;color:var(--tb);margin:6px 0 14px!important}
.tg-ft-lead{font:480 clamp(24px,2.4vw,34px)/1.15 var(--px-serif);letter-spacing:-.018em;color:var(--px-ink);margin:0 0 22px;max-width:18ch}
.tg-ft-sell .tg-fm{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin:0}
.tg-ft-sell .px-btn{background:var(--tb)!important;color:#fff!important;min-height:48px;padding:0 22px;font-size:15px}
.tg-ft-sell .px-link{font:500 15px/1 var(--px-sans);color:var(--px-ink)!important}
.tg-ft-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 40px;padding-top:clamp(40px,5vw,56px)}
.tg-ft-k{font:500 11px/1 var(--px-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--px-mute);margin:0 0 14px}
.px-foot.tg-foot .px-links{display:grid;gap:2px}
.px-foot.tg-foot .px-links a{min-height:36px}
.px-foot.tg-foot .px-addr{margin:0;font-size:15px;line-height:1.6}
.px-foot.tg-foot .px-addr a{color:var(--px-ink);text-decoration:none}
.px-foot.tg-foot .px-addr a:hover{color:var(--tb)}
.px-foot.tg-foot .px-legal{gap:14px 28px}
.px-foot.tg-foot .px-legal .px-pilla{margin-right:auto}
@media (width<=900px){.tg-ft-top{grid-template-columns:1fr}.tg-ft-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (width<=720px){.px-foot.tg-foot .px-links a{border:0;min-height:36px;font-size:15px!important}.px-foot.tg-foot .px-links a:last-child{border:0}}
@media (width<=480px){.tg-ft-grid{grid-template-columns:1fr;gap:28px}.px-foot.tg-foot .px-legal .px-pilla{margin-right:0;flex-basis:100%}}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .tg-ph-scr{background:#fff}:root:not([data-theme="light"]) .tg-ph{background:#1c2029;box-shadow:0 1px 0 #ffffff1f inset,0 30px 60px #00000080,0 0 0 1px #ffffff14}:root:not([data-theme="light"]) .tg-plat-k,:root:not([data-theme="light"]) .tg-ft-sell .tg-ft{color:#8fb0ff}:root:not([data-theme="light"]) .tg-ph-wrap figcaption a:hover b,:root:not([data-theme="light"]) .px-foot.tg-foot .px-addr a:hover{color:#8fb0ff}}
@media print{.tg-platform{display:none}}

/* CG142 · the screens show the product; the pill carries the navigator's name */
.tg-ph-scr{gap:8px;padding-top:44px}
.tg-phones{grid-template-columns:repeat(2,minmax(0,272px));justify-content:center;gap:clamp(40px,6vw,96px)}
.tg-phones .tg-ph-wrap:nth-child(2){transform:none}
@media (width<=1120px){.tg-phones{display:flex;justify-content:flex-start;gap:18px}}
.tg-ps-lab{font:500 8.5px/1 var(--px-mono);letter-spacing:.14em;text-transform:uppercase;color:#5f6676;margin:2px 0 0}
.tg-ps-h{font-size:17px;margin:0}
.tg-ps-rows li{grid-template-columns:92px minmax(0,1fr) 32px;font-size:10.5px}
.tg-ps-rows li span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tg-ps-row2{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e1e4ec;border-bottom:1px solid #e1e4ec;padding:7px 0}
.tg-ps-row2 b{font:600 11px/1 var(--px-mono);color:#1559f5}
.tg-ps-card.agent p{margin:7px 0 0}
.tg-ps-chip.run{background:#1559f5;color:#fff;position:relative;padding-left:16px}
.tg-ps-chip.run:before{content:"";position:absolute;left:7px;top:50%;width:5px;height:5px;margin-top:-2.5px;border-radius:50%;background:#fff;animation:2.4s ease-in-out infinite px-caipulse}
.tg-ps-coach{display:flex;align-items:center;gap:8px;border:1px solid #e1e4ec;border-radius:12px;padding:8px 10px;font:500 11px/1 var(--px-sans);white-space:nowrap}
.tg-ps-coach i{width:22px;height:22px;border-radius:50%;background:#1559f5;flex:none;position:relative}
.tg-ps-coach i:after{content:"";position:absolute;left:6px;top:6px;width:10px;height:10px;border-radius:50%;background:#fff}
.tg-ps-coach em{margin-left:auto;font:400 10px/1 var(--px-mono);color:#5f6676;font-style:normal}
.tg-ps-acts{display:flex;gap:6px}
.tg-ps-acts span{display:inline-flex;align-items:center;gap:5px;font:500 10px/1 var(--px-sans);color:#1559f5;border:1px solid #1559f54d;border-radius:999px;padding:6px 9px;white-space:nowrap}
.tg-ps-acts b{width:9px;height:9px;border-radius:50%;background:#1559f5;display:inline-block}
.tg-ps-acts b.mic{border-radius:3px 3px 5px 5px;width:6px;height:10px}
.tg-ps-acts b.doc{border-radius:2px;width:8px;height:10px}

/* CG143 · the phones work; the platform is a body section */
.tg-platform{background:var(--px-paper);border-top:0;padding:clamp(80px,9vw,128px) 0}
body.tg-pg .tg-platform .px-sechead h2,.tg-sky-home .tg-platform .px-sechead h2{font-size:clamp(34px,3.8vw,54px)}
.tg-platform .tg-phones{margin-top:clamp(40px,4.5vw,64px)}
.tg-ph-scr{gap:7px;padding-top:42px}
.tg-ph-scr button{font-family:var(--px-sans);cursor:pointer}
.tg-ps-lab em{font-style:normal;color:#1559f5;letter-spacing:.08em;margin-left:6px;opacity:.9}
.tg-ps-rows li{cursor:pointer;grid-template-columns:96px minmax(0,1fr) 34px}
.tg-ps-rows i:after{transition:width .6s var(--ease-out)}
.tg-ps-rows li:active i:after{filter:brightness(1.15)}
.tg-ps-prom{display:inline-flex;align-items:center;gap:6px;font:600 11px/1 var(--px-mono);color:#1559f5;cursor:pointer}
.tg-ps-prom b{font:inherit}
.tg-ps-pk{width:14px;height:14px;border-radius:50%;border:1.5px solid #1559f5;position:relative}
.tg-ps-prom.all .tg-ps-pk{background:#1559f5}
.tg-ps-prom.all .tg-ps-pk:after{content:"";position:absolute;left:4px;top:1.5px;width:3px;height:7px;border:2px solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.tg-ps-card.agent{opacity:0;transform:translateY(6px);transition:opacity .4s,transform .4s var(--ease-out)}
.tg-ps-card.agent.in{opacity:1;transform:none}
.tg-ps-moves{list-style:none;margin:7px 0 0;padding:0;display:grid;gap:4px}
.tg-ps-moves li{font:400 10.5px/1.3 var(--px-sans);color:#14161b;padding-left:12px;position:relative}
.tg-ps-moves li:before{content:"";position:absolute;left:0;top:5px;width:5px;height:5px;border-radius:50%;background:#1559f5}
.tg-ps-coach{cursor:pointer}
.tg-ps-coach.live i{animation:2.4s ease-in-out infinite px-caipulse}
.tg-ps-coach .tg-ps-coach-t{white-space:normal;line-height:1.3;flex:1}
.tg-ps-on{display:inline-flex;align-items:center;gap:5px;font:500 9px/1 var(--px-mono);letter-spacing:.12em;text-transform:uppercase;color:#0e7a4b}
.tg-ps-on i{width:7px;height:7px;border-radius:50%;background:#1cab6a;box-shadow:0 0 0 3px #1cab6a2e;animation:2.4s ease-in-out infinite px-caipulse}
.tg-ps-doors{display:flex;gap:4px}
.tg-ps-doors button{flex:1 1 0;min-width:0;text-align:center;font:500 9px/1.1 var(--px-sans);color:#14161b;background:#f7f8fb;border:1px solid #e1e4ec;border-radius:999px;padding:6px 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background-color .2s,color .2s}
.tg-ps-doors button.on{background:#1559f5;border-color:#1559f5;color:#fff}
.tg-ps-conv{flex:1 1 auto;min-height:0;overflow:auto;scrollbar-width:none;display:flex;flex-direction:column;gap:7px;padding:2px 0}
.tg-ps-conv::-webkit-scrollbar{display:none}
.tg-ps-conv .tg-ps-q{animation:tg-ps-in .3s var(--ease-out)}
.tg-ps-a.with-mk{padding-top:9px}
.tg-ps-mk{height:9px;width:auto;display:block;margin:0 0 5px}
.tg-ps-a.dots{display:flex;gap:4px;padding:10px 12px;width:max-content}
.tg-ps-a.dots i{width:5px;height:5px;border-radius:50%;background:#8a909c;animation:tg-ps-dot 1s ease-in-out infinite}
.tg-ps-a.dots i:nth-child(2){animation-delay:.15s}.tg-ps-a.dots i:nth-child(3){animation-delay:.3s}
@keyframes tg-ps-dot{0%,100%{opacity:.3}50%{opacity:1}}
@keyframes tg-ps-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.tg-ps-wave{display:inline-flex;align-items:flex-end;gap:2px;height:12px;margin-left:8px;vertical-align:middle}
.tg-ps-wave i{width:2px;background:#1559f5;border-radius:1px;animation:tg-ps-wave .8s ease-in-out infinite}
.tg-ps-wave i:nth-child(1){height:5px}.tg-ps-wave i:nth-child(2){height:10px;animation-delay:.1s}.tg-ps-wave i:nth-child(3){height:7px;animation-delay:.2s}.tg-ps-wave i:nth-child(4){height:12px;animation-delay:.3s}.tg-ps-wave i:nth-child(5){height:6px;animation-delay:.4s}
@keyframes tg-ps-wave{0%,100%{transform:scaleY(.4)}50%{transform:scaleY(1)}}
.tg-ps-starters{display:flex;flex-wrap:wrap;gap:5px}
.tg-ps-starters button{font:500 10px/1.2 var(--px-sans);color:#1559f5;background:#fff;border:1px solid #1559f54d;border-radius:999px;padding:6px 9px;transition:background-color .2s,color .2s}
.tg-ps-starters button:hover{background:#1559f5;color:#fff}
.tg-ps-acts{display:flex;gap:5px}
.tg-ps-acts button{display:inline-flex;align-items:center;gap:4px;font:500 9.5px/1 var(--px-sans);color:#1559f5;background:#fff;border:1px solid #1559f54d;border-radius:999px;padding:6px 8px;white-space:nowrap}
.tg-ps-acts button b{width:8px;height:8px;border-radius:50%;background:#1559f5;display:inline-block}
.tg-ps-acts button b.mic{border-radius:3px 3px 4px 4px;width:5px;height:9px}
.tg-ps-acts button b.per{box-shadow:0 0 0 2px #fff,0 0 0 3px #1559f5}
.tg-ps-acts .tg-ps-lang{margin-left:auto;border-color:#e1e4ec;color:#5f6676}
.tg-ph-scr.listening .tg-ps-talk{background:#1559f5;color:#fff}
.tg-ph-scr.listening .tg-ps-talk b{background:#fff;animation:2.4s ease-in-out infinite px-caipulse}
.tg-ph-scr.listening .tg-ps-in{border-color:#1559f5}
.tg-ps-form{background:#f7f8fb;border:1px solid #e1e4ec;border-radius:14px;padding:10px 12px;display:grid;gap:6px;animation:tg-ps-in .3s var(--ease-out)}
.tg-ps-form i{display:block;font:400 10.5px/1 var(--px-sans);color:#5f6676;background:#fff;border:1px solid #e1e4ec;border-radius:8px;padding:8px 9px;font-style:normal}
.tg-ps-form button{font:600 10.5px/1 var(--px-sans);color:#fff;background:#1559f5;border:0;border-radius:999px;padding:8px 12px;justify-self:start}
.tg-ps-sent{font:500 11px/1.4 var(--px-sans);color:#1cab6a}
.tg-ph-wrap figcaption a{pointer-events:auto}
@media (prefers-reduced-motion:reduce){.tg-ps-on i,.tg-ps-a.dots i,.tg-ps-wave i,.tg-ps-coach.live i,.tg-ph-scr.listening .tg-ps-talk b{animation:none}.tg-ps-conv .tg-ps-q,.tg-ps-form{animation:none}.tg-ps-rows i:after,.tg-ps-card.agent{transition:none}}
.px-off .tg-ps-on i{animation-play-state:paused}

/* CG144 · the rocket on the app */
.tg-ps-app{display:inline-flex;align-items:center;gap:7px}
.tg-ps-rkt{height:18px;width:auto;display:block}
.tg-ps-coach i{display:grid;place-items:center}
.tg-ps-coach i:after{display:none}
.tg-ps-coach i img{height:13px;width:auto;display:block}
.tg-ps-chip.run{display:inline-flex;align-items:center;gap:5px;padding-left:8px}
.tg-ps-chip.run:before{display:none}
.tg-ps-chip.run img{height:9px;width:auto;display:block}

/* CG145 · the displays live */
.tg-ps-conv>.out{opacity:0;transform:translateY(-6px);transition:opacity .3s,transform .3s}
.tg-ps-card.agent.done{border-color:#0e7a4b33;background:#eefaf3}
.tg-ps-card.agent.done .tg-ps-chip.run{background:#0e7a4b}
.tg-ps-card.agent.done .tg-ps-moves li:before{background:#0e7a4b}

/* CG146 · the pill, one component everywhere the product is named */
.px-navpill{padding:8px 14px 8px 12px;gap:8px}
.px-navpill img{height:14px!important;width:auto;display:block}
.px-navpill .mk-r{display:none}
.px-navpill i{width:6px;height:6px;border-radius:50%;background:#1559f5;animation:2.4s ease-in-out infinite px-caipulse}
.px-foot .px-links a.px-navlink{min-height:40px;padding:2px 0}
.tg-ph-wrap figcaption .tg-ph-name{display:flex;justify-content:center;margin-bottom:6px;font-size:0}
.tg-ph-wrap figcaption .tg-ph-name .px-pill{display:inline-flex!important;align-items:center;flex:none;white-space:nowrap;flex-wrap:nowrap;font:600 9px/1 var(--px-mono);letter-spacing:.26em;margin:0;color:#1559f5}
.tg-ph-wrap figcaption .tg-ph-name .px-pill i{display:inline-block!important;width:6px;height:6px}
.tg-ph-wrap figcaption .tg-ph-name .px-pill img.mk-o{display:block!important;margin:0}
.tg-ph-wrap figcaption .tg-ph-name .px-pill img.mk-r{display:none!important}
@media (prefers-reduced-motion:reduce){.px-navpill i{animation:none}}
.px-off .px-navpill i{animation-play-state:paused}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .px-navpill{background:#fff;color:#1559f5;border-color:#1559f5}}

/* CG148 · the measured polish */
h1,h2,h3,.tg-ft-lead,.px-motto,.tg-fv-t,.tg-rules h3,.tg-lyrs h3,body.tg-pg .tg-nevers.tg-nvrows li{text-wrap:balance}
p,li,dd{text-wrap:pretty}
.px-pill{font-size:11px;letter-spacing:.2em}
.px-pill img{height:15px!important}
.tg-shot figcaption,.tg-wall .tg-shot figcaption{font-size:11px!important;letter-spacing:.08em}
.tg-wb{font-size:11px!important}
.tg-rcpt{display:inline-flex;align-items:center;min-height:44px;margin-top:0}
.tg-calc-in{display:block;height:44px;margin:-6px 0 -15px;background:none!important;cursor:pointer}
.tg-calc-in::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(90deg,var(--tb) var(--p,20%),#e0e4ee var(--p,20%))}
.tg-calc-in::-webkit-slider-thumb{margin-top:-10px}
.tg-calc-in::-moz-range-track{height:6px;border-radius:999px;background:#e0e4ee}
.tg-calc-in::-moz-range-progress{height:6px;border-radius:999px;background:var(--tb)}
.tg-calc-in:focus-visible{box-shadow:none}
.tg-calc-in:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px #1559f54d,0 2px 10px #1559f566}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .tg-calc-in::-webkit-slider-runnable-track{background:linear-gradient(90deg,#5b8cfa var(--p,20%),#2a2f38 var(--p,20%))}:root:not([data-theme="light"]) .tg-calc-in::-moz-range-track{background:#2a2f38}:root:not([data-theme="light"]) .tg-calc-in::-moz-range-progress{background:#5b8cfa}}
.px-askp-foot button{min-height:44px;display:inline-flex;align-items:center}
.tg-close-more a,.px-more a{display:inline-flex;align-items:center;min-height:44px}
.px-anc{width:44px;height:44px;left:-50px;top:-2px}

/* /css/signin-cg153.css */
/* CG153 · the quiet way into the Team sign-in (Sign-in by CultureAI), in the header's corner beside Say aloha, as hvhh.ai has
   it; on phones it sits in the menu. Its own small file so the header's other rules stay where they are. */
.px-signin{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px 0 13px;border-radius:999px;font:500 15px/1 var(--px-sans);color:var(--px-ink)!important;text-decoration:none!important;white-space:nowrap;box-shadow:inset 0 0 0 1px var(--px-line2);transition:box-shadow .18s,color .18s,background-color .18s}
.px-signin svg{width:18px;height:18px;flex:none}
.px-signin:hover{color:var(--px-blue)!important;box-shadow:inset 0 0 0 1.5px var(--px-blue)}
.px-signin:focus-visible{outline:2px solid var(--px-blue);outline-offset:3px}
.px-signin[aria-current="page"]{color:var(--px-blue)!important;box-shadow:inset 0 0 0 1.5px var(--px-blue);background:color-mix(in srgb,var(--px-blue) 6%,transparent)}
.px-panel .px-msignin{display:flex!important;align-items:center;gap:12px}
.px-panel .px-msignin svg{width:20px;height:20px;flex:none;color:var(--px-blue)}
.px-panel .px-msignin span{margin-left:auto;color:var(--px-mute)}
@media (width<=940px){.px-head .px-signin{display:none!important}}
@media (width>940px) and (width<=1080px){.px-signin{padding:0 13px}.px-signin span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}

/* /css/listen-cg161.css */
/* CG152 · the podcasts on the Group site. cultureai.com's follow row (follow-b287.css) and its episode art, in the Group's
   tokens: the official Spotify and Apple Podcasts marks untouched as quiet buttons, the newest Lab episode's art with its
   number, and a compact Listen strip on the home. cultureai.com stays the place to read and listen. */

/* ---------- the follow row ---------- */
.px-follow{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:22px 0 0;font-family:var(--px-sans)}
.px-follow .px-fl{font:500 14px/1.2 var(--px-sans);color:var(--px-mute);margin-right:4px}
.px-fbtn{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 16px 0 13px;border-radius:999px;background:#fff;color:#0a1633;
  font:500 15px/1 var(--px-sans);text-decoration:none;box-shadow:0 0 0 1px #0a16331a,0 1px 2px #0a16330f;transition:box-shadow .15s,transform .15s}
.px-fbtn svg{width:20px;height:20px;flex:none;display:block}
.px-fbtn:hover{box-shadow:0 0 0 1px #0a16332e,0 4px 12px #0a16331a}
.px-fbtn:focus-visible{outline:3px solid #1559F5;outline-offset:2px}
a.px-fbtn,a.px-fbtn:visited,a.px-fbtn:hover,.prose a.px-fbtn{color:#0a1633!important;text-decoration:none!important;border-bottom:0!important;background-image:none!important}

/* ---------- the episode art: the cover is the card ---------- */
.tg-ep{display:grid;grid-template-columns:160px minmax(0,1fr);gap:20px;align-items:center;margin:32px 0 0;color:inherit;text-decoration:none}
.tg-ep img{width:100%;height:auto;aspect-ratio:1;border-radius:14px;display:block;box-shadow:0 0 0 1px #0a163314,0 18px 36px -24px #0b153059;transition:transform .25s var(--ease-out,ease)}
.tg-ep-tx{display:grid;gap:6px;align-content:center}
.tg-ep-k{font:500 11px/1.3 var(--px-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--px-mute)}
.tg-ep-t{font:480 23px/1.15 var(--px-serif);letter-spacing:-.012em;color:var(--px-ink);text-wrap:balance}
.tg-ep-go{font:500 14px/1.3 var(--px-sans);color:var(--px-blue);margin-top:4px}
.tg-ep:hover img{transform:translateY(-2px)}
.tg-ep:hover .tg-ep-go{text-decoration:underline;text-underline-offset:4px}
.tg-ep:focus-visible{outline:3px solid #1559F5;outline-offset:6px;border-radius:16px}
.tg-whead .tg-ep{grid-template-columns:120px minmax(0,1fr);gap:18px;max-width:420px}
.tg-whead .tg-ep-t{font-size:21px}
.tg-ep-go{white-space:nowrap}
.tg-whead .px-follow{margin-top:20px}
.tg-whead .px-follow .px-fl{width:100%;margin:0 0 2px}

/* ---------- the home: a compact Listen strip, one solid surface ---------- */
.tg-listen{display:grid;grid-template-columns:120px minmax(0,1fr) auto;grid-template-areas:"art tx f" "art two two";gap:6px 28px;align-items:center;
  margin:clamp(48px,6vw,72px) 0 0;padding:24px 28px;border-radius:20px;background:var(--px-card);box-shadow:var(--sh-hi),var(--sh-1)}
.tg-listen .tg-ep-art{grid-area:art;margin:0;display:block;align-self:start}
.tg-listen .tg-ep-art img{border-radius:12px}
.tg-listen-tx{grid-area:tx;min-width:0}
.tg-listen-k{font:500 11px/1.3 var(--px-mono)!important;letter-spacing:.1em;text-transform:uppercase;color:var(--px-blue)!important;margin:0 0 6px!important}
.tg-listen-t{font:480 26px/1.15 var(--px-serif)!important;letter-spacing:-.015em;margin:0!important;text-wrap:balance}
.tg-listen-t a{color:var(--px-ink);text-decoration:none}
.tg-listen-t a:hover{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1.5px}
.tg-listen-d{font:400 15px/1.5 var(--px-sans)!important;color:var(--px-char)!important;margin:8px 0 0!important}
.tg-listen-d a{color:var(--px-ink);text-underline-offset:3px}
.tg-listen-f{grid-area:f;margin:0;justify-content:flex-end}
.tg-listen-2{grid-area:two;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 24px;margin-top:16px;padding-top:16px;border-top:1px solid var(--px-line)}
.tg-listen-2 .tg-listen-d{margin:0!important}
.tg-listen-2 .px-follow{margin:0}
.tg-listen-2 .px-fbtn{min-height:44px;font-size:14px}

/* ---------- the letter: under the player ---------- */
.prose .tg-lfollow{margin:-8px 0 40px}

/* ---------- the footer: LinkedIn and the Lab, under the motto ---------- */
.tg-ft-follow{margin-top:24px;gap:8px}
.tg-ft-follow .px-fbtn{font-size:14px;padding:0 14px 0 11px}
.tg-ft-follow .px-fbtn svg{width:18px;height:18px}

@media (max-width:1000px){
  .tg-listen{grid-template-columns:96px minmax(0,1fr);grid-template-areas:"art tx" "f f" "two two";gap:16px 20px}
  .tg-listen-f{justify-content:flex-start}
}
@media (max-width:640px){
  .px-follow{gap:8px}
  .px-follow .px-fl{width:100%;margin:0 0 2px}
  .px-fbtn{font-size:14px;padding:0 14px 0 11px}
  .tg-ep{grid-template-columns:112px minmax(0,1fr);gap:16px}
  .tg-ep-t{font-size:21px}
  .tg-listen{grid-template-columns:84px minmax(0,1fr);padding:20px;border-radius:18px;margin-left:calc(var(--px-gut) * -.25);margin-right:calc(var(--px-gut) * -.25)}
  .tg-listen-t{font-size:22px!important}
  .tg-listen-2{flex-direction:column;align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){.px-fbtn,.tg-ep img{transition:none}.tg-ep:hover img{transform:none}}

@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .px-fbtn{background:var(--px-card);box-shadow:0 0 0 1px var(--px-line2)}
  :root:not([data-theme="light"]) a.px-fbtn,:root:not([data-theme="light"]) a.px-fbtn:visited,:root:not([data-theme="light"]) a.px-fbtn:hover{color:var(--px-ink)!important}
  :root:not([data-theme="light"]) .px-fbtn:hover{box-shadow:0 0 0 1px var(--px-mute)}
  :root:not([data-theme="light"]) .tg-ep img{box-shadow:0 0 0 1px #ffffff1a}
  :root:not([data-theme="light"]) .tg-ep-go{color:#8fb0ff}
  :root:not([data-theme="light"]) .tg-listen{background:var(--px-card);box-shadow:0 0 0 1px var(--px-line)}
  :root:not([data-theme="light"]) .tg-listen-k{color:#8fb0ff!important}
}
@media print{.px-follow,.tg-listen{display:none!important}}

/* /css/system-cg161.css */
/* CG152 · cultureai.com's newer patterns (phone-b285.css, phone-b286.css), adapted to the Group's own system.
   1. The phone header: the logo, one quiet action and the menu, on a solid bar across the top.
   2. One phone type scale and section rhythm.
   3. Solid surfaces instead of outline boxes; on phones, stacks of cards become one divided list.
   4. The receipts read in rows on phones: number, then what it means.
   5. The Ask button stays away over the hero (fab-cg152.js), at every width.
   6. The footer's link columns start on the same line. */

/* ---------- 5 · the Ask button ---------- */
.px-askfab{transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s,bottom .25s,opacity .25s,visibility 0s linear 0s}
.px-askfab.is-hero{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px);transition:transform .25s,opacity .2s,visibility 0s linear .2s}
@media (max-width:900px){
  .px-askfab.is-cta{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px);transition:transform .25s,opacity .2s,visibility 0s linear .2s}
}
@media (max-width:640px){
  .px-askfab:not(.fab-ready){opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:none!important}
}
@media (prefers-reduced-motion:reduce){.px-askfab,.px-askfab.is-hero,.px-askfab.is-cta{transition:none!important;transform:none!important}}

/* ---------- 3 · solid surfaces (every width) ---------- */
.tg-acard{border:0!important;background:#f1f3f7}
.tg-acard.us{background:#eef3ff}
.tg-calc-out{border:0!important}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .tg-acard{background:var(--px-paper2)}
  :root:not([data-theme="light"]) .tg-acard.us{background:#141c2e}
}

/* ---------- 6 · the footer columns ---------- */
.px-foot.tg-foot .px-links{align-content:start}

@media (max-width:640px){

  /* ---------- 1 · the header: logo, one quiet action, menu ---------- */
  body.tg-sky-home .px-head,body.tg-home.tg-sky-home .px-head,body.tg-pg .px-head{top:0!important;left:0!important;right:0;transform:none!important;width:100%!important;
    border:0!important;border-radius:0!important;box-shadow:0 1px 0 #0a16331a!important}
  body.tg-sky-home .px-head .px-in,body.tg-pg .px-head .px-in{padding:8px 6px 8px 20px!important;min-height:60px;gap:4px}
  .px-head .px-brand img{height:24px!important;width:auto}
  .px-head .px-acts{gap:0}
  body .px-head .px-acts>.px-cta,body.tg-home .px-head .px-acts>.px-cta,body.tg-home.tg-sky-home .px-head .px-acts>.px-cta{display:inline-flex!important;align-items:center;height:44px;padding:0 12px!important;border:0!important;background:none!important;box-shadow:none!important;
    color:var(--px-ink)!important;font:500 15px/1 var(--px-sans)!important;transform:none!important}
  .px-head .px-acts>.px-cta span{display:none}
  body .px-head .px-menu summary{border:0!important;background:none!important;box-shadow:none!important}
  body.tg-home .px-head .px-menu summary span,body.tg-sky-home .px-head .px-menu summary span{background:var(--px-ink)}

  /* the heroes start under the bar, not under the old floating pill */
  body.tg-pg .tg-pghero{padding-top:108px!important}

  /* ---------- 2 · type scale and rhythm ---------- */
  #h-top{font-size:46px!important;line-height:1!important;letter-spacing:-.03em!important}
  body.tg-pg .tg-pghero h1{font-size:40px!important;line-height:1.04!important;letter-spacing:-.028em!important}
  main .px-sec h2,main .px-sechead h2,.tg-whead h2,.tg-frail h2,.tg-close h2,.tg-essay h2{font-size:30px!important;line-height:1.08!important;letter-spacing:-.025em!important}
  main .px-sec{padding-top:60px!important;padding-bottom:60px!important}
  main .px-sub,.tg-close-sub{font-size:16px!important;line-height:1.6!important}
  .tg-num{margin-bottom:18px!important}

  /* ---------- 3 · stacks of cards become one divided list ---------- */
  .tg-tiles{gap:0!important;border-top:1px solid var(--px-line);margin-top:28px!important}
  .tg-tile{background:none!important;border:0!important;border-bottom:1px solid var(--px-line)!important;border-radius:0!important;box-shadow:none!important;padding:20px 0!important;transform:none!important}
  .tg-tile h3{font-size:18px!important}

  /* ---------- 4 · the receipts: one row each ---------- */
  .tg-proof .tg-glass{display:block!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
    border-top:1px solid #ffffff38!important}
  .tg-proof .tg-glass>div{display:grid!important;grid-template-columns:132px minmax(0,1fr);align-items:center;gap:16px;padding:18px 0!important;text-align:left!important;
    border:0!important;border-bottom:1px solid #ffffff38!important;background:none!important}
  .tg-proof .tg-glass dt,.tg-proof .tg-glass>.lead dt{font-size:36px!important;line-height:1!important}
  .tg-proof .tg-glass dd{margin:0!important;font-size:15px!important;line-height:1.4!important;opacity:.92}
}

/* /css/review-cg156.css */
/* CG156 MetaLab review: additions only. Published CSS files stay as they are. */

/* Founder: the speaking wall. A full-width stage shot, and Hill Day closes on a complete row. */
.tg-wall .tg-shot.w3{grid-column:1/-1}
.tg-wall .tg-shot.w3 img{aspect-ratio:21/9}
.tg-shot:focus-within{outline:2px solid var(--px-blue);outline-offset:3px}

/* Founder: Off the stage, a portrait gallery. */
.tg-moments{background:var(--px-paper2)}
.tg-mo-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1fr);gap:24px 48px;align-items:end;margin:0 0 clamp(32px,4vw,48px)}
.tg-mo-head h2{font:400 clamp(40px,4.6vw,64px)/1.02 var(--px-serif);letter-spacing:-.025em;color:var(--px-ink);margin:0}
.tg-mo-head .px-sub{margin:0;max-width:34ch}
.tg-mo-note{display:grid;gap:6px;padding:18px 20px;border-radius:16px;background:var(--px-card);box-shadow:var(--sh-hi),var(--sh-2);text-decoration:none;color:var(--px-ink);transition:transform .35s var(--ease-out),box-shadow .35s}
.tg-mo-nk{font:500 11px/1.2 var(--px-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--px-blue)}
.tg-mo-nt{font:450 19px/1.3 var(--px-serif);letter-spacing:-.01em}
.tg-mo-ng{font:500 13.5px/1.2 var(--px-sans);color:var(--px-blue)}
.tg-mo-note:hover{transform:translateY(-2px);box-shadow:var(--sh-hi),var(--sh-3)}
.tg-mo-note:focus-visible{outline:2px solid var(--px-blue);outline-offset:3px}

.tg-mo-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px}
.tg-mo{margin:0;position:relative;border-radius:16px;overflow:hidden;background:var(--px-card);box-shadow:var(--sh-hi),var(--sh-1)}
.tg-mo img{display:block;width:100%;height:100%;object-fit:cover;aspect-ratio:3/4}
.tg-mo-big{grid-row:span 2}
.tg-mo-pair{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;gap:16px;background:none;box-shadow:none;border-radius:0;overflow:visible}
.tg-mo-pair img{border-radius:16px;box-shadow:var(--sh-hi),var(--sh-1);background:var(--px-card)}
.tg-mo figcaption{position:absolute;left:14px;bottom:12px;max-width:calc(100% - 28px);font:500 11px/1.25 var(--px-mono);letter-spacing:.08em;text-transform:uppercase;color:#fff;background:#00000073;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:8px 11px;border-radius:999px;box-sizing:border-box}

@media (max-width:980px){
  .tg-mo-head{grid-template-columns:1fr 1fr;align-items:start}
  .tg-mo-head h2{grid-column:1/-1}
}
@media (max-width:700px){
  .tg-mo-head{grid-template-columns:1fr;gap:16px}
  .tg-mo-grid{grid-template-columns:1fr 1fr;gap:10px}
  .tg-mo-big{grid-column:1/-1;grid-row:auto}
  .tg-mo-big img{aspect-ratio:4/5}
  .tg-mo-pair{grid-column:1/-1;gap:10px}
  .tg-mo figcaption{left:10px;bottom:10px;max-width:calc(100% - 20px);font-size:10px;padding:6px 9px}
  /* the wall's small tiles: the caption sits under the photo, not over it */
  .tg-wall .tg-shot:not(.w2):not(.w3):not(.hero):not(.tg-hdlast){display:flex;flex-direction:column;background:none;box-shadow:none;overflow:visible;border-radius:0}
  .tg-wall .tg-shot:not(.w2):not(.w3):not(.hero):not(.tg-hdlast) img{border-radius:12px;height:auto;box-shadow:var(--sh-hi),var(--sh-1);background:var(--px-card)}
  .tg-wall .tg-shot:not(.w2):not(.w3):not(.hero):not(.tg-hdlast) figcaption{position:static;max-width:none;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;color:var(--px-mute);padding:8px 2px 4px;border-radius:0;font-size:10px!important;line-height:1.35}
  .tg-wall .tg-shot.tg-hdlast{grid-column:1/-1}
  .tg-wall .tg-shot.w3 img{aspect-ratio:3/2}
}
@media (prefers-reduced-motion:reduce){.tg-mo-note{transition:none}.tg-mo-note:hover{transform:none}}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .tg-moments{background:var(--px-paper2)}
  :root:not([data-theme="light"]) .tg-wall .tg-shot:not(.w2):not(.w3):not(.hero):not(.tg-hdlast) figcaption{color:var(--px-mute)}
}

/* Letter: one bar at a time. The nav steps out while the reading bar is on. */
.px-head{transition:opacity .25s var(--ease-out),visibility 0s linear 0s}
body:has(.px-rbar.on) .px-head{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s var(--ease-out),visibility 0s linear .2s}

/* Do we fit: the score board stays in view beside the questions. */
@media (min-width:981px){
  .tg-sky-home .tg-fit,.tg-fit-card,.tg-sky-home .tg-fit-card{overflow:clip}
  .tg-fit-cin{position:sticky;top:104px}
}

/* How we invest: the fifth layer closes the panel as a full row. */
@media (min-width:901px){
  .tg-lyrs>li:last-child:nth-child(odd){grid-column:1/-1;border-top:1px solid #ffffff33}
  .tg-lyrs>li:last-child:nth-child(odd) p{max-width:72ch}
}

/* 404: the heading sits on the same centre line as the number. */
.px-mini h1{margin-left:auto;margin-right:auto}

/* Footer on phones: two columns, not one long list. */
@media (max-width:480px){
  .tg-ft-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}
}

/* /css/cg157.css */
/* CG157 · The Culture Group, compressed. Additions only: published CSS files stay as they are.
   One rhythm on every page: blue opens, paper carries, blue closes. Sections share one background
   and one spacing, so a page reads as one piece. */

/* ---------- 0 · rhythm ---------- */
:root{--cg-sec:clamp(64px,7vw,104px);--cg-gap:clamp(28px,3.4vw,48px)}
main .px-sec.cg-sec{padding-top:var(--cg-sec);padding-bottom:var(--cg-sec);background:var(--paper,var(--px-paper))}
main .px-sec.cg-sec+.px-sec.cg-sec{padding-top:0}
main .px-sec.cg-sec+.px-sec.cg-sec>.px-wrap{border-top:1px solid var(--px-line);padding-top:var(--cg-sec)}
.cg-more{display:flex;flex-wrap:wrap;gap:10px 28px;margin:28px 0 0}
.cg-sec h2{font:400 clamp(36px,3.9vw,56px)/1.04 var(--px-serif);letter-spacing:-.025em;color:var(--px-ink);margin:0 0 18px;text-wrap:balance}
.cg-sec .tg-num{margin-bottom:22px}

/* ---------- 1 · home: the hero and the receipts are one blue piece ---------- */
.cg-home .tg-sky.cg-sky{min-height:min(84svh,760px);padding-bottom:24px}
.cg-home .tg-proof.cg-proof{padding-bottom:clamp(56px,6vw,88px)}
.cg-home .cg-proof .tg-proof-p{margin-bottom:28px}

/* the letter: the headline and the podcast on the left, the letter on the right */
.cg-lgrid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--cg-gap) clamp(40px,5.5vw,88px);align-items:start}
.cg-llead{position:sticky;top:110px;display:flex;flex-direction:column}
.cg-llead .tg-big{font-size:clamp(34px,3.6vw,52px);line-height:1.06;margin:0 0 32px}
.cg-letter .tg-listen{margin:0;grid-template-columns:84px minmax(0,1fr);grid-template-areas:"art tx" "f f" "two two";gap:14px 20px;padding:20px}
.cg-letter .tg-listen .tg-ep-art img{width:84px;height:84px}
.cg-letter .tg-lcard .tg-lmore{display:flex;flex-wrap:wrap;gap:10px 24px}

/* what we buy, and the five questions beside it */
.cg-bgrid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--cg-gap) clamp(40px,5.5vw,88px);align-items:start}
.cg-blead .px-sub{margin:0 0 26px;max-width:44ch}
.cg-crit{margin:0;border-top:1px solid var(--px-line)}
.cg-crit>div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;padding:14px 0;border-bottom:1px solid var(--px-line)}
.cg-crit dt{font:500 12px/1.7 var(--px-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--px-blue)}
.cg-crit dd{margin:0;font:400 15.5px/1.55 var(--px-sans);color:var(--px-char)}
.cg-bfit .tg-fit.cg-fit{margin:0}

/* Do we fit? one question at a time */
.js .cg-step .tg-qw{display:none}
.js .cg-step .tg-qw.cg-open{display:block}
.js .cg-step .tg-qw.cg-open.cg-swap{animation:cg-in .32s var(--ease-out,ease)}
.js .cg-step .tg-qw.cg-open .tg-q{border:0;padding:0;margin:0}
.js .cg-step .tg-fit-qs{min-height:0}
.cg-qnav{display:flex;align-items:center;gap:12px;margin-top:22px;padding-left:0}
.cg-qk{font:500 11px/1 var(--px-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--px-mute);margin-right:auto}
.cg-qnav button{font:500 14px/1 var(--px-sans);border-radius:999px;padding:11px 18px;cursor:pointer;border:1px solid var(--px-line2);background:transparent;color:var(--px-ink);transition:background .2s,border-color .2s,color .2s,opacity .2s}
.cg-qnav .cg-qnext{background:var(--px-blue);border-color:var(--px-blue);color:#fff}
.cg-qnav .cg-qnext:disabled{opacity:.38;cursor:default}
.cg-qnav button:not(:disabled):hover{border-color:var(--px-ink)}
.cg-qnav .cg-qnext:not(:disabled):hover{background:var(--px-blue-ink);border-color:var(--px-blue-ink)}
.cg-qnav button:focus-visible{outline:2px solid var(--px-blue);outline-offset:3px}
.js .cg-step.cg-all .tg-fit-qs .tg-fit-prog{margin-bottom:0}
.cg-step .tg-fit-board li[data-q]{cursor:pointer}
.js .cg-step:not(.cg-all) .tg-fv{display:none}
@keyframes cg-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.js .cg-step .tg-qw.cg-open.cg-swap,.js .cg-tabs-on .cg-panel.cg-swap{animation:none}}

/* Ask the firm: the words on the left, the panel on the right */
.cg-agrid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--cg-gap) clamp(40px,5.5vw,88px);align-items:start}
.cg-alead .px-sub{margin:0;max-width:42ch}
.cg-ask .tg-askwrap{margin:0}

@media (width<=980px){
  .cg-lgrid,.cg-bgrid,.cg-agrid{grid-template-columns:minmax(0,1fr)}
  .cg-llead{position:static}
}

/* ---------- 1b · home, tightened ---------- */
:root{--cg-sec:clamp(56px,6vw,88px)}
.cg-home .tg-sky.cg-sky{min-height:min(78svh,700px)}

/* the fit card: one column, the question on top, where you stand underneath */
.cg-fit .tg-fit-head{display:block;padding:clamp(22px,2.6vw,32px) clamp(22px,2.6vw,32px) 0}
.cg-fit .tg-fit-head .tg-h3{font:400 clamp(26px,2.4vw,32px)/1.1 var(--px-serif);letter-spacing:-.02em;margin:0 0 6px!important}
.cg-fit .tg-fit-sub{margin:0;font:400 15px/1.5 var(--px-sans);color:var(--px-char)}
.tg-sky-home .cg-fit .tg-fit-grid{grid-template-columns:minmax(0,1fr)}
.cg-fit .tg-fit-qs{padding:20px clamp(22px,2.6vw,32px) clamp(22px,2.6vw,28px)!important}
.cg-fit .tg-fit-card{padding:clamp(20px,2.4vw,26px) clamp(22px,2.6vw,32px)!important}
.cg-fit .tg-fit-top{display:none}
.cg-fit .tg-fit-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0}
.cg-fit .tg-fit-board li{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:0;padding:12px 0 0;border-top:2px solid #ffffff33}
.cg-fit .tg-fit-board li.is-yes,.cg-fit .tg-fit-board li.is-no,.cg-fit .tg-fit-board li.is-open{border-top-color:#fff}
.cg-fit .tg-fit-board .tg-fb-v{font-size:13px;line-height:1.3}
.cg-fit .tg-fit-board i{order:-1;width:18px;height:18px}
.cg-fit .tg-fit-foot{margin-top:14px}
.cg-fit .tg-fv{margin-top:18px}
.js .cg-step .tg-fit-board li[data-q]:not(.is-yes):not(.is-no):not(.is-open) .tg-fb-v{opacity:.55}

/* Ask: the panel no taller than it needs to be */
.cg-ask #px-askpage{min-height:0}
.cg-ask .px-askp.inline{height:clamp(420px,52vh,500px)}

/* the close: tighter, and the footer stops repeating it */
.cg-home .tg-close,.tg-pg .tg-close{padding:clamp(56px,6.5vw,92px) 0 clamp(56px,6vw,84px)}
.tg-close .tg-coins2{margin-bottom:24px;gap:10px}
.tg-close .tg-coins2 .tg-coin.lg{width:96px;height:96px}
.tg-close .tg-coins2 .tg-coin.md,.tg-close .tg-coins2 .tg-coin.seat{width:84px;height:84px}
.tg-close h2{font-size:clamp(36px,4.6vw,64px)}
.tg-close-more{margin-top:24px}
body:has(main .tg-close) .tg-ft-sell{display:none}
body:has(main .tg-close) .tg-ft-top{grid-template-columns:minmax(0,1fr)}

@media (width<=820px){
  /* the receipts: two across, not five rows */
  .cg-home .cg-proof .tg-glass{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}
  .cg-home .cg-proof .tg-glass>div{display:block!important;padding:16px 0!important}
  .cg-home .cg-proof .tg-glass>.lead{grid-column:1/-1}
  .cg-home .cg-proof .tg-glass dd{margin-top:6px!important;font-size:13.5px!important}
  .cg-home .cg-proof .tg-glass dt,.cg-home .cg-proof .tg-glass>.lead dt{font-size:32px!important}
  .cg-fit .tg-fit-board{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
  .cg-fit .tg-fit-board .tg-fb-k{font-size:9.5px;letter-spacing:.04em}
  .cg-fit .tg-fit-board .tg-fb-v{display:none}
}

/* one counter, not three */
.js .cg-step .tg-fit-prog .tg-fit-pk,.js .cg-step .tg-fit-prog .tg-fit-pn{display:none}
.js .cg-step .tg-fit-prog{margin:0 0 22px}
.js .cg-step:not(.cg-all) .tg-fit-n{display:none}
.cg-qnav .cg-qnext{margin-left:auto}
.cg-proof .tg-glass>div:last-child{grid-column:auto!important}
@media (width<=820px){
  .cg-fit .tg-fit-board .tg-fb-v{display:none!important}
  .cg-fit .tg-fit-board .tg-fb-k{font-size:9px!important;letter-spacing:.02em!important}
  .cg-lgrid .cg-llead{display:contents}
  .cg-lgrid .tg-listen{order:3}
  .cg-lgrid{gap:28px}
  .cg-lgrid .tg-num{margin-bottom:-6px}
}

/* ---------- 1c · letter wider, close shorter, footer in one row ---------- */
@media (width>980px){.cg-lgrid{grid-template-columns:minmax(0,4fr) minmax(0,7fr)}}
.cg-letter .tg-lcard{padding:clamp(26px,3vw,40px) clamp(26px,3.2vw,44px)}
.cg-home .tg-close,.tg-pg .tg-close{padding-bottom:clamp(56px,6vw,84px)!important}
.tg-close h2{max-width:22ch}
body:has(main .tg-close) .tg-ft-top>div:first-child{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;column-gap:32px}
body:has(main .tg-close) .tg-ft-top>div:first-child>.px-brand{grid-column:1}
body:has(main .tg-close) .tg-ft-top>div:first-child>.px-motto{grid-column:1;margin-bottom:0}
body:has(main .tg-close) .tg-ft-top>div:first-child>.px-follow{grid-column:2;grid-row:1/span 2;margin:0}
body:has(main .tg-close) .tg-ft-top{padding-bottom:clamp(28px,3.4vw,40px)}
body:has(main .tg-close) .tg-ft-grid{padding-top:clamp(28px,3.4vw,40px)}
@media (width<=640px){
  body:has(main .tg-close) .tg-ft-top>div:first-child{grid-template-columns:minmax(0,1fr)}
  body:has(main .tg-close) .tg-ft-top>div:first-child>.px-follow{grid-column:1;grid-row:auto;margin-top:18px}
}

/* ---------- 1d · one notch tighter ---------- */
:root{--cg-sec:clamp(52px,5.2vw,76px)}
.cg-home .tg-sky.cg-sky{min-height:min(74svh,650px)}
.cg-home .tg-proof.cg-proof{padding-bottom:clamp(48px,5vw,72px)}
.cg-letter .tg-lcard .tg-lp{font-size:18px;line-height:1.62}
.cg-letter .tg-lcard .tg-salute{font-size:22px}
.cg-home .tg-close,.tg-pg .tg-close{padding-top:clamp(52px,5.6vw,80px)}
.tg-close .tg-coins2 .tg-coin.lg{width:88px;height:88px}
.tg-close .tg-coins2 .tg-coin.md,.tg-close .tg-coins2 .tg-coin.seat{width:76px;height:76px}
.cg-letter .tg-lcard .tg-lmore{gap:0 22px}
.cg-alead h2{margin-bottom:0}
@media (width<=820px){
  .cg-ask .px-askp.inline{height:540px}
  .cg-letter .tg-lcard .tg-lp{font-size:17px;line-height:1.6}
  .cg-letter .tg-listen{grid-template-columns:64px minmax(0,1fr);padding:18px;gap:12px 16px}
  .cg-letter .tg-listen .tg-ep-art img{width:64px;height:64px}
  .tg-close .tg-coins2{flex-wrap:nowrap;gap:8px}
  .tg-close .tg-coins2 .tg-coin.lg,.tg-close .tg-coins2 .tg-coin.md,.tg-close .tg-coins2 .tg-coin.seat{width:62px;height:62px}
  .tg-close .tg-coins2 .tg-coin.seat small{font-size:8.5px}
}
@media (width<=820px){.cg-home .tg-sky.cg-sky{padding-top:330px;min-height:0}}

/* the hero and the receipts: one blue field, no seam between them */
.cg-sky.tg-blue{background:radial-gradient(110% 80% at 12% -10%,#5b95ff 0%,#1559f500 58%),radial-gradient(70% 55% at 50% 48%,#6aa0ff2b 0%,#6aa0ff00 70%),linear-gradient(180deg,#1d63ff 0%,#1559f5 100%)}
.cg-proof.tg-blue{background:radial-gradient(90% 100% at 88% 125%,#072f9c 0%,#1559f500 62%),linear-gradient(180deg,#1559f5 0%,#0f4bdc 100%)}
.cg-proof.tg-blue:after,.cg-proof>.tg-bl{display:none}
.cg-sky>.tg-bl{-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent);mask-image:linear-gradient(180deg,#000 70%,transparent)}
.cg-sky .tg-sky-in{z-index:5}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .cg-sky.tg-blue{background:radial-gradient(120% 90% at 18% 0%,#2a63d8 0%,#0f3f9e00 55%),linear-gradient(180deg,#1348b4 0%,#0f3f9e 100%)}
  :root:not([data-theme="light"]) .cg-proof.tg-blue{background:radial-gradient(90% 100% at 85% 120%,#061f5c 0%,#0f3f9e00 60%),linear-gradient(180deg,#0f3f9e 0%,#0b2f78 100%)}
}

/* ---------- 2 · How we invest ---------- */
svg.tg-map{border-radius:0;padding:0;background:none;box-shadow:none}
body.tg-pg main .px-sec.cg-sec{padding-top:var(--cg-sec);padding-bottom:var(--cg-sec)}
body.tg-pg main .px-sec.cg-sec+.px-sec.cg-sec{padding-top:0}
.cg-sec .px-sechead{margin-bottom:clamp(28px,3vw,40px);align-items:end}
.cg-sec .px-sechead .px-sub{margin:0}
.cg-sec .px-sechead h2{margin-bottom:0}

/* tabs: one row of pills, the count beside each name */
.cg-tablist{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 clamp(24px,2.6vw,32px)}
.cg-tablist[hidden]{display:none}
.cg-tablist [role=tab]{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--px-line2);background:var(--px-card);color:var(--px-ink);font:500 15px/1 var(--px-sans);cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.cg-tablist [role=tab] span{font:500 12px/1 var(--px-mono);color:var(--px-mute);padding:4px 7px;border-radius:999px;background:var(--px-paper2)}
.cg-tablist [role=tab]:hover{border-color:var(--px-ink)}
.cg-tablist [role=tab][aria-selected=true]{background:var(--px-ink);border-color:var(--px-ink);color:var(--px-paper)}
.cg-tablist [role=tab][aria-selected=true] span{background:#ffffff26;color:var(--px-paper)}
.cg-tablist [role=tab]:focus-visible,.cg-panel:focus-visible{outline:2px solid var(--px-blue);outline-offset:3px}
.cg-panel{border-radius:4px}
.js .cg-tabs-on .cg-panel[hidden]{display:none}
.cg-panel+.cg-panel{margin-top:40px}
.js .cg-tabs-on .cg-panel+.cg-panel{margin-top:0}
.js .cg-tabs-on .cg-panel.cg-swap{animation:cg-in .32s var(--ease-out,ease)}
.cg-ph{font:400 clamp(24px,2.2vw,30px)/1.15 var(--px-serif);letter-spacing:-.015em;color:var(--px-ink);margin:0 0 20px}
.cg-psub{margin:-8px 0 20px!important;max-width:60ch}

/* the rules */
.cg-rhead{display:flex;flex-direction:column}
.cg-rules .tg-rules{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 clamp(20px,2.4vw,32px);margin:0;padding:0}
.cg-rules .tg-rules>li{padding:20px 0 22px;border-top:1px solid var(--px-line);margin:0}
.cg-rules .tg-rules h3{font:400 20px/1.22 var(--px-serif);letter-spacing:-.01em;margin:0 0 10px}
.cg-rules .tg-rules p{font:400 15px/1.55 var(--px-sans);color:var(--px-char);margin:0}
.cg-rules .tg-nevers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(24px,3vw,48px);margin:0;padding:0;counter-reset:nv}
.cg-rules .tg-nevers>li{border-top:1px solid var(--px-line);padding:16px 0;margin:0;font:400 19px/1.35 var(--px-serif);color:var(--px-ink)}

/* what we buy */
.cg-pbuy .tg-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0}
.cg-pbuy .tg-calc{margin-top:16px}
.cg-fitgo{margin-top:24px}

/* after we buy */
.cg-days{margin:0 0 clamp(32px,3.4vw,48px)}
.cg-days .tg-h3,.cg-after .tg-clocks .tg-h3{margin-bottom:6px}
.cg-after .tg-clocks{margin:0}
.cg-after2{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--cg-gap) clamp(40px,5vw,72px);margin-top:clamp(32px,3.4vw,48px);padding-top:clamp(28px,3vw,40px);border-top:1px solid var(--px-line);align-items:start}
.cg-after2 .tg-rec{margin:0;padding:0;border:0}
.cg-hs ul{list-style:none;margin:12px 0 0;padding:0}
.cg-hs li{font:400 15.5px/1.5 var(--px-sans);color:var(--px-char);padding:10px 0 10px 22px;border-top:1px solid var(--px-line);position:relative}
.cg-hs li:before{content:"";position:absolute;left:2px;top:19px;width:9px;height:1.5px;background:var(--px-mute)}
.cg-hsgo{margin:10px 0 0}

/* the platform: the layers beside one screen at a time */
.cg-pgrid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--cg-gap) clamp(40px,5vw,72px);align-items:start}
.cg-layers .tg-h3{margin:0 0 8px}
.cg-layers .tg-lyrs{margin:0;padding:0;list-style:none}
.cg-layers .tg-lyrs>li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:8px;padding:14px 0;border-top:1px solid var(--px-line);color:var(--px-ink)}
.cg-layers .tg-lyn{font:500 12px/1.9 var(--px-mono);color:var(--px-blue)}
.cg-layers .tg-lyrs h3{font:500 16.5px/1.3 var(--px-sans);color:var(--px-ink);margin:0 0 4px}
.cg-layers .tg-lyrs p{font:400 14.5px/1.55 var(--px-sans);color:var(--px-char);margin:0}
.cg-layers .tg-chips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 0;padding:0;list-style:none}
.cg-layers .tg-chips li{font:500 12.5px/1 var(--px-sans);padding:7px 10px;border-radius:999px;background:var(--px-card);border:1px solid var(--px-line);color:var(--px-char)}
.cg-dev{background:var(--px-paper2);border-radius:24px;padding:20px;min-height:100%}
.cg-dev .cg-tablist{justify-content:center;margin-bottom:20px}
.cg-dev .cg-one{margin:0;display:flex;justify-content:center}
.cg-dev .tg-phones.cg-one{grid-template-columns:none}
.cg-dev .tg-pc.cg-one{grid-template-columns:none}
.cg-dev .tg-pc.cg-one>figure{width:100%;max-width:640px;margin:0}
.cg-plat .tg-os{margin-top:clamp(36px,4vw,56px)}

@media (width<=980px){
  .cg-rules .tg-rules{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cg-pbuy .tg-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cg-after2,.cg-pgrid{grid-template-columns:minmax(0,1fr)}
}
@media (width<=640px){
  .cg-rules .tg-rules,.cg-rules .tg-nevers{grid-template-columns:minmax(0,1fr)}
  .cg-pbuy .tg-tiles{grid-template-columns:minmax(0,1fr)}
  .cg-tablist [role=tab]{padding:0 14px;font-size:14px}
  .cg-dev{padding:14px;border-radius:18px;margin:0 calc(var(--px-gut)*-.4)}
}
.cg-layers .tg-lyrs{display:block}
.cg-sec .px-sechead>div>.tg-num{margin-bottom:18px}
/* the market: the reading and the method side by side under the map */
@media (width>980px){
  .cg-mkt>.px-wrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:clamp(40px,5vw,72px)}
  .cg-mkt>.px-wrap>*{grid-column:1/-1}
  .cg-mkt>.px-wrap>.tg-prose{grid-column:1;grid-row:3;margin-top:28px}
  .cg-mkt>.px-wrap>.tg-mdata{grid-column:2;grid-row:3;margin-top:28px;align-self:start}
}
.cg-mkt .tg-prose.tg-after{background:none;border:0;box-shadow:none;padding:0;max-width:none}
.cg-mkt .tg-prose p{font:400 17px/1.6 var(--px-sans);color:var(--px-char);margin:0 0 12px}
body.tg-pg .tg-pghero{padding-bottom:clamp(48px,5vw,72px)}
@media (width>640px){
  .cg-rules .tg-rules>li{display:block;border-bottom:0}
  .cg-rules .tg-rules>li:before{display:block;margin:0 0 12px}
}
.cg-rules .tg-rules{border-top:0}
.cg-rules .tg-rules>li{border-bottom:0}
.cg-rules .tg-rules>li:nth-child(-n+4){border-top:1px solid var(--px-ink)}
@media (width<=980px){.cg-rules .tg-rules>li:nth-child(-n+4){border-top:1px solid var(--px-line)}.cg-rules .tg-rules>li:nth-child(-n+2){border-top:1px solid var(--px-ink)}}
@media (width<=640px){.cg-rules .tg-rules>li:nth-child(2){border-top:1px solid var(--px-line)}}

/* Day 1 to year 30: one timeline, us above, private equity below */
.cg-clock{margin:0;position:relative}
.cg-stops{list-style:none;margin:0;padding:0}
.cg-ch{font:400 clamp(20px,1.7vw,24px)/1.2 var(--px-serif);letter-spacing:-.01em;color:var(--px-ink);margin:0}
.cg-stop b{font:500 11.5px/1 var(--px-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--px-blue)}
.cg-us{font:400 14.5px/1.5 var(--px-sans);color:var(--px-ink);margin:0}
.cg-pe{font:400 14.5px/1.5 var(--px-sans);color:var(--px-mute);margin:0}
.cg-end .cg-us{font-weight:600}
.cg-lane{font:500 11px/1.45 var(--px-mono);letter-spacing:.08em;text-transform:uppercase;margin:0}
.cg-lu{color:var(--px-ink)}
.cg-lp{color:var(--px-mute)}
.cg-cap{margin:22px 0 0;font:400 14px/1.5 var(--px-sans);color:var(--px-mute)}
.cg-cap p{margin:0}
@media (width>900px){
  .cg-clock{display:grid;grid-template-columns:150px repeat(8,minmax(0,1fr));column-gap:clamp(12px,1.4vw,20px);row-gap:0}
  .cg-stops,.cg-stop{display:contents}
  .cg-ch{grid-row:1;padding-bottom:14px}
  .cg-ch1{grid-column:2/7}
  .cg-ch2{grid-column:7/10;padding-left:16px;border-left:1px solid var(--px-line)}
  .cg-stop b{grid-row:2;position:relative;padding:22px 0 12px;border-top:2px solid var(--px-blue)}
  .cg-stop b:before{content:"";position:absolute;left:0;top:-7px;width:12px;height:12px;border-radius:50%;background:var(--px-paper);border:2px solid var(--px-blue);box-sizing:border-box}
  .cg-stop:first-child b:before,.cg-end b:before{background:var(--px-blue)}
  .cg-us{grid-row:3;padding:0 0 22px}
  .cg-pe{grid-row:4;padding:16px 0 0;border-top:1px dashed var(--px-line2)}
  .cg-pk{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .cg-lu{grid-column:1;grid-row:3;padding-top:2px}
  .cg-lp{grid-column:1;grid-row:4;padding-top:16px;border-top:1px dashed var(--px-line2)}
  .cg-cap{grid-column:2/-1;grid-row:5}
  .cg-y b,.cg-y .cg-us,.cg-y .cg-pe{padding-left:16px;border-left:1px solid var(--px-line)}
  .cg-y b:before{left:16px}
  .cg-y b{border-top-color:var(--px-blue)}
}
@media (width<=900px){
  .cg-clock{display:flex;flex-direction:column}
  .cg-stops,.cg-lane{display:contents}
  .cg-lane{display:none}
  .cg-ch1{order:0;margin-bottom:6px}
  .cg-ch2{order:2;margin:26px 0 6px}
  .cg-stop{order:1;display:block;position:relative;padding:12px 0 14px 26px;border-left:2px solid var(--px-blue);margin-left:5px}
  .cg-stop.cg-y{order:3}
  .cg-stop:before{content:"";position:absolute;left:-7px;top:13px;width:12px;height:12px;border-radius:50%;background:var(--px-paper);border:2px solid var(--px-blue);box-sizing:border-box}
  .cg-stop:first-of-type:before,.cg-end:before{background:var(--px-blue)}
  .cg-stop b{display:block;margin-bottom:6px}
  .cg-pe:not(.cg-none){margin-top:8px;padding-left:12px;border-left:2px dashed var(--px-line2)}
  .cg-pk{font-weight:500;color:var(--px-char)}
  .cg-cap{order:4}
}

/* what we buy: the size screen beside the four tests */
@media (width>980px){
  .cg-buy2{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:16px;align-items:stretch}
  .cg-pbuy .cg-buy2 .tg-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cg-calcw{display:flex;flex-direction:column}
  .cg-calcw .tg-calc{margin:0;flex:1}
}
.cg-calcw .cg-fitgo{margin-top:16px}

/* the screens: centered in their panel */
.cg-dev{display:flex;flex-direction:column}
.cg-dev .cg-panel{flex:1;display:flex;align-items:center;justify-content:center}
.cg-dev .cg-panel>.cg-one{width:100%}
@media (width>900px){
  .cg-clock{grid-template-columns:repeat(8,minmax(0,1fr))}
  .cg-ch1{grid-column:1/6}
  .cg-ch2{grid-column:6/9}
  .cg-us,.cg-pe{font-size:14px;line-height:1.48}
  .cg-cap{grid-column:1/-1;grid-row:5;display:flex;flex-wrap:wrap;align-items:center;gap:8px 28px}
  .cg-cap .cg-lane{display:inline-flex;align-items:center;gap:10px}
  .cg-cap .cg-lane:before{content:"";width:28px;height:0;border-top:2px solid var(--px-blue)}
  .cg-cap .cg-lp:before{border-top:2px dashed var(--px-line2)}
  .cg-cap p{margin-left:auto}
}
@media (width<=900px){.cg-cap .cg-lane{display:none}}
.cg-after2 .tg-h3{font:400 clamp(22px,2vw,26px)/1.2 var(--px-serif)!important;letter-spacing:-.01em;margin:0 0 6px}
.cg-after2 .tg-rec-t{font-size:clamp(18px,1.5vw,21px)!important}
.cg-after2{margin-top:clamp(28px,3vw,40px)}
.cg-cap .cg-lp{border-top:0!important;padding-top:0!important}
@media (width<=640px){
  .cg-rules .tg-rules>li{padding:16px 0 18px;grid-template-columns:34px minmax(0,1fr)}
  .cg-rules .tg-rules h3{font-size:18.5px}
  .cg-rules .tg-rules p{font-size:14.5px;margin-top:6px}
  .cg-rules .tg-nevers>li{font-size:17px;padding:13px 0}
  .tg-os li{padding:18px 0!important}
  .cg-layers .tg-lyrs>li{padding:12px 0}
}
@media (width<=640px){
  .cg-after2{gap:36px}
  .cg-dev .cg-tablist{gap:6px;flex-wrap:nowrap;justify-content:space-between}
  .cg-dev .cg-tablist [role=tab]{padding:0 11px;font-size:13px;min-height:40px}
  .tg-os{margin-top:28px!important}
}

/* ---------- 3 · the founder ---------- */
.cg-fhero{padding-bottom:clamp(48px,5vw,72px)}
.cg-fhgrid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--cg-gap) clamp(40px,5vw,72px);align-items:end}
.cg-fhero .tg-fone{margin:0}
.cg-fhero .tg-shot.hero{margin:0}
.cg-fhero .tg-shot.hero img{aspect-ratio:4/3}
.cg-fhero .cg-fhtx .px-dek{margin-bottom:0}
.tg-fdhero.cg-fhero+.px-sec{padding-top:var(--cg-sec)}
/* the career */
.cg-cgrid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--cg-gap) clamp(40px,5vw,72px);align-items:start}
.cg-clead .px-sub{margin:0 0 24px}
.cg-career .tg-rail{margin:0}
.cg-career .tg-fgo{margin:0}
/* on stage and off: one strip */
.cg-stage{overflow:hidden}
.cg-strip{position:relative}
.cg-strip-sc{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;outline-offset:-3px;scroll-padding-left:max(var(--px-gut),calc((100% - var(--px-max))/2 + var(--px-gut)))}
.cg-strip-sc::-webkit-scrollbar{display:none}
.cg-strip-sc:focus-visible{outline:2px solid var(--px-blue)}
.cg-strip-in{display:flex;gap:12px;width:max-content;padding:0 max(var(--px-gut),calc((100vw - var(--px-max))/2 + var(--px-gut)))}
.cg-shot{margin:0;flex:none;scroll-snap-align:start;display:flex;flex-direction:column;gap:10px}
.cg-shot img{display:block;height:clamp(300px,30vw,400px);width:auto;border-radius:14px;object-fit:cover;background:var(--px-paper2)}
.cg-shot figcaption{font:500 11px/1.4 var(--px-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--px-mute);max-width:36ch}
.cg-strip-ctl{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}
.cg-strip-ctl[hidden]{display:none}
.cg-strip-ctl button{width:44px;height:44px;border-radius:50%;border:1px solid var(--px-line2);background:var(--px-card);color:var(--px-ink);font:500 18px/1 var(--px-sans);cursor:pointer;transition:border-color .2s,opacity .2s}
.cg-strip-ctl button:hover:not(:disabled){border-color:var(--px-ink)}
.cg-strip-ctl button:focus-visible{outline:2px solid var(--px-blue);outline-offset:3px}
.cg-strip-ctl button:disabled{opacity:.35;cursor:default}
/* writing */
.cg-writing .tg-whead h2{font-size:clamp(34px,3.4vw,48px)!important}
.cg-wmore{margin-top:0}
.cg-wmore summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;min-height:52px;border-bottom:1px solid var(--px-line);font:500 15px/1.3 var(--px-sans);color:var(--px-ink)}
.cg-wmore summary::-webkit-details-marker{display:none}
.cg-wmore summary:after{content:"+";font:400 22px/1 var(--px-sans);color:var(--px-blue);transition:transform .25s}
.cg-wmore[open] summary:after{transform:rotate(45deg)}
.cg-wmore summary:hover{color:var(--px-blue)}
.cg-wmore summary:focus-visible{outline:2px solid var(--px-blue);outline-offset:3px}
/* in print */
.cg-prgrid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--cg-gap) clamp(40px,5vw,72px);align-items:start}
.cg-essay{border-radius:22px;padding:clamp(26px,3vw,36px);margin:0 0 24px;color:#fff;box-shadow:var(--sh-2)}
.cg-essay-in{position:relative;z-index:1}
.cg-essay h3{font:400 clamp(26px,2.4vw,32px)/1.12 var(--px-serif);letter-spacing:-.02em;color:#fff;margin:0 0 14px;text-wrap:balance}
.cg-essay .tg-essay-by{font:400 14px/1.5 var(--px-sans);color:#ffffffd9;margin:0 0 20px;text-align:left}
.cg-essay p{margin:0}
.cg-essay .tg-num{justify-content:flex-start}
.cg-prlist h2{font:400 clamp(30px,3vw,42px)/1.08 var(--px-serif);letter-spacing:-.02em;margin:0 0 20px}
.cg-pressline{margin:24px 0 0;font:400 15.5px/1.55 var(--px-sans);color:var(--px-char)}
.cg-pressline span{font-weight:600;color:var(--px-ink)}
.cg-pressline .px-link{margin-left:4px}
@media (width<=980px){
  .cg-fhgrid,.cg-cgrid,.cg-prgrid{grid-template-columns:minmax(0,1fr)}
}
@media (width<=640px){
  .cg-shot img{height:280px}
  .cg-strip-in{gap:10px}
}

/* ---------- 4 · contact ---------- */
.px-chero.tg-pghero.cg-chero,.tg-pg .px-chero.tg-pghero{padding-bottom:84px}
.cg-lift .px-ways{gap:16px}
.cg-lift .px-way{gap:10px;padding:clamp(22px,2.4vw,30px)}
.cg-lift .px-map{margin-top:16px}
main .cg-lanes.px-sec{padding-top:clamp(40px,4vw,56px)!important;padding-bottom:var(--cg-sec)!important}
.cg-lanes .px-lanes{gap:16px}
.cg-lanes .px-lane{min-height:0;gap:18px;padding:clamp(22px,2.6vw,32px)}
.cg-lanes .px-lane .px-lt{font-size:clamp(20px,1.8vw,24px)}
@media (width<=640px){
  .cg-lift .px-mapsvg{aspect-ratio:4/3;height:auto!important}
  .cg-lift .px-way{padding:20px 20px 18px;gap:8px}
  .cg-lift .px-way .px-wbig{font-size:24px!important}
  .cg-lift .px-way p{font-size:15px}
  .cg-lift .px-ways{gap:12px}
  .cg-lanes .px-lanes{gap:12px}
}

/* ---------- 5 · the letter: the words as written, the layout tighter ---------- */
.px-art .article-hero.px-ahero{padding:clamp(128px,11vw,156px) 0 clamp(44px,4.4vw,60px)}
.px-art .article-body{padding-bottom:clamp(56px,6vw,80px)}
.px-art .prose{line-height:1.64}
.px-art .prose h2{margin-top:clamp(48px,5vw,64px)}
.px-art .px-aend{margin-top:40px}
.px-art .postnav{margin-bottom:12px}
.px-art .morecard{margin-bottom:16px}
.px-art .convo{margin-bottom:0;padding:clamp(22px,2.4vw,28px)}
.px-art .convo-t{margin-bottom:16px}
.cg-author{margin-top:16px}
body.tg-pg .cg-author .px-author-in{grid-template-columns:72px minmax(0,1fr);column-gap:22px;padding:clamp(22px,2.6vw,28px)}
.cg-author .px-author-ph{width:72px;height:72px}
.cg-author .px-author-n{font-size:clamp(22px,2vw,26px)}
@media (width<=900px){
  .px-art .article-hero.px-ahero{padding:104px 0 36px}
  .px-art .prose{line-height:1.62}
  body.tg-pg .cg-author .px-author-in{grid-template-columns:64px minmax(0,1fr);column-gap:16px}
  .cg-author .px-author-ph{width:64px;height:64px}
}

/* ---------- pass 1 fixes ---------- */
/* 2 · dividers run the content width */
main .px-sec.cg-sec+.px-sec.cg-sec>.px-wrap{border-top:0;position:relative}
main .px-sec.cg-sec+.px-sec.cg-sec>.px-wrap:before{content:"";position:absolute;top:0;left:var(--px-gut);right:var(--px-gut);border-top:1px solid var(--px-line)}
/* 3 · phones: one gap between sections, about 80px */
@media (width<=820px){
  :root{--cg-sec:40px}
  main .px-sec.cg-sec,body.tg-pg main .px-sec.cg-sec{padding-top:var(--cg-sec)!important;padding-bottom:var(--cg-sec)!important}
  main .px-sec.cg-sec+.px-sec.cg-sec,body.tg-pg main .px-sec.cg-sec+.px-sec.cg-sec{padding-top:0!important}
  .tg-fdhero.cg-fhero+.px-sec{padding-top:48px!important}
}
/* 4 · the orbit fades into the receipts */
.cg-sky.tg-blue:after{display:block;content:"";position:absolute;left:0;right:0;bottom:0;top:auto;height:140px;background:linear-gradient(180deg,#1559f500,#1559f5 92%);z-index:2;pointer-events:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .cg-sky.tg-blue:after{background:linear-gradient(180deg,#0f3f9e00,#0f3f9e 92%)}}
/* 5 · the letter headline, about five lines */
@media (width>980px){.cg-llead .tg-big{font-size:clamp(32px,3vw,44px)}}
/* 6 · the podcast card in a narrow column */
.cg-letter .tg-listen .px-follow{justify-content:flex-start;flex-wrap:wrap;gap:8px}
.cg-letter .tg-listen .px-fl{width:100%;margin:0}
/* 7 · the fit footer names the tests and stays quiet until they are answered */
.cg-fit .tg-fit-board li:not(.is-yes):not(.is-no):not(.is-open) .tg-fb-v{visibility:hidden}
/* 8 · Ask: the words centred against the panel */
@media (width>980px){.cg-agrid{align-items:center}}
/* 9 · the letter card's links share rows on a phone */
@media (width<=640px){
  .cg-letter .tg-lcard{padding:24px 20px}
  .cg-letter .tg-lcard .tg-lmore{gap:0 16px}
  .cg-letter .tg-lcard .tg-lmore .px-link{font-size:15px}
}
/* 10 · Ask on a phone shows all four starters */
@media (width<=820px){.cg-ask .px-askp.inline{height:620px}}
/* 11 · short tab names on a phone */
.cg-tablist .cg-ts{display:none;font-weight:inherit}
.cg-tablist .cg-tl{font-weight:inherit}
@media (width<=640px){
  .cg-rtabs .cg-tablist{flex-wrap:nowrap}
  .cg-rtabs .cg-tablist .cg-tl{display:none}
  .cg-rtabs .cg-tablist .cg-ts{display:inline}
  .cg-rtabs .cg-tablist [role=tab]{flex:1;justify-content:center}
}
/* 12 · the platform points on a phone */
@media (width<=640px){.cg-plat .tg-os{gap:0}.cg-plat .tg-os li,.cg-plat .tg-os li+li{padding:16px 0!important;border-left:0!important;border-top:1px solid var(--px-line)}.cg-plat .tg-os li:first-child{border-top:0}}
/* 13 · one gap between the timeline and the row under it */
.cg-after2{margin-top:clamp(28px,3vw,40px);padding-top:clamp(24px,2.6vw,32px)}
/* 15 · the author card on a phone: the photo beside the name, the bio full width */
@media (width<=640px){
  body.tg-pg .cg-author .px-author-in{display:block}
  .cg-author .px-author-ph{float:left;width:56px;height:56px;margin:0 14px 8px 0}
  .cg-author .px-author-bio{clear:both;padding-top:6px}
}

/* ---------- pass 2 fixes ---------- */
.cg-fit .tg-fit-board{background:none!important;box-shadow:none!important;border:0!important;padding:0!important;border-radius:0!important}
.cg-fit .tg-fit-board li{padding-left:0!important;padding-right:0!important}
.cg-fit .tg-fit-board .tg-fb-k,.cg-fit .tg-fit-board .tg-fb-v{margin:0;padding:0;text-align:left}
.cg-plat .tg-os li{margin:0!important}
.cg-fit .tg-fit-board li.is-yes .tg-fb-v,.cg-fit .tg-fit-board li.is-no .tg-fb-v,.cg-fit .tg-fit-board li.is-open .tg-fb-v{transform:none}

/* ---------- pass 3 ---------- */
@media (width>820px){:root{--cg-sec:clamp(52px,4.6vw,66px)}}
.cg-home .tg-sky.cg-sky{min-height:min(70svh,610px)}
.cg-home .tg-close,.tg-pg .tg-close{padding-top:clamp(48px,4.6vw,66px);padding-bottom:clamp(48px,4.6vw,66px)!important}
@media (width>820px){.cg-ask .px-askp.inline{height:clamp(400px,46vh,440px)}}
@media (width<=820px){.cg-ask .px-askp.inline{height:700px}}

/* /css/kit-pill-cg153.css */
/* CultureAI · the living pills (B186; Sign-in by, B232). One stylesheet served from cultureai.com for every site and product we run, so
   every footer and every navigator renders the identical marks. Easiest use: <script src="https://cultureai.com/pills.js"></script>
   then <cai-pill kind="installed"></cai-pill> or <cai-pill kind="navigator"></cai-pill> (the script loads this file itself).
   By hand:
   1. CultureAI INSTALLED, the footer mark of every Culture company site:
      <a class="cai-pill cai-pill-installed" href="https://cultureai.com/#system"><i aria-hidden="true"></i>
        <img src="https://cultureai.com/img/cultureai-logo-original.svg" alt="CultureAI" width="413" height="120"><span>Installed</span></a>
   2. Navigator by CultureAI, on every deployment of the product (beside the answer box, in the app, in a footer's product row):
      <a class="cai-pill" href="https://cultureai.com/#products"><i aria-hidden="true"></i><span>Navigator by</span>
        <img src="https://cultureai.com/img/cultureai-logo-original.svg" alt="CultureAI" width="413" height="120"></a>
   3. Sign-in by CultureAI, under a sign-in that runs on CultureAI accounts (B232): the Navigator markup with <span>Sign-in by</span>.
   One size everywhere (B205): both pills match the INSTALLED footer mark exactly; .cai-pill-lg and .cai-pill-installed are kept as names only. Variants: .cai-pill-violet (Monica's pages), .cai-pill-dark (on ink). The dot pulses twice when the page opens, then rests, and pulses twice again on hover or focus (B219, his call "Pulse twice, then rest": WCAG 2.2.2, nothing moves on its own past five seconds); it is still under prefers-reduced-motion. Nothing else is configurable: the pills are the brand. */
@keyframes cai-pulse{50%{opacity:.35}}
@keyframes cai-pulse-again{50%{opacity:.35}}
.cai-pill{--cai:#1559f5;display:inline-flex;align-items:center;gap:9px;padding:9px 16px 9px 13px;border-radius:999px;border:1.5px solid var(--cai);background:#fff;color:var(--cai)!important;font:600 11px/1 "IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;text-decoration:none!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--cai) 8%,transparent);transition:box-shadow .25s;box-sizing:border-box;vertical-align:middle;position:relative}
.cai-pill::after{content:"";position:absolute;inset:-6px 0}
.cai-pill:hover,.cai-pill:focus-visible{box-shadow:0 0 0 5px color-mix(in srgb,var(--cai) 14%,transparent)}
.cai-pill:focus-visible{outline:2px solid var(--cai);outline-offset:3px}
.cai-pill i{width:6px;height:6px;border-radius:50%;background:currentColor;flex:none;animation:cai-pulse 2.4s ease-in-out 2}
.cai-pill:is(:hover,:focus-visible) i{animation:cai-pulse-again 2.4s ease-in-out 2}
.cai-pill img{display:block;height:14px;width:auto}
.cai-pill-violet{--cai:#6d28d9}
.cai-pill-dark{background:#161514;border-color:#fff;color:#fff!important;box-shadow:0 0 0 3px rgba(255,255,255,.1)}
.cai-pill-dark img{filter:brightness(0) invert(1)}
@media (prefers-reduced-motion:reduce){.cai-pill i,.cai-pill:is(:hover,:focus-visible) i{animation:none}}

/* /css/cg159.css */
/* CG159 · the living pills: placement only. The pill itself comes byte for byte from cultureai.com/navigator/pill.css (kit-pill-cg153.css), with nothing on top. */
.px-foot.tg-foot .px-legal .cai-pill{margin-right:auto}
.px-askp-foot .cai-pill{margin:0 0 0 auto;align-self:center}
@media (width<=560px){.px-askp-foot .cai-pill{margin-left:0}}
@media (width<=480px){.px-foot.tg-foot .px-legal .cai-pill{margin-right:0}}

/* /css/shell-cg161.css */
/* CG160 · the Culture Group as an app on the phone, ported from cultureai.com's shell (B324, shipped in B326) to the Studio
   mobile standard. Everything here sits inside the shell's media query: phones in portrait (max-width:760px) and short touch
   screens in landscape (max-height:500px with a coarse pointer). Laptops and desktops render exactly as before. <html>
   carries sh-on from the head, before the first paint (tools/shell160.py), so the top bar never swaps.
   Colours come from the site's own tokens (paper, paper2, ink, line, card and the brand blue), so the bars, sheets and tabs
   are the Culture Group's paper look, and follow it if the palette ever changes. The living pills are never restyled here.
   Motion: enter cubic-bezier(.05,.7,.1,1), exit cubic-bezier(.3,0,.8,.15), exits a third faster than entries. */
@media (max-width:760px), (max-height:500px) and (pointer:coarse){
  :root{
    --sh-tab:58px;
    --sh-head:56px;
    --sh-sb:env(safe-area-inset-bottom,0px);
    --sh-st:env(safe-area-inset-top,0px);
    --sh-sl:env(safe-area-inset-left,0px);
    --sh-sr:env(safe-area-inset-right,0px);
    --sh-dock:76px;
    --sh-bar:var(--px-paper,#ffffff);
    --sh-glass:var(--sh-bar);
    --sh-sheet:var(--px-paper2,#f5f7fc);
    --sh-card:var(--px-card,#fff);
    --sh-ink:var(--px-ink,#0a1633);
    --sh-mute:var(--px-char,#425170);
    --sh-hair:var(--px-line,#e3e8f2);
    --sh-blue:var(--tb,#1559f5);
    --sh-in:cubic-bezier(.05,.7,.1,1);
    --sh-out:cubic-bezier(.3,0,.8,.15);
    --sh-foot:var(--px-paper2,#f5f7fc);
    /* what the end of a page has to clear: the tab bar, the home indicator and a breath; plus the mini player when it is up */
    --sh-end:calc(var(--sh-tab) + var(--sh-sb) + 16px);
  }
  html.sh-on.px-docked{--sh-end:calc(var(--sh-tab) + var(--sh-sb) + var(--sh-dock) + 8px + 16px)}

  /* the rubber band: the footer's colour below the page, the top bar's above it (iOS 26 tints its toolbars from the body) */
  html.sh-on{background:var(--sh-foot)}
  html.sh-on::before{content:"";position:fixed;left:0;right:0;top:0;height:50%;background:var(--sh-bar);z-index:-1;pointer-events:none}
  html.sh-on body{background:var(--sh-bar);min-height:100svh}
  ::view-transition{background:var(--sh-bar)}

  /* nothing on the page moves behind an open sheet */
  html.sh-on.sh-lock{overflow:hidden;overscroll-behavior:none}
  html.sh-on.sh-lock body{overscroll-behavior:none}

  /* anchors, citations and scrollIntoView land clear of the top bar and the tab bar */
  html.sh-on{scroll-padding-top:calc(var(--sh-st) + var(--sh-head) + 8px);scroll-padding-bottom:var(--sh-end)}
  /* the end of every page clears the bars and the player: the footer carries the room itself, so no footer rule can beat it */
  html.sh-on body>footer{padding-bottom:var(--sh-end)!important}
  html.sh-on body:not(:has(>footer)){padding-bottom:var(--sh-end)!important}

  /* the notch: the page starts under the status bar's inset; landscape gets its side insets */
  html.sh-on body{padding-top:var(--sh-st);padding-left:var(--sh-sl);padding-right:var(--sh-sr)}

  /* the top bar: the logo master and Ask; it tightens once the page moves */
  html.sh-on .px-ledger{display:none!important}
  /* (the site's own header rules run up to five classes deep, in dark too; the repeated class outranks them all) */
  :root.sh-on.sh-on.sh-on.sh-on.sh-on body .px-head{
    position:fixed!important;top:0!important;left:0!important;right:0!important;transform:none!important;width:auto!important;margin:0!important;
    padding:var(--sh-st) var(--sh-sr) 0 var(--sh-sl)!important;border:0!important;border-bottom:.5px solid transparent!important;border-radius:0!important;
    box-shadow:none!important;background:var(--sh-glass)!important;z-index:120!important;transition:border-color .25s}
  html.sh-on.sh-scrolled body .px-head{border-bottom-color:var(--sh-hair)!important}
  html.sh-on body .px-head .px-in{min-height:var(--sh-head)!important;max-width:none;padding:0 6px 0 20px!important;display:flex;align-items:center;justify-content:space-between;gap:8px;
    transition:min-height .3s var(--sh-in)}
  html.sh-on.sh-scrolled body .px-head .px-in{min-height:46px!important}
  html.sh-on body .px-head .px-brand{display:flex;align-items:center;min-height:44px}
  html.sh-on body .px-head .px-brand img{height:26px!important;width:auto!important;transition:height .3s var(--sh-in)}
  html.sh-on.sh-scrolled body .px-head .px-brand img{height:21px!important}
  /* (the phone rules that show Say aloha are three classes deep; the shell's Ask and More replace it) */
  :root.sh-on.sh-on body .px-head .px-nav,:root.sh-on.sh-on body .px-head .px-acts>:is(.px-signin,.px-cta,.px-menu){display:none!important}
  html.sh-on body .px-head .px-acts{display:flex;align-items:center;gap:8px;margin:0;-webkit-user-select:none;user-select:none}
  html.sh-on .sh-ask{display:grid!important;place-items:center;min-width:44px;height:44px;padding:0 6px;margin:0;border:0;background:none;cursor:pointer;color:#fff;text-decoration:none!important}
  html.sh-on .sh-askp{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px 0 11px;border-radius:999px;background:var(--sh-blue);color:#fff;
    font:500 15px/1 var(--px-sans,"Rubik",system-ui,sans-serif);letter-spacing:0;box-shadow:0 6px 16px -8px rgba(21,89,245,.7);transition:transform .12s var(--sh-in),height .3s var(--sh-in)}
  html.sh-on.sh-scrolled .sh-askp{height:32px}
  html.sh-on .sh-askp svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  html.sh-on .sh-ask:active .sh-askp{transform:scale(.94)}
  html.sh-on .sh-ask:focus-visible{outline:none}
  html.sh-on .sh-ask:focus-visible .sh-askp{outline:2px solid var(--sh-ink);outline-offset:2px}

  /* the letter's reading bar sits where the top bar is, under the status bar */
  html.sh-on .px-rbar{padding-top:var(--sh-st);background:var(--sh-glass)!important;z-index:125}

  /* press states, like a native app: they show on the touch (shell-cg160.js listens for touchstart, which iOS needs before it
     applies :active); the grey tap flash is turned off only where a press state replaces it */
  html.sh-on :is(a,button,summary,label,select,input,textarea,[role=button]){touch-action:manipulation}
  html.sh-on :is(.px-btn,.tg-btn,.px-fbtn,.px-dk-pp,.px-dk-b,.px-lis-pp,.px-lis-b,.cg-qnext,.cg-qback){transition:transform .12s var(--sh-in)}
  html.sh-on :is(.px-btn,.tg-btn,.px-fbtn,.px-dk-pp,.px-dk-b,.px-lis-pp,.px-lis-b,.cg-qnext,.cg-qback):active{transform:scale(.97)}
  html.sh-on :is(.sh-tab,.sh-row,.sh-ask,.sh-x,.px-btn,.tg-btn,.px-fbtn,.px-dk-pp,.px-dk-b,.px-lis-pp,.px-lis-b){-webkit-tap-highlight-color:transparent}

  /* the floating Ask the firm button gives way to the top bar's Ask (and so never sits on the player or the tabs) */
  html.sh-on .px-askfab{display:none!important}

  /* forms: 16px or larger, or iOS zooms the page when a field is touched */
  html.sh-on :is(input:not([type=range]):not([type=checkbox]):not([type=radio]),select,textarea){font-size:max(16px,1em)!important}

  /* touch targets: 44 by 44 on phones; footer lists grow to 44px rows */
  html.sh-on body>footer .px-links a{display:flex!important;align-items:center;min-height:44px;padding-top:0!important;padding-bottom:0!important;margin-top:0!important;margin-bottom:0!important}
  html.sh-on body>footer .px-addr a,html.sh-on body>footer .tg-fm .px-link{display:inline-flex;align-items:center;min-height:44px}
  /* the letter's player: its seek is 44px tall to touch and stays a thin line to see */
  html.sh-on .px-lis .px-lis-bar{position:relative}

  /* the tab bar */
  .sh-tabs{position:fixed;left:0;right:0;bottom:0;z-index:140;display:grid;grid-template-columns:repeat(5,1fr);
    height:calc(var(--sh-tab) + var(--sh-sb));padding:0 max(6px,var(--sh-sr)) var(--sh-sb) max(6px,var(--sh-sl));margin:0;
    background:var(--sh-glass);border-top:.5px solid var(--sh-hair);view-transition-name:sh-tabs;transition:transform .28s var(--sh-in);
    -webkit-user-select:none;user-select:none}
  .sh-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:44px;height:var(--sh-tab);margin:0;padding:6px 0 4px;
    border:0;background:none;color:var(--sh-mute);font:500 12px/1 var(--px-sans,"Rubik",system-ui,sans-serif);letter-spacing:0;text-transform:none;text-decoration:none!important;
    cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation}
  .sh-tab svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform .14s var(--sh-in)}
  .sh-tab .sh-fill{fill:transparent;transition:fill .2s}
  .sh-tab .sh-det{transition:stroke .2s}
  .sh-tab .sh-dot{fill:currentColor;stroke:none}
  .sh-tab[aria-current="page"],.sh-tab.is-on{color:var(--sh-blue)}
  /* the active tab's icon is filled, as iOS draws it; its inner lines turn to the bar's colour */
  .sh-tab[aria-current="page"] .sh-fill,.sh-tab.is-on .sh-fill{fill:currentColor}
  .sh-tab[aria-current="page"] .sh-det,.sh-tab.is-on .sh-det{stroke:var(--sh-bar)}
  .sh-tab[aria-current="page"] .sh-dot,.sh-tab.is-on .sh-dot{fill:var(--sh-bar)}
  .sh-tab:active svg{transform:scale(.86)}
  .sh-tab:focus-visible{outline:2px solid var(--sh-blue);outline-offset:-4px;border-radius:14px}
  html.sh-kb .sh-tabs{transform:translateY(110%)}
  html.sh-kb.px-docked .px-dock{transform:translateX(-50%) translateY(calc(var(--sh-tab) + var(--sh-sb)))}

    /* the bars are solid paper: a translucent bar let the serif headlines show through it (B324 audit) */
  html.sh-on body .px-head,.sh-tabs,html.sh-on .px-rbar{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}

  /* the docked player as the mini player, above the tab bar */
  html.sh-on .px-dock{left:50%!important;right:auto!important;bottom:calc(var(--sh-tab) + var(--sh-sb) + 8px)!important;transform:translateX(-50%);
    width:calc(100vw - 16px - var(--sh-sl) - var(--sh-sr))!important;max-width:none!important;border-radius:18px!important;
    box-shadow:0 14px 34px -12px rgba(10,22,51,.55),0 0 0 .5px rgba(255,255,255,.08) inset;z-index:141;-webkit-user-select:none;user-select:none;margin:0!important}
  /* its seek: 44px tall to touch, still a thin line to see, in the same place */
  html.sh-on .px-dock .px-dk-seek{position:relative;z-index:2;height:44px!important;margin:-8px 18px -20px!important}

  /* sheets */
  .sh-grab{position:absolute;top:0;left:0;right:0;height:26px;display:grid;place-items:center;cursor:grab;touch-action:none;z-index:2}
  .sh-grab::before{content:"";width:36px;height:5px;border-radius:3px;background:var(--px-line2,#d5dcea)}
  dialog.sh-sheet{position:fixed;inset:auto 0 0 0;top:auto;margin:0;width:100%;max-width:100%;max-height:calc(100dvh - var(--sh-st) - 44px);
    padding:0 var(--sh-sr) 0 var(--sh-sl);border:0;border-radius:26px 26px 0 0;background:var(--sh-sheet);color:var(--sh-ink);font-family:var(--px-sans,"Rubik",system-ui,sans-serif);
    box-shadow:0 -10px 40px rgba(10,22,51,.2);overflow:hidden;display:flex;flex-direction:column;overscroll-behavior:contain;
    transition:height .32s var(--sh-in)}
  dialog.sh-sheet:not([open]){display:none}
  dialog.sh-sheet[open]{animation:sh-up .38s var(--sh-in) both}
  dialog.sh-sheet.sh-closing{animation:sh-down .25s var(--sh-out) both}
  dialog.sh-sheet.sh-drag{animation:none;transition:none}
  dialog.sh-sheet::backdrop{background:rgba(10,22,51,.38);animation:sh-fade .3s var(--sh-in) both}
  dialog.sh-sheet.sh-closing::backdrop{animation:sh-fade .25s var(--sh-out) reverse both}
  .sh-shead{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:26px 12px 10px 20px;touch-action:none;flex:none;-webkit-user-select:none;user-select:none}
  .sh-shead h2{margin:0;font:600 24px/1.15 var(--px-sans,"Rubik",sans-serif);letter-spacing:-.015em;color:var(--sh-ink);outline:none}
  .sh-shead p{margin:4px 0 0;font:400 14px/1.4 var(--px-sans,"Rubik",sans-serif);color:var(--sh-mute)}
  .sh-x{width:44px;height:44px;flex:none;display:grid;place-items:center;border:0;border-radius:999px;background:rgba(10,22,51,.07);background:color-mix(in srgb,var(--sh-ink) 8%,transparent);color:var(--sh-ink);cursor:pointer;align-self:flex-start}
  .sh-x svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}
  .sh-x:active{transform:scale(.9);background:rgba(10,22,51,.13);background:color-mix(in srgb,var(--sh-ink) 14%,transparent)}
  .sh-x:focus-visible{outline:2px solid var(--sh-blue);outline-offset:2px}
  .sh-sbody{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 16px calc(20px + var(--sh-sb));-webkit-overflow-scrolling:touch}
  .sh-gl{margin:16px 4px 8px;font:500 13px/1.3 var(--px-sans,"Rubik",sans-serif);color:var(--sh-mute)}
  .sh-gl:first-child{margin-top:4px}
  .sh-grp{margin:0;padding:0;list-style:none;background:var(--sh-card);border-radius:18px;box-shadow:0 0 0 .5px var(--sh-hair);overflow:hidden}
  .sh-grp li{margin:0;padding:0}
  .sh-grp li+li .sh-row::before{content:"";position:absolute;top:0;left:60px;right:0;border-top:.5px solid var(--sh-hair)}
  .sh-row{position:relative;display:flex;align-items:center;gap:14px;width:100%;min-height:56px;padding:10px 14px 10px 16px;border:0;background:none;
    color:var(--sh-ink)!important;text-decoration:none!important;text-align:left;font:500 16px/1.25 var(--px-sans,"Rubik",sans-serif);cursor:pointer}
  .sh-row:active{background:rgba(21,89,245,.07)}
  .sh-row:focus-visible{outline:2px solid var(--sh-blue);outline-offset:-3px;border-radius:14px}
  /* the page you are on */
  .sh-row[aria-current="page"]{background:rgba(21,89,245,.08);color:var(--px-blue-ink,#0f46c9)!important}
  .sh-here{width:20px;height:20px;flex:none;fill:none;stroke:var(--sh-blue);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
  .sh-ic{width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:9px;background:var(--sh-blue);color:#fff}
  .sh-ic:not(.mark) svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  .sh-ic.ink{background:var(--sh-ink);color:var(--sh-bar)}
  .sh-ic.soft{background:rgba(21,89,245,.12);color:var(--sh-blue)}
  .sh-ic.img,.sh-ic.mark{background:none;overflow:hidden}
  .sh-ic.img img{width:30px;height:30px;display:block}
  .sh-ic.mark svg{width:24px;height:24px;display:block}
  .sh-rt{flex:1;min-width:0}
  .sh-rt small{display:block;margin-top:3px;font:400 13px/1.3 var(--px-sans,"Rubik",sans-serif);color:var(--sh-mute)}
  .sh-chev{width:9px;height:15px;flex:none;fill:none;stroke:var(--px-mute,#566074);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .sh-chev.sh-out{width:14px;height:14px}

  /* Ask the firm: the site's Ask panel inside a sheet with the same header as More; its thread scrolls, the question box
     stays at the foot of the sheet at half and full height */
  dialog.sh-askdg{height:calc(100dvh - var(--sh-st) - 44px)}
  .sh-askbody{display:flex;flex-direction:column;padding:0!important;overflow:hidden}
  .sh-askbody{background:var(--sh-card)}
  .sh-askbody>#px-askpage{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;min-width:0}
  .sh-askbody .px-askp,.sh-askbody .px-askp.inline{position:static!important;inset:auto!important;flex:1 1 auto;min-height:0;width:auto!important;height:auto!important;
    margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;animation:none!important;background:transparent!important;display:flex;flex-direction:column;min-width:0;max-width:100%}
  .sh-askbody .px-askp .px-askp-in{flex:1 1 auto;min-height:0;height:auto;background:var(--sh-card)!important;border:0!important;border-top:.5px solid var(--sh-hair)!important;
    border-radius:0!important;box-shadow:none!important}
  .sh-askbody .px-askp .px-askp-h{display:none!important}
  .sh-askbody .px-askp .px-askp-f{background:var(--sh-card)}
  .sh-askbody .px-askp .px-askp-foot{padding-bottom:max(14px,var(--sh-sb))}
  .sh-askbody .px-askp-chips button{min-height:44px}
  .sh-askbody .px-askp-foot button{min-height:44px}
  dialog.sh-sheet .px-asksum{z-index:5}
  /* at half height the whole panel scrolls as one, the starters first; a push up takes the sheet to full, where the question
     box is pinned to the foot */
  dialog.sh-askdg.sh-half .sh-askbody{overflow-y:auto;overscroll-behavior:contain}
  dialog.sh-askdg.sh-half .sh-askbody>#px-askpage,dialog.sh-askdg.sh-half .sh-askbody .px-askp,dialog.sh-askdg.sh-half .sh-askbody .px-askp-in,
  dialog.sh-askdg.sh-half .sh-askbody .px-askp-thread{flex:none!important;height:auto!important;min-height:0;overflow:visible!important}
  /* one row: the question, Talk and send */
  .sh-askbody .px-askp-f{flex-wrap:nowrap!important}
  .sh-askbody .px-askp-f textarea{flex:1 1 auto!important;width:auto!important;min-width:0}
  /* Talk keeps its name for screen readers and shows its microphone, so the question box keeps its one line at 320 */
  .sh-askbody .px-askp-mic{width:46px;padding:0!important}
  .sh-askbody .px-askp-mic span{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

  @keyframes sh-up{from{transform:translateY(100%)}}
  @keyframes sh-down{to{transform:translateY(100%)}}
  @keyframes sh-fade{from{opacity:0}}

  /* screens slide in like an app; the bars carry their own names (px-head and px-dock in the press stylesheet, sh-tabs here)
     and stay still while the page under them moves */
  ::view-transition-group(sh-tabs){animation-duration:0s}
  ::view-transition-old(sh-tabs),::view-transition-new(sh-tabs){animation:none}
}
/* landscape on a phone: shorter bars, the label beside the icon, as iOS does */
@media (max-height:500px) and (pointer:coarse){
  :root{--sh-tab:50px;--sh-head:50px}
  .sh-tab{flex-direction:row;gap:6px}
  .sh-tab svg{width:24px;height:24px}
}
@media (max-width:760px) and (prefers-reduced-motion:no-preference),(max-height:500px) and (pointer:coarse) and (prefers-reduced-motion:no-preference){
  html:active-view-transition-type(sh-push)::view-transition-old(root){animation:.25s var(--sh-out) both sh-push-out}
  html:active-view-transition-type(sh-push)::view-transition-new(root){animation:.375s var(--sh-in) both sh-push-in}
  html:active-view-transition-type(sh-back)::view-transition-old(root){animation:.25s var(--sh-out) both sh-back-out;z-index:2}
  html:active-view-transition-type(sh-back)::view-transition-new(root){animation:.375s var(--sh-in) both sh-back-in}
  html:active-view-transition-type(sh-tab)::view-transition-old(root){animation:.25s var(--sh-out) both sh-tab-out}
  html:active-view-transition-type(sh-tab)::view-transition-new(root){animation:.375s var(--sh-in) both sh-tab-in}
  @keyframes sh-push-in{from{transform:translateX(100%);box-shadow:-20px 0 40px rgba(10,22,51,.18)}to{box-shadow:-20px 0 40px rgba(10,22,51,0)}}
  @keyframes sh-push-out{to{transform:translateX(-28%);opacity:.7}}
  @keyframes sh-back-out{to{transform:translateX(100%)}}
  @keyframes sh-back-in{from{transform:translateX(-28%);opacity:.7}}
  @keyframes sh-tab-out{to{opacity:0}}
  @keyframes sh-tab-in{from{opacity:0}}
}
@media (max-width:760px) and (prefers-reduced-motion:reduce),(max-height:500px) and (pointer:coarse) and (prefers-reduced-motion:reduce){
  html.sh-on body .px-head,html.sh-on body .px-head .px-in,html.sh-on body .px-head .px-brand img,.sh-askp,.sh-tabs,dialog.sh-sheet{transition:none!important}
  dialog.sh-sheet[open],dialog.sh-sheet.sh-closing,dialog.sh-sheet::backdrop{animation:none!important}
  ::view-transition-old(root),::view-transition-new(root){animation:none!important}
}
/* outside the shell: none of it (the class comes off when a screen is turned or resized past the query) */
html:not(.sh-on) :is(.sh-tabs,.sh-ask,dialog.sh-sheet,.sh-grab){display:none!important}
@media print{.sh-tabs,.sh-ask,dialog.sh-sheet{display:none!important}}

/* /css/ask-cg162.css */
/* CG162 · Ask the firm is chat only: no Talk button, so the input row is the question box and the send button.
   The box takes the room and the button sits beside it at every width (the phone rule that wrapped the row was for the mic). */
.px-askp-f{flex-wrap:nowrap}
.px-askp-f textarea{flex:1 1 auto;width:auto;min-width:0}
@media (width<=560px){.px-askp-f{flex-wrap:nowrap}.px-askp-f textarea{flex:1 1 auto;width:auto}}
/* the question box is 16px in the phone sheet too (the shell's max(16px,1em) for every field came out at 17px here) */
html.sh-on .px-askp .px-askp-f textarea#px-askp-q{font-size:16px!important}

/* /css/app-cg163.css */
/* CG163 · the Culture Group on the phone, designed as an app screen by screen (Steven, Oct 21, 2026: "All sites need more
   mobile design meta lab", then "They all need to feel like a meta lab mobile app on mobile").
   Every rule sits inside the shell's media query and behind html.sh-on, so laptops and desktops never see any of it.
   The phone system, in brief:
   - Surfaces: a white canvas (it matches the top bar, the tab bar and theme-color), platters in paper2 for grouped content,
     the brand blue only for feature cards and the one primary action on a screen. Hairlines, never shadows, on platters.
   - Type (rem, 16px root): large title 2.125 serif, title 1.75, title 2 1.375, title 3 1.1875, headline 1.0625 Rubik 600,
     body 1.0625, reading 1.1875 serif, subhead .9375, footnote .8125, caption .75. Section headers are sentence case.
   - Rhythm: 8pt (4 for optical fixes); 16px gutters, 20 from 390 wide; 32 between groups, 48 between sections.
   - Radius scale: 10 controls, 16 platters and rows, 24 feature cards, pills for buttons.
   - Patterns: large titles that hand off to the top bar on scroll, inset grouped lists, segmented controls, swipeable card
     stacks, full-bleed figures, sticky section headers, details in a sheet.
   - Motion: one signature moment (the large title handing off to the top bar); press states answer touches in 120ms. */
@media (max-width:760px), (max-height:500px) and (pointer:coarse){
  :root{
    --ap-g:16px;
    --ap-bg:var(--px-paper,#fff);
    --ap-plat:var(--px-paper2,#f5f7fc);
    --ap-card:#fff;
    --ap-hair:var(--px-line,#e3e8f2);
    --ap-ink:var(--px-ink,#0a1633);
    --ap-2:var(--px-char,#425170);
    --ap-3:var(--px-mute,#566074);
    --ap-blue:#1559f5;
    --ap-blue-ink:var(--px-blue-ink,#0f46c9);
    --ap-tint:rgba(21,89,245,.1);
    --ap-r1:10px;--ap-r2:16px;--ap-r3:24px;
    --ap-serif:var(--px-serif,"Source Serif 4",Georgia,serif);
    --ap-sans:var(--px-sans,"Rubik",system-ui,sans-serif);
    --ap-lt:2.125rem;--ap-t1:1.75rem;--ap-t2:1.375rem;--ap-t3:1.1875rem;--ap-hl:1.0625rem;--ap-body:1.0625rem;
    --ap-read:1.1875rem;--ap-sub:.9375rem;--ap-fn:.8125rem;--ap-cap:.75rem;
    /* where content goes under the bars: the top bar at rest, and once it tightens */
    --ap-top:calc(var(--sh-st,0px) + var(--sh-head,56px));
    --ap-topc:calc(var(--sh-st,0px) + 46px);
    --ap-in:cubic-bezier(.05,.7,.1,1);
  }
  @media (min-width:390px){:root{--ap-g:20px}}

  /* ---------- the canvas ---------- */
  html.sh-on body main{background:var(--ap-bg)}
  html.sh-on main .px-wrap,html.sh-on main .wrap,html.sh-on main .ts-wrap{padding-left:var(--ap-g)!important;padding-right:var(--ap-g)!important}
  html.sh-on main .px-sec,html.sh-on main .cg-sec{padding-top:48px!important;padding-bottom:8px!important;background:var(--ap-bg)!important;border:0!important}
  html.sh-on main .px-sec::before,html.sh-on main .px-sec::after{display:none!important}
  /* section numbers are decoration on the phone (the sections are not a sequence) */
  html.sh-on main .tg-num>span{display:none!important}

  /* ---------- the signature: large titles that hand off to the top bar ---------- */
  html.sh-on .px-head .px-in{position:relative}
  html.sh-on .ap-bt{position:absolute;left:96px;right:96px;top:0;bottom:0;display:flex;align-items:center;justify-content:center;
    font:600 1.0625rem/1.2 var(--ap-sans);color:var(--ap-ink);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
    opacity:0;transform:translateY(6px);transition:opacity .2s var(--ap-in),transform .3s var(--ap-in);pointer-events:none}
  html.sh-on .ap-bt span{overflow:hidden;text-overflow:ellipsis}
  html.sh-on.ap-tc .ap-bt{opacity:1;transform:none}
  html.sh-on.ap-tc:not(.ap-home) body .px-head .px-brand{opacity:0;pointer-events:none}
  html.sh-on body .px-head .px-brand{transition:opacity .2s var(--ap-in)}
  html.sh-on .ap-lt{transition:opacity .2s var(--ap-in)}
  html.sh-on.ap-tc .ap-lt{opacity:.0}

  /* ---------- the large-title hero on every inner screen ---------- */
  html.sh-on main>section.tg-pghero,html.sh-on main>section.ts>.ts-hero,html.sh-on main>section.px-mini{
    background:var(--ap-bg)!important;color:var(--ap-ink)!important;min-height:0!important;height:auto!important;
    padding:calc(var(--sh-head,56px) + 4px) 0 8px!important;margin:0!important;overflow:visible!important;border:0!important;box-shadow:none!important}
  html.sh-on main>section.tg-pghero>.tg-bl,html.sh-on main>section.ts>.ts-hero>.tg-bl,html.sh-on main>section.px-mini>.tg-bl{display:none!important}
  html.sh-on main>section.tg-pghero::before,html.sh-on main>section.tg-pghero::after,
  html.sh-on main>section.ts>.ts-hero::before,html.sh-on main>section.ts>.ts-hero::after{display:none!important}
  html.sh-on main>section.tg-pghero>.px-wrap,html.sh-on main>section.tg-pghero .px-hmain,html.sh-on main>section.tg-pghero .cg-fhtx,
  html.sh-on main>section.ts>.ts-hero .ts-intro{display:flex!important;flex-direction:column;align-items:stretch;padding-top:0!important;margin-top:0!important;text-align:left!important}
  html.sh-on main>section.tg-pghero .wrap,html.sh-on main>section.tg-pghero .px-hgrid{display:block!important;padding-top:0!important;margin:0!important}
  html.sh-on main>section.tg-pghero>.px-wrap.cg-fhgrid{display:block!important}
  html.sh-on main>section.tg-pghero h1,html.sh-on main>section.ts>.ts-hero h1,html.sh-on main>section.px-mini h1{
    order:-2;margin:8px 0 6px!important;max-width:none!important;color:var(--ap-ink)!important;
    font:600 var(--ap-lt)/1.1 var(--ap-serif)!important;letter-spacing:-.02em!important;text-wrap:balance;text-align:left!important}
  html.sh-on main>section:is(.tg-pghero,.px-mini) h1 :is(.rw,.rwi),html.sh-on main>section.ts>.ts-hero h1 :is(.rw,.rwi){background:none!important;box-shadow:none!important;filter:none!important;text-shadow:none!important;-webkit-text-fill-color:currentColor}
  html.sh-on main>section.tg-pghero h1 :is(em,i),html.sh-on main>section.ts>.ts-hero h1 :is(em,i){color:inherit!important}
  /* the old eyebrow is the subtitle under the title */
  html.sh-on main>section.tg-pghero :is(.tg-num,.px-kick,.px-hk),html.sh-on main>section.ts>.ts-hero .ts-kick{
    order:-1;margin:0 0 16px!important;padding:0!important;color:var(--ap-3)!important;
    font:400 var(--ap-sub)/1.35 var(--ap-sans)!important;letter-spacing:0!important;text-transform:none!important;position:static!important;background:none!important}
  html.sh-on main>section.tg-pghero .px-hk a{color:var(--ap-blue-ink)!important;text-decoration:underline!important;text-decoration-thickness:1px!important;text-underline-offset:3px}
  html.sh-on main>section.tg-pghero .px-hk .px-no{font:inherit!important;color:inherit!important}
  html.sh-on main>section.tg-pghero :is(.tg-pgdek,.px-dek,.rlede,p[id]),html.sh-on main>section.ts>.ts-hero .ts-dek,html.sh-on main>section.px-mini .px-wrap>p:not(.px-404){
    margin:0 0 24px!important;max-width:none!important;color:var(--ap-2)!important;
    font:400 var(--ap-body)/1.5 var(--ap-sans)!important;font-style:normal!important;letter-spacing:0!important;text-align:left!important}

  /* buttons on a white screen: one primary, the rest tinted */
  html.sh-on main :is(.tg-pgcta,.tg-sky-cta,.tg-close-cta,.px-ctas,.tg-fgo){display:flex!important;flex-direction:column;align-items:stretch;gap:12px;margin:0 0 24px!important;text-align:center}
  html.sh-on main :is(.tg-pgcta,.px-ctas,.tg-fgo) :is(.tg-btn,.px-btn,.px-link),
  html.sh-on main>section.px-mini .px-ctas a{display:flex!important;align-items:center;justify-content:center;width:auto!important;min-height:50px;margin:0!important;
    padding:0 20px!important;border:0!important;border-radius:14px!important;box-shadow:none!important;
    font:600 var(--ap-hl)/1.2 var(--ap-sans)!important;letter-spacing:0!important;text-decoration:none!important;
    background:var(--ap-tint)!important;color:var(--ap-blue-ink)!important;transition:transform .12s var(--ap-in),background-color .12s}
  html.sh-on main :is(.tg-pgcta,.px-ctas,.tg-fgo)>:first-child:is(.tg-btn,.px-btn,.px-link),
  html.sh-on main :is(.tg-pgcta,.px-ctas,.tg-fgo)>a:first-child{background:var(--ap-blue)!important;color:#fff!important}
  html.sh-on main :is(.tg-pgcta,.px-ctas,.tg-fgo) a::after,html.sh-on main :is(.tg-pgcta,.px-ctas,.tg-fgo) a::before{display:none!important}

  /* ---------- platters, inset grouped lists, rows ---------- */
  html.sh-on .ap-plat{background:var(--ap-plat)!important;border:0!important;border-radius:var(--ap-r2)!important;box-shadow:none!important}
  /* a list group: rows with inset hairlines */
  html.sh-on main :is(ol.tg-rules,ol.tg-rail,ol.tg-lyrs,ul.tg-os,.cg-hs ul,ol.tg-wlist,ul.tg-wlist,.tg-serves,.px-receipts,ul.tg-owns,.ts-get ul,.ts-does){
    list-style:none!important;margin:0 0 8px!important;padding:0!important;background:var(--ap-plat)!important;border:0!important;
    border-radius:var(--ap-r2)!important;box-shadow:none!important;overflow:hidden;display:block!important;columns:auto!important;counter-reset:none}
  html.sh-on main :is(ol.tg-rules,ol.tg-rail,ol.tg-lyrs,ul.tg-os,.cg-hs ul,ol.tg-wlist,ul.tg-wlist,ul.tg-owns,.ts-get ul,.ts-does)>li,
  html.sh-on main :is(.tg-serves)>.tg-sv,html.sh-on main .px-receipts>.px-receipt{
    position:relative;display:block!important;margin:0!important;padding:14px 16px!important;border:0!important;background:none!important;
    box-shadow:none!important;border-radius:0!important;min-height:0;opacity:1!important;transform:none!important;animation:none!important}
  html.sh-on main :is(ol.tg-rules,ol.tg-rail,ol.tg-lyrs,ul.tg-os,.cg-hs ul,ol.tg-wlist,ul.tg-wlist,ul.tg-owns,.ts-get ul,.ts-does)>li+li::before,
  html.sh-on main .tg-serves>.tg-sv+.tg-sv::before,html.sh-on main .px-receipts>.px-receipt+.px-receipt::before{
    content:""!important;position:absolute;top:0;left:16px;right:0;height:0;border-top:.5px solid var(--ap-hair);display:block!important;background:none!important;width:auto!important}
  html.sh-on main :is(ol.tg-rules,ol.tg-rail,ol.tg-lyrs,ul.tg-os,.cg-hs ul,ul.tg-owns,.ts-get ul,.ts-does)>li::marker{content:none}
  html.sh-on main :is(ol.tg-rules,ol.tg-rail,ol.tg-lyrs,ul.tg-os,.cg-hs ul,ol.tg-wlist,ul.tg-wlist,ul.tg-owns,.ts-get ul,.ts-does)>li:first-child::before,html.sh-on main .tg-serves>.tg-sv:first-child::before{display:none!important}
  html.sh-on main :is(ol.tg-rules,ol.tg-rail,ol.tg-lyrs,ul.tg-os,.cg-hs ul,ul.tg-owns,.ts-get ul,.ts-does)>li::after{display:none!important}
  /* row text */
  html.sh-on main ol.tg-rules>li h3,html.sh-on main ol.tg-lyrs>li h3,html.sh-on main ul.tg-os>li>b{
    display:block;max-width:none!important;margin:0 0 4px!important;color:var(--ap-ink)!important;font:600 var(--ap-hl)/1.3 var(--ap-sans)!important;letter-spacing:-.005em!important}
  html.sh-on main ol.tg-rules>li p,html.sh-on main ol.tg-lyrs>li p,html.sh-on main ul.tg-os>li>span,html.sh-on main .cg-hs ul>li,html.sh-on main ol.tg-rail>li p{
    margin:0!important;color:var(--ap-2)!important;font:400 var(--ap-sub)/1.45 var(--ap-sans)!important;max-width:none!important}
  html.sh-on main .cg-hs ul>li{color:var(--ap-ink)!important;padding-left:16px!important}
  /* rows that go somewhere: full-row targets with a chevron */
  html.sh-on main :is(ol.tg-wlist,ul.tg-wlist)>li>a,html.sh-on main a.tg-sv,html.sh-on main a.px-receipt,html.sh-on main ul.tg-owns>li{-webkit-tap-highlight-color:transparent}
  html.sh-on main :is(ol.tg-wlist,ul.tg-wlist)>li{padding:0!important}
  html.sh-on main :is(ol.tg-wlist,ul.tg-wlist)>li>a{display:flex!important;align-items:center;gap:12px;min-height:56px;padding:12px 40px 12px 16px!important;
    color:var(--ap-ink)!important;text-decoration:none!important;border:0!important;background:none!important;position:relative}
  html.sh-on main :is(ol.tg-wlist,ul.tg-wlist)>li>a::after,html.sh-on main a.tg-sv::after,html.sh-on main a.px-receipt::after,html.sh-on main .ap-row::after{
    content:"";position:absolute;right:18px;top:50%;width:8px;height:8px;margin-top:-5px;border:solid var(--ap-3);border-width:2px 2px 0 0;transform:rotate(45deg);opacity:.7}
  html.sh-on main :is(ol.tg-wlist,ul.tg-wlist)>li>a:active,html.sh-on main a.tg-sv:active,html.sh-on main a.px-receipt:active,html.sh-on main .ap-row:active{background:rgba(21,89,245,.07)!important}
  html.sh-on main .tg-wn{flex:none;min-width:28px;color:var(--ap-3)!important;font:500 var(--ap-fn)/1 var(--ap-sans)!important;letter-spacing:0!important}
  html.sh-on main .tg-wt{flex:1;min-width:0;font:500 var(--ap-body)/1.3 var(--ap-sans)!important;color:var(--ap-ink)!important;letter-spacing:-.005em!important}
  html.sh-on main ul.tg-plist>li>a{flex-direction:column;align-items:flex-start;gap:4px}
  html.sh-on main .tg-wp{font:400 var(--ap-fn)/1.3 var(--ap-sans)!important;color:var(--ap-3)!important;letter-spacing:0!important;text-transform:none!important}
  html.sh-on main .tg-wb{flex:none;font:500 var(--ap-cap)/1 var(--ap-sans)!important;letter-spacing:0!important;text-transform:none!important;padding:5px 8px!important;
    border-radius:999px!important;border:0!important;background:var(--ap-tint)!important;color:var(--ap-blue-ink)!important}

  /* a row that opens a sheet (details made into rows by the script) */
  html.sh-on main details.ap-sheetrow{margin:16px 0 8px!important;padding:0!important;border:0!important;background:var(--ap-plat)!important;border-radius:var(--ap-r2)!important}
  html.sh-on main details.ap-sheetrow>summary{position:relative;display:flex!important;align-items:center;min-height:52px;padding:12px 40px 12px 16px!important;
    list-style:none;color:var(--ap-blue-ink)!important;font:500 var(--ap-body)/1.3 var(--ap-sans)!important;border:0!important;background:none!important;border-radius:var(--ap-r2);cursor:pointer}
  html.sh-on main details.ap-sheetrow>summary::-webkit-details-marker{display:none}
  html.sh-on main details.ap-sheetrow>summary::after{content:""!important;position:absolute;right:18px;top:50%;width:8px;height:8px;margin-top:-5px;border:solid currentColor;border-width:2px 2px 0 0;
    transform:rotate(45deg)!important;opacity:.8;background:none!important;display:block!important}
  html.sh-on main details.ap-sheetrow>summary::before{display:none!important}
  html.sh-on main details.ap-sheetrow>summary:active{background:rgba(21,89,245,.07)!important}
  html.sh-on main details.ap-sheetrow>:not(summary){display:none!important}
  /* what a detail sheet holds */
  .ap-sheet .sh-sbody{font-family:var(--ap-sans)}
  .ap-sheet .sh-sbody>p{margin:0 4px 16px;color:var(--ap-2);font:400 .9375rem/1.5 var(--ap-sans)}
  .ap-sheet .tg-mtab{margin:0 0 16px;background:var(--ap-card,#fff);border-radius:16px;box-shadow:0 0 0 .5px var(--ap-hair,#e3e8f2);overflow-x:auto;overscroll-behavior-x:contain}
  .ap-sheet .tg-mtab table{width:100%;min-width:520px;border-collapse:collapse;font:400 .875rem/1.35 var(--ap-sans);color:var(--px-ink,#0a1633)}
  .ap-sheet .tg-mtab caption{text-transform:none;letter-spacing:0;text-align:left;padding:14px 16px 6px;font:600 1rem/1.3 var(--ap-sans);color:var(--px-ink,#0a1633)}
  .ap-sheet .tg-mtab :is(th,td){padding:10px 12px;border-top:.5px solid var(--ap-hair,#e3e8f2);text-align:right;white-space:nowrap}
  .ap-sheet .tg-mtab :is(th[scope=row],thead th:first-child){text-align:left;white-space:normal;min-width:150px}
  .ap-sheet .tg-mtab thead th{font-weight:500;color:var(--px-char,#425170);font-size:.8125rem}
  .ap-sheet ol.tg-wlist{list-style:none;margin:0;padding:0;background:var(--ap-card,#fff);border-radius:16px;box-shadow:0 0 0 .5px var(--ap-hair,#e3e8f2);overflow:hidden}
  .ap-sheet ol.tg-wlist>li{position:relative;margin:0;padding:0}
  .ap-sheet ol.tg-wlist>li+li::before{content:"";position:absolute;top:0;left:56px;right:0;border-top:.5px solid var(--ap-hair,#e3e8f2)}
  .ap-sheet ol.tg-wlist>li>a{display:flex;align-items:center;gap:12px;min-height:52px;padding:10px 16px;color:var(--px-ink,#0a1633);text-decoration:none}
  .ap-sheet ol.tg-wlist>li>a:active{background:rgba(21,89,245,.07)}
  .ap-sheet .tg-wn{flex:none;min-width:28px;color:var(--px-mute,#566074);font:500 .8125rem/1 var(--ap-sans)}
  .ap-sheet .tg-wt{font:500 1rem/1.3 var(--ap-sans)}
  .ap-sheet .tg-wb{margin-left:auto;font:500 .75rem/1 var(--ap-sans);padding:5px 8px;border-radius:999px;background:rgba(21,89,245,.1);color:var(--px-blue-ink,#0f46c9)}

  /* ---------- sticky section headers ---------- */
  /* the script lifts each section's header to the top of its section, so it sticks for the whole section */
  html.sh-on main section>.tg-num.ap-sh{
    position:sticky!important;top:var(--ap-topc);z-index:30;display:block!important;margin:0!important;padding:12px var(--ap-g) 10px!important;
    background:var(--ap-bg)!important;color:var(--ap-blue-ink)!important;font:600 var(--ap-fn)/1.2 var(--ap-sans)!important;letter-spacing:0!important;text-transform:none!important;
    border:0!important;box-shadow:none!important;text-align:left!important;max-width:none!important}
  html.sh-on main .tg-num.ap-sh0{position:static!important;margin:0 0 8px!important;padding:0!important;background:none!important;font:600 var(--ap-fn)/1.2 var(--ap-sans)!important;
    letter-spacing:0!important;text-transform:none!important;color:var(--ap-blue-ink)!important;border:0!important;box-shadow:none!important}
  html.sh-on main .tg-blue .tg-num.ap-sh0{color:rgba(255,255,255,.88)!important}
  html.sh-on main .tg-num.ap-sh0::before,html.sh-on main .tg-num.ap-sh0::after{display:none!important}
  html.sh-on main section>.tg-num.ap-sh::before,html.sh-on main section>.tg-num.ap-sh::after{display:none!important}
  html.sh-on main section.ap-hs{padding-top:24px!important}
  html.sh-on main section.ap-hs>.px-wrap{padding-top:4px!important;margin-top:0!important}
  html.sh-on main .tg-num.ap-stuck{box-shadow:0 .5px 0 var(--ap-hair)!important}
  /* section titles */
  html.sh-on main .px-sec h2,html.sh-on main .cg-sec h2{margin:0 0 12px!important;max-width:none!important;color:var(--ap-ink)!important;
    font:600 var(--ap-t1)/1.15 var(--ap-serif)!important;letter-spacing:-.015em!important;text-wrap:balance}
  html.sh-on main .px-sec h2 em,html.sh-on main .cg-sec h2 em{color:var(--ap-blue-ink)!important;font-style:normal!important}
  html.sh-on main .px-sec .px-sub,html.sh-on main .cg-sec .px-sub{margin:0 0 24px!important;max-width:none!important;color:var(--ap-2)!important;font:400 var(--ap-body)/1.5 var(--ap-sans)!important}
  html.sh-on main :is(.px-sec,.cg-sec) h3.tg-h3,html.sh-on main .cg-ch{margin:32px 0 12px!important;color:var(--ap-ink)!important;font:600 var(--ap-t3)/1.25 var(--ap-sans)!important;letter-spacing:-.01em!important}

  /* text links under a section become one row of tinted pills */
  html.sh-on main :is(.cg-more,.cg-hsgo,.tg-close-more,.tg-lmore,.tg-os-l){display:flex!important;flex-wrap:wrap;gap:8px;margin:16px 0 0!important}
  html.sh-on main :is(.cg-more,.cg-hsgo,.tg-lmore,.tg-os-l)>a{display:inline-flex!important;align-items:center;min-height:44px;padding:0 16px!important;border-radius:999px!important;border:0!important;
    background:var(--ap-tint)!important;color:var(--ap-blue-ink)!important;font:500 var(--ap-sub)/1.2 var(--ap-sans)!important;text-decoration:none!important;box-shadow:none!important;transition:transform .12s var(--ap-in)}
  html.sh-on main :is(.cg-more,.cg-hsgo,.tg-lmore,.tg-os-l)>a::after{display:none!important}
  html.sh-on main .cg-more>a.tg-btn{background:var(--ap-blue)!important;color:#fff!important;min-height:50px;border-radius:14px!important;width:100%;justify-content:center;font-weight:600!important}

  /* ---------- segmented controls ---------- */
  html.sh-on main :is(.tg-mviews,.cg-tablist){display:flex!important;flex-wrap:nowrap!important;gap:2px!important;padding:2px!important;margin:0 0 16px!important;
    background:rgba(10,22,51,.06)!important;border:0!important;border-radius:12px!important;box-shadow:none!important;overflow-x:auto;scrollbar-width:none;
    scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;max-width:100%}
  html.sh-on main :is(.tg-mviews,.cg-tablist)::-webkit-scrollbar{display:none}
  html.sh-on main :is(.tg-mviews,.cg-tablist)>button{flex:1 0 auto!important;min-height:44px!important;height:auto!important;margin:0!important;padding:0 14px!important;
    border:0!important;border-radius:10px!important;background:transparent!important;color:var(--ap-ink)!important;box-shadow:none!important;scroll-snap-align:start;
    font:500 var(--ap-sub)/1.1 var(--ap-sans)!important;letter-spacing:0!important;white-space:nowrap;transition:background-color .2s var(--ap-in),box-shadow .2s var(--ap-in)}
  html.sh-on main :is(.tg-mviews,.cg-tablist)>button:is([aria-pressed=true],[aria-selected=true]){background:#fff!important;font-weight:600!important;
    box-shadow:0 3px 8px rgba(10,22,51,.12),0 0 0 .5px rgba(10,22,51,.06)!important}
  html.sh-on main :is(.tg-mviews,.cg-tablist)>button:focus-visible{outline:2px solid var(--ap-blue)!important;outline-offset:-2px}
  html.sh-on main .cg-tablist>button .cg-tl{display:none!important}
  html.sh-on main .cg-tablist>button .cg-ts{display:inline!important;font:inherit!important}
  html.sh-on main .cg-tablist>button span{margin-left:6px;color:var(--ap-3)!important;font:500 var(--ap-cap)/1 var(--ap-sans)!important;background:none!important;padding:0!important}
  html.sh-on main .cg-rtabs .cg-tablist>button{flex:1 1 0!important}
  html.sh-on main .cg-dev .cg-tablist>button{flex:1 1 auto!important;padding:0 8px!important}

  /* ---------- the market map: full bleed, the views as a segmented control, the numbers in a sheet ---------- */
  html.sh-on main figure.tg-mfig{margin:8px 0 0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
  html.sh-on main .tg-mviews{margin:0 0 12px!important}
  html.sh-on main .tg-mstage{display:flex!important;flex-direction:column;gap:12px;margin:0 calc(-1 * var(--ap-g))!important;padding:0!important;background:none!important}
  html.sh-on main .tg-mstage .tg-mapwrap{order:-1;margin:0!important;border-radius:0!important;border:0!important;border-block:.5px solid var(--ap-hair)!important;box-shadow:none!important;background:var(--ap-plat)!important}
  html.sh-on main .tg-mstage .tg-mpanel{margin:0 var(--ap-g)!important;padding:16px!important;border:0!important;border-radius:var(--ap-r2)!important;background:var(--ap-plat)!important;box-shadow:none!important;position:static!important}
  html.sh-on main figure.tg-mfig .tg-share{margin:16px 0 0!important}
  html.sh-on main figure.tg-mfig figcaption{margin:12px 0 0!important;color:var(--ap-3)!important;font:400 var(--ap-fn)/1.4 var(--ap-sans)!important}

  /* ---------- stat tiles ---------- */
  html.sh-on main dl.tg-glass,html.sh-on main dl.tg-wstats{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important;margin:0 0 8px!important;padding:0!important;
    background:none!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-radius:0!important}
  html.sh-on main dl.tg-glass>div,html.sh-on main dl.tg-wstats>div{position:relative;display:flex!important;flex-direction:column;justify-content:flex-end;gap:6px;min-height:104px;margin:0!important;padding:16px!important;
    background:var(--ap-plat)!important;border:0!important;border-radius:var(--ap-r2)!important;box-shadow:none!important;text-align:left!important}
  html.sh-on main dl.tg-glass>div::before,html.sh-on main dl.tg-glass>div::after{display:none!important}
  html.sh-on main dl.tg-glass>div.lead{grid-column:1/-1;min-height:0}
  html.sh-on main dl.tg-glass dt,html.sh-on main dl.tg-wstats dt{margin:0!important;overflow:hidden;color:var(--ap-blue-ink)!important;font:600 2rem/1.15 var(--ap-serif)!important;letter-spacing:-.02em!important;text-align:left!important}
  html.sh-on main dl.tg-glass>div.lead dt{font-size:2.75rem!important}
  html.sh-on main dl.tg-glass dd,html.sh-on main dl.tg-wstats dd{margin:0!important;color:var(--ap-2)!important;font:400 var(--ap-fn)/1.35 var(--ap-sans)!important;letter-spacing:0!important;text-transform:none!important;text-align:left!important;max-width:none!important}
  html.sh-on main dl.tg-glass dd a{color:var(--ap-blue-ink)!important;display:inline-flex;align-items:center;min-height:44px;margin:-12px 0 -14px}
  html.sh-on main dl.tg-wstats{grid-template-columns:repeat(3,1fr)}
  html.sh-on main dl.tg-wstats>div{min-height:88px}
  /* a tile that opens something: the whole tile is the button (the script puts it in the dd, over the tile) */
  html.sh-on main dl.tg-glass>div.ap-tap{transition:transform .12s var(--ap-in),background-color .12s}
  html.sh-on main dl.tg-glass>div.ap-tap::after{content:""!important;display:block!important;position:absolute;top:20px;right:18px;width:7px;height:7px;border:solid var(--ap-3);border-width:2px 2px 0 0;transform:rotate(45deg);opacity:.7;background:none!important;pointer-events:none}
  html.sh-on main dl.tg-glass>div.ap-tap:has(.ap-tilebtn:active){transform:scale(.97);background:#e9eefb!important}
  html.sh-on main .ap-tilebtn{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:var(--ap-r2);background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
  html.sh-on main .ap-tilebtn:focus-visible{outline:2px solid var(--ap-blue);outline-offset:2px}

  /* ---------- card stacks: swipe sideways, the next card peeks ---------- */
  html.sh-on main :is(.tg-tiles,dl.cg-crit){display:grid!important;grid-auto-flow:column;grid-auto-columns:78%;grid-template-columns:none!important;gap:12px!important;
    margin:0 calc(-1 * var(--ap-g)) 8px!important;padding:4px var(--ap-g) 12px!important;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 var(--ap-g);
    scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;border:0!important;background:none!important}
  html.sh-on main :is(.tg-tiles,dl.cg-crit)::-webkit-scrollbar{display:none}
  html.sh-on main :is(.tg-tiles,dl.cg-crit):focus-visible{outline:2px solid var(--ap-blue);outline-offset:-2px;border-radius:var(--ap-r3)}
  html.sh-on main .tg-tiles>.tg-tile,html.sh-on main dl.cg-crit>div{scroll-snap-align:start;display:flex!important;flex-direction:column;gap:10px;min-height:184px;margin:0!important;padding:20px!important;
    background:var(--ap-plat)!important;border:0!important;border-radius:var(--ap-r3)!important;box-shadow:none!important;opacity:1!important;transform:none!important}
  html.sh-on main .tg-tiles>.tg-tile::before,html.sh-on main dl.cg-crit>div::before,html.sh-on main dl.cg-crit>div::after{display:none!important}
  html.sh-on main .tg-tile .tg-ico{display:grid!important;place-items:center;width:44px;height:44px;margin:0 0 4px!important;border-radius:12px!important;background:var(--ap-blue)!important;color:#fff!important}
  html.sh-on main .tg-tile .tg-ico svg{width:24px;height:24px}
  html.sh-on main .tg-tile h3,html.sh-on main dl.cg-crit dt{margin:0!important;color:var(--ap-ink)!important;font:600 var(--ap-t2)/1.2 var(--ap-serif)!important;letter-spacing:-.01em!important;text-transform:none!important}
  html.sh-on main .tg-tile p,html.sh-on main dl.cg-crit dd{margin:0!important;color:var(--ap-2)!important;font:400 var(--ap-sub)/1.45 var(--ap-sans)!important;max-width:none!important}
  html.sh-on main dl.cg-crit>div:first-child{background:var(--ap-blue)!important}
  html.sh-on main dl.cg-crit>div:first-child :is(dt,dd){color:#fff!important}

  /* ---------- the home screen ---------- */
  /* the hero is a feature card, the first thing in the stack */
  html.sh-on main>section#top.cg-sky{margin:calc(var(--sh-head,56px) + 8px) 12px 0!important;border-radius:28px!important;overflow:hidden!important;
    min-height:0!important;height:min(640px,calc(100svh - var(--sh-st,0px) - var(--sh-head,56px) - var(--sh-tab,58px) - var(--sh-sb,0px) - 40px))!important;
    box-shadow:0 20px 40px -24px rgba(21,89,245,.55)!important;isolation:isolate}
  html.sh-on main>section#top.cg-sky .tg-orbit{transform:translateY(-14%)}
  html.sh-on main>section#top.cg-sky .tg-sky-in{z-index:2;position:absolute!important;left:0;right:0;bottom:0;top:auto!important;padding:0 20px 20px!important;text-align:left!important}
  html.sh-on main>section#top.cg-sky h1{font:600 2.5rem/1.02 var(--ap-serif)!important;letter-spacing:-.025em!important;text-align:left!important;margin:0 0 12px!important}
  html.sh-on main>section#top.cg-sky .tg-sky-dek{text-align:left!important;margin:0 0 20px!important;font:400 var(--ap-sub)/1.45 var(--ap-sans)!important;max-width:none!important}
  html.sh-on main>section#top.cg-sky .tg-sky-cta{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px;margin:0!important}
  html.sh-on main>section#top.cg-sky .tg-sky-cta a{flex:none;display:flex!important;align-items:center;justify-content:center;min-height:48px;margin:0!important;padding:0 12px!important;
    border-radius:14px!important;font:600 var(--ap-sub)/1.15 var(--ap-sans)!important;letter-spacing:0!important;text-align:center;box-shadow:none!important}
  /* the thesis, the numbers */
  html.sh-on main>section.cg-proof{background:var(--ap-bg)!important;color:var(--ap-ink)!important;padding:24px 0 0!important;min-height:0!important}
  html.sh-on main>section.cg-proof>.tg-bl{display:none!important}
  html.sh-on main>section.cg-proof .tg-proof-p{margin:0 0 12px!important;padding:20px!important;border-radius:var(--ap-r3)!important;background:var(--ap-plat)!important;
    color:var(--ap-ink)!important;font:400 var(--ap-t3)/1.45 var(--ap-serif)!important;text-align:left!important;max-width:none!important}
  /* the latest letter: one card, with its listen control */
  html.sh-on main article.tg-lcard{margin:16px 0 0!important;padding:20px!important;border:0!important;border-radius:var(--ap-r3)!important;background:var(--ap-plat)!important;box-shadow:none!important}
  html.sh-on main article.tg-lcard .tg-lcard-k{margin:0 0 12px!important;color:var(--ap-3)!important;font:500 var(--ap-fn)/1.3 var(--ap-sans)!important;letter-spacing:0!important;text-transform:none!important}
  html.sh-on main article.tg-lcard .tg-salute{font:500 var(--ap-t3)/1.35 var(--ap-serif)!important;color:var(--ap-ink)!important;margin:0 0 12px!important}
  html.sh-on main article.tg-lcard .tg-lp{font:400 var(--ap-body)/1.6 var(--ap-serif)!important;color:var(--ap-ink)!important}
  html.sh-on main article.tg-lcard .tg-lcard-k2{font:600 var(--ap-sub)/1.3 var(--ap-sans)!important;color:var(--ap-ink)!important;margin:20px 0 8px!important}
  html.sh-on main article.tg-lcard ul.tg-owns{background:var(--ap-card)!important}
  html.sh-on main article.tg-lcard ul.tg-owns>li{padding:12px 16px!important;font:400 var(--ap-sub)/1.4 var(--ap-sans)!important;color:var(--ap-2)!important}
  html.sh-on main article.tg-lcard ul.tg-owns>li a{font-weight:500;color:var(--ap-blue-ink)!important}
  html.sh-on main article.tg-lcard .tg-lsig{margin:20px 0 0!important;padding:0!important;border:0!important}
  html.sh-on main article.tg-lcard .tg-lmore{display:grid!important;grid-template-columns:1fr;gap:8px;margin:16px 0 0!important}
  html.sh-on main article.tg-lcard .tg-lmore>a{justify-content:center;border-radius:14px!important;min-height:48px;font-weight:600!important}
  html.sh-on main article.tg-lcard .tg-lmore>a:first-child{background:var(--ap-blue)!important;color:#fff!important}
  html.sh-on main article.tg-lcard .tg-lmore>a[href$="#listen"]::before{content:"";display:inline-block!important;width:0;height:0;margin-right:8px;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent currentColor}
  html.sh-on main article.tg-lcard .tg-lmore>a:last-child{grid-column:1/-1;background:none!important;min-height:44px}
  html.sh-on main .cg-letter h2.tg-big{font-size:var(--ap-t1)!important}
  /* closing feature card */
  html.sh-on main>section.tg-close{margin:48px 12px 0!important;border-radius:28px!important;overflow:hidden!important;padding:28px 0 24px!important;min-height:0!important;isolation:isolate}
  html.sh-on main>section.tg-close .tg-close-in{text-align:left!important}
  html.sh-on main>section.tg-close h2{font:600 var(--ap-t1)/1.12 var(--ap-serif)!important;text-align:left!important;letter-spacing:-.015em!important}
  html.sh-on main>section.tg-close .tg-num{text-align:left!important;font:500 var(--ap-fn)/1.2 var(--ap-sans)!important;letter-spacing:0!important;text-transform:none!important;position:static!important;background:none!important;padding:0!important;margin:0 0 8px!important;color:rgba(255,255,255,.85)!important;box-shadow:none!important}
  html.sh-on main>section.tg-close .tg-close-sub{text-align:left!important;font:400 var(--ap-sub)/1.45 var(--ap-sans)!important}
  html.sh-on main>section.tg-close .tg-close-cta a{display:flex!important;align-items:center;justify-content:center;min-height:50px;margin:0!important;border-radius:14px!important;font:600 var(--ap-hl)/1.2 var(--ap-sans)!important;letter-spacing:0!important}
  html.sh-on main>section.tg-close .tg-close-more{justify-content:flex-start}
  html.sh-on main>section.tg-close .tg-close-more a{display:inline-flex!important;align-items:center;min-height:44px;padding:0 14px!important;border-radius:999px!important;background:rgba(255,255,255,.16)!important;color:#fff!important;border:0!important;text-decoration:none!important;font:500 var(--ap-fn)/1 var(--ap-sans)!important}
  html.sh-on main>section.tg-close .tg-coins2{justify-content:flex-start!important;padding:0 var(--ap-g)!important;gap:8px!important}

  /* ---------- How we invest ---------- */
  html.sh-on main ol.tg-lyrs>li{display:flex!important;gap:14px;align-items:flex-start}
  html.sh-on main ol.tg-lyrs .tg-lyn{flex:none;display:grid!important;place-items:center;width:32px;height:32px;margin:0!important;border-radius:9px;background:var(--ap-blue);color:#fff!important;font:600 var(--ap-fn)/1 var(--ap-sans)!important;letter-spacing:0!important}
  html.sh-on main ol.tg-lyrs>li+li::before{left:62px}
  html.sh-on main .tg-chips{gap:6px!important;margin:8px 0 0!important}
  html.sh-on main .tg-chips>li{padding:6px 10px!important;border-radius:999px!important;background:var(--ap-card)!important;border:0!important;box-shadow:0 0 0 .5px var(--ap-hair)!important;font:400 var(--ap-fn)/1.2 var(--ap-sans)!important;color:var(--ap-ink)!important}
  html.sh-on main ul.tg-os{margin-top:24px!important}
  html.sh-on main .cg-dev{margin:24px calc(-1 * var(--ap-g)) 0!important;padding:16px var(--ap-g)!important;border-radius:0!important;border:0!important}
  html.sh-on main .tg-calc{padding:20px!important;border:0!important;border-radius:var(--ap-r3)!important;background:var(--ap-plat)!important;box-shadow:none!important}
  html.sh-on main .tg-calc .tg-calc-k{font:500 var(--ap-fn)/1.3 var(--ap-sans)!important;letter-spacing:0!important;text-transform:none!important;color:var(--ap-3)!important}
  html.sh-on main .tg-calc-out{background:var(--ap-card)!important;border-radius:var(--ap-r2)!important}
  html.sh-on main .cg-calcw{margin-top:16px!important}
  html.sh-on main figure.cg-clock{margin:8px 0 0!important;padding:4px 20px 20px!important;background:var(--ap-plat)!important;border-radius:var(--ap-r3)!important;border:0!important}
  html.sh-on main figure.cg-clock .cg-ch{margin:20px 0 12px!important}
  html.sh-on main .tg-rec .tg-rec-pub{margin:0 0 12px!important}
  html.sh-on main a.px-receipt{padding:14px 40px 14px 16px!important;text-decoration:none!important;color:var(--ap-ink)!important}
  html.sh-on main a.px-receipt .tg-rec-t{display:block;font:600 var(--ap-hl)/1.3 var(--ap-sans)!important;color:var(--ap-ink)!important;margin:0 0 4px}
  html.sh-on main a.px-receipt .px-what{display:block;font:400 var(--ap-sub)/1.45 var(--ap-sans)!important;color:var(--ap-2)!important}
  html.sh-on main a.px-receipt .px-src{display:block;margin-top:6px;font:400 var(--ap-fn)/1.3 var(--ap-sans)!important;color:var(--ap-3)!important;letter-spacing:0!important;text-transform:none!important}

  /* ---------- the founder ---------- */
  html.sh-on main>section.cg-fhero .tg-fone{margin:0 0 8px!important;padding:0!important;max-width:none!important}
  html.sh-on main>section.cg-fhero figure.tg-shot{margin:0!important;border-radius:var(--ap-r3)!important;overflow:hidden;box-shadow:none!important;border:0!important;transform:none!important}
  html.sh-on main>section.cg-fhero figure.tg-shot figcaption{font:500 var(--ap-cap)/1.2 var(--ap-sans)!important;letter-spacing:0!important;text-transform:none!important}
  html.sh-on main ol.tg-rail{margin-top:16px!important}
  html.sh-on main ol.tg-rail>li{display:grid!important;grid-template-columns:76px 1fr;gap:12px;align-items:baseline}
  html.sh-on main ol.tg-rail>li::before{left:16px}
  html.sh-on main ol.tg-rail .tg-rk{color:var(--ap-blue-ink)!important;font:600 var(--ap-sub)/1.3 var(--ap-sans)!important;letter-spacing:0!important;text-transform:none!important;position:static!important;margin:0!important}
  html.sh-on main ol.tg-rail .tg-rk::before,html.sh-on main ol.tg-rail .tg-rk::after{display:none!important}
  html.sh-on main ol.tg-rail>li p{color:var(--ap-ink)!important}
  html.sh-on main .cg-strip{margin-top:0!important}
  html.sh-on main .cg-strip .cg-shot{border-radius:var(--ap-r2)!important;overflow:hidden}
  html.sh-on main .cg-strip .cg-shot figcaption{font:400 var(--ap-fn)/1.35 var(--ap-sans)!important;letter-spacing:0!important;text-transform:none!important;color:var(--ap-2)!important;padding:8px 2px 0!important}
  html.sh-on main a.tg-ep{border:0!important;border-radius:var(--ap-r3)!important;background:var(--ap-plat)!important;box-shadow:none!important;padding:12px!important}
  html.sh-on main a.tg-ep .tg-ep-k{font:500 var(--ap-fn)/1.3 var(--ap-sans)!important;letter-spacing:0!important;text-transform:none!important}
  html.sh-on main .cg-essay.tg-blue{border-radius:var(--ap-r3)!important;margin:0 0 16px!important}
  html.sh-on main .cg-essay .tg-num{position:static!important;background:none!important;margin:0 0 8px!important;padding:0!important;color:rgba(255,255,255,.85)!important;box-shadow:none!important}
  html.sh-on main .tg-serves{margin:0 0 8px!important}
  html.sh-on main .tg-serves>.tg-sv{display:flex!important;flex-direction:column;gap:4px;align-items:flex-start;padding:14px 40px 14px 16px!important;text-decoration:none!important}
  html.sh-on main .tg-serves .tg-svk{font:500 var(--ap-body)/1.3 var(--ap-sans)!important;color:var(--ap-ink)!important;display:flex;align-items:center;gap:8px}
  html.sh-on main .tg-serves .tg-svv{font:400 var(--ap-fn)/1.3 var(--ap-sans)!important;color:var(--ap-3)!important;letter-spacing:0!important;text-transform:none!important}
  html.sh-on main .cg-pressline{margin:16px 0 0!important;color:var(--ap-2)!important;font:400 var(--ap-sub)/1.5 var(--ap-sans)!important}

  /* ---------- the letter, as a reading app ---------- */
  html.sh-on .tg-letterpage main .px-byl{display:flex!important;flex-direction:column;gap:8px;margin:0!important;padding:0 0 4px!important;border:0!important}
  html.sh-on .tg-letterpage main .px-byl .px-who{display:flex!important;align-items:center;gap:12px}
  html.sh-on .tg-letterpage main .px-byl .px-who a{color:var(--ap-ink)!important;text-decoration:none!important}
  html.sh-on .tg-letterpage main .px-byl .px-bn{font:600 var(--ap-sub)/1.3 var(--ap-sans)!important;color:var(--ap-ink)!important}
  html.sh-on .tg-letterpage main .px-byl .px-br{font:400 var(--ap-fn)/1.35 var(--ap-sans)!important;color:var(--ap-3)!important}
  html.sh-on .tg-letterpage main .px-byl .px-meta{font:400 var(--ap-fn)/1.35 var(--ap-sans)!important;color:var(--ap-3)!important;letter-spacing:0!important;text-transform:none!important}
  /* the player is the hero control */
  html.sh-on .tg-letterpage main .px-lis{position:relative;display:grid!important;grid-template-columns:72px 1fr;align-items:center;gap:16px;margin:16px 0 12px!important;padding:20px!important;
    border:0!important;border-radius:var(--ap-r3)!important;color:#fff!important;box-shadow:0 18px 36px -22px rgba(21,89,245,.7)!important;
    background:linear-gradient(160deg,#3d7bff 0%,#1559f5 55%,#0f46c9 100%)!important;overflow:hidden}
  html.sh-on .tg-letterpage main .px-lis .px-lis-pp{width:72px!important;height:72px!important;border-radius:999px!important;background:#fff!important;color:var(--ap-blue)!important;border:0!important;box-shadow:0 8px 20px -8px rgba(10,22,51,.45)!important;transition:transform .12s var(--ap-in)}
  html.sh-on .tg-letterpage main .px-lis .px-lis-pp svg{width:30px!important;height:30px!important;color:var(--ap-blue)!important;fill:currentColor}
  html.sh-on .tg-letterpage main .px-lis .px-lis-pp:active{transform:scale(.94)}
  html.sh-on .tg-letterpage main .px-lis .px-lis-k{color:#fff!important;font:600 var(--ap-hl)/1.25 var(--ap-sans)!important;letter-spacing:0!important;text-transform:none!important;display:flex;justify-content:space-between;margin:0 0 4px!important}
  html.sh-on .tg-letterpage main .px-lis .px-lis-k span{color:rgba(255,255,255,.8)!important;font:400 var(--ap-fn)/1.25 var(--ap-sans)!important}
  html.sh-on .tg-letterpage main .px-lis .px-lis-time{color:rgba(255,255,255,.85)!important;font:400 var(--ap-fn)/1 var(--ap-sans)!important;letter-spacing:0!important}
  html.sh-on .tg-letterpage main .px-lis .px-lis-b{color:#fff!important;background:rgba(255,255,255,.16)!important;border:0!important;min-width:44px;min-height:44px}
  html.sh-on .tg-letterpage main .px-lis .px-lis-ticks{opacity:.55;filter:brightness(0) invert(1)}
  html.sh-on .tg-letterpage main .px-lis .px-lis-seek{accent-color:#fff}
  html.sh-on .tg-letterpage main .tg-lfollow{margin:0 0 24px!important}
  /* reading type */
  html.sh-on .tg-letterpage main .article-body{padding-top:8px!important;background:var(--ap-bg)!important}
  html.sh-on .tg-letterpage main .prose>p{font:400 var(--ap-read)/1.62 var(--ap-serif)!important;color:var(--ap-ink)!important;margin:0 0 1.1em!important;max-width:none!important}
  /* the sections stick as you read, like a reading app's chapter header */
  html.sh-on .tg-letterpage main .prose .section-number{display:none!important}
  html.sh-on .tg-letterpage main .prose>.px-h2{position:sticky;top:var(--ap-topc);z-index:20;margin:40px calc(-1 * var(--ap-g)) 12px!important;padding:0 var(--ap-g)!important;background:var(--ap-bg)!important}
  html.sh-on .tg-letterpage main .prose>.px-h2.ap-stuck{box-shadow:0 .5px 0 var(--ap-hair)}
  html.sh-on .tg-letterpage main .prose h2{margin:0!important;padding:12px 0!important;
    background:none!important;font:600 var(--ap-t2)/1.2 var(--ap-serif)!important;letter-spacing:-.01em!important;color:var(--ap-ink)!important}
  /* the reading bar is the letter's top bar: the title in the middle, like a navigation bar */
  html.sh-on .tg-letterpage .px-rbar-in{min-height:46px!important;padding:0 6px 0 16px!important}
  html.sh-on .tg-letterpage .px-rbar-n{font:500 var(--ap-fn)/1 var(--ap-sans)!important;color:var(--ap-3)!important;min-width:64px}
  html.sh-on .tg-letterpage .px-rbar-t{text-align:center;font:600 var(--ap-hl)/1.2 var(--ap-sans)!important}
  html.sh-on .tg-letterpage .px-rbar{border-bottom:.5px solid var(--ap-hair)!important}
  /* the end of the letter */
  html.sh-on .tg-letterpage main a.morecard{border:0!important;border-radius:var(--ap-r3)!important;background:var(--ap-plat)!important;box-shadow:none!important}
  html.sh-on .tg-letterpage main .convo{border-radius:var(--ap-r3)!important}
  html.sh-on .tg-letterpage main .postnav a{display:inline-flex;align-items:center;min-height:44px}

  /* ---------- contact ---------- */
  html.sh-on main .px-ways{display:flex!important;flex-direction:column;gap:12px!important;margin:0!important}
  html.sh-on main .px-way{margin:0!important;padding:20px!important;border:0!important;border-radius:var(--ap-r3)!important;background:var(--ap-plat)!important;box-shadow:none!important;opacity:1!important;transform:none!important}
  html.sh-on main .px-way .px-wk{color:var(--ap-blue-ink)!important;font:600 var(--ap-fn)/1.2 var(--ap-sans)!important;letter-spacing:0!important;text-transform:none!important}
  html.sh-on main .px-way .px-wbig{font:600 var(--ap-t2)/1.2 var(--ap-serif)!important;color:var(--ap-ink)!important;text-decoration:none!important;letter-spacing:-.01em!important}
  html.sh-on main .px-way p:not(.px-wk):not(.px-wgo):not(.px-wbig){color:var(--ap-2)!important;font:400 var(--ap-sub)/1.45 var(--ap-sans)!important}
  html.sh-on main .px-way .px-wgo{display:block!important;align-self:stretch!important;width:auto!important;margin:16px 0 0!important}
  html.sh-on main .px-way .px-wgo a{display:flex!important;align-items:center;justify-content:center;min-height:48px;border-radius:14px!important;border:0!important;
    width:100%!important;padding:0 16px!important;background:var(--ap-tint)!important;color:var(--ap-blue-ink)!important;font:600 var(--ap-hl)/1.2 var(--ap-sans)!important;text-decoration:none!important;box-shadow:none!important}
  html.sh-on main .px-way:first-child .px-wgo a{background:var(--ap-blue)!important;color:#fff!important}
  html.sh-on main .px-way .px-wgo a::after{display:none!important}
  html.sh-on main figure.px-map{margin:12px calc(-1 * var(--ap-g)) 0!important;border-radius:0!important;border:0!important;box-shadow:none!important}
  html.sh-on main figure.px-map .px-mapin{border-radius:0!important}
  html.sh-on main>section.cg-lift{padding-top:0!important;margin-top:0!important;background:var(--ap-bg)!important}
  html.sh-on main>section.cg-lift .px-ways,html.sh-on main>section.cg-lift>.px-wrap{margin-top:0!important;transform:none!important}
  html.sh-on main>section.cg-lift::before{display:none!important}
  html.sh-on main .px-lanes{display:flex!important;flex-direction:column;gap:12px!important}
  html.sh-on main a.px-lane{border-radius:var(--ap-r3)!important;box-shadow:none!important;transition:transform .12s var(--ap-in)}
  html.sh-on main a.px-lane:active,html.sh-on main a.morecard:active,html.sh-on main a.tg-ep:active{transform:scale(.98)}
  html.sh-on main a.px-lane.press{background:var(--ap-plat)!important;border:0!important}

  /* ---------- team sign-in ---------- */
  html.sh-on main>section.ts>.ts-hero .ts-card{border:0!important;border-radius:var(--ap-r3)!important;background:var(--ap-plat)!important;box-shadow:none!important}
  html.sh-on main>section.ts>.ts-hero .ts-get{margin-top:32px!important}
  html.sh-on main>section.ts>.ts-hero .ts-get h2{position:static;color:var(--ap-blue-ink)!important;font:600 var(--ap-fn)/1.2 var(--ap-sans)!important;letter-spacing:0!important;text-transform:none!important;margin:0 0 8px 4px!important}
  html.sh-on main>section.ts>.ts-hero .ts-get ul>li,html.sh-on main>section.ts>.ts-hero .ts-get ul>li *{color:var(--ap-2)!important;font:400 var(--ap-sub)/1.45 var(--ap-sans)}
  html.sh-on main>section.ts>.ts-hero .ts-get ul>li{display:grid!important;grid-template-columns:40px 1fr;gap:4px 12px;align-items:start}
  html.sh-on main>section.ts>.ts-hero .ts-get ul>li>:first-child{display:grid!important;place-items:center;width:40px;height:40px;margin:0!important;border-radius:11px!important;background:var(--ap-blue)!important;border:0!important}
  html.sh-on main>section.ts>.ts-hero .ts-get ul>li>:first-child *{color:#fff!important;stroke:#fff}
  html.sh-on main>section.ts>.ts-hero .ts-get ul>li :is(b,strong,h3){display:block;margin:0 0 2px;color:var(--ap-ink)!important;font:600 var(--ap-hl)/1.3 var(--ap-sans)!important}
  html.sh-on main>section.ts>.ts-hero .ts-get ul>li+li::before{left:68px}
  html.sh-on main .ts-does>li>:first-child{display:block!important;margin:0 0 4px!important;color:var(--ap-ink)!important;font:600 var(--ap-hl)/1.3 var(--ap-sans)!important}
  html.sh-on main .ts-does>li{color:var(--ap-2)!important;font:400 var(--ap-sub)/1.45 var(--ap-sans)!important}

  /* ---------- 404 ---------- */
  html.sh-on main>section.px-mini .px-404{order:-3;margin:0!important;color:var(--ap-blue)!important;-webkit-text-fill-color:var(--ap-blue)!important;background:none!important;font:600 4.5rem/1 var(--ap-serif)!important;letter-spacing:-.03em!important;text-align:left!important}
  html.sh-on main>section.px-mini .px-wrap{display:flex!important;flex-direction:column;padding-top:16px!important}

  /* press states for cards that are links */
  html.sh-on main :is(a.tg-ep,a.px-lane,a.morecard,.px-lis-pp,.tg-tiles>.tg-tile){-webkit-tap-highlight-color:transparent}
}
@media (max-width:760px) and (prefers-reduced-motion:reduce),(max-height:500px) and (pointer:coarse) and (prefers-reduced-motion:reduce){
  html.sh-on .ap-bt,html.sh-on body .px-head .px-brand,html.sh-on .ap-lt,html.sh-on main :is(.tg-mviews,.cg-tablist)>button,
  html.sh-on main :is(a.px-lane,a.morecard,a.tg-ep,.px-lis-pp,dl.tg-glass>div){transition:none!important}
  html.sh-on main :is(.tg-tiles,dl.cg-crit){scroll-behavior:auto}
}
/* outside the shell: none of it */
html:not(.sh-on) :is(.ap-bt,.ap-tilebtn){display:none!important}

/* /css/structure-cg164.css */
/* CG164 · How the Group is built: the structure section on the home page and the /structure/ page.
   Tokens only (the B325 palette): white, --px-paper2, --px-line, --px-ink, --px-char; blue is the Group box edge and the
   connecting lines, nothing else. The chart is an inline SVG at laptop widths and a stacked list on phones. */

.cg-struct .px-sub{max-width:62ch}
.cg-struct .cg-ssub{margin-bottom:clamp(28px,3.5vw,44px);font-size:17px;line-height:1.6}
.cg-struct .cg-ssub b{font-weight:500;color:var(--px-ink)}

/* the chart */
.cg-org{margin:0 0 clamp(32px,4vw,52px);padding:clamp(20px,3vw,36px) clamp(16px,2.6vw,32px);border:1px solid var(--px-line);border-radius:20px;background:var(--px-paper2)}
.cg-org svg{display:block;width:100%;height:auto;max-width:960px;margin:0 auto;font-family:var(--px-sans);overflow:visible}
.cg-org .bx{fill:var(--px-card);stroke:var(--px-line2);stroke-width:1.5}
.cg-org .bx.add{stroke-dasharray:5 5;fill:transparent}
.cg-org .bx.top{stroke:var(--px-blue);stroke-width:2}
.cg-org .ln{fill:none;stroke:var(--px-blue);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.cg-org .ln.soft{stroke:var(--px-line2)}
.cg-org .tx{fill:var(--px-ink);font-size:15px;font-weight:500;letter-spacing:-.005em}
.cg-org .tx.top{font-size:18px}
.cg-org .sub{fill:var(--px-char);font-size:12px;font-weight:400}
.cg-org .lab{fill:var(--px-mute);font-family:var(--px-mono);font-size:10.5px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}
.cg-org .tx,.cg-org .sub,.cg-org .lab{text-anchor:middle}
.cg-orglist{display:none}

/* the three parts */
.cg-parts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 clamp(32px,4vw,52px);padding:0;list-style:none}
.cg-part{display:flex;flex-direction:column;gap:10px;padding:clamp(22px,2.4vw,30px);border:1px solid var(--px-line);border-radius:18px;background:var(--px-card)}
.cg-part .cg-pk{margin:0;font:500 12px/1.7 var(--px-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--px-blue)}
.cg-part h3{margin:0;font:400 clamp(22px,2vw,26px)/1.2 var(--px-serif);letter-spacing:-.015em;color:var(--px-ink);text-wrap:balance}
.cg-part p{margin:0;font:400 15.5px/1.55 var(--px-sans);color:var(--px-char)}
.cg-part p+p{margin-top:2px}
.cg-part .cg-pgo{margin-top:auto;padding-top:10px}
.cg-part .cg-pgo a{font:500 15px/1.4 var(--px-sans);color:var(--px-blue);text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.cg-part .cg-pgo a:hover{text-decoration:underline;text-underline-offset:3px}
.cg-part .cg-pgo a:focus-visible{outline:2px solid var(--px-blue);outline-offset:3px;border-radius:4px}
.cg-part .cg-pnote{font-size:14px;color:var(--px-mute)}

/* the family marks, the official masters */
.cg-fam{margin:0;padding:clamp(22px,2.6vw,32px) clamp(16px,2.6vw,32px);border-top:1px solid var(--px-line);border-bottom:1px solid var(--px-line);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px clamp(20px,3vw,40px);align-items:center;list-style:none}
.cg-fam li{margin:0;display:flex;justify-content:center}
.cg-fam img{display:block;width:100%;max-width:220px;height:auto}
.cg-fam img.mk-r{display:none}
.cg-famk{margin:0 0 10px;font:500 12px/1.7 var(--px-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--px-mute)}
.cg-struct .cg-more{margin:clamp(22px,3vw,32px) 0 0}

/* the /structure/ page */
body.tg-structure .cg-sec .px-sub{font-size:17px;line-height:1.6}
body.tg-structure .cg-parent{display:block}
body.tg-structure .cg-parent .cg-org{margin:clamp(28px,3.5vw,44px) 0 0}
body.tg-structure .cg-parent .cg-plist{max-width:62ch}
body.tg-structure .cg-parent .cg-ssub{margin-bottom:18px}
body.tg-structure .cg-fam{border-bottom:0}
body.tg-structure .cg-plist{margin:0;padding:0;list-style:none;display:grid;gap:10px}
body.tg-structure .cg-plist li{font:400 15.5px/1.55 var(--px-sans);color:var(--px-char);padding-left:18px;position:relative}
body.tg-structure .cg-plist li:before{content:"";position:absolute;left:0;top:.72em;width:8px;height:1.5px;background:var(--px-blue)}
body.tg-structure .cg-plist b{font-weight:500;color:var(--px-ink)}

@media (width<=980px){
  .cg-fam{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (width<=820px){
  .cg-parts{grid-template-columns:1fr}
}
@media (width<=640px){
  /* on phones the chart is a stacked list with the same hierarchy; nothing scrolls sideways */
  .cg-org{padding:0;border:0;border-radius:0;background:transparent}
  .cg-org svg{display:none}
  .cg-orglist{display:block;margin:0;padding:0;list-style:none}
  .cg-orglist ul{margin:10px 0 0 14px;padding:0 0 0 16px;list-style:none;border-left:1.5px solid var(--px-blue);display:grid;gap:10px}
  .cg-orglist ul ul{border-left-color:var(--px-line2)}
  .cg-orglist li{position:relative}
  .cg-orglist .ob{display:block;padding:12px 14px;border:1px solid var(--px-line2);border-radius:12px;background:var(--px-card);font:500 15px/1.35 var(--px-sans);color:var(--px-ink)}
  .cg-orglist .ob.top{border-color:var(--px-blue);border-width:1.5px;font-size:17px}
  .cg-orglist .ob.add{border-style:dashed;background:transparent}
  .cg-orglist .ob small{display:block;margin-top:2px;font:400 13px/1.4 var(--px-sans);color:var(--px-char)}
  .cg-orglist .ol{display:block;margin:12px 0 0;font:500 10.5px/1.6 var(--px-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--px-mute)}
  .cg-fam{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 20px;padding-left:0;padding-right:0}
  .cg-fam img{max-width:150px}
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .cg-org .bx.add{fill:transparent}
  :root:not([data-theme="light"]) .cg-fam img.mk-o{display:none}
  :root:not([data-theme="light"]) .cg-fam img.mk-r{display:block}
}

/* each part has its own function; the common denominator */
.cg-fn{margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px 20px;border-top:1px solid var(--px-line);padding-top:22px}
.cg-fn>div{margin:0}
.cg-fn dt{font:500 12px/1.7 var(--px-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--px-blue)}
.cg-fn dd{margin:4px 0 0;font:400 15.5px/1.5 var(--px-sans);color:var(--px-char)}
.cg-fnclose{margin:0;font:400 clamp(19px,1.8vw,23px)/1.4 var(--px-serif);color:var(--px-ink);max-width:40ch}
body.tg-structure .cg-parent+.cg-fn{margin-top:clamp(28px,3.5vw,44px)}
@media (width<=980px){.cg-fn{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (width<=640px){.cg-fn{grid-template-columns:1fr;gap:12px}}

/* the companies and their receipts */
.cg-home .cg-proof{padding-top:clamp(56px,6vw,88px)}
.cg-cos .tg-num.w{color:#ffffffb8;margin-bottom:26px}
.cg-cos .tg-num.w span{color:#fff}
.cg-cos .tg-num.w:after{background:#ffffff33}
.cg-colist{margin:0 0 34px;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.cg-colist li{display:flex;flex-direction:column;gap:12px;padding:22px 24px;border-radius:16px;background:#ffffff14;border:1px solid #ffffff2e}
.cg-colist a{display:block;width:min(100%,300px);border-radius:10px;background:#fff;padding:14px 18px}
.cg-colist a:focus-visible{outline:2px solid #fff;outline-offset:3px}
.cg-colist img{display:block;width:100%;height:auto}
.cg-colist span{font:400 14px/1.4 var(--px-sans);color:#ffffffcc}
.cg-colist-pg li{background:var(--px-paper2);border-color:var(--px-line)}
.cg-colist-pg a{border:1px solid var(--px-line);background:#fff}
.cg-colist-pg span{color:var(--px-char)}
.cg-colist-pg{margin-bottom:0}
.cg-proof .tg-glass dd b{font-weight:500;color:inherit}
@media (width<=640px){.cg-colist{grid-template-columns:1fr}}

/* the three doors' marks and the family row before the footer */
.cg-pmark{margin:0 0 6px;height:34px;display:flex;align-items:center}
.cg-pmark img{display:block;height:28px;width:auto;max-width:100%}
.cg-pmark img.mk-r{display:none}
.cg-famrow{padding:clamp(40px,5vw,64px) 0;background:var(--px-paper)}
.cg-famrow .cg-fam{border:0;padding-left:0;padding-right:0}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .cg-pmark img.mk-o{display:none}
  :root:not([data-theme="light"]) .cg-pmark img.mk-r{display:block}
  :root:not([data-theme="light"]) .cg-colist-pg a{background:#fff}
}

/* the hero says what the Group is; a longer line than "We buy to keep", so it sits smaller and no word breaks inside */
.cg-home .tg-sky h1{font-size:clamp(40px,5.6vw,80px);max-width:17ch}
.cg-home .tg-sky h1 .rwi{white-space:nowrap}
@media (width<=560px){.cg-home .tg-sky h1{font-size:clamp(36px,10.4vw,50px)}}
@media (width<=640px){.cg-orglist .ol small{display:block;margin-top:2px;font:400 13px/1.4 var(--px-sans);letter-spacing:0;text-transform:none;color:var(--px-char)}}

/* on the phone the shell turns the receipts section white, so the companies row follows it */
html.sh-on main>section.cg-proof .cg-cos .tg-num.w{color:var(--px-mute)}
html.sh-on main>section.cg-proof .cg-cos .tg-num.w span{color:var(--px-blue)}
html.sh-on main>section.cg-proof .cg-cos .tg-num.w:after{background:var(--px-line)}
html.sh-on main>section.cg-proof .cg-colist li{background:var(--px-paper2);border-color:var(--px-line)}
html.sh-on main>section.cg-proof .cg-colist a{border:1px solid var(--px-line)}
html.sh-on main>section.cg-proof .cg-colist span{color:var(--px-char)}
html.sh-on main>section.cg-proof .cg-colist{margin-bottom:20px}

/* /css/typescale-cg165.css */
/* CG165 · the type scale, enforced: generated by tools/typescale165.py from the stylesheets below it. Every rule that
   set a size off the eight steps (13, 15, 17, 20, 24, 32, 40, 56) is restated here at the nearest step. */
.cg-qnav button{font-size:15px!important}
@media (width<=820px){.cg-fit .tg-fit-board .tg-fb-k{font-size:13px!important}}
@media (width<=820px){.cg-fit .tg-fit-board .tg-fb-k{font-size:13px!important}}
.cg-letter .tg-lcard .tg-lp{font-size:17px!important}
.cg-letter .tg-lcard .tg-salute{font-size:24px!important}
.cg-tablist [role=tab] span{font-size:13px!important}
.cg-ph{font-size:32px!important}
@media (width<=640px){.cg-ph{font-size:24px!important}}
.cg-rules .tg-nevers>li{font-size:20px!important}
.cg-hs li{font-size:15px!important}
.cg-layers .tg-lyn{font-size:13px!important}
.cg-layers .tg-lyrs h3{font-size:17px!important}
.cg-layers .tg-lyrs p{font-size:15px!important}
.cg-layers .tg-chips li{font-size:13px!important}
@media (width<=640px){.cg-tablist [role=tab]{font-size:15px!important}}
.cg-ch{font-size:24px!important}
@media (width<=640px){.cg-ch{font-size:20px!important}}
.cg-us{font-size:15px!important}
.cg-pe{font-size:15px!important}
.cg-cap{font-size:15px!important}
@media (width>900px){.cg-us,.cg-pe{font-size:15px!important}}
.cg-after2 .tg-rec-t{font-size:20px!important}
@media (width<=640px){.cg-after2 .tg-rec-t{font-size:17px!important}}
@media (width<=640px){.cg-rules .tg-rules h3{font-size:20px!important}}
@media (width<=640px){.cg-rules .tg-rules p{font-size:15px!important}}
.cg-strip-ctl button{font-size:17px!important}
.cg-writing .tg-whead h2{font-size:56px!important}
@media (width<=640px){.cg-writing .tg-whead h2{font-size:32px!important}}
.cg-essay h3{font-size:32px!important}
@media (width<=640px){.cg-essay h3{font-size:24px!important}}
.cg-essay .tg-essay-by{font-size:15px!important}
.cg-prlist h2{font-size:40px!important}
@media (width<=640px){.cg-prlist h2{font-size:32px!important}}
.cg-pressline{font-size:15px!important}
.cg-lanes .px-lane .px-lt{font-size:24px!important}
@media (width<=640px){.cg-lanes .px-lane .px-lt{font-size:20px!important}}
.cg-author .px-author-n{font-size:24px!important}
.tg-pc figcaption span{font-size:13px!important}
.cn-bar span{font-size:13px!important}
.cn-side b{font-size:13px!important}
.cn-side span{font-size:13px!important}
.cn-live{font-size:13px!important}
.cn-h small{font-size:13px!important}
.cn-rows li{font-size:13px!important}
.cn-rows b{font-size:13px!important}
.cn-rows code{font-size:13px!important}
.cn-key p{font-size:13px!important}
.cn-key b{font-size:13px!important}
.tg-map li b{font-size:13px!important}
.tg-map li span{font-size:13px!important}
.tg-map-f{font-size:13px!important}
.px-follow .px-fl{font-size:15px!important}
.tg-ep-t{font-size:24px!important}
.tg-ep-go{font-size:15px!important}
.tg-whead .tg-ep-t{font-size:20px!important}
.tg-listen-2 .px-fbtn{font-size:15px!important}
.tg-ft-follow .px-fbtn{font-size:15px!important}
@media (max-width:640px){.tg-ep-t{font-size:20px!important}}
.tg-os b{font-size:17px!important}
.tg-os span{font-size:15px!important}
.tg-os-l{font-size:32px!important}
@media (width<=640px){.tg-os-l{font-size:24px!important}}
.tg-os-l a{font-size:17px!important}
.px-menu .px-panel a{font-size:17px!important}
.px-menu .px-panel a.px-cta{font-size:17px!important}
.px-sbtn kbd{font-size:13px!important}
.px-hero h1{font-size:56px!important}
.px-hero .px-dek{font-size:24px!important}
@media (width<=640px){.px-hero .px-dek{font-size:20px!important}}
.px-cover h2{font-size:56px!important}
@media (width<=640px){.px-cover h2{font-size:40px!important}}
.px-cap h3{font-size:20px!important}
.px-receipt .px-what{font-size:17px!important}
.px-yield h3{font-size:40px!important}
@media (width<=640px){.px-yield h3{font-size:24px!important}}
.px-quote blockquote{font-size:40px!important}
@media (width<=640px){.px-quote blockquote{font-size:24px!important}}
.px-quote figcaption{font-size:15px!important}
.px-board .px-k{font-size:40px!important}
.px-board .px-l{font-size:15px!important}
.px-person h3{font-size:32px!important}
.px-person p{font-size:17px!important}
.px-chip span{font-size:15px!important}
.px-close h2{font-size:56px!important}
@media (width<=640px){.px-close h2{font-size:40px!important}}
.px-close p{font-size:17px!important}
.px-close .px-mail{font-size:40px!important}
@media (width<=640px){.px-close .px-mail{font-size:24px!important}}
.px-mini h1{font-size:56px!important}
@media (width<=640px){.px-mini h1{font-size:40px!important}}
.px-mini p{font-size:17px!important}
.px-sd-st{font-size:15px!important}
.px-sd-t{font-size:20px!important}
.px-sd-foot kbd{font-size:13px!important}
@media (width<=640px){.px-sd-bar input{font-size:17px!important}}
.px-cplay{font-size:17px!important}
.px-author h2{font-size:40px!important}
@media (width<=640px){.px-author h2{font-size:32px!important}}
.px-lhero h1{font-size:56px!important}
.px-lhero .px-dek{font-size:24px!important}
@media (width<=640px){.px-lhero .px-dek{font-size:20px!important}}
.px-chero .px-dek{font-size:24px!important}
@media (width<=640px){.px-chero .px-dek{font-size:20px!important}}
.px-way .px-wk{font-size:15px!important}
.px-way .px-wbig{font-size:32px!important}
@media (width<=640px){.px-way .px-wbig{font-size:24px!important}}
.px-way .px-wbig.mail{font-size:24px!important}
@media (width<=640px){.px-way .px-wbig.mail{font-size:20px!important}}
.px-way p{font-size:17px!important}
.px-map figcaption{font-size:17px!important}
.px-lane .px-lk{font-size:15px!important}
.px-lane .px-lt{font-size:32px!important}
@media (width<=640px){.px-lane .px-lt{font-size:24px!important}}
.px-lane .px-la{font-size:17px!important}
.px-dk-k{font-size:13px!important}
.px-dk-time{font-size:13px!important}
.px-dk-b span{font-size:13px!important}
@media (width<=560px){.px-dk-t{font-size:17px!important}}
.px-pill{font-size:13px!important}
.px-close .px-ck{font-size:15px!important}
.px-shaka{font-size:40px!important}
.px-pcol h3{font-size:20px!important}
.px-ph-cmt{font-size:13px!important}
.px-ph-list b{font-size:13px!important}
.px-ph-list small{font-size:13px!important}
.px-ph-empty{font-size:13px!important}
.px-cc pre{font-size:13px!important}
@media (width<=1240px){.px-cc pre{font-size:13px!important}}
@media (width<=760px){.px-cc pre{font-size:13px!important}}
.px-art .px-hk .px-no{font-size:15px!important}
.px-art .article-hero h1{font-size:56px!important}
@media (width<=640px){.px-art .article-hero h1{font-size:40px!important}}
.px-art .article-hero .rlede{font-size:24px!important}
@media (width<=640px){.px-art .article-hero .rlede{font-size:20px!important}}
.px-byl .px-br{font-size:15px!important}
.px-art .toc{font-size:15px!important}
.px-art .toc a b{font-size:13px!important}
.px-art .prose h2{font-size:32px!important}
.px-art .section-number{font-size:15px!important}
.px-art .section-number b{font-size:15px!important}
.px-anc{font-size:17px!important}
.px-art .prose .pull{font-size:32px!important}
@media (width<=640px){.px-art .prose .pull{font-size:24px!important}}
.px-art .stat-number,.px-art .stat-num{font-size:56px!important}
@media (width<=640px){.px-art .stat-number,.px-art .stat-num{font-size:40px!important}}
.px-art figure figcaption{font-size:15px!important}
.px-lb button{font-size:24px!important}
.px-art .px-ck{font-size:15px!important}
.px-art .prose .westay{font-size:56px!important}
.px-art .morecard .nextkick{font-size:15px!important}
.px-art .morecard .mt{font-size:24px!important}
@media (width<=640px){.px-art .morecard .mt{font-size:20px!important}}
.px-art .morecard .px-go{font-size:17px!important}
.px-art .convo-k{font-size:15px!important}
.px-art .convo-t{font-size:24px!important}
@media (width<=640px){.px-art .convo-t{font-size:20px!important}}
.px-author-k{font-size:15px!important}
.px-author-n{font-size:32px!important}
.px-author-bio{font-size:17px!important}
.px-author-links a{font-size:15px!important}
@media (width<=900px){.px-art .article-hero h1{font-size:56px!important}}
@media (width<=640px){.px-art .prose{font-size:20px!important}}
@media (width<=640px){.px-art .prose h2{font-size:24px!important}}
@media (width<=640px){.px-art .prose .pull{font-size:24px!important}}
@media (width<=640px){.px-art .stat-number,.px-art .stat-num{font-size:40px!important}}
@media (width<=640px){.px-art .postnav a{font-size:15px!important}}
@media (width<=640px){.px-rbar-t{font-size:15px!important}}
.tg-hero h1{font-size:56px!important}
.tg-curve .lb.s{font-size:13px!important}
.tg-go{font-size:15px!important}
.tg-flow b{font-size:13px!important}
.tg-buy .px-cap h3{font-size:24px!important}
.tg-buy .px-cap p{font-size:17px!important}
.tg-days p{font-size:17px!important}
.tg .px-way .px-wbig{font-size:32px!important}
@media (width<=640px){.tg .px-way .px-wbig{font-size:24px!important}}
.tg-founder h2{font-size:40px!important}
@media (width<=640px){.tg-founder h2{font-size:32px!important}}
@media (width<=560px){.tg-hero h1{font-size:56px!important}}
.tg-head h2{font-size:56px!important}
@media (width<=640px){.tg-head h2{font-size:32px!important}}
.tg-prose p{font-size:17px!important}
.tg-li p{font-size:17px!important}
.tg-chips li{font-size:13px!important}
.tg-nevers li{font-size:24px!important}
@media (width<=640px){.tg-nevers li{font-size:20px!important}}
.tg-sig b{font-size:24px!important}
.tg-next .tg-nt{font-size:24px!important}
.tg-next .tg-nd{font-size:17px!important}
.tg-map .cn{font-size:13px!important}
.tg-map .sea{font-size:17px!important}
.tg-map .ct{font-size:13px!important}
.tg-map .m-east{font-size:13px!important}
.tg-map .m-hq .hl{font-size:13px!important}
.tg-mviews button{font-size:15px!important}
.tg-mbig{font-size:56px!important}
@media (width<=640px){.tg-mbig{font-size:40px!important}}
.tg-mnote{font-size:13px!important}
.tg-mteaser .tg-mwhat{font-size:15px!important}
.tg-mtab table{font-size:15px!important}
.tg-mtab thead th{font-size:13px!important}
@media (width<=760px){.tg-mviews button{font-size:13px!important}}
@media (width<=760px){.tg-mbig{font-size:40px!important}}
@media (width<=760px){.tg-map .cn{font-size:24px!important}}
.tg-clk li p{font-size:17px!important}
.tg-opt small{font-size:13px!important}
.tg-rec-t{font-size:24px!important}
.tg-hero-fam h1{font-size:56px!important}
@media (width<=640px){.tg-hero-fam h1{font-size:40px!important}}
.tg-hero-fam .px-dek{font-size:20px!important}
@media (width<=640px){.tg-hero-fam .px-dek{font-size:17px!important}}
.tg-one h1{font-size:56px!important}
.tg-one-dek{font-size:24px!important}
@media (width<=640px){.tg-one-dek{font-size:17px!important}}
.tg-join b{font-size:13px!important}
.tg-in .tg-go{font-size:15px!important}
.tg-stats .px-n{font-size:56px!important}
@media (width<=640px){.tg-stats .px-n{font-size:40px!important}}
.tg-stats dd{font-size:15px!important}
@media (width<=560px){.tg-one h1{font-size:56px!important}}
.tg-salute{font-size:24px!important}
@media (width<=640px){.tg-salute{font-size:20px!important}}
.tg-lp{font-size:20px!important}
@media (width<=640px){.tg-lp{font-size:17px!important}}
.tg-one h1{font-size:56px!important}
.tg-one-dek{font-size:24px!important}
@media (width<=640px){.tg-one-dek{font-size:17px!important}}
.tg-stats .px-n{font-size:56px!important}
@media (width<=640px){.tg-stats .px-n{font-size:40px!important}}
.tg-no{font-size:13px!important}
.tg-never p:not(.tg-no){font-size:20px!important}
.tg-who-n{font-size:24px!important}
.tg-facts dd{font-size:15px!important}
.tg-sky h1{font-size:56px!important}
.tg-year{font-size:56px!important}
.tg-big{font-size:56px!important}
@media (width<=640px){.tg-big{font-size:40px!important}}
.tg-tile h3{font-size:20px!important}
.tg-vcard h3{font-size:24px!important}
.tg-vcard li{font-size:17px!important}
.tg-after-h{font-size:32px!important}
@media (width<=640px){.tg-after-h{font-size:24px!important}}
.tg-tabs button{font-size:15px!important}
.tg-art text{font-size:13px!important}
.tg-aline{font-size:17px!important}
.tg-on{font-size:24px!important}
.tg-obj p{font-size:24px!important}
@media (width<=640px){.tg-obj p{font-size:20px!important}}
.tg-coin.seat span{font-size:32px!important}
.tg-coin.seat small{font-size:13px!important}
.tg-close-more{font-size:15px!important}
@media (width<=560px){.tg-sky h1{font-size:56px!important}}
.tg-rcpt{font-size:13px!important}
.tg-calc-h{font-size:24px!important}
@media (width<=640px){.tg-calc-h{font-size:20px!important}}
.tg-calc-scale{font-size:13px!important}
.tg-calc-n{font-size:32px!important}
@media (width<=640px){.tg-calc-n{font-size:20px!important}}
.px-ask-rt span{font-size:17px!important}
.px-ask-x{font-size:13px!important}
.px-ask-f span{font-size:13px!important}
.px-ask-q{font-size:20px!important}
.px-ask-n{font-size:13px!important}
.px-ask-st{font-size:15px!important}
.px-ask-sm{font-size:13px!important}
.px-ask-sx{font-size:13px!important}
.px-ask-hear{font-size:15px!important}
.px-ask-send{font-size:15px!important}
.px-ask-note{font-size:13px!important}
.px-askf-d{font-size:17px!important}
.px-askf-try button{font-size:15px!important}
@media (width<=560px){.px-ask-a{font-size:17px!important}}
.px-askp-chips button{font-size:15px!important}
.px-askp-b{font-size:15px!important}
.px-askp-a p:has(.px-askp-dots){font-size:15px!important}
.px-askp-cite{font-size:13px!important}
.px-askp-src b{font-size:13px!important}
.px-askp-note{font-size:13px!important}
.px-askp-f textarea{font-size:17px!important}
.px-askp-mic{font-size:15px!important}
.px-askp-priv{font-size:13px!important}
.px-asksum-bar{font-size:15px!important}
.px-asksum-page h2{font-size:32px!important}
.px-asksum-page small{font-size:13px!important}
.px-asksum-next{font-size:17px!important}
.px-asksum-foot{font-size:13px!important}
.px-askpage-hero h1{font-size:56px!important}
@media (width<=640px){.px-askpage-hero h1{font-size:40px!important}}
.tg-aq-n{font-size:15px!important}
.tg-aq-t{font-size:24px!important}
@media (width<=640px){.tg-aq-t{font-size:17px!important}}
.tg-aq-t small{font-size:15px!important}
.tg-aq-go{font-size:24px!important}
.tg-sky-home .px-askp.inline .px-askp-t{font-size:17px!important}
.tg-sky-home .px-askp.inline .px-askp-a{font-size:17px!important}
.tg-sky-home .px-askp.inline .px-askp-f textarea{font-size:17px!important}
.tg-fdhero h1{font-size:56px!important}
.tg-fname{font-size:32px!important}
@media (width<=640px){.tg-fname{font-size:24px!important}}
.tg-frole{font-size:15px!important}
.tg-wstats dt{font-size:40px!important}
@media (width<=640px){.tg-wstats dt{font-size:32px!important}}
.tg-wn{font-size:13px!important}
.tg-wt{font-size:20px!important}
@media (width<=640px){.tg-wt{font-size:17px!important}}
.tg-pgdek{font-size:24px!important}
@media (width<=640px){.tg-pgdek{font-size:17px!important}}
.tg-glass4 dt{font-size:56px!important}
@media (width<=640px){.tg-glass4 dt{font-size:32px!important}}
body.tg-pg .tg-li h3{font-size:20px!important}
body.tg-pg .tg-li .tg-chips li{font-size:13px!important}
body.tg-pg #buy .px-cap h3{font-size:24px!important}
body.tg-pg .tg-nevers li{font-size:20px!important}
body.tg-pg .tg-head h2,body.tg-pg .px-sechead h2{font-size:56px!important}
@media (width<=640px){body.tg-pg .tg-head h2,body.tg-pg .px-sechead h2{font-size:32px!important}}
.tg-sky-home .tg-q legend{font-size:24px!important}
.tg-sky-home .tg-qn{font-size:13px!important}
.tg-sky-home .tg-fit-k{font-size:13px!important}
.tg-sky-home .tg-fb-v{font-size:15px!important}
.tg-fit-ring b{font-size:32px!important}
.tg-coins2 .tg-coin.seat small{font-size:13px!important}
@media (width<=420px){.tg-sky-home .tg-opt span{font-size:13px!important}}
body.tg-pg .tg-head .px-sub{font-size:17px!important}
.tg-rules h3{font-size:24px!important}
@media (width<=640px){.tg-rules h3{font-size:20px!important}}
.tg-lyn{font-size:13px!important}
.tg-lyrs h3{font-size:24px!important}
@media (width<=640px){.tg-lyrs h3{font-size:20px!important}}
.tg-lyrs .tg-chips li{font-size:13px!important}
body.tg-pg .tg-nevers.tg-nvrows li{font-size:24px!important}
@media (width<=640px){body.tg-pg .tg-nevers.tg-nvrows li{font-size:20px!important}}
body.tg-pg .tg-h3{font-size:32px!important}
@media (width<=640px){body.tg-pg .tg-h3{font-size:24px!important}}
.tg-platform .px-sechead h2{font-size:56px!important}
@media (width<=640px){.tg-platform .px-sechead h2{font-size:32px!important}}
.tg-ph-wrap figcaption b{font-size:17px!important}
.tg-ph-wrap figcaption span{font-size:13px!important}
body.tg-pg .tg-platform .px-sechead h2,.tg-sky-home .tg-platform .px-sechead h2{font-size:56px!important}
@media (width<=640px){body.tg-pg .tg-platform .px-sechead h2,.tg-sky-home .tg-platform .px-sechead h2{font-size:32px!important}}
.tg-ph-wrap figcaption .tg-ph-name .px-pill{font-size:13px!important}
.px-pill{font-size:13px!important}
.tg-mo-head h2{font-size:56px!important}
@media (width<=640px){.tg-mo-head h2{font-size:40px!important}}
.tg-mo-nt{font-size:20px!important}
.tg-mo-ng{font-size:13px!important}
@media (max-width:760px), (max-height:500px) and (pointer:coarse){.sh-tab{font-size:13px!important}}
@media (max-width:760px), (max-height:500px) and (pointer:coarse){.sh-shead p{font-size:15px!important}}
@media (max-width:760px), (max-height:500px) and (pointer:coarse){.sh-row{font-size:17px!important}}
.cg-part .cg-pk{font-size:13px!important}
@media (max-width:640px){#h-top{font-size:40px!important}}
@media (max-width:640px){main .px-sechead h2{font-size:32px!important}}
@media (max-width:640px){main .px-sub{font-size:17px!important}}
@media (max-width:640px){.tg-tile h3{font-size:17px!important}}
.ts h1{font-size:56px!important}
.ts-dek{font-size:24px!important}
@media (width<=640px){.ts-dek{font-size:17px!important}}
.ts-get h2{font-size:13px!important}
.ts-card-h{font-size:32px!important}
.ts-secure{font-size:15px!important}
.ts-biz{font-size:32px!important}
.ts-inside h2{font-size:56px!important}
@media (width<=640px){.ts-inside h2{font-size:32px!important}}
.ts-does b{font-size:17px!important}
@media (width<=560px){.ts h1{font-size:56px!important}}
@media (width<=560px){.ts-dek{font-size:17px!important}}

/* /css/grid-cg165.css */
/* CG165 · the 4px grid, enforced: generated by tools/grid165.py from the stylesheets below it. Every margin and padding
   that sat off the grid is restated here on it. */
@media (max-width:760px), (max-height:500px) and (pointer:coarse){html.sh-on main>section.tg-pghero h1,html.sh-on main>section.ts>.ts-hero h1,html.sh-on main>section.px-mini h1{margin:8px 0 8px!important}}
@media (max-width:760px), (max-height:500px) and (pointer:coarse){html.sh-on main :is(ol.tg-rules,ol.tg-rail,ol.tg-lyrs,ul.tg-os,.cg-hs ul,ol.tg-wlist,ul.tg-wlist,ul.tg-owns,.ts-get ul,.ts-does)>li,html.sh-on main :is(.tg-serves)>.tg-sv,html.sh-on main .px-receipts>.px-receipt{padding:16px 16px!important}}
@media (max-width:760px), (max-height:500px) and (pointer:coarse){html.sh-on main .tg-wb{padding:4px 8px!important}}
@media (max-width:760px), (max-height:500px) and (pointer:coarse){.ap-sheet .tg-mtab caption{padding:16px 16px 8px!important}}
@media (max-width:760px), (max-height:500px) and (pointer:coarse){.ap-sheet .tg-mtab :is(th,td){padding:8px 12px!important}}
@media (max-width:760px), (max-height:500px) and (pointer:coarse){.ap-sheet ol.tg-wlist>li>a{padding:8px 16px!important}}
@media (max-width:760px), (max-height:500px) and (pointer:coarse){.ap-sheet .tg-wb{padding:4px 8px!important}}
@media (max-width:760px), (max-height:500px) and (pointer:coarse){html.sh-on main :is(.tg-mviews,.cg-tablist){padding:4px!important}}
@media (max-width:760px), (max-height:500px) and (pointer:coarse){html.sh-on main :is(.tg-mviews,.cg-tablist)>button{padding:0 16px!important}}
@media (max-width:760px), (max-height:500px) and (pointer:coarse){html.sh-on main .cg-tablist>button span{margin-left:8px!important}}
@media (max-width:760px), (max-height:500px) and (pointer:coarse){html.sh-on main dl.tg-glass dd a{margin:-12px 0 -16px!important}}
@media (max-width:760px), (max-height:500px) and (pointer:coarse){html.sh-on main>section.tg-close .tg-close-more a{padding:0 16px!important}}
@media (max-width:760px), (max-height:500px) and (pointer:coarse){html.sh-on main .tg-chips>li{padding:8px 8px!important}}
@media (max-width:760px), (max-height:500px) and (pointer:coarse){html.sh-on main a.px-receipt{padding:16px 40px 16px 16px!important}}
@media (max-width:760px), (max-height:500px) and (pointer:coarse){html.sh-on main a.px-receipt .px-src{margin-top:8px!important}}
@media (max-width:760px), (max-height:500px) and (pointer:coarse){html.sh-on main .tg-serves>.tg-sv{padding:16px 40px 16px 16px!important}}
@media (max-width:760px), (max-height:500px) and (pointer:coarse){html.sh-on .tg-letterpage .px-rbar-in{padding:0 8px 0 16px!important}}
@media (max-width:760px), (max-height:500px) and (pointer:coarse){html.sh-on main>section.ts>.ts-hero .ts-get ul>li :is(b,strong,h3){margin:0 0 4px!important}}
.cg-home .tg-proof.cg-proof{padding-bottom:88px!important}
@media (width<=640px){.cg-home .tg-proof.cg-proof{padding-bottom:56px!important}}
.cg-fit .tg-fit-head{padding:32px 32px 0!important}
@media (width<=640px){.cg-fit .tg-fit-head{padding:24px 24px 0!important}}
.cg-fit .tg-fit-head .tg-h3{margin:0 0 8px!important}
.cg-fit .tg-fit-qs{padding:20px 32px 28px!important}
@media (width<=640px){.cg-fit .tg-fit-qs{padding:20px 24px 24px!important}}
.cg-fit .tg-fit-card{padding:24px 32px!important}
@media (width<=640px){.cg-fit .tg-fit-card{padding:20px 24px!important}}
.cg-fit .tg-fit-foot{margin-top:16px!important}
.cg-fit .tg-fv{margin-top:16px!important}
.js .cg-step .tg-fit-prog{margin:0 0 24px!important}
@media (width<=820px){.cg-lgrid .tg-num{margin-bottom:-8px!important}}
body:has(main .tg-close) .tg-ft-top{padding-bottom:40px!important}
@media (width<=640px){body:has(main .tg-close) .tg-ft-top{padding-bottom:28px!important}}
body:has(main .tg-close) .tg-ft-grid{padding-top:40px!important}
@media (width<=640px){body:has(main .tg-close) .tg-ft-grid{padding-top:28px!important}}
@media (width<=640px){body:has(main .tg-close) .tg-ft-top>div:first-child>.px-follow{margin-top:16px!important}}
.cg-home .tg-proof.cg-proof{padding-bottom:72px!important}
@media (width<=640px){.cg-home .tg-proof.cg-proof{padding-bottom:48px!important}}
@media (width<=820px){.cg-home .tg-sky.cg-sky{padding-top:328px!important}}
.cg-tablist{margin:0 0 32px!important}
@media (width<=640px){.cg-tablist{margin:0 0 24px!important}}
.cg-tablist [role=tab]{padding:0 16px!important}
.cg-tablist [role=tab] span{padding:4px 8px!important}
.cg-rules .tg-rules>li{padding:20px 0 24px!important}
.cg-rules .tg-rules h3{margin:0 0 8px!important}
.cg-days{margin:0 0 48px!important}
@media (width<=640px){.cg-days{margin:0 0 32px!important}}
.cg-days .tg-h3,.cg-after .tg-clocks .tg-h3{margin-bottom:8px!important}
.cg-after2{margin-top:48px!important;padding-top:40px!important}
@media (width<=640px){.cg-after2{margin-top:32px!important;padding-top:28px!important}}
.cg-hs li{padding:8px 0 8px 24px!important}
.cg-hsgo{margin:8px 0 0!important}
.cg-layers .tg-lyrs>li{padding:16px 0!important}
.cg-layers .tg-chips{margin:8px 0 0!important}
.cg-layers .tg-chips li{padding:8px 8px!important}
.cg-plat .tg-os{margin-top:56px!important}
@media (width<=640px){.cg-plat .tg-os{margin-top:36px!important}}
@media (width<=640px){.cg-tablist [role=tab]{padding:0 16px!important}}
@media (width<=640px){.cg-dev{padding:16px!important}}
.cg-sec .px-sechead>div>.tg-num{margin-bottom:16px!important}
body.tg-pg .tg-pghero{padding-bottom:72px!important}
@media (width<=640px){body.tg-pg .tg-pghero{padding-bottom:48px!important}}
.cg-cap{margin:24px 0 0!important}
@media (width>900px){.cg-ch{padding-bottom:16px!important}}
@media (width>900px){.cg-stop b{padding:24px 0 12px!important}}
@media (width>900px){.cg-us{padding:0 0 24px!important}}
@media (width>900px){.cg-lu{padding-top:4px!important}}
@media (width<=900px){.cg-ch1{margin-bottom:8px!important}}
@media (width<=900px){.cg-ch2{margin:24px 0 8px!important}}
@media (width<=900px){.cg-stop{padding:12px 0 16px 24px!important;margin-left:4px!important}}
@media (width<=900px){.cg-stop b{margin-bottom:8px!important}}
.cg-after2 .tg-h3{margin:0 0 8px!important}
.cg-after2{margin-top:40px!important}
@media (width<=640px){.cg-after2{margin-top:28px!important}}
@media (width<=640px){.cg-rules .tg-rules>li{padding:16px 0 16px!important}}
@media (width<=640px){.cg-rules .tg-rules p{margin-top:8px!important}}
@media (width<=640px){.cg-rules .tg-nevers>li{padding:12px 0!important}}
@media (width<=640px){.tg-os li{padding:16px 0!important}}
@media (width<=640px){.cg-dev .cg-tablist [role=tab]{padding:0 12px!important}}
.cg-fhero{padding-bottom:72px!important}
@media (width<=640px){.cg-fhero{padding-bottom:48px!important}}
.cg-strip-ctl{margin-top:16px!important}
.cg-essay{padding:36px!important}
@media (width<=640px){.cg-essay{padding:24px!important}}
.cg-essay h3{margin:0 0 16px!important}
.cg-lift .px-way{padding:32px!important}
@media (width<=640px){.cg-lift .px-way{padding:24px!important}}
main .cg-lanes.px-sec{padding-top:56px!important}
@media (width<=640px){main .cg-lanes.px-sec{padding-top:40px!important}}
.cg-lanes .px-lane{padding:32px!important}
@media (width<=640px){.cg-lanes .px-lane{padding:24px!important}}
@media (width<=640px){.cg-lift .px-way{padding:20px 20px 16px!important}}
.px-art .article-hero.px-ahero{padding:156px 0 60px!important}
@media (width<=640px){.px-art .article-hero.px-ahero{padding:128px 0 44px!important}}
.px-art .article-body{padding-bottom:80px!important}
@media (width<=640px){.px-art .article-body{padding-bottom:56px!important}}
.px-art .prose h2{margin-top:64px!important}
@media (width<=640px){.px-art .prose h2{margin-top:48px!important}}
.px-art .convo{padding:28px!important}
@media (width<=640px){.px-art .convo{padding:24px!important}}
body.tg-pg .cg-author .px-author-in{padding:28px!important}
@media (width<=640px){body.tg-pg .cg-author .px-author-in{padding:24px!important}}
.cg-after2{margin-top:40px!important;padding-top:32px!important}
@media (width<=640px){.cg-after2{margin-top:28px!important;padding-top:24px!important}}
@media (width<=640px){.cg-author .px-author-ph{margin:0 16px 8px 0!important}}
@media (width<=640px){.cg-author .px-author-bio{padding-top:8px!important}}
.tg-pc{margin:72px 0 0!important}
@media (width<=640px){.tg-pc{margin:48px 0 0!important}}
.tg-pc figcaption{margin:16px 0 0!important}
.cn-bar span{padding:4px 36px!important}
.cn-side img{margin:4px 0 4px 8px!important}
.cn-side b{margin:0 0 8px 8px!important}
.cn-side span{padding:8px 8px!important}
.cn-main{padding:16px 16px!important}
.cn-live{margin:0 0 16px!important;padding:8px 12px!important}
.cn-rows li{padding:8px 0!important}
.cn-key{margin-top:16px!important}
.cn-key b{margin-right:8px!important}
.tg-map li{padding:16px!important}
.px-follow{margin:24px 0 0!important}
.tg-whead .px-follow .px-fl{margin:0 0 4px!important}
.tg-listen{margin:72px 0 0!important}
@media (width<=640px){.tg-listen{margin:48px 0 0!important}}
.tg-ft-follow .px-fbtn{padding:0 16px 0 12px!important}
@media (max-width:640px){.px-follow .px-fl{margin:0 0 4px!important}}
.tg-os{margin:72px 0 0!important}
@media (width<=640px){.tg-os{margin:48px 0 0!important}}
.tg-os-l{margin:52px 0 0!important}
@media (width<=640px){.tg-os-l{margin:36px 0 0!important}}
@media (max-width:560px){.tg-os li,.tg-os li+li{padding:24px 0 0!important}}
@media (max-width:560px){.tg-os li+li{margin-top:24px!important}}
.px-head .px-nav a{padding:16px 0!important}
.px-menu .px-panel a{padding:16px 0!important}
.px-sbtn kbd{padding:0 8px!important}
.px-hero{padding:128px 0 96px!important}
@media (width<=640px){.px-hero{padding:56px 0 56px!important}}
.px-cover{padding:52px!important}
@media (width<=640px){.px-cover{padding:32px!important}}
.px-sec{padding-top:128px!important}
@media (width<=640px){.px-sec{padding-top:72px!important}}
.px-sechead{margin-bottom:24px!important}
.px-receipt .px-what{margin-top:16px!important}
.px-board div{padding:20px 20px 24px 0!important}
.px-call{padding:24px 0!important}
.px-person{padding:40px!important}
@media (width<=640px){.px-person{padding:28px!important}}
.px-chip{padding:24px 16px 24px 0!important}
.px-chip span{margin-top:8px!important}
.px-close{margin-top:128px!important;padding:104px 0!important}
@media (width<=640px){.px-close{margin-top:72px!important;padding:56px 0!important}}
.px-mini{padding:140px 0 140px!important}
@media (width<=640px){.px-mini{padding:64px 0 72px!important}}
.px-mini p{margin:16px auto 0!important}
.px-sd-bar{padding:0 16px 0 24px!important}
.px-sd-st{padding:16px 24px 8px!important}
.px-sd-res{padding:0 8px 12px!important}
.px-sd-res a{padding:16px 12px 16px!important}
.px-sd-x2{margin-top:8px!important}
.px-sd-foot{padding:12px 24px 16px!important}
.px-sd-foot kbd{padding:4px 4px!important}
@media (width<=640px){.px-sd-bar{padding:0 8px 0 16px!important}}
.px-play{padding:0 16px 0 8px!important}
.px-cplay{padding:0 24px 0 16px!important}
.px-nrow{padding:32px 0 32px!important}
.px-nrow .px-play{margin-top:4px!important}
.px-author{padding-top:128px!important}
@media (width<=640px){.px-author{padding-top:72px!important}}
.px-agrid{padding-top:48px!important}
@media (width<=640px){.px-agrid{padding-top:32px!important}}
.px-author .px-ar{margin-top:8px!important}
.px-author .px-abio{margin-top:24px!important}
.px-alinks{margin-top:24px!important}
@media (width<=760px){.px-nrow{padding:24px 0 24px!important}}
@media (width<=760px){.px-nrow .px-play{margin-top:16px!important}}
main>section:last-child:not(.px-dband):not(.px-close):not(.px-mini){padding-bottom:128px!important}
@media (width<=640px){main>section:last-child:not(.px-dband):not(.px-close):not(.px-mini){padding-bottom:72px!important}}
.px-lhero{padding:104px 0 64px!important}
@media (width<=640px){.px-lhero{padding:48px 0 40px!important}}
.px-board .px-l span{margin-top:4px!important}
.px-chero{padding:104px 0 72px!important}
@media (width<=640px){.px-chero{padding:48px 0 40px!important}}
.px-way{padding:36px!important}
@media (width<=640px){.px-way{padding:24px!important}}
.px-way a.px-wbig{margin:-8px 0!important;padding:8px 0!important}
.px-way .px-wgo{padding-top:8px!important}
.px-lane{padding:44px!important}
@media (width<=640px){.px-lane{padding:28px!important}}
.px-dk-seek{margin:4px 16px -8px!important}
.px-dk-seek::-webkit-slider-thumb{margin-top:-4px!important}
.px-dk-in{padding:8px 12px 12px 16px!important}
.px-dk-t{margin-top:4px!important}
@media (width<=560px){.px-dk-in{padding:8px 8px 8px 8px!important}}
@media (width<=560px){.px-dk-seek{margin:4px 16px -8px!important}}
.px-pilla{margin-top:16px!important}
.px-pill{padding:8px 16px 8px 12px!important}
.px-addr{margin:8px 0 0!important}
.px-close .px-mail{padding:8px 0 8px!important}
.px-pcol figcaption{margin-top:32px!important}
.px-ph-cmt{margin-top:8px!important;padding:8px 8px!important}
.px-ph-send svg{margin-left:4px!important}
.px-ph-obj{margin:16px 12px 0!important;padding:16px!important}
.px-ph-list{margin:8px 12px 0!important}
.px-ph-list li{padding:8px 8px 8px 12px!important}
.px-ph-list small{margin-top:4px!important}
.px-ph-chip{margin-top:8px!important;padding:0 8px!important}
.px-ph-empty{margin:8px 12px 0!important;padding:16px!important}
.px-cc pre{padding:16px 20px 24px!important}
@media (width<=1120px){.px-phones{margin-top:32px!important}}
@media (width<=760px){.px-cc pre{padding:16px 16px 16px!important}}
.px-art .px-hk{margin:0 0 16px!important}
.px-byl{padding-top:24px!important}
.px-byl .px-br{margin-top:4px!important}
.px-art .toc a{padding:8px 0 8px 16px!important}
.px-art .toc a.on{padding-left:12px!important}
.px-art .prose h2{margin:80px 0 24px!important}
.px-art .section-number{margin:84px 0 16px!important}
.px-lis-pp svg{margin-left:4px!important}
.px-lis-bar{margin:8px 0 0!important}
.px-lis-seek::-webkit-slider-thumb{margin-top:-4px!important}
.px-lis-row{margin-top:8px!important}
.px-art .prose .pull{padding:4px 0 4px 32px!important}
.px-art .ledger .ls{padding:8px 12px 8px 8px!important}
.px-art .trajcard svg{margin:16px 0 8px!important}
.px-art .lineage{padding:24px 0 24px!important}
.px-art .step{padding:24px 0 8px!important}
.px-art .px-ayield{padding:24px 24px 24px!important}
.px-art .px-ayield figcaption{margin-top:8px!important;padding-top:16px!important}
.px-art .postnav{margin:0 0 16px!important}
.px-art .morecard{padding:24px 64px 24px 24px!important}
.px-art .morecard .mt b{margin-right:8px!important}
.px-art .morecard .px-go{margin-top:-16px!important}
.px-art .convo{padding:36px!important}
@media (width<=640px){.px-art .convo{padding:24px!important}}
.px-art .convo-t{margin:8px 0 24px!important}
.px-author{padding:88px 0!important}
@media (width<=640px){.px-author{padding:56px 0!important}}
.px-author-n{margin:8px 0 0!important}
.px-author-links a{padding:0 16px!important}
.px-qtip{padding:8px 16px!important}
@media (width<=900px){.px-author-ph{margin-bottom:16px!important}}
@media (width<=640px){.px-art .prose .pull{padding-left:24px!important}}
@media (width<=640px){.px-art .trajcard{padding:16px 16px 16px!important}}
@media (width<=640px){.px-art .px-ayield{padding:20px 16px 16px!important}}
@media (width<=640px){.px-art .morecard{padding-right:24px!important}}
.tg-hero{padding:104px 0 104px!important}
@media (width<=640px){.tg-hero{padding:48px 0 56px!important}}
.tg-node{padding:24px 28px 24px!important}
.tg-parent{padding:32px 32px 24px!important}
.tg-ops{padding:24px 28px 32px!important}
.tg-node .px-pill{margin:4px 0!important}
.tg-days li{padding:32px 24px 8px 0!important}
.tg-days p{margin-top:8px!important}
@media (width<=900px){.tg-days{margin-left:8px!important}}
@media (width<=900px){.tg-days li{padding:0 0 32px 24px!important}}
.tg-leg{margin:16px 0 0!important}
.tg-fd{margin:0 0 8px!important}
.tg-founder .px-ar{margin-top:8px!important}
.tg-founder .px-abio{margin-top:24px!important}
.tg-phero .px-board{margin-top:64px!important}
@media (width<=640px){.tg-phero .px-board{margin-top:40px!important}}
.tg-k{margin:0 0 16px!important}
.tg-li{padding:24px 0 32px!important}
.tg-li p{margin-top:8px!important}
.tg-chips{margin:16px 0 0!important}
.tg-chips li{padding:8px 12px!important}
.tg-h3{margin:72px 0 24px!important}
@media (width<=640px){.tg-h3{margin:48px 0 24px!important}}
.tg-nevers li{padding:24px 0!important}
.tg-next{padding:24px 28px!important}
.tg-mpanel{padding:20px 24px!important}
.tg-mwhat{margin:8px 0 0!important}
.tg-mtip{padding:8px 12px!important}
.tg-mtip b{margin-bottom:4px!important}
.tg-mfig .tg-share{margin:24px 0 0!important}
.tg-mdata{margin:24px 0 0!important}
.tg-mtab caption{padding:0 0 8px!important}
.tg-mtab th,.tg-mtab td{padding:12px 12px!important}
@media (width<=760px){.tg-mpanel{padding:16px 16px 16px!important}}
@media (width<=760px){.tg-mviews{margin-bottom:16px!important}}
.tg-stem i,.tg-flow i{margin:-4px 0 0 -4px!important}
.tg-clocks{margin:80px 0 0!important}
@media (width<=640px){.tg-clocks{margin:48px 0 0!important}}
.tg-clocks>.tg-h3{margin:0 0 8px!important}
.tg-clk{padding:32px 0 24px!important}
.tg-clk h4{padding-top:4px!important}
.tg-clk li{padding:32px 4px 0 0!important}
.tg-clocks figcaption{margin:24px 0 0!important}
@media (width<=900px){.tg-clk li{padding:0 0 24px 32px!important}}
.tg-fit{margin:72px 0 0!important;padding:44px!important}
@media (width<=640px){.tg-fit{margin:44px 0 0!important;padding:24px!important}}
.tg-fit-grid{margin-top:32px!important}
@media (width<=640px){.tg-fit-grid{margin-top:24px!important}}
.tg-q legend{margin:0 0 16px!important}
.tg-opt small{margin-top:4px!important}
.tg-fit-card{padding:28px!important}
@media (width<=640px){.tg-fit-card{padding:20px!important}}
.tg-fit-board{margin:16px 0 0!important}
.tg-fit-board li{padding:8px 0!important}
.tg-fv-why li{padding-left:16px!important}
.tg-fv-acts{margin-top:16px!important}
@media (width<=640px){.tg-hero .tg-hmark{margin:-32px -8px 8px 12px!important}}
.tg-rec-pub{margin:-8px 0 24px!important}
.tg-one{padding:136px 0 88px!important}
@media (width<=640px){.tg-one{padding:72px 0 56px!important}}
.tg-join i{margin:-4px 0 0 -4px!important}
.tg-marks{margin:96px auto 0!important;padding:32px 0!important}
@media (width<=640px){.tg-marks{margin:56px auto 0!important;padding:24px 0!important}}
.tg-stats{margin:64px auto 0!important}
@media (width<=640px){.tg-stats{margin:40px auto 0!important}}
.tg-stats dd{margin:8px 0 0!important}
.tg-salute{margin:0 0 16px!important}
.tg-drop:first-letter{padding:8px 8px 0 0!important}
.tg-figure{margin:80px 0 0!important}
@media (width<=640px){.tg-figure{margin:48px 0 0!important}}
.tg-marks{margin-top:112px!important}
@media (width<=640px){.tg-marks{margin-top:64px!important}}
.tg-stats{margin-top:80px!important}
@media (width<=640px){.tg-stats{margin-top:48px!important}}
.tg-stats .px-receipt{padding-top:24px!important}
.tg-stats dd{margin-top:8px!important}
.px-sec{padding-top:144px!important}
@media (width<=640px){.px-sec{padding-top:88px!important}}
.px-sechead .px-sub{margin:8px 0 0!important}
#layers .px-cap,#never .px-cap{padding-top:16px!important}
.tg-door{padding:20px 24px 24px!important;margin-top:-4px!important}
.tg-door .px-btn{padding:12px 16px!important}
.tg-seat{padding:12px 16px!important}
.tg-strip+.px-close{margin-top:112px!important}
@media (width<=640px){.tg-strip+.px-close{margin-top:72px!important}}
.tg-who{padding-top:24px!important}
.tg-who .px-ar{margin:0 0 16px!important}
.tg-who .px-abio{margin:0 0 16px!important}
.tg-who-body{padding:24px 24px 24px!important}
.tg-who-n{margin:0 0 8px!important}
.tg-who-r{margin:0 0 16px!important}
.tg-facts div{padding:12px 0!important}
.tg-facts dt{padding-top:4px!important}
.tg-who .px-alinks .px-btn{padding:12px 16px!important}
.tg-vs{margin:96px 0 0!important}
@media (width<=640px){.tg-vs{margin:56px 0 0!important}}
.tg-vs>.tg-h3{margin:0 0 8px!important}
.tg-vs-t th,.tg-vs-t td{padding:16px 20px 20px 0!important}
.tg-vs-t thead th .mk{margin-bottom:8px!important}
.tg-vs-t tbody th{padding-top:20px!important}
.tg-vs-t .us{padding-left:24px!important;padding-right:24px!important}
.tg-vs-t thead .us{padding-top:16px!important}
@media (width<=640px){.tg-vs-t th,.tg-vs-t td{padding-right:16px!important}}
.tg-sky-home .px-head .px-in{padding:8px 8px 8px 24px!important}
.tg-sky-home .px-cta{padding:8px 16px!important}
.tg-sky-dek{margin:24px auto 0!important}
.tg-cl{margin-top:8px!important}
.tg-proof{padding:0 0 112px!important}
@media (width<=640px){.tg-proof{padding:0 0 64px!important}}
.tg-sky-home .px-sec{padding-top:128px!important;padding-bottom:128px!important}
@media (width<=640px){.tg-sky-home .px-sec{padding-top:80px!important;padding-bottom:80px!important}}
.tg-tile{padding:24px 24px!important}
.tg-tile h3{margin:4px 0 8px!important}
.tg-vcard{padding:32px 32px 24px!important}
.tg-vcard h3{margin:0 0 16px!important}
.tg-x,.tg-v{margin-top:4px!important}
.tg-vgo{margin:24px 0 0!important}
.tg-after{padding:40px!important}
@media (width<=640px){.tg-after{padding:24px!important}}
.tg-after-h{margin:0 0 24px!important}
.tg-tabs{margin:0 auto 24px!important;padding-bottom:16px!important}
.tg-tabs button{padding:12px 16px!important}
.tg-acard{padding:24px 24px 20px!important}
.tg-acard h4{margin:0 0 16px!important}
.tg-obj li{padding:24px 0!important}
.tg-close{padding:128px 0 112px!important}
@media (width<=640px){.tg-close{padding:72px 0 72px!important}}
@media (width<=560px){.tg-tile{padding:16px!important}}
.tg-rcpt{margin-top:8px!important}
.tg-calc{margin-top:24px!important;padding:36px!important}
@media (width<=640px){.tg-calc{padding:24px!important}}
.tg-calc-head{margin-bottom:24px!important}
.tg-calc-row{padding-bottom:24px!important}
.tg-calc-in{margin:8px 0!important}
.tg-calc-out{margin-top:16px!important;padding:20px 24px!important}
.tg-calc-foot{margin:16px 0 0!important}
.px-ask{margin:4px 8px 8px!important;padding:16px 20px 16px!important}
.px-ask-f{margin:16px 0 0!important;padding:4px 0 4px 16px!important}
.px-ask-a{margin-top:8px!important}
.px-ask-wait{margin:4px 0 8px!important}
.px-ask-wait span{margin-left:8px!important}
.px-ask-src a{padding:8px 8px!important}
.px-ask-n{margin-top:4px!important}
.px-ask-sx{margin-top:4px!important}
.px-ask-hear{padding:0 16px 0 16px!important}
.px-askband{padding:0 0 52px!important}
@media (width<=640px){.px-askband{padding:0 0 32px!important}}
.px-askf{padding:24px 24px 24px!important}
.px-askf-row .px-btn{padding:0 24px!important}
.px-askf-try{margin-top:16px!important}
.px-askf-try button{padding:0 16px!important}
@media (width<=560px){.px-askf{padding:20px 16px 16px!important}}
@media (width<=560px){.px-ask{margin:4px 8px 8px!important;padding:16px 16px 16px!important}}
.px-askp-d{margin:4px 0 0!important}
.px-askp-thread{padding:16px 16px!important}
.px-askp-chips button{padding:8px 16px!important}
.px-askp-b.me{padding:8px 16px!important}
.px-askp-a{padding:12px 16px!important}
.px-askp-cite{margin:0 0 0 4px!important}
.px-askp-src a{padding:4px 0!important}
.px-askp-hear{padding:0 12px 0 8px!important}
.px-askp-mic{padding:0 16px 0 12px!important}
.px-askp-status{padding:0 16px!important}
.px-askp-status:not(:empty){padding-bottom:8px!important}
.px-askp-foot{padding:8px 16px 16px!important}
.px-asksum-k{margin:0 0 8px!important}
.px-asksum-page h2{margin:0 0 16px!important}
.px-asksum-page h3{margin:16px 0 8px!important}
.px-asksum-page ul{padding:0 0 0 16px!important}
.px-asksum-page li{margin:0 0 8px!important}
.px-asksum-next{margin:16px 0 0!important}
.px-asksum-foot{margin:24px 0 0!important}
.px-askpage-hero{padding:72px 0 24px!important}
@media (width<=640px){.px-askpage-hero{padding:40px 0 24px!important}}
.px-askpage-hero h1{margin:16px 0 0!important}
.px-askpage-body{padding:0 0 96px!important}
@media (width<=640px){.px-askpage-body{padding:0 0 48px!important}}
.tg-aq button:hover{padding-left:8px!important}
.tg-sky-home .px-askp.inline .px-askp-h{padding:16px 24px 16px!important}
.tg-sky-home .px-askp.inline .px-askp-h img{padding:4px!important}
.tg-sky-home .px-askp.inline .px-askp-thread{padding:20px 24px!important}
.tg-sky-home .px-askp.inline .px-askp-a{padding:16px 16px!important}
.tg-sky-home .px-askp.inline .px-askp-src b{padding:4px 4px!important}
.tg-sky-home .px-askp.inline .px-askp-f{padding:16px 16px 8px!important}
.tg-sky-home .px-askp.inline .px-askp-f textarea{padding:16px 20px!important}
.tg-sky-home .px-askp.inline .px-askp-foot{padding:4px 16px 16px!important}
@media (width<=900px){.tg-aq button{padding:16px 4px!important}}
.tg-fdhero{padding:88px 0 72px!important}
@media (width<=640px){.tg-fdhero{padding:40px 0 40px!important}}
.tg-fdhero h1{margin:12px 0 16px!important}
.tg-fdhero .px-dek{margin:0 0 44px!important}
@media (width<=640px){.tg-fdhero .px-dek{margin:0 0 28px!important}}
.tg-frole{margin-top:8px!important}
.tg-rail li{padding:0 0 24px 24px!important}
.tg-rk{margin-bottom:8px!important}
.tg-wstats{margin:0 0 16px!important}
.tg-wstats dd{margin:8px 0 0!important}
.tg-wlist a{padding:16px 0!important}
.tg-wb{padding:4px 8px!important}
.tg-essay{padding:120px 0!important}
@media (width<=640px){.tg-essay{padding:64px 0!important}}
.tg-essay-by{margin:0 auto 24px!important}
body.tg-pg .px-head .px-in{padding:8px 8px 8px 24px!important}
body.tg-pg .px-cta{padding:8px 16px!important}
.tg-pghero{padding:180px 0 96px!important}
@media (width<=640px){.tg-pghero{padding:132px 0 56px!important}}
.tg-pghero h1{margin:16px 0 0!important}
.tg-pgdek,.tg-pghero .px-dek,.tg-pghero .rlede{margin:24px 0 0!important}
.tg-pghero .tg-glass{margin-top:64px!important}
@media (width<=640px){.tg-pghero .tg-glass{margin-top:36px!important}}
.px-art .article-hero.tg-pghero{padding:180px 0 80px!important}
@media (width<=640px){.px-art .article-hero.tg-pghero{padding:132px 0 48px!important}}
.tg-pghero .px-byl{margin-top:24px!important}
.tg-fdhero+.px-sec{padding-top:220px!important}
@media (width<=640px){.tg-fdhero+.px-sec{padding-top:160px!important}}
@media (width<=900px){.tg-fdhero+.px-sec{padding-top:112px!important}}
.tg-pghero.px-mini{padding-bottom:128px!important}
@media (width<=640px){.tg-pghero.px-mini{padding-bottom:72px!important}}
body.tg-pg .tg-li{padding:24px 24px 24px!important}
body.tg-pg .tg-li h3{margin:0 0 8px!important}
body.tg-pg #buy .px-cap{padding:24px 24px 24px!important}
body.tg-pg #buy .px-cap h3{margin:0 0 8px!important}
body.tg-pg .tg-nevers li{padding:24px 24px 24px!important}
body.tg-pg .tg-note{margin:24px 0 0!important}
.tg-vs3 .tg-vcard h3{margin:0 -32px 24px!important;padding:20px 32px!important}
.tg-coinmk{padding:8px 16px!important}
.tg-sky-home .px-askp.inline .px-askp-by{padding:8px 12px!important}
body.tg-pg .px-sec{padding-top:128px!important;padding-bottom:128px!important}
@media (width<=640px){body.tg-pg .px-sec{padding-top:80px!important;padding-bottom:80px!important}}
.px-powered .px-pill{padding:8px 16px 8px 12px!important}
.tg-sky-home .tg-fit-qs{padding:44px 48px!important}
@media (width<=640px){.tg-sky-home .tg-fit-qs{padding:28px 28px!important}}
.tg-sky-home .tg-qw{padding:0 0 24px!important;margin:0 0 24px!important}
.tg-sky-home .tg-opt span{padding:12px 16px!important}
.tg-sky-home .tg-fit-card{padding:44px 40px!important}
@media (width<=640px){.tg-sky-home .tg-fit-card{padding:28px 24px!important}}
.tg-sky-home .tg-fit-board{margin-top:16px!important}
.tg-sky-home .tg-fv{margin-top:24px!important;padding-top:24px!important}
.tg-sky-home .tg-fit-foot{padding-top:24px!important}
.tg-sky-home .tg-fit-reset{padding:8px 16px!important}
.tg-sky-home .tg-opt span{padding-left:48px!important}
.tg-fit-ring{margin-top:-8px!important}
.tg-fit-ring span{margin-top:4px!important}
.tg-sky-home .tg-fit-board{margin-top:8px!important}
@media (width<=420px){.tg-sky-home .tg-opt span{padding:12px 8px 12px 36px!important}}
.tg-fitwrap{margin-top:72px!important}
@media (width<=640px){.tg-fitwrap{margin-top:44px!important}}
.tg-sky-home.tg-fitwrap .tg-fit-head{padding:44px 48px 0!important}
@media (width<=640px){.tg-sky-home.tg-fitwrap .tg-fit-head{padding:28px 28px 0!important}}
.tg-rules li{padding:24px 0 28px!important}
@media (width<=900px){.tg-rules li{padding:24px 0!important}}
.tg-layers{padding:44px 48px!important}
@media (width<=640px){.tg-layers{padding:28px 28px!important}}
.tg-layers .tg-fit-k{margin:0 0 16px!important}
body.tg-pg .tg-nevers.tg-nvrows li{padding:24px 0!important}
:root:not([data-theme="light"]) .tg-rec-pub img{padding:8px 8px!important}
body.tg-pg .px-lis{padding:20px 24px!important}
body.tg-pg .px-author-in{padding:40px!important}
@media (width<=640px){body.tg-pg .px-author-in{padding:24px!important}}
.tg-platform{padding:128px 0 80px!important}
@media (width<=640px){.tg-platform{padding:80px 0 56px!important}}
.tg-plat-k{margin:0 0 16px!important}
.tg-phones{margin-top:56px!important}
@media (width<=640px){.tg-phones{margin-top:36px!important}}
.tg-ph{padding:12px!important}
.tg-ph-scr{padding:48px 16px 16px!important}
.tg-ph-isl{margin-left:-40px!important}
.tg-ph-wrap figcaption{margin-top:24px!important}
.tg-ph-wrap figcaption span{margin-top:4px!important}
.px-foot.tg-foot .px-in{padding-top:88px!important}
@media (width<=640px){.px-foot.tg-foot .px-in{padding-top:56px!important}}
.tg-ft-sell .tg-ft{margin:8px 0 16px!important}
.tg-ft-sell .px-btn{padding:0 24px!important}
.tg-platform{padding:128px 0!important}
@media (width<=640px){.tg-platform{padding:80px 0!important}}
.tg-platform .tg-phones{margin-top:64px!important}
@media (width<=640px){.tg-platform .tg-phones{margin-top:40px!important}}
.tg-ph-scr{padding-top:40px!important}
.px-navpill{padding:8px 16px 8px 12px!important}
.px-foot .px-links a.px-navlink{padding:4px 0!important}
.tg-ph-wrap figcaption .tg-ph-name{margin-bottom:8px!important}
.tg-calc-in{margin:-8px 0 -16px!important}
.tg-calc-in::-webkit-slider-thumb{margin-top:-8px!important}
.tg-mo-head{margin:0 0 48px!important}
@media (width<=640px){.tg-mo-head{margin:0 0 32px!important}}
.tg-mo-note{padding:16px 20px!important}
.tg-mo figcaption{padding:8px 12px!important}
@media (max-width:700px){.tg-mo figcaption{padding:8px 8px!important}}
@media (max-width:760px), (max-height:500px) and (pointer:coarse){html.sh-on body .px-head .px-in{padding:0 8px 0 20px!important}}
@media (max-width:760px), (max-height:500px) and (pointer:coarse){html.sh-on .sh-ask{padding:0 8px!important}}
@media (max-width:760px), (max-height:500px) and (pointer:coarse){html.sh-on .sh-askp{padding:0 16px 0 12px!important}}
@media (max-width:760px), (max-height:500px) and (pointer:coarse){.sh-tab{padding:8px 0 4px!important}}
@media (max-width:760px), (max-height:500px) and (pointer:coarse){html.sh-on .px-dock .px-dk-seek{margin:-8px 16px -20px!important}}
@media (max-width:760px), (max-height:500px) and (pointer:coarse){.sh-shead{padding:24px 12px 8px 20px!important}}
@media (max-width:760px), (max-height:500px) and (pointer:coarse){.sh-row{padding:8px 16px 8px 16px!important}}
@media (max-width:760px), (max-height:500px) and (pointer:coarse){.sh-rt small{margin-top:4px!important}}
@media (max-width:760px), (max-height:500px) and (pointer:coarse){.sh-askbody .px-askp-mic span{margin:-4px!important}}
@media (max-width:640px){body.tg-sky-home .px-head .px-in,body.tg-pg .px-head .px-in{padding:8px 8px 8px 20px!important}}
@media (max-width:640px){.tg-proof .tg-glass>div{padding:16px 0!important}}
.ts-hero{padding:168px 0 104px!important}
@media (width<=640px){.ts-hero{padding:128px 0 64px!important}}
.ts-intro{padding-top:28px!important}
@media (width<=640px){.ts-intro{padding-top:8px!important}}
.ts-get li>span>span{margin-top:4px!important}
.ts-card{padding:40px!important}
@media (width<=640px){.ts-card{padding:28px!important}}
.ts-form .ts-card-h{margin-bottom:8px!important}
.ts-go{margin-top:8px!important}
.ts-secure{margin:16px 0 0!important;padding:12px 16px!important}
.ts-secure svg{margin-top:4px!important}
.ts-foot{margin-top:24px!important}
.ts-biz{margin:8px 0 0!important}
.ts-out{margin-top:16px!important}
.ts-inside{padding:112px 0 96px!important}
@media (width<=640px){.ts-inside{padding:72px 0 64px!important}}
.ts-does li{padding-top:16px!important}
@media (width<=560px){.ts-card{padding:24px 24px!important}}

/* /css/metalab-cg165.css */
/* CG165 · the MetaLab finish of the whole site. Loaded last on every page.
   One measured system on top of the layers below it:
   - type: eight steps only (13, 15, 17, 20, 24, 32, 40, 56), Source Serif for the headlines and the letter, Rubik for the rest;
   - spacing: a 4px grid, one section token, one card token, two radii (12 and 20), no shadows;
   - logos: every family mark sized by the cap height of its C, not by file width (--cap), baselines on one line;
   - labels: sentence case in Rubik at 13, never tracked caps in mono;
   - color: the palette and nothing else, blue #1559F5 as the only accent;
   - states: every control has hover, focus-visible and active; targets 44px.
   The living pills (kit-pill-cg153.css) and the phone shell's behaviour are not touched here. */

:root{
  --t1:13px;--t2:15px;--t3:17px;--t4:20px;--t5:24px;--t6:32px;--t7:40px;--t8:56px;
  --s-sec:96px;--s-card:24px;--s-gap:16px;--s-stack:12px;
  --r-s:12px;--r-l:20px;
  --cap:13px;
  /* the C of each master, as a share of the file's height (measured from the viewBoxes) */
  --k-group:2.2464;--k-lab:2.2464;--k-ai:2.2403;--k-system:2.2403;--k-hv:1.8288;
}
html.px-page{--px-gut:56px}
@media (width<=1023px){:root{--s-sec:72px}html.px-page{--px-gut:40px}}
@media (width<=640px){:root{--s-sec:48px;--s-card:20px}html.px-page{--px-gut:20px}}

/* ---------- logos: one optical system ---------- */
.px-brand{--cap:13px}
.px-brand img{height:calc(var(--cap) * var(--k-group))!important;width:auto!important}
.tg-sky-home .px-head .px-brand img,.tg .px-brand img{height:calc(var(--cap) * var(--k-group))!important}
.cg-pmark{--cap:14px;height:32px;margin:0 0 16px;display:flex;align-items:flex-end}
.cg-pmark img{height:auto;width:auto;max-width:100%}
.cg-pmark img.mk-system,.cg-pmark img.mk-ai{height:calc(var(--cap) * var(--k-ai))}
.cg-pmark img.mk-lab,.cg-pmark img.mk-group{height:calc(var(--cap) * var(--k-lab))}
.cg-fam{--cap:18px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px 40px;padding:32px 0;border-top:1px solid var(--px-line);border-bottom:1px solid var(--px-line);margin:0}
.cg-fam li{display:block;flex:0 0 auto}
.cg-fam img{display:block;width:auto;max-width:none}
.cg-fam img.mk-system,.cg-fam img.mk-ai{height:calc(var(--cap) * var(--k-ai))}
.cg-fam img.mk-group,.cg-fam img.mk-lab{height:calc(var(--cap) * var(--k-lab))}
.cg-famrow{padding:var(--s-sec) 0;background:var(--px-paper)}
.cg-famrow .cg-fam{border:0;padding:0}
.cg-famk{margin:0 0 24px;font:500 var(--t1)/1.25 var(--px-sans);letter-spacing:0;text-transform:none;color:var(--px-char)}
.cg-colist{--cap:14px}
.cg-colist a{display:inline-flex;align-items:center;align-self:flex-start;width:auto;padding:16px 20px;border-radius:var(--r-s);background:#fff}
.cg-colist img{display:block;height:calc(var(--cap) * var(--k-hv));width:auto}
/* the closing row: the same marks at one cap height on white chips, no spinning coins */
.tg-close .tg-coins2{--cap:10px;gap:8px;margin:0 auto 32px}
.tg-close .tg-coins2 .tg-coin,.tg-close .tg-coins2 .tg-coin.lg,.tg-close .tg-coins2 .tg-coin.md,.tg-close .tg-coins2 .tg-coin.seat{position:static;translate:none;transform:none;animation:none;width:auto;height:48px;padding:0 16px;border-radius:var(--r-s);background:#fff;box-shadow:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-direction:row}
.tg-close .tg-coins2 .tg-coin img{width:auto;height:calc(var(--cap) * var(--k-ai))}
.tg-close .tg-coins2 .tg-coin img.mk-hv{height:calc(var(--cap) * var(--k-hv))}
.tg-close .tg-coins2 .tg-coin img.mk-lab,.tg-close .tg-coins2 .tg-coin img.mk-group{height:calc(var(--cap) * var(--k-lab))}
.tg-close .tg-coins2 .tg-coin.seat{background:transparent;border:1px dashed #ffffff8c;color:#fff}
.tg-close .tg-coins2 .tg-coin.seat span{font:500 var(--t3)/1 var(--px-sans);color:#fff}
.tg-close .tg-coins2 .tg-coin.seat small{font:400 var(--t1)/1 var(--px-sans);color:#fff;letter-spacing:0;text-transform:none}
.tg-close .tg-coins2 .tg-coin:hover{transform:translateY(-2px);box-shadow:none}
.tg-close .tg-coins2 .tg-coin:active{transform:translateY(0)}
.tg-close .tg-coins2 .tg-coin:focus-visible{outline:2px solid #fff;outline-offset:3px}

/* ---------- labels: sentence case, Rubik, one size ---------- */
.tg-num,.cg-crit dt,.cg-fn dt,.cg-famk,.cg-orglist .ol,.tg-ft-k,.tg-lcard-k,.tg-listen-k,.tg-fit-k,.tg-fit-pk,.tg-fit-pn,.tg-fb-k,.tg-ep-k,.tg-facts dt,.tg-calc-k,.tg-plat-k,.tg-ps-k,.tg-ps-lab,.tg-rk,.tg-role,.tg-cl,.tg-wb,.tg-wp,.tg-svv,.px-askp-by,.px-asksum-k,.cg-qk,.cg-lane,.cg-stop b,.tg-mo-nk,.cg-shot figcaption,.tg-shot figcaption,.tg-mo figcaption,.tg-mtab caption,.tg-vs-t thead th,.tg-vs-t tbody th,.tg-wstats dd,.ts-as,.tg-ps-chip,.tg-ps-on,.tg-ps-src,.px-ph-chip,.tg-ft-sell .tg-ft,.tg-layers .tg-fit-k,.tg-clk h4,.fc-ex,.px-askf-try span,.px-asksum-page h3,.tg-fit-ring span{font-family:var(--px-sans)!important;font-size:var(--t1)!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important}
.tg-num{line-height:1.25;color:var(--px-char);margin:0 0 24px;display:flex;align-items:center;gap:12px}
.tg-num span{color:var(--px-blue);font-variant-numeric:tabular-nums}
.tg-num:after{display:none}
.tg-num.w,.tg-blue .tg-num,.px-close .tg-num{color:#ffffffd9}
.tg-num.w span,.tg-blue .tg-num span{color:#fff}
.cg-cos .tg-num.w{margin-bottom:24px;justify-content:flex-start}
.cg-proof .tg-proof-p{text-align:left;margin:0 0 32px;color:#fff}
.cg-proof .tg-glass{margin-left:0}

/* ---------- type: the scale ---------- */
.cg-sec h2,main .px-sec h2,.px-sechead h2,.tg-whead h2,.tg-frail h2,.tg-essay h2{font:400 var(--t7)/1.1 var(--px-serif)!important;letter-spacing:-.02em!important;margin:0 0 16px;max-width:24ch;text-wrap:balance}
.tg-close h2{font:400 var(--t7)/1.1 var(--px-serif)!important;letter-spacing:-.02em!important;max-width:22ch;margin-left:auto;margin-right:auto}
.cg-llead .tg-big,.cg-letter h2.tg-big{font-size:var(--t7)!important;line-height:1.1!important;margin:0 0 32px}
.px-sub,.cg-struct .cg-ssub,body.tg-structure .cg-sec .px-sub,.tg-close-sub,.px-sechead .px-sub,.tg-fit-sub,.tg-proof-p{font:400 var(--t3)/1.6 var(--px-sans)!important;max-width:62ch}
.cg-struct .cg-ssub{margin:0 0 40px}
.cg-blead .px-sub{margin:0 0 24px}
.tg-h3,.cg-fit .tg-fit-head .tg-h3,.tg-figure .tg-h3,.cg-after2 .tg-h3{font:400 var(--t5)/1.2 var(--px-serif)!important;letter-spacing:-.015em!important}
.tg-fit>.tg-fit-head>.tg-h3{margin:0 0 8px!important}
.cg-fnclose{font:400 var(--t4)/1.4 var(--px-serif);max-width:40ch}
.cg-fn dd,.cg-crit dd,body.tg-structure .cg-plist li,.cg-part p,.tg-glass dd,.cg-colist span,.tg-listen-d,.px-foot .px-legal p,.px-addr,.px-addr a{font-size:var(--t2)!important;line-height:1.5!important}
.cg-fn dd{margin:8px 0 0}
.cg-fn dt{color:var(--px-ink)!important}
.cg-crit dt{color:var(--px-ink)!important}
.cg-part .cg-pnote{font-size:var(--t1)!important;color:var(--px-mute)}
.px-link,.cg-more .px-link,.tg-lmore .px-link,.tg-fm .px-link,.cg-part .cg-pgo a,.tg-close-more a,.px-links a,.tg-owns li,.tg-lcard .tg-lp,.tg-ft-lead,.px-askp-t{font-size:var(--t3)!important}
.tg-lcard .tg-lp{line-height:1.6!important}
.tg-lcard .tg-salute{font-size:var(--t4)!important}
.px-motto{font-size:var(--t6)!important;line-height:1.15!important;margin:16px 0 0!important}
.px-foot .px-legal .px-meter{font:400 var(--t1)/1.5 var(--px-mono)!important}
.px-fbtn,.px-fl,.px-fbtn span,.cg-qnext,.cg-qback,.tg-fit-reset,.tg-opt span,.tg-opt span small,.tg-fb-v,.tg-fit-n,.tg-fv-why li,.tg-fv-d,.tg-lsig span,.tg-lsig b,.px-askp-d,.px-askp-h p,.px-askp-h button,.px-askp-sug button,.px-askp-foot *,.tg-fv-t{font-size:var(--t2)!important}
.tg-q legend{font-size:var(--t4)!important;line-height:1.3!important}
.tg-fit-rn{font-size:var(--t6)!important}
.tg-fit-ring span{font-weight:400!important}
.tg-btn,.px-btn,.px-cta,.px-signin,.tg-fv-acts .px-btn,.px-alinks .px-btn,.tg-door .px-btn,.tg-who .px-alinks .px-btn{font-size:var(--t2)!important}
.px-nav a,.px-panel a{font-size:var(--t2)!important}
.tg-sky-dek{font:400 var(--t4)/1.5 var(--px-sans)!important}
.tg-pghero h1,.px-chero h1{font-size:var(--t8)!important;line-height:1.02!important;letter-spacing:-.025em!important}
.tg-pghero .px-dek,.tg-pghero .rlede,.px-dek{font:400 var(--t4)/1.5 var(--px-sans)!important}
.px-kick{font:500 var(--t1)/1.25 var(--px-sans)!important}
.tg-glass dt,.cg-home .cg-proof .tg-glass dt,.tg-proof .tg-glass dt{font-size:var(--t7)!important;line-height:1!important;font-weight:500!important}
.tg-glass>.lead dt,.cg-home .cg-proof .tg-glass>.lead dt,.tg-proof .tg-glass>.lead dt{font-size:var(--t8)!important}
.tg-glass dd,.cg-home .cg-proof .tg-glass dd{font-size:var(--t2)!important;margin-top:8px!important}
.tg-glass dd b{font-weight:500}
.tg-glass dd a{font-size:inherit!important}
.tg-listen-t{font-size:var(--t5)!important}
.tg-lcard .tg-lcard-k2{font-size:var(--t2)!important}
small,.cg-orglist .ob small,.cg-part p small{font-size:var(--t1)!important}
.px-ledger,.px-ledger *{font-size:var(--t1)!important}

/* ---------- spacing: one rhythm ---------- */
main .px-sec.cg-sec,body.tg-pg main .px-sec.cg-sec{padding-top:var(--s-sec)!important;padding-bottom:var(--s-sec)!important}
main .px-sec.cg-sec+.px-sec.cg-sec,body.tg-pg main .px-sec.cg-sec+.px-sec.cg-sec{padding-top:0!important}
main .px-sec.cg-sec+.px-sec.cg-sec>.px-wrap{padding-top:var(--s-sec)}
.cg-home .cg-proof{padding-top:var(--s-sec)!important;padding-bottom:var(--s-sec)!important}
.cg-home .tg-close,.tg-pg .tg-close{padding-top:var(--s-sec)!important;padding-bottom:var(--s-sec)!important}
.cg-sec .tg-num,.tg-head .tg-num{margin-bottom:24px!important}
.cg-org{margin:0 0 48px;padding:var(--s-card);border:1px solid var(--px-line);border-radius:var(--r-l);background:var(--px-paper2)}
.cg-fn{margin:0 0 16px;padding-top:24px;gap:16px 24px}
.cg-struct .cg-more{margin:24px 0 0}
.cg-parts{gap:var(--s-gap);margin:0 0 48px}
.cg-part{display:grid;grid-template-rows:auto auto 1fr auto;align-content:start;padding:var(--s-card);border-radius:var(--r-l);gap:8px;height:100%}
.cg-colist{margin:0 0 32px;gap:var(--s-gap)}
.cg-colist li{padding:var(--s-card);border-radius:var(--r-l);gap:12px}
.tg-glass{border-radius:var(--r-l);box-shadow:none!important}
.tg-glass>div{padding:24px!important}
.cg-letter .tg-lcard,.tg-lcard{padding:var(--s-card)!important;border-radius:var(--r-l)!important;box-shadow:none!important}
.cg-letter .tg-listen{padding:var(--s-card);border-radius:var(--r-l);gap:16px 20px}
.tg-lcard-k{margin-bottom:24px!important}
.tg-lcard-k2{margin:24px 0 8px!important}
.tg-owns{margin-bottom:24px!important}
.tg-lsig{margin-top:8px;padding-top:24px}
.tg-lmore{margin-top:24px}
.cg-crit>div{padding:16px 0;gap:16px}
.cg-fit,.tg-fit{border-radius:var(--r-l)!important;box-shadow:none!important}
.tg-fit-card{border-radius:var(--r-l)!important;box-shadow:none!important}
.tg-fit-card .tg-fit-cin,.tg-fit-cin{padding:var(--s-card)!important}
.tg-fit-prog{margin-bottom:24px}
.tg-fit-foot{margin-top:16px;padding-top:24px}
.tg-fit-head{padding:var(--s-card)!important}
.tg-fit-grid{gap:var(--s-gap)}
.tg-fit-qs{padding:var(--s-card)!important}
.cg-qnav{margin-top:24px}
.cg-qnext,.cg-qback{padding:12px 20px!important;border-radius:999px}
.tg-opt span{padding:12px 16px 12px 48px!important}
.px-askp,.tg-askwrap #px-askpage>div{border-radius:var(--r-l)!important;box-shadow:none!important}
.px-askp-h{padding:24px!important}
.px-askp-f{padding:16px 24px!important}
.px-askp-f textarea{padding:12px 16px!important;border-radius:var(--r-s)!important}
.px-askp-h button,.px-askp-sug button{padding:8px 16px!important}
.px-askp-send{padding:0!important}
.tg-close .tg-close-more{margin-top:24px}
.tg-sky-cta,.tg-close-cta{margin-top:32px}
.tg-btn{padding:0 24px!important;min-height:48px;border-radius:999px;box-shadow:none!important}
.px-btn{min-height:48px;padding:0 24px;box-shadow:none!important}
.px-cta{padding:0 24px!important}
.px-head .px-in{padding-left:24px!important;padding-right:24px!important}
.px-signin{padding:0 16px 0 12px}
.px-fbtn{padding:0 16px 0 12px!important;min-height:44px}
.tg-ft-k{margin:0 0 16px!important;color:var(--px-char)!important}
.px-motto{margin-top:16px!important}
.px-foot .px-legal{margin-top:48px;padding-top:24px;gap:12px 24px}
.tg-ft-top{padding-bottom:40px!important}
.tg-ft-grid{padding-top:40px!important}
.px-links a{display:inline-flex;align-items:center;min-height:44px;padding:0;margin:0}
.px-addr a{display:inline-flex;align-items:center;min-height:44px}
.tg-close .tg-coins2{margin-bottom:32px}
.cg-fn,.cg-crit{border-color:var(--px-line)}
.cg-sec .px-sechead{margin-bottom:32px}

/* ---------- the hero: a composition ---------- */
.cg-home .tg-sky{min-height:0;display:block;place-items:initial;text-align:left;padding:128px 0 var(--s-sec)}
.cg-home .tg-sky .px-wrap.tg-sky-in{max-width:var(--px-max);margin:0 auto;pointer-events:auto;padding-left:var(--px-gut);padding-right:var(--px-gut)}
.cg-home .tg-sky h1{font:400 var(--t8)/1.02 var(--px-serif)!important;letter-spacing:-.025em;max-width:16ch;margin:0!important;text-wrap:balance}
.cg-home .tg-sky h1 .rwi{white-space:normal}
.cg-home .tg-sky-dek{margin:24px 0 0!important;max-width:34em;color:#fff;opacity:1}
.cg-home .tg-sky-dek strong{font-weight:500}
.cg-own{display:flex;flex-wrap:wrap;gap:12px 40px;margin:40px 0 0;padding:24px 0 0;border-top:1px solid #ffffff4d;list-style:none}
.cg-own li{display:block;font:500 var(--t3)/1.3 var(--px-sans);color:#fff}
.cg-own li small{display:block;margin-top:4px;font:400 var(--t1)/1.3 var(--px-sans);color:#ffffffd9}
.cg-own li a{color:#fff;text-decoration:none;display:inline-block;padding:12px 0;margin:-12px 0}
.cg-own li a:hover{text-decoration:underline;text-underline-offset:4px}
.cg-own li a:focus-visible{outline:2px solid #fff;outline-offset:3px;border-radius:4px}
.cg-own li a:active{opacity:.8}
.cg-home .tg-sky-cta{justify-content:flex-start;margin:40px 0 0}
.cg-home .tg-bl{opacity:.9}
@media (width<=640px){.cg-home .tg-sky{padding-top:96px}.cg-home .tg-sky h1{font-size:var(--t7)!important}.cg-own{gap:16px;margin-top:32px}}

/* ---------- the chart: a designed object ---------- */
.cg-org svg{max-width:992px;font-family:var(--px-sans)}
.cg-org .bx{fill:#fff;stroke:var(--px-line2);stroke-width:1.5}
.cg-org .bx.add{stroke-dasharray:4 4;fill:transparent}
.cg-org .bx.top{fill:var(--px-blue);stroke:var(--px-blue);stroke-width:1.5}
.cg-org .ln{fill:none;stroke:var(--px-line2);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.cg-org .tx{fill:var(--px-ink);font-size:15px;font-weight:500;letter-spacing:0}
.cg-org .tx.top{fill:#fff;font-size:17px}
.cg-org .sub{fill:var(--px-char);font-size:13px;font-weight:400}
.cg-org .sub.top{fill:#fff}
.cg-org .lab{fill:var(--px-ink);font-family:var(--px-sans);font-size:13px;font-weight:500;letter-spacing:0;text-transform:none}
.cg-org .edge{fill:var(--px-char);font-size:13px;font-weight:400;text-anchor:start}
@media (width<=640px){
  .cg-org{padding:0;border:0;border-radius:0;background:transparent}
  .cg-orglist ul{margin:12px 0 0 16px;padding:0 0 0 16px;border-left:1.5px solid var(--px-line2);gap:8px}
  .cg-orglist ul ul{border-left-color:var(--px-line2)}
  .cg-orglist ul li{position:relative}
  .cg-orglist ul li::before{content:"";position:absolute;left:-16px;top:24px;width:12px;height:1.5px;background:var(--px-line2)}
  .cg-orglist .ob{padding:12px 16px;border:1.5px solid var(--px-line2);border-radius:var(--r-s);background:#fff;font:500 var(--t2)/1.35 var(--px-sans);color:var(--px-ink)}
  .cg-orglist .ob.top{background:var(--px-blue);border-color:var(--px-blue);color:#fff;font-size:var(--t3)}
  .cg-orglist .ob.top small{color:#fff}
  .cg-orglist .ob.add{border-style:dashed;background:transparent}
  .cg-orglist .ob small{margin-top:4px;font:400 var(--t1)/1.4 var(--px-sans);color:var(--px-char)}
  .cg-orglist .ol{margin:16px 0 0;font:500 var(--t1)/1.4 var(--px-sans)!important;color:var(--px-ink)}
  .cg-orglist .ol small{display:block;margin-top:0;font:400 var(--t1)/1.4 var(--px-sans);color:var(--px-char)}
}

/* ---------- the three doors ---------- */
.cg-part .cg-pk{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0}
.cg-part{position:relative}
.cg-part h3{font:500 var(--t3)/1.35 var(--px-sans)!important;letter-spacing:0!important;color:var(--px-ink);margin:0;text-wrap:normal!important}
.cg-part p{font:400 var(--t2)/1.5 var(--px-sans)!important;color:var(--px-char);text-wrap:normal!important}
.cg-part p+p{margin-top:0}
.cg-part .cg-pgo{margin:0;padding-top:16px;line-height:1.4}
.cg-part .cg-pgo a{font:500 var(--t2)/1.4 var(--px-sans)!important;color:var(--px-blue);display:inline-block;padding:12px 0;margin:-12px 0;min-height:0}
.cg-part .cg-pnote{font:400 var(--t2)/1.4 var(--px-sans)!important;color:var(--px-char);margin:0;padding-top:16px;display:block}
.cg-part:hover{transform:translateY(-2px)}
.cg-part{transition:transform .2s var(--ease-out,ease)}
.cg-part .cg-pgo a:active{opacity:.75}
.cg-part .cg-pgo a:focus-visible{outline:2px solid var(--px-blue);outline-offset:3px;border-radius:4px}

/* ---------- states: every control ---------- */
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--px-blue);outline-offset:3px}
.tg-blue a:focus-visible,.tg-blue button:focus-visible,.px-close a:focus-visible,.tg-fit-card a:focus-visible,.tg-fit-card button:focus-visible{outline-color:#fff}
.px-nav a,.px-panel a,.px-links a,.tg-close-more a,.px-link,.tg-owns a,.tg-glass dd a,.px-addr a,.tg-listen-d a,.tg-listen-t a,.cg-part .cg-pgo a,.px-lg{transition:color .15s,opacity .15s,text-decoration-color .15s}
.px-nav a:hover,.px-panel a:hover,.px-links a:hover,.px-addr a:hover,.tg-owns a:hover,.tg-listen-d a:hover{color:var(--px-blue)!important}
.px-nav a:active,.px-panel a:active,.px-links a:active,.tg-close-more a:active,.px-link:active,.tg-owns a:active,.tg-glass dd a:active,.px-addr a:active,.tg-listen-d a:active,.tg-listen-t a:active,.px-fbtn:active,.tg-btn:active,.px-btn:active,.px-cta:active,.px-signin:active,.sh-ask:active,.px-lg:active{opacity:.7;transform:none}
.tg-btn:hover,.px-btn:hover,.px-cta:hover{transform:translateY(-1px);box-shadow:none!important}
.tg-btn:active,.px-btn:active,.px-cta:active{transform:translateY(0)}
.px-fbtn:hover{border-color:var(--px-ink);color:var(--px-ink)}
.px-fbtn:focus-visible{outline:2px solid var(--px-blue);outline-offset:3px}
.tg-close-more a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.px-menu summary:hover span{background:var(--px-blue)}
.px-menu summary:active{opacity:.7}
.px-nav a{display:inline-flex;align-items:center;min-height:44px}
.px-lg{display:inline-flex;align-items:center;min-height:44px}
.px-lg:hover{opacity:.85}
.tg-owns a,.tg-glass dd a,.tg-listen-d a{text-underline-offset:3px}
.tg-opt:hover span{border-color:var(--px-blue)}
.tg-opt input:focus-visible+span{outline:2px solid var(--px-blue);outline-offset:2px}
.tg-opt:active span{opacity:.8}
.cg-qnext:hover,.cg-qback:hover,.tg-fit-reset:hover,.px-askp-sug button:hover,.px-askp-h button:hover,.px-askp-send:hover{opacity:.85}
.cg-qnext:active,.cg-qback:active,.tg-fit-reset:active,.px-askp-sug button:active,.px-askp-h button:active,.px-askp-send:active{opacity:.7}
.sh-ask:hover{opacity:.85}
.px-askf-try:hover,.px-askp-t a:hover{color:var(--px-blue)}
@media (prefers-reduced-motion:reduce){.cg-part,.tg-btn,.px-btn,.px-cta,.tg-close .tg-coins2 .tg-coin{transition:none;transform:none!important}}

/* ---------- the phone shell: the bars share the scale, nothing else changes ---------- */
html.sh-on{--ap-cap:var(--t1);--ap-fn:var(--t1);--ap-sub:var(--t2);--ap-body:var(--t3);--ap-hl:var(--t3);--ap-t3:var(--t4);--ap-t2:var(--t5);--ap-t1:var(--t6);--ap-lt:var(--t6);--ap-read:var(--t4);--ap-r1:var(--r-s);--ap-r2:var(--r-s);--ap-r3:var(--r-l)}
html.sh-on .sh-tab span{font-size:var(--t1)!important}
html.sh-on .sh-head-t,html.sh-on .sh-title{font-size:var(--t3)!important}
html.sh-on main>section#top.cg-sky .tg-sky-dek{font-size:var(--t2)!important}
html.sh-on main>section#top.cg-sky{height:auto!important;padding:48px 0 0!important;border-radius:var(--r-l)!important;box-shadow:none!important}
html.sh-on main>section#top.cg-sky .tg-sky-in{position:relative!important;padding:0 20px 24px!important}
html.sh-on main>section#top.cg-sky h1{font-size:var(--t7)!important;font-weight:400!important}
html.sh-on main .cg-own{margin-top:24px;padding-top:24px;gap:16px}
html.sh-on main .cg-own{padding-bottom:24px}
html.sh-on main>section.tg-close{border-radius:var(--r-l)!important}
html.sh-on main>section.tg-close .tg-coins2 .tg-coin{border:1px solid var(--px-line)}
html.sh-on main>section.tg-close .tg-coins2 .tg-coin.seat{border-color:var(--px-line2);color:var(--px-ink)}
html.sh-on main>section.tg-close .tg-coins2 .tg-coin.seat span,html.sh-on main>section.tg-close .tg-coins2 .tg-coin.seat small{color:var(--px-ink)}
html.sh-on main .cg-org{padding:0;border:0;background:transparent}
html.sh-on main .tg-num{font:500 var(--t1)/1.25 var(--px-sans)!important;letter-spacing:0!important;text-transform:none!important}

/* ---------- the /structure/ page ---------- */
body.tg-structure .cg-parent .cg-org{margin:40px 0 0}
body.tg-structure .cg-parent .cg-ssub{margin-bottom:16px}
body.tg-structure .cg-parent+.cg-fn{margin-top:40px}
body.tg-structure .cg-fam{border-bottom:0;padding-bottom:0}
body.tg-structure .cg-plist{gap:8px}
body.tg-structure .cg-plist li{padding-left:20px}
body.tg-structure .cg-plist li:before{width:8px;height:1.5px;top:.75em}
body.tg-structure .cg-plist b{font-weight:500;color:var(--px-ink)}

/* ---------- widths ---------- */
@media (width<=980px){.cg-fam{justify-content:flex-start;gap:24px 40px}}
@media (width<=640px){
  .cg-fam{--cap:14px;gap:20px 32px;padding:24px 0}
  .cg-pmark{--cap:13px}
  .tg-close .tg-coins2{--cap:9px;flex-wrap:wrap;gap:8px}
  .tg-close .tg-coins2 .tg-coin,.tg-close .tg-coins2 .tg-coin.lg,.tg-close .tg-coins2 .tg-coin.md,.tg-close .tg-coins2 .tg-coin.seat{height:44px;padding:0 12px}
  .cg-colist{--cap:13px}
  .cg-sec h2,main .px-sec h2,.px-sechead h2,.tg-whead h2,.tg-frail h2,.tg-essay h2,.tg-close h2,.cg-llead .tg-big,.cg-letter h2.tg-big{font-size:var(--t6)!important}
  .tg-pghero h1,.px-chero h1{font-size:var(--t7)!important}
  .tg-glass dt,.cg-home .cg-proof .tg-glass dt,.tg-proof .tg-glass dt{font-size:var(--t6)!important}
  .tg-glass>.lead dt,.cg-home .cg-proof .tg-glass>.lead dt,.tg-proof .tg-glass>.lead dt{font-size:var(--t7)!important}
  .px-motto{font-size:var(--t5)!important}
}

/* ---------- the sweep: targets, the skip link, the nav, the last off-grid values ---------- */
.px-skip{font-size:var(--t2)!important;padding:12px 16px!important}
.px-nav a{padding:12px 0!important}
.tg-qn{font-size:var(--t1)!important}
.px-foot .px-links a,.px-foot nav.px-links a{display:inline-flex!important;align-items:center;min-height:44px!important;padding:0!important;margin:0!important;line-height:1.3}
.tg-fm .px-link,.px-link{min-height:44px!important}
.cg-qnav button,.cg-qnext,.cg-qback,.tg-fit-reset{min-height:44px!important;padding:0 20px!important}
.tg-listen-k{margin-bottom:8px!important}
.tg-lmore,.tg-lcard .tg-lmore{margin-top:24px!important}
.tg-fit-prog{margin-bottom:24px!important}
.tg-qw,.tg-qw.is-next{margin-bottom:24px!important;padding-bottom:24px!important}
.tg-fit-card.tg-blue{padding-top:24px!important;padding-bottom:24px!important}
.tg-fit-foot{margin-top:16px!important;padding-top:24px!important}
.px-askp-h img{padding:4px!important}
.cg-tablist [role=tab],.cg-tablist button{min-height:44px!important}
.px-lis-b,.px-lis-pp{min-height:44px!important;height:44px!important}
.cg-strip-pv,.cg-strip-nx{min-height:44px!important;min-width:44px!important}
.px-toc a,.px-anc,.tg-contents a{min-height:44px!important;display:inline-flex!important;align-items:center}
.tg-ft{margin:0 0 16px!important}
.tg-ft-lead{margin-bottom:24px!important}
.px-btn{padding-left:24px!important;padding-right:24px!important}
.px-pub,.px-author a{display:inline-flex;align-items:center;min-height:44px}
.px-byl a{min-height:44px}
.px-byl+.px-follow,.px-art .px-follow{margin-bottom:24px}
@media (width<=640px){.px-foot .px-links a,.px-foot nav.px-links a{font-size:var(--t2)!important}}
.tg-mviews button{min-height:44px!important;padding:0 16px!important}
.tg-ph-wrap figcaption a{min-height:44px!important;padding:0 16px!important}
.tg-os-l a{display:inline-flex!important;align-items:center;min-height:44px!important}
nav.toc a{display:flex!important;align-items:center;min-height:44px!important;padding:0 12px!important}
/* the universal layer: a control is never still under the pointer, the keyboard or the thumb */
html body :is(a[href],button,summary):hover{filter:brightness(.93)}
html body :is(a[href],button,summary):active{opacity:.72!important}
html body :is(input,textarea,select):hover{border-color:var(--px-blue)!important;box-shadow:0 0 0 1px var(--px-blue)}
html body :is(input,textarea,select):active{opacity:.9}
html body :is(a,button,summary,input,textarea,select,[tabindex]):focus-visible{outline:2px solid var(--px-blue)!important;outline-offset:3px!important}
html body :is(.tg-blue,.px-close,.tg-fit-card,.tg-pghero,.px-ahero.tg-blue) :is(a,button,summary,input,textarea,[tabindex]):focus-visible{outline-color:#fff!important}
/* the last off-grid values: the letter's paragraphs, the shell's bars, the photo strip, the 404 on phones */
.px-art .prose>p,.px-art .prose .section>p,.px-art .prose .closing>p{margin:0 0 24px!important}
.sh-tabs{padding-left:max(8px,var(--sh-sl))!important;padding-right:max(8px,var(--sh-sr))!important}
html.sh-on main section>.tg-num.ap-sh{padding-bottom:12px!important}
.tg-shot figcaption{padding:8px 12px!important}
.tg-wall .tg-shot figcaption{padding:8px!important}
.cg-strip-pv,.cg-strip-nx{padding:0 8px!important}
html.sh-on main>section.px-mini .px-404{font-size:var(--t8)!important}
.px-mini .px-404{font-size:var(--t8)!important;margin-bottom:24px!important}
.px-receipt .px-src{font-size:var(--t1)!important;font-family:var(--px-sans)!important}
html.sh-on body .px-art .prose>p,html.sh-on body .px-art .prose .section>p,html.sh-on body .px-art .prose .closing>p,html.sh-on body .tg-salute,html.sh-on body main article.tg-lcard .tg-salute{margin-bottom:24px!important}
html.sh-on .tg-letterpage main .prose>p,html.sh-on .tg-letterpage main .prose p.tg-salute{margin:0 0 24px!important}
/* the headline law, above every earlier layer: one size per level on every page */
main h1:not(#a):not(#b),.tg-pghero h1:not(#a):not(#b),.px-chero h1:not(#a):not(#b){font-size:var(--t8)!important;line-height:1.02!important;letter-spacing:-.025em!important;font-weight:400!important}
main h2:not(#a):not(#b){font-size:var(--t7)!important;line-height:1.1!important;letter-spacing:-.02em!important;font-weight:400!important}
main h3:not(#a):not(#b):not(.cg-part h3){font-size:var(--t5)!important;line-height:1.2!important}
.px-dek:not(#a):not(#b),.tg-pgdek:not(#a):not(#b),.rlede:not(#a):not(#b),.tg-pghero p:not(#a):not(#b):not(.px-kick):not(.tg-num):not(.px-404){font-family:var(--px-sans)!important;font-size:var(--t4)!important;line-height:1.5!important}
@media (width<=640px){
  main h1:not(#a):not(#b),.tg-pghero h1:not(#a):not(#b),.px-chero h1:not(#a):not(#b){font-size:var(--t7)!important}
  main h2:not(#a):not(#b){font-size:var(--t6)!important}
  main h3:not(#a):not(#b):not(.cg-part h3){font-size:var(--t4)!important}
  .px-dek:not(#a):not(#b),.tg-pgdek:not(#a):not(#b),.rlede:not(#a):not(#b),.tg-pghero p:not(#a):not(#b):not(.px-kick):not(.tg-num):not(.px-404){font-size:var(--t3)!important}
}
/* numbers and small keys in the UI face too; mono stays only for the meter and code */
.tg-k,.tg-wn,.tg-days b,.tg-flow b,.tg-join b,.tg-leg b,.tg-clk b,.tg-lyn,.cg-layers,.px-art .px-hk,.px-no,.px-art .section-number b,.px-art .toc a b,.px-art .morecard .mt b,.px-byl,.px-meta,.px-call,.px-who,.px-ctime,.px-chip b,.tg-curve .lb,.tg-calc-scale,.tg-fit-n,.tg-map .cn,.tg-map .m-east,.tg-map .m-hq .hl,.tg-no,.px-pill,.px-ledger,.px-lis-time,.px-lis-k span,.px-dk-time,.px-rbar-n,.px-play,.px-askp-cite,.px-askp-src b,.px-asksum-page small,.cg-tablist [role=tab] span,.tg-ph-wrap figcaption .tg-ph-name .px-pill,.tg-ps-coach em,.tg-ps-row2 b,.tg-ps-rows b,.tg-li:before,.tg-nevers li:before,.tg-rules li:before,.px-ask-n,.px-ask-x,.px-sd-x,.px-lis-b{font-family:var(--px-sans)!important;letter-spacing:0!important;text-transform:none!important}
.ts-get h2:not(#a):not(#b){font:500 var(--t1)/1.25 var(--px-sans)!important;letter-spacing:0!important;text-transform:none!important;color:#fff;margin:0 0 16px}
.ts-dek:not(#a):not(#b){font-family:var(--px-sans)!important;font-size:var(--t4)!important;line-height:1.5!important}
.px-mini .px-404:not(#a):not(#b){font:400 var(--t8)/1 var(--px-serif)!important;letter-spacing:-.02em!important;margin:0 0 16px!important}
.px-mini .px-404 span{color:#fff}
.px-mini h1:not(#a):not(#b){margin-left:auto!important;margin-right:auto!important}
.px-mini .px-404:not(#a):not(#b){text-align:center}
.px-art .px-follow:not(#a):not(#b){margin-bottom:24px!important}
@media (width<=640px){.cg-orglist>li>.ol:first-of-type{font-weight:400!important;color:var(--px-char);margin-top:12px}}

/* /css/cg166.css */
/* CG166 · The Culture Studio in the family, four products and services, and Back once installed. Loaded last. */
/* the Studio's mark is the 522 master with the System's C: the same cap height as the System and CultureAI in every row */
/* CG167: the four "The Culture ..." marks share one master (474, the commissioned rocket, THE and Culture; the descriptor cut like GROUP), so they share one cap token */
.cg-pmark img:is(.mk-group,.mk-lab,.mk-system,.mk-studio),.cg-fam img:is(.mk-group,.mk-lab,.mk-system,.mk-studio){height:calc(var(--cap) * var(--k-group));width:auto}
/* four products and services: four across on a laptop, two on a tablet, one on a phone */
.cg-parts{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (width<=1180px){.cg-parts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (width<=820px){.cg-parts{grid-template-columns:1fr}}
/* five marks in the family row: one line on a laptop, wrapping evenly below that */
@media (width>980px){ul.cg-fam{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}}
/* the chart is 1088 wide now; it scales with its figure */
.cg-org svg{width:100%;height:auto}
/* Back, once installed (js/app-cg166.js) */
.px-back{display:none}
.sh-app .px-back{display:grid;place-items:center;flex:none;width:44px;height:44px;margin:0 2px 0 -12px;padding:0;border:0;border-radius:12px;background:none;color:#0a1633;cursor:pointer;-webkit-tap-highlight-color:transparent}
.sh-app .px-back svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.sh-app .px-back:active{background:rgba(21,89,245,.1)}
.sh-app .px-back:focus-visible{outline:2px solid #1559F5;outline-offset:2px}
.sh-app .px-back+.px-brand{margin-right:auto}
/* the newest-episode card on a 320 phone pushed the page 31px sideways (on main since CG152's card): the words wrap, the cover gives way */
@media (width<=380px){.tg-whead .tg-ep{grid-template-columns:88px minmax(0,1fr)}.tg-whead .tg-ep-tx{min-width:0}.tg-whead .tg-ep-tx>*{white-space:normal;overflow-wrap:anywhere;min-width:0;max-width:100%}}
/* six functions now (the Group, the companies and the four products and services): six across, three by two below 1180, one on a phone */
.cg-fn{grid-template-columns:repeat(6,minmax(0,1fr))}
@media (width<=1180px){.cg-fn{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (width<=640px){.cg-fn{grid-template-columns:1fr}}

/* /css/tiny-cg169.css */
/* CG169 · the Tiny bar. One heavy, tight voice for every headline on the site (Rubik 800, our own face), quiet light grounds,
   and the redesigned home: the brand-blue opening with the coins of what the Group owns, the receipts in glass, the letter,
   what the Group owns, what we look for, the other buyers, what sellers ask, Ask the firm and the call.
   On a phone it is the app the rest of our products are: one column of cards under the shell's bars. Loaded last. */
:root{--t9-blue:#1559F5;--t9-ink:#0a1633;--t9-char:#454d5c;--t9-mist:#f4f6fa;--t9-line:#e3e7ef;--t9-r:24px}

/* ---------- the voice: every headline on the site, Rubik heavy and tight (the older CSS sets the serif with !important on
   phones, so this carries an id-weight :not(#a):not(#b):not(#c) to win cleanly). The letter's own prose keeps its serif. */
html body main :is(h1,h2,h3):not(#a):not(#b):not(#c){font-family:Rubik,system-ui,-apple-system,sans-serif!important;font-style:normal!important}
html body main :is(h1,h2):not(#a):not(#b):not(#c){font-weight:800!important;letter-spacing:-.035em!important;line-height:1.03!important;text-wrap:balance}
html body main h3:not(#a):not(#b):not(#c){font-weight:700!important;letter-spacing:-.015em!important}
/* the CG169 headline law, above CG165's: the Tiny sizes. Page titles big, section heads big, one step each */
html body main h1:not(#a):not(#b):not(#c){font-size:clamp(48px,6.2vw,92px)!important;line-height:1!important}
html body main h2:not(#a):not(#b):not(#c){font-size:clamp(36px,4.4vw,64px)!important}
html body.t9-home main .t9-hero h1:not(#a):not(#b):not(#c){font-size:clamp(56px,7.6vw,112px)!important;letter-spacing:-.045em!important}
html body main :is(.t9-tile,.t9-vs-col,.cg-part,.tg-tile,.px-card) :is(h2,h3):not(#a):not(#b):not(#c){font-size:24px!important;line-height:1.15!important}
@media (width<=760px){
  html body main h1:not(#a):not(#b):not(#c){font-size:40px!important}
  html body main h2:not(#a):not(#b):not(#c){font-size:32px!important;line-height:1.06!important}
  html body.t9-home main .t9-hero h1:not(#a):not(#b):not(#c){font-size:56px!important}
}
html body main :is(h1,h2) em:not(#a):not(#b):not(#c){font-style:normal!important;color:var(--t9-blue)!important;-webkit-text-fill-color:currentColor}
html body main :is(.tg-blue,.tg-close,.t9-hero,.px-chero.tg-blue) :is(h1,h2) em:not(#a):not(#b):not(#c){color:#bcd3ff!important}
html body main :is(dl.tg-glass,dl.tg-wstats) dt:not(#a):not(#b):not(#c){font-family:Rubik,system-ui,sans-serif!important;font-weight:800!important;letter-spacing:-.03em!important}

/* ---------- the opening */
.t9-home .t9-hero{position:relative;overflow:hidden;background:var(--t9-blue);color:#fff;padding:160px 0 64px;isolation:isolate}
.t9-hero::before{content:"";position:absolute;inset:-20% -10% auto;height:120%;background:radial-gradient(60% 50% at 50% 35%,rgba(255,255,255,.18),transparent 70%);z-index:-1}
.t9-hero-in{position:relative;max-width:1180px;margin:0 auto;padding:0 40px;display:grid;grid-template-rows:minmax(600px,auto) auto;gap:40px}
.t9-hero-copy{position:relative;z-index:2;align-self:center;text-align:center;max-width:640px;margin:0 auto}
.t9-kick{margin:0 0 20px;font:500 15px/1 Rubik,sans-serif;letter-spacing:.02em;color:rgba(255,255,255,.8)}
.t9-home .t9-hero h1{margin:0;font-size:clamp(56px,7.6vw,112px);color:#fff}
.t9-dek{margin:28px auto 0;max-width:620px;font-size:20px;line-height:1.5;color:rgba(255,255,255,.88)}
.t9-ctas{margin:36px 0 0;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.t9-btn{display:inline-flex;align-items:center;min-height:52px;padding:0 24px;border-radius:999px;font:500 17px/1 Rubik,sans-serif;text-decoration:none;transition:transform .2s,background .2s}
.t9-btn.w{background:#fff;color:var(--t9-blue)}.t9-btn.g{background:rgba(255,255,255,.12);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.t9-btn:hover{transform:translateY(-2px)}.t9-btn:focus-visible{outline:2px solid #fff;outline-offset:3px}
/* the coins: what the Group owns, floating around the words */
.t9-coins{position:absolute;inset:0 40px auto;height:600px;margin:0;padding:0;list-style:none;z-index:1;pointer-events:none}
.t9-coins li{position:absolute;pointer-events:auto;animation:t9float 9s ease-in-out infinite}
.t9-coins a{display:grid;place-items:center;width:var(--d,148px);height:var(--d,148px);border-radius:50%;background:#fff;box-shadow:0 18px 50px rgba(6,22,80,.28);text-decoration:none;transition:transform .25s}
.t9-coins a:hover{transform:scale(1.06)}.t9-coins a:focus-visible{outline:3px solid #fff;outline-offset:4px}
.t9-coins img{width:72%;height:auto}
.t9-coins .seat a{background:rgba(255,255,255,.1);box-shadow:inset 0 0 0 2px rgba(255,255,255,.5);color:#fff;flex-direction:column;gap:2px}
.t9-coins .seat b{font:300 40px/1 Rubik,sans-serif}.t9-coins .seat small{font:500 13px/1.2 Rubik,sans-serif}
.t9-coins .c1{left:0;top:0;--d:164px;animation-delay:-1s}
.t9-coins .c3{left:118px;top:200px;--d:104px;animation-delay:-2.5s}
.t9-coins .c2{left:0;top:318px;--d:148px;animation-delay:-4s}
.t9-coins .c7{left:28px;top:492px;--d:96px;animation-delay:-7s}
.t9-coins .c4{right:0;top:16px;--d:156px;animation-delay:-6s}
.t9-coins .c6{right:118px;top:214px;--d:104px;animation-delay:-5s}
.t9-coins .c5{right:10px;top:380px;--d:164px;animation-delay:-3s}
@keyframes t9float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@media (prefers-reduced-motion:reduce){.t9-coins li{animation:none}}
/* the receipts in glass */
.t9-glass{position:relative;z-index:2}
.t9-glass .tg-glass{margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-radius:var(--t9-r);background:rgba(255,255,255,.1);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.t9-glass .tg-glass>div{padding:28px 20px;text-align:center;border-left:1px solid rgba(255,255,255,.16)}
.t9-glass .tg-glass>div:first-child{border-left:0}
.t9-glass dt{font:800 clamp(32px,3vw,44px)/1 Rubik,sans-serif;letter-spacing:-.03em;color:#fff}
.t9-glass dd{margin:10px 0 0;font-size:13px;line-height:1.4;color:rgba(255,255,255,.85)}
.t9-glass dd b{color:#fff;font-weight:500}.t9-glass dd a{color:#fff}

/* ---------- the light sections */
.t9-sec{background:#fff}
html body main section.t9-sec:not(#a):not(#b):not(#c){background:#fff}
html body main section:is(.t9-own,.t9-vs,.cg-ask):not(#a):not(#b):not(#c){background:var(--t9-mist)}
.t9-home .t9-sec{padding:128px 0}
.t9-k{margin:0 0 16px;font:500 13px/1 Rubik,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#687083}
.t9-k.w{color:rgba(255,255,255,.75)}
.t9-home .t9-sec h2.rise{margin:0;font-size:clamp(40px,5.2vw,72px);color:var(--t9-ink);max-width:16ch}
.t9-lead{margin:24px 0 0;max-width:640px;font-size:20px;line-height:1.55;color:var(--t9-char)}
.t9-home .cg-more{margin-top:40px}

/* what the Group owns */
.t9-own-k{margin:56px 0 16px;font:500 15px/1 Rubik,sans-serif;color:var(--t9-ink)}
.t9-own-grid{margin:0;padding:0;list-style:none;display:grid;gap:16px}
.t9-own-grid.t9-n2{grid-template-columns:repeat(2,minmax(0,1fr))}
.t9-own-grid.t9-n4{grid-template-columns:repeat(4,minmax(0,1fr))}
.t9-tile{display:flex;flex-direction:column;gap:16px;height:100%;padding:32px 28px;border-radius:var(--t9-r);background:#fff;box-shadow:inset 0 0 0 1px var(--t9-line);text-decoration:none;color:var(--t9-char);transition:transform .25s,box-shadow .25s}
.t9-tile:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px var(--t9-line),0 24px 48px rgba(10,22,51,.08)}
.t9-tile:focus-visible{outline:2px solid var(--t9-blue);outline-offset:3px}
.t9-tile-mark{display:flex;align-items:center;min-height:44px}
.t9-tile-mark img{width:auto;height:calc(15px * var(--k-group,2.2464))}
.t9-tile-mark img.mk-ai{height:calc(15px * var(--k-ai,2.2403))}
.t9-tile-mark img.mk-hv{height:calc(15px * var(--k-hv,1.8288))}
.t9-tile-line{flex:1;font-size:17px;line-height:1.5}
.t9-tile-go{font:500 15px/1 Rubik,sans-serif;color:var(--t9-blue)}

/* what we look for */
.t9-look-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:start}
.t9-icons{margin:40px 0 0;padding:0;list-style:none;display:grid;gap:0}
.t9-icons li{display:grid;grid-template-columns:48px 1fr;gap:20px;padding:24px 0;border-top:1px solid var(--t9-line)}
.t9-icons li:last-child{border-bottom:1px solid var(--t9-line)}
.t9-ic{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#eaf0ff;color:var(--t9-blue)}
.t9-ic svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.t9-icons b{display:block;font:700 20px/1.2 Rubik,sans-serif;letter-spacing:-.01em;color:var(--t9-ink);margin-bottom:8px}
.t9-icons li>span:last-child>span{font-size:17px;line-height:1.5;color:var(--t9-char)}
.t9-look .cg-bfit{position:static}

/* the other buyers */
.t9-vs-grid{margin-top:56px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
.t9-vs-col{padding:32px 28px;border-radius:var(--t9-r);background:#fff;box-shadow:inset 0 0 0 1px var(--t9-line)}
.t9-vs-col.us{background:linear-gradient(160deg,#eef3ff,#e2eaff);box-shadow:inset 0 0 0 1.5px #9db8fa}
.t9-vs-col h3{margin:0 0 20px;font:800 24px/1.15 Rubik,sans-serif;letter-spacing:-.02em;color:#3a4252}
.t9-vs-col.us h3{color:var(--t9-blue)}
.t9-vs-col ul{margin:0;padding:0;list-style:none;display:grid;gap:14px}
.t9-vs-col li{position:relative;padding-left:28px;font-size:17px;line-height:1.5;color:var(--t9-char)}
.t9-vs-col li::before{position:absolute;left:0;top:0;font:700 17px/1.5 Rubik,sans-serif}
.t9-vs-col li.x::before{content:"×";color:#c2410c}
.t9-vs-col li.ok::before{content:"✓";color:var(--t9-blue)}
.t9-vs-col.us li{color:var(--t9-ink)}

/* what sellers ask first */
.t9-qa-list{margin:56px 0 0;padding:0;list-style:none}
.t9-qa-list li{display:grid;grid-template-columns:72px minmax(0,1fr) minmax(0,1.3fr);gap:24px;padding:32px 0;border-top:1px solid var(--t9-line)}
.t9-qa-list li:last-child{border-bottom:1px solid var(--t9-line)}
.t9-qn{font:800 32px/1 Rubik,sans-serif;letter-spacing:-.03em;color:#7a8499}
.t9-q{margin:0;font:500 20px/1.35 Rubik,sans-serif;color:var(--t9-ink)}
.t9-a{margin:0;font-size:17px;line-height:1.6;color:var(--t9-char)}

/* the letter on the light ground */
.t9-letter h2.rise.tg-big{font-size:clamp(36px,4.4vw,60px)}

/* ---------- tablets */
@media (width<=1100px){
  .t9-glass .tg-glass{grid-template-columns:repeat(3,minmax(0,1fr))}
  .t9-glass .tg-glass>div:nth-child(4){border-left:0}
  .t9-own-grid.t9-n4,.t9-vs-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .t9-look-grid{grid-template-columns:1fr;gap:48px}.t9-look .cg-bfit{position:static}
}
@media (width<=1100px){
  .t9-hero-in{min-height:0;display:flex;flex-direction:column;gap:36px}
  .t9-coins{position:static;height:auto;order:2;display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -40px;padding:6px 40px 10px;scrollbar-width:none}
  .t9-coins::-webkit-scrollbar{display:none}
  .t9-coins li{position:static;animation:none;flex:none;scroll-snap-align:start}
  .t9-coins a{--d:120px}
  .t9-glass{order:3}
}
/* ---------- phones: the app. One column of cards under the shell's bars, the coins as a row you can swipe */
@media (width<=760px),(max-height:500px) and (pointer:coarse){
  .t9-home .t9-hero{padding:96px 0 24px;border-radius:0 0 28px 28px}
  .t9-hero-in{padding:0 20px;min-height:0;display:flex;flex-direction:column;gap:28px}
  .t9-hero-copy{text-align:left;margin:0}
  .t9-home .t9-hero h1{font-size:56px}
  .t9-dek{font-size:17px;margin-top:16px}
  .t9-ctas{justify-content:flex-start;margin-top:24px}
  .t9-ctas .t9-btn{flex:1 1 140px;justify-content:center}
  .t9-coins{position:static;order:2;display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -20px;padding:4px 20px 8px;scrollbar-width:none}
  .t9-coins::-webkit-scrollbar{display:none}
  .t9-coins li{position:static;animation:none;flex:none;scroll-snap-align:start}
  .t9-coins a{--d:96px}.t9-coins .c3,.t9-coins .c6{display:block}
  .t9-glass{order:3}
  .t9-glass .tg-glass{grid-template-columns:repeat(2,minmax(0,1fr))}
  .t9-glass .tg-glass>div{padding:20px 16px;border-left:0;border-top:1px solid rgba(255,255,255,.16)}
  .t9-glass .tg-glass>div.lead{grid-column:1/-1;border-top:0}
  .t9-glass dt{font-size:32px}
  .t9-home .t9-sec{padding:56px 0}
  .t9-home .t9-sec h2.rise{font-size:40px}
  .t9-lead{font-size:17px}
  .t9-own-grid.t9-n2,.t9-own-grid.t9-n4,.t9-vs-grid{grid-template-columns:1fr;gap:12px}
  .t9-tile,.t9-vs-col{padding:24px 20px;border-radius:20px}
  .t9-tile:hover{transform:none}
  .t9-qa-list li{grid-template-columns:44px 1fr;gap:6px 12px;padding:24px 0}
  .t9-qa-list .t9-a{grid-column:2}
  .t9-qn{font-size:24px}
  .t9-q{font-size:17px}.t9-a{font-size:17px}
  .t9-icons li{grid-template-columns:44px 1fr;gap:16px}
}

/* ---------- CG169 finish: clean grounds, no hairlines between colored sections, no clipped glow on headlines */
html body main section.t9-sec>.px-wrap::before{content:none!important;display:none!important}
html body main :is(h1,h2) :is(.rw,.rwi):not(#a):not(#b):not(#c),html body main :is(h1,h2):not(#a):not(#b):not(#c){text-shadow:none!important}
html body main .tg-close h2 .rw:not(#a):not(#b):not(#c){padding-bottom:.08em}
/* the letter's headline sits in a narrow column: one step down */
html body main .t9-letter h2:not(#a):not(#b):not(#c){font-size:clamp(34px,3.6vw,52px)!important}
/* the seat coin */
.t9-coins .seat a{--d:112px!important;text-align:center}
.t9-coins .seat b{font-size:32px}.t9-coins .seat small{font-size:13px;max-width:80px}
/* the receipts: the big number never leaves its cell */
html body main .t9-glass dl.tg-glass dt:not(#a):not(#b):not(#c){font-size:clamp(30px,2.8vw,42px)!important;white-space:nowrap}
.t9-glass .tg-glass>div.lead{background:rgba(255,255,255,.08)}
/* Do we fit: a calm card, the tally a quiet strip under it */
.t9-look .cg-bfit .tg-fit{padding:40px!important}
html body main .t9-look .tg-fit-card:not(#a):not(#b):not(#c){background:var(--t9-mist)!important;color:var(--t9-ink)!important;box-shadow:inset 0 0 0 1px var(--t9-line)!important;border-radius:20px!important;padding:20px 24px!important}
html body main .t9-look .tg-fit-card :is(.tg-bl,i.a,i.b,i.c):not(#a):not(#b):not(#c){display:none!important}
html body main .t9-look .tg-fit-card *:not(#a):not(#b):not(#c){color:var(--t9-char)!important}
html body main .t9-look .tg-fit-board:not(#a):not(#b):not(#c){display:grid!important;grid-template-columns:1fr!important;gap:0!important;background:none!important;padding:0!important;margin:0!important}
html body main .t9-look .tg-fit-board li:not(#a):not(#b):not(#c){display:flex!important;justify-content:space-between;gap:12px;padding:12px 0!important;border-top:1px solid var(--t9-line)!important;text-align:left!important}
html body main .t9-look .tg-fit-board li:first-child:not(#a):not(#b):not(#c){border-top:0!important}
html body main .t9-look .tg-fit-board li i:not(#a):not(#b):not(#c){display:none!important}
html body main .t9-look .tg-fit-board .tg-fb-k:not(#a):not(#b):not(#c){font:500 15px/1.3 Rubik,sans-serif!important;color:var(--t9-ink)!important}
html body main .t9-look .tg-fit-board .tg-fb-v:not(#a):not(#b):not(#c){display:block!important;font-size:15px!important}
.t9-look .cg-bfit .tg-fit-grid{gap:24px!important}
/* the footer motto in the same voice */
.tg-foot .px-motto{font:800 clamp(28px,2.6vw,40px)/1.05 Rubik,system-ui,sans-serif!important;letter-spacing:-.035em!important;color:var(--t9-ink)!important}
.tg-foot .px-motto span{color:var(--t9-blue)!important}
/* Ask the firm: its title in the UI face */
html body main .cg-ask :is(b,strong,h3,.ak-t,[class*=title]):not(#a):not(#b):not(#c){font-family:Rubik,system-ui,sans-serif!important}
/* phones: the receipts stay glass on the blue card, the buttons stay one line */
@media (width<=760px),(max-height:500px) and (pointer:coarse){
  html body main .t9-glass dl.tg-glass>div:not(#a):not(#b):not(#c){background:rgba(255,255,255,.12)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22)!important;border:0!important;border-radius:18px!important}
  html body main .t9-glass dl.tg-glass:not(#a):not(#b):not(#c){gap:10px!important;background:none!important;box-shadow:none!important;backdrop-filter:none!important}
  html body main .t9-glass dl.tg-glass dt:not(#a):not(#b):not(#c){color:#fff!important;font-size:32px!important}
  html body main .t9-glass dl.tg-glass dd:not(#a):not(#b):not(#c),html body main .t9-glass dl.tg-glass dd :is(b,a):not(#a):not(#b):not(#c){color:rgba(255,255,255,.9)!important}
  html body main .t9-glass dl.tg-glass dd b:not(#a):not(#b):not(#c){color:#fff!important}
  .t9-btn{font-size:17px;white-space:nowrap;padding:0 20px}
  .t9-coins .seat a{--d:96px!important}
  .t9-look .cg-bfit .tg-fit{padding:24px 20px!important}
}
html body main .t9-look form.tg-fit:not(#a):not(#b):not(#c){padding:36px!important}
html body main .t9-look .tg-fit-head:not(#a):not(#b):not(#c){margin-bottom:24px!important;padding:0!important}
html body main :is(legend,.tg-q,.tg-qt):not(#a):not(#b):not(#c){font-family:Rubik,system-ui,sans-serif!important;font-weight:700!important;letter-spacing:-.015em!important}
@media (width<=760px){html body main .t9-look form.tg-fit:not(#a):not(#b):not(#c){padding:24px 20px!important}}
/* one face, as Tiny: the serif leaves the site's display type. The letters keep it, they are letters */
html:root{--px-serif:Rubik,system-ui,-apple-system,sans-serif!important;--ap-serif:Rubik,system-ui,-apple-system,sans-serif!important}
html:root :is(.tg-lcard,.tg-letterpage .prose,.tg-letterpage .tg-salute,.px-art .prose){--px-serif:"Source Serif 4",Georgia,serif!important;--ap-serif:"Source Serif 4",Georgia,serif!important}

/* ---------- CG169 one-sheets: /lab/, /system/, /platform/ */
.os-hero{padding:150px 0 72px!important}
.os-mark{display:inline-flex;align-items:center;margin:0 0 28px;padding:16px 24px;border-radius:999px;background:#fff;box-shadow:0 18px 50px rgba(6,22,80,.25)}
.os-mark img{display:block;width:auto;height:calc(16px * var(--k-group,2.2464))}
.os-mark img.mk-ai{height:calc(16px * var(--k-ai,2.2403))}
html.sh-on .os-mark img{filter:none}
.os-hero .px-dek{max-width:680px}
.os-ctas{justify-content:flex-start!important}
.os-glass{margin-top:56px}
.os-glass .tg-glass{grid-template-columns:repeat(4,minmax(0,1fr))!important}
html body main section.os-sec:not(#a):not(#b):not(#c){padding:120px 0}
html body main section.os-mist:not(#a):not(#b):not(#c){background:var(--t9-mist)}
html body main section.os-sec>.px-wrap::before{content:none!important;display:none!important}
.os-sec h2.rise{max-width:18ch;color:var(--t9-ink)}
.os-cards{margin:48px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.os-cards.os-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.os-cards.os-6{grid-template-columns:repeat(3,minmax(0,1fr))}
.os-cards li{padding:32px 28px;border-radius:var(--t9-r);background:#fff;box-shadow:inset 0 0 0 1px var(--t9-line)}
.os-ck{margin:0 0 14px;font:500 13px/1 Rubik,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--t9-blue)}
html body main .os-cards h3:not(#a):not(#b):not(#c){margin:0 0 10px;font-size:24px!important;line-height:1.15!important;color:var(--t9-ink)}
.os-cards li>p:last-child{margin:0;font-size:17px;line-height:1.55;color:var(--t9-char)}
.os-list{margin:48px 0 0;padding:0;list-style:none;counter-reset:n}
.os-list li{display:grid;grid-template-columns:96px minmax(0,1fr);gap:24px;padding:32px 0;border-top:1px solid var(--t9-line)}
.os-list li:last-child{border-bottom:1px solid var(--t9-line)}
.os-n{font:800 40px/1 Rubik,sans-serif;letter-spacing:-.03em;color:var(--t9-blue)}
html body main .os-list h3:not(#a):not(#b):not(#c){margin:0 0 8px;font-size:32px!important;line-height:1.15!important;letter-spacing:-.025em!important;color:var(--t9-ink)}
.os-list p{margin:0;max-width:640px;font-size:17px;line-height:1.55;color:var(--t9-char)}
.os-steps .os-n{color:#7a8499}
/* the Lab */
.os-shows{margin:48px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.os-shows li{display:flex;align-items:center;gap:24px;padding:20px;border-radius:var(--t9-r);background:#fff;box-shadow:inset 0 0 0 1px var(--t9-line)}
.os-shows img{width:120px;height:120px;border-radius:16px;flex:none}
html body main .os-shows h3:not(#a):not(#b):not(#c){margin:0 0 6px;font-size:24px!important;color:var(--t9-ink)}
.os-shows p{margin:0;color:var(--t9-char)}
.os-follow{margin:28px 0 0;display:flex;gap:24px}
.os-eps{margin:48px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.os-ep{display:flex;flex-direction:column;gap:8px;height:100%;padding:12px 12px 20px;border-radius:var(--t9-r);background:#fff;box-shadow:inset 0 0 0 1px var(--t9-line);text-decoration:none;color:var(--t9-ink);transition:transform .25s,box-shadow .25s}
.os-ep:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px var(--t9-line),0 24px 48px rgba(10,22,51,.08)}
.os-ep:focus-visible{outline:2px solid var(--t9-blue);outline-offset:3px}
.os-eps>li{min-width:0}.os-ep{min-width:0}
.os-ep img{max-width:100%;min-width:0;width:100%;height:auto;aspect-ratio:1;border-radius:14px;margin-bottom:8px}
.os-epk{padding:0 8px;font:500 13px/1.3 Rubik,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:#4b5468}
.os-ept{flex:1;padding:0 8px;font:700 17px/1.25 Rubik,sans-serif;letter-spacing:-.01em}
.os-epm{padding:0 8px;font-size:15px;color:var(--t9-blue)}
/* the System's case */
.os-case{margin-top:48px;padding:40px;border-radius:28px;background:#fff;box-shadow:inset 0 0 0 1px var(--t9-line)}
.os-case-marks{display:flex;flex-wrap:wrap;gap:32px;align-items:center;margin-bottom:32px}
.os-case-marks img{height:calc(18px * var(--k-hv,1.8288));width:auto}
.os-rec{margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.os-rec>div{padding:8px 24px;border-left:1px solid var(--t9-line)}
.os-rec>div:first-child{border-left:0;padding-left:0}
.os-rec dt{font:800 clamp(36px,3.6vw,56px)/1 Rubik,sans-serif;letter-spacing:-.04em;color:var(--t9-blue)}
.os-rec dd{margin:12px 0 0;font-size:15px;line-height:1.45;color:var(--t9-char)}
.os-src{margin:28px 0 0;font-size:15px;color:#5a6274}
.os-src a{color:inherit}
/* the platform's screens */
.os-devices{position:relative;margin-top:56px;padding:56px 56px 0;border-radius:32px;background:linear-gradient(160deg,#1559F5,#0b3fc0);overflow:hidden}
.os-devices figure{margin:0}
.os-lap img{display:block;width:84%;height:auto;border-radius:16px 16px 0 0;box-shadow:0 30px 80px rgba(3,14,60,.45)}
.os-ph{position:absolute;right:56px;bottom:-40px;width:24%}
.os-ph img{display:block;width:100%;height:auto;border-radius:28px;box-shadow:0 30px 80px rgba(3,14,60,.5)}
.os-console{margin:24px 0 0}
.os-console img{display:block;width:100%;height:auto;border-radius:var(--t9-r);box-shadow:inset 0 0 0 1px var(--t9-line),0 24px 60px rgba(10,22,51,.1)}
.t9-own-grid.t9-n3{grid-template-columns:repeat(3,minmax(0,1fr))}
.os-cdek{margin:20px auto 0;max-width:600px;font-size:20px;line-height:1.5;color:rgba(255,255,255,.88)}
.os-close .t9-ctas{justify-content:center}
@media (width<=1100px){
  .os-cards,.os-cards.os-4,.os-cards.os-6,.os-eps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .os-rec{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 0}.os-rec>div:nth-child(3){border-left:0;padding-left:0}
  .os-glass .tg-glass{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .os-glass .tg-glass>div:nth-child(3){border-left:0}
}
@media (width<=760px),(max-height:500px) and (pointer:coarse){
  .os-hero{padding:96px 0 32px!important;border-radius:0 0 28px 28px}
  .os-mark{padding:12px 20px}.os-mark img{height:calc(13px * var(--k-group,2.2464))}.os-mark img.mk-ai{height:calc(13px * var(--k-ai,2.2403))}
  .os-glass{margin-top:32px}
  html body main section.os-sec:not(#a):not(#b):not(#c){padding:56px 0}
  .os-cards,.os-cards.os-4,.os-cards.os-6,.os-shows,.t9-own-grid.t9-n3{grid-template-columns:1fr;gap:12px}
  .os-cards li{padding:24px 20px;border-radius:20px}
  html body main ul.os-eps:not(#a):not(#b):not(#c){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-top:32px!important}
  .os-ep{padding:8px 8px 16px}.os-ept{font-size:15px}.os-epk{font-size:13px}
  .os-list li{grid-template-columns:48px minmax(0,1fr);gap:12px;padding:24px 0}
  .os-n{font-size:24px}
  html body main .os-list h3:not(#a):not(#b):not(#c){font-size:20px!important}
  .os-list p{font-size:17px}
  .os-shows img{width:88px;height:88px}
  .os-case{padding:24px 20px}
  .os-rec dt{font-size:40px}
  .os-devices{padding:24px 20px 0;border-radius:24px}
  .os-lap img{width:100%}.os-ph{position:relative;right:auto;bottom:auto;width:46%;margin:-30% 0 -20px auto}
}
/* one-sheets on the phone: the product's blue card, like home, under the shell's bar */
@media (width<=760px),(max-height:500px) and (pointer:coarse){
  html.sh-on body main>section.os-hero:not(#a):not(#b):not(#c){background:linear-gradient(165deg,#2f6bff,#1559F5 45%,#0d44d0)!important;color:#fff!important;padding:96px 0 28px!important;border-radius:0 0 28px 28px!important;margin:0!important}
  html.sh-on body main>section.os-hero .px-wrap:not(#a):not(#b):not(#c){display:flex!important;flex-direction:column!important;padding:0 20px!important}
  html.sh-on body main>section.os-hero .os-mark:not(#a):not(#b):not(#c){order:0!important;align-self:flex-start;margin:0 0 20px!important}
  html.sh-on body main>section.os-hero .px-kick:not(#a):not(#b):not(#c){order:1!important;color:rgba(255,255,255,.8)!important;margin:0 0 10px!important;font-size:13px!important}
  html.sh-on body main>section.os-hero h1:not(#a):not(#b):not(#c){order:2!important;color:#fff!important;font-size:40px!important}
  html.sh-on body main>section.os-hero h1 em:not(#a):not(#b):not(#c){color:#bcd3ff!important}
  html.sh-on body main>section.os-hero .px-dek:not(#a):not(#b):not(#c){order:3!important;color:rgba(255,255,255,.9)!important;font-size:17px!important;margin:14px 0 0!important}
  html.sh-on body main>section.os-hero .os-ctas:not(#a):not(#b):not(#c){order:4!important;display:flex!important;gap:10px!important;margin:22px 0 0!important}
  html.sh-on body main>section.os-hero .t9-btn.w:not(#a):not(#b):not(#c){background:#fff!important;color:var(--t9-blue)!important;text-decoration:none!important}
  html.sh-on body main>section.os-hero .t9-btn.g:not(#a):not(#b):not(#c){color:#fff!important;text-decoration:none!important}
  html.sh-on body main>section.os-hero .os-glass:not(#a):not(#b):not(#c){order:5!important;display:block!important;margin-top:24px!important}
  html.sh-on body main>section.os-hero dl.tg-glass:not(#a):not(#b):not(#c){display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html.sh-on body main .t9-glass dl.tg-glass>div:not(#a):not(#b):not(#c){grid-column:auto!important;padding:20px 16px!important}
  html.sh-on body main .t9-glass dl.tg-glass>div.lead:not(#a):not(#b):not(#c){grid-column:1/-1!important}
}
/* inner pages on the phone: the shell's light title card, so the em runs blue, not pale */
@media (width<=760px),(max-height:500px) and (pointer:coarse){
  html.sh-on body main>section:is(.tg-pghero:not(.os-hero),.ts,.px-mini) :is(h1,h2) em:not(#a):not(#b):not(#c){color:var(--t9-blue)!important}
}

/* /css/app-cg171.css */
/* CG171 · motion and the app finish. Loaded last. */
/* cards rise in (the class is only ever set by js/reveal-cg171.js, and never under reduced motion) */
.rv{opacity:0;transform:translateY(24px)}
.rv.rv-in{opacity:1;transform:none;transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none}}

/* the photograph beside the letter */
.t9-photo{margin:40px 0 0}
.t9-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:24px;box-shadow:0 24px 60px rgba(10,22,51,.14)}
.t9-photo figcaption{margin:12px 0 0;font-size:13px;line-height:1.4;color:#5a6274}

/* straight answers, as an accordion beside Ask the firm */
.t9-faq{margin:32px 0 0;border-top:1px solid var(--t9-line,#e3e7ef)}
.t9-faq details{border-bottom:1px solid var(--t9-line,#e3e7ef)}
.t9-faq summary{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:12px 0;cursor:pointer;list-style:none;font:500 17px/1.35 Rubik,system-ui,sans-serif;color:var(--t9-ink,#0a1633)}
.t9-faq summary::-webkit-details-marker{display:none}
.t9-faq summary::after{content:"";flex:none;width:28px;height:28px;border-radius:50%;background:#eaf0ff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231559F5' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M12 7v10M7 12h10'/%3E%3C/svg%3E") center/16px no-repeat;transition:transform .25s}
.t9-faq details[open] summary::after{transform:rotate(45deg)}
.t9-faq summary:focus-visible{outline:2px solid var(--t9-blue,#1559F5);outline-offset:4px;border-radius:4px}
.t9-faq details p{margin:0 0 20px;font-size:17px;line-height:1.6;color:var(--t9-char,#454d5c)}

/* Add to Home Screen, in the More sheet */
.sh-steps{margin:4px 0 0;padding:0;list-style:none;counter-reset:s}
.sh-steps li{position:relative;padding:16px 0 16px 52px;border-bottom:1px solid #e3e7ef;counter-increment:s}
.sh-steps li::before{content:counter(s);position:absolute;left:0;top:14px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#1559F5;color:#fff;font:700 17px/1 Rubik,system-ui,sans-serif}
.sh-steps b{display:block;font:600 17px/1.3 Rubik,system-ui,sans-serif;color:#0a1633}
.sh-steps span{display:block;margin-top:4px;font-size:15px;line-height:1.45;color:#454d5c}
.sh-note{margin:16px 0 8px;font-size:15px;color:#5a6274}

@media (width<=760px),(max-height:500px) and (pointer:coarse){
  .t9-photo{margin-top:24px}
  .t9-photo img{border-radius:20px}
}
/* the grounds still alternate with Straight answers folded into Ask the firm */
html body main section.cg-ask:not(#a):not(#b):not(#c){background:#fff}
/* /platform/: the two apps, and Navigator's three screens */
.os-apps{margin:48px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.os-apps a{display:flex;flex-direction:column;gap:12px;height:100%;padding:36px 32px;border-radius:28px;background:linear-gradient(160deg,#1559F5,#0d44d0);color:#fff;text-decoration:none;box-shadow:0 24px 60px rgba(21,89,245,.22);transition:transform .25s}
.os-apps a:hover{transform:translateY(-4px)}
.os-apps a:focus-visible{outline:3px solid #0a1633;outline-offset:3px}
.os-apps .os-ck{margin:0;color:rgba(255,255,255,.8)}
.os-apps b{font:800 32px/1.05 Rubik,system-ui,sans-serif;letter-spacing:-.03em}
.os-apps span{font-size:17px;line-height:1.5;color:rgba(255,255,255,.9)}
.os-apps .t9-tile-go{margin-top:auto;color:#fff;font-weight:500}
.os-navs{margin:56px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.os-navs figure{margin:0}
.os-navs .st-pbezel{max-width:300px;margin:0 auto;padding:9px;border-radius:44px;background:#0d1018;box-shadow:0 30px 80px rgba(10,22,51,.25)}
.os-navs .st-pbezel img{display:block;width:100%;height:auto;border-radius:36px}
.os-navs figcaption{margin:24px auto 0;max-width:300px}
.os-navs figcaption b{display:block;font:700 20px/1.2 Rubik,system-ui,sans-serif;color:var(--t9-ink,#0a1633)}
.os-navs figcaption span{display:block;margin-top:8px;font-size:15px;line-height:1.5;color:var(--t9-char,#454d5c)}
.os-navctas{margin-top:40px!important;justify-content:flex-start!important}
@media (width<=1100px){.os-navs{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}
@media (width<=760px),(max-height:500px) and (pointer:coarse){
  .os-apps{grid-template-columns:1fr;gap:12px;margin-top:32px}
  .os-apps a{padding:24px 20px;border-radius:22px}
  .os-apps b{font-size:24px}
  .os-navs{grid-template-columns:1fr;gap:32px;margin-top:32px}
  .os-navs li{min-width:0}
  .os-navs figure{display:grid;grid-template-columns:44% 1fr;gap:16px;align-items:center}
  .os-navs figcaption{margin:0}
  .os-navs figcaption b{font-size:17px}
  .os-navs .st-pbezel{padding:6px;border-radius:32px}.os-navs .st-pbezel img{border-radius:26px}
  .os-navctas .t9-btn{flex:1 1 140px;justify-content:center}
}
/* the letter: the note under a section added after the recording */
.tg-lnote{font-size:15px!important;color:#5a6274!important;font-style:italic}

/* /css/bold-cg180.css */
/* CG180 · The bold redesign, home (approved Nov 2, 2026).
   Built from the Figma bold pass: louder type, deep blue to navy fields, a full-bleed film band, numbered chapter
   labels, editorial company rows, a navy "What happens next" timeline and a photo-backed close.
   The site's heading rules carry three ids (:not(#a):not(#b):not(#c)) with !important, so every rule here that has to
   win is scoped to main#main, which adds the fourth. */

:root{--bd-ink:#0a1633;--bd-blue:#1559f5;--bd-deep:#1148d4;--bd-sky:#5b8cfa;--bd-mute:#b9c4dd;--bd-pale:#bfd0ff;
  --bd-mono:"IBM Plex Mono",ui-monospace,monospace;--bd-field:radial-gradient(90% 70% at 50% 0%,#3f7bff 0%,rgba(21,89,245,0) 60%),linear-gradient(180deg,#1559f5 0%,#1148d4 55%,#0a1633 100%)}

/* Nav: the pill hugs its contents, so Say aloha sits inside it, centered */
@media (min-width:1101px){
  html body header.px-head.px-head.px-head{width:max-content;max-width:calc(100% - 24px)}
  html body header.px-head.px-head.px-head .px-in{gap:24px;padding-right:8px!important}
}
.px-cta span[aria-hidden]{display:inline-block;line-height:1;transform:translateY(1px);font-size:15px}

/* Mono kicker used by the new bands */
.bd-k{margin:0;font:500 13px/1.3 var(--bd-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--bd-pale)}

/* Chapter labels: 01 · NAME down the page */
main#main{counter-reset:bd-chap}
main#main :is(#letter,#own,#buy,#vs,#ask) .t9-k,main#main .bd-next .bd-k{counter-increment:bd-chap;font:500 13px/1.3 var(--bd-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--bd-blue)}
main#main :is(#letter,#own,#buy,#vs,#ask) .t9-k::before,main#main .bd-next .bd-k::before{content:counter(bd-chap,decimal-leading-zero) "  \00B7  ";color:var(--bd-ink);white-space:pre}
main#main .bd-next .bd-k{color:var(--bd-pale)}
main#main .bd-next .bd-k::before{color:#fff}

/* Hero: deep field, master logo in a white pill above the line */
main#main #top{background:var(--bd-field)!important;background-color:#1559f5!important;padding-bottom:40px}
.bd-pill{display:none}
main#main #top .t9-glass{background:rgba(10,22,51,.28)!important;border-color:rgba(255,255,255,.18)!important;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
@media (min-width:761px){
  main#main #top .t9-kick{display:none}
  main#main #top .bd-pill{display:inline-flex;align-items:center;margin:0 auto 24px;border-radius:999px;background:#fff;padding:12px 28px;box-shadow:0 14px 40px rgba(10,22,51,.22),0 2px 6px rgba(10,22,51,.12)}
  main#main #top .bd-pill img{height:34px;width:auto;display:block}
  main#main #top h1:not(#a):not(#b):not(#c){font-size:clamp(88px,10.4vw,150px)!important;letter-spacing:-.047em!important;line-height:.9!important}
  main#main #top .t9-hero-copy{max-width:760px}
  main#main #top .t9-hero-copy h1{max-width:min(640px,62vw);margin-left:auto;margin-right:auto}
  main#main #top .t9-hero-copy{display:flex;flex-direction:column;align-items:center}
  main#main #top .t9-hero-copy .t9-dek{font-size:20px;max-width:620px;margin-left:auto;margin-right:auto}
  main#main #top .t9-glass .od{font-size:clamp(44px,4.2vw,60px);letter-spacing:-2px}
}

/* Film band, full bleed */
.bd-film{position:relative;height:clamp(560px,54vw,780px);overflow:hidden;background:var(--bd-ink);color:#fff}
.bd-film img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%}
.bd-film::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,22,51,.15) 0%,rgba(10,22,51,0) 30%,rgba(10,22,51,.85) 100%)}
.bd-film-in{position:absolute;z-index:1;left:max(24px,calc(50% - 544px));right:24px;bottom:80px;max-width:1088px}
main#main .bd-film h2:not(#a):not(#b):not(#c){font:800 clamp(64px,7.8vw,112px)/.92 Rubik,sans-serif!important;letter-spacing:-.045em!important;margin:22px 0 0;color:#fff;max-width:none}

/* Section heads louder */
@media (min-width:761px){
  main#main :is(#own,#buy,#vs,#ask) h2:not(#a):not(#b):not(#c){font-size:clamp(56px,6vw,86px)!important;letter-spacing:-.042em!important;line-height:.95!important}
  main#main #selling h2:not(#a):not(#b):not(#c){font-size:clamp(64px,7.8vw,112px)!important;letter-spacing:-.045em!important;line-height:.92!important}
}

/* Letter photo: a Steven-only crop of the Orlando panel */
main#main #letter .t9-photo img.bd-solo{aspect-ratio:4/5;height:auto;object-fit:cover;max-width:320px}

/* The companies, editorial rows: a big image, alternating sides */
.bd-photo{display:block;object-fit:cover;background:#e9eef8}
main#main #own .t9-n2{grid-template-columns:1fr;gap:28px}
main#main #own .t9-n2 .t9-tile{display:grid;grid-template-columns:1.25fr 1fr;align-items:stretch;padding:0;overflow:hidden;min-height:420px}
main#main #own .t9-n2 li:nth-child(2) .t9-tile{grid-template-columns:1fr 1.25fr}
main#main #own .t9-n2 li:nth-child(2) .bd-photo{grid-column:2;grid-row:1}
main#main #own .t9-n2 li:nth-child(2) .bd-body{grid-column:1;grid-row:1}
main#main #own .t9-n2 .bd-photo{width:100%;height:100%;min-height:420px;object-position:0 0}
main#main #own .t9-n2 .bd-body{display:flex;flex-direction:column;justify-content:center;gap:18px;padding:56px}
main#main #own .t9-n2 .bd-body>*{margin:0}
main#main #own .t9-n2 .t9-tile-mark img{height:52px;width:auto}
main#main #own .t9-n2 .t9-tile-line{font-size:20px;line-height:1.55}
main#main #own .t9-n4 .t9-tile{overflow:hidden}
main#main #own .t9-n4 .bd-photo{width:calc(100% + 56px);margin:-32px -28px 24px;height:170px;max-width:none}

/* What happens next: navy timeline */
.bd-next{padding:120px 24px;background:var(--bd-ink);color:#fff}
.bd-next .bd-in{max-width:1088px;margin:0 auto}
main#main .bd-next h2:not(#a):not(#b):not(#c){font:800 clamp(52px,5.8vw,84px)/.95 Rubik,sans-serif!important;letter-spacing:-.043em!important;color:#fff;margin:22px 0 64px;max-width:none}
main#main .bd-next h2 em{font-style:normal;color:var(--bd-sky)}
.bd-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid rgba(255,255,255,.18)}
.bd-steps li{padding:32px 28px 0 0;position:relative}
.bd-steps li::before{content:"";position:absolute;top:-8px;left:0;width:14px;height:14px;border-radius:50%;background:var(--bd-sky);box-shadow:0 0 0 6px rgba(91,140,250,.2)}
.bd-steps b{display:block;font:800 72px/1 Rubik,sans-serif;color:#fff;letter-spacing:-3px;margin-bottom:16px}
main#main .bd-steps h3:not(#a):not(#b):not(#c){font:700 24px/1.2 Rubik,sans-serif!important;color:#fff;margin:0 0 8px;letter-spacing:0!important}
.bd-steps p{font:400 17px/1.6 Rubik,sans-serif;color:var(--bd-mute);margin:0}

/* The close: stage photo under the blue */
main#main #selling{background:linear-gradient(90deg,rgba(17,72,212,.94) 0%,rgba(21,89,245,.80) 55%,rgba(21,89,245,.55) 100%),url(/img/founder/hhcn-panel-stage-1600-96036829.webp) center/cover!important;padding-top:140px!important;padding-bottom:140px!important}

/* Middle widths */
@media (min-width:761px) and (max-width:1100px){
  main#main #own .t9-n2 .bd-body{padding:36px}
  .bd-steps{grid-template-columns:repeat(2,1fr);row-gap:48px;border-top:0}
  .bd-steps li{border-top:2px solid rgba(255,255,255,.18)}
}

/* Phone (390), October app shell kept */
@media (max-width:760px){
  main#main #top{background:radial-gradient(120% 60% at 50% 0%,#3f7bff 0%,rgba(21,89,245,0) 62%),linear-gradient(180deg,#1559f5 0%,#1148d4 52%,#0a1633 100%)!important;background-color:#1559f5!important;padding-bottom:28px!important}
  main#main #top .t9-kick{font:500 13px/1 var(--bd-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--bd-pale);margin-bottom:16px}
  html body.t9-home main#main .t9-hero h1:not(#a):not(#b):not(#c){font-size:clamp(60px,20vw,78px)!important;line-height:.9!important;letter-spacing:-.046em!important}
  main#main #top .t9-hero-copy .t9-dek{font-size:17px;line-height:1.5}
  main#main #top .t9-btn{min-height:56px;font-size:17px;flex:1 1 0;justify-content:center}
  main#main #top .t9-glass{background:rgba(10,22,51,.3)!important}
  main#main #top .t9-glass .od{font-size:44px;letter-spacing:-1.6px}
  .bd-film{height:560px}
  .bd-film-in{left:20px;right:20px;bottom:40px}
  main#main .bd-film h2:not(#a):not(#b):not(#c){font-size:52px!important;letter-spacing:-.042em!important;margin-top:16px}
  main#main :is(#letter,#own,#buy,#vs,#ask) .t9-k,main#main .bd-next .bd-k{font-size:13px;letter-spacing:.16em;display:block}
  main#main :is(#letter,#own,#buy,#vs,#ask,#selling) h2:not(#a):not(#b):not(#c){font-size:46px!important;line-height:.95!important;letter-spacing:-.043em!important}
  main#main #own .t9-n2 .t9-tile,main#main #own .t9-n2 li:nth-child(2) .t9-tile{display:flex;flex-direction:column;min-height:0}
  main#main #own .t9-tile{padding:0;overflow:hidden}
  main#main #own .t9-n2 .bd-photo,main#main #own .t9-n4 .bd-photo{width:100%;height:200px;min-height:0;margin:0;object-position:0 0}
  main#main #own .t9-n2 .bd-photo{height:240px}
  main#main #own .t9-n2 .bd-body{padding:24px;gap:16px}
  main#main #own .t9-n4 .t9-tile>:not(.bd-photo){margin-left:24px;margin-right:24px}
  main#main #own .t9-n4 .bd-photo{margin-bottom:20px!important}
  main#main #own .t9-n4 .t9-tile>:last-child{margin-bottom:24px}
  main#main #own .t9-tile-line{font-size:17px;line-height:1.55}
  main#main #own .t9-tile-go{min-height:44px;display:inline-flex;align-items:center}
  .bd-next{padding:72px 20px}
  main#main .bd-next h2:not(#a):not(#b):not(#c){font-size:46px!important;letter-spacing:-.043em!important;margin:16px 0 36px}
  .bd-steps{display:block;border-top:0}
  .bd-steps li{padding:0 0 32px 32px;border-left:2px solid rgba(255,255,255,.18);margin-left:8px}
  .bd-steps li:last-child{border-left-color:transparent}
  .bd-steps li::before{top:2px;left:-8px}
  .bd-steps b{font-size:48px;letter-spacing:-2px;margin:-8px 0 8px}
  main#main .bd-steps h3:not(#a):not(#b):not(#c){font-size:24px!important}
  main#main #ask button{min-height:44px}
  main#main #selling{background:linear-gradient(180deg,rgba(17,72,212,.92) 0%,rgba(21,89,245,.78) 45%,rgba(10,22,51,.94) 100%),url(/img/founder/hhcn-panel-stage-800-e670b59b.webp) 60% center/cover!important;padding-top:96px!important;padding-bottom:96px!important}
  main#main #selling .tg-btn{min-height:56px;width:100%;justify-content:center}
  .cai-pill{min-height:44px;box-sizing:border-box}
}

/* /css/bold-cg182.css */
/* CG182 · Steven's review of the bold home (Nov 2, 9:26 AM): the proof bar as one even row, and The Culture Lab module
   that always shows the newest field note. Loaded after bold-cg180.css. */

/* The proof bar: one even grid. Every numeral the same size and weight, # and % set smaller, the company as a small
   line above its label, labels at most two lines on one shared baseline, hairline dividers. */
main#main #top .t9-glass dl.bd-proof:not(#a):not(#b):not(#c){display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0!important;border-radius:24px}
main#main #top dl.bd-proof>div:not(#a):not(#b):not(#c){display:grid;grid-template-rows:auto auto auto;align-content:start;text-align:left;padding:28px 24px 28px!important;border-left:1px solid rgba(255,255,255,.16)!important;background:none!important;box-shadow:none!important;border-radius:0!important}
main#main #top dl.bd-proof>div:first-child:not(#a):not(#b):not(#c){border-left:0!important}
main#main #top dl.bd-proof dt:not(#a):not(#b):not(#c){order:0;font:800 clamp(36px,3.4vw,48px)/1 Rubik,sans-serif!important;letter-spacing:-.03em!important;color:#fff!important;white-space:nowrap;font-variant-numeric:tabular-nums lining-nums}
main#main #top dl.bd-proof .od{display:flex;font-size:inherit!important;height:1em;line-height:1;letter-spacing:inherit;vertical-align:top}
/* # leads and % trails: half size, hung from the cap line, so every numeral sits on the same baseline and width */
main#main #top dl.bd-proof .od .vh+b,main#main #top dl.bd-proof .od b:last-child{font-size:.5em;line-height:1.3;align-self:flex-start;position:relative;top:.06em;letter-spacing:0}
main#main #top dl.bd-proof dd{margin:0}
main#main #top dl.bd-proof dd.bd-who{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-top:16px;font:500 13px/1.4 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:#bfd0ff!important}
main#main #top dl.bd-proof dd.bd-who b{font-weight:500;color:#fff!important}
main#main #top dl.bd-proof dd.bd-who a{color:#fff!important;text-transform:none;letter-spacing:0;font:500 13px/1.4 Rubik,sans-serif;white-space:nowrap}
main#main #top dl.bd-proof dd.bd-rc{margin:0}
main#main #top dl.bd-proof dd.bd-rc .tg-rcpt{min-height:44px;margin:-8px 0 -12px!important;display:inline-flex;align-items:center;color:#fff;font:500 13px/1.4 Rubik,sans-serif}
@media (max-width:760px){main#main #top dl.bd-proof dd.bd-rc .tg-rcpt{min-height:44px;margin:0!important;display:inline-flex;align-items:center}}
main#main #top dl.bd-proof dd:not(.bd-who):not(.bd-rc){margin-top:4px;font:400 13px/1.4 Rubik,sans-serif;color:rgba(255,255,255,.85)!important;min-height:2.8em}
@media (min-width:761px) and (max-width:1100px){
  main#main #top dl.bd-proof>div:not(#a):not(#b):not(#c){padding:24px 16px!important}
  main#main #top dl.bd-proof dd.bd-who{flex-direction:column;align-items:flex-start;gap:0}
}
/* Phone: the lead stat full width, the other four two by two, the same parts in the same order */
@media (max-width:760px){
  html body main#main #top .t9-glass dl.bd-proof:not(#a):not(#b):not(#c){grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important;background:none!important;box-shadow:none!important}
  html.sh-on body main#main #top dl.bd-proof>div:not(#a):not(#b):not(#c),html body main#main #top dl.bd-proof>div:not(#a):not(#b):not(#c){padding:20px 16px!important;border:0!important;border-radius:16px!important;background:rgba(255,255,255,.1)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)!important;grid-column:auto!important}
  html.sh-on body main#main #top dl.bd-proof>div.lead:not(#a):not(#b):not(#c),html body main#main #top dl.bd-proof>div.lead:not(#a):not(#b):not(#c){grid-column:1/-1!important}
  html body main#main #top dl.bd-proof dt:not(#a):not(#b):not(#c){font-size:40px!important}
  main#main #top dl.bd-proof dd.bd-who{margin-top:12px;font:500 13px/1.4 "IBM Plex Mono",ui-monospace,monospace!important;letter-spacing:.08em!important;text-transform:uppercase!important}
  html body main#main #top dl.bd-proof>div:not(#a):not(#b):not(#c){display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important}
}

/* The Culture Lab module: the newest field note, filled from cultureai.com's feed (js/lab-cg182.js) */
.bd-lab{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px 20px;align-items:start;margin-top:32px;padding:24px;border-radius:24px;background:linear-gradient(160deg,#1559f5 0%,#1148d4 45%,#0a1633 100%);color:#fff}
.bd-lab-mk{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0}
.bd-lab-pill{display:inline-flex;align-items:center;padding:8px 16px;border-radius:999px;background:#fff;box-shadow:0 8px 20px -8px rgba(0,0,0,.35)}
.bd-lab-mk img{height:24px;width:auto;display:block}
.bd-lab-mk span{font:500 13px/1.3 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:#bfd0ff}
.bd-lab-art{display:block;width:120px;height:120px;border-radius:16px;overflow:hidden;background:#dfe8ff;box-shadow:0 16px 32px -12px rgba(0,0,0,.45)}
.bd-lab-art img{width:100%;height:100%;object-fit:cover;display:block}
.bd-lab-tx{min-width:0}
.bd-lab-n{margin:0 0 8px;font:500 13px/1.3 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase;color:#bfd0ff}
.bd-lab-t{margin:0;font:800 24px/1.1 Rubik,sans-serif;letter-spacing:-.02em;color:#fff}
.bd-lab-t a{color:inherit;text-decoration:none}
.bd-lab-t a:hover{text-decoration:underline;text-underline-offset:4px}
.bd-lab-m{margin:8px 0 0;font:400 13px/1.4 Rubik,sans-serif;color:#c9d5f2}
.bd-lab-go{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 0}
.bd-lab-go button,.bd-lab-go a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:999px;font:600 15px/1 Rubik,sans-serif;text-decoration:none;cursor:pointer}
.bd-lab-go button{background:#fff;color:#0a1633;border:0}
.bd-lab-go button svg{width:16px;height:16px;fill:currentColor}
.bd-lab-go button:hover{background:#e9efff}
.bd-lab-go a{background:rgba(255,255,255,.1);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.bd-lab-go a:hover{background:rgba(255,255,255,.18)}
.bd-lab-go :focus-visible{outline:2px solid #fff;outline-offset:2px}
.bd-lab-go button[hidden]{display:none}
.bd-lab-f{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 0;padding-top:16px;border-top:1px solid rgba(255,255,255,.16)}
.bd-lab-f>span{flex:1 0 100%;font:500 13px/1.3 Rubik,sans-serif;color:#c9d5f2}
.bd-lab-f a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;background:#fff;color:#0a1633;font:500 13px/1 Rubik,sans-serif;text-decoration:none}
.bd-lab-f a svg{width:16px;height:16px}
.bd-lab[aria-busy=true] .bd-lab-t,.bd-lab[aria-busy=true] .bd-lab-n{opacity:.6}
@media (max-width:760px){
  .bd-lab{grid-template-columns:96px minmax(0,1fr);padding:20px}
  .bd-lab-art{width:96px;height:96px}
  .bd-lab-t{font-size:20px}
  .bd-lab-go button,.bd-lab-go a{flex:1 1 0}
}

/* /founder/: his name without the closing period, the spaces around F. drawn in so it reads as one name */
main#main .cg-fhero h1#h-founder:not(#a):not(#b):not(#c){word-spacing:-.07em}

/* Hero pill: the CultureGroup.com master alone (Steven's pick B, Nov 2), on laptops and phones */
main#main #top .bd-pill img{height:34px;width:auto}
@media (max-width:760px){
  main#main #top .t9-kick{display:none}
  main#main #top .bd-pill{display:inline-flex;align-self:flex-start;align-items:center;margin:0 0 20px;border-radius:999px;background:#fff;padding:12px 20px;box-shadow:0 12px 32px rgba(10,22,51,.22),0 2px 6px rgba(10,22,51,.12)}
  main#main #top .bd-pill img{height:24px}
}

/* The close: Steven alone (a Steven-only crop of Dallas 212), head and shoulders always in frame. On laptops the photo
   fills the right half where the blue is lightest and the words sit left; on phones it is its own block above them. */
main#main #selling:not(#a){background:linear-gradient(90deg,#1148d4 0%,#1559f5 50%)!important;position:relative;overflow:hidden}
main#main #selling .bd-close-ph{margin:0}
main#main #selling .bd-close-ph img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 18%}
@media (min-width:761px){
  main#main #selling .bd-close-ph{position:absolute;top:0;right:0;bottom:0;width:46%;z-index:0}
  main#main #selling .bd-close-ph img{-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 40%);mask-image:linear-gradient(90deg,transparent 0%,#000 40%)}
  main#main #selling .tg-close-in{position:relative;z-index:1;text-align:left;margin-left:max(24px,calc(50% - 544px));margin-right:0;max-width:min(600px,50%);padding-left:0;padding-right:0}
  main#main #selling .tg-close-cta,main#main #selling .tg-close-more{justify-content:flex-start}
  main#main #selling h2:not(#a):not(#b):not(#c){font-size:clamp(48px,5.6vw,80px)!important;max-width:none}
  main#main #selling .tg-close-sub{margin-left:0;margin-right:0}
}
@media (max-width:760px){
  main#main #selling:not(#a){padding-top:0!important}
  main#main #selling .bd-close-ph{height:400px;margin:0 0 40px}
}

/* /founder/ Inc. 5000: his whole head and face in frame at every width; on phones the photo is its own block and #97 sits
   under it on navy, never over his face */
.bd-inc img{object-position:50% 18%!important}
@media (max-width:760px){
  .bd-inc{height:auto!important;display:flex!important;flex-direction:column}
  .bd-inc img{position:static!important;height:440px!important}
  .bd-inc::after{display:none}
  .bd-inc-tx{position:static!important;padding:32px 20px 40px!important}
}

/* /css/ohana-cg189.css */
/* CG187 · The Culture Ohana as emblem A, "The Plate" (Steven, Nov 2, 12:54 and 1:00: exactly as GLX builds it, Figma
   177:535): a white plate with a hairline, an inner ring and a long soft shadow; the rocket and THE CULTURE OHANA head from
   the Figma export (img/brand/ohana/culture-ohana-head-cg187.svg); the five master lockups on hairlines (the marks exactly as the Figma emblem export carries them), each keeping its
   link. The same plate on the home and in every footer; on phones the plate keeps its look and scales to the screen,
   with GLX's own phone padding. Values follow glx-425v.css (.emblem, .em-head, .em-rows). */
.oh-plate{position:relative;box-sizing:border-box;width:398px;max-width:100%;padding:48px 49px 53px;background:#fff;border:1px solid #e3e8f2;border-radius:20px;
  box-shadow:0 1px 1px rgba(16,31,64,.03),0 24px 48px -28px rgba(16,31,64,.14)}
.oh-plate::before{content:"";position:absolute;inset:10px;border:1px solid #e9eefb;border-radius:13px;pointer-events:none}
.oh-head{display:block;width:300px;max-width:100%;height:auto;margin:0 auto 26px}
.oh-rows{list-style:none;margin:0;padding:0;border-top:1px solid #e3e8f2}
.oh-rows li{margin:0;padding:0;border-bottom:1px solid #e3e8f2}
.oh-rows a{display:flex;align-items:center;justify-content:center;height:66px;text-decoration:none;transition:background-color .25s}
.oh-rows li:nth-child(4) a{height:69px}
.oh-rows img{display:block;height:30px;width:auto;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.oh-rows img.ai{height:33px}
@media (hover:hover){.oh-rows a:hover{background:#f5f7fc}.oh-rows a:hover img{transform:translateY(-2px)}}
.oh-rows a:focus-visible{outline:2px solid #1559f5;outline-offset:-2px;border-radius:4px}
/* the home: the plate centred under the companies */
.oh-full:not(.oh-foot){margin:64px auto 0}
/* the footer: the plate beside the link groups */
.tg-ft-mid{display:grid;grid-template-columns:minmax(0,1fr) 398px;gap:64px;align-items:start;margin:40px 0}
.tg-ft-mid .tg-ft-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;margin:0!important}
@media (max-width:1100px){.tg-ft-mid{grid-template-columns:1fr;gap:40px}.tg-ft-mid .oh-foot{margin:0 auto}}
/* phones: GLX's phone plate */
@media (max-width:760px){
  .oh-plate{width:100%;padding:40px 24px 44px}
  .oh-head{width:300px;margin-bottom:22px}
  .oh-full:not(.oh-foot){margin-top:40px}
  .tg-ft-mid{gap:32px;margin:32px 0}
}
@media (prefers-reduced-motion:reduce){.oh-rows img,.oh-rows a{transition:none}}

/* CG189 (Steven, 4:10, "the culture group footer is way too long we should have the culture ohana horizontal"): in every
   footer the Ohana is one horizontal strip, plate A turned sideways: the framed white band with its inner ring, THE CULTURE
   OHANA in mono caps on the left, the five master marks in a row on hairlines, each linked as before. On phones it stays
   one line: the label holds the left edge and the marks scroll sideways with snap. */
.oh-strip{width:auto;max-width:none;display:flex;align-items:stretch;padding:10px}
.oh-strip .oh-k{flex:none;display:flex;align-items:center;margin:0;padding:0 28px 0 18px;border-right:1px solid #e3e8f2;
  font:500 13px/1.3 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.2em;text-transform:uppercase;color:#1559f5;white-space:nowrap}
.oh-strip .oh-rows{flex:1;min-width:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:0}
.oh-strip .oh-rows li{border-bottom:0}
.oh-strip .oh-rows li+li{border-left:1px solid #e3e8f2}
.oh-strip .oh-rows a,.oh-strip .oh-rows li:nth-child(4) a{height:72px;padding:0 14px;border-radius:8px}
.oh-strip .oh-rows img{height:22px;max-width:100%}
.oh-strip .oh-rows img.ai{height:24px}
/* the footer: the strip above the link groups, and the link groups one link per line */
.tg-ft-mid{display:flex!important;flex-direction:column-reverse;gap:40px;margin:40px 0}
.tg-ft-mid .tg-ft-grid{margin:0!important}
footer .ft-acc-b{display:flex;flex-direction:column;align-items:flex-start}
@media (min-width:761px){footer .ft-acc-b{gap:12px}footer .ft-acc>summary{margin-bottom:16px}}
@media (min-width:761px) and (max-width:1100px){.oh-strip .oh-k{padding:0 16px 0 12px;letter-spacing:.14em}.oh-strip .oh-rows a{padding:0 8px}.oh-strip .oh-rows img{height:18px}.oh-strip .oh-rows img.ai{height:20px}}
@media (max-width:760px){
  .oh-strip{width:100%;padding:6px;border-radius:16px}
  .oh-strip::before{inset:5px;border-radius:11px}
  .oh-strip .oh-k{width:76px;padding:0 10px 0 10px;white-space:normal;font-size:13px;line-height:1.25;letter-spacing:.1em}
  .oh-strip .oh-rows{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .oh-strip .oh-rows::-webkit-scrollbar{display:none}
  .oh-strip .oh-rows li{flex:none;scroll-snap-align:start}
  .oh-strip .oh-rows a,.oh-strip .oh-rows li:nth-child(4) a{height:56px;padding:0 16px}
  .oh-strip .oh-rows img{height:18px}
  .oh-strip .oh-rows img.ai{height:20px}
  .tg-ft-mid{gap:16px;margin:24px 0}
  footer .tg-ft-mid .tg-ft-grid{padding-top:0!important}
}
.tg-ft-mid>*{box-sizing:border-box;width:100%;max-width:none}
@media (min-width:761px){.tg-ft-mid .tg-ft-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:24px!important}footer .ft-acc-b a{min-height:0}}
@media (min-width:761px) and (max-width:1100px){.tg-ft-mid .tg-ft-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
/* CG189 · the Visit group never folds: its summary is a label, not a control */
footer details.ft-keep>summary{pointer-events:none;list-style:none}
footer details.ft-keep>summary::-webkit-details-marker{display:none}

/* CG189 · the laptop footer under 600px: one top row (mark and motto, the four round social buttons, the selling block),
   the Ohana strip, then Pages and Products as two single rows of links, the address on one line, then the pill and copyright */
@media (min-width:761px){
  html body footer.px-foot.tg-foot .px-in{padding-top:40px!important;padding-bottom:24px!important}
  html body footer.px-foot.tg-foot .tg-ft-top{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;column-gap:40px!important;padding-bottom:0!important;border-bottom:0!important}
  html body footer.px-foot.tg-foot .tg-ft-top>div:first-child{display:grid!important;grid-template-columns:auto 1fr!important;grid-template-rows:auto auto;align-items:center!important;column-gap:32px!important}
  html body footer.px-foot.tg-foot .tg-ft-top>div:first-child>.px-brand{grid-column:1;grid-row:1}
  html body footer.px-foot.tg-foot .tg-ft-top>div:first-child>.px-motto{grid-column:1;grid-row:2;margin:12px 0 0!important;font-size:24px!important;line-height:1.1!important}
  html body footer.px-foot.tg-foot .tg-ft-top>div:first-child>.tg-ft-follow{grid-column:2;grid-row:1/span 2;justify-self:start;margin:0!important;display:flex!important;flex-wrap:nowrap!important;gap:8px!important}
  html body footer.px-foot.tg-foot .tg-ft-follow .px-fbtn{width:44px!important;height:44px!important;min-width:44px;padding:0!important;justify-content:center;border-radius:999px!important}
  html body footer.px-foot.tg-foot .tg-ft-follow .px-fbtn span{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  html body footer.px-foot.tg-foot .tg-ft-follow .px-fbtn svg{margin:0!important}
  html body footer.px-foot.tg-foot .tg-ft-sell{margin:0!important;padding:0!important;border:0!important;text-align:left}
  html body footer.px-foot.tg-foot .tg-ft-sell .tg-ft{margin:0 0 4px!important}
  html body footer.px-foot.tg-foot .tg-ft-sell .tg-ft-lead{margin:0 0 12px!important;font-size:15px!important;line-height:1.4!important}
  html body footer.px-foot.tg-foot .tg-ft-sell .tg-fm{margin:0!important;display:flex;align-items:center;gap:16px}
  html body footer.px-foot.tg-foot .tg-ft-mid{gap:24px!important;margin:32px 0 0!important}
  html body footer.px-foot.tg-foot .tg-ft-mid .tg-ft-grid{display:block!important;padding:0!important;border:0!important}
  html body footer.px-foot.tg-foot .tg-ft-grid>*{display:block;margin:0!important;padding:0!important;border:0!important}
  html body footer.px-foot.tg-foot .tg-ft-grid>div:nth-child(2){display:none!important}
  html body footer.px-foot.tg-foot .tg-ft-grid details{display:block}
  html body footer.px-foot.tg-foot .tg-ft-grid summary.tg-ft-k{float:left;width:120px;margin:0!important;padding:0!important;line-height:44px!important;min-height:44px}
  html body footer.px-foot.tg-foot .tg-ft-grid .ft-acc-b{display:flex!important;flex-direction:row!important;flex-wrap:wrap;align-items:center;column-gap:32px!important;row-gap:0!important;overflow:hidden}
  html body footer.px-foot.tg-foot .tg-ft-grid .ft-acc-b a{min-height:44px!important;display:inline-flex!important;align-items:center;margin:0!important;padding:0!important}
  html body footer.px-foot.tg-foot .tg-ft-grid .px-addr{overflow:hidden;margin:0!important;line-height:44px!important;font-style:normal}
  html body footer.px-foot.tg-foot .tg-ft-grid .px-addr br{display:none}
  html body footer.px-foot.tg-foot .tg-ft-grid .px-addr br+*,html body footer.px-foot.tg-foot .tg-ft-grid>div:first-child .px-addr{white-space:nowrap}
  html body footer.px-foot.tg-foot .px-legal{margin-top:24px!important;padding-top:16px!important;align-items:center}
}
footer .ft-sep{display:none}
@media (min-width:761px){html body footer.px-foot.tg-foot .ft-sep{display:inline}}

/* /css/pill-cg186.css */
/* CG186 · the living pills. The kit's two pulses used to play once when the page opened, so a footer pill had finished
   before anyone scrolled to it. Now the dot rests lit with a soft glow in the pill's colour, and the two pulses play each
   time the pill comes into view (60 percent showing; js/pill-cg186.js), again after it leaves and returns, and on hover
   or focus. Reduced motion: a lit dot, no movement. */
@keyframes cg-pill-pulse{50%{opacity:.35;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 0%,transparent),0 0 2px color-mix(in srgb,currentColor 10%,transparent)}}
@keyframes cg-pill-pulse-h{50%{opacity:.35;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 0%,transparent),0 0 2px color-mix(in srgb,currentColor 10%,transparent)}}
html body .cai-pill i{animation:none;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 18%,transparent),0 0 6px color-mix(in srgb,currentColor 55%,transparent)}
html body .cai-pill.cg-live i{animation:cg-pill-pulse 2.4s ease-in-out 2}
html body .cai-pill:is(:hover,:focus-visible) i{animation:cg-pill-pulse-h 2.4s ease-in-out 2}
@media (prefers-reduced-motion:reduce){html body .cai-pill i,html body .cai-pill.cg-live i,html body .cai-pill:is(:hover,:focus-visible) i{animation:none}}

/* /css/home-cg187.css */
/* CG187 · the home (Steven, Nov 2, 1:06 and 1:11): the letter section reads as a story. The headline, then the letter
   object in the GLX style (a paper sheet with the master mark, the folio, the salutation, the first two sentences word for
   word, the signature row and Read the letter), then What the Group operates. The Lab module has its own place after the
   Ohana plate. */
html body main#main:not(#z1):not(#z2):not(#z3) #letter>.px-wrap{display:grid;grid-template-columns:minmax(0,1fr) 560px;gap:64px;align-items:center}
html body main#main:not(#z1):not(#z2):not(#z3) #letter .bd-lhead h2{max-width:none!important}
.bd-paper{position:relative;isolation:isolate;box-sizing:border-box;width:100%;max-width:560px;margin:0;padding:56px 64px 44px;background:#fff;border:1px solid #e3e8f2;border-radius:3px;
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 40px 70px -40px rgba(16,32,64,.30),0 12px 24px -16px rgba(16,32,64,.16);transform:rotate(-.6deg);transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .3s}
.bd-paper::before{content:"";position:absolute;inset:0;z-index:-1;background:#fff;border:1px solid #e3e8f2;border-radius:3px;transform:translate(10px,8px) rotate(-2.8deg);box-shadow:0 18px 36px -12px rgba(16,31,64,.08);pointer-events:none}
@media (hover:hover){.bd-paper:hover{transform:rotate(0) translateY(-6px)}}
.bd-paper .bd-paper-mk{display:block;width:200px;height:auto;margin:0 0 32px}
.bd-paper .bd-paper-meta{display:flex;justify-content:space-between;gap:12px;margin:0 0 28px;padding:10px 0;border-top:1px solid #e3e8f2;border-bottom:1px solid #e3e8f2;
  font:500 13px/1.3 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:#56607a}
html body main#main:not(#z1):not(#z2):not(#z3) .bd-paper .tg-salute{margin:0 0 16px!important;font:600 20px/1.35 "Source Serif 4",Georgia,serif!important;color:#0a1633!important}
html body main#main:not(#z1):not(#z2):not(#z3) .bd-paper .bd-paper-p{margin:0!important;font:400 20px/1.6 "Source Serif 4",Georgia,serif!important;color:#2a3446!important}
html body main#main:not(#z1):not(#z2):not(#z3) .bd-paper .tg-lsig{margin:32px 0 0!important;padding:24px 0 0!important;border-top:1px solid #e3e8f2!important}
.bd-paper .bd-paper-go{margin:24px 0 0}
.bd-paper .bd-paper-go .px-cta{display:inline-flex;align-items:center;min-height:48px;padding:0 24px;border-radius:999px;background:#1559f5;color:#fff;font:600 16px/1 Rubik,sans-serif;text-decoration:none}
.bd-paper .bd-paper-go .px-cta:hover{background:#1148d4}
.bd-paper .bd-paper-go .px-cta:focus-visible{outline:2px solid #1559f5;outline-offset:3px}
/* the Lab module in its own place */
html body main#main:not(#z1):not(#z2):not(#z3) .bd-labsec{padding-top:0!important}
html body main#main:not(#z1):not(#z2):not(#z3) .bd-labsec .bd-lab{max-width:720px;margin:0 auto}
@media (max-width:1100px){html body main#main:not(#z1):not(#z2):not(#z3) #letter>.px-wrap{grid-template-columns:1fr;gap:40px}.bd-paper{justify-self:center}}
@media (max-width:760px){
  html body main#main:not(#z1):not(#z2):not(#z3) #letter>.px-wrap{gap:24px}
  .bd-paper{padding:28px 24px 24px;transform:none;max-width:none}
  .bd-paper::before{transform:translate(6px,8px) rotate(-1.6deg)}
  .bd-paper .bd-paper-mk{width:150px;margin-bottom:20px}
  .bd-paper .bd-paper-meta{margin-bottom:20px}
  html body main#main:not(#z1):not(#z2):not(#z3) .bd-paper .tg-salute{font-size:17px!important}
  html body main#main:not(#z1):not(#z2):not(#z3) .bd-paper .bd-paper-p{font-size:17px!important}
  html body main#main:not(#z1):not(#z2):not(#z3) .bd-paper .tg-lsig{margin-top:24px!important;padding-top:16px!important}
  .bd-paper .bd-paper-go .px-cta{display:flex;justify-content:center}
}
@media (prefers-reduced-motion:reduce){.bd-paper,.bd-paper:hover{transform:none;transition:none}}

/* /css/phone-cg189.css */
/* CG187 · the phone pass (Steven, Nov 2, 1:00 to 1:08): an app at 375 to 430, not a squeezed desktop page.
   Loaded last on every page. Phone rules sit under (max-width:760px); the reveal guard applies everywhere. */
picture.cg-pic{display:contents}
:root{--ph-1:16px;--ph-2:24px;--ph-3:32px;--ph-4:48px}

/* reveal never hides content: without JS nothing is hidden; on phones headings and cards are there from the first paint */
html:not(.js) .rv{opacity:1!important;transform:none!important;translate:none!important}
@media (max-width:760px){
  html.js .rise .rwi,html.js .rise:not(.on) .rwi{transform:none!important;transition:none!important}
  html .rv,html.js .px-rv .rv{opacity:1!important;transform:none!important;translate:none!important;transition:none!important}
}

@media (max-width:760px){
  /* the top bar: one tidy row at the shell's 56px (46 once its title takes over), the safe-area inset on top, a hairline shadow after a little scroll */
  html.sh-on body header.px-head{box-sizing:border-box;padding-top:env(safe-area-inset-top)!important;transition:box-shadow .2s}
  html.sh-on.cg-tight body header.px-head{box-shadow:0 1px 0 rgba(10,22,51,.08),0 8px 24px -16px rgba(10,22,51,.24)}
  html.sh-on body header.px-head .px-brand img.mk-group{height:28px!important;width:auto!important}
  html.sh-on body header.px-head .sh-ask{min-height:44px!important}

  /* heroes: mark pill, eyebrow, headline, lede, actions, on one 16/24 scale; the hero numeral is hidden */
  html body main#main>section.tg-pghero:not(.tg-fdhero):not(.article-hero){padding-top:calc(80px + env(safe-area-inset-top))!important;padding-bottom:var(--ph-4)!important}
  html body main#main>section.article-hero{padding-top:calc(80px + env(safe-area-inset-top))!important}
  html body main#main>section.t9-hero{padding-top:calc(80px + env(safe-area-inset-top))!important}
  html body main#main>section.tg-pghero:not(.tg-fdhero)>.px-wrap{display:flex!important;flex-direction:column!important;gap:var(--ph-1)!important}
  html body main#main>section.tg-pghero:not(.tg-fdhero)>.px-wrap>*{order:5;margin-top:0!important;margin-bottom:0!important}
  html body main#main>section.tg-pghero>.px-wrap>:is(.os-mark,.st-mark){order:0!important;align-self:flex-start}
  html body main#main>section.tg-pghero>.px-wrap>:is(.px-kick,.tg-num){order:1!important}
  html body main#main>section.tg-pghero>.px-wrap>h1{order:2!important}
  html body main#main>section.tg-pghero>.px-wrap>:is(.px-dek,.tg-pgdek,.rlede){order:3!important}
  html body main#main>section.tg-pghero>.px-wrap>:is(.tg-pgcta,.t9-ctas,.px-ctas,.cg-more){order:4!important;margin-top:var(--ph-1)!important}
  html body main#main section.tg-pghero .tg-num>span{display:none!important}

  /* sections on the phone scale: 48 between sections, nothing bigger */
  html body main#main>section:not(:first-child){padding-bottom:var(--ph-4)!important}
  html body main#main>section:not(:first-child)[id="next"],html body main#main>section#prize{padding-top:var(--ph-4)!important}
  html body main#main>section:is(.bd-close,.tg-close,.st-close,#selling,#start){padding-bottom:var(--ph-4)!important}
  html body main#main :is(.px-sechead,.cg-rhead,.t9-k,.tg-head)+*{margin-top:0}
  html body main#main section h2{margin-bottom:var(--ph-1)!important}
  html body main#main section :is(.cg-ssub,.t9-lead,.px-sub){margin-top:0!important;margin-bottom:var(--ph-2)!important}

  /* nothing under 12px */
  .cai-pill{font-size:12px!important}
  .cai-pill span{font-size:12px!important}

  html body main#main img.cg-phcrop{aspect-ratio:auto}
/* the product screens: a phone frame, a real phone capture, sized to the screen */
  html body main#main img.cg-phshot{display:block!important;padding:0!important;max-width:none!important;box-sizing:border-box!important;width:min(100%,300px)!important;height:auto!important;aspect-ratio:780/1300!important;object-fit:cover!important;object-position:50% 0!important;margin:0 auto!important;border:8px solid #0a1633!important;border-radius:36px!important;background:#0a1633!important;box-shadow:0 32px 64px -32px rgba(10,22,51,.45),0 0 0 1px rgba(10,22,51,.12)!important}
  .cg-desk{display:none!important}
  /* cards that showed a laptop screen show the top of the phone screen instead */
  img.cg-phcrop{object-fit:cover!important;object-position:50% 0!important}
  /* the swipe carousel */
  .cg-car{display:block!important;margin:var(--ph-2) -16px 0;position:relative}
  .cg-car-t{display:flex;gap:var(--ph-1);overflow-x:auto;scroll-snap-type:x mandatory;padding:8px 16px 24px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .cg-car-t::-webkit-scrollbar{display:none}
  .cg-car-s{flex:0 0 78%;scroll-snap-align:center;margin:0}
  html body main#main .cg-car-s img.cg-phshot{width:100%!important}
  .cg-car-d{display:flex;justify-content:center;gap:0;margin-top:-8px}
  .cg-car-d button{width:44px;height:44px;padding:0;border:0;background:none;display:grid;place-items:center;cursor:pointer}
  .cg-car-d button::before{content:"";width:8px;height:8px;border-radius:50%;background:#c9d4ea;transition:background-color .2s,width .2s}
  .cg-car-d button[aria-current="true"]::before{background:#1559f5;width:20px;border-radius:4px}

  /* the footer: grouped rows that fold, app style */
  html body footer .ft-acc{border-bottom:1px solid rgba(10,22,51,.1)}
  html body footer .tg-ft-grid{display:block!important}
  html body footer .tg-ft-grid>*{margin:0!important}
  html body footer .ft-acc>summary{display:flex;align-items:center;justify-content:space-between;min-height:56px;margin:0!important;cursor:pointer;list-style:none;font:600 15px/1.2 Rubik,sans-serif!important;letter-spacing:0!important;text-transform:none!important;color:#0a1633!important}
  html body footer .ft-acc>summary::-webkit-details-marker{display:none}
  html body footer .ft-acc>summary::after{content:"";width:8px;height:8px;border-right:2px solid #8a94a6;border-bottom:2px solid #8a94a6;transform:rotate(45deg);margin:-4px 4px 0 0;transition:transform .2s}
  html body footer .ft-acc[open]>summary::after{transform:rotate(-135deg);margin-top:4px}
  html body footer .ft-acc>:not(summary){padding:0 0 var(--ph-1)!important;margin:0!important}
  html body footer .ft-acc .ft-acc-b{display:flex;flex-direction:column}
  html body footer .ft-acc .ft-acc-b a{min-height:44px;display:flex;align-items:center}
}
/* laptops: the groups are plain labelled columns */
@media (min-width:761px){
  footer .ft-acc>summary{list-style:none;pointer-events:none;cursor:default}
  footer .ft-acc>summary::-webkit-details-marker{display:none}
  .cg-car,.cg-phonly{display:none!important}
}

/* sections on one rhythm: two white sections share one 48px gap (it was 96: the section's 48 below plus the next one's 48
   above); a white section after a coloured band, or a band itself, keeps 48 inside */
@media (max-width:760px){
  html body main#main>section:is(#letter,#own,#lab-newest,#vs,#ask,#believe,#platform,#parent,#parts,#companies,#family,#steven,#writing,#press,.cg-lift,#what,#listen,#latest,#principles,#order,#case,#apps,#okr,#connect,#pieces,#services,#how,#work,#shows,#rules,#faq,#screens,#features,#related):not(:first-child){padding-top:0!important}
  html body main#main>section:is(#letter,#own,#lab-newest,#vs,#ask,#believe,#platform,#parent,#parts,#companies,#family,#steven,#writing,#press,.cg-lift,#what,#listen,#latest,#principles,#order,#case,#apps,#okr,#connect,#pieces,#services,#how,#work,#shows,#rules,#faq,#screens,#features,#related):not(:first-child)>:is(.px-wrap,.wrap){padding-top:0!important}
  html body main#main>section:not(:is(#letter,#own,#lab-newest,#vs,#ask,#believe,#platform,#parent,#parts,#companies,#family,#steven,#writing,#press,.cg-lift,#what,#listen,#latest,#principles,#order,#case,#apps,#okr,#connect,#pieces,#services,#how,#work,#shows,#rules,#faq,#screens,#features,#related))+section:is(#letter,#own,#lab-newest,#vs,#ask,#believe,#platform,#parent,#parts,#companies,#family,#steven,#writing,#press,.cg-lift,#what,#listen,#latest,#principles,#order,#case,#apps,#okr,#connect,#pieces,#services,#how,#work,#shows,#rules,#faq,#screens,#features,#related){padding-top:var(--ph-4)!important}
  html body main#main>section.cg-lift+section{padding-top:0!important}
}
@media (max-width:760px){
  html body main#main section :is(.px-wrap,.wrap)>:last-child{margin-bottom:0!important}
  html body main#main section :is(.cg-parts,.st-fn,.cg-fn,.tg-rules,.t9-own-grid,.st-shots,.os-devices):not(:last-child){margin-bottom:var(--ph-2)!important}
  html body main#main img.cg-phcrop{aspect-ratio:4/3!important;height:auto!important}
}
@media (max-width:760px){html body main#main:not(#z1):not(#z2):not(#z3) .tg-ps-rows li>b{font-size:12px!important}}
@media (max-width:760px){html body main#main:not(#z1):not(#z2):not(#z3) section.tg-pghero .tg-num>span{display:none!important}}
@media (max-width:760px){.cg-car-t:focus-visible{outline:2px solid #1559f5;outline-offset:-2px;border-radius:12px}}
/* CG189 · the footer under 700px on phones: the motto and the call to sell on compact rows, the four socials as one row of
   round 44px buttons (their names stay for screen readers), the Installed pill and the copyright kept */
@media (max-width:760px){
  html body footer.px-foot.tg-foot .tg-ft-top{display:block!important;padding-bottom:16px!important}
  html body footer.px-foot.tg-foot .px-brand img.mk-group{height:24px!important;width:auto!important}
  html body footer.px-foot.tg-foot .px-motto{font:800 24px/1.1 Rubik,system-ui,sans-serif!important;line-height:1.1!important;margin:12px 0 0!important}
  html body footer.px-foot.tg-foot .tg-ft-follow{display:flex!important;flex-wrap:nowrap!important;gap:8px!important;margin:16px 0 0!important}
  html body footer.px-foot.tg-foot .tg-ft-follow .px-fbtn{width:44px!important;height:44px!important;min-height:0!important;padding:0!important;border-radius:50%!important;justify-content:center!important}
  html body footer.px-foot.tg-foot .tg-ft-follow .px-fbtn span{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
  html body footer.px-foot.tg-foot .tg-ft-sell{margin:20px 0 0!important;padding:16px 0 0!important;border-top:1px solid rgba(10,22,51,.08)}
  html body footer.px-foot.tg-foot .tg-ft-sell .tg-ft{margin:0!important;font-size:13px!important}
  html body footer.px-foot.tg-foot .tg-ft-sell .tg-ft-lead{margin:4px 0 12px!important;font-size:15px!important;line-height:1.4!important}
  html body footer.px-foot.tg-foot .tg-ft-sell .tg-fm{display:flex!important;flex-wrap:wrap;align-items:center;gap:8px 16px!important;margin:0!important}
  html body footer.px-foot.tg-foot .tg-ft-sell .tg-fm .px-btn{min-height:44px;padding:0 18px!important;font-size:15px!important}
  html body footer.px-foot.tg-foot .px-legal{margin-top:16px!important;padding-top:16px!important;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
  html body footer.px-foot.tg-foot .px-legal p{margin:0!important;font-size:13px!important}
}
@media (max-width:760px){
  html body footer.px-foot.tg-foot .tg-ft-mid .tg-ft-grid{display:grid!important;grid-template-columns:1fr 1fr!important;column-gap:16px!important;align-items:start}
  html body footer.px-foot.tg-foot .tg-ft-grid .ft-acc>summary{min-height:48px!important;font-size:15px!important}
  html body footer.px-foot.tg-foot .tg-ft-grid .ft-acc .ft-acc-b a{min-height:44px}
  html body footer.px-foot.tg-foot .px-in{padding-top:32px!important;padding-bottom:24px!important}
  html body footer.px-foot.tg-foot .px-legal .px-meter{flex-basis:100%}
}
/* the footer, phone, under 600px: the mark and the four socials on one row, the motto under it, the call to sell as one
   line of two buttons, the Ohana strip, Pages and Products as two tap-to-open groups side by side, the address as one
   compact row, then the Installed pill and the copyright. The Call group repeats the call button above, so it folds away. */
@media (max-width:760px){
  html body footer.px-foot.tg-foot .tg-ft-top>div:first-child{display:grid!important;grid-template-columns:auto 1fr;align-items:center;column-gap:12px}
  html body footer.px-foot.tg-foot .tg-ft-top>div:first-child>.px-brand{grid-column:1;grid-row:1}
  html body footer.px-foot.tg-foot .tg-ft-top>div:first-child>.tg-ft-follow{grid-column:2;grid-row:1;justify-self:end;margin:0!important}
  html body footer.px-foot.tg-foot .tg-ft-top>div:first-child>.px-motto{grid-column:1/-1;grid-row:2;margin:16px 0 0!important}
  html body footer.px-foot.tg-foot .tg-ft-follow{gap:4px!important}
  html body footer.px-foot.tg-foot .tg-ft-follow .px-fbtn{width:44px!important;height:44px!important;border:0!important;background:none!important;box-shadow:none!important}
  html body footer.px-foot.tg-foot .tg-ft-sell .tg-ft-lead{display:none!important}
  html body footer.px-foot.tg-foot .tg-ft-sell .tg-ft{margin:0 0 8px!important}
  html body footer.px-foot.tg-foot .tg-ft-sell{margin-top:16px!important;padding-top:16px!important}
  html body footer.px-foot.tg-foot .tg-ft-top{padding-bottom:0!important;border-bottom:0!important}
  html body footer.px-foot.tg-foot .tg-ft-grid>div:nth-child(2){display:none!important}
  html body footer.px-foot.tg-foot .tg-ft-grid>div:first-child{grid-column:1/-1;order:3;border:0}
  html body footer.px-foot.tg-foot .tg-ft-grid>div:first-child .ft-acc{border:0!important}
  html body footer.px-foot.tg-foot .tg-ft-grid>div:first-child summary{display:none!important}
  html body footer.px-foot.tg-foot .tg-ft-grid>div:first-child .px-addr{display:block!important;padding:12px 0 0!important;font-size:13px!important;line-height:1.4!important;color:#56607a}
  html body footer.px-foot.tg-foot .tg-ft-grid .ft-acc>summary{min-height:48px!important}
  html body footer.px-foot.tg-foot .px-legal{margin-top:16px!important;padding-top:16px!important}
  html body footer.px-foot.tg-foot .px-legal p{font-size:13px!important;line-height:1.4!important}
  html body footer.px-foot.tg-foot .px-in{padding-top:24px!important;padding-bottom:16px!important}
}
@media (max-width:760px){
  html body footer.px-foot.tg-foot .tg-ft-sell .tg-fm{flex-wrap:nowrap!important;gap:12px!important}
  html body footer.px-foot.tg-foot .tg-ft-sell .tg-fm .px-btn{padding:0 16px!important;font-size:15px!important;white-space:nowrap}
  html body footer.px-foot.tg-foot .tg-ft-sell .tg-fm .px-link{font-size:15px!important;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}
  html body footer.px-foot.tg-foot .tg-ft-grid{row-gap:0!important}
  html body footer.px-foot.tg-foot .tg-ft-grid>div:first-child .px-addr{padding-top:8px!important}
  html body footer.px-foot.tg-foot .tg-ft-mid{margin:16px 0 0!important}
}
@media (max-width:760px){
  html body footer.px-foot.tg-foot .px-legal{display:grid!important;grid-template-columns:auto 1fr;align-items:center;gap:4px 12px!important}
  html body footer.px-foot.tg-foot .px-legal .cai-pill{grid-row:1/span 2}
  html body footer.px-foot.tg-foot .px-legal .px-meter{flex-basis:auto}
  html body footer.px-foot.tg-foot .tg-ft-sell .tg-ft{display:none!important}
}

/* CG189 · How we invest film band: no empty dark tail under the copy on phones */
@media (max-width:760px){
html body main#main:not(#z1)>section.up-film:not(:first-child){padding-bottom:0!important}
html body main#main:not(#z1):not(#z2):not(#z3) .up-film .ov{padding:32px 16px 40px}
html body main#main:not(#z1):not(#z2):not(#z3) .up-film .ov > :last-child{margin-bottom:0}
}

/* CG189 · Studio: the four engagement steps once on phones; the described list stays, the short flow list goes */
@media (max-width:760px){
html body main#main:not(#z1) section#how figure.st-flow:has(~ dl.st-fn4){display:none!important}
}

/* CG189 · narrowest phones: the social buttons take their own row so nothing runs sideways at 320 */
@media (max-width:359px){
html body footer.px-foot.tg-foot .tg-ft-top>div:first-child>.tg-ft-follow{grid-column:1/-1;grid-row:2;justify-self:start;margin:12px 0 0!important}
html body footer.px-foot.tg-foot .tg-ft-top>div:first-child>.px-motto{grid-row:3}
}
@media (max-width:359px){html body footer.px-foot.tg-foot .tg-ft-sell .tg-fm{flex-wrap:wrap!important}}
/* CG189 · footer clearance under the tab bar on the 4px grid (74 became 76) */
@media (max-width:760px){html.sh-on body>footer.px-foot.tg-foot{padding-bottom:calc(var(--sh-end) + 2px)!important}}
/* CG189 · phone footer under 600 with the tab bar's room: no rule above the contact row, the address on one line */
@media (max-width:760px){
  html body footer.px-foot.tg-foot .tg-ft-sell{padding-top:0!important;border-top:0!important;margin-top:16px!important}
  html body footer.px-foot.tg-foot .tg-ft-top>div:first-child>.px-motto{margin-top:12px!important}
  html body footer.px-foot.tg-foot .tg-ft-top>div:first-child{align-items:center!important;row-gap:0!important}
  html body footer.px-foot.tg-foot .tg-ft-top>div:first-child>.px-brand{margin:0!important;align-self:center!important}
}
/* CG189 · home Ask on phones: the panel hugs its starters instead of holding 700px; answers scroll inside up to 60% of the screen */
@media (max-width:760px){
  html body main#main:not(#z1) section#ask .tg-askwrap,html body main#main:not(#z1) section#ask .tg-askwrap>div,html body main#main:not(#z1) section#ask .px-askp.inline,html body main#main:not(#z1) section#ask .px-askp-in{height:auto!important;min-height:0!important}
  html body main#main:not(#z1) section#ask .px-askp-thread{flex:none!important;max-height:60vh;overflow:auto}
}
@media (max-width:760px) and (min-width:360px){html body footer.px-foot.tg-foot .tg-ft-top>div:first-child>.px-follow.tg-ft-follow:not(#a):not(#b):not(#c){margin:0!important}}

/* /css/cg197.css */
/* CG197 · The Nov 2 site restored, with a simpler header (Steven, Nov 3) and no photo twice on one page. */
/* The header: the logo, three links and Say aloha on laptops; the logo and one menu button on phones. Sign in left the
   public header. Platform and the Studio stay in the menu and the footer. */
.px-head .px-nav{gap:40px!important}
.px-head .px-nav a,.px-head .px-acts>.px-cta{font-weight:500!important;white-space:nowrap}
.px-head .px-acts{gap:16px}
@media (min-width:941px){.px-head .px-in{gap:40px}.px-head .px-nav{margin-left:auto!important}}
/* phones: the app shell hides the header menu; it comes back as the one button, and the panel sits under the bar */
:root.sh-on.sh-on body .px-head .px-acts>.px-menu{display:block!important}
:root.sh-on.sh-on body .px-head .px-acts>.px-cta{display:none!important}
:root.sh-on body .px-head .px-menu summary{width:44px;height:44px}
:root.sh-on body .px-head .px-menu .px-panel{max-height:calc(100svh - 120px);overflow:auto}
:root.sh-on body .px-head .px-menu .px-panel a{min-height:44px;display:flex;align-items:center}
:root.sh-on body .px-head .px-menu .px-panel a.px-cta{justify-content:center;margin-top:12px}
/* no photo twice on one page: the founder's phone close repeated the Dallas 212 shot from the events; the Letter keeps
   one portrait, in the author card */
.bd-fclose{display:none!important}
body:has(.tg-sig) .px-who img,.tg-sig img{display:none!important}
/* phones: the CultureAI pills read at 13px, and the footer sits under 600 from 360 up */
.cai-pill span{font-size:13px!important}
html body footer.px-foot.tg-foot .px-legal .cai-pill span{white-space:nowrap}
@media (max-width:760px){html body footer.px-foot.tg-foot .px-in.px-in{padding-top:16px!important;padding-bottom:8px!important}html body footer.px-foot.tg-foot .tg-ft-mid.tg-ft-mid{margin-top:8px!important}}
/* CG198 (the Nov 3 audit): wordmarks large enough to read, and the floating bar never sits on a section's first line */
@media (max-width:760px){.t9-coins a{--d:112px!important}.t9-coins img.mk-hv{width:88%!important}.oh-strip .oh-rows img{height:22px!important}.oh-strip .oh-rows img.ai{height:24px!important}}
@media (min-width:761px){html{scroll-padding-top:112px}}
html body .tg-close .tg-coins2{--cap:12px!important}

/* /css/hero-cg201.css */
/* CG201 · The Home hero, leveled up (Figma 34 · CG Level-up, approved by Steven Nov 3: "i like the new hero").
   The blue field takes light from several directions and two faint orbit rings; the coins come in two sizes with one shadow
   recipe; "We buy to keep." is larger, tracked -4%; the sub-line is one sentence; the five receipts are one glass instrument
   with a HealthView / The Group scale. Numbers are final on first paint. On load the light blooms, the headline rises out of
   a soft blur and the coins settle in a stagger; on scroll the coins drift at two depths and the header pill condenses
   (js/hero-cg201.js). Nothing moves under reduced motion. Everything below the hero is unchanged.
   Laptops are drawn to the 1440 frame and scale down with the window (--u is one frame pixel); phones (760 and under) follow
   the 390 frame. */

main#main>#top.h201{
  --u:min(1px,calc(100vw / 1440));
  --ink:#0a1633;--blue:#1559f5;
  --coin-sh:0 36px 72px rgba(5,14,53,.22),0 14px 28px rgba(6,18,63,.2),0 2px 3px rgba(6,18,63,.14);
  position:relative!important;isolation:isolate;overflow:hidden!important;color:#fff;
  margin:0!important;padding:0 0 40px!important;border-radius:0!important;box-shadow:none!important;
  background:linear-gradient(180deg,#1d63fa 0,#1349da 495px,#0e2f9a 774px,#0b1d5c 900px)!important;
  background-color:#1559f5!important;
}
main#main>#top.h201::before,main#main>#top.h201::after{content:none!important;display:none!important}

/* ---- the field: four soft lights (Figma ellipses with a layer blur, drawn here as radial gradients) and two orbit rings */
#top.h201 .h201-field{position:absolute;inset:0;z-index:-1;pointer-events:none}
#top.h201 .h201-l{position:absolute;display:block;transform:translate(-50%,-50%);
  background:radial-gradient(closest-side,rgb(var(--c)/var(--a)) 0,rgb(var(--c)/var(--a)) 34%,rgb(var(--c)/calc(var(--a)*.84)) 50%,rgb(var(--c)/calc(var(--a)*.5)) 66%,rgb(var(--c)/calc(var(--a)*.16)) 83%,rgb(var(--c)/0) 100%)}
#top.h201 .l-crown{--c:156 192 255;--a:.55;left:50%;top:-20px;width:1380px;height:900px;transform-origin:50% 0}
#top.h201 .l-cyan{--c:56 198 255;--a:.3;left:60px;top:540px;width:1160px;height:1160px}
#top.h201 .l-violet{--c:90 72 255;--a:.5;left:calc(100% - 40px);top:380px;width:1160px;height:1040px}
#top.h201 .l-floor{--c:8 20 85;--a:.55;left:50%;top:900px;width:2160px;height:840px}
#top.h201 .h201-o{position:absolute;display:block;left:50%;top:calc(420 * var(--u));border-radius:50%;transform:translate(-50%,-50%)}
#top.h201 .o-1{width:calc(1180 * var(--u));height:calc(600 * var(--u));box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}
#top.h201 .o-2{width:calc(1460 * var(--u));height:calc(840 * var(--u));box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}

/* ---- the coins: two sizes, one shadow, mirrored about the centre (frame: 148 and 116) */
#top.h201 .h201-coins{list-style:none;margin:0;padding:0;position:absolute;inset:0;z-index:1;pointer-events:none}
#top.h201 .h201-c{--d:148;--x:0;--y:0;position:absolute;left:calc(50% + var(--x) * var(--u));top:calc(var(--y) * var(--u));
  width:calc(var(--d) * var(--u));height:calc(var(--d) * var(--u));margin:0;padding:0;pointer-events:auto;
  transform:translate3d(-50%,calc(-50% + var(--py,0px)),0)}
#top.h201 .h201-c.k-lab,#top.h201 .h201-c.k-st{--d:116}
#top.h201 .k-hh{--x:-470;--y:250}#top.h201 .k-lab{--x:-420;--y:425}#top.h201 .k-hs{--x:-484;--y:592}
#top.h201 .k-sys{--x:470;--y:250}#top.h201 .k-st{--x:420;--y:425}#top.h201 .k-ai{--x:484;--y:592}
#top.h201 .h201-c a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;box-sizing:border-box;border-radius:50%;
  border:1.5px solid #fff;background:linear-gradient(180deg,#fff,#edf2ff);box-shadow:var(--coin-sh),inset 0 -5px 12px rgba(185,203,242,.55);
  transition:transform .3s cubic-bezier(.2,.7,.2,1)}
#top.h201 .h201-c a:hover{transform:translateY(-3px)}
#top.h201 .h201-c a:focus-visible{outline:3px solid #fff;outline-offset:4px}
#top.h201 .h201-c img{display:block;width:72%;height:auto;max-width:none}
#top.h201 .h201-c img.mk-hv{width:74%}

/* ---- the words */
#top.h201 .h201-copy{position:relative;z-index:2;text-align:center;padding:0 24px;margin:0}
main#main>#top.h201 h1#h-top:not(#a):not(#b):not(#c):not(#d){width:fit-content;margin:calc(166 * var(--u)) auto 0!important;padding:0!important;max-width:none!important;
  font:800 calc(168 * var(--u))/calc(150 * var(--u)) Rubik,sans-serif!important;letter-spacing:-.04em!important;font-kerning:normal;
  color:#fff!important;text-align:center!important;text-shadow:0 24px 60px rgba(6,16,64,.3);text-wrap:nowrap;white-space:nowrap}
main#main>#top.h201 .h201-sub:not(#a){width:fit-content;margin:40px auto 0!important;max-width:720px;font:400 24px/34px Rubik,sans-serif!important;letter-spacing:-.005em;color:rgba(255,255,255,.88)!important}
@media (min-width:761px) and (max-width:1099px){main#main>#top.h201 .h201-sub:not(#a){font-size:20px!important;line-height:28px!important}}
@media (min-width:761px) and (max-width:899px){main#main>#top.h201 .h201-sub:not(#a){font-size:17px!important;line-height:24px!important;margin-top:24px!important}}
#top.h201 .h201-pbr{display:none}
main#main>#top.h201 .h201-ctas:not(#a){display:flex;justify-content:center;gap:12px;margin:28px 0 0!important;padding:0}
#top.h201 .h201-btn{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:56px;padding:0 40px;border-radius:28px;
  font:500 17px/1 Rubik,sans-serif;letter-spacing:-.005em;text-decoration:none;white-space:nowrap;transition:transform .2s,box-shadow .2s,background-color .2s}
#top.h201 .h201-btn.w{background:#fff;color:var(--blue);box-shadow:0 10px 24px rgba(6,18,63,.18),0 1px 2px rgba(6,18,63,.12)}
#top.h201 .h201-btn.g{padding:0 36px;color:#fff;border:1px solid rgba(255,255,255,.5);background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.09));
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
#top.h201 .h201-btn:hover{transform:translateY(-1px)}
#top.h201 .h201-btn.g:hover{background-color:rgba(255,255,255,.08)}
#top.h201 .h201-btn:focus-visible{outline:3px solid #fff;outline-offset:3px}

/* ---- the receipts: one glass instrument, a scale across the top (frame 1100 x 148) */
#top.h201 .h201-proof{position:relative;z-index:2;margin:88px auto 0;width:min(1100px,calc(100% - 48px))}
#top.h201 .h201-glass{--cols:168fr 178fr 184fr 196fr 178fr 196fr;position:relative;box-sizing:border-box;padding:16px 12px 8px 28px;border-radius:30px;
  border:1px solid rgba(255,255,255,.37);background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.06));
  -webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 24px 48px rgba(4,12,48,.25),inset 0 1px 0 rgba(255,255,255,.28)}
#top.h201 .h201-scale{display:grid;grid-template-columns:var(--cols);height:14px;align-items:center}
#top.h201 .h201-scale>span{display:flex;align-items:center;gap:8px;min-width:0;font:500 13px/14px Rubik,sans-serif;color:rgba(255,255,255,.78);white-space:nowrap}
#top.h201 .h201-scale .sc-a{grid-column:1/6;margin-right:20px}
#top.h201 .h201-scale .sc-b{grid-column:6;margin:0 16px 0 16px}
#top.h201 .h201-scale b{font-weight:500}
#top.h201 .h201-scale i{display:block;height:1px;background:rgba(255,255,255,.28)}
#top.h201 .h201-scale i:first-child{flex:0 0 4px;position:relative}
#top.h201 .h201-scale i:first-child::before{content:"";position:absolute;left:0;top:-4px;width:1px;height:9px;background:rgba(255,255,255,.4)}
#top.h201 .h201-scale i:last-child{flex:1 1 auto;position:relative}
#top.h201 .h201-scale .sc-a i:last-child::after{content:"";position:absolute;right:0;top:-4px;width:1px;height:9px;background:rgba(255,255,255,.4)}
main#main>#top.h201 dl.h201-stats{display:grid;grid-template-columns:var(--cols);margin:0;padding:0}
#top.h201 .h201-s{position:relative;margin:0;padding:12px 0 0 36px;min-width:0;text-align:left}
#top.h201 .h201-s:first-child{padding-left:0}
#top.h201 .h201-s+.h201-s::before{content:"";position:absolute;left:0;top:18px;width:1px;height:76px;
  background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.22) 50%,rgba(255,255,255,0))}
main#main>#top.h201 .h201-s dt{margin:0;font:600 clamp(32px,calc(46 * var(--u)),46px)/52px Rubik,sans-serif!important;letter-spacing:-.03em;color:#fff!important;white-space:nowrap;font-variant-numeric:lining-nums}
main#main>#top.h201 .h201-s dd{margin:4px 0 0;max-width:186px;font:400 13px/18px Rubik,sans-serif!important;color:rgba(255,255,255,.78)!important}
main#main>#top.h201 .h201-s dd.h201-rc{margin:0}
#top.h201 .h201-rc a{display:inline-flex;align-items:center;min-height:44px;margin:-12px 0 -8px;font:500 13px/16px Rubik,sans-serif;color:rgba(255,255,255,.92);
  text-decoration:underline;text-underline-offset:2px}
#top.h201 .h201-rc a:focus-visible{outline:2px solid #fff;outline-offset:2px;border-radius:4px}
#top.h201 .h201-pager{display:none}

/* ---- the header pill condenses once the page scrolls (home only; phone-cg189.js sets cg-tight) */
@media (min-width:761px){
  body.cg-home .px-head{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
  html.cg-tight body.cg-home .px-head{transform:translateX(-50%) scale(.94);transform-origin:50% 0}
}

/* ---- phones: the 390 frame */
@media (max-width:760px){
  main#main>#top.h201{padding:0 0 40px!important;border-radius:0 0 28px 28px!important;
    background:linear-gradient(180deg,#1d63fa 0,#1349da 52%,#0e2f9a 86%,#0b1d5c 100%)!important;background-color:#1559f5!important}
  #top.h201 .l-crown{top:-5px;width:374px;height:244px}
  #top.h201 .l-cyan{left:16px;top:146px;width:314px;height:314px}
  #top.h201 .l-violet{left:calc(100% - 11px);top:103px;width:314px;height:282px}
  #top.h201 .l-floor{top:100%;width:586px;height:228px}
  #top.h201 .h201-o{top:180px}
  #top.h201 .o-1{width:710px;height:280px}
  #top.h201 .o-2{display:none}
  #top.h201 .h201-coins{bottom:auto;height:240px}
  #top.h201 .h201-c{--d:86;left:calc(50% + var(--x) * 1px);top:calc(var(--y) * 1px);width:calc(var(--d) * 1px);height:calc(var(--d) * 1px)}
  #top.h201 .h201-c.k-lab,#top.h201 .h201-c.k-sys{--d:74}
  #top.h201 .k-lab{--x:-181;--y:178}#top.h201 .k-hh{--x:-91;--y:140}#top.h201 .k-hs{--x:5;--y:124}
  #top.h201 .k-ai{--x:101;--y:140}#top.h201 .k-sys{--x:189;--y:178}
  #top.h201 .h201-c.k-st{display:none}
  #top.h201 .h201-c img,#top.h201 .h201-c img.mk-hv{width:76%}
  #top.h201 .h201-copy{text-align:left;padding:0 20px}
  main#main>#top.h201 h1#h-top:not(#a):not(#b):not(#c):not(#d){margin:236px 0 0 -2px!important;text-align:left!important;
    font-size:min(80px,20.5vw)!important;line-height:.9!important;text-shadow:0 14px 32px rgba(6,16,64,.28)}
  main#main>#top.h201 .h201-sub:not(#a){margin:20px 0 0!important;max-width:330px;font-size:17px!important;line-height:26px!important}
  #top.h201 .h201-pbr{display:inline}
  main#main>#top.h201 .h201-ctas:not(#a){margin:20px 0 0!important}
  #top.h201 .h201-btn.w{flex:1 1 auto;height:54px;border-radius:27px}
  #top.h201 .h201-btn.g{display:none}
  /* the receipts swipe, the next number peeking in */
  #top.h201 .h201-proof{width:auto;margin:28px 0 0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-left:20px;
    padding:0 20px 24px;margin-bottom:-24px;scrollbar-width:none;overscroll-behavior-x:contain}
  #top.h201 .h201-proof::-webkit-scrollbar{display:none}
  #top.h201 .h201-glass{--cols:156px 170px 170px 170px 170px 170px;width:max-content;padding:12px 20px 4px;border-radius:24px;
    -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 16px 32px rgba(4,12,48,.25),inset 0 1px 0 rgba(255,255,255,.28)}
  #top.h201 .h201-scale .sc-a{margin-right:16px}
  #top.h201 .h201-scale .sc-b{margin:0}
  #top.h201 .h201-scale .sc-a>i:first-child{display:none}
  #top.h201 .h201-scale .sc-a i:last-child::after{display:none}
  #top.h201 .h201-s{padding:8px 0 8px 14px;scroll-snap-align:start}
  #top.h201 .h201-s:first-child{padding-left:0}
  #top.h201 .h201-s+.h201-s::before{top:14px;height:64px}
  main#main>#top.h201 .h201-s dt{font-size:36px!important;line-height:42px!important}
  main#main>#top.h201 .h201-s dd{max-width:156px;font-size:13px!important;line-height:17px!important}
  #top.h201 .h201-s dd#p-4 br{display:none}
  #top.h201 .h201-pager{display:flex;justify-content:center;gap:6px;margin:16px 0 0}
  #top.h201 .h201-pager i{display:block;width:6px;height:6px;border-radius:3px;background:rgba(255,255,255,.4);transition:width .25s,background-color .25s}
  #top.h201 .h201-pager i.on{width:18px;background:rgba(255,255,255,.95)}
}

/* ---- on load: the light blooms from the crown (400ms), the headline rises 24px out of a soft blur (600ms), the coins settle
   onto the orbit one after another (60ms apart). Transform, opacity and filter only, so nothing shifts. */
@media (prefers-reduced-motion:no-preference){
  #top.h201 .l-crown{animation:h201-bloom .4s cubic-bezier(.2,.7,.2,1) both}
  #top.h201 .l-cyan,#top.h201 .l-violet{animation:h201-glow .6s ease-out .1s both}
  main#main>#top.h201 h1#h-top{animation:h201-rise .6s cubic-bezier(.2,.7,.2,1) .12s both}
  #top.h201 .h201-c a{animation:h201-settle .5s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(.3s + var(--i,0) * 60ms)}
  #top.h201 .k-hh a{--i:0}#top.h201 .k-sys a{--i:1}#top.h201 .k-lab a{--i:2}#top.h201 .k-st a{--i:3}#top.h201 .k-hs a{--i:4}#top.h201 .k-ai a{--i:5}
  #top.h201 .h201-c{will-change:transform}
}
@keyframes h201-bloom{from{opacity:0;transform:translate(-50%,-50%) scale(.82)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes h201-glow{from{opacity:0}to{opacity:1}}
@keyframes h201-rise{from{opacity:0;transform:translateY(24px);filter:blur(14px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes h201-settle{from{opacity:0;transform:translateY(18px) scale(.9)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){#top.h201 *{animation:none!important;transition:none!important}}

/* /css/home-cg203.css */
/* CG203: the home below the hero, tightened. Same design, same copy, cleaner geometry.
   1. Companies: photo and text share the card edge to edge, no empty corner.
   2. Products and services: one image frame for all four, links held to the card foot.
   3. The Ohana plate leaves the body of the home (the footer strip carries it on every page).
   4. Newest field note: one full width band instead of a small floating card.
   5. Other buyers: the Culture Group column reads as the answer, in navy. */

/* 1. Companies */
html body main#main #own .t9-n2 .t9-tile:not(#a):not(#b){display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);min-height:440px;padding:0;overflow:hidden}
html body main#main #own .t9-n2 .t9-tile>.cg-pic:not(#a):not(#b){grid-column:1;grid-row:1;display:block;position:relative;min-height:440px;margin:0}
html body main#main #own .t9-n2 .t9-tile>.cg-pic img:not(#a):not(#b){position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;object-fit:cover;object-position:50% 40%}
html body main#main #own .t9-n2 .t9-tile>.bd-body:not(#a):not(#b){grid-column:2;grid-row:1;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:20px!important;padding:56px 56px 56px 52px}
html body main#main #own .t9-n2 li:nth-child(2) .t9-tile:not(#a):not(#b){grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
html body main#main #own .t9-n2 li:nth-child(2) .t9-tile>.cg-pic:not(#a):not(#b){grid-column:2}
html body main#main #own .t9-n2 li:nth-child(2) .t9-tile>.bd-body:not(#a):not(#b){grid-column:1;padding:56px 52px 56px 56px}
html body main#main #own .t9-n2 .t9-tile-line:not(#a):not(#b):not(#c){flex:none!important;min-height:0!important;height:auto!important}
html body main#main #own .t9-n2 .t9-tile-go:not(#a):not(#b):not(#c){margin-top:8px!important}

/* 2. Products and services */
html body main#main #own .t9-n4:not(#a):not(#b){align-items:stretch}
html body main#main #own .t9-n4 li:not(#a):not(#b){display:flex}
html body main#main #own .t9-n4 .t9-tile:not(#a):not(#b){display:flex;flex-direction:column;width:100%;padding:0 0 28px;overflow:hidden}
html body main#main #own .t9-n4 .t9-tile>.cg-pic:not(#a):not(#b){display:block;aspect-ratio:4/3;margin:0 0 24px;overflow:hidden;background:linear-gradient(160deg,#eef3ff,#dfe8ff)}
html body main#main #own .t9-n4 .t9-tile>.cg-pic img:not(#a):not(#b){width:100%;height:100%;margin:0;object-fit:cover;object-position:50% 35%}
html body main#main #own .t9-n4 li:nth-child(n+3) .t9-tile>.cg-pic img:not(#a):not(#b){object-position:0 0}
html body main#main #own .t9-n4 .t9-tile>:not(.cg-pic):not(#a):not(#b){margin-left:28px;margin-right:28px}
html body main#main #own .t9-n4 .t9-tile-go:not(#a):not(#b){margin-top:auto;padding-top:20px}

/* 3. The Ohana plate on the home body */
html body main#main #own .oh-full:not(.oh-foot):not(#a){display:none}

/* 4. Newest field note */
html body main#main:not(#z1):not(#z2):not(#z3) .bd-labsec .bd-lab{max-width:none;margin:0;grid-template-columns:200px minmax(0,1fr) auto;grid-template-areas:"mk mk mk" "art tx go" "art f f";gap:20px 40px;align-items:center;padding:40px 48px;border-radius:28px}
html body main#main .bd-labsec .bd-lab-mk{grid-area:mk}
html body main#main .bd-labsec .bd-lab-art{grid-area:art;width:200px;height:200px;border-radius:20px;align-self:start}
html body main#main .bd-labsec .bd-lab-tx{grid-area:tx}
html body main#main .bd-labsec .bd-lab-t{font-size:36px;line-height:1.08}
html body main#main .bd-labsec .bd-lab-m{font-size:17px;margin-top:12px}
html body main#main .bd-labsec .bd-lab-go{grid-area:go;margin:0;justify-content:flex-end}
html body main#main .bd-labsec .bd-lab-f{grid-area:f;margin:0;padding-top:20px}
html body main#main .bd-labsec .bd-lab-f>span{flex:0 0 auto;margin-right:8px}

/* 5. Other buyers */
html body main#main #vs .t9-vs-col.us:not(#a):not(#b){background:linear-gradient(160deg,#1559f5 0%,#1148d4 45%,#0a1633 100%);box-shadow:0 24px 48px -24px rgba(10,22,51,.55)}
html body main#main #vs .t9-vs-col.us h3:not(#a):not(#b):not(#c){color:#fff}
html body main#main #vs .t9-vs-col.us li:not(#a):not(#b){color:#e6ecff}
html body main#main #vs .t9-vs-col.us li.ok::before{color:#9fc0ff}
html body main#main #vs .t9-vs-col h3:not(#a):not(#b):not(#c){min-height:2.3em}

@media (max-width:1100px) and (min-width:761px){
  html body main#main:not(#z1):not(#z2):not(#z3) .bd-labsec .bd-lab{grid-template-columns:160px minmax(0,1fr);grid-template-areas:"mk mk" "art tx" "art go" "f f";padding:32px}
  html body main#main .bd-labsec .bd-lab-art{width:160px;height:160px}
  html body main#main .bd-labsec .bd-lab-go{justify-content:flex-start}
}
@media (max-width:760px){
  html body main#main #own .t9-n2 .t9-tile:not(#a):not(#b),html body main#main #own .t9-n2 li:nth-child(2) .t9-tile:not(#a):not(#b){display:flex;flex-direction:column;min-height:0}
  html body main#main #own .t9-n2 .t9-tile>.cg-pic:not(#a):not(#b){min-height:0;aspect-ratio:4/3}
  html body main#main #own .t9-n2 .t9-tile>.bd-body:not(#a):not(#b),html body main#main #own .t9-n2 li:nth-child(2) .t9-tile>.bd-body:not(#a):not(#b){padding:24px;gap:14px}
  html body main#main #own .t9-n4 .t9-tile>:not(.cg-pic):not(#a):not(#b){margin-left:24px;margin-right:24px}
  html body main#main #own .t9-n4 .t9-tile:not(#a):not(#b){padding-bottom:24px}
  html body main#main:not(#z1):not(#z2):not(#z3) .bd-labsec .bd-lab{grid-template-columns:104px minmax(0,1fr);grid-template-areas:"mk mk" "art tx" "go go" "f f";gap:16px 18px;padding:24px 20px;border-radius:24px}
  html body main#main .bd-labsec .bd-lab-art{width:104px;height:104px;border-radius:16px}
  html body main#main .bd-labsec .bd-lab-t{font-size:22px}
  html body main#main .bd-labsec .bd-lab-m{font-size:15px}
  html body main#main .bd-labsec .bd-lab-go{justify-content:stretch}
  html body main#main #vs .t9-vs-col h3:not(#a):not(#b):not(#c){min-height:0}
  html body main#main #own .t9-n4 li:nth-child(n+3) .t9-tile>.cg-pic:not(#a):not(#b){aspect-ratio:auto;background:none;line-height:0}
  html body main#main #own .t9-n4 li:nth-child(n+3) .t9-tile>.cg-pic img:not(#a):not(#b){height:auto;display:block}
}

/* /css/ohana-cg211.css */
/* CG211 · The Culture Ohana: CultureAI at the same size as the rest (Steven, Nov 4: "CultureAI logo looks bigger than the
   rest of the ohana"). The old .ai bump (33px on the plate, 24px on the strip and phones) made its rocket and Culture
   taller than the four THE Culture marks; at the shared height the rockets and the word Culture line up across all five. */
.oh-rows img.ai{height:30px!important}
.oh-rows li:nth-child(4) a{height:66px!important}
.oh-strip .oh-rows img.ai{height:22px!important}

/* /css/film-cg213.css */
/* CG213 · the CultureAI tile's film takes the screenshot's exact frame: 260x170 cover on laptops (the tile's -32px -28px
   bleed), a 4:3 cover from the top on phones. */
html body main#main video.cg-film{display:block;width:260px;height:170px;margin:-32px -28px 24px;object-fit:cover;object-position:50% 50%;max-width:none;background:#0b1633}
@media (max-width:760px){html body main#main video.cg-film{width:100%!important;height:auto!important;aspect-ratio:4/3!important;margin:0 0 20px!important;object-position:50% 0!important}}

/* /css/film-cg225.css */
/* CG222 · The Culture Group film: Watch the film in the home hero and the player with sound (from cultureai.com film-b429.css). The home stays in four sections (CG216). */
.fx-watch{color:#fff!important;margin-top:6px;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 6px;background:none;border:0;color:inherit;font:inherit;font-weight:600;cursor:pointer;opacity:.94}
.fx-watch:hover{opacity:1}
.fx-watch .fx-pl{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.16);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35);transition:transform .25s cubic-bezier(.22,1,.36,1),background .25s}
.fx-watch:hover .fx-pl{transform:scale(1.08);background:rgba(255,255,255,.26)}
.fx-watch .fx-pl svg{width:13px;height:13px;margin-left:2px;fill:#fff}
.fx-watch small{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:13px;font-weight:500;opacity:.75;letter-spacing:.02em}

.fx-band{position:relative;background:linear-gradient(180deg,#0a1633 0%,#0d1d42 55%,#0a1633 100%);color:#fff;overflow:hidden;padding-block:clamp(56px,9vw,120px)}
.fx-band::before{content:"";position:absolute;inset:auto -10% 30% -10%;height:70%;background:radial-gradient(50% 60% at 50% 60%,rgba(21,89,245,.42),rgba(21,89,245,0) 70%);pointer-events:none}
.fx-band .fx-in{position:relative;max-width:1240px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.fx-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:16px 32px;margin-bottom:clamp(24px,3.4vw,40px)}
.fx-k{display:block;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#9db8ff;margin-bottom:12px}
.fx-band .fx-head h2{color:#fff!important;margin:0;font-size:clamp(32px,4.6vw,56px);line-height:1.04;letter-spacing:-.02em;font-weight:700;text-wrap:balance;max-width:16ch;color:#fff}
.fx-head p{margin:0;max-width:34ch;color:#b9c4dd;font-size:17px;line-height:1.5}
.fx-frame{position:relative;border-radius:clamp(14px,1.8vw,24px);overflow:hidden;aspect-ratio:16/9;background:#0a1633;box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 40px 120px -30px rgba(21,89,245,.55),0 24px 60px -20px rgba(0,0,0,.6);transform:translateZ(0)}
.fx-frame video,.fx-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.fx-frame .fx-play{position:absolute;left:clamp(14px,2vw,28px);bottom:clamp(14px,2vw,28px);display:inline-flex;align-items:center;gap:12px;min-height:48px;padding:0 20px 0 8px;border:0;border-radius:999px;background:rgba(255,255,255,.94);color:#0a1633;font:inherit;font-weight:700;font-size:16px;cursor:pointer;box-shadow:0 10px 30px rgba(10,22,51,.35);transition:transform .3s cubic-bezier(.22,1,.36,1)}
.fx-frame .fx-play:hover{transform:translateY(-2px)}
.fx-frame .fx-play i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#1559f5}
.fx-frame .fx-play svg{width:12px;height:12px;margin-left:2px;fill:#fff}
.fx-frame .fx-play small{font-family:"IBM Plex Mono",ui-monospace,monospace;font-weight:500;font-size:13px;color:#4a5878}
.fx-tag{position:absolute;right:clamp(14px,2vw,28px);bottom:clamp(14px,2vw,28px);font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:12px;color:#dbe5ff;background:rgba(10,22,51,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:7px 11px;border-radius:999px}
.fx-tag::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#f5a623;margin-right:8px;vertical-align:1px}
@media (max-width:640px){.fx-tag{display:none}.fx-frame .fx-play{font-size:14px;min-height:44px;padding:0 14px 0 6px;gap:8px}.fx-frame .fx-play i{width:30px;height:30px}.fx-frame .fx-play small{display:none}}

.fx-modal{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;background:rgba(5,10,24,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:0;transition:opacity .35s ease;padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
.fx-modal.on{opacity:1}
.fx-modal .fx-box{position:relative;width:min(1280px,100%,calc((100vh - 120px) * 16 / 9));aspect-ratio:16/9;border-radius:clamp(10px,1.4vw,18px);overflow:hidden;background:#000;box-shadow:0 40px 120px rgba(0,0,0,.6);transform:scale(.96);transition:transform .45s cubic-bezier(.22,1,.36,1)}
.fx-modal.on .fx-box{transform:none}
.fx-modal video{width:100%;height:100%;display:block;background:#000}
.fx-modal .fx-x{position:absolute;top:max(14px,env(safe-area-inset-top,0px));right:max(14px,env(safe-area-inset-right,0px));width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:22px;line-height:44px;cursor:pointer}
.fx-modal .fx-x:hover{background:rgba(255,255,255,.24)}
html.fx-lock,html.fx-lock body{overflow:hidden}
@media (prefers-reduced-motion:reduce){.fx-modal,.fx-modal .fx-box,.fx-watch .fx-pl,.fx-frame .fx-play{transition:none}}

#top .h201-film{margin:16px 0 0;display:flex;justify-content:center}
#top .h201-film .fx-watch{font-size:17px;line-height:1.3;padding:0 8px;gap:12px;margin:0}
#top .h201-film .fx-watch small{font-size:13px}

/* CG225: the film band on /system/, on the type scale (13 15 17 20 24 32 40 56) */
.fx-frame .fx-play{font-size:17px}.fx-tag{font-size:13px}.fx-modal .fx-x{font-size:24px}
@media (max-width:640px){.fx-frame .fx-play{font-size:15px}}
.fx-band.fx-sys{background:radial-gradient(70% 60% at 50% 110%,rgba(21,89,245,.35),rgba(21,89,245,0) 70%),linear-gradient(180deg,#0a1633 0%,#0d1d42 55%,#0a1633 100%)}

/* /css/film-cg231.css */
/* CG231 · The Culture Group film, front and center (Steven, Nov 6: "culturegroup.com the video is kind of hidden"). A large card
   right under the hero plays the film silently while it is on screen and grows to full width as you scroll into it (the Apple
   and Linear way); Watch the film opens the full cut with sound and captions in the same player. Still with reduced motion. */
.gf-stage{position:relative;background:linear-gradient(180deg,#eef2fb 0%,#ffffff 70%);padding:clamp(24px,4vw,64px) 0 clamp(32px,5vw,72px);overflow:hidden}
.gf-in{max-width:1440px;margin:0 auto;padding:0 max(16px,env(safe-area-inset-left,0px))}
.gf-k{display:block;margin:0 0 10px;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#1559f5}
.gf-card{--p:0;position:relative;margin:0 auto;width:calc(78% + 22% * var(--p));max-width:100%;aspect-ratio:16/9;border-radius:calc(28px - 12px * var(--p));overflow:hidden;background:#0a1633;box-shadow:0 60px 140px -50px rgba(10,22,51,.55),0 0 0 1px rgba(10,22,51,.06);transform:translateZ(0);will-change:width}
.gf-card video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.gf-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,22,51,0) 45%,rgba(10,22,51,.72) 100%);pointer-events:none}
.gf-play{position:absolute;inset:0;z-index:2;display:grid;place-items:center;border:0;padding:0;background:none;cursor:pointer;color:#fff;font:inherit}
.gf-play .gf-btn{display:inline-flex;align-items:center;gap:14px;min-height:64px;padding:0 28px 0 10px;border-radius:999px;background:rgba(255,255,255,.96);color:#0a1633;font-weight:700;font-size:17px;box-shadow:0 20px 50px -12px rgba(0,0,0,.5);transition:transform .35s cubic-bezier(.22,1,.36,1)}
.gf-play .gf-btn i{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#1559f5}
.gf-play .gf-btn svg{width:15px;height:15px;margin-left:3px;fill:#fff}
.gf-play .gf-btn small{font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:13px;font-weight:500;opacity:.6}
.gf-play:hover .gf-btn,.gf-play:focus-visible .gf-btn{transform:scale(1.05)}
.gf-play:focus-visible{outline:none}
.gf-play:focus-visible .gf-btn{box-shadow:0 0 0 4px #fff,0 0 0 7px #1559f5}
.gf-cap{position:absolute;left:clamp(18px,2.6vw,40px);right:clamp(18px,2.6vw,40px);bottom:clamp(16px,2.4vw,36px);z-index:1;margin:0;color:#fff;pointer-events:none}
.gf-cap .gf-k{color:#bcd0ff;margin-bottom:8px}
.gf-cap h2{margin:0;color:#fff;font-size:clamp(22px,2.6vw,38px);line-height:1.08;letter-spacing:-.02em;max-width:22ch;text-wrap:balance}
@media (max-width:760px){
  .gf-card{width:100%;border-radius:20px}
  .gf-play .gf-btn{min-height:52px;font-size:15px;padding:0 20px 0 8px;gap:10px}
  .gf-play .gf-btn i{width:38px;height:38px}
  .gf-cap{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .gf-play .gf-btn{min-height:44px;font-size:15px;padding:0 14px 0 6px}
  .gf-play .gf-btn i{width:32px;height:32px}
}
@media (prefers-reduced-motion:reduce){.gf-card{width:100%;border-radius:20px}.gf-play .gf-btn{transition:none}}

/* /css/glass-cg214.css */
/* CG214 · Liquid glass on phones (Steven's pick E, Nov 4; Figma: Culture Phone System · Buttons). The same material as
   becoolbepositive.com and cultureai.com: one floating glass tab bar with the Group's own icons (the CultureAI rocket, the
   sprout for Invest, the sealed letter, the founder with a spark), and glass buttons: 52px, fully rounded, a bright top edge. */
@media (max-width:760px){
  html.sh-on.sh-on.sh-on.sh-on body:not(#_a):not(#_b):not(#_c) #sh-tabs.sh-tabs{
    left:14px!important;right:14px!important;bottom:calc(14px + env(safe-area-inset-bottom,0px))!important;top:auto!important;
    height:68px!important;padding:0 8px!important;gap:0!important;border:0!important;border-radius:999px!important;align-items:center!important;
    background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.8))!important;
    -webkit-backdrop-filter:blur(28px) saturate(1.8)!important;backdrop-filter:blur(28px) saturate(1.8)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.95),inset 0 0 0 1px rgba(255,255,255,.6),0 18px 40px -16px rgba(10,22,51,.45),0 2px 6px rgba(10,22,51,.06)!important}
  html.sh-on.sh-on.sh-on.sh-on body:not(#_a):not(#_b):not(#_c) #sh-tabs :is(.sh-tab,button.sh-tab){
    display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;
    height:56px!important;min-height:56px!important;margin:0!important;padding:0!important;border-radius:999px!important;background:none!important;
    color:#0a1633!important;font:500 13px/1 Rubik,system-ui,sans-serif!important;transition:background .2s,transform .15s cubic-bezier(.22,1,.36,1)!important}
  html.sh-on.sh-on.sh-on.sh-on body:not(#_a):not(#_b):not(#_c) #sh-tabs .sh-tab span{font:500 13px/1 Rubik,system-ui,sans-serif!important;opacity:.85}
  html.sh-on.sh-on.sh-on.sh-on body:not(#_a):not(#_b):not(#_c) #sh-tabs .sh-tab svg{width:26px!important;height:26px!important;stroke-width:1.8!important;fill:none;stroke:currentColor}
  html.sh-on.sh-on.sh-on.sh-on body:not(#_a):not(#_b):not(#_c) #sh-tabs .sh-tab .sh-fill{fill:transparent!important}
  html.sh-on.sh-on.sh-on.sh-on body:not(#_a):not(#_b):not(#_c) #sh-tabs .sh-tab .sh-det{stroke:currentColor!important}
  html.sh-on.sh-on.sh-on.sh-on body:not(#_a):not(#_b):not(#_c) #sh-tabs .sh-tab .sh-dot{fill:currentColor!important;stroke:none!important}
  html.sh-on.sh-on.sh-on.sh-on body:not(#_a):not(#_b):not(#_c) #sh-tabs .sh-tab:is([aria-current="page"],[aria-expanded="true"],.is-on){color:#1559f5!important;background:rgba(21,89,245,.12)!important;box-shadow:inset 0 0 0 1px rgba(21,89,245,.16)!important}
  html.sh-on.sh-on.sh-on.sh-on body:not(#_a):not(#_b):not(#_c) #sh-tabs .sh-tab:is([aria-current="page"],[aria-expanded="true"],.is-on) span{opacity:1;font-weight:600!important}
  html.sh-on.sh-on.sh-on.sh-on body:not(#_a):not(#_b):not(#_c) #sh-tabs .sh-tab:is([aria-current="page"],[aria-expanded="true"],.is-on) .sh-fill{fill:#dce6ff!important}
  html.sh-on.sh-on.sh-on.sh-on body:not(#_a):not(#_b):not(#_c) #sh-tabs .sh-tab:active{transform:scale(.94)}

  html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e) :is(.tg-btn,.px-btn,.px-cta,.t9-btn,.h201-btn,.px-fbtn,.px-li,.px-cbtn,:is(.tg-pgcta,.px-ctas,.tg-fgo) .px-link){
    min-height:52px!important;border-radius:999px!important;font-family:Rubik,system-ui,sans-serif!important;font-size:17px!important;font-weight:600!important;letter-spacing:0!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 12px 28px -14px rgba(10,22,51,.45)!important;transition:transform .15s cubic-bezier(.22,1,.36,1)!important}
  html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e) :is(.tg-btn,.px-btn,.px-cta,.t9-btn,.h201-btn,.px-fbtn,.px-li,.px-cbtn,:is(.tg-pgcta,.px-ctas,.tg-fgo) .px-link):active{transform:scale(.97)}
  html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e) :is(.tg-btn.g,.t9-btn.g){
    background:linear-gradient(180deg,rgba(255,255,255,.3),rgba(255,255,255,.1))!important;color:#fff!important;border-color:transparent!important;
    -webkit-backdrop-filter:blur(18px) saturate(1.6)!important;backdrop-filter:blur(18px) saturate(1.6)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.75),inset 0 -1px 0 rgba(255,255,255,.16),inset 0 0 0 1px rgba(255,255,255,.28),0 10px 26px -12px rgba(10,22,51,.45)!important}
  html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e) :is(.tg-btn.w,.t9-btn.w,.t9-btn.o,.h201-btn.w,.px-fbtn,.px-li,.px-cta.st-cta){
    background:linear-gradient(180deg,#fff,#eef3ff)!important;box-shadow:inset 0 1px 0 #fff,inset 0 0 0 1px rgba(10,22,51,.07),0 12px 28px -14px rgba(10,22,51,.45)!important}
  html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e) :is(.px-btn,.t9-btn.b,.px-cta:not(.st-cta)){
    background:linear-gradient(180deg,#3d76ff,#1559f5)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 14px 30px -12px rgba(21,89,245,.6)!important}
  /* the footer's contact row keeps its compact size so the email and phone sit on one line */
  html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) footer .tg-fm .px-btn{min-height:44px!important;font-size:15px!important}
}
@media (max-width:760px){html.sh-on body:not(#_a):not(#_b):not(#_c) body>footer .px-legal,html.sh-on body:not(#_a):not(#_b):not(#_c)>footer .px-legal{margin-bottom:16px!important}}
@media (max-width:760px) and (prefers-reduced-motion:reduce){html.sh-on #sh-tabs .sh-tab,html body :is(.tg-btn,.px-btn,.t9-btn){transition:none!important}}

/* /css/ohana-cg216.css */
/* CG216 · The Culture Ohana strip in the footer, designed as one plate (Steven, Nov 4: "even the culture ohana looks like
   you just slapped it together"). One label, five marks on equal cells at one height, a quiet hairline grid; on phones the
   five marks sit in two columns with no sideways scroll. Uses the CG187 plate masters. */
html body:not(#_a):not(#_b):not(#_c) footer .oh-strip.oh-foot{display:grid!important;grid-template-columns:auto minmax(0,1fr);align-items:stretch;gap:0!important;
  padding:0!important;margin:32px 0!important;border-radius:20px!important;overflow:hidden;background:#fff!important;
  box-shadow:inset 0 0 0 1px rgba(10,22,51,.08),0 18px 40px -28px rgba(10,22,51,.35)!important;border:0!important}
html body:not(#_a):not(#_b):not(#_c) footer .oh-strip.oh-foot .oh-k{display:flex!important;align-items:center;margin:0!important;padding:0 28px!important;
  font:500 13px/1.4 "IBM Plex Mono",ui-monospace,monospace!important;letter-spacing:.16em!important;text-transform:uppercase;color:#1559f5!important;
  border-right:1px solid rgba(10,22,51,.08);white-space:nowrap;max-width:none!important;background:#f7f9fe}
html body:not(#_a):not(#_b):not(#_c) footer .oh-strip.oh-foot .oh-rows{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:0!important;
  margin:0!important;padding:0!important;list-style:none;overflow:visible!important;flex-wrap:nowrap}
html body:not(#_a):not(#_b):not(#_c) footer .oh-strip.oh-foot .oh-rows li{margin:0!important;padding:0!important;border-left:1px solid rgba(10,22,51,.08);min-width:0}
html body:not(#_a):not(#_b):not(#_c) footer .oh-strip.oh-foot .oh-rows li:first-child{border-left:0}
html body:not(#_a):not(#_b):not(#_c) footer .oh-strip.oh-foot .oh-rows a{display:flex!important;align-items:center;justify-content:center;height:84px!important;padding:0 16px!important;
  background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;transition:background .2s}
html body:not(#_a):not(#_b):not(#_c) footer .oh-strip.oh-foot .oh-rows a:hover{background:#f4f7ff!important}
html body:not(#_a):not(#_b):not(#_c) footer .oh-strip.oh-foot .oh-rows img,
html body:not(#_a):not(#_b):not(#_c) footer .oh-strip.oh-foot .oh-rows img.ai{height:24px!important;width:auto!important;max-width:100%!important}
@media (max-width:760px){
  html body:not(#_a):not(#_b):not(#_c) footer .oh-strip.oh-foot{grid-template-columns:1fr;margin:24px 0!important;border-radius:18px!important}
  html body:not(#_a):not(#_b):not(#_c) footer .oh-strip.oh-foot .oh-k{padding:14px 20px!important;border-right:0;border-bottom:1px solid rgba(10,22,51,.08)}
  html body:not(#_a):not(#_b):not(#_c) footer .oh-strip.oh-foot .oh-rows{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html body:not(#_a):not(#_b):not(#_c) footer .oh-strip.oh-foot .oh-rows li{border-left:0;border-top:1px solid rgba(10,22,51,.08)}
  html body:not(#_a):not(#_b):not(#_c) footer .oh-strip.oh-foot .oh-rows li:nth-child(even){border-left:1px solid rgba(10,22,51,.08)}
  html body:not(#_a):not(#_b):not(#_c) footer .oh-strip.oh-foot .oh-rows li:first-child{grid-column:1/-1;border-top:0}
  html body:not(#_a):not(#_b):not(#_c) footer .oh-strip.oh-foot .oh-rows li:nth-child(2n+1):not(:first-child){border-left:1px solid rgba(10,22,51,.08)}
  html body:not(#_a):not(#_b):not(#_c) footer .oh-strip.oh-foot .oh-rows li:nth-child(even){border-left:0}
  html body:not(#_a):not(#_b):not(#_c) footer .oh-strip.oh-foot .oh-rows a{height:68px!important;padding:0 12px!important}
  html body:not(#_a):not(#_b):not(#_c) footer .oh-strip.oh-foot .oh-rows img,
  html body:not(#_a):not(#_b):not(#_c) footer .oh-strip.oh-foot .oh-rows img.ai{height:24px!important}
}

/* /css/polish-cg216.css */
/* CG216 · site-wide rhythm (agency deliverable law: section gaps 100px or under). Body sections step at 96px on laptops and
   64px on phones; the hero, the films and the closing band keep their own spacing. */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) main#main>section:not(:first-child):not(#selling):not(#top):not([class*=film]):not(.op216){padding-top:96px!important;padding-bottom:96px!important}
@media (max-width:760px){html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f) main#main>section:not(:first-child):not(#selling):not(#top):not([class*=film]):not(.op216){padding-top:64px!important;padding-bottom:64px!important}}
/* Founder · Writing: the heading, the counts and the link on the left; the field notes and the newest note card on the right,
   so the two columns end together instead of the card hanging alone under a short list */
@media (min-width:1025px){
  html body:not(#_a):not(#_b):not(#_c) #writing .tg-wgrid{grid-template-columns:minmax(0,5fr) minmax(0,7fr)!important;grid-template-rows:auto auto auto 1fr;align-items:start;row-gap:24px!important}
  html body:not(#_a):not(#_b):not(#_c) #writing .tg-whead{display:contents!important}
  html body:not(#_a):not(#_b):not(#_c) #writing .tg-whead>h2{grid-column:1;grid-row:1;margin:0!important}
  html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) main#main #writing h2#h-writing{font-size:52px!important;line-height:1.02!important}
  html body:not(#_a):not(#_b):not(#_c) #writing .tg-whead>.tg-wstats{grid-column:1;grid-row:2;margin:0!important}
  html body:not(#_a):not(#_b):not(#_c) #writing .tg-whead>.px-sub{grid-column:1;grid-row:3;margin:0!important}
  html body:not(#_a):not(#_b):not(#_c) #writing .cg-wcol{grid-column:2;grid-row:1 / span 3}
  html body:not(#_a):not(#_b):not(#_c) #writing .tg-whead>.bd-lab{grid-column:2;grid-row:4;margin:8px 0 0!important;max-width:none!important}
}
/* headings never get a fixed height, so a long line can't run into the paragraph under it (Structure, Nov 4) */
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) main#main :is(h1,h2,h3,.cg-fnclose){height:auto!important;max-height:none!important;min-height:0!important}
/* Structure · the parent: the operating stack (Steven's Round Two pick B) replaces the old org chart, full width under the copy */
html body:not(#_a):not(#_b):not(#_c) #parent .cg-parent{grid-template-columns:minmax(0,1fr)!important}
html body:not(#_a):not(#_b):not(#_c) #parent .cg-parent>div{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:64px;align-items:start}
html body:not(#_a):not(#_b):not(#_c) #parent .cg-parent>div>h2{grid-column:1/-1}
html body:not(#_a):not(#_b):not(#_c) #parent .op216-stage{margin-top:56px}
html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) main#main #h-parts{font-size:64px!important;line-height:1.04!important;max-width:none!important}
@media (max-width:1024px){html body:not(#_a):not(#_b):not(#_c) #parent .cg-parent>div{grid-template-columns:1fr}}
@media (max-width:760px){html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) main#main #h-parts{font-size:34px!important}html body:not(#_a):not(#_b):not(#_c) #parent .op216-stage{margin-top:32px}}

/* /css/home-cg218.css */
/* CG218 (CG216 as CG217 left it, under a new name: CSS and JS are served immutable, so the in-place CG217 edits never reached a browser that had CG216) · CG216 · the home, simplified (Steven, Nov 4: "simplify it too", "we have too much"). Five beats: the hero, what the Group
   operates (Round Two pick B, the operating stack), the other buyers, and one closing band. The depth lives on each brand page. */
main#main .op216{position:relative;padding:120px 0 128px;background:#fff}
main#main .op216-in{max-width:1180px;margin:0 auto;padding:0 40px}
main#main .op216-head{max-width:760px;margin:0 0 48px}
main#main .op216-k{font:500 13px/1 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.16em;text-transform:uppercase;color:#1559f5;margin:0 0 16px}
main#main .op216-head h2{font:800 56px/1.02 Rubik,system-ui,sans-serif;letter-spacing:-.035em;color:#0a1633;margin:0 0 18px;text-wrap:balance}
main#main .op216-sub{font:400 20px/1.55 Rubik,system-ui,sans-serif;color:#4a5878;margin:0;max-width:620px}

/* the navy stage */
main#main .op216-stage{position:relative;border-radius:32px;overflow:hidden;padding:24px 48px 32px;color:#eef2fb;
  background:radial-gradient(120% 90% at 50% 0%,#132657,#0a1633 70%);box-shadow:0 40px 80px -40px rgba(10,22,51,.6)}
main#main .op216-stage::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(126,166,255,.11) 1px,transparent 1px);background-size:24px 24px;
  -webkit-mask-image:radial-gradient(80% 70% at 50% 45%,#000,transparent);mask-image:radial-gradient(80% 70% at 50% 45%,#000,transparent)}
main#main .op216-beams{position:absolute;inset:0;pointer-events:none;z-index:2}
main#main .op216-beams i{position:absolute;width:2px;height:48px;border-radius:2px;background:linear-gradient(to bottom,transparent,rgba(150,186,255,.95),transparent);opacity:0;animation:op216-drop 1.6s cubic-bezier(.4,0,.2,1) forwards}
@keyframes op216-drop{0%{transform:translateY(-24px);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translateY(var(--d,120px));opacity:0}}
main#main .op216-layer{position:relative;z-index:1;display:grid;grid-template-columns:208px minmax(0,1fr);gap:32px;align-items:center;padding:28px 0}
main#main .op216-layer+.op216-layer{border-top:1px solid rgba(126,166,255,.2)}
main#main .op216-cap{margin:0;font:500 13px/1.5 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;color:#9aa9cc}
main#main .op216-cap b{display:block;margin-top:8px;font:700 20px/1.2 Rubik,system-ui,sans-serif;letter-spacing:-.01em;text-transform:none;color:#fff}
main#main .op216-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}
main#main .is-parent .op216-row{grid-template-columns:minmax(0,420px)}
main#main .op216-layer:nth-child(2) .op216-row{grid-template-columns:repeat(4,minmax(0,1fr))}
main#main .op216-layer:nth-child(3) .op216-row{grid-template-columns:repeat(3,minmax(0,1fr))}
main#main .op216-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100%;min-height:112px;padding:20px 16px;border-radius:20px;text-decoration:none;
  background:linear-gradient(180deg,#fff,#f2f6ff);box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(126,166,255,.28),0 20px 40px -22px rgba(0,0,0,.7);
  transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s}
main#main .op216-chip:hover,main#main .op216-chip:focus-visible{transform:translateY(-3px);box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(126,166,255,.7),0 0 40px -8px rgba(21,89,245,.75),0 24px 44px -22px rgba(0,0,0,.7)}
main#main .op216-chip:focus-visible{outline:2px solid #fff;outline-offset:3px}
main#main .op216-chip img{display:block;height:34px;width:auto;max-width:100%}
main#main .op216-chip.is-co img{height:40px}
main#main .op216-chip.is-group{min-height:120px}
main#main .op216-chip.is-group img{height:48px}
main#main .op216-chip span{font:500 13px/1.3 Rubik,system-ui,sans-serif;color:#4a5878;text-align:center}
main#main .op216-chip.is-next{background:transparent;box-shadow:none;border:1.5px dashed rgba(126,166,255,.55)}
main#main .op216-chip.is-next b{font:700 17px/1.2 Rubik,system-ui,sans-serif;color:#fff}
main#main .op216-chip.is-next span{color:#9aa9cc}
main#main .op216-chip.is-lit{box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(126,166,255,.7),0 0 40px -6px rgba(21,89,245,.8),0 20px 40px -22px rgba(0,0,0,.7)}

@media (max-width:1100px){main#main .op216-layer{grid-template-columns:1fr;gap:16px}main#main .op216-layer:nth-child(2) .op216-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){
  main#main .op216{padding:64px 0 72px}
  main#main .op216-in{padding:0 20px}
  main#main .op216-head{margin-bottom:28px}
  main#main .op216-head h2{font-size:36px;letter-spacing:-.03em}
  main#main .op216-sub{font-size:17px}
  main#main .op216-stage{padding:8px 16px 16px;border-radius:24px}
  main#main .op216-layer{padding:20px 0;gap:12px}
  main#main .op216-cap b{font-size:17px}
  main#main .is-parent .op216-row{grid-template-columns:1fr}
  main#main .op216-layer:nth-child(2) .op216-row,main#main .op216-layer:nth-child(3) .op216-row{grid-template-columns:1fr 1fr;gap:10px}
  main#main .op216-chip{min-height:96px;padding:16px 12px;gap:8px;border-radius:16px}
  main#main .op216-chip img{height:24px}
  main#main .op216-chip.is-co img{height:26px}
  main#main .op216-chip.is-group img{height:36px}
  main#main .op216-chip span{font-size:13px}
  main#main .op216-chip.is-next{grid-column:1/-1;min-height:72px}
  main#main .op216-chip.is-next b{font-size:17px}
}
@media (prefers-reduced-motion:reduce){main#main .op216-beams{display:none}main#main .op216-chip{transition:none}}
/* the home has no numbered chapters any more */
main#main #vs .t9-k::before{content:none!important}
@media (max-width:760px){main#main .op216-row li:has(.is-next){grid-column:1/-1}}

/* /css/hero-cg217.css */
/* CG217 · hero A, "the bubble one" (Steven, Nov 4): the companies and the Culture brands as glass pills with the master
   logos at a readable size; on phones they glide across the top in one slow row. */
@media (min-width:761px){
 #top.h201 .hero217-pills .h201-c{width:auto!important;height:auto!important}
 #top.h201 .hero217-pills .h201-c a{width:auto!important;height:72px!important;padding:0 28px!important;border-radius:999px!important;
   background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.82))!important;box-shadow:inset 0 1px 0 #fff,0 0 0 1px rgba(255,255,255,.5),0 24px 48px -20px rgba(6,20,70,.55)!important;
   -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform:translateX(-50%)}
 #top.h201 .hero217-pills .h201-c img,#top.h201 .hero217-pills .h201-c img.mk-hv{width:auto!important;height:30px!important}
 #top.h201 .hero217-pills .h201-c img.mk-hv{height:36px!important}
 .hero217-marq{display:none}
}
@media (max-width:760px){
 #top.h201 .hero217-pills{display:none!important}
 #top.h201 .hero217-marq{position:relative;z-index:2;overflow:hidden;margin:40px -20px 28px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
 #top.h201 .hero217-marq ul{display:flex;gap:12px;width:max-content;margin:0;padding:8px 0;list-style:none;animation:hero217-run 38s linear infinite}
 #top.h201 .hero217-marq a{display:flex;align-items:center;height:56px;padding:0 20px;border-radius:999px;background:linear-gradient(180deg,#fff,#eef3ff);box-shadow:inset 0 1px 0 #fff,0 14px 30px -14px rgba(6,20,70,.6)}
 #top.h201 .hero217-marq img{height:24px;width:auto;display:block}
 #top.h201 .hero217-marq img.mk-hv{height:28px}
 @keyframes hero217-run{to{transform:translateX(-50%)}}
}
@media (prefers-reduced-motion:reduce){#top.h201 .hero217-marq ul{animation:none}}
@media (min-width:761px){
 /* six pills, three a side, clear of the headline and the buttons */
 html body:not(#_a):not(#_b):not(#_c) #top.h201 .hero217-pills .h201-c{transform:none!important}
 html body:not(#_a):not(#_b):not(#_c) #top.h201 .hero217-pills .h201-c a{height:64px!important;padding:0 24px!important;transform:none!important}
 html body:not(#_a):not(#_b):not(#_c) #top.h201 .hero217-pills .h201-c a:hover{transform:translateY(-3px)!important}
 html body:not(#_a):not(#_b):not(#_c) #top.h201 .hero217-pills .h201-c img{height:26px!important}
 html body:not(#_a):not(#_b):not(#_c) #top.h201 .hero217-pills .h201-c img.mk-hv{height:32px!important}
 html body:not(#_a):not(#_b):not(#_c) #top.h201 .hero217-pills .k-hh{left:max(24px,calc(50% - 660px))!important;right:auto!important;top:148px!important}
 html body:not(#_a):not(#_b):not(#_c) #top.h201 .hero217-pills .k-lab{left:max(56px,calc(50% - 600px))!important;right:auto!important;top:268px!important}
 html body:not(#_a):not(#_b):not(#_c) #top.h201 .hero217-pills .k-hs{left:max(24px,calc(50% - 680px))!important;right:auto!important;top:388px!important}
 html body:not(#_a):not(#_b):not(#_c) #top.h201 .hero217-pills .k-sys{left:auto!important;right:max(24px,calc(50% - 660px))!important;top:148px!important}
 html body:not(#_a):not(#_b):not(#_c) #top.h201 .hero217-pills .k-st{left:auto!important;right:max(56px,calc(50% - 610px))!important;top:268px!important}
 html body:not(#_a):not(#_b):not(#_c) #top.h201 .hero217-pills .k-ai{left:auto!important;right:max(24px,calc(50% - 680px))!important;top:388px!important}
}
@media (max-width:760px){
 html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) main#main>#top.h201 h1#h-top{margin-top:28px!important}
}

/* /css/more-cg219.css */
/* CG219 · More in navy glass with our icons, and the phone footer as open lists (as on cultureai.com B446). */
dialog#sh-more.sh-sheet.mo{background:radial-gradient(120% 60% at 50% 0%,#17306a,#0a1633 70%)!important;color:#fff;--sh-ink:#fff;--sh-mute:#a9b7d6;--sh-card:rgba(255,255,255,.07);--sh-hair:rgba(160,190,255,.2)}
#sh-more.mo .sh-shead h2{color:#fff}
#sh-more.mo .sh-x{background:rgba(255,255,255,.1);color:#fff}
#sh-more.mo .sh-grab::before{background:rgba(255,255,255,.32)}
#sh-more.mo .sh-gl{color:#9fb3df;font-weight:600}
#sh-more.mo .sh-grp{background:rgba(255,255,255,.07);border-radius:20px;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 0 0 1px rgba(160,190,255,.16)}
#sh-more.mo .sh-row{color:#fff;min-height:64px}
#sh-more.mo .sh-row[aria-current="page"]{background:rgba(91,140,250,.16);color:#fff!important}
#sh-more.mo .sh-rt small{color:#a9b7d6;font-size:14px}
#sh-more.mo .sh-grp li+li .sh-row::before{left:70px;border-top:1px solid rgba(160,190,255,.14)}
#sh-more.mo :is(.sh-chev,.sh-here){color:#fff;opacity:.5}
/* our icons as app icons on white tiles; a small blue marker says what a Group row does */
#sh-more.mo .sh-ic.mo-app{position:relative;width:40px;height:40px;border-radius:12px;background:#fff;overflow:visible;box-shadow:inset 0 0 0 1px rgba(10,22,51,.06),0 8px 16px -10px rgba(0,0,0,.6)}
#sh-more.mo .sh-ic.mo-app img{width:30px;height:30px;display:block;object-fit:contain}
#sh-more.mo .mo-mark{position:absolute;right:-5px;bottom:-5px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#1559f5;color:#fff;box-shadow:0 0 0 2px #0f1f47;font-style:normal}
#sh-more.mo .mo-mark svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
#sh-more.mo .sh-ic.mo-own{width:40px;height:40px;border-radius:12px;background:#fff}

/* the phone footer: Pages and Products as two open lists, one link per 44px line; Visit and Call under them */
@media (max-width:760px){
  html body footer.px-foot.tg-foot .tg-ft-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;column-gap:20px!important;row-gap:16px!important}
  html body footer.px-foot.tg-foot .tg-ft-grid>nav.px-links{order:-1}
  html body footer.px-foot.tg-foot .tg-ft-grid .ft-acc>summary{display:flex!important;align-items:flex-end;min-height:44px!important;padding:0 0 8px!important;list-style:none;pointer-events:none;border:0!important;
    font:600 13px/1.2 "IBM Plex Mono",ui-monospace,monospace!important;letter-spacing:.14em!important;text-transform:uppercase;color:#4a5878!important}
  html body footer.px-foot.tg-foot .tg-ft-grid .ft-acc>summary::-webkit-details-marker{display:none}
  html body footer.px-foot.tg-foot .tg-ft-grid .ft-acc>summary::after,html body footer.px-foot.tg-foot .tg-ft-grid .ft-acc>summary svg{display:none!important}
  html body footer.px-foot.tg-foot .tg-ft-grid .ft-acc-b{display:flex!important;flex-direction:column;gap:0!important;padding:0!important}
  html body footer.px-foot.tg-foot .tg-ft-grid .ft-acc-b a{display:flex!important;align-items:center;width:100%;min-height:44px;padding:8px 0!important;border-top:1px solid rgba(10,22,51,.08);
    font:500 15px/1.25 Rubik,system-ui,sans-serif!important;color:#0a1633!important;text-decoration:none}
}

/* /css/header-cg220.css */
/* CG220 · the phone header and its menu. The header is glass and always shows the Culture Group logo (it had swapped to the
   page's title as you scrolled); the menu button is a 44px round button; the menu opens full screen in navy glass. */
@media (max-width:760px), (max-height:500px) and (pointer:coarse){
  html.sh-on body .px-head{background:rgba(255,255,255,.82)!important;-webkit-backdrop-filter:saturate(1.8) blur(20px);backdrop-filter:saturate(1.8) blur(20px);box-shadow:0 1px 0 rgba(10,22,51,.07)!important}
  html.sh-on body .px-head .ap-bt{display:none!important}
  html.sh-on.sh-on body .px-head .px-brand{opacity:1!important;pointer-events:auto!important}
  html.sh-on body .px-head .px-menu summary{display:grid!important;place-items:center;align-content:center;gap:5px;width:44px!important;height:44px!important;border-radius:50%!important;
    background:rgba(10,22,51,.05)!important;box-shadow:inset 0 0 0 1px rgba(10,22,51,.06)!important;list-style:none;cursor:pointer}
  html.sh-on body .px-head .px-menu summary::-webkit-details-marker{display:none}
  html.sh-on body .px-head .px-menu summary span{display:block;width:18px;height:2px;border-radius:2px;margin:0!important;transition:transform .25s}

  /* open: the header goes clear over the navy, the logo turns to its reverse, the button becomes a close */
  html.hm-open body{position:fixed;left:0;right:0;width:100%}
  html.hm-open body .px-head{background:transparent!important;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none!important}
  html.hm-open body .px-head::before{content:"";position:fixed;left:0;right:0;top:0;height:calc(64px + env(safe-area-inset-top,0px));z-index:2;pointer-events:none;background:linear-gradient(180deg,#152c63 70%,rgba(21,44,99,0))}
  html.hm-open body .px-head .px-brand,html.hm-open body .px-head .px-menu summary{position:relative;z-index:2}
  html.hm-open body .px-head .px-brand .lg-o{display:none!important}
  html.hm-open body .px-head .px-brand .lg-r{display:block!important}
  html.hm-open body .px-head .px-menu summary{background:rgba(255,255,255,.12)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)!important}
  html.hm-open body .px-head .px-menu summary span{background:#fff!important}
  html.hm-open body .px-head .px-menu summary span:first-child{transform:translateY(3.5px) rotate(45deg)}
  html.hm-open body .px-head .px-menu summary span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
  html.hm-open body .px-head .px-menu[open] .px-panel{position:fixed!important;inset:0!important;z-index:1;display:block!important;width:auto!important;max-width:none!important;height:100dvh!important;max-height:none!important;min-height:100dvh;margin:0!important;overflow:auto;overscroll-behavior:contain;
    padding:calc(76px + env(safe-area-inset-top,0px)) 16px calc(120px + env(safe-area-inset-bottom,0px))!important;border:0!important;border-radius:0!important;
    background:radial-gradient(120% 50% at 50% 0%,#17306a,#0a1633 70%)!important;box-shadow:none!important;animation:hm-in .28s cubic-bezier(.05,.7,.1,1) both}
  @keyframes hm-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
  html.hm-open .hm-gl{margin:20px 4px 10px;font:600 13px/1.2 Rubik,system-ui,sans-serif;letter-spacing:.02em;color:#9fb3df}
  html.hm-open .hm-gl:first-child{margin-top:4px}
  html.hm-open .hm-card{border-radius:20px;background:rgba(255,255,255,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 0 0 1px rgba(160,190,255,.16);overflow:hidden}
  html.hm-open .px-panel a.hm-row,html.hm-open .px-panel a.hm-call{display:flex!important;align-items:center;gap:14px;min-height:64px;padding:12px 14px!important;border:0!important;color:#fff!important;text-decoration:none;font:inherit!important}
  html.hm-open .px-panel a.hm-row+a.hm-row{border-top:1px solid rgba(160,190,255,.14)!important}
  html.hm-open .px-panel a.hm-row[aria-current="page"]{background:rgba(91,140,250,.18);box-shadow:inset 3px 0 0 #5b8cfa}
  html.hm-open .hm-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
  html.hm-open .hm-t b{font:600 17px/1.25 Rubik,system-ui,sans-serif;letter-spacing:-.01em;color:#fff}
  html.hm-open .hm-t small{font:400 14px/1.35 Rubik,system-ui,sans-serif;color:#a9b7d6}
  html.hm-open .hm-chev{flex:none;width:9px;height:15px;fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.5}
  html.hm-open .hm-app{position:relative;flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px rgba(10,22,51,.06),0 8px 16px -10px rgba(0,0,0,.6)}
  html.hm-open .hm-app img{width:30px;height:30px;display:block}
  html.hm-open .hm-mark{position:absolute;right:-5px;bottom:-5px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#1559f5;color:#fff;box-shadow:0 0 0 2px #0f1f47;font-style:normal}
  html.hm-open .hm-mark svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
  html.hm-open .hm-ctas{display:grid;gap:10px;margin-top:20px}
  html.hm-open .px-panel a.hm-cta{display:flex!important;align-items:center;justify-content:center;gap:8px;min-height:56px;border-radius:999px;background:#1559f5!important;color:#fff!important;
    font:600 17px/1 Rubik,system-ui,sans-serif!important;text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 14px 30px -14px rgba(21,89,245,.9)!important;border:0!important}
  html.hm-open .px-panel a.hm-call{border-radius:20px;background:rgba(255,255,255,.07)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 0 0 1px rgba(160,190,255,.16)}
  @media (prefers-reduced-motion:reduce){html.hm-open body .px-head .px-menu[open] .px-panel{animation:none}}
}
@media (max-width:760px), (max-height:500px) and (pointer:coarse){html.sh-on body .px-head .px-brand:active{transform:scale(.96)}}

/* /css/hero-cg219.css */
/* CG219 · the phone hero's moving logo row sat 9px under the header, so the top of every pill was cut off (Steven, Nov 5:
   "the moving brand logos is cut off"). The row now starts 16px below the header (57px, plus the notch when there is one),
   and the headline keeps its distance from it. */
@media (max-width:760px){
  html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) main#main>#top.h201 .hero217-marq{margin-top:calc(65px + env(safe-area-inset-top,0px))!important}
  html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g) main#main>#top.h201 h1#h-top{margin-top:20px!important}
}

/* /css/hero-cg238.css */
/* CG238 · a tighter phone hero (Nov 7, 2026). With the coins gone the hero ran 740px on a 664px phone, so the receipts sat
   under the tab bar and read as broken text. Smaller moving logo pills, a slightly smaller headline, and Read Letter 001 and the
   film button share one row, so the first receipts sit fully above the tab bar. Desktop is unchanged. */
@media (max-width:760px){
  html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) main#main>#top.h201 .hero217-marq{margin-bottom:0!important}
  html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) main#main>#top.h201 .hero217-marq ul{gap:12px;padding:8px 0}
  html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) main#main>#top.h201 .hero217-marq a{height:44px;padding:0 16px}
  html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) main#main>#top.h201 .hero217-marq img{height:19px}
  html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) main#main>#top.h201 h1#h-top{margin-top:16px!important;font-size:min(68px,17.5vw)!important}
  html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) main#main>#top.h201 .h201-sub{max-width:none!important;margin-top:12px!important}
  /* Letter and film on one row */
  #top.h201 .h201-copy{display:flex;flex-wrap:wrap;align-items:center;column-gap:10px}
  #top.h201 .h201-copy>*{flex:0 0 100%}
  html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) main#main>#top.h201 .h201-ctas{flex:1 1 0;min-width:0;margin-top:16px!important}
  html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) main#main>#top.h201 .h201-film{flex:0 0 auto;margin:16px 0 0!important}
  #top.h201 .h201-film .fx-wt{display:none}
  #top.h201 .h201-film .fx-watch{gap:8px;height:54px;padding:0 16px 0 8px;border-radius:27px;
    background:rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 10px 24px -12px rgba(4,12,48,.5);
    -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
  #top.h201 .h201-film .fx-watch small{font-size:15px!important;font-weight:700;color:#fff!important;opacity:1;font-family:inherit;letter-spacing:.02em}
  #top.h201 .h201-film .fx-watch .fx-pl{width:38px;height:38px}
  html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) main#main>#top.h201 .h201-ctas .h201-btn.w{min-width:0!important;width:100%!important;margin:0!important;padding:0 12px!important;white-space:nowrap}
  html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) main#main>#top.h201 .h201-proof{margin-top:24px!important}
}
@media (max-width:359px){
  #top.h201 .h201-film .fx-watch{padding:0 12px 0 8px}
  html body:not(#_a):not(#_b):not(#_c):not(#_d):not(#_e):not(#_f):not(#_g):not(#_h) main#main>#top.h201 .h201-ctas .h201-btn.w{font-size:15px!important}
}

/* /css/navigator-cg221.css */
/* CG221 (same file as cultureai.com B447 · navigator-b447.css) · the Navigator, in our own design (Steven, Nov 5: "Navigator needs to be meta lab level too on both sites", "when you
   open it it's basic"). The same navy glass as More and the tab bar; our icon on a white tile; a greeting and starters you can
   tap; answers set as CultureAI's own writing (Source Serif) with their sources as cards; one composer bar. Same markup, same
   behaviour (ask-b393.js); this file is the whole change, and the Group site carries the same file as navigator-cg221.css. */
html body .px-askp.px-askp{--sh-ink:#fff;--sh-mute:#a9b7d6;--nv-ink:#fff;--nv-sub:#a9b7d6;--nv-line:rgba(160,190,255,.16);--nv-card:rgba(255,255,255,.07);--nv-blue:#1559f5;--nv-lift:#5b8cfa}
html body .px-askp.px-askp .px-askp-in{background:radial-gradient(120% 70% at 50% 0%,#1a3577 0%,#0e1f4a 45%,#0a1633 100%)!important;color:var(--nv-ink)!important;
  border:0!important;border-radius:28px!important;box-shadow:0 0 0 1px rgba(160,190,255,.18),0 40px 90px -30px rgba(6,14,40,.85),inset 0 1px 0 rgba(255,255,255,.08)!important;overflow:hidden}
/* header: our icon, the name, a live dot, a round close */
html body .px-askp.px-askp .px-askp-h{display:flex!important;align-items:center;gap:14px;padding:18px 18px 14px!important;border:0!important;background:none!important}
html body .px-askp.px-askp .px-askp-h>div{flex:1;min-width:0}
html body .px-askp.px-askp .px-askp-h>img{flex:none;display:block!important;width:44px!important;height:44px!important;padding:7px;border-radius:14px;background:#fff;box-shadow:0 10px 22px -12px rgba(0,0,0,.7)}
html body .px-askp.px-askp .px-askp-t{display:flex;align-items:center;gap:8px;margin:0!important;font:700 17px/1.2 Rubik,system-ui,sans-serif!important;letter-spacing:-.01em;color:#fff!important}
html body .px-askp.px-askp .px-askp-live{display:inline-flex!important;align-items:center;gap:6px;padding:4px 9px!important;border-radius:999px!important;background:rgba(31,180,107,.14)!important;
  color:#7ee2ad!important;font:600 11px/1 "IBM Plex Mono",ui-monospace,monospace!important;letter-spacing:.1em;text-transform:uppercase;border:0!important}
html body .px-askp.px-askp .px-askp-live i{width:7px;height:7px;border-radius:50%;background:#1fb46b;box-shadow:0 0 0 0 rgba(31,180,107,.6);animation:nv-pulse 2.4s infinite}
@keyframes nv-pulse{0%{box-shadow:0 0 0 0 rgba(31,180,107,.55)}70%{box-shadow:0 0 0 7px rgba(31,180,107,0)}100%{box-shadow:0 0 0 0 rgba(31,180,107,0)}}
html body .px-askp.px-askp .px-askp-d{margin:4px 0 0!important;font:400 13px/1.4 Rubik,system-ui,sans-serif!important;color:var(--nv-sub)!important}
html body .px-askp.px-askp .px-askp-x{flex:none;position:static!important;width:40px!important;height:40px!important;border-radius:50%!important;display:grid!important;place-items:center;background:rgba(255,255,255,.1)!important;color:#fff!important;border:0!important}
html body .px-askp.px-askp .px-askp-x:hover{background:rgba(255,255,255,.18)!important}
html body .px-askp.px-askp .px-askp-x svg{stroke:currentColor}
/* the greeting */
html body .px-askp.px-askp .px-askp-thread{padding:6px 18px 12px!important;background:none!important;scrollbar-color:rgba(255,255,255,.2) transparent}
html body .px-askp.px-askp .px-askp-start{position:relative;padding:12px 2px 4px!important}
html body .px-askp.px-askp .px-askp-start::before{content:"";display:block;width:44px;height:44px;margin:0 0 14px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#fff 0 6%,#9cc0ff 14%,#2a6bff 42%,#1559f5 60%,#0b2c8a 100%);
  box-shadow:0 0 0 8px rgba(91,140,250,.12),0 0 50px 6px rgba(42,107,255,.55);animation:nv-breathe 4.5s ease-in-out infinite}
@keyframes nv-breathe{50%{box-shadow:0 0 0 12px rgba(91,140,250,.08),0 0 70px 12px rgba(42,107,255,.6);transform:scale(1.04)}}
html body .px-askp.px-askp .px-askp-start>p:first-child{margin:0 0 16px!important;font:700 22px/1.2 Rubik,system-ui,sans-serif!important;letter-spacing:-.02em;color:#fff!important;text-wrap:balance}
html body .px-askp.px-askp .px-askp-try{margin:0 0 10px!important;font:600 12px/1 "IBM Plex Mono",ui-monospace,monospace!important;letter-spacing:.14em;text-transform:uppercase;color:#8ea3d1!important}
html body .px-askp.px-askp .px-askp-chips{display:grid!important;gap:8px!important}
html body .px-askp.px-askp .px-askp-chips button{display:flex!important;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:52px;padding:12px 14px 12px 16px!important;text-align:left;
  border:0!important;border-radius:16px!important;background:var(--nv-card)!important;color:#fff!important;font:500 15px/1.35 Rubik,system-ui,sans-serif!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px var(--nv-line)!important;transition:background .2s,box-shadow .2s,transform .2s;cursor:pointer}
html body .px-askp.px-askp .px-askp-chips button::after{content:"";position:static!important;inset:auto!important;margin:0!important;flex:none;width:28px;height:28px;border-radius:50%;
  background:rgba(91,140,250,.18) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23cfe0ff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 18V6M6.5 11.5 12 6l5.5 5.5'/%3E%3C/svg%3E") center/14px no-repeat;transform:rotate(45deg)}
html body .px-askp.px-askp .px-askp-chips button:hover,html body .px-askp.px-askp .px-askp-chips button:focus-visible{background:rgba(91,140,250,.16)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 0 0 1px rgba(91,140,250,.55)!important}
html body .px-askp.px-askp .px-askp-chips button:active{transform:scale(.985)}
/* the conversation */
html body .px-askp.px-askp .px-askp-b.me{display:flex;justify-content:flex-end;margin:14px 0 10px!important}
html body .px-askp.px-askp .px-askp-b.me p{max-width:85%;margin:0!important;padding:11px 16px!important;border-radius:20px 20px 6px 20px!important;background:linear-gradient(180deg,#2a6bff,#1559f5)!important;
  color:#fff!important;font:500 15px/1.4 Rubik,system-ui,sans-serif!important;box-shadow:0 12px 26px -14px rgba(21,89,245,.9)!important;border:0!important}
html body .px-askp.px-askp .px-askp-b.lab{margin:0 0 16px!important;padding:0!important;background:none!important;border:0!important}
html body .px-askp.px-askp .px-askp-b.lab::before{display:none!important}
html body .px-askp.px-askp .px-askp-a{padding:16px 18px!important;border-radius:6px 20px 20px 20px!important;background:var(--nv-card)!important;border:0!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px var(--nv-line)!important}
html body .px-askp.px-askp .px-askp-a p{margin:0 0 10px!important;font:400 17px/1.55 "Source Serif 4","Source Serif Pro",Georgia,serif!important;color:#eef2fb!important}
html body .px-askp.px-askp .px-askp-a p:last-child{margin-bottom:0!important}
html body .px-askp.px-askp .px-askp-cite{display:inline-grid!important;place-items:center;min-width:20px;height:20px;margin:0 2px!important;padding:0 5px!important;border-radius:999px!important;vertical-align:2px;
  background:rgba(91,140,250,.22)!important;color:#cfe0ff!important;font:700 11px/1 Rubik,system-ui,sans-serif!important;text-decoration:none!important;border:0!important}
html body .px-askp.px-askp .px-askp-cite:hover{background:var(--nv-blue)!important;color:#fff!important}
html body .px-askp.px-askp .px-askp-src{display:grid!important;gap:6px;margin:10px 0 0!important;padding:0!important;list-style:none}
html body .px-askp.px-askp .px-askp-src a{display:flex!important;align-items:center;gap:12px;min-height:48px;padding:8px 12px!important;border-radius:14px!important;text-decoration:none!important;
  background:rgba(255,255,255,.04)!important;box-shadow:0 0 0 1px var(--nv-line)!important;color:#fff!important}
html body .px-askp.px-askp .px-askp-src a:hover{background:rgba(91,140,250,.14)!important}
html body .px-askp.px-askp .px-askp-src b{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:rgba(91,140,250,.22);color:#cfe0ff!important;font:700 12px/1 Rubik,system-ui,sans-serif}
html body .px-askp.px-askp .px-askp-src span{font:400 13px/1.35 Rubik,system-ui,sans-serif!important;color:var(--nv-sub)!important}
html body .px-askp.px-askp .px-askp-src em{font-style:normal;font-weight:600;color:#fff}
html body .px-askp.px-askp .px-askp-acts{margin:10px 0 0!important}
html body .px-askp.px-askp .px-askp-hear{display:inline-flex!important;align-items:center;gap:8px;min-height:40px;padding:0 14px!important;border-radius:999px!important;border:0!important;
  background:rgba(255,255,255,.08)!important;color:#fff!important;box-shadow:0 0 0 1px var(--nv-line)!important;font:600 14px/1 Rubik,system-ui,sans-serif!important}
html body .px-askp.px-askp .px-askp-hear svg{fill:currentColor}
html body .px-askp.px-askp .px-askp-dots i,html body .px-askp.px-askp .px-askp-dots span{background:#9cc0ff!important}
html body .px-askp.px-askp .px-askp-note{color:var(--nv-sub)!important}
/* one composer bar */
html body .px-askp.px-askp .px-askp-f{display:flex!important;align-items:flex-end;gap:6px;margin:0 14px!important;padding:6px!important;border-radius:26px!important;
  background:rgba(255,255,255,.08)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 0 1px rgba(160,190,255,.22)!important;border:0!important}
html body .px-askp.px-askp .px-askp-f:focus-within{box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 0 0 2px var(--nv-lift)!important}
html body .px-askp.px-askp .px-askp-f textarea{flex:1;min-height:44px!important;padding:11px 10px 11px 12px!important;border:0!important;outline:0!important;background:none!important;box-shadow:none!important;
  color:#fff!important;font:400 16px/1.4 Rubik,system-ui,sans-serif!important;resize:none}
html body .px-askp.px-askp .px-askp-f textarea::placeholder{color:#8ea3d1!important}
html body .px-askp.px-askp .px-askp-mic{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;height:44px!important;min-width:44px;padding:0 12px!important;border-radius:999px!important;border:0!important;
  background:rgba(255,255,255,.08)!important;color:#fff!important;box-shadow:none!important;font:600 14px/1 Rubik,system-ui,sans-serif!important}
html body .px-askp.px-askp .px-askp-mic[aria-pressed="true"]{background:#e5484d!important}
html body .px-askp.px-askp .px-askp-mic svg{stroke:currentColor}
html body .px-askp.px-askp .px-askp-send{flex:none;width:44px!important;height:44px!important;border-radius:50%!important;border:0!important;background:linear-gradient(180deg,#2a6bff,#1559f5)!important;color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 10px 22px -10px rgba(21,89,245,.95)!important}
html body .px-askp.px-askp .px-askp-send svg{stroke:currentColor}
html body .px-askp.px-askp .px-askp-send:disabled{opacity:.45}
/* the small print */
html body .px-askp.px-askp .px-askp-hint{margin:8px 20px 0!important;font:400 12px/1.3 Rubik,system-ui,sans-serif!important;color:#7f93bf!important}
html body .px-askp.px-askp .px-askp-status{margin:4px 20px 0!important;color:var(--nv-sub)!important}
html body .px-askp.px-askp .px-askp-foot{display:flex!important;flex-wrap:wrap;align-items:center;gap:8px 8px;padding:10px 16px 16px!important;border:0!important;background:none!important}
html body .px-askp.px-askp .px-askp-foot button{min-height:36px;padding:0 12px!important;border-radius:999px!important;border:0!important;background:rgba(255,255,255,.07)!important;color:#dfe8ff!important;
  box-shadow:0 0 0 1px var(--nv-line)!important;font:600 13px/1 Rubik,system-ui,sans-serif!important;text-decoration:none!important}
html body .px-askp.px-askp .px-askp-foot button:hover{background:rgba(255,255,255,.14)!important}
html body .px-askp.px-askp .px-askp-priv{flex-basis:100%;order:3;margin:4px 2px 0!important;font:400 12px/1.4 Rubik,system-ui,sans-serif!important;color:#7f93bf!important}
html body .px-askp.px-askp .px-askp-pill{order:2;margin-left:auto!important;background:rgba(255,255,255,.95)!important;border:0!important}
/* the phone sheet carries the same glass */
dialog#sh-ask.sh-sheet{background:radial-gradient(120% 60% at 50% 0%,#1a3577,#0a1633 70%)!important;color:#fff}
dialog#sh-ask .sh-shead h2{color:#fff!important}
dialog#sh-ask .sh-shead p{color:#a9b7d6!important}
dialog#sh-ask .sh-x{background:rgba(255,255,255,.1)!important;color:#fff!important}
dialog#sh-ask .sh-grab::before{background:rgba(255,255,255,.32)!important}
dialog#sh-ask .px-askp .px-askp-in{background:none!important;box-shadow:none!important;border-radius:0!important}
@media (prefers-reduced-motion:reduce){html body .px-askp.px-askp .px-askp-start::before,html body .px-askp.px-askp .px-askp-live i{animation:none}}
/* on phones the sheet's header matches More's: a 24px title and a 44px round close */
@media (max-width:760px), (max-height:500px) and (pointer:coarse){
  html.sh-on body .px-askp.px-askp .px-askp-t{font:600 24px/1.15 Rubik,system-ui,sans-serif!important;letter-spacing:-.015em}
  html.sh-on body .px-askp.px-askp .px-askp-x{width:44px!important;height:44px!important;border-radius:999px!important}
}
/* the Group's Ask sheet gives its body its own white */
dialog#sh-ask.sh-sheet .sh-sbody.sh-askbody{background:transparent!important}
dialog#sh-ask.sh-sheet .sh-askbody .px-askp-h{display:none!important}

/* /css/fix-cg231.css */
/* CG231 · Ask the firm on a phone: the Navigator by CultureAI pill sat at the left edge under Start over and Save a summary
   (Steven, Nov 6: "on mobile when you open navigator the navigator pill is off centered and looks funny"). On a phone the pill
   gets its own line, centered, and the two buttons and the privacy line center with it. */
@media (max-width:560px){
  html body .px-askp.px-askp .px-askp-foot{justify-content:center!important;text-align:center}
  html body .px-askp.px-askp .px-askp-foot .cai-pill{flex:0 0 auto;margin:4px auto 0!important}
  html body .px-askp.px-askp .px-askp-foot .px-askp-priv{flex:1 1 100%;order:3;text-align:center;margin:2px auto 0}
  html body .px-askp.px-askp .px-askp-foot .cai-pill{order:2}
  html body .px-askp.px-askp .px-askp-foot::after{content:"";flex-basis:100%;order:1}
}
/* The pill is the living pill everywhere it lives (Steven, Nov 6: "anywhere a pill lives it needs to be living"): its dot pulses
   twice each time the panel opens, then rests, as on cultureai.com. */
@keyframes cg231-pulse{50%{opacity:.35;transform:scale(.8)}}
html body .px-askp.px-askp .px-askp-foot .cai-pill i{animation:2.4s ease-in-out 2 cg231-pulse}
@media (prefers-reduced-motion:reduce){html body .px-askp.px-askp .px-askp-foot .cai-pill i{animation:none}}

/* /css/fix-cg224.css */
/* CG224 · from the Nov 6 check of every page, laptop and phone.
   1. The Letter's contents rail is sticky; the receipts band (.up-rcpt) was static, so the rail drew over the numbers
      as you scrolled past them. Every full-width band now sits above the rail, the way the photo bands already did.
   2. The copy-a-link buttons beside each heading (.px-anc) sat off the left edge on phones, invisible but still
      reachable by keyboard and screen reader; metalab-cg165 had turned them back on. On phones they are off again. */
html body .article-body .up-rcpt,html body .article-body .up-band{position:relative;z-index:4}
@media (max-width:760px){html body button.px-anc.px-anc.px-anc{display:none!important}}

/* /css/fix-cg228.css */
/* CG228 · One parent: the four Culture marks at one size (Steven, Nov 6: "CultureAI logo is not the same size or dimension as
   the rest fix that"). The System and Studio marks were squeezed to fit the chip (max-width with a fixed height), and the
   CultureAI mark sat 8px lower because its one-line caption let the chip center it differently. Now every mark has the same
   height, set by the widest mark so none is squeezed, and every chip lines its mark up from the top. */
main#main .op216-chip:not(.is-group):not(.is-co):not(.is-next){container-type:inline-size;justify-content:flex-start;padding-top:24px}
main#main .op216-chip:not(.is-group):not(.is-co):not(.is-next) img{height:min(32px,calc(100cqw / 4.84));width:auto;max-width:none;flex:none}
@media (max-width:760px){
  main#main .op216-chip:not(.is-group):not(.is-co):not(.is-next){padding-top:18px}
  main#main .op216-chip:not(.is-group):not(.is-co):not(.is-next) img{height:min(24px,calc(100cqw / 4.84))}
}