:root{--color-cream:#f5ede0;--color-dark:#1a100a;--color-burg:#5a1818;--color-terra:#c94b2a;--color-terra-dark:#ad3e1f;--color-terra-light:#e06b45;--color-white:#fff}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0;padding:0}body{background-color:var(--color-cream);color:var(--color-dark);-webkit-font-smoothing:antialiased;background-image:repeating-linear-gradient(45deg,#1a100a09 0 1px,#0000 1px 15px);background-size:220% 220%;font-family:DM Sans,sans-serif;animation:90s linear infinite bg-drift;overflow-x:hidden}@keyframes bg-drift{0%{background-position:0 0}to{background-position:100% 100%}}@media (prefers-reduced-motion:reduce){body{animation:none}}[style*=Barlow\ Condensed]{letter-spacing:.025em!important}a{color:inherit}button{font:inherit}img{max-width:100%;display:block}::selection{background:var(--color-terra);color:var(--color-cream)}@media (width<=700px){.two-col-grid{grid-template-columns:1fr!important}}.areas-grid{grid-template-columns:repeat(3,1fr)!important}@media (width<=900px){.areas-grid{grid-template-columns:repeat(2,1fr)!important}}@media (width<=560px){.areas-grid{grid-template-columns:1fr!important}}@media (width<=640px){.stat-strip-grid{grid-template-columns:repeat(2,1fr)!important}}@media (width<=420px){.stat-strip-grid{grid-template-columns:1fr!important}}@media (width<=560px){.tools-row{flex-direction:column!important;align-items:flex-start!important;gap:.9rem!important}.tools-label{width:auto!important}}.logo-marquee{width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.logo-marquee-track{align-items:center;gap:clamp(2.5rem,6vw,4.5rem);width:max-content;animation:32s linear infinite logo-marquee;display:flex}@keyframes logo-marquee{0%{transform:translate(-50%)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.logo-marquee-track{animation:none}}.spark-card{background-color:var(--color-dark);cursor:pointer;border-radius:15px;flex-direction:column;justify-content:center;align-items:flex-start;gap:.5rem;width:220px;height:175px;padding:1rem;display:flex;position:relative}.spark-card:before{content:"";background:linear-gradient(-45deg, var(--color-burg) 0%, var(--color-terra-light) 100%);z-index:-10;pointer-events:none;border-radius:15px;width:232px;height:187px;margin:auto;transition:transform .6s cubic-bezier(.175,.885,.32,1.275);position:absolute;inset:0 0 0 -5px}.spark-card:after{content:"";z-index:-1;background:linear-gradient(-45deg, var(--color-terra) 0%, var(--color-terra-dark) 100%);filter:blur(40px);border-radius:15px;transition:filter .6s;position:absolute;inset:0;transform:translate(0,0)scale(.95)}.spark-card:hover:after{filter:blur(50px)}.spark-card:hover:before{transform:rotate(-90deg)scaleX(.81)scaleY(1.24)}@media (prefers-reduced-motion:reduce){.spark-card:before,.spark-card:after{transition:none}}.iso-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:15px;max-width:fit-content;margin:0 auto;transition:background .5s;display:flex;box-shadow:inset 0 0 20px #ffffff31,inset 0 0 5px #ffffff46,0 5px 5px #0000002a}.iso-card:hover{background:#adadad0d}.iso-list{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.25rem;margin:0;padding:1rem;list-style:none;display:flex}.iso-item{cursor:pointer;position:relative}.iso-icon{box-sizing:border-box;width:60px;height:60px;color:var(--color-terra-dark);border-radius:100%;justify-content:center;align-items:center;padding:1rem;transition:transform .3s;display:flex;box-shadow:inset 0 0 20px #ffffff4d,inset 0 0 5px #ffffff80,0 5px 5px #0000002a}.iso-item:hover .iso-icon{transform:translate(15px,-15px)}.iso-tooltip{opacity:0;color:var(--color-cream);background-color:var(--color-dark);white-space:nowrap;pointer-events:none;z-index:20;border-radius:5px;padding:5px 10px;font-size:.7rem;transition:opacity .3s,transform .3s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 5px 10px #0003}.iso-item:hover .iso-tooltip{opacity:1;transform:translate(-50%)translateY(0)}.iso-item span{opacity:0;color:var(--color-burg);border-color:var(--color-burg);pointer-events:none;border-radius:50%;width:60px;height:60px;margin:auto;transition:opacity .3s,transform .3s;position:absolute;inset:0;box-shadow:inset 0 0 20px #ffffff4d,inset 0 0 5px #ffffff80,0 5px 5px #0000002a}.iso-item:hover span:first-child{opacity:.2}.iso-item:hover span:nth-child(2){opacity:.4;transform:translate(5px,-5px)}.iso-item:hover span:nth-child(3){opacity:.6;transform:translate(10px,-10px)}@media (prefers-reduced-motion:reduce){.iso-card,.iso-icon,.iso-tooltip,.iso-item span{transition:none}}.color-swatches{transform-style:preserve-3d;display:flex;transform:perspective(1000px)}.color-swatch{cursor:pointer;background:0 0;border:none;outline:none;flex-shrink:0;width:32px;height:40px;padding:0;transition:transform .5s cubic-bezier(.175,.885,.32,1.1);position:relative}.color-swatch:after{content:"";background-color:var(--swatch-color);pointer-events:none;border-radius:6px;width:40px;height:40px;transition:transform .5s cubic-bezier(.175,.885,.32,1.1);position:absolute;inset:0;transform:scale(1.2)}.color-swatch:before{content:attr(data-hex);background-color:var(--color-cream);pointer-events:none;opacity:0;visibility:hidden;border-radius:6px;padding:2px .25rem;font-size:8px;line-height:12px;transition:all .5s cubic-bezier(.175,.885,.32,1.1);position:absolute;bottom:52px;left:65%;transform:translate(-50%)}.color-swatch:hover{z-index:99999;transform:scale(1.5)}.color-swatch:hover:before{opacity:1;visibility:visible}.color-swatch:active:after{transform:scale(1.1)}.color-swatch:focus:before{content:"✅ Copied"}.color-swatch:hover+*{z-index:9999;transform:scale(1.3)}.color-swatch:hover+*+*{z-index:999;transform:scale(1.15)}.color-swatch:has(+:hover){z-index:9999;transform:scale(1.3)}.color-swatch:has(+*+:hover){z-index:999;transform:scale(1.15)}@media (prefers-reduced-motion:reduce){.color-swatch,.color-swatch:after,.color-swatch:before{transition:none}}.hamburger-checkbox{display:none}.hamburger-toggle{border:1.5px solid var(--color-dark);cursor:pointer;border-radius:2px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;transition:transform .5s;display:flex;position:relative}.hamburger-bar{background-color:var(--color-dark);border-radius:2px;width:60%;height:2px}#hamburger-bar2{transition-duration:.8s}#hamburger-bar1,#hamburger-bar3{width:44%}.hamburger-checkbox:checked+.hamburger-toggle .hamburger-bar{transition-duration:.5s;position:absolute}.hamburger-checkbox:checked+.hamburger-toggle #hamburger-bar2{transition-duration:.5s;transform:scaleX(0)}.hamburger-checkbox:checked+.hamburger-toggle #hamburger-bar1{width:60%;transition-duration:.5s;transform:rotate(45deg)}.hamburger-checkbox:checked+.hamburger-toggle #hamburger-bar3{width:60%;transition-duration:.5s;transform:rotate(-45deg)}.hamburger-checkbox:checked+.hamburger-toggle{transition-duration:.5s;transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.hamburger-toggle,.hamburger-bar{transition:none}}.pill-nav{border-radius:40px;flex-shrink:1;width:clamp(400px,44vw,620px);min-width:0;height:46px;position:relative}.pill-nav-outline{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.pill-nav-container{border-radius:inherit;background:var(--pill-nav-bg);flex-direction:row;justify-content:space-around;align-items:center;padding:0 .4em;display:flex;position:absolute;inset:0}.pill-nav-btn{color:var(--pill-nav-text);cursor:pointer;white-space:nowrap;border-radius:10px;padding:.4em .18em;font-size:.84rem;font-weight:700;text-decoration:none;transition:background .15s,color .15s}.pill-nav-btn:hover{background:var(--pill-nav-accent);color:var(--color-cream)}.pill-nav-rect{stroke-dashoffset:5px;stroke-dasharray:0 100;stroke:var(--pill-nav-accent);transition:all .5s}.pill-nav-container:hover .pill-nav-outline .pill-nav-rect{stroke-dashoffset:1px;stroke-dasharray:0;transition:all 999999s}.pill-nav-btn:first-child:hover~svg .pill-nav-rect{stroke-dashoffset:0;stroke-dasharray:var(--seg-1)}.pill-nav-btn:nth-child(2):hover~svg .pill-nav-rect{stroke-dashoffset:0;stroke-dasharray:var(--seg-2)}.pill-nav-btn:nth-child(3):hover~svg .pill-nav-rect{stroke-dashoffset:0;stroke-dasharray:var(--seg-3)}.pill-nav-btn:nth-child(4):hover~svg .pill-nav-rect{stroke-dashoffset:0;stroke-dasharray:var(--seg-4)}.pill-nav-btn:nth-child(5):hover~svg .pill-nav-rect{stroke-dashoffset:0;stroke-dasharray:var(--seg-5)}.pill-nav-btn:nth-child(6):hover~svg .pill-nav-rect{stroke-dashoffset:0;stroke-dasharray:var(--seg-6)}.pill-nav-btn:nth-child(7):hover~svg .pill-nav-rect{stroke-dashoffset:0;stroke-dasharray:var(--seg-7)}.pill-nav-btn:nth-child(8):hover~svg .pill-nav-rect{stroke-dashoffset:0;stroke-dasharray:var(--seg-8)}.pill-nav-btn:hover~.pill-nav-outline .pill-nav-rect{stroke-dashoffset:0;stroke-dasharray:0 0 10 40 10 40;transition:all .5s!important}@media (prefers-reduced-motion:reduce){.pill-nav-rect,.pill-nav-btn{transition:none}}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}.btn-pop{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.btn-pop:hover{transform:scale(1.06)}.btn-pop:active{transform:scale(.95)}.sweep-pill{z-index:1;position:relative;overflow:hidden}.sweep-pill:before{content:"";background:var(--color-terra-light);z-index:-1;width:0;transition:width .45s;position:absolute;top:0;bottom:0;left:0}.sweep-pill:hover:before{width:100%}.sweep-pill:active{border-color:var(--color-terra-dark)!important}@media (prefers-reduced-motion:reduce){.sweep-pill:before{transition:none}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.floaty{animation:5.5s ease-in-out infinite floaty}@keyframes typing-blink{0%,to{opacity:1}50%{opacity:0}}.typing-caret{animation:.9s step-end infinite typing-blink;display:inline-block}.hover-lift{transition:transform .4s cubic-bezier(.22,1,.36,1)}.hover-lift:hover{transform:scale(1.035)translateY(-6px)}@media (prefers-reduced-motion:reduce){.floaty,.typing-caret{animation:none}.hover-lift{transition:none}.hover-lift:hover{transform:none}}.tool-icon{position:relative}.tool-icon-circle{background:var(--color-white);border:1px solid #1a100a1a;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;transition:box-shadow .3s;display:flex;position:relative;overflow:hidden}.tool-icon-circle:hover{box-shadow:0 10px 22px #1a100a29}.tool-icon-circle img{z-index:1;width:20px;height:20px;transition:filter .3s;position:relative}.tool-icon-circle:hover img{filter:brightness(0)invert()}.tool-icon-fill{background:var(--fill-color);z-index:0;width:100%;height:0;transition:height .3s ease-in-out;position:absolute;bottom:0;left:0}.tool-icon-circle:hover .tool-icon-fill{height:100%}.tool-tooltip{background:var(--color-dark);color:var(--color-cream);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:2;border-radius:4px;padding:.35rem .65rem;font-family:JetBrains Mono,monospace;font-size:.62rem;transition:opacity .25s,bottom .25s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.tool-icon:hover .tool-tooltip{opacity:1;visibility:visible;bottom:calc(100% + 14px)}@media (prefers-reduced-motion:reduce){.tool-icon-circle,.tool-icon-circle img,.tool-icon-fill,.tool-tooltip{transition:none}}