:root { --ink:#111214; --paper:#f0efe9; --acid:#d3ff32; --orange:#ed5b25; --line:rgba(17,18,20,.18); --serif:"Playfair Display",Georgia,serif; --sans:"Manrope",Arial,sans-serif; --mono:"DM Mono",monospace; }
* { box-sizing:border-box; }
html { background:#202124; }
body { margin:0; font-family:var(--sans); color:var(--ink); background:#202124; }
img { max-width:100%; display:block; }
.deck-tools { position:sticky; top:0; z-index:10; height:54px; display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:0 1.25rem; color:var(--paper); background:rgba(17,18,20,.94); backdrop-filter:blur(14px); font:500 .62rem var(--mono); text-transform:uppercase; letter-spacing:.1em; }
.deck-tools button { border:1px solid rgba(240,239,233,.6); background:transparent; color:inherit; font:inherit; padding:.55rem .7rem; cursor:pointer; }
.deck-tools a:hover, .deck-tools button:hover { color:var(--acid); }
#deck { max-width:1440px; margin:0 auto; }
.deck-loading,.deck-error { min-height:80vh; display:grid; place-items:center; color:var(--paper); font:1rem var(--mono); }
.deck-error a { color:var(--acid); }
.slide { width:100%; min-height:max(680px, calc(100vh - 54px)); position:relative; padding:clamp(2rem,6vw,7rem); display:flex; flex-direction:column; justify-content:space-between; overflow:hidden; background:var(--paper); page-break-after:always; break-after:page; }
.slide--dark { color:var(--paper); background:var(--ink); }
.slide--acid { color:var(--ink); background:var(--acid); }
.slide__top { display:flex; align-items:center; justify-content:space-between; gap:1rem; font:.62rem var(--mono); letter-spacing:.12em; text-transform:uppercase; opacity:.75; }
.slide footer { margin-top:2rem; font:.58rem var(--mono); letter-spacing:.11em; text-transform:uppercase; opacity:.6; }
.slide footer span { padding:0 .4rem; }
.deck-kicker { margin:0 0:1.4rem; font:.66rem var(--mono); letter-spacing:.13em; text-transform:uppercase; opacity:.66; }
.slide h1,.slide h2 { margin:0; font:500 clamp(2.6rem,7vw,7.8rem)/.9 var(--serif); letter-spacing:-.055em; }
.slide h1 { max-width:11ch; }
.slide h2 { max-width:16ch; }
.slide p:not(.deck-kicker) { font-size:clamp(.92rem,1.35vw,1.15rem); line-height:1.7; }
.slide-cover { height:100%; min-height:calc(max(680px, 100vh - 54px) - clamp(4rem,12vw,14rem)); display:grid; grid-template-columns:1fr .9fr; gap:clamp(2rem,6vw,8rem); align-items:center; }
.slide-cover > div:first-child { position:relative; z-index:2; }
.slide-cover p:not(.deck-kicker) { max-width:35rem; color:rgba(240,239,233,.68); margin:2rem 0 0; }
.slide-art { height:min(58vw,600px); overflow:hidden; transform:rotate(3deg); box-shadow:1.5rem 1.5rem 0 rgba(211,255,50,.9); }
.slide-art img { height:100%; width:100%; object-fit:cover; filter:contrast(1.05) saturate(.8); }
.slide-copy { align-self:center; max-width:76rem; }
.slide-copy > p:not(.deck-kicker) { max-width:46rem; margin:2rem 0 0 25%; color:rgba(17,18,20,.7); }
.slide-copy aside { max-width:40rem; margin:2rem 0 0 25%; padding:1rem; border-left:3px solid var(--orange); font:.67rem/1.6 var(--mono); }
.split { flex:1; display:grid; grid-template-columns:1.35fr .65fr; align-items:center; gap:4rem; }
.type-block { border-top:1px solid var(--ink); display:grid; grid-template-columns:1fr; gap:.45rem; padding-top:1rem; }
.type-block span { margin-top:1rem; font:.62rem var(--mono); letter-spacing:.11em; text-transform:uppercase; opacity:.65; }
.type-block strong { font-size:1.2rem; }
.logic-line { display:flex; align-items:center; margin-top:4rem; gap:.5rem; font:.6rem var(--mono); text-transform:uppercase; letter-spacing:.06em; }
.logic-line i { width:clamp(1rem,7vw,8rem); height:1px; background:currentColor; opacity:.4; }
.architecture { height:100%; display:grid; grid-template-columns:1fr .9fr; gap:clamp(3rem,8vw,12rem); align-items:center; }
.architecture ul { list-style:none; padding:0; margin:0; border-top:1px solid var(--line); }
.architecture li { padding:1rem 0; border-bottom:1px solid var(--line); font-size:clamp(1rem,1.6vw,1.5rem); }
.architecture li:before { content:"↗"; color:var(--orange); margin-right:.7rem; }
.screens { flex:1; display:grid; grid-template-columns:.55fr 1.45fr; align-items:center; gap:4rem; }
.screens__grid { display:grid; grid-template-columns:1.4fr .7fr; gap:1rem; }
.screens figure { margin:0; overflow:hidden; }
.screens figure:first-child { grid-row:span 2; }
.screens img { aspect-ratio:16/10; width:100%; object-fit:cover; background:#d5d3ca; }
.screens figure:first-child img { height:100%; }
.screens figcaption { padding:.7rem 0; font:.57rem var(--mono); letter-spacing:.09em; text-transform:uppercase; }
.feature-slide { display:grid; grid-template-columns:.8fr 1.2fr; align-items:center; gap:4rem; flex:1; }
.feature-slide ol { list-style:none; padding:0; margin:0; counter-reset:item; border-top:1px solid rgba(240,239,233,.25); }
.feature-slide li { counter-increment:item; padding:1.15rem 0; border-bottom:1px solid rgba(240,239,233,.25); font-size:clamp(1.05rem,1.8vw,1.55rem); }
.feature-slide li:before { content:"0" counter(item); display:inline-block; width:3rem; vertical-align:top; padding-top:.4rem; font:.6rem var(--mono); color:var(--acid); }
.adaptive { flex:1; display:grid; grid-template-columns:1fr .8fr; align-items:center; gap:clamp(3rem,8vw,12rem); }
.adaptive > div:first-child p:not(.deck-kicker) { max-width:34rem; color:rgba(17,18,20,.68); }
.device { justify-self:center; width:min(55vw,320px); padding:.55rem; border:7px solid var(--ink); border-radius:2rem; background:var(--ink); box-shadow:1.2rem 1.2rem 0 var(--acid); overflow:hidden; }
.device__bar { width:4.5rem; height:.35rem; margin:0 auto .5rem; border-radius:10px; background:var(--paper); }
.device img { width:100%; aspect-ratio:9/17; object-fit:cover; object-position:left; }
.tech-slide { flex:1; display:grid; grid-template-columns:1fr 1fr; grid-template-rows:1fr auto; gap:3rem; align-items:center; }
.tech-slide ul { list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; gap:.7rem; }
.tech-slide li { padding:.9rem 1rem; border:1px solid currentColor; font:.7rem var(--mono); }
.tech-slide > p { grid-column:2; max-width:34rem; margin:0; color:var(--muted); }
.results-slide { flex:1; display:grid; grid-template-columns:1fr 1fr; gap:4rem; align-items:center; }
.results-slide ul { list-style:none; padding:0; margin:0; }
.results-slide li { padding:1rem 0; border-top:1px solid rgba(17,18,20,.26); font-size:clamp(1rem,1.5vw,1.35rem); }
.results-slide li:before { content:"●"; color:var(--orange); font-size:.55rem; margin-right:.75rem; vertical-align:middle; }
.next-slide { align-self:center; max-width:68rem; }
.next-slide > p:not(.deck-kicker) { max-width:38rem; color:rgba(240,239,233,.68); margin:2rem 0; }
.next-slide a,.contact-slide a { display:inline-block; border-bottom:1px solid currentColor; padding-bottom:.45rem; font:700 .68rem var(--sans); letter-spacing:.1em; text-transform:uppercase; }
.next-slide a:hover,.contact-slide a:hover { color:var(--acid); }
.contact-slide { align-self:center; text-align:center; }
.contact-slide h2 { margin:auto; max-width:11ch; }
.contact-slide h2 em { font-style:italic; }
.contact-slide a { margin-top:2.5rem; }
.contact-slide small { display:block; margin-top:6rem; font:.65rem var(--mono); letter-spacing:.08em; }
.brand-slide { flex:1; display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:3rem; }
.brand-slide__tokens { display:grid; grid-template-columns:repeat(2, minmax(8rem,1fr)); gap:1rem; max-width:31rem; }
.token { display:grid; place-items:center; min-height:8rem; font:600 3rem var(--serif); }
.token--ink { background:var(--ink); color:var(--paper); }.token--cream{background:#f4e7cf}.token--orange{background:var(--orange)}.token--green{background:#2f5542}
@media (max-width:720px) { .deck-tools span{display:none}.slide{min-height:700px;padding:2rem 1.25rem}.slide-cover,.split,.architecture,.screens,.feature-slide,.adaptive,.tech-slide,.results-slide,.brand-slide{grid-template-columns:1fr;gap:2rem}.slide-art{height:17rem;transform:rotate(2deg);box-shadow:.8rem .8rem 0 var(--acid)}.slide-copy>p:not(.deck-kicker),.slide-copy aside{margin-left:0}.logic-line{flex-wrap:wrap;gap:.6rem}.logic-line i{width:2rem}.screens__grid{grid-template-columns:1fr 1fr}.feature-slide ol{margin-top:1rem}.tech-slide>p{grid-column:auto}.device{width:210px}.brand-slide__tokens{max-width:none}.slide h2{font-size:clamp(2.3rem,11vw,4rem)} }
@media print { @page{size:landscape;margin:0}.deck-tools{display:none}.slide{width:100vw;height:100vh;min-height:0;page-break-after:always;break-after:page}.slide:last-child{page-break-after:auto}.slide-cover{min-height:0}.deck-loading{display:none} }