:root{color-scheme:light;--night:#131c22;--ink:#292d2c;--muted:#63665f;--paper:#f2efe7;--line:#d6d1c5;--gold:#ddbb77;--gold-text:#70541e;--cream:#faf8f0;--danger:#a33523;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,summary{touch-action:manipulation}button,summary{cursor:pointer}button{color:inherit}button:disabled{cursor:wait;opacity:.65}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #a77b31;outline-offset:4px}button:active,.button:active{filter:brightness(.92)}[hidden]{display:none!important}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.night{background:var(--night);color:var(--cream);overflow:hidden}.header{height:108px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2;border-bottom:1px solid #ffffff18}.brand{display:flex;align-items:center;gap:14px;font:25px Georgia,serif;white-space:nowrap}.brand svg{color:var(--gold)}.brand b{font-weight:400}.brand small{display:block;font:10px/1.3 system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#c0b8a7;margin-top:6px}.header nav{display:flex;align-items:center;gap:36px;font-size:14px}.header nav a,.text-button{min-height:44px;display:inline-flex;align-items:center}.text-button{background:none;border:0;padding:0;gap:16px;text-decoration:underline;text-underline-offset:5px;font-weight:500}.header .text-button{text-decoration:none}.header nav span{color:var(--gold)}.hero{min-height:640px;height:calc(100svh - 108px);max-height:820px;position:relative;display:flex;align-items:center;padding-bottom:72px}.hero-art{position:absolute;z-index:0;inset:-10px -170px 0 120px;pointer-events:none}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:55% 50%;mask-image:linear-gradient(90deg,transparent,#000 25%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 25%)}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--night) 0%,#131c22bd 22%,transparent 50%),linear-gradient(0deg,var(--night),transparent 15%)}.hero-copy{position:relative;z-index:1;width:600px;padding-top:24px}.overline{text-transform:uppercase;font-size:10px;line-height:1.5;font-weight:650;letter-spacing:.19em;color:var(--gold-text);margin:0 0 20px}.hero .overline{color:var(--gold);display:flex;align-items:center;gap:10px}.overline span{width:5px;height:5px;background:currentColor;border-radius:50%;flex:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400}h1{font-size:clamp(46px,5.3vw,76px);line-height:1.08;letter-spacing:-.04em;margin:0 0 26px;text-wrap:balance}h1 em{font-style:normal;color:#e4c68c}.intro{color:#d2d0c8;line-height:1.7;font-size:17px;margin-bottom:34px;max-width:400px}.button{min-height:54px;display:inline-flex;align-items:center;justify-content:space-between;gap:32px;border-radius:8px;padding:14px 23px;border:1px solid transparent;font-weight:600;font-size:14px;transition:background .18s,color .18s,box-shadow .18s}.button span{font-size:20px;line-height:1}.primary{background:linear-gradient(110deg,#ebce96,#d6ae65);color:#2c2315;box-shadow:inset 0 1px #fff5,0 5px 24px #0002}.primary:hover{box-shadow:inset 0 1px #fff8,0 6px 24px #b38a3c38;background:#edce93}.secondary{border-color:#b4aa94;color:#3a372e;background:transparent}.secondary:hover{background:#e8e2d5}.under-button{font-size:11px;letter-spacing:.025em;color:#bcb8ae;margin:14px 0 0}.hero-foot{position:absolute;bottom:28px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;color:#c3beb3;font-size:11px;letter-spacing:.09em}.hero-foot a{min-height:44px;display:flex;align-items:center;gap:24px}.hero-foot span:last-child{color:var(--gold)}.steps-section{padding:72px 0 68px;background:#e9e6dd;border-bottom:1px solid var(--line)}h2{font-size:clamp(29px,3.2vw,42px);line-height:1.2;letter-spacing:-.025em}.section-head .overline{margin-bottom:12px}.section-head h2{margin-bottom:14px}.section-head>p:last-child{color:var(--muted);font-size:14px}.steps{padding:0;margin:42px 0 0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.steps li{display:flex;align-items:flex-start;gap:16px}.step-index{color:#7a6c52;font:italic 24px Georgia,serif}.steps h3{font-family:inherit;font-size:14px;font-weight:650;line-height:1.5;margin:0 0 8px}.steps p{font-size:13px;color:var(--muted);line-height:1.7;margin:0}.plans-section{padding-block:80px}.plans{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:34px}.plan{border:1px solid #d0c8b8;background:#f7f5ee;border-radius:12px;padding:32px}.plan-label{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#6a624d;margin-bottom:22px}.plan h3{font-size:30px;margin-bottom:14px}.plan-description{font-size:14px;color:var(--muted);line-height:1.7;min-height:48px}.price{display:flex;align-items:baseline;gap:8px;white-space:nowrap;font-size:14px;margin:30px 0 4px}.price strong{font:42px/1.2 Georgia,serif;font-weight:400;letter-spacing:-.035em}.price strong span{font-size:28px}.price>span{color:var(--muted)}.device-line{color:var(--muted);font-size:12px;margin-bottom:24px}.plan ul{padding:22px 0 24px;margin:0;list-style:none;border-top:1px solid var(--line);font-size:13px}.plan li{padding:5px 0 5px 21px;position:relative}.plan li:before{content:"✓";position:absolute;left:0;color:#7a602b}.plan .button{width:100%}.premium{background:#e9e3d5;border-color:#baaa8b;position:relative}.plans-note{text-align:center;font-size:12px;color:var(--muted);margin:24px 0 0;line-height:1.9}.help-section{border-top:1px solid var(--line);padding-block:48px 64px;display:flex;gap:32px;align-items:center;justify-content:space-between}.help-section h2{margin-bottom:14px}.help-section p:last-child{color:var(--muted);font-size:14px;margin-bottom:0}.footer{padding-block:25px 34px;border-top:1px solid var(--line);display:flex;gap:24px;justify-content:space-between;color:var(--muted);font-size:11px}.footer div{display:flex;gap:24px}.footer a{padding-block:12px}.skip{position:fixed;top:12px;left:12px;z-index:100;transform:translateY(-150%);background:var(--cream);color:var(--ink);padding:12px}.skip:focus{transform:none}.warm-light{position:absolute;width:40%;height:60%;left:40%;top:12%;background:radial-gradient(ellipse,#edb95d25,transparent 65%);animation:glow 4s ease-in-out 2;mix-blend-mode:screen}.hero-copy{animation:arrive .55s var(--ease) both}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes glow{50%{opacity:.3;transform:scale(1.03)}}
dialog{color:var(--ink);background:var(--paper);border:1px solid #baaa8b;border-radius:16px;width:min(510px,calc(100% - 24px));max-height:calc(100svh - 32px);padding:28px 32px;overscroll-behavior:contain;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#111a22c9}dialog[open]{animation:arrive .24s var(--ease)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.dialog-top .overline{margin:0;font-size:9px}.close{border:0;background:transparent;width:44px;height:44px;font-size:28px;line-height:1}dialog h2{font-size:34px;margin-bottom:14px}.dialog-description{font-size:14px;color:var(--muted);margin-bottom:20px}dialog label{display:block;font-weight:600;font-size:13px;margin:18px 0 7px}dialog input,dialog select{width:100%;min-height:50px;padding:11px 13px;border:1px solid #b7b0a1;border-radius:7px;background:#fbfaf5;color:var(--ink);font-size:16px}dialog small{display:block;font-size:11px;color:var(--muted);margin-top:7px}.password-field{position:relative}.password-field input{padding-right:95px}.password-field button{position:absolute;right:5px;top:3px;height:44px;background:none;border:0;font-size:11px;color:#5c4b2e;padding-inline:10px}.form-error{color:var(--danger);font-size:13px;margin:15px 0;min-height:0}.form-error:empty{margin:14px 0}dialog .button{width:100%}.dialog-bottom{text-align:center;margin:18px 0 8px;font-size:13px}.recovery{display:block;text-align:center;padding:9px;font-size:13px;text-decoration:underline;text-underline-offset:4px}.legal{font-size:10px;color:var(--muted);text-align:center;margin:20px 0}.legal a{text-decoration:underline}.dialog-support{display:block;border-top:1px solid var(--line);margin-top:24px;padding-top:18px;font-size:12px;color:#65522e}.install-steps{padding-left:20px;font-size:14px}.install-steps li{padding:8px 0 16px}.install-steps p{color:var(--muted);font-size:13px;margin:8px 0 14px}.install-steps details{font-size:12px;padding-top:16px}.install-steps summary{min-height:36px}.install-steps input{font-size:11px}.install-steps .text-button{font-size:12px}.subscription-meta{font-size:13px;padding:12px 14px;background:#e6e2d7;border-radius:6px}.error-actions{display:grid;gap:10px}#state-error-text,#trial-panel>p{font-size:14px}#action-status{font-size:12px;color:var(--muted);margin:14px 0 0}.noscript{padding:24px}.noscript a{text-decoration:underline}
@media(min-width:1600px){.hero-art{right:-120px;left:160px}}
@media(max-width:1024px){.wrap{width:calc(100% - 56px)}.hero{min-height:600px;height:700px;max-height:calc(100svh - 96px)}.hero-art{left:-100px;right:-200px}.hero-art:after{background:linear-gradient(90deg,var(--night),#131c2299 35%,transparent 75%),linear-gradient(0deg,var(--night),transparent 20%)}.hero-copy{width:510px}.steps{gap:20px}.steps li{gap:10px}.steps p br{display:none}.plan{padding:26px}.header{height:96px}}
@media(max-width:640px){.wrap{width:calc(100% - 40px)}.header{height:84px}.brand{font-size:20px;gap:9px}.brand svg{width:23px}.brand small{font-size:8px;letter-spacing:.09em}.header nav{gap:18px;font-size:12px}.header nav>a{display:none}.hero{min-height:740px;height:auto;max-height:none;align-items:flex-start;padding-top:36px;padding-bottom:350px}.hero-copy{width:100%;padding-top:0}h1{font-size:46px;line-height:1.08;margin-bottom:18px}.hero .overline{font-size:9px;letter-spacing:.12em;margin-bottom:18px}.intro{font-size:14px;margin-bottom:24px;line-height:1.8}.desktop-break{display:none}.hero .primary{font-size:14px;padding-inline:20px}.under-button{font-size:10px}.hero-art{inset:335px -80px 30px -100px}.hero-art img{mask-image:linear-gradient(0deg,#000 70%,transparent);-webkit-mask-image:linear-gradient(0deg,#000 70%,transparent);object-position:65% 65%}.hero-art:after{background:linear-gradient(0deg,var(--night),transparent 18%,transparent 65%,var(--night)),linear-gradient(90deg,#131c2266,transparent)}.warm-light{left:40%;top:4%}.hero-foot{bottom:0;font-size:9px;letter-spacing:.03em}.hero-foot a{gap:12px}.steps-section{padding:44px 0}.steps{grid-template-columns:1fr;gap:26px;margin-top:30px}.steps li{gap:22px}.step-index{font-size:23px;min-width:24px}.steps p{font-size:13px}.plans-section{padding-block:48px}.plans{grid-template-columns:1fr;gap:16px}.plan{padding:26px 24px}.plan h3{font-size:28px}.plan-description{min-height:0}.plan-label{margin-bottom:16px}.price{margin-top:24px}.help-section{flex-direction:column;align-items:flex-start;padding-block:36px 42px;gap:24px}.help-section .button{width:100%}.footer{flex-direction:column;gap:12px;padding-block:24px}.footer div{gap:10px 22px;flex-wrap:wrap}.footer a{display:inline-block}dialog{padding:18px 22px}dialog h2{font-size:29px}.dialog-top .overline{letter-spacing:.1em}.plans-note{font-size:11px}}
@media(max-width:640px){.header nav>a.text-button{display:inline-flex}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
