@font-face{font-family:system-fallback;src:local("Arial")}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#faf9f6;color:#20201e;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:17px;line-height:1.65;letter-spacing:-.035em}a{color:inherit;text-underline-offset:4px}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #74664b;outline-offset:6px}.wrap{max-width:1120px;margin-inline:auto;padding-inline:40px}.skip{position:fixed;top:-80px;left:20px;z-index:10;background:white;padding:12px}.skip:focus{top:10px}.header{height:112px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:6px;font-size:32px;font-weight:850;letter-spacing:-.065em;text-decoration:none}.brand img{object-fit:contain}.header nav{display:flex;align-items:center;gap:28px;font-size:15px;white-space:nowrap}.header nav a{text-decoration:none}.nav-start{border:1.5px solid #262624;border-radius:9px;padding:9px 16px;background:#eee5d4;font-weight:750}.nav-start span{margin-left:10px}.hero{min-height:650px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:36px;padding-top:10px;padding-bottom:70px}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:750;color:#77766e;margin:0 0 23px}h1{font-size:clamp(40px,5vw,60px);line-height:1.27;font-weight:800;letter-spacing:-.07em;margin:0 0 24px}.lead{font-size:20px;color:#65645e;margin:0 0 30px;line-height:1.65}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:62px;min-height:62px;padding:13px 23px;border:2px solid #242421;border-radius:12px;background:#eee5d4;text-decoration:none;font-size:20px;font-weight:800;transition:background .18s,transform .18s}.primary:hover,.nav-start:hover{background:#e5dac5}.primary:active{transform:translateY(1px)}.under-cta{font-size:13px;color:#828077;margin:10px 0 23px;letter-spacing:-.025em}.languages{list-style:none;padding:0;margin:0;display:flex;gap:8px;flex-wrap:wrap}.languages li{font-size:13px;padding:3px 11px;border:1px solid #ddd9d0;border-radius:30px;color:#66645c}.hero-demo{position:relative;padding-top:146px;transform:rotate(-2deg)}.friend{position:absolute;height:172px;left:32px;right:10px;top:-2px;overflow:hidden;transform-origin:50% 90%;animation:breathe 5s ease-in-out infinite}.friend img{position:absolute;width:440px;max-width:115%;height:auto;left:50%;transform:translateX(-50%);bottom:-15px}.demo-card{position:relative;background:#fff;border:1.5px solid #d9d6ce;border-radius:23px;padding:27px 26px 23px;box-shadow:0 18px 45px #3b322509}.demo-meta{display:flex;justify-content:space-between;font-size:12px;color:#99978e;margin-bottom:30px}.sentence{font-size:29px;font-weight:700;line-height:2.3;letter-spacing:-.04em;margin:0 0 15px;white-space:nowrap}.answer{display:inline-flex;align-items:center;gap:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:24px;letter-spacing:-.04em;line-height:1.2;border:2px solid #242421;border-radius:12px;padding:16px 10px;background:#eee5d4;vertical-align:middle}.answer svg{margin-left:8px;width:17px}.blanks{color:#858178;letter-spacing:0}.typed{letter-spacing:0}.meaning{font-size:18px;font-weight:700;margin:16px 0 28px}.meaning u{text-underline-offset:5px;text-decoration-thickness:2px}.demo-bottom{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #eeece6;padding-top:16px;font-size:13px;color:#88867e}.demo-bottom>span:last-child{font-size:12px}.how{padding-top:72px;padding-bottom:90px;border-top:1px solid #dedbd3}.section-heading h2,h2{font-size:34px;font-weight:750;line-height:1.4;letter-spacing:-.06em;margin:0 0 22px}.section-heading>.eyebrow{margin-bottom:12px}.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin:46px 0 0}.steps li{border-top:1px solid #d3cfc5;padding-top:20px}.step-number{font-size:12px;color:#8d897d;letter-spacing:.06em}.steps h3{font-size:21px;margin:16px 0 10px;letter-spacing:-.05em}.steps p,.pack-section p,.section-heading>p:last-child{color:#716f65;font-size:16px;margin:0;line-height:1.85}.pack-section{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;background:#f0ece2;border-radius:24px;padding-block:62px}.pack-section .eyebrow{margin-bottom:15px}.pack-list{align-self:center}.pack-list>div{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 0;border-bottom:1px solid #d6d1c5}.pack-list>div:first-child{padding-top:0}.pack-list>div:last-child{border-bottom:0}.pack-list>div>span:first-child{font-size:24px;font-weight:650;letter-spacing:-.04em}.pack-list>div>span:last-child{font-size:14px;color:#787368}.install{padding-block:90px}.install-options{margin-top:35px;border-top:1px solid #d9d5cb}details{border-bottom:1px solid #d9d5cb}summary{cursor:pointer;display:flex;justify-content:space-between;gap:20px;list-style:none;padding:22px 0;font-size:18px;font-weight:650}summary::-webkit-details-marker{display:none}summary>span{color:#777;font-weight:400;font-size:23px;line-height:1;transition:transform .2s}details[open]>summary>span{transform:rotate(45deg)}details ol{padding-left:24px;margin:0 0 20px;font-size:16px;line-height:2}details li{padding-left:7px;margin-bottom:5px}.note{font-size:13px;color:#858176;max-width:660px;margin:0 0 25px;line-height:1.8}.closing{text-align:center;padding-block:55px 85px}.closing h2{font-size:40px;line-height:1.5;margin-bottom:28px}.closing>p{font-size:14px;color:#7b776c;margin-top:20px}.footer{display:flex;align-items:center;gap:30px;justify-content:space-between;border-top:1px solid #dedbd3;min-height:120px}.footer .brand{font-size:28px}.footer-dot{color:#a4987b}.footer>div{display:flex;gap:25px;font-size:13px;color:#716d62}.footer a{text-decoration:none}.footer small{font-size:12px;color:#908a7d}.header a:hover,.footer a:hover{text-decoration:underline;text-underline-offset:5px}@keyframes breathe{0%,100%{transform:scale(1,1)}50%{transform:scale(1.025,.97)}}@media(min-width:1200px){.pack-section{padding-inline:60px;max-width:1040px}}@media(max-width:850px){.wrap{padding-inline:28px}.hero{gap:18px}.primary{gap:45px}.sentence{font-size:24px}.answer{font-size:20px;padding:14px 7px;gap:5px}.answer svg{margin-left:3px}.demo-card{padding:24px 20px}.meaning{font-size:16px}.demo-bottom>span:last-child{display:none}.pack-section{margin-inline:28px}.header nav{gap:18px}.steps{gap:23px}.steps h3{font-size:19px}}@media(max-width:650px){.wrap{padding-inline:23px}.header{height:83px}.header .brand{font-size:28px}.brand img{width:45px;height:34px}.header nav>a:not(.nav-start){display:none}.nav-start{font-size:13px;padding:7px 12px}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:35px;padding-bottom:55px;gap:15px;min-height:0}.hero-copy{text-align:center}.eyebrow{font-size:10px;margin-bottom:18px}h1{font-size:43px;line-height:1.29;margin-bottom:19px}.lead{font-size:17px;margin-bottom:23px}.primary{font-size:19px;min-height:59px;gap:64px}.under-cta{font-size:12px;margin-top:9px;margin-bottom:20px}.languages{justify-content:center;gap:6px}.languages li{font-size:12px;padding:2px 10px}.hero-demo{width:100%;max-width:420px;align-self:center;padding-top:138px;margin-top:10px;transform:rotate(-1.5deg)}.friend{top:0;height:160px;left:20px;right:20px}.friend img{width:400px;bottom:-15px;max-width:120%}.demo-card{padding:22px 22px 20px;border-radius:20px}.demo-meta{margin-bottom:19px}.sentence{font-size:27px}.answer{font-size:22px;padding:14px 10px;gap:6px}.answer svg{width:16px;margin-left:7px}.meaning{font-size:17px;margin:16px 0 23px}.demo-bottom{font-size:13px}.demo-bottom>span:last-child{display:inline;font-size:11px}.how{padding-top:45px;padding-bottom:48px}.section-heading h2,h2{font-size:28px;margin-bottom:14px}.steps{display:block;margin-top:30px}.steps li{position:relative;padding:19px 0 18px 36px}.step-number{position:absolute;top:24px;left:0}.steps h3{font-size:20px;margin:0 0 8px}.steps p{font-size:15px}.pack-section{display:block;margin-inline:15px;padding:30px 24px;border-radius:20px}.pack-section h2 br{display:none}.pack-section p br{display:none}.pack-list{margin-top:26px}.pack-list>div{padding:12px 0}.pack-list>div>span:first-child{font-size:22px}.pack-section .eyebrow{font-size:10px}.install{padding-block:50px}.install .section-heading>p:last-child{font-size:15px}.install-options{margin-top:23px}summary{font-size:16px;padding-block:19px}details ol{font-size:15px;line-height:1.8;padding-left:20px}.note{font-size:13px}.closing{padding-top:22px;padding-bottom:60px}.closing h2{font-size:32px}.closing>p{font-size:13px;max-width:260px;margin:20px auto 0}.footer{padding-block:25px;min-height:0;flex-wrap:wrap;gap:17px}.footer .brand{font-size:26px}.footer>div{margin-left:auto;gap:15px;font-size:12px}.footer small{width:100%;font-size:11px}}@media(max-width:360px){.sentence{font-size:23px}.answer{font-size:19px;gap:5px;padding-inline:7px}.demo-card{padding-inline:18px}.demo-bottom>span:last-child{display:none}h1{font-size:38px}.footer>div{gap:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* The supplied wordmark already includes the Soot name. */
.header .brand img{width:126px;height:42px}@media(max-width:650px){.header .brand img{width:108px;height:34px}}
@media(max-width:360px){.sentence{font-size:21px}.answer{font-size:17px;gap:3px;padding:13px 6px}.answer svg{width:14px;margin-left:4px}}
.language-switch{display:flex;align-items:center;gap:8px;font-size:13px;letter-spacing:0}.language-switch a{padding:6px 1px;color:#88867e;white-space:nowrap}.language-switch a[aria-current="page"]{font-weight:750;color:#20201e}.language-switch>span{color:#c2beb3}html[lang="en"] body{letter-spacing:-.015em}html[lang="en"] h1{font-size:clamp(36px,4.3vw,53px);letter-spacing:-.055em}html[lang="en"] h2{letter-spacing:-.035em}@media(max-width:850px){.header nav{gap:16px}}@media(max-width:650px){.header{gap:10px}.header nav{gap:12px}.language-switch{gap:5px;font-size:12px}.header .brand img{width:96px}.nav-start{padding:7px 10px}html[lang="en"] h1{font-size:39px}}@media(max-width:360px){.header .brand img{width:80px}.header nav{gap:9px}.language-switch{font-size:11px;gap:4px}.nav-start{font-size:12px;padding:7px 8px}.nav-start span{margin-left:5px}html[lang="en"] h1{font-size:34px}}