*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f3ec;color:#242820;font-family:Arial,sans-serif;font-size:17px;line-height:1.65}a{color:inherit;text-underline-offset:5px}a:hover{color:#876b43}a:focus-visible{outline:3px solid #a66a28;outline-offset:6px}.wrap{max-width:1160px;margin:auto;padding:0 32px}header{display:flex;justify-content:space-between;align-items:center;padding:30px 0;border-bottom:1px solid #d7d8cc}.brand{font:27px Georgia,serif;text-decoration:none;letter-spacing:-1px}nav{display:flex;gap:28px;font-size:15px}nav a{text-decoration:none}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.08;letter-spacing:-.035em}h1{font-size:clamp(46px,7vw,88px);max-width:850px;margin:22px 0 30px}h2{font-size:clamp(34px,4vw,52px);margin:0 0 20px}h3{font-size:30px;margin:0 0 15px}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:.2em;color:#62694d}.intro{padding:88px 0 72px}.intro p{max-width:590px;color:#626657;font-size:20px}.apps{display:grid;grid-template-columns:1fr 1fr;gap:22px}.app{padding:36px;border-radius:14px;overflow:hidden;display:flex;flex-direction:column;min-height:300px}.app p{max-width:400px}.app a{align-self:flex-start;margin-top:auto}.carry{background:#322319;color:#f8efdf;grid-column:1/-1;display:grid;grid-template-columns:1fr 280px;gap:60px;min-height:480px}.carry h2{font-size:64px}.carry .eyebrow{color:#d8b783}.carry p{color:#ddccbb}.carry img{width:240px;border-radius:28px;transform:rotate(5deg);margin:0 auto -180px;display:block;box-shadow:0 25px 50px #0005}.app-copy{padding:18px 0;display:flex;flex-direction:column;align-items:flex-start}.app-copy a{display:inline-block;margin-top:30px}.ark{grid-column:1/-1;background:#231c3c;color:#f2eefa}.tag{font-size:12px;letter-spacing:.12em;text-transform:uppercase;opacity:.7}.story{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:95px 0}.story p{margin-top:0;color:#626657}footer{border-top:1px solid #d7d8cc;padding:30px 0 45px;display:flex;justify-content:space-between;gap:20px;font-size:14px;color:#626657}.button{display:inline-block;background:#f5eddd;color:#302319!important;border-radius:30px;text-decoration:none;padding:13px 25px}.dark{background:#201811;color:#f3ecdd}.dark header,.dark footer{border-color:#ffffff25}.dark .eyebrow,.dark footer,.dark .intro p{color:#c7b396}.hero{display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:70px;padding:75px 0}.hero h1{font-size:clamp(46px,6vw,76px)}.hero img{width:100%;max-width:295px;border-radius:30px;box-shadow:0 25px 70px #0008;display:block;margin:auto}.hero p{color:#c9bead;max-width:510px}.flow{padding:65px 0;border-top:1px solid #ffffff25;display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.flow h3{font-size:28px}.flow p{font-size:16px;color:#c9bead}.feature{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:85px;padding:50px 0 90px}.feature img{width:100%;max-width:280px;display:block;margin:auto;border-radius:25px}.feature p{color:#c9bead}.reading{max-width:760px;margin:auto;padding:70px 0 90px}.reading h1{font-size:56px}.reading h2{font-size:28px;margin-top:42px}.reading p,.reading li{color:#555d4e}.reading .lead{font-size:21px}.reading a{overflow-wrap:anywhere}.skip{position:absolute;left:-10000px}.skip:focus{left:20px;top:10px;background:white;color:black;padding:10px;z-index:9}@media(max-width:650px){.wrap{padding:0 22px}header{padding:23px 0}.brand{font-size:24px}nav{gap:18px;font-size:14px}.intro{padding:60px 0 45px}.intro p{font-size:18px}.apps{grid-template-columns:1fr}.app{padding:27px}.carry{grid-template-columns:1fr;gap:30px;max-height:670px}.carry img{width:205px;margin-bottom:-180px}.carry h2{font-size:50px}.story{grid-template-columns:1fr;gap:15px;padding:65px 0}.hero{grid-template-columns:1fr;padding:50px 0;gap:40px}.hero img{max-width:245px}.flow{grid-template-columns:1fr 1fr;gap:25px;padding:45px 0}.feature{grid-template-columns:1fr;gap:40px;padding-bottom:60px}.feature img{max-width:245px}.feature .copy{grid-row:1}.reading{padding-top:45px}.reading h1{font-size:43px}footer{flex-direction:column;gap:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Preserve native screenshot proportions at every responsive width. */
img{height:auto}