:root{--header-h:64px} html{scroll-behavior:auto} .p-sec{animation:none!important;content-visibility:auto;contain-intrinsic-size:1px 640px} .p-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important} .p-hero h1{animation:none} .site-nav-wrap{display:flex;align-items:center;gap:8px;flex:1;justify-content:flex-end} .drop{position:relative} .drop>button,.drop>a.drop-btn{ font-family:'IBM Plex Mono',monospace;font-size:.64rem;letter-spacing:.14em;text-transform:uppercase; color:var(--muted);padding:8px 10px;background:none;border:0;cursor:pointer } .drop>button:hover,.drop>a.drop-btn:hover{color:var(--cyan)} .drop-panel{ display:none;position:absolute;top:calc(100% + 8px);left:0;min-width:280px;z-index:40; padding:12px;border-radius:14px;background:#071018;border:1px solid rgba(0,232,255,.18); box-shadow:0 24px 60px rgba(0,0,0,.45) } .drop:hover .drop-panel,.drop:focus-within .drop-panel,.drop.open .drop-panel{display:grid;gap:4px} .drop-panel a{ display:block;padding:10px 12px;border-radius:10px;text-decoration:none;color:var(--text); font-size:.86rem;letter-spacing:0;text-transform:none;font-family:'DM Sans',system-ui,sans-serif } .drop-panel a:hover{background:rgba(0,232,255,.08);color:var(--cyan)} .drop-panel a small{display:block;color:var(--muted);font-size:.72rem;margin-top:2px} .lang-switch{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;margin-left:8px} .lang-switch a{ padding:7px 11px;font-family:'IBM Plex Mono',monospace;font-size:.62rem;letter-spacing:.12em; color:var(--muted);text-decoration:none } .lang-switch a.is-on{background:var(--cyan);color:#04121a} .p-header .p-nav{align-items:center} .answer-box{ margin:28px 0 8px;padding:22px 22px 20px;border-left:3px solid var(--cyan); background:linear-gradient(90deg,rgba(0,232,255,.07),transparent 70%) } .answer-box strong{color:#fff} .prose{max-width:74ch} .prose p{margin:0 0 16px;color:rgba(242,246,248,.78);line-height:1.75} .prose h2{margin:36px 0 14px} .prose h3{margin:26px 0 10px;font-size:1.15rem} .prose ul{margin:0 0 18px;padding-left:1.1em;color:rgba(242,246,248,.78)} .prose li{margin:0 0 8px} .shot{ margin:22px 0 8px;padding:18px;border-radius:16px;border:1px solid rgba(0,232,255,.16); background:linear-gradient(180deg,#071018,#05090e);font-family:'IBM Plex Mono',monospace } .shot-bar{display:flex;gap:6px;margin-bottom:14px} .shot-bar i{width:8px;height:8px;border-radius:50%;background:#2a3a44;display:block} .shot-bar i:first-child{background:#00e8ff} .shot-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:10px} .shot-row{height:10px;border-radius:6px;background:rgba(0,232,255,.12);margin:8px 0} .shot-row.w2{width:72%}.shot-row.w3{width:48%;background:rgba(110,231,183,.2)} .shot-kpi{padding:14px;border:1px solid var(--line);border-radius:10px} .shot-kpi b{display:block;color:var(--cyan);font-size:1.1rem} .shot-cap{font-family:'DM Sans',system-ui,sans-serif;font-size:.8rem;color:var(--muted);margin-top:12px} .tool-shell{max-width:760px} .tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px} .tool-grid label{display:flex;flex-direction:column;gap:6px;font-size:.78rem;color:var(--muted)} .tool-grid input,.tool-grid select{ padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.03); color:var(--text);font:inherit } .tool-grid input:focus,.tool-grid select:focus{outline:none;border-color:rgba(0,232,255,.45)} .tool-out{ margin-top:22px;padding:22px;border-radius:16px;border:1px solid rgba(0,232,255,.2); background:rgba(0,232,255,.05) } .tool-out .big{font-family:'Syne','Unbounded',sans-serif;font-size:clamp(1.6rem,4vw,2.3rem);color:var(--cyan)} .tool-note{margin-top:10px;font-size:.82rem;color:var(--muted)} .err-table{width:100%;border-collapse:collapse;font-size:.88rem} .err-table th,.err-table td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:top} .err-table th{color:var(--muted);font-family:'IBM Plex Mono',monospace;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase} .err-table code{color:var(--cyan)} .tools-index{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px} .tools-index a{ display:block;padding:22px 20px;border-radius:16px;border:1px solid var(--line); text-decoration:none;color:var(--text);background:linear-gradient(165deg,rgba(10,18,28,.95),#070d14) } .tools-index a:hover{border-color:rgba(0,232,255,.35)} .tools-index a span{display:block;color:var(--muted);font-size:.86rem;margin-top:8px} .cookie{ position:fixed;left:16px;right:16px;bottom:16px;z-index:80;max-width:560px; padding:16px 18px;border-radius:16px;background:#071018;border:1px solid rgba(0,232,255,.2); box-shadow:0 20px 50px rgba(0,0,0,.45);display:none } .cookie.on{display:block} .cookie p{font-size:.84rem;color:rgba(242,246,248,.75);margin-bottom:12px} .cookie-actions{display:flex;gap:10px;flex-wrap:wrap} .cookie button{ padding:10px 16px;border-radius:999px;border:0;cursor:pointer;font:inherit;font-size:.78rem;font-weight:700 } .cookie .ok{background:var(--cyan);color:#04121a} .cookie a{color:var(--cyan)} .legal{max-width:74ch} .legal h1{margin:12px 0 18px} .legal h2{margin:32px 0 12px;font-size:1.3rem} .legal p,.legal li{color:rgba(242,246,248,.78);margin-bottom:12px;line-height:1.75} .team-list{columns:2;gap:32px;margin:18px 0 28px} .team-list li{break-inside:avoid;margin:0 0 8px;color:rgba(242,246,248,.8)} @media (max-width:860px){ .drop-panel{position:static;min-width:0;box-shadow:none;background:transparent;border:0;padding:0 0 8px 8px} .drop:hover .drop-panel,.drop:focus-within .drop-panel{display:none} .drop.open .drop-panel{display:grid} .tool-grid,.shot-grid,.team-list{grid-template-columns:1fr;columns:1} .p-header{flex-wrap:wrap} .site-nav-wrap{width:100%;justify-content:flex-start;overflow-x:auto;padding-bottom:8px} } @media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}} @media (max-width:760px){ .p-card:hover{transform:none} body::after{display:none} }