+:root{--blue:#7c3aed;--blue2:#24183d;--green:#ec4899;--yellow:#ec4899;--ink:#24183d;--muted:#5d6572;--line:#e7daf9;--soft:#f6f1ff;--radius:20px;--shadow:0 24px 70px color-mix(in srgb,#7c3aed 15%,transparent)}
body{background:#fff;color:var(--ink)}
.button{background:#7c3aed;border-color:#7c3aed;box-shadow:0 10px 24px color-mix(in srgb,#7c3aed 24%,transparent)}.button:hover{background:#24183d}.button.secondary{background:#fff;color:#7c3aed;border-color:#7c3aed}.eyebrow,.tool-card small,.image-stories a{color:#7c3aed}
.hero{background:radial-gradient(circle at 78% 16%,#eadcff 0,transparent 34%),linear-gradient(145deg,#fbf8ff,#fff 55%,#fff1f8)}.hero-copy h1 span{color:#ec4899}.hero-result{border-color:#e7daf9;border-radius:20px}.hero-result-top{background:#fff}.success-dot{background:#f6f1ff;color:#7c3aed}
.hero-result-image img{width:min(88%,420px)}.comparison-slider{background:linear-gradient(145deg,#b9a7d8,#f1c7dc)}.comparison-before{background:linear-gradient(145deg,#b9a7d8,#f1c7dc)}.comparison-before img,.comparison-after img{filter:drop-shadow(0 24px 18px #0004)}
.section.alt{background:#f6f1ff}.tool-card{border-radius:20px}.tool-card:hover{border-color:#7c3aed;box-shadow:0 18px 42px color-mix(in srgb,#7c3aed 15%,transparent)}.tool-icon,.num{background:#f6f1ff;color:#7c3aed}.chip.active{background:#7c3aed;border-color:#7c3aed}.flow-box.active{background:#f6f1ff;color:#7c3aed;border-color:#e7daf9}
.tool-shell{background:linear-gradient(145deg,#f6f1ff,#fff)}.processor{border-color:#e7daf9}.processor-drop{background:#fff;border-color:color-mix(in srgb,#7c3aed 45%,white)}.page-hero{background:linear-gradient(145deg,#f6f1ff,#fff)}.cta{background:linear-gradient(120deg,#7c3aed,#24183d)}.site-footer{background:#1d1330}
.custom-mark{background:#7c3aed}.custom-mark:after{background:#ec4899}.free-badge{font-size:11px;font-weight:850;color:#7c3aed;background:#f6f1ff;padding:8px 11px;border-radius:99px;white-space:nowrap}
.checker,.canvas-wrap{background-color:#fff;background-image:linear-gradient(45deg,#e7daf9 25%,transparent 25%),linear-gradient(-45deg,#e7daf9 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e7daf9 75%),linear-gradient(-45deg,transparent 75%,#e7daf9 75%)}
.header-pro{max-width:1220px;margin:14px auto 0;height:70px;border:1px solid var(--line);border-radius:20px;box-shadow:0 16px 45px #35155e12}.nav-pro{gap:6px;background:var(--soft);padding:5px;border-radius:12px}.nav-pro a{padding:8px 13px;border-radius:9px}.nav-pro a:hover{background:#fff;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)}}