@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{color:#1e293b;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f7f8fb;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.65}::selection{color:#1e3a8a;background:#c7d2fe}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#c1c9d6;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}:root{--white:#fff;--bg:#f7f8fb;--surface:#fff;--surface-alt:#f1f5f9;--border:#e2e8f0;--border-strong:#cbd5e1;--text:#1e293b;--text-secondary:#475569;--text-muted:#94a3b8;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-light:#eff6ff;--primary-border:#bfdbfe;--teal:#0d9488;--teal-light:#f0fdfa;--teal-border:#99f6e4;--green:#059669;--green-light:#ecfdf5;--green-border:#a7f3d0;--amber:#d97706;--amber-light:#fffbeb;--amber-border:#fde68a;--red:#dc2626;--red-light:#fef2f2;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 8px 24px #00000014;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--max-width:1120px}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}@media (width>=768px){.container{padding:0 32px}}.section{padding:80px 0}.section-header{text-align:center;margin-bottom:48px}.section-badge{border-radius:var(--radius-full);align-items:center;gap:6px;margin-bottom:16px;padding:5px 14px;font-size:13px;font-weight:600;display:inline-flex}.section-badge--blue{background:var(--primary-light);color:var(--primary);border:1px solid var(--primary-border)}.section-badge--teal{background:var(--teal-light);color:var(--teal);border:1px solid var(--teal-border)}.section-badge--green{background:var(--green-light);color:var(--green);border:1px solid var(--green-border)}.section-title{letter-spacing:-.02em;color:var(--text);margin-bottom:12px;font-size:32px;font-weight:800;line-height:1.2}@media (width>=768px){.section-title{font-size:40px}}.section-subtitle{color:var(--text-secondary);max-width:560px;margin:0 auto;font-size:16px;line-height:1.7}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;transition:box-shadow .2s,border-color .2s}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.btn{border-radius:var(--radius-md);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;line-height:1;text-decoration:none;transition:all .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn--primary{background:var(--primary);color:#fff;box-shadow:0 1px 3px #2563eb4d}.btn--primary:hover{background:var(--primary-hover);box-shadow:0 4px 12px #2563eb40}.btn--outline{background:var(--white);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-xs)}.btn--outline:hover{background:var(--surface-alt);border-color:var(--border-strong)}.btn--sm{border-radius:var(--radius-sm);padding:8px 16px;font-size:13px}.btn--ghost{color:var(--text-secondary);background:0 0;border:none;padding:8px 14px}.btn--ghost:hover{background:var(--surface-alt);color:var(--text)}.label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:8px;font-size:11px;font-weight:700;display:block}.input,.textarea,.select{background:var(--surface-alt);border:1.5px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text);outline:none;padding:12px 16px;font-size:14px;transition:border-color .15s,box-shadow .15s}.input:focus,.textarea:focus,.select:focus{border-color:var(--primary);background:var(--white);box-shadow:0 0 0 3px #2563eb1a}.input--mono,.textarea--mono{letter-spacing:.03em;font-family:JetBrains Mono,monospace;font-size:14px}.textarea{resize:vertical;min-height:100px}.input--error{border-color:var(--amber);background:var(--amber-light)}.input--error:focus{border-color:var(--amber);box-shadow:0 0 0 3px #d977061f}.error-hint{color:var(--amber);margin-top:6px;font-size:12px;font-weight:500}.mono{font-family:JetBrains Mono,monospace}.navbar{z-index:100;border-bottom:1px solid #0000;align-items:center;height:64px;transition:background .25s,box-shadow .25s,border-color .25s;display:flex;position:fixed;top:0;left:0;right:0}.navbar--scrolled{-webkit-backdrop-filter:blur(12px);border-bottom-color:var(--border);box-shadow:var(--shadow-xs);background:#ffffffeb}.navbar__inner{max-width:var(--max-width);justify-content:space-between;align-items:center;width:100%;margin:0 auto;padding:0 24px;display:flex}.navbar__logo{cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;display:flex}.navbar__logo-icon{background:var(--primary);border-radius:var(--radius-sm);color:#fff;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.navbar__logo-text{color:var(--text);font-size:15px;font-weight:700}.navbar__links{align-items:center;gap:4px;display:none}@media (width>=768px){.navbar__links{display:flex}}.navbar__link{color:var(--text-secondary);border-radius:var(--radius-sm);background:0 0;border:none;padding:8px 14px;font-size:14px;font-weight:500;transition:all .15s}.navbar__link:hover{background:var(--surface-alt);color:var(--text)}.navbar__cta{margin-left:8px}.navbar__mobile-toggle{border-radius:var(--radius-sm);width:40px;height:40px;color:var(--text-secondary);background:0 0;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}.navbar__mobile-toggle:hover{background:var(--surface-alt)}@media (width>=768px){.navbar__mobile-toggle{display:none}}.navbar__mobile-menu{background:var(--white);border-top:1px solid var(--border);flex-direction:column;gap:4px;padding:16px 24px 20px;display:flex}.navbar__mobile-link{color:var(--text-secondary);border-radius:var(--radius-md);text-align:left;background:0 0;border:none;padding:12px 16px;font-size:15px;font-weight:500;transition:all .15s}.navbar__mobile-link:hover{background:var(--surface-alt);color:var(--text)}.hero{background:var(--white);padding:100px 0 80px;position:relative;overflow:hidden}.hero__accent-line{background:linear-gradient(90deg, var(--primary), var(--teal), var(--green));height:3px;position:absolute;top:0;left:0;right:0}.hero__grid-bg{opacity:.45;pointer-events:none;background-image:radial-gradient(circle at 1px 1px,#e2e8f0 .8px,#0000 0);background-size:40px 40px;position:absolute;inset:0}.hero__content{text-align:center;position:relative}.hero__badge{background:var(--primary-light);color:var(--primary);border:1px solid var(--primary-border);border-radius:var(--radius-full);align-items:center;gap:6px;margin-bottom:28px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-flex}.hero__title{letter-spacing:-.03em;color:var(--text);margin-bottom:20px;font-size:48px;font-weight:800;line-height:1.15}@media (width>=768px){.hero__title{font-size:60px}}@media (width>=1024px){.hero__title{font-size:72px}}.hero__title-accent{background:linear-gradient(135deg, var(--primary), var(--teal));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero__subtitle{color:var(--text-secondary);max-width:520px;margin:0 auto 36px;font-size:18px;line-height:1.7}.hero__actions{flex-direction:column;align-items:center;gap:12px;margin-bottom:64px;display:flex}@media (width>=480px){.hero__actions{flex-direction:row;justify-content:center}}.hero__features{grid-template-columns:1fr;gap:16px;max-width:800px;margin:0 auto;display:grid}@media (width>=640px){.hero__features{grid-template-columns:repeat(3,1fr)}}.hero__feature{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:left;padding:20px}.hero__feature-icon{background:var(--primary-light);border:1px solid var(--primary-border);width:40px;height:40px;color:var(--primary);border-radius:10px;justify-content:center;align-items:center;margin-bottom:12px;display:flex}.hero__feature-title{color:var(--text);margin-bottom:4px;font-size:14px;font-weight:700}.hero__feature-desc{color:var(--text-secondary);font-size:13px;line-height:1.5}.cipher{background:var(--surface-alt)}.cipher__examples{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:32px;display:flex}.cipher__example-btn{border-radius:var(--radius-full);background:var(--white);border:1px solid var(--border);color:var(--text-secondary);align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.cipher__example-btn:hover{border-color:var(--primary-border);color:var(--primary);background:var(--primary-light)}.cipher__grid{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=960px){.cipher__grid{grid-template-columns:380px 1fr}}.cipher__controls{flex-direction:column;gap:16px;display:flex}.mode-switcher{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);padding:4px;display:flex}.mode-switcher__btn{border-radius:var(--radius-sm);color:var(--text-muted);background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.mode-switcher__btn--active{background:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.mode-switcher__btn:not(.mode-switcher__btn--active):hover{color:var(--text);background:var(--surface-alt)}.cipher__result-card{flex-direction:column;gap:20px;display:flex}.result-header{justify-content:space-between;align-items:center;display:flex}.result-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:11px;font-weight:700}.result-output{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-md);letter-spacing:.04em;min-height:80px;color:var(--text);word-break:break-all;padding:20px;font-family:JetBrains Mono,monospace;font-size:18px;line-height:1.6}.result-output__char{min-width:.62em;display:inline-block}.result-output--empty{letter-spacing:0;color:var(--text-muted);font-family:Inter,sans-serif;font-size:14px}.copy-btn{border-radius:var(--radius-sm);background:var(--surface-alt);border:1px solid var(--border);color:var(--text-secondary);align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.copy-btn:hover{background:var(--border)}.copy-btn--copied{color:var(--green);border-color:var(--green-border);background:var(--green-light)}.cipher-flow{background:linear-gradient(135deg, #2563eb0f, #0d94880f), var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;position:relative;overflow:hidden}.cipher-flow:before{content:"";pointer-events:none;background-image:linear-gradient(90deg,#0000 0,#2563eb14 50%,#0000 100%);animation:3.8s ease-in-out infinite cipher-scan;position:absolute;inset:0;transform:translate(-100%)}.cipher-flow__head{color:var(--text-muted);justify-content:space-between;gap:12px;margin-bottom:14px;font-size:12px;font-weight:600;display:flex;position:relative}.cipher-flow__head span{align-items:center;gap:6px;display:inline-flex}.cipher-flow__row{grid-template-columns:52px 1fr;align-items:center;gap:10px;margin-bottom:8px;display:grid;position:relative}.cipher-flow__label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:11px;font-weight:700}.cipher-flow__cells{gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.cipher-flow__cell{width:30px;height:30px;box-shadow:var(--shadow-xs);border-radius:8px;flex:0 0 30px;justify-content:center;align-items:center;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;display:inline-flex}.cipher-flow__cell--text{background:var(--primary-light);border:1px solid var(--primary-border);color:var(--primary)}.cipher-flow__cell--key{background:var(--teal-light);border:1px solid var(--teal-border);color:var(--teal)}.cipher-flow__cell--result{background:var(--green-light);border:1px solid var(--green-border);color:var(--green)}.cipher-flow__pulse{border-radius:var(--radius-md);border:1px dashed var(--primary-border);color:var(--text-secondary);background:#ffffffc2;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;font-size:12px;display:flex;position:relative}.cipher-flow__pulse svg{color:var(--primary);animation:1.2s ease-in-out infinite arrow-pulse}.steps-viz{border-top:1px solid var(--border);padding-top:20px}.steps-viz__header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.steps-viz__title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:11px;font-weight:700}.steps-viz__active{border-radius:var(--radius-full);background:var(--primary-light);border:1px solid var(--primary-border);min-height:30px;color:var(--primary);align-items:center;gap:8px;padding:5px 8px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;display:inline-flex}.steps-viz__active span{color:var(--text-muted);font-family:Inter,sans-serif;font-weight:600}.steps-viz__active strong{background:var(--green);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.steps-legend{flex-wrap:wrap;gap:16px;margin-bottom:12px;display:flex}.steps-legend__item{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.steps-legend__dot{border-radius:3px;width:10px;height:10px}.steps-legend__dot--text{background:var(--primary-light);border:1px solid var(--primary-border)}.steps-legend__dot--key{background:var(--teal-light);border:1px solid var(--teal-border)}.steps-legend__dot--result{background:var(--green-light);border:1px solid var(--green-border)}.steps-list{flex-direction:column;gap:6px;max-height:320px;padding-right:4px;display:flex;overflow-y:auto}.step-row{border-radius:var(--radius-sm);background:var(--surface-alt);cursor:pointer;border:1px solid #0000;align-items:center;gap:10px;padding:8px 12px;font-size:13px;transition:all .15s;display:flex}.step-row:hover{border-color:var(--border);background:var(--white)}.step-row--active{border-color:var(--primary-border);background:var(--white);box-shadow:0 0 0 3px #2563eb14}.step-row--active .step-char--result{animation:.8s ease-in-out infinite result-pop}.step-row--inactive{opacity:.5}.step-num{color:var(--text-muted);text-align:right;min-width:20px;font-family:JetBrains Mono,monospace;font-size:11px}.step-char{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:600;display:inline-flex}.step-char--text{background:var(--primary-light);color:var(--primary);border:1px solid var(--primary-border)}.step-char--key{background:var(--teal-light);color:var(--teal);border:1px solid var(--teal-border)}.step-char--result{background:var(--green-light);color:var(--green);border:1px solid var(--green-border)}.step-op{color:var(--text-muted);flex-shrink:0;font-size:12px}.step-shift{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:11px}.step-skip{color:var(--text-muted);font-size:12px;font-style:italic}.steps-toggle{width:100%;color:var(--primary);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;gap:6px;margin-top:12px;padding:10px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.steps-toggle:hover{background:var(--primary-light)}.how-it-works{background:var(--white)}.steps-grid{grid-template-columns:1fr;gap:16px;margin-bottom:48px;display:grid}@media (width>=768px){.steps-grid{grid-template-columns:repeat(2,1fr)}}.step-card__header{align-items:flex-start;gap:16px;display:flex}.step-card__num{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-family:JetBrains Mono,monospace;font-size:16px;font-weight:700;display:flex}.step-card__num--blue{background:var(--primary-light);color:var(--primary);border:1px solid var(--primary-border)}.step-card__num--teal{background:var(--teal-light);color:var(--teal);border:1px solid var(--teal-border)}.step-card__num--green{background:var(--green-light);color:var(--green);border:1px solid var(--green-border)}.step-card__body{flex:1}.step-card__title{color:var(--text);margin-bottom:6px;font-size:15px;font-weight:700}.step-card__desc{color:var(--text-secondary);margin-bottom:12px;font-size:14px;line-height:1.6}.step-card__example{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);align-items:center;gap:6px;padding:6px 12px;font-family:JetBrains Mono,monospace;font-size:12px;display:inline-flex}.step-card__dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.step-card__dot--blue{background:var(--primary)}.step-card__dot--teal{background:var(--teal)}.step-card__dot--green{background:var(--green)}.formula-block{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:32px;padding:32px}.formula-block__title{color:var(--text);align-items:center;gap:10px;margin-bottom:20px;font-size:16px;font-weight:700;display:flex}.formula-block__grid{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=768px){.formula-block__grid{grid-template-columns:1fr 1fr}}.formula-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px}.formula-card__label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:8px;font-size:11px;font-weight:700}.formula-card__code{font-family:JetBrains Mono,monospace;font-size:16px;font-weight:600}.formula-card__code--encrypt{color:var(--primary)}.formula-card__code--decrypt{color:var(--teal)}.formula-vars{color:var(--text-secondary);font-size:14px;line-height:2}.formula-vars strong{color:var(--text);font-weight:600}.formula-demo{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);grid-template-columns:1fr;align-items:center;gap:24px;margin-bottom:32px;padding:24px;display:grid}@media (width>=900px){.formula-demo{grid-template-columns:.9fr 1.1fr;padding:28px}}.formula-demo__label{border-radius:var(--radius-full);background:var(--teal-light);border:1px solid var(--teal-border);color:var(--teal);align-items:center;margin-bottom:10px;padding:5px 12px;font-size:12px;font-weight:700;display:inline-flex}.formula-demo__copy h3{color:var(--text);margin-bottom:10px;font-size:24px;line-height:1.25}.formula-demo__copy p{color:var(--text-secondary);font-size:14px;line-height:1.7}.formula-demo__stage{gap:10px;display:grid;position:relative}.formula-demo__chip{z-index:1;border-radius:var(--radius-md);background:var(--surface-alt);border:1px solid var(--border);width:fit-content;max-width:100%;box-shadow:var(--shadow-xs);align-items:center;gap:8px;padding:10px 12px;display:flex;position:relative}.formula-demo__chip:nth-child(2n){margin-left:28px}.formula-demo__letter{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-family:JetBrains Mono,monospace;font-weight:700;display:inline-flex}.formula-demo__letter--text{color:var(--primary);background:var(--primary-light);border:1px solid var(--primary-border)}.formula-demo__letter--key{color:var(--teal);background:var(--teal-light);border:1px solid var(--teal-border)}.formula-demo__letter--result{color:#fff;background:var(--green);border:1px solid var(--green);animation:1.6s ease-in-out infinite result-pop}.formula-demo__operator{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-weight:700}.formula-demo__shift{border-radius:var(--radius-full);background:var(--amber-light);border:1px solid var(--amber-border);color:var(--amber);padding:3px 8px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700}.formula-demo__rail{background:linear-gradient(180deg, var(--primary), var(--teal), var(--green));transform-origin:top;border-radius:999px;width:3px;position:absolute;top:22px;bottom:22px;left:16px}.vig-table-toggle{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.vig-table-toggle__btn{text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:16px 20px;transition:background .15s;display:flex}.vig-table-toggle__btn:hover{background:var(--surface-alt)}.vig-table-toggle__icon{background:var(--primary-light);border:1px solid var(--primary-border);width:36px;height:36px;color:var(--primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.vig-table-toggle__info{flex:1}.vig-table-toggle__title{color:var(--text);font-size:14px;font-weight:600}.vig-table-toggle__desc{color:var(--text-muted);font-size:12px}.vig-table-toggle__arrow{color:var(--text-muted);transition:transform .2s}.vig-table-toggle__arrow--open{transform:rotate(90deg)}.vig-table-panel{border-top:1px solid var(--border);padding:24px;overflow-x:auto}.vig-table{border-collapse:collapse;-webkit-user-select:none;user-select:none;margin:0 auto;font-family:JetBrains Mono,monospace;font-size:12px}.vig-table th,.vig-table td{text-align:center;border:1px solid var(--border);width:32px;height:32px;transition:background .1s,color .1s}.vig-table th{background:var(--surface-alt);color:var(--text-muted);font-weight:600}.vig-table td{color:var(--text-secondary);cursor:crosshair}.vig-table td:hover{background:var(--surface-alt)}.vig-table th.vig-highlight{background:var(--primary-light);color:var(--primary)}.vig-table td.vig-highlight{background:var(--primary-light);color:var(--primary);font-weight:600}.vig-table td.vig-intersect{background:var(--green);color:#fff;font-weight:700}.vig-table-hint{text-align:center;color:var(--text-muted);margin-top:12px;font-size:12px}.crypto-section{background:var(--surface-alt)}.crypto-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=960px){.crypto-grid{grid-template-columns:1fr 1fr}}.crypto-card__header{align-items:center;gap:12px;margin-bottom:20px;display:flex}.crypto-card__icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.crypto-card__icon--blue{background:var(--primary-light);border:1px solid var(--primary-border);color:var(--primary)}.crypto-card__icon--teal{background:var(--teal-light);border:1px solid var(--teal-border);color:var(--teal)}.crypto-card__title{color:var(--text);font-size:14px;font-weight:700}.crypto-card__subtitle{color:var(--text-muted);font-size:12px}.ic-value{color:var(--text);margin-bottom:4px;font-family:JetBrains Mono,monospace;font-size:40px;font-weight:800}.ic-formula{color:var(--text-muted);margin-bottom:20px;font-family:JetBrains Mono,monospace;font-size:12px}.ic-scale{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:16px;padding:16px}.ic-scale__labels{color:var(--text-muted);justify-content:space-between;margin-bottom:8px;font-size:11px;display:flex}.ic-scale__bar{background:var(--border);border-radius:5px;height:10px;overflow:hidden}.ic-scale__fill{background:linear-gradient(90deg, var(--primary), var(--teal));border-radius:5px;height:100%;transition:width .8s ease-out}.ic-interpretation{border-radius:var(--radius-md);align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;font-size:13px;font-weight:500;display:flex}.ic-interpretation--high{background:var(--green-light);border:1px solid var(--green-border);color:#065f46}.ic-interpretation--mid{background:var(--amber-light);border:1px solid var(--amber-border);color:#92400e}.ic-interpretation--low{background:var(--primary-light);border:1px solid var(--primary-border);color:#1e40af}.ic-table{border-collapse:collapse;width:100%;font-size:12px}.ic-table th{text-align:left;color:var(--text-muted);border-bottom:1px solid var(--border);padding:8px 0;font-weight:500}.ic-table td{border-bottom:1px solid var(--border);padding:8px 0}.ic-table td:last-child{text-align:right;font-family:JetBrains Mono,monospace;font-weight:600}.kasiski-results{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.kasiski-item{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--radius-md);align-items:center;gap:12px;padding:12px;display:flex}.kasiski-item__trigram{color:var(--teal);background:var(--teal-light);border:1px solid var(--teal-border);border-radius:var(--radius-sm);flex-shrink:0;padding:4px 8px;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700}.kasiski-item__info{flex:1;min-width:0}.kasiski-item__positions{color:var(--text-muted);margin-bottom:2px;font-size:12px}.kasiski-item__spacings{color:var(--text);font-size:12px;font-weight:500}.kasiski-item__gcd{color:var(--teal);background:var(--white);border:1px solid var(--teal-border);border-radius:var(--radius-sm);white-space:nowrap;flex-shrink:0;padding:4px 10px;font-size:11px;font-weight:700}.kasiski-hint{color:var(--text-muted);font-size:12px;line-height:1.6}.freq-title{color:var(--text);margin-bottom:16px;font-size:14px;font-weight:700}.freq-bars{flex-direction:column;gap:6px;display:flex}.freq-row{align-items:center;gap:10px;display:flex}.freq-row__char{color:var(--text);text-align:center;flex-shrink:0;width:20px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700}.freq-row__bar{background:var(--border);border-radius:4px;flex:1;height:18px;overflow:hidden}.freq-row__fill{background:linear-gradient(90deg,#60a5fa,#2dd4bf);border-radius:4px;height:100%;transition:width .5s ease-out}.freq-row__pct{color:var(--text-muted);text-align:right;min-width:40px;font-family:JetBrains Mono,monospace;font-size:11px}.freq-hint{color:var(--text-muted);margin-top:12px;font-size:12px;line-height:1.5}.benefits{background:var(--white)}.benefits-grid{grid-template-columns:1fr;gap:16px;margin-bottom:48px;display:grid}@media (width>=640px){.benefits-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=960px){.benefits-grid{grid-template-columns:repeat(4,1fr)}}.benefit-card__icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:16px;display:flex}.benefit-card__icon--blue{background:var(--primary-light);border:1px solid var(--primary-border);color:var(--primary)}.benefit-card__icon--teal{background:var(--teal-light);border:1px solid var(--teal-border);color:var(--teal)}.benefit-card__icon--green{background:var(--green-light);border:1px solid var(--green-border);color:var(--green)}.benefit-card__stat{color:var(--text);margin-bottom:2px;font-size:28px;font-weight:800}.benefit-card__stat-label{color:var(--text-muted);margin-bottom:16px;font-size:11px}.benefit-card__title{color:var(--text);margin-bottom:6px;font-size:14px;font-weight:700}.benefit-card__desc{color:var(--text-secondary);font-size:13px;line-height:1.6}.cta-banner{background:linear-gradient(135deg, var(--primary), var(--teal));border-radius:var(--radius-xl);color:#fff;padding:40px;position:relative;overflow:hidden}.cta-banner__grid-bg{pointer-events:none;background-image:radial-gradient(circle at 1px 1px,#ffffff1f 1px,#0000 0);background-size:24px 24px;position:absolute;inset:0}.cta-banner__inner{flex-direction:column;gap:24px;display:flex;position:relative}@media (width>=768px){.cta-banner__inner{flex-direction:row;justify-content:space-between;align-items:center}}.cta-banner__label{opacity:.8;margin-bottom:8px;font-size:13px}.cta-banner__title{margin-bottom:8px;font-size:24px;font-weight:700}.cta-banner__desc{opacity:.85;max-width:400px;line-height:1.6}.cta-banner__btn{color:var(--primary);border-radius:var(--radius-md);box-shadow:var(--shadow-md);white-space:nowrap;background:#fff;border:none;flex-shrink:0;align-items:center;gap:8px;padding:14px 28px;font-size:14px;font-weight:700;transition:all .15s;display:inline-flex}.cta-banner__btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.cta-banner__btn:active{transform:scale(.97)}.footer{background:var(--white);border-top:1px solid var(--border)}.footer__grid{grid-template-columns:1fr;gap:32px;padding:48px 0;display:grid}@media (width>=768px){.footer__grid{grid-template-columns:2fr 1fr 1fr}}.footer__brand-desc{color:var(--text-secondary);max-width:280px;margin-top:12px;font-size:14px;line-height:1.7}.footer__heading{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:16px;font-size:11px;font-weight:700}.footer__list{flex-direction:column;gap:10px;list-style:none;display:flex}.footer__list-link{color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;transition:color .15s}.footer__list-link:hover{color:var(--primary)}.footer__list-item{color:var(--text-secondary);align-items:center;gap:8px;font-size:14px;display:flex}.footer__list-dot{background:var(--teal);border-radius:50%;flex-shrink:0;width:5px;height:5px}.footer__bottom{border-top:1px solid var(--border);flex-direction:column;align-items:center;gap:12px;padding:20px 0;display:flex}@media (width>=640px){.footer__bottom{flex-direction:row;justify-content:space-between}}.footer__bottom-text{color:var(--text-muted);font-size:12px}.footer__status{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.footer__status-dot{background:var(--green);border-radius:50%;width:6px;height:6px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes cipher-scan{0%,18%{opacity:0;transform:translate(-100%)}35%{opacity:1}72%,to{opacity:0;transform:translate(100%)}}@keyframes arrow-pulse{0%,to{opacity:.65;transform:translate(0)}50%{opacity:1;transform:translate(4px)}}@keyframes result-pop{0%,to{box-shadow:none;transform:scale(1)}50%{transform:scale(1.08);box-shadow:0 0 0 4px #0596691f}}.animate-in{animation:.4s ease-out forwards fadeInUp}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}