:root {
  --navy:#021434;
  --blue:#0267e6;
  --cyan:#0ab1f8;
  --ink:#172536;
  --muted:#687b8b;
  --line:#dce6ed;
  --soft:#f3f7fa;
  --accent:#0ab1f8;
}

* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:#fff; font-family:Inter,"Segoe UI",Arial,sans-serif; text-rendering:optimizeLegibility; }
a { color:inherit; text-decoration:none; }
button,a { -webkit-tap-highlight-color:transparent; }
a:focus-visible,button:focus-visible { outline:3px solid rgba(10,177,248,.45); outline-offset:3px; }

.promo-bar { min-height:42px; padding:0 20px; display:flex; align-items:center; justify-content:center; color:#fff; background:linear-gradient(90deg,#031a40,#07548c,#031a40); }
.promo-bar a { min-height:42px; display:flex; align-items:center; justify-content:center; gap:16px; font-size:11px; }
.promo-bar strong { padding:5px 8px; border:1px solid rgba(103,218,255,.45); border-radius:999px; color:#74ddff; font-size:8px; letter-spacing:.11em; }
.promo-bar span { color:#dbefff; font-weight:600; }
.promo-bar span b { color:#fff; font-weight:900; }
.promo-bar em { color:#72d9ff; font-size:10px; font-style:normal; font-weight:900; }

.site-header { height:74px; max-width:1220px; margin:0 auto; padding:0 24px; display:flex; align-items:center; justify-content:space-between; position:relative; z-index:10; }
.brand { display:flex; align-items:center; gap:9px; color:var(--navy); font-size:20px; font-weight:900; letter-spacing:.16em; }
.brand img { width:34px; height:34px; object-fit:contain; }
.site-header nav { display:flex; gap:28px; color:#536678; font-size:13px; font-weight:700; }
.site-header nav a:hover { color:var(--blue); }
.button { min-height:50px; padding:0 23px; display:inline-flex; align-items:center; justify-content:center; gap:11px; border-radius:10px; color:#fff; background:linear-gradient(135deg,var(--blue),var(--cyan)); box-shadow:0 12px 28px rgba(2,103,230,.23); font-size:13px; font-weight:800; transition:transform .2s ease,box-shadow .2s ease; }
.button:hover { transform:translateY(-2px); box-shadow:0 16px 35px rgba(2,103,230,.29); }
.button-small { min-height:38px; padding:0 16px; border-radius:8px; font-size:11px; }

.hero { min-height:735px; padding:62px max(24px,calc((100vw - 1172px)/2)) 82px; display:grid; grid-template-columns:.9fr 1.1fr; align-items:center; gap:48px; position:relative; overflow:hidden; background:linear-gradient(180deg,#fbfdff 0%,#fff 88%); }
.hero-glow { width:720px; height:720px; position:absolute; top:-310px; right:-250px; border-radius:50%; background:radial-gradient(circle,rgba(10,177,248,.15),transparent 68%); }
.hero-copy { max-width:590px; position:relative; z-index:2; }
.eyebrow { margin-bottom:22px; display:flex; align-items:center; gap:9px; color:var(--blue); font-size:11px; font-weight:900; letter-spacing:.13em; }
.eyebrow span { width:25px; height:2px; background:var(--cyan); }
.hero h1 { margin:0; color:var(--navy); font-size:clamp(46px,4.8vw,68px); line-height:1.02; letter-spacing:-.055em; font-weight:840; }
.hero h1 em { color:var(--blue); font-style:normal; }
.hero-copy>p { max-width:565px; margin:24px 0 17px; color:#526779; font-size:17px; line-height:1.68; }
.hero-offer { max-width:560px; padding:11px 13px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:12px; border:1px solid #bfe7f8; border-radius:12px; background:linear-gradient(90deg,#ecf9ff,#f7fcff); box-shadow:0 10px 24px rgba(2,103,230,.08); transition:transform .2s ease,border-color .2s ease; }
.hero-offer:hover { border-color:#73cef2; transform:translateY(-2px); }
.discount-stamp { width:54px; height:54px; display:flex; align-items:center; flex-direction:column; justify-content:center; border-radius:10px; color:#fff; background:linear-gradient(135deg,var(--blue),var(--cyan)); }
.discount-stamp strong { font-size:18px; line-height:1; letter-spacing:-.04em; }
.discount-stamp small { margin-top:3px; font-size:7px; font-weight:900; letter-spacing:.08em; }
.hero-offer-copy,.hero-offer-copy small,.hero-offer-copy strong,.hero-offer-copy em { display:block; min-width:0; }
.hero-offer-copy small { color:#3c86a8; font-size:7px; font-weight:900; letter-spacing:.1em; }
.hero-offer-copy strong { margin-top:4px; color:var(--navy); font-size:13px; }
.hero-offer-copy em { margin-top:3px; color:#6c7e8c; font-size:8px; font-style:normal; }
.hero-offer>b { color:var(--blue); font-size:18px; }
.hero-offer+.hero-actions { margin-top:18px; }
.hero-actions { display:flex; align-items:center; gap:26px; }
.text-link { padding:13px 0; color:var(--navy); font-size:13px; font-weight:800; }
.trust-row { margin-top:29px; display:flex; flex-wrap:wrap; gap:16px; color:#6c7e8d; font-size:10px; font-weight:700; }
.trust-row span { display:flex; align-items:center; gap:6px; }
.check { width:18px; height:18px; display:inline-grid; place-items:center; border-radius:50%; color:#0267e6; background:#e5f4ff; font-size:10px; font-weight:900; flex:0 0 auto; }

.hero-product { min-width:0; position:relative; z-index:2; }
.app-window { overflow:hidden; border:1px solid #cfdce6; border-radius:17px; background:#fff; box-shadow:0 32px 80px rgba(2,20,52,.18),0 7px 20px rgba(2,20,52,.08); }
.app-titlebar { height:47px; padding:0 15px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; border-bottom:1px solid #e2eaf0; background:#fbfdff; }
.window-dots { display:flex; gap:5px; }
.window-dots i { width:7px; height:7px; border-radius:50%; background:#d5e0e8; }
.app-brand { display:flex; align-items:center; gap:6px; color:var(--navy); font-size:8px; font-weight:900; letter-spacing:.12em; }
.app-brand img { width:18px; height:18px; object-fit:contain; }
.user-badge { width:23px; height:23px; justify-self:end; display:grid; place-items:center; border-radius:50%; color:#fff; background:var(--navy); font-size:7px; font-weight:800; }
.app-shell { min-height:405px; display:grid; grid-template-columns:118px 1fr; }
.app-shell aside { padding:21px 12px; display:flex; flex-direction:column; gap:6px; color:#89a0b7; background:var(--navy); }
.app-shell aside>span { margin:0 7px 10px; color:#55718d; font-size:6px; font-weight:900; letter-spacing:.14em; }
.nav-item { padding:10px 9px; border-radius:7px; font-size:8px; }
.nav-item b { margin-left:5px; font-weight:700; }
.nav-item.active { color:#e6f7ff; background:rgba(10,177,248,.16); }
.system-status { margin-top:auto; padding:10px 6px 0; border-top:1px solid rgba(255,255,255,.08); font-size:6px; }
.system-status i { width:5px; height:5px; margin-right:4px; display:inline-block; border-radius:50%; background:var(--accent); }
.app-content { min-width:0; padding:21px; background:#f4f7f9; }
.screen-heading { margin-bottom:13px; display:flex; align-items:center; justify-content:space-between; }
.screen-heading small,.screen-heading strong { display:block; }
.screen-heading small { color:#8797a4; font-size:6px; letter-spacing:.12em; }
.screen-heading strong { margin-top:4px; color:var(--navy); font-size:15px; }
.screen-heading>span { padding:6px 8px; border-radius:999px; color:#0267e6; background:#e5f4ff; font-size:6px; font-weight:800; }
.scan-success { padding:11px 12px; display:flex; align-items:center; gap:9px; border:1px solid #dfe8ef; border-radius:9px; background:#fff; }
.pdf-icon { width:31px; height:34px; display:grid; place-items:center; border-radius:6px; color:#fff; background:linear-gradient(135deg,#fb6076,#d9264c); font-size:7px; font-weight:900; flex:0 0 auto; }
.scan-success small,.scan-success strong { display:block; }
.scan-success small { color:#8c9ca8; font-size:5px; letter-spacing:.1em; }
.scan-success strong { margin-top:4px; color:#2b4051; font-size:8px; }
.scan-success .check { margin-left:auto; width:16px; height:16px; font-size:8px; }
.extracted-grid { margin-top:9px; display:grid; grid-template-columns:1.4fr .6fr; gap:7px; }
.extracted-grid>div { min-width:0; padding:10px; border:1px solid #e3eaf0; border-radius:8px; background:#fff; }
.extracted-grid small,.extracted-grid strong,.extracted-grid em { display:block; }
.extracted-grid small { color:#96a5b0; font-size:5px; letter-spacing:.1em; }
.extracted-grid strong { margin-top:5px; overflow:hidden; color:#263b4d; font-size:8px; text-overflow:ellipsis; white-space:nowrap; }
.extracted-grid em { margin-top:3px; color:#83939f; font-size:6px; font-style:normal; }
.route-estimate { margin-top:9px; overflow:hidden; border:1px solid #dfe8ee; border-radius:9px; background:#fff; }
.route-top { padding:10px 12px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #edf2f5; }
.route-top strong { color:var(--navy); font-size:8px; }
.route-top span { display:flex; align-items:center; gap:4px; color:#738692; font-size:6px; }
.route-top .check { width:12px; height:12px; font-size:7px; }
.route-visual { padding:16px 12px; display:grid; grid-template-columns:1fr 33px 1fr; align-items:center; gap:8px; }
.route-visual>div { display:flex; align-items:center; gap:7px; }
.route-visual i { width:8px; height:8px; border:2px solid var(--blue); border-radius:50%; flex:0 0 auto; }
.route-visual i.square { border-radius:2px; background:var(--blue); }
.route-visual small,.route-visual strong { display:block; }
.route-visual small { color:#94a3ae; font-size:5px; }
.route-visual strong { margin-top:4px; color:var(--navy); font-size:8px; }
.route-visual>b { height:1px; position:relative; background:#9bdcf6; }
.route-visual>b::after { content:""; width:4px; height:4px; position:absolute; right:0; top:-2px; border-radius:50%; background:var(--cyan); }
.float-card { position:absolute; padding:11px 13px; display:flex; align-items:center; gap:9px; border:1px solid rgba(214,226,235,.95); border-radius:10px; background:rgba(255,255,255,.97); box-shadow:0 14px 32px rgba(2,20,52,.15); }
.float-card small,.float-card strong { display:block; }
.float-card small { color:#8797a3; font-size:7px; }
.float-card strong { margin-top:3px; color:var(--navy); font-size:9px; }
.float-card .check { margin-left:5px; }
.scan-float { top:-28px; left:-34px; }
.maps-float { right:-25px; bottom:-26px; }
.map-icon { width:34px; height:34px; display:grid; place-items:center; border-radius:8px; color:#fff; background:linear-gradient(135deg,var(--blue),var(--cyan)); font-size:7px; font-weight:900; flex:0 0 auto; }

.core-section { max-width:1172px; margin:0 auto; padding:0 24px; }
.core-grid { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid #e0e9ef; border-radius:15px; background:#fff; box-shadow:0 15px 42px rgba(2,20,52,.06); }
.core-grid article { min-height:130px; padding:25px 21px; display:flex; gap:13px; border-right:1px solid #e5edf2; }
.core-grid article:last-child { border-right:0; }
.core-icon { width:38px; height:38px; display:grid; place-items:center; border-radius:9px; font-size:8px; font-weight:900; flex:0 0 auto; }
.core-icon.red { color:#c92648; background:#fde6eb; }
.core-icon.blue { color:#076899; background:#ddf4ff; }
.core-icon.navy { color:#fff; background:var(--navy); font-size:14px; }
.core-icon.green { color:#0267e6; background:#e5f4ff; font-size:15px; }
.core-grid h2 { margin:2px 0 7px; color:var(--navy); font-size:14px; }
.core-grid p { margin:0; color:#758795; font-size:11px; line-height:1.55; }

.offer-section { padding:115px max(24px,calc((100vw - 1172px)/2)); }
.offer-shell { padding:64px; display:grid; grid-template-columns:1.08fr .92fr; align-items:center; gap:75px; position:relative; overflow:hidden; border-radius:24px; background:linear-gradient(145deg,#031a40,var(--navy)); box-shadow:0 28px 70px rgba(2,20,52,.2); }
.offer-shell::before { content:""; width:560px; height:560px; position:absolute; top:-340px; left:-120px; border-radius:50%; background:radial-gradient(circle,rgba(10,177,248,.24),transparent 68%); pointer-events:none; }
.offer-copy { position:relative; z-index:1; }
.offer-kicker { color:#5fd3ff; font-size:10px; font-weight:900; letter-spacing:.17em; }
.offer-copy h2 { margin:17px 0 21px; color:#fff; font-size:clamp(38px,4vw,54px); line-height:1.05; letter-spacing:-.045em; }
.offer-copy>p { max-width:570px; margin:0; color:#91abc3; font-size:15px; line-height:1.72; }
.offer-benefits { margin-top:31px; display:grid; gap:13px; }
.offer-benefits span { display:flex; align-items:center; gap:9px; color:#d7e8f5; font-size:12px; font-weight:700; }
.offer-benefits .check { color:#fff; background:rgba(10,177,248,.22); }
.pricing-card { padding:31px; position:relative; z-index:1; border:1px solid rgba(255,255,255,.18); border-radius:18px; background:#fff; box-shadow:0 24px 55px rgba(0,8,28,.28); }
.pricing-top { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.pricing-top>span { color:#8999a6; font-size:8px; font-weight:900; letter-spacing:.14em; }
.pricing-top>b { padding:7px 9px; border-radius:999px; color:#075b83; background:#ddf5ff; font-size:7px; letter-spacing:.05em; }
.regular-price { margin-top:25px; display:flex; align-items:center; justify-content:space-between; color:#8999a6; font-size:10px; }
.regular-price s { color:#6f808e; font-weight:700; }
.launch-price { margin-top:9px; display:flex; align-items:baseline; gap:7px; color:var(--navy); }
.launch-price strong { font-size:62px; line-height:1; letter-spacing:-.055em; }
.launch-price span { color:#6d7f8d; font-size:13px; font-weight:700; }
.pricing-card>p { margin:8px 0 24px; color:#6b7e8c; font-size:11px; }
.savings-proof { margin:-8px 0 10px; padding:9px 12px; display:flex; align-items:center; justify-content:space-between; border:1px solid #d6ebf5; border-radius:8px; background:#f1f9fd; }
.savings-proof strong { color:#075d89; font-size:11px; }
.savings-proof span { color:#718590; font-size:8px; }
.lifetime-price { padding:15px 16px; display:flex; align-items:center; gap:8px; border-radius:10px; background:#e1f8f1; }
.lifetime-price>span { color:#438471; font-size:9px; }
.lifetime-price>strong { color:#0267e6; font-size:16px; }
.lifetime-price>b { margin-left:auto; padding:5px 7px; border-radius:999px; color:#0267e6; background:#e5f4ff; font-size:7px; letter-spacing:.06em; }
.offer-button { width:100%; margin-top:19px; }
.pricing-card>small { margin-top:15px; display:block; color:#8494a0; font-size:8px; line-height:1.55; }

.product-section { max-width:1172px; margin:0 auto; padding:118px 24px; }
.section-heading { max-width:710px; margin:0 auto 52px; text-align:center; }
.section-heading>span,.management-copy>span { color:var(--blue); font-size:10px; font-weight:900; letter-spacing:.16em; }
.section-heading h2 { margin:15px 0; color:var(--navy); font-size:clamp(35px,4vw,50px); line-height:1.06; letter-spacing:-.045em; }
.section-heading p { margin:0; color:#687b8b; font-size:15px; line-height:1.65; }
.process-grid { display:grid; grid-template-columns:1fr 35px 1fr 35px 1fr; align-items:center; }
.process-card { min-height:285px; padding:22px; border:1px solid #dfe8ef; border-radius:15px; background:#fff; box-shadow:0 12px 35px rgba(2,20,52,.05); }
.card-label { color:#8999a6; font-size:8px; font-weight:900; letter-spacing:.12em; }
.card-label b { margin-right:6px; color:var(--blue); }
.process-arrow { color:#82d8f8; font-size:23px; text-align:center; }
.upload-zone { min-height:202px; margin-top:18px; display:flex; align-items:center; flex-direction:column; justify-content:center; border:1px dashed #bfd4e2; border-radius:11px; background:#f8fbfd; text-align:center; }
.pdf-icon.large { width:45px; height:49px; margin-bottom:13px; font-size:10px; }
.upload-zone strong { color:var(--navy); font-size:13px; }
.upload-zone small { margin-top:6px; color:#8999a6; font-size:9px; }
.complete-pill { margin-top:17px; padding:6px 9px; display:flex; align-items:center; gap:5px; border-radius:999px; color:#0267e6; background:#e5f4ff; font-size:7px; font-weight:800; }
.complete-pill .check { width:13px; height:13px; font-size:7px; }
.data-rows { margin-top:18px; display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.data-rows span { min-width:0; padding:13px 11px; border-radius:9px; background:#f3f7fa; }
.data-rows small,.data-rows strong { display:block; }
.data-rows small { color:#94a3ae; font-size:6px; letter-spacing:.1em; }
.data-rows strong { margin-top:7px; overflow:hidden; color:#2c4254; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
.km-result { min-height:154px; margin-top:18px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; border-radius:11px; background:linear-gradient(145deg,#041a3e,#08295a); color:#fff; text-align:center; }
.km-result small,.km-result strong { display:block; }
.km-result small { color:#75a7c7; font-size:7px; letter-spacing:.1em; }
.km-result strong { margin-top:8px; font-size:30px; }
.km-result>i { color:#4c7b9c; font-style:normal; }
.google-label { margin-top:15px; display:flex; align-items:center; gap:8px; color:#718491; font-size:9px; font-weight:700; }
.map-icon.small { width:24px; height:24px; border-radius:6px; font-size:8px; }
.accuracy-note { max-width:850px; margin:35px auto 0; padding:15px 18px; display:flex; align-items:center; gap:10px; border-radius:10px; color:#617584; background:#f1f7fa; font-size:11px; line-height:1.55; }
.accuracy-note strong { color:var(--navy); }

.management-section { padding:115px max(24px,calc((100vw - 1172px)/2)); background:var(--soft); border-top:1px solid #e5edf2; }
.management-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.management-card { min-width:0; padding:38px; border:1px solid #dce7ee; border-radius:18px; background:#fff; }
.management-copy h2 { margin:13px 0 15px; color:var(--navy); font-size:32px; line-height:1.08; letter-spacing:-.035em; }
.management-copy p { margin:0; color:#6c7f8e; font-size:13px; line-height:1.65; }
.fleet-preview,.finance-preview { margin-top:34px; overflow:hidden; border:1px solid #e0e8ee; border-radius:12px; background:#fff; box-shadow:0 12px 28px rgba(2,20,52,.06); }
.preview-head { padding:14px 16px; display:flex; justify-content:space-between; border-bottom:1px solid #e8eef2; }
.preview-head strong { color:var(--navy); font-size:10px; }
.preview-head span { color:#8b9aa6; font-size:8px; }
.vehicle-row { padding:13px 16px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:10px; border-bottom:1px solid #edf2f5; }
.vehicle-row:last-child { border-bottom:0; }
.vehicle-row>i { width:8px; height:8px; border-radius:50%; background:#b5c2cc; }
.vehicle-row>i.available { background:var(--accent); }
.vehicle-row>i.trip { background:var(--blue); }
.vehicle-row>i.rest { background:#a78bfa; }
.vehicle-row span strong,.vehicle-row span small { display:block; }
.vehicle-row span strong { color:var(--navy); font-size:9px; }
.vehicle-row span small { margin-top:4px; color:#8a9aa6; font-size:7px; }
.vehicle-row>b { padding:5px 7px; border-radius:999px; color:#5f7382; background:#f1f5f7; font-size:6px; }
.report-top { padding:17px; display:flex; align-items:flex-start; justify-content:space-between; border-bottom:1px solid #e9eff3; }
.report-top small,.report-top strong { display:block; }
.report-top small { color:#94a3ae; font-size:6px; letter-spacing:.1em; }
.report-top strong { margin-top:6px; color:var(--navy); font-size:20px; }
.report-top>span { color:#8a9aa6; font-size:7px; }
.report-bars { padding:17px; display:grid; gap:14px; }
.report-bars span { display:grid; grid-template-columns:1fr auto; gap:7px; align-items:center; }
.report-bars i { height:7px; grid-column:1/-1; display:block; border-radius:999px; background:#e7eef3; }
.report-bars i::after { content:""; height:100%; display:block; border-radius:inherit; }
.report-bars .revenue-bar::after { width:92%; background:linear-gradient(90deg,var(--blue),var(--cyan)); }
.report-bars .cost-bar::after { width:51%; background:#9cb0be; }
.report-bars b,.report-bars em { color:#6f8290; font-size:7px; font-style:normal; }
.report-bars em { color:#2f4657; font-weight:800; }
.profit-row { margin:0 17px; padding:14px; display:flex; align-items:center; justify-content:space-between; border-radius:9px; background:#e1f8f1; }
.profit-row small,.profit-row strong { display:block; }
.profit-row small { color:#438471; font-size:6px; letter-spacing:.08em; }
.profit-row strong { margin-top:4px; color:#0267e6; font-size:17px; }
.profit-row>b { color:#0267e6; font-size:8px; }
.report-footer { padding:14px 17px; display:flex; justify-content:space-between; color:#8495a2; font-size:7px; }

.cta-section { min-height:430px; padding:80px 24px; display:flex; align-items:center; flex-direction:column; justify-content:center; color:#c9dff0; text-align:center; background:linear-gradient(145deg,#041b42,var(--navy)); }
.cta-section>img { width:50px; height:50px; margin-bottom:16px; object-fit:contain; }
.cta-section>span { color:#55d0ff; font-size:10px; font-weight:900; letter-spacing:.2em; }
.cta-section h2 { max-width:780px; margin:16px auto; color:#fff; font-size:clamp(36px,4.7vw,55px); line-height:1.06; letter-spacing:-.045em; }
.cta-section p { max-width:680px; margin:0 auto 28px; color:#88a4bd; font-size:14px; line-height:1.65; }
footer { min-height:92px; padding:22px max(24px,calc((100vw - 1172px)/2)); display:flex; align-items:center; gap:24px; color:#7e8f9c; font-size:10px; }
.footer-brand { margin-right:auto; font-size:14px; }
.footer-brand img { width:28px; height:28px; }
footer p { color:#364e61; font-size:10px; font-weight:800; letter-spacing:.05em; }

@media (max-width:1000px) {
  .hero { grid-template-columns:1fr; padding-top:55px; }
  .hero-copy { max-width:760px; margin:0 auto; text-align:center; }
  .eyebrow,.hero-actions,.trust-row { justify-content:center; }
  .hero-copy>p { margin-left:auto; margin-right:auto; }
  .hero-offer { margin-left:auto; margin-right:auto; text-align:left; }
  .hero-product { max-width:720px; width:100%; margin:45px auto 0; }
  .core-grid { grid-template-columns:1fr 1fr; }
  .core-grid article:nth-child(2) { border-right:0; }
  .core-grid article:nth-child(-n+2) { border-bottom:1px solid #e5edf2; }
  .offer-shell { padding:55px; grid-template-columns:1fr; gap:45px; }
  .pricing-card { max-width:520px; width:100%; }
  .management-grid { grid-template-columns:1fr; }
  .management-card { max-width:720px; width:100%; margin:0 auto; }
}

@media (max-width:760px) {
  .promo-bar { padding:0 12px; }
  .promo-bar a { gap:7px; font-size:9px; }
  .promo-bar strong { padding:4px 6px; font-size:6px; }
  .promo-bar em { display:none; }
  .site-header { height:66px; padding:0 18px; }
  .site-header nav { display:none; }
  .button-small { min-height:35px; padding:0 12px; font-size:10px; }
  .hero { min-height:auto; padding:54px 20px 72px; }
  .hero h1 { font-size:clamp(42px,13vw,57px); }
  .hero-copy>p { font-size:15px; }
  .hero-offer { padding:10px; text-align:left; }
  .discount-stamp { width:49px; height:49px; }
  .hero-offer-copy strong { font-size:11px; }
  .hero-offer-copy em { font-size:7px; }
  .hero-actions { flex-direction:column; gap:8px; }
  .hero-actions .button { width:100%; }
  .trust-row { gap:9px 13px; }
  .hero-product { margin-top:65px; }
  .app-titlebar { height:38px; }
  .app-shell { min-height:320px; grid-template-columns:76px 1fr; }
  .app-shell aside { padding:15px 6px; }
  .nav-item { padding:8px 5px; font-size:6px; }
  .nav-item b { margin-left:2px; }
  .app-content { padding:11px; }
  .screen-heading>span { display:none; }
  .extracted-grid { grid-template-columns:1fr 1fr; gap:5px; }
  .route-visual { grid-template-columns:1fr 22px 1fr; padding:12px 8px; }
  .route-top span { display:none; }
  .float-card { transform:scale(.8); }
  .scan-float { left:-8px; top:-40px; transform-origin:left center; }
  .maps-float { right:-7px; bottom:-32px; transform-origin:right center; }
  .core-section { padding:0 20px; }
  .core-grid { grid-template-columns:1fr; }
  .core-grid article { min-height:105px; border-right:0; border-bottom:1px solid #e5edf2; }
  .core-grid article:last-child { border-bottom:0; }
  .offer-section { padding:90px 20px; }
  .offer-shell { padding:38px 22px; border-radius:18px; }
  .offer-copy h2 { font-size:38px; }
  .pricing-card { padding:25px 20px; }
  .launch-price strong { font-size:55px; }
  .product-section { padding:90px 20px; }
  .process-grid { grid-template-columns:1fr; gap:12px; }
  .process-arrow { transform:rotate(90deg); }
  .process-card { min-height:260px; }
  .accuracy-note { align-items:flex-start; }
  .management-section { padding:90px 20px; }
  .management-card { padding:27px 20px; }
  .management-copy h2 { font-size:29px; }
  .cta-section { padding:75px 20px; }
  footer { flex-wrap:wrap; justify-content:center; text-align:center; }
  .footer-brand { width:100%; margin:0; justify-content:center; }
  footer p { width:100%; margin:0; }
}

@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  * { transition:none!important; }
}

/* TRIVO differentiators */
.difference-section { padding:118px max(24px,calc((100vw - 1172px)/2)); background:linear-gradient(180deg,#fff 0%,#f6f9fb 100%); border-top:1px solid #e8eef2; }
.difference-heading { margin-bottom:48px; }
.difference-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.difference-card { min-height:335px; padding:28px; position:relative; overflow:hidden; border:1px solid #dfe8ef; border-radius:17px; background:#fff; box-shadow:0 14px 40px rgba(2,20,52,.055); }
.difference-card.featured { border-color:#9eddf7; background:linear-gradient(145deg,#fff,#f1fbff); box-shadow:0 18px 48px rgba(2,103,230,.11); }
.difference-number { position:absolute; top:21px; right:23px; color:#dce7ee; font-size:30px; line-height:1; font-weight:900; letter-spacing:-.05em; }
.difference-icon { min-width:46px; height:46px; padding:0 10px; display:inline-grid; place-items:center; border-radius:10px; font-size:9px; font-weight:900; letter-spacing:.04em; }
.difference-icon.red { color:#c92648; background:#fde6eb; }
.difference-icon.blue { color:#076899; background:#ddf4ff; }
.difference-icon.green { color:#0267e6; background:#e5f4ff; }
.difference-icon.navy { color:#fff; background:var(--navy); font-size:7px; }
.difference-icon.cyan { color:#075d89; background:#ddf5ff; font-size:7px; }
.difference-icon.slate { color:#40576a; background:#e9eff3; }
.difference-card h3 { max-width:310px; margin:21px 0 13px; color:var(--navy); font-size:22px; line-height:1.18; letter-spacing:-.025em; }
.difference-card p { margin:0; color:#657987; font-size:12px; line-height:1.68; }
.mini-proof { margin-top:23px; padding-top:16px; display:flex; align-items:flex-start; gap:8px; border-top:1px solid #e8eef2; color:#496071; font-size:9px; line-height:1.45; font-weight:800; }
.mini-proof .check { width:16px; height:16px; font-size:8px; }

@media (max-width:1000px) {
  .difference-grid { grid-template-columns:1fr 1fr; }
}
@media (max-width:760px) {
  .difference-section { padding:90px 20px; }
  .difference-grid { grid-template-columns:1fr; }
  .difference-card { min-height:auto; padding:24px 21px; }
  .difference-card h3 { font-size:21px; }
}

.hero-bonus{margin-top:22px;padding:14px 16px;border:1px solid #d9eaf4;border-radius:12px;background:#f7fbfe;display:flex;gap:10px;align-items:center;color:#536879;font-size:12px;line-height:1.45}.hero-bonus b{flex:0 0 auto;color:#0876b3;font-size:8px;letter-spacing:.12em}.hero h1{max-width:640px}.hero-copy>p{max-width:610px}
@media(max-width:760px){.promo-bar{min-height:38px}.promo-bar a{min-height:38px;flex-wrap:wrap;gap:5px 8px;padding:6px 0;text-align:center}.promo-bar em{display:none}.site-header{height:64px}.brand{font-size:17px;letter-spacing:.12em}.brand img{width:30px;height:30px}.button-small{font-size:9px;padding:0 10px}.hero{display:block;padding:38px 18px 56px}.hero-copy{text-align:left;margin:0}.eyebrow{justify-content:flex-start;font-size:9px;line-height:1.4;margin-bottom:16px}.hero h1{font-size:44px!important;line-height:.98;letter-spacing:-.05em}.hero-copy>p{font-size:15px;line-height:1.55;margin:20px 0}.hero-actions{align-items:stretch}.hero-actions .text-link{text-align:center}.trust-row{justify-content:flex-start;font-size:9px}.hero-bonus{align-items:flex-start;flex-direction:column}.hero-product{margin-top:38px}.float-card{display:none}.app-window{border-radius:13px}.app-shell{grid-template-columns:64px 1fr}.app-shell aside>span{font-size:5px}.nav-item b{display:none}.difference-section{padding:78px 18px}.difference-grid{grid-template-columns:1fr}.section-heading{text-align:left;margin-bottom:30px}.section-heading h2{font-size:34px}.core-section{padding:0 18px}.core-grid article{padding:20px 17px}.offer-section{padding:70px 18px}.offer-shell{padding:30px 18px}.product-section,.management-section{padding:75px 18px}.process-card{padding:18px}.cta-section{padding:65px 18px}}

/* === TRIVO WOW V3 === */
.hero-launch-wow{
  margin:26px 0 22px;
  padding:22px;
  border-radius:22px;
  position:relative;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(circle at 90% 0%, rgba(50,205,255,.30), transparent 34%),
    linear-gradient(135deg,#031a40 0%,#043a7b 52%,#0267e6 100%);
  border:1px solid rgba(94,213,255,.38);
  box-shadow:0 22px 50px rgba(2,34,87,.24);
}
.hero-launch-wow:after{
  content:"";
  position:absolute;
  width:180px;height:180px;
  right:-70px;bottom:-100px;
  border-radius:50%;
  background:rgba(255,255,255,.08);
}
.hero-launch-badge{
  display:inline-flex;
  padding:7px 10px;
  margin-bottom:14px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.25);
  color:#86e5ff;
  font-size:10px;
  font-weight:950;
  letter-spacing:.12em;
}
.hero-launch-grid{
  display:grid;
  grid-template-columns:170px 1fr;
  gap:20px;
  align-items:center;
}
.hero-launch-price{
  padding-right:18px;
  border-right:1px solid rgba(255,255,255,.20);
}
.hero-save{
  display:block;
  color:#8ceaff;
  font-size:16px;
  font-weight:950;
  letter-spacing:.04em;
}
.hero-launch-price strong{
  display:block;
  margin-top:3px;
  color:#fff;
  font-size:42px;
  line-height:1;
  letter-spacing:-.05em;
}
.hero-launch-price strong span{
  font-size:14px;
  letter-spacing:0;
  opacity:.85;
}
.hero-launch-price small{
  display:block;
  margin-top:6px;
  color:#d9eeff;
  font-size:11px;
}
.hero-launch-copy b{
  display:block;
  margin-bottom:7px;
  color:#fff;
  font-size:18px;
  line-height:1.15;
}
.hero-launch-copy span{
  display:block;
  color:#dbefff;
  font-size:13px;
  line-height:1.5;
}
.hero-launch-copy strong{color:#fff}
.hero-launch-proof{
  margin:18px 0 14px;
  display:flex;
  flex-wrap:wrap;
  gap:8px 14px;
  color:#e9f7ff;
  font-size:11px;
  font-weight:750;
}
.hero-launch-cta{
  min-height:52px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  color:#031a40;
  background:#fff;
  font-size:13px;
  font-weight:950;
  letter-spacing:.03em;
  box-shadow:0 10px 24px rgba(0,0,0,.12);
}
.hero-launch-cta b{margin-left:8px;font-size:18px}
.hero-bonus{
  margin-top:18px !important;
  padding:14px 16px !important;
  border:1px dashed #b7d9ea !important;
  border-radius:14px !important;
  background:#f5fbff !important;
}
.hero-bonus b{
  font-size:10px !important;
  color:#0374d8 !important;
  letter-spacing:.10em !important;
}
.hero-bonus span{
  font-size:13px !important;
  color:#526779 !important;
  line-height:1.45 !important;
}
.offer-section{
  position:relative;
}
.offer-section:before{
  content:"LIMITED PRE-LAUNCH OFFER";
  display:block;
  text-align:center;
  padding:12px 16px;
  color:#fff;
  background:linear-gradient(90deg,#0267e6,#0ab1f8,#0267e6);
  font-size:12px;
  font-weight:950;
  letter-spacing:.14em;
}
.offer-kicker{
  font-size:13px !important;
}
.offer-copy h2{
  font-size:clamp(42px,5vw,64px) !important;
  line-height:1 !important;
}
.launch-price strong{
  font-size:72px !important;
}
.lifetime-price strong{
  font-size:30px !important;
}

@media (max-width: 768px){
  .promo-bar{
    min-height:58px !important;
    padding:8px 14px !important;
  }
  .promo-bar a{
    min-height:42px !important;
    gap:8px !important;
    flex-wrap:wrap !important;
    text-align:center !important;
    font-size:13px !important;
    line-height:1.25 !important;
  }
  .promo-bar strong{
    font-size:10px !important;
    padding:6px 9px !important;
  }

  .site-header{
    height:80px !important;
    padding:0 18px !important;
  }
  .brand{
    font-size:25px !important;
    letter-spacing:.13em !important;
  }
  .brand img{
    width:43px !important;
    height:43px !important;
  }
  .button-small{
    min-height:46px !important;
    padding:0 15px !important;
    font-size:13px !important;
  }

  .hero{
    display:block !important;
    min-height:auto !important;
    padding:42px 20px 54px !important;
  }
  .hero-copy{
    max-width:none !important;
  }
  .eyebrow{
    margin-bottom:18px !important;
    font-size:12px !important;
    line-height:1.35 !important;
    letter-spacing:.10em !important;
  }
  .hero h1{
    font-size:clamp(48px,13.2vw,64px) !important;
    line-height:.94 !important;
    letter-spacing:-.065em !important;
  }
  .hero-copy>p{
    margin:24px 0 18px !important;
    font-size:20px !important;
    line-height:1.48 !important;
    color:#445d72 !important;
  }

  .hero-launch-wow{
    margin:26px -2px 20px !important;
    padding:22px 18px 18px !important;
    border-radius:24px !important;
    box-shadow:0 22px 50px rgba(2,34,87,.28) !important;
  }
  .hero-launch-badge{
    font-size:11px !important;
    margin-bottom:15px !important;
  }
  .hero-launch-grid{
    display:block !important;
  }
  .hero-launch-price{
    padding:0 0 16px !important;
    border-right:0 !important;
    border-bottom:1px solid rgba(255,255,255,.20) !important;
  }
  .hero-save{
    font-size:20px !important;
  }
  .hero-launch-price strong{
    font-size:62px !important;
    margin-top:5px !important;
  }
  .hero-launch-price strong span{
    font-size:18px !important;
  }
  .hero-launch-price small{
    font-size:15px !important;
  }
  .hero-launch-copy{
    padding-top:16px !important;
  }
  .hero-launch-copy b{
    font-size:22px !important;
    line-height:1.15 !important;
  }
  .hero-launch-copy span{
    font-size:17px !important;
    line-height:1.5 !important;
  }
  .hero-launch-proof{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:8px !important;
    margin:18px 0 !important;
    font-size:15px !important;
  }
  .hero-launch-cta{
    min-height:60px !important;
    font-size:15px !important;
    border-radius:14px !important;
  }

  .hero-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    margin-top:18px !important;
  }
  .hero-actions .button,
  .hero-actions .text-link{
    min-height:58px !important;
    font-size:17px !important;
    justify-content:center !important;
    border-radius:14px !important;
  }
  .hero-actions .text-link{
    display:flex !important;
    align-items:center !important;
    border:1px solid #d6e5ee !important;
  }

  .trust-row{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
    margin-top:20px !important;
  }
  .trust-row span{
    font-size:14px !important;
    line-height:1.35 !important;
  }
  .hero-bonus{
    display:block !important;
    padding:15px 16px !important;
  }
  .hero-bonus b{
    display:block !important;
    margin-bottom:6px !important;
    font-size:11px !important;
  }
  .hero-bonus span{
    font-size:16px !important;
  }

  .hero-product{
    margin-top:34px !important;
  }

  .section-heading h2,
  .management-copy h2,
  .finance-copy h2,
  .offer-copy h2{
    font-size:38px !important;
    line-height:1.02 !important;
    letter-spacing:-.045em !important;
  }
  .section-heading p,
  .management-copy p,
  .finance-copy p,
  .offer-copy p{
    font-size:18px !important;
    line-height:1.55 !important;
  }
  .difference-card h3{
    font-size:24px !important;
  }
  .difference-card p{
    font-size:17px !important;
    line-height:1.55 !important;
  }

  .offer-section:before{
    font-size:11px !important;
    line-height:1.3 !important;
  }
  .offer-shell{
    padding:44px 20px !important;
  }
  .offer-kicker{
    font-size:12px !important;
  }
  .offer-copy h2{
    font-size:44px !important;
  }
  .offer-copy p{
    font-size:19px !important;
  }
  .offer-benefits span{
    font-size:16px !important;
  }
  .pricing-card{
    margin-top:26px !important;
  }
  .launch-price strong{
    font-size:76px !important;
  }
  .launch-price span{
    font-size:19px !important;
  }
  .pricing-card>p{
    font-size:17px !important;
  }
  .savings-proof strong{
    font-size:20px !important;
  }
  .lifetime-price strong{
    font-size:32px !important;
  }
  .offer-button{
    min-height:62px !important;
    font-size:17px !important;
  }
}

.stack-title{display:block}
@media(max-width:768px){
  .hero h1 .stack-title{line-height:.82!important}
  .hero h1 .stack-title em{display:block;margin-top:-5px}
}

/* TRIVO v6 - brand-first, no fabricated hero mockup */
.hero-text-only{
  display:block !important;
  min-height:auto !important;
  padding:72px 24px 70px !important;
}
.hero-copy-wide{
  width:min(1080px,100%) !important;
  max-width:1080px !important;
  margin:0 auto !important;
}
.move-brand-block{
  margin:0 0 28px;
  padding:0;
  font:inherit;
}
.move-line{
  display:flex;
  align-items:flex-end;
  flex-wrap:wrap;
  gap:0 18px;
  color:#021434;
  font-size:clamp(62px,8.6vw,124px);
  font-weight:950;
  line-height:.78;
  letter-spacing:-.075em;
  text-transform:uppercase;
}
.move-line span:nth-child(2){color:#0267e6}
.move-line span:nth-child(3){color:#0ab1f8}
.one-flow-line{
  margin-top:26px;
  color:#496578;
  font-size:clamp(19px,2vw,28px);
  font-weight:850;
  line-height:1.05;
  letter-spacing:.16em;
}
.hero-lead{
  width:min(820px,100%);
  margin:0 0 28px !important;
  color:#4b6273 !important;
  font-size:20px !important;
  line-height:1.58 !important;
}
.real-screens-note{
  padding:86px 24px;
  background:#f6f9fb;
  border-top:1px solid #e0e9ef;
  border-bottom:1px solid #e0e9ef;
}
.real-screens-note .section-heading{
  width:min(900px,100%);
  margin:0 auto 34px;
  text-align:center;
}
.real-screen-slots{
  width:min(1080px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}
.real-screen-slots div{
  min-height:124px;
  padding:22px;
  border:1px solid #d8e4eb;
  border-radius:18px;
  background:#fff;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.real-screen-slots strong{
  color:#0ab1f8;
  font-size:13px;
  letter-spacing:.12em;
}
.real-screen-slots span{
  color:#172536;
  font-size:18px;
  font-weight:850;
}
@media(max-width:768px){
  .hero-text-only{
    padding:46px 20px 54px !important;
  }
  .move-brand-block{
    margin-bottom:24px !important;
  }
  .move-line{
    display:block !important;
    font-size:clamp(57px,17vw,78px) !important;
    line-height:.79 !important;
    letter-spacing:-.075em !important;
  }
  .move-line span{
    display:block !important;
    width:max-content;
  }
  .move-line span:nth-child(2){
    margin-top:-2px;
    margin-left:16px;
  }
  .move-line span:nth-child(3){
    margin-top:-2px;
    margin-left:32px;
  }
  .one-flow-line{
    margin-top:24px !important;
    max-width:330px;
    font-size:17px !important;
    line-height:1.25 !important;
    letter-spacing:.115em !important;
  }
  .hero-lead{
    font-size:19px !important;
    line-height:1.55 !important;
  }
  .real-screens-note{
    padding:58px 20px;
  }
  .real-screen-slots{
    grid-template-columns:1fr 1fr;
    gap:10px;
  }
  .real-screen-slots div{
    min-height:108px;
    padding:17px;
  }
  .real-screen-slots span{
    font-size:16px;
  }
}

.actual-app-section{padding:88px 24px;background:#f3f6f8;border-top:1px solid #dfe8ed;border-bottom:1px solid #dfe8ed}
.actual-app-heading{width:min(920px,100%);margin:0 auto 42px;text-align:center}
.actual-app-heading h2{margin:10px 0 14px;font-size:clamp(38px,5vw,62px);line-height:1;letter-spacing:-.05em;color:#132232}
.actual-app-heading p{margin:0;color:#627686;font-size:18px;line-height:1.6}
.actual-screen{width:min(1160px,100%);margin:0 auto 28px;background:#fff;border:1px solid #dbe5eb;border-radius:24px;overflow:hidden;box-shadow:0 24px 70px rgba(20,46,66,.10)}
.app-screen-top{display:flex;justify-content:space-between;align-items:center;padding:15px 18px;background:#f8fafb;border-bottom:1px solid #e3ebef}
.app-screen-brand{font-size:18px;font-weight:950;letter-spacing:.14em;color:#0b1e35}
.app-screen-tabs{display:flex;gap:8px;flex-wrap:wrap}.app-screen-tabs span{padding:7px 10px;border:1px solid #d8e3e9;border-radius:8px;background:#fff;color:#526879;font-size:11px;font-weight:800}.app-screen-tabs .active{background:#091c33;color:#fff;border-color:#091c33}
.app-screen-title{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;padding:24px 24px 18px}.app-screen-title h3{margin:0 0 6px;font-size:24px;letter-spacing:-.03em}.app-screen-title p{margin:0;color:#708291;font-size:14px}.app-screen-title button{border:0;border-radius:9px;background:#0874f9;color:#fff;padding:11px 14px;font-weight:850}
.app-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:0 24px 18px}.app-kpi-row>div{padding:14px;border:1px solid #e0e8ed;border-radius:12px;background:#fbfcfd}.app-kpi-row small,.trip-stats small,.route-row-real small{display:block;color:#7a8b98;font-size:10px;font-weight:750}.app-kpi-row strong{display:block;margin:5px 0 3px;font-size:21px;color:#1d3041}.app-kpi-row em{display:block;color:#8a99a4;font-size:9px;font-style:normal}.app-kpi-row.finance>div:last-child strong{color:#6a50d8}.app-table-wrap{overflow-x:auto;border-top:1px solid #e7eef2}.app-table{width:100%;min-width:900px;border-collapse:collapse}.app-table th{text-align:left;padding:10px 12px;background:#f7f9fb;color:#617685;font-size:9px;text-transform:uppercase;letter-spacing:.05em}.app-table td{padding:13px 12px;border-top:1px solid #e8eef2;color:#32495b;font-size:11px;vertical-align:middle}.app-table td b{display:block;color:#1c3040;font-size:12px}.app-table td small{display:block;margin-top:3px;color:#8796a2;font-size:9px}
.status-pill,.source-pill,.locked-pill{display:inline-flex;padding:5px 7px;border-radius:999px;font-size:9px;font-weight:900;white-space:nowrap}.status-pill.available{background:#e5f4ff;color:#0267e6}.status-pill.trip{background:#e7f1ff;color:#1864cd}.screen-button{display:inline-flex;padding:6px 8px;border-radius:7px;background:#0874f9;color:#fff;font-size:9px;font-weight:850}.screen-button.ghost{background:#fff;color:#314a5e;border:1px solid #ccd9e1}.source-pill{background:#e5f4ff;color:#0267e6}.locked-pill{background:#edf1f3;color:#607481}.profit-positive{color:#0267e6!important}
.screen-caption{display:flex;justify-content:space-between;gap:18px;padding:13px 18px;background:#0c1e34;color:#fff}.screen-caption strong{font-size:12px}.screen-caption span{color:#b9cad8;font-size:10px}
.trip-panel{margin:0 24px 22px;border:1px solid #dfe8ed;border-radius:14px;overflow:hidden}.trip-panel-head{display:flex;justify-content:space-between;align-items:center;padding:15px;background:#f8fafb}.trip-panel-head b{display:block;font-size:16px}.trip-panel-head small{display:block;color:#718493;margin-top:3px}.trip-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:12px;border-top:1px solid #e8eef2}.trip-stats div{padding:10px;background:#f8fafb;border-radius:9px}.trip-stats b,.route-row-real b{display:block;margin-top:4px;font-size:11px;color:#263c4d}.route-row-real{display:grid;grid-template-columns:.7fr 1.2fr 1.2fr 1.1fr auto;gap:10px;align-items:center;padding:14px;border-top:1px solid #e8eef2}
.pdf-real-callout{width:min(1160px,100%);margin:36px auto 0;padding:28px;border-radius:20px;background:linear-gradient(135deg,#061a3b,#076be4);color:#fff;display:grid;grid-template-columns:1fr 1.2fr;gap:28px;align-items:center}.pdf-real-callout span{font-size:10px;font-weight:950;letter-spacing:.13em;color:#85e5ff}.pdf-real-callout h3{margin:8px 0 0;font-size:28px}.pdf-real-callout p{margin:0;color:#d7eaff;font-size:15px;line-height:1.55}
@media(max-width:768px){
.actual-app-section{padding:58px 14px}.actual-app-heading{margin-bottom:28px}.actual-app-heading h2{font-size:38px}.actual-app-heading p{font-size:17px}
.actual-screen{border-radius:18px;margin-bottom:20px}.app-screen-top{display:block;padding:13px}.app-screen-tabs{margin-top:10px;gap:5px}.app-screen-tabs span{font-size:9px;padding:6px 7px}.app-screen-title{display:block;padding:18px 14px 14px}.app-screen-title h3{font-size:21px}.app-screen-title p{font-size:13px;line-height:1.45}.app-screen-title button{margin-top:12px}
.app-kpi-row{grid-template-columns:1fr 1fr;padding:0 14px 14px;gap:7px}.app-kpi-row>div{padding:11px}.app-kpi-row strong{font-size:18px}.app-kpi-row em{font-size:8px}
.app-table-wrap{margin:0}.app-table{min-width:820px}.screen-caption{display:block}.screen-caption span{display:block;margin-top:4px;line-height:1.4}
.trip-panel{margin:0 14px 16px}.trip-stats{grid-template-columns:1fr 1fr}.route-row-real{grid-template-columns:1fr 1fr}.route-row-real .status-pill{margin-top:5px}.pdf-real-callout{grid-template-columns:1fr;padding:22px}.pdf-real-callout h3{font-size:24px}.pdf-real-callout p{font-size:15px}
}

.plans-section{padding:112px 24px 118px;position:relative;overflow:hidden;background:linear-gradient(180deg,#f8fbfd 0%,#ffffff 42%,#f4f8fb 100%);border-top:1px solid #e3ebef}.plans-section:before{content:"";position:absolute;width:620px;height:620px;right:-250px;top:-330px;border-radius:50%;background:radial-gradient(circle,rgba(10,177,248,.15),transparent 68%);pointer-events:none}.plans-section:after{content:"";position:absolute;width:520px;height:520px;left:-280px;bottom:-300px;border-radius:50%;background:radial-gradient(circle,rgba(2,103,230,.10),transparent 68%);pointer-events:none}.plans-wrap{width:min(1180px,100%);margin:0 auto;position:relative;z-index:1}.plans-head{max-width:760px;margin:0 auto 54px;text-align:center}.plans-head span{display:inline-flex;padding:8px 11px;border:1px solid #cfe8f5;border-radius:999px;background:rgba(255,255,255,.8);color:#0267e6;font-size:10px;font-weight:950;letter-spacing:.16em;box-shadow:0 8px 24px rgba(2,103,230,.06)}.plans-head h2{margin:16px 0 12px;color:#021434;font-size:clamp(38px,4.6vw,58px);line-height:1.02;letter-spacing:-.055em}.plans-head p{margin:0;color:#687b8b;font-size:16px;line-height:1.6}.plans-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:stretch}.plan-card{min-height:390px;padding:28px 24px 24px;position:relative;overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(205,221,231,.95);border-radius:24px;background:rgba(255,255,255,.86);box-shadow:0 18px 50px rgba(2,20,52,.07);backdrop-filter:blur(10px);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.plan-card:before{content:"";position:absolute;width:150px;height:150px;right:-75px;top:-80px;border-radius:50%;background:radial-gradient(circle,rgba(10,177,248,.14),transparent 70%)}.plan-card:hover{transform:translateY(-7px);border-color:#a9dff3;box-shadow:0 26px 65px rgba(2,20,52,.12)}.plan-card.featured{transform:translateY(-12px);border-color:#60cdf5;background:linear-gradient(155deg,#061a3a 0%,#062b63 55%,#064e9b 100%);box-shadow:0 30px 70px rgba(2,57,122,.22);color:#fff}.plan-card.featured:hover{transform:translateY(-17px)}.plan-badge{min-height:25px;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:20px}.plan-badge>span{color:#7c8e9c;font-size:9px;font-weight:950;letter-spacing:.13em}.plan-badge>b{padding:6px 8px;border-radius:999px;color:#075f8b;background:#e3f7ff;font-size:7px;letter-spacing:.08em}.plan-card.featured .plan-badge>span{color:#88daf8}.plan-card.featured .plan-badge>b{color:#031a40;background:#77ddff}.plan-card h3{margin:0;color:#021434;font-size:23px;letter-spacing:-.025em}.plan-card.featured h3{color:#fff}.plan-price{margin:16px 0 8px;color:#021434;font-size:44px;line-height:1;font-weight:950;letter-spacing:-.055em}.plan-price span{margin-left:4px;font-size:12px;color:#738795;font-weight:800;letter-spacing:0}.plan-card.featured .plan-price{color:#fff}.plan-card.featured .plan-price span{color:#b7d7ea}.plan-sub{min-height:36px;margin:0 0 22px;color:#7a8c99;font-size:11px;line-height:1.45}.plan-card.featured .plan-sub{color:#bdd6e7}.plan-meta{display:grid;gap:0;margin-top:2px;border-top:1px solid #e4edf2;color:#526779;font-size:12px}.plan-meta>div{padding:13px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf2f5}.plan-meta b{color:#172536;font-size:13px}.plan-card.featured .plan-meta{border-color:rgba(255,255,255,.15);color:#c5dbe9}.plan-card.featured .plan-meta>div{border-color:rgba(255,255,255,.11)}.plan-card.featured .plan-meta b{color:#fff}.plan-cta{min-height:46px;margin-top:auto;padding:0 14px;display:flex;align-items:center;justify-content:center;border:1px solid #d7e5ed;border-radius:11px;color:#08203c;background:#fff;font-size:11px;font-weight:900;box-shadow:0 8px 20px rgba(2,20,52,.05)}.plan-cta:hover{border-color:#85d8f6}.plan-card.featured .plan-cta{border-color:transparent;color:#031a40;background:linear-gradient(135deg,#fff,#dff7ff);box-shadow:0 12px 28px rgba(0,0,0,.17)}.plans-foot{margin:30px auto 0;display:flex;align-items:center;justify-content:center;gap:8px;color:#758896;font-size:10px}.plans-foot .check{width:16px;height:16px;font-size:8px}.terms-section{padding:34px 24px;background:#f6f9fb;border-top:1px solid #dfe8ed}.terms-wrap{width:min(1160px,100%);margin:0 auto;color:#687b8b;font-size:11px;line-height:1.65}.terms-wrap h3{margin:0 0 8px;color:#172536;font-size:14px}.terms-wrap p{margin:0}.terms-wrap a{color:#0267e6;font-weight:800}@media(max-width:1000px){.plans-grid{grid-template-columns:1fr 1fr}.plan-card.featured{transform:none}.plan-card.featured:hover{transform:translateY(-7px)}}@media(max-width:600px){.plans-section{padding:78px 18px 82px}.plans-head{text-align:left;margin-bottom:34px}.plans-head h2{font-size:39px}.plans-head p{font-size:15px}.plans-grid{grid-template-columns:1fr;gap:14px}.plan-card{min-height:350px;padding:24px 20px;border-radius:20px}.plan-card.featured{order:-1}.terms-section{padding:28px 18px}}

/* TRIVO v11 — abstract workflow */
.workflow-abstract{position:relative;overflow:hidden;max-width:none;padding:118px max(24px,calc((100vw - 1172px)/2)) 120px;background:linear-gradient(180deg,#ffffff 0%,#f7fbff 52%,#ffffff 100%)}
.workflow-abstract:before{content:"";position:absolute;inset:110px 8% auto;height:560px;background:radial-gradient(circle at 15% 35%,rgba(10,177,248,.10),transparent 34%),radial-gradient(circle at 83% 63%,rgba(2,103,230,.09),transparent 32%);pointer-events:none}
.workflow-orbit{position:absolute;border:1px solid rgba(2,103,230,.08);border-radius:50%;pointer-events:none}
.orbit-a{width:520px;height:520px;left:-260px;top:100px}.orbit-b{width:680px;height:680px;right:-390px;bottom:-230px}
.workflow-heading{position:relative;z-index:2;margin-bottom:64px}.workflow-heading h2 em{font-style:normal;color:#0267e6}.workflow-heading p{max-width:760px;margin:0 auto}
.abstract-flow{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:26px;align-items:stretch}
.flow-line{position:absolute;left:13%;right:13%;top:50%;height:2px;background:linear-gradient(90deg,transparent,rgba(10,177,248,.55) 12%,rgba(2,103,230,.5) 50%,rgba(10,177,248,.55) 88%,transparent);z-index:0}
.flow-line:after{content:"";position:absolute;inset:-8px 0;background:linear-gradient(90deg,transparent,rgba(10,177,248,.10),transparent);filter:blur(8px)}
.flow-line i{position:absolute;top:50%;width:10px;height:10px;border-radius:50%;background:#fff;border:2px solid #0ab1f8;box-shadow:0 0 0 7px rgba(10,177,248,.08);transform:translate(-50%,-50%)}
.flow-line i:nth-child(1){left:16.6%}.flow-line i:nth-child(2){left:50%}.flow-line i:nth-child(3){left:83.4%}
.flow-node{position:relative;z-index:1;min-height:390px;padding:30px 28px;border:1px solid rgba(207,222,232,.78);border-radius:26px;background:rgba(255,255,255,.78);backdrop-filter:blur(12px);box-shadow:0 24px 60px rgba(2,20,52,.07);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.flow-node:hover{transform:translateY(-7px);border-color:rgba(10,177,248,.44);box-shadow:0 30px 70px rgba(2,64,140,.12)}
.flow-node:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-80px;top:-70px;background:radial-gradient(circle,rgba(10,177,248,.12),transparent 68%)}
.node-index{position:absolute;right:24px;top:21px;color:#d8e7ef;font-size:36px;font-weight:950;letter-spacing:-.06em}
.node-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;margin-bottom:44px;font-size:11px;font-weight:950;letter-spacing:.03em}
.pdf-mark{color:#fff;background:linear-gradient(145deg,#ff4f71,#d91949);box-shadow:0 14px 26px rgba(217,25,73,.19)}
.node-copy>span{display:block;margin-bottom:10px;color:#0874d9;font-size:10px;font-weight:950;letter-spacing:.16em}
.node-copy h3{margin:0 0 12px;color:#071b3b;font-size:27px;line-height:1.08;letter-spacing:-.035em}
.node-copy p{margin:0;color:#687d8d;font-size:13px;line-height:1.65}
.node-proof{position:absolute;left:28px;bottom:26px;display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;background:#e7f5ff;color:#0267e6;font-size:10px;font-weight:850}
.pulse-dot{width:7px;height:7px;border-radius:50%;background:#0ab1f8;box-shadow:0 0 0 5px rgba(10,177,248,.12)}
.node-verify{transform:translateY(20px)}.node-verify:hover{transform:translateY(13px)}
.floating-data{margin-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:9px}
.floating-data span{padding:13px 14px;border:1px solid #e2ebf1;border-radius:14px;background:rgba(247,250,252,.92)}
.floating-data small,.floating-data b{display:block}.floating-data small{color:#91a1ad;font-size:7px;font-weight:850;letter-spacing:.11em}.floating-data b{margin-top:6px;color:#263d50;font-size:11px}.floating-data .price-chip{background:linear-gradient(135deg,#eef8ff,#f8fcff);border-color:#cce9f8}
.node-route{background:linear-gradient(160deg,rgba(255,255,255,.88),rgba(246,251,255,.86))}
.route-abstract{margin-top:31px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:22px 16px;border-radius:18px;background:linear-gradient(145deg,#061a3f,#0a3b79);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 16px 30px rgba(2,20,52,.12)}
.route-point{min-width:72px;text-align:center}.route-point i{width:12px;height:12px;margin:0 auto 9px;display:block;border:3px solid #5cdaff;border-radius:50%;box-shadow:0 0 0 6px rgba(92,218,255,.10)}.route-point.finish i{border-radius:3px;background:#5cdaff}.route-point small,.route-point strong{display:block}.route-point small{color:#7fabc9;font-size:7px;letter-spacing:.12em}.route-point strong{margin-top:5px;color:#fff;font-size:14px}
.route-stroke{height:2px;position:relative;background:linear-gradient(90deg,#29bff3,#74dfff)}.route-stroke span{position:absolute;width:7px;height:7px;right:-1px;top:-2.5px;border-radius:50%;background:#74dfff;box-shadow:0 0 12px #74dfff}
.maps-proof{margin-top:12px;display:flex;align-items:center;gap:8px;color:#758897;font-size:9px;font-weight:750}
.abstract-accuracy{position:relative;z-index:2;margin-top:52px;border:1px solid #dcebf3;background:rgba(241,249,253,.78);backdrop-filter:blur(8px)}
@media(max-width:900px){.abstract-flow{grid-template-columns:1fr;gap:18px}.flow-line{display:none}.flow-node,.node-verify{transform:none;min-height:auto}.node-verify:hover{transform:translateY(-7px)}.node-icon{margin-bottom:28px}.node-proof{position:static;margin-top:24px}.workflow-heading{margin-bottom:38px}}
@media(max-width:768px){.workflow-abstract{padding:78px 18px 82px}.workflow-heading{text-align:left}.workflow-heading p{margin:0}.flow-node{padding:24px 21px;border-radius:22px}.node-copy h3{font-size:25px}.floating-data{grid-template-columns:1fr 1fr}.route-abstract{padding:18px 12px}.abstract-accuracy{margin-top:28px}}

/* === TRIVO Premium v15 === */

/* Global premium polish */
body{
  background:
    radial-gradient(circle at 12% 8%, rgba(10,177,248,.035), transparent 24%),
    #fff;
}
section{
  position:relative;
}
.hero,
.difference-section,
.offer-section,
.product-section,
.workflow-abstract,
.management-section,
.actual-app-section,
.plans-section,
.cta-section{
  isolation:isolate;
}
.button,
.plan-cta,
.hero-launch-cta{
  transition:transform .28s cubic-bezier(.2,.8,.2,1),
             box-shadow .28s ease,
             filter .28s ease;
}
.button:hover,
.plan-cta:hover,
.hero-launch-cta:hover{
  transform:translateY(-3px);
  filter:saturate(1.06);
}

/* Remove old green check visuals cleanly */
.check{display:none!important}
.trust-row span,
.offer-benefits span,
.mini-proof,
.complete-pill{
  gap:8px!important;
}

/* Premium proof details instead of ticks */
.hero-launch-proof span{
  position:relative;
  padding-left:17px;
}
.hero-launch-proof span::before{
  content:"";
  width:6px;
  height:6px;
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  border-radius:50%;
  background:linear-gradient(135deg,#72ddff,#fff);
  box-shadow:0 0 0 4px rgba(114,221,255,.10),0 0 18px rgba(114,221,255,.34);
}
.trust-row span{
  position:relative;
  padding-left:15px;
}
.trust-row span::before{
  content:"";
  width:5px;
  height:5px;
  position:absolute;
  left:0;
  top:.55em;
  border-radius:50%;
  background:#0ab1f8;
  box-shadow:0 0 0 4px rgba(10,177,248,.08);
}

/* PDF becomes a premium document badge, not a red square */
.pdf-icon{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(104,214,255,.42)!important;
  color:#eafaff!important;
  background:
    radial-gradient(circle at 75% 12%,rgba(113,222,255,.34),transparent 38%),
    linear-gradient(145deg,#041a3f 0%,#075ba7 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.16),
    0 10px 24px rgba(2,55,113,.18)!important;
  letter-spacing:.08em;
}
.pdf-icon::before{
  content:"";
  position:absolute;
  top:0;
  right:0;
  width:12px;
  height:12px;
  background:linear-gradient(225deg,rgba(255,255,255,.92) 0 49%,rgba(255,255,255,.12) 50% 100%);
  opacity:.85;
}
.pdf-icon::after{
  content:"DOC";
  position:absolute;
  bottom:4px;
  left:0;
  right:0;
  font-size:4px;
  letter-spacing:.16em;
  color:rgba(216,246,255,.72);
}
.pdf-icon.large{
  border-radius:12px!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 14px 30px rgba(2,55,113,.20)!important;
}

/* Premium smart-document bonus */
.hero-bonus{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(120,205,240,.42)!important;
  background:
    linear-gradient(110deg,rgba(255,255,255,.96),rgba(239,249,255,.94))!important;
  box-shadow:0 14px 38px rgba(2,48,86,.08)!important;
}
.hero-bonus::before{
  content:"";
  position:absolute;
  width:120px;
  height:120px;
  right:-42px;
  top:-72px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(10,177,248,.16),transparent 70%);
}
.hero-bonus b{
  position:relative;
  display:inline-flex!important;
  align-items:center;
  width:max-content;
  padding:7px 10px;
  border-radius:999px;
  color:#035b9d!important;
  background:linear-gradient(180deg,#eefaff,#e3f6ff);
  border:1px solid #c7eafa;
  box-shadow:0 7px 18px rgba(2,103,230,.07);
}
.hero-bonus b::before{
  content:"◇";
  margin-right:6px;
  color:#0ab1f8;
  font-size:11px;
}

/* Pricing feels more intentional */
.plan-card{
  border-color:rgba(207,222,232,.88)!important;
  box-shadow:0 20px 56px rgba(2,20,52,.075)!important;
}
.plan-card:not(.featured){
  background:
    radial-gradient(circle at 100% 0%,rgba(10,177,248,.06),transparent 30%),
    rgba(255,255,255,.94)!important;
}
.plan-card.featured{
  box-shadow:0 34px 82px rgba(2,57,122,.28)!important;
}
.plan-price{
  font-variant-numeric:tabular-nums;
}
.plan-price::after{
  content:"";
  display:block;
  width:34px;
  height:2px;
  margin-top:15px;
  border-radius:99px;
  background:linear-gradient(90deg,#0267e6,#0ab1f8);
  opacity:.75;
}
.plan-card.featured .plan-price::after{
  background:linear-gradient(90deg,#72dcff,rgba(255,255,255,.8));
}

/* Scroll transitions */
.reveal-on-scroll{
  opacity:0;
  transform:translate3d(0,38px,0) scale(.985);
  filter:blur(5px);
  transition:
    opacity .78s cubic-bezier(.2,.75,.2,1),
    transform .9s cubic-bezier(.2,.75,.2,1),
    filter .72s ease;
  will-change:opacity,transform,filter;
}
.reveal-on-scroll.reveal-visible{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
  filter:blur(0);
}
.reveal-on-scroll:nth-of-type(even){
  transform:translate3d(0,48px,0) scale(.98);
}
.reveal-on-scroll:nth-of-type(even).reveal-visible{
  transform:translate3d(0,0,0) scale(1);
}

/* Soft transition veil between major page blocks */
.reveal-on-scroll::after{
  pointer-events:none;
}
@media (min-width:769px){
  .hero,
  .difference-section,
  .offer-section,
  .product-section,
  .workflow-abstract,
  .management-section,
  .actual-app-section,
  .plans-section{
    scroll-margin-top:24px;
  }
}
@media (max-width:768px){
  .reveal-on-scroll{
    transform:translate3d(0,24px,0) scale(.992);
    filter:blur(2px);
    transition-duration:.62s;
  }
  .hero-bonus b{
    margin-bottom:8px!important;
  }
}
@media (prefers-reduced-motion:reduce){
  .reveal-on-scroll,
  .reveal-on-scroll:nth-of-type(even){
    opacity:1!important;
    transform:none!important;
    filter:none!important;
    transition:none!important;
  }
}

html{background:#f7fafc}
body{overflow-x:hidden}

/* Premium document icon – no red PDF blocks */
.premium-doc-icon,
.premium-doc-node{
  width:48px;
  height:48px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(92,202,245,.48)!important;
  border-radius:14px!important;
  color:#fff!important;
  background:
    radial-gradient(circle at 78% 10%,rgba(116,223,255,.32),transparent 34%),
    linear-gradient(145deg,#031a40 0%,#075ca8 64%,#087be0 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 14px 30px rgba(2,56,117,.18)!important;
}
.premium-doc-node{width:58px;height:58px;border-radius:17px!important}
.doc-sheet{
  width:22px;
  height:27px;
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:9px 5px 5px;
  position:relative;
  border:1.5px solid rgba(255,255,255,.95);
  border-radius:4px;
  background:rgba(255,255,255,.08);
  box-shadow:0 5px 14px rgba(0,0,0,.12);
}
.doc-sheet::before{
  content:"";
  position:absolute;
  right:-1.5px;
  top:-1.5px;
  width:8px;
  height:8px;
  border-left:1.5px solid rgba(255,255,255,.95);
  border-bottom:1.5px solid rgba(255,255,255,.95);
  background:rgba(92,215,255,.48);
  clip-path:polygon(0 0,100% 100%,0 100%);
}
.doc-sheet i{
  display:block;
  height:1.5px;
  border-radius:999px;
  background:rgba(223,248,255,.86);
}
.doc-sheet i:nth-child(2){width:78%}
.doc-sheet i:nth-child(3){width:60%}

/* Override every legacy red PDF styling that can still exist. */
.pdf-mark,
.pdf-icon,
.pdf-icon.large{
  color:#eafaff!important;
  border:1px solid rgba(92,202,245,.48)!important;
  background:linear-gradient(145deg,#031a40,#075ca8 68%,#087be0)!important;
  box-shadow:0 14px 30px rgba(2,56,117,.18)!important;
}

/* Textual PDF callout gets a cleaner glass treatment. */
.pdf-real-callout{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(109,211,250,.32)!important;
  background:
    radial-gradient(circle at 95% 0%,rgba(92,215,255,.24),transparent 31%),
    linear-gradient(135deg,#03172f 0%,#052b5e 58%,#075ca8 100%)!important;
  box-shadow:0 26px 70px rgba(2,34,78,.18)!important;
}
.pdf-real-callout::after{
  content:"DOCUMENT AI";
  position:absolute;
  right:24px;
  bottom:16px;
  color:rgba(199,239,255,.22);
  font-size:10px;
  font-weight:950;
  letter-spacing:.24em;
}

/* Offer-benefit lines now use refined blue points instead of green ticks. */
.offer-benefits span,
.plans-foot,
.mini-proof{
  position:relative;
}
.offer-benefits > span{padding-left:16px}
.offer-benefits > span::before{
  content:"";
  width:5px;height:5px;
  position:absolute;left:0;top:.6em;
  border-radius:50%;
  background:#72dcff;
  box-shadow:0 0 0 4px rgba(114,220,255,.10);
}

@media(max-width:768px){
  .premium-doc-icon{width:44px;height:44px}
}

body{
  overflow-x:hidden;
}
main > section{
  position:relative;
  isolation:isolate;
}

/* ===== Meaningful premium feature symbols ===== */
.feature-symbol{
  width:58px;
  height:58px;
  position:relative;
  display:grid;
  place-items:center;
  margin-bottom:18px;
  overflow:hidden;
  border-radius:17px;
  border:1px solid rgba(121,205,239,.34);
  background:
    radial-gradient(circle at 72% 15%,rgba(115,222,255,.18),transparent 35%),
    linear-gradient(145deg,#061a3f,#0a3f78);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 15px 34px rgba(2,30,70,.14);
}
.feature-symbol::before{
  content:"";
  position:absolute;
  inset:6px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.055);
}
.difference-card:hover .feature-symbol{
  transform:translateY(-3px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 20px 42px rgba(2,63,120,.20);
}
.feature-symbol{transition:transform .35s ease,box-shadow .35s ease}

/* Smart document scan */
.doc-sheet{
  width:23px;height:29px;position:absolute;
  border:1.5px solid #9ee9ff;border-radius:4px;
  background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.03));
}
.doc-sheet::before,.doc-sheet::after{
  content:"";position:absolute;left:5px;height:1.5px;border-radius:9px;background:#73dbff
}
.doc-sheet::before{top:9px;width:12px}
.doc-sheet::after{top:15px;width:8px;opacity:.7}
.scan-line{
  width:34px;height:2px;position:absolute;left:12px;top:17px;
  background:linear-gradient(90deg,transparent,#51d5ff,transparent);
  box-shadow:0 0 9px #51d5ff;
  animation:trivoScan 2.1s ease-in-out infinite;
}
.symbol-dot{width:5px;height:5px;position:absolute;right:11px;bottom:11px;border-radius:50%;background:#71e4ff;box-shadow:0 0 0 4px rgba(113,228,255,.09)}
@keyframes trivoScan{0%,100%{transform:translateY(0);opacity:.35}50%{transform:translateY(22px);opacity:1}}

/* Route A -> B */
.route-pin{
  width:10px;height:10px;position:absolute;top:24px;border:2px solid #8de5ff;border-radius:50%;
  background:#082b59;box-shadow:0 0 0 5px rgba(91,216,255,.07)
}
.pin-a{left:10px}.pin-b{right:10px;border-radius:3px;background:#61d9ff}
.route-path{
  width:26px;height:16px;position:absolute;left:16px;top:20px;
  border-top:2px dashed #58d5ff;border-radius:50%;
  transform:rotate(-6deg);
}
.route-path::after{
  content:"";width:5px;height:5px;position:absolute;left:1px;top:-3.5px;border-radius:50%;background:#fff;
  box-shadow:0 0 9px #62dcff;animation:trivoRoute 2.4s ease-in-out infinite;
}
@keyframes trivoRoute{0%{transform:translateX(0)}50%,100%{transform:translateX(23px)}}

/* Finance result */
.finance-mark{position:absolute;right:10px;top:8px;color:#9aeaff;font-size:13px;font-weight:950}
.finance-bar{width:7px;position:absolute;bottom:13px;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,#75e3ff,#1689ec)}
.bar-a{left:14px;height:13px}.bar-b{left:25px;height:22px}.bar-c{left:36px;height:30px}
.symbol-finance:hover .finance-bar{animation:trivoBars .75s ease both}
@keyframes trivoBars{0%{transform:scaleY(.35);transform-origin:bottom}100%{transform:scaleY(1);transform-origin:bottom}}

/* Audit / locked evidence */
.audit-shield{
  width:25px;height:29px;position:absolute;left:16px;top:12px;
  border:1.5px solid #86e5ff;
  clip-path:polygon(50% 0,92% 17%,83% 72%,50% 100%,17% 72%,8% 17%);
  background:linear-gradient(180deg,rgba(93,216,255,.15),rgba(5,78,139,.10));
}
.audit-check{
  width:12px;height:6px;position:absolute;left:24px;top:25px;
  border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg);
}
.audit-line{position:absolute;right:8px;width:8px;height:1px;background:#6fdcff;opacity:.65}
.line-a{top:17px}.line-b{top:22px;width:6px}

/* Route queue */
.queue-node{
  width:9px;height:9px;position:absolute;top:25px;border:2px solid #8fe8ff;border-radius:50%;background:#082a54
}
.q1{left:8px}.q2{left:25px}.q3{right:8px;background:#62ddff;border-radius:3px}
.queue-link{
  width:10px;height:2px;position:absolute;top:29px;background:linear-gradient(90deg,#38c8ff,#75e5ff)
}
.l1{left:17px}.l2{left:34px}
.q2{animation:trivoQueue 1.7s ease-in-out infinite}
@keyframes trivoQueue{0%,100%{box-shadow:0 0 0 0 rgba(101,224,255,0)}50%{box-shadow:0 0 0 7px rgba(101,224,255,.10)}}

/* Data export */
.export-sheet{
  width:26px;height:29px;position:absolute;left:14px;top:13px;
  border:1.5px solid #94e8ff;border-radius:4px;background:rgba(255,255,255,.04)
}
.export-grid{
  width:15px;height:13px;position:absolute;left:20px;top:21px;
  background:
    linear-gradient(#5fd9ff,#5fd9ff) 0 33%/100% 1px no-repeat,
    linear-gradient(#5fd9ff,#5fd9ff) 0 66%/100% 1px no-repeat,
    linear-gradient(90deg,#5fd9ff,#5fd9ff) 50% 0/1px 100% no-repeat;
  opacity:.75
}
.export-arrow{
  position:absolute;right:9px;top:8px;color:#fff;font-size:16px;font-weight:900;
  animation:trivoExport 1.8s ease-in-out infinite;
}
@keyframes trivoExport{0%,100%{transform:translate(0,0);opacity:.65}50%{transform:translate(3px,-3px);opacity:1}}

@media(max-width:768px){
  .feature-symbol{width:54px;height:54px}
}
@media(prefers-reduced-motion:reduce){
  .scan-line,.route-path::after,.q2,.export-arrow{animation:none!important}
}

/* Premium reading treatment: stronger hierarchy without heavy blocks */
.workflow-heading p,.actual-app-heading p{
  max-width:820px;
  font-size:16px;
  line-height:1.78;
  color:#536a7d;
}
.flow-node{
  position:relative;
  border:1px solid rgba(125,193,224,.34)!important;
  background:
    radial-gradient(circle at 88% 5%,rgba(61,205,255,.10),transparent 31%),
    linear-gradient(160deg,rgba(255,255,255,.98),rgba(244,250,255,.96))!important;
  box-shadow:0 22px 58px rgba(2,42,87,.09),inset 0 1px 0 #fff!important;
}
.flow-node::before{
  content:"";
  position:absolute;
  left:0;top:28px;bottom:28px;width:3px;
  border-radius:0 8px 8px 0;
  background:linear-gradient(180deg,#0ab1f8,#0267e6);
  box-shadow:0 0 18px rgba(10,177,248,.22);
}
.node-index{
  background:linear-gradient(135deg,#021434,#075b9d)!important;
  color:#9ee9ff!important;
  border:1px solid rgba(113,220,255,.28)!important;
  box-shadow:0 8px 20px rgba(2,20,52,.14);
}
.node-copy>span,.management-copy>span{
  letter-spacing:.14em!important;
  font-weight:900!important;
}
.node-copy h3{
  margin-top:8px!important;
  color:#021434!important;
  font-size:21px!important;
  line-height:1.22!important;
  letter-spacing:-.025em;
}
.node-copy p{
  margin-top:11px!important;
  color:#526b7e!important;
  font-size:13.5px!important;
  line-height:1.72!important;
}
.management-copy{
  position:relative;
  padding:23px 24px 24px!important;
  border:1px solid rgba(123,195,227,.27);
  border-radius:17px;
  background:
    radial-gradient(circle at 94% 0,rgba(10,177,248,.09),transparent 30%),
    linear-gradient(145deg,#fbfdff,#f2f9fd);
  box-shadow:0 13px 34px rgba(2,54,102,.065);
}
.management-copy::after{
  content:"";
  position:absolute;left:24px;bottom:0;width:54px;height:3px;border-radius:5px;
  background:linear-gradient(90deg,#0267e6,#0ab1f8);
}
.management-copy h2{
  margin-top:9px!important;
  letter-spacing:-.035em!important;
  line-height:1.12!important;
}
.management-copy p{
  color:#536b7e!important;
  font-size:13.5px!important;
  line-height:1.75!important;
}
.app-screen-title>div{
  position:relative;
  max-width:760px;
  padding:17px 20px 18px;
  border-left:3px solid #0ab1f8;
  border-radius:0 14px 14px 0;
  background:linear-gradient(90deg,rgba(231,247,255,.9),rgba(248,252,255,.56),transparent);
}
.app-screen-title h3{
  margin:0 0 7px!important;
  color:#021434!important;
  font-size:20px!important;
  line-height:1.25!important;
  letter-spacing:-.025em;
}
.app-screen-title p{
  margin:0!important;
  max-width:720px;
  color:#536b7e!important;
  font-size:13px!important;
  line-height:1.68!important;
}
@media(max-width:768px){
  .node-copy h3{font-size:19px!important}
  .node-copy p,.management-copy p{font-size:13px!important}
  .management-copy{padding:19px!important}
  .app-screen-title>div{padding:15px 16px}
}

/* ===== Premium typography hierarchy ===== */
:root{
  --trivo-display: Inter,"Segoe UI Variable","Segoe UI",Arial,sans-serif;
}
.workflow-heading h2,
.actual-app-heading h2,
.management-copy h2,
.node-copy h3,
.app-screen-title h3{
  font-family:var(--trivo-display);
  font-feature-settings:"ss01" 1,"cv01" 1;
  text-wrap:balance;
}
.node-copy h3{
  font-size:23px!important;
  line-height:1.14!important;
  font-weight:850!important;
  letter-spacing:-.042em!important;
  color:#031832!important;
}
.node-copy p{
  max-width:34ch;
  font-size:13.5px!important;
  line-height:1.68!important;
  color:#587082!important;
}
.activity-label{
  display:inline-flex!important;
  align-items:center;
  gap:8px;
  width:max-content;
  padding:6px 9px;
  border:1px solid rgba(42,170,231,.18);
  border-radius:999px;
  background:rgba(231,247,255,.72);
  color:#0877b2!important;
  font-size:8px!important;
  font-weight:950!important;
  letter-spacing:.16em!important;
}
.activity-label i{
  width:5px;height:5px;border-radius:50%;
  background:#0ab1f8;
  box-shadow:0 0 0 4px rgba(10,177,248,.08),0 0 12px rgba(10,177,248,.35);
}

/* ===== Replace boxed numbers with elegant step markers ===== */
.node-step{
  position:absolute;
  top:18px;
  right:18px;
  display:flex;
  align-items:baseline;
  gap:6px;
  padding:0;
  color:#7c91a4;
  background:none;
  border:0;
  box-shadow:none;
  z-index:3;
}
.node-step span{
  font-size:6.5px;
  font-weight:900;
  letter-spacing:.16em;
  color:#9aaaba;
}
.node-step b{
  font-size:17px;
  line-height:1;
  font-weight:850;
  letter-spacing:-.05em;
  color:#0b6b9f;
}
.flow-node{
  padding-top:34px!important;
}
.flow-node::before{
  top:36px!important;
  bottom:36px!important;
  width:2px!important;
}

/* ===== Brand lockups ===== */
.trivo-brand-chip{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:6px 10px 6px 7px;
  margin-right:8px;
  border:1px solid rgba(53,181,236,.20);
  border-radius:999px;
  background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(239,249,255,.92));
  box-shadow:0 7px 18px rgba(2,80,130,.07);
  vertical-align:middle;
}
.trivo-mini-logo{
  width:20px!important;
  height:20px!important;
  object-fit:contain!important;
  flex:0 0 20px;
}
.trivo-brand-chip b{
  color:#021434;
  font-size:9px;
  font-weight:950;
  letter-spacing:.12em;
}
.brand-kicker{
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:3px;
}
.brand-kicker em{
  font-style:normal;
  color:#45809e;
  font-size:9px;
  font-weight:900;
  letter-spacing:.13em;
}
.app-logo-lockup{
  display:flex!important;
  align-items:center;
  gap:7px;
  font-weight:950;
  letter-spacing:.12em;
}
.app-logo-lockup .trivo-mini-logo{
  width:18px!important;
  height:18px!important;
}

/* ===== Subtle animated ambient details ===== */
.workflow-abstract .ambient-orb{
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  filter:blur(2px);
  opacity:.55;
  z-index:0;
}
.ambient-one{
  width:220px;height:220px;
  left:7%;top:23%;
  background:radial-gradient(circle,rgba(55,198,255,.13),rgba(55,198,255,0) 69%);
  animation:trivoFloatOne 8s ease-in-out infinite;
}
.ambient-two{
  width:270px;height:270px;
  right:4%;bottom:8%;
  background:radial-gradient(circle,rgba(2,103,230,.10),rgba(2,103,230,0) 72%);
  animation:trivoFloatTwo 10s ease-in-out infinite;
}
@keyframes trivoFloatOne{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(18px,-14px,0) scale(1.05)}
}
@keyframes trivoFloatTwo{
  0%,100%{transform:translate3d(0,0,0)}
  50%{transform:translate3d(-18px,12px,0)}
}
.route-sparkline{
  position:absolute;
  right:max(28px,calc((100vw - 1172px)/2));
  top:42px;
  width:128px;height:38px;
  opacity:.34;
  pointer-events:none;
}
.route-sparkline::before{
  content:"";
  position:absolute;left:8px;right:8px;top:19px;height:1px;
  background:linear-gradient(90deg,transparent,#26bde9 15%,#0267e6 85%,transparent);
}
.route-sparkline i{
  position:absolute;top:15px;
  width:8px;height:8px;border-radius:50%;
  background:#fff;border:2px solid #0ab1f8;
  box-shadow:0 0 0 4px rgba(10,177,248,.07);
  animation:trivoNodePulse 2.8s ease-in-out infinite;
}
.route-sparkline i:nth-child(1){left:10px}
.route-sparkline i:nth-child(2){left:60px;animation-delay:.5s}
.route-sparkline i:nth-child(3){right:10px;animation-delay:1s}
@keyframes trivoNodePulse{
  0%,100%{transform:scale(.9);opacity:.45}
  50%{transform:scale(1.15);opacity:1}
}

/* Micro hover motion, restrained */
.flow-node .node-icon,
.feature-symbol,
.trivo-brand-chip{
  transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease;
}
.flow-node:hover .node-icon{
  transform:translateY(-4px) rotate(-1deg);
}
.flow-node:hover .node-step b{
  color:#0267e6;
}
.trivo-brand-chip:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(2,80,130,.11);
}

@media(max-width:768px){
  .node-copy h3{font-size:20px!important}
  .node-step{top:14px;right:14px}
  .brand-kicker{flex-wrap:wrap}
  .route-sparkline{display:none}
}
@media(prefers-reduced-motion:reduce){
  .ambient-orb,.route-sparkline i{animation:none!important}
}

/* ===== Always open at the real beginning ===== */
.promo-bar{
  position:relative;
  z-index:1002;
}

/* ===== Fix Financial Performance / Export Excel on phone ===== */
.app-screen-title{
  min-width:0;
}
.app-screen-title>div{
  min-width:0;
}
.app-screen-title button{
  flex:0 0 auto;
  white-space:nowrap;
}
.app-table-wrap{
  width:100%;
  max-width:100%;
  overflow-x:auto!important;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  padding-bottom:3px;
  scrollbar-width:thin;
}
.app-table{
  border-collapse:separate;
  border-spacing:0;
}
.app-table th,
.app-table td{
  white-space:nowrap;
}
.app-table th:nth-child(4),
.app-table td:nth-child(4){
  min-width:126px!important;
  padding-left:13px!important;
  padding-right:16px!important;
}
.app-table th:last-child,
.app-table td:last-child{
  padding-right:18px!important;
}

/* Never clip navigation labels such as Trip Control */
.app-screen-tabs{
  max-width:100%;
  overflow:visible!important;
}
.app-screen-tabs span{
  white-space:nowrap;
  flex:0 0 auto;
}

@media(max-width:768px){
  .app-screen-top{
    align-items:flex-start!important;
    gap:10px;
    padding:12px 12px!important;
  }
  .app-logo-lockup{
    flex:0 0 auto;
    margin-top:3px;
  }
  .app-screen-tabs{
    justify-content:flex-end;
    gap:5px!important;
  }
  .app-screen-tabs span{
    padding:6px 7px!important;
    font-size:8.5px!important;
    border-radius:7px!important;
  }
  .app-screen-title{
    align-items:flex-start!important;
    padding:17px 12px 14px!important;
    gap:10px!important;
  }
  .app-screen-title>div{
    flex:1 1 auto;
    padding:13px 13px 14px!important;
  }
  .app-screen-title h3{
    font-size:17px!important;
  }
  .app-screen-title p{
    font-size:11.5px!important;
    line-height:1.58!important;
  }
  .app-screen-title button{
    padding:9px 10px!important;
    font-size:9.5px!important;
    border-radius:8px!important;
  }
  .app-table{
    min-width:865px!important;
  }
  .app-table th,
  .app-table td{
    font-size:9.5px!important;
  }
}

/* =========================================================
   LIVE PRODUCT DEMOS — triggered only when they enter view
   ========================================================= */

/* --- PDF tap / scan / auto-fill --- */
.workflow-abstract .pdf-demo-trigger{
  overflow:visible!important;
  transform-origin:center;
}
.demo-pointer{
  position:absolute;
  z-index:8;
  width:16px;
  height:20px;
  right:-12px;
  bottom:-13px;
  opacity:0;
  transform:translate(18px,18px) rotate(-16deg);
  filter:drop-shadow(0 4px 5px rgba(2,20,52,.22));
}
.demo-pointer::before{
  content:"";
  position:absolute;
  inset:0;
  background:#fff;
  clip-path:polygon(0 0,0 82%,28% 62%,43% 100%,57% 94%,42% 58%,73% 58%);
  border-radius:2px;
}
.demo-pointer::after{
  content:"";
  position:absolute;
  width:9px;height:9px;
  left:-3px;top:-4px;
  border:1px solid rgba(92,218,255,.9);
  border-radius:50%;
  opacity:0;
  box-shadow:0 0 0 5px rgba(92,218,255,.11);
}
.workflow-abstract.demo-running .demo-pointer{
  animation:trivoPointerTap 1.4s cubic-bezier(.22,.8,.22,1) .25s both;
}
.workflow-abstract.demo-running .pdf-demo-trigger{
  animation:trivoPdfPress 1.05s cubic-bezier(.16,1,.3,1) .72s both;
}
.workflow-abstract.demo-running .premium-doc-node .doc-sheet{
  animation:trivoPdfScanGlow 1.25s ease 1.05s both;
}
@keyframes trivoPointerTap{
  0%{opacity:0;transform:translate(22px,22px) rotate(-16deg)}
  35%{opacity:1;transform:translate(1px,1px) rotate(-16deg)}
  54%{opacity:1;transform:translate(-2px,-2px) rotate(-16deg)}
  62%{opacity:1;transform:translate(1px,1px) rotate(-16deg)}
  74%{opacity:1}
  100%{opacity:0;transform:translate(10px,9px) rotate(-16deg)}
}
@keyframes trivoPdfPress{
  0%,100%{transform:translateY(0) scale(1)}
  38%{transform:translateY(1px) scale(.92)}
  62%{transform:translateY(-2px) scale(1.06)}
}
@keyframes trivoPdfScanGlow{
  0%{box-shadow:0 5px 14px rgba(0,0,0,.12)}
  45%{box-shadow:0 0 0 6px rgba(87,218,255,.12),0 0 26px rgba(87,218,255,.58)}
  100%{box-shadow:0 5px 14px rgba(0,0,0,.12)}
}

/* Hide extracted values until the demo reaches them. */
.auto-fill-data span{
  position:relative;
  overflow:hidden;
}
.auto-fill-data span::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  border-radius:inherit;
  background:
    linear-gradient(90deg,transparent,rgba(94,216,255,.20),transparent),
    linear-gradient(135deg,#f7fafc,#eef6fb);
  background-size:160% 100%,100% 100%;
  background-position:-160% 0,0 0;
  opacity:1;
}
.auto-fill-data b{
  opacity:0;
  transform:translateY(5px);
  transition:none;
}
.workflow-abstract.demo-running .auto-fill-data span:nth-child(1)::after{animation:trivoFieldOpen .62s ease 1.80s forwards}
.workflow-abstract.demo-running .auto-fill-data span:nth-child(2)::after{animation:trivoFieldOpen .62s ease 2.12s forwards}
.workflow-abstract.demo-running .auto-fill-data span:nth-child(3)::after{animation:trivoFieldOpen .62s ease 2.44s forwards}
.workflow-abstract.demo-running .auto-fill-data span:nth-child(4)::after{animation:trivoFieldOpen .62s ease 2.76s forwards}
.workflow-abstract.demo-running .auto-fill-data span:nth-child(1) b{animation:trivoValueIn .4s ease 2.04s forwards}
.workflow-abstract.demo-running .auto-fill-data span:nth-child(2) b{animation:trivoValueIn .4s ease 2.36s forwards}
.workflow-abstract.demo-running .auto-fill-data span:nth-child(3) b{animation:trivoValueIn .4s ease 2.68s forwards}
.workflow-abstract.demo-running .auto-fill-data span:nth-child(4) b{animation:trivoValueIn .4s ease 3s forwards}
@keyframes trivoFieldOpen{
  0%{opacity:1;background-position:-160% 0,0 0}
  58%{opacity:1;background-position:160% 0,0 0}
  100%{opacity:0;background-position:160% 0,0 0}
}
@keyframes trivoValueIn{
  to{opacity:1;transform:translateY(0)}
}

/* Route starts only after fields are populated. */
.auto-route-demo .route-stroke{
  overflow:visible;
}
.auto-route-demo .route-stroke::after{
  content:"";
  position:absolute;
  left:0;top:-1px;
  width:0;height:4px;
  border-radius:999px;
  background:linear-gradient(90deg,#7be7ff,#1fbdf2,#fff);
  box-shadow:0 0 16px rgba(91,218,255,.65);
}
.workflow-abstract.demo-running .auto-route-demo .route-stroke::after{
  animation:trivoRouteBuild 1.15s cubic-bezier(.16,1,.3,1) 3.25s forwards;
}
.workflow-abstract.demo-running .auto-route-demo .route-point.start{
  animation:trivoRoutePoint .55s ease 3.15s both;
}
.workflow-abstract.demo-running .auto-route-demo .route-point.finish{
  animation:trivoRoutePoint .55s ease 4.05s both;
}
@keyframes trivoRouteBuild{from{width:0}to{width:100%}}
@keyframes trivoRoutePoint{
  0%{opacity:.45;transform:scale(.88)}
  65%{opacity:1;transform:scale(1.08)}
  100%{opacity:1;transform:scale(1)}
}

/* Completion proof appears only after extraction is done. */
.node-upload .node-proof{
  opacity:.45;
  transition:opacity .35s ease,transform .35s ease,box-shadow .35s ease;
}
.workflow-abstract.demo-running .node-upload .node-proof{
  animation:trivoScanComplete .5s ease 3.12s both;
}
@keyframes trivoScanComplete{
  0%{opacity:.35;transform:translateY(4px)}
  70%{opacity:1;transform:translateY(-2px);box-shadow:0 0 0 7px rgba(10,177,248,.08)}
  100%{opacity:1;transform:translateY(0);box-shadow:none}
}

/* --- Auto-pan hint for horizontally scrollable tables --- */
.app-table-wrap{
  scroll-behavior:smooth;
  position:relative;
}
.app-table-wrap.demo-pan-active{
  box-shadow:inset -26px 0 24px -28px rgba(2,103,230,.65);
}
.app-table-wrap::after{
  content:"SWIPE";
  position:sticky;
  right:10px;
  bottom:7px;
  float:right;
  z-index:9;
  padding:5px 8px;
  border:1px solid rgba(91,204,244,.30);
  border-radius:999px;
  color:#176c9b;
  background:rgba(243,251,255,.92);
  font-size:6px;
  font-weight:950;
  letter-spacing:.15em;
  opacity:0;
  pointer-events:none;
  transform:translateX(-4px);
  transition:opacity .25s ease,transform .25s ease;
}
.app-table-wrap.demo-pan-active::after{
  opacity:.86;
  transform:translateX(0);
}

/* Export button: tiny premium cue when its table demo starts. */
.export-demo-button{
  display:inline-flex!important;
  align-items:center;
  gap:7px;
}
.export-demo-button i{
  font-style:normal;
  font-size:12px;
  transition:transform .35s ease;
}
.actual-screen.demo-active .export-demo-button{
  animation:trivoExportAttention .8s cubic-bezier(.16,1,.3,1) .7s both;
}
.actual-screen.demo-active .export-demo-button i{
  animation:trivoExportArrow 1.1s ease .85s both;
}
@keyframes trivoExportAttention{
  0%,100%{transform:translateY(0);box-shadow:none}
  55%{transform:translateY(-2px);box-shadow:0 8px 18px rgba(8,116,249,.20)}
}
@keyframes trivoExportArrow{
  0%{transform:translate(0,0)}
  45%{transform:translate(3px,-3px)}
  100%{transform:translate(0,0)}
}

/* --- Other screen demos: rows and KPI cards cascade in subtly --- */
.actual-screen .vehicle-row,
.actual-screen .app-kpi-row>div,
.actual-screen .route-row-real,
.actual-screen .trip-stats>div{
  transition:opacity .48s ease,transform .55s cubic-bezier(.16,1,.3,1);
}
.actual-screen:not(.demo-active) .vehicle-row,
.actual-screen:not(.demo-active) .app-kpi-row>div,
.actual-screen:not(.demo-active) .route-row-real,
.actual-screen:not(.demo-active) .trip-stats>div{
  opacity:.64;
  transform:translateY(7px);
}
.actual-screen.demo-active .app-kpi-row>div:nth-child(1),
.actual-screen.demo-active .trip-stats>div:nth-child(1){transition-delay:.06s}
.actual-screen.demo-active .app-kpi-row>div:nth-child(2),
.actual-screen.demo-active .trip-stats>div:nth-child(2){transition-delay:.12s}
.actual-screen.demo-active .app-kpi-row>div:nth-child(3),
.actual-screen.demo-active .trip-stats>div:nth-child(3){transition-delay:.18s}
.actual-screen.demo-active .app-kpi-row>div:nth-child(4),
.actual-screen.demo-active .trip-stats>div:nth-child(4){transition-delay:.24s}
.actual-screen.demo-active .trip-stats>div:nth-child(5){transition-delay:.30s}

/* On mobile keep the demos readable and not visually heavy. */
@media(max-width:768px){
  .demo-pointer{right:-8px;bottom:-10px}
  .app-table-wrap::after{right:7px;bottom:5px}
}
@media(prefers-reduced-motion:reduce){
  .demo-pointer,
  .workflow-abstract.demo-running .pdf-demo-trigger,
  .workflow-abstract.demo-running .premium-doc-node .doc-sheet,
  .workflow-abstract.demo-running .auto-route-demo .route-stroke::after,
  .workflow-abstract.demo-running .auto-route-demo .route-point,
  .workflow-abstract.demo-running .node-upload .node-proof,
  .actual-screen.demo-active .export-demo-button,
  .actual-screen.demo-active .export-demo-button i{
    animation:none!important;
  }
  .auto-fill-data span::after{display:none!important}
  .auto-fill-data b{opacity:1!important;transform:none!important}
}

.promo-bar,
.site-header{
  opacity:1!important;
  transform:none!important;
  filter:none!important;
  visibility:visible!important;
}
@media(max-width:768px){
  /* Preserve the same opening spacing/layout used by the original v14. */
  .site-header{
    height:80px!important;
    padding:0 18px!important;
  }
  .brand{
    font-size:25px!important;
    letter-spacing:.13em!important;
  }
  .brand img{
    width:43px!important;
    height:43px!important;
  }
  .hero-text-only{
    padding:46px 20px 54px!important;
  }
}

/* Make the extracted-data boxes meaningful even before the live autofill animation. */
.node-verify .floating-data span{
  min-height:82px;
  padding:14px 14px 12px!important;
  display:flex!important;
  flex-direction:column;
  justify-content:space-between;
  align-items:flex-start;
  position:relative;
}
.node-verify .floating-data span small{
  position:relative;
  z-index:3;
  display:flex;
  align-items:center;
  gap:7px;
  color:#26749d!important;
  font-size:7.5px!important;
  font-weight:950!important;
  letter-spacing:.14em!important;
}
.node-verify .floating-data span small::before{
  content:"";
  width:7px;height:7px;
  flex:0 0 7px;
  border-radius:50%;
  border:2px solid #20b9ef;
  box-shadow:0 0 0 4px rgba(32,185,239,.08);
}
.node-verify .floating-data span b{
  position:relative;
  z-index:3;
  color:#06203c!important;
  font-size:12px!important;
  font-weight:850!important;
  line-height:1.25!important;
  letter-spacing:-.015em;
}
.node-verify .floating-data span::before{
  content:"AI EXTRACTED";
  position:absolute;
  z-index:3;
  right:10px;
  top:10px;
  color:#63a7c8;
  font-size:5.5px;
  font-weight:900;
  letter-spacing:.1em;
  opacity:.75;
}
.node-verify .floating-data .price-chip b{
  color:#0579b4!important;
}
.node-verify .floating-data .price-chip small::before{
  border-color:#0ab1f8;
  box-shadow:0 0 0 4px rgba(10,177,248,.08);
}
@media(max-width:768px){
  .node-verify .floating-data{
    gap:10px!important;
  }
  .node-verify .floating-data span{
    min-height:88px;
    padding:13px!important;
  }
  .node-verify .floating-data span b{
    font-size:11.5px!important;
  }
}
/* During the live demo keep the label visible while the value is revealed. */
.auto-fill-data span::after{
  top:34px!important;
  left:10px!important;
  right:10px!important;
  bottom:9px!important;
  border-radius:9px!important;
}

/* ===== Fleet: vehicles arrive one by one ===== */
.fleet-live-demo .vehicle-row{
  opacity:.45;
  transform:translateX(-10px);
}
.management-card.demo-live .fleet-live-demo .vehicle-row{
  animation:trivoFleetRow .52s cubic-bezier(.16,1,.3,1) both;
}
.management-card.demo-live .fleet-live-demo .vehicle-row:nth-child(2){animation-delay:.12s}
.management-card.demo-live .fleet-live-demo .vehicle-row:nth-child(3){animation-delay:.27s}
.management-card.demo-live .fleet-live-demo .vehicle-row:nth-child(4){animation-delay:.42s}
.management-card.demo-live .vehicle-row>i{
  animation:trivoStatusPulse 2.2s ease-in-out infinite;
}
@keyframes trivoFleetRow{
  to{opacity:1;transform:translateX(0)}
}
@keyframes trivoStatusPulse{
  0%,100%{box-shadow:0 0 0 0 rgba(10,177,248,0)}
  50%{box-shadow:0 0 0 6px rgba(10,177,248,.09)}
}

/* ===== Finance: bars grow when card enters view ===== */
.finance-live-demo .report-bars i{
  transform-origin:left center;
  transform:scaleX(.06);
}
.management-card.demo-live .finance-live-demo .revenue-bar{
  animation:trivoFinanceGrow .9s cubic-bezier(.16,1,.3,1) .18s forwards;
}
.management-card.demo-live .finance-live-demo .cost-bar{
  animation:trivoFinanceGrow .9s cubic-bezier(.16,1,.3,1) .38s forwards;
}
.management-card.demo-live .profit-row{
  animation:trivoProfitPop .55s cubic-bezier(.16,1,.3,1) .72s both;
}
@keyframes trivoFinanceGrow{to{transform:scaleX(1)}}
@keyframes trivoProfitPop{
  0%{opacity:.55;transform:translateY(7px) scale(.985)}
  100%{opacity:1;transform:translateY(0) scale(1)}
}

/* ===== Trip Control: route row receives a travelling highlight ===== */
.trip-live-demo{
  position:relative;
  overflow:hidden;
}
.actual-screen.demo-active .trip-live-demo::after{
  content:"";
  position:absolute;
  left:-25%;
  bottom:17px;
  width:22%;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,#28c8f4,#0874f9,transparent);
  box-shadow:0 0 12px rgba(10,177,248,.45);
  animation:trivoTripTravel 2.6s cubic-bezier(.4,0,.2,1) .55s both;
  pointer-events:none;
}
@keyframes trivoTripTravel{
  0%{left:-25%;opacity:0}
  12%{opacity:1}
  86%{opacity:1}
  100%{left:106%;opacity:0}
}
.actual-screen.demo-active .route-row-real{
  animation:trivoRouteReveal .65s cubic-bezier(.16,1,.3,1) .38s both;
}
@keyframes trivoRouteReveal{
  0%{opacity:.48;transform:translateY(9px)}
  100%{opacity:1;transform:translateY(0)}
}

/* ===== KPI cards: subtle shimmer once, not continuously ===== */
.actual-screen.demo-active .app-kpi-row>div{
  position:relative;
  overflow:hidden;
}
.actual-screen.demo-active .app-kpi-row>div::after{
  content:"";
  position:absolute;
  top:0;bottom:0;
  width:42px;
  left:-60px;
  transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(10,177,248,.10),transparent);
  animation:trivoKpiSweep 1.15s ease forwards;
}
.actual-screen.demo-active .app-kpi-row>div:nth-child(2)::after{animation-delay:.12s}
.actual-screen.demo-active .app-kpi-row>div:nth-child(3)::after{animation-delay:.24s}
.actual-screen.demo-active .app-kpi-row>div:nth-child(4)::after{animation-delay:.36s}
@keyframes trivoKpiSweep{to{left:115%}}

@media(prefers-reduced-motion:reduce){
  .management-card.demo-live .vehicle-row,
  .management-card.demo-live .report-bars i,
  .management-card.demo-live .profit-row,
  .actual-screen.demo-active .trip-live-demo::after,
  .actual-screen.demo-active .route-row-real,
  .actual-screen.demo-active .app-kpi-row>div::after{
    animation:none!important;
    opacity:1!important;
    transform:none!important;
  }
}

/* ======================================================
   FINANCE: move attention to the result that matters
   ====================================================== */
.finance-screen-live .profit-kpi-focus{
  position:relative;
  isolation:isolate;
  border-color:rgba(76,113,244,.28)!important;
  background:
    radial-gradient(circle at 85% 8%,rgba(111,84,216,.12),transparent 34%),
    linear-gradient(145deg,#fbfaff,#f4f6ff)!important;
  box-shadow:0 10px 30px rgba(91,76,190,.08);
}
.finance-screen-live .profit-kpi-focus strong{
  position:relative;
  z-index:2;
  color:#6a50d8!important;
}
.profit-label{
  position:absolute;
  top:9px;
  right:10px;
  z-index:2;
  padding:4px 6px;
  border:1px solid rgba(110,84,216,.18);
  border-radius:999px;
  color:#705bd0;
  background:rgba(246,244,255,.92);
  font-size:5.5px;
  font-weight:950;
  letter-spacing:.12em;
}
.finance-screen-live.demo-profit .profit-kpi-focus{
  animation:trivoProfitCardFocus 1.2s cubic-bezier(.16,1,.3,1) .5s both;
}
.finance-screen-live.demo-profit .profit-kpi-focus strong{
  animation:trivoProfitNumber 1.1s cubic-bezier(.16,1,.3,1) .72s both;
}
@keyframes trivoProfitCardFocus{
  0%{transform:scale(.985);box-shadow:0 8px 24px rgba(91,76,190,.06)}
  45%{transform:scale(1.025);box-shadow:0 16px 40px rgba(91,76,190,.18)}
  100%{transform:scale(1);box-shadow:0 10px 30px rgba(91,76,190,.10)}
}
@keyframes trivoProfitNumber{
  0%{opacity:.55;filter:blur(2px);transform:translateY(5px)}
  55%{opacity:1;filter:blur(0);transform:translateY(-2px) scale(1.08)}
  100%{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}
}

/* Profit table cell becomes the destination of the automatic table pan. */
.finance-screen-live .profit-cell-focus{
  position:relative;
  min-width:132px!important;
  background:linear-gradient(180deg,rgba(247,245,255,.9),rgba(255,255,255,.96));
}
.finance-screen-live .profit-cell-focus .profit-positive{
  display:inline-block;
  color:#6a50d8!important;
  font-size:13px!important;
}
.finance-screen-live .profit-cell-focus small{
  display:block;
  margin-top:4px;
  color:#816dd8!important;
  font-size:7px!important;
  font-weight:850!important;
}
.finance-screen-live.demo-profit .profit-cell-focus{
  animation:trivoProfitCell 1.3s ease 1.55s both;
}
@keyframes trivoProfitCell{
  0%,100%{box-shadow:inset 0 0 0 0 rgba(106,80,216,0)}
  45%{box-shadow:inset 0 0 0 2px rgba(106,80,216,.30),0 0 24px rgba(106,80,216,.13)}
}

/* ======================================================
   FLEET: operational status should be instantly readable
   ====================================================== */
.fleet-screen-live,
.fleet-screen-live .fleet-preview,
.fleet-screen-live .vehicle-row{
  filter:none!important;
}
.fleet-live-demo .fleet-status-row{
  opacity:1!important;
  transform:none!important;
  position:relative;
  overflow:hidden;
  background:#fff;
  border-radius:10px;
  transition:transform .3s ease,box-shadow .3s ease,background .3s ease;
}
.fleet-live-demo .fleet-status-row>span{
  min-width:0;
}
.fleet-live-demo .fleet-status-row>span small{
  opacity:1!important;
  color:#708392!important;
}
.fleet-live-demo .fleet-status-row>b{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 8px;
  border-radius:999px;
  white-space:nowrap;
  font-size:8px!important;
  font-weight:900!important;
}
.fleet-live-demo .fleet-status-row>b em{
  font-style:normal;
  font-size:7px;
}
.fleet-live-demo .status-available>b{
  color:#0b7b62!important;
  background:#e7faf3;
}
.fleet-live-demo .status-trip>b{
  color:#075db6!important;
  background:#e8f3ff;
}
.fleet-live-demo .status-rest>b{
  color:#765d10!important;
  background:#fff5d8;
}
.management-card.demo-live .fleet-status-row{
  animation:trivoFleetStatusIn .62s cubic-bezier(.16,1,.3,1) both;
}
.management-card.demo-live .fleet-status-row:nth-child(2){animation-delay:.12s}
.management-card.demo-live .fleet-status-row:nth-child(3){animation-delay:.32s}
.management-card.demo-live .fleet-status-row:nth-child(4){animation-delay:.52s}
.management-card.demo-live .fleet-status-row:nth-child(2)>b{animation:trivoStatusCallout 1.4s ease 1.05s both}
.management-card.demo-live .fleet-status-row:nth-child(3)>b{animation:trivoStatusCallout 1.4s ease 1.35s both}
.management-card.demo-live .fleet-status-row:nth-child(4)>b{animation:trivoStatusCallout 1.4s ease 1.65s both}
@keyframes trivoFleetStatusIn{
  0%{opacity:.38;transform:translateX(-12px)}
  100%{opacity:1;transform:translateX(0)}
}
@keyframes trivoStatusCallout{
  0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(10,177,248,0)}
  50%{transform:scale(1.07);box-shadow:0 0 0 7px rgba(10,177,248,.07)}
}

/* Do not dim actual-app content while waiting for animation. */
.actual-screen:not(.demo-active) .vehicle-row,
.actual-screen:not(.demo-active) .app-kpi-row>div,
.actual-screen:not(.demo-active) .route-row-real,
.actual-screen:not(.demo-active) .trip-stats>div{
  opacity:1!important;
  transform:none!important;
}

@media(max-width:768px){
  .finance-screen-live .profit-cell-focus{
    min-width:128px!important;
  }
  .fleet-live-demo .fleet-status-row>b{
    padding:5px 7px;
    font-size:7.5px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .finance-screen-live.demo-profit .profit-kpi-focus,
  .finance-screen-live.demo-profit .profit-kpi-focus strong,
  .finance-screen-live.demo-profit .profit-cell-focus,
  .management-card.demo-live .fleet-status-row,
  .management-card.demo-live .fleet-status-row>b{
    animation:none!important;
  }
}

.pdf-bonus-clean{
  display:block!important;
  padding:34px 34px 32px!important;
  border-radius:22px!important;
}
.pdf-bonus-head{
  display:block!important;
  max-width:760px;
  margin:0!important;
}
.pdf-bonus-kicker{
  display:inline-flex!important;
  align-items:center;
  width:max-content;
  margin:0 0 13px!important;
  padding:7px 10px!important;
  border:1px solid rgba(118,225,255,.24);
  border-radius:999px;
  color:#8ce7ff!important;
  background:rgba(255,255,255,.055);
  font-size:8px!important;
  font-weight:950!important;
  letter-spacing:.16em!important;
}
.pdf-bonus-clean h3{
  max-width:680px;
  margin:0!important;
  font-size:clamp(27px,3vw,39px)!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
}
.pdf-bonus-intro{
  max-width:690px!important;
  margin:18px 0 0!important;
  color:#d8ebf7!important;
  font-size:14px!important;
  line-height:1.65!important;
}
.pdf-bonus-points{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-top:25px;
}
.pdf-bonus-points>div{
  min-width:0;
  padding:15px 14px 16px;
  border:1px solid rgba(120,218,255,.14);
  border-radius:14px;
  background:rgba(255,255,255,.045);
}
.pdf-bonus-points b{
  display:block;
  margin-bottom:12px;
  color:#69dcff;
  font-size:9px;
  font-weight:950;
  letter-spacing:.12em;
}
.pdf-bonus-points span{
  display:block;
}
.pdf-bonus-points strong{
  display:block;
  margin-bottom:7px;
  color:#fff;
  font-size:12px;
  line-height:1.3;
  font-weight:850;
}
.pdf-bonus-points small{
  display:block;
  color:#b8d1df;
  font-size:10px;
  line-height:1.55;
}
@media(max-width:768px){
  .pdf-bonus-clean{
    padding:26px 20px 24px!important;
  }
  .pdf-bonus-clean h3{
    font-size:28px!important;
  }
  .pdf-bonus-intro{
    margin-top:14px!important;
    font-size:13px!important;
  }
  .pdf-bonus-points{
    grid-template-columns:1fr;
    gap:8px;
    margin-top:20px;
  }
  .pdf-bonus-points>div{
    display:grid;
    grid-template-columns:30px 1fr;
    gap:8px;
    padding:13px 12px;
  }
  .pdf-bonus-points b{
    margin:2px 0 0;
  }
}

.hero-pdf-editorial{
  display:block!important;
  max-width:100%!important;
  padding:22px 22px 21px!important;
  border:1px solid rgba(92,199,240,.30)!important;
  border-radius:18px!important;
  background:
    radial-gradient(circle at 92% 8%,rgba(10,177,248,.10),transparent 30%),
    linear-gradient(145deg,#f8fdff,#eef9ff)!important;
  box-shadow:0 14px 34px rgba(2,76,124,.075)!important;
}
.hero-pdf-top{
  display:flex;
  align-items:center;
  gap:14px;
  margin:0 0 15px;
}
.hero-pdf-icon{
  width:52px;
  height:58px;
  flex:0 0 52px;
  position:relative;
  display:grid;
  place-items:center;
  border:1px solid rgba(87,204,245,.38);
  border-radius:13px;
  background:linear-gradient(155deg,#05204a,#0879c9);
  box-shadow:0 10px 24px rgba(2,73,127,.16),inset 0 1px 0 rgba(255,255,255,.10);
}
.hero-pdf-icon::after{
  content:"";
  position:absolute;
  top:0;right:0;
  width:15px;height:15px;
  clip-path:polygon(0 0,100% 100%,100% 0);
  background:rgba(126,229,255,.32);
  border-radius:0 10px 0 0;
}
.hero-pdf-sheet{
  color:#fff;
  font-size:12px;
  font-weight:950;
  letter-spacing:.08em;
}
.hero-pdf-heading{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:4px;
}
.hero-pdf-heading strong{
  color:#056596!important;
  font-size:13px!important;
  line-height:1.15!important;
  font-weight:950!important;
  letter-spacing:.12em!important;
}
.hero-pdf-heading small{
  color:#7a95a7;
  font-size:7px;
  font-weight:900;
  letter-spacing:.14em;
}
.hero-pdf-editorial p{
  max-width:760px;
  margin:0!important;
  color:#526c7e!important;
  font-size:14px!important;
  line-height:1.68!important;
  font-weight:500!important;
  text-align:left!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
}
@media(max-width:768px){
  .hero-pdf-editorial{
    padding:19px 18px 18px!important;
    border-radius:17px!important;
  }
  .hero-pdf-top{
    gap:12px;
    margin-bottom:13px;
  }
  .hero-pdf-icon{
    width:48px;
    height:54px;
    flex-basis:48px;
  }
  .hero-pdf-heading strong{
    font-size:11px!important;
    letter-spacing:.10em!important;
  }
  .hero-pdf-heading small{
    font-size:6.3px;
  }
  .hero-pdf-editorial p{
    font-size:13px!important;
    line-height:1.62!important;
  }
}

/* Reusable TRIVO PDF signature across the landing page */
.pdf-signature-icon{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  overflow:hidden!important;
  border:1px solid rgba(87,204,245,.38)!important;
  border-radius:13px!important;
  color:#fff!important;
  background:
    radial-gradient(circle at 72% 10%,rgba(126,229,255,.18),transparent 35%),
    linear-gradient(155deg,#05204a,#0879c9)!important;
  box-shadow:
    0 10px 24px rgba(2,73,127,.16),
    inset 0 1px 0 rgba(255,255,255,.10)!important;
}
.pdf-signature-icon::after{
  content:""!important;
  position:absolute!important;
  top:0!important;
  right:0!important;
  width:15px!important;
  height:15px!important;
  clip-path:polygon(0 0,100% 100%,100% 0)!important;
  background:rgba(126,229,255,.32)!important;
  border-radius:0 10px 0 0!important;
  pointer-events:none!important;
}
.pdf-signature-sheet{
  position:relative;
  z-index:2;
  color:#fff;
  font-size:11px;
  line-height:1;
  font-weight:950;
  letter-spacing:.08em;
}
.pdf-signature-small{
  width:44px!important;
  height:48px!important;
  flex:0 0 44px!important;
}
.pdf-signature-feature{
  width:58px!important;
  height:58px!important;
}
.premium-doc-node.pdf-signature-icon{
  width:58px!important;
  height:62px!important;
}
.pdf-icon.pdf-signature-icon{
  background:
    radial-gradient(circle at 72% 10%,rgba(126,229,255,.18),transparent 35%),
    linear-gradient(155deg,#05204a,#0879c9)!important;
  color:#fff!important;
}
.pdf-icon.pdf-signature-icon::before{
  content:"PDF"!important;
  position:relative!important;
  inset:auto!important;
  width:auto!important;
  height:auto!important;
  border:0!important;
  background:none!important;
  color:#fff!important;
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:.08em!important;
  box-shadow:none!important;
}
.pdf-icon.pdf-signature-icon::after{
  content:""!important;
}
@media(max-width:768px){
  .pdf-signature-feature{
    width:54px!important;
    height:54px!important;
  }
  .premium-doc-node.pdf-signature-icon{
    width:54px!important;
    height:58px!important;
  }
}

.trivo-review-confirmed{
  margin:18px 0 20px;
  padding:20px;
  border:1px solid rgba(61,187,238,.28);
  border-radius:20px;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(239,249,255,.98));
  box-shadow:0 16px 38px rgba(2,50,93,.08);
}
.trivo-review-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
  margin-bottom:16px;
}
.trivo-review-kicker{
  display:block;
  margin-bottom:5px;
  color:#0788c9;
  font-size:10px;
  line-height:1;
  font-weight:950;
  letter-spacing:.14em;
}
.trivo-review-head h4{
  margin:0;
  color:#021434;
  font-size:18px;
  line-height:1.25;
  font-weight:900;
}
.trivo-review-ready{
  flex:0 0 auto;
  padding:7px 10px;
  border:1px solid rgba(10,177,248,.22);
  border-radius:999px;
  background:#eaf8ff;
  color:#0874a9;
  font-size:8px;
  font-weight:950;
  letter-spacing:.1em;
}
.trivo-review-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.trivo-review-card{
  min-width:0;
  padding:14px 15px 15px;
  border:1px solid rgba(5,113,174,.12);
  border-radius:14px;
  background:#fff;
  box-shadow:0 7px 18px rgba(2,50,93,.045);
}
.trivo-review-card span{
  display:block;
  margin-bottom:6px;
  color:#7b91a3;
  font-size:8px;
  line-height:1;
  font-weight:900;
  letter-spacing:.13em;
}
.trivo-review-card strong{
  display:block;
  color:#021434;
  font-size:14px;
  line-height:1.28;
  font-weight:900;
  white-space:normal;
  overflow-wrap:anywhere;
}
@media(max-width:600px){
  .trivo-review-confirmed{padding:16px;border-radius:17px}
  .trivo-review-head{display:block;margin-bottom:14px}
  .trivo-review-ready{display:inline-block;margin-top:10px}
  .trivo-review-grid{grid-template-columns:1fr 1fr;gap:8px}
  .trivo-review-card{padding:12px 11px 13px}
  .trivo-review-card strong{font-size:12px}
  .trivo-review-head h4{font-size:16px}
}

/* STEP 02 — REVIEW EXTRACTED ORDER DETAILS: values must always be readable */
.review-extracted-fixed{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
.review-extracted-fixed > span{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-height:74px!important;
  padding:13px 14px!important;
  overflow:visible!important;
  border:1px solid rgba(8,132,199,.17)!important;
  border-radius:14px!important;
  background:linear-gradient(145deg,#ffffff,#f2faff)!important;
  box-shadow:0 8px 20px rgba(2,50,93,.055)!important;
}
.review-extracted-fixed > span::after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  animation:none!important;
}
.review-extracted-fixed small{
  display:block!important;
  margin-bottom:7px!important;
  color:#7a91a4!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.13em!important;
}
.review-extracted-fixed b{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  animation:none!important;
  color:#021434!important;
  font-size:14px!important;
  line-height:1.25!important;
  font-weight:900!important;
  white-space:normal!important;
}
.review-extracted-fixed .price-chip{
  background:linear-gradient(145deg,#f8fdff,#eaf8ff)!important;
  border-color:rgba(10,177,248,.28)!important;
}
.review-extracted-fixed .price-chip b{
  color:#0478b5!important;
}
@media(max-width:600px){
  .review-extracted-fixed{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .review-extracted-fixed > span{
    min-height:68px!important;
    padding:11px 10px!important;
  }
  .review-extracted-fixed b{
    font-size:11.5px!important;
    overflow-wrap:anywhere!important;
  }
  .review-extracted-fixed small{
    font-size:7px!important;
  }
}

/* LIMITED OFFER + SUBSCRIBE BEFORE LAUNCH — one continuous shape */
.hero-launch-wow{
  position:relative!important;
  overflow:hidden!important;
  border-radius:22px!important;
}

/* Remove the separate square/tab feeling from the label above the offer */
.hero-launch-wow .launch-badge,
.hero-launch-wow .limited-badge,
.hero-launch-wow .offer-badge,
.hero-launch-wow [class*="limited"][class*="badge"]{
  margin:0!important;
  border-radius:0!important;
}

/* If the LIMITED OFFER label is the element directly before the launch card,
   visually fuse both elements with one shared outer radius. */
.hero-launch-wow > :first-child{
  border-top-left-radius:20px!important;
  border-top-right-radius:20px!important;
}
.hero-launch-wow > :last-child{
  border-bottom-left-radius:20px!important;
  border-bottom-right-radius:20px!important;
}

/* Known founding/launch badge treatment: same geometry, no mixed square/circle corners */
.launch-offer-label,
.hero-offer-kicker,
.founding-offer-badge{
  border-radius:14px!important;
}

/* Make pill-like children consistent rather than mixing circular and square corners */
.hero-launch-wow .launch-pill,
.hero-launch-wow .offer-pill,
.hero-launch-wow .subscribe-pill{
  border-radius:14px!important;
}

/* On mobile keep the entire offer as one clean continuous card */
@media(max-width:768px){
  .hero-launch-wow{
    border-radius:18px!important;
  }
  .hero-launch-wow > :first-child{
    border-top-left-radius:16px!important;
    border-top-right-radius:16px!important;
  }
  .hero-launch-wow > :last-child{
    border-bottom-left-radius:16px!important;
    border-bottom-right-radius:16px!important;
  }
}

/* One continuous rounded offer: LIMITED label is now part of the navy offer card */
#launch-offer.offer-section::before{
  content:none!important;
  display:none!important;
}
#launch-offer .offer-shell{
  position:relative!important;
  overflow:hidden!important;
  border-radius:26px!important;
  padding-top:124px!important;
}
#launch-offer .offer-cap{
  position:absolute!important;
  z-index:5!important;
  top:0!important;
  left:0!important;
  right:0!important;
  height:58px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0 20px!important;
  border:0!important;
  border-radius:0!important;
  background:linear-gradient(90deg,#0267e6 0%,#0ab1f8 50%,#0267e6 100%)!important;
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.10)!important;
  color:#fff!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:.16em!important;
  text-align:center!important;
}
/* The shell owns the only external corner radius; the cap is clipped into it. */
#launch-offer .offer-copy,
#launch-offer .pricing-card{
  position:relative!important;
  z-index:2!important;
}
@media(max-width:768px){
  #launch-offer .offer-shell{
    border-radius:22px!important;
    padding-top:104px!important;
  }
  #launch-offer .offer-cap{
    height:54px!important;
    padding:0 14px!important;
    font-size:10.5px!important;
    letter-spacing:.14em!important;
  }
}

/* Standard visitor-controlled scrolling: no page snapping or presentation rail. */
html{scroll-snap-type:none!important;scroll-padding-top:0!important}
main > section,
.offer-section,
.difference-section,
.product-section,
.workflow-abstract,
.management-section,
.actual-app-section,
.plans-section,
.cta-section{
  scroll-snap-align:none!important;
  scroll-snap-stop:normal!important;
}

/* TRIVO v13 compact subscription cards */
.plans-section{padding:72px 24px 78px!important;background:#f7fafc!important}
.plans-section:before,.plans-section:after{opacity:.55}
.plans-head{max-width:650px!important;margin-bottom:32px!important}
.plans-head h2{font-size:clamp(30px,3.4vw,43px)!important;margin:12px 0 8px!important}
.plans-head p{font-size:14px!important}
.plans-grid{gap:12px!important}
.plan-card{min-height:0!important;padding:19px 18px 17px!important;border-radius:17px!important;box-shadow:0 10px 28px rgba(2,20,52,.055)!important;backdrop-filter:none!important}
.plan-card:hover{transform:translateY(-3px)!important;box-shadow:0 15px 34px rgba(2,20,52,.09)!important}
.plan-card.featured{transform:none!important;background:linear-gradient(155deg,#071b38,#07366c)!important;box-shadow:0 16px 38px rgba(2,57,122,.16)!important}
.plan-card.featured:hover{transform:translateY(-3px)!important}
.plan-badge{min-height:18px!important;margin-bottom:12px!important}.plan-badge>span{font-size:7px!important}.plan-badge>b{padding:4px 6px!important;font-size:6px!important}
.plan-card h3{font-size:18px!important}.plan-price{margin:10px 0 14px!important;font-size:29px!important}.plan-price span{font-size:10px!important}
.plan-sub{display:none!important}
.plan-meta{margin-top:0!important;font-size:10px!important}.plan-meta>div{padding:9px 0!important}.plan-meta b{font-size:11px!important}
.plan-cta{min-height:38px!important;margin-top:14px!important;border-radius:9px!important;font-size:9px!important}
.plans-foot{margin-top:20px!important}
@media(max-width:1000px){.plans-grid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:600px){.plans-section{padding:58px 18px 62px!important}.plans-grid{grid-template-columns:1fr!important}.plan-card{padding:18px!important}.plan-card.featured{order:initial!important}}

/* TRIVO Website v30 — live subscriptions and WhatsApp driver instructions */
.hero-live-panel{
  width:min(900px,100%);
  margin:34px auto 0;
  padding:22px 24px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:28px;
  align-items:center;
  border:1px solid rgba(93,211,250,.32);
  border-radius:22px;
  color:#fff;
  background:
    radial-gradient(circle at 100% 0%,rgba(79,210,255,.22),transparent 45%),
    linear-gradient(145deg,#041735 0%,#073d7d 100%);
  box-shadow:0 24px 65px rgba(2,35,83,.18);
}
.hero-live-copy>span{display:block;margin-bottom:8px;color:#7ee0ff;font-size:10px;font-weight:950;letter-spacing:.16em}
.hero-live-copy>b{display:block;font-size:20px;line-height:1.25;letter-spacing:-.02em}
.hero-live-copy>small{display:block;margin-top:8px;color:#c1d9e9;font-size:12px;line-height:1.55}
.hero-live-price{min-width:220px;padding-left:26px;border-left:1px solid rgba(255,255,255,.15)}
.hero-live-price>strong{display:block;font-size:38px;line-height:1;letter-spacing:-.05em}
.hero-live-price>strong span{margin-left:4px;color:#bdd7e8;font-size:11px;letter-spacing:0}
.hero-live-price>small{display:block;margin:7px 0 13px;color:#9ec7dd;font-size:9px;font-weight:750}
.hero-live-price>a{min-height:36px;padding:0 13px;display:inline-flex;align-items:center;gap:8px;border-radius:9px;color:#031a40;background:#fff;font-size:9px;font-weight:950;letter-spacing:.08em}

.whatsapp-section{padding:110px 24px;background:linear-gradient(180deg,#f5fafc 0%,#fff 100%);border-top:1px solid #e2ebf0;border-bottom:1px solid #e2ebf0}
.whatsapp-shell{width:min(1160px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.88fr);gap:58px;align-items:center}
.whatsapp-kicker{display:block;margin-bottom:17px;color:#0267e6;font-size:10px;font-weight:950;letter-spacing:.16em}
.whatsapp-copy h2{max-width:650px;margin:0;color:#021434;font-size:clamp(38px,4.8vw,61px);line-height:1.01;letter-spacing:-.055em}
.whatsapp-copy>p{max-width:680px;margin:22px 0 0;color:#607586;font-size:16px;line-height:1.68}
.whatsapp-benefits{margin:28px 0 30px;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.whatsapp-benefits span{padding:14px 15px;border:1px solid #dce9ee;border-radius:12px;color:#536a7c;background:#fff;font-size:12px;line-height:1.45;box-shadow:0 8px 24px rgba(2,20,52,.04)}
.whatsapp-benefits b{display:block;margin-bottom:3px;color:#12273b;font-size:12px}
.whatsapp-button{background:linear-gradient(135deg,#0267e6,#0ab1f8)!important;box-shadow:0 14px 30px rgba(2,103,230,.2)!important}
.whatsapp-preview{overflow:hidden;border:1px solid #c8dce8;border-radius:18px;background:#edf5fb;box-shadow:0 25px 65px rgba(2,39,88,.14);transform:none}
.whatsapp-preview-head{padding:17px 18px;display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;color:#fff;background:linear-gradient(135deg,#021434,#07549c)}
.whatsapp-avatar{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(126,224,255,.45);border-radius:8px;color:#0267e6;background:#fff;font-weight:950}
.whatsapp-preview-head b,.whatsapp-preview-head span{display:block}.whatsapp-preview-head b{font-size:13px}.whatsapp-preview-head span{margin-top:3px;color:#b8ddf0;font-size:8px}.whatsapp-preview-head em{font-size:8px;font-style:normal;font-weight:900;letter-spacing:.08em}
.whatsapp-message{margin:18px;padding:21px;border:1px solid #d7e5ed;border-radius:6px 13px 13px 13px;color:#223a4e;background:#fff;box-shadow:0 8px 25px rgba(2,46,92,.07);font-size:11px;line-height:1.55}
.whatsapp-message>strong{display:block;margin-bottom:13px;color:#052958;font-size:13px}.whatsapp-message p{margin:0 0 13px}.whatsapp-message p:last-of-type{margin-bottom:12px}.whatsapp-message small{display:block;padding-top:11px;border-top:1px solid #e2ebf1;color:#6b8191;font-size:9px}.map-link{color:#0674d8;font-weight:850}
.whatsapp-preview-foot{padding:0 18px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.whatsapp-preview-foot span{color:#60798b;font-size:9px;font-weight:750}.whatsapp-preview-foot b{padding:10px 13px;border-radius:8px;color:#fff;background:linear-gradient(135deg,#0267e6,#0a9ce4);font-size:9px}
.plan-billing{min-height:16px;margin:-7px 0 12px;color:#0874d9;font-size:9px;font-weight:850}
.plan-card.featured .plan-billing{color:#84ddfa}

@media(max-width:900px){
  .hero-live-panel{grid-template-columns:1fr;text-align:left}
  .hero-live-price{padding:18px 0 0;border-top:1px solid rgba(255,255,255,.15);border-left:0}
  .whatsapp-shell{grid-template-columns:1fr;gap:40px}
  .whatsapp-preview{max-width:600px;width:100%;margin:0 auto;transform:none}
}
@media(max-width:600px){
  .hero-live-panel{margin-top:26px;padding:19px;border-radius:18px;gap:16px}
  .hero-live-copy>b{font-size:17px}.hero-live-price>strong{font-size:33px}
  .whatsapp-section{padding:72px 18px}
  .whatsapp-copy h2{font-size:38px}.whatsapp-copy>p{font-size:15px}
  .whatsapp-benefits{grid-template-columns:1fr}
  .whatsapp-preview{border-radius:19px}
  .whatsapp-message{margin:13px;padding:17px}
}

/* TRIVO Website v31 — unified brand palette, editorial markers and CTA alignment */
:root{--accent:#0ab1f8}

.button,
.hero-live-price>a,
.plan-cta,
.whatsapp-preview-foot b{
  box-sizing:border-box;
  line-height:1;
  text-align:center;
}
.hero-actions{width:min(900px,100%);margin:18px auto 0;align-items:stretch;justify-content:center;gap:12px}
.hero-actions .button{width:176px;min-height:50px;padding:0 18px}
.button-secondary{border:1px solid #cbdde8!important;color:#08203c!important;background:#fff!important;box-shadow:0 9px 24px rgba(2,20,52,.07)!important}
.button-secondary:hover{border-color:#78d4f6!important;box-shadow:0 13px 30px rgba(2,79,145,.12)!important}
.site-header .button-small{min-width:112px;min-height:40px;padding:0 16px}
.whatsapp-copy>.button{min-width:168px;min-height:50px}
.cta-section>.button{min-width:180px;min-height:50px}
.plan-card{height:100%}
.plan-cta{min-height:42px!important;margin-top:auto!important;padding:0 16px!important}

.core-grid article{align-items:flex-start}
.core-marker{width:52px;min-width:52px;height:42px;padding:7px 8px;display:flex;flex-direction:column;justify-content:center;border:1px solid #cfe4ef;border-radius:8px;background:linear-gradient(145deg,#f8fcff,#edf7fc);box-shadow:inset 3px 0 0 #0ab1f8}
.core-marker small,.core-marker b{display:block;line-height:1}
.core-marker small{color:#6f8797;font-size:7px;font-weight:850;letter-spacing:.12em}
.core-marker b{margin-top:5px;color:#052958;font-size:8px;letter-spacing:.08em}
.feature-label{height:42px;margin:2px 0 23px;padding:0 13px;display:inline-flex;align-items:center;gap:10px;border:1px solid #cae1ed;border-radius:7px;background:#f6fbfe;box-shadow:inset 3px 0 0 #0ab1f8}
.feature-label span{color:#718697;font-size:7px;font-weight:900;letter-spacing:.14em}
.feature-label b{color:#052958;font-size:10px;letter-spacing:.06em}
.difference-card.featured .feature-label{border-color:rgba(108,211,249,.33);background:rgba(255,255,255,.08);box-shadow:inset 3px 0 0 #65d9ff}
.difference-card.featured .feature-label span{color:#9fc6dc}
.difference-card.featured .feature-label b{color:#fff}

.check,
.screen-heading>span,
.complete-pill,
.difference-icon.green{color:#0267e6!important;background:#e5f4ff!important}
.offer-benefits .check{color:#fff!important;background:rgba(10,177,248,.22)!important}
.profit-row strong,.profit-row>b,.profit-positive{color:#0267e6!important}
.status-pill.available,.source-pill{color:#0267e6!important;background:#e5f4ff!important}
.node-proof{color:#0267e6!important;background:#e7f5ff!important}
.pulse-dot{background:#0ab1f8!important;box-shadow:0 0 0 5px rgba(10,177,248,.12)!important}
.node-verify .floating-data .price-chip small::before{border-color:#0ab1f8!important;box-shadow:0 0 0 4px rgba(10,177,248,.08)!important}
@keyframes trivoScanComplete{
  0%{opacity:.35;transform:translateY(4px)}
  70%{opacity:1;transform:translateY(-2px);box-shadow:0 0 0 7px rgba(10,177,248,.08)}
  100%{opacity:1;transform:translateY(0);box-shadow:none}
}

.whatsapp-section{background:linear-gradient(180deg,#f3f8fd 0%,#fff 100%);border-color:#dbe8ef}
.whatsapp-kicker{color:#0267e6}
.whatsapp-benefits span{border-color:#d3e5ef;border-radius:9px;background:#fff;box-shadow:0 8px 22px rgba(2,41,88,.045)}
.whatsapp-benefits span::before{content:"";width:18px;height:2px;display:block;margin-bottom:9px;background:linear-gradient(90deg,#0267e6,#0ab1f8)}
.whatsapp-button{background:linear-gradient(135deg,#0267e6,#0ab1f8)!important;box-shadow:0 14px 30px rgba(2,103,230,.2)!important}
.whatsapp-preview{border-color:#c8dce8;border-radius:18px;background:#edf5fb;box-shadow:0 25px 65px rgba(2,39,88,.14);transform:none}
.whatsapp-preview-head{background:linear-gradient(135deg,#021434,#07549c)}
.whatsapp-avatar{border:1px solid rgba(126,224,255,.45);border-radius:8px;color:#0267e6;background:#fff}
.whatsapp-avatar img{width:27px;height:27px;object-fit:contain}
.whatsapp-preview-head span{color:#b8ddf0}
.whatsapp-message{border:1px solid #d7e5ed;border-radius:6px 13px 13px 13px;color:#223a4e;background:#fff;box-shadow:0 8px 25px rgba(2,46,92,.07)}
.whatsapp-message>strong{color:#052958}
.whatsapp-message small{border-color:#e2ebf1;color:#6b8191}
.whatsapp-preview-foot span{color:#60798b}
.whatsapp-preview-foot b{min-width:124px;min-height:36px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:linear-gradient(135deg,#0267e6,#0a9ce4)}

@media(max-width:760px){
  .site-header .button-small{min-width:92px;min-height:38px;padding:0 10px}
  .hero-actions{width:100%;margin:14px auto 0;flex-direction:column;gap:10px}
  .hero-actions .button{width:100%}
  .whatsapp-copy>.button{width:100%}
  .feature-label{margin-bottom:19px}
}

/* TRIVO Website v33 — full-width subscription banner and direct Stripe checkout */
.hero-live-panel{width:min(1172px,100%)}
.hero-live-price>a{justify-content:center;min-width:150px}
.plans-head{margin-bottom:24px}
.plans-billing-toggle{
  width:max-content;
  max-width:100%;
  margin:0 auto 34px;
  padding:5px;
  display:flex;
  align-items:center;
  gap:5px;
  border:1px solid #cfdfE9;
  border-radius:12px;
  background:#fff;
  box-shadow:0 12px 28px rgba(2,20,52,.07);
}
.plans-billing-toggle button{
  min-height:42px;
  padding:0 17px;
  border:0;
  border-radius:8px;
  color:#536b7d;
  background:transparent;
  font:inherit;
  font-size:10px;
  font-weight:900;
  letter-spacing:.03em;
  cursor:pointer;
}
.plans-billing-toggle button small{margin-left:5px;color:#0874d9;font-size:8px;font-weight:900}
.plans-billing-toggle button.active{color:#fff;background:linear-gradient(135deg,#0267e6,#0ab1f8);box-shadow:0 8px 18px rgba(2,103,230,.2)}
.plans-billing-toggle button.active small{color:#dff7ff}
.plan-price b{font:inherit}
.plan-cta{white-space:nowrap}
.plans-foot{max-width:720px;text-align:center;line-height:1.55}

@media(max-width:600px){
  .plans-billing-toggle{width:100%;margin-bottom:24px}
  .plans-billing-toggle button{flex:1;padding:0 10px}
  .plans-billing-toggle button small{display:block;margin:3px 0 0}
  .plan-cta{white-space:normal;line-height:1.25!important}
}