:root{--fog:#f1ebe1;--steam:#e3dacb;--espresso:#2b201a;--rust:#a3401d;--mustard:#d39b2f;--moss:#55603a;--bark:#6b5a4c;--serif:"Young Serif",Georgia,serif;--sans:"Figtree",system-ui,sans-serif;}*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--fog);color:var(--espresso);font-family:var(--sans);font-size:clamp(1rem,0.96rem + 0.2vw,1.08rem);line-height:1.55;overflow-x:clip}img{display:block}a{color:inherit}.wrap{width:min(1180px,100% - 2.5rem);margin-inline:auto}.hero{position:relative;min-height:100dvh;padding:max(1rem,env(safe-area-inset-top)) 0 2.5rem;overflow:hidden}.hero::before{content:"";position:absolute;inset:auto -10% -30% 40%;height:70%;background:radial-gradient(closest-side,#e7dccb,transparent);pointer-events:none}.top{display:flex;align-items:center;gap:.75rem}.logo{width:clamp(64px,11vw,128px);height:auto;aspect-ratio:1;border-radius:22%}.top-note{font-size:.85rem;color:var(--bark)}.grid{position:relative;display:grid;gap:1.4rem;margin-top:1rem}.copy{order:1}.scene{order:2}h1{font-family:var(--serif);font-weight:400;font-size:clamp(1.85rem,1.3rem + 2.8vw,3.6rem);line-height:1.08;margin:0 0 .7rem;letter-spacing:-.01em}h1 .brand{display:block;color:var(--rust)}.lead{margin:0 0 1.2rem;max-width:36ch;color:#3e322a}.btn-start{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:.8rem 1.6rem;border-radius:999px;background:var(--rust);color:#fff;font-weight:600;font-size:1.05rem;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:transform .15s ease}.btn-start:active{transform:scale(.97)}.btn-start:focus-visible{outline:3px solid var(--espresso);outline-offset:3px}@media (hover: hover){.btn-start:hover{transform:translateY(-2px)}}.after{margin:.6rem 0 0;font-size:.9rem;color:var(--bark)}.switch{position:relative;display:grid;grid-template-columns:1fr 1fr;width:min(100%,21rem);min-height:48px;margin:1.3rem 0 0;padding:4px;border:1.5px solid var(--espresso);border-radius:999px;background:transparent;font:600 .9rem/1 var(--sans);color:var(--espresso);cursor:pointer;-webkit-tap-highlight-color:transparent}.switch:focus-visible{outline:3px solid var(--rust);outline-offset:3px}.switch .lab{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;padding:0 .5rem;transition:color .25s ease}.knob{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);transition:transform .3s cubic-bezier(.3,.7,.2,1)}.knob-in{display:block;width:100%;height:100%;border-radius:999px;background:var(--espresso)}html[data-side="with"] .knob{transform:translateX(100%)}html[data-side="with"] .lab-with,html[data-side="without"] .lab-without{color:var(--fog)}.window{position:relative;border-radius:28px;background:linear-gradient(170deg,#f7f2ea,var(--steam));padding:1.4rem 1rem 0;min-height:340px;overflow:hidden;box-shadow:inset 0 0 0 1.5px #2b201a22}.window-tag{position:relative;z-index:2;display:flex;justify-content:space-between;font-size:.8rem;color:var(--bark)}.phones{position:relative;height:290px;margin-top:.4rem}.me,.side{position:absolute;bottom:34px;z-index:1}.me{left:8%;width:132px}.side{right:6%;width:118px;transform:perspective(520px) rotateY(-46deg) rotate(5deg);transform-origin:right bottom}.me svg,.side svg{width:100%;height:auto;display:block}.caps{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.4rem .8rem;margin-top:.7rem;font-size:.85rem;font-weight:600;line-height:1.3}.caps span{display:flex;align-items:center;gap:.4rem}.caps i{width:10px;height:10px;border-radius:50%;background:var(--moss)}.caps .cap-side i{background:var(--rust)}svg .bar{transform-box:fill-box;transform-origin:left center}.sill{position:absolute;left:0;right:0;bottom:0;height:30px;background:#7a5338;z-index:1}.sill::after{content:"";position:absolute;inset:0 0 auto;height:6px;background:#93694a}.leaf{position:absolute;z-index:2}.leaf-a{left:46%;bottom:22px;width:34px;transform:rotate(-24deg)}.leaf-b{left:-16px;top:64px;width:54px;transform:rotate(-38deg)}.cup{position:absolute;left:44%;bottom:28px;width:46px;z-index:1}section{padding:clamp(3rem,2rem + 4vw,6rem) 0}.chapters{border-top:1px solid #2b201a1f}.kicker{font-size:.82rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--moss);margin:0 0 .6rem}h2{font-family:var(--serif);font-weight:400;font-size:clamp(1.5rem,1.2rem + 1.4vw,2.3rem);line-height:1.15;margin:0 0 .7rem}.chapter{display:grid;gap:1.4rem;align-items:center;padding:2.2rem 0;border-bottom:1px solid #2b201a1a}.chapter:last-child{border-bottom:0}.chapter p{margin:0;max-width:40ch;color:#3e322a}.mini{justify-self:center;width:min(100%,260px);aspect-ratio:4 / 5;border-radius:26px;background:var(--espresso);padding:12px;box-shadow:0 18px 40px -26px #2b201a}.mini-screen{width:100%;height:100%;border-radius:16px;background:#fbf6ec;overflow:hidden;position:relative}.mini svg{width:100%;height:100%;display:block}.chapter:nth-child(2) .mini{transform:rotate(-3deg)}.context{margin-top:1.1rem;padding:.9rem 1rem;border:1px solid #2b201a40;border-radius:14px;font-size:.92rem;color:#3e322a;max-width:44ch;background:#f7f2ea}.context strong{font-weight:600}.context a{color:var(--rust);font-weight:600}.facts{background:var(--steam)}.facts dl{margin:1.2rem 0 0;max-width:760px}.row{display:grid;grid-template-columns:minmax(7rem,34%) 1fr;gap:1rem;padding:.95rem 0;border-top:1px solid #2b201a33}.row:last-child{border-bottom:1px solid #2b201a33}.row dt{font-weight:600}.row dd{margin:0;color:#3e322a}.closing{text-align:left}.closing p{margin:0;font-family:var(--serif);font-size:clamp(1.3rem,1.1rem + 1vw,1.9rem);line-height:1.25}.closing .before{color:var(--bark)}.closing .now{margin-bottom:1.4rem}footer{display:grid;margin-top:1rem;border-top:1px solid #2b201a26}.f-light{background:var(--fog);padding:2.2rem 1.25rem}.f-dark{background:var(--espresso);color:var(--fog);padding:2.2rem 1.25rem}.f-light b{font-family:var(--serif);font-weight:400;font-size:1.4rem;display:block}.f-light p{margin:.3rem 0 0;color:var(--bark)}.f-dark ul{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.f-dark a{position:relative;display:inline-block;padding:.5rem 0;text-decoration:none;color:var(--fog)}.f-dark a::after{content:"";position:absolute;left:0;right:0;bottom:.35rem;height:1.5px;background:var(--mustard);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.f-dark a:focus-visible{outline:2px solid var(--mustard);outline-offset:2px}.f-dark a:focus-visible::after{transform:scaleX(1)}@media (hover: hover){.f-dark a:hover::after{transform:scaleX(1)}}::view-transition-old(root),::view-transition-new(root){animation-duration:.3s}.fade{opacity:.2;transition:opacity .15s ease}.scene{transition:opacity .15s ease}@media (min-width: 900px){.grid{grid-template-columns:1.05fr 1fr;gap:3.5rem;align-items:center;margin-top:1.5rem}.scene{order:1}.copy{order:2}.window{min-height:470px;padding:1.6rem 1.4rem 0;margin-right:-2.5rem;transform:rotate(-1.5deg)}.phones{height:410px}.me{width:180px;left:10%}.side{width:160px;right:8%}.chapter{grid-template-columns:1fr 1fr;gap:4rem}.chapter:nth-child(even) .claim{order:2}footer{grid-template-columns:1fr 1fr}.f-light,.f-dark{padding:3rem max(1.25rem,5vw)}}@media (max-width: 420px){.side{width:100px}.me{width:112px;left:4%}.phones{height:270px}.window{min-height:310px}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{transition:none!important;animation:none!important}}