:root{color-scheme:light;--ink:#101827;--blue:#1769e0;--navy:#08111f;--muted:#526174;--line:#d9e0e8;--surface:#f4f7fa;--shell:1180px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:77px}body{margin:0;background:#fff;color:var(--ink)}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}p,h1,h2,h3{margin:0}:focus-visible{outline:3px solid #579aff;outline-offset:4px}.skip{position:fixed;z-index:10;top:10px;left:10px;transform:translateY(-200%);padding:12px;background:#fff;color:var(--ink)}.skip:focus{transform:none}.shell{width:min(var(--shell),calc(100% - 84px));margin-inline:auto}.nav{position:sticky;top:0;z-index:5;background:#08111ff5;color:#fff;border-bottom:1px solid #ffffff1c;backdrop-filter:blur(14px)}.nav-inner{width:min(var(--shell),calc(100% - 84px));margin:auto;min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{display:inline-flex;align-items:center;gap:9px;font-weight:770;letter-spacing:-.04em;font-size:21px}.nav nav{display:flex;gap:31px;color:#c1cddd;font-size:14px}.nav nav a:hover,.plain-link:hover{color:#fff}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:11px 18px;border-radius:999px;font-weight:700;font-size:14px;white-space:nowrap}.nav-cta{background:#ffffff12;border:1px solid #ffffff36}.nav-cta:hover{background:#ffffff25}.bright{background:#1769e0;color:#fff;padding:15px 23px}.bright:hover{background:#287af1}.hero{position:relative;isolation:isolate;overflow:hidden;background:#08111f;color:#fff}.hero-ambient{position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 80% 37%,#163155,transparent 61%),radial-gradient(ellipse at 19% 86%,#0b2036,transparent 50%)}.hero-grid{min-height:640px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:32px;padding-block:50px 39px}.hero-copy{position:relative;z-index:1}.eyebrow{display:flex;align-items:center;gap:10px;color:#a9c1e5;font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:780}.live-dot,.demo-caption i{width:8px;height:8px;display:inline-block;border-radius:50%;background:#5fe4bf;box-shadow:0 0 14px #4cdfb48c}.hero h1{margin:21px 0 23px;font-size:clamp(82px,9vw,144px);letter-spacing:-.093em;line-height:.83;font-weight:810}.hero h1 em{font-style:normal;color:#a3c8ff}.hero-lead{max-width:450px;color:#c1cddd;font-size:clamp(17px,1.8vw,22px);line-height:1.48}.hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:28px}.plain-link{font-size:14px;color:#bcd1ed;font-weight:680}.plain-link span{margin-left:5px}.hero-visual{position:relative;height:550px;overflow:hidden;isolation:isolate;border:1px solid #58708c;border-radius:30px;background:#101d2c;box-shadow:0 18px 80px #02050b72}.hero-photo{position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,#0b1628e8 0%,#0b182888 55%,#091324a0),url(assets/workshop.webp) center/cover;opacity:.88}.hero-rail{position:absolute;top:18px;left:21px;right:21px;display:flex;justify-content:space-between;gap:10px;font-size:9px;letter-spacing:.13em;font-weight:760;color:#c3d5f0}.hero-rail i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#79abff;margin-right:5px}.phone{position:absolute;top:56px;left:25%;width:48%;min-width:240px;max-width:300px;transform:rotate(-6deg);border-radius:37px;padding:8px;background:#0b1019;box-shadow:0 30px 70px #000b,0 0 0 1px #a9bdd2,0 0 0 3px #243749;overflow:hidden;color:#101827}.phone-camera{position:absolute;top:14px;left:50%;transform:translateX(-50%);width:70px;height:12px;background:#101827;border-radius:9px}.phone-header{display:flex;align-items:center;justify-content:space-between;padding:26px 14px 10px;background:#f4f7fa;border-radius:29px 29px 0 0;font-size:12px}.phone-header span{font-size:20px;color:#1769e0;line-height:10px}.phone-header small{font-size:9px;color:#66758a}.phone-photo{width:100%;height:155px;object-fit:cover;object-position:center 59%}.phone-body{background:#fff;padding:12px 15px 14px;border-radius:0 0 29px 29px}.phone-id{font-size:9px;color:#66758a;font-weight:740;letter-spacing:.08em}.phone-body>strong{display:block;font-size:21px;letter-spacing:-.052em;line-height:1.12;margin:3px 0 8px}.phone-fact,.phone-history{display:flex;justify-content:space-between;gap:4px;border-block:1px solid #e8edf3;padding:9px 0;font-size:10px}.phone-fact span{color:#526174}.phone-command{background:#d22f37;color:#fff;border-radius:8px;font-size:12px;text-align:center;padding:9px;margin:10px 0;font-weight:750}.phone-history{border-bottom:0;padding-bottom:2px;font-weight:720}.pin{position:absolute;right:4.5%;bottom:56px;display:flex;align-items:center;gap:9px;background:#112139ed;border:1px solid #6784aa;border-radius:14px;padding:11px 13px;box-shadow:0 12px 32px #0005}.pin-icon{color:#a7cbff;background:#24436a;border-radius:9px;display:grid;place-items:center;width:32px;height:32px}.pin small,.pin b{display:block}.pin small{font-size:8px;color:#a9c1e5;letter-spacing:.11em;font-weight:740}.pin b{font-size:13px;margin-top:2px}.hero-foot{display:flex;justify-content:space-between;border-top:1px solid #ffffff26;padding-block:14px 19px;color:#b4c5dd;font-size:10px;letter-spacing:.13em;font-weight:710}.hero-foot a{letter-spacing:0;font-size:12px}.hero-foot a span{margin-left:5px}
.section{padding-block:98px}.ink-blue{color:#1656aa}.section h2,.closing h2{font-size:clamp(42px,6.4vw,84px);line-height:.98;letter-spacing:-.074em;font-weight:810;margin-top:13px;text-wrap:balance}.section-intro{color:var(--muted);max-width:640px;font-size:19px;line-height:1.48;margin-top:18px}.feature-grid,.examples-grid{margin-top:40px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.feature{background:#f3f6fb;border:1px solid #e4eaf2;border-radius:25px;min-width:0;padding:23px 24px 26px}.feature-num{font-size:10px;font-weight:800;color:#24558e;letter-spacing:.13em}.feature h3,.example-body h3{font-size:25px;letter-spacing:-.048em;line-height:1.13;margin-top:11px}.feature p,.example-body p{font-size:15px;line-height:1.47;color:var(--muted);margin-top:8px}.feature-preview{min-height:120px;display:flex;flex-direction:column;justify-content:center;gap:8px}.fake-search,.fake-result{border:1px solid #e0e7f0;border-radius:10px;padding:7px 10px;background:#fff;font-size:12px}.fake-search{color:#425778}.fake-result{display:flex;align-items:center;gap:9px}.fake-result img{width:38px;height:31px;object-fit:cover;border-radius:5px}.fake-result small,.timeline-preview small{display:block;color:#526174;margin-top:2px}.route-preview{flex-direction:row;align-items:center;justify-content:start;gap:6px}.route-preview span{border:1px solid #d9e5f6;background:#fff;border-radius:8px;padding:8px 8px;font-size:11px;font-weight:680}.route-preview .new-location{background:#e1edff;color:#164d98}.route-preview i{font-style:normal;color:#1769e0}.timeline-preview{flex-direction:row;align-items:center;justify-content:start;gap:8px;font-size:12px}.timeline-preview i{width:8px;height:8px;border-radius:50%;background:#1769e0}.timeline-preview time{margin-left:auto;color:#526174;font-size:11px}
.demo-section{color:#fff;background:radial-gradient(ellipse at 70% 14%,#153356,transparent 60%),#08111f}.demo-heading{display:grid;grid-template-columns:1.4fr .75fr;gap:25px;align-items:end}.demo-heading h2{margin-bottom:3px}.demo-heading>p{font-size:17px;line-height:1.53;color:#c0cfe2;max-width:365px}.scene-bar{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0 13px}.scene-bar button{border-radius:999px;min-height:43px;background:#ffffff0e;border:1px solid #ffffff36;color:#dce7f9;font-weight:680;padding:8px 14px}.scene-bar button span{font-size:10px;color:#a9c1e5;margin-right:5px}.scene-bar button[aria-pressed=true]{background:#eaf2ff;color:#0f2646;border-color:#eaf2ff}.scene-bar button[aria-pressed=true] span{color:#37619a}.demo-caption{display:flex;justify-content:space-between;gap:10px;color:#b9cae0;font-size:12px;margin-top:13px}.demo-caption i{width:6px;height:6px;margin-right:4px}.app{border-radius:23px;overflow:hidden;color:var(--ink);background:#eef2f6;border:1px solid #c0ccda;box-shadow:0 32px 80px #0005}.app-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 19px;background:#fff;border-bottom:1px solid var(--line)}.app-brand{display:flex;align-items:center;gap:10px}.app-brand strong,.app-brand small{display:block}.app-brand strong{font-size:16px}.app-brand small{font-size:11px;color:#526174;margin-top:2px}.app-tabs{display:flex;gap:5px;padding:4px;border-radius:11px;background:#eef2f6}.app-tabs button,.reset{border:0;background:transparent;color:#475569;min-height:35px;border-radius:8px;padding:5px 12px;font-size:13px;font-weight:720}.app-tabs button[aria-pressed=true]{background:#1d4ed8;color:#fff}.reset:hover{background:#eef2f6}.reset span{font-size:16px}.app-content{padding:15px 18px 10px}.task{display:flex;align-items:center;gap:11px;background:#eaf2ff;border:1px solid #cddffc;border-radius:13px;padding:10px 13px;margin-bottom:13px}.task-icon{display:grid;place-items:center;flex:none;width:33px;height:33px;border-radius:9px;background:#d8e8ff;color:#1769e0;font-size:21px}.task strong{font-size:13px}.task p{font-size:12px;color:#445c7d;line-height:1.35;margin-top:2px}.task-action{margin-left:auto;flex:none;background:#fff;color:#174f9e;border:1px solid #c5d8f4;border-radius:8px;font-weight:700;font-size:12px;min-height:36px;padding:5px 9px}.workspace{display:grid;grid-template-columns:1.15fr 1fr;gap:13px;align-items:start}.browser-panel,.detail-panel{background:#fff;border:1px solid #d9e0e8;border-radius:15px;min-width:0;overflow:hidden}.browser-panel{padding:13px}.detail-panel{min-height:150px}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.search{position:relative;flex:1 1 200px}.search span{position:absolute;left:11px;top:9px;color:#526174;font-size:17px}.search input,.sheet input,.sheet select,.sheet textarea{display:block;width:100%;min-height:42px;border:1px solid #cdd7e3;border-radius:9px;background:#fff;color:var(--ink);padding:8px 9px}.search input{padding-left:34px}.search input::placeholder{color:#5a6778}.app-button{border:1px solid #cdd7e3;border-radius:9px;background:#fff;color:#1e3a62;padding:8px 10px;font-size:13px;font-weight:720;min-height:39px}.app-button:hover,.place-chip:hover{background:#eaf2ff}.app-button.primary{background:#1769e0;border-color:#1769e0;color:#fff}.app-button.move{background:#d22f37;border-color:#d22f37;color:#fff}.app-button.move:hover{background:#b92930}.app-button:disabled{opacity:.5;cursor:default}.filter-row{display:flex;gap:5px;flex-wrap:wrap;margin:10px 0}.place-chip{border:1px solid #d6e0ee;background:#f4f7fa;color:#334b69;padding:5px 9px;min-height:32px;border-radius:999px;font-size:12px;font-weight:650}.place-chip[aria-pressed=true]{background:#1d4ed8;color:#fff;border-color:#1d4ed8}.list-meta{color:#526174;font-size:12px;margin:8px 0;font-weight:650}.item-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.item{display:flex;flex-direction:column;text-align:left;border:1px solid #d9e0e8;border-radius:11px;background:#fff;color:#101827;padding:0;overflow:hidden;min-width:0}.item:hover,.item[aria-pressed=true]{border-color:#1769e0;box-shadow:inset 0 0 0 1px #1769e0}.item-thumb{width:100%;aspect-ratio:1.85;background:linear-gradient(135deg,#eef2f7,#dbe3ee);display:grid;place-items:center;color:#65809e;overflow:hidden}.item-thumb img{width:100%;height:100%;object-fit:cover}.item-thumb svg,.detail-photo svg{width:36px;height:36px}.item-text{display:block;padding:7px 8px 8px;width:100%;line-height:1.25}.item-text b{font-size:13px;display:block;overflow-wrap:anywhere}.item-text small{font-size:11px;color:#536479;display:block;margin-top:4px}.place-list{display:grid;gap:7px}.place-row{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #d9e0e8;border-radius:9px;background:#f4f7fa;color:#172b46;font-weight:700;text-align:left;min-height:42px;padding:7px 11px}.place-row[aria-pressed=true]{background:#eaf2ff;border-color:#8db3ef}.place-row small{color:#475c77}.detail-head{min-height:39px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 12px;background:#f4f7fa;border-bottom:1px solid #e6ebf0;font-size:13px;font-weight:800}.detail-head small{font-size:10px;color:#66758a}.detail-photo{width:100%;height:190px;background:#dfe5eb;display:grid;place-items:center;color:#65809e;overflow:hidden}.detail-photo img{width:100%;height:100%;object-fit:cover;object-position:center 60%}.detail-body{padding:12px}.detail-body h3{font-size:21px;line-height:1.13;letter-spacing:-.035em;overflow-wrap:anywhere}.item-id{color:#66758a;font-size:10px;font-weight:760;letter-spacing:.08em;margin-bottom:4px}.facts{margin-top:11px}.fact{display:flex;justify-content:space-between;gap:9px;border-block:1px solid #e9edf2;padding:8px 0;font-size:12px}.fact span{color:#526174}.fact b{text-align:right}.detail-actions{display:flex;gap:7px;margin:9px 0;flex-wrap:wrap}.detail-body details{border-top:1px solid #e9edf2;padding-top:8px;margin-top:7px}.detail-body summary{font-size:13px;font-weight:760;cursor:pointer}.event-list{padding:0;list-style:none;margin:8px 0 0}.event-list li{padding:7px 0;border-top:1px solid #e9edf2;font-size:12px;overflow-wrap:anywhere}.event-list small{color:#526174;display:block;margin-top:2px}.empty{padding:15px 3px;color:#526174;font-size:13px}.app-status{font-size:12px;color:#13573e;font-weight:700;min-height:18px;margin-top:7px}.sheet{padding:15px}.sheet h3{font-size:19px;margin:7px 0}.sheet p,.sheet label{font-size:13px;color:#475569}.sheet label{display:grid;gap:5px;margin-top:9px}.sheet textarea{resize:vertical}.sheet .sheet-handle{width:38px;height:4px;border-radius:4px;background:#cbd3dd;margin:0 auto 8px}.sheet .notice{padding:8px;background:#eaf2ff;border-radius:8px;margin-block:8px}.sheet .sample-photo{width:100%;height:135px;object-fit:cover;border-radius:9px;margin-block:9px}
.examples-grid article{border:1px solid #e4eaf2;border-radius:25px;overflow:hidden;background:#f4f7fa}.examples-grid img{width:100%;aspect-ratio:1.62;object-fit:cover}.example-body{padding:19px 22px 22px}.example-body a{display:inline-block;color:#125dbf;font-weight:730;font-size:14px;margin-top:17px}.example-body a:hover{text-decoration:underline}.example-body a span{margin-left:4px}.closing{color:#fff;text-align:center;padding:80px 0 88px;background:radial-gradient(ellipse at center,#193d6b,#08111f 70%)}.closing img{margin:auto}.closing .button{margin-top:24px}footer{color:#b5c6dd;background:#08111f;border-top:1px solid #ffffff20}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:65px;font-size:12px}.footer-inner .brand{color:#fff;font-size:17px}
@media(max-width:1000px){.hero-grid{min-height:570px}.hero-visual{height:485px}.phone{top:43px;left:19%}.pin{bottom:31px}.section{padding-block:76px}.feature{padding:17px}.feature-grid,.examples-grid{gap:11px}.route-preview span{font-size:10px}.feature-num{font-size:9px}}
@media(max-width:760px){.shell,.nav-inner{width:calc(100% - 36px)}.nav-inner{min-height:58px}.nav nav{display:none}.hero-grid{grid-template-columns:1fr;padding-block:42px 24px;gap:30px}.hero h1{font-size:clamp(74px,15vw,108px)}.hero-visual{height:454px}.phone{top:42px;left:50%;transform:translateX(-55%) rotate(-6deg)}.section{padding-block:63px}.demo-heading{grid-template-columns:1fr;gap:13px}.feature-grid,.examples-grid{grid-template-columns:1fr;margin-top:24px}.feature{padding:17px 19px}.feature-preview{min-height:95px}.examples-grid img{aspect-ratio:1.8}.workspace{grid-template-columns:1fr}.detail-panel{scroll-margin-top:72px}.app-head{flex-wrap:wrap;padding:10px 12px}.app-tabs{order:3;width:100%}.app-tabs button{flex:1}.app-content{padding:9px}.app-brand strong{font-size:14px}.task{flex-wrap:wrap}.task>div{flex:1 1 150px}.task-action{margin-left:44px}.demo-caption{flex-wrap:wrap}.detail-photo{height:210px}}
@media(max-width:380px){.shell,.nav-inner{width:calc(100% - 24px)}.hero-actions{gap:11px}.hero h1{font-size:68px}.hero-visual{height:430px}.pin{bottom:14px}.hero-rail{font-size:8px}.app-head{gap:7px}.browser-panel{padding:8px}.scene-bar{gap:5px}.scene-bar button{padding:6px 8px;font-size:13px}.footer-inner{flex-wrap:wrap;padding-block:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.language{color:#fff;background:#172539;border:1px solid #71829a;border-radius:8px;padding:6px;max-width:115px}.nav-end{display:flex;align-items:center;gap:10px}.hero-actions{gap:9px}.hero-actions .button{background:#1b2e47;border:1px solid #516785;color:#fff;padding:11px 14px}.hero-actions .bright{background:#1769e0;border-color:#1769e0}.hero-actions .button:hover{background:#2665b2}.hero-grid{min-height:590px}.hero-photo{background-image:linear-gradient(115deg,#0b1628e8 0%,#0b182888 55%,#091324a0),url(assets/place-0.webp)}.phone-body>strong{font-size:19px}.phone-fact b{text-align:right}.demo-top{padding-top:64px}.demo-heading{grid-template-columns:1fr 1fr}.demo-heading h2{font-size:clamp(38px,5.4vw,72px)}.quick{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:10px}.quick button{flex:0 1 auto}.quick .primary{margin-right:auto}.location-photo{width:60px;height:42px;object-fit:cover;border-radius:5px}.place-row span{flex:1}.place-row{min-height:57px}.item-grid{max-height:480px;overflow:auto;padding:2px;scrollbar-gutter:stable}.level{display:block;margin:5px 0 0;font-size:11px;color:#166345;font-weight:750}.level progress{height:6px;display:block;width:100%;accent-color:#18864b;margin-top:3px}.item-thumb{position:relative}.item-thumb img{object-fit:contain;background:#dce2e9}.item-thumb svg{width:26px;height:26px}.detail-photo img{object-fit:contain}.demo-caption{font-size:13px}.demo-help{font-size:13px;color:#475569;line-height:1.45;margin:7px 0}.demo-help button{margin-left:4px}.compact-form{display:flex;flex-wrap:wrap;align-items:end;gap:8px}.compact-form label{flex:1 1 110px;font-size:12px;color:#475569}.compact-form input{width:100%;border:1px solid #cad6e4;border-radius:8px;padding:8px;color:#101827;min-height:39px}.access-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-block:8px}.access-bar label{font-size:13px;color:#334b69}.access-bar select{border:1px solid #cad6e4;border-radius:8px;background:#fff;color:#101827;min-height:34px}.scanner-view{position:relative;isolation:isolate;width:100%;min-height:245px;display:grid;place-items:center;overflow:hidden;border-radius:12px;background:#132339;color:#fff}.scanner-view>img{position:absolute;z-index:-1;width:100%;height:100%;object-fit:cover;filter:brightness(.68)}.scanner-frame{display:grid;place-items:center;width:149px;height:149px;border:2px solid #b6e2ff;border-radius:14px;box-shadow:0 0 0 200px #03102360;position:relative}.scanner-frame:after{content:"";position:absolute;top:50%;height:1px;width:120%;background:#7fe5ff;box-shadow:0 0 8px #66daff;pointer-events:none}.qr-target{background:#fff;border:0;padding:6px;border-radius:5px}.qr-target img{width:81px;height:81px}.demo-catalog{max-width:790px;margin-top:24px}.demo-catalog details{border-top:1px solid #d9e0e8;padding:13px 0}.demo-catalog details:last-child{border-bottom:1px solid #d9e0e8}.demo-catalog summary{cursor:pointer;font-weight:740;font-size:17px}.demo-catalog p{font-size:15px;color:#526174;margin:9px 0;line-height:1.5}.demo-catalog a{font-size:14px;color:#1760c5;font-weight:740}.demo-catalog a:hover{text-decoration:underline}.demo-catalog a:focus-visible{outline-offset:2px}.sample-photo{background:#dce2e9;object-fit:contain!important}.guide-tag{background:#eaf2ff;border-radius:8px;padding:7px 9px;margin-block:8px}.role-menu{display:flex;align-items:center;gap:5px}.role-menu select{max-width:90px}.tag-price{display:block;font-weight:700;color:#174f9e;font-size:12px}.status-row{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}.status-row .app-button{font-size:12px}.facts .fact{border-bottom:0}.facts .fact:last-child{border-bottom:1px solid #e9edf2}.item-grid .item:focus-visible{outline-offset:0}.detail-head:focus{outline-offset:-4px}
@media(max-width:760px){.nav-cta{display:none}.demo-heading{grid-template-columns:1fr}.hero-grid{min-height:0}.item-grid{max-height:365px}.demo-top{padding-top:55px}.quick .primary{margin-right:0}.quick .app-button{flex:1 1 auto}.hero-actions .button{padding-inline:10px;font-size:13px}.phone-fact{font-size:9px}.feature-grid,.examples-grid{margin-top:18px}}
@media(max-width:380px){.hero h1{font-size:62px}.item-grid{max-height:310px}}
