:root{--ink:#10231f;--muted:#60706b;--paper:#f6f8f4;--white:#fff;--mint:#74e7cc;--mint-dark:#20b995;--line:#dce5df;--danger:#b83b3b;--shadow:0 18px 60px rgba(20,50,42,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Space Grotesk",sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}main{min-height:calc(100vh - 150px)}
.site-header{height:76px;padding:0 clamp(20px,5vw,80px);display:flex;align-items:center;justify-content:space-between;background:rgba(246,248,244,.92);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:10px;font-weight:600;letter-spacing:.02em}.brand b{color:var(--mint-dark)}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:var(--ink);color:var(--mint);border-radius:11px;font-family:Calistoga;font-size:21px}.site-header nav{display:flex;align-items:center;gap:20px;font-size:14px}
.button{display:inline-flex;justify-content:center;align-items:center;border:1px solid var(--ink);background:var(--mint);color:var(--ink);font-weight:700;border-radius:999px;padding:13px 22px;cursor:pointer;box-shadow:0 6px 0 var(--ink);transition:.18s transform,.18s box-shadow}.button:hover{transform:translateY(2px);box-shadow:0 4px 0 var(--ink)}.button.small{padding:9px 16px;box-shadow:none}.button.ghost{background:transparent}.button.dark{background:var(--ink);color:white}.button.danger{background:#fff0f0;color:var(--danger);border-color:var(--danger);box-shadow:none}.text-link{text-decoration:underline;text-underline-offset:5px;font-weight:600}
.hero{min-height:690px;padding:90px clamp(25px,8vw,140px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.65fr);align-items:center;gap:8vw;overflow:hidden;background:radial-gradient(circle at 82% 15%,#bffff0 0,transparent 27%),linear-gradient(135deg,#f7faf5,#edf5ef)}.hero-copy{max-width:740px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.16em;color:#238b72}.hero h1{font-family:Calistoga;font-weight:400;font-size:clamp(50px,6vw,88px);line-height:.98;margin:20px 0}.hero h1 em{font-family:Fraunces;font-weight:500;color:#2f8d74}.hero-copy>p{font-size:clamp(18px,2vw,23px);line-height:1.55;color:var(--muted);max-width:650px}.actions{display:flex;gap:25px;align-items:center;margin-top:34px}.phone-preview{background:#fff;border:8px solid var(--ink);border-radius:42px;padding:0 20px 28px;box-shadow:28px 32px 0 #74e7cc;transform:rotate(2deg);max-width:390px}.preview-cover{height:150px;margin:0 -20px;background:linear-gradient(135deg,#17372f,#54d3b5);border-radius:34px 34px 0 0}.preview-avatar{width:88px;height:88px;margin:-44px auto 12px;border:6px solid white;border-radius:50%;display:grid;place-items:center;background:#dffbf3;font-size:40px}.phone-preview h3{text-align:center;font-size:22px;margin:0}.phone-preview>p{text-align:center;color:var(--muted);margin:6px 0 20px}.preview-person{border:1px solid var(--line);display:grid;grid-template-columns:43px 1fr auto;align-items:center;gap:10px;margin:9px 0;padding:10px;border-radius:15px}.preview-person>span{width:43px;height:43px;border-radius:50%;background:#e7f8f2;display:grid;place-items:center;font-weight:700}.preview-person small{display:block;color:var(--muted)}
.steps{max-width:1200px;margin:0 auto;padding:85px 30px;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.steps article{padding:28px;border-top:2px solid var(--ink)}.steps article>b{color:#25a384}.steps h3{font-size:23px;margin:15px 0 8px}.steps p{color:var(--muted);line-height:1.6}
.pricing-section{text-align:center;padding:90px 30px 110px;background:#10231f;color:white}.pricing-section h2{font-family:Calistoga;font-size:45px;font-weight:400}.pricing-grid{max-width:1100px;margin:45px auto 25px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}.pricing-grid article,.plans-grid article{position:relative;text-align:left;background:white;color:var(--ink);padding:34px;border-radius:24px}.pricing-grid article.featured,.plans-grid article.featured{outline:4px solid var(--mint)}.pricing-grid h3{font-size:20px}.pricing-grid strong,.plans-grid strong{font-family:Calistoga;font-size:38px}.pricing-grid p{color:var(--muted);min-height:55px}.badge{position:absolute;right:18px;top:18px;background:var(--mint);color:var(--ink);font-size:10px;font-weight:800;padding:7px 10px;border-radius:99px;letter-spacing:.09em}.legal-note{max-width:850px;margin:24px auto 0;color:#c7d6d0;font-size:13px;line-height:1.6}
.page-shell{max-width:1220px;margin:0 auto;padding:60px 28px 100px}.page-shell.narrow{max-width:980px}.page-heading{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:38px}.page-heading h1,.center-heading h1{font-family:Calistoga;font-size:clamp(35px,5vw,58px);font-weight:400;margin:8px 0}.center-heading{text-align:center;margin-bottom:45px}.center-heading p{color:var(--muted)}
.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.profile-card{background:white;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 8px 30px rgba(30,60,50,.06)}.mini-cover{height:130px;background:linear-gradient(135deg,#163a31,#72dfc4);background-size:cover;background-position:center}.profile-card-body{padding:24px}.profile-card h2{margin:12px 0 6px}.profile-card p{color:var(--muted)}.status{font-size:11px;text-transform:uppercase;letter-spacing:.1em;background:#edf0ee;padding:6px 9px;border-radius:99px}.status.active{background:#d9f8e9;color:#14724f}.status.past_due{background:#fff1c7;color:#865c00}.card-actions{display:flex;gap:10px;margin-top:20px}.empty{text-align:center;background:white;border:1px dashed #aebbb6;border-radius:24px;padding:80px 30px}.empty p{color:var(--muted)}
.editor-form{display:grid;gap:24px}.form-panel{background:white;border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:0 10px 38px rgba(30,60,50,.05)}.form-panel h2{margin:0 0 22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid label{display:grid;gap:8px;font-size:13px;font-weight:700}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid #cbd7d1;background:#fbfcfb;border-radius:12px;padding:13px 14px;outline:none}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#23aa88;box-shadow:0 0 0 3px #d9f8ef}.form-grid input[type=color]{padding:4px;height:49px}.section-heading p{color:var(--muted);margin-top:-12px}.members-editor{display:grid;gap:12px}.member-editor{border:1px solid var(--line);border-radius:16px;overflow:hidden}.member-editor summary{display:flex;align-items:center;gap:9px;cursor:pointer;padding:17px 19px;background:#f7faf8;list-style:none}.member-editor summary span{margin-left:auto}.member-fields{padding:20px}.sticky-actions{position:sticky;bottom:16px;display:flex;justify-content:flex-end;gap:12px;z-index:10;background:rgba(246,248,244,.9);backdrop-filter:blur(12px);padding:14px;border-radius:99px}.subscription{margin-top:25px;display:flex;align-items:center;justify-content:space-between;gap:20px}.subscription p{color:var(--muted)}
.plans-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.plans-grid article{border:1px solid var(--line);box-shadow:var(--shadow);display:flex;flex-direction:column}.plans-grid article>p{color:var(--muted);min-height:76px}.plans-grid ul{padding-left:19px;line-height:1.8;color:#3e514b;flex:1}.plans-grid form{margin-top:20px}.plans-grid button{width:100%}.legal-box{max-width:900px;margin:35px auto 0;background:#e9efec;padding:22px;border-radius:16px}.legal-box p{margin:8px 0 0;color:var(--muted);line-height:1.6;font-size:14px}
.pricing-grid.single-plan,.plans-grid.single-plan{max-width:680px;margin-left:auto;margin-right:auto;grid-template-columns:1fr}.pricing-grid.single-plan article>p,.plans-grid.single-plan article>p{min-height:0}
.public-profile{--accent:#74e7cc;--button-border:#74e7cc;--profile-font:"Space Grotesk";font-family:var(--profile-font);max-width:760px;margin:30px auto 70px;background:white;border-radius:32px;overflow:hidden;box-shadow:var(--shadow)}.public-cover{height:260px;background:linear-gradient(135deg,#17372f,var(--accent));background-size:cover;background-position:center}.public-body{padding:0 42px 45px;text-align:center}.public-avatar{width:150px;height:150px;object-fit:cover;border-radius:50%;border:7px solid white;margin-top:-75px;background:#e6f7f1}.public-avatar.placeholder{display:grid;place-items:center;margin-left:auto;margin-right:auto;font-family:Calistoga;font-size:65px}.public-kicker{display:block;color:#26886f;letter-spacing:.15em;font-size:11px;font-weight:800;margin-top:16px}.public-body h1{font-size:42px;margin:10px 0 4px}.public-body h2{font-weight:500;margin:0;color:#334b44}.company{font-weight:700}.description{color:var(--muted);line-height:1.7;max-width:600px;margin:20px auto}.owner-warning{background:#fff3ca;padding:12px;border-radius:12px;margin:18px 0}.members-list{display:grid;gap:13px;margin-top:30px}.member-card{display:grid;grid-template-columns:64px 1fr auto;align-items:center;text-align:left;gap:15px;border:2px solid var(--button-border);border-radius:19px;padding:11px 16px;transition:.15s transform,.15s box-shadow}.member-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(20,50,42,.1)}.member-card img,.world-icon{width:64px;height:64px;object-fit:cover;border-radius:50%;background:#ecf7f3;display:grid;place-items:center;font-size:34px}.member-card small,.member-card em{display:block}.member-card small{color:var(--muted);margin:2px 0 7px}.member-card em{font-style:normal;color:#188268;font-size:13px;font-weight:700}.member-card>i{font-style:normal;font-size:22px}.share-row{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:28px}.share-row a,.share-row button{border:1px solid var(--line);background:#f4f8f6;border-radius:99px;padding:9px 14px;cursor:pointer;font-size:13px}
.message-page{min-height:65vh;display:grid;place-items:center;text-align:center;padding:50px 20px}.message-page>div{max-width:580px}.message-page h1{font-family:Calistoga;font-size:45px;font-weight:400}.message-page p{color:var(--muted);font-size:18px;line-height:1.6}.success-icon{width:80px;height:80px;margin:auto;border-radius:50%;display:grid;place-items:center;background:#d8f8e9;color:#17835f;font-size:38px}.flash-stack{position:fixed;right:20px;top:90px;z-index:50;display:grid;gap:10px}.flash{max-width:420px;background:white;border-left:5px solid var(--mint-dark);box-shadow:var(--shadow);padding:15px 18px;border-radius:10px}.flash.error{border-color:#d34a4a}.flash.success{border-color:#1d9d73}footer{text-align:center;padding:35px 20px;color:#65746f;font-size:13px;border-top:1px solid var(--line)}
@media(max-width:1000px){.hero{grid-template-columns:1fr;padding-top:65px}.phone-preview{margin:20px auto 25px}.profile-grid{grid-template-columns:repeat(2,1fr)}.plans-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.site-header{height:66px;padding:0 15px}.site-header nav>a:not(.button){display:none}.brand{font-size:13px}.hero{padding:55px 22px 80px}.hero h1{font-size:50px}.phone-preview{max-width:320px;box-shadow:15px 18px 0 #74e7cc}.steps,.pricing-grid,.profile-grid,.plans-grid{grid-template-columns:1fr}.steps{padding:60px 20px}.pricing-section{padding:70px 20px}.page-shell{padding:40px 16px 80px}.page-heading{align-items:flex-start;flex-direction:column}.form-panel{padding:22px 17px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.sticky-actions{border-radius:20px;flex-direction:column}.subscription{align-items:flex-start;flex-direction:column}.public-profile{margin:0;min-height:100vh;border-radius:0}.public-cover{height:220px}.public-body{padding:0 18px 40px}.public-avatar{width:125px;height:125px;margin-top:-62px}.public-body h1{font-size:34px}.member-card{grid-template-columns:55px 1fr auto;padding:10px}.member-card img,.world-icon{width:55px;height:55px}.flash-stack{left:14px;right:14px;top:75px}.flash{max-width:none}}