+:root{--blue:#0369a1;--blue2:#082f49;--green:#14b8a6;--yellow:#14b8a6;--ink:#082f49;--muted:#5d6572;--line:#cdeff2;--soft:#ecfeff;--radius:10px;--shadow:0 24px 70px color-mix(in srgb,#0369a1 15%,transparent)}
body{background:#fff;color:var(--ink)}
.button{background:#0369a1;border-color:#0369a1;box-shadow:0 10px 24px color-mix(in srgb,#0369a1 24%,transparent)}.button:hover{background:#082f49}.button.secondary{background:#fff;color:#0369a1;border-color:#0369a1}.eyebrow,.tool-card small,.image-stories a{color:#0369a1}
.hero{background:linear-gradient(120deg,#eefcff 0,#fff 48%,#e7faf5 100%)}.hero-copy h1 span{color:#14b8a6}.hero-result{border-color:#cdeff2;border-radius:10px}.hero-result-top{background:#fff}.success-dot{background:#ecfeff;color:#0369a1}
.hero-result-image img{width:min(88%,420px)}.comparison-slider{background:linear-gradient(135deg,#9fd8e4,#d7f4ea)}.comparison-before{background:linear-gradient(135deg,#9fd8e4,#d7f4ea)}.comparison-before img,.comparison-after img{filter:drop-shadow(0 24px 18px #0004)}
.section.alt{background:#ecfeff}.tool-card{border-radius:10px}.tool-card:hover{border-color:#0369a1;box-shadow:0 18px 42px color-mix(in srgb,#0369a1 15%,transparent)}.tool-icon,.num{background:#ecfeff;color:#0369a1}.chip.active{background:#0369a1;border-color:#0369a1}.flow-box.active{background:#ecfeff;color:#0369a1;border-color:#cdeff2}
.tool-shell{background:linear-gradient(145deg,#ecfeff,#fff)}.processor{border-color:#cdeff2}.processor-drop{background:#fff;border-color:color-mix(in srgb,#0369a1 45%,white)}.page-hero{background:linear-gradient(145deg,#ecfeff,#fff)}.cta{background:linear-gradient(120deg,#0369a1,#082f49)}.site-footer{background:#062f3b}
.custom-mark{background:#0369a1}.custom-mark:after{background:#14b8a6}.free-badge{font-size:11px;font-weight:850;color:#0369a1;background:#ecfeff;padding:8px 11px;border-radius:99px;white-space:nowrap}
.checker,.canvas-wrap{background-color:#fff;background-image:linear-gradient(45deg,#cdeff2 25%,transparent 25%),linear-gradient(-45deg,#cdeff2 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#cdeff2 75%),linear-gradient(-45deg,transparent 75%,#cdeff2 75%)}
.header-tool{height:72px;border-bottom:3px solid var(--blue);background:#fff}.header-tool .brand{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.nav-tool{gap:0;border:1px solid var(--line);border-radius:8px;overflow:hidden}.nav-tool a{padding:9px 15px;border-right:1px solid var(--line)}.nav-tool a:last-child{border:0}.nav-tool a:hover{background:var(--soft);color:var(--blue)}
@media(max-width:850px){.site-header{margin:0;border-radius:0;top:0}.free-badge{display:none}.site-header.open nav{background:#fff;color:var(--ink);border-bottom:1px solid var(--line)}}