/* Supreme Pro visual system — clean, bright, tool-first redesign */
:root{color-scheme:light!important;--bg:#f7f9fc!important;--sf:#fff!important;--tx:#182033!important;--mu:#68758b!important;--ln:#e4e9f2!important;--br:#4263eb!important;--br2:#7357e8!important;--ac:#ffbf69!important;--sh:0 14px 38px rgba(26,42,78,.075)!important;--sp-radius:18px;--sp-max:1200px}
html{background:#f7f9fc!important;scroll-padding-top:90px}html[data-t="dark"],html[data-theme="dark"],[data-t="dark"]{color-scheme:light!important;--bg:#f7f9fc!important;--sf:#fff!important;--tx:#182033!important;--mu:#68758b!important;--ln:#e4e9f2!important;--br:#4263eb!important;--br2:#7357e8!important;--sh:0 14px 38px rgba(26,42,78,.075)!important}
body{background:#f7f9fc!important;color:#182033!important;font-family:Inter,"DM Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}
body:before{display:none!important}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}::selection{background:#dce5ff;color:#182033}
.wrap{width:min(var(--sp-max),calc(100% - 44px))!important;margin-inline:auto!important}
/* Header / navigation */
.hd{position:sticky!important;top:0!important;z-index:100!important;background:rgba(255,255,255,.94)!important;border-bottom:1px solid #e9edf5!important;box-shadow:0 3px 14px rgba(23,35,65,.025)!important;backdrop-filter:blur(16px)!important}
.hd-in{height:76px!important;gap:18px!important;justify-content:space-between!important}
.logo{color:#17213b!important;font-family:Inter,"DM Sans",sans-serif!important;font-size:20px!important;font-weight:800!important;letter-spacing:-.7px!important;white-space:nowrap}.logo svg{width:38px!important;height:38px!important;filter:drop-shadow(0 4px 8px rgba(66,99,235,.16))}
.nv{margin-left:auto!important;gap:3px!important;align-items:center}.nv-b{color:#48546b!important;font-size:13px!important;font-weight:650!important;padding:10px 10px!important;border-radius:10px!important;white-space:nowrap}.nv-b:hover,.nv-i.open>.nv-b,.nv-i:hover>.nv-b{background:#f1f4fb!important;color:#334fbd!important}.mega{top:calc(100% + 8px)!important;background:#fff!important;border:1px solid #e5eaf3!important;border-radius:16px!important;padding:9px!important;box-shadow:0 18px 45px rgba(23,35,65,.14)!important;min-width:255px!important}.mega a{display:flex!important;align-items:center!important;gap:10px!important;padding:10px 12px!important;border-radius:10px!important;font-size:13px!important;color:#364158!important}.mega a:hover{background:#f4f6fc!important;color:#3558d4!important}.mega i{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:color-mix(in srgb,var(--c,#4263eb) 11%,white);font-size:16px!important}.ib{border:1px solid #e7ebf4!important;background:#fff!important;color:#4c5870!important;border-radius:12px!important;min-height:40px!important;min-width:40px!important;box-shadow:none!important}.ib:hover{border-color:#cbd5f3!important;color:#3859d4!important;background:#f8faff!important}#th{display:none!important}.nv .nv-b{font-size:13px!important}
/* Home hero */
.hero{position:relative!important;overflow:hidden!important;padding:70px 0 48px!important;background:linear-gradient(180deg,#fff 0%,#f8faff 100%)!important;border-bottom:1px solid #edf0f7!important}.hero .blob{opacity:.075!important;filter:blur(1px)!important}.hero .wrap{display:grid!important;grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr)!important;gap:52px!important;align-items:center!important;max-width:1160px!important}.hero h1{font-family:Inter,"DM Sans",sans-serif!important;font-size:clamp(40px,5.3vw,66px)!important;line-height:1.06!important;letter-spacing:-2.7px!important;font-weight:820!important;color:#17213b!important;max-width:660px}.hl{overflow:visible!important}.hl>span{animation:none!important}.rot{color:#4e63dc!important;background:linear-gradient(90deg,#4263eb,#8b5cf6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero .sub{font-size:17px!important;line-height:1.7!important;color:#69758b!important;max-width:580px!important;margin:22px 0 0!important}.sb{max-width:620px!important;margin-top:26px!important;display:flex!important;gap:8px!important;padding:6px!important;border:1px solid #dce3ef!important;background:#fff!important;border-radius:15px!important;box-shadow:0 10px 30px rgba(31,49,91,.08)!important}.sb:focus-within{border-color:#8ca2f5!important;box-shadow:0 0 0 4px rgba(66,99,235,.1)!important}.sb input{min-width:0!important;width:100%!important;padding:13px 15px!important;border:0!important;background:transparent!important;color:#202b43!important;outline:none!important;font-size:15px!important}.sb input::placeholder{color:#9aa4b5!important}.btn,.sb .btn,.hero .btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;border:1px solid #4263eb!important;border-radius:11px!important;background:#4263eb!important;color:white!important;padding:12px 21px!important;font-size:14px!important;font-weight:750!important;line-height:1.3!important;box-shadow:0 5px 12px rgba(66,99,235,.18)!important;transition:transform .16s,background .16s,box-shadow .16s!important}.btn:hover,.sb .btn:hover{background:#334fd0!important;transform:translateY(-1px)!important;box-shadow:0 8px 18px rgba(66,99,235,.22)!important}.chips2{gap:7px!important;margin-top:16px!important;font-size:12px!important;color:#7a8598!important}.chips2 a{background:#fff!important;border:1px solid #e5eaf3!important;border-radius:999px!important;padding:6px 10px!important;color:#526079!important;font-size:12px!important;font-weight:650!important}.chips2 a:hover{border-color:#a9b8f4!important;background:#f5f7ff!important;color:#3859d4!important}
.fl-wrap{height:370px!important;max-width:490px!important;width:100%!important;margin-inline:auto!important;background:url('/assets/images/hero-art.svg') center/contain no-repeat!important}.fl-wrap:before{content:"";position:absolute;inset:10% 8%;background:radial-gradient(ellipse,rgba(109,130,246,.13),transparent 68%);z-index:0}.ft{z-index:1!important;display:flex!important;gap:12px!important;align-items:center!important;padding:13px 16px!important;border:1px solid #e5eaf4!important;border-radius:15px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 16px 38px rgba(28,45,88,.12)!important;color:#28334b!important;font-size:13px!important;font-weight:750!important;min-width:190px!important;animation:floaty 5s ease-in-out infinite!important}.ft i{display:grid!important;place-items:center!important;width:39px!important;height:39px!important;border-radius:12px!important;background:color-mix(in srgb,var(--c) 12%,white)!important;font-size:20px!important}.ft small{display:block!important;color:#8590a4!important;font-size:11px!important;font-weight:550!important}.ft:nth-child(2){animation-delay:-1.4s!important}.ft:nth-child(3){animation-delay:-2.2s!important}.ft:nth-child(4){animation-delay:-.7s!important}@keyframes floaty{0%,100%{translate:0 0}50%{translate:0 -7px}}
/* Sections and category blocks */
.s{padding:42px 0!important}.sh{margin:0 0 22px!important}.sh h2{font-size:clamp(23px,3vw,30px)!important;line-height:1.2!important;letter-spacing:-.8px!important;font-weight:800!important;color:#1a2540!important}.sh p{margin-top:7px!important;color:#7b879b!important;font-size:14px!important}.cat .cats{gap:15px!important;margin:26px 0!important}.cat{position:relative!important;overflow:hidden!important;display:block!important;background:#fff!important;border:1px solid #e5eaf3!important;border-top:1px solid #e5eaf3!important;border-radius:18px!important;padding:22px!important;box-shadow:0 3px 12px rgba(25,42,79,.025)!important;transition:transform .18s,border-color .18s,box-shadow .18s!important}.cat:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--c,#4263eb);opacity:.9}.cat:hover{transform:translateY(-3px)!important;border-color:#d2daf2!important;box-shadow:0 14px 30px rgba(25,42,79,.08)!important}.cat small{font-size:11px!important;text-transform:uppercase!important;letter-spacing:.08em!important;color:var(--c,#4263eb)!important;font-weight:800!important}.cat h3{margin:8px 0 5px!important;color:#25304a!important;font-size:17px!important;letter-spacing:-.35px!important}.cat p{font-size:13px!important;color:#7b879b!important;line-height:1.55!important}.stats-s{border:1px solid #e7ebf3!important;border-radius:18px!important;background:#fff!important;padding:20px!important}.stats-s strong,.stats-s b{color:#26314a!important}.tabs{display:flex!important;gap:7px!important;flex-wrap:wrap!important;margin:0 0 22px!important}.tabs button{border:1px solid #e4e9f2!important;border-radius:999px!important;background:#fff!important;color:#66738a!important;padding:9px 14px!important;font-size:12px!important;font-weight:700!important;transition:.16s!important}.tabs button:hover,.tabs button.on{background:#eef2ff!important;border-color:#cbd5ff!important;color:#405bd0!important}.grid{gap:13px!important}.tile{display:flex!important;align-items:center!important;gap:13px!important;padding:15px!important;border:1px solid #e7ebf3!important;border-radius:15px!important;background:#fff!important;box-shadow:0 2px 8px rgba(20,35,65,.018)!important;min-height:91px!important;transition:transform .16s,border-color .16s,box-shadow .16s!important;animation:none!important}.tile:hover{transform:translateY(-2px)!important;border-color:#cbd5f6!important;box-shadow:0 12px 24px rgba(36,57,110,.07)!important}.tile i{width:44px!important;height:44px!important;display:grid!important;place-items:center!important;border-radius:13px!important;background:color-mix(in srgb,var(--c,#4263eb) 10%,white)!important;color:var(--c,#4263eb)!important;font-size:21px!important}.tile span{min-width:0}.tile b{display:block!important;font-size:13px!important;font-weight:750!important;line-height:1.35!important;color:#26314a!important}.tile small{display:block!important;margin-top:5px!important;font-size:11px!important;line-height:1.45!important;color:#7b879b!important}.feat{gap:16px!important}.fc{position:relative!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:10px!important;min-height:210px!important;padding:23px!important;border:1px solid #e5eaf3!important;border-radius:18px!important;background:#fff!important;box-shadow:0 4px 15px rgba(20,35,65,.025)!important}.fc i{display:grid!important;place-items:center!important;width:46px!important;height:46px!important;border-radius:14px!important;background:color-mix(in srgb,var(--c,#4263eb) 11%,white)!important;font-size:23px!important}.fc b{font-size:16px!important;color:#26314a!important}.fc span{font-size:13px!important;color:#7b879b!important;line-height:1.55!important}.fc:hover{transform:translateY(-3px)!important;border-color:#cbd5f6!important;box-shadow:0 15px 30px rgba(20,35,65,.07)!important}.why{padding:30px!important;border-radius:20px!important;background:#eef2ff!important;border:1px solid #e0e7ff!important}.why h2,.why h3{color:#26314a!important}.why p{color:#68758b!important}
/* Tool detail page template */
main.narrow{max-width:1020px!important;padding-bottom:64px!important}.crumb{padding:26px 0 14px!important;margin:0!important;color:#8a95a8!important;font-size:12px!important;font-weight:600!important}.crumb a{color:#65738b!important}.crumb a:hover{color:#4263eb!important}.th-tool{position:relative!important;display:flex!important;align-items:center!important;gap:20px!important;margin:4px 0 20px!important;padding:25px 28px!important;border:1px solid #e5eaf3!important;border-radius:20px!important;background:linear-gradient(110deg,#fff 0%,#f7f9ff 100%)!important;box-shadow:0 5px 20px rgba(25,42,79,.035)!important;overflow:hidden!important}.th-tool:after{content:"";position:absolute;right:-35px;top:-70px;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(100,119,239,.11),transparent 68%);pointer-events:none}.th-ic{width:72px!important;height:72px!important;flex:0 0 72px!important;border-radius:18px!important;background:color-mix(in srgb,var(--c,#4263eb) 9%,white)!important;border:1px solid color-mix(in srgb,var(--c,#4263eb) 17%,white)!important;box-shadow:none!important;display:grid!important;place-items:center!important;font-size:32px!important}.th-ic img{width:45px!important;height:45px!important;object-fit:contain!important;border-radius:0!important}.th-tool h1{font-size:clamp(26px,3.6vw,38px)!important;line-height:1.16!important;letter-spacing:-1.1px!important;color:#1a2540!important;font-weight:820!important}.th-tool p{font-size:14px!important;line-height:1.6!important;color:#6f7c91!important;margin:8px 0 12px!important}.pills{display:flex!important;flex-wrap:wrap!important;gap:7px!important;align-items:center!important}.pill{display:inline-flex!important;align-items:center!important;gap:5px!important;border:1px solid #e5eaf3!important;border-radius:999px!important;padding:5px 9px!important;background:#fff!important;color:#6b778c!important;font-size:11px!important;font-weight:650!important}.fav{border:1px solid #e3e8f2!important;background:#fff!important;border-radius:999px!important;padding:5px 10px!important;color:#65728a!important;font-size:11px!important;font-weight:700!important}.fav:hover,.fav[aria-pressed="true"]{color:#425ed8!important;background:#f0f3ff!important;border-color:#cdd7ff!important}
.card.tw{max-width:none!important;margin:0 auto!important;padding:28px!important;border:1px solid #e2e8f2!important;border-radius:20px!important;background:#fff!important;box-shadow:0 7px 26px rgba(25,42,79,.045)!important;display:grid!important;gap:18px!important}.tw{color:#29344c!important}.tw label{color:#3e4a61!important;font-size:13px!important;font-weight:700!important}.tw input:not([type=checkbox],[type=radio],[type=range],[type=file]),.tw select,.tw textarea,.auth input,.auth select,.auth textarea{background:#fff!important;border:1px solid #dfe5ef!important;border-radius:11px!important;color:#27324a!important;padding:12px 13px!important;box-shadow:none!important;min-height:43px}.tw input:focus,.tw select:focus,.tw textarea:focus,.auth input:focus{outline:none!important;border-color:#8197f4!important;box-shadow:0 0 0 3px rgba(66,99,235,.11)!important}.tw textarea{min-height:130px}.tw input::placeholder,.tw textarea::placeholder{color:#a0aabc!important}.tw .btn,.tw button.btn,.tw button[type=submit],.tw .btn-primary{background:#4263eb!important;color:#fff!important;border:1px solid #4263eb!important;border-radius:10px!important;padding:11px 16px!important;font-weight:750!important;box-shadow:none!important}.tw .btn:hover,.tw button[type=submit]:hover{background:#344fcf!important}.tw .btn:not(.btn-primary):not([type=submit]){background:#fff!important;color:#4d5b73!important;border:1px solid #dfe5ef!important}.tw .btn:not(.btn-primary):not([type=submit]):hover{background:#f5f7fc!important;border-color:#cbd5e6!important}.tw .dz,.dz{border:2px dashed #cbd5e9!important;border-radius:16px!important;background:#f8faff!important;padding:32px 22px!important;transition:border-color .18s,background .18s!important}.tw .dz:hover,.dz:hover{border-color:#8197f4!important;background:#f4f6ff!important}.tw .dz strong,.dz strong{color:#34415b!important}.tw .field-row{gap:14px!important}.tw .panel,.tw .result,.tw .tool-card{border-color:#e4e9f2!important;border-radius:14px!important;box-shadow:none!important}.tw .result{background:#f7f9fd!important}.tnote{display:flex!important;align-items:center!important;justify-content:center!important;flex-wrap:wrap!important;gap:7px!important;margin:13px auto 0!important;color:#7b879b!important;font-size:12px!important;text-align:center!important}.tnote a{color:#4263eb!important;font-weight:700!important}.share{gap:8px!important;margin:14px auto 25px!important;color:#7b879b!important;font-size:12px!important}.share a,.share button{border:1px solid #e3e8f2!important;border-radius:9px!important;background:#fff!important;color:#68758b!important;padding:7px 10px!important}.share a:hover,.share button:hover{border-color:#cbd5f6!important;color:#4263eb!important}
/* Instructions, FAQ, related tools and informational pages */
main.narrow>.s{padding:28px 0!important;border-top:1px solid #edf0f6!important}.steps3{gap:12px!important}.st3{background:#fff!important;border:1px solid #e5eaf3!important;border-radius:15px!important;padding:17px!important;box-shadow:none!important}.st3 span{width:30px!important;height:30px!important;border-radius:10px!important;background:#eef2ff!important;color:#4263eb!important;font-size:13px!important}.st3 p{font-size:13px!important;color:#6f7c91!important;line-height:1.65!important}.seo-wrap{padding:26px!important;border:1px solid #e5eaf3!important;border-radius:18px!important;background:#fff!important;margin:28px 0!important}.seo-content h2{font-size:22px!important;letter-spacing:-.5px!important;color:#26314a!important;margin:24px 0 9px!important}.seo-content p,.seo-content li{font-size:14px!important;line-height:1.8!important;color:#68758b!important}.seo-content .faq h3{font-size:15px!important;color:#34415b!important}.rel-card{border-radius:14px!important;padding:15px!important;background:#fff!important;border:1px solid #e5eaf3!important}.rel-card:hover{border-color:#cbd5f6!important;box-shadow:0 12px 24px rgba(25,42,79,.06)!important}.s h2{color:#25304a!important}.s p{color:#778399}.auth{background:#fff!important;border:1px solid #e5eaf3!important;border-radius:20px!important;padding:30px!important;box-shadow:0 8px 30px rgba(25,42,79,.04)!important}.auth h1,.auth h2{color:#1b2640!important}.auth label{color:#45516a!important;font-size:13px!important}.auth a{color:#4263eb!important}
/* Footer and common support surfaces */
.ft2{margin-top:48px!important;padding:52px 0 24px!important;background:#fff!important;border-top:1px solid #e6ebf3!important;color:#65728a!important}.ft2 .fg{gap:40px!important}.ft2 .logo{margin-bottom:14px!important}.ft2 p{max-width:340px!important;color:#7a8699!important;font-size:13px!important;line-height:1.75!important}.ft2 h4{font-size:12px!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:#34415b!important;margin-bottom:13px!important}.ft2 a:not(.logo){display:block!important;color:#788499!important;font-size:12px!important;padding:4px 0!important}.ft2 a:hover{color:#4263eb!important}.ft2 .copy{border-top:1px solid #edf0f5!important;margin-top:30px!important;padding-top:18px!important;color:#97a1b1!important;font-size:11px!important}.cc,.sm,#top{background:#fff!important;color:#25304a!important;border:1px solid #e5eaf3!important;box-shadow:0 16px 45px rgba(25,42,79,.16)!important;border-radius:18px!important}.sm input{background:#fff!important;color:#27324a!important;border:1px solid #e2e8f2!important;border-radius:10px!important}.skip:focus{background:#fff!important;color:#26314a!important}
/* Avoid inherited dark-mode palettes and unwanted motion */
[data-t="dark"] body,[data-theme="dark"] body{background:#f7f9fc!important;color:#182033!important}*{scrollbar-color:#cbd4e4 #f7f9fc} :focus-visible{outline:3px solid rgba(66,99,235,.35)!important;outline-offset:2px!important}
@media(max-width:1050px){.hd-in{gap:10px!important}.nv{gap:0!important}.nv-b{padding:9px 7px!important;font-size:12px!important}.hero .wrap{gap:28px!important}.hero h1{font-size:clamp(38px,5vw,56px)!important}.cat .cats{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:850px){.hd-in{height:68px!important}.nv{display:none!important;position:absolute!important;left:12px!important;right:12px!important;top:68px!important;margin:0!important;padding:12px!important;background:#fff!important;border:1px solid #e5eaf3!important;border-radius:16px!important;box-shadow:0 18px 45px rgba(23,35,65,.14)!important;max-height:75vh!important;overflow:auto!important;align-items:stretch!important}.nv.on{display:flex!important;flex-direction:column!important}.nv-i{width:100%!important}.nv-b{width:100%!important;text-align:left!important;padding:11px 12px!important;font-size:14px!important}.mega{display:none!important;position:static!important;opacity:1!important;visibility:visible!important;transform:none!important;box-shadow:none!important;margin:0 0 8px 10px!important;min-width:0!important}.nv-i.open .mega{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.hero{padding:48px 0 36px!important}.hero .wrap{grid-template-columns:1fr!important;gap:25px!important}.hero h1{font-size:clamp(38px,8vw,56px)!important;letter-spacing:-1.8px!important}.hero .sub{font-size:15px!important}.fl-wrap{height:280px!important;max-width:440px!important}.cat .cats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.feat{grid-template-columns:repeat(2,minmax(0,1fr))!important}.card.tw{padding:20px!important}.th-tool{padding:22px!important}.steps3{grid-template-columns:1fr!important}.ft2 .fg{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){.wrap{width:calc(100% - 28px)!important}.hd-in{height:62px!important}.logo{font-size:18px!important}.logo svg{width:34px!important;height:34px!important}.hero{padding:37px 0 28px!important}.hero h1{font-size:39px!important;letter-spacing:-1.5px!important}.hero .sub{font-size:14px!important;margin-top:15px!important}.sb{margin-top:20px!important;padding:4px!important;border-radius:13px!important}.sb input{padding:11px 9px!important;font-size:13px!important}.sb .btn{padding:11px 13px!important;font-size:12px!important}.chips2{font-size:11px!important}.fl-wrap{height:220px!important}.ft{min-width:155px!important;padding:9px 10px!important;font-size:11px!important}.ft i{width:32px!important;height:32px!important;font-size:17px!important}.s{padding:30px 0!important}.sh h2{font-size:23px!important}.cat .cats{grid-template-columns:1fr!important;gap:10px!important}.cat{padding:18px!important}.grid{grid-template-columns:1fr!important;gap:10px!important}.tile{min-height:78px!important;padding:12px!important}.tile i{width:39px!important;height:39px!important}.feat{grid-template-columns:1fr!important}.th-tool{align-items:flex-start!important;gap:13px!important;padding:17px!important;border-radius:16px!important}.th-ic{width:52px!important;height:52px!important;flex-basis:52px!important;border-radius:14px!important}.th-ic img{width:34px!important;height:34px!important}.th-tool h1{font-size:26px!important}.th-tool p{font-size:13px!important}.card.tw{padding:14px!important;border-radius:15px!important}.tw .field-row{flex-direction:column!important;gap:10px!important}.seo-wrap{padding:17px!important}.ft2{padding:36px 0 20px!important}.ft2 .fg{grid-template-columns:1fr 1fr!important;gap:24px!important}.ft2 .fg>div:first-child{grid-column:1/-1!important}.auth{padding:21px!important;margin:25px auto!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
.nv-i.on .mega{display:grid!important}.sp-dragover{border-color:#4263eb!important;background:#eef2ff!important;box-shadow:0 0 0 4px rgba(66,99,235,.08)!important}
.hd-r{display:flex!important;align-items:center!important;gap:7px!important;flex:0 0 auto!important}.tile i img{display:block!important;width:27px!important;height:27px!important;object-fit:contain!important}.tile i.sp-has-icon{background:color-mix(in srgb,var(--c,#4263eb) 8%,white)!important}


/* ===== REAL UI / MOTION PASS — v2 ===== */
:root{--sp-blue:#168fe5;--sp-blue-deep:#087bcf;--sp-ink:#171c26;--sp-muted:#657488;--sp-border:#e4edf5;--sp-bg:#f6faff;--sp-ease:cubic-bezier(.2,.75,.25,1)}
body{background:#f7faff!important;color:var(--sp-ink)!important}
.hd{box-shadow:0 3px 18px rgba(24,55,90,.045)!important}
.hd-in{gap:clamp(10px,1.6vw,22px)!important}
.nv{gap:2px!important}
.nv-b{border-radius:9px!important;padding:10px 11px!important;transition:background .2s,color .2s,transform .2s!important}
.nv-i:hover .nv-b,.nv-i:focus-within .nv-b{background:#edf7ff!important;color:#087bcf!important}
.mega{border-radius:16px!important;padding:10px!important;box-shadow:0 20px 55px rgba(20,45,75,.15)!important;transform:translateY(12px) scale(.985)!important;transform-origin:top left!important;transition:opacity .2s ease,visibility .2s ease,transform .2s var(--sp-ease)!important}
.nv-i:hover .mega,.nv-i:focus-within .mega{transform:translateY(0) scale(1)!important}
.mega a{transition:background .16s,transform .16s!important}
.mega a:hover{transform:translateX(3px)!important;background:#eff8ff!important}
.hero{isolation:isolate!important;padding:72px 0 45px!important;background:radial-gradient(ellipse at 5% 0%,#eaf5ff 0,transparent 43%),linear-gradient(180deg,#fff 0%,#f5faff 100%)!important}
.hero .wrap{gap:clamp(26px,5vw,68px)!important}
.hero h1{font-size:clamp(39px,5.1vw,66px)!important;line-height:1.1!important;letter-spacing:-2.2px!important}
.hero h1 .hl>span{animation:sp-title-in .75s var(--sp-ease) both!important}
.hero h1 .hl:nth-child(2)>span{animation-delay:.12s!important}
.hero h1 .hl:nth-child(3)>span{animation-delay:.24s!important}
@keyframes sp-title-in{from{opacity:0;transform:translateY(26px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
.hero .sub{max-width:590px!important;color:#657488!important;font-size:clamp(16px,1.5vw,19px)!important;line-height:1.75!important;animation:sp-fade-up .75s .22s both}
.sb{max-width:620px!important;background:#fff!important;border:1px solid #dfeaf5!important;border-radius:16px!important;padding:7px!important;box-shadow:0 12px 34px rgba(30,75,120,.10)!important;transition:box-shadow .2s,border-color .2s,transform .2s!important;animation:sp-fade-up .7s .3s both}
.sb:focus-within{border-color:#94cef7!important;box-shadow:0 0 0 4px rgba(22,143,229,.10),0 14px 38px rgba(30,75,120,.12)!important;transform:translateY(-1px)}
.sb input{min-width:0!important;font-size:15px!important;padding:14px 16px!important;box-shadow:none!important}
.sb .btn{min-height:48px!important;border-radius:11px!important;font-weight:700!important}
.chips2{line-height:2.6!important;margin-top:14px!important}
.chips2 a{display:inline-flex!important;align-items:center!important;white-space:nowrap!important;border:1px solid #d8e9fa!important;background:#fff!important;color:#237bb9!important;border-radius:999px!important;padding:4px 11px!important;margin:3px 3px 0 0!important;font-size:12px!important;transition:transform .18s,background .18s,border-color .18s!important}
.chips2 a:hover{transform:translateY(-2px)!important;background:#eaf6ff!important;border-color:#b7defa!important}
.fl-wrap{perspective:900px!important}
.ft{border:1px solid rgba(222,234,246,.95)!important;border-radius:17px!important;background:rgba(255,255,255,.92)!important;backdrop-filter:blur(14px)!important;box-shadow:0 18px 45px rgba(30,55,90,.11)!important;transition:box-shadow .25s,border-color .25s!important}
.ft:hover{box-shadow:0 22px 52px rgba(30,55,90,.16)!important;border-color:#b9dcf6!important}
.ft:nth-child(1){animation:sp-float-a 6.5s ease-in-out infinite!important}
.ft:nth-child(2){animation:sp-float-b 7s ease-in-out infinite!important}
.ft:nth-child(3){animation:sp-float-c 6s ease-in-out infinite!important}
@keyframes sp-float-a{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-13px) rotate(1deg)}}
@keyframes sp-float-b{0%,100%{transform:translateY(0) rotate(1deg)}50%{transform:translateY(12px) rotate(-1deg)}}
@keyframes sp-float-c{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-9px) rotate(1deg)}}
.blob{animation:sp-blob-drift 14s ease-in-out infinite alternate!important;opacity:.22!important}
@keyframes sp-blob-drift{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(24px,18px,0) scale(1.12)}}
.cats{gap:15px!important;margin-top:30px!important}
.cat{position:relative!important;isolation:isolate!important;overflow:hidden!important;border:1px solid #e5edf5!important;border-top:4px solid var(--c)!important;border-radius:15px!important;background:#fff!important;padding:21px!important;box-shadow:0 8px 22px rgba(30,55,90,.045)!important;transition:transform .24s var(--sp-ease),box-shadow .24s,border-color .24s!important}
.cat:after{content:"";position:absolute;inset:auto -25px -45px auto;width:110px;height:110px;border-radius:50%;background:var(--c);opacity:.055;z-index:-1;transition:transform .3s,opacity .3s}
.cat:hover{transform:translateY(-6px)!important;box-shadow:0 18px 36px rgba(30,55,90,.11)!important;border-color:#d3e6f7!important}
.cat:hover:after{transform:scale(1.4);opacity:.1}
.cat small{border-radius:999px!important;padding:4px 9px!important;background:color-mix(in srgb,var(--c) 10%,white)!important}
.cat h3{font-size:18px!important;margin:13px 0 5px!important}
.cat p{color:#6b7a8c!important;line-height:1.5!important}
.stats-s{gap:1px!important;overflow:hidden!important;border:1px solid #e2effb!important;border-radius:16px!important;background:#e2effb!important;box-shadow:0 12px 30px rgba(30,75,120,.055)!important}
.stats-s div{background:linear-gradient(145deg,#eff8ff,#e5f3ff)!important;color:#5b6f85!important;padding:24px 14px!important;transition:background .2s,transform .2s!important}
.stats-s div:hover{background:#fff!important;transform:translateY(-2px)!important}
.stats-s b{color:#168fe5!important;font-size:clamp(27px,3.2vw,40px)!important}
section.s{padding:54px 0!important}
.sh h2{letter-spacing:-1px!important}
.tabs button{transition:background .18s,color .18s,transform .18s,border-color .18s!important}
.tabs button:hover{transform:translateY(-2px)!important}
.tile{position:relative!important;overflow:hidden!important;transition:transform .22s var(--sp-ease),box-shadow .22s,border-color .22s!important}
.tile:hover{transform:translateY(-4px)!important;box-shadow:0 16px 35px rgba(25,55,90,.10)!important;border-color:#c9e5fa!important}
.tile>i{transition:transform .22s!important}
.tile:hover>i{transform:scale(1.06) rotate(-3deg)!important}
.btn,.btn-primary,.primary,.action-btn{transition:transform .18s var(--sp-ease),box-shadow .18s,background .18s!important}
.btn:hover,.btn-primary:hover,.primary:hover,.action-btn:hover{transform:translateY(-1px)!important;box-shadow:0 9px 22px rgba(22,143,229,.20)!important}
button:active,.btn:active{transform:scale(.985)!important}
.th-tool{position:relative!important;overflow:hidden!important}
.th-tool:after{content:"";position:absolute;width:220px;height:220px;right:-100px;top:-130px;border-radius:50%;background:#e8f5ff;z-index:0;pointer-events:none}
.th-tool>*{position:relative;z-index:1}
.th-tool .th-ic{transition:transform .25s var(--sp-ease),box-shadow .25s!important}
.th-tool:hover .th-ic{transform:translateY(-2px) rotate(-2deg)!important;box-shadow:0 8px 18px rgba(22,143,229,.12)!important}
.card.tw{transition:box-shadow .22s,border-color .22s!important}
.card.tw:focus-within{border-color:#c4e3f8!important;box-shadow:0 15px 40px rgba(31,59,91,.09)!important}
.tnote{line-height:1.55!important}
.q{transition:border-color .18s,background .18s!important}
.q[open],.q:has(summary:focus-visible){border-color:#c8e5fa!important;background:#f5fbff!important}
footer a,.ft2 a,.site-footer a{transition:color .18s!important}
@keyframes sp-fade-up{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
.sp-reveal{opacity:0;transform:translateY(18px);transition:opacity .65s var(--sp-ease),transform .65s var(--sp-ease)}
.sp-reveal.sp-visible{opacity:1;transform:translateY(0)}
@media(max-width:980px){.hero{padding:52px 0 32px!important}.hero .wrap{gap:18px!important}.cats{grid-template-columns:repeat(3,minmax(0,1fr))!important}.nv{gap:0!important}.nv-b{padding:8px 7px!important;font-size:13px!important}}
@media(max-width:760px){.hero .wrap{grid-template-columns:1fr!important}.hero h1{font-size:clamp(37px,9vw,53px)!important;letter-spacing:-1.6px!important}.fl-wrap{height:270px!important;max-width:540px!important;width:100%!important;margin:10px auto 0!important}.ft{max-width:70%!important}.cats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.stats-s{grid-template-columns:repeat(2,minmax(0,1fr))!important}.stats-s div{padding:19px 10px!important}.nv{display:none!important}}
@media(max-width:420px){.hero{padding:36px 0 24px!important}.hero h1{font-size:36px!important}.cats{gap:10px!important}.cat{padding:15px!important}.cat h3{font-size:16px!important}.cat p{font-size:12px!important}.fl-wrap{height:235px!important}.ft{padding:12px!important;font-size:13px!important}.ft i{width:38px!important;height:38px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.sp-reveal{opacity:1;transform:none}}