:root{--ink:#193c34;--paper:#f4f1e7;--muted:#566d63;--line:#cad1c3;--accent:#efca72}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:95px}
body.design{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
button,input,select{font:inherit}
a,button,input,select,summary{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid #d8743c;outline-offset:5px}
.skip-link{position:fixed;top:-100px;left:16px;z-index:100;background:#fff;color:#143c32;padding:14px}
.skip-link:focus{top:10px}
.launch-header{height:88px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2}
.wordmark{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:21px;font-weight:700;letter-spacing:-.6px}
.wordmark img{border-radius:11px}
.launch-header nav{display:flex;gap:36px;font-size:14px}
.launch-header nav a{text-decoration:none;padding:12px 0}
.launch-header nav a:last-child{border-bottom:1px solid currentColor}
.section-label{font-size:11px!important;font-weight:700;letter-spacing:2.1px;line-height:1.6}
.design h1,.design h2,.design h3{margin:0;font-weight:500}
.design h1{font-size:clamp(62px,7.5vw,112px);line-height:.99;letter-spacing:-5px}
.design h1 em,.design h2 em{font-family:Georgia,serif;font-weight:400}
.design p{font-size:17px;line-height:1.65}
.download{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap;align-items:center}
.download img{height:47px;width:auto;display:block}
.download a{border-radius:7px;transition:transform .18s}
.download a:hover{transform:translateY(-3px)}
.design .availability{font-size:12px;line-height:1.6;opacity:.8;margin:14px 0 25px;max-width:380px}
.app-preview{margin:0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}
.device{width:252px;border-radius:37px;border:7px solid #102d29;background:#102d29;overflow:hidden;box-shadow:0 25px 65px #09242035;line-height:0}
.device img{width:100%;height:auto}
.app-preview figcaption{font-size:11px;margin-top:18px;opacity:.7}
.hero-text>p:not(.section-label):not(.availability){max-width:435px}
.text-link{display:inline-block;font-size:13px;text-underline-offset:7px;padding:10px 0}
.hero-bottom{position:absolute;bottom:25px;left:8%;right:8%;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.8px;border-top:1px solid #ffffff30;padding-top:15px}
.benefits{max-width:1200px;margin:auto;padding:75px 5%;display:grid;grid-template-columns:repeat(3,1fr);gap:55px}
.benefits article>span{font:10px Arial,sans-serif;letter-spacing:1.6px}
.benefits h3{font-size:23px;margin:18px 0 12px;letter-spacing:-.7px}
.benefits p{font-size:15px;line-height:1.7;margin:0}
.savings-section{padding:90px 7%;background:#e7ebdf;display:grid;grid-template-columns:1fr 1.05fr;gap:8%;color:#193c34}
.savings-intro h2{font-size:clamp(38px,4vw,59px);font-weight:500;line-height:1.05;letter-spacing:-2px;margin:18px 0 22px}
.savings-intro>p:not(.section-label){max-width:380px;font-size:17px;line-height:1.7}
.small,.savings-intro .small{font-size:12px!important;line-height:1.7!important;opacity:.8}
.calculator{min-width:0}
.calc-fields{display:grid;grid-template-columns:1fr 1.55fr;gap:22px 18px}
.calc-fields label{display:flex;flex-direction:column;gap:10px;font-size:12px;font-weight:600;line-height:1.4}
.calc-fields label:last-child{grid-column:1/-1}
input,select{min-width:0;width:100%;border:1px solid #96a898;border-radius:5px;background:#fffdf6;color:#193c34;padding:14px 12px;height:50px}
.calc-error{font-size:13px!important;color:#963a28;line-height:1.5;min-height:20px;margin:10px 0}
.calc-result{border-top:1px solid #a2b4a3;border-bottom:1px solid #a2b4a3;padding:24px 0;display:flex;flex-direction:column;gap:9px;font-size:13px}
.calc-result[hidden]{display:none}
.calc-result output,.calc-result .annual-savings{font-size:clamp(37px,4.6vw,66px);font-weight:500;letter-spacing:-2px;line-height:1.2;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.calc-reset{border:0;border-bottom:1px solid currentColor;background:transparent;color:inherit;padding:10px 0;cursor:pointer;font-size:12px}
.faq{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:85px 7%;max-width:1400px;margin:auto}
.faq h2{font-size:37px;letter-spacing:-1px;line-height:1.15}
.faq details{border-bottom:1px solid var(--line);padding:18px 0}
.faq details:first-child{border-top:1px solid var(--line)}
.faq summary{cursor:pointer;line-height:1.5;font-size:16px}
.faq details p{font-size:14px;line-height:1.75}
.faq details a{text-underline-offset:3px}
.launch-footer{padding:35px 5%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px}
.launch-footer nav{display:flex;gap:24px;font-size:12px}
.launch-footer small{font-size:11px}
.primary-link{display:inline-block;background:#1b4237;color:#f4f6e8;border-radius:99px;text-decoration:none;padding:19px 27px;font-size:14px;margin:12px 0}
.launch-home{height:auto!important;min-height:100vh;overflow:auto!important}
.launch-home main{display:block!important}
.launch-home .benefits,.launch-home .faq{color:#f7f3e8}
.launch-home .faq{--line:#ffffff40}
.launch-home .benefits h3{font-size:24px}
.launch-home .hero{min-height:650px!important}

.launch-home .phoneShell{max-height:none}
.launch-home .appScreenshot{height:auto}
.launch-home .savings-section h2{color:#193c34}
.launch-home .faq h2{font-weight:500;font-size:38px;margin:0}
.launch-home .calculator input,.launch-home .calculator select{font-family:inherit}
.launch-home .siteFooter{position:static!important}
.design .calc-error:empty{margin:6px 0;min-height:8px}
@media(max-width:800px){.launch-header{height:76px;margin:0 6%}
.wordmark{font-size:18px;gap:8px}
.wordmark img{width:34px;height:34px}
.launch-header nav{gap:15px;font-size:12px}
.launch-header nav a:first-child{display:none}
.design h1{font-size:66px;letter-spacing:-3.5px}
.hero-bottom{left:7%;right:7%;font-size:10px}
.benefits{grid-template-columns:1fr;padding:45px 7%;gap:28px}
.benefits article{padding-bottom:25px;border-bottom:1px solid var(--line)}
.benefits article:last-child{border:0;padding-bottom:0}
.benefits h3{margin-top:10px}
.savings-section{grid-template-columns:1fr;padding:50px 7%;gap:24px}
.savings-intro h2{font-size:42px}
.savings-intro .small{max-width:340px}
.calc-result output,.calc-result .annual-savings{font-size:52px}
.faq{grid-template-columns:1fr;padding:50px 7%;gap:25px}
.faq h2{font-size:34px}
.launch-footer{flex-wrap:wrap;padding:30px 7%;gap:25px}
.launch-footer nav{flex-wrap:wrap;gap:20px;width:100%}
.launch-home .headerInner{flex-wrap:wrap}

.launch-home .headerStoreButtons{display:none!important}
.launch-home .hero{min-height:0!important}
.launch-home .savings-section{padding-top:50px}
.launch-home .headerActions{gap:0}
}
@media(max-width:360px){.download{gap:8px}
.download img{height:40px}
.calc-fields{grid-template-columns:1fr}
.calc-fields label:last-child{grid-column:auto}
.wordmark{font-size:16px}
.launch-header nav{font-size:11px}
.hero-bottom span:last-child{display:none}
.calc-result output,.calc-result .annual-savings{font-size:43px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*::before,*::after{animation:none!important;transition:none!important}
}
.download a,.storeButtons a,.headerStoreButtons a{text-decoration:none}
.launch-home .benefits,.launch-home .faq{color:#193c34;--line:#cad1c3}
.launch-home .headerActions{flex:0 0 auto;width:auto;height:auto;display:flex;align-items:center;gap:20px}

.launch-home .headerStoreButtons{display:none!important}
.launch-home .benefits>article>p{font-size:15px}
.launch-home .faq details p{font-size:15px}
@media(max-width:800px){.launch-home .siteHeader .brand span{display:inline;font-size:16px}
.launch-home .brandIcon{width:36px;height:36px}
.launch-home .headerInner{gap:12px}

.launch-home .headerActions{gap:0}
}
@media(max-width:360px){.launch-home .siteHeader .brand span{font-size:14px}
}
@media(max-width:360px){.legalBody .headerStoreButtons{gap:6px}
}

.launch-home .faq details[open] p{margin-top:16px;margin-bottom:0}
.calc-result .annual-label{margin-top:16px}

/* Compact floating header, following the LacquerStash landing page. */
.launch-home .siteHeader{height:84px;transition:height .34s,padding .34s,background-color .28s}
.launch-home .headerInner{height:84px;min-height:84px;flex-wrap:nowrap;container:header-shell / inline-size;transition:width .42s,height .34s,min-height .34s,padding .34s,border-radius .34s;overflow:hidden}
.launch-home .headerActions{margin-left:auto;flex:0 0 auto;height:auto}
.launch-home .headerStoreButtons{display:flex!important;position:static;max-width:0;overflow:hidden;opacity:1;visibility:visible;transform:none;gap:8px;justify-content:flex-end;pointer-events:none;transition:max-width 520ms cubic-bezier(0.22,1,0.36,1),gap 340ms cubic-bezier(0.22,1,0.36,1)}
.launch-home.header-show-downloads .headerStoreButtons{max-width:300px;overflow:visible;opacity:1;visibility:visible;pointer-events:auto}
.launch-home .headerStoreButtons img{height:37px;transition:height 340ms cubic-bezier(0.22,1,0.36,1)}
.launch-home.header-is-compact .siteHeader{height:64px;padding-top:8px;background:transparent;border-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;overflow:visible}
.launch-home.header-is-compact .headerInner{width:min(1000px,calc(100% - 32px));height:56px;min-height:56px;padding-inline:14px;border:1px solid #ffffff24;border-radius:16px;background:rgba(13,42,36,.94);box-shadow:0 8px 28px #071d1826;backdrop-filter:blur(20px)}
.launch-home.header-is-compact .brandIcon{width:40px;height:40px}
.launch-home.header-is-compact .headerStoreButtons img{height:33px}
@container header-shell (max-width:430px){.launch-home.header-show-downloads .brand span{display:none}.launch-home.header-show-downloads .headerStoreButtons img{height:30px}}
@container header-shell (max-width:290px){.launch-home.header-show-downloads .headerStoreButtons img{height:26px}.launch-home.header-show-downloads .brandIcon{width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){.launch-home .siteHeader,.launch-home .headerInner,.launch-home .headerStoreButtons,.launch-home .headerStoreButtons img{transition:none}}
.launch-home .headerStoreButtons a{flex:0 0 auto;opacity:0;transition:opacity 500ms ease,filter 160ms ease}
.launch-home.header-show-downloads .headerStoreButtons a{opacity:1}
@media(prefers-reduced-motion:reduce){.launch-home .headerStoreButtons a{transition:none}}

.final-download{max-width:1200px;margin:0 auto 60px;padding:64px 7%;border-radius:30px;background:linear-gradient(125deg,#dce9dd,#e9e6c8 55%,#f1d58c);color:#193c34}
.final-download h2{max-width:800px;margin:0;font-size:clamp(34px,5vw,54px);line-height:1.12;letter-spacing:-2px;font-weight:700}
.final-download p{max-width:760px;margin:24px 0 30px;font-size:19px;line-height:1.6;color:#486056}
.final-download-buttons{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.final-download-buttons a{display:block;border-radius:8px;transition:transform 160ms ease}
.final-download-buttons a:hover{transform:translateY(-2px)}
.final-download-buttons img{display:block;width:auto;height:54px}
@media(max-width:1240px){.final-download{margin-inline:20px}}
@media(max-width:540px){.final-download{margin:0 12px 40px;padding:36px 24px;border-radius:24px}.final-download h2{font-size:34px;letter-spacing:-1.2px}.final-download p{font-size:17px}.final-download-buttons{gap:10px}.final-download-buttons img{height:44px}}
@media(max-width:360px){.final-download-buttons img{height:37px}}
@media(prefers-reduced-motion:reduce){.final-download-buttons a{transition:none}}