@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;600&display=swap";@font-face{font-family:Glacial Indifference;src:url(/assets/fonts/GlacialIndifference-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Glacial Indifference;src:url(/assets/fonts/GlacialIndifference-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--color-primary: #313130;--color-accent: #125c10;--color-accent-dark:#0e4a0d;--color-bg: #f7f3ea;--color-white: #ffffff;--color-muted: #6B7280;--color-border: #E5E7EB;--color-success: #125c10;--color-warning: #FFD885;--color-error: #E44D04;--font-heading: "Cormorant Garamond", Georgia, serif;--font-body: "Glacial Indifference", system-ui, sans-serif;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 40px;--space-6: 48px;--space-8: 64px;--space-12: 96px;--container: 1200px;--content: 760px;--transition-fast: .2s ease-in-out;--transition-base: .35s ease-in-out;--shadow-card: 0 2px 16px rgba(49, 49, 48, .08);--shadow-card-hover: 0 4px 24px rgba(49, 49, 48, .14)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background-color:var(--color-bg);color:var(--color-primary);font-family:var(--font-body);font-size:18px;line-height:1.7;min-height:100vh}img,svg{display:block;max-width:100%}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-dark)}ul,ol{list-style:none}button{font-family:var(--font-body);cursor:pointer;border:none;background:none}input,select{font-family:var(--font-body)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:400;color:var(--color-primary)}h1{font-size:60px;line-height:1.1}h2{font-size:48px;line-height:1.2}h3{font-size:36px;line-height:1.3}h4{font-size:28px;line-height:1.4}.subtitle{font-family:var(--font-body);font-size:22px;font-weight:400;line-height:1.5;color:var(--color-muted)}p{font-size:18px;line-height:1.7}.caption,label{font-family:var(--font-body);font-size:13px;font-weight:400;letter-spacing:.05em;text-transform:uppercase;color:var(--color-muted)}@media(max-width:768px){h1{font-size:40px}h2{font-size:32px}h3{font-size:26px}.subtitle{font-size:18px}}code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:15px;background:var(--color-white);border-left:3px solid var(--color-accent);padding:var(--space-3) var(--space-4);display:block;border-radius:0 var(--radius-sm) var(--radius-sm) 0;line-height:1.8;color:var(--color-primary);overflow-x:auto}.container{max-width:var(--container);margin-inline:auto;padding-inline:var(--space-3)}.content-col{max-width:var(--content);margin-inline:auto}section{padding-block:var(--space-12)}@media(max-width:768px){section{padding-block:var(--space-8)}}.site-header{position:sticky;top:0;z-index:100;background:var(--color-bg);border-bottom:1px solid var(--color-border)}.site-header__inner{max-width:var(--container);margin-inline:auto;padding-inline:var(--space-3);height:64px;display:flex;align-items:center;gap:var(--space-2)}.site-header__logo{height:32px;width:auto}.site-header__name{font-family:var(--font-heading);font-size:22px;font-weight:600;color:var(--color-primary);letter-spacing:.01em}.site-footer{border-top:1px solid var(--color-border);padding-block:var(--space-6);text-align:center}.site-footer p{font-size:13px;color:var(--color-muted);letter-spacing:.03em}.site-footer a{color:var(--color-muted);text-decoration:underline;text-underline-offset:3px}.site-footer a:hover{color:var(--color-accent)}.hero{text-align:center;padding-block:var(--space-12);background:var(--color-bg)}.hero h1{margin-bottom:var(--space-3)}.hero .subtitle{max-width:560px;margin-inline:auto}@media(max-width:768px){.hero{padding-block:var(--space-8)}}.calculator-section{background:var(--color-white);padding-block:var(--space-12)}@media(max-width:768px){.calculator-section{padding-block:var(--space-8)}}.calculator-layout{display:grid;grid-template-columns:380px 1fr;gap:var(--space-6);align-items:start;margin-top:var(--space-5)}.calculator-output{display:flex;flex-direction:column;gap:var(--space-4)}@media(max-width:900px){.calculator-layout{grid-template-columns:1fr}}.how-it-works{background:var(--color-bg)}.how-it-works__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-top:var(--space-6)}.how-it-works__block h3{margin-bottom:var(--space-2)}.how-it-works__block p{margin-bottom:var(--space-2);color:var(--color-muted)}.how-it-works__block code{margin-top:var(--space-2)}@media(max-width:768px){.how-it-works__grid{grid-template-columns:1fr}}.faq-section{background:var(--color-white)}.faq-section h2{margin-bottom:var(--space-6);text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.js-animations-ready [data-animate]{opacity:0}[data-animate].is-visible{animation:fadeInUp var(--transition-base) ease-in-out both;animation-delay:var(--delay, 0ms);opacity:1}@media(prefers-reduced-motion:reduce){.js-animations-ready [data-animate]{opacity:1}[data-animate].is-visible{animation:none}}.btn,.result-card,.faq-item summary,.mode-btn{transition-duration:.2s;transition-timing-function:ease-in-out}.mode-toggle{display:inline-flex;background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);padding:3px;margin-bottom:var(--space-5)}.mode-btn{padding:10px 24px;border-radius:6px;font-size:14px;font-weight:700;letter-spacing:.04em;color:var(--color-muted);background:transparent;transition:background var(--transition-fast),color var(--transition-fast)}.mode-btn--active{background:var(--color-accent);color:var(--color-white)}.mode-btn:hover:not(.mode-btn--active){color:var(--color-primary)}.input-panel{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:var(--space-4)}.input-group{display:flex;flex-direction:column;gap:var(--space-1)}.input-group__header{display:flex;justify-content:space-between;align-items:baseline}.input-group__label{font-size:13px;font-weight:400;letter-spacing:.05em;text-transform:uppercase;color:var(--color-muted)}.input-group__value{font-size:16px;font-weight:700;color:var(--color-primary);font-family:var(--font-body)}.input-group__number{width:100%;padding:10px var(--space-2);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-size:16px;font-family:var(--font-body);color:var(--color-primary);background:var(--color-bg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);-moz-appearance:textfield}.input-group__number::-webkit-outer-spin-button,.input-group__number::-webkit-inner-spin-button{-webkit-appearance:none}.input-group__number:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #125c101f}.input-group__slider{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background-color:var(--color-border);outline:none;cursor:pointer;background-image:linear-gradient(var(--color-accent),var(--color-accent));background-repeat:no-repeat;background-position:left center;background-size:0% 100%}.input-group__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-accent);cursor:pointer;box-shadow:0 1px 4px #125c104d;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.input-group__slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 2px 8px #125c1066}.input-group__slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--color-accent);border:none;cursor:pointer;box-shadow:0 1px 4px #125c104d}.input-group__select{width:100%;padding:10px var(--space-2);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);font-size:16px;font-family:var(--font-body);color:var(--color-primary);background:var(--color-bg);cursor:pointer;transition:border-color var(--transition-fast);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.input-group__select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #125c101f}.input-group__select:disabled{opacity:.5;cursor:not-allowed}.frequency-note{font-size:12px;color:var(--color-muted);font-style:italic;margin-top:2px;display:none}.mode-sip .frequency-note{display:block}.mode-sip .input-group[data-mode=compound],.mode-compound .input-group[data-mode=sip]{display:none}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.result-card{background:var(--color-white);border:1.5px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-3);display:flex;flex-direction:column;gap:var(--space-1);box-shadow:var(--shadow-card);transition:box-shadow var(--transition-fast)}.result-card:hover{box-shadow:var(--shadow-card-hover)}.result-card--accent{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-white)}.result-card--accent .result-card__label{color:#ffffffbf}.result-card__label{font-size:13px;font-weight:400;letter-spacing:.05em;text-transform:uppercase;color:var(--color-muted)}.result-card__value{font-family:var(--font-heading);font-size:32px;font-weight:600;line-height:1.1;color:var(--color-primary)}.result-card--accent .result-card__value{color:var(--color-white)}.result-card__sub{font-size:13px;color:var(--color-muted);letter-spacing:.02em}.result-card--accent .result-card__sub{color:#ffffffb3}@media(max-width:768px){.result-grid{grid-template-columns:1fr}.result-card__value{font-size:26px}}.chart-card{background:var(--color-white);border-radius:var(--radius-md);padding:var(--space-5);box-shadow:var(--shadow-card)}.chart-card h3{font-size:22px;margin-bottom:var(--space-3)}.chart-legend{display:flex;gap:var(--space-3);margin-bottom:var(--space-3)}.chart-legend__item{display:flex;align-items:center;gap:8px;font-size:13px;letter-spacing:.03em;color:var(--color-muted)}.chart-legend__dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.chart-legend__dot--invested{background:#31313073}.chart-legend__dot--returns{background:#125c10b3}.chart-canvas-wrapper{position:relative;height:280px}@media(max-width:768px){.chart-canvas-wrapper{height:220px}}.breakdown-wrapper{margin-top:var(--space-6)}.breakdown-wrapper h3{font-size:28px;margin-bottom:var(--space-4)}.table-scroll{overflow-x:auto;border-radius:var(--radius-md);border:1.5px solid var(--color-border);box-shadow:var(--shadow-card)}.breakdown-table{width:100%;border-collapse:collapse;font-size:15px;min-width:540px}.breakdown-table thead{position:sticky;top:0;z-index:1;background:var(--color-primary);color:var(--color-white)}.breakdown-table th{padding:14px var(--space-3);text-align:right;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.breakdown-table th:first-child{text-align:left}.breakdown-table td{padding:12px var(--space-3);text-align:right;color:var(--color-primary);border-bottom:1px solid var(--color-border)}.breakdown-table td:first-child{text-align:left;font-weight:700;color:var(--color-muted)}.breakdown-table tbody tr:last-child td{border-bottom:none}.breakdown-table tbody tr:nth-child(2n){background:var(--color-bg)}.breakdown-table tbody tr:hover{background:#125c100d}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:var(--radius-sm);font-size:14px;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.btn--primary{background:var(--color-accent);color:var(--color-white);border:none}.btn--primary:hover{background:var(--color-accent-dark)}.btn--secondary{background:transparent;color:var(--color-primary);border:1.5px solid var(--color-primary)}.btn--secondary:hover{background:var(--color-primary);color:var(--color-white)}.faq-list{display:flex;flex-direction:column;gap:var(--space-2);max-width:var(--content);margin-inline:auto}.faq-item{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;background:var(--color-white)}.faq-item[open]{border-color:var(--color-accent)}.faq-item summary,.faq-item__question{padding:var(--space-3) var(--space-4);font-size:16px;font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;color:var(--color-primary);user-select:none;transition:background var(--transition-fast)}.faq-item summary::-webkit-details-marker,.faq-item__question::-webkit-details-marker{display:none}.faq-item summary:after,.faq-item__question:after{content:"+";font-size:20px;font-weight:400;color:var(--color-accent);flex-shrink:0;transition:transform var(--transition-fast)}.faq-item[open] summary:after,.faq-item[open] .faq-item__question:after{transform:rotate(45deg)}.faq-item summary:hover,.faq-item__question:hover{background:var(--color-bg)}.faq-answer{padding:0 var(--space-4) var(--space-4);font-size:16px;color:var(--color-muted);line-height:1.7;border-top:1px solid var(--color-border);padding-top:var(--space-3)}