:root{--brand-900:#0B3B36;--brand-700:#0E5F55;--brand-600:#0E7C6B;--brand-500:#12A086;--brand-100:#D9EFE9;--brand-50:#EEF8F5;--accent-600:#E04A26;--accent-500:#FF7A59;--amber-500:#FFB020;--ink:#14201D;--ink-2:#4A5A56;--ink-3:#7A8884;--line:#E3EAE7;--bg:#FAFBFA;--surface:#FFFFFF;--hero-grad:linear-gradient(135deg,#E9F6F1 0%,#FBF1EA 100%);--font-sans:"Inter",-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--fs-display:clamp(2rem,4.5vw,3rem);--fs-h1:clamp(1.65rem,3.2vw,2.25rem);--fs-h2:1.375rem;--fs-h3:1.1rem;--fs-body:1.0625rem;--fs-small:.875rem;--fs-tiny:.75rem;--lh-body:1.75;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-6:1.5rem;--sp-8:2rem;--sp-12:3rem;--sp-16:4rem;--r-card:14px;--r-chip:999px;--shadow-1:0 1px 2px rgba(11,59,54,.05),0 4px 14px rgba(11,59,54,.06);--shadow-2:0 2px 6px rgba(11,59,54,.06),0 12px 32px rgba(11,59,54,.1);--maxw:1120px;--maxw-article:700px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--ink);background:var(--bg);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased}a{color:var(--brand-600);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}h1,h2,h3,h4{color:var(--brand-900);line-height:1.3}.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--sp-6)}.btn{display:inline-flex;align-items:center;gap:var(--sp-2);font-weight:700;font-size:var(--fs-small);border-radius:var(--r-chip);padding:.8rem 1.6rem;border:none;cursor:pointer;transition:transform .15s,box-shadow .15s}.btn-primary{background:var(--accent-600);color:#fff;box-shadow:0 4px 14px #e04a2659}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #e04a2673;text-decoration:none;color:#fff}.btn-ghost{background:transparent;color:var(--brand-700);border:1.5px solid var(--brand-100)}.btn-ghost:hover{background:var(--brand-50);text-decoration:none}.btn-block{width:100%;justify-content:center}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--sp-4)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:var(--sp-6);box-shadow:var(--shadow-1);transition:transform .15s,box-shadow .15s;display:flex;flex-direction:column;gap:var(--sp-2)}a.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-2);text-decoration:none}.card-static{background:var(--surface);border-style:dashed;cursor:default}.card-static h3{color:var(--ink-2)}.card h3{font-size:var(--fs-h3)}.card p{font-size:var(--fs-small);color:var(--ink-2);line-height:1.6}.card .go{margin-block-start:auto;font-size:var(--fs-small);font-weight:700;color:var(--brand-600)}.card-icon{width:38px;height:38px;border-radius:10px;background:var(--brand-50);display:grid;place-items:center;font-size:1.15rem}.hub-empty{margin-block-start:var(--sp-6);padding:var(--sp-4) var(--sp-6);border:1px dashed var(--line);border-radius:var(--r-card);color:var(--ink-2);font-size:var(--fs-small)}.chip{display:inline-flex;align-items:center;gap:var(--sp-1);font-size:var(--fs-tiny);font-weight:700;letter-spacing:.02em;border-radius:var(--r-chip);padding:.2rem .65rem;width:fit-content}.chip-time{background:#fff4e0;color:#92600a}.chip-tool{background:var(--brand-100);color:var(--brand-700)}.chip-new{background:#fdeee8;color:var(--accent-600)}.hero{background:var(--hero-grad);border-radius:calc(var(--r-card) * 1.5);padding:var(--sp-12) var(--sp-8);text-align:center}.hero h1{font-size:var(--fs-display);margin-block-end:var(--sp-4)}.hero p{max-width:640px;margin-inline:auto;color:var(--ink-2);font-size:1.1rem}.journey{display:flex;gap:var(--sp-2);overflow-x:auto;padding-block:var(--sp-4)}.journey a{flex:0 0 auto;display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-small);font-weight:600;color:var(--ink-2);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-chip);padding:var(--sp-2) var(--sp-4)}.journey a:hover{border-color:var(--brand-500);text-decoration:none}.journey a .dot{width:8px;height:8px;border-radius:50%;background:var(--line)}.journey a.current{color:var(--brand-900);border-color:var(--brand-600);background:var(--brand-50)}.journey a.current .dot{background:var(--brand-500)}.journey a.done{color:var(--ink-3)}.journey a.done .dot{background:var(--brand-100)}.timeline{position:relative;margin-block:var(--sp-8);padding-inline-start:var(--sp-8)}.timeline:before{content:"";position:absolute;inset-inline-start:11px;top:6px;bottom:6px;width:2px;background:linear-gradient(var(--brand-500),var(--brand-100))}.tl-item{position:relative;padding-block-end:var(--sp-6)}.tl-item:before{content:"";position:absolute;inset-inline-start:calc(-1 * var(--sp-8) + 5px);top:6px;width:14px;height:14px;border-radius:50%;background:var(--surface);border:3px solid var(--brand-500)}.tl-item.future:before{border-color:var(--line)}.tl-when{font-size:var(--fs-tiny);font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--brand-600)}.tl-item.future .tl-when{color:var(--ink-3)}.tl-item h4{color:var(--brand-900);font-size:1rem;margin-block:2px}.tl-item p{font-size:var(--fs-small);color:var(--ink-2)}.answer-first{background:var(--brand-50);border-inline-start:4px solid var(--brand-500);border-radius:0 var(--r-card) var(--r-card) 0;padding:var(--sp-6);font-size:1.08rem;line-height:1.7;color:var(--brand-900)}[dir=rtl] .answer-first{border-radius:var(--r-card) 0 0 var(--r-card)}.trustbar{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center;font-size:var(--fs-small);color:var(--ink-2)}.review-badge{display:inline-flex;align-items:center;gap:var(--sp-2);background:var(--brand-50);border:1px solid var(--brand-100);border-radius:var(--r-chip);padding:.35rem .9rem;font-weight:600;color:var(--brand-700)}.src-chip{display:inline-flex;align-items:center;gap:var(--sp-2);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-chip);padding:.35rem .9rem;font-weight:600;color:var(--ink-2);font-size:var(--fs-tiny)}.src-chip:hover{border-color:var(--brand-500);text-decoration:none}.src-chip .favicon{width:16px;height:16px;border-radius:4px;background:var(--brand-100);color:var(--brand-700);display:grid;place-items:center;font-size:.6rem;font-weight:800}.prose{max-width:var(--maxw-article)}.prose h2{font-size:var(--fs-h2);margin-block:var(--sp-8) var(--sp-4);padding-block-start:var(--sp-4)}.prose p{margin-block-end:var(--sp-4)}.prose ol,.prose ul{padding-inline-start:var(--sp-6);margin-block-end:var(--sp-4)}.prose li{margin-block-end:var(--sp-3)}.prose strong{color:var(--brand-900)}.prose table{width:100%;border-collapse:collapse;font-size:var(--fs-small);margin-block:var(--sp-4)}.prose th{background:var(--brand-50);color:var(--brand-900);text-align:start;padding:var(--sp-3) var(--sp-4);border-block-end:2px solid var(--brand-100)}.prose td{padding:var(--sp-3) var(--sp-4);border-block-end:1px solid var(--line);color:var(--ink-2)}.prose blockquote{border-inline-start:3px solid var(--amber-500);background:#fffbf2;padding:var(--sp-4) var(--sp-6);border-radius:0 8px 8px 0;font-size:var(--fs-small);color:var(--ink-2);margin-block:var(--sp-6)}.disclaimer{display:flex;gap:var(--sp-3);background:#fff9ec;border:1px solid #F5E3B3;border-radius:var(--r-card);padding:var(--sp-4) var(--sp-6);font-size:var(--fs-small);color:#6b5410}.faq details{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);margin-block-end:var(--sp-3);overflow:hidden}.faq summary{cursor:pointer;list-style:none;padding:var(--sp-4) var(--sp-6);font-weight:700;color:var(--brand-900);display:flex;justify-content:space-between;align-items:center;gap:var(--sp-4)}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-size:1.3rem;font-weight:400;color:var(--brand-500);flex:0 0 auto}.faq details[open] summary:after{content:"−"}.faq .faq-body{padding:0 var(--sp-6) var(--sp-4);color:var(--ink-2);font-size:var(--fs-small);line-height:1.7}.app-cta{background:linear-gradient(120deg,var(--brand-900),var(--brand-700));border-radius:calc(var(--r-card) * 1.5);padding:var(--sp-8);color:#e9f6f1;display:flex;flex-wrap:wrap;gap:var(--sp-6);align-items:center;justify-content:space-between}.app-cta h3{color:#fff;font-size:var(--fs-h2)}.app-cta p{font-size:var(--fs-small);opacity:.85;max-width:460px}.app-cta .phone{width:54px;height:54px;border-radius:16px;background:#ffffff1f;display:grid;place-items:center;font-size:1.6rem}.toc{position:sticky;top:84px;font-size:var(--fs-small)}.toc .toc-title{font-size:var(--fs-tiny);font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-block-end:var(--sp-3)}.toc a{display:block;color:var(--ink-2);padding:var(--sp-2) 0 var(--sp-2) var(--sp-4);border-inline-start:2px solid var(--line)}.toc a:hover{color:var(--brand-700);text-decoration:none}.article-layout{display:grid;grid-template-columns:200px 1fr;gap:var(--sp-12);align-items:start}.calc{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-6)}.calc-inputs,.calc-results{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);padding:var(--sp-6);box-shadow:var(--shadow-1)}.field{margin-block-end:var(--sp-6)}.field label{display:flex;justify-content:space-between;font-size:var(--fs-small);font-weight:700;color:var(--brand-900);margin-block-end:var(--sp-2)}.field label output{color:var(--brand-600);font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:var(--brand-600);height:28px}.num-row{display:flex;gap:var(--sp-3)}.num-row .field{flex:1}input[type=number],input[type=date]{width:100%;font:inherit;font-size:var(--fs-small);padding:.65rem .9rem;border:1.5px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink)}input[type=number]:focus,input[type=date]:focus{outline:2px solid var(--brand-100);border-color:var(--brand-500)}.hero-number{font-size:clamp(2.4rem,5vw,3.4rem);font-weight:800;color:var(--brand-700);font-variant-numeric:tabular-nums;line-height:1.1}.hero-sub{font-size:var(--fs-small);color:var(--ink-2);margin-block:var(--sp-2) var(--sp-6)}.proj{width:100%;border-collapse:collapse;font-size:var(--fs-small)}.proj td{padding:var(--sp-2) 0;border-block-end:1px dashed var(--line);color:var(--ink-2)}.proj td:last-child{text-align:end;font-weight:800;color:var(--brand-900);font-variant-numeric:tabular-nums}.milestone{display:flex;gap:var(--sp-3);align-items:center;background:#fffbf2;border-radius:10px;padding:var(--sp-3) var(--sp-4);font-size:var(--fs-small);color:#6b5410;margin-block-start:var(--sp-4)}.site-nav{background:var(--surface);border-block-end:1px solid var(--line)}.site-nav .wrap{display:flex;align-items:center;gap:var(--sp-6);padding-block:var(--sp-4)}.site-nav .brand{font-size:1.2rem;font-weight:800;color:var(--brand-900)}.site-nav .brand em{font-style:normal;color:var(--brand-500)}.site-nav ul{display:flex;gap:var(--sp-1);list-style:none;margin-inline-start:auto}.site-nav ul a{display:block;font-size:var(--fs-small);font-weight:600;color:var(--ink-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-chip)}.site-nav ul a:hover{background:var(--brand-50);color:var(--brand-700);text-decoration:none}.site-nav ul a[aria-current]{color:var(--brand-700);background:var(--brand-50)}.lang-switch{font-size:var(--fs-small);color:var(--ink-3);border:1px solid var(--line);border-radius:var(--r-chip);padding:var(--sp-2) var(--sp-3)}.site-footer{border-block-start:1px solid var(--line);margin-block-start:var(--sp-16);padding-block:var(--sp-8) var(--sp-12)}.site-footer .wrap{font-size:var(--fs-small);color:var(--ink-3)}.footer-grid{display:grid;grid-template-columns:1fr 1.2fr 1.7fr;gap:var(--sp-8);margin-block-end:var(--sp-8)}.footer-heading{font-size:var(--fs-tiny);font-weight:700;color:var(--ink-2);margin:0 0 var(--sp-3);text-transform:uppercase;letter-spacing:.07em}.footer-col ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-2)}.footer-col ul.footer-langs{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-2) var(--sp-4)}.footer-bottom{display:flex;flex-wrap:wrap;gap:var(--sp-4);justify-content:space-between;align-items:center;border-block-start:1px solid var(--line);padding-block-start:var(--sp-6)}.footer-bottom nav{display:flex;gap:var(--sp-6)}.site-footer a{color:var(--ink-3)}.site-footer a:hover{color:var(--brand-700)}@media (max-width:820px){.calc,.article-layout{grid-template-columns:1fr}.toc{display:none}.footer-grid{grid-template-columns:1fr;gap:var(--sp-6)}.footer-col ul.footer-langs{grid-template-columns:repeat(2,minmax(0,1fr))}}.site-nav[data-astro-cid-4lunwx2e] .lang-switch[data-astro-cid-4lunwx2e]{position:relative}.site-nav[data-astro-cid-4lunwx2e] .lang-switch[data-astro-cid-4lunwx2e]>summary[data-astro-cid-4lunwx2e]{list-style:none;cursor:pointer;user-select:none;display:inline-flex;align-items:center;gap:.3em;white-space:nowrap;font-size:var(--fs-small);font-weight:600;color:var(--ink-2);padding:var(--sp-2) var(--sp-3);border:1px solid var(--line);border-radius:var(--r-chip);background:var(--surface)}.site-nav[data-astro-cid-4lunwx2e] .lang-switch[data-astro-cid-4lunwx2e]>summary[data-astro-cid-4lunwx2e]::-webkit-details-marker{display:none}.site-nav[data-astro-cid-4lunwx2e] .lang-switch[data-astro-cid-4lunwx2e][open]>summary[data-astro-cid-4lunwx2e]{border-color:var(--brand-500);color:var(--brand-700)}.site-nav[data-astro-cid-4lunwx2e] .lang-switch[data-astro-cid-4lunwx2e] .chev[data-astro-cid-4lunwx2e]{font-size:.8em;opacity:.7}.site-nav[data-astro-cid-4lunwx2e] .lang-menu[data-astro-cid-4lunwx2e]{position:absolute;inset-inline-end:0;top:calc(100% + .4rem);z-index:50;display:grid;grid-template-columns:1fr 1fr;gap:.1rem;margin:0;padding:.35rem;list-style:none;min-width:16rem;max-height:70vh;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-1)}.site-nav[data-astro-cid-4lunwx2e] .lang-menu[data-astro-cid-4lunwx2e] a[data-astro-cid-4lunwx2e]{display:block;padding:.4rem .6rem;border-radius:8px;font-size:var(--fs-small);font-weight:500;color:var(--ink-2);text-decoration:none;white-space:nowrap}.site-nav[data-astro-cid-4lunwx2e] .lang-menu[data-astro-cid-4lunwx2e] a[data-astro-cid-4lunwx2e]:hover{background:var(--brand-50);color:var(--brand-800)}.site-nav[data-astro-cid-4lunwx2e] .lang-menu[data-astro-cid-4lunwx2e] a[data-astro-cid-4lunwx2e][aria-current=true]{color:var(--brand-700);font-weight:700}.crumbs[data-astro-cid-ilhxcym7]{font-size:var(--fs-small);line-height:1.4}.crumbs[data-astro-cid-ilhxcym7] ol[data-astro-cid-ilhxcym7]{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);margin:0;padding:0;list-style:none}.crumbs[data-astro-cid-ilhxcym7] li[data-astro-cid-ilhxcym7]{display:flex;align-items:center;gap:var(--sp-2);min-width:0;color:var(--ink-3)}.crumbs[data-astro-cid-ilhxcym7] li[data-astro-cid-ilhxcym7]+li[data-astro-cid-ilhxcym7]:before{content:"›";color:var(--ink-3)}[data-astro-cid-ilhxcym7][dir=rtl] .crumbs[data-astro-cid-ilhxcym7] li[data-astro-cid-ilhxcym7]+li[data-astro-cid-ilhxcym7]:before{content:"‹"}.crumbs[data-astro-cid-ilhxcym7] a[data-astro-cid-ilhxcym7]{color:var(--ink-2);text-decoration:none}.crumbs[data-astro-cid-ilhxcym7] a[data-astro-cid-ilhxcym7]:hover{color:var(--brand-600);text-decoration:underline}.crumbs[data-astro-cid-ilhxcym7] .current[data-astro-cid-ilhxcym7]{color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:min(56ch,62vw)}
