@import url('https://fonts.googleapis.com/css2?family=Public+Sans:wght@400;500;600;700;800;900&display=swap');
:root{color-scheme:light;--ink:#181714;--paper:#f7f4eb;--orange:#ed703e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Public Sans',Arial,sans-serif}a{color:inherit}.shell{width:min(1180px,calc(100% - 64px));margin-inline:auto}.skip{position:fixed;top:-100px;background:#fff;padding:15px;z-index:9}.skip:focus{top:8px}a:focus-visible{outline:3px solid #166bb3;outline-offset:6px}.topbar{display:flex;align-items:center;justify-content:space-between;padding-block:28px;border-bottom:1px solid #d9d6cd}.brand{display:flex;align-items:center;gap:10px;font-weight:800;text-decoration:none}.brand img{width:35px;height:35px}.event-link{font-size:13px;font-weight:700;text-underline-offset:4px}.hero{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:45px;padding-block:70px 65px}.eyebrow{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1.6px;display:flex;align-items:center;gap:8px}.eyebrow>span{width:8px;height:8px;border-radius:50%;background:#648952}h1{font-size:clamp(40px,4.9vw,65px);line-height:1.07;letter-spacing:-3px;margin:23px 0}h1 em{font-style:normal;color:#b64a24}.lede{font-size:17px;line-height:1.7;color:#59574f}.jump{display:inline-flex;gap:30px;align-items:center;margin-top:18px;text-decoration:none;font-size:14px;font-weight:800}.jump span{display:grid;place-items:center;border:1px solid #aaa597;border-radius:50%;width:34px;height:34px}.build-art{position:relative;height:365px}.art-orbit{position:absolute;inset:5px 0;border-radius:50%;background:#eee8d9;border:1px solid #e5ddcb}.app-window{position:absolute;left:65px;top:45px;width:290px;background:#fffdf6;border:2px solid var(--ink);border-radius:14px;transform:rotate(-5deg);box-shadow:10px 12px 0 #ded6c3}.window-bar{display:flex;gap:5px;align-items:center;border-bottom:1.5px solid var(--ink);padding:12px}.window-bar i{width:6px;height:6px;border-radius:50%;background:#aaa493}.window-bar span{font-size:10px;margin-left:40px;color:#777}.app-content{padding:20px 24px}.app-label{font-size:9px;letter-spacing:2px;font-weight:800}.app-spark{font-size:70px;color:var(--orange);line-height:1.2;margin-top:8px}.app-content strong{font-size:23px;letter-spacing:-1px}.app-lines{margin:16px 0;display:grid;gap:5px}.app-lines b{height:5px;background:#e9e3d5;border-radius:4px}.app-lines b:last-child{width:65%}.app-button{padding:10px 15px;border-radius:5px;background:var(--ink);color:white;font-size:11px;font-weight:700;display:flex;justify-content:space-between}.idea-bubble{position:absolute;top:0;left:0;z-index:1;padding:17px 22px;background:#dce9d3;border:1.5px solid var(--ink);border-radius:14px 14px 14px 0;font-weight:700;transform:rotate(3deg);font-size:15px}.idea-bubble span{margin-left:20px}.done-bubble{position:absolute;right:0;bottom:40px;background:#f5be48;padding:15px 22px;border:1.5px solid var(--ink);border-radius:30px;font-size:14px;font-weight:800;transform:rotate(6deg)}.done-bubble span{margin-right:10px}.art-caption{position:absolute;bottom:-6px;left:45px;font-size:9px;letter-spacing:1.5px;font-weight:800}.starting-points{scroll-margin-top:30px}.section-heading{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:20px}h2{font-size:25px;letter-spacing:-.8px;margin:0}.section-heading p{font-size:13px;color:#777165}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.card{padding:27px;border:1px solid #ded8ca;border-radius:16px;text-decoration:none;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s}.card:hover{transform:translateY(-5px);box-shadow:0 10px 22px #18171412}.setup{background:#ece9e0}.own{background:#f5d3bb}.templates{background:#dfe9d3}.card-number{font-size:10px;font-weight:800;letter-spacing:1.4px}.card-graphic{display:block;height:108px;padding-top:18px}.card-graphic svg{height:80px;width:100px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.card h3{font-size:23px;letter-spacing:-.7px;margin:15px 0 8px}.card p{font-size:14px;line-height:1.65;color:#504d43;margin:0 0 22px}.card-action{border-top:1px solid #18171424;padding-top:17px;margin-top:auto;display:flex;justify-content:space-between;font-size:12px;font-weight:800}.card-action b{font-size:17px}.help{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px;padding-block:60px}.help p{font-size:14px;color:#625e53;line-height:1.6}.help blockquote{margin:0;padding:26px 30px;border-left:3px solid var(--orange);font-size:19px;line-height:1.6;font-weight:600;background:#efebe0}.together{background:var(--ink);color:var(--paper);border-radius:15px;padding:32px 38px;display:flex;align-items:center;justify-content:space-between}.together p{font-size:14px;margin-bottom:0;color:#d0cbbf}.together a{font-size:13px;font-weight:700;text-underline-offset:5px}.family{padding-block:28px;font-size:11px;line-height:1.8;color:#676257}.family p{margin:0 0 8px}footer{display:flex;gap:20px;justify-content:space-between;border-top:1px solid #d9d6cd;padding-block:25px 35px;font-size:11px;font-weight:600}footer nav{display:flex;gap:20px}footer a{text-underline-offset:3px}@media(max-width:900px){.hero{gap:15px}.build-art{transform:scale(.83);transform-origin:center}.app-window{left:20px}.idea-bubble{left:-15px}.card{padding:22px}.card h3{font-size:20px}}@media(max-width:680px){.shell{width:calc(100% - 36px)}.topbar{padding-block:20px}.brand{font-size:12px;gap:7px}.brand img{width:28px}.event-link{font-size:11px}.hero{grid-template-columns:1fr;padding-block:35px 40px;gap:25px}h1{font-size:44px;letter-spacing:-2px}.lede{font-size:15px}.build-art{max-width:370px;width:100%;margin:auto;transform:none;height:340px}.app-window{left:45px;width:260px}.idea-bubble{left:0}.done-bubble{bottom:20px}.art-caption{left:30px;bottom:-15px}.section-heading{display:block}.section-heading h2{font-size:24px}.cards{grid-template-columns:1fr}.card{padding:25px;position:relative;min-height:225px}.card-graphic{position:absolute;right:25px;top:12px;height:75px;opacity:.75}.card-graphic svg{width:65px;height:65px}.card h3{margin-top:39px;font-size:24px}.card p{max-width:280px}.help{grid-template-columns:1fr;gap:18px;padding-block:38px}.help blockquote{font-size:17px}.together{padding:27px;display:block}.together a{display:inline-block;margin-top:20px}footer{display:block}footer nav{flex-wrap:wrap;gap:15px;margin-top:17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}
