:root{
  --ink:#0f131b;--muted:#687385;--line:#e7eaf0;--soft:#f7f8fb;--violet:#6c5ce7;--violet2:#9486ff;
  --cyan:#22b8cf;--green:#20b26b;--dark:#10141c;--gold:#f5b942;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#fff}
a{text-decoration:none;color:inherit}
button,input,select{font:inherit}

.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;border-bottom:1px solid var(--line);background:rgba(255,255,255,.95);backdrop-filter:blur(14px);position:sticky;top:0;z-index:50}
.brand{font-size:25px;font-weight:900;letter-spacing:-1.2px;display:flex;align-items:center;gap:9px}
.brandmark{width:27px;height:27px;border:2px solid var(--violet);border-radius:50%;display:inline-block;position:relative}
.brandmark i{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--violet);right:-7px;top:4px}
.brandmark i:nth-child(2){right:-10px;top:11px}
.brandmark i:nth-child(3){right:-7px;top:18px}
.topbar nav{display:flex;gap:28px;align-items:center;font-size:14px;font-weight:650}
.navbtn{background:var(--ink);color:#fff;padding:10px 15px;border-radius:11px}

.hero{min-height:690px;padding:70px 7vw 78px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;background:radial-gradient(circle at 85% 18%,#eeeaff 0,transparent 27%),linear-gradient(140deg,#fbfbfe,#fff 54%,#f3f7ff)}
.kicker{font-size:12px;font-weight:900;letter-spacing:.15em;color:var(--violet);margin-bottom:14px}
.hero h1{font-size:clamp(54px,7vw,88px);line-height:.93;letter-spacing:-.065em;margin:0 0 22px}
.hero h1 span{color:var(--violet)}
.hero-text{font-size:20px;line-height:1.55;color:var(--muted);max-width:680px}
.hero-actions{display:flex;gap:12px;margin:30px 0 22px}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:14px 19px;border:1px solid var(--ink);font-weight:800;cursor:pointer}
.btn.primary{background:var(--ink);color:#fff}
.btn.secondary{background:#fff;color:var(--ink)}
.btn.full{width:100%}
.btn.smallbtn{padding:10px 14px;font-size:13px}
.hero-proof{display:flex;gap:18px;flex-wrap:wrap;color:#697386;font-size:12px}

.hero-visual{min-height:520px;position:relative;display:grid;place-items:center}
.glow{position:absolute;width:410px;height:410px;border-radius:50%;background:radial-gradient(circle,#dcd6ff,transparent 68%);filter:blur(7px)}
.phone{position:relative;z-index:3;width:270px;height:535px;background:#f8f9fb;border:10px solid #11151e;border-radius:40px;padding:24px 17px;box-shadow:0 35px 90px rgba(19,23,33,.22);transform:translateX(40px)}
.notch{width:95px;height:22px;border-radius:25px;background:#11151e;margin:-18px auto 25px}
.smart-header{display:flex;align-items:center;gap:11px;margin-bottom:16px}
.smart-logo{width:46px;height:46px;border-radius:14px;background:var(--violet);color:white;display:grid;place-items:center;font-weight:900}
.smart-header strong,.smart-header small{display:block}
.smart-header small{color:var(--muted);font-size:10px}
.smart-btn{border:1px solid var(--line);background:#fff;border-radius:13px;padding:13px;width:100%;margin:6px 0;text-align:left;font-weight:750;display:flex;justify-content:space-between}
.phone-chart{margin-top:14px;background:#fff;border:1px solid var(--line);padding:12px;border-radius:14px}
.phone-chart span,.phone-chart b{display:block;font-size:10px}
.phone-chart b{font-size:14px;margin-top:4px}
.mini-bars{height:55px;display:flex;align-items:end;gap:5px;margin-top:8px}
.mini-bars i{flex:1;background:var(--violet);border-radius:5px 5px 1px 1px}
.mini-bars i:nth-child(1){height:35%}.mini-bars i:nth-child(2){height:48%}.mini-bars i:nth-child(3){height:40%}.mini-bars i:nth-child(4){height:67%}.mini-bars i:nth-child(5){height:53%}.mini-bars i:nth-child(6){height:78%}.mini-bars i:nth-child(7){height:92%}
.physical-card{position:absolute;z-index:5;left:0;bottom:55px;width:220px;height:143px;border-radius:17px;background:linear-gradient(145deg,#171b24,#0d0f14);color:white;padding:19px;box-shadow:0 28px 60px rgba(12,14,20,.32);transform:rotate(-6deg)}
.card-brand{font-weight:900}
.card-brand span{float:right}
.tap-symbol{font-size:27px;color:#bcb3ff;margin-top:7px}
.physical-card h3{margin:1px 0 2px}
.physical-card p{font-size:9px;color:#cdd1dc;margin:0}
.qr{position:absolute;right:14px;bottom:14px;width:36px;height:36px;background:repeating-linear-gradient(45deg,#fff 0 3px,#111 3px 6px)}
.floating-stat{position:absolute;z-index:7;background:white;border:1px solid var(--line);box-shadow:0 18px 45px rgba(17,21,30,.13);border-radius:14px;padding:11px 14px}
.floating-stat b,.floating-stat span{display:block}
.floating-stat b{font-size:19px}.floating-stat span{font-size:10px;color:var(--muted)}
.stat-a{right:-10px;top:90px}.stat-b{right:0;bottom:80px}

.analytics-strip{margin:-1px 7vw 0;border:1px solid var(--line);border-radius:18px;background:#fff;display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 16px 45px rgba(17,21,30,.06);position:relative;z-index:8}
.analytics-strip>div{padding:18px 22px;border-right:1px solid var(--line)}
.analytics-strip>div:nth-child(4){border-right:0}
.analytics-strip span,.analytics-strip b,.analytics-strip em{display:block}
.analytics-strip span{font-size:9px;letter-spacing:.12em;color:#8c95a3;font-weight:900}
.analytics-strip b{font-size:23px;margin-top:4px}
.analytics-strip em{font-size:10px;color:var(--green);font-style:normal}
.analytics-strip small{grid-column:1/-1;padding:9px 22px;border-top:1px solid var(--line);color:#9aa2ae;font-size:9px}

.section{padding:88px 7vw}
.light{background:var(--soft)}
.section-title{max-width:850px;margin-bottom:42px}
.section-title h2,.analytics-copy h2,.final-cta h2{font-size:clamp(38px,5vw,62px);line-height:1.02;letter-spacing:-.05em;margin:0 0 17px}
.section-title p,.analytics-copy p{font-size:17px;line-height:1.6;color:var(--muted)}

.journey{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:14px;align-items:center}
.journey article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:25px;position:relative;min-height:195px}
.stepnum{position:absolute;right:17px;top:16px;font-size:10px;font-weight:900;color:#a8afbc}
.stepicon{font-size:28px;color:var(--violet);margin-bottom:24px}
.journey h3{margin:0 0 7px}
.journey p{color:var(--muted);font-size:14px;line-height:1.55}
.journey-arrow{font-size:24px;color:#b0b6c1}

.split-title{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end;margin-bottom:35px}
.split-title h2{font-size:clamp(38px,5vw,60px);line-height:1.03;letter-spacing:-.05em;margin:0}
.split-title p{color:var(--muted);line-height:1.6;font-size:17px}

.feature-compact{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}
.feature-compact article{border:1px solid var(--line);border-radius:16px;padding:20px;display:grid;grid-template-columns:48px 1fr auto;gap:13px;align-items:center}
.feature-icon{width:48px;height:48px;border-radius:14px;background:#f1efff;color:var(--violet);display:grid;place-items:center;font-size:24px;font-weight:900}
.feature-compact h3{margin:0 0 3px;font-size:17px}
.feature-compact p{margin:0;color:var(--muted);font-size:12px}
.tag{padding:6px 9px;border-radius:20px;font-size:9px;font-weight:900}
.tag.available{background:#eaf8f1;color:#168853}.tag.demo{background:#eeebff;color:#5c4fe0}.tag.planned{background:#fff4d9;color:#9b6f00}

.analytics-section{display:grid;grid-template-columns:.88fr 1.12fr;gap:65px;align-items:center}
.analytics-benefits{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:26px 0}
.analytics-benefits div{border:1px solid var(--line);border-radius:13px;padding:14px}
.analytics-benefits strong,.analytics-benefits span{display:block}
.analytics-benefits strong{font-size:13px}
.analytics-benefits span{font-size:10px;color:var(--muted);margin-top:4px;line-height:1.45}
.analytics-note{background:#fff7dd;color:#725500;border-radius:12px;padding:13px;font-size:10px;line-height:1.5;margin-bottom:22px}
.analytics-board{background:#fbfbfd;border:1px solid var(--line);border-radius:24px;padding:21px;box-shadow:0 30px 80px rgba(16,19,26,.09)}
.dash-head,.panel-top{display:flex;justify-content:space-between;align-items:center}
.dash-head small,.dash-head strong{display:block}
.dash-head small{color:var(--muted);font-size:9px}.dash-head strong{font-size:18px}
.demo-badge{background:#fff0bf;color:#7d5b00;border-radius:20px;padding:7px 10px;font-size:9px;font-weight:900}
.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0}
.metric-row>div{background:white;border:1px solid var(--line);border-radius:14px;padding:13px}
.metric-row span,.metric-row b,.metric-row em{display:block}
.metric-row span{font-size:9px;color:var(--muted)}.metric-row b{font-size:24px;margin:4px 0}.metric-row em{font-size:9px;color:var(--green);font-style:normal}
.chart-card{background:white;border:1px solid var(--line);border-radius:15px;padding:14px}
.chart-head{display:flex;justify-content:space-between;font-size:10px}
.chart-card svg{width:100%;height:auto}
.touchpoints{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:9px}
.touchpoints div{background:white;border:1px solid var(--line);border-radius:12px;padding:11px}
.touchpoints span,.touchpoints b,.touchpoints small{display:block}
.touchpoints span{font-size:9px;color:var(--muted)}.touchpoints b{font-size:18px}.touchpoints small{font-size:9px;color:var(--green)}

.dark-section{background:#11151e}
.white{color:white}.white p{color:#aeb6c4}
.industry-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.industry{height:330px;border-radius:20px;overflow:hidden;position:relative;background:#181d26}
.industry:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(5,8,12,.92) 100%)}
.industry-art{position:absolute;inset:0;display:grid;place-items:center}
.industry-art span{font-size:120px;filter:grayscale(.15);opacity:.65}
.industry.barber{background:radial-gradient(circle at 50% 25%,#715a4f,#17191f 70%)}
.industry.cafe{background:radial-gradient(circle at 50% 25%,#ab7746,#2f211b 70%)}
.industry.restaurant{background:radial-gradient(circle at 50% 25%,#6a563a,#17130f 70%)}
.photo-overlay{position:absolute;z-index:3;left:24px;right:24px;bottom:23px;color:#fff}
.photo-overlay span{font-size:9px;letter-spacing:.15em}.photo-overlay h3{font-size:21px;margin:8px 0 14px}.photo-overlay a{font-size:12px;color:#d7d2ff}

.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.plans article{background:white;border:1px solid var(--line);border-radius:18px;padding:23px}
.plans article.plan-focus{border:2px solid var(--violet);box-shadow:0 18px 50px rgba(108,92,231,.12)}
.plan-type{font-size:9px;font-weight:900;color:var(--violet)}
.plans h3{font-size:23px;margin:11px 0}.plans p{color:var(--muted);font-size:13px;min-height:61px}
.plans ul{padding-left:18px;color:#4d5563;font-size:13px;line-height:1.8;min-height:145px}

.reputation{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center}
.reputation h2{font-size:44px;letter-spacing:-.04em;margin:0 0 15px}.reputation p{color:var(--muted);line-height:1.6}
.pdf-preview{display:grid;grid-template-columns:230px 1fr;gap:20px;align-items:center}
.pdf-cover{height:315px;background:linear-gradient(155deg,#151922,#352d67);color:white;border-radius:18px;padding:22px;box-shadow:0 20px 50px rgba(17,21,30,.18)}
.pdf-logo{font-size:11px;color:#c8c2ff}.pdf-stars{color:#f5b942;margin:45px 0 12px}.pdf-cover h3{font-size:25px;line-height:1.06;margin:0}.pdf-cover p{color:#d6d7df;font-size:10px}.pdf-cover small{display:inline-block;margin-top:35px;border:1px solid #625b8e;border-radius:20px;padding:6px 9px;color:#c8c2ff}
.guide-list{border-top:1px solid var(--line)}
.guide-list div{padding:17px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:35px 1fr;gap:9px}.guide-list span{color:#9ea5b0;font-size:11px}.guide-list b{font-size:13px}

.final-cta{padding:75px 7vw;background:var(--violet);color:white;display:flex;align-items:center;justify-content:space-between;gap:45px}
.final-cta h2{font-size:50px}.final-cta p{color:#e7e4ff;max-width:700px}.pale{color:#ddd8ff}
.final-actions{display:flex;gap:10px}.whitebtn{background:white;color:var(--ink);border-color:white}.outlinewhite{background:transparent;color:white;border-color:white}

footer{padding:32px 7vw;border-top:1px solid var(--line);display:grid;grid-template-columns:auto 1fr;gap:20px}
.footlinks{display:flex;gap:20px;justify-content:flex-end;font-size:12px}.legal{grid-column:1/-1;font-size:10px;color:#8b94a3}

/* Demo */
.demo-page-body{background:#f5f6fa}
.demo-shell{padding:58px 6vw 95px}
.demo-intro{text-align:center;max-width:760px;margin:auto}
.demo-intro h1{font-size:50px;letter-spacing:-.05em;margin:0 0 12px}.demo-intro p{color:var(--muted)}
.demo-switch{display:flex;gap:8px;justify-content:center;margin:24px 0 32px}
.demo-switch button{border:1px solid var(--line);background:white;border-radius:30px;padding:10px 17px;font-weight:800}
.demo-switch button.active{background:var(--ink);color:white}
.demo-stage{display:grid;grid-template-columns:420px 1fr;gap:65px;max-width:1030px;margin:auto;align-items:center}
.demo-phone{background:white;border-radius:30px;overflow:hidden;box-shadow:0 25px 70px rgba(17,21,30,.13);text-align:center;padding-bottom:22px}
.demo-cover{height:130px;background:linear-gradient(135deg,#11151e,#6c5ce7)}
.demo-avatar{width:74px;height:74px;border-radius:23px;background:#fff;display:grid;place-items:center;margin:-37px auto 13px;box-shadow:0 10px 25px rgba(17,21,30,.15);font-weight:900;font-size:28px}
.demo-phone h2{margin:0 0 5px}.demo-phone>p{color:var(--muted);margin:0}
.demo-actions{padding:12px 22px}.demo-action{width:100%;display:flex;justify-content:space-between;padding:14px 15px;margin:9px 0;border:1px solid var(--line);background:white;border-radius:13px;font-weight:750}
.demo-phone small{color:#9da5b2;font-size:9px}
.demo-explain h2{font-size:42px;letter-spacing:-.04em}.demo-explain p{font-size:17px;line-height:1.6;color:var(--muted)}
.demo-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:26px 0}
.demo-stats div{border:1px solid var(--line);background:white;border-radius:13px;padding:13px}.demo-stats b,.demo-stats span{display:block}.demo-stats b{font-size:23px}.demo-stats span{font-size:9px;color:var(--muted)}
.demo-metric-note{background:#eef0ff;color:#4439a8;border-radius:12px;padding:13px;font-size:10px;line-height:1.5;margin-bottom:20px}

/* Dashboard */
.dashboard-body{background:#f5f6fa}
.sidebar{position:fixed;left:0;top:0;bottom:0;width:230px;background:#11151e;color:white;padding:27px 21px;display:flex;flex-direction:column}
.sidebar-brand{color:white}.sidebar small{margin:24px 0 8px;color:#747f90;font-size:9px;letter-spacing:.14em}
.sidebar nav{display:flex;flex-direction:column;gap:6px}.sidebar nav a{padding:11px 12px;border-radius:9px;color:#b9c0cc;font-size:12px}.sidebar nav a.active{background:#202632;color:white}
.sidebar-back{margin-top:auto;color:#a79cff;font-size:11px}
.dashboard-main{margin-left:230px;padding:32px 35px 58px}
.dashboard-top{display:flex;justify-content:space-between;align-items:end}.dashboard-top h1{font-size:36px;margin:0}.dashboard-top p{color:var(--muted);margin:5px 0}
.range-controls{display:flex;background:white;border:1px solid var(--line);padding:4px;border-radius:11px}.range-controls button{border:0;background:transparent;padding:8px 12px;border-radius:8px;font-size:10px;font-weight:800}.range-controls button.active{background:var(--ink);color:white}
.notice{background:#fff4d8;color:#806000;padding:10px 13px;border-radius:11px;font-size:10px;margin:20px 0}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.kpis article,.panel{background:white;border:1px solid var(--line);border-radius:16px;padding:19px}
.kpis span,.kpis b,.kpis em{display:block}.kpis span{font-size:10px;color:var(--muted)}.kpis b{font-size:29px;margin:6px 0}.kpis em{font-size:9px;color:var(--green);font-style:normal}
.dashboard-grid-2{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin-top:12px}.dashboard-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}
.panel-label{font-size:8px;letter-spacing:.12em;color:#8a94a4;font-weight:900}.panel h3{margin:5px 0 10px}
.legend{font-size:9px;color:var(--muted);display:flex;align-items:center;gap:5px}.nfc-dot,.qr-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.nfc-dot{background:var(--violet)}.qr-dot{background:var(--cyan)}
.gridline{stroke:#e8eaf0;stroke-width:1}.analytics-svg{width:100%;height:auto}.days{display:flex;justify-content:space-between;color:#9ba3b0;font-size:8px;padding:0 16px}
.donut{width:155px;height:155px;border-radius:50%;margin:22px auto;background:conic-gradient(var(--violet) 0 67.5%,var(--cyan) 67.5% 100%);display:grid;place-items:center}
.donut-hole{width:102px;height:102px;border-radius:50%;background:white;display:grid;place-content:center;text-align:center}.donut-hole b{font-size:21px}.donut-hole span{font-size:8px;color:var(--muted)}
.source-rows div{display:flex;justify-content:space-between;padding:9px 0;border-top:1px solid var(--line);font-size:10px}.source-rows span{display:flex;align-items:center;gap:7px}
.big-number{font-size:34px;font-weight:900;margin:14px 0 3px}.panel p{font-size:10px;color:var(--muted)}
.action-bar{display:grid;grid-template-columns:145px 1fr 40px;gap:10px;align-items:center;margin:15px 0;font-size:10px}.action-bar>div{height:8px;background:#eef0f4;border-radius:20px;overflow:hidden}.action-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--violet),var(--violet2));border-radius:20px}
.rank-row{display:grid;grid-template-columns:35px 1fr 50px;padding:12px 0;border-top:1px solid var(--line);font-size:11px}.rank-row span{color:#9da5b2}
.data-table{margin-top:14px}.data-row{display:grid;grid-template-columns:1.3fr 1.3fr 1fr .9fr .7fr;gap:12px;padding:12px 4px;border-top:1px solid var(--line);font-size:10px;align-items:center}
.data-row.header{text-transform:uppercase;color:#8c95a3;font-size:8px;font-weight:900}.data-row b,.data-row small{display:block}.data-row small{color:#a1a8b3}.status-dot{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:5px}
.report-panel{display:flex;justify-content:space-between;align-items:center;margin-top:12px}

/* Config */
.config-body{background:#f7f8fb}.config-shell{padding:58px 6vw 95px}
.config-intro{max-width:800px;margin-bottom:32px}.config-intro h1{font-size:50px;letter-spacing:-.05em;margin:0 0 10px}.config-intro p{color:var(--muted)}
.config-grid{display:grid;grid-template-columns:1fr 340px;gap:22px;align-items:start}.config-form,.config-summary{background:white;border:1px solid var(--line);border-radius:18px;padding:24px}
.config-form h3{margin:24px 0 14px}.config-form h3:first-child{margin-top:0}
.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.field-grid label{font-size:10px;font-weight:800}.field-grid input,.field-grid select{width:100%;margin-top:7px;border:1px solid var(--line);border-radius:10px;padding:12px;background:white}
.option-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.option{border:1px solid var(--line);border-radius:13px;padding:13px;display:block;cursor:pointer;position:relative}.option input{position:absolute;right:10px;top:10px}.option span,.option b,.option small{display:block}.option span{font-size:20px}.option b{margin:9px 0 3px;font-size:11px}.option small{font-size:8px;color:var(--muted)}
.form-note{font-size:9px;color:var(--muted)}.config-summary{position:sticky;top:92px}
.summary-card{height:195px;border-radius:17px;background:#11151e;color:white;padding:19px;margin:15px 0;position:relative}.summary-brand{font-weight:900;font-size:20px}.summary-tap{font-size:35px;color:#aaa0ff;margin:22px 0 4px}.summary-card small{display:block;color:#c8ced8;margin-top:4px}
.recommendation{background:#f0efff;border:1px solid #ddd8ff;border-radius:13px;padding:13px;margin:13px 0}.recommendation span,.recommendation strong,.recommendation small{display:block}.recommendation span{font-size:8px;color:#675bd4;font-weight:900}.recommendation strong{font-size:18px;margin:3px 0}.recommendation small{font-size:9px;color:#6a6587;line-height:1.4}
.summary-section{border-top:1px solid var(--line);padding:14px 0}.summary-section span{display:block;font-size:8px;color:var(--muted);text-transform:uppercase;font-weight:900}.summary-section ul{padding-left:18px;font-size:11px}

/* Resources */
.resources-shell{padding:65px 7vw 95px}.resources-shell .section-title h1{font-size:55px;letter-spacing:-.05em;margin:0 0 15px}
.resource-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.resource-grid article{border:1px solid var(--line);border-radius:17px;padding:24px}.resource-grid article>span{font-size:9px;color:var(--violet);font-weight:900}.resource-grid p{color:var(--muted);line-height:1.55}.resource-grid b{font-size:10px;color:#8d6f00}
.mini-pdf{background:#171b24;color:white;border-radius:12px;padding:14px;margin:10px 0}.mini-pdf small{color:#c8c2ff}.mini-pdf div{color:#f5b942;margin:18px 0 5px}.mini-pdf strong{color:white;font-size:17px}
.resource-warning{margin-top:18px;background:#fff4d8;color:#725500;border-radius:12px;padding:15px;font-size:11px}

@media(max-width:1000px){
  .hero,.analytics-section{grid-template-columns:1fr}.hero-visual{margin-top:0}.journey{grid-template-columns:1fr}.journey-arrow{transform:rotate(90deg);justify-self:center}
  .plans{grid-template-columns:repeat(2,1fr)}.reputation{grid-template-columns:1fr}.demo-stage{grid-template-columns:1fr;justify-items:center}.demo-explain{max-width:550px}
  .sidebar{display:none}.dashboard-main{margin-left:0}.kpis{grid-template-columns:repeat(2,1fr)}.config-grid{grid-template-columns:1fr}.config-summary{position:static}.option-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
  .topbar{padding:0 5vw}.topbar nav a:not(.navbtn){display:none}
  .hero{padding:48px 6vw 58px;min-height:auto}.hero h1{font-size:56px}.hero-text{font-size:17px}.hero-actions{flex-direction:column}.hero-proof{gap:9px}.hero-visual{min-height:440px;margin-top:6px}
  .phone{width:220px;height:455px;transform:translateX(26px);border-width:8px;padding:19px 14px}.notch{width:78px;height:18px;margin:-13px auto 19px}.smart-logo{width:40px;height:40px}.smart-btn{padding:10px;font-size:11px}.phone-chart{display:none}
  .physical-card{width:170px;height:112px;left:-3px;bottom:40px;padding:15px}.tap-symbol{font-size:23px;margin-top:3px}.physical-card h3{font-size:15px}.qr{width:30px;height:30px}.floating-stat{display:none}
  .analytics-strip{margin:0 5vw;grid-template-columns:1fr 1fr}.analytics-strip>div{border-bottom:1px solid var(--line)}.analytics-strip>div:nth-child(2){border-right:0}
  .section{padding:64px 6vw}.split-title{grid-template-columns:1fr;gap:10px}.feature-compact{grid-template-columns:1fr}.feature-compact article{grid-template-columns:44px 1fr auto}.feature-icon{width:44px;height:44px}
  .analytics-benefits{grid-template-columns:1fr}.metric-row{grid-template-columns:repeat(3,1fr)}.analytics-board{padding:12px}.industry-cards{grid-template-columns:1fr}
  .plans{grid-template-columns:1fr}.pdf-preview{grid-template-columns:1fr}.pdf-cover{width:230px}.final-cta{flex-direction:column;align-items:flex-start;padding:62px 6vw}.final-cta h2{font-size:40px}.final-actions{flex-direction:column;width:100%}.final-actions a{width:100%}
  .footlinks{display:none}
  .demo-intro h1,.config-intro h1{font-size:38px}.demo-stage{grid-template-columns:1fr}.demo-phone{width:min(420px,94vw)}
  .dashboard-main{padding:20px 13px 48px}.dashboard-top{display:block}.range-controls{margin-top:14px;width:max-content}.kpis{grid-template-columns:1fr 1fr}.dashboard-grid-2,.dashboard-grid-3{grid-template-columns:1fr}
  .data-row{grid-template-columns:1.3fr 1.1fr .7fr}.data-row span:nth-child(3),.data-row span:nth-child(5){display:none}.report-panel{display:block}
  .field-grid{grid-template-columns:1fr}.option-grid{grid-template-columns:1fr 1fr}.resource-grid{grid-template-columns:1fr}.resources-shell .section-title h1{font-size:40px}
}