@font-face { font-family:"Inter"; src: url("../fonts/inter-var.woff2?v=4459a371") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; } @font-face { font-family:"JetBrains Mono"; src: url("../fonts/jbm-var.woff2?v=510af5c1") format("woff2"); font-weight: 100 800; font-style: normal; font-display: swap; } :root{ --canvas:#F5F5F7; --surface:#FFFFFF; --field:#F7F7F9; --tint:#F0F0F3; --hair:#E8E8ED; --border:#D9D9DE; --text:#1D1D1F; --mute:#5F5F66; --faint:#6E6E73; --accent:#0A6CFF; --accent-hover:#2E82FF; --accent-soft:#EAF2FF; --accent-btn:#0A6CFF; --accent-text:#0757CC; --green:#1E8E3E; --green-soft:#E8F5EC; --green-deep:#166B31; --red:#D93025; --red-soft:#FDECEB; --red-deep:#C0362C; --amber:#9A5200; --amber-soft:#FFF4E3; --red-dim:#EFB8B3; --amber-dim:#F1D3A3; --steel:#C7C9D1; --steel-dark:#9BA0AC; --belt:#E3E4E9; --grid:#EAEAF0; --mach:#F4F5F8; --mach-2:#E1E4EA; --mach-line:#B7BCC8; --belt-a:#E7E9EF; --belt-b:#D6D9E1; --graph:#3F434D; --carton:#FFF0D8; --item:#EEF3FB; --shade-1:rgba(16,18,26,.09); --shade-2:rgba(16,18,26,.1); --shadow:0 1px 2px rgba(16,18,26,.05), 0 8px 24px -16px rgba(16,18,26,.18); --shadow-lift:0 1px 2px rgba(16,18,26,.06), 0 22px 44px -26px rgba(16,18,26,.42); --r-card:18px; --r-btn:14px; --r-pill:999px; --r-in:12px; --fs-display:clamp(30px,4.1vw,50px); --fs-h2:clamp(26px,3.2vw,38px); --fs-h3:17px; --fs-lead:18px; --fs-body:16px; --fs-small:14px; --fs-micro:12px; --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px; --sp-7:48px; --sp-8:64px; --sec-node:104px; --sec-narr:72px; --sec-ref:56px; --ease-out:cubic-bezier(.2,.7,.2,1); --dur:160ms; --dur-slow:280ms; color-scheme:light; } html[data-theme="dark"]{ color-scheme:dark; --canvas:#0D0E11; --surface:#191A20; --field:#212228; --tint:#26272E; --hair:#2C2E36; --border:#3B3D47; --text:#EEEFF3; --mute:#A6A8B2; --faint:#8A8C96; --accent:#4D8DFF; --accent-hover:#6FA3FF; --accent-soft:#14223A; --accent-btn:#2E6FE0; --accent-text:#7FAEFF; --green:#4CC26E; --green-soft:#11301C; --green-deep:#7FDC9A; --red:#F26B62; --red-soft:#331718; --red-deep:#FF9E97; --amber:#F0A83B; --amber-soft:#2E2311; --red-dim:#6A302C; --amber-dim:#6A5222; --steel:#3B3E48; --steel-dark:#6D7382; --belt:#202228; --grid:#1A1B20; --mach:#242832; --mach-2:#2E323D; --mach-line:#4A5062; --belt-a:#2A2E38; --belt-b:#1F222A; --graph:#30333C; --carton:#5A4B34; --item:#3D4556; --shade-1:rgba(0,0,0,.28); --shade-2:rgba(0,0,0,.25); --shadow:0 1px 2px rgba(0,0,0,.4), 0 10px 30px -18px rgba(0,0,0,.8); --shadow-lift:0 1px 2px rgba(0,0,0,.5), 0 24px 48px -26px rgba(0,0,0,.9); } @media(max-width:640px){ :root{--sec-node:64px; --sec-narr:48px; --sec-ref:40px; --fs-lead:17px} } *{box-sizing:border-box} html{scroll-behavior:smooth;-webkit-text-size-adjust:100%} body{margin:0;background:var(--canvas);color:var(--text); font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif; font-size:var(--fs-body);line-height:1.55;-webkit-font-smoothing:antialiased; transition:background var(--dur-slow),color var(--dur-slow)} img,svg{max-width:100%} h1,h2,h3{text-wrap:balance} p,li,figcaption,dd{text-wrap:pretty} a{color:var(--accent-text);text-decoration:none} p a,li a,.agree a,details a{text-decoration:underline;text-underline-offset:3px; text-decoration-color:color-mix(in srgb,var(--accent-text) 45%,transparent)} p a:hover,li a:hover{text-decoration-color:var(--accent-text)} .contact-tel a{text-decoration:none} :focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px} .mono{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace} .nb{white-space:nowrap} .wrap{max-width:1240px;margin:0 auto;padding:0 28px} .wrap.narrow{max-width:960px} @media(max-width:640px){.wrap{padding:0 18px}} @media(min-width:1700px){ .wrap{max-width:1440px;padding:0 40px} .wrap.narrow{max-width:1040px} body{font-size:17px} .sec-sub,.lead{max-width:62ch} } .lead{font-size:var(--fs-lead);color:var(--mute);max-width:58ch} .sec-title{font-size:var(--fs-h2);line-height:1.12;letter-spacing:-.022em; font-weight:700;margin:0 0 14px} .sec-sub{color:var(--mute);max-width:58ch;margin:0 0 8px;font-size:var(--fs-body)} header.top{position:sticky;top:0;z-index:70; background:color-mix(in srgb,var(--canvas) 86%,transparent); backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--hair)} .top .wrap{display:flex;align-items:center;gap:18px;height:62px} .brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:17px; letter-spacing:-.015em;color:var(--text)} .brand i{width:28px;height:28px;border-radius:8px;background:var(--accent-btn); display:grid;place-items:center;font-style:normal;font-size:9.5px;font-weight:700; color:#fff;font-family:"JetBrains Mono",monospace;letter-spacing:-.02em} .top nav{margin-left:auto;display:flex;gap:22px;font-size:var(--fs-small)} .top nav a{color:var(--mute);transition:color var(--dur);white-space:nowrap} .top nav a:hover{color:var(--text)} .top nav .mark-back{color:var(--text)} .top nav .mark-back:hover{color:var(--accent-btn)} .tools{display:flex;align-items:center;gap:8px;margin-left:6px} .icon-btn{width:38px;height:38px;border-radius:var(--r-in);border:1px solid var(--hair); background:var(--surface);color:var(--mute);cursor:pointer;display:grid; place-items:center;padding:0;transition:color var(--dur),border-color var(--dur);font:inherit} .icon-btn:hover{color:var(--text);border-color:var(--border)} .lang-btn{width:auto;padding:0 11px;gap:7px;display:flex;align-items:center; font-size:12.5px;font-weight:600;font-family:"JetBrains Mono",monospace} .flag{width:17px;height:12px;border-radius:2px;overflow:hidden;flex:none;display:block} .tel{font-weight:600;font-size:var(--fs-small);color:var(--text);white-space:nowrap} .top-cta{padding:10px 16px;font-size:var(--fs-small);border-radius:11px;white-space:nowrap} @media(max-width:1520px){ .top nav{gap:18px} .top:has(.top-cta) .tel{display:none} } @media(max-width:1160px){.top .top-cta{display:none}} .burger{display:none} @media(max-width:1000px){ .burger{display:grid;order:-1} .top .top-cta,.top .tel{display:none} .top nav{position:absolute;left:0;right:0;top:100%;display:none; flex-direction:column;gap:0;margin:0;padding:6px 0 10px; background:var(--surface);border-bottom:1px solid var(--hair); box-shadow:0 18px 30px -22px rgba(16,18,26,.5)} .top.open nav{display:flex} .top nav a{padding:13px 22px;font-size:16px;color:var(--text)} .top nav a:active{background:var(--tint)} } .tel-icon{display:none} @media(max-width:620px){ .tel-icon{display:grid;margin-left:auto} .tools{margin-left:0} } .cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px} .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:none; cursor:pointer;font:inherit;font-weight:600;font-size:15.5px;padding:15px 24px; border-radius:var(--r-btn); transition:background var(--dur),transform 80ms,box-shadow var(--dur)} .btn:active{transform:scale(.98)} .btn-primary{background:var(--accent-btn);color:#fff;box-shadow:0 6px 18px -8px var(--accent-btn)} .btn-primary:hover{background:var(--accent-hover)} .btn-ghost{background:var(--surface);color:var(--text); box-shadow:inset 0 0 0 1px var(--border)} .btn-ghost:hover{background:var(--tint)} .ui{background:var(--surface);border:1px solid var(--hair);border-radius:var(--r-card); padding:20px;box-shadow:var(--shadow)} .ui-head{display:flex;align-items:center;justify-content:space-between;gap:12px; padding-bottom:13px;margin-bottom:15px;border-bottom:1px solid var(--hair)} .ui-title{font-weight:700;font-size:15.5px} .ui-chip{font-size:11px;font-weight:600;padding:4px 10px;border-radius:var(--r-pill); background:var(--field);color:var(--mute);font-family:"JetBrains Mono",monospace; white-space:nowrap} .banner{margin-top:15px;display:flex;align-items:center;gap:10px;padding:12px 15px; border-radius:var(--r-in);font-size:13.5px;font-weight:600;background:var(--field); color:var(--mute);transition:background var(--dur-slow),color var(--dur-slow)} .banner i{width:9px;height:9px;border-radius:50%;background:currentColor;flex:none;font-style:normal} .banner.ok{background:var(--green-soft);color:var(--green-deep)} .banner.warn{background:var(--amber-soft);color:var(--amber)} .banner.bad,.banner.err{background:var(--red-soft);color:var(--red-deep)} .aside-link{margin:18px 0 0;padding:13px 15px;background:var(--tint); border-radius:10px;font-size:13.5px;line-height:1.5} .aside-link span{color:var(--mute);display:block} .aside-link a{font-weight:500} .skip{position:absolute;left:16px;top:-60px;z-index:200;padding:11px 18px; background:var(--accent-btn);color:#fff;border-radius:0 0 12px 12px;font-weight:500; transition:top var(--dur)} .skip:focus{top:0} main:focus{outline:none} .ns{margin:18px 0 0;padding:12px 14px;background:var(--amber-soft);color:var(--amber); border-radius:var(--r-in);font-size:var(--fs-small);font-weight:600} section[id],div[id]{scroll-margin-top:76px} @media print{ header,.cta,.cta-note,.pad,.skip,#themeBtn,#langBtn,.trust,.mbar,.vids,.video,.tabs,.app-bar,.say, .switches,.cfg-grid,#cfgSend,.cta-sec,#leadForm,.form-steps,.line-scroll::after{display:none!important} .flow{margin-top:12pt;break-inside:avoid} .device-sec{background:#fff!important;color:#000!important;padding:14pt 0} .device-sec .sec-title,.device-sec .sec-sub{color:#000!important} .device{background:#fff!important;box-shadow:none!important;border:1px solid #ccc!important;break-inside:avoid;overflow:visible!important} .panel{aspect-ratio:auto!important;height:auto!important;background:#fff!important} .panel .pane{position:static!important} .panel picture,.panel img{height:auto!important} .line-scroll{overflow:visible!important;padding:6pt!important} .line-svg{min-width:0!important} .tile,.who-card,.pain,.case,.snum,.rely-item,.mods tr,.cfg-line,.kiosk,.who-how li,.num,.flow li,details{break-inside:avoid} h1,h2,h3{break-after:avoid} .form-sec .wrap{grid-template-columns:1fr} a[href^="mailto"]::after,a[href^="tel"]::after{content:none} body{background:#fff;color:#000;font-size:11pt} .wrap{max-width:none;padding:0} a[href^="http"]::after{content:" (" attr(href)")";font-size:9pt;color:#555} details{break-inside:avoid} details>summary{list-style:none} section{break-inside:auto;padding:14pt 0} .shot,.kiosk{break-inside:avoid} } @media (prefers-reduced-motion:reduce){ *{animation:none!important;transition:none!important;scroll-behavior:auto!important} } .hero{padding:var(--sec-node) 0 0} .hero-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:56px;align-items:center} .hero-tx{min-width:0} .hero h1{font-size:var(--fs-display);line-height:1.06;letter-spacing:-.028em;font-weight:700; max-width:22ch;margin:0 0 18px} .hero .lead{margin:0;max-width:60ch} .kicker{margin:0 0 16px;font-family:"JetBrains Mono",monospace;font-size:12.5px;letter-spacing:.06em; text-transform:uppercase;color:var(--accent-text);font-weight:500} .flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0 16px;margin:40px 0 0;padding:0; list-style:none;font-size:14px;line-height:1.3;color:var(--text)} .flow li{display:flex;align-items:flex-start;gap:10px;position:relative;padding-left:22px} .flow li:first-child{padding-left:0} .flow li+li::before{content:"→";position:absolute;left:0;top:2px;color:var(--faint)} .flow i{font-style:normal;font-family:"JetBrains Mono",monospace;font-size:11px;width:22px;height:22px;border-radius:50%; display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-text);font-weight:600;flex:none;margin-top:-2px} .hero .cta{margin-top:28px;margin-bottom:0} .kiosk{margin:0;background:#25272D;border-radius:22px;padding:14px 14px 12px; box-shadow:var(--shadow-lift),inset 0 1px 0 rgba(255,255,255,.06);position:relative} .kiosk-screen{border-radius:10px;overflow:hidden;background:#F5F5F7} .cta-note{margin:14px 0 0;font-size:13.5px;color:var(--faint);max-width:52ch} .cta-sec{padding:var(--sec-ref) 0 0} .cta-band{display:flex;justify-content:space-between;align-items:center;gap:32px;padding:34px 40px; border-radius:var(--r-card);background:var(--surface);border:1px solid var(--hair);box-shadow:var(--shadow)} .cta-band h2{font-size:clamp(22px,2.4vw,28px);line-height:1.15;letter-spacing:-.02em;margin:0 0 8px} .cta-band p{margin:0;color:var(--mute);font-size:15px;max-width:56ch} .cta-band .cta{margin:0;flex:none} @media(max-width:900px){.cta-band{flex-direction:column;align-items:flex-start;padding:26px 24px}} .kiosk-screen img{display:block;width:100%;height:auto} .kiosk-chips{list-style:none;margin:12px 0 0;padding:0 4px;display:grid; grid-template-columns:repeat(4,minmax(0,1fr));gap:8px} .kiosk-chips li{display:flex;flex-direction:column;gap:2px;min-width:0} .kiosk-chips i{font-style:normal;font-size:11px;color:#9A9DA8;letter-spacing:.02em; white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .kiosk-chips b{font-size:17px;font-weight:600;color:#F2F3F7;font-variant-numeric:tabular-nums; font-family:"JetBrains Mono",monospace} .kiosk-chips li.ok b{color:#7FDC9A} .trust{display:flex;flex-wrap:wrap;gap:10px 0;padding:22px 0;margin:26px 0 0;list-style:none; border-top:1px solid var(--hair);font-size:14px;color:var(--mute)} .trust li{padding:0 24px;border-left:1px solid var(--border);line-height:1.3} .trust li:first-child{padding-left:0;border-left:none} @media(max-width:980px){ .hero-grid{grid-template-columns:minmax(0,1fr);gap:40px} .hero h1{max-width:none} } .areas{padding:var(--sec-narr) 0;border-top:1px solid var(--hair)} .bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:34px} .tile{background:var(--surface);border:1px solid var(--hair);border-radius:var(--r-card);padding:22px; display:flex;flex-direction:column;gap:18px;min-width:0;box-shadow:var(--shadow)} .tile-h{display:flex;align-items:center;gap:10px;margin:0 0 6px} .tile-h svg{width:18px;height:18px;color:var(--faint);flex:none} .tile h3{font-size:var(--fs-h3);margin:0;font-weight:650;letter-spacing:-.01em} .tile p{margin:0;color:var(--mute);font-size:var(--fs-small);line-height:1.55} .tile-vis{background:var(--field);border-radius:var(--r-in);padding:16px;height:136px; display:flex;align-items:center;justify-content:center;gap:16px;overflow:hidden} .tile-vis svg{display:block;flex:none} .t-mark{grid-column:span 2} .t-mark .tile-vis{justify-content:flex-start;gap:26px;padding:16px 22px} .t-erp{grid-column:1/-1;flex-direction:row;align-items:center;gap:28px} .t-erp .tile-vis{flex:1 1 55%;height:96px} .t-erp .tile-tx{flex:1 1 45%;min-width:0} .wdg-steps{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px;color:var(--mute)} .wdg-steps span{padding:5px 10px;border-radius:var(--r-pill);background:var(--surface); border:1px solid var(--hair);white-space:nowrap} .wdg-steps span.on{color:var(--green-deep);background:var(--green-soft);border-color:transparent;font-weight:600} .wdg-steps i{font-style:normal;color:var(--faint)} .wdg-kv{font-size:13px;color:var(--mute);display:flex;flex-direction:column;gap:5px;min-width:0} .wdg-kv b{color:var(--text);font-variant-numeric:tabular-nums;font-weight:600} .wdg-kv .bad{color:var(--red-deep)} .lane-wrap{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0} .lane-wrap svg{max-width:100%;height:auto} .lane-wrap small{font-size:12px;color:var(--faint);text-align:center} .wdg-reject{max-width:224px;width:100%;height:auto} .wdg-bars{width:100%;max-width:230px} .wdg-bars svg{display:block;width:100%;height:44px;color:var(--text)} .wdg-bars small{display:block;margin-top:7px;font-family:"JetBrains Mono",monospace;font-size:11.5px; color:var(--mute);text-align:center;letter-spacing:.02em} .wdg-flow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px;justify-content:center} .wdg-flow span{padding:6px 11px;border-radius:9px;background:var(--surface);border:1px solid var(--hair); font-weight:600;color:var(--text);white-space:nowrap} .wdg-flow span.hi{background:var(--accent-soft);border-color:transparent;color:var(--accent-text)} .wdg-flow i{font-style:normal;color:var(--faint)} @media(max-width:900px){ .bento{grid-template-columns:repeat(2,minmax(0,1fr))} .t-erp{flex-direction:column;align-items:stretch;gap:18px} } @media(max-width:640px){.bento{grid-template-columns:minmax(0,1fr)} .t-mark{grid-column:auto}} .who{padding:var(--sec-narr) 0;border-top:1px solid var(--hair);background:var(--surface)} .who-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:30px} .who-card{background:var(--canvas);border:1px solid var(--hair);border-radius:var(--r-card);padding:20px 20px 18px} .who-card h3{margin:0 0 8px;font-size:15.5px;font-weight:650;letter-spacing:-.01em;line-height:1.3} .who-card p{margin:0;font-size:14px;line-height:1.5;color:var(--mute)} .who-how{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 16px;margin:26px 0 0;padding:20px 0 0; list-style:none;border-top:1px solid var(--hair);counter-reset:how} .who-how li{position:relative;padding-left:30px;font-size:14px;line-height:1.35;counter-increment:how} .who-how li::before{content:counter(how);position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%; background:var(--accent-soft);color:var(--accent-text);font:600 11px/22px"JetBrains Mono",monospace;text-align:center} .who-how b{display:block;font-weight:650} .who-how span{color:var(--mute)} @media(max-width:980px){.who-grid,.who-how{grid-template-columns:repeat(2,minmax(0,1fr))}.who-how{gap:14px 16px}} .config{padding:var(--sec-node) 0;border-top:1px solid var(--hair);background:var(--surface)} .cfg-line{margin:28px 0 24px;background:var(--canvas)} .line-scroll{overflow-x:auto;scrollbar-width:none;border:1px solid var(--hair); border-radius:var(--r-card);padding:10px 14px} .line-scroll::-webkit-scrollbar{display:none} .line-svg{width:100%;min-width:860px;height:auto;display:block} @keyframes beltrun{to{transform:translateX(24px)}} .line-svg .belt-seams{animation:beltrun .16s linear infinite} @keyframes chuterun{to{transform:translate(35.1px,-7.1px)}} .line-svg .chute-seams{animation:chuterun .16s linear infinite} .cfg-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:40px;align-items:start} .cfg-h{font-size:var(--fs-micro);letter-spacing:.09em;text-transform:uppercase;color:var(--mute); font-weight:600;margin:0 0 14px} .switches{display:grid;grid-template-columns:1fr 1fr;gap:6px} .sw{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--r-in);cursor:pointer; border:1px solid var(--hair);background:var(--canvas); transition:background var(--dur),border-color var(--dur)} .sw:hover{background:var(--tint)} .sw:has(input:checked){background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 35%,transparent)} .sw input{position:absolute;opacity:0;width:0;height:0} .sw-box{width:40px;height:23px;border-radius:999px;background:var(--border);flex:none;position:relative; transition:background var(--dur)} .sw-box::after{content:"";position:absolute;top:3px;left:3px;width:17px;height:17px;border-radius:50%; background:#fff;transition:transform var(--dur) var(--ease-out);box-shadow:0 1px 3px rgba(0,0,0,.25)} .sw input:checked + .sw-box{background:var(--accent-btn)} .sw input:checked + .sw-box::after{transform:translateX(17px)} .sw input:focus-visible + .sw-box{outline:2px solid var(--accent);outline-offset:3px} .sw-tx{font-size:15px} .cfg-list{display:flex;flex-direction:column;gap:11px;margin:14px 0 4px} .cfg-row{display:grid;grid-template-columns:170px 1fr;gap:14px;font-size:var(--fs-small); color:var(--mute);align-items:baseline} .cfg-row b{color:var(--text);font-weight:600} .cfg-row.empty{grid-template-columns:1fr;color:var(--faint)} .cfg-act{margin-top:18px;display:flex;flex-direction:column;gap:12px;align-items:flex-start} .cfg-note{margin:0;font-size:13.5px;color:var(--mute);max-width:54ch} @media(max-width:900px){.cfg-grid{grid-template-columns:minmax(0,1fr);gap:26px} .switches{grid-template-columns:1fr}} @media(max-width:560px){.cfg-row{grid-template-columns:1fr;gap:3px}} .how{padding:var(--sec-narr) 0;border-top:1px solid var(--hair)} .timeline{list-style:none;margin:34px 0 46px;padding:0;display:grid; grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;counter-reset:tl;position:relative} .timeline::before{content:"";position:absolute;left:14px;right:14px;top:14px;height:1px;background:var(--border)} .tl{position:relative;counter-increment:tl;padding-top:42px;min-width:0} .tl::before{content:counter(tl);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%; background:var(--surface);border:1.5px solid var(--accent);color:var(--accent-text); font-family:"JetBrains Mono",monospace;font-size:12.5px;font-weight:600;display:grid;place-items:center} .tl h3{font-size:var(--fs-h3);margin:0 0 8px;font-weight:650} .tl p{margin:0;color:var(--mute);font-size:var(--fs-small);line-height:1.55} @media(max-width:900px){.timeline{grid-template-columns:repeat(2,minmax(0,1fr))} .timeline::before{display:none}} @media(max-width:560px){.timeline{grid-template-columns:minmax(0,1fr);gap:22px}} .live-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;align-items:start} @media(max-width:960px){.live-grid{grid-template-columns:minmax(0,1fr)}} .ring-row{display:flex;align-items:center;gap:20px} @media(max-width:400px){.ring-row{flex-direction:column;align-items:flex-start;gap:14px}} .ring{flex:none} .ring-track{stroke:var(--hair)} .ring-fill{stroke:var(--accent);transition:stroke-dashoffset .5s var(--ease-out)} .ring-num{font-size:27px;font-weight:700;fill:var(--text);font-family:Inter,sans-serif} .ring-cap{font-size:8.5px;fill:var(--mute);letter-spacing:.12em;font-family:Inter,sans-serif} .kv{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0} .kv>div{display:flex;justify-content:space-between;align-items:baseline;gap:14px;font-size:14.5px} .kv span{color:var(--mute)} .kv b{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap} .codes-h,.codes-b>div{display:grid;grid-template-columns:32px 64px 1fr;gap:10px;padding:8px 12px;align-items:center} .codes-h{background:var(--field);font-size:10.5px;letter-spacing:.07em;text-transform:uppercase; color:var(--mute);font-weight:600;margin-top:14px;border-radius:8px 8px 0 0} .codes-b{max-height:150px;min-height:150px;overflow-y:auto;border:1px solid var(--hair);border-top:none; border-radius:0 0 8px 8px;margin-bottom:16px} .codes-b>div{border-top:1px solid var(--hair);font-size:11.5px;font-family:"JetBrains Mono",monospace; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:slip .28s var(--ease-out)} .codes-b>div:first-child{border-top:none} .codes-b>div.dup{color:var(--red);text-decoration:line-through;opacity:.75} .codes-b .bad span{color:var(--amber)} @keyframes slip{from{opacity:0;transform:translateY(-5px)} to{opacity:1;transform:none}} .pad{display:flex;gap:9px;flex-wrap:wrap} .pad button{font:inherit;font-size:14.5px;font-weight:600;padding:12px 17px;border-radius:var(--r-in); border:1px solid var(--border);background:var(--canvas);color:var(--text);cursor:pointer; transition:border-color var(--dur),color var(--dur)} .pad button:hover{border-color:var(--accent);color:var(--accent-text)} .label{background:var(--canvas);border:1px dashed var(--border);border-radius:14px;padding:20px; text-align:center;transition:border-color var(--dur-slow),background var(--dur-slow)} .label.empty{color:var(--faint);font-size:13.5px} .bars.ghost{height:48px;background:repeating-linear-gradient(90deg,var(--hair) 0 3px,transparent 3px 6px, var(--hair) 6px 8px,transparent 8px 13px);border-radius:2px;margin-bottom:11px} .ghost-tx{color:var(--faint)} .lab-note{font-size:12px;color:var(--faint);margin-top:7px} .label.done{border-style:solid;border-color:var(--accent);background:var(--surface)} .bars{height:48px;margin-bottom:11px;padding:0 6%;color:var(--text)} .bars .c128{display:block;width:100%;height:100%} .sscc{font-family:"JetBrains Mono",monospace;font-size:15px;font-weight:500;letter-spacing:.02em} .done-list{list-style:none;margin:18px 0 0;padding:0} .done-list li{position:relative;padding:9px 0 9px 30px;font-size:var(--fs-small);color:var(--faint); border-bottom:1px solid var(--hair);transition:color var(--dur-slow)} .done-list li:last-child{border-bottom:none} .done-list li::before{content:"";position:absolute;left:2px;top:14px;width:14px;height:14px;border-radius:50%; border:1.5px solid var(--border);background:var(--surface); transition:background var(--dur-slow),border-color var(--dur-slow)} .done-list li.on{color:var(--text)} .done-list li.on::before{background:var(--green);border-color:var(--green);box-shadow:inset 0 0 0 2px var(--surface)} .live-note{margin:16px 0 0;font-size:13.5px;color:var(--mute)} .caps{padding:var(--sec-ref) 0;border-top:1px solid var(--hair)} .mods{width:100%;border-collapse:collapse;margin-top:28px;font-size:14.5px} .mods th{text-align:left;font-family:"JetBrains Mono",monospace;font-size:10.5px;letter-spacing:.08em; text-transform:uppercase;color:var(--faint);font-weight:500;padding:0 14px 10px 0;border-bottom:1px solid var(--hair)} .mods td{padding:13px 14px 13px 0;border-bottom:1px solid var(--hair);vertical-align:top;color:var(--mute)} .mods .d{max-width:64ch} .mods .base{display:block;width:max-content;margin:7px 0 0;font:500 10px/1"JetBrains Mono",monospace; letter-spacing:.06em;text-transform:uppercase;color:var(--accent-text);background:var(--accent-soft); padding:4px 7px;border-radius:var(--r-pill);white-space:nowrap} .mods td.k{font-size:11.5px;color:var(--faint);width:104px} .mods td.t{color:var(--text);font-weight:600;width:238px} .mods tr.head td{color:var(--faint);font-family:"JetBrains Mono",monospace;font-size:10.5px; letter-spacing:.08em;text-transform:uppercase;padding-top:26px;border-bottom:none} .daily{padding:var(--sec-ref) 0;background:var(--surface);border-top:1px solid var(--hair)} .daily-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 56px;margin-top:30px} .daily-grid .cfg-h{margin-bottom:6px} .rely-list.compact{margin-top:0} .rely-list.compact .rely-item{grid-template-columns:1fr;gap:3px;padding:13px 0} .rely-list.compact b{font-size:15px} .rely-list.compact span{font-size:14px;line-height:1.5;max-width:70ch} .rely-list.compact b{display:flex;align-items:center;gap:9px} .rely-list.compact b::before{content:"";width:7px;height:7px;border-radius:50%;flex:none;background:var(--green)} #relyList b::before{background:var(--amber)} .rely-list{margin-top:28px;display:flex;flex-direction:column;gap:2px} .rely-item{display:grid;grid-template-columns:minmax(200px,.9fr) 1.1fr;gap:26px;padding:20px 0; border-bottom:1px solid var(--hair);align-items:baseline} .rely-item:last-child{border-bottom:none} .rely-item b{font-weight:650;font-size:15.5px} .rely-item span{color:var(--mute);font-size:15px} @media(max-width:900px){.daily-grid{grid-template-columns:minmax(0,1fr);gap:28px}} @media(max-width:760px){ .rely-item{grid-template-columns:1fr;gap:6px} .mods td.t{width:auto} .mods td.k{display:none} } .proof{padding:var(--sec-narr) 0;border-top:1px solid var(--hair);background:var(--surface)} .nums{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin:30px 0 8px; border-top:1px solid var(--hair)} .num{grid-column:span 2;padding:18px 28px 16px 0;border-bottom:1px solid var(--hair)} .num:nth-child(n+4){grid-column:span 3} .num:nth-child(3),.num:last-child{padding-right:0} .num b{display:block;font-family:"JetBrains Mono",monospace;font-size:30px;font-weight:600;letter-spacing:-.01em; font-variant-numeric:tabular-nums;line-height:1.1} .num span:not(.nb){display:block;margin-top:6px;font-size:13.5px;color:var(--mute);line-height:1.45} .pains{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:40px} .pain{background:var(--canvas);border:1px solid var(--hair);border-radius:var(--r-card);padding:22px} .pain h3{font-size:16.5px;margin:0 0 14px;font-weight:650;min-height:3em} .pain p{margin:0 0 11px;color:var(--mute);font-size:14.5px;display:grid; grid-template-columns:52px 1fr;gap:11px;align-items:baseline} .pain p:last-child{margin:0} .pain p>span:first-child{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase; font-family:"JetBrains Mono",monospace} .pain .was>span:first-child{color:var(--red-deep)} .pain .now>span:first-child{color:var(--accent-text)} .pain .now>span:last-child{color:var(--text)} .cases-h{margin:44px 0 0;font-size:var(--fs-h3);font-weight:650} .cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:18px} .case{padding:22px 22px 18px;background:var(--canvas);border:1px solid var(--hair);border-radius:14px} .case h3{margin:0 0 12px;font-size:16.5px;font-weight:650;min-height:3em} .case p{margin:0 0 10px;font-size:var(--fs-small);line-height:1.5;color:var(--mute)} .case p:last-child{margin:0;color:var(--text)} .case i{display:block;font-style:normal;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase; color:var(--faint);margin-bottom:3px} .cases-more{margin-top:26px} @media(max-width:900px){ .cases,.pains{grid-template-columns:minmax(0,1fr)} } @media(max-width:620px){.nums{grid-template-columns:minmax(0,1fr)} .num,.num:nth-child(n+4){grid-column:auto;padding-right:0} .num b{font-size:26px}} .deploy{padding:var(--sec-ref) 0;border-top:1px solid var(--hair)} .deploy .sec-title{font-size:clamp(22px,2.4vw,28px)} .steps-num{display:flex;flex-direction:column;gap:15px;margin-top:16px} .snum{display:grid;grid-template-columns:26px 1fr;gap:12px} .snum i{font-style:normal;color:var(--accent-text);font-size:13px;padding-top:2px} .snum b{display:block;font-size:14.5px;font-weight:650;margin-bottom:3px} .snum span:not(.nb){display:block;max-width:76ch;color:var(--mute);font-size:var(--fs-small);line-height:1.5} .faq{padding:var(--sec-ref) 0;border-top:1px solid var(--hair)} .faq .wrap{display:grid;grid-template-columns:.72fr 1.28fr;gap:56px;align-items:start} .faq-head{position:sticky;top:96px} .faq-list{border-top:1px solid var(--hair)} @media(max-width:900px){.faq .wrap{grid-template-columns:1fr;gap:22px} .faq-head{position:static}} details{border-bottom:1px solid var(--hair)} summary{cursor:pointer;padding:18px 0;font-weight:600;font-size:16px;list-style:none;display:flex; justify-content:space-between;gap:20px;align-items:center} summary::-webkit-details-marker{display:none} summary::after{content:"";width:13px;height:13px;flex:none;transition:background-size var(--dur); background:linear-gradient(var(--accent),var(--accent)) center/13px 1.7px no-repeat, linear-gradient(var(--accent),var(--accent)) center/1.7px 13px no-repeat} details[open] summary::after{background-size:13px 1.7px, 1.7px 0} details p{margin:0 0 18px;color:var(--mute);font-size:15px;max-width:64ch} .form-sec{padding:var(--sec-node) 0;background:var(--surface);border-top:1px solid var(--hair)} .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start} .contact-tel{margin-top:22px} .contact-tel .big{display:block;font-size:22px;font-weight:700;color:var(--text);margin-bottom:2px} .quick{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px} .quick a{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--r-in); border:1px solid var(--border);color:var(--text);font-size:var(--fs-small);font-weight:600; transition:border-color var(--dur),background var(--dur)} .quick a:hover{background:var(--tint);border-color:var(--text)} .quick svg{width:18px;height:18px;color:var(--mute)} form{display:flex;flex-direction:column;gap:13px;position:relative} .field{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:12px} .field[hidden]{display:none} .field label{grid-row:1;grid-column:1;display:block;font-size:12.5px;color:var(--mute);margin-bottom:6px;font-weight:500} .field input,.field select{grid-row:2;grid-column:1/-1;width:100%;font:inherit;font-size:15px;padding:13px 15px; border-radius:var(--r-in);border:1px solid var(--border);background:var(--canvas);color:var(--text); transition:border-color var(--dur),box-shadow var(--dur)} .field select{appearance:none;-webkit-appearance:none;padding-right:42px;cursor:pointer; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' fill='none' stroke='%236E6E73' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1.5 1.5 7 7l5.5-5.5'/%3E%3C/svg%3E"); background-repeat:no-repeat;background-position:right 15px center} .field input:focus-visible,.field select:focus-visible{outline:2px solid var(--accent);outline-offset:2px} .field input:focus,.field select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)} .fld-err{grid-row:1;grid-column:2;margin:0 0 6px;font-size:12.5px;line-height:1.4;color:var(--red-deep); text-align:right;white-space:nowrap} .field input[aria-invalid="true"],.field select[aria-invalid="true"]{border-color:var(--red)} .cfg-field{position:relative} .cfg-field input{padding-right:46px;background:var(--accent-soft);border-color:transparent; font-family:"JetBrains Mono",monospace;font-size:12.5px} .cfg-clear{position:absolute;right:7px;bottom:7px;width:34px;height:34px;border:none;background:none; color:var(--mute);cursor:pointer;border-radius:8px;font:inherit;font-size:18px;line-height:1} .cfg-clear:hover{background:var(--surface);color:var(--text)} .hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden} .next{list-style:none;counter-reset:n;margin:30px 0 0;padding:0;display:flex;flex-direction:column;gap:16px;max-width:44ch} .next li{counter-increment:n;display:grid;grid-template-columns:26px 1fr;column-gap:12px;row-gap:3px} .next li::before{content:counter(n);grid-column:1;grid-row:1 / span 2;font-family:"JetBrains Mono",monospace; color:var(--accent-text);font-size:13px;font-weight:500;padding-top:2px} .next b{grid-column:2;font-size:14.5px;font-weight:650} .next span{grid-column:2;font-size:var(--fs-small);color:var(--mute);line-height:1.5} .form-err{display:none;background:var(--red-soft);color:var(--red-deep);border-radius:var(--r-in); padding:11px 14px;font-size:13.5px;line-height:1.45} .agree{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;color:var(--mute);line-height:1.5;margin-top:4px} .agree input{margin-top:2px;width:16px;height:16px;accent-color:var(--accent);flex:none} .form-done{display:none;background:var(--green-soft);color:var(--green-deep);border-radius:var(--r-card); padding:26px;font-size:15px;line-height:1.55} .form-done b{display:block;font-size:18px;margin-bottom:8px} .form-done a{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px} form.sent{display:none} .form-done.on{display:block} @media(max-width:940px){.form-grid{grid-template-columns:1fr;gap:28px}} @media(max-width:480px){.fld-err{white-space:normal}} footer{border-top:1px solid var(--hair);padding:46px 0 32px} .foot{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:30px} .foot .foot-h{font-size:var(--fs-micro);letter-spacing:.09em;text-transform:uppercase;color:var(--faint); font-weight:600;margin:0 0 12px} footer p{font-size:var(--fs-small);color:var(--mute);margin:0 0 7px} footer a{font-size:var(--fs-small);color:var(--mute);display:block;margin-bottom:7px} footer a:hover{color:var(--accent-text)} footer .big{font-size:20px;font-weight:700;color:var(--text);margin-bottom:10px;display:block} .copy{margin-top:30px;padding-top:20px;border-top:1px solid var(--hair);font-size:12.5px;color:var(--faint); display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap} .copy a{display:inline;color:var(--mute);text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:3px} @media(max-width:860px){.foot{grid-template-columns:1fr;gap:26px}} .mbar{display:none} @media(max-width:760px){ .mbar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-template-columns:1fr 1.5fr;gap:8px; padding:10px 14px calc(10px + env(safe-area-inset-bottom)); background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(12px); border-top:1px solid var(--hair);transition:transform var(--dur-slow) var(--ease-out)} .mbar .btn{padding:13px 12px;font-size:15px} .mbar.off{transform:translateY(110%)} body{padding-bottom:calc(74px + env(safe-area-inset-bottom))} } .groups{padding:var(--sec-ref) 0;border-top:1px solid var(--hair)} .grp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:26px} .grp{background:var(--surface);border:1px solid var(--hair);border-radius:var(--r-card);padding:18px 20px} .grp h3{margin:0 0 6px;font-size:15.5px;font-weight:650;letter-spacing:-.01em;line-height:1.3} .grp p{margin:0;font-size:14px;line-height:1.5;color:var(--mute)} @media(max-width:980px){.grp-grid{grid-template-columns:1fr}} .diff{padding:var(--sec-narr) 0;border-top:1px solid var(--hair);background:var(--surface)} .diff-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:30px} .dcard{background:var(--canvas);border:1px solid var(--hair);border-radius:var(--r-card);padding:20px} .dcard h3{margin:0 0 14px;font-size:15.5px;font-weight:650;letter-spacing:-.01em;line-height:1.3} .dcard p{margin:0;font-size:14px;line-height:1.5;display:grid;gap:5px} .dcard i{font-style:normal;font-size:var(--fs-micro);letter-spacing:.08em; text-transform:uppercase;font-weight:600} .d-them{color:var(--mute);padding-bottom:14px} .d-them i{color:var(--faint)} .d-us{padding-top:14px;border-top:1px solid var(--hair);color:var(--text)} .d-us i{color:var(--accent-text)} @media(max-width:980px){.diff-grid{grid-template-columns:1fr}} .price{padding:var(--sec-narr) 0;border-top:1px solid var(--hair)} .price-base{display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:center; margin:28px 0 34px;padding:22px 24px;background:var(--accent-soft); border:1px solid var(--border);border-radius:var(--r-card)} .pb-cap{display:block;font-size:var(--fs-micro);letter-spacing:.09em;text-transform:uppercase; color:var(--accent-text);font-weight:600} .pb-num{display:block;margin-top:4px;font-size:clamp(24px,3vw,32px);font-weight:680; letter-spacing:-.02em;white-space:nowrap} .price-base p{margin:0;font-size:14.5px;line-height:1.55;color:var(--mute)} .price-why{margin:-6px 0 16px;font-size:14px;color:var(--mute)} .w-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px} .w-card{background:var(--surface);border:1px solid var(--hair);border-left-width:3px; border-radius:var(--r-card);padding:16px 18px} .w-card.light{border-left-color:var(--steel-dark)} .w-card.mid{border-left-color:var(--accent)} .w-card.heavy{border-left-color:var(--amber)} .w-card b{display:block;margin-bottom:6px;font-size:15px;font-weight:650} .w-card span{font-size:13.5px;line-height:1.5;color:var(--mute)} .price-rules{margin:26px 0 0;padding:0;list-style:none;display:grid;gap:10px} .price-rules li{position:relative;padding-left:20px;font-size:14.5px;line-height:1.5;color:var(--mute)} .price-rules li::before{content:"";position:absolute;left:4px;top:9px;width:5px;height:5px; border-radius:50%;background:var(--accent)} .price-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;margin:28px 0 0} .price-cta span{font-size:13.5px;line-height:1.5;color:var(--mute);max-width:36ch} @media(max-width:980px){.w-grid{grid-template-columns:1fr} .price-base{grid-template-columns:1fr;gap:12px}} .cert{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;align-items:center; margin:34px 0 0;padding:20px;background:var(--surface);border:1px solid var(--hair); border-radius:var(--r-card)} .cert a{display:block;line-height:0;background:#fff;border:1px solid var(--hair); border-radius:10px;overflow:hidden;transition:box-shadow var(--dur) var(--ease-out)} .cert a:hover{box-shadow:var(--shadow-lift)} .cert img{width:100%;height:auto;display:block} .cert figcaption > b{display:block;margin-bottom:8px;font-size:var(--fs-micro);letter-spacing:.09em; text-transform:uppercase;color:var(--mute);font-weight:600} .cert figcaption p{margin:0;font-size:14.5px;line-height:1.55} .cert-more{display:inline-block;margin-top:10px;font-size:13px;color:var(--accent-text)} .nums-note{margin:16px 0 0;font-size:13.5px;line-height:1.55;color:var(--mute);max-width:78ch} @media(max-width:700px){.cert{grid-template-columns:1fr}.cert a{max-width:250px}} .cta-ways{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:14px 0 0; font-size:var(--fs-small)} .cta-ways span{color:var(--faint)} .cta-ways a{color:var(--accent-text);text-decoration:none;border-bottom:1px solid transparent; padding:2px 0;transition:border-color var(--dur) var(--ease-out)} .cta-ways a:hover{border-bottom-color:currentColor} .cfg-row{grid-template-columns:168px 76px 1fr} .wtag{justify-self:start} .wtag{font-style:normal;font-size:11px;line-height:1.5;font-weight:600;letter-spacing:.04em; padding:1px 7px;border-radius:var(--r-pill);white-space:nowrap; background:var(--tint);color:var(--mute)} .wtag.w-base{background:var(--green-soft);color:var(--green-deep)} .wtag.w-mid{background:var(--accent-soft);color:var(--accent-text)} .wtag.w-heavy{background:var(--amber-soft);color:var(--amber)} .cfg-weight{margin:12px 0 0;font-size:13px;line-height:1.5;color:var(--mute)} .cfg-weight:empty{display:none} .who-pains-h{margin:34px 0 16px;font-size:var(--fs-h3);font-weight:650;letter-spacing:-.01em} .who .pains{margin-bottom:6px} .cfg-btns{display:flex;flex-wrap:wrap;gap:10px} .cfg-copied{margin:10px 0 0;font-size:13.5px;color:var(--green-deep)} @media(max-width:560px){.cfg-btns{width:100%}.cfg-btns .btn{flex:1 1 100%;justify-content:center}} @media(max-width:560px){ .cfg-row{grid-template-columns:1fr auto;gap:4px 10px} .cfg-row span{grid-column:1 / -1} .cfg-row.empty{grid-template-columns:1fr} } .cfg-legend{margin:0 0 12px;font-size:12.5px;line-height:1.5;color:var(--faint)} .pains{grid-template-rows:repeat(3,auto)} .pain{display:grid;grid-row:span 3;grid-template-rows:subgrid} .pain h3{min-height:0} .cases{grid-template-rows:repeat(4,auto)} .case{display:grid;grid-row:span 4;grid-template-rows:subgrid} .case h3{min-height:0} .who-grid,.grp-grid,.w-grid{grid-template-rows:auto auto} .who-card,.grp,.w-card{display:grid;grid-row:span 2;grid-template-rows:subgrid} .diff-grid{grid-template-rows:auto 1fr auto} .dcard{display:grid;grid-row:span 3;grid-template-rows:subgrid} .flow span{min-height:2.6em} .device-sec{padding:var(--sec-node) 0; --canvas:#0D0E11;--surface:#191A20;--field:#212228;--tint:#26272E;--hair:#2C2E36;--border:#3B3D47; --text:#EEEFF3;--mute:#A6A8B2;--faint:#8A8C96;--accent:#4D8DFF;--accent-hover:#6FA3FF; --accent-soft:#14223A;--accent-btn:#2E6FE0;--accent-text:#7FAEFF; --green:#4CC26E;--green-soft:#11301C;--green-deep:#7FDC9A; --shadow:0 1px 2px rgba(0,0,0,.4),0 10px 30px -18px rgba(0,0,0,.8); background:var(--canvas);color:var(--text);color-scheme:dark} .device{margin-top:36px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-card); overflow:hidden;box-shadow:0 40px 80px -50px rgba(0,0,0,.9)} @media(min-width:1240px) and (max-width:1699px){.device{margin-left:-9px;margin-right:-9px}} @media(min-width:1700px){.device{max-width:1202px;margin-left:auto;margin-right:auto}} .app-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--hair); background:var(--field)} .app-dot{display:flex;gap:6px} .app-dot i{width:9px;height:9px;border-radius:50%;background:var(--border)} .app-title{font-family:"JetBrains Mono",monospace;font-size:12px;color:var(--mute);letter-spacing:.03em; white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .app-clock{margin-left:auto;font-family:"JetBrains Mono",monospace;font-size:12px;color:var(--mute);flex:none} .tabs{display:flex;gap:2px;padding:8px 10px 0;border-bottom:1px solid var(--hair);overflow-x:auto;scrollbar-width:none} .tabs::-webkit-scrollbar{display:none} .tabs button{border:none;background:none;font:inherit;font-size:13.5px;font-weight:500;color:var(--mute); padding:11px 16px;border-radius:9px 9px 0 0;cursor:pointer;white-space:nowrap; border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--dur)} .tabs button:hover{color:var(--text)} .tabs button[aria-selected="true"]{color:var(--text);border-bottom-color:var(--accent);background:var(--field)} .panel{position:relative;aspect-ratio:4/3;background:#0D0E11} .panel .pane{position:absolute;inset:0;display:block} .panel .pane[hidden]{display:none} .panel picture{display:block;width:100%;height:100%} .panel img{display:block;width:100%;height:100%;object-fit:contain} .say{margin:0;padding:16px 18px 18px;display:grid;grid-template-columns:1fr;gap:6px;color:var(--mute); font-size:var(--fs-small);line-height:1.55;min-height:3.4em;border-top:1px solid var(--hair)} .say b{color:var(--text)} @media(max-width:520px){.app-title .station{display:none}} .video{padding:var(--sec-narr) 0;border-top:1px solid var(--hair)} .vids{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:32px} .vid{position:relative;aspect-ratio:9/16;border-radius:var(--r-card);overflow:hidden;background:#111; box-shadow:var(--shadow)} .vid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover; transition:transform var(--dur-slow) var(--ease-out)} .vid:hover img{transform:scale(1.03)} .vid-btn{position:absolute;inset:0;border:0;padding:0;cursor:pointer;color:#fff;font:inherit;text-align:left; background:linear-gradient(180deg,rgba(0,0,0,0) 38%,rgba(0,0,0,.74) 100%)} .vid-play{position:absolute;left:50%;top:50%;width:58px;height:58px;transform:translate(-50%,-50%); border-radius:50%;background:rgba(255,255,255,.94);color:#1D1D1F;display:grid;place-items:center; transition:transform var(--dur) var(--ease-out)} .vid-btn:hover .vid-play{transform:translate(-50%,-50%) scale(1.06)} .vid-t{position:absolute;left:14px;right:14px;bottom:14px;font-size:13.5px;line-height:1.4;font-weight:600} .vid-t small{display:block;font-family:"JetBrains Mono",monospace;font-weight:500;font-size:11px;color:#C9CCD6; margin-bottom:5px;letter-spacing:.04em} .vid iframe{position:absolute;inset:0;width:100%;height:100%;border:0} .vid-more{margin-top:22px} .vid-more a{display:block;padding:6px 0} @media(max-width:900px){.vids{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:520px){ .vids{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:0 18px 8px; margin:28px -18px 0;scrollbar-width:none} .vid{flex:0 0 72%;scroll-snap-align:start} } section[id],div[id]{scroll-margin-top:76px} .line-scroll{--sc:var(--surface);--sc-sh:rgba(16,18,26,.3)} .cfg-line{--sc:var(--canvas)} html[data-theme="dark"] .line-scroll{--sc-sh:rgba(0,0,0,.75)} .line-scroll{ background-image: linear-gradient(90deg,var(--sc) 45%,transparent), linear-gradient(270deg,var(--sc) 62%,transparent), url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='10' fill='none' stroke='%238b8e99' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 2l3 3-3 3M9 2l3 3-3 3M16 2l3 3-3 3'/%3E%3C/svg%3E"), linear-gradient(270deg,var(--sc-sh),transparent), linear-gradient(90deg,var(--sc-sh),transparent); background-position:left center,right center,right 7px bottom 1px,right center,left center; background-size:24px 100%,46px 100%,22px 10px,34px 100%,20px 100%; background-repeat:no-repeat; background-attachment:local,local,scroll,scroll,scroll; overscroll-behavior-x:contain} @media(max-width:1000px){ .line-scroll{padding-right:24px} } @media(max-width:1024px){ .icon-btn{width:44px;height:44px} .lang-btn{width:auto;min-width:66px;padding:0 12px} .brand{padding:8px 0} } @media(max-width:1000px){ .tools{margin-left:auto;gap:8px} .tel-icon{margin-left:0} } @media(max-width:400px){ .top .wrap{gap:8px} .tools{gap:5px} .lang-btn{min-width:0;padding:0 9px;gap:5px} } .last-tx b{overflow-wrap:anywhere} @media(max-width:430px){ .last{flex-direction:column;align-items:stretch;gap:11px} .last-bars{width:100%;height:26px} } @media(max-width:1024px){ .switches{gap:6px} .sw{min-height:48px;padding:11px 13px;gap:14px;border-radius:12px; background:var(--canvas);border:1px solid var(--hair)} .sw:hover{background:var(--tint)} .sw-tx{font-size:15.5px} .sw-box{width:46px;height:27px} .sw-box::after{top:3px;left:3px;width:21px;height:21px} .sw input:checked + .sw-box::after{transform:translateX(19px)} .cfg-h{font-size:12px} } @media(max-width:640px){ .cfg-row{grid-template-columns:minmax(0,1fr) auto;gap:2px 10px} .cfg-row span{grid-column:1 / -1} .cfg-row.empty{grid-template-columns:minmax(0,1fr)} .cfg-row b{font-size:14.5px} .cfg-note{font-size:14px} } @media(max-width:640px){ .codes-h,.codes-b>div{grid-template-columns:22px 54px minmax(0,1fr); gap:9px;padding:9px 11px} .codes-h{font-size:12px;letter-spacing:.04em} .codes-b{max-height:210px} .codes-b>div{font-size:11.5px;line-height:1.5;align-items:start; white-space:normal;overflow:visible;text-overflow:clip} .codes-b>div span:last-child,.codes-h span:last-child{ overflow:visible;white-space:normal;overflow-wrap:anywhere;word-break:break-all} .pad button{width:100%} } @media(max-width:760px){ .mods{display:block;margin-top:22px} .mods thead{display:none} .mods tbody,.mods tr,.mods td{display:block} .mods tr{padding:15px 0;border-bottom:1px solid var(--hair)} .mods tr:last-child{border-bottom:none} .mods td{width:auto;padding:0;border:none} .mods td.k{display:block;font-size:12px;color:var(--faint); letter-spacing:.05em;margin-bottom:4px} .mods td.t{font-size:15.5px;margin-bottom:5px} .mods td:last-child{font-size:14.5px;line-height:1.55} .mods tr.head{padding:28px 0 0;border-bottom:none} .mods tr.head td{font-size:12px;padding:0} } @media(max-width:1024px){ .field input,.field select{font-size:16px;padding:14px 15px} .agree{gap:12px;padding:10px 0} .agree input{width:24px;height:24px;margin-top:1px} #contact .sec-sub a{display:inline-block;padding:10px 0} .faq-head .sec-sub a{padding:12.5px 2px} summary{padding:17px 0;gap:14px} } @media(max-width:640px){ .btn{font-size:16px;padding:16px 22px} details p{font-size:14.5px} .agree{font-size:13px} } @media(max-width:1024px){ footer a{padding:12px 0;margin-bottom:0} footer .big{padding:8px 0;margin-bottom:2px} .copy{gap:12px 16px} .copy a{padding:13.5px 0} } @media(max-width:1024px){ .eyebrow{font-size:12px;letter-spacing:.06em;padding:6px 12px} .ui-chip{font-size:12px} .codes-h{font-size:12px;letter-spacing:.04em} .mods th,.mods tr.head td{font-size:11.5px} } @media(max-width:640px){ .eyebrow{font-size:11.5px;letter-spacing:.05em} .lead{font-size:16.5px} .sec-sub{font-size:15.5px} .ui{padding:17px} .areas,.config,.how,.caps,.rely,.form-sec,.faq{padding-top:48px;padding-bottom:48px} .two{padding-block:44px;gap:34px} .trust{margin-top:34px;gap:8px 18px} .trust li{border-left:none;padding:0} footer{padding:36px 0 26px} footer h4{font-size:12px} .how-grid{gap:22px;margin:26px 0 34px} .area{padding:18px 19px} } @media(max-width:640px){ .t-mark .tile-vis{flex-direction:column;align-items:flex-start;height:auto;gap:12px;padding:14px 16px} .wdg-steps{gap:6px 7px} } @media(max-width:760px){ .flow{grid-template-columns:1fr;gap:10px;margin-top:30px} .flow li{padding-left:0} .flow li+li::before{content:none} } @media(max-width:640px){ .who-grid,.who-how{grid-template-columns:1fr} .who-how{gap:12px} } @media (max-width: 1140px) { #menu .mark-back { display: none; } } .subpages { padding-block: 64px; } .subpages h2 { margin: 0 0 8px; } .subpages > .wrap > p { margin: 0 0 28px; color: var(--muted, #5F5F66); max-width: 62ch; } .subpage-grid { display: flex; flex-wrap: wrap; gap: 14px; } .subpage-grid > .subpage { flex: 1 1 260px; } .subpage { display: block; text-decoration: none; color: inherit; border: 1px solid var(--border, #D8D8E0); border-radius: 14px; padding: 18px 20px; background: var(--surface, #fff); transition: border-color .16s ease, transform .16s ease; } .subpage:hover { border-color: var(--accent, #0A6CFF); transform: translateY(-2px); } .subpage b { display: block; font-size: 16px; margin-bottom: 6px; } .subpage span { display: block; font-size: 13.5px; color: var(--muted, #5F5F66); } @media (max-width: 360px) { .tools .icon-btn:not(.burger):not(.tel-icon):not(.lang-btn) { display: none; } } .switches > :last-child:nth-child(odd) { grid-column: 1 / -1; }