.demo-app{--accent:#08EFA7;--accent-text:#000;display:flex;min-height:100dvh;background:#F1F2EE;color:#000;font:13px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.demo-app *{box-sizing:border-box}.demo-app button,.demo-app input,.demo-app select{font:inherit}.demo-app button{cursor:pointer}.demo-app button:disabled{opacity:.5;cursor:wait}.demo-app a{color:inherit;text-decoration:none}.demo-app h1,.demo-app h2,.demo-app h3,.demo-app p{margin:0}.demo-app h2{font-size:21px;letter-spacing:-.6px;line-height:1.2;font-weight:550}.demo-app small{font-size:10px}.demo-app :focus-visible{outline:2px solid #08c98e;outline-offset:3px}.demo-app button{transition:background .2s,transform .2s}.demo-app button:active{transform:translateY(1px)}.dskip{position:fixed;top:-80px}.dskip:focus{top:10px;background:#fff;padding:15px;z-index:10}.dsidebar{width:230px;flex-shrink:0;padding:35px 23px;position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;border-right:1px solid #d8ddd3}.dlogo{width:110px;margin-bottom:38px}.dsidebar>label{font-size:10px;color:#676c65;display:block;margin-bottom:8px}.demo-app input:not([type=checkbox]),.demo-app select{border:1px solid #b7bfb2;border-radius:9px;background:#fff;min-height:42px;padding:9px 12px;color:#000;max-width:100%}.sample-label{color:#666;margin:7px 0 30px;display:block}.dsidebar nav{display:grid;gap:5px}.dsidebar nav button{background:none;border:0;border-radius:10px;padding:11px 12px;text-align:left;display:flex;align-items:center;gap:10px;font-size:12px}.dsidebar nav button:hover{background:#e3e7df}.dsidebar nav button.active{background:var(--accent);font-weight:600}.dsidebar nav button>span{font-size:18px;width:20px}.dsidebar nav button>b{font-size:10px;margin-left:auto}.side-bottom{margin-top:auto;display:grid;gap:14px;padding-top:45px;font-size:11px}.side-bottom>span{color:#777;font-size:10px}.dmain{max-width:1580px;width:100%;padding:0 40px;min-width:0;margin:auto}.dtop{height:70px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8ddd3;color:#676d63;font-size:10px;gap:15px}.dtop b{font-weight:400;margin:0 10px;color:#899380}.dtop i{width:6px;height:6px;display:inline-block;background:#1c6b39;border-radius:50%;margin-right:7px}.dheading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:37px 0 30px}.dheading h1{font-size:40px;letter-spacing:-1.6px;font-weight:500;line-height:1.15;margin:8px 0}.dheading small{font-size:9px;letter-spacing:.12em;color:#646b60}.dheading p{font-size:12px;color:#676d63}.period{font-size:9px;color:#686e64;display:grid;gap:5px}.period select{font-size:11px;min-width:170px}.dcard{background:#fff;border-radius:22px;padding:27px;min-width:0}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.kicco-card{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;min-height:225px;padding:28px 35px;background:#08EFA7}.kicco-intro{max-width:550px}.kicco-intro>small{font-size:9px;letter-spacing:.11em}.kicco-intro h2{font-size:30px;margin:12px 0;letter-spacing:-1px}.kicco-intro p{font-size:12px;max-width:400px;line-height:1.6}.dhead{width:220px;flex-shrink:0}.dbutton{display:inline-flex;align-items:center;gap:25px;justify-content:space-between;border:1px solid #000;border-radius:30px;background:#000;color:#fff;padding:11px 18px;font-size:11px!important;min-height:40px}.kicco-intro .dbutton{margin-top:20px}.dbutton.outline{background:white;color:#000;border-color:#a6afa0}.dbutton:hover{box-shadow:0 4px 12px #0001}.metric-card>span{font-size:12px;display:block}.metric-card strong{font-size:43px;font-weight:500;letter-spacing:-1.8px;display:block;margin:12px 0 3px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.metric-card small{display:block;color:#525c4c}.metric-card .dlink{margin-top:20px}.green{background:var(--accent)}.dlink{border:0;background:none;padding:0;text-align:left;font-size:11px!important;text-decoration:underline;text-underline-offset:4px;color:#000}.two-panels{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;margin-top:18px}.card-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:25px}.card-title h2{font-size:18px}.card-title>span{font-size:10px;color:#626c5b}.dchart{display:flex;height:225px;padding-top:25px;gap:15px}.chart-scale{display:flex;flex-direction:column;justify-content:space-between;padding-bottom:28px;font-size:9px;color:#525b4b;min-width:48px}.chart-columns{display:flex;justify-content:space-around;flex:1 1;gap:15px;background:repeating-linear-gradient(0deg,transparent 0,transparent 83px,#b5bdae 0,#b5bdae 84px);padding:0 8px}.chart-columns>div{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;flex:1 1;position:relative}.chart-columns b{font-size:10px;font-weight:550;white-space:nowrap;margin-bottom:7px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.chart-columns i{display:block;background:#08EFA7;border:1px solid #247442;border-bottom:none;width:100%;max-width:60px;border-radius:5px 5px 0 0;transition:height .4s}.chart-columns span{font-size:9px;display:block;background:white;width:100%;text-align:center;padding:8px 0 0}.chart-legend{font-size:9px;color:#535d4c;margin-top:18px}.chart-legend i{background:#08EFA7;border:1px solid #247442;width:9px;height:9px;display:inline-block;margin-right:5px}.cost-row{margin:22px 0}.cost-row>div:first-child{display:flex;justify-content:space-between;gap:15px;font-size:11px}.cost-row b{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cost-track{height:9px;background:#e4e7e0;border-radius:5px;margin-top:10px;overflow:hidden}.cost-track i{display:block;height:100%;background:#465441;border-radius:5px}.footnote{font-size:11px;color:#606957;line-height:1.6;margin:15px 0!important;max-width:780px}.daily-teaser{padding:32px 0 20px;display:flex;align-items:center;justify-content:space-between;gap:25px}.daily-teaser span{font-size:9px;letter-spacing:.1em}.daily-teaser h2{margin:10px 0;font-size:23px}.daily-teaser p{font-size:12px;color:#606957}.demo-footer{border-top:1px solid #d0d7ca;margin-top:30px;padding:22px 0;color:#666;font-size:9px;display:flex;justify-content:space-between;gap:20px}.brief-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;align-items:start}.brief-hero{display:flex;gap:15px;align-items:center;margin:0 0 28px}.brief-hero>div:first-child{max-width:120px}.brief-hero h2{font-size:29px;margin-top:8px}.brief-hero small{color:#59654f;font-size:9px}.insight-card{display:flex;gap:20px;margin-bottom:18px}.insight-number{font-size:13px;color:#555;padding-top:3px}.insight-card small{font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:#5e6c53}.insight-card h2{font-size:24px;margin:10px 0 14px}.insight-card p{font-size:12px;line-height:1.7;color:#5a6551}.insight-actions{display:flex;gap:25px;margin-top:22px}.evidence{background:#F1F2EE;padding:20px;border-radius:12px;margin-top:20px}.evidence b{font-size:11px}.evidence p{margin:8px 0 16px}.brief-aside{background:#e2e7dc;padding:22px;border-radius:22px}.brief-aside h3{font-size:17px;font-weight:550}.brief-aside>p{font-size:11px;margin:10px 0 20px;color:#58664d}.dsegments{display:flex;gap:5px;margin-bottom:18px}.dsegments button{font-size:10px;padding:9px 12px;border:0;border-radius:20px;background:transparent}.dsegments button.active{background:#000;color:#fff}.brief-preview{background:#fff;padding:22px;border-radius:14px}.preview-label{display:flex;align-items:center;gap:9px;font-size:11px;border-bottom:1px solid #ccd5c5;padding-bottom:15px;margin-bottom:18px}.preview-label img{width:24px}.brief-preview>small{font-size:8px;color:#606957}.brief-preview h2{font-size:21px;margin:13px 0 10px}.brief-preview p{font-size:11px;line-height:1.65;color:#525e49}.brief-point{border-top:1px solid #cbd4c3;padding:16px 0;margin-top:15px}.brief-point b{font-size:11px}.brief-point p{margin:9px 0 15px}.brief-aside>.dbutton{margin-top:18px}.whatsapp-preview{border-radius:0 14px 14px 14px}.revenue-hero{font-size:49px;letter-spacing:-2px;margin-bottom:25px}.revenue-hero small{display:block;letter-spacing:0;color:#5b6751;margin-top:5px}.dtable{overflow:auto}.demo-app table{border-collapse:collapse;width:100%;font-size:12px;margin:20px 0}.demo-app th{font-size:10px;font-weight:500;color:#56624c;text-align:left;border-bottom:1px solid #88997a;padding:13px 10px;white-space:nowrap}.demo-app td{padding:18px 10px;border-bottom:1px solid #c8d1c0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.demo-app td:last-child,.demo-app th:last-child{text-align:right}.demo-app td small{display:block;color:#5d6a52;margin-top:5px}.demo-app td input{width:100px;text-align:right}.shipping-label{display:flex;align-items:center;justify-content:space-between;margin:25px 0;gap:20px;max-width:600px;font-size:12px}.shipping-label input{width:100px}.dnotice{padding:17px 20px;background:#e1e7da;border:1px solid #8e9c82;border-radius:12px;margin:20px 0;color:#233019;font-size:12px;line-height:1.6}.dnotice>button:not(.dlink){border:0;background:transparent;font-size:13px;margin-left:10px;cursor:pointer}.connection-row{display:flex;align-items:center;gap:16px;border-bottom:1px solid #bcc8b1;padding:23px 0}.connection-icon{width:40px;height:40px;border:1px solid #b8c5aa;border-radius:12px;display:grid;place-items:center;font-size:17px}.connection-row>div:nth-child(2){flex:1 1}.connection-row small{display:block;margin-top:5px;color:#59684d}.connection-status{font-size:9px;border-radius:20px;background:#08EFA7;padding:6px 10px;white-space:nowrap}.connection-status.off{background:#e1e6db}.settings-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:25px;align-items:start}.delivery-option{padding:18px 0;border-bottom:1px solid #bdc9b2}.check-label{display:flex;align-items:center;gap:10px!important}.check-label input{accent-color:#08c98e;width:16px;height:16px}.check-label span{margin-left:auto;color:#626d58;font-size:9px}.delivery-option>label:not(.check-label){display:grid;gap:8px;margin-top:18px;font-size:11px}.consent{align-items:flex-start;margin-top:20px;font-size:11px}.consent input{flex-shrink:0}.settings-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}.settings-fields label{display:grid;gap:7px;font-size:11px}.settings-fields label:last-child{grid-column:1/-1}@media(min-width:1500px){.overview-grid{grid-template-columns:2fr 1fr 1fr}.kicco-card{grid-column:auto;padding:25px}.kicco-intro h2{font-size:28px}.dhead{width:155px}.metric-card{display:flex;flex-direction:column;justify-content:center}.dmain{padding:0 45px}.metric-card .dlink{margin-top:auto}.metric-card strong{margin-top:30px}}@media(max-width:1100px){.dsidebar{width:200px;padding:30px 15px}.dmain{padding:0 24px}.brief-layout,.settings-grid,.two-panels{grid-template-columns:1fr}.dheading h1{font-size:34px}.dheading{align-items:flex-start}.dhead{width:160px}.daily-teaser{align-items:flex-start;flex-direction:column}.brief-aside{max-width:550px}}@media(max-width:720px){.demo-app{display:block}.dsidebar{position:relative;width:100%;height:auto;padding:22px;border-right:0;border-bottom:1px solid #cbd4c2}.dlogo{width:95px;margin:0 0 20px}.dsidebar>label,.sample-label,.side-bottom{display:none}.dsidebar>select{position:absolute;right:22px;top:18px;width:155px;min-height:36px}.dsidebar nav{display:flex;overflow:auto;margin-top:8px;gap:7px}.dsidebar nav button{white-space:nowrap;min-height:42px}.dsidebar nav button>b,.dsidebar nav button>span{display:none}.dmain{padding:0 18px}.dtop{height:50px;font-size:9px}.dtop>span:last-child{display:none}.dheading{margin:25px 0;display:block}.dheading h1{font-size:35px}.dheading p{font-size:11px}.period{margin-top:18px;max-width:180px}.kicco-card{padding:25px;position:relative;overflow:hidden}.kicco-intro{position:relative;z-index:1}.kicco-intro h2{font-size:27px}.kicco-intro p{max-width:230px}.dhead{width:95px;position:absolute;right:-10px;top:0;transform:scale(.6);transform-origin:center}.overview-grid{gap:12px}.dcard{padding:22px;border-radius:18px}.metric-card{padding:20px 16px}.metric-card strong{font-size:30px}.metric-card>span{font-size:10px}.metric-card small{font-size:9px}.metric-card .dlink{font-size:9px!important}.chart-columns{gap:9px}.chart-columns b,.chart-scale{font-size:8px}.chart-scale{min-width:40px}.two-panels{gap:12px;margin-top:12px}.card-title{gap:10px;align-items:flex-start}.card-title h2{font-size:17px}.connection-row{flex-wrap:wrap;gap:12px}.connection-row>div:nth-child(2){flex-basis:65%}.connection-row .dbutton{margin-left:auto}.brief-hero h2{font-size:25px}.brief-hero>div:first-child{max-width:95px}.insight-card{gap:13px}.insight-card h2{font-size:22px}.demo-app td,.demo-app th{padding-left:8px;padding-right:8px}.demo-app table{min-width:390px}.settings-fields{gap:12px}.demo-footer{font-size:8px}}@media(prefers-reduced-motion:reduce){.demo-app *{transition:none!important;animation:none!important}}.demo-app .chart-columns i,.demo-app .chart-legend i,.demo-app .connection-status,.demo-app .kicco-card{background:var(--accent);color:var(--accent-text)}.demo-app .green,.demo-app .green .dlink,.demo-app .green small,.demo-app nav button.active{color:var(--accent-text)}.demo-app .connection-status.off{background:#e1e6db;color:#000}.demo-app .chart-columns i{border-color:#000}.demo-app .side-bottom{padding-top:25px}.connection-icon img{width:25px;height:25px;object-fit:contain}.demo-app .dcard{border-radius:22px;border:0;box-shadow:0 2px 12px #18382006}.demo-app .chart-columns{background:repeating-linear-gradient(0deg,transparent 0,transparent 83px,#d9ded7 0,#d9ded7 84px);gap:24px}.demo-app .chart-columns i{border:0;max-width:74px;border-radius:5px 5px 0 0;background:repeating-linear-gradient(to top,var(--accent) 0,var(--accent) 12px,transparent 12px,transparent 16px)}.demo-app .chart-columns b{font-size:12px;letter-spacing:-.2px}.demo-app .metric-card{border-radius:22px}.demo-app .metric-card strong{letter-spacing:-1.8px}.demo-app .dtop>span:first-child{font-size:15px}.demo-app .dtop>span:first-child b{margin:0 16px}.demo-app .chart-columns>div:hover i{filter:brightness(.9)}@media(max-width:700px){.demo-app .chart-columns{gap:10px}.demo-app .chart-columns b{font-size:9px}}.palette-control{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;color:#000;font-size:10px}.palette-control>span{font-size:10px}.palette-control>div{display:flex;gap:8px;align-items:center}.palette-control button{width:23px;height:23px;border:0;border-radius:50%;cursor:pointer;padding:0;display:grid;place-items:center}.palette-control button[aria-pressed=true]{outline:none}.palette-control button[aria-pressed=true]:after{content:"✓";font-size:14px;font-weight:600;color:#10251b}.palette-control button:focus-visible{outline:2px solid #08c98e;outline-offset:3px}.palette-control label{display:block;width:25px;height:25px;border-radius:50%;border:1px solid #d6dcd8;position:relative;overflow:hidden;background:white}.palette-control input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.palette-control label>span{pointer-events:none;display:grid;place-items:center;font-size:16px}.palette-control small{font-size:9px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:#666}.side-bottom .palette-control{justify-content:flex-start;gap:12px}.side-bottom .palette-control>span{width:100%}