:root{--cream:#FFF6EA;--berry:#8E1F4E;--berryd:#6E1539;--teal:#0E4D5A;--teal2:#0E5A66;--blush:#F8DAD3;--tang:#F0613A;--ink:#3B2A33;--mut:#7B6A72;--line:#E8D9CC}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--cream);color:var(--ink);font:400 16px/1.55 "Instrument Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden;
 background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .45  0 0 0 0 .3  0 0 0 0 .25  0 0 0 .07 0'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>")}
a{color:inherit;text-decoration:none}
b{font-weight:600}i,em,s,u{font-style:normal;text-decoration:none}
h1,h2,.logo{font-family:Fraunces,serif;font-weight:400;color:var(--berry)}
h1 em,h2 em{font-style:italic;font-weight:300}
.logo{font-size:27px;font-weight:500;letter-spacing:-.02em;line-height:1;position:relative;display:inline-block;padding-bottom:6px}
.logo svg{position:absolute;left:0;bottom:0;width:100%;height:7px}
.logo.sm{font-size:21px}
.btn{display:inline-block;background:var(--berry);color:#FFF6EA;font:500 15px "Instrument Sans";padding:11px 18px;border-radius:8px;border:0;cursor:pointer;white-space:nowrap}
.btn:hover{background:var(--berryd)}.btn.sm{font-size:14px;padding:9px 15px}
.top{display:flex;align-items:center;gap:40px;padding:22px 64px}
.top nav{display:flex;gap:26px;margin-left:24px;font-size:14.5px;color:var(--mut);flex:1}
.top nav a:hover{color:var(--berry)}
.hand{font-family:Caveat,cursive;font-weight:600;color:var(--teal2);font-size:22px;line-height:1.05}
/* hero */
.hero{display:grid;grid-template-columns:372px 1fr;gap:48px;padding:40px 0 88px 64px;position:relative}
.hero-copy{padding-top:60px;position:relative}
h1{font-size:34px;line-height:1.15;letter-spacing:-.015em}
.hero-copy p{margin:18px 0 26px;color:var(--ink);font-size:17px;line-height:1.5}
.join{display:flex;gap:8px}
.join input{flex:1;min-width:0;font:400 15px "Instrument Sans";padding:11px 12px;border:1px solid #D9C6B6;border-radius:8px;background:#FFFBF5;color:var(--ink)}
.hero-copy small{display:block;margin-top:14px;color:var(--mut);font-size:13px}
.h1n{position:absolute;left:30px;top:410px;width:290px;display:flex;flex-direction:column}
.h1n svg{width:150px;margin:2px 0 0 120px;transform:rotate(8deg)}
.comp{position:relative;height:700px}
.photo{margin:0;overflow:hidden;background:#d8c9bc}
.photo img{display:block;width:100%;height:100%;object-fit:cover}
.p1{position:absolute;right:0;top:0;width:340px;height:590px;border-radius:4px 4px 120px 4px;box-shadow:16px 16px 0 var(--blush)}
.p1 img{object-position:50% 40%}
.stamp{position:absolute;width:112px;height:112px;left:660px;top:-10px;transform:rotate(-14deg);opacity:.92}
/* app */
.app{--f:"Inter",sans-serif;position:absolute;left:0;top:70px;width:740px;font-family:var(--f);font-size:12.5px;background:#FFFDF9;border:1px solid #DCC9B8;border-radius:12px;box-shadow:0 34px 60px -30px rgba(80,20,40,.45),0 2px 6px rgba(80,20,40,.08);color:var(--ink);line-height:1.4}
.app b{font-weight:600}.app i{color:#9A8A91}
.atop{display:flex;align-items:center;gap:22px;padding:10px 16px;border-bottom:1px solid var(--line);background:#FBF1E5;border-radius:12px 12px 0 0}
.org{display:flex;align-items:center;gap:8px}
.orgmark{width:22px;height:22px;border-radius:6px;background:var(--berry);color:#fff;display:grid;place-items:center;font-weight:600;font-size:11px}
.tabs{display:flex;gap:4px;flex:1}
.tabs a{padding:5px 10px;border-radius:6px;color:#6b5a62}
.tabs a.on{background:#fff;box-shadow:0 0 0 1px var(--line);color:var(--berry);font-weight:600}
.tabs em{margin-left:6px;background:var(--tang);color:#fff;font-size:10px;font-weight:600;border-radius:8px;padding:1px 6px}
.av{width:24px;height:24px;border-radius:50%;background:#EBD9CB;color:#6b4a40;display:inline-grid;place-items:center;font:600 9.5px Inter;flex:none}
.bar{display:flex;align-items:flex-end;justify-content:space-between;padding:16px 18px 10px}
.ph h3{font:500 20px/1.15 Fraunces,serif;color:var(--berry)}
.ph p{color:#6b5a62;margin-top:3px}
.draft{color:#B05A00;font-weight:500}
.abtn{background:var(--berry);color:#fff;font:500 12.5px Inter;padding:7px 12px;border-radius:7px;display:inline-block}
.sum{display:grid;grid-template-columns:repeat(4,1fr);margin:6px 18px 12px;border:1px solid var(--line);border-radius:8px;background:#fff}
.sum div{padding:10px 14px;border-left:1px solid var(--line)}.sum div:first-child{border-left:0}
.sum i{display:block;font-size:11.5px}
.sum b{font-size:18px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.note{display:flex;gap:9px;align-items:center;margin:0 18px 10px;padding:8px 12px;background:#FFEFD6;border:1px solid #F0D5A5;border-radius:8px;color:#5a3d00}
.dot{width:7px;height:7px;border-radius:50%;background:var(--tang);flex:none}
.app table{width:calc(100% - 36px);margin:0 18px;border-collapse:collapse;font-variant-numeric:tabular-nums}
.app th{font-weight:500;color:#9A8A91;text-align:right;padding:6px 8px;border-bottom:1px solid var(--line);font-size:11.5px}
.app td{text-align:right;padding:6px 8px;border-bottom:1px solid #F1E6DB}
.app th:first-child,.app td:first-child{text-align:left;padding-left:0}
.who{display:flex;gap:9px;align-items:center}.who .av{width:22px;height:22px}
.who span:last-child{display:flex;flex-direction:column;line-height:1.2;text-align:left}.who i{font-size:11px}
.otn{color:#B05A00;font-size:11px;margin-left:3px}
.warn{color:#B05A00;font-weight:500}.mut{color:#C9BBB2}
.foot{margin:8px 18px 14px;color:#9A8A91;font-size:11.5px}
/* sections */
.sec{padding:96px 64px}
.sec.blush{background:var(--blush)}
.two{display:grid;grid-template-columns:360px 1fr;gap:96px;max-width:1280px;align-items:center}
h2{font-size:27px;line-height:1.22;letter-spacing:-.012em}
.txt p{margin-top:14px}
.blush .txt p{color:#4d3640}
/* receipt */
.rwrap{position:relative;margin-left:80px}
.receipt{width:400px;background:#FFFDF8;padding:22px 24px 34px;font:13px/1.5 "IBM Plex Mono",monospace;color:#3b2f33;transform:rotate(1.2deg);box-shadow:0 18px 30px -18px rgba(90,30,40,.4);
 -webkit-mask:linear-gradient(#000 0 0) top/100% calc(100% - 9px) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/18px 9px repeat-x;mask:linear-gradient(#000 0 0) top/100% calc(100% - 9px) no-repeat,conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) bottom/18px 9px repeat-x}
.rh{display:flex;flex-direction:column;margin-bottom:8px}.rh b{font:500 18px Fraunces,serif;color:var(--berry)}.rh span{color:#8a777f;font-size:12px}
.rl{display:flex;justify-content:space-between;padding:2px 0}
.rl.t{font-weight:500;margin-top:4px}.rl.big{font-size:17px;color:var(--berry);margin-top:6px}
.receipt hr{border:0;border-top:1px dashed #cdb9ad;margin:9px 0}
.rf{margin-top:14px;color:#8a777f;font-size:11.5px;line-height:1.4}
.circle{position:relative}
.circle::after{content:"";position:absolute;left:-10px;right:-10px;top:-4px;bottom:-4px;border:2px solid var(--tang);border-radius:50%;transform:rotate(-3deg)}
.h2n{position:absolute;right:-70px;top:70px;display:flex;align-items:flex-start;gap:4px;width:150px}
.h2n svg{width:70px;flex:none}
.h2n span{margin-top:-6px}
/* onboarding */
.onb{grid-template-columns:600px 1fr;gap:80px}
.ob-vis{position:relative;height:480px}
.p2{position:absolute;left:0;top:30px;width:520px;height:340px;border-radius:120px 4px 4px 4px;box-shadow:-16px 16px 0 var(--blush)}
.p2 img{object-position:50% 50%}
.phone{position:absolute;left:350px;top:70px;width:240px;height:420px;background:#fff;border:7px solid #2A1B22;border-radius:32px;box-shadow:0 30px 50px -26px rgba(60,10,30,.55);font-family:Inter;overflow:hidden}
.notch{width:70px;height:16px;background:#2A1B22;border-radius:0 0 10px 10px;margin:0 auto}
.ph-in{padding:16px 14px;display:flex;flex-direction:column;gap:8px}
.ph-in>i{font-size:11px;color:#9A8A91}
.ph-in>b{font:500 18px/1.2 Fraunces,serif;color:var(--berry);margin-bottom:6px}
.step{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;font-size:12.5px;color:#6b5a62}
.step .ck{width:15px;height:15px;border-radius:50%;border:1.5px solid #CDBBB0;flex:none}
.step.done .ck{background:var(--teal2);border-color:var(--teal2)}.step.done{color:var(--ink)}
.step.cur{border-color:var(--berry);color:var(--ink);font-weight:500}.step.cur .ck{border-color:var(--berry)}
.step em{margin-left:auto;font-weight:600;color:var(--berry)}
.fakebtn{margin-top:10px;background:var(--berry);color:#fff;text-align:center;padding:10px;border-radius:9px;font-size:13px;font-weight:500}
.hires{margin-top:30px;font:14px Inter}
.hh{display:flex;justify-content:space-between;font-weight:600;padding-bottom:8px;border-bottom:1.5px solid var(--berry);color:var(--berry)}
.hh em{font-weight:400;font-size:12px;color:var(--mut)}
.tr{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}
.nm{display:flex;flex-direction:column;line-height:1.3}.nm i{color:var(--mut);font-size:12px}
.st{display:flex;gap:10px;font-size:12px}
.st s{color:var(--mut);position:relative;padding-left:15px}
.st s::before{content:"";position:absolute;left:0;top:3px;width:9px;height:9px;border-radius:50%;border:1.5px solid #CDBBB0}
.st s.ok{color:var(--ink)}.st s.ok::before{background:var(--teal2);border-color:var(--teal2)}
/* bands */
.band{padding:96px 64px}
.band.teal{background:var(--teal);color:#E6F1F2}
.band.teal h2{color:#FFF6EA;max-width:560px}
.band h2 em{color:#FFC9B8}
.rrows{margin-top:44px;max-width:1180px}
.rr{display:grid;grid-template-columns:300px 1fr;gap:80px;align-items:center;padding:30px 0;border-top:1px solid rgba(255,246,234,.22)}
.rr:last-child{border-bottom:1px solid rgba(255,246,234,.22)}
.rt b{font:italic 400 24px Fraunces,serif;color:#FFC9B8;display:block;margin-bottom:6px}
.rt p{color:#BFD7DA;max-width:260px}
.mu{width:460px;background:#FFFDF9;color:var(--ink);border-radius:12px;padding:14px 18px;font:13px Inter;box-shadow:0 20px 30px -22px rgba(0,0,0,.6)}
.mh{display:flex;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid var(--line);margin-bottom:8px}.mh span{color:#9A8A91;font-size:12px}
.mu .big{display:flex;justify-content:space-between;align-items:baseline;padding:4px 0 10px}
.mu .big i{color:#9A8A91}.mu .big b{font:400 26px Fraunces,serif;color:var(--berry)}
.mf{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;color:#6b5a62}
.mf u{color:var(--berry);font-weight:600}
.ln{display:grid;grid-template-columns:1fr 110px 80px;padding:7px 0;border-bottom:1px solid #F1E6DB}.ln:last-child{border:0}
.ln i{color:#9A8A91}.ln u{color:var(--berry);font-weight:600;text-align:right}.ln u.done{color:var(--teal2)}
.smalln{margin-top:16px;color:#8FB3B8;font-size:12px}
/* industries */
.ind{grid-template-columns:380px 1fr;gap:96px;align-items:center}
.p3{width:380px;height:520px;border-radius:4px 120px 4px 4px;box-shadow:-16px 16px 0 #CFE6EA}
.p3 img{object-position:50% 40%}
.sub{margin-top:12px;max-width:520px}
.defs{margin-top:28px;max-width:660px}
.defs div{display:grid;grid-template-columns:210px 1fr;gap:20px;padding:15px 0;border-top:1px solid var(--line);position:relative}
.defs div:last-child{border-bottom:1px solid var(--line)}
.defs dt{font:italic 400 20px Fraunces,serif;color:var(--berry)}.defs dd{color:var(--ink);align-self:center}
.h3n{position:absolute;right:-90px;top:12px;transform:rotate(-6deg)}
.band.berry{background:var(--berry);color:#FBE3E3;padding:104px 64px}
.pr{display:grid;grid-template-columns:1fr 440px;gap:120px;max-width:1180px;align-items:center}
.band.berry h2{color:#FFF6EA;font-size:30px}.band.berry h2 em{color:#FFB9A3}
.band.berry .txt p{color:#F2C9D2;max-width:380px;margin-top:16px}
.ticket{position:relative;background:#FFF6EA;color:var(--ink);padding:26px 28px 28px;border-radius:6px;transform:rotate(-1.2deg);box-shadow:0 26px 40px -24px rgba(30,0,15,.6);
 -webkit-mask:radial-gradient(circle 11px at 0 58%,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 11px at 100% 58%,#0000 98%,#000) right/51% 100% no-repeat;mask:radial-gradient(circle 11px at 0 58%,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 11px at 100% 58%,#0000 98%,#000) right/51% 100% no-repeat}
.tk-top{display:flex;justify-content:space-between;font:500 20px Fraunces,serif;color:var(--berry);padding-bottom:14px;margin-bottom:16px;border-bottom:2px dashed #D9BFAE}
.tk-top span{font:400 12px "IBM Plex Mono";color:var(--mut);align-self:center}
.ticket label{display:block;font-size:12.5px;color:var(--mut);margin-bottom:6px}
.ticket input{width:100%;font:400 15px "Instrument Sans";padding:11px 12px;border:1px solid #D9C6B6;border-radius:8px;background:#fff;margin-bottom:14px}
.ticket .btn{width:100%}
.tk-note{position:absolute;right:20px;bottom:-30px;color:#FFB9A3;transform:rotate(-3deg)}
.pr .hand{color:#FFB9A3}
footer{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:32px 64px 44px;color:var(--mut);font-size:13px}
footer p{max-width:560px;text-align:right}
@media(max-width:900px){
 .top{padding:16px 20px;gap:0;justify-content:space-between}.top nav{display:none}
 .logo{font-size:24px}
 .hero{grid-template-columns:1fr;gap:20px;padding:12px 0 56px 0}
 .hero-copy{padding:20px 20px 0}
 h1{font-size:30px}
 .join{flex-direction:column}
 .h1n{display:none}
 .comp{height:auto;padding:0 20px;display:flex;flex-direction:column}
 .p1{position:relative;width:100%;height:230px;border-radius:4px 80px 4px 4px;box-shadow:10px 10px 0 var(--blush);order:1}
 .app{position:relative;top:auto;width:100%;margin-top:-56px;order:2;font-size:12px}
 .stamp{left:auto;right:10px;top:24px;width:92px;height:92px}
 .atop .tabs a:not(.on){display:none}.atop{justify-content:space-between}.tabs{flex:none}
 .bar{flex-direction:column;align-items:flex-start;gap:10px}
 .sum{grid-template-columns:1fr 1fr}.sum div:nth-child(3){border-left:0}.sum div:nth-child(n+3){border-top:1px solid var(--line)}
 .c-h,.c-t,.c-x{display:none}
 .sec,.band,.band.berry{padding:60px 20px}
 .two,.onb,.ind,.pr{grid-template-columns:1fr;gap:36px}
 h2{font-size:25px}
 .rwrap{margin:0}.receipt{width:100%;max-width:400px}.h2n{display:none}
 .ob-vis{height:430px}.p2{width:100%;height:280px;border-radius:80px 4px 4px 4px;box-shadow:-10px 10px 0 var(--blush)}.phone{left:auto;right:0;top:130px;width:216px;height:300px}
 .rr{grid-template-columns:1fr;gap:18px;padding:26px 0}.mu{width:100%}
 .p3{width:100%;height:340px;border-radius:4px 80px 4px 4px;box-shadow:-10px 10px 0 #CFE6EA}
 .defs div{grid-template-columns:1fr;gap:2px}.h3n{right:0;top:10px}
 .ticket{margin-bottom:24px}
 footer{flex-direction:column;align-items:flex-start;gap:12px;padding:28px 20px 36px}footer p{text-align:left}
}

.h1n{top:590px;width:380px}.h1n span{max-width:260px}
.h1n svg{width:330px;margin:4px 0 0 40px;transform:none}
.receipt{width:440px;font-size:14px}
.h2n{left:calc(100% + 6px);right:auto;top:118px;flex-direction:column;width:130px;gap:0}
.h2n svg{width:90px;margin-left:-60px}
.h2n span{margin:0 0 0 0;order:-1;transform:rotate(-4deg)}
.rr{grid-template-columns:340px 1fr;gap:60px;padding:34px 0}
.mu{width:600px;font-size:14.5px;padding:18px 24px}
.mu .big b{font-size:32px}
.rt b{font-size:28px}.rt p{font-size:16px;max-width:280px}
.rrows{max-width:1100px}
.band.teal h2{font-size:27px}
@media(max-width:900px){.rr{grid-template-columns:1fr;gap:18px}.mu{width:100%}.h2n{display:none}.receipt{width:100%}.h1n{display:none}}
.rrows{max-width:1312px}
.rr{grid-template-columns:1fr 620px;gap:40px}
.mu{width:620px}
.rt p{max-width:340px}
@media(max-width:900px){.rr{grid-template-columns:1fr}.mu{width:100%}}
.stamp{z-index:5}
@media(max-width:900px){.ob-vis{height:500px}.phone{height:370px;top:120px}.ticket{transform:rotate(-.8deg);margin:0 6px 24px}}