@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--green:#184b39;--lime:#d8ef91;--ink:#172c24;--muted:#6a766e;--cream:#f6f7f1;--line:#e0e6db}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}button,input,select,textarea{font:inherit}button,a{cursor:pointer}button{border:0}header{height:87px;padding:0 5%;background:#fff;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font-family:Manrope,sans-serif;font-size:33px;font-weight:800;letter-spacing:-2px;display:flex;align-items:center;gap:8px}.mark{width:27px;height:29px;background:var(--green);border-radius:50% 50% 45% 10%;transform:rotate(-25deg);display:inline-block}.logo small{font:10px 'DM Sans';letter-spacing:2px;margin-left:10px;border-left:1px solid #ddd;padding-left:15px}nav{display:flex;gap:26px}nav button{background:none;color:#5b685f;font-size:14px;padding:12px 0}nav button.active{color:var(--green);border-bottom:2px solid var(--green)}.btn{background:var(--green);color:white;padding:14px 22px;border-radius:8px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:18px}.btn.light{background:var(--lime);color:var(--ink)}.btn.outline{background:transparent;border:1px solid #b8c9bc;color:var(--green)}.demo{font-size:11px;background:#eaf0df;text-align:center;padding:9px;color:#526445;letter-spacing:.3px}.page{display:none}.page.active{display:block}.wrap{max-width:1320px;margin:auto;padding:0 5%}.hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-top:57px;padding-bottom:53px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:700;display:flex;align-items:center;gap:9px}.dot{height:7px;width:7px;background:#83a948;border-radius:50%}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(40px,4.4vw,65px);letter-spacing:-3px;line-height:1.1;margin:24px 0}h1 em{font-style:normal;color:#66844d}p{color:var(--muted);line-height:1.7}.hero p{max-width:440px;font-size:16px}.actions{display:flex;gap:12px;margin-top:27px}.micro{font-size:11px;margin-top:20px;color:#74806c}.hero-art{height:405px;position:relative;border-radius:17px;background:#e2e8d9;overflow:hidden;display:grid;grid-template-columns:1.1fr 1fr;gap:8px;padding:15px;transform:rotate(1deg)}.hero-art img{width:100%;height:100%;object-fit:cover;border-radius:10px}.hero-art .stack{display:grid;grid-template-rows:1fr 1fr;gap:8px;min-height:0}.photo{position:relative;overflow:hidden;border-radius:10px}.photo span{position:absolute;bottom:15px;left:12px;color:white;font-size:12px;background:#16302580;padding:6px 10px;border-radius:30px}.float{position:absolute;bottom:30px;left:35px;background:#fff;padding:13px 18px;border-radius:12px;box-shadow:0 6px 25px #0002;font-size:12px;transform:rotate(-1deg)}.float b{display:block;font-size:14px;margin-bottom:4px}.trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:21px 0;display:flex;justify-content:space-between;font-size:12px;color:#5c6d5e}.trust strong{color:var(--green);font-weight:500}.section{padding-top:40px;padding-bottom:45px}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}h2{font-size:29px;letter-spacing:-1px;margin:0 0 8px}.section-title p{margin:0;font-size:13px}.filters{display:flex;align-items:center;gap:9px;margin-bottom:24px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:white;border-radius:30px;padding:10px 18px;font-size:12px;color:#667164}.chip.active{background:var(--green);color:white;border-color:var(--green)}input,select,textarea{border:1px solid var(--line);border-radius:8px;background:white;padding:12px;color:var(--ink)}.search{margin-left:auto;width:205px;font-size:12px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{background:white;border-radius:12px;border:1px solid var(--line);overflow:hidden}.card-img{height:235px;position:relative;overflow:hidden}.card-img img{height:100%;width:100%;object-fit:cover;transition:transform .4s}.card:hover .card-img img{transform:scale(1.04)}.badge{position:absolute;left:12px;top:12px;background:#fffef3e8;padding:6px 9px;font-size:10px;border-radius:5px}.save{position:absolute;right:12px;top:12px;background:#fff9;border-radius:50%;width:28px;height:28px}.card-body{padding:17px}.name{display:flex;justify-content:space-between;align-items:center;font-size:15px;font-weight:700}.check{color:#718d4c}.loc{font-size:11px;color:var(--muted);margin:7px 0 13px}.tags{display:flex;gap:5px}.tags span{background:#f2f4ed;padding:5px 7px;border-radius:4px;font-size:10px;color:#66745e}.card-bottom{border-top:1px solid #edf0e9;display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:14px;font-size:11px}.card-bottom button{background:transparent;color:var(--green);font-weight:700}.band{background:var(--green);color:white;border-radius:14px;padding:35px;display:flex;justify-content:space-between;align-items:center;margin:5px 0 40px}.band h2{font-size:25px}.band p{color:#c0d2c3;font-size:13px;margin-bottom:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:10px 0 40px}.stepnum{color:#70845e;font-size:12px}.steps h3{font-size:17px}.steps p{font-size:13px}footer{padding:28px 5%;border-top:1px solid var(--line);font-size:11px;color:var(--muted);display:flex;justify-content:space-between}.pagehead{padding:45px 0 26px}.pagehead h1{font-size:42px;margin:15px 0}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.plan{padding:28px;background:white;border:1px solid var(--line);border-radius:13px}.plan.featured{background:var(--green);color:white}.plan.featured p,.plan.featured li{color:#d5e1d1}.price{font:800 32px Manrope;margin:22px 0 8px}.price small{font-size:12px;font-weight:400}.plan ul{padding:15px 0;list-style:none;line-height:2.3;font-size:13px}.plan li:before{content:'✓';margin-right:9px}.credit{background:#edf2e2;border-radius:8px;padding:13px;font-size:12px;min-height:60px;color:var(--green)}.plan .btn{width:100%;margin-top:20px}.segment{display:flex;background:#e7ebdf;padding:4px;border-radius:8px;width:fit-content;margin:0 auto 26px}.segment button{padding:11px 22px;background:none;border-radius:6px;font-size:12px}.segment button.active{background:white;box-shadow:0 2px 5px #0001}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:25px}.stat{background:white;padding:23px;border:1px solid var(--line);border-radius:12px}.stat b{display:block;font:800 29px Manrope;margin:10px 0}.stat span{font-size:12px;color:var(--muted)}.panel{background:white;border:1px solid var(--line);padding:27px;border-radius:12px;margin-bottom:25px}.panel h3{margin-top:0}table{width:100%;border-collapse:collapse;font-size:13px}td,th{text-align:left;padding:17px 10px;border-bottom:1px solid var(--line)}th{font-size:11px;color:var(--muted);font-weight:500}.status{background:#e8f0db;color:#506c38;padding:6px 10px;border-radius:20px;font-size:10px}.twocol{display:grid;grid-template-columns:1.3fr 1fr;gap:25px}.empty{text-align:center;padding:50px;grid-column:1/-1}.modalback{position:fixed;inset:0;background:#10271f99;backdrop-filter:blur(4px);z-index:5;display:none;align-items:center;justify-content:center;padding:20px}.modalback.open{display:flex}.modal{max-width:650px;width:100%;max-height:92vh;overflow:auto;background:var(--cream);padding:30px;border-radius:15px;position:relative}.close{position:absolute;right:20px;top:15px;background:none;font-size:25px}.modal h2{padding-right:22px}.modal label{display:block;margin:17px 0 7px;font-size:12px;font-weight:600}.modal input,.modal select,.modal textarea{width:100%}.summary{background:white;padding:20px;border-radius:10px;margin:20px 0}.row{display:flex;justify-content:space-between;font-size:13px;margin:11px 0}.notice{padding:12px;background:#e8efde;color:#526543;border-radius:8px;font-size:12px;line-height:1.7}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--green);color:white;padding:15px 25px;border-radius:10px;z-index:10;display:none;font-size:13px}.small{font-size:12px}.linkbox{display:flex;gap:10px}.linkbox input{flex:1;min-width:0}.full{width:100%}@media(max-width:900px){header{height:auto;padding:20px 5%;flex-wrap:wrap;gap:18px}nav{order:3;width:100%;justify-content:space-between;gap:10px}.hero{gap:25px}.hero-art{height:340px}h1{letter-spacing:-2px}.cards{grid-template-columns:repeat(2,1fr)}.plans{grid-template-columns:1fr}.twocol{grid-template-columns:1fr}.logo small{display:none}}@media(max-width:600px){.hero{grid-template-columns:1fr;padding-top:35px}.hero-art{height:340px}.trust{gap:15px;flex-wrap:wrap}.cards{gap:12px}.card-img{height:200px}.card-body{padding:12px}.name{font-size:13px}.tags{flex-wrap:wrap}.card-bottom{align-items:start;gap:5px;flex-direction:column}.section-title{align-items:start;gap:15px}.section-title .btn{padding:10px;font-size:11px}.search{width:100%;margin:5px 0}.band{padding:25px;align-items:start;flex-direction:column;gap:20px}.steps{grid-template-columns:1fr;gap:5px}.stats{grid-template-columns:1fr;gap:10px}.stat b{font-size:24px}table{font-size:11px}td,th{padding:12px 5px}.pagehead h1{font-size:34px}.actions .btn{padding:13px 15px;font-size:12px}footer{gap:20px}.hero-art .float{left:20px;bottom:25px}.segment button{padding:10px 15px}}
/* Application workspace and content editor */
body{font-family:'DM Sans',system-ui,sans-serif}h1,h2,h3,.logo{font-family:Manrope,system-ui,sans-serif}header{gap:15px}.hero-art.single{padding:0;transform:rotate(1deg);display:block}.hero-art.single img{border-radius:0}.page.active{min-height:65vh}.nav-user{display:flex;gap:8px;align-items:center}.nav-user .btn{font-size:12px;padding:12px 16px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 26px}.tabs .chip{border-radius:7px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:block;font-size:12px;font-weight:600;margin:0 0 18px}.field input:not([type=checkbox]),.field select,.field textarea{display:block;width:100%;margin-top:8px}.field small{display:block;color:var(--muted);font-weight:400;line-height:1.6;margin-top:6px}.field input[type=checkbox]{margin-right:8px}.span2{grid-column:1/-1}.adminbar{background:#e4edda;padding:14px 20px;display:flex;justify-content:space-between;align-items:center;border-radius:8px;margin:25px 0}.adminbar p{margin:0;font-size:12px}.panel{overflow:auto}.panel .section-title{margin-bottom:10px}.panel h3{margin-bottom:12px}.amount{font-size:22px;font-weight:700}.muted{color:var(--muted)}.error{color:#9d3127;background:#faece9;padding:12px;border-radius:7px;line-height:1.5}.success{background:#e6efda;padding:15px;border-radius:8px}.pill{display:inline-block;padding:6px 9px;background:#eef2e7;border-radius:20px;font-size:11px}.projectcard{background:#fff;padding:24px;border:1px solid var(--line);border-radius:12px;margin-bottom:14px}.projectcard h3{margin:0 0 8px}.projectcard .actions{margin-top:15px}.projectcard p{white-space:pre-line}.btn.smallbtn{padding:9px 13px;font-size:12px;gap:8px}.danger{background:#9b3c30!important;color:#fff!important}.btn:disabled{opacity:.5;cursor:wait}.divider{border:0;border-top:1px solid var(--line);margin:25px 0}.textblock{white-space:pre-line}.message{background:#f1f4ec;padding:15px;border-radius:8px;margin:12px 0;white-space:pre-line;overflow-wrap:anywhere}.message strong{display:block;font-size:12px}.message small{display:block;font-size:10px;color:var(--muted);margin:5px 0}.detail-list{display:grid;grid-template-columns:140px 1fr;gap:12px;font-size:13px}.detail-list dt{color:var(--muted)}.detail-list dd{margin:0;white-space:pre-line;overflow-wrap:anywhere}.fieldrow{display:flex;gap:10px;align-items:end}.fieldrow .field{flex:1}.screen-title{display:flex;justify-content:space-between;align-items:center;gap:20px}.buttonrow{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}a{color:var(--green)}.empty{color:var(--muted)}.modal{max-width:760px}.modal .field{margin-bottom:14px}.help{background:#edf2e5;padding:20px;border-radius:10px;font-size:13px;line-height:1.8}.colorpreview{width:100%;height:45px}.hero-art img{object-fit:cover}.profilehero{display:flex;gap:25px;align-items:center}.profilehero img{width:150px;height:170px;object-fit:cover;border-radius:12px}.form-actions{position:sticky;bottom:0;padding:15px 0;background:var(--cream);display:flex;align-items:center;gap:15px}.creditline{font-size:12px;margin:7px 0}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px}input[type=range]{width:100%;accent-color:var(--green)}.welcome{max-width:560px;margin:65px auto}.brandword{color:var(--green);text-decoration:none}.inline-link{background:none;text-decoration:underline;color:var(--green);padding:0}footer button{background:none;color:var(--muted);font-size:11px;margin-left:15px}.loader{padding:70px;text-align:center;color:var(--muted)}.alertbar{background:var(--lime);text-align:center;font-size:12px;padding:10px}.subtle{border:1px solid var(--line);border-radius:7px;padding:12px}.plan .price{font-size:30px}.fileinput{width:100%;font-size:12px}.preview-note{font-size:11px;line-height:1.7;color:var(--muted)}.joblist{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stepnum{display:inline-block;margin-top:10px}.hero h1{white-space:pre-line}.card-img .placeholder{height:100%;background:#dfe8d5;display:flex;align-items:center;justify-content:center;font-size:65px}.table-wrap{overflow-x:auto}.formerror:empty{display:none}@media(max-width:700px){.formgrid,.joblist{grid-template-columns:1fr}.span2{grid-column:auto}header{align-items:center}.nav-user{margin-left:auto}nav{overflow-x:auto}nav button{white-space:nowrap;font-size:12px}.stats{grid-template-columns:1fr}.screen-title{align-items:start;flex-direction:column}.detail-list{grid-template-columns:95px 1fr}.profilehero{align-items:start;gap:15px}.profilehero img{width:95px;height:120px}.adminbar{flex-direction:column;align-items:start;gap:10px}.form-actions{flex-wrap:wrap}.hero .actions{flex-wrap:wrap}.card-img{height:190px}.modal{padding:25px 20px}footer{flex-wrap:wrap}.cards .card-body .tags{display:none}}
.storyboard{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.storyboard div{min-height:170px;background:linear-gradient(145deg,#d8ef91,#dbe6cf);padding:20px;border-radius:10px;display:flex;flex-direction:column;justify-content:space-between}.storyboard div:nth-child(2){background:#184b39;color:#fff}.storyboard b{font-size:10px;letter-spacing:1px}.storyboard span{font-size:17px;font-weight:600}#forecastOutput .stat b{font-size:26px}@media(max-width:600px){.storyboard{grid-template-columns:1fr}.storyboard div{min-height:100px}}
/* Expanded presentation workspace */
.showcase-top{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:24px 0 15px;font-size:11px;color:#758270}.sample-pill{background:#e6eddb;color:#50653e;font-size:9px;font-weight:700;letter-spacing:1.2px;padding:6px 9px;border-radius:4px;display:inline-block;margin-right:8px}.showcase-switch{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:20px}.demo-shell{display:grid;grid-template-columns:215px minmax(0,1fr);border:1px solid var(--line);background:#fbfcf8;border-radius:15px;overflow:hidden;margin-bottom:45px;min-height:750px}.demo-side{padding:25px 17px;background:white;border-right:1px solid var(--line)}.demo-person{display:flex;flex-direction:column;gap:7px;padding:0 8px 25px}.demo-person img{width:62px;height:62px;border-radius:50%;object-fit:cover;object-position:50% 25%}.demo-person b{font-size:14px}.demo-person small{font-size:10px;color:var(--muted)}.demo-nav{display:block;width:100%;text-align:left;background:transparent;padding:13px 14px;border-radius:7px;font-size:12px;color:#66745e;margin-bottom:6px}.demo-nav.active{background:#eaf1df;color:var(--green);font-weight:700}.demo-side-foot{border-top:1px solid var(--line);padding:25px 7px 0;margin-top:30px;font-size:10px;color:var(--muted);line-height:2}.demo-side-foot .dot{display:inline-block;margin-right:5px}.demo-side-foot small{font-size:9px}.demo-main{padding:30px;min-width:0}.demo-screen-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 25px}.demo-screen-head h2{font-size:27px;margin:10px 0}.demo-screen-head p{font-size:12px;margin:0}.demo-stat{gap:12px}.demo-stat .stat{padding:19px}.demo-stat .stat b{font-size:25px}.demo-stat .stat span{font-size:10px}.demo-next{background:#234d3a;padding:24px;color:white;display:flex;align-items:center;justify-content:space-between;border-radius:10px;gap:20px}.demo-next .eyebrow{color:#bdd58d}.demo-next h3{font-size:20px;margin:10px 0}.demo-next p{color:#c6d4c5;font-size:12px;margin:0}.demo-campaign-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.campaign-card{border:1px solid var(--line);background:white;border-radius:11px;overflow:hidden}.campaign-card>img{width:100%;height:170px;object-fit:cover;object-position:50% 45%}.campaign-card>div{padding:18px}.campaign-card h3{font-size:17px;margin:13px 0 8px}.campaign-card p{font-size:11px;line-height:1.6;margin:0}.campaign-card .row{font-size:10px;margin:18px 0}.demo-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:18px 0 28px}.demo-media-card{border:1px solid var(--line);background:white;border-radius:10px;overflow:hidden}.media-cover{display:block;border:0;background:#e2e8d8;position:relative;padding:0;width:100%;height:240px;overflow:hidden}.media-cover img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.media-cover:hover img{transform:scale(1.035)}.play-disc{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:48px;height:48px;border:1px solid #fff9;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--green);box-shadow:0 4px 18px #0002}.media-kind{position:absolute;bottom:12px;left:8px;background:#17362ccb;color:white;letter-spacing:.6px;font-size:8px;padding:6px 8px;border-radius:4px}.media-copy{padding:14px}.media-copy b{font-size:12px;display:block;line-height:1.6}.media-copy small{font-size:9px;color:var(--muted);display:block;margin:9px 0}.media-copy button{font-size:10px}.activity-line{display:flex;gap:15px;border-bottom:1px solid var(--line);padding:15px 0}.activity-line:last-child{border:0}.activity-dot{width:8px;height:8px;background:#8ba763;border-radius:50%;flex-shrink:0;margin-top:4px}.activity-line b{font-size:12px}.activity-line p{font-size:11px;margin:6px 0}.activity-line small{font-size:9px;color:var(--muted)}.inbox-item{display:flex;align-items:start;gap:17px;width:100%;padding:23px;background:white;border:1px solid var(--line);border-radius:10px;margin-bottom:13px;text-align:left;color:var(--ink)}.inbox-item>div{flex:1}.inbox-item b{font-size:14px}.inbox-item small{display:block;margin:7px 0;font-size:10px;color:var(--muted)}.inbox-item p{font-size:12px;margin:0}.inbox-avatar{width:40px;height:40px;background:#e7efdc;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.demo-creator-grid{display:grid;gap:20px}.demo-creator-tile{display:grid;grid-template-columns:170px minmax(0,1fr);background:white;border:1px solid var(--line);border-radius:11px;overflow:hidden}.demo-creator-tile>img{height:100%;width:100%;object-fit:cover;object-position:50% 20%}.demo-creator-tile>div{padding:25px}.demo-creator-tile h3{font-size:22px;margin-bottom:8px}.demo-creator-tile p{font-size:13px}.demo-creator-tile .row{font-size:11px}.portfolio-cover{display:flex;gap:25px;align-items:center;background:white;padding:25px;border:1px solid var(--line);border-radius:12px;margin-bottom:30px}.portfolio-cover>img{width:160px;height:210px;object-fit:cover;border-radius:9px}.portfolio-cover p{font-size:13px}.brand-cover{background-size:cover;background-position:50% 45%;padding:45px;color:white;border-radius:12px;margin-bottom:25px}.brand-cover h2{font-size:35px;margin:22px 0}.brand-cover span{font-size:11px;letter-spacing:2px}.brand-cover p{color:#eef2e5}.profile-facts{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.profile-facts span{font-size:10px;border:1px solid var(--line);padding:8px 10px;border-radius:6px}.service-row{display:flex;justify-content:space-between;gap:20px;align-items:center;border:1px solid var(--line);border-radius:8px;background:white;padding:20px;margin:12px 0}.service-row b{font-size:13px}.service-row p{font-size:11px;margin:8px 0 0}.service-row strong{font-size:17px;white-space:nowrap}.demo-review{border:1px solid var(--line);padding:20px;border-radius:8px;margin:15px 0;background:#fff}.demo-review b{font-size:12px}.demo-review p{font-size:12px}.demo-review small{font-size:10px;color:var(--muted)}.library-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px}.library-toolbar p{font-size:12px}.asset-view{background:#e2e8dd;border-radius:10px;overflow:hidden;margin:22px 0 15px;text-align:center}.asset-view img,.asset-view video{max-width:100%;max-height:60vh;display:block;margin:auto}.asset-meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin:17px 0 25px}.sample-project-head{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:18px 0}.demo-project-tabs{gap:5px}.demo-project-tabs .chip{font-size:10px;padding:9px 12px}.brief-checks{display:grid;grid-template-columns:1fr 1fr;gap:20px;border:1px solid var(--line);padding:20px;border-radius:10px;margin:25px 0}.brief-checks h4{font-size:12px;margin:0 0 10px}.brief-checks p{font-size:11px;margin:8px 0}.hook-row{display:flex;gap:17px;background:white;border:1px solid var(--line);border-radius:7px;padding:15px;margin:9px 0;font-size:12px}.hook-row b{color:#799158}.caption-block{background:white;border-left:3px solid #88a35b;padding:20px;font-size:13px;line-height:1.9;margin-bottom:25px}.milestone{display:flex;gap:17px;position:relative;padding:0 0 30px}.milestone>span{background:#e1ebd3;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:12px}.milestone b{font-size:13px}.milestone small{display:block;font-size:10px;color:var(--muted);margin:8px 0}.milestone p{font-size:12px;margin:0}.milestone:before{content:'';position:absolute;width:1px;background:#d9e2d2;top:35px;bottom:5px;left:16px}.milestone:last-child:before{display:none}.conversation-feed{max-height:430px;overflow:auto;padding-right:7px}.demo-main .panel{padding:22px}.demo-main .section-title h3{font-size:18px}.modal .demo-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.modal .media-cover{height:250px}.modal .profilehero img{height:190px;object-position:50% 20%}@media(min-width:1400px){.demo-main .demo-campaign-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.demo-shell{grid-template-columns:160px minmax(0,1fr)}.demo-side{padding:20px 10px}.demo-main{padding:23px}.demo-screen-head{align-items:start;flex-direction:column}.demo-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-stat{grid-template-columns:1fr}.demo-campaign-grid{grid-template-columns:1fr}.demo-next{flex-direction:column;align-items:start}.demo-creator-tile{grid-template-columns:120px minmax(0,1fr)}.demo-creator-tile>div{padding:18px}.demo-creator-tile .buttonrow .btn{font-size:10px;padding:10px}.demo-screen-head h2{font-size:24px}}@media(max-width:600px){.demo-shell{display:block}.demo-side{border-right:0;border-bottom:1px solid var(--line);display:flex;gap:5px;overflow:auto;padding:12px}.demo-person,.demo-side-foot{display:none}.demo-nav{width:auto;white-space:nowrap;margin:0;font-size:10px;padding:10px}.demo-main{padding:18px}.showcase-top{align-items:start}.showcase-top>div>span:not(.sample-pill){display:none}.showcase-switch .chip{font-size:10px;padding:9px 12px}.demo-media-grid{gap:10px}.media-cover{height:200px}.media-copy{padding:10px}.media-copy b{font-size:10px}.media-kind{font-size:7px;left:5px}.portfolio-cover{flex-direction:column;align-items:start}.portfolio-cover>img{width:100%;height:240px;object-position:50% 20%}.brief-checks{grid-template-columns:1fr}.library-toolbar{flex-wrap:wrap}.demo-creator-tile{grid-template-columns:1fr}.demo-creator-tile>img{height:250px;object-position:50% 25%}.asset-meta{gap:10px;align-items:start;flex-direction:column}.brand-cover{padding:28px}.brand-cover h2{font-size:28px}.sample-project-head .small{font-size:10px}.service-row strong{font-size:15px}.modal .media-cover{height:190px}}
.milestone.future{opacity:.5}.milestone.future>span{background:#edf0e7;color:#788271}