@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

:root {
  --ink: #202722;
  --muted: #778179;
  --line: #e6e9e2;
  --paper: #f6f7f3;
  --white: #fff;
  --green: #155d43;
  --green-dark: #0d281d;
  --green-deep: #0a2118;
  --mint: #e9f4ed;
  --lime: #c7ed9c;
  --orange: #dc8a57;
  --blue: #77aec9;
  --purple: #a093cc;
  --body: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --display: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --max: 1240px;
  --radius: 24px;
  color-scheme: light;
  scroll-behavior: smooth;
}

*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 15px/1.6 var(--body); -webkit-font-smoothing: antialiased; }
img { display: block; max-width: 100%; }
a { color: inherit; }
button { font: inherit; }
::selection { background: #c7ed9c; color: var(--green-dark); }

.site-header { position: sticky; top: 0; z-index: 30; display: flex; align-items: center; justify-content: space-between; width: 100%; height: 80px; padding: 0 max(5.2vw, calc((100vw - var(--max)) / 2)); background: rgb(246 247 243 / 90%); backdrop-filter: blur(18px); transition: box-shadow .2s ease, height .2s ease; }
.site-header.scrolled { height: 70px; box-shadow: 0 1px 0 #2027220e, 0 10px 28px #20272208; }
.brand { display: inline-flex; align-items: center; gap: 9px; text-decoration: none; }
.brand-icon { display: grid; width: 35px; height: 35px; place-items: center; border-radius: 11px; background: var(--green); color: white; }
.brand-icon svg { width: 23px; height: 23px; }
.brand-word { color: var(--ink); font: 800 25px/1 var(--display); letter-spacing: -.08em; }
.brand-word > span { color: var(--orange); }
.brand-divider { width: 1px; height: 24px; margin: 0 4px; background: #d9ddd6; }
.brand-caption { color: #59655c; font-size: 11px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; }
.main-nav { display: flex; align-items: center; gap: clamp(22px,3vw,42px); }
.main-nav > a:not(.nav-cta) { color: #626d64; font-size: 13px; font-weight: 600; text-decoration: none; transition: color .2s; }
.main-nav > a:not(.nav-cta):hover { color: var(--green); }
.nav-cta { display: inline-flex; height: 42px; align-items: center; gap: 9px; padding: 0 16px; border-radius: 10px; background: var(--green); color: white; font-size: 12px; font-weight: 700; text-decoration: none; transition: transform .2s, background .2s; }
.nav-cta:hover { transform: translateY(-2px); background: #104c36; }
.nav-cta svg { width: 15px; height: 15px; }
.menu-toggle { display: none; }

.hero { position: relative; display: grid; grid-template-columns: .93fr 1.07fr; align-items: center; gap: 15px; max-width: 1510px; min-height: min(700px, calc(100vh - 80px)); margin: 0 auto; padding: clamp(70px,8vw,112px) max(7.5vw, calc((100vw - var(--max)) / 2)); overflow: hidden; border-radius: 0 0 30px 30px; background: radial-gradient(ellipse at 77% 42%, #1a593c 0%, #103724 38%, var(--green-dark) 71%, #0b2319 100%); color: white; }
.hero::after { position: absolute; right: -12%; bottom: -54%; width: 65%; aspect-ratio: 1; border: 1px solid #ffffff13; border-radius: 50%; content: ''; pointer-events: none; }
.hero-noise { position: absolute; inset: 0; opacity: .12; pointer-events: none; background-image: radial-gradient(#e3f2e5 0.7px, transparent .8px); background-size: 20px 20px; mask-image: linear-gradient(90deg, transparent, black 72%); }
.hero-copy { position: relative; z-index: 3; max-width: 590px; padding-bottom: 28px; animation: rise-in .75s both; }
.eyebrow { display: flex; align-items: center; gap: 10px; margin: 0 0 19px; color: var(--green); font-size: 10px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.eyebrow.light { color: #b7dcbf; }
.eyebrow-mark { width: 24px; height: 2px; border-radius: 2px; background: var(--orange); }
h1, h2, h3, p { margin-top: 0; }
h1, h2 { font-family: var(--display); letter-spacing: -.065em; }
.hero h1 { max-width: 600px; margin-bottom: 24px; font-size: clamp(53px,6.2vw,82px); font-weight: 800; line-height: .99; }
.hero h1 span { color: var(--lime); }
.hero-lead { max-width: 445px; margin-bottom: 28px; color: #d0e0d4; font-size: clamp(15px,1.45vw,18px); line-height: 1.65; }
.hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; }
.button { position: relative; display: inline-flex; min-height: 52px; align-items: center; justify-content: center; gap: 10px; padding: 0 19px; border: 0; border-radius: 12px; font-size: 13px; font-weight: 750; text-decoration: none; transition: transform .22s ease, box-shadow .22s ease, background .22s ease; }
.button:hover { transform: translateY(-3px); box-shadow: 0 12px 27px #07190e26; }
.button-lime { background: var(--lime); color: #173622; }
.button-lime:hover { background: #d5f4b4; }
.button-dark { width: 100%; background: var(--green-dark); color: white; }
.button-dark:hover { background: #154b34; }
.telegram-icon { flex: none; width: 19px; height: 19px; }
.button-arrow { margin-left: 3px; font-size: 17px; transition: transform .2s; }
.button:hover .button-arrow { transform: translate(2px,-2px); }
.hero-price-note { color: #b9cdc0; font-size: 11px; }
.hero-price-note strong { color: #f1f5eb; font-size: 13px; }
.hero-proof { display: flex; flex-wrap: wrap; gap: 10px 19px; margin-top: 34px; color: #c6d8cb; font-size: 14px; font-weight: 600; }
.hero-proof > span { display: inline-flex; align-items: center; gap: 7px; }
.proof-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--lime); box-shadow: 0 0 12px #c7ed9c80; }
.hero-visual { position: relative; z-index: 2; min-width: 0; padding: 16px 0; animation: rise-in .85s .13s both; }
.hero-halo { position: absolute; z-index: -1; top: 4%; right: -5%; width: 92%; aspect-ratio: 1; border: 1px solid #ffffff17; border-radius: 50%; }
.hero-halo::before, .hero-halo::after { position: absolute; border: 1px solid #ffffff13; border-radius: 50%; content: ''; }
.hero-halo::before { inset: 11%; }.hero-halo::after { inset: 23%; }
.hero-route { position: absolute; z-index: 1; right: 8%; bottom: 4%; width: 88%; height: 2px; border-bottom: 2px dashed #9be0ad9c; transform: rotate(-12deg); animation: route-glide 13s linear infinite; }
.hero-route::before, .hero-route::after { position: absolute; top: -5px; width: 10px; height: 10px; border-radius: 50%; background: var(--lime); content: ''; box-shadow: 0 0 16px #9be0ad; }
.hero-route::before { left: 0; }.hero-route::after { right: 0; background: var(--orange); box-shadow: 0 0 16px #e99b63; }
.hero-screen { position: relative; width: 100%; margin: 0; padding: 0 0 10px; overflow: hidden; border: 1px solid #ffffff33; border-radius: 17px; background: #f4f6f1; box-shadow: 0 35px 80px #061a11a3, 0 1px 0 #ffffff3b inset; transform: perspective(1300px) rotateY(-4deg) rotateX(1deg); }
.browser-bar { display: flex; height: 39px; align-items: center; justify-content: space-between; padding: 0 13px; border-bottom: 1px solid #e3e7e1; background: #fff; color: #778179; font-size: 9px; font-weight: 600; }
.browser-dots { display: flex; gap: 5px; }.browser-dots i { width: 6px; height: 6px; border-radius: 50%; background: #e6a586; }.browser-dots i:nth-child(2) { background: #e9c878; }.browser-dots i:nth-child(3) { background: #93c493; }
.browser-avatar { display: grid; width: 21px; height: 21px; place-items: center; border-radius: 50%; background: #eaf3e9; color: var(--green); font-weight: 800; }
.hero-screen > img { width: 100%; height: clamp(250px,31vw,414px); object-fit: cover; object-position: center top; }
.hero-screen figcaption { position: absolute; right: 12px; bottom: 14px; padding: 5px 7px; border: 1px solid #e4e8e1; border-radius: 4px; background: #ffffffed; color: #647168; font-size: 7px; font-weight: 750; letter-spacing: .1em; }
.floating-chip { position: absolute; z-index: 3; display: flex; align-items: center; gap: 10px; padding: 11px 13px; border: 1px solid #ffffffb8; border-radius: 12px; background: #fffffff2; color: var(--ink); box-shadow: 0 12px 32px #04180f35; animation: gentle-float 4s ease-in-out infinite; }
.floating-chip small { display: block; margin-bottom: 2px; color: #849087; font-size: 8px; }.floating-chip strong { display: block; font-size: 13px; }.floating-chip em { color: #8b998e; font-size: 9px; font-style: normal; }
.chip-kilos { top: 14%; left: -7%; }.chip-status { right: -6%; bottom: 11%; animation-delay: -1.8s; }
.chip-icon { display: grid; width: 31px; height: 31px; place-items: center; border-radius: 9px; font-size: 17px; font-weight: 700; }.chip-green { background: #e5f1e8; color: var(--green); }
.status-check { display: grid; width: 27px; height: 27px; place-items: center; border-radius: 50%; background: var(--green); color: white; font-size: 14px; }
.hero-spark { position: absolute; z-index: 1; color: var(--orange); font-size: 25px; animation: twinkle 2.7s ease-in-out infinite; }.spark-one { top: 6%; right: 8%; }.spark-two { left: 3%; bottom: 15%; color: var(--lime); font-size: 16px; animation-delay: -1s; }
.scroll-cue { position: absolute; z-index: 2; left: max(7.5vw, calc((100vw - var(--max)) / 2)); bottom: 23px; display: flex; align-items: center; gap: 9px; color: #a9c0af; font-size: 9px; font-weight: 600; letter-spacing: .05em; text-decoration: none; }.scroll-cue span { position: relative; width: 17px; height: 27px; border: 1px solid #a9c0af99; border-radius: 12px; }.scroll-cue span::after { position: absolute; top: 5px; left: 7px; width: 2px; height: 5px; border-radius: 2px; background: var(--lime); content: ''; animation: scroll-dot 1.4s ease-in-out infinite; }

.section-pad { padding: clamp(76px,9vw,122px) max(7.5vw, calc((100vw - var(--max)) / 2)); }
.intro { padding-top: clamp(80px,9vw,128px); padding-bottom: clamp(80px,9vw,126px); }
.section-heading { max-width: 780px; }.section-heading h2, .product-heading h2, .tracking-copy h2, .assistant-copy h2, .extras-heading h2, .price-intro h2, .faq-title h2 { margin-bottom: 0; font-size: clamp(36px,4.4vw,58px); font-weight: 780; line-height: 1.1; }.section-heading h2 span, .product-heading h2 span, .assistant-copy h2 span, .extras-heading h2 span { color: var(--green); }
.intro-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 60px; align-items: end; margin-top: 37px; }
.intro-copy { max-width: 385px; margin: 0; color: #657068; font-size: 15px; line-height: 1.8; }
.flow { display: flex; align-items: center; justify-content: space-between; gap: 13px; padding: 20px 22px; border: 1px solid var(--line); border-radius: 15px; background: #fff; }
.flow-step { display: grid; grid-template-columns: 29px 1fr; align-items: center; column-gap: 9px; min-width: 0; }.flow-number { grid-row: span 2; display: grid; width: 29px; height: 29px; place-items: center; border-radius: 9px; background: var(--mint); color: var(--green); font-size: 9px; font-weight: 800; }.flow-step strong { color: #354138; font-size: 11px; }.flow-step small { color: #879188; font-size: 8px; }.flow-connector { color: #acb7ae; font-size: 15px; }

.product-section { background: #eeefe9; }
.product-heading { display: flex; align-items: end; justify-content: space-between; gap: 40px; margin-bottom: 38px; }.product-intro { max-width: 350px; margin: 0 0 5px; color: #6e786f; font-size: 14px; line-height: 1.75; }
.product-layout { display: grid; grid-template-columns: .79fr 1.21fr; gap: 38px; align-items: center; }
.feature-list { display: grid; gap: 8px; }
.feature-tab { display: grid; grid-template-columns: 34px 1fr 16px; align-items: center; gap: 12px; min-height: 78px; padding: 12px 12px; border: 1px solid transparent; border-radius: 12px; background: transparent; color: var(--ink); text-align: left; cursor: pointer; transition: border .22s, background .22s, transform .22s; }
.feature-tab:hover { transform: translateX(3px); }.feature-tab.active { border-color: #dce5dc; background: #fff; box-shadow: 0 8px 24px #23342608; }
.feature-tab-icon { display: grid; width: 31px; height: 31px; place-items: center; border-radius: 9px; background: #f5f6f2; color: #89958b; font-size: 9px; font-weight: 800; }.feature-tab.active .feature-tab-icon { background: var(--mint); color: var(--green); }
.feature-tab strong, .feature-tab small { display: block; }.feature-tab strong { margin-bottom: 3px; font-size: 14px; }.feature-tab small { color: #879188; font-size: 13px; line-height: 1.45; }.tab-arrow { color: transparent; font-size: 14px; transition: color .2s; }.feature-tab.active .tab-arrow { color: var(--green); }
.export-note { display: flex; gap: 11px; align-items: center; margin: 10px 7px 0; padding: 12px 12px; border-top: 1px solid #dfe2dc; color: #647067; }.export-note p { margin: 0; font-size: 12px; line-height: 1.5; }.export-note strong { color: #344139; }.export-icon { display: grid; flex: none; width: 28px; height: 28px; place-items: center; border: 1px solid #dce4db; border-radius: 8px; color: var(--green); font-size: 16px; }
.product-window { position: relative; margin: 0; overflow: hidden; border: 1px solid #dfe3db; border-radius: 16px; background: #fff; box-shadow: 0 25px 65px #27372913; }.window-top { position: relative; z-index: 1; display: flex; height: 39px; align-items: center; justify-content: space-between; padding: 0 14px; border-bottom: 1px solid #e7e9e4; background: #fff; }.window-label { color: #667168; font-size: 8px; font-weight: 750; letter-spacing: .12em; }.window-secure { color: #76a080; font-size: 7px; font-weight: 800; letter-spacing: .1em; }.product-window img { width: 100%; height: clamp(300px,36vw,450px); object-fit: cover; object-position: center 8%; background: #f4f5f1; transition: opacity .2s, transform .35s; }.product-window img.swapping { opacity: .2; transform: scale(.99); }.product-window figcaption { position: absolute; right: 12px; bottom: 11px; padding: 5px 8px; border: 1px solid #e5e8e2; border-radius: 5px; background: #ffffffed; color: #68736b; font-size: 7px; font-weight: 800; letter-spacing: .1em; }

.tracking-section { display: grid; grid-template-columns: 1.04fr .96fr; gap: clamp(48px,8vw,100px); align-items: center; overflow: hidden; background: var(--green-dark); color: white; }
.tracking-art { position: relative; min-height: 410px; display: grid; place-items: center; }.tracking-art::before { position: absolute; top: 50%; left: 50%; width: 92%; aspect-ratio: 1.55; border: 1px solid #ffffff1a; border-radius: 50%; content: ''; transform: translate(-50%,-50%) rotate(-19deg); }.tracking-art::after { position: absolute; top: 50%; left: 50%; width: 78%; aspect-ratio: 1.7; border: 1px solid #ffffff12; border-radius: 50%; content: ''; transform: translate(-50%,-50%) rotate(17deg); }
.tracking-card { position: relative; z-index: 1; width: min(100%,430px); padding: 20px 21px 14px; border: 1px solid #e9ede7; border-radius: 16px; background: #fff; color: var(--ink); box-shadow: 0 30px 75px #061a1177; transform: rotate(-2.5deg); }
.tracking-card-head { display: flex; align-items: center; gap: 10px; padding-bottom: 17px; border-bottom: 1px solid #edf0eb; }.parcel-icon { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 11px; background: var(--mint); color: var(--green); font-size: 23px; }.tracking-card-head strong, .tracking-card-head small { display: block; }.tracking-card-head strong { font-size: 12px; }.tracking-card-head small { margin-top: 3px; color: #879188; font-size: 9px; }.tracking-badge { margin-left: auto; padding: 6px 8px; border-radius: 30px; background: #eff7eb; color: #55815c; font-size: 7px; font-weight: 800; letter-spacing: .08em; }
.tracking-progress { position: relative; display: grid; gap: 14px; padding: 17px 0 16px 5px; }.tracking-line { position: absolute; top: 25px; bottom: 40px; left: 14px; width: 2px; background: #e4e9e3; }.tracking-line i { display: block; height: 56%; background: #6aaa7a; }.tracking-point { position: relative; z-index: 1; display: flex; align-items: center; gap: 12px; min-height: 33px; }.tracking-point b { display: grid; flex: none; width: 19px; height: 19px; place-items: center; border: 2px solid #dfe5de; border-radius: 50%; background: #fff; }.tracking-point.complete b { border-color: #6aaa7a; background: #6aaa7a; color: white; font-size: 10px; }.tracking-point.current b { border-color: #d88958; box-shadow: 0 0 0 4px #f9eee5; }.tracking-point strong, .tracking-point small { display: block; }.tracking-point strong { color: #445048; font-size: 10px; }.tracking-point small { margin-top: 2px; color: #9aa39b; font-size: 8px; }.tracking-card-foot { display: flex; justify-content: space-between; padding-top: 10px; border-top: 1px solid #edf0eb; color: #a1aaa2; font-size: 7px; }
.route-stamp { position: absolute; z-index: 2; right: 1%; bottom: 12%; display: flex; align-items: center; gap: 8px; padding: 10px 14px; border: 1px solid #ffffff26; border-radius: 30px; background: #153c2c; color: #cbe2cf; font-size: 10px; font-weight: 800; box-shadow: 0 12px 28px #07190e4d; }.route-stamp i { color: var(--orange); font-style: normal; }
.tracking-copy { max-width: 490px; }.tracking-copy h2 { margin-bottom: 18px; font-size: clamp(38px,4.5vw,59px); }.tracking-copy h2 span { color: var(--lime); }.tracking-copy > p:not(.eyebrow) { max-width: 445px; margin-bottom: 24px; color: #bfd1c4; font-size: 14px; line-height: 1.8; }.text-link { display: inline-flex; align-items: center; gap: 10px; color: var(--green); font-size: 12px; font-weight: 800; text-decoration: none; }.text-link span { transition: transform .2s; }.text-link:hover span { transform: translate(3px,-3px); }.tracking-copy .text-link { color: var(--lime); }

.assistant-section { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(50px,8vw,110px); align-items: center; }.assistant-copy { max-width: 500px; }.assistant-copy h2 { margin-bottom: 19px; }.assistant-copy > p:not(.eyebrow) { max-width: 460px; color: #6d786f; font-size: 14px; line-height: 1.8; }.check-list { display: grid; gap: 13px; margin: 23px 0 27px; padding: 0; list-style: none; }.check-list li { display: flex; align-items: flex-start; gap: 10px; color: #465249; font-size: 15px; line-height: 1.55; }.check-list li > span { display: grid; flex: none; width: 21px; height: 21px; place-items: center; border-radius: 50%; background: var(--mint); color: var(--green); font-size: 11px; font-weight: 800; }
.chat-stage { position: relative; min-height: 530px; display: grid; place-items: center; overflow: hidden; border-radius: 24px; background: radial-gradient(ellipse at 52% 53%, #e1eee1 0%, #eff3ec 53%, #e9eee7 100%); }.chat-orbit { position: absolute; width: 81%; aspect-ratio: 1; border: 1px solid #155d4317; border-radius: 50%; }.orbit-b { width: 65%; border-color: #d787521d; }.chat-phone { position: relative; z-index: 1; width: min(70%,290px); min-height: 430px; padding: 9px; overflow: hidden; border: 1px solid #25392c; border-radius: 32px; background: #10251a; box-shadow: 0 23px 56px #1a342332; transform: rotate(2deg); }.chat-speaker { position: absolute; top: 6px; left: 50%; z-index: 3; width: 88px; height: 17px; border-radius: 0 0 12px 12px; background: #10251a; transform: translateX(-50%); }.chat-header { position: relative; display: flex; height: 68px; align-items: center; gap: 9px; padding: 11px 9px 0; border-radius: 23px 23px 0 0; background: #dceddd; }.chat-avatar { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 50%; background: var(--green); color: white; font-size: 13px; font-weight: 800; }.chat-header strong, .chat-header small { display: block; }.chat-header strong { color: #2c392f; font-size: 10px; }.chat-header small { margin-top: 3px; color: #64806b; font-size: 8px; }.chat-header small i { display: inline-block; width: 5px; height: 5px; margin-right: 3px; border-radius: 50%; background: #4c9a60; }.chat-menu { margin-left: auto; color: #718274; font-size: 12px; }.chat-date { width: max-content; margin: 12px auto; padding: 4px 8px; border-radius: 6px; background: #e2e8dc; color: #778277; font-size: 7px; font-weight: 750; letter-spacing: .1em; }.message { position: relative; max-width: 88%; margin-bottom: 11px; padding: 9px 10px 16px; border-radius: 12px; color: #354037; font-size: 9px; line-height: 1.5; box-shadow: 0 2px 5px #17311f0b; animation: message-pop .55s both; }.message.outgoing { margin-left: auto; border-top-right-radius: 4px; background: #d7ecd4; }.message.incoming { border-top-left-radius: 4px; background: white; animation-delay: .16s; }.message.short { width: 55%; animation-delay: .35s; }.message-last { animation-delay: .54s !important; }.message time { position: absolute; right: 7px; bottom: 3px; color: #8c998e; font-size: 6px; }.chat-entry { position: absolute; right: 10px; bottom: 12px; left: 10px; display: flex; justify-content: space-between; padding: 9px 10px; border: 1px solid #e6eae4; border-radius: 18px; background: #fff; color: #98a198; font-size: 8px; }.chat-entry span { color: var(--green); }
.channel-float { position: absolute; z-index: 2; display: flex; align-items: center; gap: 7px; padding: 10px 12px; border: 1px solid #fff; border-radius: 30px; background: #ffffffed; color: #34433a; font-size: 9px; font-weight: 800; box-shadow: 0 12px 30px #273a291c; animation: gentle-float 4s ease-in-out infinite; }.channel-wa { top: 17%; left: 5%; }.channel-tg { right: 4%; bottom: 19%; animation-delay: -2s; }.channel-symbol { display: grid; width: 19px; height: 19px; place-items: center; border-radius: 50%; background: #dff0e1; color: #368252; font-size: 15px; }.channel-tg svg { width: 17px; height: 17px; color: #339bd2; }.chat-demo-note { position: absolute; bottom: 4%; color: #86948a; font-size: 7px; font-weight: 800; letter-spacing: .14em; }

.extras-section { background: #efefe9; }.extras-heading { margin-bottom: 35px; }.extras-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 13px; }.extra-card { position: relative; min-height: 210px; padding: 22px 19px; overflow: hidden; border: 1px solid #e3e5df; border-radius: 14px; background: #f8f9f5; transition: transform .22s, box-shadow .22s; }.extra-card:hover { transform: translateY(-4px); box-shadow: 0 15px 30px #2334260d; }.extra-icon { display: grid; width: 39px; height: 39px; margin-bottom: 21px; place-items: center; border-radius: 11px; background: #e6f1e7; color: var(--green); }.extra-icon svg { width: 21px; height: 21px; }.orange-icon { background: #f8ecdf; color: #c47a4b; }.blue-icon { background: #e5f0f5; color: #6699b3; }.purple-icon { background: #eeeaf5; color: #897ab8; }.extra-card h3 { margin-bottom: 8px; font-size: 15px; letter-spacing: -.025em; }.extra-card p { max-width: 260px; margin: 0; color: #7a857c; font-size: 14px; line-height: 1.6; }.extra-index { position: absolute; top: 24px; right: 19px; color: #adb6ad; font-size: 9px; font-weight: 800; }

.price-section { position: relative; display: grid; grid-template-columns: 1fr .83fr; align-items: center; gap: 7%; overflow: hidden; background: radial-gradient(ellipse at 23% 50%, #164630, #0e2b1e 65%, #0b2419); color: white; }.price-intro { position: relative; z-index: 1; }.price-intro h2 { margin-bottom: 18px; font-size: clamp(37px,4.5vw,60px); }.price-intro h2 span { color: var(--lime); }.price-intro > p:not(.eyebrow) { max-width: 430px; margin-bottom: 23px; color: #c3d6c8; font-size: 14px; line-height: 1.8; }.price-trust { display: inline-flex; align-items: center; gap: 8px; color: #cfe0d1; font-size: 10px; }.price-trust span { display: grid; width: 18px; height: 18px; place-items: center; border-radius: 50%; background: #c7ed9c; color: #183a25; font-size: 10px; font-weight: 800; }
.price-card { position: relative; z-index: 2; max-width: 425px; padding: clamp(24px,3vw,37px); border: 1px solid #fff; border-radius: 20px; background: #f9faf6; color: var(--ink); box-shadow: 0 30px 85px #07180f66; }.price-card-top { display: flex; align-items: center; justify-content: space-between; color: #647168; font-size: 9px; font-weight: 800; letter-spacing: .14em; }.price-spark { color: var(--orange); font-size: 22px; }.price-amount { margin-top: 17px; font-family: var(--display); font-size: clamp(45px,6vw,64px); font-weight: 800; letter-spacing: -.07em; line-height: 1.08; }.price-amount .currency { vertical-align: top; font-size: .52em; letter-spacing: -.03em; }.price-amount small { margin-left: 4px; color: #6a786d; font: 800 11px var(--body); letter-spacing: .09em; }.price-sub { margin: 11px 0 20px; color: #78837a; font-size: 11px; }.price-rule { height: 1px; background: #e5e9e2; }.price-includes { display: grid; gap: 12px; margin: 20px 0 23px; padding: 0; list-style: none; }.price-includes li { display: flex; align-items: flex-start; gap: 9px; color: #49554c; font-size: 10px; }.price-includes li span { display: grid; flex: none; width: 16px; height: 16px; place-items: center; border-radius: 50%; background: #e7f2e8; color: var(--green); font-size: 9px; font-weight: 800; }.price-footnote { display: block; margin-top: 12px; color: #879188; font-size: 8px; line-height: 1.5; text-align: center; }.price-decoration { position: absolute; top: 50%; left: -9%; width: 49%; aspect-ratio: 1; border: 1px solid #ffffff10; border-radius: 50%; transform: translateY(-50%); }.price-decoration span { position: absolute; inset: 12%; border: 1px solid #ffffff0c; border-radius: 50%; }.price-decoration span:nth-child(2) { inset: 25%; }.price-decoration span:nth-child(3) { inset: 38%; }

.faq-section { display: grid; grid-template-columns: .78fr 1.22fr; gap: 60px; }.faq-title h2 { font-size: clamp(34px,4vw,50px); }.faq-list details { border-bottom: 1px solid var(--line); }.faq-list details:first-child { border-top: 1px solid var(--line); }.faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 18px; padding: 19px 0; color: #303b33; font-size: 12px; font-weight: 750; cursor: pointer; list-style: none; }.faq-list summary::-webkit-details-marker { display:none; }.faq-list summary > span { display: grid; flex: none; width: 24px; height: 24px; place-items: center; border: 1px solid #dfe4dd; border-radius: 50%; color: var(--green); font-size: 16px; font-weight: 400; transition: transform .2s, background .2s; }.faq-list details[open] summary > span { transform: rotate(45deg); background: var(--mint); }.faq-list details p { max-width: 650px; margin: -3px 38px 20px 0; color: #758078; font-size: 11px; line-height: 1.75; }

.final-cta { position: relative; display: flex; min-height: 410px; align-items: center; justify-content: space-between; gap: 30px; padding: 72px max(7.5vw, calc((100vw - var(--max)) / 2)); overflow: hidden; background: #edf2e9; }.final-copy { position: relative; z-index: 2; max-width: 610px; }.final-copy h2 { margin-bottom: 14px; font-size: clamp(42px,5.4vw,70px); line-height: 1.03; }.final-copy h2 span { color: var(--lime); }.final-copy > p:not(.eyebrow) { max-width: 410px; margin-bottom: 21px; color: #c5d7c9; font-size: 13px; }.final-copy::before { position: absolute; z-index: -1; top: -140px; bottom: -140px; left: -15vw; width: 140vw; background: radial-gradient(ellipse at 38% 48%,#174b34 0,#0d281d 43%,transparent 44%); content: ''; pointer-events: none; }.final-cta { background: var(--green-dark); color: white; }.final-box { position: relative; z-index: 1; display: grid; width: 178px; height: 178px; flex: none; place-items: center; margin-right: 8%; border: 1px solid #ffffff23; border-radius: 42px; background: linear-gradient(145deg,#ffffff15,#ffffff04); transform: rotate(11deg); }.final-box::before, .final-box::after { position: absolute; inset: 20px; border: 1px solid #ffffff20; border-radius: 32px; content: ''; }.final-box::after { inset: 40px; border-color: #c7ed9c50; }.final-box span { z-index: 1; color: var(--lime); font-size: 63px; animation: twinkle 3s infinite; }.final-box i, .final-box b { position: absolute; width: 8px; height: 8px; border-radius: 50%; background: var(--orange); }.final-box i { top: 10px; right: 45px; }.final-box b { bottom: 30px; left: 14px; width: 5px; height: 5px; background: var(--lime); }
.site-footer { display: flex; min-height: 91px; align-items: center; justify-content: space-between; gap: 20px; padding: 18px max(5.2vw, calc((100vw - var(--max)) / 2)); background: #f6f7f3; }.footer-brand .brand-icon { width: 29px; height: 29px; border-radius: 9px; }.footer-brand .brand-icon svg { width: 19px; }.footer-brand .brand-word { font-size: 21px; }.site-footer p { margin: 0; color: #859087; font-size: 9px; }.back-top { color: #546158; font-size: 10px; font-weight: 700; text-decoration: none; }.back-top:hover { color: var(--green); }

.reveal { opacity: 0; transform: translateY(18px); transition: opacity .7s ease, transform .7s cubic-bezier(.2,.7,.25,1); }.reveal.visible { opacity: 1; transform: translateY(0); }
@keyframes rise-in { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }
@keyframes gentle-float { 0%,100% { translate: 0 0; } 50% { translate: 0 -8px; } }
@keyframes route-glide { to { background-position: 500px 0; } }
@keyframes twinkle { 0%,100% { opacity:.5; transform:scale(.88) rotate(-8deg); } 50% { opacity:1; transform:scale(1.12) rotate(8deg); } }
@keyframes scroll-dot { 0% { opacity:0; transform:translateY(0); } 40% { opacity:1; } 100% { opacity:0; transform:translateY(8px); } }
@keyframes message-pop { from { opacity:0; transform:translateY(8px) scale(.98); } to { opacity:1; transform:translateY(0) scale(1); } }

@media (min-width:1511px) { .hero { padding-right: calc((100vw - var(--max)) / 2); padding-left: calc((100vw - var(--max)) / 2); } }
@media (max-width:1050px) {
  .hero { grid-template-columns: .92fr 1.08fr; padding-right: 6vw; padding-left: 6vw; }.hero h1 { font-size: clamp(49px,6vw,68px); }.hero-screen > img { height: 34vw; }
  .section-pad { padding-right: 6vw; padding-left: 6vw; }.scroll-cue { left:6vw; }.product-layout { gap: 20px; }.product-window img { height: 38vw; }.tracking-section { gap: 45px; }.tracking-art { min-height: 350px; }.chat-stage { min-height: 470px; }.extras-grid { grid-template-columns: repeat(2,1fr); }.extra-card { min-height: 175px; }.price-section { gap: 5%; }.faq-section { gap: 35px; }.final-cta { padding-right:6vw;padding-left:6vw; }
}
@media (max-width:760px) {
  .site-header { height: 67px; padding: 0 22px; }.site-header.scrolled { height: 62px; }.brand-icon { width:31px;height:31px; }.brand-word { font-size:23px; }.brand-caption { font-size:9px; }.brand-divider { height:20px; }
  .menu-toggle { display:grid; width:38px;height:38px;place-content:center;gap:5px;border:1px solid #dfe4dc;border-radius:10px;background:#fff;cursor:pointer; }.menu-toggle span { width:15px;height:1.5px;border-radius:2px;background:var(--green);transition:transform .2s; }.menu-toggle[aria-expanded="true"] span:first-child { transform:translateY(3.25px) rotate(45deg); }.menu-toggle[aria-expanded="true"] span:last-child { transform:translateY(-3.25px) rotate(-45deg); }
  .main-nav { position:absolute;top:calc(100% - 1px);left:0;right:0;display:none;align-items:stretch;gap:0;padding:7px 22px 19px;border-bottom:1px solid var(--line);background:var(--paper);box-shadow:0 18px 24px #1a2b1d0b; }.main-nav.open { display:flex;flex-direction:column; }.main-nav>a:not(.nav-cta) { padding:12px 4px;border-bottom:1px solid #e8ebe5;font-size:13px; }.nav-cta { justify-content:center;margin-top:13px; }
  .hero { display:flex;min-height:0;flex-direction:column;align-items:stretch;gap:21px;padding:59px 24px 72px;border-radius:0 0 22px 22px; }.hero-copy { padding:0; }.hero .eyebrow { margin-bottom:15px; }.hero h1 { margin-bottom:17px;font-size:clamp(50px,13vw,72px); }.hero-lead { max-width:440px;margin-bottom:20px;font-size:14px; }.hero-actions { align-items:flex-start;flex-direction:column;gap:11px; }.button { min-height:49px;padding:0 16px;font-size:12px; }.hero-proof { gap:8px 12px;margin-top:24px;font-size:12px; }.hero-visual { width:93%;align-self:center;margin:0 0 8px;padding:15px 3px; }.hero-screen { border-radius:13px;transform:none; }.browser-bar { height:31px;padding:0 10px;font-size:8px; }.browser-dots i { width:5px;height:5px; }.browser-avatar { width:17px;height:17px; }.hero-screen>img { height:clamp(224px,65vw,345px);object-fit:cover;object-position:center top; }.hero-screen figcaption { right:7px;bottom:10px;font-size:6px; }.chip-kilos { top:8%;left:-5%; }.chip-status { right:-4%;bottom:5%; }.floating-chip { gap:7px;padding:8px 9px;border-radius:10px; }.floating-chip small { font-size:7px; }.floating-chip strong { font-size:11px; }.chip-icon { width:26px;height:26px; }.hero-route { bottom:1%;right:5%;width:78%; }.hero-halo { width:110%;top:0;right:-20%; }.hero-spark { font-size:18px; }.spark-one { top:1%;right:5%; }.spark-two { left:0;bottom:7%; }.scroll-cue { left:24px;bottom:21px;font-size:8px; }
  .section-pad { padding:72px 24px; }.eyebrow { margin-bottom:14px;font-size:9px; }.section-heading h2,.product-heading h2,.tracking-copy h2,.assistant-copy h2,.extras-heading h2,.price-intro h2,.faq-title h2 { font-size:clamp(34px,9vw,47px); }.intro { padding-top:72px;padding-bottom:74px; }.intro-grid { grid-template-columns:1fr;gap:23px;margin-top:22px; }.intro-copy { max-width:520px;font-size:13px; }.flow { gap:7px;padding:14px 11px; }.flow-step { grid-template-columns:25px 1fr;column-gap:6px; }.flow-number { width:25px;height:25px;font-size:8px; }.flow-step strong { font-size:9px; }.flow-step small { font-size:7px; }.flow-connector { font-size:12px; }
  .product-heading { display:block;margin-bottom:24px; }.product-intro { max-width:480px;margin-top:13px;font-size:12px; }.product-layout { grid-template-columns:1fr;gap:19px; }.feature-list { grid-row:2;gap:6px; }.feature-tab { min-height:76px;grid-template-columns:30px 1fr 15px;gap:9px;padding:10px; }.feature-tab-icon { width:28px;height:28px; }.feature-tab strong { font-size:13px; }.feature-tab small { font-size:12px; }.export-note { margin:6px 3px 0; }.export-note p { font-size:11px; }.product-window { grid-row:1;border-radius:12px; }.window-top { height:32px;padding:0 10px; }.window-label { font-size:7px; }.product-window img { height:clamp(250px,78vw,370px);object-fit:cover;object-position:top center; }.product-window figcaption { right:7px;bottom:7px;font-size:6px; }
  .tracking-section { grid-template-columns:1fr;gap:36px;padding-top:64px;padding-bottom:67px; }.tracking-art { min-height:320px;order:2; }.tracking-card { width:min(94%,410px);padding:16px; }.tracking-card-head { padding-bottom:12px; }.tracking-progress { gap:10px;padding:13px 0; }.tracking-point { min-height:29px; }.route-stamp { right:0;bottom:7%; }.tracking-copy { order:1; }.tracking-copy h2 { font-size:clamp(38px,10vw,52px); }.tracking-copy>p:not(.eyebrow) { font-size:12px; }.tracking-art::before { width:100%; }
  .assistant-section { grid-template-columns:1fr;gap:31px; }.assistant-copy>p:not(.eyebrow) { font-size:12px; }.check-list { gap:12px;margin:19px 0 22px; }.check-list li { font-size:13px; }.check-list li>span { width:19px;height:19px; }.chat-stage { min-height:445px;border-radius:18px; }.chat-phone { width:66%;min-height:394px; }.chat-header { height:61px; }.message { font-size:8px; }.channel-wa { top:14%;left:2%; }.channel-tg { right:2%;bottom:15%; }.channel-float { padding:8px 10px;font-size:8px; }.chat-demo-note { font-size:6px; }
  .extras-heading { margin-bottom:24px; }.extras-grid { gap:9px; }.extra-card { min-height:180px;padding:16px 13px;border-radius:12px; }.extra-icon { width:33px;height:33px;margin-bottom:16px; }.extra-icon svg { width:18px;height:18px; }.extra-card h3 { margin-bottom:6px;font-size:13px; }.extra-card p { font-size:12px; }.extra-index { top:17px;right:13px;font-size:8px; }
  .price-section { grid-template-columns:1fr;gap:29px;padding-top:69px;padding-bottom:72px; }.price-intro h2 { font-size:clamp(38px,10vw,51px); }.price-intro>p:not(.eyebrow) { max-width:460px;font-size:12px; }.price-card { width:100%;max-width:480px;justify-self:center;padding:25px 22px;border-radius:17px; }.price-amount { font-size:57px; }.price-includes { gap:11px; }.price-includes li { font-size:10px; }.price-decoration { top:23%;left:-30%;width:80%; }
  .faq-section { grid-template-columns:1fr;gap:23px; }.faq-title h2 { font-size:40px; }.faq-list summary { padding:16px 0;font-size:11px; }.faq-list details p { font-size:10px; }
  .final-cta { min-height:0;align-items:flex-start;padding:66px 24px 61px; }.final-copy { max-width:100%; }.final-copy h2 { font-size:clamp(43px,11vw,60px); }.final-copy>p:not(.eyebrow) { max-width:320px;font-size:11px; }.final-box { position:absolute;right:5%;bottom:6%;width:82px;height:82px;margin:0;border-radius:22px;opacity:.72; }.final-box::before { inset:10px;border-radius:16px; }.final-box::after { inset:21px;border-radius:11px; }.final-box span { font-size:35px; }.final-box i { top:4px;right:21px;width:5px;height:5px; }.final-box b { bottom:13px;left:6px;width:4px;height:4px; }
  .site-footer { min-height:75px;flex-wrap:wrap;gap:5px 12px;padding:15px 22px; }.footer-brand { gap:7px; }.footer-brand .brand-icon { width:25px;height:25px; }.footer-brand .brand-word { font-size:19px; }.site-footer p { order:3;width:100%;font-size:8px; }.back-top { font-size:9px; }
}
@media (max-width:390px) {
  .site-header { padding:0 16px; }.brand-caption { font-size:8px; }.hero { padding-right:19px;padding-left:19px; }.hero-proof { font-size:12px; }.section-pad { padding-right:19px;padding-left:19px; }.flow { gap:4px;padding:12px 8px; }.flow-step { grid-template-columns:22px 1fr;column-gap:4px; }.flow-number { width:22px;height:22px;font-size:7px; }.flow-step strong { font-size:8px; }.flow-step small { font-size:6px; }.flow-connector { font-size:10px; }.extras-grid { grid-template-columns:1fr 1fr; }.extra-card { min-height:158px; }.chat-phone { width:72%; }.final-cta { padding-right:19px;padding-left:19px; }
}
@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { scroll-behavior:auto !important; animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
  .reveal { opacity:1; transform:none; }
}