@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--primary:#4f46e5;--primary-dark:#3730a3;--primary-light:#eef2ff;--accent:#f59e0b;--accent-dark:#d97706;--cta:#10b981;--cta-dark:#059669;--bg:#fafafa;--bg-alt:#f0f4ff;--text:#111827;--text-mid:#374151;--text-light:#6b7280;--white:#fff;--border:#e5e7eb;--shadow-sm:0 2px 12px #4f46e51a;--shadow:0 6px 32px #4f46e524;--radius:18px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.65}nav{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#fffffff5;height:66px;padding:0 28px;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:12px;max-width:1100px;height:100%;margin:0 auto;display:flex}.nav-logo{color:var(--primary);letter-spacing:-.02em;align-items:center;gap:10px;min-width:0;font-size:1.45rem;font-weight:900;text-decoration:none;display:flex}.nav-logo-accent{color:var(--accent)}.nav-logo svg,.nav-logo img{flex-shrink:0;width:32px;height:32px}.nav-links{align-items:center;gap:28px;display:flex}.nav-link{color:var(--text-mid);font-size:.95rem;font-weight:600;text-decoration:none;transition:color .2s}.nav-link:hover{color:var(--primary)}.nav-cta{background:var(--cta);color:#fff;cursor:pointer;border:none;border-radius:50px;padding:10px 22px;font-size:.9rem;font-weight:700;text-decoration:none;transition:background .2s,transform .15s;display:inline-block}.nav-cta:hover{background:var(--cta-dark);transform:translateY(-1px)}.nav-toggle{cursor:pointer;background:0 0;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;padding:0;display:none}.nav-toggle:hover{background:var(--primary-light)}.nav-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.nav-toggle-bars,.nav-toggle-bars:before,.nav-toggle-bars:after{background:var(--primary);border-radius:2px;width:22px;height:2px;transition:transform .2s,opacity .2s,background .2s;display:block}.nav-toggle-bars{position:relative}.nav-toggle-bars:before,.nav-toggle-bars:after{content:"";position:absolute;left:0}.nav-toggle-bars:before{top:-7px}.nav-toggle-bars:after{top:7px}.nav-toggle[aria-expanded=true] .nav-toggle-bars{background:0 0}.nav-toggle[aria-expanded=true] .nav-toggle-bars:before{top:0;transform:rotate(45deg)}.nav-toggle[aria-expanded=true] .nav-toggle-bars:after{top:0;transform:rotate(-45deg)}@media (prefers-reduced-motion:reduce){.nav-toggle-bars,.nav-toggle-bars:before,.nav-toggle-bars:after{transition:none}}.mobile-nav-panel{background:var(--white);border-bottom:1px solid var(--border);width:100%;box-shadow:var(--shadow);z-index:99;flex-direction:column;max-height:calc(100vh - 66px);padding:8px 20px 16px;display:flex;position:fixed;top:66px;left:0;right:0;overflow:hidden auto}.mobile-nav-panel[hidden]{display:none}.mobile-nav-link{min-height:44px;color:var(--text-mid);border-bottom:1px solid var(--border);align-items:center;font-size:.98rem;font-weight:600;text-decoration:none;transition:color .2s;display:flex}.mobile-nav-link:last-of-type{border-bottom:none}.mobile-nav-link:hover,.mobile-nav-link:focus-visible{color:var(--primary)}.mobile-nav-cta{text-align:center;justify-content:center;align-items:center;min-height:44px;margin-top:14px;display:flex}section{width:100%;padding:88px 28px}.container{max-width:1100px;margin:0 auto}.section-label{letter-spacing:.14em;text-transform:uppercase;color:var(--primary);background:var(--primary-light);border-radius:30px;margin-bottom:16px;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-block}h2{color:var(--text);letter-spacing:-.02em;margin-bottom:18px;font-size:clamp(1.7rem,3vw,2.5rem);font-weight:800;line-height:1.2}.section-body{color:var(--text-light);max-width:560px;font-size:1.05rem;line-height:1.75}.hero{background:linear-gradient(140deg,#eef2ff 0%,#fef9ec 55%,#ecfdf5 100%);padding-top:80px;padding-bottom:80px;overflow:hidden}.hero-inner{justify-content:space-between;align-items:center;gap:56px;max-width:1100px;margin:0 auto;display:flex}.hero-left{flex:480px}.hero-badges{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:22px;display:flex}.hero-badge{background:var(--accent);color:#fff;letter-spacing:.09em;text-transform:uppercase;border-radius:30px;align-items:center;gap:6px;padding:6px 14px;font-size:.78rem;font-weight:700;display:inline-flex}.hero-ai-chip{background:var(--primary-light);color:var(--primary-dark);border:1.5px solid #c7d2fe;border-radius:30px;align-items:center;gap:5px;padding:5px 12px;font-size:.78rem;font-weight:700;display:inline-flex}.hero-badge .dot{background:#fff;border-radius:50%;width:7px;height:7px;animation:1.6s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}h1{color:var(--text);letter-spacing:-.03em;margin-bottom:22px;font-size:clamp(2.1rem,4.2vw,3.4rem);font-weight:900;line-height:1.12}h1 .highlight{color:var(--primary);display:inline-block;position:relative}h1 .highlight:after{content:"";background:var(--accent);border-radius:4px;width:100%;height:4px;position:absolute;bottom:-4px;left:0}.hero-sub{color:var(--text-mid);max-width:480px;margin-bottom:38px;font-size:1.1rem;line-height:1.7}.signup-form{gap:10px;max-width:480px;margin-bottom:14px;display:flex}.signup-form input[type=email]{border:2px solid var(--border);background:#fff;border-radius:50px;outline:none;flex:1;padding:14px 20px;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}.signup-form input[type=email]:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51f}.signup-form input[type=email]::placeholder{color:#9ca3af}.signup-form button{background:var(--cta);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:50px;padding:14px 26px;font-family:inherit;font-size:.95rem;font-weight:700;transition:background .2s,transform .15s,box-shadow .2s;box-shadow:0 4px 18px #10b98152}.signup-form button:hover{background:var(--cta-dark);transform:translateY(-2px);box-shadow:0 6px 24px #10b98161}.form-note{color:var(--text-light);font-size:.8rem}.success-msg{color:#065f46;background:#d1fae5;border:1.5px solid #6ee7b7;border-radius:14px;max-width:480px;margin-top:12px;padding:14px 18px;font-size:.95rem;font-weight:600;display:none}.hero-right{flex:0 0 300px;justify-content:center;align-items:center;display:flex}.mascot-wrap{filter:drop-shadow(0 16px 40px #4f46e540);position:relative}.mascot-float{animation:3.6s ease-in-out infinite float;display:block}@keyframes float{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-20px)rotate(1deg)}}.problem-section{background:#fff}.problem-inner{align-items:flex-start;gap:60px;max-width:1100px;margin:0 auto;display:flex}.problem-text{flex:420px;padding-top:8px}.problem-visual{flex:0 0 380px}.ai-stack{flex-direction:column;gap:12px;display:flex}.ai-card{border:1.5px solid var(--border);background:#f9fafb;border-radius:14px;align-items:center;gap:14px;padding:14px 18px;display:flex}.ai-card-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.3rem;font-weight:900;display:flex}.ai-card-icon.chatgpt{color:#fff;background:#10a37f;font-size:.9rem}.ai-card-icon.gemini{color:#fff;background:linear-gradient(135deg,#4285f4,#ea4335);font-size:.9rem}.ai-card-icon.claude{color:#fff;background:#cc785c;font-size:.9rem}.ai-card-text strong{margin-bottom:2px;font-size:.9rem;font-weight:700;display:block}.ai-card-text small{color:var(--text-light);font-size:.8rem}.ai-card.risky{background:#fef3c7;border-color:#fde68a}.risky-tag{color:#92400e;white-space:nowrap;background:#fde68a;border-radius:30px;margin-left:auto;padding:3px 8px;font-size:.7rem;font-weight:700}.divider-label{text-align:center;color:var(--text-light);margin:4px 0;font-size:.82rem;font-weight:600;position:relative}.divider-label:before,.divider-label:after{content:"";background:var(--border);width:38%;height:1px;position:absolute;top:50%}.divider-label:before{left:0}.divider-label:after{right:0}.solution-banner{background:linear-gradient(135deg, var(--primary), #7c3aed);color:#fff;border-radius:16px;align-items:center;gap:16px;margin-top:6px;padding:20px;display:flex}.solution-banner .sb-icon{flex-shrink:0;font-size:2.2rem}.solution-banner .sb-text strong{margin-bottom:3px;font-size:1rem;font-weight:700;display:block}.solution-banner .sb-text span{opacity:.85;font-size:.84rem}.fix-section{background:var(--bg-alt)}.fix-inner{grid-template-columns:1fr 1fr;align-items:center;gap:48px;max-width:1100px;margin:0 auto;display:grid}.fix-cards{flex-direction:column;gap:16px;display:flex}.fix-card{box-shadow:var(--shadow-sm);background:#fff;border:1.5px solid #0000;border-radius:14px;align-items:flex-start;gap:16px;padding:20px 22px;transition:border-color .2s,box-shadow .2s;display:flex}.fix-card:hover{border-color:var(--primary);box-shadow:var(--shadow)}.fix-card .fc-icon{flex-shrink:0;margin-top:2px;font-size:1.8rem;line-height:1}.fix-card .fc-title{color:var(--text);margin-bottom:4px;font-size:.95rem;font-weight:700}.fix-card .fc-desc{color:var(--text-light);font-size:.85rem;line-height:1.6}.how-section{background:#fff}.how-intro{text-align:center;max-width:680px;margin:0 auto 56px}.steps-grid{grid-template-columns:repeat(4,1fr);gap:0;max-width:1100px;margin:0 auto;display:grid;position:relative}.steps-grid:before{content:"";background:linear-gradient(90deg, var(--primary-light), var(--primary), var(--primary-light));z-index:0;height:2px;position:absolute;top:38px;left:calc(12.5% + 28px);right:calc(12.5% + 28px)}.step{text-align:center;flex-direction:column;align-items:center;padding:0 16px;display:flex;position:relative}.step-num{background:var(--primary);color:#fff;z-index:1;width:56px;height:56px;box-shadow:var(--shadow-sm);border:4px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:20px;font-size:1.3rem;font-weight:900;display:flex;position:relative}.step.qr-step .step-num{background:var(--accent)}.step-icon{margin-bottom:12px;font-size:2rem}.step h3{color:var(--text);justify-content:center;align-items:center;min-height:2.6em;margin-bottom:8px;font-size:1rem;font-weight:700;line-height:1.3;display:flex}.step p{color:var(--text-light);font-size:.85rem;line-height:1.65}.qr-badge{color:#92400e;background:#fef3c7;border:1.5px solid #fde68a;border-radius:30px;align-items:center;gap:5px;margin-top:8px;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.qr-mockup{border:2px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;border-radius:12px;margin:10px 0 6px;padding:10px;display:inline-block}.trust-section{background:var(--bg-alt)}.trust-intro{text-align:center;max-width:640px;margin:0 auto 52px}.trust-grid{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1100px;margin:0 auto;display:grid}.trust-card{border-radius:var(--radius);background:#fff;border:1.5px solid #e0e7ff;padding:30px 26px;transition:transform .2s,box-shadow .2s}.trust-card:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.trust-icon-wrap{background:var(--primary-light);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:18px;font-size:1.7rem;display:flex}.trust-card h3{color:var(--primary-dark);margin-bottom:10px;font-size:1.05rem;font-weight:700}.trust-card p{color:var(--text-light);font-size:.88rem;line-height:1.7}.cta-section{background:linear-gradient(135deg,#4f46e5 0%,#7c3aed 55%,#4f46e5 100%);padding:96px 28px;position:relative;overflow:hidden}.cta-section:before{content:"";background:#ffffff0d;border-radius:50%;width:320px;height:320px;position:absolute;top:-80px;right:-80px}.cta-section:after{content:"";background:#ffffff0a;border-radius:50%;width:280px;height:280px;position:absolute;bottom:-100px;left:-60px}.cta-inner{text-align:center;z-index:1;max-width:640px;margin:0 auto;position:relative}.cta-inner h2{color:#fff;margin-bottom:14px;font-size:clamp(1.7rem,3.2vw,2.6rem)}.cta-inner .cta-sub{color:#ffffffd1;margin-bottom:40px;font-size:1.05rem;line-height:1.7}.cta-form{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.cta-form input[type=email]{color:#fff;background:#ffffff26;border:2px solid #ffffff40;border-radius:50px;outline:none;flex:1;min-width:260px;padding:15px 22px;font-family:inherit;font-size:1rem;transition:border-color .2s,background .2s}.cta-form input[type=email]::placeholder{color:#fff9}.cta-form input[type=email]:focus{background:#fff3;border-color:#ffffffb3}.cta-form button{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:50px;padding:15px 34px;font-family:inherit;font-size:1rem;font-weight:700;transition:background .2s,transform .15s,box-shadow .2s;box-shadow:0 4px 20px #f59e0b66}.cta-form button:hover{background:var(--accent-dark);transform:translateY(-2px);box-shadow:0 6px 28px #f59e0b80}.cta-note{color:#ffffff8c;margin-top:18px;font-size:.8rem}.cta-success{color:#fff;background:#ffffff2e;border:1.5px solid #fff6;border-radius:14px;margin-top:16px;padding:16px 22px;font-size:1rem;font-weight:600;display:none}footer{color:#9ca3af;text-align:center;background:#0f172a;padding:40px 28px}.footer-brand{color:#fff;letter-spacing:-.02em;margin-bottom:10px;font-size:1.2rem;font-weight:800}.footer-brand .explorer-col{color:var(--accent)}.footer-links{flex-wrap:wrap;justify-content:center;gap:24px;margin:14px 0;display:flex}.footer-links a{color:#9ca3af;font-size:.85rem;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#fff}.privacy-note{color:#6b7280;border-top:1px solid #1f2937;max-width:520px;margin:16px auto 0;padding-top:18px;font-size:.8rem;line-height:1.65}.footer-copy{color:#4b5563;margin-top:16px;font-size:.78rem}@media (width<=900px){.steps-grid{grid-template-columns:repeat(2,1fr);gap:32px}.steps-grid:before{display:none}.step h3{min-height:auto}.trust-grid{grid-template-columns:repeat(2,1fr)}.fix-inner{grid-template-columns:1fr;gap:36px}}@media (width<=767px){.nav-links,.nav-cta-desktop{display:none}.nav-toggle{display:inline-flex}.hero-inner{text-align:center;flex-direction:column-reverse;gap:40px}.hero-left{flex:none}h1 .highlight:after{display:none}.hero-sub{margin-left:auto;margin-right:auto}.signup-form{flex-direction:column;max-width:100%}.problem-inner{flex-direction:column}.problem-visual{flex:none;width:100%}.trust-grid{grid-template-columns:1fr}section{padding:64px 20px}.hero-badges,.hero-badge,.hero-ai-chip{justify-content:center}.section-label{text-align:center;display:block}h2{text-align:center}.section-body{text-align:center;margin-left:auto;margin-right:auto}.fix-cards{max-width:480px;margin:0 auto}}@media (width<=520px){.steps-grid{grid-template-columns:1fr}h1{font-size:2rem}}@media (width>=768px){.nav-toggle,.mobile-nav-panel{display:none!important}}
