.tools-showcase{color:#fff;background:#061b2c;transition:background .5s;position:relative;overflow:hidden}.tools-showcase:before{content:"";z-index:1;background:linear-gradient(90deg,#031625fa 0%,#042336e0 46%,#051a2a33 100%);position:absolute;inset:0}.tools-showcase-glow{z-index:0;background:radial-gradient(circle,#14a0cc47,#0000 68%);border-radius:50%;width:640px;height:640px;animation:7s ease-in-out infinite toolGlow;position:absolute;top:-35%;right:-8%}.tools-showcase-layout{z-index:2;grid-template-columns:minmax(0,.92fr) minmax(460px,1.08fr);align-items:center;gap:70px;min-height:620px;padding-top:58px;padding-bottom:120px;display:grid;position:relative}.tools-showcase-copy{z-index:3;position:relative}.tools-showcase-breadcrumb{margin-bottom:32px}.tools-showcase-breadcrumb a,.tools-showcase-breadcrumb strong{color:#c9dbe3}.tools-showcase-logo{object-fit:contain;object-position:left center;width:min(100%,330px);height:82px;margin:19px 0 26px}.tools-showcase h1{color:#fff;letter-spacing:-.05em;text-wrap:balance;max-width:690px;margin:0;font-size:clamp(2.15rem,3.7vw,4.15rem);line-height:1.02}.tools-showcase-note{color:#aec4ce;max-width:620px;margin:22px 0 0;line-height:1.6}.tools-showcase-actions{flex-wrap:wrap;align-items:center;gap:22px;margin-top:30px;display:flex}.tools-showcase-link{color:#fff;font-size:.82rem;font-weight:850}.tools-showcase-screen{background:#0b283c;border:1px solid #ffffff2e;border-radius:24px;min-height:430px;transition:transform .35s;position:relative;overflow:hidden;transform:perspective(1200px)rotateY(-4deg)rotateX(1deg);box-shadow:0 32px 85px #0000005c}.tools-showcase:hover .tools-showcase-screen{transform:perspective(1200px)rotateY(-1deg)translateY(-5px)}.tools-showcase-browser{z-index:3;color:#52636d;background:#eff5f7f5;align-items:center;gap:6px;height:42px;padding:0 16px;display:flex;position:absolute;top:0;left:0;right:0}.tools-showcase-browser span{background:#b7c3c9;border-radius:50%;width:8px;height:8px}.tools-showcase-browser span:first-child{background:#ef3f45}.tools-showcase-browser small{margin-left:10px;font-size:.63rem}.tools-showcase-image{object-fit:cover;filter:saturate(.95)contrast(1.04);padding-top:42px;transition:transform 7s}.tools-showcase:hover .tools-showcase-image{transform:scale(1.045)}.tools-showcase-overlay{z-index:4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#041b2bdb;border:1px solid #ffffff29;border-radius:15px;align-items:center;gap:13px;padding:14px 16px;display:flex;position:absolute;bottom:24px;left:24px;right:24px}.tools-showcase-overlay img{border-radius:11px}.tools-showcase-overlay span,.tools-showcase-overlay strong{display:block}.tools-showcase-overlay span{color:#8fb0bf;font-size:.67rem}.tools-showcase-overlay strong{color:#fff;margin-top:3px;font-size:.9rem}.tools-showcase-scan{z-index:2;background:linear-gradient(90deg,#0000,#f31f2b,#0000);height:2px;animation:5.5s ease-in-out infinite toolScan;position:absolute;top:42px;left:0;right:0;box-shadow:0 0 20px #f31f2b}.tools-showcase-tabs{z-index:5;border-top:1px solid #ffffff21;grid-template-columns:repeat(5,1fr);display:grid;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.tools-showcase-tabs button{color:#fff;text-align:left;cursor:pointer;background:#031625b8;border:0;border-right:1px solid #ffffff1a;align-items:center;gap:10px;min-width:0;padding:18px 14px;transition:background .2s,transform .2s;display:flex}.tools-showcase-tabs button:hover,.tools-showcase-tabs button[aria-selected=true]{background:#0b4057;transform:translateY(-4px)}.tools-showcase-tabs button[aria-selected=true]{box-shadow:inset 0 3px 0 var(--temper-red)}.tools-showcase-tabs img{border-radius:8px;flex:none}.tools-showcase-tabs span,.tools-showcase-tabs small{min-width:0;display:block}.tools-showcase-tabs span{font-size:.75rem;font-weight:900}.tools-showcase-tabs small{color:#85a1ae;margin-top:2px;font-size:.56rem;font-weight:600;line-height:1.25}.tools-hub-products{padding-top:92px;padding-bottom:104px;scroll-margin-top:100px}.tools-hub-heading{grid-template-columns:minmax(0,1.1fr) minmax(300px,.7fr);align-items:end;gap:70px;margin-bottom:42px;display:grid}.tools-hub-heading h2{max-width:820px;color:var(--temper-blue);letter-spacing:-.052em;margin:7px 0 0;font-size:clamp(2.5rem,4.4vw,4.4rem);line-height:.98}.tools-hub-heading>p{color:var(--muted);margin:0;line-height:1.65}.tools-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.tools-hub-card{border:1px solid var(--line);background:#fff;border-radius:24px;grid-template-columns:minmax(190px,.72fr) minmax(0,1.28fr);min-height:410px;scroll-margin-top:110px;transition:transform .25s,box-shadow .25s;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 44px #071c2f0f}.tools-hub-card:hover{transform:translateY(-7px);box-shadow:0 28px 65px #071c2f1f}.tools-hub-card-visual{background:#071c2f;min-height:100%;position:relative;overflow:hidden}.tools-hub-card-visual img{object-fit:cover;transition:transform .6s}.tools-hub-card:hover .tools-hub-card-visual img{transform:scale(1.06)}.tools-hub-card-visual:after{content:"";background:linear-gradient(#0000 45%,#031625b3);position:absolute;inset:0}.tools-hub-card-visual>span{z-index:2;color:#fff;text-transform:uppercase;letter-spacing:.08em;background:#031625a6;border:1px solid #fff3;border-radius:999px;padding:6px 8px;font-size:.58rem;font-weight:850;position:absolute;bottom:16px;left:16px}.tools-hub-card-body{flex-direction:column;padding:28px;display:flex}.tools-hub-card-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.tools-hub-card-top>span:first-child{color:#aab5bc;font-size:.7rem;font-weight:900}.tools-hub-product-logo{width:min(100%,270px)!important;height:66px!important;margin:22px 0 4px!important}.tools-hub-category{color:var(--temper-red);text-transform:uppercase;letter-spacing:.09em;margin:5px 0 10px;font-size:.65rem;font-weight:900}.tools-hub-card-body>p:not(.tools-hub-category){color:var(--muted);margin:0;font-size:.86rem;line-height:1.55}.tools-hub-benefits{flex-wrap:wrap;gap:6px;margin-top:18px;display:flex}.tools-hub-benefits span{color:#34505f;background:#eef3f5;border-radius:8px;padding:6px 8px;font-size:.62rem;font-weight:750}.tools-hub-card-actions{justify-content:space-between;align-items:end;gap:12px;margin-top:auto;padding-top:22px;display:flex}.tools-hub-card-actions a{color:var(--temper-blue);font-size:.76rem;font-weight:900}.tools-hub-card-actions>span{color:#87959d;font-size:.62rem}.tools-hub-architecture{color:#fff;background:#071c2f;padding:95px 0 100px;position:relative;overflow:hidden}.tools-hub-architecture:before{content:"";border:1px solid #ffffff14;border-radius:50%;width:620px;height:620px;position:absolute;top:-300px;right:-220px}.tools-hub-architecture-heading{grid-template-columns:minmax(0,1.1fr) minmax(320px,.65fr);align-items:end;gap:70px;display:grid}.tools-hub-architecture h2{color:#fff;letter-spacing:-.05em;max-width:850px;margin:8px 0 0;font-size:clamp(2.5rem,4.4vw,4.4rem);line-height:.98}.tools-hub-architecture-heading>p{color:#9fb4be;margin:0;line-height:1.65}.tools-hub-journey{grid-template-columns:repeat(4,1fr);gap:0;margin-top:58px;display:grid;position:relative}.tools-hub-journey:before{content:"";background:linear-gradient(90deg,#0000,#3f6b7d,#ef3139,#3f6b7d,#0000);height:1px;position:absolute;top:56px;left:10%;right:10%}.tools-hub-journey article{z-index:1;border-right:1px solid #ffffff17;padding:0 24px 24px;position:relative}.tools-hub-journey article>span{color:#6f8a97;font-size:.64rem;font-weight:900}.tools-hub-journey-orb{background:#071c2f;border:1px solid #31576a;border-radius:50%;place-items:center;width:52px;height:52px;margin:21px 0 25px;display:grid}.tools-hub-journey-orb i{background:var(--temper-red);border-radius:50%;width:12px;height:12px;animation:2.4s ease-in-out infinite toolPulse;box-shadow:0 0 0 8px #ef31391a}.tools-hub-journey strong{color:#fff;font-size:1.15rem;display:block}.tools-hub-journey p{color:#91a8b3;margin:9px 0 0;font-size:.77rem;line-height:1.55}.tools-hub-journey-cta{background:#0b3045;border:1px solid #ffffff1f;border-radius:14px;justify-content:space-between;gap:20px;margin-top:36px;padding:22px 24px;display:flex}.tools-hub-journey-cta a{color:#fff;font-weight:900}@keyframes toolScan{0%,to{opacity:0;top:42px}20%{opacity:1}75%{opacity:.8;top:88%}}@keyframes toolGlow{50%{opacity:.7;transform:scale(1.1)}}@keyframes toolPulse{50%{transform:scale(1.35);box-shadow:0 0 0 13px #ef31390a}}@media (max-width:1000px){.tools-showcase-layout{grid-template-columns:1fr;gap:40px;padding-bottom:170px}.tools-showcase-screen{min-height:380px;transform:none}.tools-showcase-tabs{grid-template-columns:repeat(3,1fr)}.tools-hub-card{grid-template-columns:1fr}.tools-hub-card-visual{min-height:250px}.tools-hub-architecture-heading,.tools-hub-heading{grid-template-columns:1fr;gap:22px}.tools-hub-journey{grid-template-columns:1fr 1fr;gap:28px}.tools-hub-journey:before{display:none}}@media (max-width:650px){.tools-showcase-layout{min-height:auto;padding:34px 18px 286px}.tools-showcase-logo{height:68px;margin:13px 0 18px}.tools-showcase h1{font-size:clamp(2rem,8.2vw,2.55rem);line-height:1.04}.tools-showcase-note{margin-top:16px;font-size:.84rem}.tools-showcase-screen{border-radius:18px;min-height:270px}.tools-showcase-actions{margin-top:22px;display:grid}.tools-showcase-tabs{grid-template-columns:1fr 1fr;padding:0 18px}.tools-showcase-tabs button{padding:11px 10px}.tools-showcase-tabs button:last-child{grid-column:1/-1}.tools-hub-products{padding:64px 18px 74px}.tools-hub-grid{grid-template-columns:1fr}.tools-hub-card{min-height:0}.tools-hub-card-body{padding:23px}.tools-hub-card-actions{flex-direction:column;align-items:flex-start}.tools-hub-architecture{padding:70px 18px}.tools-hub-journey{grid-template-columns:1fr}.tools-hub-journey article{border-bottom:1px solid #ffffff17;border-right:0;padding:0 0 24px}.tools-hub-journey-cta{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.tools-showcase-glow,.tools-showcase-scan,.tools-hub-journey-orb i{animation:none}.tools-showcase,.tools-showcase-screen,.tools-showcase-image,.tools-showcase-tabs button,.tools-hub-card,.tools-hub-card-visual img{transition:none}.tools-showcase:hover .tools-showcase-screen,.tools-showcase-tabs button:hover,.tools-hub-card:hover,.tools-hub-card:hover .tools-hub-card-visual img{transform:none}}
.tools-hub-product-logo{object-fit:contain;object-position:left center;width:min(100%,340px);height:82px;margin:28px 0 8px}.tools-hub-card .tools-hub-category{margin:8px 0 12px}.tools-hub-card{transition:transform .25s,box-shadow .25s,border-color .25s}.tools-hub-card:hover{border-color:#b6c6ce;transform:translateY(-6px);box-shadow:0 24px 55px #071c2f1a}@media (prefers-reduced-motion:reduce){.tools-hub-card{transition:none}.tools-hub-card:hover{transform:none}}
.tools-feedback-section{padding-top:96px;padding-bottom:102px}.status-coming-soon,.status-private-preview{color:#58636d;background:#edf1f4}.status-released{color:#24653d;background:#e7f4ec}.feedback-file-label input[type=file]{background:#fff;padding:9px}.feedback-file-label input[type=file]::file-selector-button{color:#07314d;cursor:pointer;background:#e8eef1;border:0;border-radius:8px;margin-right:10px;padding:8px 11px;font-weight:850}.feedback-file-label small{color:#7b8992;margin-top:5px;font-size:.67rem;font-weight:600;line-height:1.35;display:block}.feedback-rating{background:linear-gradient(135deg,#fff9e8,#fff);border:1px solid #d5e0e5;border-radius:13px;margin:0;padding:16px 18px}.feedback-rating legend{color:#07314d;padding:0 6px;font-size:.78rem;font-weight:900}.feedback-rating legend span{color:#7d8a92;font-size:.62rem;font-weight:650}.feedback-rating>div{align-items:center;gap:4px;display:flex}.feedback-rating button{color:#cbd4d8;cursor:pointer;background:0 0;border:0;padding:2px;font-size:1.75rem;line-height:1;transition:transform .18s,color .18s}.feedback-rating button:hover,.feedback-rating button:focus-visible,.feedback-rating button.active{color:#f3b21b;transform:translateY(-2px)scale(1.08)}.feedback-rating small{color:#6b7a83;margin-left:10px;font-size:.68rem;font-weight:750}@media (max-width:650px){.tools-feedback-section{padding:62px 18px 72px}}@media (prefers-reduced-motion:reduce){.feedback-rating button{transition:none}.feedback-rating button:hover,.feedback-rating button:focus-visible,.feedback-rating button.active{transform:none}}