:root{--ink:#171815;--muted:#77796f;--paper:#f7f6f0;--lime:#d6f36a;--orange:#ff744f;--lavender:#b9a7ff;--line:#e5e4dc;--dark:#171815;--font:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.announcement{height:34px;display:flex;align-items:center;justify-content:center;gap:9px;background:var(--lime);font-size:11px;font-weight:700;letter-spacing:.035em}.pulse,.mini-dot,.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#5e7c19}.site-header{height:84px;padding:0 6.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(247,246,240,.92);backdrop-filter:blur(14px);z-index:20}.brand{display:flex;align-items:center;gap:10px;font-family:var(--display);font-size:23px;font-weight:700;letter-spacing:-1.2px}.brand-mark{width:35px;height:35px;color:var(--ink);display:grid;place-items:center}.brand-mark svg{width:100%}.brand-dot{color:#91b92e}.brand small{display:block;font:700 8px var(--font);letter-spacing:2px;margin-top:2px}.nav-links{display:flex;align-items:center;gap:32px;font-size:12px;font-weight:600}.nav-links>a:not(.nav-cta){transition:color .2s}.nav-links>a:not(.nav-cta):hover,.text-link:hover{color:#7a9f1c}.nav-cta{background:var(--ink);color:white;padding:14px 18px;border-radius:5px;transition:transform .25s,background .25s}.nav-cta span,.button span{margin-left:15px}.nav-cta:hover{background:#40521b;transform:translateY(-2px)}.menu-toggle{display:none;border:0;background:none;font-size:25px}.section-wrap{padding-left:9%;padding-right:9%}.hero{min-height:640px;padding-top:78px;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;overflow:hidden}.hero-copy{position:relative;z-index:2;padding-bottom:40px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:700;letter-spacing:2px}.eyebrow-line{width:24px;height:2px;background:#8da934;display:inline-block}.hero h1,.section-heading h2,.customize h2,.about h2,.cta-inner h2{font-family:var(--display);font-size:clamp(46px,5.4vw,76px);line-height:.99;letter-spacing:-4.6px;margin:25px 0}.hero h1 span,.section-heading h2 span,.trust-content h2 span,.customize h2 span,.about h2 span,.cta-inner h2 span{color:#8fae35}.hero-lead{max-width:430px;color:#66685e;line-height:1.8;font-size:14px}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:5px;padding:16px 20px;font-size:12px;font-weight:700;transition:transform .25s,box-shadow .25s,background .25s;cursor:pointer}.button:hover{transform:translateY(-3px);box-shadow:0 10px 24px #16171120}.button-primary{background:var(--ink);color:white}.button-primary:hover{background:#39461d}.text-link{font-size:12px;font-weight:700;border-bottom:1px solid #b7b7a8;padding-bottom:5px;transition:color .2s}.text-link span{margin-left:9px}.hero-proof{display:flex;align-items:center;gap:14px;margin-top:45px}.avatar-stack{display:flex}.avatar-stack span{width:29px;height:29px;border-radius:50%;border:2px solid var(--paper);display:grid;place-items:center;font-size:9px;font-weight:700;margin-left:-5px;background:var(--lime)}.avatar-stack span:nth-child(2){background:var(--lavender)}.avatar-stack span:nth-child(3){background:var(--orange)}.hero-proof p{font-size:10px;line-height:1.7;color:#77796f;margin:0}.hero-proof strong{font-size:11px;color:var(--ink)}.hero-art{height:485px;position:relative;display:grid;place-items:center;isolation:isolate}.art-grid{position:absolute;inset:7% 0;background-image:radial-gradient(#bfc0b4 1px,transparent 1px);background-size:19px 19px;opacity:.45;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}.orbit{position:absolute;border:1px solid #dfded4;border-radius:50%;width:390px;height:390px}.orbit-two{width:300px;height:300px;border-style:dashed;opacity:.8}.keychain{position:absolute;filter:drop-shadow(0 22px 13px #24241d25);transition:transform .45s cubic-bezier(.2,.8,.2,1)}.hero-art:hover .keychain-orange{transform:translate(-9px,-8px) rotate(-8deg)}.hero-art:hover .keychain-lilac{transform:translate(12px,7px) rotate(8deg)}.hero-art:hover .keychain-green{transform:translate(4px,-5px) rotate(-2deg)}.keychain-orange{left:23%;top:22%;transform:rotate(-12deg);z-index:3}.keychain-lilac{right:10%;top:34%;transform:rotate(12deg);z-index:2}.keychain-green{left:36%;bottom:8%;transform:rotate(5deg);z-index:4}.ring{width:33px;height:33px;border:7px solid #c9c9c1;border-radius:50%;margin:0 auto -2px;position:relative;z-index:2;box-shadow:inset 0 1px 2px #777,0 2px 2px #fff}.key-face{width:145px;height:155px;border:7px solid #ff9c7d;border-radius:30px 30px 35px 35px;background:var(--orange);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#38221c;box-shadow:inset 0 0 0 2px #ffc0a9,0 7px 0 #d95136;position:relative}.key-face b{font:700 19px/.95 var(--display);letter-spacing:-.7px;text-align:center}.key-face small{font-size:7px;letter-spacing:2px;margin-top:12px}.face-star{font-size:31px;margin-bottom:9px}.keychain-lilac .key-face{background:var(--lavender);border-color:#d4caff;box-shadow:inset 0 0 0 2px #dcd5ff,0 7px 0 #8e79d7;color:#2b2448}.face-flower{font-size:35px;margin-bottom:5px}.keychain-green .key-face{width:126px;height:137px;background:#cce96b;border-color:#e3f8a3;box-shadow:inset 0 0 0 2px #e7f8b7,0 7px 0 #91b92e;color:#273317}.face-wave{font-size:37px;margin-bottom:3px}.floating-tag{position:absolute;background:#fffef9;padding:12px 14px;font-size:8px;font-weight:700;letter-spacing:1.4px;box-shadow:0 8px 28px #17181512;z-index:5}.tag-top{top:9%;right:1%;transform:rotate(3deg)}.tag-bottom{bottom:5%;right:0;display:flex;align-items:center;gap:8px;transform:rotate(-2deg)}.mini-dot{background:var(--orange)}.spark{position:absolute;color:#93b833;font-size:27px}.spark-one{top:25%;right:14%}.spark-two{bottom:20%;left:12%;color:var(--orange)}.hero-bottom{position:absolute;bottom:25px;left:9%;right:9%;border-top:1px solid var(--line);padding-top:15px;display:flex;justify-content:space-between;font-size:8px;font-weight:700;letter-spacing:1.5px;color:#77796f}.trust-strip{padding-top:110px;padding-bottom:105px;border-top:1px solid var(--line)}.section-kicker{font-size:9px;font-weight:700;letter-spacing:2px;color:#77796f;margin:0 0 32px}.trust-content{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%}.trust-content h2{font:600 37px/1.1 var(--display);letter-spacing:-1.6px;margin:0}.trust-content h2 span{color:#8fae35}.trust-right>p{font-size:13px;line-height:1.8;color:#696b61;max-width:440px;margin:0 0 27px}.brand-placeholders{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.brand-placeholders span{min-height:66px;display:grid;place-items:center;text-align:center;border:1px dashed #cfcec2;border-radius:4px;color:#a0a093;font-size:8px;letter-spacing:1px;font-weight:700}.note,.demo-disclaimer{font-size:10px;color:#96968b}.projects{padding-top:95px;padding-bottom:110px;background:#eeede5}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:43px}.section-heading h2{font-size:54px;letter-spacing:-3px;margin:19px 0 0}.section-heading h2 span{color:#8fae35}.project-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:18px}.project-card{min-width:0}.project-visual{height:310px;position:relative;overflow:hidden;border-radius:5px;isolation:isolate}.project-card-wide .project-visual{height:355px}.visual-coral{background:#f6a38c}.visual-blue{background:#b8c8f3}.visual-green{background:#cde77c}.project-label{position:absolute;top:18px;left:18px;font-size:8px;font-weight:700;letter-spacing:1.3px;z-index:4}.sample-key{position:absolute;width:116px;height:125px;border:6px solid #fff9;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;filter:drop-shadow(0 14px 10px #3332);transition:transform .35s}.project-card:hover .sample-key{transform:translateY(-7px) rotate(-5deg)}.sample-key span{font-size:25px;margin-bottom:5px}.sample-key b{font:700 14px/.95 var(--display);text-align:center}.sample-sun{background:#ffcf56;left:24%;top:24%;transform:rotate(-12deg)}.sample-lime{background:#d9f27c;right:14%;bottom:16%;transform:rotate(9deg)}.sample-cloud{background:#fff4e4;left:34%;top:25%;transform:rotate(8deg);color:#353b54}.sample-pink{background:#ff8ca8;left:31%;top:25%;transform:rotate(-7deg);color:#57273b}.visual-caption{position:absolute;bottom:17px;left:18px;font:600 18px/1.05 var(--display);letter-spacing:-.5px}.project-meta{display:flex;justify-content:space-between;align-items:center;padding:18px 2px 0}.project-meta h3{font:600 15px var(--display);margin:0 0 6px}.project-meta p{font-size:10px;color:#77796f;margin:0}.round-arrow{width:31px;height:31px;border:1px solid #d2d1c7;border-radius:50%;display:grid;place-items:center;transition:all .25s}.project-card:hover .round-arrow{background:var(--ink);color:white;transform:rotate(45deg)}.demo-disclaimer{margin-top:28px}.customize{padding-top:105px;padding-bottom:105px}.customize-panel{background:var(--dark);color:#f7f6f0;border-radius:7px;min-height:550px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.customize-copy{padding:65px 0 55px 12%}.customize-copy .eyebrow{font-size:9px;color:#d1d2c6}.customize h2{font-size:53px;letter-spacing:-3px;line-height:1.02;margin:25px 0}.customize h2 span{color:var(--lime)}.customize-copy>p{font-size:12px;line-height:1.9;color:#b9bab0;max-width:340px}.check-list{list-style:none;padding:0;margin:25px 0 30px;display:grid;gap:12px;font-size:11px;color:#e5e5db}.check-list span{color:var(--lime);margin-right:10px}.button-light{background:var(--lime);color:var(--ink)}.button-light:hover{background:#e4ff93}.customize-copy>small{display:block;color:#8d8f83;font-size:9px;margin-top:14px}.customize-demo{position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 50%,#36392c,#20211c 65%);padding:35px}.demo-window{width:min(100%,350px);background:#f6f5ee;color:var(--ink);border-radius:7px;box-shadow:0 25px 60px #0005;transform:rotate(2deg);overflow:hidden}.window-top{height:39px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e4e3d9;font-size:8px;font-weight:700;letter-spacing:.8px}.window-dots{display:flex;gap:4px}.window-dots i{width:6px;height:6px;background:#d0cfc4;border-radius:50%}.upload-zone{margin:16px;border:1px dashed #c7c7b8;border-radius:5px;min-height:245px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:#fbfaf5}.upload-icon{width:43px;height:43px;border-radius:50%;background:var(--lime);display:grid;place-items:center;font-size:24px}.upload-zone h3{font:600 17px var(--display);margin:15px 0 5px}.upload-zone p{font-size:10px;line-height:1.7;color:#77796f}.upload-zone a{font-size:10px;font-weight:700;border-bottom:1px solid #999;margin-top:9px;padding-bottom:4px}.upload-zone a span{margin-left:8px}.demo-footer{display:flex;justify-content:space-between;padding:0 17px 15px;font-size:7px;font-weight:700;letter-spacing:.7px;color:#77796f}.status-dot{background:#8fb53b;width:6px;height:6px;margin-right:5px}.sticker{position:absolute;padding:13px 16px;border-radius:4px;background:var(--orange);color:#2a211d;font:700 17px/1 var(--display);box-shadow:0 8px 20px #0003;transform:rotate(-10deg)}.sticker small{font:700 7px var(--font);letter-spacing:1px}.sticker-one{top:13%;right:5%}.sticker-two{bottom:13%;left:5%;background:var(--lavender);transform:rotate(8deg);font-size:13px}.process{padding-top:20px;padding-bottom:115px}.heading-aside{max-width:310px;font-size:12px;line-height:1.8;color:#77796f;margin:0 0 5px}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.step-card{background:#efeee7;padding:23px 20px 27px;min-height:225px;position:relative;overflow:hidden;border-radius:4px;transition:transform .25s,background .25s}.step-card:hover{transform:translateY(-5px);background:#e8edda}.step-number{font-size:9px;font-weight:700;color:#8a8c80;letter-spacing:1px}.step-icon{font-size:25px;color:#91b332;margin:26px 0 15px}.step-card h3{font:600 15px var(--display);margin:0 0 10px}.step-card p{font-size:10px;line-height:1.8;color:#77796f;margin:0;max-width:220px}.step-line{position:absolute;bottom:0;left:0;width:0;height:3px;background:var(--lime);transition:width .3s}.step-card:hover .step-line{width:100%}.about{padding-top:80px;padding-bottom:100px;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;background:#edede5}.about-graphic{height:370px;background:#d7f16c;border-radius:5px;position:relative;overflow:hidden}.about-shape{position:absolute;border:2px solid #1d2412;border-radius:50%;width:330px;height:330px;left:13%;top:7%}.shape-two{width:245px;height:245px;left:25%;top:20%;border-style:dashed;transform:rotate(25deg)}.about-stamp{position:absolute;left:35%;top:27%;width:135px;height:135px;border-radius:50%;background:var(--ink);color:white;display:grid;place-content:center;text-align:center;font-size:12px;line-height:1.1;letter-spacing:1px;transform:rotate(-12deg);box-shadow:0 10px 0 #779327}.about-stamp b{color:var(--lime);font-size:10px;margin-top:6px}.about-note{position:absolute;bottom:21px;left:23px;font-size:9px;line-height:1.7;font-weight:700;letter-spacing:1.4px}.about-copy h2{font-size:52px;letter-spacing:-3px}.about-copy p{font-size:12px;line-height:1.9;color:#77796f;max-width:410px}.about-copy .text-link{display:inline-block;margin-top:15px}.cta-section{margin-top:100px;margin-bottom:90px;min-height:385px;background:#e8e6dc;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:5px;padding-top:60px;padding-bottom:60px}.cta-inner{position:relative;z-index:2}.cta-inner .eyebrow{justify-content:center}.cta-inner h2{font-size:57px;letter-spacing:-3.4px;margin:20px 0}.cta-inner h2 span{color:#8fae35}.cta-inner>p{font-size:12px;line-height:1.8;color:#6e7066;max-width:430px;margin:0 auto 24px}.cta-actions{display:flex;justify-content:center;gap:12px}.button-outline{border-color:#c5c4b8}.button-outline:hover{background:#fffdf6}.cta-inner>small{display:block;font-size:9px;color:#8a8b80;margin-top:16px}.cta-orb{position:absolute;border:1px solid #d0d0c4;border-radius:50%;width:300px;height:300px}.orb-a{left:-120px;top:-100px}.orb-b{right:-100px;bottom:-170px;width:370px;height:370px}.cta-cross{position:absolute;right:17%;top:17%;font-size:40px;color:#a3c84a}.site-footer{border-top:1px solid var(--line);padding:32px 9% 26px;display:grid;grid-template-columns:1.2fr 1fr 1fr;align-items:center;gap:20px}.footer-brand{font-size:19px}.footer-brand .brand-mark{font-size:28px}.site-footer>p{font-size:10px;color:#77796f}.footer-links{display:flex;justify-content:flex-end;gap:20px;font-size:10px;color:#77796f}.footer-links a:hover{color:var(--ink)}.copyright{grid-column:1/-1;font-size:9px;color:#a0a094;padding-top:17px;border-top:1px solid var(--line)}@media(min-width:1400px){.section-wrap{padding-left:max(9%,calc((100% - 1180px)/2));padding-right:max(9%,calc((100% - 1180px)/2))}.hero{min-height:720px}}@media(max-width:950px){.site-header{padding:0 5%}.nav-links{gap:17px}.section-wrap{padding-left:6%;padding-right:6%}.hero{padding-top:55px;min-height:580px}.hero h1{font-size:57px}.hero-art{transform:scale(.9)}.hero-bottom{left:6%;right:6%}.customize-copy{padding-left:9%}.customize h2{font-size:45px}.project-visual,.project-card-wide .project-visual{height:280px}.project-grid{gap:12px}.sample-key{transform:scale(.85)}.about{gap:6%}.site-footer{padding-left:6%;padding-right:6%}}@media(max-width:700px){.announcement{font-size:9px}.site-header{height:70px}.brand{font-size:21px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;left:0;right:0;top:69px;padding:22px 6% 27px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0;box-shadow:0 15px 25px #0000000a}.nav-links.open{display:flex}.nav-links>a:not(.nav-cta){padding:14px 0;border-bottom:1px solid var(--line)}.nav-cta{margin-top:16px;text-align:center}.hero{grid-template-columns:1fr;padding-top:58px;padding-bottom:70px;min-height:0}.hero-copy{padding-bottom:0}.hero h1{font-size:clamp(48px,12vw,67px);letter-spacing:-3.6px}.hero-lead{font-size:13px}.hero-actions{flex-wrap:wrap;gap:20px}.hero-art{height:380px;margin-top:12px;transform:none}.orbit{width:310px;height:310px}.orbit-two{width:245px;height:245px}.keychain-orange{left:18%;top:18%;transform:scale(.83) rotate(-12deg)}.keychain-lilac{right:7%;top:31%;transform:scale(.82) rotate(12deg)}.keychain-green{left:32%;bottom:4%;transform:scale(.8) rotate(5deg)}.hero-art:hover .keychain-orange{transform:scale(.83) translate(-5px,-5px) rotate(-8deg)}.hero-art:hover .keychain-lilac{transform:scale(.82) translate(5px,5px) rotate(8deg)}.hero-art:hover .keychain-green{transform:scale(.8) translate(3px,-3px) rotate(-2deg)}.tag-top{right:0;top:3%;font-size:7px}.tag-bottom{right:0;bottom:0;font-size:7px}.hero-bottom{left:6%;right:6%;bottom:18px;font-size:6px;letter-spacing:.6px;gap:8px}.trust-strip{padding-top:75px;padding-bottom:75px}.trust-content{grid-template-columns:1fr;gap:25px}.trust-content h2{font-size:34px}.brand-placeholders{grid-template-columns:repeat(2,1fr)}.projects{padding-top:75px;padding-bottom:80px}.section-heading{align-items:flex-start;flex-direction:column;margin-bottom:30px}.section-heading h2{font-size:45px}.section-heading>.text-link{margin-top:0}.project-grid{grid-template-columns:1fr;gap:28px}.project-visual,.project-card-wide .project-visual{height:320px}.sample-key{transform:none}.project-card:hover .sample-key{transform:translateY(-7px) rotate(-5deg)}.sample-sun{left:26%;top:24%}.sample-lime{right:17%;bottom:13%}.sample-cloud{left:34%;top:25%}.sample-pink{left:32%;top:25%}.customize{padding-top:75px;padding-bottom:75px}.customize-panel{grid-template-columns:1fr}.customize-copy{padding:42px 8% 45px}.customize h2{font-size:49px}.customize-demo{min-height:420px;padding:45px 25px}.demo-window{max-width:330px}.sticker-one{right:3%;top:8%}.sticker-two{left:3%;bottom:8%}.process{padding-bottom:75px}.heading-aside{margin-top:0}.steps-grid{grid-template-columns:repeat(2,1fr);gap:10px}.step-card{padding:18px 15px;min-height:220px}.step-icon{margin:20px 0 13px}.about{grid-template-columns:1fr;padding-top:65px;padding-bottom:70px;gap:38px}.about-graphic{height:310px}.about-shape{width:270px;height:270px;left:12%;top:7%}.shape-two{width:205px;height:205px;left:24%;top:18%}.about-stamp{left:34%;top:27%;width:120px;height:120px}.about-copy h2{font-size:46px}.cta-section{margin-top:65px;margin-bottom:60px;padding-top:65px;padding-bottom:65px}.cta-inner h2{font-size:48px}.cta-cross{right:7%;top:8%;font-size:27px}.cta-actions{flex-direction:column;align-items:stretch;max-width:280px;margin:auto}.site-footer{grid-template-columns:1fr 1fr;padding-top:27px}.site-footer>p{grid-column:1/-1;grid-row:2;margin:0}.footer-links{grid-column:1/-1;grid-row:3;justify-content:flex-start;flex-wrap:wrap}.copyright{grid-row:4}}@media(max-width:390px){.hero-actions .button{padding:15px 14px;font-size:11px}.hero-art{height:330px}.key-face{width:125px;height:135px}.keychain-green .key-face{width:110px;height:120px}.floating-tag{padding:9px;font-size:6px}.hero-bottom{font-size:5px}.steps-grid{grid-template-columns:1fr}.step-card{min-height:190px}.step-icon{margin:17px 0 10px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}