:root{font-family:Arial,Helvetica,sans-serif;color:#234b39;background:#f7f6f1;font-synthesis:none;--green:#234b39;--muted:#768477;--magenta:#a22983;--pink:#f3deec;--line:#e6e8df;--white:#fff;--red:#b25347}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{outline-offset:5px}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.sidebar{width:230px;background:#fffef9;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;padding:39px 25px;display:flex;flex-direction:column;z-index:2}.brand{font-weight:900;font-size:45px;letter-spacing:-4px;line-height:.85;display:block}.brand span{display:block;font-size:9px;letter-spacing:2.5px;font-weight:600;margin:14px 0 0 2px}.side-label{font-size:9px;letter-spacing:1.9px;color:#98a18f;margin:65px 0 16px 12px}.sidebar>a:not(.brand){font-size:12px;padding:14px 12px;display:flex;gap:12px;margin-bottom:5px;border-radius:10px;color:#69786b}.sidebar>a.nav-active{background:#e9eee2;color:var(--green);font-weight:700}.sidebar-bottom{margin-top:auto;font-size:11px;font-weight:700}.sidebar-bottom small{display:block;margin:10px 0 22px;font-weight:400;font-size:9px;color:var(--muted)}.dot{width:6px;height:6px;border-radius:50%;background:#7b9e58;display:inline-block;margin-right:6px}.text-button{border:0;background:transparent;color:#6f7d70;text-align:left;display:block;padding:7px 0;font-size:10px}main#overview{margin-left:230px;padding:0 39px;max-width:1800px}header{height:87px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.breadcrumb{font-size:10px;color:#8a9285}.breadcrumb span{margin:0 10px;color:#b8bdaf}.header-right{display:flex;gap:18px;align-items:center}.status-pill{font-size:10px;background:#e9eee2;border-radius:20px;padding:8px 12px}.status-pill:before{content:'';width:5px;height:5px;background:#76965a;border-radius:50%;display:inline-block;margin-right:7px}.status-pill.offline{background:#f7eadb;color:#936742}.status-pill.offline:before{background:#c79054}.avatar{width:30px;height:30px;border-radius:50%;background:#e9eee2;display:grid;place-content:center;font-size:11px;font-weight:700}.intro{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:37px 0 28px}.eyebrow{font-size:9px;letter-spacing:1.9px;font-weight:700;color:#86977b}.intro h1{font-size:clamp(26px,2.8vw,43px);letter-spacing:-1.9px;font-weight:500;margin:10px 0}.intro p{font-size:12px;color:var(--muted);margin:0}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:9px;padding:13px 18px;font-size:11px;font-weight:600;border:1px solid var(--line);white-space:nowrap}.primary{background:var(--green);color:#fff;border-color:var(--green)}.primary span{margin-left:auto}.secondary{background:#fffef9;color:var(--green)}.secondary span{font-size:17px}.period-row{display:flex;align-items:center;gap:19px;padding:0 0 24px}.segmented{display:flex;background:#eaece4;border-radius:9px;padding:4px;gap:3px}.segmented button{border:0;background:none;color:#7e8979;border-radius:6px;padding:9px 16px;font-size:11px}.segmented button.selected{background:#fff;box-shadow:0 1px 4px #223b2510;color:var(--green);font-weight:700}.period-caption{font-size:11px;display:flex;flex-direction:column;gap:5px}.period-caption span{color:#8c9687;font-size:10px}.updated{font-size:9px;color:#8b9486;margin-left:auto;max-width:250px;text-align:right}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric{background:var(--white);padding:22px 23px;border-radius:14px;min-height:172px;border:1px solid #e8eade}.metric-title{font-size:11px;color:#6c7b6a;display:flex;justify-content:space-between;align-items:center}.metric-icon{background:#f1f3e9;border-radius:7px;padding:6px 8px;font-size:14px}.metric-value{font-size:clamp(27px,2.8vw,44px);font-weight:500;letter-spacing:-1.7px;line-height:1.2;margin:14px 0 10px;white-space:nowrap}.delta{font-size:10px;line-height:1.4;color:#809078}.delta.up{color:#4a8252}.delta.down{color:#b45c55}.delta.same{color:#7a8375}.metric-detail{font-size:9px;line-height:1.5;color:#99a08f;margin-top:10px}.metric.revenue{background:var(--green);color:#fff;border-color:var(--green)}.revenue .metric-title{color:#d1dac5}.revenue .metric-icon{background:#ffffff18;color:#d8e0ca}.revenue .metric-detail{color:#b2c1a5}.revenue .delta.up{color:#c1dda1}.revenue .delta.down{color:#f5b3a9}.revenue .delta.same,.revenue .delta{color:#c6d1b8}.content-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr);gap:20px;margin-top:24px}.panel{background:#fff;border:1px solid #e7e9de;border-radius:14px;padding:25px}.panel h2{font-size:21px;font-weight:500;letter-spacing:-.7px;line-height:1.17;margin:9px 0 0}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:20px}select{border:1px solid var(--line);background:#fff;color:var(--green);border-radius:7px;padding:9px 26px 9px 12px;font-size:10px;max-width:140px}.chart-legend{display:flex;gap:18px;margin-top:23px;font-size:9px;color:#929c89}.chart-legend span{display:flex;align-items:center;gap:7px}.chart-legend b{font-weight:400}.chart-legend i{display:block;width:16px;height:3px;border-radius:3px}.legend-current{background:#a22983}.legend-previous{background:#c4cbb8}.chart{height:235px;display:flex;align-items:center;justify-content:center;color:#98a38c;font-size:12px}.chart svg{width:100%;height:100%;overflow:visible}.chart text{font-family:Arial,sans-serif;fill:#a1a995;font-size:10px}.chart-note{font-size:9px;line-height:1.6;color:#9aa38e;border-top:1px solid #f0f1eb;padding-top:14px;margin:4px 0 0}.destinations{background:#f0f2e5}.donut-wrap{height:160px;display:grid;place-content:center;margin-top:15px}.donut-wrap svg{height:160px;width:200px}.countries{display:flex;flex-direction:column;gap:14px;margin-top:12px}.country-row{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:9px;font-size:11px}.country-mark{width:25px;height:25px;display:grid;place-content:center;border-radius:6px;background:#e5e8d7;font-size:8px;font-weight:700}.country-name small{display:block;font-size:9px;color:#94a087;margin-top:4px}.country-number{text-align:right;font-size:13px}.country-number small{font-size:9px;color:#8b977c;margin-left:5px}.country-note{font-size:9px;line-height:1.6;color:#909c82;padding-top:19px;margin-top:17px;border-top:1px solid #e2e5d5}.bottom-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr);gap:20px;margin-top:20px}.detail-panel{display:flex;gap:25px;align-items:center;padding:25px}.detail-panel h2{font-size:19px}.detail-panel p,.insight p{font-size:10px;line-height:1.8;color:#8c9684;max-width:400px;margin:11px 0 0}.reversal-box{min-width:140px;padding-left:24px;border-left:1px solid var(--line);font-size:9px;line-height:1.7;color:#8b9583}.reversal-box strong{display:block;font-size:23px;font-weight:400;letter-spacing:-.7px;color:var(--green);margin-top:5px}.insight{background:#f3deec;border-color:#ead0e1}.insight .eyebrow{color:#a76596}.insight h2{font-size:20px}.insight p{color:#9a7793}footer{padding:25px 0;display:flex;justify-content:space-between;gap:20px;color:#a2a995;font-size:8px}.notice{font-size:11px;line-height:1.7;padding:13px 17px;border-radius:10px;background:#f8e8cf;color:#8a6234;margin-bottom:16px}.connect-banner{background:#f3deec;border:1px solid #ead1e1;border-radius:14px;padding:23px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.connect-banner h2{font-weight:500;font-size:22px;margin:8px 0}.connect-banner p{font-size:11px;line-height:1.6;color:#8d7386;margin:0}.gate{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.gate-art{background:var(--green);color:#f5f3e3;padding:60px 12%;position:relative;overflow:hidden}.gate-art .brand{color:#f5f3e3}.gate-title{font-size:clamp(45px,5vw,78px);letter-spacing:-4px;line-height:1.03;margin-top:110px;position:relative;z-index:1}.gate-art p{font-size:14px;line-height:1.8;color:#b7c5a7;position:relative;z-index:1}.gate-panel{max-width:440px;width:100%;margin:auto;padding:40px}.gate-panel h1{font-size:33px;font-weight:500;letter-spacing:-1px}.gate-panel p{font-size:12px;line-height:1.8;color:#85917e}.gate-panel small,dialog small{display:block;font-size:10px;color:#95a08c;line-height:1.7;margin-top:24px}.fruit-orbit i{position:absolute;border-radius:50%;background:#76935c;width:300px;height:300px;bottom:-120px;right:-60px}.fruit-orbit i:nth-child(2){background:#a22983;width:170px;height:170px;bottom:40px;right:150px}.fruit-orbit i:nth-child(3){background:#ebbe6b;width:100px;height:100px;bottom:180px;right:30px}label{display:block;font-size:11px;margin:20px 0 8px;color:#687a60}input{width:100%;padding:14px;border:1px solid #dce2d0;border-radius:8px;background:#fff;color:var(--green);font-size:14px}form>.primary{margin-top:20px;width:100%}.error{color:#b25347!important;min-height:16px;font-size:11px;line-height:1.6}dialog{border:1px solid var(--line);border-radius:17px;padding:35px;max-width:460px;width:calc(100% - 32px);color:var(--green);box-shadow:0 20px 100px #234b3933}dialog::backdrop{background:#173a2e99;backdrop-filter:blur(3px)}dialog h2{font-size:28px;font-weight:500;letter-spacing:-1px}dialog p{font-size:12px;line-height:1.8;color:#7a8772}.close{float:right;border:0;background:#eef1e6;border-radius:50%;width:27px;height:27px;color:#69805b;font-size:19px}.loading{opacity:.55;pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:1600px){main#overview{padding-left:65px;padding-right:65px}.intro{padding-top:45px}.metric{min-height:190px}.chart{height:285px}}
@media(max-width:1100px){.sidebar{width:190px;padding:34px 19px}.sidebar>a:not(.brand){font-size:10px}.brand{font-size:40px}main#overview{margin-left:190px;padding:0 24px}.metric-grid{gap:10px}.metric{padding:17px 15px}.metric-value{font-size:31px}.metric-detail{font-size:8px}.content-grid,.bottom-grid{gap:14px;grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr)}.panel{padding:20px}.panel h2{font-size:19px}.detail-panel{display:block}.reversal-box{padding:13px 0 0;border-left:0;border-top:1px solid var(--line);margin-top:15px}.reversal-box strong{display:inline;margin-left:10px}.gate-art{padding:50px 10%}}
@media(max-width:800px){.sidebar{position:static;width:auto;height:69px;padding:18px 22px;flex-direction:row;align-items:center;border-right:0;border-bottom:1px solid var(--line);justify-content:space-between}.sidebar .brand{font-size:32px;letter-spacing:-3px}.brand span{font-size:7px;margin-top:8px;letter-spacing:2px}.sidebar .side-label,.sidebar>a:not(.brand),.sidebar-bottom small,.sidebar-bottom>.dot{display:none}.sidebar-bottom{margin:0;font-size:9px}.sidebar-bottom .text-button{display:inline;font-size:9px;margin-left:10px}.sidebar-bottom{font-size:0}main#overview{margin:0;padding:0 20px}header{height:56px}.intro{padding:26px 0 23px}.intro h1{font-size:32px;letter-spacing:-1.6px}.intro p{font-size:11px}.intro .secondary{padding:10px;font-size:0;gap:0}.intro .secondary span{font-size:20px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.metric{min-height:163px;padding:19px}.metric-value{font-size:37px}.metric-detail{font-size:9px}.content-grid,.bottom-grid{grid-template-columns:1fr}.chart{height:235px}.destinations{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}.destinations>.eyebrow,.destinations>h2,.country-note{grid-column:1/-1}.donut-wrap{margin:12px 0;height:160px}.countries{justify-content:center;gap:22px}.country-note{margin-top:0;padding-top:15px}.bottom-grid .detail-panel{display:flex}.reversal-box{border-top:0;border-left:1px solid var(--line);padding:0 0 0 20px;margin:0}.reversal-box strong{display:block;margin:5px 0 0}.period-row{gap:14px;flex-wrap:wrap}.updated{width:100%;max-width:none;margin:0;text-align:left}.segmented button{padding:9px 17px}.period-caption{margin-left:auto;text-align:right}footer{line-height:1.6;flex-direction:column;gap:6px}.gate{grid-template-columns:1fr}.gate-art{padding:28px 30px;height:200px}.gate-title{font-size:36px;letter-spacing:-2px;margin:27px 0 0}.gate-title br{display:none}.gate-art p{display:none}.fruit-orbit i{width:150px;height:150px;bottom:-80px;right:-30px}.fruit-orbit i:nth-child(2){width:100px;height:100px;bottom:-30px;right:80px}.fruit-orbit i:nth-child(3){width:65px;height:65px;bottom:40px;right:10px}.gate-panel{padding:35px 30px;max-width:460px}.gate-panel h1{font-size:30px}.connect-banner{display:block}.connect-banner .primary{margin-top:15px}}
@media(max-width:800px){.content-grid,.bottom-grid{grid-template-columns:minmax(0,1fr)}.panel{min-width:0}.destinations{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:400px){main#overview{padding:0 15px}.intro h1{font-size:28px}.metric{padding:16px}.metric-value{font-size:32px}.metric-title{font-size:10px}.metric-detail{font-size:8px}.destinations{display:block}.countries{gap:14px}.country-number small{display:inline;margin:0 0 0 6px}.panel{padding:18px}.panel h2{font-size:18px}.panel-header{gap:8px}select{max-width:105px;padding-left:8px;font-size:9px}.bottom-grid .detail-panel{display:block}.reversal-box{border-left:0;border-top:1px solid var(--line);padding:15px 0 0;margin-top:15px}.reversal-box strong{display:inline;margin-left:10px}}

.app-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,270px);gap:35px;margin-top:20px;background:#fffef9}.app-panel p{font-size:12px;line-height:1.8;color:#74816d;max-width:620px}.app-panel #push-status{color:#234b39;font-weight:600}.app-panel #install-help{font-size:11px}.app-actions{display:flex;flex-direction:column;gap:10px;justify-content:center}.app-actions small{font-size:10px;line-height:1.6;color:#768477}.app-actions .text-button{text-align:center}.install-highlight{background:#f3deec;padding:12px;border-radius:8px}.offline-page{max-width:500px;margin:15vh auto;padding:30px;line-height:1.8}.offline-page a{text-decoration:underline}@media(max-width:600px){.app-panel{grid-template-columns:minmax(0,1fr);gap:15px}.app-panel p{font-size:13px}}

.period-navigation{display:flex;gap:6px;align-items:center}.period-navigation button{min-width:40px;min-height:40px;padding:8px 12px;font-size:14px}.period-navigation #period-current{font-size:11px}.period-navigation button:disabled{cursor:default;opacity:.35}.chart-legend{flex-wrap:wrap;row-gap:10px}.legend-previous{background:repeating-linear-gradient(to right,#a1ad90 0 5px,transparent 5px 8px)}@media(max-width:1100px){.period-row{flex-wrap:wrap}.updated{margin-left:0}.period-caption{margin-left:auto}}@media(max-width:600px){.period-row{gap:12px}.period-navigation{margin-left:auto}.period-caption{width:100%;margin:0;text-align:left}.segmented button{padding:10px 12px}.period-navigation button{padding:8px;min-width:36px}.updated{margin-top:0}.chart-legend{font-size:10px}}

.app-actions button:disabled{cursor:not-allowed;opacity:.5}

.behavior-panel{margin-top:20px}.behavior-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin-top:20px}.section-copy{font-size:12px;line-height:1.8;color:#74816d;margin:14px 0 20px}.funnel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:25px 0}.funnel-step{min-width:0}.funnel-step>span{font-size:12px}.funnel-step>strong{display:block;font-size:33px;letter-spacing:-1px;font-weight:500;margin:12px 0}.funnel-step>small{display:block;color:#74816d;font-size:10px;line-height:1.7;margin-top:10px}.funnel-bar{height:7px;border-radius:10px;background:#f3deec;overflow:hidden}.funnel-bar i{display:block;height:100%;background:#a22983;border-radius:10px}.analytics-table-wrap{max-width:100%;overflow-x:auto}.analytics-table{width:100%;border-collapse:collapse;font-size:12px;line-height:1.6}.analytics-table th{text-align:left;color:#74816d;font-weight:400;font-size:10px;padding:10px 8px;border-bottom:1px solid #e6e8df}.analytics-table td{padding:13px 8px;border-bottom:1px solid #f0f1eb;overflow-wrap:anywhere}.analytics-table td:first-child{width:65%}.analytics-table :is(th,td):not(:first-child){text-align:right}.list-empty{padding:16px 0;font-size:12px;line-height:1.8;color:#74816d}#landing-products{margin-top:24px;border-top:1px solid #e6e8df;padding-top:18px}summary{font-size:12px;cursor:pointer;line-height:1.7}@media(max-width:800px){.behavior-grid{grid-template-columns:minmax(0,1fr);gap:14px}.funnel{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.analytics-table td:first-child{width:auto}.analytics-table{font-size:11px}.analytics-table :is(th,td){padding-left:5px;padding-right:5px}}

#traffic-details{margin-top:20px;border-top:1px solid var(--line);padding-top:16px}.table-title{font-size:13px;font-weight:500;margin:24px 0 5px}#product-engagement:not(:empty){padding:12px 15px;border-left:3px solid var(--magenta);background:#fbf3f8;border-radius:0 8px 8px 0}


.source-scope{font-size:12px;line-height:1.9;background:#f8eef5;border:1px solid #ead6e4;padding:15px 18px;border-radius:9px;color:#704064;margin:16px 0 22px;overflow-wrap:anywhere}.shopify-scope{background:#eaf0e5;border-color:#dce5d3;color:#3f5d3d}.source-label{font-size:10px;line-height:1.8;color:#74816d}.product-funnel-list{display:grid;gap:17px}.product-flow{padding:20px;border:1px solid var(--line);border-radius:10px;background:#fffefa}.product-flow h3{font-size:17px;font-weight:500;letter-spacing:-.3px;margin:0 0 22px}.product-flow-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.product-flow-steps li{min-width:0;border-left:3px solid #e8cbe0;padding-left:12px}.product-flow-steps span{font-size:11px;line-height:1.6;display:block;min-height:36px}.product-flow-steps strong{display:block;font-size:28px;font-weight:500;margin:8px 0}.product-flow-steps small{display:block;font-size:9px;line-height:1.8;color:#768477}.product-flow .chart-note{margin-top:22px}@media(max-width:700px){.product-flow-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:20px}.product-flow-steps span{min-height:0}.product-flow{padding:16px}.source-scope{font-size:11px;padding:13px}.product-flow-steps strong{font-size:26px}}