/* The first viewport: one promise, one primary action, one product preview. */
.landing-refined .landing-header { padding-block: 16px; min-height: 78px; border-bottom-color: #a3c6bf16; }
.landing-refined .landing-header .brand { font-size: 26px; letter-spacing: -1.5px; }
.landing-refined .landing-header nav a { font-size: 13px; padding-inline: 18px; color: #b4c6c4; }
.landing-refined .landing-header .nav-app { min-width: 98px; gap: 12px; background: #d7eee507; border-color: #aacdc332; color: #eff6ef; border-radius: 10px; }
.landing-refined .nav-app svg { width: 16px; height: 16px; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.landing-refined .landing-motion-toggle { width: 40px; height: 44px; border-color: transparent; background: transparent; color: #9bafaf; }
.landing-refined .landing-mobile-menu { display: none; }
.landing-refined .landing-hero { grid-template-columns: minmax(0,1fr) minmax(0,1fr); align-items: center; gap: clamp(38px,5vw,76px); padding: 54px 0 42px; }
.landing-refined .hero-copy { padding-bottom: 12px; }
.landing-refined .landing-hero .landing-kicker { font-size: 10px; font-weight: 600; color: #aebfbd; letter-spacing: .14em; gap: 11px; }
.landing-refined .landing-hero .landing-kicker > i { width: 5px; height: 5px; box-shadow: 0 0 10px #c8ef8040; }
.landing-refined .landing-hero h1 { font-size: clamp(46px,4.9vw,68px); line-height: 1.06; letter-spacing: -.055em; font-weight: 600; margin: 24px 0 24px; }
.landing-refined .landing-hero h1 em { font-family: inherit; font-style: normal; font-weight: inherit; letter-spacing: inherit; color: #cef29b; }
.landing-refined .landing-hero .landing-lead { max-width: 430px; font-size: 16px; line-height: 1.75; color: #adc0c0; }
.landing-refined .landing-hero .landing-lead strong { font-weight: 500; color: #dce7e1; }
.landing-refined .landing-hero .landing-actions { flex-wrap: nowrap; align-items: center; gap: 24px; margin: 28px 0 15px; }
.landing-refined .landing-hero .landing-cta { min-height: 54px; min-width: 193px; justify-content: space-between; padding: 15px 21px; font-size: 14px; font-weight: 700; border-radius: 12px; box-shadow: 0 5px 0 #8cae5926, 0 9px 30px #acd7730c; }
.landing-refined .landing-cta > svg { width: 20px; height: 20px; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.landing-refined .hero-demo-link { display: inline-flex; align-items: center; gap: 9px; min-height: 48px; white-space: nowrap; text-decoration: none; font-size: 13px; color: #d8e3de; }
.landing-refined .hero-demo-link:hover { color: var(--landing-lime); }
.landing-refined .demo-play { display: grid; place-items: center; width: 29px; height: 29px; border-radius: 50%; border: 1px solid #bad0c645; }
.landing-refined .demo-play svg { width: 15px; height: 15px; stroke: currentColor; stroke-width: 1.5; stroke-linejoin: round; }
.landing-refined .landing-hero .landing-start-note { font-size: 11px; color: #a5b9b6; }
.landing-refined .hero-pro-features { display: grid; grid-template-columns: auto minmax(0,1fr) 34px; align-items: center; gap: 12px; max-width: 438px; margin-top: 30px; padding-top: 22px; border-top: 1px solid #a3c6bf20; }
.landing-refined .hero-pro-features .feature-pro { color: #8cdeea; background: #6fe3f208; border-color: #6fe3f229; padding: 4px 6px; font-size: 8px; letter-spacing: .06em; white-space: nowrap; }
.landing-refined .hero-pro-features p { font-size: 11px; line-height: 1.7; color: #b0c2c1; margin: 0; }
.landing-refined .hero-pro-features a { display: grid; place-items: center; width: 36px; min-height: 44px; border-radius: 9px; color: #82dce7; }
.landing-refined .hero-pro-features a:hover { background: #6fe3f20a; }
.landing-refined :is(.hero-pro-features,.hero-bot-link) svg { width: 18px; height: 18px; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.landing-refined .hero-product { width: 100%; max-width: 552px; margin-inline: auto; padding: 0; }
.landing-refined .product-halo { inset: -52px -40px -30px; background: radial-gradient(ellipse at 60% 38%,#78d4bb0d,transparent 70%); }
.landing-refined .hero-preview-label { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin: 0 3px 13px; color: #95adaa; font-size: 8px; font-weight: 600; letter-spacing: .1em; }
.landing-refined .hero-example-pill { display: flex; align-items: center; gap: 6px; font-size: 9px; font-weight: 400; letter-spacing: 0; color: #bacdc6; }
.landing-refined .hero-example-pill i { width: 4px; height: 4px; border-radius: 50%; background: #b9e78f; }
.landing-refined .preview-window { border-radius: 19px; background: #f1f4ec; border: 1px solid #e0e9d8; box-shadow: 0 24px 65px #00000026, 0 0 0 5px #f1f7e803; }
.landing-refined .preview-window-bar { padding: 11px 22px; background: #e8eee2; border-color: #284f3414; line-height:1.4; }
.landing-refined .preview-wordmark { font-size: 15px; font-weight: 700; letter-spacing: -.65px; }
.landing-refined .preview-demo-label { display: flex; align-items: center; gap: 8px; font-size: 7px; letter-spacing: .1em; color: #5c7164; }
.landing-refined .preview-demo-label svg { width: 13px; height: 13px; stroke: currentColor; stroke-width: 1.4; }
.landing-refined .preview-body { padding: 14px 24px 18px; }
.landing-refined .preview-tabs { display: flex; width: fit-content; margin: 0 0 12px; gap: 1px; padding: 3px; border-radius: 9px; border: 0; background: #dce6d780; }
.landing-refined .preview-tabs button { min-height: 36px; padding: 7px 14px; font-size: 10px; border-radius: 6px; color: #587061; }
.landing-refined .preview-tabs button[aria-selected="true"] { background: #fffef9; color: #234d36; box-shadow: 0 1px 4px #29493110; }
.landing-refined .preview-total { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.landing-refined .preview-value-label { color: #5a7061; font-size: 10px; }
.landing-refined .preview-value { font-size: clamp(40px,3.5vw,48px); letter-spacing: -.06em; line-height: 1.16; margin-top: 5px; color: #234330; }
.landing-refined .preview-value span { font-size: .64em; color: #6c806a; font-weight: 400; }
.landing-refined .preview-period { display: flex; align-items: center; gap: 6px; color: #647660; font-size: 8px; white-space: nowrap; }
.landing-refined .preview-period i { width: 5px; height: 5px; border-radius: 50%; background: #80a472; }
.landing-refined .preview-value-note { min-height: 18px; margin: 5px 0 4px; font-size: 9px; line-height: 1.6; color: #60705f; }
.landing-refined .preview-chart { width: 100%; height: 96px; }
.landing-refined .preview-chart .chart-line { stroke-width: 2.5; }
.landing-refined .preview-chart .chart-end { stroke: #f1f4ec; }
.landing-refined .chart-growth { transform-box:view-box; transform-origin:50% 100%; }
.landing-refined .chart-line { stroke-dasharray:1; stroke-dashoffset:0; }
.landing-refined .chart-end-halo { fill:#247e6225; stroke:#247e6240; stroke-width:1; transform-box:fill-box; transform-origin:center; }
.landing-refined .preview-chart[data-chart-run="a"] { --chart-rise:hero-chart-rise-a; --chart-draw:hero-chart-draw-a; --chart-tip:hero-chart-tip-a; }
.landing-refined .preview-chart[data-chart-run="b"] { --chart-rise:hero-chart-rise-b; --chart-draw:hero-chart-draw-b; --chart-tip:hero-chart-tip-b; }
.landing-refined .preview-chart[data-chart-run] .chart-growth { animation:var(--chart-rise) 1.8s cubic-bezier(.2,.7,.2,1) both; }
.landing-refined .preview-chart[data-chart-run] .chart-line { animation:var(--chart-draw) 1.8s cubic-bezier(.35,.15,.2,1) both; }
.landing-refined .preview-chart[data-chart-run] .chart-tip { animation:var(--chart-tip) 1.8s ease both; }
.landing-refined .preview-chart[data-chart-run] .chart-end-halo { animation:hero-chart-halo 3.4s ease-out 1.8s infinite; }
@keyframes hero-chart-rise-a { from { transform:scaleY(.06); opacity:.3; } to { transform:scaleY(1); opacity:1; } }
@keyframes hero-chart-rise-b { from { transform:scaleY(.06); opacity:.3; } to { transform:scaleY(1); opacity:1; } }
@keyframes hero-chart-draw-a { from { stroke-dashoffset:1; } to { stroke-dashoffset:0; } }
@keyframes hero-chart-draw-b { from { stroke-dashoffset:1; } to { stroke-dashoffset:0; } }
@keyframes hero-chart-tip-a { 0%,80% { opacity:0; } 100% { opacity:1; } }
@keyframes hero-chart-tip-b { 0%,80% { opacity:0; } 100% { opacity:1; } }
@keyframes hero-chart-halo { 0% { transform:scale(.65); opacity:0; } 15% { opacity:1; } 85%,100% { transform:scale(2.5); opacity:0; } }
.landing-refined .preview-months { padding: 0 0 12px; color: #6a7d69; font-size: 8px; }
.landing-refined .preview-metrics { padding-top: 14px; border-color: #294b3220; gap: 18px; }
.landing-refined .preview-metrics > div + div { border-left: 1px solid #294b3220; padding-left: 22px; }
.landing-refined .preview-metrics > div > span { display: flex; align-items: center; gap: 5px; color: #60735f; font-size: 9px; }
.landing-refined .metric-dot { display: inline-block; width: 4px; height: 4px; border-radius: 50%; }
.landing-refined .saving-dot { background: #749663; }
.landing-refined .buffer-dot { background: #8f92b5; }
.landing-refined .preview-metrics strong { font-size: 24px; line-height:1.3; margin-top: 3px; color: #294b32; }
.landing-refined .preview-metrics small { font-size: 10px; color: #6b7b65; }
.landing-refined .preview-insight { --landing-panel:#14272d; display:grid; grid-template-columns:104px minmax(0,1fr) 34px; gap:18px; align-items:center; margin-top:14px; padding:19px 22px; border:1px solid #75cbd35e; border-radius:19px; box-shadow:0 12px 38px #0003,0 0 35px #42d5e510; }
.landing-refined .preview-insight::before { animation-duration:30s; opacity:.65; }
.landing-refined .preview-insight::after { background:radial-gradient(ellipse at 10% 50%,#5cdbed18,transparent 65%),var(--landing-panel); }
.landing-refined .hero-bot-orbit { position:relative; display:grid; place-items:center; width:104px; height:110px; }
.landing-refined .hero-bot-orbit::before { content:""; position:absolute; inset:8px; border-radius:50%; background:#6fe3f230; filter:blur(15px); animation:hero-bot-aura 6s ease-in-out infinite; }
.landing-refined .preview-bot-frame { position:relative; width:94px; height:94px; padding:0; border:0; background:transparent; border-radius:0; filter:drop-shadow(0 7px 14px #0005); animation:landing-bot-float 7s ease-in-out infinite; }
.landing-refined .hero-orbit-ring { position:absolute; width:115px; height:47px; border:1px solid #70d6ed45; border-radius:50%; transform:rotate(-32deg); }
.landing-refined .hero-orbit-ring i { display:block; position:absolute; width:4px; height:4px; background:#b6f6ff; border-radius:50%; offset-path:ellipse(50% 50%); animation:landing-orbit 13s linear infinite; box-shadow:0 0 8px #6fe3f2,0 0 16px #6fe3f270; }
.landing-refined .hero-orbit-cross { transform:rotate(42deg); border-color:#b6eb7d35; }
.landing-refined .hero-orbit-cross i { background:#d5f8a6; animation-duration:19s; animation-direction:reverse; box-shadow:0 0 9px #c8ef80; }
.landing-refined .hero-bot-sparks { position:absolute; inset:0; pointer-events:none; }
.landing-refined .hero-bot-sparks i { position:absolute; width:3px; height:3px; border-radius:50%; background:#a7f3fd; box-shadow:0 0 8px #6fe3f2; top:11%; left:20%; animation:hero-bot-aura 4s ease-in-out infinite; }
.landing-refined .hero-bot-sparks i:nth-child(2) { top:75%; left:87%; animation-delay:-1.5s; background:#d4f6a9; }
.landing-refined .hero-bot-sparks i:nth-child(3) { top:82%; left:8%; animation-delay:-2.5s; }
.landing-refined .preview-insight .tiny-label { display:flex; align-items:center; gap:9px; color:#9bdce6; font-size:8px; letter-spacing:.11em; }
.landing-refined .preview-insight .feature-pro { font-size:7px; padding:2px 5px; line-height:1.5; }
.landing-refined .preview-insight strong { margin:7px 0 5px; font-size:17px; line-height:1.35; letter-spacing:-.3px; color:#edf8f4; }
.landing-refined .preview-insight p { font-size:11px; line-height:1.7; min-height:37px; color:#bed5d3; }
.landing-refined .preview-insight .hero-bot-link { display:grid; place-items:center; width:34px; min-height:44px; margin:0; color:#b3eff4; border-radius:10px; border:1px solid #7adeec35; background:#6fe3f20a; transition:background .2s,box-shadow .2s; }
.landing-refined .hero-bot-link:hover { background:#6fe3f220; box-shadow:0 0 18px #6fe3f218; }
@keyframes hero-bot-aura { 0%,100% { opacity:.35; } 50% { opacity:.9; } }
.landing-refined .preview-caption { text-align: center; margin: 10px 8px 0; color: #91a9a6; font-size: 9px; line-height: 1.5; }
.landing-refined .landing-trust { background: transparent; border: 0; border-top: 1px solid #a3c6bf20; border-bottom: 1px solid #a3c6bf20; border-radius: 0; padding: 24px 0; font-size: 11px; gap: 20px 70px; }
.landing-refined .landing-trust svg { width: 17px; height: 17px; color: #97bbb5; }
@media (min-width:901px) and (max-height:800px) {
  .landing-refined .landing-hero { padding-top:30px; padding-bottom:28px; }
}
@media (max-width:1100px) {
  .landing-refined .landing-hero { gap: 32px; padding-top: 40px; }
  .landing-refined .landing-hero h1 { font-size: clamp(44px,5vw,58px); }
  .landing-refined .hero-pro-features { grid-template-columns:auto minmax(0,1fr); gap:10px; }
  .landing-refined .hero-pro-features > a { display:none; }
  .landing-refined .hero-desktop-break { display:none; }
  .landing-refined .preview-period { display:none; }
  .landing-refined .landing-header nav a { padding-inline:12px; }
  .landing-refined .landing-hero .landing-actions { gap:16px; }
  .landing-refined .landing-hero .landing-cta { min-width:175px; padding-inline:17px; }
}
@media (max-width:900px) {
  .landing-refined .landing-hero { grid-template-columns:1fr; gap:32px; padding-top:38px; }
  .landing-refined .hero-copy { text-align:center; max-width:630px; margin-inline:auto; padding:0; }
  .landing-refined .landing-hero h1 { font-size:clamp(46px,7.2vw,62px); margin:19px 0; }
  .landing-refined .landing-hero .landing-lead { max-width:490px; margin-inline:auto; }
  .landing-refined .landing-hero .landing-actions { justify-content:center; margin-top:23px; }
  .landing-refined .landing-hero .landing-start-note { justify-content:center; }
  .landing-refined .hero-pro-features { max-width:440px; margin:20px auto 0; padding-top:17px; text-align:left; }
  .landing-refined .hero-product { max-width:560px; }
  .landing-refined .preview-period { display:flex; }
  .landing-refined .landing-header { flex-wrap:nowrap; padding:12px 26px; min-height:69px; gap:12px; }
  .landing-refined .landing-header .landing-desktop-nav { display:none; }
  .landing-refined .landing-mobile-menu { display:block; position:relative; }
  .landing-refined .landing-mobile-menu summary { display:grid; place-items:center; cursor:pointer; width:40px; height:44px; list-style:none; border-radius:9px; color:#c5d5ce; }
  .landing-refined .landing-mobile-menu summary::-webkit-details-marker { display:none; }
  .landing-refined .landing-mobile-menu summary svg { width:20px; height:20px; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; }
  .landing-refined .landing-mobile-menu[open] summary { background:#aed3bf0c; color:var(--landing-lime); }
  .landing-refined .landing-mobile-menu nav { position:absolute; top:53px; right:0; display:flex; flex-direction:column; align-items:stretch; width:230px; padding:8px; border:1px solid #8ebfb332; border-radius:14px; background:#15272a; box-shadow:0 15px 40px #0005; }
  .landing-refined .landing-mobile-menu nav a { justify-content:space-between; padding:12px 15px; font-size:13px; text-align:left; }
  .landing-refined .landing-section { scroll-margin-top:90px; }
  .landing-refined .landing-trust { gap:17px 30px; }
}
@media (max-width:600px) {
  .landing-refined .landing-header { padding:10px 20px; min-height:64px; gap:6px; }
  .landing-refined .landing-header .brand { font-size:22px; letter-spacing:-1.15px; }
  .landing-refined .landing-nav-actions { gap:1px; }
  .landing-refined .landing-header .nav-app { min-width:65px; padding:10px 11px; font-size:11px; gap:6px; }
  .landing-refined .nav-app svg { width:13px; height:13px; }
  .landing-refined .landing-motion-toggle { width:36px; padding:12px; }
  .landing-refined .landing-mobile-menu summary { width:36px; }
  .landing-refined .landing-wrap { padding-inline:20px; }
  .landing-refined .landing-hero { padding:29px 0 26px; gap:27px; }
  .landing-refined .landing-hero .landing-kicker { font-size:8px; letter-spacing:.11em; gap:8px; }
  .landing-refined .landing-hero h1 { font-size:clamp(35px,10vw,49px); margin:18px 0; line-height:1.08; letter-spacing:-.05em; }
  .landing-refined .landing-hero .landing-lead { font-size:14px; line-height:1.75; max-width:380px; }
  .landing-refined .landing-hero .landing-actions { gap:18px; margin:21px 0 12px; }
  .landing-refined .landing-hero .landing-cta { min-width:172px; min-height:52px; padding:13px 17px; font-size:13px; gap:14px; }
  .landing-refined .hero-demo-link { gap:7px; font-size:12px; }
  .landing-refined .demo-play { width:25px; height:25px; }
  .landing-refined .landing-hero .landing-start-note { font-size:9px; gap:4px; }
  .landing-refined .landing-hero .landing-start-note svg { width:14px; height:14px; }
  .landing-refined .hero-pro-features { max-width:350px; margin-top:19px; padding-top:15px; gap:9px; }
  .landing-refined .hero-pro-features .feature-pro { font-size:7px; padding-inline:5px; }
  .landing-refined .hero-pro-features p { font-size:10px; line-height:1.7; }
  .landing-refined .hero-preview-label { font-size:7px; letter-spacing:.07em; margin-bottom:10px; gap:6px; }
  .landing-refined .hero-example-pill { font-size:8px; gap:4px; }
  .landing-refined .preview-window { border-radius:16px; }
  .landing-refined .preview-window-bar { padding:12px 17px; }
  .landing-refined .preview-wordmark { font-size:14px; }
  .landing-refined .preview-demo-label { font-size:6px; gap:6px; }
  .landing-refined .preview-body { padding:14px 17px 18px; }
  .landing-refined .preview-tabs { margin-bottom:15px; }
  .landing-refined .preview-tabs button { min-height:40px; font-size:10px; padding:7px 13px; }
  .landing-refined .preview-value { font-size:44px; }
  .landing-refined .preview-period { font-size:7px; }
  .landing-refined .preview-value-note { font-size:9px; min-height:29px; margin-bottom:3px; }
  .landing-refined .preview-chart { height:91px; }
  .landing-refined .preview-months { padding-bottom:13px; }
  .landing-refined .preview-metrics { gap:12px; padding-top:13px; }
  .landing-refined .preview-metrics > div + div { padding-left:15px; }
  .landing-refined .preview-metrics > div > span { font-size:8px; gap:4px; }
  .landing-refined .preview-metrics strong { font-size:22px; }
  .landing-refined .preview-insight { grid-template-columns:74px minmax(0,1fr); gap:14px; padding:20px 16px; margin-top:12px; }
  .landing-refined .hero-bot-orbit { width:74px; height:86px; }
  .landing-refined .preview-bot-frame { width:72px; height:72px; }
  .landing-refined .hero-orbit-ring { width:85px; height:35px; }
  .landing-refined .preview-insight .tiny-label { font-size:7px; gap:6px; padding-right:18px; flex-wrap:wrap; }
  .landing-refined .preview-insight strong { font-size:15px; margin-top:7px; }
  .landing-refined .preview-insight p { font-size:10px; min-height:34px; }
  .landing-refined .preview-insight .hero-bot-link { position:absolute; top:8px; right:7px; width:28px; min-height:44px; border:0; background:none; }
  .landing-refined .preview-caption { font-size:8px; }
  .landing-refined .landing-trust { justify-content:center; padding:20px 4px; gap:11px 20px; font-size:10px; }
  .landing-refined .landing-trust span:last-child { flex-basis:100%; justify-content:center; }
  .landing-refined .landing-trust svg { width:15px; height:15px; }
}
@media (max-width:360px) {
  .landing-refined .landing-header { padding-inline:16px; }
  .landing-refined .landing-header .brand { font-size:20px; }
  .landing-refined .landing-hero .landing-actions { gap:12px; }
  .landing-refined .landing-hero .landing-cta { min-width:155px; padding-inline:14px; }
  .landing-refined .hero-demo-link { font-size:11px; gap:5px; }
  .landing-refined .preview-period { display:none; }
}
@media (prefers-reduced-motion:reduce) {
  .landing-refined .hero-bot-orbit *, .landing-refined .hero-bot-orbit::before, .landing-refined .preview-bot-frame, .landing-refined .preview-insight::before, .landing-refined .preview-chart * { animation:none!important; }
}
.landing-refined[data-motion="paused"] .preview-chart * { animation:none!important; }