@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--cream:#faf7f0;--paper:#fffdf8;--ink:#30251e;--muted:#756c63;--orange:#bd4a2b;--line:#e7dfd3;--sage:#e9eddf}*{box-sizing:border-box}body{background:var(--cream);color:var(--ink);margin:0;font-family:DM Sans,Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:5px}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em;font-family:Manrope,Arial,sans-serif;line-height:1.13}h1{margin-bottom:28px;font-size:clamp(54px,5.6vw,83px);font-weight:800}h2{margin-bottom:24px;font-size:clamp(30px,3.3vw,47px);font-weight:700}h3{letter-spacing:-.03em;margin-bottom:14px;font-size:23px}em{color:var(--orange);letter-spacing:-.055em;font-family:Georgia,serif;font-weight:400}p{color:var(--muted)}.wrap{max-width:1200px;margin:auto;padding-left:40px;padding-right:40px}.header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;max-width:1360px;margin:auto;padding:27px 48px;display:flex}.brand{letter-spacing:-1.2px;white-space:nowrap;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-size:21px;font-weight:800;display:flex}.brand-light{font-weight:400}.brand-dot{color:var(--orange)}.brand-icon{background:var(--ink);border-radius:50%;place-items:center;width:37px;height:37px;font-size:19px;display:grid}.header nav{align-items:center;gap:27px;font-size:13px;font-weight:600;display:flex}.header nav>a:not(.button):hover{color:var(--orange)}.button{background:var(--orange);color:#fff;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:18px;padding:16px 23px;font-size:14px;font-weight:600;line-height:1.3;transition:transform .2s,background .2s;display:inline-flex}.button:hover{background:#a93d22;transform:translateY(-2px)}.button.small{padding:12px 17px}.button.light{background:var(--paper);color:var(--ink);border-color:var(--line)}.button.light:hover{background:#eee8dd}.hero{grid-template-columns:1.08fr 1fr;align-items:center;gap:35px;min-height:700px;padding-top:72px;padding-bottom:70px;display:grid}.eyebrow{letter-spacing:2px;color:var(--orange);align-items:center;gap:9px;margin-bottom:24px;font-size:10px;font-weight:700;display:flex}.live-dot{background:var(--orange);border-radius:50%;width:6px;height:6px}.lead{max-width:470px;font-size:17px;line-height:1.85}.actions{align-items:center;gap:25px;margin:29px 0 17px;display:flex}.text-link{border-bottom:1px solid var(--line);padding-bottom:4px;font-size:13px;font-weight:600}.fine{font-size:11px}.muted{color:var(--muted)}.hero-art{justify-content:center;align-items:center;height:540px;display:flex;position:relative}.orbit{border:1px solid #dfd6c8;border-radius:50%;width:480px;height:480px;position:absolute}.orbit-one{background:#eee8db75}.orbit-two{border-style:dashed;width:390px;height:390px}.phone{z-index:1;background:#eeeae3;border:7px solid #302b27;border-radius:40px;width:252px;height:470px;padding:12px;position:relative;transform:rotate(7deg);box-shadow:18px 30px 55px #3c2b2429}.phone-top{justify-content:space-between;padding:0 9px;font-size:9px;font-weight:700;display:flex}.phone-notch{background:#302b27;border-radius:15px;width:90px;height:20px;position:absolute;top:7px;left:75px}.wallet-label{letter-spacing:2px;text-align:center;margin:27px 0 12px;font-size:8px;font-weight:700}.coffee-card{color:#f9f2dd;background:#52644b;border-radius:10px;padding:21px 17px 12px;box-shadow:0 6px 12px #2b332221}.card-top{letter-spacing:-1px;justify-content:space-between;align-items:center;font-family:Georgia,serif;font-size:23px;line-height:.95;display:flex}.card-rule{background:#f9f2dd50;height:1px;margin:18px 0 12px}.coffee-card p{color:#f9f2dd;margin-bottom:14px;font-size:9px}.stamps{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}.stamps>span{border:1px dashed #f9f2dd85;border-radius:50%;place-items:center;width:34px;height:34px;font-size:11px;display:grid}.stamps .stamped{color:#52644b;background:#ede7cd;border-style:solid}.card-bottom{text-align:center;margin-top:15px}.card-bottom strong{font-size:11px;display:block}.card-bottom>span{letter-spacing:1px;font-size:6px}.sample-code{color:#302b27;background:#fff;border-radius:3px;place-items:center;width:61px;height:55px;margin:13px auto 5px;display:grid}.coffee-card>small{text-align:center;color:#eee7d2;font-size:6px;display:block}.phone-bottom{background:#302b27;border-radius:3px;width:86px;height:4px;position:absolute;bottom:7px;left:76px}.floating-chip{background:var(--paper);z-index:2;border:1px solid var(--line);border-radius:9px;align-items:center;gap:12px;font-size:11px;display:flex;position:absolute;box-shadow:0 12px 30px #30251e0c}.chip-top{padding:14px 18px;top:51px;right:-9px;transform:rotate(4deg)}.chip-top svg{color:#52644b}.chip-bottom{padding:16px 20px;bottom:55px;left:0;transform:rotate(-4deg)}.chip-bottom small{color:var(--muted);font-size:9px;display:block}.chip-icon{color:var(--orange);background:#f5e6db;border-radius:9px;padding:10px;display:flex}.art-caption{letter-spacing:3px;color:var(--muted);font-size:8px;position:absolute;bottom:0}.benefit-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#efeee5;flex-wrap:wrap;justify-content:center;gap:44px;padding:24px 30px;font-size:12px;display:flex}.benefit-bar span{align-items:center;gap:10px;display:flex}.benefit-bar svg{color:#637259}.section{padding-top:85px;padding-bottom:85px}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:35px;display:flex}.section-heading h2{margin:0}.section-heading>p{margin-bottom:3px;font-size:14px}.three-grid{grid-template-columns:repeat(3,1fr);gap:23px;display:grid}.feature{background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:33px 29px}.feature p{margin-bottom:0;font-size:14px;line-height:1.8}.icon-box{width:50px;height:50px;color:var(--orange);background:#f3e7d9;border-radius:11px;place-items:center;margin-bottom:29px;display:grid}.setup-section{background:#f0ecdf;padding:75px 0}.split{grid-template-columns:1fr 1fr;gap:75px;display:grid}.step{border-bottom:1px solid #dad3c4;gap:24px;padding:25px 0;display:flex}.step:first-child{padding-top:0}.step>span{color:var(--orange);padding-top:5px;font-size:12px;font-weight:700}.step p{margin-bottom:0;font-size:14px}.step h3{font-size:21px}.case-teaser{color:var(--cream);background:#3a4236;border-radius:18px;grid-template-columns:1.3fr 1fr;align-items:center;gap:45px;padding:55px;display:grid}.case-teaser .eyebrow{color:#d7c39e}.case-teaser p{color:#d9ddce;max-width:430px;font-size:14px}.case-teaser .button{margin-top:10px}.flockd-mark{text-align:center;color:#e9e6cc;letter-spacing:-6px;aspect-ratio:1;border:1px solid #737f65;border-radius:50%;flex-direction:column;justify-content:center;font-family:Georgia,serif;font-size:100px;line-height:1.15;display:flex}.flockd-mark span{letter-spacing:2px;margin-top:22px;font-family:DM Sans,sans-serif;font-size:9px}.flockd-mark small{letter-spacing:0;color:#bec6b2;margin-top:10px;font-family:DM Sans,sans-serif;font-size:9px}.cta{text-align:center;padding-top:10px;padding-bottom:90px}.cta .eyebrow{justify-content:center}.cta h2{margin-bottom:30px;font-size:52px}footer{background:#eae5d9;padding:42px max(40px,50% - 560px) 25px}.footer-brand{letter-spacing:-1px;margin-bottom:30px;font-family:Manrope,sans-serif;font-size:24px;font-weight:700}.footer-row{border-bottom:1px solid #d7d0c2;justify-content:space-between;gap:25px;padding-bottom:25px;font-size:11px;display:flex}.footer-row>div{gap:24px;display:flex}footer>.fine{margin:17px 0 0}.narrow{max-width:900px}.page-title{overflow-wrap:anywhere;font-size:clamp(43px,5vw,68px)}.guide{margin-top:45px;margin-bottom:35px}.guide .step{padding:25px 0}.notice{color:#62543f;background:#f3ebdc;border-left:3px solid #be8d4e;margin:24px 0;padding:20px 23px;font-size:13px;line-height:1.8}.price-table{background:var(--paper);border:1px solid var(--line);border-radius:12px;margin:35px 0;overflow:hidden}.price-row{border-bottom:1px solid var(--line);justify-content:space-between;padding:25px 30px;display:flex}.price-row:last-child{border:0}.price-row strong{letter-spacing:-1px;font-family:Manrope;font-size:24px}.price-row span:last-child{text-align:right}.price-row span:last-child strong{color:var(--orange);font-size:34px}.price-row small{color:var(--muted);font-size:12px;display:block}.video-placeholder{text-align:center;background:#e9e9dd;border:1px solid #d9ddcb;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;min-height:350px;margin:40px 0;padding:30px;display:flex}.play-icon{color:var(--orange);margin-bottom:15px;font-size:42px}.pill{letter-spacing:1px;text-transform:uppercase;background:#eeecdf;border-radius:5px;padding:5px 10px;font-size:10px;display:inline-block}.status-active{color:#39572d;background:#e1ecd9}.status-paused{color:#903c24;background:#f4e0d7}.auth-wrap{grid-template-columns:1fr 1fr;gap:65px;display:grid}.panel{background:var(--paper);border:1px solid var(--line);border-radius:12px;min-width:0;padding:30px}.panel h2{letter-spacing:-1px;overflow-wrap:anywhere;font-size:26px}.panel p{font-size:14px}.form{flex-direction:column;gap:18px;display:flex}.form h2{margin-bottom:0}.form p,.form .notice{margin:0}.form label,.filter-bar label{flex-direction:column;gap:7px;font-size:12px;font-weight:600;display:flex}.form small{color:var(--muted);font-weight:400}input,select,textarea{width:100%;min-width:0;color:var(--ink);background:#fffefa;border:1px solid #d7cfc1;border-radius:6px;outline:none;padding:11px 12px;font-size:14px}input:focus,select:focus,textarea:focus{border-color:var(--orange);box-shadow:0 0 0 2px #bd4a2b1a}textarea{resize:vertical;min-height:100px}.two-grid{grid-template-columns:1fr 1fr;gap:25px;display:grid}.checkbox{align-items:flex-start;flex-direction:row!important}.checkbox input{width:17px;height:17px;accent-color:var(--orange);flex-shrink:0;margin-top:3px}.portal-heading{justify-content:space-between;align-items:flex-start;gap:25px;display:flex}.filter-bar{align-items:flex-end;gap:20px;margin:15px 0 25px;display:flex}.filter-bar label:first-child{flex:1}.filter-bar .button{height:45px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}th{letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-size:10px}th,td{border-bottom:1px solid var(--line);padding:15px 10px}.empty{text-align:center;padding:45px 20px}.empty h3{font-size:24px}.notes{flex-direction:column;gap:15px;margin-top:20px;display:flex}.note-body{white-space:pre-wrap;overflow-wrap:anywhere}.notes small{font-size:10px}dl{font-size:14px}dt{text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-top:16px;font-size:11px}dd{overflow-wrap:anywhere;margin:3px 0 0}@media (min-width:1500px){.hero{min-height:740px}}@media (max-width:1000px){.header{padding:23px 25px}.header nav{gap:16px}.brand{font-size:18px}.wrap{padding-left:28px;padding-right:28px}.hero{gap:15px}.hero-art{transform-origin:50%;transform:scale(.88)}.orbit{width:410px;height:410px}.orbit-two{width:340px;height:340px}.actions{flex-wrap:wrap;gap:15px}.benefit-bar{gap:22px}.case-teaser{padding:35px}.flockd-mark{font-size:75px}.split{gap:40px}.auth-wrap{gap:30px}.chip-top{right:-15px}.section-heading{gap:25px}.section-heading>p{min-width:180px}}@media (max-width:720px){.header{flex-direction:column;gap:18px;padding:19px 16px}.brand{font-size:22px}.header nav{flex-wrap:wrap;justify-content:center;gap:19px;font-size:11px}.header nav .button{padding:9px 12px}.hero{grid-template-columns:1fr;gap:10px;padding-top:45px;padding-bottom:30px}.hero-copy{max-width:530px}.hero h1{font-size:63px}.hero-art{height:490px;margin-top:0;transform:scale(.9)}.hero .lead{font-size:16px}.hero .fine{font-size:10px}.chip-top{right:0}.chip-bottom{left:0}.orbit{width:430px;max-width:115%;height:430px}.orbit-two{width:340px;height:340px}.wrap{padding-left:24px;padding-right:24px}.benefit-bar{grid-template-columns:1fr 1fr;gap:17px 15px;padding:22px;font-size:10px;display:grid}.benefit-bar svg{flex-shrink:0;width:14px}.section{padding-top:55px;padding-bottom:55px}.section-heading{display:block}.section-heading>p{margin-top:20px}.three-grid,.split,.case-teaser,.auth-wrap,.two-grid{grid-template-columns:1fr}.feature{padding:28px}.feature .icon-box{margin-bottom:22px}.split{gap:35px}.setup-section{padding:55px 0}.case-teaser{gap:35px;padding:30px}.flockd-mark{width:240px;margin:0 auto;font-size:80px}.cta{padding-bottom:60px}.cta h2{font-size:41px}.footer-row{flex-direction:column;gap:20px}footer{padding:35px 24px 22px}.footer-row>div{gap:20px}.price-row{padding:22px 18px}.price-row strong{font-size:21px}.price-row small{font-size:10px}.price-row span:last-child strong{font-size:29px}.panel{padding:24px}.portal-heading{flex-direction:column}.filter-bar{flex-wrap:wrap}.filter-bar label:first-child{flex-basis:100%}.filter-bar label{flex:1}.video-placeholder{min-height:300px}.page-title{font-size:47px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}