:root{--blue:#2468e8;--blue2:#184fb8;--green:#0ea5a8;--yellow:#67e8f9;--ink:#10213c;--muted:#5c6c82;--line:#d8e5f3;--soft:#f4f9ff;--radius:18px;--shadow:0 22px 60px rgba(28,83,153,.13)}
body{background:#fff;color:var(--ink)}
.button{background:#2563eb;border-color:#2563eb;box-shadow:0 10px 24px color-mix(in srgb,#2563eb 24%,transparent)}.button:hover{background:#071a3a}.button.secondary{background:#fff;color:#2563eb;border-color:#2563eb}.eyebrow,.tool-card small,.image-stories a{color:#2563eb}
.hero{background:radial-gradient(circle at 82% 14%,rgba(103,232,249,.32),transparent 31%),radial-gradient(circle at 12% 78%,rgba(36,104,232,.09),transparent 34%),linear-gradient(145deg,#fff 0%,#f4f9ff 58%,#eef9ff 100%)}.hero-copy h1 span{color:#2468e8}.hero-result{border-color:#d8e5f3;border-radius:22px;background:#fff;box-shadow:0 28px 70px rgba(28,83,153,.16)}.hero-result-top{background:#fff}.success-dot{background:#e8f5ff;color:#2468e8}
.hero-result-image img{width:min(88%,420px)}.comparison-slider{background:radial-gradient(circle at 30% 28%,#32bcea,#16356e 62%,#09162f)}.comparison-before{background:radial-gradient(circle at 30% 28%,#32bcea,#16356e 62%,#09162f)}.comparison-before img,.comparison-after img{filter:drop-shadow(0 24px 18px #0004)}
.section.alt{background:#edf5ff}.tool-card{border-radius:16px}.tool-card:hover{border-color:#2563eb;box-shadow:0 18px 42px color-mix(in srgb,#2563eb 15%,transparent)}.tool-icon,.num{background:#edf5ff;color:#2563eb}.chip.active{background:#2563eb;border-color:#2563eb}.flow-box.active{background:#edf5ff;color:#2563eb;border-color:#c9dcff}
.tool-shell{background:linear-gradient(145deg,#edf5ff,#fff)}.processor{border-color:#c9dcff}.processor-drop{background:#fff;border-color:color-mix(in srgb,#2563eb 45%,white)}.page-hero{background:linear-gradient(145deg,#edf5ff,#fff)}.cta{background:linear-gradient(120deg,#2563eb,#071a3a)}.site-footer{background:#030b1c}
.custom-mark{background:#2563eb}.custom-mark:after{background:#22d3ee}.free-badge{font-size:11px;font-weight:850;color:#2563eb;background:#edf5ff;padding:8px 11px;border-radius:99px;white-space:nowrap}
.checker,.canvas-wrap{background-color:#fff;background-image:linear-gradient(45deg,#c9dcff 25%,transparent 25%),linear-gradient(-45deg,#c9dcff 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#c9dcff 75%),linear-gradient(-45deg,transparent 75%,#c9dcff 75%)}
.header-ai{height:76px;background:rgba(255,255,255,.94);border-bottom:1px solid #dfeaf6;color:var(--ink);box-shadow:0 8px 26px rgba(28,83,153,.06)}.header-ai nav{color:#43556d}.header-ai .brand{letter-spacing:-.02em}.header-ai .custom-mark{box-shadow:0 9px 24px rgba(36,104,232,.24)}.nav-ai a{padding:8px 14px;border-radius:999px;transition:background .2s,color .2s}.nav-ai a:hover{background:#eaf3ff;color:#184fb8}.header-ai .menu{color:var(--ink)}.header-ai+.hero{color:var(--ink)}.header-ai+.hero .lead{color:var(--muted)}.header-ai+.hero .trust-row{color:#43556d}.header-ai+.hero .trust-row span{background:rgba(255,255,255,.88);border-color:#d8e5f3;box-shadow:0 5px 16px rgba(28,83,153,.06)}.hero-result{color:var(--ink)}
@media(max-width:850px){.site-header{height:68px;margin:0;border-radius:0;top:0;padding:0 18px}.site-header .brand{font-size:18px}.site-header.open nav{top:68px;background:#fff;color:var(--ink);border-bottom:1px solid var(--line);box-shadow:0 18px 30px rgba(28,83,153,.12)}.free-badge{display:none}.hero{padding:44px 20px 64px}.hero-grid{gap:38px}.hero h1{font-size:clamp(40px,10vw,56px);line-height:1.04;margin-top:10px}.hero-result{width:min(100%,560px);margin:0 auto}.hero-result-image{min-height:310px}.hero-result-image img{width:min(82%,400px);max-height:290px;object-fit:contain}.section.alt{background:#f4f9ff}}
@media(max-width:560px){.site-header{padding:0 15px}.site-header .brand{gap:8px;font-size:17px}.site-header .brand-mark{width:28px;height:28px}.hero{padding:36px 16px 52px}.hero h1{font-size:clamp(36px,11.5vw,46px);letter-spacing:-.045em}.hero .lead{font-size:17px;line-height:1.55}.hero-actions{display:grid;gap:10px}.hero-actions .button{width:100%}.trust-row{gap:8px}.trust-row span{padding:6px 9px;font-size:12px}.hero-result{border-radius:18px}.hero-result-image{min-height:250px}.hero-result-image img{width:min(80%,320px);max-height:235px}.hero-result-top{padding:13px 14px}.hero-result-top strong{font-size:14px}.section{padding-left:16px;padding-right:16px}}