:root { --font-geist: Arial, Helvetica, sans-serif; }
html, body, #app { height: 100%; overflow: hidden; }

:root { --ink:#e6ede7; --muted:#9ba9a0; --green:#55d177; --gold:#efbd4e; --red:#ff6f65; --line:rgb(229 242 231 / 16%); background:#020d07; color:var(--ink); font-family:var(--font-geist),ui-monospace,SFMono-Regular,Menlo,monospace; }
* { box-sizing:border-box; }
body { margin:0; min-width:320px; background:#020d07; }
button,input { font:inherit; }
button { cursor:pointer; }
:focus-visible { outline:2px solid var(--gold); outline-offset:3px; }

.deck-shell { height:100dvh; min-height:100dvh; overflow:hidden; background:#020d07; }
.slide { position:relative; isolation:isolate; height:100dvh; min-height:100dvh; max-height:100dvh; overflow:hidden; display:grid; grid-template-rows:auto minmax(0,1fr) auto auto; background:radial-gradient(circle at 33% 42%,rgb(22 69 39 / 42%),transparent 31rem),radial-gradient(circle at 80% 10%,rgb(20 59 45 / 30%),transparent 28rem),#020d07; }
.slide::before { content:""; position:absolute; z-index:-2; inset:0; opacity:.16; background-image:linear-gradient(rgb(255 255 255 / .035) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .035) 1px,transparent 1px); background-size:42px 42px; mask-image:linear-gradient(to bottom,black,transparent 82%); }
.slide-glow { position:absolute; z-index:-1; width:min(70vw,70rem); aspect-ratio:1; right:-28vw; top:4vh; opacity:.2; border-radius:50%; border:1px solid rgb(84 220 121 / 70%); box-shadow:0 0 0 3rem rgb(78 217 112 / 6%),0 0 0 7rem rgb(78 217 112 / 5%),0 0 0 12rem rgb(78 217 112 / 3%); }
.slide-head { min-height:7rem; display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:clamp(1.25rem,4vw,4.75rem) clamp(1.25rem,6.6vw,8rem) 1rem; }
.partner-line { margin:0; color:#f4f7f3; font-family:var(--font-geist),sans-serif; font-size:clamp(.85rem,1.35vw,1.2rem); font-weight:780; letter-spacing:-.035em; }
.partner-line::before { content:"∞"; margin-right:.75rem; color:#5888f2; font-size:1.6em; vertical-align:-.12em; }
.load-brand { width:clamp(5.4rem,8vw,8rem); }
.load-brand img { display:block; width:100%; height:auto; }
.slide-content { width:min(100% - 2.5rem,110rem); min-height:0; overflow:hidden; align-self:center; margin:0 auto; padding:1.5rem clamp(.15rem,2.8vw,3rem) clamp(1.5rem,4vw,4rem); animation:appear .32s ease-out both; }
.slide-copy { max-width:70rem; }
h1 { max-width:14ch; margin:0; color:#f2f7f2; font-family:var(--font-geist),ui-sans-serif,sans-serif; font-size:clamp(2.7rem,7.15vw,9rem); font-weight:800; letter-spacing:-.075em; line-height:.92; text-wrap:balance; }
.slide-description { max-width:79ch; margin:clamp(1rem,2vw,1.75rem) 0 0; color:#aeb9b1; font-family:var(--font-geist),sans-serif; font-size:clamp(1rem,1.35vw,1.55rem); line-height:1.47; text-wrap:pretty; }
.cover-layout { display:grid; gap:clamp(1.5rem,4.2vw,5rem); margin-top:clamp(1.5rem,4.2vw,4rem); }
.cover-rate { margin:0; color:var(--gold); font-size:clamp(3.25rem,7.1vw,8.3rem); font-weight:800; letter-spacing:.07em; line-height:.8; }
.cover-rate span { margin-left:.35em; color:#aeb9b1; font-size:clamp(1rem,1.8vw,2rem); font-weight:500; letter-spacing:.15em; white-space:nowrap; }
.cover-description { max-width:74ch; margin:0; color:#b6c0b9; font-family:var(--font-geist),sans-serif; font-size:clamp(1rem,1.45vw,1.56rem); line-height:1.5; }
.message-stream { width:min(100%,37rem); margin:clamp(1.25rem,4vh,3.5rem) auto 0; padding:1rem; border:1px solid var(--line); border-radius:.5rem; background:rgb(4 25 13 / 72%); box-shadow:0 1.2rem 5rem rgb(0 0 0 / 22%); }
.stream-head { padding:.4rem .4rem 1rem; color:#f3f6f3; font-family:var(--font-geist),sans-serif; font-size:.9rem; font-weight:700; }
.stream-head span { color:var(--green); font-family:inherit; font-size:.68rem; letter-spacing:.1em; }
.bubble { max-width:85%; margin:.45rem 0; padding:.72rem .85rem; border-radius:.22rem; color:#dbe7dc; font-family:var(--font-geist),sans-serif; font-size:.92rem; line-height:1.35; }
.bubble-client { margin-right:auto; background:#20372a; }
.bubble-company { display:flex; align-items:flex-end; justify-content:space-between; gap:1rem; margin-left:auto; background:#0d4a29; }
.bubble b { font-family:inherit; font-size:.67rem; letter-spacing:.08em; white-space:nowrap; }.free { color:var(--green); }.charge { color:var(--gold); }
.slide-blocks { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,14.5rem),1fr)); gap:1px; margin-top:clamp(1.5rem,4vh,3.7rem); border:1px solid var(--line); background:var(--line); }
.slide-block { min-height:9.5rem; padding:clamp(1rem,1.6vw,1.6rem); background:rgb(2 16 8 / 88%); }
.block-label { margin:0 0 .7rem; color:#a2aea5; font-size:.7rem; font-weight:750; letter-spacing:.095em; }.block-value { display:block; color:#f4f7f3; font-size:clamp(1rem,1.5vw,1.65rem); line-height:1.15; }.slide-block h3 { margin:.6rem 0 .45rem; color:#e6eee6; font-family:var(--font-geist),sans-serif; font-size:clamp(1rem,1.25vw,1.4rem); line-height:1.1; }.slide-block p:not(.block-label) { margin:.4rem 0 0; color:#aeb8b0; font-family:var(--font-geist),sans-serif; font-size:.88rem; line-height:1.45; }.tone-green .block-value,.tone-green h3 { color:var(--green); }.tone-gold .block-value,.tone-gold h3 { color:var(--gold); }.tone-red .block-value,.tone-red h3 { color:var(--red); }
.slide--message-types .slide-blocks { grid-template-columns:repeat(4,minmax(0,1fr)); }.slide--message-types .slide-block { min-height:6.5rem; }.slide--timeline .slide-blocks { grid-template-columns:repeat(4,minmax(0,1fr)); }.slide--strategies .slide-blocks { grid-template-columns:repeat(3,minmax(0,1fr)); }.slide--hybrid .slide-blocks { grid-template-columns:repeat(5,minmax(0,1fr)); }.slide--checklist .slide-blocks { grid-template-columns:repeat(3,minmax(0,1fr)); }.slide--summary .slide-blocks { grid-template-columns:repeat(5,minmax(0,1fr)); }.slide--summary .slide-block { min-height:7rem; }
.slide-note { max-width:84ch; margin:1rem 0 0; white-space:pre-line; color:#a8b2ab; font-family:var(--font-geist),sans-serif; font-size:.86rem; line-height:1.45; }
.simulator { display:grid; grid-template-columns:minmax(17rem,.95fr) minmax(22rem,1.25fr); gap:1px; margin-top:clamp(1.4rem,4vh,3.6rem); border:1px solid var(--line); background:var(--line); }.simulator__controls,.simulator__results { padding:clamp(1.25rem,2.5vw,2.25rem); background:rgb(2 16 8 / 90%); }.simulator__controls>p { margin:0 0 1.5rem; color:var(--green); font-size:.7rem; font-weight:750; letter-spacing:.1em; }.simulator label { display:grid; gap:.55rem; margin-top:1rem; color:#cdd7ce; font-family:var(--font-geist),sans-serif; font-size:.93rem; }.simulator input { width:100%; min-height:2.85rem; padding:.45rem .7rem; border:1px solid rgb(215 231 216 / 27%); border-radius:0; color:#f4f8f4; background:#061c0d; font-size:1.25rem; outline:none; }.simulator input:focus { border-color:var(--gold); }.simulator__presets { display:flex; flex-wrap:wrap; gap:.4rem; margin-top:1rem; }.simulator__presets button { min-height:2.1rem; padding:.25rem .6rem; border:1px solid rgb(215 231 216 / 25%); border-radius:0; color:#a8b5aa; background:transparent; font-size:.7rem; }.simulator__presets button:hover { color:var(--green); border-color:var(--green); }.simulator__results { display:grid; align-content:center; gap:1rem; }.simulator__results div { display:grid; grid-template-columns:1fr auto; align-items:baseline; gap:1rem; padding-bottom:.9rem; border-bottom:1px solid var(--line); }.simulator__results div:last-child { border:0; padding:0; }.simulator__results span { color:#9eada1; font-size:.7rem; font-weight:750; letter-spacing:.095em; }.simulator__results strong { color:var(--gold); font-family:var(--font-geist),sans-serif; font-size:clamp(1.6rem,3.3vw,3.7rem); letter-spacing:-.055em; }
.brl-mark { display:grid; grid-template-columns:auto minmax(12rem,32rem); align-items:center; gap:clamp(1.5rem,5vw,6rem); margin-top:clamp(2rem,8vh,8rem); }.brl-mark strong { color:var(--gold); font-family:var(--font-geist),sans-serif; font-size:clamp(8rem,27vw,27rem); letter-spacing:-.13em; line-height:.65; }.brl-mark p { margin:0; color:#d9e2da; font-family:var(--font-geist),sans-serif; font-size:clamp(1.1rem,2vw,2.2rem); line-height:1.1; }.brl-mark span { grid-column:2; color:var(--green); font-size:.75rem; font-weight:750; letter-spacing:.12em; }
.ticker { min-height:3.25rem; overflow:hidden; display:flex; align-items:center; gap:3rem; border-top:1px solid var(--line); border-bottom:1px solid var(--line); color:#97a89b; white-space:nowrap; font-size:.7rem; font-weight:700; letter-spacing:.15em; }.ticker span { flex:0 0 auto; }.ticker span:nth-child(1),.ticker span:nth-child(4),.ticker span:nth-child(5) { color:var(--green); }
.slide-foot { min-height:4.5rem; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:1rem; padding:0 clamp(1.25rem,6.6vw,8rem); border-bottom:1px solid var(--line); }.foot-brand { display:flex; align-items:center; gap:.8rem; min-width:0; }.foot-brand .load-brand { width:3.3rem; }.foot-brand span { overflow:hidden; color:#8b9b8f; font-size:.67rem; font-weight:700; letter-spacing:.1em; text-overflow:ellipsis; white-space:nowrap; }.slide-foot>strong { color:#dfe7df; font-size:.8rem; letter-spacing:.16em; }.deck-controls { justify-self:end; display:flex; gap:.45rem; }.deck-controls button { width:2.65rem; height:2.3rem; border:1px solid rgb(222 240 225 / 25%); border-radius:0; color:#e8eee8; background:transparent; font-size:1rem; }.deck-controls button:hover:not(:disabled) { color:#041508; background:var(--green); border-color:var(--green); }.deck-controls button:disabled { opacity:.28; cursor:default; }
@keyframes appear { from { opacity:0; transform:translateY(.65rem); } to { opacity:1; transform:none; } }
@media (max-width:900px) { .slide { min-height:100svh; }.slide-head { min-height:5rem; }.slide-content { width:min(100% - 2rem,56rem); padding-top:1.15rem; }.slide-blocks,.slide--message-types .slide-blocks,.slide--timeline .slide-blocks,.slide--strategies .slide-blocks,.slide--hybrid .slide-blocks,.slide--checklist .slide-blocks,.slide--summary .slide-blocks { grid-template-columns:repeat(2,minmax(0,1fr)); }.simulator { grid-template-columns:1fr; }.ticker { gap:1.5rem; }.slide-foot { padding:0 1rem; } }
@media (max-width:560px) { .slide { height:100dvh; min-height:100dvh; max-height:100dvh; grid-template-rows:auto minmax(0,1fr) auto auto; overflow:hidden; }.slide-head { min-height:0; padding:1.1rem 1rem .65rem; }.partner-line { max-width:14rem; font-size:.7rem; }.partner-line::before { margin-right:.35rem; }.load-brand { width:5.4rem; }.slide-content { align-self:center; width:100%; padding:.8rem 1rem; } h1 { font-size:clamp(2.3rem,12.3vw,4rem); line-height:.94; }.slide-description,.cover-description { font-size:.94rem; }.cover-rate { font-size:clamp(2.65rem,14vw,4.2rem); }.cover-rate span { display:block; margin:.7rem 0 0; font-size:.8rem; }.message-stream { margin-top:1.25rem; }.slide-blocks,.slide--message-types .slide-blocks,.slide--timeline .slide-blocks,.slide--strategies .slide-blocks,.slide--hybrid .slide-blocks,.slide--checklist .slide-blocks,.slide--summary .slide-blocks { grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:.9rem; }.slide-block { min-height:0; padding:.7rem; }.slide-block h3 { margin:.35rem 0 .25rem; font-size:.92rem; }.slide-block p:not(.block-label) { font-size:.74rem; line-height:1.32; }.block-label { margin-bottom:.35rem; font-size:.6rem; }.block-value { font-size:.98rem; }.slide--message-types .slide-block { min-height:5.3rem; }.brl-mark { grid-template-columns:1fr; gap:1.3rem; margin-top:1rem; }.brl-mark strong { font-size:10rem; }.brl-mark span { grid-column:auto; }.ticker { min-height:2.7rem; font-size:.57rem; }.slide-foot { min-height:4rem; grid-template-columns:minmax(0,1fr) auto auto; gap:.6rem; }.foot-brand span { display:none; }.slide-foot>strong { font-size:.67rem; }.deck-controls button { width:2.35rem; height:2.15rem; }.simulator__results strong { font-size:1.65rem; } }
@media (max-width:560px) and (max-height:760px) { .slide-head { padding-top:.75rem; }.slide-content { padding-block:.45rem; }.partner-line { font-size:.62rem; }.load-brand { width:4.8rem; } h1 { font-size:clamp(1.9rem,10.5vw,3rem); }.slide-description,.cover-description { margin-top:.6rem; font-size:.78rem; line-height:1.35; }.slide-blocks { margin-top:.6rem; }.slide-block { padding:.55rem; }.slide-block h3 { font-size:.8rem; }.slide-block p:not(.block-label) { font-size:.67rem; line-height:1.22; }.block-label { font-size:.55rem; }.block-value { font-size:.86rem; }.ticker { min-height:2.2rem; }.slide-foot { min-height:3.3rem; }.deck-controls button { width:2.1rem; height:1.9rem; }.slide--checklist .slide-blocks,.slide--hybrid .slide-blocks,.slide--summary .slide-blocks { gap:1px; }.simulator { margin-top:.6rem; }.simulator__controls,.simulator__results { padding:.7rem; }.simulator label { margin-top:.5rem; font-size:.75rem; }.simulator input { min-height:2rem; font-size:1rem; }.simulator__results { gap:.45rem; }.simulator__results strong { font-size:1.25rem; } }
@media (prefers-reduced-motion:reduce) { .slide-content { animation:none; } }