.pad-scene{--ease-out:cubic-bezier(.23,1,.32,1);isolation:isolate;position:relative}.pad-paper-layers{z-index:-1;pointer-events:none;position:absolute;inset:0}.pad-yellow-paper{clip-path:polygon(0 7%,27% 0,63% 10%,100% 5%,100% 97%,69% 91%,33% 100%,0 92%);width:100%;height:32%;transition:transform .22s var(--ease-out), translate .22s var(--ease-out);background:#ffd12e;position:absolute;top:57%;left:0;transform:rotate(-2deg)}.pad-yellow-paper svg{width:100%;height:100%}.pad-ink-baseline{width:100%;height:1rem;color:var(--text-primary);position:absolute;bottom:0;left:0}.pad-feature-scene{aspect-ratio:1.5;justify-content:center;align-items:center;width:100%;max-width:34rem;margin-inline:auto;padding:1.5rem 3.5rem;display:flex}.pad-note-shot{z-index:2;width:100%;max-width:26rem;height:auto;transition:transform .22s var(--ease-out);border-radius:.75rem;position:relative;box-shadow:0 12px 26px -12px #00000059}.pad-capture-scene{aspect-ratio:auto;padding-block:2rem}.pad-capture-scene .pad-yellow-paper{height:37%;top:48%}.pad-shortcut-labels kbd{background:var(--background)}.pad-resume-shortcut{gap:.35rem;display:inline-flex}.pad-resume-shortcut kbd{color:#19160f;background:#fffdf5;border:1px solid #deded8;border-radius:.5rem;place-items:center;width:2.5rem;height:2.5rem;font:500 1.4rem/1 system-ui;display:grid;box-shadow:0 2px 3px #0000001f}.pad-sticky-scene{padding:0;display:block}.pad-sticky-shot{transition:transform .22s var(--ease-out)}.pad-mac-device,.pad-tablet-device{z-index:2}.pad-device-scene .pad-yellow-paper{height:31%;top:56%}.pad-doodle{pointer-events:none;width:18%;max-width:7rem;display:block;position:absolute}.pad-doodle svg,.pad-doodle-hover,.pad-doodle-entrance{width:100%;display:block}.pad-doodle-hover{transition:transform .22s var(--ease-out)}.pad-doodle-slot-0{z-index:1;top:13%;left:0;transform:rotate(-12deg)}.pad-doodle-slot-1{z-index:4;bottom:7%;right:0;transform:rotate(12deg)}.pad-doodle-slot-2{z-index:4;width:12%;top:-3%;left:49%;transform:rotate(-9deg)}.pad-doodle-slot-3{z-index:4;width:14%;bottom:10%;left:-1%;transform:rotate(-15deg)}.pad-doodle-clip{width:12%}.pad-doodle-arrow{z-index:4}.dark .pad-doodle-clip svg,.dark .pad-doodle-arrow svg{stroke:#fffdf5}.pad-scene[data-entered] .pad-doodle-entrance{animation:pad-piece-arrive .5s var(--ease-out) both}.pad-scene[data-entered] .pad-doodle-slot-1 .pad-doodle-entrance{animation-delay:50ms}.pad-scene[data-entered] .pad-doodle-slot-2 .pad-doodle-entrance{animation-delay:.1s}.pad-scene[data-entered] .pad-doodle-slot-3 .pad-doodle-entrance{animation-delay:.15s}@keyframes pad-piece-arrive{0%{opacity:0;transform:translateY(12px)rotate(-5deg)}to{opacity:1;transform:translateY(0)rotate(0)}}.pad-hero-scene{aspect-ratio:2}.pad-hero-note{height:auto;transition:transform .22s var(--ease-out);border-radius:.75rem;position:absolute;box-shadow:0 15px 35px -12px #0000004d}.pad-hero-note-left{z-index:2;width:38%;top:20%;left:3%}.pad-hero-note-center{z-index:3;width:48%;top:8%;left:27%}.pad-hero-note-right{z-index:1;width:34%;top:29%;right:3%}.pad-hero-scene .pad-doodle-slot-0{width:12%;top:8%;left:73%}.pad-hero-scene .pad-doodle-slot-1{width:14%;max-width:9rem;bottom:5%;right:0}.pad-hero-scene .pad-doodle-slot-2{width:9%;top:0;left:45%}.pad-hero-scene .pad-doodle-slot-3{width:11%;bottom:13%;left:0}.pad-hero-scene .pad-yellow-paper{height:32%;top:58%}.pad-notebook-scene{aspect-ratio:1.35;padding:1.5rem}.pad-notebook{z-index:2;width:100%;height:auto;transition:transform .22s var(--ease-out);position:relative;transform:rotate(-6deg)}.pad-notebook-scene .pad-doodle-slot-0{width:25%;top:4%;left:-1%}.pad-notebook-scene .pad-doodle-slot-1{z-index:4;width:34%;max-width:none;bottom:8%;right:-1%;transform:rotate(75deg)}.pad-notebook-scene .pad-doodle-slot-2{width:22%;top:0;left:72%;transform:rotate(16deg)}.pad-notebook-scene .pad-yellow-paper{height:44%;top:40%;transform:rotate(5deg)}.pad-landing #features article{padding-block:3.5rem;scroll-margin-top:5rem}.pad-landing #features article>figure{justify-self:center;width:100%;max-width:34rem}@media (hover:hover) and (pointer:fine){.pad-scene:hover .pad-doodle-slot-0 .pad-doodle-hover{transform:translate(-9px,-9px)rotate(-9deg)}.pad-scene:hover .pad-doodle-slot-1 .pad-doodle-hover{transform:translate(9px,-9px)rotate(11deg)}.pad-scene:hover .pad-doodle-slot-2 .pad-doodle-hover{transform:translateY(-10px)rotate(7deg)}.pad-scene:hover .pad-doodle-slot-3 .pad-doodle-hover{transform:translate(-8px,7px)rotate(-7deg)}.pad-scene:hover .pad-note-shot,.pad-scene:hover .pad-hero-note-center{transform:translateY(-5px)}.pad-scene:hover .pad-hero-note-left{transform:translate(-6px,2px)}.pad-scene:hover .pad-hero-note-right{transform:translate(6px,2px)}.pad-scene:hover .pad-yellow-paper{transform:rotate(-1deg)scaleX(1.02)}.pad-notebook-scene:hover .pad-notebook{transform:rotate(-1deg)translateY(-5px)}.pad-notebook-scene:hover .pad-yellow-paper{transform:rotate(3deg)scaleX(1.02)}}@media (max-width:639px){.pad-feature-scene{padding-inline:2rem}.pad-sticky-scene{padding:0}.pad-doodle{max-width:5rem}.pad-hero-scene{aspect-ratio:1.55}.pad-hero-note-left{width:41%;top:21%}.pad-hero-note-center{width:54%;top:10%;left:23%}.pad-hero-note-right{width:38%;top:39%}.pad-hero-scene .pad-doodle-slot-0{width:16%}.pad-hero-scene .pad-doodle-slot-1{width:20%}.pad-notebook-scene{padding:1rem}}@media (prefers-reduced-motion:reduce){.pad-scene[data-entered] .pad-doodle .pad-doodle-entrance{animation:.2s both pad-piece-fade}.pad-scene .pad-doodle-hover,.pad-scene .pad-note-shot,.pad-scene .pad-hero-note,.pad-scene .pad-yellow-paper,.pad-scene .pad-notebook{transition:none}.pad-scene:hover .pad-doodle .pad-doodle-hover,.pad-scene:hover .pad-note-shot,.pad-scene:hover .pad-hero-note{transform:none}.pad-scene:hover .pad-yellow-paper{transform:rotate(-2deg)}.pad-notebook-scene:hover .pad-yellow-paper{transform:rotate(5deg)}.pad-notebook-scene:hover .pad-notebook{transform:rotate(-6deg)}}@keyframes pad-piece-fade{0%{opacity:0}to{opacity:1}}.pad-hero-scene .pad-paper-layers,.pad-notebook-scene .pad-paper-layers{width:200vw;left:50%;right:auto;transform:translate(-50%)}.pad-hero-scene .pad-yellow-paper,.pad-notebook-scene .pad-yellow-paper{transform:none}.pad-feature-scene .pad-yellow-paper,.pad-device-scene .pad-yellow-paper{clip-path:polygon(3% 2%,95% 0,100% 5%,97% 17%,100% 29%,97% 43%,100% 57%,96% 72%,99% 87%,94% 98%,80% 95%,65% 100%,49% 96%,34% 99%,18% 96%,0 98%,2% 76%,0 54%,3% 30%);width:40%;height:45%;transform:rotate(var(--paper-angle,-9deg));top:43%;left:52%}.pad-feature-scene .pad-ink-baseline,.pad-device-scene .pad-ink-baseline{display:none}.pad-capture-scene .pad-yellow-paper{--paper-angle:-13deg;width:32%;height:52%;top:18%;left:5%}.pad-sticky-scene .pad-yellow-paper{--paper-angle:6deg;top:48%;left:18%}.pad-landing #features article.pad-sync-story>figure{max-width:none}.pad-device-scene{aspect-ratio:1.48;width:100%;max-width:66rem;margin-inline:auto}.pad-device-scene .pad-yellow-paper{--paper-angle:-7deg;width:65%;height:48%;top:15%;left:21%}.pad-mac-device,.pad-phone-device,.pad-tablet-device{filter:drop-shadow(0 16px 18px #18182b29);position:absolute}.pad-device-bezel{pointer-events:none;width:100%;height:auto;display:block;position:relative}.pad-mac-device{width:78%;top:0;left:22%}.pad-mac-display{background:#dce9e5;border-radius:2% 2% 0 0;place-items:center;width:78.342%;height:77.323%;display:grid;position:absolute;top:11.339%;left:10.829%;overflow:hidden}.pad-mac-app{border-radius:.35rem;width:auto;max-width:92%;height:90%;box-shadow:0 4px 12px #0003}.pad-tablet-device{width:32%;top:20%;left:0}.pad-tablet-display{border-radius:2.955%/2.217%;width:89.739%;height:91.733%;position:absolute;top:4.133%;left:5.13%}.pad-phone-device{width:18%;top:40%;left:27%}.pad-device-scene>.pad-phone-device{z-index:3}.pad-phone-display{border-radius:16.25%/7.475%;width:89.333%;height:95%;position:absolute;top:2.5%;left:5.333%}.pad-sync-paper{z-index:1;clip-path:polygon(0 3%,96% 0,100% 96%,4% 100%);background:#ffd12e;width:45%;height:25%;position:absolute;top:57%;left:18%;transform:rotate(9deg)}.pad-device-scene .pad-doodle-slot-0{width:13%;top:71%;left:49%}.pad-device-scene .pad-doodle-slot-1{z-index:4;width:7%;inset:22% auto auto -2%}.pad-device-scene .pad-doodle-slot-2{width:10%;top:2%;left:21%}.pad-device-scene .pad-doodle-slot-3{width:10%;bottom:10%;left:66%}@media (max-width:639px){.pad-device-scene{aspect-ratio:auto;grid-template-columns:38fr 58fr;align-items:end;gap:1rem 4%;padding-bottom:1.5rem;display:grid}.pad-mac-device,.pad-phone-device,.pad-tablet-device{width:100%;position:relative;top:auto;left:auto}.pad-mac-device{grid-column:1/-1}.pad-tablet-device{grid-area:2/2}.pad-phone-device{grid-area:2/1}.pad-device-scene .pad-yellow-paper{width:77%;height:47%;top:41%;left:12%}.pad-sync-paper{width:79%;height:24%;top:9%;left:4%}.pad-device-scene .pad-doodle-slot-0{width:15%;top:35%;left:31%}.pad-device-scene .pad-doodle-slot-1{width:10%;top:52%;left:auto;right:-1%}.pad-device-scene .pad-doodle-slot-2{z-index:4;width:13%;top:0;left:0}.pad-device-scene .pad-doodle-slot-3{width:13%;bottom:0;left:39%}}.pad-files-scene .pad-yellow-paper{--paper-angle:-12deg;height:57%;top:15%;left:7%}.pad-notebook-scene .pad-yellow-paper{height:21%;top:74%}.pad-collections-scene{aspect-ratio:1.35;padding:0}.pad-collections-scene .pad-note-shot{width:47%;position:absolute}.pad-collection-tasks{top:7%;left:2%}.pad-collection-urls{top:23%;right:2%}.pad-collections-scene .pad-yellow-paper{width:48%;height:40%;top:53%;left:14%}.pad-collections-scene .pad-doodle-slot-0{z-index:4;top:0}@media (hover:hover) and (pointer:fine){.pad-hero-scene:hover .pad-yellow-paper,.pad-notebook-scene:hover .pad-yellow-paper{transform:scaleX(1.02)}.pad-feature-scene:hover .pad-yellow-paper,.pad-device-scene:hover .pad-yellow-paper{transform:rotate(var(--paper-angle,-9deg));translate:0 -7px}}@media (prefers-reduced-motion:reduce){.pad-hero-scene:hover .pad-yellow-paper,.pad-notebook-scene:hover .pad-yellow-paper{transform:none}.pad-feature-scene:hover .pad-yellow-paper,.pad-device-scene:hover .pad-yellow-paper{transform:rotate(var(--paper-angle,-9deg));translate:none}}