@font-face{font-family:Vazirmatn;src:url('assets/vazirmatn.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--bg:#06121d;--bg2:#0b1d2b;--surface:#102535;--surface2:#132c3c;--ink:#eff8f8;--muted:#a7bdc6;--line:#29414e;--mint:#5ce0ca;--mint2:#10bea8;--copper:#efaa73;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Vazirmatn,Tahoma,sans-serif;font-size:16px;line-height:1.85;overflow-x:clip}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a,button{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--mint);outline-offset:4px}::selection{background:var(--mint);color:#071923}img{display:block;max-width:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:780;line-height:1.45}p{color:var(--muted)}svg.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:middle}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}.container{width:min(1220px,calc(100% - 72px));margin-inline:auto}.skip{position:fixed;z-index:120;top:-100px;right:20px;background:#fff;color:#06121d;padding:8px 16px;border-radius:8px}.skip:focus{top:14px}.scroll-progress{position:fixed;z-index:110;top:0;right:0;height:3px;width:100%;background:linear-gradient(90deg,var(--copper),var(--mint));transform-origin:right;transform:scaleX(0);pointer-events:none}
.site-header{position:fixed;inset:0 0 auto;z-index:100;background:linear-gradient(180deg,#06121df3,#06121d9a);border-bottom:1px solid #ffffff0d;backdrop-filter:blur(16px);transition:background .35s,box-shadow .35s}.site-header.scrolled{background:#06121df7;box-shadow:0 10px 35px #0004}.header-inner{height:80px;display:flex;align-items:center;justify-content:space-between;gap:34px}.brand{display:inline-flex;align-items:center;gap:12px;white-space:nowrap;font-size:1.55rem;font-weight:830;line-height:1}.brand b{color:var(--mint)}.brand-symbol{position:relative;display:inline-flex;align-items:end;gap:3px;width:35px;height:30px;transform:skewX(-11deg)}.brand-symbol span{display:block;width:8px;border-radius:2px 2px 0 0;background:var(--mint);transform:rotate(19deg)}.brand-symbol span:nth-child(1){height:20px}.brand-symbol span:nth-child(2){height:29px;background:#b4f6e7}.brand-symbol span:nth-child(3){height:14px;background:var(--copper)}nav{display:flex;align-items:center;gap:31px;font-size:.9rem;font-weight:530}nav a{color:#dce9ec;transition:color .25s}nav a:hover,nav a.active{color:var(--mint)}.header-contact{display:inline-flex;align-items:center;gap:11px;padding:10px 18px;border:1px solid #63e6d274;border-radius:10px;color:var(--mint);font-weight:650;font-size:.86rem;white-space:nowrap;transition:background .25s,transform .25s}.header-contact:hover{background:#5ce0ca18;transform:translateY(-2px)}.header-contact .icon{width:17px;height:17px;transform:rotate(180deg)}.menu-button{display:none}
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:1070px;padding:174px 0 98px;background:radial-gradient(ellipse 55% 25% at 50% 20%,#17445a35,transparent 75%),linear-gradient(180deg,#06121d 0%,#071823 76%,#0b1e2a 100%)}.stars{position:absolute;inset:0;width:100%;height:100%;z-index:-1;opacity:.65;pointer-events:none}.hero-halo{position:absolute;width:760px;height:760px;left:50%;top:-160px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,#1fa89211 0%,#16475812 38%,transparent 68%);filter:blur(8px);z-index:-1;pointer-events:none}.hero-text{text-align:center;max-width:910px;margin-inline:auto}.eyebrow,.section-index{display:inline-flex;align-items:center;gap:11px;color:var(--mint);font-size:.87rem;font-weight:650;letter-spacing:.01em}.eyebrow-line{display:inline-block;width:30px;height:1px;background:var(--mint)}.hero h1{font-size:clamp(3.6rem,6.7vw,6.4rem);letter-spacing:-.045em;line-height:1.42;margin-top:24px;text-shadow:0 8px 50px #0004}.hero h1 span{background:linear-gradient(125deg,#d4fff5 0%,#5ce0ca 52%,#1dbda5 100%);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none}.hero-text>p{font-size:1.14rem;line-height:2.08;max-width:740px;margin:24px auto 0;color:#bed1d8}.hero-actions,.contact-actions{display:flex;align-items:center;justify-content:center;gap:13px;flex-wrap:wrap;margin-top:33px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:11px 26px;border-radius:10px;font-size:.96rem;font-weight:700;line-height:1.5;transition:transform .3s,background .3s,box-shadow .3s,border-color .3s;text-align:center}.button:hover{transform:translateY(-3px)}.button.primary{color:#032024;background:linear-gradient(120deg,#85efd9,#34d4bc);box-shadow:0 12px 37px #11c7b12d}.button.primary:hover{box-shadow:0 15px 42px #31ebc954;background:linear-gradient(120deg,#c0fff0,#57e7cf)}.button.quiet{border:1px solid #5c7c8992;color:#eaf7f7;background:#ffffff08}.button.quiet:hover{background:#ffffff14;border-color:#81cabb}.button .icon{width:17px;height:17px;transform:rotate(180deg)}
.gate-shell{position:relative;max-width:1120px;margin:69px auto 0;border:1px solid #4b758271;border-radius:25px;background:#0a1a27;box-shadow:0 38px 110px #0008,0 0 80px #2fb99a11;overflow:hidden}.gate-shell::before{content:"";position:absolute;inset:-1px;z-index:-1;border-radius:25px;background:radial-gradient(circle at 50% 0%,#6cffe440,transparent 42%)}.gate-toolbar{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #405a6673;color:#adc2c8;font-size:.82rem}.gate-name{display:flex;align-items:center;gap:7px}.gate-name b{color:#edf7f7;font-weight:700}.gate-beacon{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 14px var(--mint);margin-left:5px}.demo-label{border:1px solid #7b929a61;padding:2px 10px;border-radius:100px;color:#a3bac2;font-size:.77rem}.gate-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.82fr);min-height:424px}.gate-map{position:relative;overflow:hidden;min-height:424px;background:#172d3c}.gate-map>img{position:absolute;inset:0;width:100%;height:100%;object-position:52% 50%;filter:saturate(.52) brightness(.62)}.map-veil{position:absolute;inset:0;background:linear-gradient(90deg,#0c202d9b,#0c202d3e 55%,#0b253298),linear-gradient(0deg,#102b39ba,transparent 35%);box-shadow:inset 0 0 80px #0a1e2c99}.gate-map::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 50%,#81e2d90b 50%);background-size:100% 4px;opacity:.4}.map-coordinate{position:absolute;top:18px;right:22px;z-index:2;color:#d2e5e9;font:600 .78rem/1.3 Arial,sans-serif;letter-spacing:.12em}.map-boundary{position:absolute;inset:3% 1%;height:94%;width:98%;overflow:visible}.map-boundary path{fill:none;stroke-linejoin:round}.outer-boundary{stroke:#54e3d096;stroke-width:9;opacity:.16;filter:blur(10px)}.inner-boundary{stroke:#6cf5d9;stroke-width:2.7;stroke-dasharray:10 8;filter:drop-shadow(0 0 7px #69ffe9);animation:boundary-flow 18s linear infinite}.map-pin{position:absolute;left:14%;top:78%;z-index:3;display:grid;place-items:center;width:43px;height:43px;border:2px solid #f2a973;background:#18303d;border-radius:50%;color:var(--copper);box-shadow:0 0 0 8px #efaa7321,0 0 35px #efaa7380;transition:left .85s var(--ease),top .85s var(--ease),border-color .5s,color .5s,box-shadow .5s}.map-pin .icon{width:25px;height:25px;stroke-width:2.3}.map-crosshair{position:absolute;left:14%;top:78%;width:140px;height:140px;border:1px solid #efa67080;border-radius:50%;transform:translate(-35%,-35%);z-index:2;opacity:.4;transition:left .85s var(--ease),top .85s var(--ease),border-color .5s}.map-crosshair::before,.map-crosshair::after{content:"";position:absolute;inset:23px;border:1px solid currentColor;border-radius:50%;color:#f2b27b}.map-crosshair::after{inset:50px}.map-maplabel{position:absolute;z-index:2;bottom:24px;right:25px;border:1px solid #7ff5df82;color:#d2fff2;background:#061a25b5;padding:3px 13px;border-radius:99px;font-size:.77rem}.map-scale{position:absolute;z-index:2;bottom:25px;left:22px;display:flex;align-items:end;gap:8px;color:#e3eef0;font-size:.7rem}.map-scale>span{width:55px;border-bottom:2px solid #e3eef0;position:relative;height:8px}.map-scale>span::before,.map-scale>span::after{content:"";position:absolute;bottom:0;height:8px;border-left:2px solid #e3eef0;left:0}.map-scale>span::after{left:auto;right:0}.gate-shell.is-inside .map-pin{left:53%;top:45%;border-color:var(--mint);color:var(--mint);box-shadow:0 0 0 9px #5ce0ca1c,0 0 39px #41e9c99b}.gate-shell.is-inside .map-crosshair{left:53%;top:45%;border-color:#5ce0ca9a}.gate-shell.is-inside .map-crosshair::before,.gate-shell.is-inside .map-crosshair::after{color:#5ce0ca}
.access-panel{padding:25px 29px 20px;background:linear-gradient(160deg,#102b39,#0b1b29);border-right:1px solid #45616c55;display:flex;flex-direction:column;align-items:flex-start}.access-top{width:100%;display:flex;justify-content:space-between;align-items:center;color:#8faeba;font-size:.82rem}.live-pulse{width:8px;height:8px;background:var(--copper);border-radius:50%;box-shadow:0 0 0 6px #efaa7318;transition:background .4s}.access-symbol{display:grid;place-items:center;width:57px;height:57px;border-radius:17px;background:#efaa731c;color:var(--copper);margin-top:25px;border:1px solid #efaa7347;transition:background .4s,color .4s,transform .4s}.access-symbol .icon{width:29px;height:29px}.access-panel h2{font-size:1.62rem;margin-top:14px}.access-panel p{font-size:.89rem;line-height:1.9;min-height:74px;margin:8px 0 0}.access-form{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;border:1px solid #52616c79;border-radius:11px;background:#0617237a;color:#bacad0;padding:10px 13px;margin-top:auto}.access-form>div{min-width:0}.access-form strong,.access-form small{display:block;line-height:1.65}.access-form strong{font-size:.86rem;color:#d3e0e3}.access-form small{font-size:.76rem}.access-form>.icon{width:22px;height:22px}.form-mini-lock{margin-right:auto;color:var(--copper);font-size:.76rem}.demo-controls{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100%;border:1px solid #334b56;background:#071722;border-radius:12px;padding:5px;margin-top:16px}.demo-controls button{border:0;border-radius:8px;background:transparent;color:#b4c7cf;padding:7px 5px;font-size:.78rem;font-weight:600;min-height:38px;transition:background .3s,color .3s}.demo-controls button.selected{background:#25424d;color:#fff;box-shadow:0 3px 10px #0004}.gate-shell.is-inside .live-pulse{background:var(--mint);box-shadow:0 0 0 6px #5ce0ca19}.gate-shell.is-inside .access-symbol{background:#5ce0ca21;color:var(--mint);border-color:#5ce0ca75;transform:scale(1.04)}.gate-shell.is-inside .form-mini-lock{color:var(--mint)}.gate-shell.is-inside .access-form{border-color:#5ce0ca80;background:#0b302f8a}.gate-caption{display:flex;align-items:center;gap:8px;padding:11px 24px;border-top:1px solid #3c576267;color:#99b1ba;background:#0a1d2a;font-size:.78rem}.gate-caption .icon{width:17px;height:17px;color:var(--mint)}.hero-tail{display:flex;justify-content:center;align-items:center;gap:18px;color:#7f9da8;font-size:.82rem;margin-top:30px}.hero-tail i{width:3px;height:3px;background:var(--mint);border-radius:50%}.scroll-hint{position:absolute;left:50%;bottom:24px;display:block;width:24px;height:34px;border:1px solid #8eb9bd75;border-radius:15px;transform:translateX(-50%)}.scroll-hint span{display:block;width:3px;height:7px;background:var(--mint);margin:7px auto;border-radius:5px;animation:scroll-nudge 2s ease-in-out infinite}
.photo-story{padding:90px 0 0;background:#0b1e2a}.story-frame{position:relative;min-height:560px;border:1px solid #37515b;border-radius:26px;overflow:hidden;box-shadow:0 27px 70px #0005}.story-frame>img,.story-shade{position:absolute;inset:0;width:100%;height:100%}.story-frame>img{object-position:40% 50%;transition:transform 1.4s var(--ease)}.story-frame:hover>img{transform:scale(1.045)}.story-shade{background:linear-gradient(270deg,#061624f2 4%,#061624ba 37%,#0616241c 82%),linear-gradient(0deg,#0616249b,transparent 36%)}.story-content{position:relative;z-index:2;max-width:560px;padding:105px 58px}.story-content .section-index{color:#b4f6e7}.story-content h2{font-size:clamp(2.65rem,4.2vw,4.7rem);line-height:1.43;margin-top:15px}.story-content p{font-size:1.07rem;color:#d5e4e6;margin-top:19px;line-height:2.08}.story-pill{display:inline-flex;align-items:center;gap:9px;margin-top:27px;padding:9px 14px;border:1px solid #82ecd081;border-radius:100px;background:#0e2831bc;color:#c9ffeb;font-size:.82rem}.story-pill .icon{width:18px;height:18px}.presence-points{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:42px;border-top:1px solid #284453;border-bottom:1px solid #284453;background:#284453}.point{background:#0b1e2a;padding:27px 38px 32px}.point>span{color:var(--mint);font:600 .8rem Arial,sans-serif;letter-spacing:.14em}.point h3{font-size:1.1rem;margin-top:12px}.point p{font-size:.9rem;margin-top:5px}
.section{padding:126px 0}.section-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.section-copy h2,.section-lead h2,.offline-copy h2,.management-copy h2,.faq-section h2,.contact-section h2{font-size:clamp(2.35rem,3.7vw,4.05rem);line-height:1.56;letter-spacing:-.025em;margin-top:13px}.section h2 em,.faq-section h2 em,.contact-section h2 em{color:var(--mint);font-style:normal}.section-copy>p,.section-lead>p,.offline-copy>p,.management-copy>p{font-size:1.05rem;line-height:2.08;margin-top:19px}.plain-list{list-style:none;padding:0;margin:25px 0 0;display:grid;gap:15px}.plain-list li{display:flex;align-items:flex-start;gap:10px;color:#cbdce0;font-size:.94rem}.plain-list .icon{width:18px;height:18px;color:var(--mint);margin-top:5px}.source-note{border-right:2px solid var(--copper);padding:7px 15px 7px 0;font-size:.82rem!important;line-height:1.85!important;color:#8ea8b2!important;margin-top:29px!important}
.cadastre-section{background:#071722}.cadastre-visual{position:relative;padding:32px 27px}.cadastre-visual::before{content:"";position:absolute;width:430px;height:430px;inset:50% auto auto 50%;transform:translate(-50%,-50%);background:radial-gradient(circle,#20bfaa23,transparent 70%);filter:blur(28px)}.data-window,.management-window{position:relative;border:1px solid #40616b;border-radius:19px;background:#102635;box-shadow:0 28px 70px #0007;overflow:hidden}.data-head{display:flex;justify-content:space-between;align-items:center;min-height:55px;padding:12px 21px;border-bottom:1px solid #2b4856;color:#d9e9e9;font-size:.86rem}.data-head>span{display:flex;align-items:center;gap:10px}.data-head .icon{width:18px;height:18px;color:var(--mint)}.data-head small{font-size:.75rem;color:#829da9}.data-window-dots{display:flex;gap:6px}.data-window-dots i{width:6px;height:6px;border-radius:50%;background:#3b6571}.data-window-dots i:first-child{background:var(--mint)}.data-map{position:relative;height:282px;overflow:hidden;background:radial-gradient(circle at 50% 50%,#183f4d,#0c2332 75%)}.data-map-lines{position:absolute;inset:0;opacity:.27;background-image:linear-gradient(#63b3b52e 1px,transparent 1px),linear-gradient(90deg,#63b3b52e 1px,transparent 1px);background-size:38px 38px}.data-map svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#608491;stroke-width:1.3}.data-map svg .highlight{fill:#40d6bd2b;stroke:var(--mint);stroke-width:2.5;filter:drop-shadow(0 0 6px #54e9ca)}.data-pin{position:absolute;left:37%;top:49%;width:13px;height:13px;border:3px solid #fff;border-radius:50%;background:var(--mint);box-shadow:0 0 0 7px #5ce0ca40,0 0 20px var(--mint)}.data-map-badge{position:absolute;bottom:14px;right:18px;border:1px solid #7bd6c38a;border-radius:50px;background:#0a2633c9;color:#d5fbed;padding:3px 12px;font-size:.75rem}.record{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 22px;border-top:1px solid #23424f;font-size:.82rem;color:#a7bdc6}.record strong{font-weight:650;color:#e7f4f3;text-align:left}.record strong.mint{color:var(--mint)}.floating-chip{position:absolute;display:flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid #538f90;border-radius:9px;background:#173844ef;color:#d7f5ed;box-shadow:0 15px 32px #0005;font-size:.8rem;animation:float 5s ease-in-out infinite}.floating-chip .icon{width:16px;height:16px;color:var(--mint)}.chip-one{top:10px;left:-22px}.chip-two{bottom:10px;right:-15px;animation-delay:-2s}
.forms-section{background:linear-gradient(180deg,#0b1e2a,#0c202e)}.section-lead{max-width:760px;margin-bottom:41px}.section-lead>p{max-width:690px}.feature-grid{display:grid;grid-template-columns:1.34fr 1fr 1fr;gap:17px}.feature-card{position:relative;overflow:hidden;min-height:310px;padding:30px;border:1px solid #385463;border-radius:20px;background:#102736;transition:transform .35s,border-color .35s,box-shadow .35s}.feature-card:hover{transform:translateY(-6px);border-color:#56c9b6;box-shadow:0 18px 45px #0003}.feature-card h3{font-size:1.21rem;margin-top:21px}.feature-card p{font-size:.94rem;margin-top:9px;line-height:1.95}.feature-card.feature-large{padding:0;display:flex;flex-direction:column;justify-content:end;background:linear-gradient(145deg,#163f4b,#0c2c39)}.feature-large::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 28% 0%,#65ffce27,transparent 52%)}.card-copy{position:relative;z-index:2;padding:0 30px 29px}.card-copy>span{font-size:.79rem;color:var(--mint)}.card-copy h3{margin-top:4px}.card-copy p{margin-top:5px}.feature-icon{display:grid;place-items:center;width:55px;height:55px;border:1px solid #4bd7bb88;border-radius:14px;background:#5ce0ca17;color:var(--mint)}.feature-icon .icon{width:28px;height:28px}.card-art{position:relative;width:200px;height:122px;border:1px solid #80d8c490;border-radius:13px;background:#0c2632bd;margin:20px auto 12px;box-shadow:0 8px 20px #0004;transform:rotate(-6deg)}.art-form-title{height:28px;border-bottom:1px solid #487a7f;display:flex;gap:4px;align-items:center;padding:0 10px}.art-form-title i{display:block;width:6px;height:6px;border-radius:50%;background:#4aab9c}.art-form-row{height:22px;display:flex;justify-content:space-between;align-items:center;padding:0 14px}.art-form-row span{width:47px;height:4px;background:#4a7880;border-radius:4px}.art-form-row b{width:62px;height:8px;border:1px solid #527b80;border-radius:3px}.art-form-row.active b{background:#37cdb363;border-color:#70ead4}.art-form-upload{display:flex;gap:6px;padding:4px 14px}.art-form-upload i{width:20px;height:14px;border:1px solid #7ce5d6;border-radius:3px;background:#2e877c44}.form-art::after{content:"";position:absolute;width:77px;height:87px;top:-15px;left:-48px;border:1px solid #8ee8cf9e;border-radius:10px;background:linear-gradient(150deg,#124958,#0b2636);transform:rotate(13deg);box-shadow:0 10px 20px #0004}
.offline-section{background:#071722}.offline-layout{display:grid;grid-template-columns:1.06fr .94fr;gap:100px;align-items:center}.offline-copy>p{max-width:580px}.offline-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px}.offline-steps>div{border-top:1px solid #436273;padding-top:15px}.offline-steps span{color:var(--mint);font:600 .85rem Arial,sans-serif;display:block;margin-bottom:11px}.offline-steps b,.offline-steps small{display:block}.offline-steps b{font-size:.93rem}.offline-steps small{color:#90a9b3;font-size:.8rem}.fine-note{color:#809ba6!important;border-right:2px solid #638a94;padding-right:14px;font-size:.82rem!important;line-height:1.9!important;margin-top:26px!important}.offline-visual{position:relative;min-height:575px;display:flex;flex-direction:column;align-items:center;justify-content:center}.offline-visual::before{content:"";position:absolute;width:440px;height:440px;border:1px solid #27716665;border-radius:50%;box-shadow:0 0 0 65px #1c807322,0 0 0 132px #1c80730b;transform:rotate(-17deg)}.phone{position:relative;width:295px;height:497px;padding:11px;border:4px solid #56737b;border-radius:38px;background:#0c2531;box-shadow:0 32px 75px #0009,0 0 40px #39d0b41d;transform:rotate(-3deg);transition:transform .4s}.phone:hover{transform:rotate(0deg) translateY(-5px)}.phone::before{content:"";position:absolute;top:9px;left:50%;transform:translateX(-50%);width:80px;height:15px;border-radius:0 0 13px 13px;background:#06121d;z-index:2}.phone-top{height:63px;padding:21px 14px 5px;display:flex;align-items:center;justify-content:space-between;color:#e2faf3;font-weight:750;font-size:.88rem}.phone-top span:last-child{font-size:.7rem;color:#7faab2;font-weight:500}.phone-inner{padding:15px;background:#edf8f6;height:calc(100% - 89px);border-radius:6px 6px 23px 23px;color:#102b35}.phone-badge{display:flex;align-items:center;gap:8px;background:#fff1e7;color:#ac5b33;padding:7px 11px;border-radius:8px;font-weight:700;font-size:.77rem}.phone-badge .icon{width:16px;height:16px}.phone-form{background:#fff;border:1px solid #d5e3e3;border-radius:11px;padding:16px;margin-top:16px;min-height:209px}.phone-form small,.phone-form strong{display:block}.phone-form small{color:#738f98;font-size:.72rem}.phone-form strong{font-size:1.02rem;margin-top:7px}.phone-line{height:11px;border-radius:4px;background:#e4eeee;margin-top:16px;width:100%}.phone-line.short{width:68%;margin-top:10px}.phone-attachments{display:flex;gap:7px;margin-top:22px}.phone-attachments span{width:38px;height:37px;border:1px solid #bfe0dc;border-radius:7px;background:#e7f7f3;display:grid;place-items:center;color:#79bcb1}.phone-saved{display:flex;align-items:center;gap:7px;color:#0f8a75;font-size:.75rem;font-weight:680;margin-top:16px}.phone-saved .icon{width:16px;height:16px}.phone-home{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);height:4px;width:90px;border-radius:9px;background:#91b4b7}.offline-switch{position:absolute;bottom:7px;left:5px;z-index:2;display:flex;align-items:center;gap:10px;padding:10px 13px;border:1px solid #537582;border-radius:12px;background:#102a37;box-shadow:0 15px 45px #0006;font-size:.76rem}.offline-switch small{font-size:.72rem;color:#9eb7be}.offline-switch button{border:1px solid #586f78;width:42px;height:24px;border-radius:100px;background:#425c67;padding:3px;direction:ltr}.offline-switch button>span{display:block;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .3s}.offline-switch button[aria-checked=true]{background:var(--mint2);border-color:var(--mint2)}.offline-switch button[aria-checked=true]>span{transform:translateX(17px)}.offline-visual.is-online .phone-badge{background:#e1f7ed;color:#0c8a6e}
.management-section{background:#0b1e2a}.management-layout{display:grid;grid-template-columns:1fr 1fr;gap:96px;align-items:center}.management-window{padding-bottom:24px;transform:perspective(1000px) rotateY(3deg);transition:transform .5s}.management-window:hover{transform:none}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:20px;background:#2f4b56;border:1px solid #2f4b56;border-radius:12px;overflow:hidden}.metric-row>div{background:#122e3d;padding:16px}.metric-row small{display:block;font-size:.73rem;color:#97b0b9}.metric-row b{font-size:1.8rem;color:#d9fcf2;font-variant-numeric:tabular-nums}.management-chart{margin:0 20px;border:1px solid #33505d;border-radius:12px;background:#0b2331;padding:15px 20px}.chart-title,.chart-base{display:flex;justify-content:space-between;align-items:center;gap:15px}.chart-title b{font-size:.84rem}.chart-title small,.chart-base span{color:#7ea0ac;font-size:.72rem}.bars{height:170px;display:flex;align-items:end;gap:14px;margin-top:16px;border-bottom:1px solid #52707b;background:repeating-linear-gradient(to top,transparent 0,transparent 41px,#395b662b 42px)}.bars i{display:block;flex:1;height:var(--h);min-width:12px;border-radius:6px 6px 0 0;background:linear-gradient(0deg,#147d80,#56ddbe);box-shadow:0 0 16px #4be3c326;transform-origin:bottom;animation:bars-grow 1s var(--ease) both}.bars i:nth-child(2){animation-delay:.08s}.bars i:nth-child(3){animation-delay:.16s}.bars i:nth-child(4){animation-delay:.24s}.bars i:nth-child(5){animation-delay:.32s}.bars i:nth-child(6){animation-delay:.4s}.bars i:nth-child(7){animation-delay:.48s}.bars i:nth-child(8){animation-delay:.56s}.chart-base{margin-top:11px}.management-copy .plain-list{margin-top:24px}
.faq-section{padding:100px 0;background:#071722;border-top:1px solid #294958}.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:110px}.faq-list{border-top:1px solid #2e4d59}.faq-list details{border-bottom:1px solid #2e4d59}.faq-list summary{list-style:none;cursor:pointer;font-weight:700;padding:20px 28px 20px 5px;position:relative;font-size:1rem}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:"+";position:absolute;left:4px;top:15px;font-size:1.4rem;color:var(--mint);font-family:Arial,sans-serif;font-weight:300;transition:transform .25s}.faq-list details[open] summary::after{transform:rotate(45deg)}.faq-list details p{padding:0 0 22px;line-height:2;font-size:.94rem}
.contact-section{position:relative;overflow:hidden;padding:110px 0;background:radial-gradient(circle at 50% 110%,#138f8060,transparent 48%),#0b1e2a;text-align:center}.contact-inner{position:relative}.contact-section h2{font-size:clamp(2.8rem,5vw,5.2rem);line-height:1.43}.contact-section p{font-size:1.07rem;max-width:620px;margin:18px auto 0;line-height:2}.contact-actions{margin-top:32px}.contact-grid{position:absolute;inset:-70px -200px;z-index:-1;opacity:.12;background-image:linear-gradient(#51d8c7 1px,transparent 1px),linear-gradient(90deg,#51d8c7 1px,transparent 1px);background-size:74px 74px;mask-image:linear-gradient(transparent,#000 90%)}footer{border-top:1px solid #35515d;background:#06121d}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:113px}.footer-inner>span{color:#86a0aa;font-size:.82rem}.footer-inner>div{display:flex;gap:24px;font-size:.83rem;color:#b1c5cc}.footer-inner a:hover{color:var(--mint)}.motion-toggle{position:fixed;z-index:90;bottom:16px;left:16px;display:flex;align-items:center;gap:6px;border:1px solid #5b8990;background:#102c39e8;backdrop-filter:blur(10px);color:#deeeef;border-radius:99px;padding:7px 12px;box-shadow:0 7px 22px #0005;font-size:.82rem}.motion-toggle small{font-size:.75rem}.motion-toggle:hover{border-color:var(--mint)}
.js-motion .reveal{opacity:0;transform:translateY(30px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.js-motion .reveal.is-visible{opacity:1;transform:none}.js-motion .management-window.reveal.is-visible{transform:perspective(1000px) rotateY(3deg)}.js-motion .management-window.reveal.is-visible:hover{transform:none}
@keyframes boundary-flow{to{stroke-dashoffset:-300}}@keyframes float{50%{transform:translateY(-9px)}}@keyframes scroll-nudge{50%{transform:translateY(8px)}}@keyframes bars-grow{from{transform:scaleY(.1);opacity:.4}to{transform:scaleY(1);opacity:1}}
@media(max-width:1100px){.header-inner{gap:22px}nav{gap:18px;font-size:.81rem}.header-contact{padding:9px 12px}.section-grid,.management-layout{gap:45px}.offline-layout{gap:45px}.faq-layout{gap:55px}}
@media(max-width:820px){.container{width:min(100% - 42px,680px)}.header-inner{height:72px}.brand{font-size:1.36rem}.header-contact{margin-right:auto}.menu-button{display:grid;place-content:center;gap:6px;background:transparent;border:1px solid #55717b;border-radius:9px;width:41px;height:40px;color:#e3f1f1}.menu-button span{display:block;width:17px;height:2px;border-radius:2px;background:currentColor}.site-header nav{position:absolute;top:72px;right:0;left:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:9px 21px 18px;background:#071824f8;border-bottom:1px solid #456772;box-shadow:0 18px 40px #0005}.site-header.menu-open nav{display:flex}.site-header nav a{padding:10px 4px}.hero{padding-top:148px;min-height:0}.hero h1{font-size:clamp(3.1rem,9vw,5.1rem)}.hero-text>p{font-size:1.03rem}.gate-shell{margin-top:55px}.gate-grid{grid-template-columns:1fr}.gate-map{min-height:330px}.access-panel{border-right:0;border-top:1px solid #45616c55;display:grid;grid-template-columns:70px 1fr;column-gap:14px;align-items:center;padding:18px}.access-top{grid-column:1/-1}.access-symbol{grid-column:1;grid-row:2/4;margin-top:12px}.access-panel h2{grid-column:2;grid-row:2;margin-top:7px}.access-panel p{grid-column:2;grid-row:3;min-height:0;margin:0}.access-form,.demo-controls{grid-column:1/-1;margin-top:14px}.hero-tail{margin-top:24px}.photo-story{padding-top:60px}.story-frame{min-height:540px}.story-content{padding:75px 35px}.presence-points{gap:0}.point{padding:24px 18px}.section{padding:90px 0}.section-grid,.offline-layout,.management-layout{grid-template-columns:1fr;gap:38px}.cadastre-visual{max-width:570px;width:100%;margin:auto}.feature-grid{grid-template-columns:1fr 1fr}.feature-large{grid-column:1/-1;min-height:340px}.feature-large .card-art{margin-top:30px}.offline-visual{min-height:560px}.management-window{order:2}.management-copy{order:1}.faq-layout{grid-template-columns:1fr;gap:25px}.faq-section{padding:85px 0}.footer-inner{flex-wrap:wrap;padding:27px 0;min-height:0}.footer-inner>span{order:3;width:100%}}
@media(max-width:560px){.container{width:calc(100% - 32px)}.header-inner{gap:10px}.header-contact{font-size:.75rem;padding:7px 9px;gap:3px;min-height:38px}.header-contact .icon{display:none}.brand{font-size:1.13rem;gap:7px}.brand-symbol{transform:scale(.75) skewX(-11deg);transform-origin:right;width:27px}.menu-button{width:38px;height:38px}.hero{padding:132px 0 76px}.eyebrow,.section-index{font-size:.78rem}.hero h1{font-size:clamp(2.67rem,10.6vw,3.65rem);margin-top:18px;line-height:1.5}.hero-text>p{font-size:.95rem;line-height:1.96;margin-top:17px}.hero-actions{gap:9px;margin-top:24px}.button{font-size:.82rem;min-height:49px;padding:10px 15px}.hero-actions .button{flex:1 1 48%}.gate-shell{border-radius:16px;margin-top:43px}.gate-toolbar{padding-inline:13px;font-size:.75rem}.gate-name{gap:4px}.gate-map{min-height:275px}.map-coordinate{font-size:.65rem;top:13px;right:12px}.map-maplabel{right:10px;bottom:13px;font-size:.7rem}.map-scale{left:12px;bottom:15px}.map-scale small{display:none}.map-pin{width:34px;height:34px}.map-pin .icon{width:20px;height:20px}.map-crosshair{width:110px;height:110px}.access-panel{padding:15px;grid-template-columns:54px 1fr;gap:7px}.access-symbol{width:46px;height:46px;border-radius:12px}.access-symbol .icon{width:22px;height:22px}.access-panel h2{font-size:1.25rem}.access-panel p{font-size:.78rem;line-height:1.7}.gate-caption{font-size:.72rem;padding:10px 13px}.gate-caption .icon{display:none}.hero-tail{gap:8px;font-size:.67rem;flex-wrap:wrap}.scroll-hint{display:none}.photo-story{padding-top:38px}.story-frame{min-height:540px;border-radius:16px}.story-frame>img{object-position:32% 50%}.story-shade{background:linear-gradient(0deg,#061624ef,#0616244d 80%),linear-gradient(270deg,#0616248c,transparent)}.story-content{padding:200px 22px 30px;max-width:none}.story-content h2{font-size:2.6rem}.story-content p{font-size:.96rem}.story-pill{font-size:.73rem}.presence-points{grid-template-columns:1fr;gap:1px;margin-top:25px}.point{padding:17px 7px}.point h3{margin-top:3px}.point p{font-size:.84rem}.section{padding:75px 0}.section-copy h2,.section-lead h2,.offline-copy h2,.management-copy h2,.faq-section h2{font-size:2.18rem}.section-copy>p,.section-lead>p,.offline-copy>p,.management-copy>p{font-size:.94rem}.plain-list li{font-size:.86rem}.cadastre-visual{padding:17px 5px}.floating-chip{font-size:.7rem;padding:5px 7px}.chip-one{left:-7px}.chip-two{right:-7px}.data-map{height:224px}.record{font-size:.72rem;padding:11px 12px}.feature-grid{grid-template-columns:1fr}.feature-large{grid-column:auto}.feature-card{min-height:220px;padding:25px}.feature-card.feature-large{min-height:330px}.feature-card h3{margin-top:13px}.offline-steps{gap:8px}.offline-steps b{font-size:.78rem}.offline-steps small{font-size:.7rem}.offline-visual{min-height:552px}.offline-switch{left:0;bottom:0}.management-window{transform:none}.metric-row{margin:12px}.metric-row>div{padding:10px 6px}.metric-row small{font-size:.67rem}.metric-row b{font-size:1.48rem}.management-chart{margin:0 12px;padding:12px}.bars{gap:8px}.chart-base span{font-size:.65rem}.faq-section{padding:72px 0}.faq-list summary{font-size:.9rem;padding:18px 0 18px 23px}.faq-list details p{font-size:.86rem}.contact-section{padding:85px 0}.contact-section h2{font-size:2.7rem}.contact-section p{font-size:.95rem}.contact-actions{flex-direction:column;align-items:stretch}.footer-inner{justify-content:space-between}.footer-inner>div{gap:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.js-motion .reveal{opacity:1;transform:none}.js-motion .management-window.reveal.is-visible{transform:none}}.motion-off{scroll-behavior:auto}.motion-off *,.motion-off *::before,.motion-off *::after{animation-play-state:paused!important;transition:none!important}.motion-off .reveal{opacity:1!important;transform:none!important}.motion-off .management-window{transform:none!important}
.tool-section{padding:92px 0 105px;background:#0b1e2a;border-top:1px solid #2d4c58}.tool-section .section-lead{max-width:760px}.tool-section h2{font-size:clamp(2.25rem,3.5vw,3.65rem);line-height:1.5;margin-top:13px}.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.tool-card{border:1px solid #36535e;border-radius:17px;padding:25px;background:#102735;min-height:210px;transition:transform .3s,border-color .3s}.tool-card:hover{transform:translateY(-5px);border-color:#5ce0ca}.tool-card>.icon{width:27px;height:27px;color:var(--mint)}.tool-card h3{font-size:1.1rem;margin-top:24px}.tool-card p{font-size:.88rem;line-height:1.9;margin-top:7px}
@media(max-width:820px){.tool-grid{grid-template-columns:repeat(2,1fr)}.tool-section{padding:75px 0}}
@media(max-width:560px){.tool-grid{grid-template-columns:1fr}.tool-card{min-height:0}.tool-card h3{margin-top:12px}.tool-section h2{font-size:2.15rem}}
@media(min-width:821px){.hero{padding-top:124px}.hero h1{font-size:clamp(3.45rem,5.45vw,5.15rem);line-height:1.34;margin-top:16px}.hero-text>p{font-size:1.07rem;line-height:1.87;margin-top:12px}.hero-actions{margin-top:22px}.gate-shell{margin-top:37px}}
@media(min-width:561px) and (max-width:820px){.hero{padding-top:126px}.hero h1{line-height:1.35;margin-top:17px}.hero-text>p{margin-top:13px}.hero-actions{margin-top:22px}.gate-shell{margin-top:36px}}

/* Product walkthrough motion */
.gate-shell{box-shadow:0 38px 110px #0008,0 0 92px #2fb99a1d}
.gate-map{isolation:isolate}
.gate-map::before{content:"";position:absolute;z-index:2;inset:-35% auto -35% -25%;width:25%;background:linear-gradient(90deg,transparent,#6debd022,transparent);transform:skewX(-22deg);pointer-events:none;opacity:0}
.gate-shell.is-playing .gate-map::before{opacity:1;animation:map-scan 4.7s linear infinite}
.map-status-banner{position:absolute;z-index:4;left:22px;top:20px;display:flex;align-items:center;gap:8px;max-width:calc(100% - 40px);border:1px solid #f1af7a89;border-radius:10px;background:#1e2830ed;color:#ffe4d0;box-shadow:0 11px 28px #0008,0 0 21px #f2a66e2b;padding:9px 12px;font-size:.83rem;font-weight:750;transition:background .5s,border-color .5s,color .5s,box-shadow .5s}
.map-status-banner .icon{width:19px;height:19px}
.gate-shell.is-inside .map-status-banner{background:#113e3bf0;color:#d8fff4;border-color:#75eac9;box-shadow:0 11px 28px #0006,0 0 25px #48e3c26b}
.map-status-banner.status-pop{animation:status-pop .65s var(--ease)}
.gate-shell .inner-boundary{stroke:#efaa73;transition:stroke .55s,stroke-width .55s,filter .55s}
.gate-shell .outer-boundary{fill:#efaa7311;transition:fill .65s,stroke .65s}
.gate-shell.is-inside .inner-boundary{stroke:#79ffe1;stroke-width:3.3;filter:drop-shadow(0 0 10px #54ffdb)}
.gate-shell.is-inside .outer-boundary{fill:#54eec329}
.map-pin{transition:left 1.35s var(--ease),top 1.35s var(--ease),border-color .6s,color .6s,box-shadow .6s}
.map-crosshair{transition:left 1.35s var(--ease),top 1.35s var(--ease),border-color .6s}
.form-preview{position:relative;width:100%;height:109px;overflow:hidden;margin-top:10px;border:1px solid #425e68;border-radius:10px;background:#d9ebe9;color:#103842;padding:6px 11px;transition:border-color .45s,box-shadow .45s}
.preview-field{display:flex;justify-content:space-between;align-items:center;gap:8px;height:25px;border-bottom:1px solid #b5d3d1;font-size:.68rem;filter:blur(2px);opacity:.65;transition:filter .55s,opacity .55s,transform .55s;transform:translateY(5px)}
.preview-field b{font-weight:700}
.preview-field:nth-child(2){transition-delay:.1s}
.preview-send{display:block;margin-top:7px;border-radius:5px;background:#138d7d;color:#eafff8;text-align:center;font-size:.66rem;padding:3px;filter:blur(2px);opacity:.6;transform:translateY(5px);transition:filter .55s,opacity .55s,transform .55s .2s}
.form-preview-cover{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:#0a2031df;color:#f7b584;font-size:.76rem;font-weight:750;backdrop-filter:blur(3px);transition:opacity .65s,transform .65s}
.form-preview-cover .icon{width:22px;height:22px}
.gate-shell.is-inside .form-preview{border-color:#5ce0ca;box-shadow:0 0 20px #5ce0ca25}
.gate-shell.is-inside .form-preview-cover{opacity:0;transform:translateY(-100%);pointer-events:none}
.gate-shell.is-inside .preview-field,.gate-shell.is-inside .preview-send{filter:none;opacity:1;transform:none}
.access-panel h2{font-size:1.35rem;line-height:1.42}
.access-panel p{min-height:57px}
.access-form{margin-top:10px}
.gate-shell.is-inside .access-form{animation:form-open .65s var(--ease)}
.demo-controls{margin-top:10px}
.photo-story.section-active .story-frame::after{content:"";position:absolute;z-index:1;inset:-25% auto -25% -20%;width:24%;background:linear-gradient(90deg,transparent,#6cffdb25,transparent);transform:skewX(-19deg);animation:story-sweep 7s linear infinite;pointer-events:none}
.presence-points .point{position:relative;overflow:hidden}
.presence-points .point::before{content:"";position:absolute;right:0;top:0;width:0;height:2px;background:var(--mint);box-shadow:0 0 17px #76ffdf;opacity:.85}
.photo-story.section-active .point::before{animation:point-progress 6s ease-in-out infinite}
.photo-story.section-active .point:nth-child(2)::before{animation-delay:2s}
.photo-story.section-active .point:nth-child(3)::before{animation-delay:4s}
.photo-story.section-active .point>span{animation:point-label 6s ease-in-out infinite}
.photo-story.section-active .point:nth-child(2)>span{animation-delay:2s}
.photo-story.section-active .point:nth-child(3)>span{animation-delay:4s}
.cadastre-flow{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:-45px;margin-bottom:99px;padding:25px;border:1px solid #365969;border-radius:17px;background:#102837}
.flow-line{position:absolute;top:57px;right:15%;left:15%;height:2px;background:#315962;overflow:hidden}
.flow-line span{display:block;width:0;height:100%;background:linear-gradient(90deg,#36d3bb,#a5ffdf);box-shadow:0 0 15px #7ff5d8;transition:width .65s var(--ease)}
.cadastre-flow[data-step="0"] .flow-line span{width:5%}.cadastre-flow[data-step="1"] .flow-line span{width:50%}.cadastre-flow[data-step="2"] .flow-line span{width:100%}
.flow-stage{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;color:#abc3c8;transition:color .45s,transform .45s}
.flow-stage>span{display:grid;place-items:center;width:56px;height:56px;border:1px solid #53717c;border-radius:50%;background:#132e3a;color:#a8c8c9;font-size:1.16rem;font-weight:750;transition:background .5s,border-color .5s,color .5s,box-shadow .5s,transform .5s}
.flow-stage b{font-size:.93rem;margin-top:10px}
.flow-stage small{font-size:.76rem;color:#85a6b0}
.cadastre-flow[data-step="0"] .flow-stage:nth-of-type(2),.cadastre-flow[data-step="1"] .flow-stage:nth-of-type(3),.cadastre-flow[data-step="2"] .flow-stage:nth-of-type(4){color:#eafff5;transform:translateY(-5px)}
.cadastre-flow[data-step="0"] .flow-stage:nth-of-type(2)>span,.cadastre-flow[data-step="1"] .flow-stage:nth-of-type(3)>span,.cadastre-flow[data-step="2"] .flow-stage:nth-of-type(4)>span{background:#176155;border-color:#8bf1d9;color:#fff;box-shadow:0 0 0 8px #47e2bb12,0 0 29px #47e2bb6e;transform:scale(1.05)}
.cadastre-section.section-active .data-map svg .highlight{stroke-dasharray:12 7;animation:boundary-flow 8s linear infinite}
.cadastre-section.section-active .data-pin{animation:data-pin-pulse 2s ease-in-out infinite}
.cadastre-flow .flow-stage:hover>span{transform:scale(1.08)}
.form-motion-demo{display:grid;grid-template-columns:210px 1fr;gap:0;border:1px solid #4a6f73;border-radius:18px;background:linear-gradient(125deg,#143d47,#0f2737);overflow:hidden;margin-bottom:17px;box-shadow:0 18px 50px #0003}
.form-demo-head{border-left:1px solid #4a6f73;padding:26px;display:flex;flex-direction:column;justify-content:space-between;color:#e2fbf1;font-weight:750}
.form-demo-head>span{display:flex;align-items:center;gap:11px}.form-demo-head .icon{color:var(--mint)}
.form-demo-head small{font-size:.75rem;color:#9cbdc3;font-weight:500}
.form-demo-content{display:grid;grid-template-columns:1fr .86fr;align-items:center;gap:20px;padding:20px 25px}
.form-demo-question b{display:block;font-size:.95rem;margin-bottom:12px}
.form-demo-options{display:flex;gap:7px;flex-wrap:wrap}
.form-demo-options button{border:1px solid #658390;border-radius:8px;background:#ffffff07;color:#c7dbdc;padding:7px 11px;font-size:.76rem;transition:background .3s,border-color .3s,color .3s,transform .3s}
.form-demo-options button.selected{color:#09262b;background:#77e8d2;border-color:#77e8d2;transform:translateY(-2px)}
.conditional-field{border-right:2px solid var(--copper);background:#efaa7317;padding:9px 12px;border-radius:8px;min-height:67px;opacity:.35;transform:translateY(8px) scale(.97);filter:blur(2px);transition:opacity .55s,transform .55s,filter .55s,border-color .55s}
.conditional-field>span{color:#ffd8b8;font-size:.73rem}.conditional-field>div{color:#e2eef0;font-size:.77rem;margin-top:2px}
.form-motion-demo.has-issue .conditional-field{opacity:1;transform:none;filter:none;border-color:var(--mint);box-shadow:0 8px 25px #16c0a726}
.form-demo-media{grid-column:1/-1;display:flex;align-items:center;gap:9px;border-top:1px solid #53707774;padding-top:11px;color:#a4c4c8;font-size:.79rem}
.form-demo-media .icon{width:18px;height:18px;color:var(--mint)}
.forms-section.section-active .form-motion-demo .form-demo-media .icon{animation:camera-pulse 3s ease-in-out infinite}
.sync-meter{height:5px;margin-top:10px;border-radius:8px;background:#bdd9d6;overflow:hidden}
.sync-meter span{display:block;width:0;height:100%;background:linear-gradient(90deg,#28a88d,#63e8bc);transition:width 1.35s var(--ease)}
.offline-visual.is-online .sync-meter span{width:100%}
.offline-section.section-active .phone{box-shadow:0 32px 75px #0009,0 0 65px #39d0b13b}
.offline-section.section-active .offline-steps>div{animation:offline-phase 7s ease-in-out infinite}
.offline-section.section-active .offline-steps>div:nth-child(2){animation-delay:2.3s}
.offline-section.section-active .offline-steps>div:nth-child(3){animation-delay:4.6s}
.management-section.section-active .dashboard-received{animation:report-toast 6s ease-in-out infinite}
.dashboard-received{display:flex;align-items:center;gap:8px;margin:11px 20px 0;padding:8px 12px;border:1px solid #5ddfc17d;border-radius:9px;background:#12645142;color:#d5fff1;font-size:.76rem;opacity:.55}
.dashboard-received .icon{width:17px;height:17px;color:var(--mint)}
html.enhanced .management-section:not(.section-active) .bars i{animation:none;transform:scaleY(.07);opacity:.25}
.tool-section.section-active .tool-card .icon{animation:tool-hover 3.6s ease-in-out infinite}
.tool-section.section-active .tool-card:nth-child(2) .icon{animation-delay:.7s}
.tool-section.section-active .tool-card:nth-child(3) .icon{animation-delay:1.4s}
.tool-section.section-active .tool-card:nth-child(4) .icon{animation-delay:2.1s}
.faq-list details[open] p{animation:detail-open .4s var(--ease)}
.contact-section.section-active .button.primary{background-size:200% 100%;animation:cta-light 5s ease-in-out infinite}
.contact-actions{max-width:1050px;margin-inline:auto}
.contact-actions .button{min-height:51px;padding-inline:19px}
@keyframes map-scan{from{left:-25%}to{left:125%}}
@keyframes status-pop{0%{transform:translateY(-12px) scale(.94);opacity:.45}75%{transform:translateY(2px) scale(1.02)}100%{transform:none;opacity:1}}
@keyframes form-open{from{transform:scale(.96);box-shadow:0 0 0 #5ce0ca00}to{transform:none;box-shadow:0 0 28px #5ce0ca26}}
@keyframes story-sweep{from{left:-24%}to{left:120%}}
@keyframes point-progress{0%,12%{width:0}25%,38%{width:100%}55%,100%{width:0}}
@keyframes point-label{0%,12%,55%,100%{color:var(--mint);text-shadow:none}26%,38%{color:#eafff5;text-shadow:0 0 15px #64ffcf}}
@keyframes data-pin-pulse{50%{box-shadow:0 0 0 13px #5ce0ca13,0 0 28px #5ce0ca}}
@keyframes camera-pulse{50%{transform:scale(1.2);color:#d5fff1}}
@keyframes offline-phase{0%,16%,55%,100%{border-color:#436273;color:var(--ink)}25%,39%{border-color:var(--mint);color:var(--mint)}}
@keyframes report-toast{0%,10%,75%,100%{opacity:.45;transform:translateY(8px)}25%,65%{opacity:1;transform:none;box-shadow:0 0 24px #38d3b934}}
@keyframes tool-hover{50%{transform:translateY(-8px);filter:drop-shadow(0 0 8px #72f8d9)}}
@keyframes detail-open{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}
@keyframes cta-light{50%{box-shadow:0 16px 50px #3cf8cd73}}
@media(max-width:820px){.form-motion-demo{grid-template-columns:1fr}.form-demo-head{border-left:0;border-bottom:1px solid #4a6f73;padding:14px 20px;flex-direction:row;align-items:center}.form-demo-content{padding:17px 20px}.cadastre-flow{margin-top:-22px;margin-bottom:65px}}
@media(max-width:560px){.map-status-banner{left:10px;top:52px;font-size:.7rem;padding:6px 8px}.map-status-banner .icon{width:16px;height:16px}.access-panel h2{font-size:1.16rem}.form-preview{height:103px}.cadastre-flow{padding:14px 7px;gap:4px}.flow-line{top:43px;right:16%;left:16%}.flow-stage>span{width:42px;height:42px;font-size:.9rem}.flow-stage b{font-size:.69rem;margin-top:8px}.flow-stage small{font-size:.62rem}.form-demo-content{grid-template-columns:1fr;gap:12px}.form-demo-media{grid-column:1}.form-demo-head small{font-size:.68rem}.contact-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){.gate-map::before,.photo-story .story-frame::after{display:none!important}html.enhanced .management-section:not(.section-active) .bars i{transform:none;opacity:1}.dashboard-received{opacity:1}}
.motion-off .gate-map::before,.motion-off .story-frame::after{display:none!important}.motion-off .bars i{transform:none!important;opacity:1!important}.motion-off .dashboard-received{opacity:1!important}

/* Moving mineral dust across the whole page */
html{overflow-x:clip}
.ambient-dust{position:fixed;inset:0;width:100%;height:100%;z-index:20;pointer-events:none;mix-blend-mode:screen;opacity:.82}

/* A quieter type scale with full width for the form section title */
.hero h1{font-size:clamp(3.12rem,5.1vw,4.7rem)}
.section-copy h2,.section-lead h2,.offline-copy h2,.management-copy h2,.faq-section h2,.contact-section h2{font-size:clamp(2.12rem,3.3vw,3.55rem)}
.tool-section h2{font-size:clamp(2.05rem,3.15vw,3.25rem)}
.contact-section h2{font-size:clamp(2.5rem,4.4vw,4.55rem)}
.forms-section .section-lead{max-width:none}
.forms-section .section-lead>p{max-width:870px}
@media(min-width:821px){.forms-section .section-lead h2{white-space:nowrap}}

/* Section 01: a location crossing unlocks the visit form */
.photo-story{padding:105px 0 100px;background:radial-gradient(circle at 15% 15%,#194b5030,transparent 38%),#0b1e2a}
.presence-intro{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.75fr);align-items:end;gap:62px;margin-bottom:35px}
.presence-intro h2{font-size:clamp(2.05rem,3.25vw,3.45rem);line-height:1.52;letter-spacing:-.02em;margin-top:13px;max-width:760px}
.presence-intro p{font-size:1rem;line-height:2;color:#b9d2d6;padding-bottom:5px}
.presence-demo{display:grid;grid-template-columns:minmax(0,1.58fr) minmax(335px,.82fr);border:1px solid #517075;border-radius:24px;background:#0b202c;overflow:hidden;box-shadow:0 30px 85px #0006,0 0 65px #35b6a116}
.presence-scene{position:relative;isolation:isolate;min-height:510px;overflow:hidden;background:#112a38}
.presence-scene>img,.presence-scene-shade{position:absolute;inset:0;width:100%;height:100%}
.presence-scene>img{object-position:46% 50%;filter:saturate(.75) brightness(.7);transform:scale(1.07)}
.photo-story.section-active .presence-scene>img{animation:presence-camera 16s ease-in-out infinite alternate}
.presence-scene-shade{background:linear-gradient(0deg,#061725d9,transparent 53%),linear-gradient(90deg,#092b3699,#0b2d3850 55%,#091b2b9a);z-index:1}
.presence-scene-shade::after{content:"";position:absolute;inset:-35% auto -35% -28%;width:18%;background:linear-gradient(90deg,transparent,#baffea1a,transparent);transform:skewX(-22deg);opacity:0}
.photo-story.section-active .presence-scene-shade::after{opacity:1;animation:presence-scan 6s linear infinite}
.presence-boundary{position:absolute;inset:0;z-index:2;width:100%;height:100%;overflow:hidden;filter:drop-shadow(0 0 13px #ffc69244)}
.presence-boundary-glow{fill:#eeb0730d;stroke:#eeb073;stroke-width:15;stroke-linejoin:round;opacity:.35;filter:blur(9px);transition:fill .8s,stroke .8s}
.presence-boundary-line{fill:none;stroke:#f2b67d;stroke-width:3.4;stroke-linejoin:round;stroke-dasharray:12 8;transition:stroke .8s,stroke-width .8s}
.photo-story.section-active .presence-boundary-line{animation:boundary-flow 10s linear infinite}
.presence-route{fill:none;stroke:#ebf5ea;stroke-width:2;stroke-dasharray:5 10;opacity:.6}
.presence-zone-label{position:absolute;z-index:3;top:18%;right:21%;display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border:1px solid #ffcca18c;border-radius:50px;background:#092332c9;color:#fff1db;font-size:.78rem;font-weight:700;white-space:nowrap;transition:color .6s,border-color .6s,background .6s}
.presence-zone-label .icon{width:17px;height:17px}
.presence-person{position:absolute;z-index:4;left:87%;top:80%;width:48px;height:48px;transform:translate(-50%,-50%);transition:left 1.6s var(--ease),top 1.6s var(--ease),color .6s;color:#f4b37c}
.presence-person-ring{position:absolute;inset:-19px;border:1px solid currentColor;border-radius:50%;opacity:.42;box-shadow:0 0 23px currentColor}
.photo-story.section-active .presence-person-ring{animation:presence-ring 2.6s ease-out infinite}
.presence-person-core{position:absolute;inset:0;display:grid;place-items:center;border:2px solid currentColor;border-radius:50%;background:#0d2c37;box-shadow:0 0 0 7px #edab7240,0 0 25px #efad77a6}
.presence-person-core .icon{width:27px;height:27px}
.presence-person b{position:absolute;bottom:55px;right:20px;padding:4px 10px;border:1px solid #f2be90a6;border-radius:7px;background:#0b2430e8;color:#fff;font-size:.75rem;font-weight:650;white-space:nowrap;box-shadow:0 8px 20px #0007}
.presence-map-status{position:absolute;z-index:5;top:21px;left:21px;display:flex;align-items:center;gap:9px;max-width:calc(100% - 42px);padding:9px 13px;border:1px solid #efae78a3;border-radius:10px;background:#182c34ed;color:#ffe0c4;font-size:.86rem;font-weight:770;box-shadow:0 12px 30px #0008,0 0 26px #efaa734b;transition:color .55s,background .55s,border-color .55s,box-shadow .55s}
.presence-map-status .icon{width:19px;height:19px}
.presence-map-note{position:absolute;z-index:3;bottom:18px;left:21px;color:#c7dad8;font-size:.7rem;text-shadow:0 2px 9px #000}
.presence-form-panel{min-width:0;padding:27px 26px 22px;border-right:1px solid #46636a;background:linear-gradient(150deg,#143540,#0b1e2a 75%);display:flex;flex-direction:column}
.presence-form-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#aecbd1;font-size:.8rem}
.presence-live-dot{width:8px;height:8px;flex:none;border-radius:50%;background:var(--copper);box-shadow:0 0 0 5px #efaa7322,0 0 15px #efaa73;transition:background .5s,box-shadow .5s}
.presence-form-status{display:flex;align-items:center;gap:13px;margin:27px 0 19px;color:#ffd7bb;transition:color .5s}
.presence-form-status>.icon{width:43px;height:43px;padding:10px;border:1px solid #efaa735e;border-radius:12px;background:#efaa7316;transition:background .5s,border-color .5s}
.presence-form-status small,.presence-form-status strong{display:block;line-height:1.5}
.presence-form-status small{font-size:.72rem;color:#a9c5c9}
.presence-form-status strong{font-size:1.02rem;margin-top:3px}
.presence-form-sheet{position:relative;min-height:252px;padding:16px 18px;border:1px solid #bde6df;border-radius:13px;background:#e3f4f0;color:#17424a;overflow:hidden;box-shadow:0 18px 38px #0005;transition:border-color .55s,box-shadow .55s}
.presence-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:9px;padding-bottom:12px;border-bottom:1px solid #badad4;font-size:.84rem;font-weight:780}
.presence-sheet-head small{font-size:.7rem;color:#557b80;font-weight:550;white-space:nowrap}
.presence-sheet-field{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #c1ddd7;font-size:.76rem}
.presence-sheet-field small{font-size:.72rem;color:#577e80}.presence-sheet-field b{font-weight:680}
.presence-sheet-media{display:flex;align-items:center;gap:7px;padding:9px 0;color:#236f6d;font-size:.75rem}.presence-sheet-media .icon{width:17px;height:17px}
.presence-sheet-submit{display:block;padding:5px 10px;border-radius:6px;background:#168e7d;color:#fff;text-align:center;font-size:.75rem;font-weight:730;opacity:.75;transition:opacity .4s,transform .4s}
.presence-sheet-cover{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:15px;background:#0c2432ed;color:#ffdbbb;backdrop-filter:blur(3px);text-align:center;transition:transform .82s var(--ease),opacity .7s}
.presence-sheet-cover .icon{width:34px;height:34px;margin-bottom:2px}.presence-sheet-cover b{font-size:1.04rem}.presence-sheet-cover span{font-size:.76rem;color:#c9d8d7}
.presence-detail{margin:16px 0 0;color:#b5ccd0;font-size:.79rem;line-height:1.9}
.presence-stages{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border-top:1px solid #42616a;background:#42616a}
.presence-stages button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:59px;border:0;background:#0e2935;color:#a8bdc4;font-size:.87rem;font-weight:700;transition:color .4s,background .4s,box-shadow .4s}
.presence-stages button span{display:grid;place-items:center;width:24px;height:24px;border:1px solid #617d80;border-radius:50%;font-size:.68rem;transition:background .4s,border-color .4s}
.presence-stages button.selected{color:#dcfff3;background:#17433f;box-shadow:inset 0 3px #6ce6ca}
.presence-stages button.selected span{background:#2b786b;border-color:#8af4d5}
.presence-stages button:hover{color:#fff;background:#23505a}
.presence-disclaimer{max-width:920px;margin:16px auto 0;color:#91aeb7;font-size:.78rem;line-height:1.9;text-align:center}
.presence-demo[data-phase="checking"] .presence-person{left:83%;top:65%}
.presence-demo[data-phase="inside"] .presence-person{left:47%;top:43%;color:#79f3d2}
.presence-demo[data-phase="checking"] .presence-map-status{color:#e7eced;border-color:#80bdc6;background:#183b46}
.presence-demo[data-phase="inside"] .presence-map-status{color:#d7fff1;border-color:#78eacf;background:#135048ef;box-shadow:0 12px 30px #0007,0 0 28px #5de8c286}
.presence-demo[data-phase="inside"] .presence-zone-label{border-color:#9cf7da;color:#d9fff1;background:#105246d9}
.presence-demo[data-phase="inside"] .presence-boundary-glow{fill:#54efc928;stroke:#72ffe0}
.presence-demo[data-phase="inside"] .presence-boundary-line{stroke:#9affdf;stroke-width:4}
.presence-demo[data-phase="inside"] .presence-form-status{color:#a9ffe3}
.presence-demo[data-phase="inside"] .presence-form-status>.icon{border-color:#7aead0;background:#45d5b723}
.presence-demo[data-phase="inside"] .presence-live-dot{background:#65eed0;box-shadow:0 0 0 5px #65eed029,0 0 16px #65eed0}
.presence-demo[data-phase="inside"] .presence-form-sheet{border-color:#5ae7c6;box-shadow:0 15px 45px #23d5b138}
.presence-demo[data-phase="inside"] .presence-sheet-cover{transform:translateY(-105%);opacity:0;pointer-events:none}
.presence-demo[data-phase="inside"] .presence-sheet-submit{opacity:1;transform:translateY(-2px)}
@keyframes presence-scan{from{left:-28%}to{left:125%}}
@keyframes presence-ring{0%{transform:scale(.8);opacity:.55}75%,100%{transform:scale(1.45);opacity:0}}
@keyframes presence-camera{to{transform:scale(1.13) translateX(-1.5%)}}

/* A single unobtrusive footer line */
footer{background:#06121d;border-top:1px solid #294650}
.footer-inner{display:block;min-height:0;padding:19px 0;color:#8da9b2;font-size:.83rem;text-align:center}

@media(max-width:820px){
  .hero h1{font-size:clamp(2.85rem,8.2vw,4.5rem)}
  .presence-intro{grid-template-columns:1fr;gap:12px}
  .presence-demo{grid-template-columns:1fr}
  .presence-scene{min-height:380px}
  .presence-form-panel{border-right:0;border-top:1px solid #46636a}
  .presence-stages{grid-column:1}
  .photo-story{padding:72px 0 83px}
}
@media(max-width:560px){
  .hero h1{font-size:clamp(2.46rem,9.8vw,3.3rem)}
  .section-copy h2,.section-lead h2,.offline-copy h2,.management-copy h2,.faq-section h2{font-size:1.95rem}
  .tool-section h2{font-size:1.92rem}
  .contact-section h2{font-size:2.45rem}
  .presence-intro h2{font-size:2.03rem}
  .presence-intro p{font-size:.93rem}
  .photo-story{padding:54px 0 72px}
  .presence-demo{border-radius:17px}
  .presence-scene{min-height:320px}
  .presence-zone-label{top:21%;right:18%;font-size:.68rem;padding:4px 7px}
  .presence-map-status{top:12px;left:12px;font-size:.7rem;padding:6px 8px;max-width:calc(100% - 24px)}
  .presence-map-status .icon{width:16px;height:16px}
  .presence-person{width:38px;height:38px}
  .presence-person-core .icon{width:21px;height:21px}
  .presence-person b{right:13px;bottom:46px;font-size:.66rem}
  .presence-map-note{bottom:9px;left:11px;font-size:.61rem}
  .presence-form-panel{padding:20px 18px}
  .presence-form-status{margin:19px 0 15px}
  .presence-form-sheet{min-height:246px}
  .presence-stages button{min-height:61px;flex-direction:column;gap:3px;font-size:.7rem;line-height:1.4;padding:6px 2px}
  .presence-stages button span{width:20px;height:20px;font-size:.6rem}
  .presence-disclaimer{font-size:.71rem}
  .ambient-dust{opacity:.58}
  .footer-inner{padding:17px 5px;font-size:.76rem;line-height:1.7}
}
@media(prefers-reduced-motion:reduce){.ambient-dust{opacity:.35}}

/* The manager decides whether an outside position may open the form. */
.manager-rule,.presence-manager-rule{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;border:1px solid #4b727b;border-radius:11px;background:#15343d9c;padding:9px 12px}
.manager-rule{margin-top:12px}
.manager-rule strong,.manager-rule small,.presence-manager-rule b,.presence-manager-rule small{display:block;line-height:1.55}
.manager-rule strong,.presence-manager-rule b{font-size:.77rem;color:#e6f7f2}
.manager-rule small,.presence-manager-rule small{font-size:.71rem;color:#a5bec6}
.manager-rule button,.presence-manager-rule button{position:relative;flex:none;width:45px;height:25px;border:1px solid #78949b;border-radius:30px;background:#435762;padding:2px;direction:ltr;transition:background .4s,border-color .4s,box-shadow .4s}
.manager-rule button>span,.presence-manager-rule button>span{display:block;width:19px;height:19px;border-radius:50%;background:#e8f6f3;box-shadow:0 2px 6px #0005;transition:transform .4s var(--ease)}
.manager-rule button[aria-checked="true"],.presence-manager-rule button[aria-checked="true"]{background:#1fbfa5;border-color:#9df2db;box-shadow:0 0 19px #50ddbb50}
.manager-rule button[aria-checked="true"]>span,.presence-manager-rule button[aria-checked="true"]>span{transform:translateX(19px)}
.gate-shell.is-outside-allowed .map-status-banner{background:#143f4de8;color:#d9f7ff;border-color:#8edbed;box-shadow:0 11px 28px #0007,0 0 27px #81e8ed5a}
.gate-shell.is-outside-allowed .access-symbol{background:#78d9dc21;color:#a5edee;border-color:#8ee8e1}
.gate-shell.is-outside-allowed .live-pulse{background:#90e5ed;box-shadow:0 0 0 6px #90e5ed23}
.gate-shell.is-outside-allowed .access-form{border-color:#81d9da;background:#123f4796}
.gate-shell.is-outside-allowed .form-mini-lock{color:#9cebd9}
.gate-shell.is-outside-allowed .form-preview{border-color:#77d9db;box-shadow:0 0 20px #79d9e335}
.gate-shell.is-outside-allowed .form-preview-cover{opacity:0;transform:translateY(-100%);pointer-events:none}
.gate-shell.is-outside-allowed .preview-field,.gate-shell.is-outside-allowed .preview-send{filter:none;opacity:1;transform:none}
.presence-manager-rule{margin-top:14px;background:#0d2b34b9}
.presence-form-status{margin-top:20px}
.presence-demo[data-access="open"] .presence-form-status{color:#b3ffe7}
.presence-demo[data-access="open"] .presence-form-status>.icon{border-color:#7aead0;background:#45d5b723}
.presence-demo[data-access="open"] .presence-form-sheet{border-color:#5ae7c6;box-shadow:0 15px 45px #23d5b138}
.presence-demo[data-access="open"] .presence-sheet-cover{transform:translateY(-105%);opacity:0;pointer-events:none}
.presence-demo[data-access="open"] .presence-sheet-submit{opacity:1;transform:translateY(-2px)}
.presence-demo[data-permit="allowed"]:not([data-phase="inside"]) .presence-map-status{color:#e0f9ff;border-color:#83dfe8;background:#155060eb;box-shadow:0 12px 30px #0007,0 0 27px #62dada73}
.presence-demo[data-permit="allowed"] .presence-live-dot{background:#7eece7;box-shadow:0 0 0 5px #7eece72b,0 0 16px #7eece7}

/* Section 02: a self-running miniature of the manager's assignment flow. */
.cadastre-section{padding:112px 0 106px;background:radial-gradient(circle at 76% 45%,#2359632b,transparent 43%),#071722}
.cadastre-intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:end;gap:65px;margin-bottom:38px}
.cadastre-intro h2{font-size:clamp(2.15rem,3.3vw,3.55rem);line-height:1.5;margin-top:13px;letter-spacing:-.02em}
.cadastre-intro h2 em{font-style:normal;color:var(--mint)}
.cadastre-intro p{font-size:1rem;line-height:2;color:#bdd2d7}
.cadastre-intro-note{display:flex;align-items:flex-start;gap:8px;margin-top:17px;color:#9be5d6;font-size:.83rem;line-height:1.8}
.cadastre-intro-note .icon{width:17px;height:17px;margin-top:4px}
.cadastre-demo{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr);border:1px solid #527781;border-radius:22px;background:#0d2735;overflow:hidden;box-shadow:0 28px 85px #0008,0 0 75px #51cdb51a}
.cadastre-manager{min-width:0;border-left:1px solid #41616c;background:linear-gradient(150deg,#133542,#0c2231 78%)}
.cadastre-manager-head,.cadastre-preview-head{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:59px;padding:11px 22px;border-bottom:1px solid #3a5d67;color:#e4f5f2;font-size:.86rem;font-weight:750}
.cadastre-manager-head>span,.cadastre-preview-head>span{display:flex;align-items:center;gap:8px}
.cadastre-manager-head .icon,.cadastre-preview-head .icon{width:19px;height:19px;color:var(--mint)}
.cadastre-manager-head small,.cadastre-preview-head small{color:#96b6c0;font-size:.71rem;font-weight:500}
.cadastre-manager-body{padding:22px}
.cadastre-manager h3,.cadastre-search-label{display:flex;align-items:center;gap:9px;color:#ebf8f7;font-size:.91rem;font-weight:730;line-height:1.6}
.cadastre-manager h3>span,.cadastre-search-label>span{display:grid;place-items:center;flex:none;width:24px;height:24px;border:1px solid #68b7af;border-radius:50%;color:#92efda;font-size:.7rem}
.cadastre-source-options{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}
.cadastre-source-options button{display:grid;grid-template-columns:23px 1fr;align-items:center;gap:1px 8px;min-width:0;min-height:82px;padding:11px;border:1px solid #54727d;border-radius:11px;background:#ffffff05;color:#d8e9e9;text-align:right;transition:transform .4s,border-color .4s,background .4s,box-shadow .4s}
.cadastre-source-options button:hover{transform:translateY(-3px);border-color:#75d9cc}
.cadastre-source-options .icon{grid-row:1/3;width:21px;height:21px;color:#80c6c0}
.cadastre-source-options b{font-size:.82rem;line-height:1.45}
.cadastre-source-options small{color:#9ab4bd;font-size:.7rem;line-height:1.45}
.cadastre-source-options button.selected{border-color:#75eed2;background:#276d6552;box-shadow:inset 0 0 0 1px #58bfa955,0 0 24px #56e8c820}
.cadastre-source-options button.selected .icon{color:#83f6d6}
.cadastre-source-confirm{position:relative;display:flex;align-items:center;gap:11px;overflow:hidden;margin-top:11px;padding:9px 12px;border:1px solid #4b787a;border-radius:10px;background:#133d47a1;transition:border-color .4s,background .4s}
.cadastre-source-confirm::before{content:"";position:absolute;inset:0 auto 0 -25%;width:24%;background:linear-gradient(90deg,transparent,#b8ffe433,transparent);opacity:0;pointer-events:none}
.cadastre-section.section-active .cadastre-demo[data-step="source"] .cadastre-source-confirm::before{opacity:1;animation:cadastre-file-sweep 2s ease-in-out infinite}
.cadastre-file-icon{display:grid;place-items:center;flex:none;width:33px;height:33px;border:1px solid #77cfc1;border-radius:8px;color:#abf1de;background:#40c3a51c}
.cadastre-file-icon .icon,.cadastre-source-check .icon{width:17px;height:17px}
.cadastre-source-confirm div{min-width:0}.cadastre-source-confirm strong,.cadastre-source-confirm small{display:block;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cadastre-source-confirm strong{font-size:.76rem;color:#dcfaf1}.cadastre-source-confirm small{font-size:.67rem;color:#9abdc1}
.cadastre-source-check{display:grid;place-items:center;margin-right:auto;color:#72ebca}
.cadastre-search-label{margin-top:22px}
.cadastre-search-box{display:flex;align-items:center;gap:9px;height:47px;padding:0 13px;margin-top:11px;border:1px solid #65818a;border-radius:10px;background:#e8f5f3;color:#24505a;transition:border-color .4s,box-shadow .4s}
.cadastre-demo[data-step="search"] .cadastre-search-box,.cadastre-search-box:focus-within{border-color:#72f0d2;box-shadow:0 0 0 3px #47e5bf2c,0 0 24px #48e7c21d}
.cadastre-search-box .icon{width:20px;height:20px;flex:none}
.cadastre-search-box input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#173c42;font-size:.89rem;font-weight:650;direction:rtl}
.cadastre-search-box input::placeholder{color:#65858a;font-weight:400}
.cadastre-results{display:grid;gap:6px;min-height:166px;margin-top:9px;align-content:start}
.cadastre-results button{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding:8px 12px;border:1px solid #44636f;border-radius:9px;background:#102d3a;color:#e1f0ee;text-align:right;transition:transform .35s,border-color .35s,background .35s,box-shadow .35s}
.cadastre-results button[hidden]{display:none!important}
.cadastre-results button:hover{transform:translateX(-3px);border-color:#77d6c7}
.cadastre-results button b,.cadastre-results button small{display:block;line-height:1.5}
.cadastre-results button b{font-size:.78rem}.cadastre-results button small{font-size:.67rem;color:#a3bfc5}
.cadastre-results button .icon{width:18px;height:18px;color:#62e3c6;opacity:0;transform:scale(.7);transition:opacity .4s,transform .4s}
.cadastre-results button.selected{border-color:#8ef2d5;background:#22665c7a;box-shadow:0 0 23px #4cd6b72b}
.cadastre-results button.selected .icon{opacity:1;transform:none}
.cadastre-results p{padding:16px 8px;color:#b9cbd0;font-size:.78rem}
.cadastre-assign{border-top:1px solid #3d5b65;padding-top:17px}
.cadastre-selected{display:flex;align-items:center;gap:9px;margin:11px 0 13px;padding:8px 11px;border:1px solid #55727c;border-radius:9px;background:#0d2834;color:#cadcdd;transition:border-color .4s,background .4s}
.cadastre-demo[data-step="selected"] .cadastre-selected,.cadastre-demo[data-step="assigned"] .cadastre-selected{border-color:#6cdbbd;background:#17483f}
.cadastre-selected>.icon{width:20px;height:20px;color:var(--mint)}
.cadastre-selected small,.cadastre-selected strong{display:block;line-height:1.55}
.cadastre-selected small{font-size:.67rem;color:#a0b9be}.cadastre-selected strong{font-size:.77rem}
.cadastre-assign-actions{display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px}
.cadastre-assign-actions label{color:#abc4c8;font-size:.73rem}
.cadastre-assign-actions select{display:block;width:100%;min-height:42px;margin-top:4px;padding:7px 10px;border:1px solid #65858c;border-radius:8px;background:#143440;color:#f0f9f7;font-size:.77rem}
.cadastre-assign-actions button{min-height:42px;padding:7px 14px;border:1px solid #93f2d8;border-radius:8px;background:#6de4c8;color:#083239;font-size:.78rem;font-weight:780;transition:transform .3s,box-shadow .3s}
.cadastre-assign-actions button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 7px 23px #52e1c062}
.cadastre-assign-actions button:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.6)}
.cadastre-preview{min-width:0;display:flex;flex-direction:column;background:#0c2331}
.cadastre-preview-head{padding-inline:20px}
.cadastre-preview-map{position:relative;isolation:isolate;min-height:353px;flex:1;overflow:hidden;background:radial-gradient(circle at 55% 48%,#1b4c56,#0a2332 74%)}
.cadastre-map-grid{position:absolute;inset:0;opacity:.32;background-image:linear-gradient(#8bdcd329 1px,transparent 1px),linear-gradient(90deg,#8bdcd329 1px,transparent 1px);background-size:36px 36px;transform:scale(1.07)}
.cadastre-preview-map svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#79949c;stroke-width:2;stroke-linejoin:round}
.cadastre-preview-map .zone{fill:#67d2bb0c;transition:opacity .6s,fill .6s,stroke .6s,stroke-width .6s,filter .6s}
.cadastre-demo[data-source="kmz"] .zone-0,.cadastre-demo[data-source="kmz"] .zone-2{opacity:.18}
.cadastre-demo[data-source="kmz"] .zone-1{stroke:#dcb185;fill:#eeaa7130}
.cadastre-section.section-active .cadastre-demo[data-source="kmz"] .cadastre-file-icon{animation:cadastre-import 1.1s var(--ease) both}
.cadastre-section.section-active .cadastre-demo[data-source="kmz"] .zone-1{stroke-dasharray:720;animation:cadastre-boundary-import 1.7s ease-out both}
.cadastre-demo[data-record="0"] .zone-0,.cadastre-demo[data-record="1"] .zone-1,.cadastre-demo[data-record="2"] .zone-2{stroke:#7dffdb;stroke-width:3.5;fill:#49e5bd3d;filter:drop-shadow(0 0 10px #65f6d8)}
.cadastre-section.section-active .cadastre-demo[data-record="0"] .zone-0,.cadastre-section.section-active .cadastre-demo[data-record="1"] .zone-1,.cadastre-section.section-active .cadastre-demo[data-record="2"] .zone-2{stroke-dasharray:11 7;animation:boundary-flow 8s linear infinite}
.cadastre-map-beacon{position:absolute;z-index:2;left:50%;top:50%;width:15px;height:15px;border:3px solid #fff;border-radius:50%;background:#74efd1;box-shadow:0 0 0 8px #63efd34a,0 0 35px #52ebc7;opacity:0;transform:translate(-50%,-50%);transition:left .8s var(--ease),top .8s var(--ease),opacity .5s}
.cadastre-demo[data-record="0"] .cadastre-map-beacon{left:28%;top:41%;opacity:1}
.cadastre-demo[data-record="1"] .cadastre-map-beacon{left:72%;top:39%;opacity:1}
.cadastre-demo[data-record="2"] .cadastre-map-beacon{left:34%;top:82%;opacity:1}
.cadastre-section.section-active .cadastre-map-beacon{animation:cadastre-beacon 2.4s ease-in-out infinite}
.cadastre-map-tag{position:absolute;z-index:3;bottom:16px;right:16px;max-width:calc(100% - 32px);padding:6px 11px;border:1px solid #7bd6c7;border-radius:9px;background:#10333fdc;color:#e4fff7;font-size:.75rem;box-shadow:0 10px 25px #0005}
.cadastre-preview-summary{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:81px;padding:13px 20px;border-top:1px solid #31505c}
.cadastre-preview-summary small,.cadastre-preview-summary strong{display:block;line-height:1.6}
.cadastre-preview-summary small{color:#90aeb8;font-size:.7rem}.cadastre-preview-summary strong{font-size:.86rem}
.cadastre-preview-summary>span{color:#b2cbd0;font-size:.71rem;text-align:left}
.cadastre-demo[data-step="assigned"] .cadastre-preview-summary>span{color:#8bf2d5}
.cadastre-transfer{display:flex;align-items:center;gap:14px;min-height:88px;padding:17px 20px;border-top:1px solid #31505c;background:#143542a8}
.cadastre-transfer-line{position:relative;display:block;width:66px;height:2px;flex:none;background:#49878a}
.cadastre-transfer-line i{position:absolute;top:-5px;right:0;width:11px;height:11px;border-radius:50%;background:#7af7d4;box-shadow:0 0 17px #68f6d9;opacity:.25}
.cadastre-demo[data-step="assigned"] .cadastre-transfer-line i{animation:cadastre-transfer 1.2s ease-in-out forwards}
.cadastre-expert-icon{display:grid;place-items:center;flex:none;width:38px;height:38px;border:1px solid #60c1b4;border-radius:11px;background:#21605267;color:#a1f8df}
.cadastre-expert-icon .icon{width:22px;height:22px}
.cadastre-transfer small,.cadastre-transfer strong{display:block;line-height:1.6}.cadastre-transfer small{color:#96b4bd;font-size:.7rem}.cadastre-transfer strong{font-size:.83rem;color:#e5f7f2}
.cadastre-demo[data-step="assigned"] .cadastre-expert-icon{box-shadow:0 0 27px #59e8c875}
.cadastre-progress{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border-top:1px solid #416473;background:#416473}
.cadastre-progress span{display:grid;place-items:center;min-height:51px;padding:8px 6px;background:#0d2a38;color:#91abb4;font-size:.77rem;font-weight:650;text-align:center;transition:background .4s,color .4s,box-shadow .4s}
.cadastre-progress span.selected{background:#1b514b;color:#dcfff4;box-shadow:inset 0 3px #70eace}
.cadastre-disclaimer{max-width:1030px;margin:17px auto 0;color:#90a9b4;font-size:.79rem;line-height:1.9;text-align:center}
@keyframes cadastre-file-sweep{from{left:-28%}to{left:125%}}
@keyframes cadastre-import{from{transform:translate(20px,-28px) rotate(-16deg) scale(.5);opacity:.1}70%{transform:translateY(3px) scale(1.08);opacity:1}to{transform:none;opacity:1}}
@keyframes cadastre-boundary-import{from{stroke-dashoffset:720;fill:transparent;opacity:.2}to{stroke-dashoffset:0;fill:#eeaa7130;opacity:1}}
@keyframes cadastre-beacon{50%{box-shadow:0 0 0 15px #63efd31b,0 0 35px #52ebc7}}
@keyframes cadastre-transfer{0%{right:0;opacity:.25}20%{opacity:1}100%{right:100%;opacity:1}}

@media(max-width:950px){
  .cadastre-intro{grid-template-columns:1fr;gap:14px}
  .cadastre-demo{grid-template-columns:1fr}
  .cadastre-manager{border-left:0;border-bottom:1px solid #41616c}
  .cadastre-preview-map{min-height:340px}
  .cadastre-progress{grid-column:1}
}
@media(max-width:820px){
  .manager-rule{grid-column:1/-1}
  .cadastre-section{padding:85px 0}
}
@media(max-width:560px){
  .manager-rule{padding:8px 10px}
  .manager-rule strong,.presence-manager-rule b{font-size:.73rem}
  .manager-rule small,.presence-manager-rule small{font-size:.67rem}
  .cadastre-section{padding:72px 0}
  .cadastre-intro h2{font-size:1.94rem}
  .cadastre-intro p{font-size:.92rem}
  .cadastre-intro-note{font-size:.76rem}
  .cadastre-demo{border-radius:16px}
  .cadastre-manager-head,.cadastre-preview-head{min-height:52px;padding-inline:14px;font-size:.76rem}
  .cadastre-manager-head small,.cadastre-preview-head small{font-size:.63rem}
  .cadastre-manager-body{padding:15px}
  .cadastre-manager h3,.cadastre-search-label{font-size:.82rem}
  .cadastre-source-options{gap:7px}
  .cadastre-source-options button{padding:8px 7px;min-height:75px;grid-template-columns:18px 1fr;gap:1px 4px}
  .cadastre-source-options .icon{width:17px;height:17px}
  .cadastre-source-options b{font-size:.71rem}.cadastre-source-options small{font-size:.62rem}
  .cadastre-results{min-height:158px}.cadastre-results button{padding:7px 9px}
  .cadastre-results button b{font-size:.73rem}.cadastre-results button small{font-size:.62rem}
  .cadastre-preview-map{min-height:272px}
  .cadastre-preview-summary,.cadastre-transfer{padding-inline:14px}
  .cadastre-progress span{font-size:.65rem;min-height:48px;padding:5px 2px}
  .cadastre-disclaimer{font-size:.72rem}
}

/* Opening product story: four capabilities, one rotating presentation. */
.hero{min-height:0}
.showcase{position:relative;max-width:1140px;margin:44px auto 0;overflow:hidden;border:1px solid #64888f87;border-radius:25px;background:#0b202c;box-shadow:0 34px 110px #0009,0 0 80px #4ee6c51c}
.showcase::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,#abffe599,transparent);z-index:5}
.showcase-top{display:flex;align-items:center;justify-content:space-between;gap:12px;height:55px;padding:0 25px;border-bottom:1px solid #43616c;background:#102d39;color:#e7f6f4;font-size:.84rem}
.showcase-product{display:inline-flex;align-items:center;gap:9px;font-weight:750}
.showcase-product small{font-size:.72rem;color:#9fc0c6;font-weight:450}
.showcase-spark{width:9px;height:9px;border-radius:50%;background:#67eacb;box-shadow:0 0 0 6px #63e9c221,0 0 18px #6afbd8}
.showcase-counter{color:#9ec0c5;letter-spacing:.1em;font:700 .78rem Arial,sans-serif}
.showcase-counter b{color:#75efd2;font-size:1rem}
.showcase-stage{position:relative;min-height:418px;isolation:isolate;background:#0d2531}
.showcase-slide{position:absolute;inset:0;display:grid;grid-template-columns:minmax(0,1.28fr) minmax(350px,.82fr);opacity:0;visibility:hidden;transform:translateY(15px) scale(.985);transition:opacity .8s ease,transform .9s var(--ease),visibility 0s .8s;pointer-events:none}
.showcase-slide.is-current{opacity:1;visibility:visible;transform:none;transition:opacity .8s ease,transform .9s var(--ease),visibility 0s;pointer-events:auto}
.showcase-visual{position:relative;min-width:0;min-height:418px;overflow:hidden;background:#163948}
.showcase-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.84) brightness(.66)}
.showcase-visual::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#07182480,transparent 48%),linear-gradient(90deg,#102a3499,transparent 65%);z-index:0}
.showcase-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;padding:34px clamp(28px,4.1vw,61px);border-right:1px solid #42616b;background:radial-gradient(circle at 15% 22%,#277d7239,transparent 53%),linear-gradient(150deg,#153744,#0d2432 78%)}
.showcase-copy::before{content:"";position:absolute;top:27px;right:0;width:3px;height:0;background:#81f6d9;box-shadow:0 0 19px #84ffe4}
.showcase-slide.is-current .showcase-copy::before{animation:showcase-trace 6s ease-out both}
.showcase-kicker{color:#83ead1;font-size:.77rem;font-weight:750}
.showcase-copy h2{margin-top:20px;font-size:clamp(2rem,3vw,3rem);line-height:1.45;letter-spacing:-.02em}
.showcase-copy h2 em{font-style:normal;color:#8befd9}
.showcase-copy p{max-width:350px;margin-top:14px;color:#bad2d4;font-size:.94rem;line-height:1.97}
.showcase-tag{display:inline-flex;align-items:center;gap:8px;margin-top:26px;padding:6px 11px;border:1px solid #66c9b866;border-radius:99px;background:#3bd2af15;color:#b9fbe8;font-size:.74rem;font-weight:650}
.showcase-tag .icon{width:17px;height:17px}
.showcase-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border-top:1px solid #456772;background:#456772}
.showcase-nav button{position:relative;display:flex;align-items:center;gap:10px;min-width:0;min-height:70px;padding:14px 20px 17px;border:0;background:#102936;color:#a6bbc0;text-align:right;transition:background .4s,color .4s}
.showcase-nav button:hover{background:#1a4650;color:#effff9}
.showcase-nav button.selected{background:#1a4c48;color:#e8fff7}
.showcase-nav button span{display:grid;place-items:center;flex:none;width:29px;height:29px;border:1px solid #64868c;border-radius:9px;color:#9fe6d4;font-size:.71rem}
.showcase-nav button b{font-size:.81rem;font-weight:670;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.showcase-nav button i{position:absolute;right:0;bottom:0;width:0;height:3px;background:#77f0d3;box-shadow:0 0 12px #8cffdf}
.showcase-nav button.selected i{animation:showcase-progress 6.5s linear forwards}
.showcase[data-manual="true"] .showcase-nav button.selected i{width:100%;animation:none}
.showcase-boundary{position:absolute;z-index:1;inset:6% 5%;width:90%;height:88%;filter:drop-shadow(0 0 11px #9bffe0)}
.showcase-boundary path{fill:#62f4c21a;stroke:#84ffe0;stroke-width:3;stroke-dasharray:14 8;stroke-linejoin:round}
.showcase-slide.is-current .showcase-boundary path{animation:boundary-flow 13s linear infinite}
.showcase-coordinate{position:absolute;z-index:1;top:23px;left:24px;color:#e7f7f3;font:650 .73rem Arial,sans-serif;letter-spacing:.12em;text-shadow:0 2px 8px #000}
.showcase-search,.showcase-result{position:absolute;z-index:2;right:8%;border:1px solid #93e5d2;border-radius:12px;background:#0a2934ec;box-shadow:0 16px 40px #0009,0 0 22px #40eac639}
.showcase-search{top:15%;display:flex;align-items:center;gap:10px;width:min(300px,81%);height:43px;padding:0 12px;color:#d8fff5;font-size:.8rem}
.showcase-search .icon{width:19px;height:19px}
.showcase-search i{width:2px;height:18px;background:#87f5da}
.showcase-slide.is-current .showcase-search i{animation:showcase-cursor 1s steps(2,end) infinite}
.showcase-result{bottom:13%;right:auto;left:9%;display:grid;gap:4px;min-width:min(265px,75%);padding:12px 16px;color:#effff7}
.showcase-result small{color:#a9d2d0;font-size:.68rem}
.showcase-result strong{font-size:.9rem}
.showcase-result>span{display:flex;align-items:center;gap:6px;color:#a9f7db;font-size:.72rem}
.showcase-result .icon{width:16px;height:16px}
.showcase-slide.is-current .showcase-result{animation:showcase-card .85s .4s both}
.showcase-forms>img{object-position:38% center}
.showcase-form-card{position:absolute;z-index:2;top:8%;right:17%;width:min(310px,67%);min-height:318px;padding:16px 19px;border:1px solid #e4faf2;border-radius:16px;background:#e9f6f3;color:#174b52;box-shadow:0 25px 55px #0009;transform:rotate(-2deg)}
.showcase-form-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:11px;border-bottom:1px solid #bbd7d0;font-size:.91rem;font-weight:800}
.showcase-form-head .icon{width:19px;height:19px;color:#15957e}
.showcase-form-card label{display:flex;justify-content:space-between;gap:10px;padding:15px 0 10px;border-bottom:1px solid #c2ddd7;font-size:.72rem;color:#5f8183}
.showcase-form-card label strong{font-size:.74rem;color:#1b5860}
.showcase-form-extra{display:flex;align-items:center;gap:7px;margin-top:14px;padding:9px;border:1px dashed #39ab97;border-radius:8px;background:#d5eee6;font-size:.7rem;color:#136c61}
.showcase-form-extra .icon{width:16px;height:16px}
.showcase-form-extra .icon:last-child{margin-right:auto}
.showcase-form-submit{margin-top:15px;padding:6px;border-radius:7px;background:#168f7b;color:#fff;text-align:center;font-size:.74rem;font-weight:800}
.showcase-float-note{position:absolute;z-index:3;bottom:14%;left:5%;display:flex;align-items:center;gap:6px;padding:10px 13px;border:1px solid #95f3d8;border-radius:9px;background:#0f3f3ae6;color:#dffff2;font-size:.75rem;box-shadow:0 15px 34px #0007}
.showcase-float-note .icon{width:17px;height:17px}
.showcase-slide.is-current .showcase-form-card{animation:showcase-form-rise .9s .15s both}
.showcase-slide.is-current .showcase-float-note{animation:showcase-card .8s .8s both}
.showcase-offline>img{filter:saturate(.58) brightness(.48)}
.showcase-offline-phone{position:absolute;z-index:2;top:7%;right:23%;width:min(224px,50%);height:350px;padding:19px 13px;border:6px solid #172b31;border-radius:30px;background:#eaf6f0;color:#174950;box-shadow:0 28px 55px #000b,0 0 0 2px #8beed5}
.showcase-offline-phone::before{content:"";position:absolute;top:6px;left:38%;width:24%;height:6px;border-radius:7px;background:#263e40}
.showcase-phone-top{display:flex;justify-content:space-between;align-items:center;margin:8px 0 13px;font-size:.77rem;font-weight:800}
.showcase-phone-top .icon{width:17px;height:17px;color:#d6824c}
.showcase-phone-photo{display:grid;place-items:center;gap:4px;height:113px;border-radius:10px;background:linear-gradient(#53787470,#254e5699),url('assets/mine-bluehour-v2.webp') center/cover;color:#fff;font-size:.67rem}
.showcase-phone-photo .icon{width:23px;height:23px}
.showcase-phone-line{display:grid;gap:9px;margin:18px 0}
.showcase-phone-line span{height:11px;border-radius:20px;background:#cadbd5}
.showcase-phone-line span:last-child{width:66%}
.showcase-phone-saved{display:flex;align-items:center;justify-content:center;gap:5px;padding:7px;border-radius:7px;background:#d0eee2;color:#0d7969;font-size:.69rem;font-weight:760}
.showcase-phone-saved .icon{width:16px;height:16px}
.showcase-offline-bubble,.showcase-sync{position:absolute;z-index:3;display:flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid #f8bc88;border-radius:10px;background:#372c2bd9;color:#ffe2c7;font-size:.77rem;font-weight:720;box-shadow:0 13px 28px #0009}
.showcase-offline-bubble{top:22%;left:8%}
.showcase-sync{bottom:13%;left:5%;border-color:#88e9d2;background:#104840ec;color:#d4fff2}
.showcase-offline-bubble .icon,.showcase-sync .icon{width:19px;height:19px}
.showcase-slide.is-current .showcase-offline-phone{animation:showcase-form-rise 1s .2s both}
.showcase-slide.is-current .showcase-offline-bubble{animation:showcase-card .75s .65s both}
.showcase-slide.is-current .showcase-sync{animation:showcase-card .8s 1.1s both}
.showcase-management>img{object-position:44% 40%;filter:saturate(.58) brightness(.35)}
.showcase-dashboard{position:absolute;z-index:2;inset:9% 12% 9% auto;width:min(365px,74%);padding:16px;border:1px solid #79bcae;border-radius:15px;background:#12313be9;color:#effbf7;box-shadow:0 25px 55px #000a}
.showcase-dashboard-head{display:flex;justify-content:space-between;gap:8px;padding-bottom:11px;border-bottom:1px solid #527d7a;font-size:.8rem;font-weight:760}
.showcase-dashboard-head span:last-child{font-size:.68rem;color:#a9ceca;font-weight:500}
.showcase-dashboard-metrics{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}
.showcase-dashboard-metrics div{display:grid;gap:2px;padding:11px 13px;border:1px solid #427972;border-radius:9px;background:#1f62545c}
.showcase-dashboard-metrics small{color:#bddbd3;font-size:.67rem}
.showcase-dashboard-metrics b{color:#9bf6d4;font-size:1.35rem;line-height:1.1}
.showcase-bars{display:flex;align-items:end;gap:10px;height:96px;padding:8px 11px 0;margin-top:12px;border-bottom:1px solid #538779}
.showcase-bars i{flex:1;height:var(--h);border-radius:4px 4px 0 0;background:linear-gradient(#9df7d9,#3fbba2);box-shadow:0 0 15px #62e5c84d}
.showcase-bars i:nth-child(1){--h:45%}.showcase-bars i:nth-child(2){--h:68%}.showcase-bars i:nth-child(3){--h:39%}.showcase-bars i:nth-child(4){--h:83%}.showcase-bars i:nth-child(5){--h:61%}.showcase-bars i:nth-child(6){--h:96%}.showcase-bars i:nth-child(7){--h:73%}
.showcase-slide.is-current .showcase-bars i{animation:showcase-bar .9s var(--ease) both}
.showcase-slide.is-current .showcase-bars i:nth-child(2n){animation-delay:.2s}
.showcase-report{display:flex;align-items:center;gap:8px;margin-top:14px;padding:9px;border:1px solid #6fbcac;border-radius:8px;background:#2b776251;font-size:.7rem}
.showcase-report .icon{width:17px;height:17px;color:#9bf0d4}
.showcase-report .icon:last-child{margin-right:auto}
.showcase-slide.is-current .showcase-dashboard{animation:showcase-form-rise .8s .15s both}
@keyframes showcase-progress{to{width:100%}}
@keyframes showcase-trace{20%,85%{height:35%}100%{height:0}}
@keyframes showcase-cursor{50%{opacity:0}}
@keyframes showcase-card{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes showcase-form-rise{from{opacity:0;transform:translateY(23px) scale(.97)}to{opacity:1;transform:none}}
@keyframes showcase-bar{from{height:0}to{height:var(--h)}}
.presence-person{transition:left 2.45s var(--ease),top 2.45s var(--ease),color .7s}
.presence-demo[data-phase="approaching"] .presence-person{left:83%;top:65%}
.presence-demo[data-phase="checking"] .presence-person{left:47%;top:43%;color:#e5e1ad}
.presence-demo[data-phase="checking"] .presence-boundary-glow{fill:#54efc914;stroke:#77cbb4}
.presence-demo[data-phase="checking"] .presence-boundary-line{stroke:#9edfc5}
.presence-demo[data-phase="checking"] .presence-map-status{color:#f3f4e2;border-color:#d3e6b6;background:#334944ef}
.presence-sequence-note{position:absolute;z-index:4;right:20px;bottom:18px;max-width:57%;padding:5px 12px;border:1px solid #8fd9ce80;border-radius:99px;background:#0b2d39d9;color:#d9fff1;font-size:.72rem;white-space:nowrap}
@media(max-width:820px){
  .showcase-slide{grid-template-columns:1fr;grid-template-rows:320px auto}
  .showcase-stage{height:640px}
  .showcase-visual{min-height:320px}
  .showcase-copy{justify-content:center;border-right:0;border-top:1px solid #42616b;padding:22px 30px}
  .showcase-copy h2{font-size:2.15rem;line-height:1.35;margin-top:9px}
  .showcase-copy h2 br{display:none}
  .showcase-copy p{max-width:none;margin-top:8px;font-size:.88rem;line-height:1.75}
  .showcase-tag{margin-top:11px}
  .showcase-form-card{min-height:265px;top:7%;padding:12px}
  .showcase-form-card label{padding:10px 0}
  .showcase-form-extra{margin-top:10px}
  .showcase-offline-phone{height:293px;width:200px}
  .showcase-phone-photo{height:80px}
  .showcase-dashboard{inset:5% 14% 5% auto}
}
@media(max-width:560px){
  .showcase{margin-top:31px;border-radius:16px}
  .showcase-top{height:48px;padding:0 13px;font-size:.73rem}
  .showcase-product small{font-size:.62rem}
  .showcase-stage{height:590px}
  .showcase-slide{grid-template-rows:288px auto}
  .showcase-visual{min-height:288px}
  .showcase-copy{padding:19px 22px}
  .showcase-copy h2{font-size:1.86rem}
  .showcase-copy p{font-size:.82rem}
  .showcase-kicker{font-size:.7rem}
  .showcase-tag{font-size:.68rem}
  .showcase-nav button{display:grid;justify-items:center;gap:3px;min-height:64px;padding:8px 2px 12px;text-align:center}
  .showcase-nav button b{width:100%;font-size:.61rem}
  .showcase-nav button span{width:23px;height:23px;font-size:.6rem}
  .showcase-search{top:13%;right:6%;width:74%;font-size:.72rem}
  .showcase-result{left:6%;bottom:10%;min-width:65%}
  .showcase-form-card{right:14%;width:65%;min-height:244px}
  .showcase-form-head{font-size:.75rem}
  .showcase-form-card label{font-size:.64rem}
  .showcase-form-card label strong{font-size:.64rem}
  .showcase-form-extra{font-size:.62rem}
  .showcase-float-note{bottom:8%;font-size:.65rem;padding:7px}
  .showcase-offline-phone{right:24%;top:4%;height:264px;width:170px;padding:14px 9px}
  .showcase-phone-top{font-size:.68rem}
  .showcase-phone-photo{height:76px}
  .showcase-phone-line{margin:12px 0}
  .showcase-offline-bubble,.showcase-sync{font-size:.62rem;padding:7px}
  .showcase-offline-bubble{left:3%}.showcase-sync{left:3%;bottom:6%}
  .showcase-dashboard{width:77%;right:11%;padding:10px}
  .showcase-bars{height:66px}
  .showcase-dashboard-metrics div{padding:7px}
  .presence-sequence-note{right:10px;bottom:10px;max-width:60%;font-size:.61rem;padding:4px 7px}
}
@media(prefers-reduced-motion:reduce){
  .showcase-slide{transition:none;transform:none}
  .showcase-nav button.selected i{animation:none;width:100%}
}

@media(min-width:1180px){
  .hero{padding:137px 0 76px}
  .hero-inner{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:27px 32px;align-items:center}
  .hero-text{max-width:none;margin:0;text-align:right}
  .hero h1{font-size:clamp(2.8rem,3.45vw,3.35rem);line-height:1.35;margin-top:18px}
  .hero-text>p{margin:19px 0 0;max-width:490px;font-size:.99rem;line-height:1.95}
  .hero-actions{justify-content:flex-start;gap:10px;margin-top:28px}
  .hero-actions .button{padding-inline:17px;font-size:.82rem}
  .showcase{width:100%;margin:0}
  .showcase-stage{min-height:392px}
  .showcase-slide{grid-template-columns:minmax(0,1.1fr) minmax(235px,.9fr)}
  .showcase-visual{min-height:392px}
  .showcase-copy{padding:23px 25px}
  .showcase-copy h2{font-size:1.95rem;margin-top:13px}
  .showcase-copy p{font-size:.8rem;line-height:1.88;margin-top:10px}
  .showcase-tag{margin-top:16px}
  .showcase-nav button{padding-inline:8px;gap:6px}
  .showcase-nav button b{font-size:.69rem}
  .showcase-nav button span{width:25px;height:25px}
  .showcase-search{top:14%;right:7%;width:79%;font-size:.72rem}
  .showcase-result{left:6%;bottom:11%}
  .showcase-form-card{right:15%;width:68%;top:9%;min-height:290px}
  .showcase-form-card label{padding:11px 0}
  .showcase-form-extra{margin-top:11px}
  .showcase-float-note{left:3%;bottom:11%;font-size:.67rem;padding:8px}
  .showcase-offline-phone{right:25%;width:195px;height:322px}
  .showcase-phone-photo{height:94px}
  .showcase-offline-bubble{left:3%}
  .showcase-sync{left:3%;bottom:10%;font-size:.68rem}
  .showcase-dashboard{width:80%;right:10%}
  .hero-tail{grid-column:1/-1;margin-top:0}
}

/* Language switcher and direction-aware typography. */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.language-picker{flex:none;position:relative}
.language-picker::after{content:"⌄";position:absolute;left:10px;top:50%;transform:translateY(-58%);color:#8debd7;pointer-events:none;font:700 1rem/1 Arial,sans-serif}
.language-picker select{appearance:none;display:block;width:64px;min-height:39px;padding:6px 8px 6px 22px;border:1px solid #5d8b8c;border-radius:9px;background:#0c2c38;color:#e9fff8;font:700 .79rem/1.2 Arial,sans-serif;letter-spacing:.06em;cursor:pointer}
.language-picker select:focus-visible{outline:3px solid var(--mint);outline-offset:3px}
.language-picker option{background:#0d2d39;color:#fff}
html[dir="ltr"] body{font-family:system-ui,"Segoe UI",Arial,sans-serif;line-height:1.65}
html[dir="ltr"] .scroll-progress{transform-origin:left}
html[dir="ltr"] .hero-text{text-align:left}
html[dir="ltr"] .hero-actions{justify-content:flex-start}
html[dir="ltr"] .button .icon,html[dir="ltr"] .header-contact .icon{transform:none}
html[dir="ltr"] .showcase-copy{border-right:0;border-left:1px solid #42616b;align-items:flex-start}
html[dir="ltr"] .showcase-copy::before{right:auto;left:0}
html[dir="ltr"] .showcase-nav button{text-align:left}
html[dir="ltr"] .showcase-nav button i{right:auto;left:0}
html[dir="ltr"] .showcase-result{left:auto;right:9%}
html[dir="ltr"] .showcase-search{right:auto;left:8%}
html[dir="ltr"] .showcase-offline-bubble{left:auto;right:8%}
html[dir="ltr"] .showcase-sync{left:auto;right:5%}
html[dir="ltr"] .showcase-float-note{left:auto;right:5%}
html[dir="ltr"] .presence-form-panel{border-right:0;border-left:1px solid #46636a}
html[dir="ltr"] .cadastre-manager{border-left:0;border-right:1px solid #41616c}
html[dir="ltr"] .cadastre-source-options button,html[dir="ltr"] .cadastre-results button{text-align:left}
html[dir="ltr"] .cadastre-search-box input{direction:ltr}
html[dir="ltr"] .cadastre-preview-summary>span{text-align:right}
html[dir="ltr"] .faq-list summary{padding:20px 5px 20px 28px}
html[dir="ltr"] .faq-list summary::after{left:auto;right:4px}
html[dir="ltr"] .showcase-copy h2{font-size:clamp(1.55rem,2.3vw,2.3rem)}
html[dir="ltr"] .showcase-copy p{line-height:1.65}
html[lang="de"] .hero h1{font-size:clamp(2.55rem,3.15vw,3.1rem);hyphens:auto;overflow-wrap:anywhere}
html[lang="de"] .showcase-copy h2{font-size:clamp(1.5rem,2.15vw,2rem)}
html[dir="ltr"] .hero h1,html[dir="ltr"] h2,html[dir="ltr"] h3{letter-spacing:-.025em}
html[dir="ltr"] .showcase-product small{font-weight:500}
@media(min-width:1180px){
  html[dir="ltr"] .showcase-search{left:7%;right:auto}
  html[dir="ltr"] .showcase-result{right:6%;left:auto}
  html[dir="ltr"] .showcase-offline-bubble,html[dir="ltr"] .showcase-sync,html[dir="ltr"] .showcase-float-note{right:3%;left:auto}
  html[dir="ltr"] .showcase-copy h2{font-size:1.6rem}
  html[lang="de"] .showcase-copy h2{font-size:1.46rem}
}
@media(max-width:820px){
  html[dir="ltr"] .showcase-copy{border-left:0;border-top:1px solid #42616b}
  html[dir="ltr"] .presence-form-panel{border-left:0;border-top:1px solid #46636a}
  html[dir="ltr"] .cadastre-manager{border-right:0;border-bottom:1px solid #41616c}
  html[dir="ltr"] .showcase-copy h2{font-size:2.05rem}
}
@media(max-width:560px){
  .language-picker select{width:53px;min-height:38px;padding-left:18px;padding-right:4px;font-size:.7rem}
  .language-picker::after{left:7px;font-size:.85rem}
  .header-inner{gap:7px}
  html[dir="ltr"] .hero-actions{justify-content:center}
  html[dir="ltr"] .hero-text{text-align:center}
  html[dir="ltr"] .showcase-copy h2{font-size:1.72rem}
  html[dir="ltr"] .showcase-copy p{font-size:.78rem}
  html[lang="de"] .hero h1{font-size:2.35rem}
  html[lang="de"] .showcase-copy h2{font-size:1.58rem}
  html[dir="ltr"] .showcase-result{right:6%}
  html[dir="ltr"] .showcase-search{left:6%}
  html[dir="ltr"] .showcase-offline-bubble,html[dir="ltr"] .showcase-sync{right:3%}
}
.presence-sequence-note{white-space:normal;line-height:1.35;text-align:center}
@media(max-width:560px){
  html[dir="ltr"] .cadastre-manager-head,html[dir="ltr"] .cadastre-preview-head{flex-wrap:wrap;align-content:center;gap:2px 8px}
  html[dir="ltr"] .cadastre-manager-head>span,html[dir="ltr"] .cadastre-preview-head>span{min-width:0}
  html[dir="ltr"] .cadastre-manager-head small,html[dir="ltr"] .cadastre-preview-head small{white-space:normal}
  html[lang="de"] .cadastre-source-options button b{font-size:.68rem}
  html[dir="ltr"] .cadastre-preview-summary{flex-wrap:wrap}
  html[dir="ltr"] .presence-stages button{overflow-wrap:anywhere}
}

/* More atmospheric depth: fine mineral dust and a slow background glow. */
.ambient-dust{opacity:.92;background:radial-gradient(ellipse at 8% 28%,#45d9b909,transparent 42%),radial-gradient(ellipse at 94% 76%,#df9c6609,transparent 38%)}
.hero-halo{background:radial-gradient(circle,#1fbd9c20 0%,#1d648723 38%,transparent 68%);filter:blur(13px)}
.hero.section-active .hero-halo{animation:ambient-breath 18s ease-in-out infinite alternate}
.showcase{box-shadow:0 34px 110px #0009,0 0 95px #4ee6c528}
@keyframes ambient-breath{from{transform:translateX(-52%) scale(.96);opacity:.7}to{transform:translateX(-46%) translateY(35px) scale(1.12);opacity:1}}
@media(max-width:560px){.ambient-dust{opacity:.75}}
@media(prefers-reduced-motion:reduce){.ambient-dust{opacity:.38}.hero-halo{animation:none!important}}

/* One field workflow on Android and iPhone. */
.hero-platforms{display:inline-flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:19px;color:#aecbd0;font-size:.875rem;line-height:1.6}
.hero-platforms .icon{width:18px;height:18px;color:var(--mint)}
.hero-platforms b{font:600 .8125rem/1.6 system-ui,sans-serif;color:#def9ee;padding-inline-start:9px;border-inline-start:1px solid #44616a}
.hero-platforms:hover{color:var(--mint)}
.platform-section{padding:105px 0;background:radial-gradient(ellipse at 65% 40%,#164b5129,transparent 62%),#081a25}
.platform-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:58px;align-items:center}
.platform-copy h2{font-size:clamp(2rem,3.3vw,2.9rem);margin-top:15px;line-height:1.5}
.platform-copy h2 em{font-style:normal;color:var(--mint)}
.platform-copy>p{margin-top:22px;font-size:1rem;line-height:1.95}
.platform-labels{display:flex;gap:13px;flex-wrap:wrap;margin-top:27px}
.platform-labels>span{display:grid;grid-template-columns:22px 1fr;gap:0 10px;align-items:center;border:1px solid #3e6871;background:#11323c75;border-radius:13px;padding:12px 17px;min-width:136px}
.platform-labels .icon{grid-row:1/3;color:var(--mint)}
.platform-labels b{font:650 1rem/1.4 system-ui,sans-serif}
.platform-labels small{font-size:.875rem;color:#a7c5c9;line-height:1.6}
.platform-copy>p.platform-note{font-size:.875rem;color:#9db6c0;margin-top:22px}
.platform-demo{position:relative;min-width:0;padding:24px;border:1px solid #426d75;border-radius:27px;background:radial-gradient(ellipse at 25% 45%,#2b82712b,transparent 65%),radial-gradient(ellipse at 85% 65%,#83593620,transparent 60%),#0d2633;box-shadow:0 28px 90px #0005,0 0 70px #5ce0ca0a}
.platform-demo-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-bottom:23px;line-height:1.7}
.platform-demo-head b{font-size:1rem;font-weight:650}
.platform-demo-head small{font-size:.8125rem;color:#9cb5bf}
.platform-devices{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr));gap:25px;max-width:520px;margin:0 auto;padding:6px 0 25px;align-items:start}
.platform-device{position:relative;min-width:0;padding:33px 9px 20px;border:1px solid #699695;border-radius:27px;background:linear-gradient(145deg,#193940,#041018 48%);box-shadow:0 18px 38px #0008;will-change:transform}
.platform-ios{border-color:#8296a6;background:linear-gradient(145deg,#344757,#081621 50%)}
.platform-os-label{position:absolute;top:10px;left:14px;color:#dff5f0;font:650 .8125rem/1 system-ui,sans-serif}
.platform-device-camera{position:absolute;top:10px;left:50%;width:8px;height:8px;border-radius:50%;background:#01070a;box-shadow:0 0 0 2px #425d66}
.platform-ios .platform-device-camera{width:34px;height:9px;transform:translateX(-50%);border-radius:8px;box-shadow:none}
.platform-app{background:#e7f4f1;border-radius:16px;padding:13px 10px 11px;color:#164249;min-width:0;overflow:hidden}
.platform-app-head{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.875rem;line-height:1.5}
.platform-app-head .icon{width:17px;height:17px;color:#0b8f7c}
.platform-app h3{font-size:1rem;line-height:1.5;text-align:center;margin:12px 0 8px;min-height:48px;display:grid;place-content:center;overflow-wrap:anywhere}
.platform-screen{position:relative;height:14rem;border:1px solid #b5d6cf;border-radius:10px;background:#d8eae5;overflow:hidden}
.platform-pane{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .7s ease,transform .7s var(--ease),visibility .7s;pointer-events:none}
.platform-pane.is-current{opacity:1;visibility:visible;transform:none}
.platform-pane[data-platform-pane="map"]>img{position:absolute;inset:0;width:100%;height:100%;filter:brightness(.63) saturate(.65)}
.platform-map-boundary{position:absolute;inset:7% 0;width:100%;height:83%;filter:drop-shadow(0 0 5px #66efce70)}
.platform-map-boundary path{fill:#5ce0ca22;stroke:#8af5d8;stroke-width:2;stroke-dasharray:7 5}
.platform-map-pin{position:absolute;top:42%;left:47%;color:#c1ffe9}
.platform-map-pin .icon{width:25px;height:25px}
.platform-map-caption{position:absolute;inset:auto 7px 8px;display:block;background:#083039e6;border:1px solid #79e6ce88;border-radius:7px;padding:7px 4px;color:#d5fff0;font-size:.875rem;text-align:center;line-height:1.55}
.platform-mini-form{padding:11px;display:flex;flex-direction:column;gap:8px;background:#f1f9f6;font-size:.875rem;line-height:1.5}
.platform-location{display:flex;align-items:center;justify-content:center;gap:4px;color:#0c7c68;font-size:.8125rem;line-height:1.5}
.platform-location .icon{width:15px;height:15px}
.platform-mini-form>div{display:flex;flex-direction:column;gap:2px;padding:5px 0;border-bottom:1px solid #bdd7d1}
.platform-mini-form small{color:#547780;font-size:.8125rem}
.platform-mini-form b{font-size:.875rem;overflow-wrap:anywhere}
.platform-mini-save{display:block;border-radius:6px;padding:6px 5px;text-align:center;background:#0e8f7c;color:#fff;font-size:.875rem;margin-top:auto}
.platform-mini-media{padding:10px;background:#f1f9f6;display:flex;align-items:center;flex-direction:column;gap:8px;text-align:center}
.platform-mini-media>img{width:100%;height:90px;border-radius:7px}
.platform-mini-media>div{display:flex;align-items:center;justify-content:center;gap:9px;color:#158873}
.platform-mini-media b{font-size:.875rem;line-height:1.5}
.platform-mini-media small{font-size:.8125rem;line-height:1.5;color:#587880}
.platform-mini-offline{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;text-align:center;padding:10px;background:#eff8f5}
.platform-offline-check{display:grid;place-items:center;width:55px;height:55px;border-radius:50%;background:#c8efe1;border:1px solid #63bb9e;color:#107660}
.platform-offline-check .icon{width:27px;height:27px}
.platform-mini-offline b{font-size:.875rem;line-height:1.5}
.platform-mini-offline>span:not(.platform-offline-check){display:flex;align-items:center;gap:5px;font-size:.8125rem;color:#5b7378;line-height:1.5}
.platform-mini-offline>span>.icon{width:16px;height:16px}
.platform-mini-offline small{font-size:.8125rem;color:#537b76;line-height:1.5}
.platform-app-status{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:11px;min-height:3.375rem;color:#16654f;font-size:.8125rem;line-height:1.5;text-align:center;overflow-wrap:anywhere}
.platform-app-status .icon{width:16px;height:16px}
.platform-device-home{height:3px;width:36px;border-radius:3px;background:#677e87;margin:11px auto 0}
.platform-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;border-top:1px solid #44616a;padding-top:17px}
.platform-steps button{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;min-width:0;min-height:74px;padding:10px 4px 13px;border-radius:10px;border:1px solid transparent;background:#081d285c;color:#a4c3ca;font-size:.875rem;line-height:1.45;transition:background .3s,color .3s,border-color .3s;overflow-wrap:anywhere;overflow:hidden}
.platform-steps .icon{width:20px;height:20px}
.platform-steps button.selected{background:#1d5a5185;border-color:#5bd5bd80;color:#cefff0}
.platform-steps button i{position:absolute;inset:auto 8px 0;height:2px;background:var(--mint);transform:scaleX(0);transform-origin:0 50%}
.platform-playback{display:block;margin:17px auto 0;padding:4px 12px;min-height:36px;border:0;border-bottom:1px solid #5a8584;border-radius:0;background:transparent;color:#aacdcf;font-size:.875rem;line-height:1.6}
.platform-playback:hover{color:#d9fff1}
.platform-playback:disabled{cursor:default;border-bottom-color:transparent;color:#8eabb6}
.platform-section.section-active .platform-device{animation:platform-float 7s ease-in-out infinite}
.platform-section.section-active .platform-ios{animation-delay:-3.5s}
.platform-section.section-active .platform-map-boundary path{animation:platform-boundary 12s linear infinite}
.platform-section.section-active .platform-demo[data-playback="auto"] .platform-steps button.selected i{animation:platform-progress 5.6s linear both}
.platform-demo[data-playback="manual"] .platform-device,.platform-demo[data-playback="manual"] .platform-map-boundary path{animation-play-state:paused}
.platform-demo[data-playback="manual"] .platform-steps button.selected i{transform:scaleX(1)}
@keyframes platform-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes platform-boundary{to{stroke-dashoffset:-96}}
@keyframes platform-progress{to{transform:scaleX(1)}}
@media(max-width:1000px){.platform-layout{grid-template-columns:1fr;gap:37px}.platform-copy{max-width:670px}.platform-demo{width:100%;max-width:690px;margin:auto}}
@media(max-width:560px){.platform-section{padding:76px 0}.platform-layout{gap:28px}.platform-copy h2{font-size:2rem}.platform-demo{padding:17px 13px;border-radius:20px}.platform-demo-head{padding-bottom:19px;gap:6px}.platform-demo-head b{font-size:.9375rem}.platform-demo-head small{font-size:.8125rem}.platform-devices{gap:11px;padding-bottom:16px}.platform-device{border-radius:21px;padding:31px 5px 12px}.platform-app{padding:10px 6px;border-radius:13px}.platform-app h3{font-size:.875rem;min-height:44px}.platform-app-head{font-size:.8125rem}.platform-app-head .icon{width:15px;height:15px}.platform-screen{height:235px}.platform-app-status{min-height:69px;margin-top:7px;font-size:.8125rem;gap:3px}.platform-app-status .icon{width:13px;height:13px}.platform-os-label{left:10px;font-size:.75rem}.platform-ios .platform-device-camera{width:23px;left:67%}.platform-mini-form{padding:7px;gap:5px}.platform-mini-media{padding:7px}.platform-mini-offline{padding:7px;gap:9px}.platform-map-caption{inset:auto 4px 6px;font-size:.8125rem}.platform-steps{gap:4px;padding-top:13px}.platform-steps button{font-size:.875rem;min-height:80px}.platform-playback{margin-top:12px}.platform-labels{gap:9px}.platform-labels>span{padding:10px 14px}.platform-copy>p{margin-top:17px}}
@media(max-width:360px){.platform-devices{gap:7px}.platform-demo{padding-inline:9px}.platform-app{padding-inline:4px}.platform-app-head .icon{display:none}.platform-device-camera{left:75%}.platform-ios .platform-device-camera{left:74%}.platform-mini-form{padding-inline:5px}.platform-mini-form small{font-size:.75rem}.platform-app-status{font-size:.75rem}}
.motion-off .platform-device,.motion-off .platform-map-boundary path,.motion-off .platform-steps button.selected i{animation:none!important}
.motion-off .platform-pane{transition:none}
@media(prefers-reduced-motion:reduce){.platform-device,.platform-map-boundary path,.platform-steps button.selected i{animation:none!important}.platform-pane{transition:none}.platform-steps button.selected i{transform:scaleX(1)}}
@media(max-width:560px){.platform-screen{height:15rem}.platform-app-status{min-height:4.3125rem}html[lang="de"] .platform-screen{height:19rem}}
@media(max-width:420px){.header-contact{display:none}.header-inner{height:auto;min-height:72px;flex-wrap:wrap;gap:10px;padding-block:12px}.header-inner .brand{margin-inline-end:auto}.language-picker,.menu-button{flex:none}.site-header nav{top:100%}}
@media(max-width:360px){.platform-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-steps button{flex-direction:row;min-height:48px;padding:10px 5px;gap:7px}}