@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#f3f4ef;--ink:#132628;--muted:#526465;--accent:#007f89;--line:#cbd6d0;--card:#fff;--soft:#e2eae4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 'DM Sans',sans-serif}body.en{--bg:#101b22;--ink:#edf4ef;--muted:#a6babc;--accent:#79ded7;--line:#33464c;--card:#192a32;--soft:#20363d}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2,h3,.brand{font-family:'Space Grotesk',sans-serif}h1{font-size:clamp(3.2rem,6.8vw,6.5rem);line-height:1.02;letter-spacing:-.065em;font-weight:500}h2{font-size:clamp(2.2rem,4.4vw,4.2rem);line-height:1.1;letter-spacing:-.045em;font-weight:500}h3{font-size:1.55rem;letter-spacing:-.035em;line-height:1.2}.wrap{width:min(1280px,calc(100% - 80px));margin:auto}.skip{position:fixed;top:-80px;background:var(--card);padding:10px;z-index:100}.skip:focus{top:0}header{position:sticky;top:0;z-index:20;background:var(--bg);border-bottom:1px solid var(--line)}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:10px;font-size:1.4rem;letter-spacing:-.06em;font-weight:700}.brand img{width:34px;height:34px;object-fit:contain}.brand i{color:var(--accent);font-style:normal}nav{display:flex;gap:28px;align-items:center;font-size:.88rem}.language{border-left:1px solid var(--line);padding-left:22px}.menu{display:none}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:700;color:var(--accent);display:flex;align-items:center;gap:12px;margin-bottom:30px}.eyebrow:before{content:'';width:26px;height:2px;background:var(--accent)}.hero{position:relative;overflow:hidden;padding:95px 0 50px}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center}.hero h1 em{font-style:normal;color:var(--accent)}.intro{max-width:490px;color:var(--muted);font-size:1.12rem;margin-top:28px}.actions{display:flex;gap:24px;align-items:center;margin-top:32px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:15px 22px;background:var(--ink);color:var(--bg);border-radius:4px;font-size:.9rem;font-weight:600;transition:transform .2s}.btn:hover{transform:translateY(-3px)}.text-link{font-size:.9rem;border-bottom:1px solid var(--line);padding-bottom:5px}.hero-note{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:23px;margin-top:72px;font-size:.75rem;color:var(--muted);letter-spacing:.04em}.scene{position:relative;height:490px;perspective:1100px}.scene-grid{position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(ellipse,black,transparent 72%)}.orbit{position:absolute;width:370px;height:370px;border:1px solid var(--accent);opacity:.3;border-radius:50%;left:12%;top:10%;animation:orbit 28s linear infinite}.orbit:before{content:'';position:absolute;width:12px;height:12px;border-radius:50%;background:var(--accent);top:45px;left:45px}.orbit.second{width:460px;height:460px;left:3%;top:1%;animation-direction:reverse;border-style:dashed}.float{position:absolute;will-change:transform}.dashboard{width:350px;left:4%;top:65px;z-index:2}.panel{background:var(--card);border:1px solid var(--line);box-shadow:0 25px 70px #001e2520;border-radius:12px;overflow:hidden;animation:float 7s ease-in-out infinite}.panel-top{padding:14px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;font-size:.65rem;color:var(--muted)}.dots{letter-spacing:3px;color:var(--accent)}.panel-body{padding:22px}.panel-label{font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.panel-title{font-family:'Space Grotesk';font-size:1.8rem;margin:8px 0 20px;letter-spacing:-.04em}.bars{display:flex;align-items:flex-end;height:110px;gap:12px;border-bottom:1px solid var(--line);padding:0 8px}.bars span{flex:1;background:var(--accent);border-radius:4px 4px 0 0;transform-origin:bottom;animation:grow 1.5s ease both;opacity:.7}.bars span:nth-child(even){opacity:.3}.panel-foot{display:flex;gap:10px;margin-top:18px}.panel-foot span{background:var(--soft);height:7px;flex:1;border-radius:9px}.phone{right:0;top:190px;width:165px;z-index:3}.phone .panel{border:6px solid var(--ink);border-radius:27px;animation-delay:-3s}.phone-body{padding:20px 15px 16px}.phone-notch{width:40px;height:5px;background:var(--ink);border-radius:5px;margin:0 auto 20px}.phone-circle{height:70px;width:70px;border:12px solid var(--soft);border-right-color:var(--accent);border-top-color:var(--accent);border-radius:50%;margin:18px auto}.phone-line{height:7px;background:var(--soft);margin:10px 0;border-radius:8px}.phone-button{height:24px;background:var(--accent);border-radius:5px;margin-top:18px}.floating-tag{bottom:17px;left:0;font-size:.7rem;letter-spacing:.07em;padding:9px 14px;background:var(--accent);color:var(--bg);border-radius:4px}.scene-caption{position:absolute;right:4px;top:5px;font-size:.6rem;letter-spacing:.12em;color:var(--muted)}.ticker{overflow:hidden;background:var(--accent);color:var(--bg);padding:17px 0;font-family:'Space Grotesk';font-size:1rem}.ticker-track{display:flex;width:max-content;gap:45px;animation:marquee 40s linear infinite}.ticker span{white-space:nowrap}.section{padding:105px 0}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:48px}.section-heading p{color:var(--muted);max-width:450px}.services{border-bottom:1px solid var(--line)}.service{display:grid;grid-template-columns:65px 1fr 1fr 35px;gap:25px;padding:30px 0;border-top:1px solid var(--line);align-items:start}.service .number{color:var(--accent);font-size:.8rem}.service p{color:var(--muted);font-size:.95rem}.service .arrow{font-size:1.5rem;transition:transform .2s}.service:hover .arrow{transform:translate(4px,-4px)}.service:hover h3{color:var(--accent)}.vision{position:relative;overflow:hidden;background:var(--ink);color:var(--bg)}.en .vision{background:#c9e8df;color:#132628}.vision .wrap{position:relative;z-index:1}.vision h2{max-width:850px;font-size:clamp(2.7rem,5.7vw,5.3rem)}.vision .eyebrow{color:inherit}.vision .eyebrow:before{background:currentColor}.vision p{max-width:580px;margin-top:30px;opacity:.75}.halo{position:absolute;width:650px;height:650px;border:1px solid currentColor;border-radius:50%;right:-250px;top:-200px;opacity:.17}.halo:after{content:'';position:absolute;inset:65px;border:1px solid currentColor;border-radius:50%}.use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.use-card{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--card)}.mini-art{height:190px;background:var(--soft);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.mini-art:before{content:'';position:absolute;width:210px;height:210px;border:1px solid var(--accent);opacity:.3;border-radius:50%}.mini-window{width:65%;background:var(--card);border:1px solid var(--line);border-radius:6px;padding:14px;transform:rotate(-6deg);box-shadow:10px 18px 0 #007f8912}.mini-window b{display:block;width:55%;height:9px;background:var(--accent);margin:5px 0 14px}.mini-window span{display:block;height:6px;background:var(--line);margin:7px 0}.mini-window span:last-child{width:60%}.use-card:nth-child(2) .mini-window{transform:rotate(5deg)}.use-card:nth-child(3) .mini-window{transform:rotate(-3deg);width:32%;border-radius:14px;padding:20px 10px}.use-copy{padding:25px}.use-copy small{color:var(--accent);font-size:.65rem;letter-spacing:.1em}.use-copy h3{margin:12px 0;font-size:1.35rem}.use-copy p{font-size:.9rem;color:var(--muted)}.disclosure{font-size:.75rem;color:var(--muted);margin-top:20px}.process{border-top:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:50px}.step{border-top:1px solid var(--accent);padding-top:22px}.step small{color:var(--accent)}.step h3{font-size:1.25rem;margin:25px 0 12px}.step p{color:var(--muted);font-size:.9rem}.faq{padding-top:0}.faq-inner{display:grid;grid-template-columns:1fr 1.3fr;gap:90px}details{border-top:1px solid var(--line);padding:20px 0}details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:20px}summary:after{content:'+';color:var(--accent)}details[open] summary:after{content:'−'}details p{padding-top:15px;color:var(--muted);font-size:.95rem}.contact{background:var(--soft);position:relative;overflow:hidden}.contact h2{max-width:850px}.contact-bottom{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-top:45px}.contact p{max-width:460px;color:var(--muted)}.email{font-family:'Space Grotesk';font-size:clamp(1.3rem,2.6vw,2.3rem);letter-spacing:-.03em;border-bottom:1px solid var(--accent);padding-bottom:10px}footer{padding:40px 0 25px}.footer-top,.footer-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer-top p{font-size:.8rem;color:var(--muted)}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;margin-top:35px;font-size:.7rem;color:var(--muted)}.reveal{transition:opacity .7s,translate .7s}.motion .reveal.pending{opacity:0;translate:0 25px}@keyframes float{50%{transform:translateY(-14px) rotate(1deg)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes grow{from{transform:scaleY(.1)}to{transform:scaleY(1)}}@keyframes marquee{to{transform:translateX(-50%)}}.ticker:hover .ticker-track{animation-play-state:paused}.motion-toggle{position:fixed;bottom:18px;right:18px;z-index:25;border:1px solid var(--line);border-radius:30px;padding:9px 14px;background:var(--card);color:var(--ink);cursor:pointer;font-size:.72rem}.paused *, .paused *:before,.paused *:after{animation-play-state:paused!important}.paused [data-depth]{transform:none!important}@media(min-width:1000px){.en .hero-grid{grid-template-columns:1.2fr 1fr}.en .hero h1{font-size:clamp(3rem,5.8vw,5.7rem)}.en .scene{transform:rotate(-4deg)}}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.hero-grid{gap:25px}.scene{height:430px}.dashboard{width:280px;left:0}.phone{width:140px;right:-10px}.orbit{width:290px;height:290px}.orbit.second{width:350px;height:350px}.section-heading{gap:35px}.service{grid-template-columns:35px 1fr 1fr 20px}.faq-inner{gap:40px}.steps{gap:20px}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.nav{height:74px}.menu{display:block;background:none;border:1px solid var(--line);color:var(--ink);padding:7px 12px;border-radius:5px;font-size:.8rem}nav{display:none;position:absolute;top:74px;left:0;right:0;background:var(--bg);padding:25px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}nav.open{display:flex}.language{border:0;padding:0}.hero{padding:50px 0 30px}.hero-grid{grid-template-columns:1fr;gap:25px}h1{font-size:clamp(3.2rem,11vw,5.3rem)}.intro{font-size:1rem}.scene{width:min(430px,100%);height:390px;margin:auto}.dashboard{width:290px;top:45px}.phone{right:0;top:155px}.scene-caption{right:10px}.hero-note{margin-top:30px;flex-direction:column;gap:6px}.section{padding:65px 0}.section-heading{grid-template-columns:1fr;gap:23px;margin-bottom:35px}.service{grid-template-columns:24px 1fr 20px;gap:13px}.service p{grid-column:2;grid-row:2}.service .arrow{grid-column:3;grid-row:1}.service h3{font-size:1.4rem}.use-grid{grid-template-columns:1fr}.mini-art{height:200px}.steps{grid-template-columns:1fr 1fr;gap:35px 22px}.faq-inner{grid-template-columns:1fr;gap:30px}.faq{padding-top:10px}.contact-bottom{flex-direction:column;align-items:start}.footer-top,.footer-bottom{align-items:start;flex-direction:column}.motion-toggle{bottom:12px;right:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}[data-depth]{transform:none!important}.motion .reveal.pending{opacity:1;translate:none}}
