.tools-main{padding-top:64px;background:#fff}
.tools-hero{position:relative;overflow:hidden;padding:104px 0 0;background:linear-gradient(180deg,#fff 0,#fafaff 100%);isolation:isolate}
.tools-hero::before{content:"";position:absolute;z-index:-1;inset:0;background-image:radial-gradient(circle,rgba(99,102,241,.17) 1px,transparent 1.1px);background-size:9px 9px;-webkit-mask-image:linear-gradient(to bottom,#000 0,transparent 72%);mask-image:linear-gradient(to bottom,#000 0,transparent 72%)}
.tools-hero::after{content:"";position:absolute;z-index:-1;top:-300px;left:50%;width:900px;height:650px;transform:translateX(-50%);border-radius:50%;background:rgba(99,102,241,.09);filter:blur(90px)}
.tools-hero-copy{max-width:940px;text-align:center}
.tools-hero-copy .eyebrow{display:inline-flex}
.tools-hero h1{margin:28px 0 20px;font-size:clamp(50px,4.6vw,60px);font-weight:800;line-height:1.1;letter-spacing:-.045em}
.tools-hero h1 em{font-style:normal;color:transparent;background:linear-gradient(105deg,#4f46e5 8%,#6366f1 48%,#8b5cf6 92%);-webkit-background-clip:text;background-clip:text}
.tools-hero-copy>p{max-width:680px;margin:0 auto;color:#6b7280;font-size:16px;line-height:1.75}
.tools-hero-actions{display:flex;justify-content:center;gap:12px;margin-top:30px}
.tools-trust{display:flex;justify-content:center;gap:28px;margin-top:26px;color:#6b7280;font-size:12px}
.tools-trust span{display:flex;align-items:center;gap:7px}.tools-trust i{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#eeeeff;color:#5b5ee7;font-size:11px;font-style:normal}
.tools-console{position:relative;width:min(920px,calc(100vw - 48px));margin-top:68px;border:1px solid #e3e4eb;border-bottom:0;border-radius:22px 22px 0 0;background:rgba(255,255,255,.9);box-shadow:0 24px 70px rgba(79,70,229,.12);overflow:hidden}
.console-window-head{height:54px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 20px;border-bottom:1px solid #eceef3;color:#9095a1;font-size:12px}
.console-window-head>span{display:flex;gap:6px}.console-window-head>span i{width:8px;height:8px;border-radius:50%;background:#dfe1e8}.console-window-head b{font-size:13px;font-weight:600;letter-spacing:.04em}.console-window-head em{justify-self:end;color:#5b5ee7;font-size:11px;font-style:normal;font-weight:800;letter-spacing:.12em}
.console-window-body{display:grid;grid-template-columns:300px 1fr;gap:18px;padding:20px;background:#f8f8fb}
.readiness-score,.readiness-checks{border:1px solid #ebecef;border-radius:16px;background:#fff}
.readiness-score{display:flex;flex-direction:column;padding:24px}.readiness-score>span{color:#6b7280;font-size:13px}.readiness-score>strong{margin:17px 0 13px;font-size:36px;line-height:1}.readiness-score>strong small{color:#9ca3af;font-size:14px}.readiness-score>div{height:5px;border-radius:99px;background:#eceef4;overflow:hidden}.readiness-score>div i{width:var(--progress);height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#4f46e5,#8b5cf6)}.readiness-score>small{margin-top:12px;color:#8b909b;font-size:12px}
.readiness-checks{display:grid;grid-template-columns:1fr 1fr;gap:1px;overflow:hidden;background:#ebecef}.readiness-checks>span{min-height:90px;display:grid;grid-template-columns:32px 1fr;align-content:center;column-gap:10px;padding:16px;background:#fff}.readiness-checks i{grid-row:1/3;width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:#edfaf4;color:#059669;font-size:11px;font-style:normal;font-weight:800}.readiness-checks .warn i{background:#fff7e7;color:#d97706}.readiness-checks b{font-size:14px}.readiness-checks small{margin-top:4px;color:#9095a1;font-size:12px}
.tools-library{padding:88px 0 96px;background:#f9fafb;border-top:1px solid #f0f1f4}
.tools-section-head{display:grid;grid-template-columns:1.1fr .7fr;align-items:end;gap:60px;margin-bottom:54px}.tools-section-head span,.principle-intro>span,.tools-cta .container>span{color:#6366f1;font-size:11px;font-weight:800;letter-spacing:.16em}.tools-section-head h2,.principle-intro h2{margin:18px 0 0;font-size:36px;font-weight:800;line-height:1.25;letter-spacing:-.025em}.tools-section-head>p{margin:0;color:#6b7280;font-size:16px;line-height:1.75}
.tool-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.tool-card{position:relative;min-height:330px;display:flex;flex-direction:column;grid-column:span 2;padding:22px;border:1px solid #e8e9ee;border-radius:18px;background:#fff;box-shadow:0 3px 14px rgba(17,24,39,.025);overflow:hidden;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.tool-card[data-href]{cursor:pointer}.tool-card-wide{grid-column:span 3;min-height:342px}.tool-card::after{content:"";position:absolute;right:-95px;top:-95px;width:190px;height:190px;border-radius:50%;background:rgba(99,102,241,.045);transition:transform .35s ease}.tool-card:hover,.tool-card:focus-visible{transform:translateY(-5px);border-color:#d5d6ff;box-shadow:0 18px 42px rgba(79,70,229,.09);outline:0}.tool-card:focus-visible{box-shadow:0 0 0 3px rgba(99,102,241,.16),0 18px 42px rgba(79,70,229,.09)}.tool-card:hover::after,.tool-card:focus-visible::after{transform:scale(1.18)}
.tool-card-top{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center}.tool-number{color:#a4a8b2;font-size:11px;font-weight:800;letter-spacing:.12em}.tool-status{padding:6px 10px;border-radius:99px;background:#eeeeff;color:#5558d9;font-size:11px;font-weight:800;letter-spacing:.08em}.tool-status.neutral{background:#f3f4f6;color:#777d89}
.tool-icon{position:relative;z-index:1;width:48px;height:48px;display:grid;place-items:center;margin-top:24px;border-radius:14px;background:linear-gradient(145deg,#eeeeff,#f7f4ff);color:#5b5ee7;box-shadow:inset 0 0 0 1px rgba(99,102,241,.08)}.tool-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.icon-bot{background:linear-gradient(145deg,#e9edff,#f4efff)}
.tool-copy{position:relative;z-index:1;margin-top:18px}.tool-copy>span{color:#7779e8;font-size:11px;font-weight:800;letter-spacing:.14em}.tool-copy h3{margin:8px 0 8px;font-size:18px;line-height:1.45}.tool-copy p{margin:0;color:#6b7280;font-size:14px;line-height:1.75}.tool-card ul{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 14px;padding:0;list-style:none}.tool-card li{padding:5px 9px;border-radius:7px;background:#f7f7fb;color:#737985;font-size:12px}.tool-link{position:relative;z-index:1;width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding:10px 0 0;border:0;border-top:1px solid #eceef3;background:transparent;color:#111827;cursor:pointer;font-size:13px;font-weight:700;text-align:left}.tool-link span{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#f0f0ff;color:#5b5ee7;transition:transform .25s ease,background .25s ease,color .25s ease}.tool-link:hover span{transform:translateX(3px);background:#6366f1;color:#fff}
.tools-principles{padding:112px 0;background:#fff}.tools-principles>.container{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:center}.principle-intro h2{margin:20px 0 18px}.principle-intro p{margin:0;color:#6b7280;font-size:16px;line-height:1.75}.principle-list{display:grid;border:1px solid #e8e9ee;border-radius:22px;overflow:hidden}.principle-list article{display:grid;grid-template-columns:52px 1fr;gap:18px;padding:24px 26px;border-bottom:1px solid #eceef3}.principle-list article:last-child{border:0}.principle-list article>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#f0f0ff;color:#5b5ee7;font-size:12px;font-weight:800}.principle-list h3{margin:0 0 7px;font-size:18px;line-height:1.45}.principle-list p{margin:0;color:#7a808b;font-size:14px;line-height:1.7}
.tools-cta{position:relative;overflow:hidden;padding:105px 0;background:linear-gradient(135deg,#eef2ff 0%,#f7f5ff 52%,#ecfeff 100%);color:#171b2f;text-align:center;isolation:isolate;border-top:1px solid rgba(99,102,241,.1);border-bottom:1px solid rgba(99,102,241,.1)}.tools-cta::before{content:"";position:absolute;z-index:-1;inset:0;background-image:radial-gradient(circle,rgba(99,102,241,.16) 1px,transparent 1.1px);background-size:10px 10px;-webkit-mask-image:radial-gradient(circle at center,#000,transparent 72%);mask-image:radial-gradient(circle at center,#000,transparent 72%)}.tools-cta::after{content:"";position:absolute;z-index:-1;width:520px;height:520px;left:50%;top:48%;transform:translate(-50%,-50%);border-radius:50%;background:rgba(139,92,246,.1);filter:blur(80px)}.tools-cta .container{max-width:840px}.tools-cta h2{color:#171b2f;margin:22px 0 18px;font-size:44px;line-height:1.2;letter-spacing:-.025em}.tools-cta p{max-width:660px;margin:0 auto 28px;color:#626b7d;font-size:16px;line-height:1.7}.tools-cta .primary-button{position:relative;display:inline-flex;padding:0 62px;background:#5b5ee7;color:#fff;border-color:#5b5ee7;box-shadow:0 12px 28px rgba(91,94,231,.2)}.tools-cta .primary-button span{position:absolute;right:24px}.tools-cta .primary-button:hover{background:#4f46e5;color:#fff;border-color:#4f46e5;box-shadow:0 16px 34px rgba(79,70,229,.26)}
.tool-preview-modal{width:min(520px,calc(100vw - 32px));padding:38px;border:0;border-radius:22px;background:#fff;box-shadow:0 28px 80px rgba(17,24,39,.25)}.tool-preview-modal::backdrop{background:rgba(17,24,39,.45);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.tool-preview-modal>span{color:#6366f1;font-size:11px;font-weight:800;letter-spacing:.16em}.tool-preview-modal h2{margin:18px 0 12px;font-size:26px}.tool-preview-modal>p{margin:0;color:#6b7280;font-size:14px;line-height:1.75}.tool-preview-modal>div{display:flex;gap:10px;margin:24px 0;padding:15px;border-radius:12px;background:#f7f7ff;color:#656b78;font-size:13px;line-height:1.7}.tool-preview-modal>div i{width:20px;height:20px;flex:0 0 20px;display:grid;place-items:center;border-radius:50%;background:#e6e6ff;color:#5659db;font-style:normal}.tool-preview-modal>.primary-button{width:100%;justify-content:center;border:0}.tool-preview-modal .modal-close{top:18px;right:18px}
@media(max-width:1050px){.tool-card,.tool-card-wide{grid-column:span 3}.tools-principles>.container{gap:50px}}
@media(max-width:760px){.tools-main{padding-top:60px}.tools-hero{padding-top:76px}.tools-hero h1{font-size:36px;line-height:1.1}.tools-hero h1 br{display:none}.tools-hero-copy>p{font-size:15px}.tools-hero-actions{display:grid}.tools-hero-actions a{width:100%}.tools-trust{gap:10px;flex-wrap:wrap}.tools-console{width:calc(100vw - 30px);margin-top:48px}.console-window-head{grid-template-columns:1fr auto}.console-window-head b{display:none}.console-window-body{grid-template-columns:1fr;padding:12px}.readiness-checks{grid-template-columns:1fr}.readiness-checks>span{min-height:72px}.tools-library,.tools-principles{padding:68px 0}.tools-section-head{grid-template-columns:1fr;gap:20px;margin-bottom:34px}.tools-section-head h2,.principle-intro h2{font-size:30px;line-height:1.3}.tools-cta h2{font-size:32px;line-height:1.25}.tool-grid{grid-template-columns:1fr}.tool-card,.tool-card-wide{grid-column:auto;min-height:330px;padding:22px}.tools-principles>.container{grid-template-columns:1fr;gap:34px}.tools-cta{padding:80px 0}.tool-preview-modal{padding:30px 22px}}
@media(prefers-reduced-motion:reduce){.tool-card,.tool-card::after,.tool-link span{transition:none}}