@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400;1,700&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&family=DM+Mono:wght@400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--cream: #F4EFE4;--cream-dark: #EBE4D5;--cream-deeper: #DED5C3;--ink: #1A1814;--ink-muted: #6B6558;--ink-faint: #A89F91;--ink-line: #D6CEBC;--ink-hover: #2A2926;--accent: #2D2D2A;--accent-hover: #111110;--warm-white: #FDFAF5;--color-up: #2D6A4F;--color-up-bg: rgba(45, 106, 79, .18);--color-down: #A83232;--color-down-bg: rgba(168, 50, 50, .14);--cream-on-dark-strong: rgba(244, 239, 228, .6);--cream-on-dark-mid: rgba(244, 239, 228, .55);--cream-on-dark-label: rgba(244, 239, 228, .45);--cream-on-dark-faint: rgba(244, 239, 228, .4);--cream-on-dark-ghost: rgba(244, 239, 228, .35);--white-border-subtle: rgba(255, 255, 255, .1);--white-border: rgba(255, 255, 255, .15);--white-border-hover: rgba(255, 255, 255, .4);--white-bg-hover: rgba(255, 255, 255, .06);--navbar-bg: rgba(244, 239, 228, .88);--select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236B6558' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--font-display: "Playfair Display", Georgia, serif;--font-body: "DM Sans", sans-serif;--font-mono: "DM Mono", "Courier New", monospace;--radius: 12px;--radius-lg: 20px;--radius-pill: 999px;--max-w: 1100px}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--cream);color:var(--ink);line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit}img{display:block;max-width:100%}.app{min-height:100vh;display:flex;flex-direction:column}.navbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 2.5rem;height:64px;background:var(--navbar-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--ink-line)}.logo{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--ink);text-decoration:none;letter-spacing:-.02em}.nav-links{display:flex;gap:0}.nav-item{text-decoration:none;color:var(--ink-muted);font-size:.9rem;font-weight:400;padding:6px 16px;border-radius:var(--radius-pill);transition:color .2s,background .2s}.nav-item:hover{color:var(--ink);background:var(--cream-dark)}.nav-cta{text-decoration:none;font-size:.875rem;font-weight:500;padding:9px 20px;background:var(--ink);color:var(--cream);border-radius:var(--radius-pill);transition:background .2s,transform .15s}.nav-cta:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn-primary{display:inline-block;text-decoration:none;font-family:var(--font-body);font-size:.9rem;font-weight:500;padding:13px 28px;background:var(--ink);color:var(--cream);border-radius:var(--radius-pill);border:none;cursor:pointer;transition:background .2s,transform .15s}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px)}.btn-sm{padding:10px 22px;font-size:.85rem}.section-label{display:inline-block;font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-muted);border:1px solid var(--ink-line);padding:5px 14px;border-radius:var(--radius-pill);margin-bottom:1.25rem}.section-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.75rem);font-weight:700;line-height:1.15;letter-spacing:-.02em;color:var(--ink);margin-bottom:2.5rem}.hero{padding:7rem 2.5rem 5rem;max-width:var(--max-w);margin:0 auto;width:100%}.hero-eyebrow{font-size:.72rem;font-weight:500;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-muted);border:1px solid var(--ink-line);display:inline-block;padding:5px 14px;border-radius:var(--radius-pill);margin-bottom:1.75rem}.hero-title{font-family:var(--font-display);font-size:clamp(3rem,8vw,5.5rem);font-weight:700;line-height:1.05;letter-spacing:-.03em;color:var(--ink);margin-bottom:1.5rem;max-width:680px}.hero-title em{font-style:italic;font-weight:400;color:var(--ink-muted)}.hero-sub{font-size:1.05rem;font-weight:300;color:var(--ink-muted);max-width:480px;line-height:1.7;margin-bottom:2.5rem}.hero-ticker{margin-top:4rem;overflow:hidden;border-top:1px solid var(--ink-line);border-bottom:1px solid var(--ink-line);padding:14px 0}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.ticker-track{display:flex;gap:0;width:max-content;animation:ticker-scroll 20s linear infinite}.ticker-item{font-family:var(--font-mono);font-size:.8rem;font-weight:500;color:var(--ink-faint);letter-spacing:.12em;padding:0 2.5rem;border-right:1px solid var(--ink-line)}.converter-section{padding:6rem 2.5rem;max-width:var(--max-w);margin:0 auto;width:100%}.card{background:var(--warm-white);border:1px solid var(--ink-line);border-radius:var(--radius-lg);padding:2.5rem;max-width:560px;display:flex;flex-direction:column;gap:1.5rem}.card-field{display:flex;flex-direction:column;gap:.5rem;flex:1}.field-label{font-size:.68rem;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-muted)}.field-input{font-family:var(--font-mono);font-size:1.35rem;font-weight:400;color:var(--ink);background:var(--cream);border:1px solid var(--ink-line);border-radius:var(--radius);padding:.875rem 1.1rem;outline:none;width:100%;transition:border-color .2s,background .2s;appearance:textfield;-moz-appearance:textfield}.field-input::-webkit-inner-spin-button,.field-input::-webkit-outer-spin-button{appearance:none}.field-input::placeholder{color:var(--ink-faint)}.field-input:focus{border-color:var(--ink);background:var(--warm-white)}.field-select{font-family:var(--font-body);font-size:.95rem;font-weight:400;color:var(--ink);background:var(--cream);border:1px solid var(--ink-line);border-radius:var(--radius);padding:.875rem 2.5rem .875rem 1.1rem;outline:none;cursor:pointer;appearance:none;width:100%;background-image:var(--select-chevron);background-repeat:no-repeat;background-position:right 14px center;transition:border-color .2s,background-color .2s}.field-select:focus{border-color:var(--ink)}.card-row{display:flex;align-items:flex-end;gap:.75rem}.swap-btn{flex-shrink:0;align-self:flex-end;width:46px;height:46px;background:var(--cream-dark);border:1px solid var(--ink-line);border-radius:50%;color:var(--ink-muted);font-size:1.15rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s,transform .35s ease}.swap-btn:hover{background:var(--ink);color:var(--cream);transform:rotate(180deg)}.result-box{background:var(--cream);border:1px solid var(--ink-line);border-radius:var(--radius);padding:1.5rem 1.25rem;min-height:96px;display:flex;align-items:center;justify-content:center}.result-loading{display:flex;align-items:center;gap:.6rem;font-size:.875rem;color:var(--ink-muted)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:14px;height:14px;border:1.5px solid var(--ink-line);border-top-color:var(--ink);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.result-error{color:var(--color-down);font-size:.875rem;text-align:center}.result-placeholder{font-size:.875rem;color:var(--ink-faint);font-family:var(--font-mono);text-align:center}.result-content{width:100%;display:flex;flex-direction:column;gap:.75rem}.result-equation{display:flex;align-items:baseline;flex-wrap:wrap;gap:.5rem .75rem}.result-lhs{font-family:var(--font-mono);font-size:1rem;color:var(--ink-muted)}.result-eq{font-family:var(--font-mono);color:var(--ink-faint)}.result-rhs{font-family:var(--font-mono);font-size:2rem;font-weight:500;color:var(--ink);line-height:1}.result-code{font-size:.7em;font-weight:400;color:var(--ink-muted);letter-spacing:.06em}.result-code--accent{color:var(--ink);font-weight:500}.result-rate{font-family:var(--font-mono);font-size:.75rem;color:var(--ink-muted);border-top:1px solid var(--ink-line);padding-top:.6rem}.result-time{color:var(--ink-faint)}.card-source{font-size:.75rem;color:var(--ink-faint);text-align:center}.card-link{color:var(--ink-muted);text-decoration:underline;text-underline-offset:3px;transition:color .2s}.card-link:hover{color:var(--ink)}.features-section{padding:6rem 2.5rem;background:var(--cream-dark);border-top:1px solid var(--ink-line);border-bottom:1px solid var(--ink-line)}.features-section>*{max-width:var(--max-w);margin-left:auto;margin-right:auto}.features-section .section-label,.features-section .section-title{display:block}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--ink-line);border:1px solid var(--ink-line);border-radius:var(--radius);overflow:hidden;max-width:var(--max-w);margin:0 auto}.feature-item{background:var(--cream-dark);padding:2rem 1.75rem;display:flex;flex-direction:column;gap:1rem;transition:background .2s}.feature-item:hover{background:var(--warm-white)}.feature-num{font-family:var(--font-mono);font-size:.72rem;color:var(--ink-faint);letter-spacing:.06em}.feature-text{font-size:.9rem;font-weight:300;color:var(--ink-muted);line-height:1.6}.footer{background:var(--ink);color:var(--cream);padding:4rem 2.5rem 2.5rem;margin-top:auto}.footer-inner{max-width:var(--max-w);margin:0 auto}.footer-top{display:flex;justify-content:space-between;gap:3rem;padding-bottom:3rem;border-bottom:1px solid var(--white-border-subtle);margin-bottom:2rem}.footer-logo{font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:var(--cream);display:block;margin-bottom:.75rem}.footer-tagline{font-size:.875rem;font-weight:300;color:var(--cream-on-dark-mid);line-height:1.6;margin-bottom:1.5rem}.footer .btn-primary{background:var(--cream);color:var(--ink)}.footer .btn-primary:hover{background:var(--cream-dark)}.footer-cols{display:flex;gap:4rem;flex-shrink:0}.footer-heading{font-size:.68rem;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--cream-on-dark-faint);margin-bottom:1rem}.footer-list{list-style:none;display:flex;flex-direction:column;gap:.6rem}.footer-link{text-decoration:none;font-size:.875rem;font-weight:300;color:var(--cream-on-dark-strong);transition:color .2s}.footer-link:hover{color:var(--cream)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.footer-copy{font-size:.8rem;color:var(--cream-on-dark-ghost)}.footer-socials{display:flex;gap:8px}.social-pill{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;border:1px solid var(--white-border);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:.65rem;letter-spacing:.06em;color:var(--cream-on-dark-mid);transition:color .2s,border-color .2s,background .2s}.social-pill:hover{color:var(--cream);border-color:var(--white-border-hover);background:var(--white-bg-hover)}.trend-section{padding:6rem 2.5rem;max-width:var(--max-w);margin:0 auto;width:100%}.trend-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;margin-bottom:2.5rem}.period-tabs{display:flex;gap:4px;background:var(--cream-dark);border:1px solid var(--ink-line);border-radius:var(--radius-pill);padding:4px;align-self:flex-start;margin-top:.5rem}.period-tab{font-family:var(--font-mono);font-size:.75rem;font-weight:500;letter-spacing:.04em;padding:7px 16px;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--ink-muted);cursor:pointer;transition:background .2s,color .2s}.period-tab:hover{color:var(--ink)}.period-tab--active{background:var(--ink);color:var(--cream)}.stat-cards{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;gap:1px;background:var(--ink-line);border:1px solid var(--ink-line);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:1.5rem}.stat-card{background:var(--warm-white);padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.4rem;transition:background .2s}.stat-card:hover{background:var(--cream)}.stat-card--main{background:var(--ink);color:var(--cream)}.stat-card--main:hover{background:var(--ink-hover)}.stat-label{font-size:.65rem;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-faint)}.stat-card--main .stat-label{color:var(--cream-on-dark-label)}.stat-value{font-family:var(--font-mono);font-size:1.6rem;font-weight:500;color:var(--ink);line-height:1}.stat-card--main .stat-value{color:var(--cream)}.stat-value--sm{font-size:1.1rem}.stat-value--up{color:var(--color-up)}.stat-value--down{color:var(--color-down)}.stat-badge{display:inline-block;font-family:var(--font-mono);font-size:.75rem;font-weight:500;padding:3px 10px;border-radius:var(--radius-pill);align-self:flex-start}.stat-badge--up{background:var(--color-up-bg);color:var(--color-up)}.stat-badge--down{background:var(--color-down-bg);color:var(--color-down)}.stat-sub{font-size:.72rem;color:var(--ink-faint);font-family:var(--font-mono)}.chart-wrap{background:var(--warm-white);border:1px solid var(--ink-line);border-radius:var(--radius-lg);padding:1.5rem 1.5rem 1rem;position:relative;min-height:240px;display:flex;flex-direction:column;justify-content:center}.chart-loading,.chart-empty{display:flex;align-items:center;justify-content:center;gap:.6rem;font-size:.875rem;color:var(--ink-muted);font-family:var(--font-mono);min-height:180px}.chart-error{display:flex;align-items:center;justify-content:center;gap:.6rem;font-size:.875rem;font-family:var(--font-mono);min-height:180px;color:var(--color-down)}.chart-svg{width:100%;display:block;cursor:crosshair;overflow:visible}.chart-tooltip{position:absolute;top:1rem;transform:translate(-50%);background:var(--ink);color:var(--cream);border-radius:var(--radius);padding:6px 12px;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:1px;z-index:10}.tooltip-rate{font-family:var(--font-mono);font-size:.85rem;font-weight:500;color:var(--cream)}.tooltip-date{font-family:var(--font-mono);font-size:.65rem;color:var(--cream-on-dark-mid)}.chart-legend{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding-top:.75rem;border-top:1px solid var(--ink-line)}.legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.legend-label{font-family:var(--font-mono);font-size:.72rem;color:var(--ink-muted)}.legend-label--muted{color:var(--ink-faint)}.legend-sep{color:var(--ink-line);font-size:.8rem}@media(max-width:900px){.stat-cards{grid-template-columns:1fr 1fr 1fr}.stat-card--main{grid-column:span 3}}@media(max-width:768px){.navbar{padding:0 1.25rem}.nav-links{display:none}.hero{padding:5rem 1.25rem 3.5rem}.converter-section{padding:4rem 1.25rem}.card{padding:1.75rem 1.25rem}.card-row{flex-direction:column;align-items:stretch}.swap-btn{width:100%;border-radius:var(--radius);height:44px}.swap-btn:hover{transform:none}.features-section{padding:4rem 1.25rem}.features-grid{grid-template-columns:1fr 1fr}.footer{padding:3rem 1.25rem 2rem}.footer-top{flex-direction:column}.footer-cols{gap:2rem}.trend-section{padding:4rem 1.25rem}.trend-header{flex-direction:column;align-items:flex-start}}@media(max-width:540px){.stat-cards{grid-template-columns:1fr 1fr}.stat-card--main{grid-column:span 2}}@media(max-width:480px){.features-grid{grid-template-columns:1fr}.footer-cols{flex-direction:column;gap:1.5rem}.result-rhs{font-size:1.5rem}}