:root{--wh-claw:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 467 495'%3E%3Cpath d='M431.684 35.5684C435.656 31.0289 444.262 21.1593 450.807 13.6325C465.961 -3.78919 465.068 -4.38285 447.006 11.1056C394.311 56.3043 377.541 69.9833 373.431 71.1229C368.681 72.4435 360.729 79.091 360.729 81.7417C360.729 83.7638 355.169 88.9129 349.027 92.5826C346.433 94.1318 341.606 99.0808 338.3 103.579C333.829 109.668 331.521 111.757 329.266 111.757C325.998 111.757 314.554 120.055 307.38 127.623C304.935 130.204 300.461 134.035 297.434 136.134C293.983 138.53 291.086 141.914 289.651 145.219C286.047 153.533 277.168 163.644 269.836 167.777C265.117 170.441 261.036 174.352 256.016 181.021C252.097 186.224 248.439 190.485 247.889 190.485C247.337 190.485 238.922 198.218 229.182 207.668C218.35 218.182 208.744 226.331 204.435 228.658C195.312 233.588 184.991 244.242 176.135 257.873C171.127 265.584 166.294 271.047 159.568 276.609C152.89 282.133 149.825 285.59 149.238 288.263C148.301 292.52 144.338 295.878 140.251 295.878C138.587 295.878 134.792 298.808 130.391 303.497C123.843 310.468 123.135 311.76 126.152 311.233C127.806 310.948 126.012 316.049 120.845 326.319C116.466 335.014 115.73 335.823 111.998 336.011C103.815 336.423 100.477 338.928 94.5773 349.077C88.3818 359.743 82.669 367.222 82.5959 364.765C82.5166 361.914 77.9152 363.099 76.4322 366.352C75.6352 368.098 74.114 369.527 73.0534 369.527C71.6308 369.527 71.1195 370.93 71.1195 374.841C71.1195 380.99 74.022 377.222 31.349 426.478C15.4046 444.88 2.65477 460.232 3.01678 460.594C3.37879 460.959 16.4208 449.566 32 435.277C74.3173 396.469 71.1195 399.123 71.1195 402.818C71.1195 408.158 72.5834 407.824 79.938 400.812C89.2296 391.949 95.2537 388.622 95.2537 392.352C95.2537 396.012 97.1368 395.536 100.557 391.009C102.18 388.857 107.394 382.863 112.138 377.685C116.885 372.511 122.116 365.362 123.767 361.8C127.403 353.959 134.094 347.572 141.725 344.658C144.843 343.467 149.832 340.347 152.814 337.725C155.792 335.103 161.353 331.277 165.166 329.227C169.288 327.008 173.477 323.484 175.493 320.528C177.361 317.795 181.19 314.157 184.007 312.44C188.459 309.729 189.18 308.649 189.507 304.199C189.853 299.504 190.364 298.85 195.601 296.367C201.069 293.777 223.717 271 229.125 262.654C230.329 260.794 233.425 258.283 236.003 257.073C241.44 254.521 244.495 252.092 258.794 238.94C269.836 228.788 270.845 227.309 266.733 227.309C263.554 227.309 263.526 227.56 267.591 219.725C269.461 216.122 272.506 212.392 274.358 211.436C276.209 210.478 282.252 205.579 287.787 200.551C293.325 195.523 299.683 190.012 301.915 188.307C304.147 186.602 306.926 182.717 308.091 179.669C310.606 173.088 320.425 164.231 325.903 163.606C328.933 163.26 329.536 162.66 329.209 160.301C328.901 158.098 331.864 154.308 341.822 144.168C348.983 136.883 354.924 129.804 355.023 128.442C355.124 127.08 358.948 121.766 363.521 116.639C368.09 111.509 372.244 105.985 372.746 104.363C373.587 101.649 373.838 101.573 375.87 103.411C378.938 106.185 379.783 105.919 379.783 102.173C379.783 99.8808 382.367 96.2841 388.626 89.8652C394.739 83.5956 397.096 80.3417 396.257 79.329C395.117 77.9576 401.707 69.815 431.684 35.5684Z'/%3E%3Cpath d='M323.001 28.067C331.943 17.1784 339.822 7.26763 340.511 6.04544C342.867 1.86779 340.476 3.84868 314.096 27.9178C291.105 48.8982 287.149 52.0155 283.5 52.0441C277.825 52.0885 272.925 54.825 267.822 60.8089C265.476 63.558 259.414 69.342 254.349 73.6593C248.979 78.237 245.139 82.5004 245.139 83.8908C245.139 87.5129 237.89 95.0365 233.962 95.4873C231.446 95.7794 230.522 96.6079 230.491 98.5952C230.437 102.268 228.014 104.925 221.107 108.903C217.906 110.744 212.431 114.788 208.938 117.887C205.445 120.985 200.78 124.385 198.57 125.439C196.065 126.639 193.705 129.236 192.302 132.35C191.063 135.093 189.155 138.01 188.062 138.832C185.82 140.518 179.113 149.181 177.183 152.882C174.89 157.282 169.692 159.923 161.353 160.927L153.144 161.914L151.966 166.993C151.321 169.787 149.67 173.672 148.295 175.628C146.85 177.685 146.088 180.285 146.482 181.796C147.304 184.942 142.855 189.475 135.961 192.516C132.052 194.24 131.014 195.545 129.734 200.319C128.025 206.706 121.084 214.611 117.181 214.611C115.774 214.611 109.49 219.788 102.503 226.706C87.5561 241.502 79.6903 247.626 75.6288 247.626C72.9645 247.626 71.5546 249.588 65.3749 261.911C61.4341 269.768 56.9693 277.526 55.4546 279.155C53.9398 280.78 52.1298 284.037 51.4312 286.39C50.65 289.021 45.0261 296.139 36.8236 304.878C12.9626 330.3 0.0127257 344.744 2.35378e-05 345.94C-0.00632755 346.585 1.2734 345.969 2.8453 344.572C4.41719 343.175 15.6904 333.503 27.894 323.081C40.1008 312.659 53.5302 301.132 57.7346 297.466C61.9708 293.777 66.6293 290.799 68.1694 290.799C73.7552 290.799 77.4992 288.437 78.3058 284.399C78.744 282.218 80.5255 279.549 82.3451 278.349C84.1361 277.165 92.5894 269.19 101.128 260.629C112.268 249.461 117.768 244.839 120.607 244.27C122.779 243.835 125.129 242.413 125.828 241.108C126.526 239.804 128.286 238.737 129.734 238.737C132.865 238.737 168.066 205.068 168.717 201.456C169.542 196.846 180.161 188.012 191.438 182.551C202.308 177.288 202.606 177.025 203.298 172.072C204.807 161.327 213.193 152.457 226.293 147.749C233.834 145.038 235.638 142.692 236.87 133.991C237.623 128.667 238.753 126.664 243.952 121.471C247.353 118.068 250.455 114.29 250.84 113.074C251.227 111.858 254.317 109.354 257.705 107.509C261.093 105.665 264.58 103.297 265.453 102.243C266.33 101.189 267.737 100.328 268.581 100.328C273.106 100.328 285.237 83.3638 283.656 79.2465C282.69 76.7323 290.893 62.2343 293.281 62.2343C294.414 62.2343 297.907 59.0026 301.042 55.0504C304.179 51.0981 314.061 38.9556 323.001 28.067Z'/%3E%3Cpath d='M440.254 138.648C443.122 134.683 450.21 125.286 456.002 117.763C461.794 110.242 466.284 103.843 465.986 103.541C465.684 103.243 456.653 111.109 445.916 121.023C435.18 130.94 424.624 139.626 422.462 140.324C419.909 141.149 417.899 143.016 416.746 145.635C415.733 147.937 413.71 149.987 412.04 150.406C410.43 150.809 407.581 153.146 405.711 155.6C403.282 158.784 400.684 160.466 396.626 161.489C392.072 162.635 390.103 164.088 386.699 168.825C384.063 172.495 380.145 175.895 376.356 177.806C372.209 179.894 370.967 181.024 372.479 181.329C376.089 182.066 375.099 183.224 366.293 188.58C361.695 191.373 356.134 194.824 353.934 196.246C349.602 199.046 329.438 225.007 328.263 229.299C327.713 231.306 326.738 231.807 324.131 231.433C315.459 230.182 299.663 245.629 289.788 265.019C286.323 271.822 283.691 273.371 279.858 270.86C277.114 269.066 276.869 269.159 275.406 272.577C272.659 278.987 265.323 288.247 259.169 293.078C243.917 305.046 233.707 314.176 233.707 315.843C233.707 319.325 214.854 340.671 212.555 339.788C211.634 339.436 210.297 340.239 209.583 341.572C208.868 342.906 206.004 346.632 203.213 349.855C200.425 353.077 198.141 356.74 198.141 357.997C198.141 361.435 188.634 371.543 179.101 378.235C174.445 381.501 170.832 384.768 171.073 385.488C171.314 386.212 168.12 388.711 163.976 391.041C157.621 394.612 156.313 395.958 155.627 399.615C155.179 401.999 153.388 405.189 151.648 406.701C149.089 408.926 148.857 409.583 150.432 410.135C152.255 410.773 139.521 426.427 108.728 461.401C96.8415 474.899 100.703 472.607 128.552 449.639C147.892 433.69 156.059 427.729 160.187 426.554C165.846 424.944 169.485 422.859 166.64 422.859C163.201 422.859 165.614 420.221 174.325 414.456C179.917 410.754 184.661 408.504 186.404 408.72C188.713 409.005 189.431 408.307 190.063 405.151C190.606 402.437 193.921 398.336 200.844 391.825C206.344 386.654 210.844 381.857 210.844 381.162C210.844 380.466 213.273 378.022 216.242 375.73C219.211 373.438 224.013 369.432 226.912 366.826C229.811 364.219 234.552 360.883 237.442 359.407C240.621 357.788 243.202 355.362 243.971 353.286C251.262 333.512 251.437 333.198 256.279 330.928C258.886 329.706 263.018 327.414 265.463 325.833C270.217 322.76 301.451 302.065 301.979 301.643C302.15 301.504 302.42 299.831 302.579 297.923C302.782 295.466 306.799 290.317 316.411 280.199C323.858 272.358 330.161 264.867 330.415 263.555C331.12 259.93 342.527 253.318 344.81 255.21C346.284 256.435 346.849 255.829 347.941 251.848C348.815 248.667 351.895 244.359 356.861 239.372C364.88 231.318 366.112 229.141 362.057 230.201C358.446 231.144 361.923 226.093 368.128 221.379C377.15 214.528 394.028 197.465 396.419 192.78C399.211 187.313 399.519 184.856 397.248 186.186C393.206 188.551 410.43 171.453 416.917 166.66C420.944 163.685 424.24 160.733 424.24 160.098C424.24 159.466 424.624 157.949 425.091 156.73C425.672 155.219 425.469 154.806 424.456 155.432C423.64 155.936 422.97 155.854 422.97 155.244C422.97 153.355 427.568 149.092 431.391 147.435C433.395 146.568 437.384 142.613 440.254 138.648Z'/%3E%3Cpath d='M435.732 235.413C437.447 233.236 442.484 227.061 446.926 221.69C457.733 208.633 456.491 208.824 442.039 222.445C435.291 228.807 427.466 234.918 424.256 236.331C418.083 239.051 407.727 248.334 407.727 251.143C407.727 252.089 406.727 252.718 405.504 252.54C400.849 251.864 397.566 254.003 397.566 257.714C397.566 261.971 396.461 262.984 386.267 268.076C380.087 271.162 378.049 272.946 376.528 276.58C375.47 279.114 373.651 282.237 372.482 283.529C370.799 285.39 370.697 286.085 372.002 286.891C374.041 288.152 368.341 292.986 363.381 294.196C361.574 294.64 355.118 299.716 349.037 305.481C342.67 311.516 336.071 316.589 333.477 317.446C329.803 318.659 328.974 319.56 328.974 322.351C328.974 324.271 327.719 326.928 326.116 328.404C324.544 329.855 317.828 336.512 311.191 343.201C302.687 351.769 297.679 355.807 294.236 356.87C290.94 357.886 288.54 359.746 286.866 362.578C285.504 364.889 282.989 367.695 281.277 368.816C279.565 369.94 278.165 371.622 278.165 372.559C278.165 373.495 276.812 375.622 275.161 377.289C273.51 378.955 271.738 381.657 271.227 383.295C270.674 385.069 268.432 387.034 265.657 388.174C260.585 390.257 254.031 395.841 254.031 398.079C254.031 398.853 251.779 401.685 249.029 404.37C246.279 407.053 243.342 410.907 242.504 412.929C241.656 414.973 238.601 417.999 235.625 419.745C228.703 423.798 225.026 427.767 227.039 429.011C228.49 429.906 222.094 436.109 212.447 443.163C209.773 445.118 208.052 447.658 207.535 450.42C207.096 452.753 205.759 455.366 204.562 456.223C203.368 457.077 195.429 465.654 186.928 475.28C172.273 491.863 167.955 497.546 174.325 491.86C185.147 482.194 206.43 464.264 213.066 459.22C217.433 455.902 221.005 452.648 221.005 451.991C221.005 451.331 222.202 450.794 223.663 450.794C225.254 450.794 226.591 449.776 226.988 448.255C227.353 446.858 228.344 445.715 229.189 445.715C231.107 445.715 236.248 440.354 236.248 438.35C236.248 437.531 239.766 435.087 244.069 432.916C248.988 430.433 251.322 428.617 250.36 428.024C248.207 426.694 257.597 417.78 261.151 417.78C264.142 417.78 272.278 409.621 273.675 405.221C274.142 403.748 275.434 402.542 276.542 402.542C279.318 402.542 288.479 392.676 288.044 390.155C287.8 388.73 289.273 387.641 292.881 386.577C300.095 384.45 304.944 381.762 308.574 377.882C310.276 376.057 314.065 373.165 316.989 371.451C319.914 369.737 322.642 367.318 323.051 366.073C323.464 364.832 324.82 362.413 326.068 360.702C328.278 357.673 328.272 357.616 325.827 358.55C322.016 360.007 328.348 353.581 334.032 350.223C339.358 347.077 348.456 337.744 352.66 331.115C354.321 328.496 356.306 326.354 357.071 326.354C357.836 326.354 358.138 325.516 357.747 324.493C356.985 322.513 365.121 314.925 368.004 314.925C368.894 314.925 369.621 314.471 369.621 313.916C369.621 313.36 372.498 310.713 376.013 308.034C379.532 305.351 382.094 302.843 381.707 302.459C381.323 302.075 382.822 299.891 385.035 297.605C387.251 295.32 390.262 291.491 391.729 289.098C398.325 278.314 401.637 274.222 405.298 272.33C407.464 271.209 408.896 269.958 408.486 269.549C408.073 269.136 409.928 267.819 412.605 266.622C416.714 264.784 417.733 263.514 419.147 258.46C420.207 254.676 422.989 250.07 426.72 245.924C429.962 242.321 434.018 237.591 435.732 235.413Z'/%3E%3C/svg%3E");
  --bg:#020617;--surface:#0F172A;--raised:#1E293B;--line:#334155;--line-soft:#1E293B;--line-strong:#475569;
  --hair:rgba(148,163,184,.14);--hair-strong:rgba(148,163,184,.24);
  --fg:#F8FAFC;--fg-2:#CBD5E1;--muted:#94A3B8;--dim:#64748B;
  --brand-green:#0D542B;--green-900:#14532D;--green-600:#16A34A;--green-400:#4ADE80;
  --font-display:'Space Grotesk',ui-sans-serif,system-ui,sans-serif;
  --font-body:'Manrope',ui-sans-serif,system-ui,sans-serif;
  --font-mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --radius:0px;--radius-field:2px;--ease:cubic-bezier(.2,.7,.2,1);
}
html{background:#020617;scroll-behavior:smooth}
body{margin:0;background:#020617;color:#CBD5E1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
*,*::before,*::after{box-sizing:border-box}
[id]{scroll-margin-top:96px}
::selection{background:#14532D;color:#F8FAFC}
a{color:#CBD5E1;text-decoration:none}
a:hover{color:#F8FAFC}
:focus-visible{outline:2px solid #4ADE80;outline-offset:3px}
img{max-width:100%}
.wh-skip:focus{top:16px!important}

/* ---------- Type ---------- */
.t-chip{display:inline-flex;align-items:center;gap:10px;height:30px;padding:0 12px;border:1px solid var(--hair-strong);border-radius:2px;background:rgba(15,23,42,.6);font:500 13px/1 var(--font-body);color:#CBD5E1}
.t-chip i{width:6px;height:6px;background:#4ADE80;display:block}
.t-eyebrow{margin:0;display:inline-flex;align-items:center;gap:10px;font:500 13px/1.4 var(--font-body);color:#94A3B8}
.t-eyebrow i{width:6px;height:6px;background:#4ADE80;display:block}
.t-fig{font:500 10.5px/1.3 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#64748B}
.t-grad{background:linear-gradient(180deg,#F8FAFC 0%,#F8FAFC 50%,#94A3B8 110%);-webkit-background-clip:text;background-clip:text;color:transparent}
.t-display{margin:0;font-family:var(--font-display);font-weight:600;font-size:clamp(44px,6vw,84px);line-height:1;letter-spacing:-.045em;text-wrap:balance}
.t-h2{margin:0;font-family:var(--font-display);font-weight:600;font-size:clamp(36px,4.2vw,60px);line-height:1.04;letter-spacing:-.04em;text-wrap:balance}
.t-h3{margin:0;font-family:var(--font-display);font-weight:600;font-size:clamp(26px,2.4vw,34px);line-height:1.1;letter-spacing:-.03em;color:#F8FAFC;text-wrap:balance}
.t-h4{margin:0;font-family:var(--font-display);font-weight:600;font-size:18px;line-height:1.3;letter-spacing:-.015em;color:#F8FAFC}
.t-lead{margin:0;max-width:56ch;font-size:clamp(16px,1.2vw,18px);line-height:1.6;color:#94A3B8;text-wrap:pretty}
.t-body{margin:0;font-size:15px;line-height:1.6;color:#94A3B8;text-wrap:pretty}
.t-small{margin:0;font-size:14px;line-height:1.55;color:#94A3B8}
.t-label{font:500 10.5px/1.3 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#94A3B8}

/* ---------- Layout ---------- */
.wh-container{width:100%;max-width:1248px;margin:0 auto;padding-inline:clamp(20px,4vw,48px)}
.wh-section{position:relative;padding-top:clamp(72px,7.5vw,112px);padding-bottom:clamp(64px,6.5vw,96px)}
.wh-section::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(calc(100% - 2 * clamp(20px, 4vw, 48px)),1152px);height:1px;background:linear-gradient(90deg,rgba(148,163,184,0),rgba(148,163,184,.16) 18%,rgba(148,163,184,.16) 82%,rgba(148,163,184,0));pointer-events:none}
.wh-section::after{content:"";position:absolute;top:-3px;left:50%;width:7px;height:7px;margin-left:-3.5px;background:#020617;box-shadow:inset 0 0 0 1px #334155;pointer-events:none}
.wh-head{display:flex;flex-direction:column;align-items:flex-start;gap:24px;max-width:760px}
.wh-head--center{align-items:center;text-align:center;margin-inline:auto}
.wh-head--center .t-lead{margin-inline:auto}
.wh-body{margin-top:clamp(56px,6vw,88px)}
.wh-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.wh-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.wh-grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.wh-feature{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px clamp(40px,5vw,80px);align-items:center}
.wh-contact{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px clamp(40px,5vw,80px);align-items:start}
.wh-arch{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr)}
.wh-arch-mobile{display:none!important}
.wh-footer-grid{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(4,minmax(0,1fr));gap:48px 32px}

/* ---------- Surfaces ---------- */
.wh-card{position:relative;background:linear-gradient(180deg,rgba(30,41,59,.38) 0%,rgba(15,23,42,.22) 100%);border:1px solid var(--hair)}
.wh-card::before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,rgba(148,163,184,0),rgba(148,163,184,.45),rgba(148,163,184,0));pointer-events:none}
.wh-frame{position:relative;background:linear-gradient(180deg,#0F172A 0%,#020617 100%);border:1px solid var(--hair-strong);box-shadow:0 0 0 1px #020617,0 50px 120px -40px rgba(0,0,0,.9)}
.wh-frame::before{content:"";position:absolute;left:10%;right:10%;top:-1px;height:1px;background:linear-gradient(90deg,rgba(74,222,128,0),rgba(74,222,128,.6),rgba(74,222,128,0));pointer-events:none}
.wh-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;height:40px;padding:0 14px;border-bottom:1px solid var(--hair)}
.wh-dots{display:flex;gap:6px}
.wh-dots span{width:8px;height:8px;background:#1E293B;display:block}
.wh-badge{padding:4px 7px;border:1px solid #334155;font:500 10px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#94A3B8}
.wh-glow{position:absolute;pointer-events:none;background:radial-gradient(closest-side,rgba(22,163,74,.16),rgba(22,163,74,0))}

/* ---------- Hero ---------- */
.wh-hero{position:relative;overflow:clip;padding-top:clamp(96px,11vw,152px)}
.wh-hero__grid{position:absolute;inset:0 0 auto 0;height:760px;pointer-events:none;background-image:linear-gradient(to right,rgba(30,41,59,.55) 1px,transparent 1px),linear-gradient(to bottom,rgba(30,41,59,.55) 1px,transparent 1px);background-size:72px 72px;background-position:center top;-webkit-mask-image:radial-gradient(ellipse 60% 70% at 50% 0%,#000 0%,transparent 75%);mask-image:radial-gradient(ellipse 60% 70% at 50% 0%,#000 0%,transparent 75%)}
.wh-shot{position:relative;margin-top:clamp(96px,9vw,136px)}
.wh-shot>.wh-frame{-webkit-mask-image:linear-gradient(to bottom,#000 72%,transparent 100%);mask-image:linear-gradient(to bottom,#000 72%,transparent 100%)}
.wh-shot__grid{display:grid;grid-template-columns:200px minmax(0,1fr) 300px;min-height:560px}
.wh-row{display:grid;grid-template-columns:96px minmax(0,1fr) 92px 120px;align-items:center;gap:16px;height:46px;padding:0 18px;border-bottom:1px solid var(--hair);font-size:13px}
.wh-row--on{background:rgba(30,41,59,.55)}

/* ---------- Problems band (Wolf System in background) ---------- */
.wh-band{position:relative;display:grid}
.wh-band__bg,.wh-band__content{grid-area:1/1}
.wh-band__bg{position:relative;z-index:0;pointer-events:none}
.wh-band__stick{position:sticky;top:64px;height:min(900px,calc(100vh - 64px));overflow:hidden}
.wh-band__wolf{position:absolute;left:50%;top:50%;width:min(940px,92vw);transform:translate(-50%,-50%)}
.wh-band__scrim{position:absolute;inset:0;background:linear-gradient(180deg,#020617 0%,rgba(2,6,23,0) 18%,rgba(2,6,23,0) 82%,#020617 100%)}
.wh-band__content{position:relative;z-index:1;padding-bottom:clamp(40px,5vw,80px)}
.wh-hero2{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px clamp(40px,5vw,80px);align-items:center}
.wh-hero2__viz{min-width:0;width:118%;max-width:700px;justify-self:end;margin-right:-6%}
.wh-wolfmin{position:relative;width:100%;aspect-ratio:1/1}
.wh-spin{transform-box:view-box;transform-origin:50% 50%;animation:whSpin 120s linear infinite}
.wh-spin--rev{animation-direction:reverse}
.wh-sway{transform-box:view-box;transform-origin:50% 55%;animation:whSway 12s ease-in-out infinite}
.wh-dashflow{animation:whDash 4s linear infinite}
.wh-scan{animation:whScan 6s cubic-bezier(.45,0,.55,1) infinite}
.wh-scratch{position:absolute;pointer-events:none;z-index:0}
.wh-scratch g>path,.wh-scratch--use{animation:whClaw 1.1s var(--ease) both}
.wh-scratch g>path:nth-child(2){animation-delay:.12s}.wh-scratch g>path:nth-child(3){animation-delay:.24s}.wh-scratch g>path:nth-child(4){animation-delay:.36s}
.wh-hero__traces{position:absolute;left:50%;top:0;transform:translateX(-50%);pointer-events:none;opacity:.85;-webkit-mask-image:radial-gradient(ellipse 65% 75% at 50% 10%,#000 0%,transparent 80%);mask-image:radial-gradient(ellipse 65% 75% at 50% 10%,#000 0%,transparent 80%)}
.wh-trace{stroke-dashoffset:1000;animation:whTrace 8s linear infinite}
.wh-node-blink{opacity:.2;animation:whNode 3.6s ease-in-out infinite}
@keyframes whTrace{from{stroke-dashoffset:1000}to{stroke-dashoffset:0}}
@keyframes whNode{0%,100%{opacity:.15}50%{opacity:.9}}
@media (prefers-reduced-motion: reduce){.wh-trace{animation:none!important;opacity:0}.wh-node-blink{animation:none!important;opacity:.4}}
.wh-comet{stroke-dashoffset:0;animation:whComet 9s linear infinite}
.wh-comet--2{animation-duration:9s;animation-delay:-4.5s}
@keyframes whComet{from{stroke-dashoffset:0}to{stroke-dashoffset:-1000}}
@media (prefers-reduced-motion: reduce){.wh-comet{animation:none!important}}
.wh-spin-fast{transform-box:fill-box;transform-origin:50% 50%;animation:whSpin 2.4s linear infinite}
@keyframes whLive{0%{box-shadow:0 0 0 0 rgba(74,222,128,.55)}100%{box-shadow:0 0 0 7px rgba(74,222,128,0)}}
.wh-trow{display:grid;grid-template-columns:84px minmax(0,1fr) 78px 110px 52px;align-items:center;gap:14px;height:44px;padding:0 18px;border-bottom:1px solid var(--hair);font-size:13px;color:#CBD5E1}
.wh-trow--head{height:32px;font:500 10px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#64748B;border-top:1px solid var(--hair)}
.wh-trow--on{background:linear-gradient(90deg,rgba(22,163,74,.10),rgba(30,41,59,.35) 40%,rgba(30,41,59,.2))}
@keyframes whGrow{0%,100%{transform:scaleX(.92)}50%{transform:scaleX(1.06)}}
.wh-flash{animation:whFlash 7s ease-in-out infinite}
@keyframes whFlash{0%,60%,100%{background:transparent}70%{background:rgba(74,222,128,.07)}}
@keyframes whRing{0%,100%{stroke-dashoffset:58}50%{stroke-dashoffset:50}}
.wh-sweep{position:absolute;top:-1px;left:-30%;width:30%;height:1px;z-index:2;background:linear-gradient(90deg,rgba(74,222,128,0),#4ADE80,rgba(74,222,128,0));animation:whSweep 8s linear infinite}
@keyframes whSweep{to{left:100%}}
@media (max-width:767px){.wh-trow{grid-template-columns:72px minmax(0,1fr) 68px}.wh-ui-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (prefers-reduced-motion: reduce){.wh-ui-caret,.wh-spin-fast,.wh-ui-live,.wh-ui-grow,.wh-flash,.wh-ui-ring,.wh-sweep,.wh-ui-tl li.is-now>span{animation:none!important}.wh-sweep{display:none}}
@keyframes whCursor{0%,100%{left:22%}50%{left:74%}}
@keyframes whCursorY{0%,100%{top:64%}50%{top:38%}}
@keyframes whNow{0%{left:calc(44px + 40%)}100%{left:calc(44px + 66%)}}
@keyframes whPick{from{offset-distance:0%}to{offset-distance:100%}}
@media (max-width:639px){.wh-ui-wms{grid-template-columns:minmax(0,1fr)}.wh-ui-wms__side{border-left:0;border-top:1px solid var(--hair)}}
@media (prefers-reduced-motion: reduce){.wh-ui-cursor,.wh-ui-cursor__dot,.wh-ui-now,.wh-ui-picker{animation:none!important}}
.wh-ptile{display:grid!important;grid-template-columns:44px minmax(0,1fr);gap:20px!important;padding:24px 26px!important}
.wh-ptile__icon{width:44px!important;height:44px!important}
.wh-ptile__body{display:flex;flex-direction:column;gap:8px;min-width:0}
.wh-ptile__title{font-size:clamp(20px,1.7vw,24px)!important;line-height:1.2!important;letter-spacing:-.02em!important}
.wh-ptile__fix{display:flex;align-items:center;gap:8px;margin:8px 0 0;padding-top:12px;border-top:1px solid var(--hair);font-size:13.5px;font-weight:600;color:#4ADE80}
.wh-ptile__fix span{margin-left:auto;font:500 10px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#64748B}
.wh-dashflow2{animation:whDash2 4s linear infinite}
@keyframes whDash2{to{stroke-dashoffset:-21.6}}
.wh-lava-a{animation:whLavaA 9s ease-in-out infinite}
.wh-lava-b{animation:whLavaB 12s ease-in-out infinite}
.wh-lava-c{animation:whLavaC 10s ease-in-out infinite}
.wh-lava-d{animation:whLavaD 7s ease-in-out infinite}
.wh-lava-sheen{animation:whSheen 5.5s cubic-bezier(.45,0,.55,1) infinite}
.wh-lava-glow{opacity:.7;animation:whGlowP 4s ease-in-out infinite}
.wh-claw-in{animation:whClaw 1.4s var(--ease) .6s both}
@keyframes whLavaA{0%,100%{transform:translate(0,0)}50%{transform:translate(-120px,140px)}}
@keyframes whLavaB{0%,100%{transform:translate(0,0)}50%{transform:translate(110px,-120px)}}
@keyframes whLavaC{0%,100%{transform:translate(0,0)}50%{transform:translate(140px,-90px)}}
@keyframes whLavaD{0%,100%{transform:translate(0,0);opacity:.35}50%{transform:translate(-90px,110px);opacity:.7}}
@keyframes whSheen{0%{transform:translateX(0)}100%{transform:translateX(980px)}}
@keyframes whGlowP{0%,100%{opacity:.55}50%{opacity:.95}}
@media (prefers-reduced-motion: reduce){.wh-dashflow2,.wh-lava-a,.wh-lava-b,.wh-lava-c,.wh-lava-d,.wh-lava-sheen,.wh-lava-glow,.wh-claw-in{animation:none!important}.wh-lava-sheen{display:none}}
@keyframes whSpin{to{transform:rotate(360deg)}}
.wh-sq{transform-box:fill-box;transform-origin:center;opacity:.35;animation:whSq 6s cubic-bezier(.3,0,.2,1) infinite}
.wh-sq--ring{fill:none;stroke:#4ADE80;stroke-width:1;opacity:0;animation-name:whSqRing}
@keyframes whSq{0%,100%{opacity:.35;transform:scale(1)}6%{opacity:1;transform:scale(1.7)}14%{opacity:1;transform:scale(1)}30%{opacity:.35}}
@keyframes whSqRing{0%{opacity:.9;transform:scale(.4)}16%{opacity:0;transform:scale(2.4)}100%{opacity:0;transform:scale(2.4)}}
@media (prefers-reduced-motion: reduce){.wh-sq{animation:none;opacity:.6}.wh-sq--ring{display:none}}
@keyframes whSway{0%,100%{transform:translateY(0) rotate(-1.2deg)}50%{transform:translateY(-8px) rotate(1.2deg)}}
@keyframes whDash{to{stroke-dashoffset:-56}}
@keyframes whScan{0%{transform:translateY(70px);opacity:0}12%{opacity:1}88%{opacity:1}100%{transform:translateY(590px);opacity:0}}
@keyframes whClaw{from{clip-path:inset(0 0 100% 100%)}to{clip-path:inset(0 0 0 0)}}
@supports (animation-timeline: view()){
  .wh-scratch g>path,.wh-scratch--use{animation-timeline:view();animation-delay:0s;animation-range:entry 10% cover 30%}
  .wh-scratch g>path:nth-child(2){animation-range:entry 18% cover 36%}
  .wh-scratch g>path:nth-child(3){animation-range:entry 26% cover 42%}
  .wh-scratch g>path:nth-child(4){animation-range:entry 34% cover 48%}
}
@media (prefers-reduced-motion: reduce){.wh-spin,.wh-sway,.wh-dashflow,.wh-scan,.wh-scratch g>path,.wh-scratch--use{animation:none!important}.wh-scan{display:none}}
.wh-problems{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px clamp(40px,6vw,96px);align-items:start}
.wh-problems__aside{position:static}
.wh-ptiles{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:24px}
.wh-ptile{position:relative;display:flex;flex-direction:column;gap:20px;padding:28px;background:linear-gradient(180deg,rgba(30,41,59,.38) 0%,rgba(15,23,42,.22) 100%);border:1px solid var(--hair);transition:border-color .5s ease}
@media (max-width:1023px){.wh-hero2,.wh-problems{grid-template-columns:minmax(0,1fr)}.wh-hero2__viz{justify-self:center;width:100%;max-width:520px;margin-right:0}.wh-problems__aside{position:relative;top:auto}}
.wh-ptile__top{position:absolute;left:-1px;right:-1px;top:-1px;height:1px;transition:background .5s ease}
.wh-ptile__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0;border:1px solid var(--hair-strong);background:#0F172A;transition:border-color .5s ease,color .5s ease}
.wh-ptile__title{margin:0;font-family:var(--font-display);font-weight:600;font-size:clamp(24px,2.2vw,30px);line-height:1.12;letter-spacing:-.025em;transition:color .5s ease}
.wh-ptile__foot{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--hair);border:1px solid var(--hair)}
.wh-ptile__foot>div{display:flex;flex-direction:column;gap:6px;padding:12px 14px;background:#020617}

/* ---------- Controls ---------- */
.wh-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 20px;border:1px solid transparent;border-radius:2px;font:600 15px/1 var(--font-body);cursor:pointer;white-space:nowrap;transition:background-color .2s ease,border-color .2s ease,color .2s ease}
.wh-btn svg{flex-shrink:0;transition:transform .3s var(--ease)}
.wh-btn:hover svg{transform:translateX(3px)}
.wh-btn--primary{--notch:12px;position:relative;isolation:isolate;background:transparent;border:0;color:#020617;font-weight:700;letter-spacing:.005em;clip-path:polygon(0 0,calc(100% - var(--notch)) 0,100% var(--notch),100% 100%,var(--notch) 100%,0 calc(100% - var(--notch)));transition:transform .25s var(--ease),color .2s}
.wh-btn--primary::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#6EE7A0 0%,#4ADE80 45%,#22C55E 100%);transition:filter .25s}
.wh-btn--primary::after{content:"";position:absolute;z-index:-1;pointer-events:none;right:4px;top:50%;width:64px;height:68px;margin-top:-34px;background:linear-gradient(125deg,#052E16 0%,#166534 30%,#0D542B 50%,#15803D 70%,#052E16 100%);background-size:220% 220%;-webkit-mask:var(--wh-claw) center/contain no-repeat;mask:var(--wh-claw) center/contain no-repeat;clip-path:inset(0 0 100% 100%);opacity:.92;transition:clip-path .45s cubic-bezier(.7,0,.2,1);animation:whLavaShift 2.6s ease-in-out infinite alternate}
.wh-btn--primary:hover{color:#020617;transform:translateY(-1px)}
.wh-btn--primary:hover::before{filter:brightness(1.08)}
.wh-btn--primary:hover::after{clip-path:inset(0 0 0 0)}
.wh-btn--primary:active{transform:translateY(0) scale(.98)}
.wh-btn--primary:focus-visible{outline:2px solid #020617;outline-offset:-6px}
.wh-btn--primary svg{transition:transform .3s var(--ease)}
.wh-btn--primary:hover svg{transform:translate(4px,0) rotate(-8deg)}
.wh-btn--sm.wh-btn--primary{--notch:9px}
.wh-btn--sm.wh-btn--primary::after{width:48px;height:51px;margin-top:-25.5px;right:2px}
@keyframes whLavaShift{from{background-position:0% 0%}to{background-position:100% 100%}}
@media (prefers-reduced-motion: reduce){.wh-btn--primary::after{transition:none;animation:none}}
.wh-cta-row{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:clamp(48px,5vw,72px)}
.wh-cta-row--inline{flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px}
.wh-hero{padding-bottom:clamp(64px,6.5vw,96px)}
.wh-num{font:500 12px/1 var(--font-mono);letter-spacing:.06em;color:#4ADE80}
.wh-btn--ghost,.wh-iconbtn{--notch:12px;position:relative;isolation:isolate;background:transparent!important;border:0!important;color:#F8FAFC;clip-path:polygon(0 0,calc(100% - var(--notch)) 0,100% var(--notch),100% 100%,var(--notch) 100%,0 calc(100% - var(--notch)));transition:transform .25s var(--ease),color .2s}
.wh-btn--ghost::before,.wh-iconbtn::before{content:"";position:absolute;inset:0;z-index:-2;background:#334155;transition:background-color .25s}
.wh-btn--ghost::after,.wh-iconbtn::after{content:"";position:absolute;inset:1px;z-index:-1;background:#0F172A;clip-path:polygon(0 0,calc(100% - var(--notch) + .41px) 0,100% calc(var(--notch) - .41px),100% 100%,calc(var(--notch) - .41px) 100%,0 calc(100% - var(--notch) + .41px));transition:background-color .25s}
.wh-btn--ghost:hover,.wh-iconbtn:hover{color:#F8FAFC;transform:translateY(-1px)}
.wh-btn--ghost:hover::before,.wh-iconbtn:hover::before{background:#16A34A}
.wh-btn--ghost:hover::after,.wh-iconbtn:hover::after{background:#052E16}
.wh-btn--ghost:active,.wh-iconbtn:active{transform:translateY(0) scale(.98)}
.wh-btn--ghost:focus-visible,.wh-iconbtn:focus-visible{outline:2px solid #4ADE80;outline-offset:-5px}
.wh-iconbtn{--notch:8px}
.wh-btn--sm{min-height:36px;padding:0 14px;font-size:13.5px}
.wh-btn--block{width:100%}
.wh-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:transparent;border:1px solid var(--hair-strong);border-radius:2px;color:#F8FAFC;cursor:pointer}
.wh-iconbtn:hover{background:#0F172A}
.wh-more{display:inline-flex;align-items:center;gap:8px;min-height:40px;font:600 14.5px/1 var(--font-body);color:#F8FAFC}
.wh-more svg{transition:transform .3s var(--ease)}
.wh-more:hover{color:#4ADE80}
.wh-more:hover svg{transform:translateX(3px)}
.wh-flink{color:#94A3B8;font-size:14px;line-height:1.45;transition:color .2s}
.wh-flink:hover{color:#F8FAFC}
.wh-navlink{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 16px;background:none;border:0;border-radius:2px;font:500 14px/1 var(--font-body);color:#94A3B8;cursor:pointer;white-space:nowrap;transition:color .2s,background-color .2s}
.wh-navlink:hover,.wh-navlink[aria-expanded="true"]{color:#F8FAFC;background:rgba(30,41,59,.6)}
.wh-menuitem{transition:background-color .2s}
.wh-menuitem:hover{background:rgba(30,41,59,.5)}
.wh-sheetlink{transition:color .2s}
.wh-sheetlink:hover{color:#4ADE80}
.wh-lang{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:100%;padding:0;background:transparent;border:0;border-radius:0;font:500 11.5px/1 var(--font-mono);letter-spacing:.06em;color:#64748B;cursor:help;transition:color .2s}
.wh-lang:hover{color:#94A3B8}
.wh-lang--on{color:#F8FAFC;cursor:default}
.wh-lang--on::after{content:"";position:absolute;left:10px;right:10px;bottom:4px;height:1px;background:#4ADE80}
.wh-seg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;padding:1px;background:var(--hair);border:1px solid var(--hair)}
.wh-seg__btn{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;min-height:96px;padding:24px 22px;background:#020617;border:0;border-radius:0;text-align:left;cursor:pointer;font:inherit;color:inherit;transition:background-color .25s}
.wh-seg__btn:hover{background:#0F172A}
.wh-tab{transition:color .2s,background-color .2s}
.wh-tab:hover{color:#F8FAFC}
.wh-node{cursor:pointer;transition:border-color .25s,background-color .25s,color .25s}
.wh-node:hover{border-color:#4ADE80!important}
.wh-chip{transition:border-color .2s,color .2s}
.wh-chip:hover{border-color:#4ADE80;color:#F8FAFC}
.wh-step{transition:background-color .3s}
.wh-step:hover{background:rgba(15,23,42,.7)}
.wh-alist{list-style:none;margin:48px 0 0;padding:0;display:flex;flex-direction:column;gap:22px}
.wh-alist li{display:grid;grid-template-columns:38px minmax(0,1fr);gap:14px;align-items:start}
.wh-alist__ic{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--hair-strong);background:#0F172A;color:#4ADE80}
.wh-alist b{display:block;font:600 15px/1.3 var(--font-display);color:var(--fg)}
.wh-alist em{display:block;font-style:normal;font-size:13.5px;line-height:1.5;color:var(--muted);margin-top:4px}
.wh-auto-glow{position:absolute;inset:-14% -10%;z-index:0;pointer-events:none;background:radial-gradient(48% 46% at 55% 50%,rgba(22,163,74,.2),rgba(22,163,74,0) 70%);transition:opacity .6s}
.wh-switch{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:4px;border:1px solid var(--hair-strong);background:#020617}
.wh-switch__ind{position:absolute;top:4px;bottom:4px;width:calc(50% - 4px);border:1px solid;transition:left .5s cubic-bezier(.7,0,.2,1),background-color .4s,border-color .4s}
.wh-switch button{position:relative;z-index:1;min-height:42px;padding:0 10px;background:transparent;border:0;border-radius:0;cursor:pointer;font:600 13.5px/1.2 var(--font-body);transition:color .3s}
.wh-switch button:focus-visible{outline:2px solid #4ADE80;outline-offset:-2px}
.wh-kpi3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.wh-kpi3>div{display:flex;flex-direction:column;gap:8px;padding:14px 18px;min-width:0}
.wh-kpi3>div+div{border-left:1px solid var(--hair)}
.wh-kpi3 b{font:600 22px/1 var(--font-display);letter-spacing:-.01em;transition:color .4s}
.wh-flow{position:relative;list-style:none;margin:0;padding:10px 0}
.wh-flow__spine{position:absolute;left:39.5px;top:42px;bottom:42px;width:0;border-left:1px dashed #475569}
.wh-flow.is-auto .wh-flow__spine{border-left:1px solid #14532D}
.wh-flow__comet,.wh-flow__pkt{position:absolute;display:none}
.wh-flow.is-auto .wh-flow__comet{display:block;left:-2px;top:-60px;width:3px;height:60px;background:linear-gradient(180deg,rgba(74,222,128,0),#4ADE80);box-shadow:0 6px 14px 1px rgba(74,222,128,.45);animation:whFlowComet 5s linear infinite}
.wh-flow.is-manual .wh-flow__pkt{display:block;left:-5px;top:0;width:9px;height:9px;margin-top:-4.5px;background:#CBD5E1;box-shadow:0 0 0 4px rgba(203,213,225,.1);animation:whPkt 10s ease-in-out infinite}
@keyframes whFlowComet{0%{top:-60px;opacity:0}4%{opacity:1}80%{top:calc(100% - 60px);opacity:1}90%,100%{top:calc(100% - 60px);opacity:0}}
@keyframes whPkt{0%,15%{top:0}20%,40%{top:25%}45%,65%{top:50%}70%,88%{top:75%}93%,100%{top:100%}}
.wh-fstep{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) auto 92px;align-items:center;column-gap:16px;row-gap:8px;min-height:64px;padding:10px 18px}
.wh-fstep>*{position:relative;z-index:1}
.wh-fstep::before{content:"";position:absolute;inset:3px 10px;z-index:0;background:linear-gradient(90deg,rgba(74,222,128,.1),rgba(74,222,128,0) 75%);opacity:0;pointer-events:none}
.is-auto .wh-fstep::before{animation:whRowLit 5s linear infinite;animation-delay:calc(var(--i) * 1s)}
@keyframes whRowLit{0%{opacity:1}22%,100%{opacity:0}}
.wh-fnode{display:grid;place-items:center;width:44px;height:44px;background:#0F172A;border:1px dashed #475569;color:#94A3B8;transition:color .4s,border-color .4s}
.wh-fnode::after{content:"";position:absolute;inset:-6px;border:1px dashed rgba(148,163,184,.3);opacity:0;pointer-events:none}
.is-manual .wh-fnode::after{display:none}
.is-auto .wh-fnode{border:1px solid #166534;color:#4ADE80;animation:whNodeLit 5s linear infinite;animation-delay:calc(var(--i) * 1s)}
@keyframes whNodeLit{0%{background:#14532D;border-color:#4ADE80;box-shadow:0 0 0 4px rgba(74,222,128,.14),0 0 28px rgba(74,222,128,.4)}22%,100%{background:#0F172A;border-color:#166534;box-shadow:0 0 0 0 rgba(74,222,128,0),0 0 0 rgba(74,222,128,0)}}
.wh-fstep__txt{min-width:0}
.wh-fstep__txt b{display:block;font-size:14.5px;font-weight:600;line-height:1.3;color:var(--fg)}
.wh-fstep__txt em{display:block;font-style:normal;font-size:12.5px;line-height:1.4;color:var(--muted);margin-top:3px}
.wh-fstep__tag{padding:6px 8px;border:1px dashed #475569;font:500 10.5px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#94A3B8;white-space:nowrap}
.is-auto .wh-fstep__tag{border:1px solid #334155;color:#CBD5E1}
.wh-fstep__st{justify-self:end;display:inline-flex;align-items:center;gap:7px;font:500 10.5px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#64748B;white-space:nowrap}
.wh-fstep__st i{width:6px;height:6px;border:1px solid #64748B}
.is-manual .wh-fstep__st i{animation:whBlink 1.6s ease-in-out infinite;animation-delay:calc(var(--i) * -.35s)}
.is-auto .wh-fstep__st{color:#4ADE80}
.is-auto .wh-fstep__st i{border-color:#4ADE80;background:#4ADE80;animation:whStOn 5s linear infinite;animation-delay:calc(var(--i) * 1s)}
@keyframes whStOn{0%{box-shadow:0 0 0 0 rgba(74,222,128,.7)}25%,100%{box-shadow:0 0 0 9px rgba(74,222,128,0)}}
.wh-flow-result{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-top:1px solid var(--hair)}
.wh-flow-chip{position:relative;overflow:hidden;flex:none;padding:7px 10px;font:500 10.5px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.wh-flow-chip.is-manual{border:1px dashed #475569;color:#94A3B8}
.wh-flow-chip.is-auto{border:1px solid #16A34A;background:#14532D;color:#F8FAFC}
.wh-flow-chip.is-auto::after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:40%;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.25),rgba(255,255,255,0));animation:whChipSheen 5s linear infinite}
@keyframes whChipSheen{0%,78%{left:-40%}96%,100%{left:110%}}
@media (max-width:639px){.wh-fstep{grid-template-columns:44px minmax(0,1fr)}.wh-fstep__tag,.wh-fstep__st{grid-column:2;justify-self:start}.wh-fstep__st{display:none}.wh-flow__spine{top:36px;bottom:60px}.wh-kpi3>div{padding:12px}.wh-kpi3 b{font-size:17px}.wh-flow-result{flex-direction:column;align-items:flex-start}}
@media (prefers-reduced-motion: reduce){.wh-flow__comet,.wh-flow__pkt,.wh-fstep::before,.wh-fnode,.wh-fnode::after,.wh-fstep__st i,.wh-flow-chip::after{animation:none!important}.wh-flow__comet,.wh-flow__pkt,.wh-flow-chip::after{display:none!important}.wh-switch__ind{transition:none}}
.wh-collab-head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px clamp(40px,5vw,80px);align-items:end}
.wh-princ{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.wh-princ li{display:grid;grid-template-columns:38px minmax(0,1fr);gap:16px;align-items:start;padding:16px 0;border-top:1px solid var(--hair)}
.wh-princ b{display:block;font:600 15px/1.3 var(--font-display);color:var(--fg)}
.wh-princ em{display:block;font-style:normal;font-size:13.5px;line-height:1.5;color:var(--muted);margin-top:4px}
.wh-rail__track{position:absolute;left:0;right:0;top:0;height:2px;z-index:2;background:#1E293B;pointer-events:none}
.wh-rail__fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#16A34A,#4ADE80);box-shadow:0 0 14px rgba(74,222,128,.55);transition:width .6s cubic-bezier(.7,0,.2,1)}
.wh-rail{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--hair)}
.wh-rail li{display:flex;min-width:0}
.wh-rail li+li{border-left:1px solid var(--hair)}
.wh-rail button{position:relative;display:flex;flex-direction:column;gap:10px;width:100%;padding:30px 22px 24px;border:0;border-radius:0;text-align:left;cursor:pointer;color:inherit;font:inherit;transition:background-color .3s}
.wh-rail button:hover{background:rgba(15,23,42,.7)!important}
.wh-rail button:focus-visible{outline:2px solid #4ADE80;outline-offset:-2px}
.wh-rail__node{position:absolute;left:22px;top:-3.5px;z-index:3;width:9px;height:9px;transition:background-color .4s,box-shadow .4s}
.wh-collab__detail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.wh-collab__detail>div{display:flex;flex-direction:column;gap:16px;min-width:0;padding:28px 22px}
.wh-collab__detail>div+div{border-left:1px solid var(--hair)}
.wh-collab__note{margin:4px 0 0;padding:12px 14px;border:1px solid #166534;background:rgba(20,83,45,.25);font-size:13.5px;line-height:1.5;color:#CBD5E1}
@media (max-width:1023px){.wh-collab-head{grid-template-columns:minmax(0,1fr)}}
@media (max-width:767px){.wh-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.wh-rail li:nth-child(3){border-left:0}.wh-rail li:nth-child(n+3){border-top:1px solid var(--hair)}.wh-rail__track{display:none}.wh-collab__detail{grid-template-columns:minmax(0,1fr)}.wh-collab__detail>div+div{border-left:0;border-top:1px solid var(--hair)}}
@media (prefers-reduced-motion: reduce){.wh-rail__fill{transition:none}}
.wh-svc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.wh-svc__card{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-height:236px;padding:28px;border:1px solid var(--hair);background:linear-gradient(180deg,rgba(30,41,59,.38) 0%,rgba(15,23,42,.22) 100%);color:inherit;text-decoration:none;transition:border-color .35s,transform .35s var(--ease)}
.wh-svc__card--wide{grid-column:span 2}
.wh-svc__card::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(70% 90% at 100% 0%,rgba(22,163,74,.2),rgba(22,163,74,0) 70%);opacity:0;transition:opacity .45s;pointer-events:none}
.wh-svc__card::after{content:"";position:absolute;z-index:-1;right:-14px;top:-18px;width:128px;height:136px;background:linear-gradient(125deg,#4ADE80 0%,#16A34A 30%,#0D542B 55%,#4ADE80 85%);background-size:220% 220%;-webkit-mask:var(--wh-claw) center/contain no-repeat;mask:var(--wh-claw) center/contain no-repeat;clip-path:inset(0 0 100% 100%);opacity:.85;transition:clip-path .55s cubic-bezier(.7,0,.2,1);animation:whLavaShift 3.2s ease-in-out infinite alternate;pointer-events:none}
.wh-svc__card--wide::after{width:190px;height:201px;right:-10px;top:-26px}
.wh-svc__card:hover,.wh-svc__card:focus-visible{border-color:#166534;transform:translateY(-2px)}
.wh-svc__card:focus-visible{outline:2px solid #4ADE80;outline-offset:2px}
.wh-svc__card:hover::before,.wh-svc__card:focus-visible::before{opacity:1}
.wh-svc__card:hover::after,.wh-svc__card:focus-visible::after{clip-path:inset(0 0 0 0)}
.wh-svc__ic{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--hair-strong);background:#0F172A;color:#4ADE80;transition:color .35s,border-color .35s,box-shadow .35s}
.wh-svc__card:hover .wh-svc__ic,.wh-svc__card:focus-visible .wh-svc__ic{color:#4ADE80;border-color:#16A34A;box-shadow:0 0 0 4px rgba(74,222,128,.1),0 0 22px rgba(74,222,128,.25)}
.wh-svc__t{margin:6px 0 0;font:600 19px/1.25 var(--font-display);letter-spacing:-.01em;color:var(--fg)}
.wh-svc__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:auto;padding-top:16px;border-top:1px solid var(--hair)}
.wh-svc__go{display:grid;place-items:center;color:#64748B;transition:color .3s,transform .35s var(--ease)}
.wh-svc__card:hover .wh-svc__go{color:#4ADE80;transform:translateX(4px)}
.wh-svc__sys{display:flex;align-items:center;flex-wrap:wrap;gap:8px 0;margin-top:6px}
.wh-svc__chip{display:flex;flex-direction:column;gap:6px;padding:12px 16px;border:1px solid var(--hair-strong);background:#020617;text-decoration:none;transition:border-color .3s,background-color .3s}
.wh-svc__chip b{font:600 16px/1 var(--font-display);color:var(--fg);transition:color .3s}
.wh-svc__chip span{font-size:12.5px;line-height:1.2;color:var(--muted)}
.wh-svc__chip:hover,.wh-svc__chip:focus-visible{border-color:#16A34A;background:#052E16}
.wh-svc__chip:hover b{color:#4ADE80}
.wh-svc__link{width:clamp(16px,3vw,44px);height:1px;background:linear-gradient(90deg,#1E293B 0%,#1E293B 35%,#4ADE80 50%,#1E293B 65%,#1E293B 100%);background-size:300% 100%;animation:whLinkFlow 2.6s linear infinite}
@keyframes whLinkFlow{from{background-position:100% 0}to{background-position:0% 0}}
@media (max-width:1023px){.wh-svc{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:639px){.wh-svc{grid-template-columns:minmax(0,1fr)}.wh-svc__card--wide{grid-column:auto}.wh-svc__link{width:10px}.wh-svc__card{min-height:0}}
@media (prefers-reduced-motion: reduce){.wh-svc__card::after,.wh-svc__link{animation:none}.wh-svc__card::after{transition:none}}
.wh-hero2>.wh-head{position:relative;z-index:2}
.wh-gyro{position:absolute;left:50%;top:51%;width:136%;aspect-ratio:1/1;transform:translate(-50%,-50%);perspective:1100px;pointer-events:none;z-index:1}
.wh-gyro__tilt{position:absolute;inset:0;transform-style:preserve-3d}
.wh-gyro__tilt--a{animation:whGyroA 9s ease-in-out infinite alternate}
.wh-gyro__tilt--b{inset:6%;animation:whGyroB 12s ease-in-out infinite alternate}
.wh-gyro__spin{position:absolute;inset:0;transform-style:preserve-3d;animation:whGyroSpin 22s linear infinite}
.wh-gyro__spin--rev{animation-direction:reverse}
.wh-gyro__comet{animation:whGyroComet 6s linear infinite}
@keyframes whGyroA{0%{transform:rotateX(74deg) rotateY(-16deg)}50%{transform:rotateX(62deg) rotateY(8deg)}100%{transform:rotateX(78deg) rotateY(18deg)}}
@keyframes whGyroB{0%{transform:rotateY(70deg) rotateX(12deg) rotateZ(-20deg)}50%{transform:rotateY(58deg) rotateX(-10deg) rotateZ(10deg)}100%{transform:rotateY(76deg) rotateX(16deg) rotateZ(24deg)}}
@keyframes whGyroSpin{to{transform:rotateZ(360deg)}}
@keyframes whGyroComet{from{stroke-dashoffset:0}to{stroke-dashoffset:-1000}}
@media (prefers-reduced-motion: reduce){.wh-gyro__tilt,.wh-gyro__spin,.wh-gyro__comet{animation:none!important}.wh-gyro__tilt--a{transform:rotateX(70deg) rotateY(-10deg)}.wh-gyro__tilt--b{transform:rotateY(66deg) rotateX(10deg)}}
.wh-gyro--brow{top:40%;width:19%;perspective:420px}
.wh-gyro__core{position:absolute;left:50%;top:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;background:#4ADE80;box-shadow:0 0 0 3px rgba(74,222,128,.15),0 0 16px rgba(74,222,128,.7);transform:rotate(45deg);animation:whCore 3.2s ease-in-out infinite}
@keyframes whCore{0%,100%{opacity:.75;transform:rotate(45deg) scale(1)}50%{opacity:1;transform:rotate(45deg) scale(1.3)}}
@media (prefers-reduced-motion: reduce){.wh-gyro__core{animation:none}}
.wh-tag{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border:1px solid var(--hair-strong);font:500 10.5px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#94A3B8;white-space:nowrap}
.wh-tag--on{border-color:#16A34A;background:rgba(20,83,45,.35);color:#4ADE80}
.wh-dot{width:6px;height:6px;flex-shrink:0;border:1px solid #64748B}
.wh-erp{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:40px clamp(32px,4vw,64px);align-items:center;padding:clamp(24px,3.5vw,48px);border:1px solid #14532D;background:radial-gradient(70% 90% at 0% 0%,rgba(22,163,74,.12),rgba(22,163,74,0) 60%),linear-gradient(180deg,rgba(30,41,59,.38) 0%,rgba(15,23,42,.22) 100%);position:relative}
.wh-erp::before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,rgba(74,222,128,0),rgba(74,222,128,.7),rgba(74,222,128,0))}
.wh-erp__copy{display:flex;flex-direction:column;align-items:flex-start;gap:18px;min-width:0}
.wh-erp-dash{display:grid;grid-template-columns:150px minmax(0,1fr)}
.wh-erp-dash__side{display:flex;flex-direction:column;gap:2px;padding:12px 8px;border-right:1px solid var(--hair)}
.wh-erp-dash__main{display:flex;flex-direction:column;gap:12px;padding:14px;min-width:0}
.wh-erp-flow{position:relative;display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:6px;padding:12px;background:rgba(2,6,23,.7);border:1px solid var(--hair)}
.wh-erp-flow>span{display:flex;flex-direction:column;gap:4px;padding:6px 8px;border:1px solid var(--hair-strong);background:#0F172A;font-size:11.5px;font-weight:600;color:#F8FAFC;white-space:nowrap}
.wh-erp-flow>span em{font:500 9.5px/1 var(--font-mono);font-style:normal;letter-spacing:.06em;color:#4ADE80}
.wh-erp-flow>i{height:1px;background:#334155}
.wh-erp-flow__dot{position:absolute;top:50%;left:12px;width:7px;height:7px;margin-top:-3.5px;background:#4ADE80;box-shadow:0 0 10px #4ADE80;animation:whErpDot 6s cubic-bezier(.6,0,.3,1) infinite}
@keyframes whErpDot{0%{left:12px;opacity:0}6%{opacity:1}30%{left:33%}36%{left:33%}62%{left:63%}68%{left:63%}92%{left:calc(100% - 19px);opacity:1}100%{left:calc(100% - 19px);opacity:0}}
.wh-erp-mod{display:flex;flex-direction:column;gap:9px;padding:12px;background:rgba(2,6,23,.7);border:1px solid var(--hair);min-width:0}
.wh-erp-mod__h{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:2px}
.wh-prod-group{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 20px;margin-top:clamp(56px,6vw,88px);padding-bottom:20px;border-bottom:1px solid var(--hair)}
.wh-prod-group .t-label{color:#4ADE80}
.wh-prods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}
.wh-prod{display:flex;flex-direction:column;gap:16px;min-width:0;padding:28px;border:1px solid var(--hair);background:linear-gradient(180deg,rgba(30,41,59,.38) 0%,rgba(15,23,42,.22) 100%);transition:border-color .35s}
.wh-prod:hover{border-color:#166534}
.wh-prod:hover .wh-svc__ic{color:#4ADE80;border-color:#16A34A}
.wh-prod__head{display:flex;align-items:center;gap:14px}
.wh-prod__name{margin:0 0 6px;font:600 22px/1.1 var(--font-display);letter-spacing:-.02em;color:#F8FAFC}
.wh-prod__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.wh-prod__list li{padding:6px 9px;border:1px solid var(--hair-strong);font-size:12.5px;line-height:1.2;color:#CBD5E1}
.wh-prod__viz{margin-top:4px;overflow:hidden}
.wh-erp .wh-frame{overflow:hidden}
.wh-prod__note{display:flex;align-items:center;gap:10px;margin:auto 0 0;padding-top:14px;border-top:1px solid var(--hair);font:500 10.5px/1.3 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#94A3B8}
.wh-mini-rows{display:flex;flex-direction:column;gap:8px}
.wh-mini-rows>span{display:grid;grid-template-columns:62px minmax(0,1fr) minmax(0,1.2fr) 34px;align-items:center;gap:10px}
.wh-mini-rows b{font:500 11px/1 var(--font-mono);color:#CBD5E1}
.wh-mini-rows em{font-style:normal;font-size:12px;color:#94A3B8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wh-mini-rows i{font:500 10.5px/1 var(--font-mono);font-style:normal;color:#64748B;text-align:right}
.wh-mini-rows i.is-on{color:#4ADE80}
.wh-mflow{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:6px}
.wh-mflow>span{display:flex;flex-direction:column;gap:4px;padding:7px 9px;border:1px solid var(--hair-strong);background:#0F172A;font-size:12px;font-weight:600;color:#F8FAFC}
.wh-mflow>span.is-on{border-color:#16A34A}
.wh-mflow>span em{font:500 9.5px/1 var(--font-mono);font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:#64748B}
.wh-mflow>i{position:relative;height:1px;background:#334155;overflow:visible}
.wh-mflow>i b{position:absolute;top:-2.5px;left:0;width:6px;height:6px;background:#4ADE80;box-shadow:0 0 8px #4ADE80;animation:whMflow 2.4s linear infinite}
@keyframes whMflow{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:calc(100% - 6px);opacity:0}}
.wh-board{position:relative;display:grid;gap:8px;padding:14px;min-height:262px}
.wh-board--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.wh-board--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.wh-board>div{display:flex;flex-direction:column;gap:6px;min-width:0;padding:8px;background:rgba(2,6,23,.6);border:1px solid var(--hair)}
.wh-board__h{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:4px;font:500 9.5px/1.2 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:#94A3B8;white-space:nowrap;overflow:hidden}
.wh-board__h i{font-style:normal;color:#64748B}
.wh-kcard{display:flex;flex-direction:column;gap:8px;padding:8px;background:#0F172A;border:1px solid var(--hair-strong);min-width:0}
.wh-kcard.is-on{border-color:#16A34A}
.wh-kcard>b{font-size:12px;font-weight:600;line-height:1.25;color:#F8FAFC;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wh-kcard>span{display:flex;align-items:center;justify-content:space-between;gap:6px}
.wh-kcard i{display:grid;place-items:center;min-width:18px;height:18px;padding:0 3px;border:1px solid var(--hair-strong);font:600 9px/1 var(--font-display);font-style:normal;color:#CBD5E1}
.wh-kcard em{font:500 9.5px/1 var(--font-mono);font-style:normal;color:#64748B;white-space:nowrap}
.wh-kcard--move{position:absolute;top:182px;border-color:#4ADE80;box-shadow:0 10px 30px -8px rgba(0,0,0,.8),0 0 0 1px rgba(74,222,128,.25);z-index:2}
.wh-board--4 .wh-kcard--move{width:calc((100% - 28px - 24px) / 4 - 16px);animation:whMove4 10s cubic-bezier(.6,0,.3,1) infinite}
.wh-board--3 .wh-kcard--move{width:calc((100% - 28px - 16px) / 3 - 16px);animation:whMove3 9s cubic-bezier(.6,0,.3,1) infinite}.wh-ck-stage{position:relative;height:900px;overflow:hidden;background:#020617}
.wh-ck-mock{position:absolute;inset:0;opacity:.35;filter:blur(1.5px);pointer-events:none}
.wh-ck-dim{position:fixed;z-index:190;inset:0;background:rgba(2,6,23,.55);animation:whFade .3s both}
.wh-ck{position:fixed;left:24px;bottom:24px;z-index:200;width:min(460px,calc(100% - 32px));padding:24px;border:1px solid var(--hair-strong);background:linear-gradient(180deg,#0F172A 0%,#020617 100%);box-shadow:0 30px 80px -20px rgba(0,0,0,.9),0 0 0 4px rgba(22,163,74,.05);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));animation:whRise .5s cubic-bezier(.2,0,0,1) both}
.wh-ck::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#4ADE80,rgba(74,222,128,0))}
.wh-ck__top{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.wh-ck__ic{display:grid;place-items:center;width:36px;height:36px;border:1px solid #16A34A;background:#052E16;color:#4ADE80;flex:none}
.wh-ck__t{margin:0;font:600 19px/1.25 var(--font-display);color:#F8FAFC;letter-spacing:-.01em}
.wh-ck p{margin:0;font-size:14px;line-height:1.6;color:#94A3B8}
.wh-ck p a{color:#E2E8F0;text-decoration:underline;text-underline-offset:3px}
.wh-ck__btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}
.wh-ck__btns .wh-btn{justify-content:center;width:100%}
.wh-ck__more{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:0;border:0;background:none;font:600 13px/1 var(--font-body);color:#4ADE80;cursor:pointer}
.wh-ck--modal{left:50%;top:50%;bottom:auto;width:min(560px,calc(100% - 32px));transform:translate(-50%,-50%);animation:whFade .3s both}
.wh-ck__row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:16px 0;border-top:1px solid var(--hair)}
.wh-ck__row b{display:block;font:600 15px/1.3 var(--font-display);color:#F8FAFC}
.wh-ck__row span{display:block;margin-top:4px;font-size:13px;line-height:1.5;color:#94A3B8}
.wh-tg{position:relative;width:46px;height:26px;padding:0;border:1px solid #334155;background:#020617;cursor:pointer;transition:background-color .25s,border-color .25s}
.wh-tg::after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;background:#64748B;transition:transform .3s cubic-bezier(.2,0,0,1),background-color .25s}
.wh-tg[aria-checked="true"]{background:#052E16;border-color:#16A34A}
.wh-tg[aria-checked="true"]::after{transform:translateX(20px);background:#4ADE80;box-shadow:0 0 10px #4ADE80}
.wh-tg[disabled]{opacity:.7;cursor:not-allowed}
.wh-ck__lock{font:500 10.5px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#4ADE80}
.wh-ck-fab{position:absolute;left:32px;bottom:32px;z-index:4;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border:1px solid var(--hair-strong);background:#0F172A;color:#CBD5E1;font:500 13px/1 var(--font-body);cursor:pointer;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}
.wh-ck-fab:hover{border-color:#16A34A;color:#F8FAFC}
.wh-ck-toast{position:absolute;left:50%;top:32px;z-index:6;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid #16A34A;background:#052E16;font:500 14px/1.3 var(--font-body);color:#DCFCE7;animation:whFade .3s both}
.wh-ck-note{position:absolute;right:32px;top:32px;z-index:3;max-width:380px;padding:16px 18px;border:1px dashed #334155;background:rgba(2,6,23,.8);font-size:13px;line-height:1.6;color:#94A3B8}
.wh-ck-note b{color:#E2E8F0}
@media (prefers-reduced-motion: reduce){.wh-ck,.wh-ck-dim,.wh-ck--modal,.wh-ck-toast{animation:none}}


@media (max-width:639px){.wh-ck{left:12px;right:12px;bottom:12px;width:auto;padding:20px}.wh-ck--modal{left:12px;right:12px;width:auto;top:auto;bottom:12px;transform:none;max-height:calc(100vh - 24px);overflow:auto}.wh-ck__btns{grid-template-columns:minmax(0,1fr)}}

html,body{margin:0;background:#020617}
body{font-family:var(--font-body);color:var(--fg-2)}
.wh-ck,.wh-ck button{font-family:var(--font-body)}
.wh-site-header:has(.wh-msheet[open]){-webkit-backdrop-filter:none;backdrop-filter:none;background:#020617}
.wh-msheet[open] .wh-msheet__panel{height:calc(100dvh - 64px)}
@media (min-width:640px){.wh-msheet[open] .wh-msheet__panel{height:calc(100dvh - 72px)}}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid #4ADE80;outline-offset:3px}
.wh-dd.is-closed .wh-dd__panel{visibility:hidden!important;opacity:0!important}
.wh-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}
.wh-form-error{border-color:rgba(251,191,36,.45);color:#FDE68A}

/* Quiet brand interaction shared by the navigation and footer. */
.wh-brand-link{position:relative;display:inline-flex;align-items:center;width:fit-content;max-width:100%;transition:transform .35s var(--ease),filter .35s var(--ease)}
.wh-brand-link img{display:block}
.wh-brand-link:focus-visible{filter:drop-shadow(0 5px 9px rgba(226,232,240,.24))}
@media (hover:hover) and (pointer:fine){.wh-brand-link:hover{transform:translateY(-2px);filter:drop-shadow(0 5px 9px rgba(226,232,240,.24))}}
@media (prefers-reduced-motion:reduce){.wh-brand-link{transition:none!important}.wh-brand-link:hover{transform:none}}

/* Event link sits alongside the membership information. */
.wh-members{justify-content:space-between;gap:24px 32px}
.wh-members__identity{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;min-width:0}
.wh-member-link--bni{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:96px;height:48px;padding:10px 12px;background-color:#CF152D}
.wh-member-card .wh-member-link--bni{width:120px;height:64px;padding:12px}
@media(max-width:359px){.wh-members__logos{gap:8px}}
.wh-membership-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.wh-membership-grid .wh-member-card{min-width:0;height:100%}
.wh-membership-grid .wh-member-card>span{min-width:0}
@media(max-width:1023px){.wh-membership-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.wh-membership-grid{grid-template-columns:minmax(0,1fr)}}
.wh-members__event{display:flex;align-items:center;gap:24px;margin-left:auto;padding-left:24px;border-left:1px solid var(--hair)}
.wh-members__event-copy{display:flex;flex-direction:column;gap:5px}
.wh-members__event-copy strong{font:600 15px/1.3 var(--font-display);color:var(--fg-2)}
.wh-members__event-copy span{font-size:12.5px;line-height:1.4;color:var(--muted)}
.wh-members__event .wh-btn{min-height:42px;padding:0 13px;font-size:12.5px;white-space:nowrap}
@media (max-width:1100px){.wh-members__event{width:100%;margin-left:0;padding:20px 0 0;border-left:0;border-top:1px solid var(--hair);justify-content:space-between}}
@media (max-width:639px){.wh-members__identity{flex-direction:column;align-items:flex-start;gap:14px}.wh-members__event{gap:16px}.wh-members__event-copy strong{font-size:14px}.wh-members__event .wh-btn{min-height:44px;padding-inline:11px;font-size:12px}}
@media (max-width:359px){.wh-members__event{align-items:flex-start;flex-direction:column}.wh-members__event .wh-btn{width:auto}}

/* A compact brand story link, using the site's chamfered button geometry. */
.wh-brand-story{--notch:10px;position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:10px;max-width:100%;min-height:42px;padding:10px 14px;box-sizing:border-box;font:500 11.5px/1.5 var(--font-mono);letter-spacing:.015em;color:#CBD5E1;text-decoration:none;background-color:#334155;translate:0 0;clip-path:polygon(0 0,calc(100% - var(--notch)) 0,100% var(--notch),100% 100%,var(--notch) 100%,0 calc(100% - var(--notch)));transition:color .3s ease,background-color .3s ease,translate .3s ease}
.wh-brand-story::before{content:"";position:absolute;inset:1px;z-index:-2;background:linear-gradient(110deg,#071c18,#0F172A 80%);clip-path:polygon(0 0,calc(100% - var(--notch) + .41px) 0,100% calc(var(--notch) - .41px),100% 100%,calc(var(--notch) - .41px) 100%,0 calc(100% - var(--notch) + .41px))}
.wh-brand-story::after{content:"";position:absolute;inset:1px;z-index:-1;background:#16A34A;opacity:0;clip-path:polygon(0 0,calc(100% - var(--notch) + .41px) 0,100% calc(var(--notch) - .41px),100% 100%,calc(var(--notch) - .41px) 100%,0 calc(100% - var(--notch) + .41px));transition:opacity .3s ease}
.wh-brand-story>i{display:block;width:6px;height:6px;flex:none;background:#4ADE80;box-shadow:0 0 10px rgba(74,222,128,.4)}
.wh-brand-story>span{min-width:0}
.wh-brand-story strong{font:inherit;color:#F8FAFC}
.wh-brand-story:focus-visible{outline:2px solid #4ADE80;outline-offset:-5px;color:#F8FAFC}
.wh-brand-story:focus-visible{background-color:#4ADE80}
.wh-brand-story:focus-visible::after{opacity:.12}
@media(hover:hover) and (pointer:fine){.wh-brand-story:hover{color:#F8FAFC;background-color:#408A65;translate:0 -1px}.wh-brand-story:hover::after{opacity:.12}}
@media(max-width:639px){.wh-brand-story{min-height:44px;font-size:10.5px;padding:10px 12px;gap:8px}}
@media(prefers-reduced-motion:reduce){.wh-brand-story,.wh-brand-story::before,.wh-brand-story::after{transition:none!important}.wh-brand-story:hover{translate:0 0}}


/* ===== i18n: language switch as links ===== */
a.wh-lang{text-decoration:none;cursor:pointer;color:#94A3B8}
a.wh-lang:hover{color:#F8FAFC}
a.wh-lang--on{cursor:default;color:#F8FAFC}
button.wh-lang[aria-disabled="true"]{cursor:help}
.wh-langs--sheet{margin-top:24px;height:40px;width:max-content;border:1px solid rgba(148,163,184,.18)}
.wh-langs--sheet .wh-lang{width:48px}
.wh-msheet .wh-langs--sheet + p.t-small{margin-top:12px!important}
/* long German compounds: allow hyphenation in headings and card titles */
html[lang="de"] h1,html[lang="de"] h2,html[lang="de"] h3,html[lang="de"] h4,html[lang="de"] b{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}
html[lang="de"] .wh-legal__toc a{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere}
.wh-imprint-dl{display:grid;grid-template-columns:minmax(135px,.65fr) minmax(0,1.5fr);gap:16px 24px;margin:0;max-width:70ch}
.wh-imprint-dl dt{font:500 12px/1.6 var(--font-mono);color:var(--muted);overflow-wrap:anywhere}
.wh-imprint-dl dd{margin:0;font-size:16px;line-height:1.75;color:#CBD5E1;overflow-wrap:anywhere}
@media(max-width:639px){.wh-imprint-dl{grid-template-columns:minmax(0,1fr);gap:6px}.wh-imprint-dl dt:not(:first-child){margin-top:16px}}

/* Chevron sits inside the same padding as ordinary links; label spacing stays even. */
.wh-nav-lg .wh-navlink{padding-inline:12px;gap:0}
.wh-nav-lg .wh-navlink[data-nav-section]{padding-right:16px}
.wh-nav-lg .wh-navlink>svg{position:absolute;right:4px;width:9px;height:9px;pointer-events:none}
.wh-navlink__label{display:block}
.wh-nav-lg .wh-navlink--on::after{left:10px;right:10px}
.wh-msheet__link[aria-current="page"]{color:#F8FAFC;background:rgba(20,83,45,.3);box-shadow:inset 2px 0 #4ADE80}

/* One field layout for the homepage and contact page, in every language. */
.wh-form-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;min-width:0}
.wh-form-field{display:flex;flex-direction:column;gap:8px;min-width:0}
.wh-select{position:relative;min-width:0}
.wh-select>select.wh-field{appearance:none;-webkit-appearance:none;padding-right:44px;cursor:pointer}
.wh-select__icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#94A3B8;pointer-events:none}
.wh-select:focus-within .wh-select__icon{color:#4ADE80}
/* Chamfered frame and fixed brand colors; the input keeps native semantics. */
.wh-policy-accept{--policy-notch:8px;position:relative;isolation:isolate;display:flex;align-items:flex-start;gap:12px;min-height:52px;padding:16px;color:#CBD5E1;background-color:#334155;font-size:13px;line-height:1.55;cursor:pointer;clip-path:polygon(0 0,calc(100% - var(--policy-notch)) 0,100% var(--policy-notch),100% 100%,var(--policy-notch) 100%,0 calc(100% - var(--policy-notch)));transition:background-color .25s ease,color .25s ease}
.wh-policy-accept::before{content:"";position:absolute;inset:1px;z-index:-1;background-color:#0B1425;clip-path:polygon(0 0,calc(100% - var(--policy-notch) + .41px) 0,100% calc(var(--policy-notch) - .41px),100% 100%,calc(var(--policy-notch) - .41px) 100%,0 calc(100% - var(--policy-notch) + .41px));transition:background-color .25s ease}
.wh-policy-accept>span{min-width:0}
.wh-native-check{appearance:none;-webkit-appearance:none;box-sizing:border-box;flex:none;width:20px;height:20px;margin:0;border:1px solid #64748B;border-radius:0;background-color:#020617;background-repeat:no-repeat;background-position:center;background-size:12px 12px;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,filter .25s ease}
.wh-native-check:checked{border-color:#4ADE80;background-color:#4ADE80;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8l3.5 3.5L13 4.5' fill='none' stroke='%23020617' stroke-width='2.2' stroke-linecap='square' stroke-linejoin='miter'/%3E%3C/svg%3E")}
.wh-policy-accept a{color:#E2E8F0;text-decoration:underline;text-decoration-color:#64748B;text-underline-offset:3px;transition:color .25s ease,text-decoration-color .25s ease}
.wh-policy-accept:has(:checked){background-color:#397955;color:#F8FAFC}
.wh-policy-accept:has(:checked)::before{background-color:#0B1C20}
.wh-policy-accept:has(:focus-visible){background-color:#4ADE80}
@media(hover:hover) and (pointer:fine){
 .wh-policy-accept:hover{background-color:#4ADE80;color:#F8FAFC}
 .wh-policy-accept:hover::before{background-color:#102329}
 .wh-policy-accept:hover .wh-native-check{border-color:#4ADE80;filter:drop-shadow(0 0 5px rgba(74,222,128,.24))}
 .wh-policy-accept:hover a{color:#BBF7D0;text-decoration-color:#4ADE80}
}
@media(prefers-reduced-motion:reduce){.wh-policy-accept,.wh-policy-accept::before,.wh-native-check,.wh-policy-accept a{transition:none}}
@media(forced-colors:active){
 .wh-policy-accept,.wh-policy-accept:has(:checked){clip-path:none;background:Canvas;color:CanvasText;border:1px solid ButtonBorder}
 .wh-policy-accept::before{display:none}
 .wh-policy-accept:has(:focus-visible){border-color:Highlight}
 .wh-native-check,.wh-native-check:checked{appearance:auto;-webkit-appearance:checkbox;background:initial;border:initial;accent-color:auto;filter:none!important}
 .wh-policy-accept a{color:LinkText;text-decoration-color:LinkText}
}
@media(min-width:640px){.wh-form-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.wh-form-field--full{grid-column:1/-1}}