@import url("https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700&family=Newsreader:ital,wght@0,300;0,400;1,300;1,400&display=swap");:root{--ink:#4d4a42;--muted:#6e695e;--paper:#faf7f0;--blue:#2e6fd8;--amber:#f2b544;--line:#e3d9cb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.6 Figtree,sans-serif}a{color:inherit}main{overflow:hidden}header{position:-webkit-sticky;position:sticky;top:0;z-index:50;padding:16px 16px 0;pointer-events:none}header nav{pointer-events:auto;max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:8px;background:hsla(43,41%,97%,.86);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:6px;padding:10px 10px 10px 28px;box-shadow:0 8px 28px rgba(60,55,40,.1)}.brand{font:400 26px Newsreader,Georgia,serif;text-decoration:none;margin-right:auto}nav a,nav button{padding:10px 18px;color:var(--muted);text-decoration:none;font:500 17px Figtree;background:none;border:0;cursor:pointer}.start{background:var(--amber);color:#3a372f!important;border-radius:3px;padding:15px 26px!important;font-weight:600!important}.menu{display:none}.hero{margin:-92px 8px 0;background:linear-gradient(170deg,#2e6fd8,#336fd2 55%,#2b63c2);border-radius:0 0 18px 18px;color:#fff;padding:168px 24px 80px;text-align:center}.hero h1{margin:0 auto;max-width:1150px;font:300 clamp(64px,8vw,120px)/1 Newsreader;letter-spacing:-.03em}.hero h1 em,h2 em{font-style:italic}.hero>p{margin:44px auto 0;max-width:700px;font-size:clamp(18px,1.6vw,22px);line-height:1.55;font-weight:500}.explore{display:inline-flex;align-items:center;gap:14px;margin-top:36px;background:#faf7f0;color:#4d4a42;text-decoration:none;border-radius:3px;padding:19px 32px;font-weight:600;font-size:18px;box-shadow:0 10px 30px rgba(30,60,100,.18)}.intro{padding:100px 7vw 75px}.cta h2,.intro h2{font:300 clamp(43px,6vw,76px)/1 Newsreader;margin:0 0 50px}.trio{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.trio a{padding:25px 20px 30px 0;border-bottom:1px solid var(--line);text-decoration:none;display:grid;grid-template-columns:auto auto;grid-gap:8px 12px;gap:8px 12px}.trio b{font-size:22px}.trio small{font-size:12px;color:#a36b00}.trio span{grid-column:1/-1;color:var(--muted)}.split{display:grid;grid-template-columns:1.15fr .85fr;grid-gap:clamp(45px,8vw,120px);gap:clamp(45px,8vw,120px);align-items:center;padding:70px 7vw}.split.reverse{background:#f1ede4}.split.reverse .demo{order:2}.copy h2{font:300 clamp(39px,4.6vw,65px)/1.02 Newsreader;margin:22px 0 30px}.copy ul{color:var(--muted);line-height:1.65}.button{display:inline-block;background:var(--amber);padding:13px 18px;border-radius:3px;text-decoration:none;font-weight:600}.demo{margin:0}.photo{position:relative}.photo>img{display:block;width:100%;aspect-ratio:4/3.3;object-fit:cover;border-radius:18px}.overlay{position:absolute;right:5%;bottom:5%;width:min(70%,330px);background:#544a3ed9;color:#fff;border-radius:10px;padding:20px}.overlay-head{display:flex;justify-content:space-between}.overlay-head small{font-size:11px;text-transform:uppercase}.soap{display:grid;grid-template-columns:90px 1fr;grid-gap:7px;gap:7px;font-size:12px}.pills{display:flex;gap:7px}.pills i{background:#efe8da;padding:6px 9px;border-radius:20px;font-style:normal;font-size:12px}.source{margin-top:10px;background:#e8f0ff;color:var(--ink);padding:8px;font-size:11px}.overlay pre{font-size:11px;background:#403930;padding:10px;overflow:auto}.demo figcaption{display:grid;grid-template-columns:auto auto 1fr;grid-gap:8px;gap:8px;padding-top:12px}.demo figcaption>button{border:1px solid var(--line);background:transparent;border-radius:3px;width:38px;height:38px}.steps{display:flex;gap:5px;flex-wrap:wrap}.steps button{border:0;background:#efe8da;padding:9px 10px;min-height:38px}.steps button.active{background:#4d4a42;color:#fff}.demo figcaption small,.demo figcaption span{grid-column:3;color:#8a8477;font-size:11px}.cta{background:var(--blue);color:#fff;padding:100px 7vw;display:flex;justify-content:space-between}.cta a{background:var(--amber);padding:13px 16px;margin:4px;text-decoration:none;font-weight:600}footer{padding:30px 7vw;display:flex;justify-content:space-between;color:var(--muted)}@media(max-width:850px){header{padding:12px 12px 0}header nav{padding:10px;justify-content:flex-end}.brand{font-size:24px}.menu{display:block;position:absolute;right:85px;top:20px;border:0;background:#f1ece2;font-size:20px;width:42px;height:42px}.hero{padding:128px 20px 56px}.hero h1{font-size:44px}.hero>p{margin-top:28px}.intro{padding:65px 20px 45px}.trio{display:block}.trio a{padding:18px 0}.split,.split.reverse{display:flex;flex-direction:column;padding:55px 20px;gap:35px}.split.reverse .demo{order:0}.copy h2{font-size:47px}.photo>img{aspect-ratio:4/3}.overlay{width:calc(100% - 28px);right:14px;bottom:14px}.demo figcaption{grid-template-columns:auto auto 1fr}.demo figcaption small,.demo figcaption span,.steps{grid-column:1/-1}.cta{padding:70px 20px}.cta,footer{display:block}footer{padding:25px 20px}footer span{display:block;margin-top:10px}}