.animated-title,.animated-word,.image-overlay{will-change:transform,opacity;transition:opacity .25s linear,transform .25s linear}.animated-word{opacity:.15;display:inline-block}.animated-title{opacity:.15}.image-overlay{transform:scaleY(1);transform-origin:bottom;pointer-events:none;backface-visibility:hidden}.brush-effect{background-size:100% 100%;margin:-2px -6px;padding:2px 6px;display:inline-block;filter:brightness(1.1)}.brush-effect.brush-yellow{background-image:url(/brushes-about/brush-yellow.svg)}.brush-effect.brush-blue{background-image:url(/brushes-about/brush-blue.svg)}.brush-effect.brush-green{background-image:url(/brushes-about/brush-green.svg)}.brush-effect.brush-purple{background-image:url(/brushes-about/brush-purple.svg)}.brush-effect.brush-orange{background-image:url(/brushes-about/brush-orange.svg)}.brush-effect.brush-indigo{background-image:url(/brushes-about/brush-indigo.svg)}.brush-effect.brush-lime{background-image:url(/brushes-about/brush-lime.svg)}.brush-effect.brush-teal{background-image:url(/brushes-about/brush-teal.svg)}.brush-effect.brush-red{background-image:url(/brushes-about/brush-red.svg)}.blog-featured{position:relative;display:flex;flex-direction:column;justify-content:flex-end;border-radius:22px;overflow:hidden;background:#111827;color:#e5e7eb;padding:44px 44px 38px;min-height:240px;transition:transform .35s ease,box-shadow .35s ease}@media (max-width:767px){.blog-featured{padding:30px 22px}}.blog-featured:hover{transform:translateY(-5px);box-shadow:0 30px 70px -20px rgba(17,24,39,.55)}.blog-blob{position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none}.blog-blob--1{width:420px;height:420px;background:#2563eb;top:-160px;right:-80px;opacity:.5;animation:blog-float1 13s ease-in-out infinite alternate}.blog-blob--2{width:340px;height:340px;background:#facc15;bottom:-180px;left:16%;opacity:.32;animation:blog-float2 16s ease-in-out infinite alternate}@keyframes blog-float1{to{transform:translate(-70px,50px) scale(1.15)}}@keyframes blog-float2{to{transform:translate(90px,-40px) scale(1.1)}}.blog-ghost{position:absolute;top:4px;right:24px;font-size:140px;font-weight:800;line-height:1;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.16);user-select:none;pointer-events:none}@media (max-width:767px){.blog-ghost{font-size:90px}}.blog-f-meta{position:relative;display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.blog-f-tag{font-family:var(--font-mono);font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:4px 12px;border-radius:999px;background:rgba(250,204,21,.15);border:1px solid rgba(250,204,21,.4);color:#fde68a}.blog-f-date{font-size:13px;color:#9ca3af}.blog-featured h3{position:relative;color:#fff;font-size:clamp(24px,4vw,38px);font-weight:800;letter-spacing:-.015em;max-width:640px;margin-bottom:10px}.blog-featured p.blog-f-desc{position:relative;max-width:560px;font-size:14.5px;color:#c7cdd6;margin:0 0 16px}.blog-f-link{position:relative;display:inline-flex;gap:9px;align-items:center;font-weight:700;font-size:14px;color:var(--color-accent-one)}.blog-arr{transition:transform .3s}.blog-featured:hover .blog-arr,.blog-spot:hover .blog-arr{transform:translateX(6px)}.blog-spot{position:relative;display:block;border-radius:18px;background:#fff;border:1px solid #e5e7eb;padding:26px 26px 22px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.blog-spot:hover{transform:translateY(-5px);box-shadow:0 22px 50px -18px rgba(31,41,55,.25)}.blog-spot:before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .35s;pointer-events:none;background:radial-gradient(480px circle at var(--mx,50%) var(--my,20%),rgba(96,165,250,.13),transparent 45%)}.blog-spot:hover:before{opacity:1}.blog-spot:after{content:"";position:absolute;inset:0;border-radius:18px;padding:1.5px;pointer-events:none;background:radial-gradient(380px circle at var(--mx,50%) var(--my,20%),rgba(250,204,21,.85),rgba(96,165,250,.55) 45%,transparent 75%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .35s}.blog-spot:hover:after{opacity:1}.blog-s-ghost{position:absolute;top:-14px;right:10px;font-size:84px;font-weight:800;color:transparent;-webkit-text-stroke:1.5px #e5e7eb;user-select:none;pointer-events:none}.blog-s-meta{position:relative;font-size:12.5px;color:#9ca3af;margin-bottom:10px}.blog-spot h3{position:relative;font-size:19px;font-weight:800;margin-bottom:9px}.blog-spot p.blog-s-desc{position:relative;font-size:13.5px;color:var(--color-neutral);margin:0 0 14px}.blog-s-link{position:relative;display:inline-flex;gap:8px;align-items:center;font-weight:700;font-size:13.5px;color:var(--color-link)}.blog-bar{position:absolute;left:0;top:0;height:3px;width:100%;transform:scaleX(0);transform-origin:left;transition:transform .45s ease;background:linear-gradient(90deg,var(--color-accent-one),var(--color-accent-two))}.blog-spot:hover .blog-bar{transform:scaleX(1)}.ref-marquee{overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.ref-marquee-track{display:flex;gap:2.75rem;width:max-content;animation:ref-scroll 26s linear infinite}.ref-marquee:hover .ref-marquee-track{animation-play-state:paused}@keyframes ref-scroll{to{transform:translateX(-50%)}}.ref-marquee-item{display:flex;align-items:center;gap:.6rem;font-weight:700;font-size:.95rem;color:#9ca3af;white-space:nowrap;letter-spacing:.06em;text-transform:uppercase}.ref-marquee-item span{color:var(--color-accent-one)}.ref-cat{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary-dark);background:rgba(96,165,250,.16);border:1px solid rgba(96,165,250,.35);padding:4px 12px;border-radius:999px}.ref-cat--warm{background:rgba(250,204,21,.16);border-color:rgba(250,204,21,.45)}.ref-cat--dark{background:rgba(250,204,21,.14);border-color:rgba(250,204,21,.4);color:#fde68a}.ref-chip{font-size:12.5px;font-weight:600;padding:5px 12px;border-radius:999px;background:#f9fafb;border:1px solid #e5e7eb;color:var(--color-primary-dark)}.ref-chip--dark{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#e5e7eb}.ref-tilt{perspective:1400px}.ref-tilt-inner{transform-style:preserve-3d;transition:transform .18s ease-out;position:relative}.ref-glare{position:absolute;inset:0;border-radius:14px;pointer-events:none;opacity:0;transition:opacity .3s;z-index:3}.ref-browser{border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 24px 60px -16px rgba(31,41,55,.35),0 0 0 1px rgba(31,41,55,.06);transition:box-shadow .35s ease}.ref-tilt:hover .ref-browser{box-shadow:0 34px 80px -18px rgba(37,99,235,.38),0 0 0 1px rgba(31,41,55,.06)}.ref-chrome{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#eef0f3;border-bottom:1px solid #e2e5e9}.ref-dots{display:flex;gap:6px}.ref-dots i{width:11px;height:11px;border-radius:50%}.ref-dots i:first-child{background:#ff5f57}.ref-dots i:nth-child(2){background:#febc2e}.ref-dots i:nth-child(3){background:#28c840}.ref-urlbar{flex:1;display:flex;align-items:center;gap:7px;background:#fff;border-radius:8px;padding:5px 12px;font-family:var(--font-mono);font-size:12px;color:var(--color-neutral);border:1px solid #e2e5e9;max-width:340px;margin:0 auto;min-width:0}.ref-urlbar .ref-domain{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ref-shot{--ref-shot-h:400px;height:var(--ref-shot-h);overflow:hidden;position:relative;background:#fff}@media (max-width:767px){.ref-shot{--ref-shot-h:300px}}.ref-shot-img{width:100%;height:auto;display:block;transform:translateY(0)}@media (prefers-reduced-motion:no-preference){.ref-shot-img{transition:transform .9s ease}.ref-autoplay .ref-shot-img,.ref-tilt:hover .ref-shot-img{transform:translateY(calc(-100% + var(--ref-shot-h)));transition:transform 8s linear}}.ref-hint{position:absolute;right:12px;bottom:12px;z-index:4;font-family:var(--font-mono);font-size:11px;background:rgba(31,41,55,.82);color:#fff;padding:5px 11px;border-radius:999px;display:flex;gap:7px;align-items:center;transition:opacity .4s}.ref-autoplay .ref-hint,.ref-tilt:hover .ref-hint{opacity:0}.ref-hint b{color:var(--color-accent-one)}.ref-stack{position:relative;padding:34px 0 0 34px}@media (max-width:767px){.ref-stack{padding:26px 0 0 18px}}.ref-stack-back{position:absolute;top:0;left:0;width:62%;transform:rotate(-3.5deg);border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 18px 44px -14px rgba(31,41,55,.3);border:1px solid rgba(31,41,55,.08);transition:transform .4s ease}.ref-stack:hover .ref-stack-back{transform:rotate(-5.5deg) translate(-6px,-6px)}.ref-stack-back .ref-chrome{padding:7px 10px}.ref-stack-mini{height:150px;overflow:hidden}.ref-stack-mini img{width:100%;height:auto;display:block}.ref-terminal{position:relative;border-radius:14px;background:#111827;overflow:hidden;box-shadow:0 26px 60px -16px rgba(17,24,39,.55);border:1px solid rgba(255,255,255,.06)}.ref-terminal .ref-chrome{background:#1f2937;border-bottom:1px solid rgba(255,255,255,.06)}.ref-term-title{flex:1;text-align:center;font-family:var(--font-mono);font-size:12px;color:#9ca3af}.ref-term-body{padding:20px 22px 26px;font-family:var(--font-mono);font-size:13px;line-height:1.85;min-height:200px;color:#d1d5db}.ref-term-line{white-space:pre-wrap;word-break:break-word}.ref-t-p{color:#60a5fa}.ref-t-ok{color:#34d399}.ref-t-dim{color:#6b7280}.ref-t-y{color:#facc15}.ref-caret{display:inline-block;width:8px;height:15px;background:#facc15;vertical-align:-2px;animation:ref-blink 1s steps(1) infinite}@keyframes ref-blink{50%{opacity:0}}.ref-enterprise{position:relative;border-radius:20px;background:linear-gradient(135deg,#111827,#1f2937 60%,#263447);color:#e5e7eb;padding:44px 46px;overflow:hidden}@media (max-width:767px){.ref-enterprise{padding:32px 24px}}.ref-enterprise:before{content:"";position:absolute;inset:0;opacity:.14;background-image:linear-gradient(rgba(96,165,250,.5) 1px,transparent 0),linear-gradient(90deg,rgba(96,165,250,.5) 1px,transparent 0);background-size:38px 38px;-webkit-mask-image:radial-gradient(ellipse at 75% 40%,#000 20%,transparent 70%);mask-image:radial-gradient(ellipse at 75% 40%,#000 20%,transparent 70%)}.ref-enterprise>*{position:relative}.ref-enterprise h3{color:#fff}.ref-stat-num{font-size:52px;font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1}@media (max-width:767px){.ref-stat-num{font-size:40px}}.ref-stat-num em{font-style:normal;color:var(--color-accent-one)}.ref-stat-label{font-size:13px;color:#9ca3af;margin-top:6px}