.tools-page{--tp-bg:#06091a;--tp-bg-2:#0a0f25;--tp-card-bg:#0c1029;--tp-card-hover:#10163a;--tp-glass:hsla(0,0%,100%,.02);--tp-border:rgba(99,130,255,.1);--tp-border-hi:rgba(99,130,255,.3);--tp-blue:#4f72ff;--tp-cyan:#22d3ee;--tp-green:#34d399;--tp-amber:#fbbf24;--tp-text:#f0f4ff;--tp-text-sec:#94a3c8;--tp-text-muted:#4a5580;--tp-grad:linear-gradient(135deg,#4f72ff,#22d3ee);--tp-grad-green:linear-gradient(135deg,#34d399,#00e6c3);--tp-radius:20px;--tp-radius-sm:12px;--tp-font-head:"DM Sans",sans-serif;--tp-font-body:"DM Sans",sans-serif;font-family:var(--tp-font-body);background:var(--tp-bg);color:var(--tp-text);min-height:100vh;overflow-x:hidden}.tools-hero{text-align:center;padding:120px 24px 80px;position:relative;overflow:hidden}.tools-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(79,114,255,.03) 1px,transparent 0),linear-gradient(90deg,rgba(79,114,255,.03) 1px,transparent 0);background-size:72px 72px;mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 10%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 10%,transparent 100%);pointer-events:none;animation:tp-grid-drift 35s linear infinite}@keyframes tp-grid-drift{0%{transform:translate(0)}to{transform:translate(72px,72px)}}.tools-hero:after{content:"";position:absolute;top:-100px;left:50%;transform:translateX(-50%);width:900px;height:600px;background:radial-gradient(ellipse at center,rgba(79,114,255,.1) 0,rgba(34,211,238,.04) 40%,transparent 70%);pointer-events:none;animation:tp-hero-glow 10s ease-in-out infinite alternate}@keyframes tp-hero-glow{0%{opacity:.5;transform:translateX(-50%) scale(1)}to{opacity:1;transform:translateX(-50%) scale(1.1)}}.tools-hero__eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--tp-font-head);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--tp-cyan);background:rgba(34,211,238,.06);border:1px solid rgba(34,211,238,.2);border-radius:100px;padding:8px 20px;margin-bottom:32px;backdrop-filter:blur(8px);position:relative;z-index:1}.tools-hero__eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--tp-cyan);box-shadow:0 0 8px rgba(34,211,238,.5);animation:tp-pulse 2s infinite}@keyframes tp-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.6)}}.tools-hero__title{font-family:var(--tp-font-head);font-size:clamp(36px,6vw,64px);font-weight:800;line-height:1.08;letter-spacing:-.03em;margin:0 0 20px;position:relative;z-index:1;background:linear-gradient(135deg,#f0f4ff,#94a3c8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tools-hero__subtitle{font-size:19px;font-weight:400;color:var(--tp-text-sec);max-width:580px;margin:0 auto 44px;line-height:1.7;position:relative;z-index:1}.tools-hero__badges{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:20px;position:relative;z-index:1}.tools-hero__badge{font-size:13px;font-weight:600;padding:8px 18px;border-radius:100px;border:1px solid var(--tp-border);color:var(--tp-text-sec);background:hsla(0,0%,100%,.02);backdrop-filter:blur(4px);transition:all .3s ease}.tools-hero__badge:hover{border-color:rgba(79,114,255,.3);background:rgba(79,114,255,.05);transform:translateY(-2px);color:var(--tp-text)}.tools-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--tp-border),transparent)}.tools-container{max-width:1100px;margin:0 auto;padding:0 24px}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:26px 0 100px}@media (max-width:900px){.tools-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.tools-grid{grid-template-columns:1fr}}.tool-card{background:var(--tp-card-bg);padding:36px 32px 32px;display:flex;flex-direction:column;gap:0;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.tool-card,.tools-quick-guide{border:1px solid var(--tp-border);border-radius:var(--tp-radius)}.tools-quick-guide{margin-top:74px;background:linear-gradient(135deg,rgba(79,114,255,.08),rgba(34,211,238,.04));padding:30px 28px;box-shadow:0 18px 46px rgba(0,0,0,.25)}.tools-quick-guide__title{margin:0 0 10px;font-family:var(--tp-font-head);font-size:clamp(24px,3vw,34px);font-weight:800;letter-spacing:-.02em;color:var(--tp-text)}.tools-quick-guide__subtitle{margin:0;max-width:780px;color:var(--tp-text-sec);font-size:15px;line-height:1.7}.tools-quick-guide__steps{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tools-quick-guide__step{border:1px solid rgba(79,114,255,.22);background:rgba(11,18,45,.72);border-radius:14px;padding:14px;display:grid;grid-template-columns:34px 1fr;gap:10px}.tools-quick-guide__num{width:30px;height:30px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--tp-grad);color:#fff;font-weight:800;font-size:13px}.tools-quick-guide__step h3{margin:0 0 4px;font-size:14px;font-weight:700;color:var(--tp-text)}.tools-quick-guide__step p{margin:0;font-size:13px;line-height:1.6;color:var(--tp-text-sec)}.tool-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--tp-border);transition:background .4s,height .4s}.tool-card--active:before{background:var(--tp-grad);height:3px}.tool-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 50% 0,rgba(79,114,255,.06) 0,transparent 50%);opacity:0;transition:opacity .5s;pointer-events:none}.tool-card--active:hover:after{opacity:1}.tool-card--active:hover{border-color:var(--tp-border-hi);background:var(--tp-card-hover);transform:translateY(-8px);box-shadow:0 32px 64px rgba(0,0,0,.4),0 0 0 1px rgba(79,114,255,.12),0 0 40px rgba(79,114,255,.06)}.tool-card--coming{opacity:.65}.tool-card--coming:hover{border-color:rgba(99,130,255,.15);opacity:.75}.tool-card__icon{width:56px;height:56px;border-radius:var(--tp-radius-sm);display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:22px;flex-shrink:0;position:relative;z-index:1}.tool-card__icon--blue{background:rgba(79,114,255,.1);box-shadow:0 0 20px rgba(79,114,255,.08)}.tool-card__icon--cyan{background:rgba(34,211,238,.08);box-shadow:0 0 20px rgba(34,211,238,.06)}.tool-card__icon--amber{background:rgba(251,191,36,.08);box-shadow:0 0 20px rgba(251,191,36,.06)}.tool-card__badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:5px 14px;border-radius:100px;margin-bottom:18px;align-self:flex-start;position:relative;z-index:1}.tool-card__badge--active{background:rgba(52,211,153,.08);border:1px solid rgba(52,211,153,.25);color:var(--tp-green)}.tool-card__badge--coming{background:rgba(148,163,200,.04);border:1px solid rgba(148,163,200,.1);color:var(--tp-text-muted)}.tool-card__badge-dot{width:6px;height:6px;border-radius:50%}.tool-card__badge-dot--active{background:var(--tp-green);box-shadow:0 0 6px rgba(52,211,153,.5);animation:tp-pulse 2s infinite}.tool-card__badge-dot--coming{background:var(--tp-text-muted)}.tool-card__title{font-family:var(--tp-font-head);font-size:20px;font-weight:800;color:var(--tp-text);margin:0 0 12px;line-height:1.3;letter-spacing:-.01em;position:relative;z-index:1}.tool-card__desc{font-size:15px;color:var(--tp-text-sec);line-height:1.75;flex:1}.tool-card__best-for,.tool-card__desc{margin:0 0 14px;position:relative;z-index:1}.tool-card__best-for{border-left:2px solid rgba(34,211,238,.55);padding-left:10px;color:#c7d6ff;font-size:13px;line-height:1.55;font-weight:600}.tool-card__output{border:1px solid rgba(99,130,255,.24);background:rgba(9,16,42,.8);border-radius:12px;padding:12px;margin-bottom:12px;position:relative;z-index:1}.tool-card__output-label{display:inline-block;margin-bottom:4px;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:700;color:var(--tp-cyan)}.tool-card__output p{margin:0;font-size:13px;line-height:1.6;color:var(--tp-text-sec)}.tool-card__use-cases{margin:0 0 20px;padding:0;list-style:none;display:grid;gap:8px;position:relative;z-index:1}.tool-card__use-cases li{display:grid;grid-template-columns:16px 1fr;align-items:start;gap:8px;font-size:12px;color:#afc2ea;line-height:1.55}.tool-card__use-cases li:before{content:"✓";width:16px;height:16px;margin-top:1px;border-radius:999px;background:rgba(79,114,255,.16);color:#97b7ff;font-size:10px}.tool-card__btn,.tool-card__use-cases li:before{display:inline-flex;align-items:center;justify-content:center;font-weight:700}.tool-card__btn{gap:8px;padding:14px 28px;border-radius:100px;font-family:var(--tp-font-head);font-size:14px;text-decoration:none;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;position:relative;z-index:1;letter-spacing:.01em}.tool-card__btn--active{background:var(--tp-grad);color:#fff;box-shadow:0 4px 20px rgba(79,114,255,.25)}.tool-card__btn--active:hover{box-shadow:0 8px 32px rgba(79,114,255,.35);transform:translateY(-2px)}.tool-card__btn--disabled{background:rgba(148,163,200,.06);border:1px solid rgba(148,163,200,.1);color:var(--tp-text-muted);cursor:not-allowed;pointer-events:none}.tools-features{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-bottom:80px;border-radius:var(--tp-radius);overflow:hidden;border:1px solid var(--tp-border)}@media (max-width:768px){.tools-features{grid-template-columns:1fr 1fr}}@media (max-width:480px){.tools-features{grid-template-columns:1fr}}.tools-feature{text-align:center;padding:36px 24px;background:var(--tp-card-bg);transition:all .3s ease;position:relative}.tools-feature:not(:last-child):after{content:"";position:absolute;right:0;top:20%;bottom:20%;width:1px;background:linear-gradient(180deg,transparent,var(--tp-border),transparent)}@media (max-width:768px){.tools-feature:not(:last-child):after{display:none}.tools-feature{border-bottom:1px solid var(--tp-border)}.tools-feature:last-child{border-bottom:none}}.tools-feature:hover{background:rgba(79,114,255,.03)}.tools-feature__num{font-family:var(--tp-font-head);font-size:32px;font-weight:800;background:var(--tp-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:8px}.tools-feature__label{font-size:14px;color:var(--tp-text-muted);font-weight:500}.tools-cta{text-align:center;padding:80px 24px 120px;position:relative}.tools-cta__box{max-width:740px;margin:0 auto;background:linear-gradient(135deg,rgba(79,114,255,.06),rgba(34,211,238,.03));border:1px solid rgba(79,114,255,.15);border-radius:var(--tp-radius);padding:60px 48px;position:relative;overflow:hidden}.tools-cta__box:before{content:"";position:absolute;top:-120px;left:50%;transform:translateX(-50%);width:600px;height:300px;background:radial-gradient(ellipse,rgba(79,114,255,.08) 0,transparent 70%);pointer-events:none}.tools-cta__title{font-family:var(--tp-font-head);font-size:clamp(24px,4vw,38px);font-weight:800;letter-spacing:-.02em;background:var(--tp-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 16px;position:relative;z-index:1}.tools-cta__desc{font-size:17px;color:var(--tp-text-sec);max-width:500px;margin:0 auto 32px;line-height:1.7;position:relative;z-index:1}.tools-cta__btn{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;border-radius:100px;background:var(--tp-grad);color:#fff;font-family:var(--tp-font-head);font-size:15px;font-weight:700;text-decoration:none;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px rgba(79,114,255,.25);position:relative;z-index:1}.tools-cta__btn:hover{box-shadow:0 8px 32px rgba(79,114,255,.4);transform:translateY(-3px)}@keyframes tp-fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.tools-hero>*{animation:tp-fade-up .7s cubic-bezier(.4,0,.2,1) both}.tools-hero__eyebrow{animation-delay:.05s}.tools-hero__title{animation-delay:.12s}.tools-hero__subtitle{animation-delay:.2s}.tools-hero__badges{animation-delay:.28s}.tool-card{animation:tp-fade-up .6s cubic-bezier(.4,0,.2,1) both}.tool-card:first-child{animation-delay:.1s}.tool-card:nth-child(2){animation-delay:.2s}.tool-card:nth-child(3){animation-delay:.3s}@media (max-width:600px){.tools-hero{padding:80px 20px 60px}.tools-hero__title{font-size:clamp(28px,8vw,42px)}.tools-hero__subtitle{font-size:16px}.tools-cta__box{padding:40px 24px}.tool-card{padding:28px 24px 24px}.tools-quick-guide{margin-top:46px;padding:20px 16px}.tools-quick-guide__steps{grid-template-columns:1fr}}@media (max-width:900px){.tools-quick-guide__steps{grid-template-columns:1fr}}