:root{--ink:#202d2b;--muted:#6e7b78;--line:#e0e7e3;--paper:#fff;--bg:#f6f8f5;--green:#145b52;--lime:#eaf0c6;--soft:#e9f2ed;--red:#b74340;--radius:18px;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-game);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;border:1px solid var(--line);border-radius:10px;padding:10px 16px;background:var(--paper);color:var(--ink);font-weight:600;transition:background .15s,transform .15s}button:hover{background:var(--soft)}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}button.primary,.button.primary{color:#fff;background:var(--green);border-color:var(--green)}button.primary:hover{background:#104940}button.ghost{background:transparent;border-color:transparent}button.danger{color:var(--red)}.button{display:inline-flex;align-items:center;justify-content:center;padding:11px 20px;border:1px solid var(--line);border-radius:10px;font-weight:650;gap:9px}.button:hover{text-decoration:none}button svg,a svg{width:18px;height:18px;vertical-align:middle}h1,h2,h3,p{margin-top:0}h1{font-size:32px;line-height:1.24;letter-spacing:-1.2px;margin-bottom:10px}h2{font-size:20px;line-height:1.4;letter-spacing:-.5px;margin-bottom:14px}h3{font-size:16px;margin-bottom:8px}p{margin-bottom:16px}.muted{color:var(--muted)}.small{font-size:12px}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.stack{display:flex;flex-direction:column;gap:18px}.grow{flex:1}.mark{width:37px;height:37px;border-radius:12px;display:inline-grid;place-items:center;background:var(--green);color:var(--lime);font-size:30px;font-weight:800;letter-spacing:-2px;line-height:1}.wordmark{display:flex;align-items:center;gap:11px;font-size:22px;font-weight:800;letter-spacing:-1px;color:var(--ink)}.wordmark:hover{text-decoration:none}.pill{display:inline-flex;gap:5px;align-items:center;padding:4px 10px;font-size:11px;font-weight:650;border-radius:30px;background:var(--soft);color:var(--green);white-space:nowrap}.pill.neutral{background:#f0f1ef;color:#737c75}.pill.warn{background:#fff1d8;color:#936a1c}.pill.bad{background:#fbe9e5;color:var(--red)}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px}.empty{padding:45px 25px;text-align:center;border:1px dashed #cbd7cf;border-radius:14px;background:#fcfdfb}.empty svg{width:34px;height:34px;stroke:#5d8778;margin-bottom:14px}.empty p{font-size:14px;color:var(--muted);margin-bottom:18px}.empty h3{font-size:18px}.note{padding:14px 18px;background:#f0f4df;border:1px solid #e0e6c8;border-radius:12px;font-size:13px;color:#606a3e}.note.info{background:#eef4f1;border-color:#dce8e0;color:#526b60}.divider{height:1px;background:var(--line);margin:20px 0}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted)}.boot{display:grid;place-content:center;justify-items:center;gap:20px;height:100vh}.errorbox{padding:20px;color:var(--red)}
.shell{min-height:100vh;display:grid;grid-template-columns:236px 1fr}.sidebar{position:fixed;top:0;bottom:0;left:0;width:236px;padding:26px 20px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:20}.sidebar .wordmark{padding:0 8px;margin-bottom:31px}.workspace{margin-bottom:26px;border:1px solid var(--line);padding:12px;border-radius:12px;background:#fcfdfb}.workspace label{font-size:10px;display:block;color:var(--muted);margin-bottom:3px}.workspace select{border:0;background:none;width:100%;padding:0;font-weight:650;font-size:13px}.nav{display:flex;flex-direction:column;gap:5px}.nav a{display:flex;align-items:center;gap:12px;padding:11px 13px;color:#748079;font-weight:550;border-radius:10px;font-size:14px}.nav a:hover{background:#f5f7f2;text-decoration:none}.nav a.active{color:var(--green);background:var(--soft);font-weight:750}.nav svg{width:19px;height:19px;flex:none}.nav .nav-label{margin:20px 13px 5px;font-size:10px;font-weight:700;letter-spacing:1.5px;color:#98a099}.sidebottom{margin-top:auto;padding-top:20px}.userbox{display:flex;gap:10px;align-items:center;padding:10px 0}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e9eece;color:#52603a;font-size:13px;font-weight:750}.userbox strong{font-size:12px}.userbox small{display:block;font-size:10px;color:var(--muted);max-width:130px;overflow:hidden;text-overflow:ellipsis}.main{grid-column:2;min-width:0}.topbar{height:80px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:#ffffffc7;gap:16px}.topbar .crumb{font-size:13px;color:var(--muted)}.topbar .crumb b{color:var(--ink);margin-left:12px;font-weight:550}.content{padding:36px 42px 60px;max-width:1540px;margin:auto}.pagehead{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;gap:20px}.pagehead p{font-size:14px;color:var(--muted);margin:8px 0 0}.pagehead h1{font-size:29px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0}.metric{padding:20px 23px}.metric label{font-size:12px;color:var(--muted);display:flex;justify-content:space-between}.metric strong{display:block;font-size:32px;font-weight:650;letter-spacing:-1px;margin:12px 0 3px;line-height:1.1}.metric span{font-size:11px;color:#95a099}.metric.highlight{background:var(--green);border-color:var(--green);color:white}.metric.highlight label,.metric.highlight span{color:#bbd1c6}.overview-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:22px}.hello{background:#edf1de;border:none;display:flex;gap:25px;justify-content:space-between;align-items:center;overflow:hidden;padding:25px 29px}.hello h2{font-size:23px}.hello p{font-size:13px;max-width:560px;margin-bottom:0;color:#617057}.hello-art{display:flex;align-items:center;position:relative;min-width:140px;height:100px}.mini-paper{position:absolute;right:6px;width:98px;height:108px;border:1px solid #c8d2b7;border-radius:10px;background:#fff;padding:18px;transform:rotate(8deg);box-shadow:0 6px 0 #d8dfc2}.mini-paper.back{right:42px;transform:rotate(-12deg);background:#dbe6c5}.mini-paper i{height:5px;width:100%;background:#dce6d5;display:block;margin-bottom:9px;border-radius:3px}.mini-paper i:first-child{background:var(--green);width:60%}.mini-paper b{display:block;color:var(--green);font-size:24px}.steps{display:flex;flex-direction:column;gap:0}.step{display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--line);padding:18px 0}.step:last-child{border:0;padding-bottom:0}.step-num{width:33px;height:33px;background:var(--soft);border-radius:50%;display:grid;place-items:center;color:var(--green);font-size:12px;flex:none}.step strong{font-size:13px}.step p{margin:3px 0 0;font-size:12px;color:var(--muted)}.step button{font-size:11px;padding:7px 12px}.activity{padding:12px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;font-size:12px}.activity:last-child{border:0}.dot{width:7px;height:7px;background:#73a28c;border-radius:50%;flex:none}.activity time{margin-left:auto;font-size:10px;color:var(--muted)}.usage-row{margin-top:19px}.usage-row .row{font-size:12px}.bar{height:5px;margin-top:10px;border-radius:10px;background:#edf0ec;overflow:hidden}.bar i{display:block;height:100%;background:#5d907a;border-radius:10px}.plan-strip{padding:16px;background:#f7f9f4;border-radius:12px;display:flex;gap:12px;align-items:center}.plan-strip strong{font-size:14px}.plan-strip span{font-size:11px;color:var(--muted);display:block}.plan-strip svg{width:26px;stroke:#81954d}
.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.toolbar input{max-width:340px}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px}.tabs button{font-size:12px;border-color:transparent;background:transparent;padding:8px 13px}.tabs button.active{background:#fff;border-color:var(--line);color:var(--green)}.postgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.postcard{padding:22px;display:flex;flex-direction:column;min-width:0}.postcard h3{font-size:16px;line-height:1.5;margin:18px 0 12px}.postbody{white-space:pre-wrap;font-size:13px;line-height:1.9;overflow-wrap:anywhere;color:#4b5952;max-height:250px;overflow:auto}.postcard footer{margin-top:auto;padding-top:19px;display:flex;justify-content:space-between;gap:8px;align-items:center}.postcard footer button{font-size:11px;padding:7px 10px}.postmeta{font-size:10px;color:var(--muted);display:flex;gap:10px;margin:16px 0 0;flex-wrap:wrap}.postcard .actions{display:flex;gap:5px;flex-wrap:wrap}.postcard .note{margin:12px 0 0;font-size:11px}.brandgrid,.channelgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.brandicon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:var(--lime);font-size:23px;font-weight:800;color:#68733d;margin-bottom:18px}.brand-card p{font-size:13px;color:var(--muted);min-height:42px}.brand-card dl{font-size:12px;display:grid;grid-template-columns:70px 1fr;gap:10px}.brand-card dt{color:var(--muted)}.brand-card dd{margin:0}.channel-icon{width:48px;height:48px;display:grid;place-items:center;font-size:29px;background:#f3f4ef;border-radius:13px;margin-bottom:18px}.connection{margin-top:22px;border-top:1px solid var(--line);padding-top:16px}.calendar-list{display:flex;flex-direction:column;gap:12px}.calendar-item{display:flex;gap:24px;align-items:center}.datebox{width:64px;text-align:center;background:var(--soft);padding:9px;border-radius:10px;flex:none}.datebox b{font-size:22px;display:block;line-height:1.2}.datebox span{font-size:10px}.calendar-item h3{margin:0}.calendar-item small{color:var(--muted)}
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.plan{position:relative;padding:28px}.plan.featured{border-color:#779788;background:#fdfef9}.plan .price{font-size:35px;letter-spacing:-1.5px;font-weight:750;margin:21px 0 7px}.plan .price span{font-size:12px;font-weight:400;letter-spacing:0;color:var(--muted)}.plan ul{list-style:none;padding:0;font-size:13px;color:#637268;line-height:2.4;margin:22px 0 26px}.plan li:before{content:'✓';color:var(--green);margin-right:10px}.plan button{width:100%}.plan .small{min-height:38px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{padding:11px 14px;border-bottom:1px solid var(--line);font-weight:600;color:var(--muted);background:#f9faf7}td{padding:14px;border-bottom:1px solid var(--line);white-space:nowrap}td button{font-size:11px;padding:5px 9px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.checklist{display:grid;grid-template-columns:1fr 1fr;gap:12px}.readiness{padding:16px;border:1px solid var(--line);border-radius:12px;display:flex;gap:10px;justify-content:space-between;font-size:13px}
input,textarea,select{padding:11px 13px;border:1px solid #dce3dd;border-radius:9px;color:var(--ink);background:white;max-width:100%;width:100%;outline:none}input:focus,textarea:focus,select:focus{border-color:#729b86;box-shadow:0 0 0 3px #145b5210}input[type=checkbox]{width:16px;height:16px;accent-color:var(--green);margin:0;flex:none}textarea{resize:vertical;line-height:1.7}label.field{display:block;font-size:12px;font-weight:650;margin-bottom:16px}label.field input,label.field textarea,label.field select{margin-top:6px;font-size:14px;font-weight:400}label.field small{display:block;margin-top:5px;font-size:11px;font-weight:400;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.form-grid .full{grid-column:1/-1}.checklabel{display:flex;gap:10px;align-items:flex-start;font-size:12px;font-weight:400}.checklabel input{margin-top:3px}dialog{padding:0;border:1px solid var(--line);border-radius:20px;width:620px;max-width:calc(100vw - 28px);max-height:90vh;box-shadow:0 25px 100px #1b302b30;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#172b2359;backdrop-filter:blur(3px)}.dialog-head{padding:22px 26px 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.dialog-head h2{margin:0}.dialog-body{padding:24px 26px;overflow:auto}.dialog-foot{display:flex;gap:10px;justify-content:flex-end;padding-top:12px}.dialog-head button{padding:4px 9px}.form-error{color:var(--red);font-size:13px;margin:10px 0}.charcount{text-align:right;font-size:11px;color:var(--muted);margin-top:-10px}.authpage{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.authstory{background:#e8edda;padding:70px 12%;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.authstory h1{font-size:48px;line-height:1.25;max-width:420px;margin:35px 0 24px}.authstory p{font-size:15px;max-width:340px;color:#6b7966}.authstory small{color:#718066}.authform{display:grid;place-items:center;padding:60px 30px;background:#fff}.authbox{width:100%;max-width:385px}.authbox h1{font-size:28px}.authbox>p{font-size:13px;color:var(--muted);margin-bottom:30px}.authbox button[type=submit]{width:100%;margin-top:14px}.authfooter{font-size:12px;text-align:center;margin-top:22px}.authstory .quote{padding:25px;border:1px solid #cfd9bc;border-radius:18px;max-width:370px;background:#ffffff6e}.quote strong{font-size:15px}.quote p{font-size:13px;margin:12px 0 0}.auth-error{margin-top:15px;color:var(--red);font-size:13px}#toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);border-radius:12px;background:#203b30;color:#fff;padding:12px 20px;font-size:13px;box-shadow:0 10px 50px #1233;z-index:1000;max-width:calc(100vw - 30px);display:none}#toast.on{display:block}
.publicnav{max-width:1240px;margin:auto;padding:26px 28px;display:flex;justify-content:space-between;align-items:center}.publicnav .links{display:flex;gap:27px;align-items:center;font-size:13px}.landing{max-width:1180px;margin:auto;padding:70px 28px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.hero h1{font-size:56px;line-height:1.18;letter-spacing:-2.7px;margin:22px 0}.hero p{max-width:410px;font-size:16px;color:var(--muted)}.hero .actions{display:flex;gap:10px;margin:30px 0 14px}.hero-board{background:#e8eddd;padding:28px;border-radius:25px;transform:rotate(2deg)}.hero-board .card{margin-top:16px;border-color:#dce4d5;padding:20px}.hero-board .card p{font-size:13px;margin:10px 0 15px;color:#5d6c60}.hero-board .card footer{border-top:1px solid #e3e9de;padding-top:12px;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.hero-board .mock-row{display:flex;align-items:center;gap:10px;font-size:12px}.section{margin-top:95px}.section-head{text-align:center;max-width:540px;margin:0 auto 34px}.section-head h2{font-size:30px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.features p{font-size:13px;color:var(--muted);margin-bottom:0}.feature-num{font-size:12px;color:#8e9f84;margin-bottom:22px}.publicfooter{padding:30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;max-width:1240px;margin:50px auto 0;font-size:12px;color:var(--muted)}.legal{max-width:780px;margin:40px auto;padding:28px}.legal h2{margin-top:32px}.legal p,.legal li{font-size:14px;color:#617067}.legal ul{padding-left:22px}
@media(min-width:1500px){.content{padding:42px 55px}.topbar{padding:0 55px}}
@media(max-width:1150px){.shell{grid-template-columns:205px 1fr}.sidebar{width:205px;padding:24px 14px}.content{padding:28px 24px}.topbar{padding:0 24px}.metrics{gap:10px}.metric{padding:17px}.overview-grid{grid-template-columns:1fr}.plans{gap:12px}.plan{padding:20px}.hero{gap:30px}.hero h1{font-size:45px}.authstory{padding:45px 10%}.authstory h1{font-size:39px}}
@media(max-width:800px){h1{font-size:26px}.shell{display:block}.sidebar{position:static;width:auto;border-right:0;border-bottom:1px solid var(--line);padding:15px 18px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.sidebar .wordmark{margin:0;font-size:19px}.sidebar .mark{width:31px;height:31px;font-size:25px}.workspace{margin:0;padding:6px 11px}.workspace label{display:none}.workspace select{font-size:11px}.nav{grid-column:1/-1;flex-direction:row;overflow:auto;gap:3px;padding:2px 0;white-space:nowrap}.nav a{padding:8px 10px;font-size:12px;gap:6px}.nav a svg{width:16px}.nav .nav-label,.sidebottom{display:none}.topbar{height:61px;padding:0 20px}.topbar .crumb{font-size:11px}.topbar button{font-size:11px;padding:7px 12px}.content{padding:24px 18px 60px}.pagehead{margin-bottom:19px}.pagehead h1{font-size:25px}.pagehead p{font-size:12px}.pagehead button{font-size:11px;padding:8px 11px;white-space:nowrap}.hello{padding:22px}.hello-art{display:none}.hello h2{font-size:20px}.metrics{grid-template-columns:1fr 1fr;margin:17px 0}.metric strong{font-size:27px}.metric label{font-size:11px}.card{padding:20px}.postgrid,.brandgrid,.channelgrid,.plans,.settings-grid{grid-template-columns:1fr}.postbody{max-height:none}.postcard h3{font-size:16px}.postcard footer{align-items:flex-end}.plans .plan .small{min-height:auto}.checklist{grid-template-columns:1fr}.authpage{grid-template-columns:1fr}.authstory{min-height:auto;padding:26px}.authstory>div:not(:first-child),.authstory>small{display:none}.authform{padding:45px 24px;min-height:80vh;align-items:start}.authbox h1{font-size:28px}.publicnav{padding:19px 20px}.publicnav .links{gap:15px;font-size:12px}.publicnav .links>a:first-child{display:none}.publicnav .wordmark{font-size:19px}.publicnav .button{padding:8px 13px}.landing{padding:35px 22px}.hero{grid-template-columns:1fr;gap:32px}.hero h1{font-size:43px;letter-spacing:-2px}.hero p{font-size:14px}.hero-board{transform:none}.features{grid-template-columns:1fr}.section{margin-top:58px}.section-head h2{font-size:25px}.publicfooter{flex-direction:column;margin-top:30px;padding:24px}.form-grid{grid-template-columns:1fr}.dialog-head{padding:19px 20px}.dialog-body{padding:20px}.toolbar input{max-width:none}.calendar-item{gap:15px}.calendar-item h3{font-size:14px}.calendar-item .actions{margin-left:auto}.legal{margin:10px auto;padding:22px}.table-wrap{margin:0 -5px}.row.wrap{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:focus-visible{outline:3px solid #97b88d;outline-offset:3px}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px}