:root{--bg:#f7f9fc;--surface:#fff;--surface-2:#f0f4f9;--text:#142033;--muted:#68758a;--line:#dfe6ef;--primary:#1267e8;--primary-dark:#0c50bb;--primary-soft:#eaf2ff;--teal:#09a7a1;--danger:#d83b43;--warning:#fff5dd;--shadow:0 24px 60px #182b4c1f;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.container{width:min(1160px,100% - 40px);margin:0 auto}.narrow{width:min(760px,100%)}.center{text-align:center}.small{font-size:.85rem}.muted{color:var(--muted)}.full{justify-content:center;width:100%}.site-header{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f7f9fce0;border-bottom:1px solid #dfe6efb3;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;min-height:76px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:1.15rem;font-weight:800;display:inline-flex}.brand-mark{color:#fff;background:linear-gradient(135deg, var(--primary), var(--teal));border-radius:11px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 8px 24px #1267e838}.nav{align-items:center;gap:28px;font-size:.95rem;font-weight:600;display:flex}.nav>a:not(.button):hover{color:var(--primary)}.mobile-nav-button{background:0 0;border:0;font-size:1.4rem;display:none}.button{cursor:pointer;border:1px solid #0000;border-radius:13px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-weight:700;transition:all .2s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:not-allowed;transform:none}.button-primary{background:var(--primary);color:#fff;box-shadow:0 12px 30px #1267e838}.button-primary:hover{background:var(--primary-dark)}.button-secondary{background:var(--surface-2);border-color:var(--line);color:var(--text)}.button-ghost{border-color:var(--line);background:0 0}.button-danger{background:var(--danger);color:#fff}.button-light{color:var(--primary-dark);background:#fff}.button-small{background:var(--primary);color:#fff;padding:8px 13px}.button-large{border-radius:15px;padding:14px 22px}.hero{background:radial-gradient(circle at 85% 15%,#1267e81f,#0000 30%),radial-gradient(circle at 10% 20%,#09a7a114,#0000 24%);padding:100px 0 88px;overflow:hidden}.hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:74px;display:grid}h1,h2,h3{letter-spacing:-.035em;margin:0 0 18px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;line-height:1.12}h1{font-size:clamp(3rem,6vw,5.7rem);font-weight:800}h2{font-size:clamp(2rem,4vw,3.3rem);font-weight:800}h3{font-size:1.25rem;font-weight:800}.gradient-text{background:linear-gradient(90deg, var(--primary), var(--teal));color:#0000;-webkit-background-clip:text;background-clip:text}.eyebrow{color:var(--primary);text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:8px;margin-bottom:18px;font-size:.78rem;font-weight:800;display:inline-flex}.eyebrow-light{color:#ffffffc7}.status-dot{background:var(--teal);border-radius:999px;width:8px;height:8px;box-shadow:0 0 0 6px #09a7a11f}.hero-copy{color:var(--muted);max-width:680px;font-size:1.18rem}.hero-actions{flex-wrap:wrap;gap:12px;margin:32px 0 24px;display:flex}.trust-row{color:var(--muted);flex-wrap:wrap;gap:18px;font-size:.9rem;display:flex}.hero-card-wrap{padding:28px;position:relative}.glow{filter:blur(62px);background:linear-gradient(135deg,#1267e866,#09a7a147);border-radius:50%;position:absolute;inset:15% 8%}.demo-card{z-index:1;box-shadow:var(--shadow);background:#fffffff0;border:1px solid #ffffffe6;border-radius:26px;padding:28px;position:relative;transform:rotate(1.2deg)}.demo-card-head{align-items:center;gap:12px;display:flex}.icon-box{background:var(--primary-soft);border-radius:14px;place-items:center;width:46px;height:46px;display:grid}.badge{border-radius:999px;margin-left:auto;padding:5px 9px;font-size:.75rem;font-weight:800}.badge-success{color:#087c52;background:#e5f8ef}.secret-preview{border:1px solid var(--line);background:#fbfcfe;border-radius:14px;justify-content:space-between;align-items:center;margin:28px 0;padding:17px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;display:flex}.fake-button{color:var(--primary);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.82rem;font-weight:800}.demo-meta{grid-template-columns:1fr 1fr;gap:14px;display:grid}.demo-meta div{background:var(--surface-2);border-radius:13px;padding:13px}.demo-meta span,.demo-meta strong{display:block}.demo-meta span{color:var(--muted);font-size:.8rem}.encrypted-line{color:var(--muted);margin-top:18px;font-size:.85rem}.encrypted-line span{color:var(--teal)}.section{padding:92px 0}.section-soft{background:#eef3f9}.section-intro{max-width:700px;color:var(--muted);margin:0 auto 46px;font-size:1.06rem}.section-intro.left{margin-left:0}.comparison-grid,.steps-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.comparison-card,.step,.panel{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);box-shadow:0 14px 34px #182b4c0f}.comparison-card{text-align:left;padding:28px}.comparison-card.good{background:linear-gradient(#fff,#f3fffb);border-color:#09a7a159}.comparison-icon{border-radius:12px;place-items:center;width:38px;height:38px;margin-bottom:24px;font-weight:900;display:grid}.bad .comparison-icon{color:var(--danger);background:#fff0f1}.good .comparison-icon{color:#07845c;background:#e7f9f3}.comparison-card p,.step p{color:var(--muted);margin:0}.step{padding:30px}.step-number{color:var(--primary);margin-bottom:36px;font-family:Manrope;font-weight:900;display:inline-block}.feature-layout{grid-template-columns:.9fr 1.1fr;align-items:start;gap:80px;display:grid}.feature-list{gap:12px;display:grid}.feature-item{border:1px solid var(--line);background:#fff;border-radius:16px;grid-template-columns:50px 1fr;gap:18px;padding:22px;display:grid}.feature-item>span{color:var(--primary);font-family:Manrope;font-weight:900}.feature-item p{color:var(--muted);margin:5px 0 0}.text-link{color:var(--primary);font-weight:800}.cta{color:#fff;box-shadow:var(--shadow);background:linear-gradient(120deg,#0c50bb,#075b8d 54%,#087e7a);border-radius:30px;justify-content:space-between;align-items:center;gap:30px;padding:54px;display:flex}.cta p{color:#ffffffc7;margin:0}.page-hero{padding:90px 0 70px}.page-hero.compact{padding-bottom:54px}.page-hero h1{font-size:clamp(2.4rem,5vw,4rem)}.page-hero p{color:var(--muted);font-size:1.08rem}.no-top{padding-top:0}.panel{padding:32px}.field{text-align:left;gap:8px;margin-bottom:22px;display:grid}.field>span{font-weight:800}.field em{color:var(--muted);font-style:normal;font-weight:500}.field small{color:var(--muted)}textarea,input,select{border:1px solid var(--line);width:100%;color:var(--text);background:#fff;border-radius:13px;outline:none;padding:13px 14px}textarea:focus,input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 4px #1267e817}textarea{resize:vertical}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.notice{background:var(--primary-soft);color:#33445f;border-radius:13px;margin:18px 0;padding:15px 16px}.notice.warning{background:var(--warning)}.form-error{color:var(--danger);margin-top:16px;font-weight:700}.success-icon,.danger-icon,.gone-icon{border-radius:18px;place-items:center;width:58px;height:58px;margin:0 auto 20px;font-size:1.7rem;display:grid}.success-icon{color:#087c52;background:#e7f9f3}.danger-icon{color:var(--danger);background:#fff0f1}.gone-icon{color:#9c6b00;background:#fff5dd}.copy-row,.password-output{grid-template-columns:1fr auto;gap:10px;display:grid}.secret-status{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px;display:grid}.secret-status>div{background:var(--surface-2);border-radius:14px;padding:14px}.secret-status span,.secret-status strong{display:block}.secret-status span{color:var(--muted);font-size:.82rem}.locked-secret{text-align:center;background:#fbfcfe;border:1px dashed #cbd6e4;border-radius:18px;padding:34px 18px}.lock-illustration{margin-bottom:12px;font-size:2.2rem}.secret-value{white-space:pre-wrap;word-break:break-word;color:#eaf2ff;background:#0d1727;border-radius:16px;min-height:92px;padding:22px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.05rem}.secret-actions{justify-content:flex-end;margin-top:12px;display:flex}.password-output{margin-bottom:26px}.password-output input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.05rem}.checkbox-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px;display:grid}.checkbox-grid label{border:1px solid var(--line);background:#fff;border-radius:12px;padding:13px}.checkbox-grid input{width:auto;margin-right:8px}.content-page{width:min(800px,100% - 40px)}.content-page h2{margin-top:52px;font-size:1.8rem}.content-page h2:first-child{margin-top:0}.content-page p,.content-page li{color:#4d5c72}.content-page pre,.code-diagram{color:#eaf2ff;background:#0d1727;border-radius:15px;padding:20px;overflow-x:auto}.code-diagram{flex-wrap:wrap;justify-content:center;gap:13px;margin:26px 0;display:flex}.faq-list details{border:1px solid var(--line);background:#fff;border-radius:15px;margin-bottom:12px;padding:20px 22px}.faq-list summary{cursor:pointer;font-weight:800}.faq-list p{color:var(--muted);margin-bottom:0}.site-footer{border-top:1px solid var(--line);background:#f1f5fa;padding:70px 0 30px}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:50px;display:grid}.footer-grid>div{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.footer-copy{max-width:500px}.footer-bottom{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;margin-top:48px;padding-top:20px;font-size:.86rem;display:flex}@media (width<=860px){.hero-grid,.feature-layout{grid-template-columns:1fr;gap:42px}.comparison-grid,.steps-grid{grid-template-columns:1fr}.hero{padding-top:70px}.cta{flex-direction:column;align-items:flex-start;padding:36px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.mobile-nav-button{display:block}.nav{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:16px;flex-direction:column;align-items:stretch;padding:18px;display:none;position:absolute;top:76px;left:20px;right:20px}.nav.open{display:flex}}@media (width<=600px){.container{width:min(100% - 24px,1160px)}h1{font-size:3rem}.hero-card-wrap{padding:8px}.demo-card{padding:20px}.form-grid,.secret-status,.checkbox-grid,.footer-grid,.copy-row,.password-output{grid-template-columns:1fr}.panel{padding:22px}.section{padding:70px 0}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:8px}}.symbol-picker{border:1px solid var(--line);background:#f8fafc;border-radius:14px;margin:-4px 0 26px;padding:18px}.symbol-picker.is-disabled{opacity:.48}.symbol-picker-head{justify-content:space-between;gap:18px;margin-bottom:14px;display:flex}.symbol-picker-head small{color:var(--muted);margin-top:4px;display:block}.symbol-actions{gap:8px;display:flex}.button-small{min-height:auto;padding:8px 11px}.symbol-grid{grid-template-columns:repeat(8,minmax(42px,1fr));gap:8px;display:grid}.symbol-grid label{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:42px;padding:8px;display:flex}.symbol-grid code{font-size:1rem;font-weight:800}@media (width<=600px){.symbol-picker-head{flex-direction:column}.symbol-grid{grid-template-columns:repeat(4,minmax(42px,1fr))}}