:root{--text:#08060d;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}body{margin:0;padding:0}#root{border-inline:1px solid var(--border);box-sizing:border-box;width:1126px;max-width:100%;min-height:100svh;margin:0 auto}h1,h2{font-family:var(--heading);color:var(--text-h);margin-bottom:.5em;font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:42px;line-height:1.6}@media (width<=1024px){h1{margin:20px 0;font-size:32px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:1.6}@media (width<=1024px){h2{font-size:20px}}h3{letter-spacing:-.24px;margin:0 0 8px;font-size:18px;line-height:1.6}@media (width<=1024px){h3{font-size:16px}}p{margin:0;padding-bottom:.35em;line-height:1.6}ul{margin-top:0;margin-bottom:1em;padding-left:1em}li{margin:0;padding-left:0;line-height:1.6}a{color:#023737}input{margin-right:.65em}.logo{width:250px}.progress-bar{z-index:1000;background:#a8c208;border-radius:0 10px 10px 0;width:100%;height:8px;transition:width .3s;position:fixed;top:0;left:0}.progress{border-radius:10px;height:100%;transition:width .3s}.navigation{justify-content:space-evenly;gap:12px;margin-top:1rem;display:flex}.nav-button{cursor:pointer;background-color:#f9f7f6;border:#f0ece8;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex}.nav-button:hover{transform:.5s ease;background-color:#a8c208}.nav-button--start{background-color:#a8c208;border-radius:3.125rem;width:120px;height:36px;padding:.5rem 1rem}.nav-button:hover{opacity:.8}.investor-guide{min-height:100vh;position:relative}.content-wrapper{width:100%;max-width:1126px;margin:0 auto}section{padding:.5em}.main-intro,.toggle-definitions,.investing{grid-template-columns:1fr;justify-content:center;align-items:start;gap:2em;display:grid}.about-ooti,.investing-checkbox{background-color:#f9f7f6;border:1px solid #f0ece8;border-radius:1rem;padding:2em}.ooti-guide{gap:1em;padding:0 2em 2em}.greyed-out{background-color:0.5%}.description{margin-top:.25em;padding-left:2em}.definition-buttons>button,.investmentJouney>button{color:#08060d;border:1px solid #e5e4e7;border-radius:1rem;width:150px;height:150px;margin:1em}.definition-buttons>button:hover{background-color:#a8c208}.definition-buttons{flex-direction:column;justify-content:center;align-items:center;display:flex}.definitions-card{padding:2em}.investing{margin-top:1em}.investing-checkbox label{font-weight:600}.investing-checkbox p{margin-left:1.7em}.accordion-item{border-left:2px solid #e5e4e7}.accordion-button{cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:1rem;display:flex}.accordion-button h3{margin-bottom:0}.accordion-button--open{border-left:2px solid #a8c208}.accordion-arrow{font-size:1.25rem}.accordion-content{padding:0 1rem 1rem}.accordion-desc{margin-left:2em}.accordion-desc ul{margin-bottom:0}.investSafely .cards{margin-top:1em}.investSafely .cards .card,.investSafely .cardcard--open{border:1px solid #f0ece8;border-radius:1em;margin-bottom:1em;padding:1em}.investSafely .card h3{margin-bottom:0}.investSafely .card--open h3{margin-bottom:1em}@media (width>=768px){.main-intro,.toggle-definitions,.investing{grid-template-columns:repeat(2,1fr)}.ooti-guide{padding:2em}.toggle-definitions{min-height:300px}.definition-buttons{flex-direction:row}}
