:root{--ink: #16302c;--ink-2: #3f5753;--muted: #63766f;--mist: #f3f7f6;--paper: #ffffff;--line: #dfe8e5;--teal: #2f9e8f;--teal-deep: #1d6b61;--teal-soft: #e0f3ef;--coral: #ec7a62;--coral-ink: #b4472f;--coral-soft: #fde9e3;--display: "Bricolage Grotesque", "Plus Jakarta Sans", system-ui, sans-serif;--text: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--wrap: 1180px;--shadow-soft: 0 1px 2px rgba(22, 48, 44, .05), 0 12px 32px rgba(22, 48, 44, .08);--shadow-deep: 0 30px 70px -20px rgba(22, 48, 44, .35)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--mist);color:var(--ink);font:400 17px/1.6 var(--text);-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{color:inherit}h1,h2,h3{font-family:var(--display);margin:0;color:var(--ink);text-wrap:balance}h2{font-size:clamp(1.9rem,3.4vw,2.85rem);line-height:1.08;letter-spacing:-.025em;font-weight:700;max-width:20ch}h3{font-size:1.22rem;line-height:1.25;font-weight:650;letter-spacing:-.01em}p{margin:0}.wrap{width:min(var(--wrap),100% - 40px);margin-inline:auto}.section-lead{margin-top:14px;max-width:58ch;color:var(--muted);font-size:1.08rem}:focus-visible{outline:3px solid var(--teal);outline-offset:3px;border-radius:6px}.skip{position:absolute;left:12px;top:-60px;z-index:50;background:var(--ink);color:#fff;padding:10px 14px;border-radius:10px}.skip:focus{top:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border-radius:12px;border:1px solid transparent;font:600 .98rem/1.2 var(--text);text-decoration:none;cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}.btn-lg{min-height:52px;padding:14px 24px;font-size:1.02rem}.btn-primary{background:var(--teal);color:#fff}.btn-primary:hover{background:var(--teal-deep)}.btn-ghost{background:var(--paper);border-color:var(--line);color:var(--ink)}.btn-ghost:hover{border-color:var(--teal);color:var(--teal-deep)}.btn-light{background:#fff;color:var(--teal-deep)}.btn-light:hover{background:var(--teal-soft)}.btn-outline-light{border-color:#ffffff73;color:#fff}.btn-outline-light:hover{border-color:#fff;background:#ffffff14}.top{position:sticky;top:0;z-index:20;background:#f3f7f6e0;-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid transparent}.top.scrolled{border-bottom-color:var(--line)}.top-row{display:flex;align-items:center;gap:28px;min-height:72px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font:700 1.15rem/1 var(--display);letter-spacing:-.01em}.nav{display:flex;gap:22px;margin-right:auto;font-size:.95rem}.nav a,.nav-mobile a:not(.btn){text-decoration:none;color:var(--ink-2)}.nav a:hover{color:var(--teal-deep)}.top-actions{display:flex;gap:10px}.menu{display:none;margin-left:auto;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:var(--paper);cursor:pointer;place-content:center;gap:6px}.menu span{display:block;width:18px;height:2px;background:var(--ink);border-radius:2px}.nav-mobile{display:grid;gap:4px;padding:8px 20px 20px;border-bottom:1px solid var(--line)}.nav-mobile[hidden]{display:none}.nav-mobile a:not(.btn){padding:12px 0;border-bottom:1px solid var(--line)}.nav-mobile .btn{margin-top:12px}.hero{padding:56px 0 72px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:center}.hero h1{font-size:clamp(2.6rem,5.4vw,4.7rem);line-height:1.01;letter-spacing:-.04em;font-weight:750;max-width:13ch}.lead{margin-top:24px;max-width:52ch;font-size:1.16rem;color:var(--ink-2)}.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.hero-note{margin-top:18px;font-size:.92rem;color:var(--muted)}.hero-visual{position:relative;min-height:600px}.phone{margin:0;border:10px solid var(--ink);border-radius:46px;overflow:hidden;background:var(--ink);box-shadow:var(--shadow-deep)}.phone img{border-radius:36px}.phone-hero{position:absolute;right:4%;top:0;width:300px;max-height:610px}.phone-hero img{border-radius:36px 36px 0 0}.hero-caption{margin-top:28px;max-width:70ch;font-size:.95rem;color:var(--muted);border-left:3px solid var(--teal);padding-left:14px}.pass{position:absolute;left:0;bottom:18px;width:min(360px,92%);background:var(--paper);border-radius:22px;box-shadow:var(--shadow-deep);overflow:hidden;z-index:2}.pass-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:14px 20px;background:var(--teal);color:#fff;font-size:.82rem}.pass-sector{font-weight:700}.pass-kind{opacity:.85}.pass-body{display:flex;justify-content:space-between;gap:16px;padding:18px 20px 16px}.pass-who{display:grid;gap:2px;font-size:.9rem;color:var(--muted)}.pass-who strong{font:700 1.3rem/1.2 var(--display);color:var(--ink)}.pass-code{margin-top:8px;font:700 1.6rem/1 var(--display);letter-spacing:.08em;color:var(--ink);font-variant-numeric:tabular-nums}.pass-qr{width:88px;height:88px;flex:none;transition:opacity .6s,filter .6s}.pass-tear{position:relative;height:0;border-top:2px dashed var(--line);margin:0 18px}.pass-tear:before,.pass-tear:after{content:"";position:absolute;top:-11px;width:20px;height:20px;border-radius:50%;background:var(--mist)}.pass-tear:before{left:-30px}.pass-tear:after{right:-30px}.pass-steps{list-style:none;margin:0;padding:14px 20px 18px;display:grid;gap:10px;font-size:.88rem;color:var(--muted)}.pass-steps li{display:flex;align-items:center;gap:10px;opacity:.38;transition:opacity .4s,color .4s}.pass-steps b{color:var(--ink);font-weight:650}.dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--line);flex:none;transition:background-color .4s,border-color .4s}.pass-steps li.done{opacity:1}.pass-steps li.done .dot{background:var(--teal);border-color:var(--teal)}.pass-steps li.done[data-step="4"] .dot{background:var(--ink);border-color:var(--ink)}.pass.used .pass-qr{opacity:.18;filter:grayscale(1)}.pass.used .pass-code{color:var(--muted);text-decoration:line-through;text-decoration-thickness:2px}.day{padding:96px 0;background:var(--paper);border-block:1px solid var(--line)}.day-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px}.day-intro{position:sticky;top:110px;align-self:start}.day-intro p{margin:16px 0 26px;color:var(--muted);font-size:1.08rem}.timeline{list-style:none;margin:0;padding:0;position:relative}.timeline:before{content:"";position:absolute;left:118px;top:10px;bottom:10px;width:2px;background:var(--line)}.timeline li{display:grid;grid-template-columns:100px minmax(0,1fr);gap:42px;padding:0 0 38px;position:relative}.timeline li:after{content:"";position:absolute;left:112px;top:7px;width:14px;height:14px;border-radius:50%;background:var(--paper);border:3px solid var(--teal)}.timeline time{font:700 1.05rem/1.4 var(--display);color:var(--teal-deep);text-align:right;font-variant-numeric:tabular-nums}.timeline p{margin-top:8px;color:var(--muted);max-width:56ch}.timeline li.is-alert time{color:var(--coral-ink)}.timeline li.is-alert:after{border-color:var(--coral)}.diff{padding:104px 0}.table-wrap{margin-top:40px;overflow-x:auto;border-radius:18px;border:1px solid var(--line);background:var(--paper)}.compare{width:100%;min-width:720px;border-collapse:collapse;font-size:.98rem}.compare th,.compare td{text-align:left;vertical-align:top;padding:20px 22px;border-bottom:1px solid var(--line)}.compare tbody tr:last-child th,.compare tbody tr:last-child td{border-bottom:0}.compare thead th{font:600 .9rem/1.3 var(--text);color:var(--muted);background:var(--mist)}.compare thead th:last-child{background:var(--teal);color:#fff}.compare tbody th{font:650 1.02rem/1.3 var(--display);width:18%}.compare td:nth-child(2){color:var(--muted);width:32%}.compare td:last-child{background:var(--teal-soft);color:var(--ink)}.roles{padding:96px 0 110px;background:var(--paper);border-block:1px solid var(--line)}.role{display:grid;gap:40px;align-items:center}.role-admin{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);margin-top:56px}.role-copy ul{margin:16px 0 0;padding:0;list-style:none;display:grid;gap:10px;color:var(--ink-2)}.role-copy li{position:relative;padding-left:22px}.role-copy li:before{content:"";position:absolute;left:0;top:.62em;width:9px;height:9px;border-radius:3px;background:var(--teal)}.screen{margin:0}.screen-desktop img{border-radius:16px;border:1px solid var(--line);box-shadow:var(--shadow-soft)}.role-pair{display:grid;grid-template-columns:1fr 1fr;gap:56px;margin-top:80px}.role-pair .role{grid-template-columns:230px minmax(0,1fr);align-items:start}.role-pair .phone{border-width:8px;border-radius:38px}.role-pair .phone img{border-radius:30px}.hardware{padding:104px 0;background:var(--ink);color:#e8f1ef}.hardware h2{color:#fff}.hardware .section-lead{color:#a9c2bd}.hardware-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:56px}.specs{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid rgba(255,255,255,.14)}.specs div{padding:26px 24px 26px 0;border-bottom:1px solid rgba(255,255,255,.14)}.specs div:nth-child(odd){padding-right:32px;border-right:1px solid rgba(255,255,255,.14)}.specs div:nth-child(2n){padding-left:32px}.specs dt{font:650 1.12rem/1.3 var(--display);color:#fff}.specs dd{margin:10px 0 0;color:#b9cfca;font-size:.97rem}.modules{padding:100px 0}.module-cloud{list-style:none;margin:36px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px;max-width:980px}.module-cloud li{display:inline-flex;align-items:center;gap:10px;padding:9px 16px 9px 10px;border-radius:999px;border:1px solid var(--line);background:var(--paper);font-size:.95rem;color:var(--ink-2)}.module-cloud li:before{content:"";width:30px;height:18px;border-radius:999px;background:#cfdcd8 radial-gradient(circle at 9px 50%,#fff 6px,transparent 6.5px);flex:none}.module-cloud li.on{border-color:#bfe4dc;color:var(--ink)}.module-cloud li.on:before{background:var(--teal) radial-gradient(circle at 21px 50%,#fff 6px,transparent 6.5px)}.faq{padding:96px 0;background:var(--paper);border-top:1px solid var(--line)}.faq-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:56px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:20px 0;font:600 1.08rem/1.35 var(--display)}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"";width:14px;height:14px;flex:none;margin-top:5px;background:linear-gradient(var(--teal),var(--teal)) center / 14px 2px no-repeat,linear-gradient(var(--teal),var(--teal)) center / 2px 14px no-repeat;transition:transform .2s}.faq-list details[open] summary:after{transform:rotate(45deg)}.faq-list details p{padding:0 0 22px;color:var(--muted);max-width:62ch}.closing{padding:88px 0;background:var(--teal-deep);color:#e3f3ef}.closing h2{color:#fff}.closing p{margin-top:14px;max-width:52ch;color:#cde8e2;font-size:1.08rem}.closing-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px;align-items:center}.closing-cta{display:grid;gap:12px;justify-items:start}.foot{padding:36px 0 44px;font-size:.92rem;color:var(--muted)}.foot-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px}.foot-row p{margin-right:auto}.foot nav{display:flex;gap:18px}.foot nav a{text-decoration:none}.foot nav a:hover{color:var(--teal-deep)}@media(max-width:1060px){.nav,.top-actions{display:none}.menu{display:grid}.hero-grid,.day-grid,.hardware-grid,.faq-grid,.closing-grid{grid-template-columns:1fr}.hero-visual{min-height:560px;max-width:560px}.day-intro{position:static}.role-admin{grid-template-columns:1fr}.role-pair{grid-template-columns:1fr;gap:64px}}@media(max-width:640px){body{font-size:16px}.hero{padding:32px 0 56px}.hero-visual{min-height:520px}.phone-hero{width:230px;right:0;max-height:480px}.pass{bottom:0}.day,.diff,.roles,.hardware,.modules,.faq,.closing{padding:64px 0}.timeline:before{left:6px}.timeline li{grid-template-columns:1fr;gap:4px;padding-left:30px}.timeline li:after{left:0}.timeline time{text-align:left}.role-pair .role{grid-template-columns:1fr}.role-pair .phone{max-width:260px}.specs{grid-template-columns:1fr}.specs div,.specs div:nth-child(odd),.specs div:nth-child(2n){padding:22px 0;border-right:0}.btn-lg{width:100%}.closing-cta{justify-items:stretch}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
