@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Instrument+Serif:ital@0;1&display=swap');
:root{--ink:hsl(var(--theme-hue,145) calc(32.6% * var(--theme-saturation,1)) 18.6% / 1.000);--teal:hsl(var(--theme-hue,145) calc(54.0% * var(--theme-saturation,1)) 19.6% / 1.000);--muted:hsl(var(--theme-hue,145) calc(6.7% * var(--theme-saturation,1)) 44.1% / 1.000);--cream:hsl(var(--theme-hue,145) calc(33.3% * var(--theme-saturation,1)) 97.1% / 1.000);--line:hsl(var(--theme-hue,145) calc(14.3% * var(--theme-saturation,1)) 87.6% / 1.000);--sage:hsl(var(--theme-hue,145) calc(32.1% * var(--theme-saturation,1)) 89.6% / 1.000);--serif:'Instrument Serif',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:15px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid hsl(var(--theme-hue,145) calc(41.9% * var(--theme-saturation,1)) 45.9% / 1.000);outline-offset:4px}svg{display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:500}em{font-family:var(--serif);font-weight:400}.wrap{max-width:1280px;margin:auto;padding-left:42px;padding-right:42px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:15px;top:-100px;z-index:20;background:var(--teal);color:white;padding:14px}.skip-link:focus{top:10px}
.announcement{background:var(--teal);color:hsl(var(--theme-hue,145) calc(25.0% * var(--theme-saturation,1)) 89.0% / 1.000);text-align:center;font-size:11px;letter-spacing:.4px;padding:10px 16px;line-height:1.5}.announcement>span{margin-left:18px;color:hsl(var(--theme-hue,145) calc(55.8% * var(--theme-saturation,1)) 79.6% / 1.000)}.site-header{display:flex;align-items:center;justify-content:space-between;min-height:100px;gap:28px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:25px;font-weight:700;letter-spacing:-1.25px;white-space:nowrap}.brand-light{font-weight:450}.brand b{color:hsl(var(--theme-hue,145) calc(21.9% * var(--theme-saturation,1)) 54.3% / 1.000)}.site-header nav{display:flex;gap:29px;font-size:12px;font-weight:500}.site-header nav a:hover,.sign-in:hover{color:hsl(var(--theme-hue,145) calc(36.2% * var(--theme-saturation,1)) 40.6% / 1.000)}.header-actions{display:flex;align-items:center;gap:25px;font-size:12px}.button{border:1px solid var(--teal);background:var(--teal);color:white;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:16px 22px;font-size:13px;font-weight:500;line-height:1.3;transition:background .15s,transform .15s}.button:hover{background:hsl(var(--theme-hue,145) calc(43.3% * var(--theme-saturation,1)) 27.6% / 1.000);transform:translateY(-1px)}.button span{font-size:19px;line-height:1}.button.small{padding:12px 17px;font-size:12px;gap:20px}
.hero{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:35px;padding-top:43px;padding-bottom:75px;min-height:580px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.65px;line-height:1.8}.hero-copy .eyebrow{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:1.4px;margin-bottom:24px}.tiny-star{font-size:22px;line-height:1;color:hsl(var(--theme-hue,145) calc(20.6% * var(--theme-saturation,1)) 48.4% / 1.000)}.hero h1{font-size:clamp(59px,5.8vw,78px);line-height:1.01;letter-spacing:-3.5px;margin-bottom:24px}.hero h1 em{font-size:1.12em;line-height:1.07;letter-spacing:-2.1px}.hero-description{font-size:20px;line-height:1.55;letter-spacing:-.3px;margin-bottom:14px}.hero-detail{font-size:13px;line-height:1.85;color:var(--muted);max-width:347px;margin-bottom:27px}.hero-actions{display:flex;align-items:center;gap:22px}.text-button{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600}.text-button:hover{text-decoration:underline;text-underline-offset:5px}.play-icon{font-size:20px}.microcopy{font-size:10px;color:var(--muted);margin:17px 0 0}.microcopy>span:first-child{color:hsl(var(--theme-hue,145) calc(33.0% * var(--theme-saturation,1)) 41.6% / 1.000);margin-right:5px}.separator{padding:0 9px;color:hsl(var(--theme-hue,145) calc(7.3% * var(--theme-saturation,1)) 65.3% / 1.000)}
.hero-product{position:relative;background:var(--sage);border-radius:19px;padding:25px 25px 66px;min-width:0;isolation:isolate;background-image:radial-gradient(hsl(var(--theme-hue,145) calc(20.3% * var(--theme-saturation,1)) 72.0% / 1.000) .65px,transparent .65px);background-size:13px 13px}.product-caption{display:flex;align-items:center;gap:9px;letter-spacing:1.8px;font-size:8px;font-weight:600;margin:0 0 18px 4px;color:hsl(var(--theme-hue,145) calc(13.9% * var(--theme-saturation,1)) 39.6% / 1.000)}.product-caption>span{height:1px;width:20px;background:hsl(var(--theme-hue,145) calc(14.8% * var(--theme-saturation,1)) 52.2% / 1.000)}.browser-window{background:#fff;border-radius:10px;border:1px solid hsl(var(--theme-hue,145) calc(16.7% * var(--theme-saturation,1)) 83.5% / 1.000);box-shadow:0 15px 35px hsl(var(--theme-hue,145) calc(22.6% * var(--theme-saturation,1)) 24.3% / 0.125);overflow:hidden;position:relative;z-index:1}.browser-chrome{height:33px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid hsl(var(--theme-hue,145) calc(16.7% * var(--theme-saturation,1)) 90.6% / 1.000);background:hsl(var(--theme-hue,145) calc(25.0% * var(--theme-saturation,1)) 96.9% / 1.000);padding:0 12px;color:hsl(var(--theme-hue,145) calc(6.7% * var(--theme-saturation,1)) 50.0% / 1.000);font-size:8px}.window-dots{display:flex;gap:4px}.window-dots i{width:5px;height:5px;background:hsl(var(--theme-hue,145) calc(13.0% * var(--theme-saturation,1)) 78.8% / 1.000);border-radius:50%}.browser-chrome>span:nth-child(2){background:hsl(var(--theme-hue,145) calc(22.2% * var(--theme-saturation,1)) 92.9% / 1.000);padding:4px 32px;border-radius:4px}.browser-chrome>span:last-child{font-size:16px}.demo-content{padding:22px 22px 16px}.demo-topline{display:flex;justify-content:space-between;align-items:center;font-size:7px;font-weight:600;letter-spacing:1px;gap:8px}.demo-topline>span:first-child{display:flex;align-items:center;gap:6px}.demo-topline i{font-family:Georgia,serif;font-size:18px;color:hsl(var(--theme-hue,145) calc(19.4% * var(--theme-saturation,1)) 42.4% / 1.000)}.sample-label{font-size:7px;font-weight:500;letter-spacing:.1px;padding:4px 6px;background:hsl(var(--theme-hue,145) calc(29.0% * var(--theme-saturation,1)) 93.9% / 1.000);border-radius:4px;color:hsl(var(--theme-hue,145) calc(14.4% * var(--theme-saturation,1)) 39.4% / 1.000)}.demo-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:25px 0 20px}.demo-heading p{font-size:9px;color:hsl(var(--theme-hue,145) calc(7.6% * var(--theme-saturation,1)) 46.7% / 1.000);margin-bottom:6px}.demo-heading h2{font-size:19px;letter-spacing:-.65px;margin:0;line-height:1.2}.demo-heading h2 span{color:hsl(var(--theme-hue,145) calc(30.2% * var(--theme-saturation,1)) 50.6% / 1.000)}.sun{font-size:40px;line-height:1;color:#b1a268;font-family:Georgia,serif}.search-bar{display:flex;border:1px solid hsl(var(--theme-hue,145) calc(18.2% * var(--theme-saturation,1)) 87.1% / 1.000);border-radius:6px;align-items:center;height:39px;box-shadow:0 2px 3px hsl(var(--theme-hue,145) calc(32.6% * var(--theme-saturation,1)) 18.6% / 0.016);margin:0 0 22px;background:#fff}.search-bar select{font-size:9px;width:83px;margin-left:10px;border:0;border-right:1px solid hsl(var(--theme-hue,145) calc(14.8% * var(--theme-saturation,1)) 88.0% / 1.000);border-radius:0;background:#fff;color:hsl(var(--theme-hue,145) calc(16.7% * var(--theme-saturation,1)) 28.2% / 1.000);padding:0 4px 0 0}.search-bar input{font-size:9px;min-width:0;width:100%;height:100%;border:0;background:transparent;padding:0 10px}.search-bar input::placeholder{color:hsl(var(--theme-hue,145) calc(7.9% * var(--theme-saturation,1)) 49.4% / 1.000)}.search-bar button{border:0;background:transparent;padding:10px}.search-bar svg{width:14px;height:14px;stroke:hsl(var(--theme-hue,145) calc(8.5% * var(--theme-saturation,1)) 46.3% / 1.000);fill:none;stroke-width:1.5}.bookmark-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;gap:8px}.category-tabs{display:flex;gap:4px}.category-tabs button{font-size:8px;padding:6px 9px;border:0;border-radius:4px;background:none;color:hsl(var(--theme-hue,145) calc(10.8% * var(--theme-saturation,1)) 43.5% / 1.000);white-space:nowrap}.category-tabs button:hover{background:hsl(var(--theme-hue,145) calc(24.1% * var(--theme-saturation,1)) 94.3% / 1.000)}.category-tabs button.active{background:hsl(var(--theme-hue,145) calc(33.3% * var(--theme-saturation,1)) 90.6% / 1.000);color:hsl(var(--theme-hue,145) calc(32.8% * var(--theme-saturation,1)) 26.9% / 1.000);font-weight:600}.add-bookmark{width:23px;height:23px;padding:0;border-radius:4px;border:1px solid hsl(var(--theme-hue,145) calc(20.6% * var(--theme-saturation,1)) 86.7% / 1.000);background:#fff;font-size:17px;font-weight:400;line-height:1}.add-bookmark:hover{background:var(--sage)}.bookmark-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;min-height:173px;align-content:start}.bookmark-tile{border:1px solid hsl(var(--theme-hue,145) calc(18.5% * var(--theme-saturation,1)) 89.4% / 1.000);border-radius:7px;padding:12px 9px 10px;position:relative;transition:border .15s,transform .15s;background:#fff;min-width:0}.bookmark-tile:hover{transform:translateY(-2px);border-color:hsl(var(--theme-hue,145) calc(23.4% * var(--theme-saturation,1)) 56.5% / 1.000);box-shadow:0 3px 8px hsl(var(--theme-hue,145) calc(32.6% * var(--theme-saturation,1)) 18.6% / 0.035)}.site-icon{width:25px;height:25px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;line-height:1;background:var(--tile-bg,hsl(var(--theme-hue,145) calc(26.3% * var(--theme-saturation,1)) 92.5% / 1.000));color:var(--tile-color,hsl(var(--theme-hue,145) calc(20.9% * var(--theme-saturation,1)) 36.7% / 1.000));margin-bottom:9px}.tile-arrow{position:absolute;right:9px;top:10px;font-size:11px;color:hsl(var(--theme-hue,145) calc(10.3% * var(--theme-saturation,1)) 54.5% / 1.000)}.bookmark-tile strong{font-weight:550;display:block;font-size:9px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.bookmark-tile small{display:block;font-size:7px;color:hsl(var(--theme-hue,145) calc(9.9% * var(--theme-saturation,1)) 45.7% / 1.000);margin-top:4px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.demo-footer{font-size:7px;color:hsl(var(--theme-hue,145) calc(11.6% * var(--theme-saturation,1)) 45.7% / 1.000);display:flex;align-items:center;justify-content:space-between;padding-top:17px;gap:10px}.demo-footer>span:first-child{display:flex;align-items:center;gap:5px}.demo-footer i{width:4px;height:4px;border-radius:100%;background:hsl(var(--theme-hue,145) calc(21.9% * var(--theme-saturation,1)) 54.3% / 1.000)}.product-note{display:flex;align-items:center;gap:10px;position:absolute;left:4px;bottom:28px;padding:13px 18px;background:#fffdf5;border:1px solid hsl(var(--theme-hue,145) calc(25.3% * var(--theme-saturation,1)) 85.3% / 1.000);border-radius:8px;box-shadow:0 5px 12px hsl(var(--theme-hue,145) calc(22.6% * var(--theme-saturation,1)) 24.3% / 0.063);transform:rotate(-3deg);z-index:2}.note-icon{background:hsl(var(--theme-hue,145) calc(40.7% * var(--theme-saturation,1)) 89.4% / 1.000);color:hsl(var(--theme-hue,145) calc(33.9% * var(--theme-saturation,1)) 43.3% / 1.000);display:flex;align-items:center;justify-content:center;border-radius:50%;width:30px;height:30px;font-size:20px}.product-note strong{display:block;font-weight:550;font-size:10px}.product-note div>span{display:block;font-size:8px;color:hsl(var(--theme-hue,145) calc(12.0% * var(--theme-saturation,1)) 42.4% / 1.000);margin-top:3px}.try-note{position:absolute;right:22px;bottom:16px;color:hsl(var(--theme-hue,145) calc(19.0% * var(--theme-saturation,1)) 38.2% / 1.000);font-size:8px;font-style:italic;transform:rotate(-4deg)}.try-note span{font-size:24px;vertical-align:middle;display:inline-block;margin-left:3px}
.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;padding-top:29px;padding-bottom:32px;border-top:1px solid var(--line)}.benefits>div{display:flex;align-items:center;gap:16px}.benefit-icon{display:flex;align-items:center;justify-content:center;width:41px;height:41px;flex-shrink:0}.benefit-icon svg{width:29px;height:29px;fill:none;stroke:hsl(var(--theme-hue,145) calc(16.7% * var(--theme-saturation,1)) 45.7% / 1.000);stroke-width:1.2;stroke-linejoin:round;stroke-linecap:round}.benefits p{margin:0;line-height:1.8}.benefits strong{font-size:12px;display:block;font-weight:550}.benefits p>span{font-size:11px;display:block;color:var(--muted)}
.how-section{background:hsl(var(--theme-hue,145) calc(25.7% * var(--theme-saturation,1)) 93.1% / 1.000);padding:72px 0 65px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:44px}.section-heading h2,.examples-copy h2,.faq-section h2{font-size:43px;line-height:1.1;letter-spacing:-1.6px;margin-bottom:0}.section-heading h2 em,.examples-copy h2 em,.faq-section h2 em{font-size:1.1em;letter-spacing:-.9px}.section-heading>p{font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:2px}.section-heading .eyebrow,.examples-copy .eyebrow,.faq-section .eyebrow{margin-bottom:17px;font-size:9px;letter-spacing:1.4px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.step-number{display:flex;align-items:center;gap:16px;color:hsl(var(--theme-hue,145) calc(15.7% * var(--theme-saturation,1)) 47.5% / 1.000);font-family:var(--serif);font-size:26px;margin-bottom:21px}.step-number>span{height:1px;background:hsl(var(--theme-hue,145) calc(20.5% * var(--theme-saturation,1)) 83.7% / 1.000);flex:1}.steps h3{font-size:18px;letter-spacing:-.4px;margin-bottom:12px}.steps p{font-size:12px;line-height:1.9;color:var(--muted);max-width:292px;min-height:68px;margin-bottom:19px}.step-illustration{height:58px;display:flex;align-items:center}.mini-links{padding-left:4px}.mini-links span{width:44px;height:44px;border:3px solid hsl(var(--theme-hue,145) calc(25.7% * var(--theme-saturation,1)) 93.1% / 1.000);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;margin-left:-4px;box-shadow:0 2px 3px hsl(var(--theme-hue,145) calc(22.6% * var(--theme-saturation,1)) 24.3% / 0.039);background:#f6e9e0;color:#b66a55}.mini-links span:nth-child(2){background:#fff;color:hsl(var(--theme-hue,145) calc(4.8% * var(--theme-saturation,1)) 32.9% / 1.000);font-family:Georgia,serif}.mini-links span:nth-child(3){background:#edddd3;color:#b77d66}.mini-links span:last-child{border:1px dashed hsl(var(--theme-hue,145) calc(19.0% * var(--theme-saturation,1)) 68.0% / 1.000);color:hsl(var(--theme-hue,145) calc(13.4% * var(--theme-saturation,1)) 50.2% / 1.000);margin-left:7px;font-size:24px;background:none}.mini-folders{gap:6px}.mini-folders>span{font-size:10px;border:1px solid hsl(var(--theme-hue,145) calc(23.1% * var(--theme-saturation,1)) 82.2% / 1.000);background:hsl(var(--theme-hue,145) calc(44.4% * var(--theme-saturation,1)) 96.5% / 1.000);padding:9px 11px;border-radius:4px;color:hsl(var(--theme-hue,145) calc(20.2% * var(--theme-saturation,1)) 38.8% / 1.000)}.mini-address{gap:14px;background:hsl(var(--theme-hue,145) calc(33.3% * var(--theme-saturation,1)) 97.6% / 1.000);border:1px solid hsl(var(--theme-hue,145) calc(21.6% * var(--theme-saturation,1)) 85.5% / 1.000);border-radius:7px;height:39px;margin-top:10px;font-size:11px;color:hsl(var(--theme-hue,145) calc(13.6% * var(--theme-saturation,1)) 49.0% / 1.000);max-width:270px;padding:10px 14px}.mini-address span:nth-child(2){flex:1}
.examples-section{padding-top:88px;padding-bottom:88px;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.examples-copy>p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.9;max-width:350px;margin:23px 0 25px}.example-switcher{display:flex;flex-direction:column;gap:5px;max-width:342px}.example-switcher button{display:flex;align-items:center;gap:13px;text-align:left;border:1px solid transparent;background:transparent;padding:13px 15px;border-radius:6px;font-size:12px;color:hsl(var(--theme-hue,145) calc(12.9% * var(--theme-saturation,1)) 44.1% / 1.000)}.example-switcher button.active{background:hsl(var(--theme-hue,145) calc(33.3% * var(--theme-saturation,1)) 92.4% / 1.000);border-color:hsl(var(--theme-hue,145) calc(27.8% * var(--theme-saturation,1)) 85.9% / 1.000);color:var(--ink)}.example-switcher button:hover{background:hsl(var(--theme-hue,145) calc(33.3% * var(--theme-saturation,1)) 93.5% / 1.000)}.example-switcher button span:first-child{font-size:17px;line-height:1}.example-switcher button span:last-child{margin-left:auto}.example-board{border:1px solid hsl(var(--theme-hue,145) calc(19.5% * var(--theme-saturation,1)) 84.9% / 1.000);background:hsl(var(--theme-hue,145) calc(34.7% * var(--theme-saturation,1)) 90.4% / 1.000);border-radius:12px;padding:28px 30px 22px;overflow:hidden}.example-board-top{display:flex;justify-content:space-between;font-size:8px;font-weight:550;letter-spacing:1px;color:hsl(var(--theme-hue,145) calc(17.6% * var(--theme-saturation,1)) 42.4% / 1.000);margin-bottom:33px;gap:12px}.example-board h3{font-size:35px;line-height:1.1;letter-spacing:-1px;margin-bottom:13px;font-family:var(--serif)}.example-board>p{color:hsl(var(--theme-hue,145) calc(14.4% * var(--theme-saturation,1)) 42.2% / 1.000);font-size:11px;margin-bottom:25px;line-height:1.7;min-height:19px}.example-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-height:140px}.example-link{background:hsl(var(--theme-hue,145) calc(53.8% * var(--theme-saturation,1)) 97.5% / 1.000);border:1px solid hsl(var(--theme-hue,145) calc(25.7% * var(--theme-saturation,1)) 86.3% / 1.000);border-radius:6px;display:flex;align-items:center;gap:10px;padding:13px;min-width:0}.example-link .site-icon{margin:0;flex-shrink:0;width:28px;height:28px;font-size:14px}.example-link>div{min-width:0}.example-link strong{font-size:10px;font-weight:550;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.example-link small{font-size:8px;color:hsl(var(--theme-hue,145) calc(14.2% * var(--theme-saturation,1)) 44.3% / 1.000);display:block;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.example-link:hover{border-color:hsl(var(--theme-hue,145) calc(29.4% * var(--theme-saturation,1)) 53.3% / 1.000)}.example-bottom{margin-top:24px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:8px;color:hsl(var(--theme-hue,145) calc(17.5% * var(--theme-saturation,1)) 41.4% / 1.000)}.example-bottom button{background:none;border:0;padding:5px 0;font-size:9px;font-weight:600;color:hsl(var(--theme-hue,145) calc(33.7% * var(--theme-saturation,1)) 32.0% / 1.000)}.example-bottom button span{margin-left:8px}
.faq-section{border-top:1px solid var(--line);padding-top:65px;padding-bottom:80px;display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.text-link{font-size:11px;font-weight:500;display:inline-block;margin-top:28px}.text-link:hover{text-decoration:underline;text-underline-offset:4px}.text-link span{margin-left:12px}.questions details{border-bottom:1px solid var(--line)}.questions summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:20px 0;font-size:13px;cursor:pointer;gap:15px}.questions summary::-webkit-details-marker{display:none}.questions summary>span{color:hsl(var(--theme-hue,145) calc(14.1% * var(--theme-saturation,1)) 48.8% / 1.000);font-size:20px;font-weight:400}.questions details[open] summary>span{transform:rotate(45deg)}.questions details p{font-size:12px;line-height:1.9;color:var(--muted);max-width:470px;padding:0 30px 15px 0;margin:0}
.closing{background:var(--teal);color:hsl(var(--theme-hue,145) calc(43.8% * var(--theme-saturation,1)) 93.7% / 1.000);border-radius:13px;text-align:center;padding-top:53px;padding-bottom:43px;position:relative;overflow:hidden;max-width:1196px}.closing-star{position:absolute;right:74px;top:50px;color:hsl(var(--theme-hue,145) calc(27.4% * var(--theme-saturation,1)) 60.6% / 1.000);font-size:100px;line-height:1;transform:rotate(12deg)}.closing .eyebrow{font-size:9px;color:hsl(var(--theme-hue,145) calc(24.0% * var(--theme-saturation,1)) 76.3% / 1.000);margin-bottom:17px}.closing h2{font-size:49px;line-height:1.08;letter-spacing:-1.7px;margin-bottom:25px}.closing h2 em{color:hsl(var(--theme-hue,145) calc(55.3% * var(--theme-saturation,1)) 79.8% / 1.000);font-size:1.1em}.button.cream{background:hsl(var(--theme-hue,145) calc(46.2% * var(--theme-saturation,1)) 89.8% / 1.000);border-color:hsl(var(--theme-hue,145) calc(46.2% * var(--theme-saturation,1)) 89.8% / 1.000);color:hsl(var(--theme-hue,145) calc(35.2% * var(--theme-saturation,1)) 20.6% / 1.000);font-size:12px;padding:14px 23px;gap:34px}.button.cream:hover{background:#fff}.closing-footnote{font-size:9px;color:hsl(var(--theme-hue,145) calc(14.5% * var(--theme-saturation,1)) 75.7% / 1.000);margin:16px 0 0}.site-footer{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;padding-top:40px;padding-bottom:28px;align-items:center}.site-footer .brand{font-size:20px;gap:7px}.site-footer>p{font-size:10px;color:hsl(var(--theme-hue,145) calc(10.6% * var(--theme-saturation,1)) 46.1% / 1.000);grid-column:1;margin:10px 0 0}.site-footer>div{display:flex;gap:25px;grid-column:2;grid-row:1;justify-content:flex-end;font-size:10px}.site-footer>small{font-size:8px;text-align:right;color:hsl(var(--theme-hue,145) calc(11.8% * var(--theme-saturation,1)) 46.7% / 1.000);grid-column:2;grid-row:2}.site-footer>div a:hover{text-decoration:underline;text-underline-offset:4px}
dialog{border:1px solid hsl(var(--theme-hue,145) calc(21.2% * var(--theme-saturation,1)) 87.1% / 1.000);border-radius:14px;padding:30px;width:min(440px,calc(100% - 32px));color:var(--ink);box-shadow:0 20px 80px hsl(var(--theme-hue,145) calc(53.2% * var(--theme-saturation,1)) 15.1% / 0.251);background:var(--cream)}dialog::backdrop{background:hsl(var(--theme-hue,145) calc(45.2% * var(--theme-saturation,1)) 16.5% / 0.376);backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between}.dialog-heading .eyebrow{font-size:9px}.close-dialog{border:0;background:none;font-size:28px;padding:0 3px;color:hsl(var(--theme-hue,145) calc(10.4% * var(--theme-saturation,1)) 49.0% / 1.000)}dialog h2{font-family:var(--serif);font-size:41px;letter-spacing:-1px;margin:12px 0}dialog p{font-size:12px;line-height:1.75;color:var(--muted)}dialog label{display:block;font-size:11px;font-weight:600;margin:17px 0 7px}dialog input,dialog select{display:block;width:100%;border:1px solid hsl(var(--theme-hue,145) calc(20.0% * var(--theme-saturation,1)) 84.3% / 1.000);background:white;border-radius:6px;padding:12px;font-size:12px;color:var(--ink)}dialog .button{width:100%;margin-top:8px}.form-error{color:#a23d27;font-size:11px}.form-error:empty{margin:0}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:hsl(var(--theme-hue,145) calc(54.0% * var(--theme-saturation,1)) 19.6% / 1.000);color:#fff;padding:14px 23px;border-radius:8px;box-shadow:0 6px 25px hsl(var(--theme-hue,145) calc(32.6% * var(--theme-saturation,1)) 18.6% / 0.145);font-size:13px;z-index:10;transition:opacity .2s,transform .2s;max-width:calc(100% - 32px);text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1450px){.wrap{max-width:1360px;padding-left:50px;padding-right:50px}.hero{gap:50px;padding-top:60px;padding-bottom:85px}.hero h1{font-size:85px}.hero-detail{font-size:14px;max-width:380px}.hero-product{padding:28px 28px 70px}.demo-content{padding:26px 26px 20px}.demo-heading h2{font-size:22px}.bookmark-tile{padding:15px 12px 13px}.bookmark-tile strong{font-size:10px}.bookmark-tile small{font-size:8px}.site-icon{width:29px;height:29px}.closing{max-width:1260px}}
@media(max-width:1100px){.wrap{padding-left:30px;padding-right:30px}.site-header nav{gap:18px;font-size:11px}.header-actions{gap:15px}.hero{gap:25px;padding-top:35px}.hero h1{font-size:64px}.hero-actions{gap:14px}.hero-actions .button{padding:14px 16px;gap:18px}.text-button{font-size:10px;gap:5px}.hero-product{padding:21px 18px 65px}.demo-content{padding:18px 16px 15px}.demo-heading h2{font-size:17px}.sun{font-size:33px}.category-tabs{gap:1px}.category-tabs button{padding:6px 7px}.product-note{left:0}.try-note{font-size:7px;right:14px;bottom:10px}.benefits{gap:20px}.benefits>div{gap:10px}.benefits strong{font-size:11px}.benefits p>span{font-size:10px}.steps{gap:30px}.examples-section{gap:55px}.example-board{padding:25px 22px 20px}.closing{margin-left:30px;margin-right:30px}.closing-star{right:42px;font-size:80px}.mini-folders>span{padding:8px;font-size:9px}}
@media(max-width:850px){.site-header nav{display:none}.site-header{min-height:88px}.hero{grid-template-columns:1fr;gap:42px;padding-top:35px;padding-bottom:45px}.hero-copy{text-align:center}.hero-copy .eyebrow{justify-content:center}.hero h1{font-size:76px}.hero-description{font-size:21px}.hero-detail{margin-left:auto;margin-right:auto;max-width:420px}.hero-actions{justify-content:center;gap:25px}.hero-actions .button{padding:16px 22px;gap:25px}.text-button{font-size:12px}.hero-product{max-width:610px;width:100%;margin:auto;padding:24px 30px 70px}.demo-content{padding:24px}.demo-heading h2{font-size:23px}.demo-heading p{font-size:11px}.demo-topline{font-size:9px}.sample-label{font-size:8px}.search-bar{height:45px}.search-bar select{font-size:11px;width:98px}.search-bar input{font-size:11px}.category-tabs button{font-size:10px;padding:7px 12px}.add-bookmark{width:27px;height:27px}.bookmark-tile{padding:14px 12px}.bookmark-tile strong{font-size:11px}.bookmark-tile small{font-size:9px}.site-icon{width:30px;height:30px;font-size:17px}.demo-footer{font-size:8px}.product-note{left:5px;bottom:26px}.product-note strong{font-size:12px}.product-note div>span{font-size:9px}.try-note{font-size:9px;bottom:15px;right:22px}.benefits{padding-top:24px;padding-bottom:27px;gap:16px}.benefits>div{flex-direction:column;align-items:flex-start;gap:6px}.how-section{padding:55px 0}.steps{gap:23px}.steps p{min-height:113px}.steps h3{font-size:16px}.mini-folders{flex-wrap:wrap;gap:4px}.mini-folders>span{padding:6px}.mini-folders>span:last-child{display:none}.mini-address{font-size:10px;gap:9px;padding:10px}.examples-section{gap:35px;padding-top:65px;padding-bottom:65px}.section-heading h2,.examples-copy h2,.faq-section h2{font-size:36px}.example-board h3{font-size:31px}.example-links{gap:7px}.example-link{padding:10px 8px;gap:7px}.example-link strong{font-size:9px}.example-link small{font-size:7px}.example-link .site-icon{width:24px;height:24px;font-size:12px}.example-bottom{flex-direction:column;align-items:flex-start;gap:7px}.example-board-top{font-size:7px}.faq-section{gap:40px;padding-top:50px;padding-bottom:60px}.closing-star{font-size:60px;right:25px;top:40px}.closing h2{font-size:44px}}
@media(max-width:600px){.wrap{padding-left:22px;padding-right:22px}.announcement{font-size:9px;padding:9px 12px}.announcement>span{display:none}.site-header{min-height:78px;gap:12px}.brand{font-size:23px;gap:7px}.brand img{width:27px;height:32px}.header-actions{gap:15px}.header-actions .button{padding:10px 12px;font-size:10px;gap:12px}.header-actions .sign-in{font-size:10px}.hero{padding-top:30px;gap:37px;padding-bottom:36px}.hero-copy .eyebrow{font-size:8px;letter-spacing:1px;gap:6px;margin-bottom:19px}.tiny-star{font-size:19px}.hero h1{font-size:65px;letter-spacing:-3px;margin-bottom:21px}.hero h1 em{letter-spacing:-1.6px}.hero-description{font-size:18px;margin-bottom:13px}.hero-detail{font-size:12px;line-height:1.85;max-width:315px;margin-bottom:23px}.hero-actions{gap:18px}.hero-actions .button{font-size:12px;padding:15px 18px;gap:20px}.text-button{font-size:10px;gap:5px}.microcopy{font-size:9px}.hero-product{padding:19px 12px 69px;border-radius:13px;margin-left:-7px;width:calc(100% + 14px)}.product-caption{font-size:7px;letter-spacing:1.3px;margin-bottom:14px}.demo-content{padding:17px 13px 14px}.browser-chrome{font-size:7px;height:29px;padding:0 9px}.browser-chrome>span:nth-child(2){padding:4px 18px}.demo-topline{font-size:7px;letter-spacing:.7px}.sample-label{font-size:7px}.demo-heading{padding:21px 0 18px;gap:5px}.demo-heading p{font-size:9px}.demo-heading h2{font-size:18px;letter-spacing:-.6px;max-width:240px}.sun{font-size:30px}.search-bar{height:39px;margin-bottom:16px}.search-bar select{font-size:9px;width:82px;margin-left:8px}.search-bar input{font-size:9px;padding:0 7px}.search-bar button{padding:8px}.category-tabs button{font-size:9px;padding:6px 9px}.add-bookmark{width:23px;height:23px}.bookmark-grid{gap:7px;min-height:173px}.bookmark-tile{padding:11px 8px 10px}.site-icon{width:26px;height:26px;font-size:14px}.bookmark-tile strong{font-size:9px}.bookmark-tile small{font-size:7px}.demo-footer{font-size:6.5px;padding-top:14px}.product-note{left:0;bottom:26px;padding:10px 12px;gap:8px}.note-icon{width:26px;height:26px;font-size:17px}.product-note strong{font-size:10px}.product-note div>span{font-size:7.5px}.try-note{font-size:7px;right:14px;bottom:8px}.benefits{grid-template-columns:1fr;gap:20px;padding-top:25px;padding-bottom:31px}.benefits>div{flex-direction:row;align-items:center;gap:15px}.benefits strong{font-size:12px}.benefits p>span{font-size:11px}.benefit-icon{width:35px}.how-section{padding:45px 0 42px}.section-heading{display:block;margin-bottom:28px}.section-heading h2,.examples-copy h2,.faq-section h2{font-size:38px}.section-heading>p{font-size:12px;margin-top:20px}.steps{grid-template-columns:1fr;gap:26px}.step-number{margin-bottom:12px;font-size:24px}.steps h3{font-size:19px;margin-bottom:10px}.steps p{min-height:0;max-width:100%;margin-bottom:14px;font-size:12px}.step-illustration{height:45px}.mini-links span{width:41px;height:41px}.mini-folders>span{font-size:10px;padding:9px 12px}.mini-folders>span:last-child{display:block}.mini-address{height:38px;font-size:11px;max-width:275px;margin-top:2px}.examples-section{grid-template-columns:1fr;gap:28px;padding-top:48px;padding-bottom:48px}.examples-copy>p:not(.eyebrow){font-size:12px;margin:19px 0;max-width:100%}.example-switcher{max-width:none}.example-switcher button{font-size:12px}.example-board{padding:25px 23px}.example-board-top{font-size:8px;margin-bottom:27px}.example-board h3{font-size:37px}.example-board>p{font-size:11px}.example-links{gap:9px}.example-link{padding:12px 9px;gap:9px}.example-link .site-icon{width:28px;height:28px;font-size:14px}.example-link strong{font-size:10px}.example-link small{font-size:8px}.example-bottom{flex-direction:row;align-items:center;font-size:7px;gap:8px}.example-bottom button{font-size:9px}.faq-section{grid-template-columns:1fr;gap:25px;padding-top:42px;padding-bottom:45px}.text-link{margin-top:23px}.questions summary{font-size:12px;padding:18px 0}.questions details p{font-size:12px}.closing{margin-left:15px;margin-right:15px;padding-top:42px;padding-bottom:35px;border-radius:10px}.closing h2{font-size:38px;letter-spacing:-1px}.closing-star{font-size:38px;right:17px;top:24px;opacity:.65}.closing .eyebrow{font-size:8px;letter-spacing:1.2px}.site-footer{display:flex;flex-direction:column;align-items:flex-start;padding-top:30px;padding-bottom:26px;gap:14px}.site-footer>p{margin:0}.site-footer>div{font-size:10px;gap:24px;margin-top:7px}.site-footer>small{text-align:left;font-size:8px;margin-top:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}