:root{
  --slate:#141413;--canvas:#f0eee6;--card:#faf9f5;--muted:#87867f;--border:#cccbc8;
  --oat:#e3dacc;--manilla:#f5e3c7;--clay:#d97757;--clay-deep:#c6613f;
  --footer:#141413;--footer-text:#faf9f5;--device:#141413;
  --serif:'Newsreader Variable',Georgia,serif;--sans:'DM Sans Variable',Arial,sans-serif;
  color:var(--slate);background:var(--canvas);color-scheme:light;font-family:var(--serif);font-synthesis:none
}
html[data-theme=dark]{--slate:#f0eee6;--canvas:#141413;--card:#1d1d1b;--muted:#a09e96;--border:#3d3d3a;--oat:#25221e;--manilla:#2c261f;--footer:#090908;--footer-text:#f0eee6;--device:#050505;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--slate);transition:background-color .25s,color .25s}a{color:inherit;text-decoration:none}button,input{font:inherit}::selection{background:var(--clay);color:#141413}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}.skip{position:fixed;top:-100px;left:24px;z-index:50;background:var(--card);color:var(--slate);padding:10px 14px;font:600 12px var(--sans)}.skip:focus{top:16px}
header{width:min(1280px,calc(100% - 96px));height:88px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;font-family:var(--sans)}.brand{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.08em}.brand svg{width:31px;height:31px;color:var(--slate)}.logo-ink{fill:currentColor}.logo-pages{stroke:currentColor}.logo-accent{fill:#c8443a}header nav{display:flex;align-items:center;gap:30px;font-size:12px;font-weight:600}header nav a{position:relative;color:var(--muted);transition:color .2s}header nav a:hover{color:var(--slate)}.dot-link:after{content:'';position:absolute;width:4px;height:4px;border-radius:50%;background:var(--clay);right:-7px;top:-2px}.theme-toggle{width:43px;height:24px;padding:3px;border:1px solid var(--muted);border-radius:12px;background:transparent;cursor:pointer}.theme-toggle span{display:block;width:16px;height:16px;border-radius:50%;background:var(--slate);transition:transform .2s,background .2s}.theme-toggle:hover span{background:var(--clay)}html[data-theme=dark] .theme-toggle span{transform:translateX(17px);background:var(--clay)}
.kicker,.number{margin:0;font:600 12px/1.4 var(--sans);letter-spacing:-.02em}.hero{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:64px;padding-block:32px 120px}.hero h1{margin:20px 0 32px;font:400 clamp(64px,7.1vw,104px)/.98 var(--serif);letter-spacing:-.045em}.hero-copy{align-self:center;padding-bottom:0}.hero-copy>p:not(.kicker){max-width:500px;margin:0 0 32px;font:400 clamp(20px,2vw,27px)/1.35 var(--serif)}.editorial-link{display:inline-block;border-bottom:1px solid currentColor;font:600 15px/1.3 var(--sans)}.editorial-link:hover{color:var(--clay-deep)}.cta{display:inline-flex;align-items:center;gap:28px;padding:16px 20px;background:var(--clay);color:#141413;border-radius:0 0 8px 8px;font:700 15px/1.2 var(--sans);transition:background .2s,color .2s}.cta span{font-size:19px}.cta:hover{background:var(--clay-deep);color:#faf9f5}.cta:focus-visible,.waitlist-row button:focus-visible,summary:focus-visible{outline:2px solid var(--slate);outline-offset:3px}.hero-copy small{display:block;margin-top:18px;color:var(--muted);font:500 12px/1.4 var(--sans)}
.how h2,.cloud h2,.faq h2{margin:24px 0 30px;font:400 clamp(52px,5.4vw,76px)/1.06 var(--serif);letter-spacing:-.035em}.how .lead,.cloud>div:last-child>p:last-child{max-width:430px;margin:0;font:400 20px/1.4 var(--serif)}.phone-pair{position:relative;display:flex;align-items:center;justify-content:center;gap:28px;padding:65px 34px 58px;background:var(--oat);border-radius:24px;isolation:isolate;overflow:hidden;min-height:640px}.story-flow{position:absolute;z-index:-1;top:-7%;right:-2%;width:min(63%,470px);height:114%;object-fit:contain;opacity:.32;mix-blend-mode:multiply;pointer-events:none}html[data-theme=dark] .story-flow{opacity:.24;mix-blend-mode:screen}.phone-pair>p{position:absolute;left:36px;bottom:22px;margin:0;color:var(--muted);font:500 11px/1.4 var(--sans)}
.phone{width:250px;height:512px;padding:7px;background:var(--device);border-radius:40px;position:relative;color:var(--slate)}.phone:nth-of-type(2){transform:translateY(34px)}.screen{height:100%;padding:12px 18px 18px;background:var(--card);border-radius:33px;overflow:hidden;position:relative}.status{display:flex;align-items:center;justify-content:space-between;padding:2px 5px 14px;font:600 8px var(--sans)}.status-icons{display:flex;align-items:center;gap:3px}.status-icons svg{display:block;width:12px;height:9px;fill:currentColor}.status-icons svg:last-child{width:16px}.appbar{display:flex;justify-content:space-between;align-items:center;padding-bottom:9px;border-bottom:1px solid var(--border);font:500 9px var(--sans)}.appbar svg{width:22px;height:22px;color:var(--slate)}.switch{display:grid;grid-template-columns:1fr 1fr;margin-top:13px;padding:3px;background:var(--canvas);font:500 8px var(--sans);text-align:center}.switch span{padding:6px}.switch .active{background:var(--clay);color:#141413;font-weight:700;border-radius:0 0 6px 6px}.reader{text-align:center;padding-top:22px}.reader>small{font:600 7px var(--sans)}.reader h3,.player h3{margin:12px 0 17px;font:400 29px/1 var(--serif)}.reader p{margin:0 0 13px;font:400 13px/1.43 var(--serif);text-align:left}.reader .drop:first-letter{float:left;margin:4px 6px 0 0;font:600 43px/.8 var(--serif)}.reader i{display:block;margin-top:20px;text-align:right;font:400 8px var(--sans)}.homebar{position:absolute;bottom:7px;left:50%;width:70px;height:3px;border-radius:2px;background:var(--slate);transform:translateX(-50%)}.player{text-align:center;padding-top:15px}.book-cover{width:138px;aspect-ratio:4/5;margin:0 auto;padding:12px;background:#141413;color:#f0eee6;display:flex;flex-direction:column;text-align:left;position:relative;overflow:hidden}.book-cover>span,.book-cover small{font:500 5px var(--sans);letter-spacing:.08em}.book-cover strong{z-index:2;margin-top:13%;font:600 27px/.86 var(--serif);color:#f5e3c7}.book-cover small{z-index:2;margin-top:auto}.city{position:absolute;left:10%;right:7%;bottom:8%;height:35%;display:flex;align-items:flex-end;gap:7%}.city i{width:22%;background:var(--clay)}.city i:nth-child(1){height:50%}.city i:nth-child(2){height:83%}.city i:nth-child(3){height:62%}.city i:nth-child(4){height:100%}.player h3{margin:14px 0 4px;font-size:21px}.player>p{margin:0 0 15px;color:var(--muted);font:500 8px var(--sans)}.progress{height:2px;background:var(--border)}.progress i{display:block;width:33%;height:100%;background:var(--clay)}.times{display:flex;justify-content:space-between;margin-top:7px;color:var(--muted);font:500 7px var(--sans)}.player .play{display:grid;place-items:center;margin-inline:auto;width:46px;height:46px;margin-top:17px;border:0;border-radius:0 0 8px 8px;background:var(--clay);color:#141413;font:700 15px var(--sans)}
.modes{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:120px}.modes article{padding:40px 42px;background:var(--card);border:1px solid var(--border);border-radius:24px;display:flex;flex-direction:column}.modes h2{margin:0 0 24px;font:400 clamp(39px,4vw,57px)/1.05 var(--serif);letter-spacing:-.035em}.modes article>p:not(.number){max-width:470px;margin:0;font:400 20px/1.4 var(--serif)}
.cloud{margin-block:0 120px;padding:64px;min-height:440px;background:var(--oat);border-radius:24px;display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:64px}.cloud-mark{width:230px;height:230px;border-radius:50%;background:var(--card);display:grid;place-items:center;border:1px solid var(--border)}.cloud-mark svg{width:104px;height:104px;color:var(--slate)}
.beta{padding-block:110px;background:var(--manilla);color:var(--slate)}.beta-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.beta h2{margin:22px 0 0;font:400 clamp(52px,5.5vw,76px)/1.04 var(--serif);letter-spacing:-.04em}.beta-form>p{max-width:470px;margin:0 0 28px;font:400 20px/1.4 var(--serif)}.waitlist-form label{display:block;margin-bottom:8px;font:600 12px var(--sans)}.waitlist-row{display:flex;gap:10px}.waitlist-row input{flex:1;min-width:0;padding:15px 16px;border:1px solid var(--border);border-radius:0;background:var(--card);color:var(--slate);font:400 15px var(--sans)}.waitlist-row button{padding:14px 18px;border:0;border-radius:0 0 8px 8px;background:var(--clay);color:#141413;display:flex;align-items:center;gap:22px;font:700 14px var(--sans);cursor:pointer}.waitlist-row button:hover{background:var(--clay-deep);color:#faf9f5}.waitlist-row button span{font-size:19px}.waitlist-form small{display:block;margin-top:11px;color:var(--muted);font:500 10px/1.4 var(--sans)}.waitlist-message{min-height:20px;margin:8px 0 0;font:500 12px var(--sans)}.waitlist-message.error{color:#9e351d}.honeypot{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}

.how{margin-block:0 120px;padding:72px 64px;background:var(--manilla);border-radius:24px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.how h2{padding-top:.06em}
.steps{list-style:none;margin:44px 0 0;padding:0;counter-reset:step;display:grid;gap:22px}
.steps li{counter-increment:step;display:grid;grid-template-columns:44px 1fr;column-gap:14px;font:400 17px/1.45 var(--serif)}
.steps li:before{content:counter(step,decimal-leading-zero);grid-row:span 2;padding-top:3px;color:var(--clay-deep);font:700 13px var(--sans)}
.steps strong{font:600 15px/1.4 var(--sans)}
.steps span{color:var(--slate);opacity:.82}
.folder{margin:0;background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden;font-family:var(--sans)}
.folder-bar{display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid var(--border);font:600 12px var(--sans);color:var(--muted)}
.folder-dots{display:flex;gap:6px}
.folder-dots i{width:9px;height:9px;border-radius:50%;background:var(--border)}
.folder ul{list-style:none;margin:0;padding:8px 0}
.folder li{display:flex;justify-content:space-between;gap:16px;padding:13px 18px;font-size:14px;border-bottom:1px solid var(--border)}
.folder li:last-child{border-bottom:0}
.folder li.is-sub{padding-left:42px}
.file-name{font-weight:600;min-width:0;overflow-wrap:anywhere}
.file-name:before{content:'';display:inline-block;width:10px;height:12px;margin-right:10px;border:1.5px solid currentColor;border-radius:2px;vertical-align:-1px;opacity:.55}
.is-dir .file-name:before{width:13px;height:10px;border-radius:1px 3px 2px 2px;background:var(--clay);border-color:var(--clay);opacity:1}
.file-kind{flex:none;color:var(--muted);font-size:12px;text-align:right}
.folder figcaption{padding:14px 18px;background:var(--canvas);color:var(--muted);font:500 12px/1.4 var(--sans)}
.modes article>.number{margin-bottom:28px}
.papers{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:36px}
.paper{display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:3/4;max-height:120px;padding:12px;border:1px solid var(--border);border-radius:4px 4px 10px 10px}
.paper b{font:400 26px/1 var(--serif)}
.paper small{font:600 10px var(--sans);opacity:.75}
.paper-1{background:#faf9f5;color:#141413}
.paper-2{background:#efe2c8;color:#4a3a28}
.paper-3{background:#262421;color:#e8e4d8}
.paper-4{background:#000;color:#cfccc2;border-color:#3d3d3a}
.speeds{margin-bottom:36px;font-family:var(--sans)}
.speeds small{display:block;margin-bottom:10px;color:var(--muted);font:600 11px var(--sans)}
.speeds div{display:grid;grid-template-columns:repeat(5,1fr);padding:3px;background:var(--canvas);border:1px solid var(--border)}
.speeds span{padding:14px 4px;text-align:center;font:600 13px var(--sans)}
.speeds .active{background:var(--clay);color:#141413;border-radius:0 0 8px 8px}
.features{list-style:none;margin:28px 0 0;padding:22px 0 0;border-top:1px solid var(--border);display:grid;gap:10px;font:500 14px/1.4 var(--sans)}
.features li{display:flex;gap:10px}
.features li:before{content:'';flex:none;width:5px;height:5px;margin-top:.55em;border-radius:50%;background:var(--clay)}
.faq{display:grid;grid-template-columns:.72fr 1.28fr;gap:64px;margin-bottom:120px;align-items:start}
.faq h2{margin-bottom:0}
.faq-list{border-top:1px solid var(--border)}
.faq details{border-bottom:1px solid var(--border)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;font:400 clamp(21px,2vw,26px)/1.25 var(--serif)}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:'+';flex:none;width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;font:400 18px/1 var(--sans);transition:transform .2s,background .2s}
.faq details[open] summary:after{transform:rotate(45deg);background:var(--clay);border-color:var(--clay);color:#141413}
.faq details p{max-width:640px;margin:-6px 0 26px;font:400 18px/1.5 var(--serif);color:var(--slate);opacity:.85}
.tf-line{margin:0 0 20px;font:500 15px/1.4 var(--sans)}
@media(max-width:1180px){.phone{width:220px;height:465px}.reader p{font-size:11px}.phone-pair{gap:14px;padding-inline:18px}}
@media(max-width:980px){.hero{grid-template-columns:1fr;gap:56px}.how{grid-template-columns:1fr}.faq{grid-template-columns:1fr;gap:32px}}

@media(max-width:760px){.wrap,header{width:calc(100% - 32px)}header{height:72px}header nav{gap:17px}header nav .nav-secondary{display:none}.hero{min-height:auto;grid-template-columns:1fr;gap:48px;padding-block:64px 72px}.hero h1{font-size:clamp(58px,18vw,84px)}.hero-copy{padding:0}.hero-copy>p:not(.kicker){font-size:22px}.how{padding:40px 24px;margin-bottom:72px;gap:40px}.folder li{flex-direction:column;gap:2px}.file-kind{text-align:left}.faq{margin-bottom:72px}.hero{padding-block:24px 72px}.papers{gap:6px}.paper{padding:8px}.paper b{font-size:20px}.speeds span{padding:12px 2px;font-size:12px}.how h2,.cloud h2,.faq h2{font-size:clamp(46px,14vw,66px)}.phone-pair{min-height:610px}.story-flow{top:-4%;right:-22%;width:92%;height:108%;opacity:.25}.phone-pair .phone{position:absolute;width:225px;height:auto}.phone-pair .phone:first-of-type{left:9%;top:62px;transform:rotate(-4deg)}.phone-pair .phone:nth-of-type(2){right:7%;top:92px;transform:rotate(5deg)}.phone-pair>p{left:24px;right:24px;bottom:20px}.modes{grid-template-columns:1fr;margin-bottom:72px}.modes article{min-height:340px;padding:32px 28px}.cloud{grid-template-columns:1fr;padding:40px 28px;margin-bottom:72px;gap:42px}.cloud-mark{width:150px;height:150px}.cloud-mark svg{width:70px;height:70px}.beta{padding-block:76px}.beta-grid{grid-template-columns:1fr;gap:48px}.waitlist-row{flex-wrap:wrap}.waitlist-row input,.waitlist-row button{width:100%;flex-basis:100%;min-height:54px}.waitlist-row button{justify-content:space-between}}
@media(max-width:460px){header nav{gap:13px}.brand span{display:none}.phone-pair .phone:first-of-type{left:-1%}.phone-pair .phone:nth-of-type(2){right:-4%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body,.theme-toggle span{transition:none}}

















@media(max-width:760px){}


@media(max-width:760px){}

.site-footer{padding:56px 48px 32px;border-top:1px solid var(--border);background:var(--canvas);color:var(--slate);font-family:var(--sans)}
.footer-inner,.footer-bar{width:min(1280px,100%);margin-inline:auto}
.footer-inner{display:grid;grid-template-columns:auto 1fr auto;gap:36px;align-items:center;padding-bottom:36px}
.footer-portrait{display:block;width:144px;aspect-ratio:598/626;background:currentColor;opacity:.85;-webkit-mask:url(/assets/matesola-portrait.png) center/contain no-repeat;mask:url(/assets/matesola-portrait.png) center/contain no-repeat}
.footer-mark{display:inline-flex;align-items:center;gap:8px;font:700 11px var(--sans);letter-spacing:.08em}
.footer-mark svg{width:28px;height:28px;margin-left:-6px;color:var(--slate)}
.footer-brand p{margin:8px 0 0;color:var(--muted);font:400 17px/1.4 var(--serif)}
.footer-brand .footer-claim{margin-top:14px;color:var(--slate);font:italic 400 19px/1.3 var(--serif);letter-spacing:-.01em}
.footer-nav{display:flex;gap:24px;font-size:12px;font-weight:600}
.footer-nav a{color:var(--muted);transition:color .2s}
.footer-nav a:hover{color:var(--slate)}
.footer-bar{display:flex;justify-content:space-between;gap:16px;padding-top:20px;border-top:1px solid var(--border);color:var(--muted);font-size:11px}
@media(max-width:760px){.site-footer{padding:44px 16px 28px}.footer-inner{grid-template-columns:auto 1fr;gap:20px 24px}.footer-portrait{width:108px}.footer-nav{grid-column:1/-1;flex-wrap:wrap;gap:12px 20px}}
.phone.shot{height:auto;padding:6px;box-shadow:0 30px 60px -30px rgba(20,20,19,.45)}
.phone.shot img.theme-light-only,.phone.shot img.theme-dark-only{width:100%;height:auto;border-radius:34px}
.cloud-shot{display:flex;justify-content:center}
.cloud-shot .phone{width:250px}
@media(max-width:760px){.cloud-shot .phone{width:220px}}
.shot-panel{display:grid;place-items:center;height:232px;margin-bottom:36px;padding:28px 24px;border-radius:20px}
.shot-panel img{width:100%;height:100%;object-fit:contain}
.shot-panel-paper{background:#f9f1e1}
.shot-panel-player{background:#f0efe7}
@media(max-width:760px){.shot-panel{height:176px;padding:20px 14px}}
.theme-dark-only{display:none!important}
.theme-light-only{display:block}
html[data-theme=dark] .theme-light-only{display:none!important}
html[data-theme=dark] .theme-dark-only{display:block!important}
html[data-theme=dark] .shot-panel-paper{background:#1c1d1b}
html[data-theme=dark] .shot-panel-player{background:#131412}
html[data-theme=dark] .phone.shot{background:#2a2a28;box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
html[data-theme=dark] .shot-panel{box-shadow:inset 0 0 0 1px #3d3d3a}