*{box-sizing:border-box;}
html,body{margin:0; padding:0; background:#000;}
html{scroll-behavior:smooth;}
body{-webkit-font-smoothing:antialiased;}
[hidden]{display:none !important;}
.f10{min-height:100vh; background:#000; color:#F4F4F2; font-family:'Sora',system-ui,sans-serif; --side:max(6.1vw, calc((100vw - 1440px) / 2 + 88px)); padding:0 var(--side) 40px;}
a:focus-visible, button:focus-visible{outline:2px solid #F4F4F2; outline-offset:4px; border-radius:4px;}

/* header and jump bar */
.f10-hd{height:96px; padding-top:30px; display:flex; align-items:center; gap:40px;}
.f10-mini{position:relative; width:33px; height:33px; flex:none; display:block;}
.f10-mini i{position:absolute; width:10px; height:10px; border-radius:2.5px; display:block;}
.f10-nb{display:flex; align-items:baseline; gap:9px; padding:6px 0; white-space:nowrap; font:400 14px/1 'Sora',sans-serif; color:#A1A1A6; text-decoration:none; transition:color .2s ease;}
.f10-nb i{width:9px; height:9px; border-radius:2.5px; display:block; flex:none; position:relative; top:calc(9px - 0.8em); opacity:.45; transition:opacity .2s ease;}
.f10-nb:hover, .f10-nb.on{color:#F4F4F2;} .f10-nb:hover i, .f10-nb.on i{opacity:1;}
.f10-jump{position:sticky; top:0; z-index:5; margin-top:24px; background:#000; display:flex; flex-wrap:wrap; align-items:center; gap:8px 30px; padding:10px 0; border-bottom:1px solid #1C1C1F;}
.f10-jump a{display:flex; align-items:baseline; gap:9px; font:400 14px/1.2 'Sora',sans-serif; color:#A1A1A6; text-decoration:none; transition:color .2s ease;}
.f10-jump a i{width:9px; height:9px; border-radius:2.5px; display:block; flex:none; position:relative; top:calc(9px - 0.8em); opacity:.45; transition:opacity .2s ease;}
.f10-jump a:hover{color:#F4F4F2;} .f10-jump a:hover i{opacity:1;}
.f10-jump a.on{color:#F4F4F2; font-weight:500;}
.f10-jump a.on i{opacity:1;}
.f10-jump{min-height:52px;}
.f10-jump a.f10-home{color:#C9C9CC; white-space:nowrap; flex:none; gap:8px;}
.f10-jump a.f10-home:hover{color:#F4F4F2;}
.f10-home span{display:inline-block; transition:transform .25s cubic-bezier(.22,.61,.36,1);}
.f10-home:hover span{transform:translateX(-3px);}
.f10-sep{width:1px; height:16px; background:#2A2A2E; flex:none; margin:0 -8px;}
[id]{scroll-margin-top:84px;}

/* type */
.f10-sec{padding-top:128px;}
.f10-h{display:flex; align-items:baseline; gap:14px; margin:0 0 32px; font:400 32px/1.15 'Sora',sans-serif; letter-spacing:-0.02em;}
.f10-h i{display:none;}
.f10-h3{margin:0; font:400 21px/1.3 'Sora',sans-serif; letter-spacing:-0.012em; color:#F4F4F2; text-wrap:balance;}
.f10-p{margin:0; font:300 17px/1.6 'Sora',sans-serif; color:#C9C9CC; max-width:44em; text-wrap:pretty;}
.f10-s{margin:0; font:300 16px/1.6 'Sora',sans-serif; color:#C9C9CC; text-wrap:pretty;}
.f10-p strong, .f10-s strong, .f10-lead strong{font-weight:500; color:#F4F4F2;}
.f10-intro{margin:-16px 0 40px !important;}
.f10-lab{display:flex; align-items:baseline; gap:10px; margin:0 0 16px; font:400 14px/1 'Sora',sans-serif; color:#A1A1A6;}
.f10-cap{margin:12px 0 0; font:400 14px/1.5 'Sora',sans-serif; color:#A1A1A6; text-wrap:pretty;}

/* overview */
.f10-title{margin:0; font:400 48px/1.1 'Sora',sans-serif; letter-spacing:-0.03em; text-wrap:balance;}
.f10-title strong{font-weight:600;}
.f10-lead{margin:20px 0 0; font:300 19px/1.6 'Sora',sans-serif; color:#B4B4B9; text-wrap:pretty;}
.f10-award{display:inline-flex; align-items:center; gap:8px; margin-top:20px; padding:8px 14px; border-radius:999px; background:rgba(53,194,122,.12); color:#35C27A; font:400 14px/1 'Sora',sans-serif;}
.f10-meta{margin:32px 0 0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 40px;}
.f10-meta div{display:flex; flex-direction:column; gap:8px; padding:16px 0; border-top:1px solid #1C1C1F;}
.f10-meta dt{font:400 13px/1 'Sora',sans-serif; color:#A1A1A6;}
.f10-meta dd{margin:0; font:400 15px/1.4 'Sora',sans-serif; color:#F4F4F2;}
.f10-q{margin:0; font:300 24px/1.4 'Sora',sans-serif; letter-spacing:-0.012em; color:#F4F4F2; text-wrap:balance;}
.f10-qa{font:400 14px/1.4 'Sora',sans-serif; color:#A1A1A6;}

/* media */
.f10-zoom{appearance:none; border:none; padding:0; margin:0; background:none; display:block; width:100%; cursor:zoom-in; border-radius:20px; text-align:left;}
.f10-img{display:block; width:100%; height:auto; border-radius:20px;}
.f10-lb{position:fixed; inset:0; z-index:60; background:rgba(0,0,0,.95); display:flex; align-items:center; justify-content:center; padding:72px 40px 40px;}
.f10-lb img, .f10-lb video{display:block; max-width:100%; max-height:100%; object-fit:contain; border-radius:12px;}
.f10-lbx{position:absolute; top:16px; right:20px; width:44px; height:44px; border:none; background:none; color:#B4B4B9; display:flex; align-items:center; justify-content:center; cursor:pointer;}
.f10-lbx:hover{color:#F4F4F2;}

/* layout */
.f10-grid{display:grid; gap:12px;}
.f10-col{display:flex; flex-direction:column; gap:16px; min-width:0;}
.f10-rule{border-top:1px solid #1C1C1F; padding-top:28px;}
.f10-split{gap:0 !important;}
.f10-split > *:nth-child(2n+1){padding-right:48px;}
.f10-split > *:nth-child(2n){border-left:1px solid #1C1C1F; padding-left:48px;}

/* hairline tiles: not pressable, so not filled */
.f10-t{border-radius:20px; box-shadow:inset 0 0 0 1px #1C1C1F; padding:24px; display:flex; flex-direction:column; gap:10px; min-width:0;}
.f10-t .t{font:500 17px/1.3 'Sora',sans-serif; color:#F4F4F2;}
.f10-t .d{font:300 15px/1.55 'Sora',sans-serif; color:#B4B4B9; text-wrap:pretty;}
.f10-t .n{font:400 14px/1 'Sora',sans-serif; color:#A1A1A6; margin-bottom:24px;}
.f10-tiles{margin:0; padding:0; list-style:none; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px;}

/* lists */
.f10-list{margin:0; padding:0; list-style:none; display:flex; flex-direction:column;}
.f10-list li{display:grid; grid-template-columns:220px minmax(0,1fr); gap:24px; padding:18px 0; border-top:1px solid #1C1C1F;}
.f10-list li b{font:500 16px/1.4 'Sora',sans-serif; color:#F4F4F2;}

/* link out */
.f10-ln{display:flex; flex-direction:column; gap:12px; padding:24px; border-radius:20px; background:#121214; box-shadow:inset 0 0 0 1px #26262B; color:#F4F4F2; text-decoration:none; transition:background .2s ease, box-shadow .2s ease;}
.f10-ln:hover{background:#1B1B1F; box-shadow:inset 0 0 0 1px #3C3C43;}
.f10-ln .k{display:flex; align-items:center; gap:10px; font:400 14px/1 'Sora',sans-serif; color:#A1A1A6;}
.f10-ln .k .ar{margin-left:auto; color:#B4B4B9;}
.f10-ln .src{width:28px; height:28px; border-radius:7px; background:#F4F4F2; color:#0E0E0F; display:flex; align-items:center; justify-content:center; font:700 14px/1 'Sora',sans-serif; flex:none;}
.f10-ln .t{font:400 21px/1.3 'Sora',sans-serif; letter-spacing:-0.012em; text-wrap:balance;}
.f10-ln .d{font:400 14px/1.4 'Sora',sans-serif; color:#A1A1A6;}

/* the agent at the end of the page */
.f10-vh{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0);}
.f10-ask{margin-top:128px; padding-top:72px; border-top:1px solid #3A3A3F; display:grid; grid-template-columns:66px minmax(0,560px); column-gap:40px; align-items:start;}
.f10-askm{position:relative; width:66px; height:66px;}
.f10-askm i{position:absolute; width:20px; height:20px; border-radius:5px; display:block;}
.f10-ask.think .f10-askm i{animation:f10pulse .9s ease-in-out infinite;}
@keyframes f10pulse{0%,100%{transform:none;} 40%{transform:translateY(-4px) scale(.8);}}
.f10-askc{display:flex; flex-direction:column; min-width:0;}
.f10-ans{margin-top:20px;}
.f10-ans .q{font:400 15px/1.45 'Sora',sans-serif; color:#B4B4B9;}
.f10-ans .a{margin:10px 0 0; font:300 18px/1.55 'Sora',sans-serif; color:#F4F4F2; min-height:1.55em; text-wrap:pretty;}
.f10-ask.think .f10-ans .a{color:#A1A1A6;}
.f10-askf{margin-top:24px; display:flex; align-items:center; gap:12px; height:52px; padding:0 8px 0 18px; border-radius:999px; border:1px solid #2A2A2E; transition:border-color .2s ease;}
.f10-askf:focus-within{border-color:#5A5A60;}
.f10-askf input{flex:1; min-width:0; border:none; background:transparent; font:400 14px/1.2 'Sora',sans-serif; color:#F4F4F2; padding:0;}
.f10-askf input::placeholder{color:#A1A1A6;}
.f10-askf input:focus{outline:none;}
.f10-askf button{appearance:none; width:36px; height:36px; border-radius:50%; border:none; background:#F4F4F2; color:#0E0E0F; display:flex; align-items:center; justify-content:center; cursor:pointer; flex:none;}
.f10-asks{margin-top:12px; padding-left:18px; display:flex; flex-direction:column; align-items:flex-start;}
.f10-asks button{appearance:none; border:none; background:none; padding:5px 0; font:400 13px/1.3 'Sora',sans-serif; color:#A1A1A6; cursor:pointer; text-align:left; display:flex; gap:10px; transition:color .2s ease;}
.f10-asks button span{color:#6E6E73;}
.f10-asks button:hover, .f10-asks button:hover span{color:#F4F4F2;}
.f10-back{margin-top:40px; align-self:flex-start; display:inline-flex; gap:8px; padding:6px 0; font:400 14px/1 'Sora',sans-serif; color:#C9C9CC; text-decoration:none; transition:color .2s ease;}
.f10-back:hover{color:#F4F4F2;}
.f10-back span{display:inline-block; transition:transform .25s cubic-bezier(.22,.61,.36,1);}
.f10-back:hover span{transform:translateX(-3px);}
.f10-ask + .f10-foot{margin-top:72px;}
@media (max-width:720px){ .f10-ask{margin-top:96px; padding-top:56px; grid-template-columns:minmax(0,1fr); row-gap:24px;} .f10-asks{padding-left:0;} .f10-asks button{font-size:14px; padding:7px 0;} }
@media (prefers-reduced-motion: reduce){ .f10-ask.think .f10-askm i{animation:none;} }

/* footer */
.f10-foot{margin-top:128px; padding-top:28px; border-top:1px solid #1C1C1F; display:flex; align-items:center; gap:28px; font:400 14px/1 'Sora',sans-serif; color:#8A8A8F;}
.f10-foot a{color:#B4B4B9; text-decoration:none; transition:color .2s ease;}
.f10-foot a:hover{color:#F4F4F2;}

@media (max-width:1024px){
  .f10-cols{grid-template-columns:minmax(0,1fr) !important;}
  .f10-split > *{border-left:0 !important; padding-left:0 !important; padding-right:0 !important;}
  .f10-split{row-gap:40px !important;}
  .f10-hd .f10-nb{display:none;}
  .f10-list li{grid-template-columns:minmax(0,1fr); gap:6px;}
  .f10-tiles{grid-template-columns:minmax(0,1fr);}
  /* the hero visual comes first, and the sticky section bar scrolls sideways on one line */
  .f10-jump{flex-wrap:nowrap; overflow-x:auto; -webkit-overflow-scrolling:touch; overscroll-behavior-x:contain; gap:22px; margin-left:calc(-1 * var(--side)); margin-right:calc(-1 * var(--side)); padding:10px 0 10px var(--side); scrollbar-width:none;}
  .f10-jump::-webkit-scrollbar{display:none;}
  .f10-jump a{white-space:nowrap; flex:none;}
  .f10-jump{padding-left:0; padding-right:var(--side);}
  /* Home stays pinned at the left while the section links slide under it */
  .f10-jump a.f10-home{position:sticky; left:0; z-index:1; align-self:stretch; align-items:center; margin:-10px 0; padding:0 14px 0 var(--side); background:#000; box-shadow:1px 0 0 #2A2A2E;}
  .f10-sep{display:none;}
  #overview > .f10-grid:first-child{row-gap:32px !important;}
  #overview > .f10-grid:first-child > :last-child{order:-1;}
}
/* phones: smaller type and one-column meta */
@media (max-width:720px){
  .f10-hd{height:72px; padding-top:14px;}
  .f10-jump{margin-top:8px;}
  [id]{scroll-margin-top:64px;}
  .f10-sec{padding-top:88px;}
  .f10-title{font-size:32px;}
  .f10-lead{font-size:17px;}
  .f10-h{font-size:26px; margin-bottom:24px;}
  .f10-meta{grid-template-columns:minmax(0,1fr);}
  .f10-q{font-size:20px;}
  .f10-t, .f10-note{padding:20px;}
  .f10-ln{padding:20px;}
  .f10-ln .t{font-size:18px;}
  .f10-list li{padding:16px 0;}
  .f10-foot{flex-wrap:wrap; gap:18px; margin-top:96px;}
  .f10-lb{padding:64px 12px 24px;}
  .f10-tiles{grid-template-columns:minmax(0,1fr) !important;}
}