.hero h1,.site-header .logo{background:linear-gradient(90deg,var(--brand),var(--mint))}.hero,.site-header{color:var(--text);border-bottom:1px solid var(--border)}.apps h2,.hero{text-align:center}.box-features ul,.key-features ul,.safe-chat-guide .toc{list-style:none;padding:0;margin:0}.apps h2,.hero h1,.safe-chat-guide h1,.safe-chat-guide h2{letter-spacing:.2px}.cta-button::after,.cta-button::before{content:"";position:absolute;pointer-events:none}:root{--brand:#7aa2ff;--mint:#5cf3d5;--orange:#e15c03;--gold:#ffb400;--bg:#0f1220;--bg-2:#151a2e;--bg-3:#1a2040;--card:#121733;--card-2:#0e1430;--text:#e9ecf8;--muted:#a7b0d6;--border:rgba(122,162,255,.18);--border-soft:rgba(122,162,255,.12);--shadow-1:0 8px 24px rgba(0,0,0,.25);--shadow-2:0 12px 36px rgba(0,0,0,.35);--r-sm:10px;--r-md:14px;--r-lg:18px;--pill:999px;--font:system-ui,-apple-system,Segoe UI,Inter,Roboto,Arial,Helvetica,sans-serif;--fs-sm:.94rem;--fs:1rem;--fs-lg:1.15rem;--fs-xl:clamp(1.6rem, 3.5vw, 2.4rem);--fs-2xl:clamp(2rem, 5vw, 3rem);--t:.28s ease}*,.safe-chat-guide,.safe-chat-guide *,::after,::before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font);font-size:var(--fs);color:var(--text);line-height:1.65;background:radial-gradient(1200px 800px at 10% -5%,#1b2250 0,transparent 60%),radial-gradient(1000px 700px at 110% 20%,#16344a 0,transparent 55%),var(--bg)}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid color-mix(in lab,var(--brand) 70%,white);outline-offset:3px;border-radius:8px}img{display:block;max-width:100%}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.site-header{display:flex;justify-content:space-between;align-items:center;padding:14px 28px;background:linear-gradient(180deg,rgba(122,162,255,.14),rgba(92,243,213,.1));position:sticky;top:0;z-index:1000;backdrop-filter:blur(8px);box-shadow:var(--shadow-1)}.site-header .logo{font-weight:800;letter-spacing:.3px;font-size:1.4rem;-webkit-background-clip:text;background-clip:text;color:transparent}.site-header .logo span{color:#ffe600}.social-icons a{color:var(--text);margin-left:14px;font-size:1.2rem;transition:color var(--t),transform var(--t)}.social-icons a:hover{color:var(--mint);transform:translateY(-1px)}.hero{padding:clamp(64px,10vw,120px) 20px;background:radial-gradient(1200px 700px at -10% 0,rgba(122,162,255,.18),transparent 65%),radial-gradient(1000px 600px at 110% 0,rgba(92,243,213,.18),transparent 60%),linear-gradient(135deg,#232a5a,#121733)}.hero h1{font-size:var(--fs-2xl);margin:0 0 .35em;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 6px 24px rgba(0,0,0,.25)}.hero p{font-size:clamp(1rem, 2.2vw, 1.2rem);color:var(--muted);max-width:820px;margin:0 auto 24px}.btn-start{display:inline-block;padding:14px 34px;font-size:1.05rem;border-radius:var(--pill);color:#0e1226;background:linear-gradient(45deg,var(--mint),var(--brand));box-shadow:0 10px 24px rgba(0,0,0,.25);transition:transform var(--t),box-shadow var(--t),filter var(--t)}.btn-start:hover{transform:translateY(-2px);filter:brightness(1.04);box-shadow:var(--shadow-2)}.apps{max-width:1100px;margin:42px auto;padding:0 20px}.apps h2{margin-bottom:26px;font-size:var(--fs-xl);color:var(--text)}.app-card{background:linear-gradient(180deg,rgba(21,26,46,.75),rgba(26,32,64,.75));border:1px solid var(--border);border-radius:var(--r-lg);padding:20px;margin-bottom:22px;box-shadow:var(--shadow-1)}.box-features,.key-features{margin:18px 0;padding:14px 16px}.app-card h3{margin:0 0 8px;color:var(--text)}.app-card p{color:var(--muted)}.key-features{background:linear-gradient(180deg,rgba(122,162,255,.1),rgba(92,243,213,.08));border:1px solid var(--border);border-left:4px solid var(--brand);border-radius:var(--r-md)}.key-features h4{margin:0 0 8px;color:var(--brand);font-size:1.1rem}.box-features li,.key-features li{margin:8px 0;color:var(--text)}.key-features li strong,.safe-chat-guide li strong{color:#cfe2ff}.box-features{background:linear-gradient(180deg,rgba(225,92,3,.12),rgba(225,92,3,.08));border:1px solid rgba(225,92,3,.35);border-left:4px solid var(--orange);border-radius:var(--r-md)}.faq,footer{border-top:1px solid var(--border)}.faq,.theme-light .hero,.theme-light .site-header{border-bottom:1px solid var(--border)}.box-features h4{margin:0 0 8px;color:var(--orange);font-size:1.1rem}.box-features li strong{color:#ffe0c9}.responsive-image{display:block;max-width:64%;height:auto;margin:8px auto 14px;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.25);transition:transform var(--t),box-shadow var(--t)}.responsive-image:hover{transform:scale(1.02);box-shadow:var(--shadow-2)}.rating{margin:10px 0;font-size:1.1rem;color:var(--gold)}.visit-site{display:inline-block;padding:14px 28px;border-radius:12px;color:#0f1220;font-weight:700;background:linear-gradient(135deg,var(--brand),#4f7fff);box-shadow:var(--shadow-1);transition:transform var(--t),box-shadow var(--t),filter var(--t)}.visit-site:hover{transform:translateY(-2px) scale(1.02);filter:brightness(1.05);box-shadow:var(--shadow-2)}.table-wrapper{overflow-x:auto}.pros-cons{width:100%;border-collapse:collapse;margin:14px 0 0;border-radius:12px;overflow:hidden;border:1px solid var(--border);box-shadow:inset 0 0 0 1px rgba(122,162,255,.04)}.pros-cons td,.pros-cons th{padding:10px 12px;text-align:left;border-top:1px solid var(--border-soft);font-size:.96rem}.faq h2,footer{text-align:center}.pros-cons thead th{background:linear-gradient(180deg,rgba(122,162,255,.18),rgba(122,162,255,.1));color:var(--text);border-top:none}.pros-cons tbody td,.safe-chat-guide .dos-donts tbody tr:nth-child(odd) td{background:rgba(26,32,64,.45)}.pros-cons tbody td{color:var(--muted)}.pros-cons tbody tr:nth-child(odd) td{background:rgba(21,26,46,.55)}.faq{background:linear-gradient(180deg,rgba(21,26,46,.65),rgba(26,32,64,.65));padding:38px 20px}.faq h2{margin:0 0 22px;font-size:var(--fs-xl);background:linear-gradient(90deg,var(--brand),var(--mint));-webkit-background-clip:text;background-clip:text;color:transparent}.faq-item{max-width:840px;margin:10px auto}.faq-question{width:100%;text-align:left;padding:14px 16px;border:none;border-radius:10px;color:var(--text);background:linear-gradient(180deg,rgba(122,162,255,.22),rgba(92,243,213,.1));display:flex;align-items:center;gap:10px;transition:transform var(--t),filter var(--t)}.faq-question:hover{transform:translateY(-1px);filter:brightness(1.04)}.faq-answer{max-height:0;overflow:hidden;background:linear-gradient(180deg,rgba(21,26,46,.85),rgba(26,32,64,.85));border:1px solid var(--border);border-top:none;border-radius:0 0 10px 10px;padding:0 16px;transition:max-height var(--t),padding var(--t);color:var(--muted)}.faq-question[aria-expanded=true]+.faq-answer{max-height:420px;padding:14px 16px}#chat-container{position:fixed;top:0;right:-100%;width:min(440px,100%);height:100%;background:linear-gradient(180deg,#151a2e,#1a2040);border-left:1px solid var(--border);box-shadow:-12px 0 32px rgba(0,0,0,.35);z-index:9999;transition:right .6s ease-in-out;overflow:hidden}#chat-container.active{right:0}footer{background:linear-gradient(180deg,#0c1024,#0b0f22);color:#cbd3f3;padding:22px;margin-top:32px}footer a{color:#e5ecff;text-decoration:underline;text-underline-offset:3px}footer a:hover{color:#fff}@media (max-width:768px){.responsive-image{max-width:100%}.site-header{flex-direction:column;text-align:center;gap:8px}.social-icons{margin-top:8px}.hero h1{font-size:clamp(1.6rem, 6vw, 2rem)}.btn-start{width:100%;max-width:360px}.apps{margin:34px auto}}.theme-light{--bg:#f8f9fc;--bg-2:#ffffff;--bg-3:#f1f5ff;--card:#ffffff;--card-2:#f7f9ff;--text:#162036;--muted:#4d5670;--border:#e0e7ff;--border-soft:#ecf0ff;color:var(--text);background:var(--bg)}.theme-light .site-header{background:linear-gradient(90deg,#e9f0ff,#e7fff7);color:#0a1a3a}.theme-light .hero{color:var(--text);background:radial-gradient(900px 500px at -10% 0,rgba(122,162,255,.22),transparent 70%),radial-gradient(800px 500px at 110% 0,rgba(92,243,213,.18),transparent 66%),linear-gradient(135deg,#fff,#f6f9ff)}.theme-light .app-card{background:#fff;border-color:var(--border)}.theme-light .pros-cons thead th{color:#0a1a3a}.theme-light .pros-cons tbody td{background:#fbfdff;color:#2b3550}.theme-light .faq{background:linear-gradient(180deg,#f7f9ff,#f0f6ff);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.safe-chat-guide{--bg:#0f1220;--card:#151a2e;--card-2:#1a2040;--text:#e9ecf8;--muted:#a7b0d6;--accent:#7aa2ff;--accent-2:#5cf3d5;--warn:#ffb86b;--danger:#ff6b6b;--ok:#65d39a;--shadow:0 10px 30px rgba(0,0,0,.35);--radius:16px;--radius-sm:12px;--radius-lg:22px;color:var(--text);background:radial-gradient(1200px 800px at 10% -5%,#1b2250 0,transparent 60%),radial-gradient(1000px 700px at 110% 20%,#16344a 0,transparent 55%),var(--bg);padding:clamp(20px,3vw,40px);border-radius:var(--radius);box-shadow:var(--shadow);font:16px/1.65 system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}.safe-chat-guide header{background:linear-gradient(180deg,rgba(122,162,255,.12),rgba(92,243,213,.08));border:1px solid rgba(122,162,255,.25);padding:clamp(18px,2.2vw,28px);border-radius:var(--radius-lg);backdrop-filter:blur(6px)}.safe-chat-guide h1{margin:0 0 .35em;font-size:clamp(22px, 2.4vw, 34px);line-height:1.2;background:linear-gradient(90deg,var(--accent) 0,var(--accent-2) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.safe-chat-guide .lead{margin:0;color:var(--muted);font-size:clamp(14px, 1.2vw, 18px)}.safe-chat-guide nav{margin:22px 0 8px}.safe-chat-guide .toc{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px 12px}.safe-chat-guide .toc a{display:block;text-decoration:none;color:var(--text);background:linear-gradient(180deg,rgba(21,26,46,.9),rgba(26,32,64,.9));border:1px solid rgba(122,162,255,.18);border-radius:var(--radius-sm);padding:10px 12px;transition:transform .18s,border-color .18s,box-shadow .18s}.safe-chat-guide .toc a:focus-visible,.safe-chat-guide .toc a:hover{transform:translateY(-1px);border-color:rgba(122,162,255,.4);box-shadow:0 6px 16px rgba(122,162,255,.15);outline:0}.safe-chat-guide section{margin:28px 0;padding:clamp(14px,1.6vw,20px);background:linear-gradient(180deg,rgba(21,26,46,.75),rgba(26,32,64,.75));border:1px solid rgba(122,162,255,.16);border-radius:var(--radius)}.safe-chat-guide h2{margin:0 0 10px;font-size:clamp(18px, 2vw, 26px)}.safe-chat-guide h3{margin:18px 0 8px;font-size:clamp(16px, 1.6vw, 20px);color:var(--accent-2)}.safe-chat-guide ul{margin:12px 0 0;padding-left:1.2rem}.safe-chat-guide li{margin:7px 0}.safe-chat-guide .dos-donts{width:100%;margin-top:14px;border-collapse:collapse;overflow:hidden;border-radius:var(--radius);border:1px solid rgba(122,162,255,.18)}.safe-chat-guide .dos-donts thead th{text-align:left;font-weight:700;padding:10px 12px;background:rgba(122,162,255,.12)}.safe-chat-guide .dos-donts tbody td{padding:10px 12px;border-top:1px solid rgba(122,162,255,.14)}.safe-chat-guide .callout{margin-top:12px;padding:12px 14px;border-radius:var(--radius-sm);background:linear-gradient(180deg,rgba(92,243,213,.12),rgba(92,243,213,.06));border:1px solid rgba(92,243,213,.35)}.safe-chat-guide .callout.warn{background:linear-gradient(180deg,rgba(255,107,107,.12),rgba(255,107,107,.06));border-color:rgba(255,107,107,.45)}.safe-chat-guide a{color:var(--accent);text-underline-offset:3px}.safe-chat-guide a:hover{color:#9bb9ff}.safe-chat-guide em{color:#d6e0ff}.safe-chat-guide :focus-visible{outline:rgba(122,162,255,.7) solid 2px;outline-offset:2px;border-radius:8px}@media (prefers-reduced-motion:no-preference){.safe-chat-guide section{animation:.28s both pop}@keyframes pop{from{transform:translateY(4px);opacity:.96}to{transform:translateY(0);opacity:1}}}@media (max-width:720px){.safe-chat-guide{padding:18px}.safe-chat-guide .toc{grid-template-columns:1fr 1fr}}@media print{.safe-chat-guide{background:#fff!important;color:#000;box-shadow:none}.safe-chat-guide header,.safe-chat-guide section{background:#fff;border:1px solid #ddd}.safe-chat-guide .toc a{border:1px solid #ccc;box-shadow:none}}.cta-button{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:.9rem 1.8rem;font:700 0.95rem/1 var(--font, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif);letter-spacing:.06em;text-transform:uppercase;color:#0f1325;background:linear-gradient(135deg,color-mix(in lab,var(--mint,#5cf3d5) 80%,#fff) 0,var(--brand,#7aa2ff) 45%,color-mix(in lab,var(--brand,#7aa2ff) 80%,#4f7fff) 100%);border:1px solid color-mix(in lab,var(--brand,#7aa2ff) 60%,#fff);border-radius:14px;box-shadow:0 8px 20px rgba(0,0,0,.25),0 2px 0 rgba(255,255,255,.08) inset,0 -2px 10px rgba(255,255,255,.06) inset;position:relative;overflow:hidden;transition:transform .22s,box-shadow .22s,filter .22s,background .3s}.cta-button::before{inset:0;background:linear-gradient(120deg,transparent 0,rgba(255,255,255,.35) 35%,rgba(255,255,255,.15) 55%,transparent 75%);transform:translateX(-120%) skewX(-18deg);transition:transform .6s}.cta-button::after{inset:-2px;border-radius:inherit;box-shadow:0 0 0 0 rgba(122,162,255,.35);opacity:0;transition:opacity .22s,box-shadow .22s}.cta-button:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.3),0 2px 0 rgba(255,255,255,.1) inset;filter:brightness(1.04)}.cta-button:hover::before{transform:translateX(120%) skewX(-18deg)}.cta-button:hover::after{opacity:.7;box-shadow:0 0 24px 6px color-mix(in lab,var(--brand,#7aa2ff) 45%,#fff)}.cta-button:active{transform:translateY(0);filter:brightness(.98);box-shadow:0 6px 16px rgba(0,0,0,.25),0 1px 0 rgba(0,0,0,.2) inset}.cta-button:focus-visible{outline:2px solid color-mix(in lab,var(--brand,#7aa2ff) 70%,white);outline-offset:3px}.cta-button::marker{content:none}.cta-button[data-arrow=true]::after{content:"➜";position:static;opacity:.85;margin-left:.3rem;box-shadow:none}@media (max-width:480px){.safe-chat-guide .toc{grid-template-columns:1fr}.cta-button{width:100%;padding:.95rem 1.2rem;font-size:.92rem}}