:root{--page-bg:#05060a;--page-text:#f4f6fb;--accent-1:#2f7dff;--accent-2:#7c5cff;--accent-3:#37d6ff;--glass-bg:rgba(8,10,17,0.6);--card-bg:rgba(20,24,36,0.7);--card-border:rgba(130,146,208,0.2);--surface-light:rgba(255,255,255,0.08);--font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;scroll-behavior:smooth}body{overflow-x:hidden}a{color:inherit;text-decoration:none}.top-nav{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:1.5rem 3rem;z-index:20;color:rgba(255,255,255,.92);backdrop-filter:blur(16px);background:rgba(5,6,12,.78)}.top-nav.is-sticky{border-bottom:1px solid rgba(255,255,255,.04)}.brand{font-weight:700;letter-spacing:.08em;text-transform:uppercase}.nav-links{display:flex;gap:1.5rem;font-size:.95rem;font-weight:500}.nav-link{opacity:.7;transition:opacity .35s ease}.nav-link:focus,.nav-link:hover{opacity:1}.cta-button{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1.4rem;border-radius:999px;border:1px solid rgba(255,255,255,.2);font-weight:600;font-size:.95rem;cursor:pointer;transition:transform .35s ease,border-color .35s ease,background .35s ease;background:transparent;color:inherit;backdrop-filter:blur(12px)}.cta-button.primary{background:linear-gradient(135deg,#2f7dff,#7c5cff 50%,#FBBF24);border:none;color:#fff;box-shadow:0 18px 30px -18px rgba(111,144,255,.9),0 0 40px rgba(251,191,36,.3);position:relative;overflow:hidden;animation:subtlePulse 3s ease-in-out infinite}.cta-button.primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(251,191,36,.3),rgba(124,92,255,.3));opacity:0;transition:opacity .4s ease}.cta-button.primary:hover:before{opacity:1}.cta-button.primary .arrow{display:inline-block;margin-left:.5rem;transition:transform .3s ease}.cta-button.primary:hover .arrow{transform:translateX(4px)}.cta-button.ghost{border-color:rgba(255,255,255,.16)}.cta-button:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.3)}.cta-button.primary:hover{box-shadow:0 20px 40px -18px rgba(111,144,255,1),0 0 60px rgba(251,191,36,.5);transform:translateY(-4px)}main{width:100%}.panel{min-height:auto;position:relative;padding:3rem}.hero-panel,.panel{display:flex;align-items:center;justify-content:center}.hero-panel{min-height:100vh;padding-top:8rem;background:linear-gradient(180deg,rgba(47,125,255,.08),rgba(5,6,10,1) 60%)}.hero-gradient{position:absolute;inset:-30vh;background:radial-gradient(circle at center,rgba(57,117,255,.18) 0,rgba(8,10,17,.2) 45%,rgba(5,6,10,1) 75%);filter:blur(80px)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.6rem;perspective:1200px}.card{position:relative;padding:2.1rem;border-radius:24px;background:var(--card-bg);border:1px solid var(--card-border);backdrop-filter:blur(24px);overflow:hidden;--tilt-x:0;--tilt-y:0;--hover-lift:0;--base-rotate-x:0deg;--base-rotate-y:0deg;--glow-x:50%;--glow-y:50%;transform-style:preserve-3d;transform:translateY(calc(-8px * var(--hover-lift))) scale(calc(1 + var(--hover-lift) * .04)) rotateX(calc(var(--base-rotate-x) + (var(--tilt-y) * 10deg))) rotateY(calc(var(--base-rotate-y) + (var(--tilt-x) * -10deg)));transition:transform .6s cubic-bezier(.19,1,.22,1),border-color .4s ease,box-shadow .6s ease;box-shadow:0 18px 40px -36px rgba(52,102,255,.6);will-change:transform}.card:before{content:attr(data-icon);position:absolute;top:1.2rem;right:1.6rem;font-size:2.1rem;opacity:.2}.card:after{content:"";position:absolute;inset:-1px;border-radius:inherit;background:radial-gradient(circle at var(--glow-x) var(--glow-y),rgba(82,126,255,.38),rgba(82,126,255,0));opacity:0;transition:opacity .5s ease;pointer-events:none;mix-blend-mode:screen;z-index:0}.card.is-hovering,.card:hover{--hover-lift:1;border-color:rgba(100,152,255,.55);box-shadow:0 40px 80px -60px rgba(82,126,255,.7)}.card.is-hovering:after,.card:hover:after{opacity:1}.card:hover,.content-card:hover,.metric:hover,.signal-card:hover{--hover-lift:1}.card h3{font-size:1.25rem;margin-bottom:.9rem}.content-stack{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.4rem;perspective:1200px}.content-card{padding:2rem;border-radius:20px;background:rgba(19,20,34,.8);border:1px solid rgba(105,118,255,.2);box-shadow:0 35px 60px -40px rgba(28,70,169,.7);transform-style:preserve-3d;--base-rotate-x:6deg;--base-rotate-y:-4deg;--tilt-x:0;--tilt-y:0;--hover-lift:0;--scroll-tilt:0deg;--scroll-rise:0px;--glow-x:50%;--glow-y:50%;transform:translateY(calc(-10px * var(--hover-lift) + var(--scroll-rise))) scale(calc(1 + var(--hover-lift) * .045)) rotateX(calc(var(--base-rotate-x) + var(--scroll-tilt) + (var(--tilt-y) * 9deg))) rotateY(calc(var(--base-rotate-y) + (var(--tilt-x) * -9deg)));transition:transform .7s cubic-bezier(.19,1,.22,1),border-color .4s ease,box-shadow .6s ease;will-change:transform}.content-card header{font-size:1.1rem;font-weight:600;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.08em;opacity:.85}.content-card:after{content:"";position:absolute;inset:-1px;border-radius:inherit;background:radial-gradient(circle at var(--glow-x) var(--glow-y),rgba(79,133,255,.42),rgba(79,133,255,0));opacity:0;transition:opacity .5s ease;pointer-events:none;mix-blend-mode:screen;z-index:0}.content-card.is-hovering,.content-card:hover{--hover-lift:1;border-color:rgba(105,118,255,.52);box-shadow:0 45px 90px -55px rgba(45,96,255,.75)}.content-card.is-hovering:after,.content-card:hover:after{opacity:1}.card>*,.content-card>*,.metric>*,.signal-card>*{position:relative;z-index:1;transition:transform .8s cubic-bezier(.19,1,.22,1),opacity .8s ease,filter .8s ease}.card h3,.card p,.content-card header,.content-card p,.metric-label,.metric-unit,.metric-value{opacity:0;transform:translateY(18px)}.persona-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:center}.persona-avatar{display:flex;gap:1.4rem;align-items:center}.avatar-frame{width:120px;height:120px;border-radius:32px;overflow:hidden;border:1px solid rgba(255,255,255,.14);box-shadow:0 20px 40px -30px rgba(125,156,255,.8)}.avatar-frame img{width:100%;height:100%;object-fit:cover;display:block}.persona-meta{display:flex;flex-direction:column;gap:.35rem}.persona-meta .name{font-weight:600;font-size:1.15rem}.persona-meta .role{font-size:.95rem;opacity:.6}.persona-signals{display:grid;gap:1rem;perspective:1200px}.signal-card{padding:1.3rem 1.6rem;border-radius:18px;background:rgba(24,28,43,.85);border:1px solid rgba(139,156,255,.18);position:relative;overflow:hidden;--tilt-x:0;--tilt-y:0;--hover-lift:0;--glow-x:50%;--glow-y:50%;transform-style:preserve-3d;transform:translateY(calc(-8px * var(--hover-lift))) scale(calc(1 + var(--hover-lift) * .04)) rotateX(calc(var(--tilt-y) * 8deg)) rotateY(calc(var(--tilt-x) * -8deg));transition:transform .6s cubic-bezier(.19,1,.22,1),border-color .4s ease,box-shadow .6s ease;box-shadow:0 25px 45px -40px rgba(82,126,255,.65);will-change:transform}.signal-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--glow-x) var(--glow-y),rgba(47,125,255,.35),rgba(124,92,255,0));opacity:0;transition:opacity .5s ease;pointer-events:none;mix-blend-mode:screen;z-index:0}.signal-card.is-hovering,.signal-card:hover{--hover-lift:1;border-color:rgba(139,156,255,.4);box-shadow:0 38px 72px -52px rgba(82,126,255,.7)}.signal-card.is-hovering:after,.signal-card:hover:after{opacity:1}.signal-card .label{font-size:.8rem;text-transform:uppercase;letter-spacing:.18em;opacity:.5}.signal-card p{margin-top:.75rem;line-height:1.5}.results-dashboard{width:100%;position:relative}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.results-grid-centered{grid-template-columns:repeat(2,minmax(280px,400px));justify-content:center;max-width:900px;margin-left:auto;margin-right:auto}@media (max-width:768px){.results-grid-centered{grid-template-columns:1fr;max-width:400px}}.result-metric{padding:2rem;border-radius:20px;background:rgba(12,15,28,.85);border:1px solid rgba(99,128,255,.2);position:relative;overflow:hidden;transition:all .3s ease}.result-metric:hover{transform:translateY(-4px);border-color:rgba(99,128,255,.4);box-shadow:0 20px 40px rgba(28,70,169,.3)}.result-metric:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0,rgba(99,128,255,.08),transparent 70%);opacity:0;transition:opacity .4s ease}.result-metric:hover:before{opacity:1}.metric-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;opacity:.8}.metric-icon{font-size:1.5rem}.metric-label{font-weight:500;letter-spacing:.05em;color:rgba(255,255,255,.7)}.metric-value-large{font-size:3rem;font-weight:700;letter-spacing:-.02em;color:#c7d7ff;margin-bottom:.5rem;line-height:1}.metric-change{font-size:.95rem;font-weight:600;display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:12px;background:rgba(255,255,255,.05)}.metric-change.positive{color:#4ade80;background:rgba(74,222,128,.1)}.metric-change.negative{color:#f87171;background:rgba(248,113,113,.1)}.results-image-container{width:100%;margin:2rem 0;border-radius:20px;overflow:hidden;border:1px solid rgba(99,128,255,.2);box-shadow:0 20px 60px rgba(28,70,169,.3);background:rgba(12,15,28,.5);transition:all .3s ease}.results-image-container:hover{transform:translateY(-4px);box-shadow:0 30px 80px rgba(28,70,169,.4);border-color:rgba(99,128,255,.4)}.results-screenshot{width:100%;height:auto;display:block;object-fit:cover}.results-insight{padding:1.5rem;border-radius:16px;background:rgba(99,128,255,.08);border:1px solid rgba(99,128,255,.15);backdrop-filter:blur(10px)}.results-insight p{line-height:1.6;color:rgba(255,255,255,.85)}.results-insight strong{color:#c7d7ff;font-weight:600}.performance-dashboard{display:grid;gap:1.4rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));width:100%;position:relative;perspective:1200px}.metric{padding:1.8rem 1.6rem;border-radius:20px;background:rgba(12,15,28,.85);border:1px solid rgba(99,128,255,.2);position:relative;overflow:hidden;--tilt-x:0;--tilt-y:0;--hover-lift:0;--glow-x:50%;--glow-y:50%;transform-style:preserve-3d;transform:translateY(calc(-8px * var(--hover-lift))) scale(calc(1 + var(--hover-lift) * .038)) rotateX(calc(var(--tilt-y) * 6deg)) rotateY(calc(var(--tilt-x) * -6deg));transition:transform .55s cubic-bezier(.19,1,.22,1),border-color .4s ease,box-shadow .6s ease;box-shadow:0 30px 60px -50px rgba(72,112,255,.55);will-change:transform}.metric:after{content:"";position:absolute;inset:-1px;border-radius:inherit;background:radial-gradient(circle at var(--glow-x) var(--glow-y),rgba(90,136,255,.32),rgba(90,136,255,0));opacity:0;transition:opacity .45s ease;pointer-events:none;mix-blend-mode:screen;z-index:0}.metric.is-hovering,.metric:hover{--hover-lift:1;border-color:rgba(99,128,255,.42);box-shadow:0 50px 90px -60px rgba(90,136,255,.7)}.metric.is-hovering:after,.metric:hover:after{opacity:1}.metric-label{font-size:.9rem;text-transform:uppercase;letter-spacing:.12em;opacity:0;transform:translateY(12px)}.metric-value{display:inline-block;margin-top:.7rem;font-size:2.8rem;font-weight:700;letter-spacing:-.02em;color:#c7d7ff;transform:translateY(20px);opacity:0}.metric-unit{font-size:1.2rem;opacity:0;margin-left:.3rem;transform:translateY(16px)}#growth-graph{grid-column:1/-1;width:100%;height:280px;border-radius:24px;background:rgba(13,17,30,.7);border:1px solid rgba(106,138,255,.25);box-shadow:0 35px 60px -40px rgba(40,70,180,.6)}.cta-panel{background:linear-gradient(140deg,rgba(11,13,27,.95),rgba(22,32,70,.95),rgba(124,92,255,.1));text-align:center}.cta-eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:.8rem;opacity:.6;font-weight:600}.footer-inner{margin:0 auto;display:flex;align-items:center;justify-content:space-between;font-size:.9rem;opacity:.7}.footer nav{display:flex;gap:1.5rem}@media (max-width:1024px){.top-nav{padding:1.2rem 2rem}.nav-links{display:none}.hero-copy{text-align:center;align-items:center}.hero-copy .cta-group{flex-direction:column;width:100%}.hero-copy .cta-button{width:100%}.panel{padding:2rem}}@media (max-width:640px){.top-nav.is-sticky{background:rgba(5,6,12,.9)}.hero-copy h1{font-size:clamp(2.4rem,10vw,3rem)}.section-inner h2{font-size:clamp(2rem,8vw,2.8rem)}.top-nav{padding:1rem 1.6rem}.cta-inner{padding:0 1rem}}@keyframes heroHeadlineSweep{0%{transform:translateX(-40%) skewX(-10deg);opacity:.1}45%{opacity:.5}to{transform:translateX(35%) skewX(-8deg);opacity:.08}}@keyframes subtlePulse{0%,to{box-shadow:0 18px 30px -18px rgba(111,144,255,.9),0 0 40px rgba(251,191,36,.3)}50%{box-shadow:0 18px 30px -18px rgba(111,144,255,1),0 0 50px rgba(251,191,36,.5)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .8s ease-out forwards;opacity:0}@keyframes floatComment{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.animate-float-comment{animation:floatComment 4s ease-in-out infinite}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-down{animation:fadeInDown .3s ease-out forwards}.bento-card,.headlines-card{background:radial-gradient(85.77% 49.97% at 51% 5.12%,rgba(148,148,255,.11) 0,rgba(222,226,255,.08) 45.83%,rgba(241,242,255,.02) 100%),rgba(0,0,0,.44);backdrop-filter:blur(2px);box-shadow:0 0 40px 20px rgba(255,255,255,.03),inset 0 .5px 0 0 rgba(255,255,255,.3)}@property --rotation-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes rotate-gradient{0%{--rotation-angle:0deg}to{--rotation-angle:360deg}}.rotating-gradient-border{position:relative;background:conic-gradient(from var(--rotation-angle),transparent 0,oklch(80.9% .105 251.813) 10%,transparent 20%),hsl(var(--primary)/.4);animation:rotate-gradient 4.5s linear infinite;border-radius:1.5rem;padding:2px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.rotating-gradient-border:before{content:"";display:block;position:absolute;inset:2px;border-radius:1.5rem;z-index:0;transition:opacity .3s ease;background:#05060a}@keyframes articleFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes badgeFadeIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.seo-badge{opacity:0}.small-line{background:linear-gradient(180deg,rgba(47,125,255,.6) 0,rgba(47,125,255,.2))}.static-circle{position:absolute;left:50%;transform:translate3d(-50%,1rem,0);width:2rem;height:1rem;border-top-right-radius:1rem;border-top-left-radius:1rem;background:radial-gradient(circle at center,rgba(47,125,255,1) 0,rgba(47,125,255,.8) 40%,rgba(47,125,255,.3) 100%);box-shadow:0 0 20px rgba(47,125,255,.8),0 0 40px rgba(47,125,255,.4);pointer-events:none;opacity:0;animation:circlePulse 1.5s ease-in-out infinite}@keyframes circlePulse{0%,to{box-shadow:0 0 20px rgba(47,125,255,.8),0 0 40px rgba(47,125,255,.4);opacity:.8}50%{box-shadow:0 0 30px rgba(47,125,255,1),0 0 60px rgba(47,125,255,.6);opacity:1}}.browser-border-pulse{box-shadow:0 0 6px oklch(62.3% .214 259.815),0 0 12px oklch(62.3% .214 259.815);animation:borderPulse 1.5s ease-in-out infinite}@keyframes borderPulse{0%,to{box-shadow:0 0 6px oklch(62.3% .214 259.815),0 0 12px oklch(62.3% .214 259.815)}50%{box-shadow:0 0 10px rgba(47,125,255,1),0 0 20px rgba(47,125,255,.6)}}@keyframes badgeFadeInOut{0%{opacity:0;transform:translateY(10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.animate-badge-fade{animation:badgeFadeInOut 3s ease-in-out}.infinite-scroll-content{animation:infiniteScrollUp 20s linear infinite;will-change:transform}@keyframes infiniteScrollUp{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@property --rotate-y{syntax:"<angle>";inherits:true;initial-value:0deg}@property --rotate{syntax:"<angle>";inherits:true;initial-value:45deg}@property --gap{syntax:"<length>";inherits:true;initial-value:0}@keyframes dna{0%{--rotate-y:0deg}to{--rotate-y:360deg}}@keyframes rotate-container{0%{--rotate:42deg}50%{--rotate:142deg}to{--rotate:42deg}}@keyframes dot-scale{0%{transform:scale(1)}50%{transform:scale(.6)}to{transform:scale(1)}}@keyframes bg-gap{0%{--gap:0}50%{--gap:0.2rem}to{--gap:0}}@property --glow-blur-1{syntax:"<length>";inherits:false;initial-value:20px}@property --glow-blur-2{syntax:"<length>";inherits:false;initial-value:40px}@property --glow-opacity-1{syntax:"<number>";inherits:false;initial-value:.4}@property --glow-opacity-2{syntax:"<number>";inherits:false;initial-value:.3}@keyframes dna-glow-pulse{0%,to{--glow-blur-1:20px;--glow-blur-2:40px;--glow-opacity-1:0.4;--glow-opacity-2:0.3}50%{--glow-blur-1:30px;--glow-blur-2:60px;--glow-opacity-1:0.6;--glow-opacity-2:0.5}}.dna-container{--glow-blur-1:20px;--glow-blur-2:40px;--glow-opacity-1:0.4;--glow-opacity-2:0.3;filter:url(#blurFilter) contrast(1.5) brightness(1.5) saturate(.6) drop-shadow(0 0 var(--glow-blur-1) rgba(47,125,255,var(--glow-opacity-1))) drop-shadow(0 0 var(--glow-blur-2) rgba(124,92,255,var(--glow-opacity-2)));transform:scale(.8);animation:dna-glow-pulse 2.5s ease-in-out infinite}.dna-strand{--width:11rem;--count:42;display:flex;flex-direction:column;z-index:1111;perspective:50rem;animation:dna 2.5s linear infinite;transform-style:preserve-3d;rotate:45deg;transform:rotateY(var(--rotate-y,0deg))}@media (prefers-reduced-motion){.dna-strand{animation:dna 2.5s linear infinite}}.dna-item{display:flex;align-items:center;transform-style:preserve-3d;transform:rotateY(calc(1turn / var(--count) * var(--i)))}.dna-connector{width:var(--width);height:.381rem;transform-style:preserve-3d;background:conic-gradient(#1d4ed8,#be123c)}.dna-dot{--thickness:0.9rem;width:var(--thickness);height:var(--thickness);border-radius:50%;transform-style:preserve-3d;position:relative;transform:rotateY(calc(1turn / var(--count) * -1 * var(--i) - var(--rotate-y)))}.dna-dot:after,.dna-dot:before{content:"";position:absolute;border-radius:50%;transform-style:preserve-3d}.dna-dot:before{background:white;width:calc(var(--thickness) * .6);aspect-ratio:1;left:-.4rem;top:-.4rem;animation:dot-scale 2s ease-in-out infinite}.dna-dot:after{background:rgba(0,0,0,.09);width:calc(var(--thickness) * .5);aspect-ratio:1;right:.3rem;bottom:.3rem}.content-type-toggle{position:relative}.content-type-toggle:before{content:"";position:absolute;top:.375rem;bottom:.375rem;left:var(--toggle-position,0);width:var(--toggle-width,0);background:#282B35;border-radius:.375rem;box-shadow:0 1px 2px rgba(0,0,0,.1);border:1px solid #383b45;transition:left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);pointer-events:none;z-index:0}@keyframes scrollUp{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.animate-scroll-up{animation:scrollUp 30s linear infinite;will-change:transform}@keyframes cursorClick{0%{transform:translate(-50%,-50%) scale(1);opacity:0}10%{opacity:1}15%{transform:translate(-50%,-50%) scale(.9)}20%{transform:translate(-50%,-50%) scale(1)}90%{opacity:1}to{opacity:0}}.animate-cursor-click{animation:cursorClick 3s ease-in-out infinite}@keyframes slideInLeft{0%{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}.animate-slide-in-left{animation:slideInLeft .6s ease-out forwards}@keyframes statUpdate{0%{transform:scale(1)}50%{transform:scale(1.1);color:hsl(var(--primary))}to{transform:scale(1)}}.animate-stat-update{transition:all .3s ease}.article-element-fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.article-element-fade-in.article-element-visible{opacity:1;transform:translateY(0)}.article-content h1{margin-bottom:1.25rem;font-size:2rem;line-height:1.125}@media (min-width:768px){.article-content h1{font-size:3.5rem}}.article-content h2{font-size:1.5rem;line-height:1.375;margin-top:1rem;margin-bottom:1rem}@media (min-width:768px){.article-content h2{font-size:2.5rem}}.article-content h3{font-size:1.25rem;line-height:1.375;margin-top:2rem;margin-bottom:.875rem}@media (min-width:768px){.article-content h3{font-size:2rem}}.article-content header>p{font-size:.875rem;line-height:1.375;margin-bottom:1.5rem;font-family:Outfit,sans-serif}@media (min-width:768px){.article-content header>p{font-size:1.25rem}}.article-content section table>tbody>tr>td,.article-content section table>thead>tr>th,.article-content section>p{font-size:.875rem;line-height:1.375;margin-bottom:1.5rem;font-family:Outfit,sans-serif}@media (min-width:768px){.article-content section table>tbody>tr>td,.article-content section table>thead>tr>th,.article-content section>p{font-size:1.25rem}}.article-content li{font-size:.875rem;line-height:1.8;font-family:Outfit,sans-serif}@media (min-width:768px){.article-content li{font-size:1.25rem}}.article-content figcaption{font-size:.75rem;line-height:1.6;font-family:Outfit,sans-serif}@media (min-width:768px){.article-content figcaption{font-size:1.125rem}}.article-content hr{margin:0}.article-content .seo-tooltip,.seo-reason{font-family:Outfit,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.seo-reason{font-size:.75rem;line-height:1.4;color:#22c55e;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);border-radius:.375rem;padding:.5rem .75rem;display:block;max-width:100%}.seo-reason-inline{margin-top:.5rem;margin-bottom:.5rem}.seo-reason-semantic{margin-bottom:1rem}.article-content figure{position:relative}.seo-reason-media{position:absolute;top:.5rem;left:.5rem;z-index:10;max-width:calc(100% - 1rem)}.seo-reason code{font-family:Space Grotesk,Menlo,Monaco,monospace;background:rgba(0,0,0,.3);padding:.125rem .25rem;border-radius:.25rem;color:#4ade80;font-size:.7rem}@keyframes seo-checklist-pulse{0%,to{box-shadow:0 0 3px rgba(34,197,94,.4),0 0 6px rgba(34,197,94,.2)}50%{box-shadow:0 0 5px rgba(34,197,94,.6),0 0 10px rgba(34,197,94,.3)}}.seo-panel-border-pulse{box-shadow:0 0 6px rgb(34 197 94),0 0 12px rgb(34 197 94);animation:seoPanelBorderPulse 1.5s ease-in-out infinite}@keyframes seoPanelBorderPulse{0%,to{box-shadow:0 0 6px rgb(34 197 94),0 0 12px rgb(34 197 94)}50%{box-shadow:0 0 10px rgb(34 197 94/1),0 0 20px rgb(34 197 94/.6)}}.browser-outer-shadow{box-shadow:0 0 40px 20px hsla(0,0%,100%,.03),inset 0 .5px 0 0 hsla(0,0%,100%,.3)}.browser-inner-shadow{box-shadow:0 0 2px 0 hsla(0,0%,100%,.19),inset 0 .5px 0 0 hsla(0,0%,100%,.1)}@keyframes pulse-glow{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}}.article-content article>section .seo-element-highlight,.article-content article>section .seo-highlight,.article-content article>section .seo-tooltip,.article-content article>section .seo-tooltip-wrapper,.article-content article>section>h2,.article-content article>section>h4{filter:none;opacity:1}