@font-face{font-family:Manrope;src:url('assets/manrope.woff2') format('woff2');font-weight:400 800;font-style:normal;font-display:swap}
:root{--ink:#071925;--navy:#0a2235;--blue:#0877ff;--cyan:#6be4de;--lime:#cefa82;--paper:#f4f6f5;--muted:#657479;--line:#d9e0df;--font:Manrope,Arial,sans-serif;--max:1320px;--ease:cubic-bezier(.2,.75,.25,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:var(--font);background:var(--ink);color:var(--ink);-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}button,a,input{ -webkit-tap-highlight-color:transparent}button{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}button:focus-visible,a:focus-visible{outline:3px solid #137ee9;outline-offset:6px}h1,h2,h3,h4,p{margin:0}button{border:0}::selection{background:var(--lime);color:var(--ink)}[hidden]{display:none!important}.skip{position:fixed;top:-80px;left:20px;z-index:999;background:var(--lime);color:var(--ink);padding:15px}.skip:focus{top:15px}.site-header{height:98px;position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:40px;max-width:1440px;margin:auto;padding:0 5%;color:white;z-index:30}.brand{width:108px;flex-shrink:0}.brand img{object-fit:contain;height:58px;width:108px}.site-header nav{display:flex;gap:32px;margin:auto;font-size:13px;font-weight:600;letter-spacing:.01em}.site-header nav a{position:relative;opacity:.8;transition:opacity .2s}.site-header nav a:hover{opacity:1}.site-header nav a:after{content:'';position:absolute;bottom:-7px;left:0;width:0;height:2px;background:var(--cyan);transition:width .2s}.site-header nav a:hover:after{width:100%}.nav-cta{border:1px solid #ffffff3d;border-radius:7px;padding:12px 17px;font-size:13px;display:flex;gap:20px;align-items:center}.nav-cta:hover{background:#ffffff12}.nav-cta span{font-size:22px}.menu-toggle{display:none}.hero{color:#fff;position:relative;min-height:820px;overflow:hidden;padding:178px max(5%,calc((100vw - 1320px)/2)) 108px;display:grid;grid-template-columns:1.06fr 1fr;gap:24px;background:radial-gradient(ellipse at 93% 33%,#12394d,transparent 50%),var(--ink)}.hero-grid{position:absolute;inset:0;background-image:radial-gradient(#ffffff23 .75px,transparent .75px);background-size:28px 28px;mask-image:linear-gradient(to right,transparent,#000)}.hero-glow{position:absolute;width:580px;height:580px;border-radius:50%;right:-10%;top:9%;background:#138ead;opacity:.12;filter:blur(100px)}.hero-content{position:relative;z-index:3;padding-top:18px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.15em;display:flex;gap:10px;align-items:center;line-height:1.6}.hero .eyebrow{color:#add0d2}.tiny-mark{width:12px;height:12px;border:3px solid var(--lime);position:relative}.tiny-mark:after{content:'';width:4px;height:4px;background:var(--lime);position:absolute;right:-7px;bottom:-7px}.hero h1{font-size:clamp(46px,5.1vw,77px);line-height:1.1;font-weight:500;letter-spacing:-.065em;margin:36px 0 17px}.hero h1 span{color:var(--cyan)}.hero-subtitle{font-size:clamp(24px,2.4vw,35px);font-weight:400;letter-spacing:-.035em}.hero-description{font-size:15px;line-height:1.85;color:#a9bec8;max-width:430px;margin-top:27px}.hero-actions{display:flex;gap:25px;align-items:center;margin-top:35px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:24px;font-size:13px;font-weight:700;padding:17px 21px;border-radius:7px;transition:transform .2s var(--ease),background .2s;min-height:52px}.button:hover{transform:translateY(-3px)}.button span{font-size:22px;font-weight:400;line-height:1}.button-lime{background:var(--lime);color:var(--ink)}.button-lime:hover{background:#e1ffb0}.text-link{font-size:12px;font-weight:600;border-bottom:1px solid #ffffff50;padding:8px 0;display:inline-flex;gap:15px}.text-link span{font-size:19px}.hero-visual{position:relative;min-width:0;margin-top:5px;z-index:2;padding:20px 15px 0 35px;transform:rotate(2deg)}.hero-window{position:relative;border:1px solid #8ad2db50;border-radius:20px;background:linear-gradient(135deg,#25526480,#112e4280);box-shadow:0 30px 100px #0005,inset 0 0 55px #93ede10b;overflow:hidden;z-index:2}.window-bar{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.16em;color:#a3d0d4;padding:17px 19px;border-bottom:1px solid #ffffff1a}.window-dots{display:flex;gap:5px}.window-dots i{width:5px;height:5px;background:#75b6be;border-radius:50%}.hero-characters{height:351px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 75%,#528b9b85,transparent 70%)}.hero-characters:before{content:'QR';font-size:240px;letter-spacing:-.08em;color:#b5eee80a;position:absolute;top:-35px;left:40px;font-weight:800}.hero-characters img{position:absolute;height:95%;width:58%;object-fit:contain;object-position:bottom;bottom:-3px;filter:drop-shadow(0 10px 20px #061a3144)}.hero-iva{left:-1%;z-index:2;transform:rotate(-2deg)}.hero-be{right:-3%;z-index:3;transform:rotate(-2deg)}.hero-window-foot{padding:18px 25px 20px;background:#0d263ecf;border-top:1px solid #ffffff1c;font-size:10px;letter-spacing:.02em;display:flex;flex-direction:column;gap:4px}.hero-window-foot span{color:var(--cyan)}.hero-window-foot strong{font-size:14px;font-weight:500}.orbital{position:absolute;border:1px solid #83dade1e;border-radius:50%;width:570px;height:570px;left:-18px;top:-25px;transform:rotate(-20deg)}.orbital-two{width:650px;height:650px;left:-58px;top:-65px;border-style:dashed;border-color:#83dade12}.float-label{position:absolute;background:#e4f6f1;color:#193645;display:flex;align-items:center;gap:11px;padding:13px 17px;border-radius:11px;font-size:11px;line-height:1.5;z-index:5;box-shadow:0 12px 45px #00122130;transform:rotate(-2deg);animation:float 6s ease-in-out infinite}.float-label strong{font-weight:700}.float-health{right:-8px;top:89px;background:#d5fa95}.float-message{left:0;bottom:70px;animation-delay:-3s}.icon-box{width:27px;height:27px;border:1px solid #24434655;border-radius:8px;font-size:23px;display:grid;place-items:center;line-height:1}.message-symbol{font-size:27px;color:#328979}.visual-index{display:flex;justify-content:space-between;padding:23px 18px 0;color:#82a3b3;font-size:9px;letter-spacing:.1em;transform:rotate(-2deg)}.visual-cross{position:absolute;font-size:25px;color:#b9f0e8;font-weight:400}.cross-one{left:-10px;top:-25px}.cross-two{right:0;bottom:5px}.hero-bottom{position:absolute;bottom:26px;left:5%;right:5%;border-top:1px solid #ffffff24;padding-top:25px;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.1em;color:#7c9baa}.hero-bottom a{color:#c6dbdf;font-size:10px;display:flex;align-items:center;gap:20px}.scroll-arrow{font-size:24px;animation:nudge 2s ease-in-out infinite}.services-ribbon{background:var(--lime);overflow:hidden;padding:24px 0;color:#143a37}.ribbon-track{display:flex;gap:40px;align-items:center;width:max-content;animation:ribbon 40s linear infinite}.ribbon-track span{font-size:21px;font-weight:600;letter-spacing:-.03em}.ribbon-track i{font-style:normal;font-size:20px;opacity:.4}.section-pad{padding:110px max(5%,calc((100vw - 1240px)/2))}.journey{background:var(--paper)}.dark-eyebrow{color:#426969}.section-heading h2{font-size:clamp(32px,3.7vw,53px);line-height:1.2;font-weight:500;letter-spacing:-.055em;margin-top:22px}.muted-text{color:#7d8e94}.section-heading>p:last-child{font-size:15px;line-height:1.8;max-width:540px;color:var(--muted);margin-top:22px}.journey-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:80px;margin-top:70px;align-items:start}.journey-step{display:flex;gap:25px;padding:34px 0 40px;min-height:195px;border-top:1px solid var(--line);transition:opacity .4s}.step-count{font-size:12px;color:#859c9c;font-weight:600;line-height:2.3}.journey-step h3{font-size:20px;font-weight:600;letter-spacing:-.04em;line-height:1.4}.journey-step p{font-size:14px;line-height:1.9;color:var(--muted);margin-top:12px;max-width:335px}.journey-step.is-current h3,.journey-step.is-current .step-count{color:#067c78}.channel-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}.channel-pills span{font-size:9px;border:1px solid #cfdbd7;padding:5px 9px;border-radius:4px;color:#566e70}.journey-stage{position:sticky;top:100px;min-height:425px;background:#fff;border:1px solid #d5e0df;border-radius:15px;box-shadow:0 18px 50px #193e4610;overflow:hidden;margin-top:15px}.demo-top{display:flex;justify-content:space-between;align-items:center;padding:21px 25px;border-bottom:1px solid #e7eeec}.mini-logo{font-size:17px;letter-spacing:-.04em;font-weight:800}.mini-logo b{font-size:13px;font-weight:400;color:#7c9598}.demo-tag{font-size:8px;letter-spacing:.06em;background:#edf4f1;color:#6f8d87;border-radius:4px;padding:5px 7px}.flow-line{display:flex;align-items:center;margin:24px 25px 0;gap:9px}.flow-node{font-size:9px;color:#7c9094;transition:color .4s;background:#f0f4f3;border-radius:4px;padding:5px 8px}.flow-node.active{background:#d3f3df;color:#176553}.flow-line i{height:1px;flex:1;background:#dce6e3}.flow-display{min-height:281px;padding:28px 30px 25px}.flow-screen{animation:screen-in .4s var(--ease)}.chat-label{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:700}.chat-label small{display:block;font-size:9px;margin-top:4px;color:#8a989a;font-weight:400}.avatar-dot{display:grid;place-items:center;background:#dbefec;border-radius:50%;width:32px;height:32px;color:#367d74}.bubble{font-size:12px;line-height:1.7;padding:12px 15px;max-width:87%;margin-top:16px}.citizen-bubble{margin-left:auto;border-radius:13px 13px 2px 13px;background:#edf1f3;color:#476169}.assistant-bubble{background:#deefec;border-radius:13px 13px 13px 2px;color:#2f635b}.typing-indicator{display:flex;gap:4px;padding:12px 10px}.typing-indicator i{width:4px;height:4px;border-radius:50%;background:#58998c;animation:blink 1.7s infinite}.typing-indicator i:nth-child(2){animation-delay:.2s}.typing-indicator i:nth-child(3){animation-delay:.4s}.flow-controls{display:flex;align-items:center;gap:6px;border-top:1px solid #e5edeb;padding:16px 20px}.flow-controls button{width:34px;min-height:34px;background:#f2f5f4;color:#79908d;font-size:10px;border-radius:5px}.flow-controls button.active{background:#0c4847;color:#fff}.flow-controls>span{font-size:9px;color:#7b9290;margin-left:auto}.screen-kicker{font-size:8px;letter-spacing:.12em;color:#55817d}.flow-screen h4{font-size:24px;line-height:1.3;letter-spacing:-.045em;font-weight:500;margin-top:12px}.classification{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px 0;font-size:10px}.classification span{color:#7b9390}.classification strong{font-weight:600}.classification b{color:#219882;margin-left:6px}.screen-note{font-size:9px;color:#75918a;margin-top:14px}.request-card{margin-top:18px;border:1px solid #dce8e3;border-radius:8px;padding:15px}.request-card>div:first-child{display:flex;align-items:center;gap:10px;font-size:11px}.request-mark{width:24px;height:24px;background:#d9eee5;display:grid;place-items:center;border-radius:5px}.request-card p{font-size:10px;color:#718783;line-height:1.7;margin:10px 0}.request-footer{display:flex;justify-content:space-between;font-size:8px;color:#678078;border-top:1px solid #e4eae7;padding-top:12px}.request-footer b{font-weight:500;color:#0f886c}.insight-list{margin-top:15px}.insight-list span{display:flex;justify-content:space-between;border-bottom:1px solid #dce8e4;font-size:11px;padding:11px 0}.insight-list b{color:#25917c}.motion-toggle{position:fixed;bottom:16px;right:18px;z-index:40;display:flex;align-items:center;gap:8px;border:1px solid #a2beba40;background:#09242dea;backdrop-filter:blur(10px);color:#daefeb;box-shadow:0 3px 15px #0002;border-radius:25px;padding:10px 13px;font-size:10px;min-height:40px}.motion-toggle>span:first-child{font-size:13px;width:13px}.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused{scroll-behavior:auto}.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(25px);transition:opacity .65s var(--ease),transform .65s var(--ease)}.js .reveal.is-visible{opacity:1;transform:none}
@keyframes float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9px) rotate(-2deg)}}@keyframes nudge{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes ribbon{to{transform:translateX(-50%)}}@keyframes blink{0%,80%,100%{opacity:.35}40%{opacity:1}}@keyframes screen-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@media(min-width:1550px){.hero{min-height:875px;padding-top:195px}.hero h1{font-size:79px}.hero-characters{height:405px}}
@media(max-width:1100px){.hero{padding-top:150px;min-height:740px;grid-template-columns:1.06fr 1fr;gap:0}.hero h1{font-size:53px}.hero-subtitle{font-size:26px}.hero-actions{gap:17px;flex-wrap:wrap}.hero-visual{padding-left:25px;margin-top:30px}.hero-characters{height:290px}.float-health{right:-13px;font-size:9px;padding:11px}.float-message{font-size:10px;padding:11px;left:4px;bottom:58px}.journey-layout{gap:45px}.flow-display{padding:25px 22px}.flow-controls>span{font-size:8px}.hero-bottom>span:last-child{display:none}.section-pad{padding-top:90px;padding-bottom:90px}.site-header nav{gap:22px}}
@media(max-width:760px){html{scroll-padding-top:70px}.site-header{height:82px;padding:0 6%;gap:20px}.brand,.brand img{width:87px}.nav-cta{font-size:11px;padding:8px 11px;gap:10px;margin-left:auto}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;min-width:36px;height:44px;background:transparent;padding:8px;z-index:32}.menu-toggle span{display:block;width:21px;height:1px;background:white;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.site-header nav{display:none;position:fixed;inset:0;background:#071925fa;flex-direction:column;align-items:flex-start;justify-content:center;gap:27px;padding:10%;font-size:30px;z-index:31}.site-header nav.is-open{display:flex}.hero{min-height:0;display:flex;flex-direction:column;padding:122px 6% 95px;gap:40px}.hero-content{padding:0}.hero .eyebrow{font-size:8px;letter-spacing:.12em}.hero h1{font-size:clamp(43px,8.8vw,66px);margin-top:25px;letter-spacing:-.065em}.hero-subtitle{font-size:25px;margin-top:15px}.hero-description{font-size:14px;line-height:1.8;max-width:430px;margin-top:19px}.hero-actions{gap:23px;margin-top:25px}.button{font-size:12px;min-height:49px;padding:14px 18px}.text-link{font-size:11px}.hero-visual{margin:0 2%;padding:10px 13px 0;align-self:center;width:min(100%,480px)}.hero-characters{height:310px}.hero-window-foot{padding:18px 20px}.hero-window-foot strong{font-size:13px}.float-health{right:-7px;top:63px}.float-message{left:-8px;bottom:67px}.hero-bottom{left:6%;right:6%;bottom:24px;font-size:8px}.hero-bottom a{font-size:9px;gap:8px}.visual-index{font-size:8px;padding:18px 13px 0}.services-ribbon{padding:19px 0}.ribbon-track{gap:27px}.ribbon-track span{font-size:17px}.section-pad{padding:72px 6%}.section-heading h2{font-size:33px;line-height:1.23;letter-spacing:-.055em}.section-heading>p:last-child{font-size:14px;line-height:1.8}.journey-layout{grid-template-columns:1fr;gap:25px;margin-top:34px}.journey-steps{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.journey-step{display:block;min-height:0;padding:22px 0}.step-count{display:block;font-size:10px;line-height:1;margin-bottom:12px}.journey-step h3{font-size:16px;line-height:1.4}.journey-step p{font-size:12px;line-height:1.8}.channel-pills{display:none}.journey-stage{position:relative;top:auto;margin:0;min-height:400px}.demo-top{padding:19px}.flow-controls>span{font-size:8px}.flow-display{min-height:273px;padding:25px}.motion-toggle{right:10px;bottom:10px;font-size:9px;padding:8px 10px}.motion-label{display:none}}
@media(max-width:380px){.hero h1{font-size:41px}.hero-subtitle{font-size:23px}.hero-actions{gap:16px}.hero-characters{height:275px}.hero-description{font-size:13px}.nav-cta{font-size:10px}.flow-controls>span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}
.hero-characters .hero-iva{width:62%;height:88%;left:-2%;bottom:0;object-fit:contain;filter:none}.hero-characters .hero-be{width:39%;height:88%;right:5%;bottom:5%;object-fit:cover;object-position:top;border-radius:12px;border:4px solid #f6f7f1;filter:none;transform:rotate(3deg)}.hero-description{font-size:16px}.flow-controls button{min-width:44px;min-height:44px}.motion-toggle{min-height:44px}
