@font-face{font-family:Tetragrams;src:local('Segoe UI Symbol'),local('Noto Sans Symbols 2');font-display:swap}
:root{--ink:#173b34;--muted:#748079;--paper:#f6f6ef;--line:#dce1d6;--green:#12372d;--lime:#d6efaa;--mono:'Courier New',monospace;--sans:Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{opacity:.38;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #77a442;outline-offset:5px}button{border:0}p{line-height:1.8}::selection{background:#c8e598;color:#173b34}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;border-bottom:1px solid var(--line);gap:30px;background:var(--paper)}.brand{display:flex;align-items:center;font-weight:800;font-size:20px;letter-spacing:-.7px;white-space:nowrap}.brand-dot{font-size:11px;align-self:flex-start;margin:3px 0 0 3px}.brand-mark{width:26px;display:grid;gap:4px;margin-right:11px}.brand-mark i{height:3px;background:var(--green)}.brand-mark i:nth-child(2){background:linear-gradient(90deg,var(--green) 43%,transparent 43%,transparent 57%,var(--green) 57%)}.brand-mark i:nth-child(4){background:linear-gradient(90deg,var(--green) 27%,transparent 27%,transparent 36%,var(--green) 36%,var(--green) 64%,transparent 64%,transparent 73%,var(--green) 73%)}nav{display:flex;gap:30px;font-size:13px}nav a{padding:12px 0}nav a:hover{color:#759544}.header-actions{display:flex;gap:26px;align-items:center}.header-cta{border:1px solid #b7c2b4;border-radius:4px;display:flex;gap:22px;padding:12px 17px;font-size:12px}.header-cta:hover{background:#e7ebdc}.hero{display:grid;grid-template-columns:1.03fr 1fr;gap:4%;max-width:1440px;margin:auto;padding:56px 5.5% 48px;align-items:center}.eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:1.8px;display:flex;align-items:center;gap:8px;font-weight:600;text-transform:uppercase}.status-dot{display:inline-block;width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#779d52;box-shadow:0 0 0 3px #8caf5c14}.hero h1{font-size:clamp(42px,4.3vw,65px);line-height:1.25;letter-spacing:-2px;font-weight:500;margin:29px 0 23px}.hero h1 em{font-style:normal;color:#789654}html[lang=en] .hero h1{font-size:clamp(44px,4.9vw,73px);letter-spacing:-3px;line-height:1.08}html[lang=en] .hero h1 em{font-family:Georgia,serif;font-style:italic}.hero-description{max-width:405px;color:#68776e;font-size:14px;margin:0;line-height:1.95}.hero-buttons{display:flex;align-items:center;gap:30px;margin-top:30px}.button{height:47px;display:inline-flex;gap:40px;justify-content:space-between;align-items:center;padding:0 22px;border-radius:4px;font-size:13px;font-weight:500;transition:background .2s,transform .2s}.primary{background:var(--green);color:#f6f8ee}.primary:hover{background:#2b5140;transform:translateY(-1px)}.text-link{font-size:12px;display:inline-flex;gap:20px;align-items:center}.text-link:hover{text-decoration:underline}.hero-note{display:flex;align-items:center;gap:7px;font-size:10px;color:#869081;margin-top:23px}.tiny-shield{font-size:15px}.hero-art{aspect-ratio:1.1;background:#122e2a;position:relative;overflow:hidden;border-radius:6px;color:#c7d6b9;background-image:radial-gradient(circle at 60% 45%,#314a32 0,transparent 54%),linear-gradient(#adc39406 1px,transparent 1px),linear-gradient(90deg,#adc39406 1px,transparent 1px);background-size:auto,30px 30px,30px 30px}.hero-art:after{content:'';position:absolute;inset:12px;border:1px solid #cce0b510;pointer-events:none}.art-top,.art-bottom{position:absolute;left:25px;right:25px;display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:1px;z-index:1}.art-top{top:25px;color:#9daf95}.art-bottom{bottom:24px;align-items:end}.art-coordinates{font-size:7px;line-height:1.9;text-align:right;opacity:.65}.hero-art svg{display:block;width:100%;height:100%}.orbit-ring{transform-origin:260px 218px;animation:orbit 120s linear infinite}.orbit-ring.reverse{animation-direction:reverse;animation-duration:170s}@keyframes orbit{to{transform:rotate(360deg)}}.principles{max-width:1282px;margin:0 5.5%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:23px 0}.principles>div{display:flex;align-items:center;justify-content:center;gap:15px;border-right:1px solid var(--line)}.principles>div:first-child{justify-content:flex-start}.principles>div:last-child{border:0}.principles b{font-size:25px;font-weight:400;font-family:Georgia,serif}.principles span{font-size:11px;color:var(--muted)}.section{max-width:1440px;margin:auto;padding:70px 5.5% 0}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:27px;gap:30px}.section-heading .eyebrow,.atlas .eyebrow,.faq .eyebrow{color:#8a987c}h2{font-weight:500;font-size:30px;letter-spacing:-.8px;line-height:1.4;margin:12px 0 0}.local-badge{display:flex;align-items:center;gap:8px;color:#607555;font-size:10px;padding-bottom:6px}.workspace{border:1px solid #cfd8c8;border-radius:7px;background:#fcfcf8;overflow:hidden;box-shadow:0 8px 24px #28432804}.workspace-toolbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--line)}.mode-tabs{background:#edf0e7;border-radius:4px;padding:4px;display:flex;gap:3px}.mode-tabs button{background:none;border-radius:3px;display:flex;gap:10px;align-items:center;padding:9px 19px;font-size:12px;color:#75826e}.mode-tabs button[aria-selected=true]{background:white;color:var(--green);box-shadow:0 1px 5px #0000000a}.toolbar-caption{font:9px var(--mono);letter-spacing:1.4px;color:#99a192}.plain-button{background:none;padding:6px 4px;font-size:11px;white-space:nowrap}.plain-button:hover:not(:disabled){color:#779544}.editors{display:grid;grid-template-columns:1fr 1fr}.input-panel,.output-panel{min-width:0;padding:23px 25px 14px}.input-panel{border-right:1px solid var(--line)}.output-panel{background:#f0f3e9}.editor-label{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-bottom:14px}.editor-label>span{font:9px var(--mono);color:#94a087}.output-tag{letter-spacing:1.4px}.editors textarea{display:block;width:100%;height:165px;border:0;outline:0;background:none;resize:vertical;min-height:115px;max-height:600px;color:var(--ink);font-size:18px;line-height:1.75;padding:8px 0}.editors textarea:focus{box-shadow:0 2px 0 #85a358}.editors textarea::placeholder{color:#a4ac9c;font-size:14px}.editors #result{font-family:Tetragrams,'Segoe UI Symbol',sans-serif;font-size:29px;letter-spacing:4px;line-height:1.9}.editors #result.decoded{font-family:var(--sans);font-size:18px;letter-spacing:0;line-height:1.75}.examples{display:flex;gap:6px;align-items:center;min-height:40px;flex-wrap:wrap}.examples>span{font-size:10px;color:#8a957f;margin-right:5px}.examples button{padding:5px 8px;border:1px solid #dde3d5;border-radius:3px;background:none;color:#74846a;font-size:9px}.examples button:hover{background:#e7efdb}.output-footer{display:flex;align-items:center;justify-content:space-between;min-height:40px}.output-footer>span{font:10px var(--mono);color:#89947b}.output-footer>div{display:flex;gap:17px}.workspace-options{padding:19px 25px;border-top:1px solid var(--line);display:flex;align-items:end;gap:20px}.passphrase-field{flex:1}.passphrase-field label,.profile-field label{display:block;font-size:10px;margin-bottom:10px;color:#6d7c61}.passphrase-field label small{font-size:9px;color:#9ba48f;margin-left:5px}.password-wrap{display:flex;align-items:center;border:1px solid #dce2d5;border-radius:4px;background:#fff;max-width:350px;height:40px;padding:0 10px}.password-wrap:focus-within{outline:1px solid #85a358}.password-wrap input{border:0;outline:none;min-width:0;width:100%;background:none;font-size:11px;color:var(--ink)}.password-wrap input::placeholder{color:#a2aa96}.profile-field{width:175px}.profile-field select{width:100%;border:1px solid #dce2d5;background:#fff;padding:0 10px;height:40px;color:#61724f;font-size:11px;border-radius:4px}.workspace-options .button{height:40px;min-width:170px}.workspace-status{border-top:1px solid var(--line);padding:12px 25px;background:#f7f8f2;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#97a08b}.workspace-status>span:first-child{display:flex;gap:8px;align-items:center}.workspace-status.error{color:#a94431}.workspace-status.error .status-dot{background:#b34d36}.cipher-note{display:flex;align-items:baseline;gap:7px;color:#8d9683;font-size:10px;margin-top:13px}.how .section-heading p{font-size:12px;color:var(--muted);max-width:325px;margin:0 0 3px}.steps{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:5px}.steps article{padding:27px 27px 19px;border-right:1px solid var(--line)}.steps article:last-child{border:0}.step-top{display:flex;justify-content:space-between;height:65px;font:11px var(--mono);color:#97a58a}.step-visual{font-family:Georgia,serif;font-size:31px;color:var(--ink)}.letters span{font-family:serif;font-size:19px;color:#9ca58d;padding-left:8px}.trits{letter-spacing:2px;font-family:var(--mono)}.trits em{color:#8ca962;font-style:normal}.step-visual svg{width:45px;height:45px;margin-top:-8px}h3{font-size:16px;font-weight:500;margin:7px 0 10px}.steps p{font-size:12px;color:var(--muted);min-height:65px;margin:0 0 20px}.step-code{border-top:1px solid var(--line);padding-top:16px;font:10px var(--mono);color:#839473}.atlas{display:grid;grid-template-columns:1fr 1.18fr;gap:9%;padding-top:90px}.atlas h2{font-size:34px;max-width:350px;white-space:pre-line}.atlas-intro>p{font-size:12px;color:var(--muted);max-width:350px;margin:18px 0}.line-key{display:flex;gap:25px;margin:27px 0 30px}.line-key>div{display:flex;flex-direction:column;gap:11px}.line-key span{font-size:14px;letter-spacing:0;color:#69824f}.line-key small{font-size:9px;color:#8a977e}.selected-symbol{border:1px solid #d5ddcb;border-radius:4px;padding:17px;display:flex;align-items:center;gap:18px;background:#eff2e7}.selected-symbol svg{width:38px;height:38px}.selected-symbol>div:nth-child(2){flex:1;display:grid;gap:7px}.selected-symbol span{font-size:12px}.selected-symbol code{font-size:9px;color:#7f906f}.atlas-intro .atlas-hint{font-size:10px;color:#95a08b}.atlas-grid-heading,.atlas-grid-footer{display:flex;justify-content:space-between;font:9px var(--mono);color:#87937b;gap:10px}.atlas-grid-heading{margin:2px 0 15px}.symbol-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:6px}.symbol-grid button{aspect-ratio:1;background:#edf0e6;border:1px solid #e2e7d8;border-radius:3px;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.symbol-grid button:hover{background:#d8e6be;transform:translateY(-1px)}.symbol-grid button[aria-pressed=true]{background:var(--green);color:var(--lime);border-color:var(--green)}.symbol-grid svg{width:60%;height:60%}.atlas-grid-footer{margin-top:14px}.faq{display:grid;grid-template-columns:1fr 1.6fr;gap:10%;padding-top:90px}.faq>div>p{font-size:12px;color:var(--muted);max-width:260px;margin:17px 0 23px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq details:first-child{border-top:1px solid var(--line)}.faq summary{font-size:13px;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font-size:19px;font-weight:300;color:#8a977b}.faq details[open] summary:after{content:'−'}.faq details p{font-size:12px;color:var(--muted);margin:15px 35px 0 0}.closing{margin:80px 5.5% 0;padding:44px 42px;position:relative;overflow:hidden;border:1px solid #d6e0c7;border-radius:5px;background:#eaf0dd}.closing .eyebrow{font-size:9px;color:#879571}.closing h2{font-size:29px;margin-top:15px;position:relative;z-index:1}.closing .button{margin-top:26px;position:relative;z-index:1}.closing-decoration{position:absolute;right:5%;top:-57px;font-size:280px;color:#cadaac;transform:rotate(-14deg);line-height:1.2;opacity:.5}footer{max-width:1440px;margin:auto;padding:38px 5.5%;display:flex;align-items:center;gap:25px}footer .brand{font-size:14px}footer .brand-dot{font-size:8px}footer p{flex:1;font-size:10px;color:#909881}footer>a:not(.brand){font-size:10px}footer>span{font:8px var(--mono);color:#9aa18f}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);background:var(--green);color:#f7f9ee;border:1px solid #94b46e;padding:13px 24px;border-radius:5px;box-shadow:0 5px 20px #0002;font-size:12px;opacity:0;transition:.2s;pointer-events:none;z-index:10;max-width:90%;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1440px){.principles{margin-inline:auto}.closing{max-width:1282px;margin-inline:auto}}
@media(max-width:1000px){.site-header{padding-inline:4%;gap:15px}nav{gap:18px}.header-actions{gap:16px}.header-cta{display:none}.hero{padding-inline:4%;gap:4%}.hero h1{font-size:43px}html[lang=en] .hero h1{font-size:53px}.hero-description{font-size:13px}.hero-art{aspect-ratio:.94}.section{padding-inline:4%}.principles{margin-inline:4%}.atlas{gap:5%;grid-template-columns:1fr 1.1fr}.atlas h2{font-size:30px}.toolbar-caption{display:none}.workspace-options{gap:14px}.profile-field{width:135px}.steps article{padding:23px 20px}.closing{margin-inline:4%}footer{padding-inline:4%;gap:20px}footer>span{display:none}}
@media(max-width:700px){html{scroll-padding-top:25px}.site-header{height:72px;padding:0 6%}.brand{font-size:17px}.brand-mark{width:22px}nav{display:none}.hero{grid-template-columns:1fr;padding:40px 6% 30px;gap:34px}.hero h1{font-size:43px;margin-top:23px}html[lang=en] .hero h1{font-size:56px}.hero-description{font-size:13px;max-width:400px}.hero-buttons{margin-top:24px}.hero-note{margin-top:18px}.hero-art{aspect-ratio:1.15;max-width:500px;width:100%;justify-self:center}.eyebrow{font-size:9px}.principles{grid-template-columns:repeat(2,1fr);margin:0 6%;padding:8px 0}.principles>div{padding:14px 0;justify-content:flex-start;gap:13px}.principles>div:nth-child(even){border-right:0;padding-left:18px}.principles b{font-size:24px}.principles span{font-size:10px}.section{padding:47px 6% 0}.section-heading{gap:14px;margin-bottom:22px}h2{font-size:25px}.local-badge{font-size:8px;gap:6px}.workspace-toolbar{padding:0 14px;height:59px}.mode-tabs button{padding:9px 14px}.editors{grid-template-columns:1fr}.input-panel{border-right:0;border-bottom:1px solid var(--line)}.input-panel,.output-panel{padding:20px 18px 13px}.editors textarea{height:130px;min-height:100px;font-size:17px}.editors #result{font-size:27px}.workspace-options{padding:18px;display:grid;grid-template-columns:1fr 120px;gap:17px 12px}.passphrase-field{min-width:0}.profile-field{width:auto}.workspace-options .button{grid-column:1/-1;justify-content:center;gap:25px}.workspace-status{padding:12px 18px}.workspace-status>span:last-child{display:none}.cipher-note{font-size:9px;line-height:1.8}.how .section-heading{display:block}.how .section-heading p{margin-top:15px;max-width:none}.steps{grid-template-columns:1fr}.steps article{border-right:0;border-bottom:1px solid var(--line);padding:24px}.step-top{height:50px}.steps p{min-height:0;margin-bottom:19px}.atlas{grid-template-columns:1fr;gap:27px}.atlas h2{font-size:29px;max-width:none;white-space:normal}.atlas-intro>p{max-width:none}.line-key{margin:23px 0;gap:37px}.selected-symbol{max-width:none}.symbol-grid{gap:5px}.symbol-grid button{padding:5px}.symbol-grid svg{width:90%;height:90%}.faq{grid-template-columns:1fr;gap:27px}.faq>div>p{max-width:none;margin-bottom:13px}.faq details{padding:19px 0}.closing{margin:47px 6% 0;padding:30px 25px}.closing h2{font-size:25px;max-width:250px}.closing-decoration{right:-40px;top:0;font-size:200px}.closing .eyebrow{font-size:8px;letter-spacing:1px}footer{padding:29px 6%;flex-wrap:wrap;justify-content:space-between;gap:15px}footer p{order:3;flex-basis:100%;margin:0}footer .brand{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Fixed UTF-8 format indicator; no format selection is needed. */
.format-label{display:block;font-size:10px;margin-bottom:10px;color:#6d7c61}.format-value{display:flex;align-items:center;height:40px;padding:0 12px;border:1px solid #dce2d5;background:#f5f7ef;border-radius:4px;font:11px var(--mono);color:#61724f}.brand-dot{font-size:11px;font-weight:500;letter-spacing:2px;margin-left:9px;align-self:center}

/* Theme controls and dark palette retain the same layout and interaction states. */
:root{color-scheme:light}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:8px;flex-shrink:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--ink)}
.theme-toggle:hover{background:#e7ebdc}.theme-toggle svg{width:18px;height:18px}.theme-sun{display:none}
[data-theme="dark"]{color-scheme:dark;--ink:#e0e8d6;--muted:#a5b4a8;--paper:#111d19;--line:#33453a;--green:#bed994;--lime:#14281e}
[data-theme="dark"] .theme-moon{display:none}[data-theme="dark"] .theme-sun{display:block}
[data-theme="dark"] .theme-toggle:hover,[data-theme="dark"] .header-cta:hover{background:#26392c}
[data-theme="dark"] .header-cta{border-color:#485c46}
[data-theme="dark"] .hero h1 em{color:#b5d38f}
[data-theme="dark"] .primary{background:#bed994;color:#172b20}[data-theme="dark"] .primary:hover{background:#d2e9ae}
[data-theme="dark"] .workspace{background:var(--surface);border-color:#3c503c;box-shadow:0 8px 24px #0002}
[data-theme="dark"] .mode-tabs{background:#111d19}[data-theme="dark"] .mode-tabs button{color:#9eaf98}[data-theme="dark"] .mode-tabs button[aria-selected=true]{background:#34482e;color:#d5e9b6}
[data-theme="dark"] .output-panel{background:#202f24}
[data-theme="dark"] .editors textarea::placeholder,[data-theme="dark"] .password-wrap input::placeholder{color:#9ba990}
[data-theme="dark"] .examples button{border-color:#465a3f;color:#bbccaa}[data-theme="dark"] .examples button:hover{background:#34482e}
[data-theme="dark"] .password-wrap{background:#111d19;border-color:#42573d}
[data-theme="dark"] .format-value{background:#202f24;border-color:#42573d;color:#c3d5b1}
[data-theme="dark"] .workspace-status{background:#142019;color:#a5b4a0}[data-theme="dark"] .workspace-status.error{color:#ffb5a2}
[data-theme="dark"] .status-dot{background:#b8d78b}[data-theme="dark"] .workspace-status.error .status-dot{background:#ffb5a2}
[data-theme="dark"] .trits em,[data-theme="dark"] .line-key span{color:#b8d291}
[data-theme="dark"] .selected-symbol{background:#202f24;border-color:#42573d}
[data-theme="dark"] .symbol-grid button{background:#202f24;border-color:#354a35}[data-theme="dark"] .symbol-grid button:hover{background:#3a5030}
[data-theme="dark"] .symbol-grid button[aria-pressed=true]{background:#bed994;color:#14281e;border-color:#bed994}
[data-theme="dark"] .closing{background:#233321;border-color:#42573d}[data-theme="dark"] .closing-decoration{color:#50663d}
[data-theme="dark"] .toast{background:#2e4527;color:#e2efcc;border-color:#89a566}
[data-theme="dark"] nav a:hover,[data-theme="dark"] .plain-button:hover:not(:disabled){color:#cfe9a6}
@media(max-width:700px){.header-actions{gap:12px}.theme-toggle{width:34px;height:34px}.brand-dot{margin-left:6px;letter-spacing:1px}}
@media(max-width:360px){.site-header{padding-inline:4%}.header-actions{gap:8px}.brand{font-size:15px}.brand-mark{margin-right:7px}}

/* One timeline reveals the final textarea in place, without swapping text or layout. */
.workspace {
  --fx-rgb: 77, 123, 65;
  --fx-ink: #456a38;
  --fx-surface: #f0f3e9;
  --scan-progress: -12%;
  --scan-opacity: 0;
  --core-opacity: 1;
  --field-opacity: .28;
  --aura-opacity: 0;
  --detail-opacity: 1;
  position: relative;
  transition: border-color .2s, box-shadow .2s;
}
.workspace[data-motion-mode="decode"] { --fx-rgb: 37, 139, 128; --fx-ink: #256c65; }
[data-theme="dark"] .workspace { --fx-rgb: 179, 224, 127; --fx-ink: #d5edb3; --fx-surface: #202f24; }
[data-theme="dark"] .workspace[data-motion-mode="decode"] { --fx-rgb: 106, 231, 211; --fx-ink: #b0f4e7; }
.output-panel { position: relative; }
.result-stage { position: relative; isolation: isolate; overflow: hidden; }
.cipher-motion {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  background: transparent;
  color: var(--fx-ink);
  border-radius: 3px;
}
.cipher-motion[hidden] { display: none; }
.motion-field {
  position: absolute;
  inset: 0 0 28px;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-template-rows: repeat(3, 1fr);
  opacity: var(--field-opacity);
}
.motion-field > span {
  display: grid;
  place-items: center;
  animation: cipher-drift 1180ms ease-in-out infinite;
  animation-delay: calc(var(--order) * -29ms);
}
.motion-field svg { width: 23px; height: 23px; }
.motion-aura {
  position: absolute;
  inset: -20%;
  background: radial-gradient(ellipse, rgba(var(--fx-rgb), .22), transparent 62%);
  opacity: var(--aura-opacity);
}
.motion-scanner {
  position: absolute;
  z-index: 3;
  inset: 0;
  background: linear-gradient(90deg, transparent 25%, rgba(var(--fx-rgb), .08) 46%, rgba(var(--fx-rgb), .55) 50%, transparent 51%);
  opacity: var(--scan-opacity);
  transform: translateX(calc(var(--scan-progress) - 50%));
  will-change: transform, opacity;
}
[data-motion-mode="decode"] .motion-scanner { transform: translateX(calc(50% - var(--scan-progress))); }
.motion-core {
  position: absolute;
  top: 43%;
  left: 50%;
  width: 94px;
  height: 94px;
  display: grid;
  place-items: center;
  transform: translate(-50%, -50%);
  opacity: var(--core-opacity);
}
.motion-ring {
  position: absolute;
  inset: 0;
  border: 1px solid rgba(var(--fx-rgb), .22);
  border-top: 2px solid rgba(var(--fx-rgb), .9);
  border-bottom: 2px solid rgba(var(--fx-rgb), .5);
  border-radius: 50%;
  box-shadow: 0 0 14px rgba(var(--fx-rgb), .08);
  animation: cipher-spin 1.1s linear infinite;
}
.motion-ring.inner { inset: 12px; border-style: dashed; animation-direction: reverse; animation-duration: 1.65s; }
.motion-glyph { width: 43px; height: 43px; filter: drop-shadow(0 0 8px rgba(var(--fx-rgb), .3)); }
.motion-glyph svg { width: 100%; height: 100%; }
.motion-caption {
  position: absolute;
  z-index: 4;
  bottom: 9px;
  left: 2px;
  right: 2px;
  display: flex;
  align-items: center;
  gap: 14px;
  justify-content: space-between;
  font: 9px/1.4 var(--mono);
  letter-spacing: .8px;
  text-transform: uppercase;
}
.motion-caption > span:first-child { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.motion-caption, .motion-track { opacity: var(--detail-opacity); }
#motion-progress { flex-shrink: 0; font-variant-numeric: tabular-nums; }
.motion-track { position: absolute; height: 2px; bottom: 0; left: 0; right: 0; background: rgba(var(--fx-rgb), .12); }
.motion-track span { display: block; height: 100%; transform-origin: left; background: rgb(var(--fx-rgb)); box-shadow: 0 0 9px rgba(var(--fx-rgb), .5); }
.workspace.is-converting { border-color: rgba(var(--fx-rgb), .65); box-shadow: 0 0 0 1px rgba(var(--fx-rgb), .08), 0 8px 35px rgba(var(--fx-rgb), .07); }
.is-converting .result-stage #result {
  pointer-events: none;
  -webkit-mask-image: linear-gradient(to right, #000 calc(var(--scan-progress) - 8%), transparent var(--scan-progress));
  mask-image: linear-gradient(to right, #000 calc(var(--scan-progress) - 8%), transparent var(--scan-progress));
}
.is-converting[data-motion-mode="decode"] .result-stage #result {
  -webkit-mask-image: linear-gradient(to left, #000 calc(var(--scan-progress) - 8%), transparent var(--scan-progress));
  mask-image: linear-gradient(to left, #000 calc(var(--scan-progress) - 8%), transparent var(--scan-progress));
}
.is-converting .output-tag { color: var(--fx-ink); }
#convert { position: relative; min-width: 216px; overflow: hidden; }
#convert > span { position: relative; }
.convert-icon { display: inline-flex; flex: 0 0 16px; width: 16px; height: 16px; align-items: center; justify-content: center; }
.is-converting #convert { opacity: 1; cursor: progress; transform: none; }
.is-converting #convert::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(105deg, transparent 30%, #ffffff26 50%, transparent 70%);
  animation: cipher-scan 1.18s ease-out;
}
.is-converting .convert-icon { font-size: 0; }
.is-converting .convert-icon::after {
  content: '';
  width: 12px;
  height: 12px;
  border: 1.5px solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: cipher-spin .8s linear infinite;
}
@keyframes cipher-spin { to { transform: rotate(360deg); } }
@keyframes cipher-scan { from { transform: translateX(-100%); } to { transform: translateX(100%); } }
@keyframes cipher-drift { 0%,100% { transform: translateY(var(--drift)); opacity: .4; } 50% { transform: translateY(0); opacity: 1; } }
@media(max-width:700px) {
  .motion-core { width: 76px; height: 76px; }
  .motion-glyph { width: 35px; height: 35px; }
  .motion-field { grid-template-columns: repeat(9, minmax(0,1fr)); grid-template-rows: repeat(4,1fr); }
  .motion-field svg { width: 19px; height: 19px; }
}
@media(prefers-reduced-motion:reduce) {
  .cipher-motion { display: none; }
  .is-converting .result-stage #result { -webkit-mask-image: none; mask-image: none; }
}

/* TernaryScript information architecture. */
:root { --paper: #f4f7f4; }
[data-theme="dark"] { --paper: #111e1c; }
.section-heading > p { max-width: 420px; margin: 0 0 3px; color: var(--muted); font-size: 12px; line-height: 1.8; }
.site-header { position: sticky; top: 0; z-index: 20; background: color-mix(in srgb, var(--paper) 94%, transparent); backdrop-filter: blur(12px); }
.brand { letter-spacing: -.5px; }
nav { gap: clamp(14px, 2vw, 30px); }
.token-hero { padding-top: 54px; }
.token-heading { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr); align-items: end; gap: 30px; margin-bottom: 31px; }
.token-heading .eyebrow { grid-column: 1 / -1; }
.token-heading h1 { margin: 0; font-size: clamp(44px, 5.4vw, 78px); font-weight: 500; letter-spacing: -3px; line-height: 1; }
.token-heading p { max-width: 520px; margin: 0 0 2px; color: var(--muted); font-size: 14px; line-height: 1.8; }
.token-layout { display: grid; grid-template-columns: minmax(0, 1.18fr) minmax(330px, .82fr); gap: 5.2%; align-items: stretch; }
.token-information { display: flex; flex-direction: column; justify-content: space-between; min-width: 0; }
.token-description { border: 1px solid var(--line); padding: 27px 28px 24px; min-height: 265px; }
.token-description p { max-width: 760px; margin: 17px 0 0; color: var(--muted); font-size: 13px; line-height: 1.85; }
.token-description p + p { margin-top: 12px; }
.token-ca { display: flex; align-items: center; gap: 18px; min-height: 58px; margin-top: 13px; padding: 0 18px; border: 1px solid var(--line); background: color-mix(in srgb, var(--paper) 70%, var(--line)); font-family: var(--mono); }
.token-ca span { color: var(--muted); font-size: 11px; letter-spacing: 1.3px; }
.token-ca strong { color: var(--ink); font-size: 12px; font-weight: 500; }
.token-side { display: grid; grid-template-columns: minmax(0, 1fr) 150px; gap: 11px; align-items: end; }
.token-side .hero-art { grid-column: 1 / -1; width: 100%; aspect-ratio: 1.55; border-radius: 4px; }
.token-side .art-top, .token-side .art-bottom { left: 18px; right: 18px; }
.token-side .art-top { top: 17px; }
.token-side .art-bottom { bottom: 17px; }
.token-jump { height: 42px; display: flex; align-items: center; justify-content: space-between; padding: 0 14px; border: 1px solid var(--ink); border-radius: 3px; background: transparent; font-size: 11px; }
.token-jump:disabled { opacity: .62; cursor: not-allowed; }
.token-pending { align-self: center; color: var(--muted); font: 9px/1.5 var(--mono); }
.token-hero .principles { margin: 42px 0 0; max-width: none; }
.token-hero .principles > div:first-child { justify-content: center; }
.token-hero .principles b { font-size: 22px; }
.feature-list, .case-list, .future-list { display: grid; border: 1px solid var(--line); border-radius: 5px; overflow: hidden; }
.feature-list { grid-template-columns: repeat(2, 1fr); }
.feature-list article { display: grid; grid-template-columns: 43px 1fr; gap: 14px; padding: 26px 27px 24px; min-height: 190px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.feature-list article:nth-child(2n) { border-right: 0; }
.feature-list article:nth-child(n+3) { border-bottom: 0; }
.feature-number, .case-list article > span, .future-list article > span { color: #899a82; font: 10px var(--mono); letter-spacing: 1px; }
.feature-list h3, .case-list h3, .future-list h3 { margin: 0 0 9px; font-size: 16px; font-weight: 500; }
.feature-list p, .case-list p, .future-list p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.8; }
.feature-list .feature-detail { margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--line); font-size: 11px; }
.process-heading { display: flex; align-items: baseline; gap: 18px; margin: 54px 0 20px; }
.process-heading h3 { margin: 0; font-size: 20px; font-weight: 500; }
.steps { border-radius: 5px; }
.use-cases { padding-top: 82px; }
.case-list { grid-template-columns: repeat(6, 1fr); }
.case-list article { grid-column: span 2; display: grid; grid-template-columns: 40px 1fr; gap: 12px; padding: 25px 25px 24px; min-height: 190px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.case-list article:nth-child(3n) { border-right: 0; }
.case-list article:nth-child(n+4) { grid-column: span 3; border-bottom: 0; }
.case-list article:last-child { border-right: 0; }
.future { padding-top: 86px; }
.future-list { grid-template-columns: repeat(3, 1fr); }
.future-list article { display: grid; grid-template-columns: 40px 1fr; gap: 12px; padding: 27px 25px 25px; min-height: 215px; border-right: 1px solid var(--line); }
.future-list article:last-child { border-right: 0; }
.ecosystem { display: grid; grid-template-columns: .7fr 1.3fr; gap: 8%; margin-top: 22px; padding: 27px 28px; border: 1px solid var(--line); }
.ecosystem h3 { margin: 12px 0 0; font-size: 20px; font-weight: 500; }
.ecosystem ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin: 0; padding: 0; list-style: none; }
.ecosystem li { padding-top: 2px; color: var(--muted); font-size: 12px; line-height: 1.75; }
.ecosystem li::before { content: '→'; display: block; margin-bottom: 7px; color: var(--green); font-family: var(--mono); }
.closing { margin-top: 88px; }
.menu-toggle { display: none; width: 34px; height: 34px; padding: 8px 6px; border: 1px solid var(--line); border-radius: 3px; background: transparent; }
.menu-toggle span { display: block; height: 1px; margin: 4px 0; background: currentColor; transition: transform .2s, opacity .2s; }
.menu-open .menu-toggle span:first-child { transform: translateY(5px) rotate(45deg); }
.menu-open .menu-toggle span:nth-child(2) { opacity: 0; }
.menu-open .menu-toggle span:last-child { transform: translateY(-5px) rotate(-45deg); }
.token-jump:hover:disabled { background: transparent; }
[data-theme="dark"] .site-header { background: color-mix(in srgb, var(--paper) 94%, transparent); }
[data-theme="dark"] .token-ca { background: #1b2a25; }
[data-theme="dark"] .token-jump { border-color: #9eaf98; }
[data-theme="dark"] .ecosystem li::before { color: var(--green); }
@media(max-width:1100px) {
  .site-header { padding-inline: 4%; }
  nav { gap: 15px; font-size: 11px; }
  .header-actions { gap: 14px; }
}
@media(max-width:860px) {
  .site-header { position: sticky; }
  .menu-toggle { display: block; }
  #primary-nav { display: none; }
  .menu-open #primary-nav { position: absolute; top: 100%; left: 0; right: 0; display: grid; gap: 0; padding: 9px 6%; border-bottom: 1px solid var(--line); background: var(--paper); box-shadow: 0 12px 24px #183b2b10; }
  .menu-open #primary-nav a { padding: 15px 0; border-bottom: 1px solid var(--line); font-size: 12px; }
  .menu-open #primary-nav a:last-child { border-bottom: 0; }
  .token-heading { grid-template-columns: 1fr; gap: 16px; }
  .token-heading .eyebrow { grid-column: auto; }
  .token-heading p { max-width: 580px; }
  .token-layout { grid-template-columns: 1fr; gap: 24px; }
  .token-side { grid-template-columns: minmax(0, 1fr) 170px; }
  .case-list { grid-template-columns: repeat(2, 1fr); }
  .case-list article:nth-child(n) { grid-column: span 1; }
  .case-list article:nth-child(3n) { border-right: 1px solid var(--line); }
  .case-list article:nth-child(2n) { border-right: 0; }
  .case-list article:nth-child(n+4) { border-bottom: 1px solid var(--line); }
  .case-list article:nth-child(n+5) { border-bottom: 0; }
  .case-list article:last-child { grid-column: 1 / -1; border-right: 0; }
  .ecosystem { grid-template-columns: 1fr; gap: 20px; }
  .ecosystem ul { grid-template-columns: repeat(3, 1fr); }
}
@media(max-width:700px) {
  .section-heading { align-items: start; flex-wrap: wrap; }
  .section-heading > p { max-width: none; }
  .token-hero { padding-top: 39px; }
  .token-heading h1 { font-size: 46px; }
  .token-description { padding: 22px 19px; min-height: 0; }
  .token-description p { font-size: 12px; }
  .token-side { grid-template-columns: 1fr; }
  .token-jump { width: 100%; }
  .token-pending { justify-self: start; }
  .token-hero .principles { margin-top: 30px; }
  .feature-list, .case-list, .future-list { grid-template-columns: 1fr; }
  .case-list article:nth-child(n) { grid-column: auto; }
  .feature-list article, .case-list article, .future-list article { border-right: 0; border-bottom: 1px solid var(--line); min-height: 0; padding: 22px 19px; }
  .feature-list article:nth-child(n), .case-list article:nth-child(n), .future-list article:nth-child(n) { border-right: 0; border-bottom: 1px solid var(--line); }
  .feature-list article:last-child, .case-list article:last-child, .future-list article:last-child { border-bottom: 0; }
  .process-heading { display: block; margin-top: 42px; }
  .process-heading h3 { margin-top: 10px; font-size: 18px; }
  .ecosystem { padding: 22px 19px; }
  .ecosystem ul { grid-template-columns: 1fr; gap: 15px; }
  .future { padding-top: 60px; }
  .closing { margin-top: 60px; }
}

/* Editorial palette and card hierarchy; result-stage geometry stays unchanged. */
:root {
  --surface: #ffffff;
  --surface-tint: #e5ede6;
  --accent: #d2ee87;
  --accent-ink: #274431;
  --muted: #596e63;
  --card-shadow: 0 8px 24px #183b2b08;
}
[data-theme="dark"] {
  --surface: #192c27;
  --surface-tint: #20392f;
  --accent: #c8e984;
  --accent-ink: #243e2b;
  --muted: #adbbb1;
  --card-shadow: 0 8px 24px #00000018;
}
body { background-image: radial-gradient(ellipse at 90% 0, #a9cb7330, transparent 35%); }
.section { padding-top: 58px; }
.site-header { height: 78px; }
nav a { position: relative; }
nav a::after { content: ''; position: absolute; bottom: 5px; left: 0; width: 0; height: 2px; background: #829d48; transition: width .2s; }
nav a:hover::after, nav a:focus-visible::after { width: 100%; }
.token-heading { gap: 20px 38px; grid-template-columns: 1.3fr 1fr; margin-bottom: 26px; }
.token-heading > .eyebrow { width: fit-content; padding: 9px 13px; border: 1px solid var(--line); border-radius: 30px; background: var(--surface); }
.token-heading h1 { font-size: clamp(44px, 6.2vw, 88px); font-weight: 700; letter-spacing: -4px; }
.token-heading > p { padding-left: 20px; border-left: 3px solid #93b85e; font-size: 14px; }
.token-layout { gap: 22px; grid-template-columns: 1.12fr 1fr; }
.token-information { padding: 28px; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); box-shadow: var(--card-shadow); }
.token-description { padding: 0; border: 0; min-height: 0; }
.token-description > .eyebrow { color: var(--ink); }
.token-description > .eyebrow::before { content: ''; width: 18px; height: 4px; background: #91b75a; }
.token-description p { font-size: 13px; line-height: 1.9; }
.token-ca, [data-theme="dark"] .token-ca { margin-top: 24px; border: 0; border-radius: 8px; background: var(--surface-tint); }
.token-ca > span { padding: 5px 8px; border-radius: 4px; background: var(--accent); color: var(--accent-ink); font-weight: bold; }
.token-side { gap: 12px; }
.token-side .hero-art { border-radius: 16px; aspect-ratio: 1.65; border: 1px solid #547850; box-shadow: inset 0 0 70px #081f2080; }
.token-jump { border-radius: 7px; background: var(--surface-tint); }
.token-hero .principles { margin-top: 22px; padding: 24px 10px; border: 0; border-radius: 12px; background: #173b31; }
.token-hero .principles > div { border-color: #ffffff26; }
.token-hero .principles b { color: #d2ee87; font: 500 28px var(--mono); letter-spacing: -1px; }
.token-hero .principles span { color: #d6e2d7; }
.section-heading { align-items: center; margin-bottom: 24px; }
.section-heading .eyebrow { color: var(--muted); font-size: 10px; }
.section-heading .eyebrow::before { content: ''; width: 7px; height: 7px; background: #89a952; }
.section-heading h2 { font-size: clamp(28px, 3vw, 40px); line-height: 1.18; font-weight: 600; letter-spacing: -1.1px; }
.section-heading > p { font-size: 13px; }
.feature-list, .case-list, .future-list { border: 0; border-radius: 0; gap: 14px; overflow: visible; }
.feature-list article, .case-list article, .future-list article { border: 1px solid var(--line); border-radius: 12px; background: var(--surface); box-shadow: var(--card-shadow); }
.feature-list article:nth-child(n), .case-list article:nth-child(n), .future-list article:nth-child(n) { border: 1px solid var(--line); }
.feature-list article { grid-template-columns: 38px minmax(0, 1fr); padding: 24px; min-height: 0; }
.feature-number, .case-list article > span, .future-list article > span { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 9px; background: var(--surface-tint); color: var(--ink); font-size: 11px; letter-spacing: -1px; }
.feature-list article:first-child { background: var(--surface-tint); }
.feature-list article:first-child .feature-number { background: var(--accent); color: var(--accent-ink); }
.feature-list h3, .case-list h3, .future-list h3 { font-weight: 600; line-height: 1.4; font-size: 17px; }
.feature-list p, .case-list p, .future-list p { font-size: 13px; line-height: 1.8; }
.process-heading { margin-top: 32px; }
.steps { border-radius: 12px; background: var(--surface-tint); overflow: hidden; }
.steps article { padding: 24px; }
.steps p { min-height: 0; }
.step-top { height: 57px; color: var(--muted); }
.step-code { color: var(--ink); }
.case-list article { display: flex; flex-direction: column; gap: 20px; padding: 25px; min-height: 0; position: relative; overflow: hidden; }
.case-list article::after { content: ''; position: absolute; top: 0; left: 24px; right: 24px; height: 3px; background: #94b762; }
.case-list article:nth-child(2)::after { background: #72b0a6; }
.case-list article:nth-child(3)::after { background: #b4a3ca; }
.case-list article:nth-child(4)::after { background: #c4ab67; }
.case-list article:nth-child(5)::after { background: #7b9fb7; }
.case-list article:first-child { background: #eef4e9; border-color: var(--line); color: var(--ink); }
.case-list article:first-child p { color: var(--muted); }
.case-list article:first-child > span { background: #deebcc; color: #274431; }
[data-theme="dark"] .case-list article:first-child { background: #183e34; border-color: #183e34; color: #f0f5e9; }
[data-theme="dark"] .case-list article:first-child p { color: #c5d4c7; }
[data-theme="dark"] .case-list article:first-child > span { background: #d2ee87; color: #274431; }
.case-list article:nth-child(n+4) { flex-direction: row; align-items: flex-start; }
.case-list article > span { flex-shrink: 0; }
.workspace, [data-theme="dark"] .workspace { border-radius: 14px; border-color: var(--line); box-shadow: 0 16px 45px #122e2910; }
.workspace-toolbar, [data-theme="dark"] .workspace-toolbar { background: var(--surface-tint); }
.local-badge { padding: 9px 12px; border: 1px solid var(--line); border-radius: 30px; background: var(--surface); color: var(--muted); }
.future-list article { display: flex; flex-direction: column; gap: 20px; min-height: 0; padding: 25px; }
.future-list article > span { border-radius: 50%; background: var(--accent); color: var(--accent-ink); }
.ecosystem { margin-top: 16px; border: 0; border-radius: 12px; background: var(--surface-tint); gap: 30px; grid-template-columns: .8fr 1.7fr; }
.ecosystem li { border-left: 1px solid var(--line); padding-left: 16px; }
.closing, [data-theme="dark"] .closing { margin-top: 54px; border: 0; border-radius: 16px; background: #d2ee87; color: #193d30; }
.closing .eyebrow, [data-theme="dark"] .closing .eyebrow { color: #47602d; }
.closing h2 { max-width: 75%; font-weight: 600; }
.closing .primary, [data-theme="dark"] .closing .primary { color: #eff5e6; background: #173b31; }
.closing-decoration, [data-theme="dark"] .closing-decoration { color: #83a945; }
@media (max-width: 1100px) {
  .token-heading { grid-template-columns: 1fr 1fr; }
  .token-heading h1 { font-size: clamp(44px, 5.9vw, 68px); letter-spacing: -3px; }
}
@media (max-width: 860px) {
  .token-heading, .token-layout { grid-template-columns: 1fr; }
  .token-heading > p { max-width: 100%; }
  .ecosystem { grid-template-columns: 1fr; }
}
@media (max-width: 700px) {
  .site-header { height: 68px; }
  .section { padding-top: 40px; }
  .token-heading h1 { font-size: clamp(39px, 10.8vw, 62px); letter-spacing: -2px; }
  .token-heading > .eyebrow { font-size: 8px; letter-spacing: 1px; }
  .token-information { padding: 22px 20px; }
  .token-hero .principles { padding: 16px 8px; gap: 18px 0; }
  .token-hero .principles > div { flex-direction: column; gap: 6px; }
  .token-hero .principles b { font-size: 23px; }
  .feature-list article, .case-list article, .future-list article { padding: 22px 20px; }
  .case-list article:nth-child(n) { flex-direction: row; gap: 14px; }
  .future-list article { flex-direction: row; gap: 14px; }
  .future-list article > span { flex-shrink: 0; }
  .ecosystem { padding: 22px 20px; }
  .ecosystem ul { gap: 18px; }
  .closing { padding: 30px 24px; }
  .closing h2 { max-width: 100%; font-size: 26px; }
  .closing-decoration { opacity: .15; }
}