.top-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:end;gap:5vw;display:grid}.top h1{max-width:15ch;font-size:clamp(42px,5.2vw,90px)}.tb{border:1px solid #ffffff42;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:60px;display:grid}.tb>div{border-right:1px solid #ffffff24;padding:22px 22px 24px}.tb>div:last-child{border-right:0}.tb strong{font:800 clamp(34px,3.4vw,56px)/1 var(--head);letter-spacing:-.04em;display:block}.tb strong span{color:var(--accent)}.tb strong span.u{letter-spacing:-.01em;font-size:.42em}.tb small{font:500 10px var(--label);letter-spacing:.14em;color:#8a8a93;margin-top:10px;display:block}.who{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:6vw;display:grid}.who h2{font:800 clamp(32px,3.4vw,54px)/1.02 var(--head);letter-spacing:-.04em;margin-top:16px}.who p{color:#c4c4ca;font-size:17px;line-height:1.75}.who p+p{margin-top:16px}.who p:last-child{color:#fff;border-left:2px solid var(--accent);padding-left:18px}.tl{grid-template-columns:repeat(4,minmax(0,1fr));padding-top:58px;display:grid;position:relative}.tl .rail{background:#ffffff29;height:1px;position:absolute;top:20px;left:0;right:0}.tl .rail i{background:var(--accent);transform-origin:0;height:2px;transform:scaleX(var(--p,0));margin-top:-.5px;display:block;box-shadow:0 0 12px #c0f32699}.tl .ticks{pointer-events:none;background:repeating-linear-gradient(90deg,#ffffff2e 0 1px,#0000 1px 2.5%);height:17px;position:absolute;top:12px;left:0;right:0}.yr{padding-right:2.4vw;position:relative}.yr:before{content:"";background:var(--bg);width:13px;height:13px;transition:all .5s var(--ease);border:1px solid #fff6;border-radius:50%;position:absolute;top:-44px;left:0}.yr.on:before{background:var(--accent);border-color:var(--accent);box-shadow:0 0 12px var(--accent)}.yr b{font:800 clamp(44px,4.6vw,76px)/1 var(--head);letter-spacing:-.05em;color:#3f3f46;transition:color .5s;display:block}.yr.on b{color:#fff}.yr h3{font:700 19px/1.25 var(--head);margin:14px 0 8px}.yr p{color:#a9a9b1;font-size:14.5px;line-height:1.6}.steps{border:1px solid #ffffff38;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.steps>div{border-right:1px solid #ffffff1f;padding:26px 22px 30px;position:relative}.steps>div:last-child{border-right:0}.steps span{font:600 11px var(--label);letter-spacing:.16em;color:var(--accent)}.steps h3{font:800 26px/1.1 var(--head);letter-spacing:-.03em;margin:16px 0 10px}.steps p{color:#a9a9b1;font-size:14.5px;line-height:1.6}.steps>div:not(:last-child):after{content:"→";background:var(--bg);color:#77777f;width:22px;height:22px;font:500 13px var(--label);z-index:1;place-items:center;display:grid;position:absolute;top:26px;right:-12px}.diff{border:1px solid #ffffff38}.diff .r{border-top:1px solid #ffffff1f;grid-template-columns:56px minmax(0,1fr) minmax(0,1.15fr);display:grid}.diff .r:first-child{border-top:0}.diff .r>*{padding:20px 22px}.diff .h{font:600 10px var(--label);letter-spacing:.18em;color:#77777f}.diff .h>*{padding-top:14px;padding-bottom:14px}.diff .h .e{color:var(--accent)}.diff .n{font:500 11px var(--label);letter-spacing:.1em;color:#55555c;border-right:1px solid #ffffff14}.diff .c{color:#8a8a93;font-size:15px;line-height:1.6;text-decoration:line-through #ffffff2e}.diff .e2{color:#ececef;background:linear-gradient(90deg,#c0f3260d,#0000);border-left:1px solid #c0f32659;font-size:15.5px;line-height:1.6}.diff .k{display:none}.why{border:1px solid #ffffff38;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;display:grid}.why>div{border-bottom:1px solid #ffffff1f;border-right:1px solid #ffffff1f;padding:26px 24px 30px}.why>div:nth-child(3n){border-right:0}.why>div:nth-last-child(-n+3){border-bottom:0}.why small{font:600 10px var(--label);letter-spacing:.18em;color:#55555c}.why h3{font:700 20px/1.25 var(--head);letter-spacing:-.02em;margin:14px 0 10px}.why p{color:#a9a9b1;font-size:14.5px;line-height:1.65}.areas{border:1px solid #ffffff38;grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.areas a{border-right:1px solid #ffffff1f;flex-direction:column;gap:12px;padding:22px 20px 24px;transition:background .3s;display:flex}.areas a:last-child{border-right:0}.areas a:hover{background:#c0f3260d}.areas small{font:600 10px var(--label);letter-spacing:.18em;color:var(--accent)}.areas strong{font:700 19px/1.2 var(--head)}.areas p{color:#a9a9b1;font-size:13.5px;line-height:1.55}.areas em{font-style:normal;font:600 10px var(--label);letter-spacing:.14em;color:#77777f;margin-top:auto}.logos{grid-template-columns:repeat(9,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.logos span{background:#161618;border:1px solid #ffffff14;place-items:center;height:84px;padding:14px;display:grid}.logos img{object-fit:contain;filter:grayscale()brightness(1.6);opacity:.75;width:auto;max-width:100%;height:auto;max-height:44px;transition:all .4s}.logos span:hover img{filter:none;opacity:1}.more{font:600 12px var(--label);letter-spacing:.08em;border-bottom:1px solid var(--accent);gap:10px;margin-top:22px;padding-bottom:4px;display:inline-flex}@media (width<=1100px){.areas{grid-template-columns:repeat(3,minmax(0,1fr))}.areas a:nth-child(3){border-right:0}.areas a:nth-child(n+4){border-top:1px solid #ffffff1f}.logos{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width<=899px){.top-grid{grid-template-columns:1fr;gap:20px}.tb{grid-template-columns:1fr 1fr;margin-top:36px}.tb>div:nth-child(2){border-right:0}.tb>div:nth-child(n+3){border-top:1px solid #ffffff24}.who{grid-template-columns:1fr;gap:20px}.tl{grid-template-columns:1fr;gap:30px;padding:0 0 0 34px}.tl .rail{width:1px;height:auto;inset:0 auto 0 6px}.tl .rail i{transform-origin:top;width:2px;height:100%;transform:scaleY(var(--p,0));margin:0 0 0 -.5px}.tl .ticks{display:none}.yr:before{top:12px;left:-34px}.steps{grid-template-columns:1fr}.steps>div{border-bottom:1px solid #ffffff1f;border-right:0}.steps>div:last-child{border-bottom:0}.steps>div:not(:last-child):after{content:"↓";inset:auto auto -12px 22px}.diff .r{grid-template-columns:1fr}.diff .h{display:none}.diff .n{border-right:0;padding-bottom:0}.diff .k{font:600 10px var(--label);letter-spacing:.14em;color:#55555c;margin-bottom:6px;display:block}.diff .c .k{text-decoration:none}.diff .e2 .k{color:var(--accent)}.why{grid-template-columns:1fr}.why>div{border-bottom:1px solid #ffffff1f!important;border-right:0!important}.why>div:last-child{border-bottom:0!important}.areas{grid-template-columns:1fr}.areas a{border-top:1px solid #ffffff1f;border-right:0!important}.areas a:first-child{border-top:0}.logos{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.logos span{height:70px}}
