@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Noto+Sans+Symbols+2&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#152a36;--muted:#677781;--line:#e0e6e7;--green:#b6f3ca;--paper:#f8faf9;--font:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--ink);background:#fff;font:16px/1.65 var(--font)}a{color:inherit;text-decoration:none}button,select,textarea,input{font:inherit}button,a,select,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #4d9c75;outline-offset:4px}textarea:focus-visible{outline:2px solid #65bd8d;outline-offset:-4px}.wrap{width:min(1120px,calc(100% - 64px));margin-inline:auto}.header{border-bottom:1px solid var(--line);height:86px;background:#fff}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:25px}.brand{display:flex;align-items:center;font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:700;letter-spacing:-.8px;white-space:nowrap}.brand-mark{background:var(--ink);color:var(--green);font-size:29px;line-height:37px;text-align:center;width:38px;height:38px;border-radius:10px;margin-right:10px}.brand-light{font-weight:400}.header nav{display:flex;gap:28px;font-size:14px;font-weight:550}.header nav a:hover{color:#29925a}.header nav a:first-child{color:#29925a}.header-badge{font-size:13px;border:1px solid var(--line);padding:8px 13px;border-radius:7px}.header-badge span{margin-left:10px}.hero{padding-top:48px}.eyebrow{display:flex;align-items:center;justify-content:center;gap:14px;font-size:11px;font-weight:650;letter-spacing:1.3px;color:#6c7c81}.eyebrow>span{color:#277b50}.eyebrow i{height:3px;width:3px;border-radius:50%;background:#819089}h1,h2,h3{font-family:'Space Grotesk',sans-serif;font-weight:600;line-height:1.2;letter-spacing:-1.3px}h1{font-size:52px;letter-spacing:-2.4px;text-align:center;margin:14px 0 15px}h2{font-size:33px;margin:0 0 21px}h3{font-size:21px;letter-spacing:-.5px;margin:0 0 11px}p{margin:0 0 16px;color:var(--muted)}.hero-description{text-align:center;font-size:16px;color:#637580;margin-bottom:30px}.mobile-break{display:none}.translator{background:var(--ink);padding:0 18px;border-radius:16px;box-shadow:0 14px 36px #132c3410;position:relative;scroll-margin-top:24px}.tool-toolbar{display:flex;align-items:center;justify-content:space-between;padding:17px 3px;gap:16px}.direction-tabs{display:flex;background:#0c202a;padding:4px;border-radius:8px}.direction-tabs button{border:0;background:transparent;color:#a4b3ba;padding:9px 20px;border-radius:5px;font-size:14px;font-weight:550;white-space:nowrap}.direction-tabs button[aria-pressed=true]{color:var(--ink);background:var(--green)}.version-label{color:#c0ccd1;font-size:12px;display:flex;gap:12px;align-items:center}select{background:#fff;border:1px solid #d7dedf;border-radius:6px;padding:8px 30px 8px 12px;color:var(--ink);font-size:14px}.version-label select{background:#233c49;color:#fff;border-color:#3a505c}.editors{display:grid;grid-template-columns:1fr 1fr;gap:12px;position:relative}.editor{background:#fff;border-radius:9px;min-width:0;overflow:hidden}.output-editor{background:#f0f7f2}.editor-heading{display:flex;align-items:center;justify-content:space-between;padding:17px 20px 0;font-size:14px;font-weight:600}.text-button{background:none;border:0;padding:0;color:#728189;font-size:12px;font-weight:500}.text-button:hover{color:#227b50}.text-button span{font-size:19px;margin-left:5px}.editor textarea{display:block;width:100%;height:178px;resize:vertical;border:0;padding:17px 20px 10px;background:none;color:var(--ink);font-size:21px;line-height:1.75;outline:none;min-height:110px;max-height:600px}.editor textarea.symbols{font-size:30px;letter-spacing:3px}.symbols{font-family:'Apple Symbols','Segoe UI Symbol','Noto Sans Symbols 2','Noto Sans Symbols','Arial Unicode MS',sans-serif;font-variant-emoji:text}.editor-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e4eae7;margin:0 20px;padding:12px 0;font-size:12px;color:#8b9699;min-height:60px}.copy-button{background:var(--ink);color:white;border:1px solid var(--ink);padding:8px 15px;border-radius:6px;font-size:13px;font-weight:550;min-height:36px}.copy-button:hover{background:#2b4753}.copy-button span{margin-right:6px}.live-label{color:#659272;font-size:10px;font-weight:500}.swap{position:absolute;top:105px;left:50%;transform:translateX(-50%);width:38px;height:38px;z-index:1;border:5px solid var(--ink);border-radius:50%;color:var(--ink);background:var(--green);font-size:22px;line-height:24px;padding:0}.tool-note{display:flex;justify-content:space-between;color:#a3b6be;font-size:11px;gap:20px;padding:12px 3px}.hero-trust{display:flex;justify-content:center;gap:32px;color:#71857c;font-size:12px;margin:20px 0 35px}.quick-links{padding-bottom:34px;border-bottom:1px solid var(--line)}.quick-label{font-size:10px;letter-spacing:1.5px;color:#8a9599;display:block;text-align:center;margin-bottom:13px}.quick-links>div{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.quick-links a{font-size:12px;border:1px solid var(--line);border-radius:6px;padding:8px 11px;background:white;white-space:nowrap}.quick-links a:hover{border-color:#5dba86;background:#f4fbf6}.quick-links a span{margin-right:7px;color:#6c8c79;font-size:13px}.section{padding-top:64px;padding-bottom:64px}.section-index{font-size:10px;font-weight:650;letter-spacing:1.5px;color:#6f897a;margin-bottom:20px}.intro-layout{display:grid;grid-template-columns:1.16fr 1fr;gap:94px}.intro-layout p{font-size:15px;line-height:1.8}.inline-link{display:inline-flex;gap:18px;align-items:center;font-size:14px;font-weight:600;color:#28784f;padding:5px 0}.inline-link:hover{text-decoration:underline}.specimen{border:1px solid var(--line);border-radius:10px;background:var(--paper);padding:22px 28px;text-align:center;align-self:center}.specimen-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#819189}.specimen-word{font-family:'Space Grotesk',sans-serif;font-size:43px;letter-spacing:8px;line-height:1.4;margin-top:15px}.specimen-divider{position:relative;color:#9aa69d;height:28px;font-size:21px}.specimen-divider:before,.specimen-divider:after{content:'';position:absolute;top:50%;height:1px;background:var(--line);width:42%}.specimen-divider:before{left:0}.specimen-divider:after{right:0}.specimen-symbols{font-size:40px;letter-spacing:5px;color:#438267;line-height:1.7}.specimen-bottom{font-size:11px;color:#8b9890;margin-top:6px}.how-section{background:var(--paper);border-top:1px solid #eef0ef;border-bottom:1px solid #eef0ef}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:30px}.step-art{height:102px;border:1px solid var(--line);border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:23px}.step-number{position:absolute;top:11px;left:13px;font-size:10px;color:#90a197}.mini-input,.mini-select,.mini-copy{font-size:14px;padding:9px 12px;border:1px solid var(--line);border-radius:5px;min-width:160px}.mini-input{color:#617680}.caret{display:inline-block;background:#60ae7f;height:18px;width:1px;vertical-align:middle;margin-left:5px}.mini-select{color:#546d60}.mini-select span{float:right;margin-left:20px}.mini-copy{background:var(--ink);color:#fff;border:0}.mini-copy>span{color:var(--green);margin-left:12px}.steps h3{font-size:18px}.steps p{font-size:14px;line-height:1.7}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.section-heading h2{margin-bottom:8px}.section-heading p{font-size:14px;margin:0}.outline-link{display:inline-flex;align-items:center;gap:20px;white-space:nowrap;border:1px solid #d3ded7;border-radius:6px;padding:10px 15px;font-size:13px;font-weight:550;background:white}.outline-link:hover{background:#eff8f2}.alphabet-grid{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:8px}.symbol-cell{display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--line);border-radius:7px;min-height:88px;padding:11px 3px 8px;gap:5px;color:var(--ink);transition:background .15s,border-color .15s,transform .15s}.symbol-cell:hover{background:#eff9f2;border-color:#76b992;transform:translateY(-2px)}.symbol-cell>.symbols{font-size:27px;line-height:1.3}.symbol-cell>.letter{font:11px/1.5 'Space Grotesk',sans-serif;color:#96a19d}.common-symbols{display:flex;align-items:center;gap:14px;margin-top:22px}.common-symbols>span{font-size:9px;letter-spacing:1px;color:#83958b;margin-right:8px}.common-symbol{border:0;background:#f0f5f1;border-radius:5px;width:37px;height:35px;font-size:22px;color:#658370}.fine-print{font-size:11px;line-height:1.6;color:#8c9995;margin-top:13px}.versions-section{border-top:1px solid var(--line)}.section-description{font-size:14px}.version-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.version-card{border:1px solid var(--line);padding:22px;border-radius:9px}.version-card:first-child{background:#f0f7f2;border-color:#d5e7da}.version-card-top{display:flex;justify-content:space-between;color:#7a9284;font-size:11px}.pill{font-size:8px;letter-spacing:1px;border:1px solid #b7d7c0;padding:2px 6px;border-radius:3px;color:#4c8561}.version-sample{font-size:27px;color:#759b83;letter-spacing:5px;margin:21px 0 20px;min-height:44px}.version-card p{font-size:13px;line-height:1.8;margin-bottom:17px}.version-card .inline-link{font-size:12px}.image-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;padding:39px 52px;border-radius:12px;background:var(--ink);color:#fff}.image-section .section-index{color:#a1c5ac;margin-bottom:12px}.image-section h2{font-size:29px;margin-bottom:13px}.image-section p{font-size:14px;color:#b2c4cc;line-height:1.8}.image-section .fine-print{font-size:10px;margin-bottom:0;color:#889fa8}.dark-link{display:inline-flex;align-items:center;gap:24px;background:var(--ink);color:white;padding:11px 18px;font-size:13px;font-weight:550;border-radius:6px}.image-section .dark-link{color:var(--ink);background:var(--green)}.image-graphic{position:relative;align-self:center;justify-self:center;width:235px;height:185px;padding:20px;text-align:center;border:1px solid #3b5360;border-radius:9px;background:#213b49;transform:rotate(-4deg)}.image-symbols{font-size:38px;line-height:1.6;letter-spacing:5px;color:var(--green)}.image-tag{position:absolute;background:#d5f3df;color:#466557;padding:5px 12px;bottom:-14px;left:25px;font-size:9px;letter-spacing:1.2px;transform:rotate(4deg)}.image-corner{position:absolute;width:15px;height:15px;border:2px solid #7faa8f}.top-left{top:12px;left:12px;border-right:0;border-bottom:0}.top-right{top:12px;right:12px;border-left:0;border-bottom:0}.bottom-left{bottom:12px;left:12px;border-right:0;border-top:0}.bottom-right{bottom:12px;right:12px;border-left:0;border-top:0}.uses{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:28px}.use-icon{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);background:var(--paper);width:46px;height:46px;border-radius:8px;font-size:24px;margin-bottom:17px;color:#5e806a}.use-card h3{font-size:18px}.use-card p{font-size:13px;line-height:1.8;min-height:70px}.use-label{font-size:8px;letter-spacing:1px;color:#7b8e81}.use-card[href]:hover h3{color:#277b50}.faq-section{display:grid;grid-template-columns:1fr 2fr;gap:70px;border-top:1px solid var(--line);padding-bottom:82px}.faq-section h2{font-size:42px;margin-bottom:15px}.faq-section>div>p{font-size:15px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:14px;font-weight:550;padding:19px 0;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-weight:400;font-size:21px;color:#81938a;transition:transform .15s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:13px;line-height:1.8;padding-right:32px;margin-bottom:20px}footer{background:var(--paper);border-top:1px solid var(--line);padding:48px 0 20px}.footer-top{display:grid;grid-template-columns:2.1fr 1.2fr 1.2fr 1fr;gap:45px}.footer-top .brand{font-size:17px}.footer-top .brand-mark{width:31px;height:31px;font-size:25px;line-height:31px}.footer-top p{font-size:12px;line-height:1.8;margin-top:17px}.footer-top h3{font:550 12px var(--font);letter-spacing:0;margin:5px 0 18px}.footer-top>div>a:not(.brand){display:block;font-size:11px;color:#7b8985;margin-bottom:9px}.footer-top>div>a:hover{color:#277b50}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;margin-top:32px;padding-top:18px;font-size:9px;color:#94a09b}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:#fff;padding:12px 23px;box-shadow:0 8px 30px #152a3620;border-radius:8px;font-size:14px;z-index:10;opacity:0;pointer-events:none;transition:.2s;width:max-content;max-width:calc(100% - 32px);text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}.subpage{padding-top:35px;padding-bottom:75px}.breadcrumb{display:block;color:#7f9287;font-size:12px;margin-bottom:35px}.subpage .translator{margin-top:30px}.subpage .section p{max-width:760px}.subpage .eyebrow{margin-top:30px}.chart-select{display:flex;align-items:center;justify-content:flex-end;gap:12px;font-size:14px;margin:30px 0 20px}.prose{max-width:850px}.prose h1{text-align:left;font-size:43px;margin-bottom:30px}.prose h2{font-size:26px;margin-top:35px}.prose p{font-size:16px}.prose p a{text-decoration:underline;color:#277b50}.image-workspace{background:var(--paper);padding:24px;border:1px solid var(--line);border-radius:12px}.upload-area{display:flex;align-items:center;flex-direction:column;gap:12px;padding:30px 15px;border:1px dashed #adc2b4;border-radius:8px;text-align:center;cursor:pointer}.upload-area>span{font-size:36px}.upload-area small{font-size:12px;color:var(--muted)}.upload-area input{font-size:14px;max-width:100%}#image-preview{max-width:100%;max-height:450px;object-fit:contain;margin:24px auto 0;display:block}#image-preview[hidden]{display:none}#image-status{font-size:13px;margin-top:14px}.manual-result{margin-top:28px;padding:25px;border:1px solid var(--line);border-radius:10px}.manual-result label{display:block;font-weight:550}.manual-result textarea{width:100%;margin:15px 0;min-height:100px;padding:16px;border:1px solid var(--line);border-radius:6px}.manual-result>div{display:flex;flex-wrap:wrap;gap:10px}
@media(min-width:1500px){.hero{padding-top:60px}.editor textarea{height:195px}}@media(max-width:1000px){.header-badge{display:none}.intro-layout{gap:40px}.alphabet-grid{grid-template-columns:repeat(9,minmax(0,1fr))}.image-section{gap:40px;padding:35px}.uses{gap:20px}.footer-top{gap:25px}.steps{gap:24px}.brand{font-size:18px}}@media(max-width:700px){.wrap{width:calc(100% - 32px)}.header{height:auto;min-height:76px}.header-inner{flex-wrap:wrap;justify-content:center;gap:12px;padding:15px 0 12px}.header nav{gap:22px;font-size:12px}.hero{padding-top:32px}.eyebrow{font-size:9px;letter-spacing:.8px;gap:9px}h1{font-size:36px;letter-spacing:-1.7px;margin:13px 0}.hero-description{font-size:14px;line-height:1.75;margin-bottom:24px}.mobile-break{display:block}.translator{padding:0 10px;border-radius:12px}.tool-toolbar{flex-direction:column;align-items:stretch;gap:12px;padding:12px 0}.direction-tabs{align-self:stretch}.direction-tabs button{flex:1;padding:10px 6px;font-size:12px}.version-label{justify-content:space-between;padding:0 4px}.version-label select{min-width:150px}.editors{grid-template-columns:1fr;gap:12px}.editor-heading{padding:14px 16px 0;font-size:13px}.editor textarea{height:130px;padding:12px 16px;font-size:18px}.editor textarea.symbols{font-size:26px}.editor-bottom{margin:0 16px;padding:10px 0;min-height:52px}.swap{top:calc(50% - 19px);left:50%;transform:translateX(-50%) rotate(90deg)}.tool-note{flex-direction:column;gap:4px;font-size:10px;padding:10px 3px}.hero-trust{gap:13px;font-size:10px;flex-wrap:wrap;margin:17px 0 28px}.quick-links a{font-size:11px;padding:7px 9px}.quick-links{padding-bottom:28px}.section{padding-top:42px;padding-bottom:42px}.section-index{font-size:9px;margin-bottom:15px}h2{font-size:28px;letter-spacing:-1px}.intro-layout{grid-template-columns:1fr;gap:30px}.intro-layout p{font-size:14px}.specimen{max-width:420px;width:100%;justify-self:center}.steps{grid-template-columns:1fr;gap:28px}.step-art{height:95px;margin-bottom:17px}.steps article{display:grid;grid-template-columns:110px 1fr;column-gap:18px}.step-art{grid-row:span 2;margin:0}.step-art>div{min-width:auto;font-size:10px;padding:9px 6px;max-width:100px}.step-art .step-number{font-size:9px;top:5px;left:7px}.mini-copy>span{display:none}.steps h3{font-size:17px;align-self:end;margin-bottom:7px}.steps p{font-size:12px;margin:0}.section-heading{align-items:flex-start;flex-direction:column;gap:16px}.alphabet-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.symbol-cell{min-height:77px}.symbol-cell>.symbols{font-size:24px}.common-symbols{gap:7px;flex-wrap:wrap}.common-symbols>span{width:100%;margin-bottom:3px}.common-symbol{width:34px}.version-cards{grid-template-columns:1fr;gap:12px}.version-card{padding:20px}.version-sample{margin:14px 0;font-size:29px}.image-section{grid-template-columns:1fr;gap:34px;padding:36px 24px}.image-section h2{font-size:27px}.image-graphic{width:200px;height:160px}.image-symbols{font-size:30px}.uses{grid-template-columns:1fr 1fr;gap:30px 22px}.use-card h3{font-size:16px}.use-card p{font-size:12px;min-height:auto}.use-label{font-size:8px;letter-spacing:.5px}.faq-section{grid-template-columns:1fr;gap:24px;padding-bottom:45px}.faq-section>div>p br{display:none}.faq-section h2{font-size:34px}.faq-list summary{font-size:13px}.footer-top{grid-template-columns:1fr 1fr;gap:24px}.footer-top>div:first-child{grid-column:1/-1}.footer-top p br{display:none}.footer-top h3{font-size:13px}.footer-top>div>a:not(.brand){font-size:12px}.footer-bottom{flex-direction:column;gap:7px;font-size:10px}.subpage h1{font-size:34px}.prose h1{font-size:34px}.manual-result{padding:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.route-guide{max-width:800px;margin-inline:auto;padding-bottom:0}.route-guide>section{margin-bottom:36px}.route-guide h2{font-size:27px;letter-spacing:-.7px;line-height:1.35;margin-bottom:14px}.route-guide p{font-size:16px;line-height:1.85;max-width:none!important}.route-guide p a{color:#28784f;text-decoration:underline;text-underline-offset:3px}.guide-table-wrap{overflow-x:auto;margin-top:24px}.guide-table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}.guide-table caption{text-align:left;color:var(--muted);margin-bottom:10px;font-size:14px}.guide-table th,.guide-table td{padding:14px;border:1px solid var(--line)}.guide-table thead{background:var(--paper)}.guide-table td.symbols{font-size:28px;line-height:1.4}.guide-related{padding:25px;background:var(--paper);border:1px solid var(--line);border-radius:8px}.guide-related h2{font-size:21px}.guide-related a{white-space:normal;margin:6px 10px 6px 0}.route-guide .guide-sources{font-size:13px;margin-top:22px}.route-guide .faq-list summary{font-size:16px}.route-guide .faq-list details p{font-size:16px}.route-guide .guide-faq{margin-top:40px}
.symbols{font-family:'Noto Sans Symbols 2','Apple Symbols','Segoe UI Symbol','Arial Unicode MS',sans-serif}.quick-links a,.inline-link,.copy-button,.text-button,.outline-link,.dark-link,.faq-list summary,.footer-top>div>a:not(.brand){font-size:14px}.intro-layout p,.section-description,.section-heading p,.steps p,.version-card p,.image-section p:not(.fine-print),.use-card p,.faq-list details p{font-size:16px}.footer-top h3{font-size:14px}.version-label,.editor-heading,.chart-select{font-size:14px}
@media(max-width:700px){.hero{padding-top:22px}.header-inner{padding:10px 0;gap:7px}.hero-description{margin-bottom:18px}.editor textarea{height:85px;min-height:70px}.editor-bottom{min-height:45px;padding:7px 0}.editor-heading{padding-top:10px}.tool-toolbar{gap:8px;padding:9px 0}.tool-note{padding:7px 3px}.direction-tabs button{padding:8px 5px}.tool-note span:last-child{display:none}.steps p{font-size:14px}.steps article{grid-template-columns:105px 1fr}.quick-links a{font-size:13px}.version-label{font-size:12px}.header nav{font-size:13px}.live-label{font-size:10px}.editor textarea.symbols{font-size:24px;letter-spacing:1px}}