:root{--paper:#f5f2ec;--card:#fffdf8;--ink:#1b221f;--muted:#59665d;--sage:#59665d;--forest:#203c30;--line:#d9ddd3;--cyan:#245d68;--amber:#b77431;--shadow:0 24px 70px rgba(22,34,27,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}img{display:block;max-width:100%}img{height:auto;object-fit:contain}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.08;letter-spacing:-.035em}h1{font-size:clamp(3.1rem,6vw,6.4rem);margin-bottom:.35em}h2{font-size:clamp(2.4rem,4.6vw,4.8rem);margin-bottom:.28em}h3{font-size:clamp(1.5rem,2.4vw,2.4rem);margin-bottom:.4em}p{max-width:62ch}.shell{width:min(100% - 44px,1320px);margin:auto}.site-header{border-bottom:1px solid var(--line);background:rgba(245,242,236,.96)}.header-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-weight:750;letter-spacing:-.035em}.brand img{width:50px;height:50px;border-radius:13px}.brand span{font-size:1.1rem}.nav{display:flex;gap:clamp(16px,3vw,42px);align-items:center}.nav a{text-decoration:none;font-size:.84rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.nav a:hover,.footer-links a:hover{text-decoration:underline;text-underline-offset:4px}.eyebrow{font:700 .78rem/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--sage)}.button{display:inline-flex;align-items:center;justify-content:center;gap:.7em;padding:.95rem 1.25rem;border-radius:4px;text-decoration:none;background:var(--forest);color:white;font-weight:700;line-height:1.2}.button:hover{background:#315945}.button.ghost{background:transparent;color:var(--forest);border:1px solid var(--forest)}.hero{display:grid;grid-template-columns:minmax(350px,.86fr) minmax(0,1.14fr);align-items:center;gap:clamp(24px,4vw,70px);padding-block:clamp(60px,8vw,130px)}.hero-copy .lead{font-size:clamp(1.08rem,1.55vw,1.35rem);line-height:1.55;max-width:44ch}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:30px}.store-badge{display:inline-flex;margin-right:4px}.store-badge img{height:50px;width:auto}.release-note{margin:18px 0 0;font:.76rem/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em;color:var(--muted)}.hero-photo{position:relative;display:grid;place-items:center}.hero-photo img{width:auto;max-width:100%;height:auto;max-height:400px;aspect-ratio:1800/1266;border-radius:9px;box-shadow:var(--shadow)}.hero-photo video{width:100%;height:auto;aspect-ratio:1440/664;border-radius:9px;box-shadow:var(--shadow);background:#e8e1d5}.feature-photo video{display:block;width:100%;height:auto;aspect-ratio:1440/664}video.loop{object-fit:cover;cursor:pointer}.photo-note{position:absolute;right:-15px;bottom:-18px;padding:12px 16px;background:var(--card);box-shadow:0 8px 25px #1b221f22;font:.7rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.09em;text-transform:uppercase}.rule{border:0;border-top:1px solid var(--line);margin:0}.intro-strip{padding:34px 0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px}.intro-strip div{display:flex;align-items:center;gap:14px}.intro-strip b{font-family:Georgia,serif;font-size:1.4rem}.intro-strip span{font-size:.9rem;color:var(--muted)}.section{padding-block:clamp(76px,9vw,140px)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:36px}.section-heading p{margin-bottom:0;color:var(--muted)}.feature{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,7vw,120px);align-items:center;margin-top:clamp(60px,8vw,110px)}.feature:first-of-type{margin-top:0}.feature.reverse .feature-copy{order:2}.feature-photo{background:#e8e1d5;border-radius:9px;overflow:hidden;box-shadow:var(--shadow)}.feature-photo img{width:100%;height:auto}.feature-copy{padding-inline:clamp(0px,2vw,25px)}.feature-copy p{font-size:1.12rem;color:var(--muted)}.feature-copy .number{font:700 .76rem ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--sage);letter-spacing:.15em;margin-bottom:20px}.catalog-panel{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(270px,.9fr);gap:60px;align-items:center}.catalog-panel img{width:min(100%,360px);height:auto;aspect-ratio:687/1000;justify-self:center;border-radius:8px;box-shadow:var(--shadow)}.catalog-panel .small{font-size:.9rem;color:var(--muted)}.screenshot-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.screenshot-gallery.two{grid-template-columns:repeat(2,1fr)}.screenshot-gallery figure{margin:0}.screenshot-gallery img{width:100%;height:auto;aspect-ratio:1300/914;border-radius:4px;box-shadow:0 10px 28px #1b221f18}.screenshot-gallery figcaption{font:.75rem ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted);margin-top:12px}.button.light{background:var(--paper);color:var(--forest)}.button.light:hover{background:#fff}.signup{background:var(--forest);color:#f5f2ec;padding-block:clamp(56px,7vw,100px)}.signup-inner{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:clamp(28px,5vw,80px);align-items:center}.signup .eyebrow{color:#b9cbb9}.signup h2{max-width:16ch}.signup p{color:#d8e2d6;font-size:clamp(1.05rem,1.4vw,1.25rem);margin-bottom:0}.signup-action{display:grid;gap:14px;justify-items:start}.signup-action .button{font-size:1.08rem;padding:1.1rem 1.5rem}.signup .signup-note{font-size:.84rem;color:#b9cbb9}.signup-note a{color:#f5f2ec;text-underline-offset:3px}.film{padding-bottom:0}.film-link{position:relative;display:block;border-radius:9px;overflow:hidden;box-shadow:var(--shadow);text-decoration:none;background:#e8e1d5}.film-link img{width:100%;height:auto;aspect-ratio:1280/586;transition:transform .4s ease}.film-link:hover img{transform:scale(1.015)}.film-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:clamp(76px,11vw,132px);aspect-ratio:1;border-radius:50%;background:rgba(23,41,31,.86);color:#f5f2ec;border:3px solid rgba(245,242,236,.9);box-shadow:0 14px 40px #1b221f55;transition:transform .2s ease,background .2s ease}.film-play svg{width:46%;height:46%;margin-left:8%}.film-link:hover .film-play,.film-link:focus-visible .film-play{background:var(--forest);transform:translate(-50%,-50%) scale(1.08)}.film-label{position:absolute;left:16px;bottom:16px;padding:8px 12px;background:var(--card);color:var(--ink);font:700 .7rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.09em;text-transform:uppercase;box-shadow:0 8px 25px #1b221f22}.closing{background:#e9eee5;padding-block:clamp(70px,8vw,120px)}.closing-inner{display:flex;align-items:end;justify-content:space-between;gap:30px}.closing h2{max-width:14ch;margin-bottom:0}.site-footer{background:#17291f;color:#e5ede3;padding:44px 0}.footer-inner{display:flex;justify-content:space-between;gap:24px;align-items:start}.site-footer .brand img{width:40px;height:40px;border-radius:9px}.site-footer p{color:#bac9bd;font-size:.87rem;margin:13px 0 0}.footer-links{display:flex;gap:26px;flex-wrap:wrap}.footer-links a{font-size:.86rem;text-decoration:none}.legal-main{padding-block:clamp(64px,8vw,112px) clamp(90px,10vw,150px)}.legal-header{max-width:800px;margin-bottom:50px}.legal-header h1{font-size:clamp(3.2rem,5vw,5.2rem)}.legal-header .intro{font-size:1.2rem;color:var(--muted)}.legal-grid{display:grid;grid-template-columns:230px minmax(0,760px);gap:80px}.legal-aside{font:.76rem/1.9 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.09em;color:var(--sage);overflow-wrap:anywhere}.legal-content{border-top:1px solid var(--line)}.legal-content section{padding:31px 0;border-bottom:1px solid var(--line)}.legal-content h2{font-size:1.7rem;margin-bottom:.45em}.legal-content p,.legal-content li{color:#3f4a42}.legal-content ul{padding-left:1.2em}.legal-content a{text-decoration-thickness:1px;text-underline-offset:3px}.contact-card{background:#e9eee5;border-radius:6px;padding:24px 28px;margin-top:25px}.contact-card strong{display:block;margin-bottom:6px}.contact-card a{font-size:clamp(1rem,2vw,1.35rem);font-weight:700;overflow-wrap:anywhere}.badge{display:inline-block;border:1px solid #a7b8a7;border-radius:100px;padding:.34rem .72rem;font:.73rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.04em;color:var(--forest)}
@media(max-width:900px){.hero,.feature,.catalog-panel{grid-template-columns:1fr}.hero{padding-top:65px}.hero-copy{max-width:650px}.feature.reverse .feature-copy{order:0}.feature-photo{order:1}.catalog-panel{gap:35px}.signup-inner{grid-template-columns:1fr}.intro-strip{grid-template-columns:1fr;gap:16px}.legal-grid{grid-template-columns:1fr;gap:20px}.legal-aside{display:none}}@media(max-width:600px){.shell{width:min(100% - 30px,1320px)}.header-inner{min-height:74px}.brand img{width:42px;height:42px}.brand span{font-size:.96rem}.nav{gap:12px}.nav a{font-size:.66rem}.nav a:first-child{display:none}.photo-note{right:0;bottom:-10px}.section-heading,.closing-inner,.footer-inner{display:block}.closing .hero-actions{margin-top:26px}.screenshot-gallery,.screenshot-gallery.two{grid-template-columns:1fr}.screenshot-gallery figure:nth-child(n+4){display:none}.footer-links{margin-top:24px}.film-label{left:10px;bottom:10px;font-size:.62rem}.feature{gap:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.film-link img{transition:none}.film-link:hover img{transform:none}.film-play{transition:none}}