:root{--ink:#193c35;--paper:#f9f7f0;--accent:#bb5033;--muted:#6b776b;--line:#dce1d6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit}h1,h2,h3,p{margin-top:0}button,input{font:inherit}.site-nav{height:100px;max-width:1240px;margin:auto;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.wordmark{display:flex;gap:10px;align-items:center;text-decoration:none;font-size:34px;font-weight:750;letter-spacing:-1.5px}.wordmark img{border-radius:10px}.period{color:var(--accent)}.site-nav nav{display:flex;gap:33px;align-items:center}.site-nav nav a{font-size:13px;text-decoration:none;font-weight:550}.site-nav .nav-login{padding:10px 17px;border:1px solid #becbbd;border-radius:7px;display:flex;gap:32px}.site-nav a:hover,.text-link:hover{color:var(--accent)}main{max-width:1240px;margin:auto}.hero{display:grid;grid-template-columns:1.13fr 1fr;gap:58px;align-items:center;padding:48px 0 43px}.hero-copy{padding:12px 0 4px}.eyebrow{font-size:10px;letter-spacing:1.5px;font-weight:700;color:#667568;line-height:1.55;margin:0 0 20px}.small-dot{display:inline-block;background:var(--accent);width:6px;height:6px;border-radius:50%;margin-right:7px;vertical-align:middle}.hero h1{font-size:78px;line-height:1.05;letter-spacing:-4px;font-weight:600;margin:29px 0 13px}.hero-subtitle{font-family:Georgia,'Times New Roman',serif;font-size:33px;font-style:italic;color:#64806a;line-height:1.35;letter-spacing:-.8px;margin:16px 0 23px}.hero-description{font-size:16px;line-height:1.85;color:#677563;max-width:452px;margin-bottom:28px}.hero-actions{display:flex;align-items:center;gap:25px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:38px;text-decoration:none;background:var(--ink);color:#fff9eb;padding:14px 21px;border-radius:8px;font-size:13px;font-weight:600;transition:background .2s,transform .2s}.button span{font-size:19px}.button:hover{background:#2d5b4e;transform:translateY(-2px)}.text-link{display:inline-flex;gap:18px;align-items:center;text-decoration:none;font-size:12px;font-weight:600}.hero-foot{display:flex;gap:15px;align-items:center;margin-top:35px;font-size:10px;color:#6e7b69}.prototype-tag{font-size:8px;letter-spacing:.8px;padding:5px 7px;border:1px solid #d5ddcb;border-radius:4px;color:#668059}.product-stage{height:550px;position:relative;overflow:hidden;border-radius:22px;background:#dbe3d5;isolation:isolate;background-image:linear-gradient(110deg,transparent 48%,#f5f8eb30 48%,#f5f8eb30 65%,transparent 65%)}.window-line{position:absolute;inset:60px -20px 40px 120px;border:10px solid #e8eddd;border-bottom-width:19px;transform:rotate(13deg);box-shadow:-5px 6px 16px #80916d0c;z-index:-1}.stage-caption{position:absolute;left:26px;top:23px;font-size:8px;letter-spacing:1.8px;color:#688069}.product-display{position:absolute;left:50%;top:66px;transform:translateX(-50%) rotate(-5deg);width:221px;padding:17px 16px 7px;border-radius:16px;background:linear-gradient(125deg,#eceae1,#d5d3c9);box-shadow:12px 25px 21px #2f472b24,1px 2px 1px #fff inset,1px 0 0 #a4aa97;border:1px solid #c1c4b3;display:flex;flex-direction:column;align-items:center}.product-display canvas{display:block;width:187px;height:auto;background:#fff;border:1px solid #aeb5a0;border-radius:4px}.display-brand{font-size:10px;font-weight:700;letter-spacing:-.3px;color:#7d8373;margin-top:6px}.example-note{position:absolute;right:24px;bottom:66px;background:#fffbee;box-shadow:0 9px 22px #18361f11;border-radius:9px;padding:17px 21px;transform:rotate(3deg);max-width:310px;display:flex;flex-direction:column;gap:4px;border:1px solid #eef0dc}.example-note>span{font-size:7px;letter-spacing:1.4px;color:#a06d50}.example-note strong{font-size:16px;letter-spacing:-.45px;font-weight:600}.stage-bottom{position:absolute;left:26px;right:26px;bottom:22px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#688069}.stage-number{font-family:monospace;font-size:10px}.example-switcher{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.example-switcher .eyebrow{font-size:8px;letter-spacing:1.4px;margin:0 0 3px;display:block}.example-switcher p{font-size:12px;margin:0;font-weight:600}.example-pills{display:flex;gap:10px}.example-pills button{border:1px solid #dce1d4;background:transparent;color:#61765f;border-radius:7px;padding:11px 20px;font-size:11px;cursor:pointer;transition:background .18s}.example-pills button.active{background:var(--ink);border-color:var(--ink);color:white}.example-pills button:hover:not(.active){background:#eaf0e2}.preview-disclaimer{font-size:9px;color:#838b7b;line-height:1.55;text-align:right}.section{padding:77px 0}.section-heading{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:33px}.section-heading .eyebrow{font-size:9px;margin:0 0 16px}.section-heading h2{font-size:41px;letter-spacing:-1.6px;line-height:1.18;font-weight:550;margin:0}.section-heading>p{font-size:13px;color:#778271;line-height:1.8;margin:0 0 5px}.how-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.how-grid article{border-top:1px solid var(--line);padding:26px 0 0}.step-index{font-size:11px;color:var(--accent);font-family:monospace}.how-grid h3{font-size:19px;letter-spacing:-.5px;margin:18px 0 9px;font-weight:600}.how-grid p{font-size:13px;color:#74806d;line-height:1.8;max-width:290px;margin:0}.moments-section{padding-top:22px}.moments-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.moments-grid article{min-height:330px;border-radius:15px;padding:28px;background:#ecebdc;display:flex;flex-direction:column;align-items:flex-start}.moments-grid article.moment-quiet{background:#e1eadc}.moments-grid article.moment-welcome{background:#f0e2d1}.moment-type{font-size:8px;letter-spacing:1.1px;color:#75816a}.moment-icon{width:36px;height:36px;margin:27px 0 23px;color:#48623f}.moment-icon svg{display:block;width:100%;height:100%}.moments-grid h3{font-size:27px;line-height:1.25;letter-spacing:-1px;font-weight:500;margin:0 0 17px}.moments-grid p{font-size:11px;line-height:1.8;color:#718063;margin:0;max-width:240px}.partner-band{background:var(--ink);padding:54px 62px;border-radius:20px;display:flex;align-items:center;justify-content:space-between;gap:50px;margin-bottom:60px;color:#f9f5e8;overflow:hidden}.partner-band .eyebrow{color:#a9bfaa;font-size:8px;letter-spacing:1.5px}.partner-band h2{font-size:42px;line-height:1.16;letter-spacing:-1.8px;font-weight:500;margin:17px 0}.partner-band p{font-size:12px;color:#b5c8b3;line-height:1.85;margin-bottom:23px}.button.cream{background:#f6f1df;color:var(--ink)}.button.cream:hover{background:#fffdf5}.partner-message{width:230px;min-width:230px;background:#f7f2df;color:var(--ink);padding:25px 29px 29px;border-radius:9px;transform:rotate(7deg);display:flex;flex-direction:column;box-shadow:8px 13px 0 #102d2860;margin-right:32px}.message-label{font-size:7px;letter-spacing:1px;color:#869071}.partner-message .moment-icon{margin:24px 0}.partner-message strong{font-size:28px;letter-spacing:-1px;line-height:1.16;font-weight:600;margin-bottom:19px}.partner-message>span:last-child{font-size:10px;line-height:1.8;color:#718063}.site-footer{max-width:1240px;margin:auto;padding:27px 0 38px;display:flex;gap:26px;align-items:center;justify-content:space-between;border-top:1px solid var(--line)}.site-footer .wordmark{font-size:27px}.site-footer p{font-size:11px;margin:0;color:#7c8774}.site-footer>span,.site-footer>a:last-child{font-size:10px;color:#7c8774;text-decoration:none}.skip-link{position:absolute;top:-100px;left:20px;z-index:99;background:white;padding:12px}.skip-link:focus{top:10px}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
@media(max-width:1300px){.site-nav,main,.site-footer{margin-left:32px;margin-right:32px}.hero{gap:30px}.hero h1{font-size:70px}}
@media(max-width:1000px){.site-nav{height:83px}.hero{grid-template-columns:1fr 1fr;gap:28px;padding-top:37px}.hero h1{font-size:57px;letter-spacing:-2.8px}.hero-subtitle{font-size:28px}.hero-description{font-size:14px}.hero .eyebrow{font-size:8px}.hero-actions{flex-wrap:wrap;gap:17px}.product-stage{height:505px}.product-display{width:207px;padding:15px 14px 7px;top:70px}.product-display canvas{width:177px}.example-note{right:12px;bottom:66px;padding:14px 17px;max-width:260px}.example-note strong{font-size:13px}.hero-foot{gap:10px;flex-wrap:wrap;font-size:9px;margin-top:24px}.example-switcher{flex-wrap:wrap}.example-pills{gap:7px}.example-pills button{padding:10px 15px}.preview-disclaimer{display:none}.section{padding:57px 0}.section-heading h2{font-size:35px}.section-heading>p{font-size:11px}.how-grid{gap:28px}.moments-grid{gap:15px}.moments-grid article{padding:24px}.moments-grid h3{font-size:23px}.partner-band{padding:42px;gap:35px}.partner-band h2{font-size:34px}.partner-message{width:190px;min-width:190px;margin-right:7px;padding:23px}.partner-message strong{font-size:24px}}
@media(max-width:740px){.site-nav,main,.site-footer{margin-left:24px;margin-right:24px}.site-nav nav{gap:20px}.site-nav nav a{font-size:11px}.site-nav .nav-login{gap:20px;padding:9px 12px}.wordmark{font-size:29px}.wordmark img{width:29px;height:29px}.hero{grid-template-columns:1fr;gap:30px;padding-top:27px}.hero h1{font-size:65px;line-height:1.02;letter-spacing:-3.5px;margin-top:22px}.hero-description{max-width:460px}.hero-actions{gap:25px}.hero-subtitle{font-size:29px}.hero-foot{margin-top:25px}.product-stage{height:440px}.product-display{width:183px;top:34px;left:47%}.product-display canvas{width:154px}.stage-caption{font-size:7px;top:18px}.example-note{right:30px;bottom:49px}.stage-bottom{bottom:16px}.example-switcher{gap:15px}.example-switcher>div:first-child{width:100%}.example-pills{width:100%}.example-pills button{flex:1;text-align:center}.section{padding:43px 0}.section-heading{align-items:start;flex-direction:column;gap:18px}.section-heading h2{font-size:33px}.section-heading>p{font-size:12px}.section-heading>p br{display:none}.how-grid{gap:21px}.how-grid h3{font-size:16px}.how-grid p{font-size:11px}.moments-grid{grid-template-columns:1fr}.moments-grid article{min-height:240px;padding:27px;display:grid;grid-template-columns:1fr 62px;gap:15px 20px;align-items:center}.moment-type{grid-column:1/3}.moments-grid h3{grid-row:2;grid-column:1;font-size:28px;margin:0}.moments-grid .moment-icon{grid-row:2;grid-column:2;margin:0;width:40px;height:40px}.moments-grid p{grid-column:1/3;max-width:none;font-size:12px}.partner-band{padding:35px;gap:28px;margin-bottom:35px}.partner-band h2{font-size:31px}.partner-band p br{display:none}.partner-message{display:none}.site-footer{flex-wrap:wrap;gap:15px}.site-footer p{margin-left:auto}.site-footer>span{width:70%}}
@media(max-width:430px){.site-nav,main,.site-footer{margin-left:19px;margin-right:19px}.site-nav{height:77px}.site-nav nav>a:not(.nav-login){display:none}.hero h1{font-size:58px;letter-spacing:-3px}.hero .eyebrow{font-size:7px;letter-spacing:1.05px}.hero-subtitle{font-size:27px}.hero-description{font-size:13px}.hero-actions{gap:20px}.button{padding:12px 16px;font-size:12px;gap:22px}.text-link{font-size:11px}.product-stage{height:426px}.product-display{left:46%}.example-note{right:15px;padding:13px 16px}.example-pills button{font-size:10px;padding:10px}.how-grid{grid-template-columns:1fr;gap:22px}.how-grid article{display:grid;grid-template-columns:35px 1fr;gap:7px 9px;padding-top:18px}.how-grid h3{margin:0;font-size:18px}.how-grid .step-index{padding-top:3px}.how-grid p{grid-column:2;max-width:none;font-size:12px}.section-heading h2{font-size:31px}.partner-band{padding:28px}.partner-band h2{font-size:30px}.site-footer .wordmark{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.stage-caption,.stage-bottom{color:#4f654b}.preview-disclaimer{color:#61705d}.prototype-tag{color:#48673d}.moment-type,.message-label{color:#59684f}.site-footer p,.site-footer>span,.site-footer>a:last-child{color:#5f6b59}.section-heading>p,.how-grid p,.moments-grid p{color:#5e6e56}.hero-description{color:#5d6e58}

@media(max-width:1000px){.preview-disclaimer{display:block;width:100%;text-align:left;font-size:10px}}

.quick-section{padding:62px 0 72px}.quick-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:25px}.quick-head .eyebrow{margin-bottom:14px}.quick-head h2{font-size:39px;line-height:1.17;letter-spacing:-1.5px;font-weight:550;margin:0}.quick-head>p{max-width:410px;margin:0 0 3px;color:#5e6e56;font-size:12px;line-height:1.8}.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.quick-card{position:relative;min-height:178px;padding:25px 58px 25px 25px;border:1px solid #d9dfd2;border-radius:14px;text-decoration:none;background:#f5f3e9;display:grid;grid-template-columns:35px 1fr;gap:20px;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s}.quick-card:hover{transform:translateY(-3px);border-color:#bdc9b8;background:#fffaf0;box-shadow:0 13px 28px #17352d0d}.quick-card.quick-primary{background:#193c35;color:#f8f4e7;border-color:#193c35}.quick-card.quick-primary:hover{background:#244d43;border-color:#244d43}.quick-index{font:10px/1.2 monospace;color:#bb5033;padding-top:4px}.quick-primary .quick-index{color:#e78d70}.quick-kicker{display:block;font-size:8px;letter-spacing:1.25px;font-weight:700;color:#70806b;margin-bottom:10px}.quick-primary .quick-kicker{color:#aec2ac}.quick-card h3{font-size:22px;letter-spacing:-.65px;line-height:1.2;font-weight:600;margin:0 0 9px}.quick-card p{font-size:11px;line-height:1.7;color:#61705d;max-width:320px;margin:0}.quick-primary p{color:#b9cab8}.quick-arrow{position:absolute;right:22px;top:21px;font-size:20px;line-height:1}.quick-primary .quick-arrow{color:#f8f4e7}@media(max-width:740px){.quick-section{padding:48px 0 55px}.quick-head{align-items:start;flex-direction:column;gap:13px}.quick-head h2{font-size:32px}.quick-head>p{max-width:520px}.quick-grid{grid-template-columns:1fr}.quick-card{min-height:145px}.site-nav nav{gap:15px}}@media(max-width:430px){.quick-head h2{font-size:30px}.quick-card{padding:22px 48px 22px 20px;grid-template-columns:28px 1fr;gap:11px}.quick-card h3{font-size:20px}.quick-card p{font-size:10.5px}}