@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,500&family=Poppins:wght@400;500;600;700&display=swap');
:root{--paper:#faf7f5;--ink:#073d4b;--blue:#003d50;--lime:#d5f98a;--muted:#666b66}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Poppins',Arial,sans-serif}.page{max-width:1600px;margin:auto;padding:0 5%}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:active{transform:scale(.97)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:4px}header{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d4d5ca}.brand{color:inherit;text-decoration:none;font-weight:700;font-size:19px;letter-spacing:-.8px}.brand span{display:block;font:9px monospace;letter-spacing:1.5px;margin-top:5px}.quiet{border:1px solid #c3c5ba;border-radius:30px;background:transparent;padding:10px 16px;font-size:12px}.intro{display:flex;justify-content:space-between;align-items:center;padding-top:32px}.eyebrow{font:10px monospace;letter-spacing:1.2px;display:flex;align-items:center;gap:10px}.eyebrow i{display:inline-block;color:var(--blue);font-style:normal;font-size:16px;line-height:1;flex-shrink:0}.weekend{font-weight:500;font-size:13px;line-height:1.5;margin:0;transform:rotate(-4deg)}.machine{font-family:'Playfair Display',Georgia,serif;font-weight:600;display:grid;grid-template-columns:1fr .22fr 1.1fr;align-items:center;gap:2%;font-size:clamp(54px,8.5vw,132px);letter-spacing:-.075em;margin:12px 0 5px;line-height:1.22}.reel{height:1.3em;overflow:hidden;position:relative;mask-image:none}.track{display:block;will-change:transform}.word{display:block;height:1.3em;line-height:1.3em;white-space:nowrap}.old{color:#9a8e80;text-align:right}.new{color:var(--blue)}.arrow{font-weight:400;font-size:.9em;align-self:center;color:var(--ink)}.under{display:flex;align-items:center;justify-content:space-between;margin-bottom:35px}.under p{font-weight:500;font-size:15px;line-height:1.6;margin:0}.primary{border:0;background:var(--blue);color:white;padding:16px 21px;border-radius:6px;display:flex;gap:40px;font-weight:600;font-size:14px}.primary span{font-size:20px;line-height:18px}.transformation{display:grid;grid-template-columns:1fr 1.12fr;gap:5%;position:relative}.caption{display:flex;justify-content:space-between;font:10px monospace;letter-spacing:.7px;margin-bottom:16px}.caption span+span{font:12px 'Poppins',sans-serif;letter-spacing:0;color:var(--muted)}.before{min-width:0}.papers{height:320px;position:relative;background:radial-gradient(ellipse at center,#dfddd0 0%,transparent 66%);display:grid;place-items:center}.sheet{background:#e9e7da;border:1px solid #c4c2b4;width:275px;height:294px;box-shadow:0 12px 18px #6c6a5010}.back-sheet{position:absolute;transform:rotate(-10deg) translate(-18px,7px);background:#dedbcd}.front{padding:20px 24px;transform:rotate(-4deg);position:relative;color:#69685c}.doc-top{display:flex;justify-content:space-between;font:8px monospace}.doc-top span:first-child{border:1px solid #a29f90;padding:4px;font-size:10px}.doc-top span+span{padding-top:5px}.front h2{font-family:'Playfair Display',Georgia,serif;font-size:25px;font-weight:400;line-height:1.05;margin:18px 0 10px}.front p{font:6px monospace;letter-spacing:1px}.lines{height:28px;background:repeating-linear-gradient(to bottom,#aaa798 0 1px,transparent 1px 6px);margin:12px 0 16px;opacity:.5}.worksheet{font:7px monospace}.worksheet div{border-bottom:1px solid #b9b6a7;height:14px}.front footer{display:flex;justify-content:space-between;font:7px monospace;margin-top:18px}.sticky{position:absolute;right:0;top:180px;background:#c6b6a2;box-shadow:0 5px 10px #7672501a;padding:17px 18px;font-size:15px;line-height:1.1;transform:rotate(7deg)}.dust{position:absolute;color:#a9a693}.d1{left:9%;top:35%;font-size:26px}.d2{left:17%;bottom:10%;font-size:45px}.d3{right:9%;top:10%;font-size:15px}.browser{border:1px solid #355c62;border-radius:9px;overflow:hidden;box-shadow:8px 10px 0 #d9ddc9;transform:rotate(1deg)}.chrome{display:flex;justify-content:space-between;background:#fff;padding:11px 13px;font:8px monospace;color:#657572}.dots{letter-spacing:3px;color:#a4b3ac}.portal{display:grid;grid-template-columns:49px 1fr;background:#faf7f5;min-height:285px}.portal aside{background:var(--blue);padding:10px 8px;display:flex;flex-direction:column;align-items:center;gap:10px}.portal-logo{font-size:27px;color:#fff;font-weight:700;position:relative;line-height:1;margin-bottom:10px}.portal-logo span{color:var(--lime);font-size:19px;position:absolute;right:-9px;top:-5px}.tab{border:0;background:transparent;color:#fff;width:30px;height:30px;border-radius:6px;font-size:21px}.tab.active{background:#ffffff30}.avatar{margin-top:auto;background:var(--lime);color:#243d32;display:grid;place-items:center;border-radius:50%;font-size:10px;width:24px;height:24px}.portal-content{padding:19px 22px}.portal-head{display:flex;justify-content:space-between;align-items:center;font:7px monospace;letter-spacing:1px;color:#426264}.demo{background:#e6eccc;border-radius:20px;padding:4px 6px;font-size:6px;color:#3c4f21}.portal h2{font:600 28px/1.08 'Playfair Display',Georgia,serif;letter-spacing:-1.2px;margin:17px 0 6px}.portal p{font-size:10px;color:#58706e;margin:0 0 16px}.feature{background:var(--lime);padding:15px;display:grid;grid-template-columns:1fr auto;gap:5px;border-radius:7px}.feature small{font:7px monospace;letter-spacing:.5px}.feature h3{font-size:16px;line-height:1.15;letter-spacing:-.5px;margin:6px 0 12px}.feature button{background:#003d50;color:white;border:0;border-radius:4px;padding:7px 11px;font-size:9px}.flower{font-size:72px;line-height:1;align-self:center;color:var(--blue)}.progress-line{height:5px;background:#e5e6de;border-radius:8px;margin-top:16px;overflow:hidden}.progress-line span{display:block;background:var(--blue);height:100%;transition:width .4s}.progress-meta{font-size:8px;display:flex;justify-content:space-between;margin-top:6px;color:#526e6a}.sticker{position:absolute;bottom:-10px;right:-15px;background:#c41472;color:#fff;border:1px solid #a61161;transform:rotate(-5deg);padding:12px 18px;font-size:15px;line-height:1.4;box-shadow:2px 4px 0 #93114b26}.bottom{display:flex;justify-content:space-between;gap:20px;margin:40px 0 25px;padding-top:18px;border-top:1px solid #d4d5ca;font:9px monospace;letter-spacing:.7px}.bottom span:nth-child(2){font:11px 'Poppins',sans-serif;color:var(--muted)}.checklist{display:grid;gap:9px;margin-top:15px}.checklist label{display:flex;gap:9px;align-items:center;font-size:11px;padding:9px;background:#fff;border:1px solid #dedfd5;border-radius:4px}.checklist input{accent-color:var(--blue)}.big-progress{font:600 66px 'Playfair Display',Georgia,serif;color:var(--blue);letter-spacing:-5px}.success{font-size:12px;margin-top:12px!important}.portal-content button:hover{filter:brightness(1.12)}
@media(min-width:1500px){.papers{height:360px}.portal{min-height:320px}.portal-content{padding:25px 30px}.portal h2{font-size:34px}.feature{padding:20px}.feature h3{font-size:21px}}@media(max-width:1024px){.page{padding:0 4%}.transformation{gap:3%;grid-template-columns:.9fr 1.1fr}.caption span+span{font-size:10px}.sticky{font-size:12px;padding:13px;right:-3px}.portal-content{padding:17px 14px}.portal h2{font-size:25px}.flower{font-size:58px}.bottom span:last-child{display:none}}@media(max-width:767px){header{height:74px}.brand{font-size:16px}.quiet{font-size:10px;padding:9px 11px}.intro{padding-top:27px}.eyebrow{font-size:8px;letter-spacing:.5px}.weekend{display:none}.machine{font-size:clamp(32px,9vw,68px);margin:24px 0 18px;grid-template-columns:1fr .18fr 1.15fr;gap:2%}.under{align-items:flex-start;gap:16px;margin-bottom:30px}.under p{font-size:12px;max-width:230px}.under p br{display:none}.primary{font-size:11px;padding:12px;gap:12px;white-space:nowrap}.transformation{grid-template-columns:1fr;gap:28px}.papers{height:295px}.sheet{height:275px;width:260px}.sticky{right:8%;top:170px}.caption{font-size:9px}.after{padding-bottom:12px}.portal{min-height:285px}.portal-content{padding:18px}.portal h2{font-size:29px}.feature h3{font-size:19px}.sticker{bottom:0;right:0;font-size:13px}.bottom{margin-top:30px;flex-direction:column;gap:9px}.caption span+span{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* The title treatment is scoped to the wordmark; its subtitle keeps its original type. */
.brand .brand-upgrade{display:inline-block;position:relative;background:var(--lime);padding:0 5px 2px;margin:0 0 0 3px;font:inherit;letter-spacing:inherit;transform:rotate(-4deg)}.brand-upgrade::after{content:'↗';font-size:.75em;margin-left:3px;vertical-align:top}.sticker strong{font-size:inherit}

/* Reserve horizontal room for Playfair's overhanging serifs inside the clipped reels. */
.reel{padding-inline:.16em}.word{padding-inline:.16em}

/* Small, decorative cues reinforce the interactive after preview. */
.flower{display:inline-block;transform-origin:center;animation:star-turn 30s linear infinite}
.feature{position:relative}
.demo-cursor{position:absolute;left:108px;bottom:21px;width:23px;height:27px;pointer-events:none;animation:cursor-visit 7s ease-in-out infinite}
.cursor-shape{position:absolute;inset:0;background:#fff;clip-path:polygon(0 0,0 84%,26% 64%,44% 100%,63% 91%,45% 57%,80% 54%);filter:drop-shadow(1px 1px 0 #003d50)}
.click-ring{position:absolute;left:-10px;top:-10px;width:22px;height:22px;border:2px solid #c41472;border-radius:50%;animation:cursor-click 7s ease-out infinite}
.sticker{animation:sticker-wiggle 11s ease-in-out infinite;transform-origin:75% 65%}
.feature:hover .demo-cursor,.feature:focus-within .demo-cursor{visibility:hidden}
.motion-paused .flower,.motion-paused .demo-cursor,.motion-paused .click-ring,.motion-paused .sticker{animation-play-state:paused}
@keyframes star-turn{to{transform:rotate(360deg)}}
@keyframes cursor-visit{0%,12%{opacity:0;transform:translate(42px,16px)}22%,35%{opacity:1;transform:translate(0,0)}39%{opacity:1;transform:translate(0,0) scale(.86)}43%,58%{opacity:1;transform:translate(0,0)}73%,100%{opacity:0;transform:translate(26px,12px)}}
@keyframes cursor-click{0%,35%{opacity:0;transform:scale(.35)}39%{opacity:.9;transform:scale(.5)}48%{opacity:0;transform:scale(1.7)}49%,100%{opacity:0}}
@keyframes sticker-wiggle{0%,75%,89%,100%{transform:rotate(-5deg)}79%{transform:rotate(-3deg)}83%{transform:rotate(-6.5deg)}86%{transform:rotate(-4deg)}}
@media(prefers-reduced-motion:reduce){.flower,.demo-cursor,.click-ring,.sticker{animation:none!important}.demo-cursor{display:none}}

.under a.primary{text-decoration:none}