:root{--ink:#172033;--muted:#667085;--primary:#4f46e5;--primary-dark:#4338ca;--line:#e7eaf0;--soft:#f8fafc;--mint:#dff8ee}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff}.navbar{z-index:1030}.navbar-brand{font-size:1.15rem;letter-spacing:-.04em;color:var(--ink)}.brand-mark{display:inline-grid;place-items:center;width:32px;height:32px;background:var(--primary);color:white;border-radius:10px;font-weight:800;font-size:1rem;box-shadow:0 5px 12px #4f46e52b}.brand-accent{color:var(--primary)}.nav-link{font-size:.92rem;color:#596275}.hero-section{overflow:hidden;background:radial-gradient(ellipse at 85% 20%,#e8eaff 0,transparent 33%),linear-gradient(180deg,#fbfcff 0%,#fff 100%);border-bottom:1px solid #f0f2f7}.py-lg-6{padding-top:5.4rem!important;padding-bottom:4.5rem!important}.eyebrow,.section-kicker{font-size:.72rem;letter-spacing:.13em;font-weight:800;color:var(--primary)}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow-dot{width:8px;height:8px;background:#10b981;border-radius:50%;box-shadow:0 0 0 4px #d1fae5}.hero-title{letter-spacing:-.055em;line-height:1.08;color:#172033}.hero-copy{max-width:590px;font-size:1.1rem;line-height:1.7}.hero-search{max-width:650px;border-radius:14px;overflow:hidden;background:white}.hero-search .form-control,.hero-search .input-group-text,.hero-search .btn{border-radius:0;border-color:#e5e7eb}.hero-search .form-control{font-size:.96rem;box-shadow:none}.hero-search .btn{font-size:.9rem;font-weight:650}.search-symbol{font-size:1.7rem;line-height:1;color:#98a2b3;transform:rotate(-20deg)}.popular-searches{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.popular-link{border:0;background:transparent;padding:0;color:var(--primary);font-weight:600}.popular-link:hover{text-decoration:underline}.hero-visual{height:315px;position:relative;display:flex;align-items:center;justify-content:center}.code-window{position:relative;z-index:2;width:min(100%,365px);border:1px solid #e5e7eb;border-radius:16px;background:#fff;overflow:hidden;transform:rotate(-2deg)}.window-top{height:43px;display:flex;align-items:center;gap:6px;padding:0 15px;border-bottom:1px solid #edf0f4;background:#fcfcfd}.window-top>span{width:8px;height:8px;border-radius:50%;background:#e5e7eb}.window-top>span:first-child{background:#fca5a5}.window-top>span:nth-child(2){background:#fcd34d}.window-top>span:nth-child(3){background:#6ee7b7}.window-top small{margin-left:auto;color:#98a2b3;font-size:.72rem}.code-window pre{margin:0;padding:23px 26px 18px;font-size:.9rem;line-height:1.8;color:#475569}.code-purple{color:#8b5cf6}.code-blue{color:#2563eb}.code-green{color:#059669}.code-orange{color:#d97706}.window-status{display:flex;align-items:center;gap:7px;padding:11px 18px;background:#f8fafc;border-top:1px solid #edf0f4;font-size:.75rem;color:#475569}.status-check{display:grid;place-items:center;background:#d1fae5;color:#047857;border-radius:50%;width:18px;height:18px;font-weight:800}.floating-chip{position:absolute;z-index:3;padding:10px 13px;background:#fff;border:1px solid #e8ebf2;border-radius:12px;box-shadow:0 12px 30px #1f29370e;font-size:.75rem;font-weight:650;white-space:nowrap}.chip-one{top:15px;left:-5px}.chip-two{right:-6px;bottom:20px}.chip-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.dot-green{background:#10b981}.chip-spark{color:#f59e0b;margin-right:5px}.hero-orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:105px;height:105px;background:#dbeafe;right:4px;top:13px}.orb-two{width:65px;height:65px;background:#d1fae5;left:20px;bottom:18px}.hero-stats{max-width:550px}.stat-number{font-size:1.3rem;font-weight:800;letter-spacing:-.04em}.stat-label{font-size:.77rem;color:var(--muted);margin-top:2px}.section-heading h2,.why-section h2{letter-spacing:-.04em}.result-count{font-size:.83rem;color:var(--muted);white-space:nowrap}.result-count strong{color:var(--ink)}.category-pill{padding:8px 14px;border:1px solid #e6e9f0;background:#fff;border-radius:999px;color:#596275;font-size:.82rem;font-weight:600;transition:all .15s ease}.category-pill:hover{border-color:#c7d2fe;color:var(--primary)}.category-pill.active{background:var(--primary);border-color:var(--primary);color:white;box-shadow:0 4px 10px #4f46e525}.tool-card{display:block;padding:22px 22px 23px;border:1px solid var(--line);border-radius:16px;background:#fff;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;min-height:220px;color:inherit}.tool-card:hover,.tool-card:focus-visible{transform:translateY(-3px);border-color:#c7d2fe;box-shadow:0 14px 35px #1720330c;outline:none}.tool-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.tool-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#eef2ff;color:var(--primary);font-size:1.25rem;font-weight:700}.tool-icon svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.tool-arrow{color:#a0a8b7;font-size:1.15rem;transition:transform .18s ease}.tool-card:hover .tool-arrow{color:var(--primary);transform:translate(2px,-2px)}.tool-category{font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--primary);font-weight:800}.tool-card h3{letter-spacing:-.025em;font-size:1.04rem}.tool-card p{line-height:1.6}.empty-state{text-align:center;padding:60px 20px;border:1px dashed #d8deea;border-radius:16px;background:#fbfcff}.empty-icon{font-size:2rem;color:#98a2b3;margin-bottom:12px}.why-section{background:#f8fafc;border-top:1px solid #f0f2f7}.why-card{height:100%;padding:24px;border:1px solid #e8ebf2;background:#fff;border-radius:16px}.why-icon{display:grid;place-items:center;width:44px;height:44px;margin-bottom:18px;border-radius:13px;background:#eef2ff;color:var(--primary);font-size:1.35rem}.why-card h3{letter-spacing:-.02em}.why-card p{line-height:1.7}.modal-content{border:1px solid #e7eaf0;border-radius:18px;box-shadow:0 24px 70px #10182830}.modal-header{padding:24px 26px 0}.modal-body{padding:24px 26px 28px}.tool-label{display:block;font-size:.83rem;font-weight:700;margin-bottom:8px}.tool-textarea,.tool-input,.tool-select{border:1px solid #dfe3eb;border-radius:10px;font-size:.9rem;padding:11px 12px;box-shadow:none!important}.tool-textarea{min-height:155px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.83rem;line-height:1.6}.tool-output{background:#f8fafc}.tool-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.tool-actions .btn{border-radius:9px;font-size:.84rem;font-weight:650;padding:8px 13px}.tool-note{font-size:.8rem;color:var(--muted);line-height:1.55}.tool-result{padding:12px 14px;border-radius:10px;background:#f8fafc;border:1px solid #e7eaf0;font-size:.85rem;white-space:pre-wrap;overflow-wrap:anywhere}.tool-status{font-size:.82rem;margin-top:10px}.status-ok{color:#047857}.status-error{color:#b42318}.color-preview{height:74px;border-radius:12px;border:1px solid #e5e7eb;margin-bottom:14px}.diff-line{font-family:ui-monospace,monospace;font-size:.8rem;padding:5px 9px;border-radius:5px;white-space:pre-wrap;overflow-wrap:anywhere}.diff-same{background:#f8fafc}.diff-add{background:#dcfce7;color:#166534}.diff-remove{background:#fee2e2;color:#991b1b}.form-check-input:checked{background-color:var(--primary);border-color:var(--primary)}footer .navbar-brand{font-size:1rem}@media(max-width:767.98px){.hero-section .container{padding-top:3.25rem!important;padding-bottom:3rem!important}.hero-title{font-size:2.65rem}.hero-copy{font-size:1rem}.hero-search .btn{padding-left:14px!important;padding-right:14px!important}.tool-card{min-height:200px;padding:19px}.tool-card-top{margin-bottom:17px}.modal-header{padding:20px 18px 0}.modal-body{padding:20px 18px 22px}}