/* English homepage hero (Oct 28 2026, Claude Design export): the belief in Cormorant Garamond, the drawn sample of the
   recorded run as the first proof (assets/pov-anim.js plays it twice, then rests on the end state the HTML ships
   with), and the recorded Sep 23 2026 run as the second proof. This one file styles the whole section, including the
   recorded-run stage, so the page's old inline hero-video-styles block and home-pov.css are gone (the es and pt
   homepages keep theirs). Colours are written out: the homepage loads assets/site.css, which declares no custom
   properties; the design's tokens are the same values, except its muted text (#5A7A90, 4.2 to 1 on the page
   background) which here is the site's muted #94A3B0. The headline faces are in hero-fonts.css. */

/* The page column (Oct 6 2026, moved here from the inline block): the homepage reads in one column of up to 1200px,
   and the header's brand and links sit on that column's edges, so wide screens are not half empty. */
.home-main{padding-top:32px}
@media(min-width:900px){
  .home-main{width:min(1200px,calc(100% - 96px));max-width:none}
  .nav{padding-left:max(48px,calc((100% - 1200px) / 2));padding-right:max(48px,calc((100% - 1200px) / 2))}
}

/* The hero */
.home-main .pov-hero{position:relative;width:100%;align-items:stretch;gap:0;text-align:left}
.pov-hero::before{content:'';position:absolute;left:50%;top:-200px;width:min(900px,100vw);height:520px;transform:translateX(-50%);pointer-events:none;z-index:-1;background:radial-gradient(ellipse at center,rgba(42,188,180,0.13),rgba(42,188,180,0) 65%)}
.pov-hero .hero-langs{display:flex;justify-content:flex-start;gap:10px;margin:0 0 6px;font-family:'JetBrains Mono',monospace;font-size:11.5px;color:#94A3B0}
.pov-hero .hero-langs a{color:#94A3B0;text-decoration:underline;text-underline-offset:3px}
.pov-hero .hero-langs a:hover,.pov-hero .hero-langs [aria-current]{color:#DCE8F0}
.pov-grid{display:flex;flex-direction:column;gap:26px;margin-top:14px}
.pov-copy{min-width:0}
.pov-copy h1{margin:0 0 18px;font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:clamp(42px,4.9vw,76px);line-height:1.04;letter-spacing:-.02em;color:#F1F5F9;text-wrap:balance}
.pov-copy h1 em{font-style:italic;color:#2ABCB4}
.pov-lede{margin:0 0 24px;max-width:500px;font-size:16.5px;font-weight:400;line-height:1.6;color:#94A3B0;text-wrap:pretty}
.pov-actions{display:flex;flex-wrap:wrap;gap:10px}
.pov-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;margin:0;padding:0 22px;border-radius:7px;font:500 15px/1 'DM Sans',system-ui,sans-serif;white-space:nowrap;text-decoration:none;cursor:pointer;transition:background .15s,box-shadow .15s}
.pov-btn-p{background:#2ABCB4;border:1px solid #2ABCB4;color:#06101C}
.pov-btn-p:hover{box-shadow:0 0 22px rgba(42,188,180,.4);color:#06101C}
.pov-btn-s{background:transparent;border:1px solid rgba(255,255,255,.18);color:#E6EDF3}
.pov-btn-s:hover{background:rgba(255,255,255,.06);color:#E6EDF3}
.pov-btn:focus-visible,.pov-replay:focus-visible,.pov-expand:focus-visible,.pov-hint a:focus-visible{outline:2px solid #2ABCB4;outline-offset:2px}
.pov-hint{margin:14px 0 0;font-size:13px;font-weight:400;line-height:1.5;color:#94A3B0}
.pov-hint a{color:#2ABCB4;text-decoration:underline;text-underline-offset:3px}
.pov-hint a:hover{color:#2ABCB4}
#home-install-prompt[hidden]{display:none}
@media(max-width:440px){
  .pov-actions{display:grid;grid-template-columns:1fr}
}
@media(min-width:900px){
  .pov-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);column-gap:clamp(40px,5vw,80px);align-items:center;margin-top:28px}
  .pov-copy h1{max-width:560px}
}

/* The drawn animation: the first proof */
.pov-anim{position:relative;margin:0;background:#0C1828;border:1px solid rgba(42,188,180,0.12);border-radius:12px;padding:14px 16px 16px;box-shadow:0 0 44px rgba(42,188,180,.07)}
.pa-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;font-family:'JetBrains Mono',monospace}
.pa-tag{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#94A3B0}
.pa-count{font-size:12.5px;color:#DCE8F0;white-space:nowrap}
.pa-count b{font-weight:700}
.pa-count b[data-pa-launch]{color:#34D399}
.pa-count b[data-pa-refuse]{color:#F87171}
.pa-stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 64px minmax(0,1.12fr);align-items:center;height:208px;margin-top:12px}
.pa-panel{display:flex;flex-direction:column;gap:9px;background:#07101E;border:1px solid rgba(255,255,255,0.06);border-radius:8px;padding:12px;transition:border-color .2s,box-shadow .2s}
.pa-prompt.ask{border-color:#2ABCB4;box-shadow:0 0 16px rgba(42,188,180,.28)}
.pa-label{font:500 9.5px/1.4 'JetBrains Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:#94A3B0}
.pa-bar{height:6px;border-radius:3px;background:rgba(220,232,240,.10)}
.pa-bar.w1{width:88%}.pa-bar.w2{width:64%}.pa-bar.w3{width:76%}
.pa-ask{margin:0;padding:0;border-radius:0;background:none;font:400 12px/1.5 'JetBrains Mono',monospace;color:#DCE8F0;overflow-wrap:anywhere}
.pa-ask::before{content:'\203A\0020';color:#2ABCB4}
.pa-mid{position:relative;height:100%}
.pa-line{position:absolute;left:50%;top:6px;bottom:6px;width:2px;margin-left:-1px;border-radius:1px;background:#2ABCB4;box-shadow:0 0 12px rgba(42,188,180,.55);transition:box-shadow .2s,background .2s}
.pa-line.flash{box-shadow:0 0 22px rgba(42,188,180,.95)}
.pa-line.deny{background:#F87171;box-shadow:0 0 22px rgba(248,113,113,.8)}
.pa-line-label{position:absolute;left:50%;top:50%;transform:translate(10px,-50%);writing-mode:vertical-rl;font:500 9px/1 'JetBrains Mono',monospace;letter-spacing:.16em;text-transform:uppercase;color:rgba(42,188,180,0.5);white-space:nowrap}
.pa-grid{display:grid;grid-template-columns:repeat(5,16px);gap:9px}
.pa-slot{width:16px;height:16px;border-radius:50%;border:1px dashed rgba(220,232,240,.2);position:relative}
.pa-slot.on{border-style:solid;border-color:rgba(52,211,153,.5)}
.pa-slot.on::after{content:'';position:absolute;inset:2px;border-radius:50%;background:#34D399;box-shadow:0 0 8px rgba(52,211,153,.45)}
.pa-field{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.pa-tr{position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:#2ABCB4;box-shadow:0 0 9px rgba(42,188,180,.65);transition:left .42s linear,top .42s ease,background .16s,box-shadow .16s,opacity .34s}
.pa-tr.ok{background:#34D399;box-shadow:0 0 9px rgba(52,211,153,.6)}
.pa-tr.no{background:#F87171;box-shadow:0 0 11px rgba(248,113,113,.7)}
.pa-tr.fade{opacity:0}
.pa-ledger{margin-top:14px;display:flex;flex-direction:column;gap:8px}
.pa-chain{position:relative;display:flex;gap:3px;align-items:center}
.pa-chain::before{content:'';position:absolute;left:2px;right:2px;top:50%;height:1px;background:rgba(42,188,180,.3)}
.pa-cell{position:relative;flex:1 1 0;max-width:15px;height:15px;border-radius:3px;border:1px solid rgba(42,188,180,.35);background:#07101E;transition:background .18s,border-color .18s,box-shadow .18s}
.pa-cell.ok{background:#34D399;border-color:#34D399;box-shadow:0 0 0 2px rgba(42,188,180,.22)}
.pa-cell.no{background:#F87171;border-color:#F87171;box-shadow:0 0 0 2px rgba(42,188,180,.22)}
@media(max-width:519.98px){
  .pov-anim{padding:12px 12px 14px}
  .pa-stage{grid-template-columns:minmax(0,1fr) 44px minmax(0,1.05fr);height:176px}
  .pa-grid{grid-template-columns:repeat(5,13px);gap:7px}
  .pa-slot{width:13px;height:13px}
  .pa-cell{max-width:12px;height:12px}
  .pa-line-label{display:none}
  .pa-ask{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.pa-tr{display:none}.pa-line,.pa-cell,.pa-prompt{transition:none}}

/* The recorded run: the second proof */
.pov-proof{display:flex;flex-direction:column;gap:12px;min-width:0;margin-top:clamp(32px,5vw,56px)}
.pov-run{margin:0;display:flex;flex-direction:column;gap:12px}
.pov-compact{display:none;background:#0C1828;border:1px solid rgba(255,255,255,0.06);border-radius:10px;padding:16px}
.pov-compact-head{margin:0 0 12px;font:500 11px/1.4 'JetBrains Mono',monospace;letter-spacing:.1em;text-transform:uppercase;color:#94A3B0}
.pov-compact-facts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 14px;padding:0;list-style:none}
.pov-compact-facts li{min-width:0}
.pov-compact-facts li+li{border-left:1px solid rgba(255,255,255,.1);padding-left:16px}
.pov-compact-facts strong{display:block;font:700 34px/1.1 'JetBrains Mono',monospace;color:#DCE8F0}
.pov-compact-facts li:last-child strong{color:#F87171}
.pov-compact-facts span{font-size:13px;line-height:1.45;color:#94A3B0}
.pov-compact-actions{display:flex;flex-direction:column;gap:8px}
.pov-replay,.pov-expand{display:flex;align-items:center;justify-content:center;gap:9px;min-height:46px;margin:0;padding:0 14px;border-radius:7px;font:500 15px/1 'DM Sans',system-ui,sans-serif;cursor:pointer}
.pov-replay{background:rgba(42,188,180,.12);border:1px solid #2ABCB4;color:#DCE8F0}
.pov-replay svg{width:14px;height:14px;fill:#2ABCB4;flex:none}
.pov-expand{background:transparent;border:1px solid rgba(255,255,255,.16);color:#94A3B0}
.pov-proof .hero-stage{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#0a1117;border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 24px 72px rgba(0,0,0,.3)}
.pov-proof .hero-video{display:none;width:100%;height:100%;object-fit:contain;cursor:pointer}
.pov-proof .hero-poster{display:block;width:100%;height:100%;position:relative;text-decoration:none}
.pov-proof .hero-poster.phone{display:none}
.pov-proof .hero-poster img{display:block;width:100%;height:100%;object-fit:contain}
.pov-proof .hero-stage.is-playing .hero-video{display:block}
.pov-proof .hero-stage.is-playing .hero-poster,.pov-proof .hero-stage.is-playing .hero-poster.phone{display:none}
/* A round play button in the corner, clear of the frame's headline; the words join it on wide screens.
   The poster link's aria-label names the action either way. */
.hero-play{position:absolute;right:10px;top:10px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid rgba(42,188,180,.65);border-radius:50%;background:#07101E;color:#E6EEF3;font-size:0;white-space:nowrap;box-shadow:0 4px 24px #07101E}
.hero-play svg{width:18px;height:18px;fill:#2ABCB4;flex:none}
@media(min-width:1100px){.hero-play{right:16px;top:16px;width:auto;height:auto;gap:10px;padding:10px 16px;border-radius:40px;font-size:14px}}
.pov-caption{margin:0;font:400 12px/1.6 'JetBrains Mono',monospace;color:#94A3B0;text-wrap:pretty}
.pov-scope{display:flex;align-items:baseline;gap:9px;margin:0;font:400 12.5px/1.6 'JetBrains Mono',monospace;color:#94A3B0;text-wrap:pretty}
.pov-scope::before{content:'';flex:none;width:7px;height:7px;border-radius:50%;background:#2ABCB4;align-self:center}
@media(max-width:899.98px){
  .pov-compact{display:block}
  .pov-proof .hero-stage{display:none;aspect-ratio:4/5}
  .pov-proof.is-open .hero-stage{display:block}
  .pov-proof .hero-poster:not(.phone){display:none}
  .pov-proof .hero-poster.phone{display:block}
  .pov-proof.is-open .hero-stage.is-playing .hero-poster.phone{display:none}
}
@media(prefers-reduced-motion:reduce){.pov-btn,.pov-replay,.pov-expand{transition:none}}