.tools-mastered{position:relative}.tools-mastered__inner{width:100%;max-width:none;box-shadow:var(--shadow), 0 0 32px color-mix(in srgb, var(--active-border) 60%, #263ddd59), inset 0 1px 0 #ffffff14;-webkit-backdrop-filter:blur(20px);transform-style:preserve-3d;box-sizing:border-box;--tools-ring-primary:var(--active-border);--tools-ring-secondary:color-mix(in srgb, var(--active-border) 60%, #ffffff4d);--tools-ring-halo:color-mix(in srgb, var(--primary-glow) 60%, #ffffff1a);background:linear-gradient(160deg,#070a12cc,#080a18b3),radial-gradient(700px 320px at 10% -10%,#7c5cff40,#0000 55%),radial-gradient(740px 320px at 100% 0,#263ddd2e,#0000 52%);border:1px solid #ffffff1f;border-radius:30px;margin:0;padding:0;transition:transform .5s,box-shadow .5s,border .5s;position:relative;overflow:hidden}.tools-mastered__body{box-sizing:border-box;flex-direction:column;gap:clamp(16px,1.5vw,26px);width:100%;max-width:none;margin:0;padding:clamp(16px,2vw,28px);display:flex}.tools-mastered__inner:before{content:"";border-radius:inherit;background:conic-gradient(from var(--tools-ring-angle,0deg), var(--tools-ring-primary) 0deg, var(--tools-ring-secondary) 70deg, transparent 140deg, transparent 260deg, var(--tools-ring-halo) 320deg, var(--tools-ring-primary) 360deg);-webkit-mask-composite:xor;opacity:.55;pointer-events:none;padding:1px;animation:9s linear infinite toolsOrbit;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.tools-mastered__inner:after{content:"";border-radius:inherit;background:radial-gradient(circle at 18% 20%, var(--tools-ring-halo), transparent 34%), radial-gradient(circle at 84% 16%, var(--tools-ring-secondary), transparent 30%), radial-gradient(circle at 55% 100%, #ffffff14, transparent 34%);filter:blur(26px);opacity:.7;pointer-events:none;animation:12s ease-in-out infinite toolsNebula;position:absolute;inset:-20%}.tools-mastered__inner:before,.tools-mastered__inner:after{mix-blend-mode:screen}.tools-mastered__inner:hover,.tools-mastered__inner:focus-within{border-color:#ffffff59;transform:translateY(-6px)scale(1.004);box-shadow:0 28px 70px #02040be6,inset 0 1px #ffffff26}.tools-mastered__inner:after{animation-name:toolsNebula,toolsGlow}body.quantic .tools-mastered__inner{--tools-ring-primary:color-mix(in srgb, var(--active-border) 65%, #ffffff2e);--tools-ring-secondary:color-mix(in srgb, var(--active-border) 35%, #ffffff14);--tools-ring-halo:color-mix(in srgb, var(--primary-glow) 70%, #ffffff14);background:radial-gradient(860px 320px at 12% -8%,#2ef3a324,#0000 60%),radial-gradient(700px 320px at 100% 0,#7affcc1f,#0000 56%),linear-gradient(160deg,#080c10db,#070b0eb8)}.tools-mastered__header{z-index:2;margin-bottom:28px;position:relative}.tools-mastered__eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#cee1ffeb;background:#0003;border:1px solid #ffffff29;border-radius:999px;margin-bottom:10px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-block}.tools-mastered__title{letter-spacing:-.3px;color:#fffffff5;text-shadow:0 8px 28px #7c5cff42;margin:0 0 10px;font-size:clamp(30px,3vw,48px);font-weight:700;line-height:1.1}.tools-mastered__subtitle{color:#eaf0ffc7;max-width:760px;margin:0;font-size:15px;line-height:1.75}.tools-mastered__filters{z-index:2;position:relative}.tools-groups{z-index:2;gap:clamp(16px,1.6vw,26px);display:grid;position:relative}.tools-mastered__filters{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px;margin-bottom:20px;display:flex}.tools-filter{color:var(--ink);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff26;border-radius:999px;padding:8px 18px;font-size:13px;font-weight:600;transition:border .3s,background .3s,box-shadow .3s,color .3s}.tools-filter.is-active,.tools-filter:focus-visible{border-color:var(--active-border);background:var(--active-bg);color:var(--ink);box-shadow:var(--active-glow)}.tools-filter:focus-visible{outline:none;box-shadow:0 0 0 3px #7c5cff4d}@property --tools-ring-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes toolsOrbit{to{--tools-ring-angle:360deg}}@keyframes toolsNebula{0%,to{opacity:.65;transform:translate(0,0)scale(1)}50%{opacity:.88;transform:translateY(-10px)scale(1.04)}}@keyframes toolsGlow{0%,to{opacity:.55;filter:blur(22px)saturate()}40%{opacity:.75;filter:blur(32px)saturate(1.2)}70%{opacity:.6;filter:blur(26px)saturate(1.1)}}.tools-mastered__empty{color:#666;margin-top:20px}.tools-mastered__grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:clamp(6px,1vw,12px);width:100%;margin:0 auto;display:grid}.tools-group.is-hidden,.tools-mastered__grid .tool-card.is-hidden{display:none}.tools-group__header.is-hidden,.tools-mastered__grid.is-hidden{display:none!important}.tools-group{flex-direction:column;gap:10px;display:flex}.toolsGrid .card.is-hidden{display:none}.tool-card{min-height:auto;box-shadow:var(--shadow);background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;padding:10px;transition:transform .3s,box-shadow .3s,background .3s}.tool-card:hover,.tool-card:focus-visible{border-color:var(--active-border);box-shadow:var(--active-glow), 0 14px 24px #00000073;background:#ffffff1f;outline:none;transform:translateY(-6px)}.tool-card__icon{background:#ffffff14;border:1px solid #ffffff1a;border-radius:16px;justify-content:center;align-items:center;width:24px;height:24px;margin-bottom:8px;display:flex}.tool-card__icon img{object-fit:contain;background:#fff;border-radius:6px;width:22px;height:22px;padding:2px;transition:transform .24s,box-shadow .24s,filter .24s;display:block;box-shadow:0 6px 16px #00000040}.tool-card__icon--fallback{justify-content:center}.tool-card__icon__fallback{letter-spacing:.18em;text-transform:uppercase;color:#ffffffd9;font-size:10px;font-weight:700}.tool-card:hover .tool-card__icon img,.tool-card:focus-visible .tool-card__icon img{filter:saturate(1.08)contrast(1.05);transform:translateY(-1px)scale(1.06);box-shadow:0 8px 18px #0003,inset 0 0 0 1px #ffffff73}body.quantic .tool-card:hover .tool-card__icon img,body.quantic .tool-card:focus-visible .tool-card__icon img{box-shadow:0 8px 18px #0000003d,inset 0 0 0 1px #2ef3a347}.tool-card__icon i,.tool-card__icon span{color:#ffffffd9;font-size:14px;font-weight:700}.tool-card__name{color:#eaf0fff2;margin:0;font-size:12px;font-weight:600;line-height:1.4}@media (width<=1100px){.tools-mastered__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=860px){.tools-mastered__inner{width:calc(100% + 36px);margin-left:-18px;margin-right:-18px}.tools-mastered__grid{grid-template-columns:1fr;gap:12px}}@media (width<=620px){.tools-mastered__inner{border-radius:24px;padding:18px}.tools-mastered__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.hero{padding-top:var(--space-12)}.hero__main{gap:var(--space-4);flex-direction:column;display:flex}.hero .hero-title{letter-spacing:-.02em;color:#fff;text-shadow:0 0 30px #7c5cff1f,0 0 80px #263ddd0f;font-weight:700;animation:6s ease-in-out infinite alternate heroGlow}body.quantic .hero .hero-title{text-shadow:0 0 30px #2ef3a31a,0 0 80px #7affcc0d;animation-name:heroGlowQ}@keyframes heroGlow{0%{text-shadow:0 0 30px #7c5cff14,0 0 80px #263ddd0a}50%{text-shadow:0 0 50px #7c5cff2e,0 0 120px #263ddd1a}to{text-shadow:0 0 35px #7c5cff24,0 0 90px #263ddd12}}@keyframes heroGlowQ{0%{text-shadow:0 0 30px #2ef3a30f,0 0 80px #7affcc08}50%{text-shadow:0 0 50px #2ef3a329,0 0 120px #7affcc14}to{text-shadow:0 0 35px #2ef3a31f,0 0 90px #7affcc0f}}.portfolioCallout{-webkit-backdrop-filter:blur(20px)!important;box-shadow:var(--shadow-md)!important;transition:all var(--t-slow) var(--ease-out)!important;background:linear-gradient(135deg,#ffffff0d,#ffffff03)!important;border:1px solid #ffffff1a!important;animation:none!important}.portfolioCallout:before,.portfolioCallout:after{content:none!important;display:none!important}.portfolioCallout:hover{box-shadow:var(--shadow-lg), 0 0 40px #7c5cff14!important;border-color:#7c5cff33!important;transform:translateY(-3px)!important}body.quantic .portfolioCallout:hover{box-shadow:var(--shadow-lg), 0 0 40px #2ef3a314!important;border-color:#2ef3a333!important}.portfolioCallout h2{font-size:var(--text-xl)!important;letter-spacing:0!important;text-transform:none!important}.portfolioCallout p{color:var(--muted)!important}.portfolioCallout .btn{box-shadow:none!important;text-transform:none!important}.tools-grid .card-glass{transition:all var(--t-slow) var(--ease-out)}.tools-grid .card-glass:hover{border-color:#7c5cff33;transform:translateY(-4px)scale(1.03);box-shadow:0 12px 32px #0006,0 0 30px #7c5cff14}body.quantic .tools-grid .card-glass:hover{border-color:#2ef3a333;box-shadow:0 12px 32px #0006,0 0 30px #2ef3a314}.heroCTA__tagline{min-height:1.5em;display:inline-block;position:relative;overflow:hidden}.heroCTA__phrase{pointer-events:none;opacity:0;visibility:hidden;white-space:nowrap;align-items:center;gap:0;display:inline-flex;position:absolute;inset:0}.heroCTA__phrase.is-active{opacity:1;visibility:visible;position:relative}.heroCTA__phrase span{opacity:0;filter:blur(4px);color:#ffffffc7;will-change:transform, opacity, filter;font-size:15px;line-height:1.45;display:inline-block;transform:translateY(12px)scale(.96)}.heroCTA__phrase.is-active span{animation:charReveal .45s var(--ease-out) forwards;animation-delay:calc(var(--char-i) * 32ms)}@keyframes charReveal{0%{opacity:0;filter:blur(4px);transform:translateY(12px)scale(.96)}60%{opacity:1;filter:blur();transform:translateY(-1px)scale(1.01)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.heroCTA__caret{background:linear-gradient(180deg, #ffffffe6, var(--accent-2));vertical-align:text-bottom;border-radius:1px;width:2px;height:1.1em;margin-left:6px;animation:.9s step-end infinite caretPulse;display:inline-block}body.quantic .heroCTA__caret{background:linear-gradient(180deg, #ffffffe6, var(--q-accent))}@keyframes caretPulse{0%,to{opacity:1}50%{opacity:0}}.heroCTA.is-active .heroCTA__tagline{text-shadow:0 0 20px #7c5cff40}body.quantic .heroCTA.is-active .heroCTA__tagline{text-shadow:0 0 20px #2ef3a333}@media (width<=768px){.hero{padding-top:var(--space-8)}.heroCTA__phrase span{font-size:14px}}