@font-face { font-family: system-fallback; src: local("Arial"); }
:root { --paper:#f3eee4; --paper-2:#e8dfd0; --ink:#171a16; --pine:#294d3c; --pine-dark:#173126; --cream:#fffaf0; --line:#d4cab9; --rust:#a94c2b; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:system-fallback, Arial, sans-serif; line-height:1.5; }
img { display:block; width:100%; }
a { color:inherit; }
.skip-link { position:absolute; left:-999px; top:1rem; background:var(--ink); color:white; padding:.7rem 1rem; z-index:100; }
.skip-link:focus { left:1rem; }
.site-header { height:86px; padding:0 clamp(1.25rem,4vw,4.5rem); display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); position:relative; z-index:10; }
.brand { display:flex; align-items:center; gap:.8rem; font-weight:800; text-decoration:none; }
.brand-mark { height:26px; display:flex; gap:3px; align-items:center; }
.brand-mark i { display:block; width:3px; border-radius:3px; background:var(--pine); }
.brand-mark i:nth-child(1),.brand-mark i:nth-child(5){height:9px}.brand-mark i:nth-child(2),.brand-mark i:nth-child(4){height:17px}.brand-mark i:nth-child(3){height:26px}
nav { display:flex; gap:2rem; font-size:.82rem; font-weight:700; }
nav a { text-decoration:none; }
nav a:hover { color:var(--pine); }
.header-cta { border:1px solid var(--ink); padding:.68rem 1rem; text-decoration:none; font-size:.78rem; font-weight:800; }
.hero { min-height:calc(100vh - 86px); max-width:1500px; margin:auto; padding:clamp(3rem,7vw,7rem) clamp(1.25rem,6vw,6rem); display:grid; grid-template-columns:minmax(0,1fr) minmax(370px,.9fr); align-items:center; gap:4rem; overflow:hidden; }
.eyebrow { text-transform:uppercase; letter-spacing:.15em; font-size:.7rem; font-weight:800; display:flex; align-items:center; gap:.6rem; }
.eyebrow span { display:inline-block; width:28px; height:2px; background:var(--rust); }
h1,h2 { margin:.3em 0; font-family:Georgia, 'Times New Roman', serif; font-weight:400; line-height:.91; }
h1 { font-size:8.7rem; }
h1 em,h2 em { color:var(--pine); font-weight:400; }
.hero-lede { max-width:590px; font-size:1.25rem; color:#45463f; }
.hero-actions { display:flex; align-items:center; gap:1.7rem; margin:2rem 0; }
.store-button { width:max-content; display:flex; align-items:center; gap:.8rem; background:var(--ink); color:white; padding:.75rem 1.1rem; text-decoration:none; border-radius:4px; }
.store-button .apple { font-size:1.5rem; transform:scaleX(.75); }
.store-button span:last-child { display:flex; flex-direction:column; line-height:1.15; }
.store-button small { font-size:.6rem; text-transform:uppercase; letter-spacing:.09em; }
.store-button strong { font-family:Georgia,serif; font-size:1.05rem; }
.text-link { font-size:.8rem; font-weight:800; text-underline-offset:5px; }
.trust-row { display:flex; flex-wrap:wrap; list-style:none; padding:0; margin:2.2rem 0 0; gap:0; font-size:.72rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.trust-row li { padding-right:1rem; margin-right:1rem; border-right:1px solid var(--line); }
.trust-row li:last-child { border:0; }
.hero-visual { min-height:630px; position:relative; }
.phone { background:#111; padding:8px; border-radius:30px; box-shadow:0 25px 60px rgba(38,31,21,.2); overflow:hidden; }
.phone img { border-radius:23px; }
.phone-front { position:absolute; width:min(52%,285px); left:5%; top:12%; transform:rotate(-5deg); z-index:3; }
.phone-back { position:absolute; width:min(48%,265px); right:7%; top:2%; transform:rotate(7deg); z-index:2; }
.paper-note { position:absolute; right:-3%; bottom:13%; padding:1.3rem; width:190px; background:#dfd2bb; transform:rotate(-4deg); font:bold .68rem/2 monospace; letter-spacing:.12em; box-shadow:0 15px 40px rgba(20,20,10,.12); }
.privacy-stamp { position:absolute; bottom:7%; left:4%; width:105px; height:105px; border:2px solid var(--rust); color:var(--rust); border-radius:50%; display:grid; place-content:center; text-align:center; font-size:.68rem; line-height:1.25; font-weight:900; letter-spacing:.1em; transform:rotate(8deg); }
.manifesto { background:var(--pine); color:var(--cream); padding:clamp(4rem,9vw,8rem) 1.5rem; text-align:center; }
.manifesto p { font:400 5rem/1.12 Georgia,serif; margin:0; }
.manifesto strong { color:#b9ccad; font-weight:400; }
.section { padding:clamp(5rem,9vw,9rem) clamp(1.25rem,6vw,6rem); }
.section-heading { max-width:1370px; margin:0 auto 4rem; display:grid; grid-template-columns:1.2fr .8fr; align-items:end; gap:5rem; }
.section-heading h2,.export-copy h2,.privacy h2 { font-size:6.5rem; }
.section-heading>p { max-width:510px; color:#55564f; font-size:1.05rem; }
.feature-grid { max-width:1370px; margin:auto; display:grid; grid-template-columns:repeat(3,1fr); gap:1.3rem; }
.feature-card { min-height:720px; position:relative; overflow:hidden; border:1px solid var(--line); background:#eee6d9; display:flex; flex-direction:column; }
.feature-card:nth-child(2) { background:var(--pine); color:white; }
.feature-card:nth-child(3) { background:#ded3c1; }
.feature-copy { padding:2.2rem 2rem 1rem; position:relative; z-index:2; }
.feature-copy .number { font:italic 1rem Georgia,serif; color:var(--rust); }
.feature-card:nth-child(2) .number { color:#b9ccad; }
.feature-copy h3 { font:400 2rem/1.05 Georgia,serif; margin:.6rem 0; }
.feature-copy p { font-size:.9rem; opacity:.78; max-width:330px; }
.crop-phone { width:72%; margin:1rem auto -56%; border-radius:26px; }
.crop-phone img { border-radius:19px; }
.privacy { background:var(--pine-dark); color:var(--cream); display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:5rem; overflow:hidden; }
.light span { background:#c07857; }
.privacy-copy { max-width:650px; margin-left:auto; }
.privacy-copy>p:not(.eyebrow) { color:#c9d0c9; max-width:560px; font-size:1.05rem; }
.privacy-points { margin-top:3rem; border-top:1px solid #496255; }
.privacy-points div { display:flex; gap:2rem; padding:1rem 0; border-bottom:1px solid #496255; }
.privacy-points strong { color:#b9ccad; font:italic 1rem Georgia,serif; }
.privacy-visual { min-height:670px; position:relative; }
.privacy-visual .phone { position:absolute; width:min(56%,310px); left:25%; top:2%; transform:rotate(4deg); }
.privacy-ring { position:absolute; width:390px; height:390px; border:1px solid #779080; border-radius:50%; left:5%; bottom:4%; display:grid; place-content:center; color:#91a997; font:bold .7rem monospace; letter-spacing:.25em; }
.exports { max-width:1420px; margin:auto; display:grid; grid-template-columns:1fr 1fr; gap:8rem; align-items:center; }
.export-visual { background:#dfd4c1; min-height:700px; position:relative; overflow:hidden; }
.export-visual .phone { position:absolute; width:min(53%,300px); left:25%; top:11%; transform:rotate(-4deg); z-index:2; }
.format-stack { position:absolute; right:4%; top:5%; display:flex; flex-direction:column; z-index:3; }
.format-stack span { font:italic 6rem/.82 Georgia,serif; color:var(--rust); }
.export-copy>p:not(.eyebrow) { color:#55564f; max-width:500px; }
.export-copy dl { margin-top:3rem; border-top:1px solid var(--line); }
.export-copy dl div { display:grid; grid-template-columns:80px 1fr; padding:1.2rem 0; border-bottom:1px solid var(--line); }
.export-copy dt { font-weight:900; }.export-copy dd { margin:0;color:#55564f; }
.use-cases { border-top:1px solid var(--line); }
.section-heading.compact { grid-template-columns:1fr; }
.use-grid { max-width:1370px; margin:auto; display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.use-grid article { padding:2rem; min-height:220px; border-right:1px solid var(--line); }
.use-grid article:last-child { border:0; }
.use-grid span { color:var(--rust); font:italic 1rem Georgia,serif; }
.use-grid h3 { font:400 1.8rem Georgia,serif; margin:2rem 0 .4rem; }
.use-grid p { color:#66665f; font-size:.88rem; }
.engine-strip { max-width:1370px; margin:6rem auto 0; background:#e3dacb; display:grid; grid-template-columns:1fr 270px; min-height:360px; padding:3rem 4rem; gap:3rem; overflow:hidden; }
.engine-strip h3 { font:400 4rem/1.05 Georgia,serif; max-width:750px; }
.landscape-crop { width:230px; height:460px; margin-top:1rem; }
.final-cta { text-align:center; padding:clamp(6rem,12vw,11rem) 1.5rem; background:var(--ink); color:var(--cream); }
.final-cta .eyebrow { justify-content:center; }
.final-cta h2 { font-size:8rem; }
.final-cta h2 em { color:#abc09f; }
.final-cta>p:not(.eyebrow) { color:#bdbdb5; }
.light-button { margin:2rem auto 0; background:var(--cream); color:var(--ink); }
footer { min-height:110px; padding:1.5rem clamp(1.25rem,4vw,4.5rem); display:flex; align-items:center; justify-content:space-between; gap:2rem; font-size:.75rem; }
@media (max-width:900px) {
  nav { display:none; } h1 { font-size:5.5rem; }.hero-lede { font-size:1.125rem; }.manifesto p { font-size:3.5rem; }.section-heading h2,.export-copy h2,.privacy h2 { font-size:4.5rem; }.format-stack span { font-size:4.5rem; }.engine-strip h3 { font-size:3rem; }.final-cta h2 { font-size:5.5rem; }.hero { grid-template-columns:1fr; padding-top:4rem; }.hero-visual { min-height:650px; width:min(100%,580px); margin:auto; }.section-heading,.privacy,.exports { grid-template-columns:1fr; gap:3rem; }.feature-grid { grid-template-columns:1fr; }.feature-card { min-height:680px; }.crop-phone { width:min(70%,310px); }.privacy-copy { margin:0; }.privacy-visual { min-height:650px; }.exports { padding-left:1.25rem; padding-right:1.25rem; }.export-visual { order:2; }.use-grid { grid-template-columns:1fr 1fr; }.use-grid article:nth-child(2) { border-right:0; }.use-grid article:nth-child(-n+2) { border-bottom:1px solid var(--line); }
}
@media (max-width:560px) {
  h1 { font-size:4.2rem; }.hero-lede { font-size:1rem; }.manifesto p { font-size:2rem; }.section-heading h2,.export-copy h2,.privacy h2 { font-size:3.5rem; }.format-stack span { font-size:3rem; }.engine-strip h3 { font-size:2rem; }.final-cta h2 { font-size:3.8rem; }.site-header { height:72px; }.header-cta { display:none; }.hero { min-height:auto; gap:1rem; }.hero-visual { min-height:510px; margin-top:1.5rem; }.phone-front { width:55%; left:1%; }.phone-back { width:51%; right:0; }.paper-note { bottom:6%; right:0; width:150px; }.privacy-stamp { width:84px;height:84px; bottom:2%; }.hero-actions { align-items:flex-start; flex-direction:column; gap:1rem; }.trust-row li { margin-bottom:.5rem; }.section-heading { gap:1rem; }.feature-card { min-height:610px; }.privacy { padding-bottom:1rem; }.privacy-visual { min-height:570px; }.privacy-visual .phone { width:66%;left:19%;}.privacy-ring { width:300px;height:300px;left:-10%;}.export-visual { min-height:570px; }.export-visual .phone { width:65%;left:17%;}.use-grid { grid-template-columns:1fr; }.use-grid article { border-right:0;border-bottom:1px solid var(--line)!important; }.engine-strip { grid-template-columns:1fr; padding:2rem; }.landscape-crop { margin:0 auto -260px; } footer { flex-direction:column; justify-content:center; text-align:center; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }