@import"https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700;900&display=swap";:root{--color-terracotta: #e07a5f;--color-terracotta-dark: #d1664c;--color-cream: #f4f1de;--color-cream-muted: #eee6d9;--color-navy: #3d405b;--color-sage: #81b29a;--color-sage-ghost: rgba(129, 178, 154, .12);--color-border: #d9d2c5;--color-text: #3d405b;font-family:Nunito,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;font-weight:400;color:var(--color-text);background-color:var(--color-cream);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--color-cream);color:var(--color-text)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{margin:0;color:var(--color-text);font-weight:900}p{margin:0}.page{background:var(--color-cream);min-height:100vh;display:flex;flex-direction:column}main{flex:1}.container{max-width:1180px;margin:0 auto;padding:32px 24px}@media(max-width:768px){.container{padding:20px 16px}}.section{padding-block:64px}@media(max-width:768px){.section{padding-block:48px}}.section-heading{text-align:center;font-size:34px;margin-bottom:32px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;border:none;border-radius:9999px;padding:10px 20px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease,border-color .15s ease;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-primary{background:var(--color-terracotta);color:var(--color-cream);box-shadow:0 10px 25px #e07a5f4d}.btn-primary:hover:not(:disabled){background:var(--color-terracotta-dark);transform:translateY(-1px)}.btn-secondary{background:transparent;color:var(--color-text);border:1px solid var(--color-sage);border-radius:8px;padding:8px 16px}.btn-secondary:hover:not(:disabled){background:var(--color-sage-ghost)}.btn-ghost{background:transparent;color:var(--color-text);border:none;padding:8px 12px}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:9999px;font-weight:600;font-size:12px}.badge-sage{background:var(--color-sage);color:var(--color-text)}.badge-terracotta{background:var(--color-terracotta);color:var(--color-cream)}.badge-neutral{background:var(--color-cream-muted);color:var(--color-text)}.card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 8px 20px #0000000a}.card-elevated:hover{transform:translateY(-2px);box-shadow:0 12px 26px #e07a5f1f;transition:all .16s ease}.input,.textarea{width:100%;border-radius:8px;border:1px solid var(--color-border);padding:10px 12px;font-family:inherit;font-size:14px;background:#fff;color:var(--color-text);transition:border-color .15s ease,box-shadow .15s ease}.textarea{min-height:140px;resize:vertical}.input:focus,.textarea:focus{outline:none;border:2px solid var(--color-sage);box-shadow:0 0 0 3px #81b29a33}.label{display:block;font-weight:600;font-size:14px;margin-bottom:6px;color:var(--color-text)}.helper{font-size:12px;color:#3d405bb3;margin-top:6px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}@media(max-width:900px){.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.grid-3{grid-template-columns:1fr}}.tabs{display:inline-flex;background:var(--color-cream-muted);border-radius:12px;padding:4px}.tab-button{border:none;background:transparent;padding:10px 14px;border-radius:10px;font-weight:600;color:#3d405bb3;cursor:pointer;transition:all .15s ease}.tab-button.active{background:#fff;color:var(--color-text);box-shadow:inset 0 -2px 0 var(--color-terracotta)}.dropzone{border:2px dashed var(--color-sage);border-radius:16px;padding:20px;text-align:center;background:#fff;color:var(--color-text);transition:background .15s ease,border-color .15s ease}.dropzone:hover{background:#f7f2e8;border-color:var(--color-terracotta)}.slider-track{width:100%;accent-color:var(--color-terracotta)}.muted-text{color:#3d405bb3}.converter-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:24px}@media(max-width:900px){.converter-grid{grid-template-columns:1fr}}.converter-header{display:flex;align-items:center;justify-content:space-between;gap:12px}@media(max-width:768px){.converter-header{flex-direction:column;align-items:flex-start;gap:8px}}.hero-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:center}@media(max-width:960px){.hero-grid{grid-template-columns:1fr}}.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media(max-width:640px){.two-col{grid-template-columns:1fr}}.header-shell{background:var(--color-cream);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:10}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:16px;flex-wrap:wrap}.nav-links{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.nav-desktop{display:flex;align-items:center;gap:12px}.nav-mobile-toggle{display:none;background:transparent;border:none;border-radius:10px;padding:8px 10px;cursor:pointer}.nav-mobile{display:none;flex-direction:column;gap:12px}.hamburger-lines{width:20px;height:2px;background:var(--color-text);position:relative;display:block}.hamburger-lines:before,.hamburger-lines:after{content:"";width:20px;height:2px;background:var(--color-text);position:absolute;left:0}.hamburger-lines:before{top:-6px}.hamburger-lines:after{top:6px}@media(max-width:768px){.nav-desktop{display:none}.nav-mobile-toggle{display:inline-flex;align-items:center;justify-content:center}.nav-mobile.open{display:flex}}