/* The FS Lab — FS tool page (extends the Pre-FS tool styles in site.css) */ .fs-lang{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden} .fs-lang button{border:0;background:none;padding:5px 12px;font-size:.8rem;font-weight:600;letter-spacing:.04em;color:var(--muted);cursor:pointer} .fs-lang button[aria-pressed="true"]{background:var(--heading);color:var(--paper)} .fs-calcbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin:0 0 22px;padding:14px 18px;border:1px solid var(--line);border-left:3px solid var(--gold);background:var(--surface);border-radius:4px} .fs-calcbar .btn{min-width:150px} .fs-calcbar .btn[disabled]{opacity:.6;cursor:progress} .fs-calcmsg{flex:1 1 280px;font-size:.9rem;line-height:1.45;color:var(--muted)} .fs-calcmsg small{display:block;font-size:.78rem;margin-top:3px} .fs-calcmsg .warn{color:var(--gold-ink);font-weight:500}.fs-calcmsg .err{color:var(--warn);font-weight:500} #fs-ts:empty{display:none} .fs-method{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;margin:0 0 14px;font-size:.92rem} .fs-method>span{font-weight:600;color:var(--heading)} .fs-method label{display:flex;align-items:center;gap:7px;cursor:pointer} .fs-method input{accent-color:var(--heading);width:16px;height:16px} .fs-sub{margin:18px 0 8px;font-size:.86rem;letter-spacing:.02em;color:var(--muted)} .fs-sub:first-child{margin-top:4px} .fs-h3{font-size:1.24rem;margin:30px 0 12px} .ft th.l small.tip{display:block;font-size:.76rem;line-height:1.35;color:var(--sheet-muted);margin-top:2px;font-weight:400} .fs-sm{font-family:var(--sans);font-size:.74rem;color:var(--sheet-muted);font-weight:400} .fs-msg{margin:0 0 10px;padding:9px 13px;border-left:3px solid var(--gold);background:var(--sheet-head);font-size:.88rem;line-height:1.45;border-radius:2px} .fs-msg.err{border-left-color:var(--warn);background:var(--sheet-warn-bg);color:var(--warn)} .fs-msg.na{border-left-color:var(--line);color:var(--muted)} .tlmsg{margin-top:14px} .fs-pill{display:inline-block;font-family:var(--sans);font-size:.72rem;font-weight:600;letter-spacing:.03em;padding:2px 8px;border-radius:999px;white-space:nowrap;background:var(--sheet-head);color:var(--sheet-muted)} .fs-pill.ok{background:color-mix(in srgb,var(--focus) 14%,transparent);color:var(--focus)} .fs-pill.warn{background:color-mix(in srgb,var(--gold) 20%,transparent);color:var(--gold-ink)} .fs-pill.err{background:var(--sheet-warn-bg);color:var(--warn)} .ft-y.fs-tl thead th{text-align:center} .ft-y.fs-tl thead th.yr{border-bottom:1px solid var(--sheet-grid);color:var(--sheet-ink);font-weight:600} .ft-y.fs-tl thead tr:first-child th:first-child{position:sticky;left:0;z-index:2} .ft-y.fs-tl td.tot{text-align:right;font-weight:600;padding:0 8px;min-width:72px} .ft-y.fs-tl tr.lock td.in .ni{color:var(--sheet-muted)} .ft-y.fs-tl td.in{min-width:58px} .ft-y.fs-tl .ni{padding:0 6px;font-size:.92rem} .ft-y .sub th{position:sticky;left:0} .fs-st td.c.txt{text-align:center;white-space:nowrap} .ft tr.ind th.l{padding-left:26px} .rcard .fnote{margin-top:8px} .fs-hold{min-height:240px} @media (max-width:600px){.fs-calcbar{padding:12px 14px}.fs-calcbar .btn{width:100%}.fs-lang{order:-1}} .kpi span{overflow:hidden;text-overflow:ellipsis} .fs-tree th.uh{text-align:left} .fs-tree td.u{width:150px;min-width:90px} .fs-tree td.in{width:170px} .fs-tree td.c{min-width:120px} .fs-tree tr.lv0>th.l{font-weight:600;color:var(--sheet-ink)} .fs-tree tr.lv1>th.l{padding-left:28px} .fs-tree tr.lv2>th.l{padding-left:48px;color:var(--sheet-muted)} .fs-tree tr.hd>th.l{font-weight:600} .fs-tree tr.lv0.hd>th.l,.fs-tree tr.lv0.hd>td{background:var(--sheet-head)} .fs-tree tr.gtot>*{background:var(--sheet-title);color:#F2F5EF;font-weight:600} .fs-tree tr.gtot td.u{color:#F2F5EF} .fs-tree td.calc{color:var(--sheet-ink)} .fs-tree tr.lv0 td.calc{font-weight:600} .fs-tree tr.gtot td.c,.fs-tree tr.gtot td.calc{color:#F2F5EF;opacity:1} .fs-tree tr.lv1.hd>th.l{font-weight:400} .fs-rate{font-family:var(--sans);font-size:.86rem} .fs-cfhead{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;margin-bottom:12px} .fs-cfhead .fnote{margin:0} .fs-view{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden} .fs-view button{border:0;background:none;padding:6px 14px;font-size:.84rem;font-weight:500;color:var(--muted);cursor:pointer} .fs-view button[aria-pressed="true"]{background:var(--heading);color:var(--paper)} .ft-cq thead th.yr{text-align:center;border-bottom:1px solid var(--sheet-grid);color:var(--sheet-ink);font-weight:600} .ft-cq td.c{min-width:64px} .kpirow{grid-template-columns:repeat(8,minmax(0,1fr))}@media (max-width:900px){.kpirow{grid-template-columns:repeat(3,minmax(0,1fr))}} .ft tr.ind2 th.l{padding-left:44px;color:var(--sheet-muted)} .kpirow .kpi strong{font-size:1.12rem}.kpirow .kpi strong small{display:block;margin-left:0}@media (max-width:900px){.kpirow .kpi strong{font-size:1rem}} .fs-calcbar .fs-pdfbtn{min-width:0} .fs-user{font-size:.84rem;color:var(--muted)} .fs-dlg{position:fixed;inset:0;z-index:400;background:rgba(10,31,27,.45);display:flex;align-items:center;justify-content:center;padding:16px} .fs-dlg[hidden]{display:none} .fs-dlg-box{position:relative;background:var(--surface);color:var(--ink);border-radius:6px;padding:26px 26px 22px;max-width:420px;width:100%;box-shadow:0 20px 50px -20px rgba(0,0,0,.5)} .fs-dlg-box h3{font-size:1.3rem;margin:0 0 8px;padding-right:24px} .fs-dlg-box .fnote{margin:0 0 16px} .fs-dlg-x{position:absolute;top:8px;right:12px;border:0;background:none;font-size:1.5rem;line-height:1;color:var(--muted);cursor:pointer} .fs-dlg-err{color:var(--warn);font-size:.88rem;margin-top:10px} .fs-devmail{padding:6px 8px;border:1px solid var(--line);border-radius:3px} /* PDF report (rendered off-screen, always light) */ .rep-wrap{position:absolute;left:-10000px;top:0;width:718px} .rep{width:718px;box-sizing:border-box;background:#fff;color:#17231F;font-family:var(--sans);font-size:12px;line-height:1.4; --sheet-bg:#FFFFFF;--sheet-ink:#17231F;--sheet-muted:#66756F;--sheet-grid:#E2E6E0;--sheet-head:#F2F4F0;--sheet-title:#0F3C35;--input:#17231F;--muted:#5C6E67;--heading:#173B36;--line:#D7CFBF;--gold:#B8975A} .rep h1{font-family:var(--serif);font-size:26px;color:#173B36;margin:14px 0 2px} .rep h2{font-family:var(--serif);font-size:18px;color:#173B36;margin:18px 0 8px;padding-top:8px;border-top:1px solid #B8975A} .rep h2.rep-h3{font-size:15px;border-top:0;padding-top:0} .rep h3{font-family:var(--serif);font-size:15px;color:#173B36;margin:12px 0 6px} .rep-head{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:2px solid #0F3C35;padding-bottom:8px} .rep-brand{display:block;font-family:var(--serif);font-size:20px;color:#0F3C35} .rep-head span{font-size:10px;color:#86672A;letter-spacing:.06em} .rep-meta{font-size:10.5px;color:#5C6E67;text-align:right} .rep-note{font-size:10.5px;color:#5C6E67;margin:0 0 6px} .rep-disc{margin-top:16px} .rep-m{font-size:11.5px;margin:0 0 6px} .rep .tscroll{overflow:visible;border:1px solid #E2E6E0;max-width:none} .rep .ft{font-size:10.5px} .rep .ft th,.rep .ft td{height:auto;padding:4px 8px} .rep .ft td.c{font-size:11px} .rep .rv{display:block;text-align:right;font-family:var(--serif);font-size:11px;color:#17231F;padding:0 2px} .rep small.tip{font-size:9px} .rep .fs-msg{font-size:10.5px} .rep .fnote{font-size:10px;margin-top:4px} .rep tr{page-break-inside:avoid} .rep .ft{width:100%;table-layout:auto} .rep .ft th,.rep .ft td,.rep .fs-tree td.u,.rep .fs-tree td.in,.rep .fs-tree td.c,.rep .ft th.l{min-width:0 !important;max-width:none;width:auto} .rep .fs-tree th.l{width:52%} .rep .ft td.u{font-size:9.5px} .rep td.rin{color:#1B49C9} .rep .fs-rate{font-size:10px}.rep .ft thead th{font-size:9.5px}.rep .ft thead th.l{font-size:10px} .fs-sens th.l{min-width:120px !important}.fs-sens thead th{text-align:right}.fs-sens td.c{min-width:96px} /* PDF report: one type scale for every table */ .rep .ft{font-size:10px;line-height:1.35} .rep .ft th,.rep .ft td{padding:4px 8px;height:auto;vertical-align:middle} .rep .ft th.l{width:46%;font-size:10px;color:#17231F;font-weight:400} .rep .ft thead th{font-size:9px;font-weight:500;color:#5C6E67;white-space:normal} .rep .ft thead th.l{font-size:9px;font-weight:600;color:#17231F} .rep .ft td.c,.rep .ft td.calc,.rep .ft td.c.rin,.rep .rv{font-family:var(--sans);font-size:10px;font-variant-numeric:tabular-nums lining-nums;color:#17231F;padding:4px 8px} .rep .ft td.c.rin{color:#1B49C9} .rep .ft td.u{font-size:9px;color:#66756F} .rep .ft .fs-rate{font-family:var(--sans);font-size:10px} .rep .ft th.l small.tip{display:block;font-size:8.5px;line-height:1.3;color:#66756F;font-weight:400;margin-top:1px} /* levels: 0 = semibold, 1 and 2 = regular with indent, totals = bold */ .rep .fs-tree tr.lv0>th.l,.rep .fs-tree tr.lv0>td.calc,.rep .ft:has(tr.ind) tbody tr:not([class])>*{font-weight:600} .rep .fs-tree tr.lv1>th.l,.rep .ft tr.ind>th.l{padding-left:22px;color:#17231F;font-weight:400} .rep .fs-tree tr.lv2>th.l,.rep .ft tr.ind2>th.l{padding-left:36px;color:#17231F;font-weight:400} .rep .fs-tree tr.lv1>td,.rep .fs-tree tr.lv2>td,.rep .ft tr.ind>td,.rep .ft tr.ind2>td{font-weight:400} .rep .ft tr.key>*,.rep .fs-tree tr.gtot>*{font-weight:700} .rep .fs-tree tr.gtot>*,.rep .fs-tree tr.gtot td.c,.rep .fs-tree tr.gtot td.calc,.rep .fs-tree tr.gtot td.u{color:#F2F5EF} .rep .fs-sens th.l{width:auto} .rep .fs-sens th.l,.rep .fs-sens td.c{font-size:9.5px} .rep h4.fs-sub{font-family:var(--serif);font-size:13px;color:#173B36;letter-spacing:0;margin:12px 0 6px} /* sticky section titles: stay under the KPI band while their section is on screen */ #fs-app{--fs-top:calc(env(safe-area-inset-top,0px) + 156px)} #fs-app .fcard[open]>summary,#fs-app .rcard>h3{position:sticky;top:var(--fs-top);z-index:30;background:var(--paper)} #fs-app .rcard>h3{margin-bottom:0;padding-bottom:12px} .fs-totop{position:fixed;right:24px;bottom:96px;z-index:120;width:46px;height:46px;border-radius:50%;border:1px solid var(--gold);background:var(--band);color:#F2E6C9;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 24px -10px rgba(7,33,29,.6);transition:transform .15s ease} .fs-totop:hover{transform:translateY(-2px)} .fs-totop[hidden]{display:none} @media (max-width:600px){.fs-totop{right:16px;bottom:84px;width:42px;height:42px}} /* wide timeline / cash-flow tables: header copy fixed under the KPI band (see setupFloats) */ #fs-app .fs-freeze tr.sub .gl,#fs-app .fs-freeze tr.grp .gl{position:sticky;left:12px;display:inline-block} .fs-float{position:fixed;z-index:45;overflow:hidden;pointer-events:none;box-shadow:0 8px 16px -12px rgba(7,33,29,.5)} .fs-float[hidden]{display:none} .fs-float table{margin:0} .fs-float thead th{background:var(--sheet-head)} .fs-float thead th.l,.fs-float .gl{position:relative;z-index:2;display:inline-block} .fs-float thead th.l{display:table-cell;background:var(--sheet-head)} .fs-float tr.grp th{background:var(--sheet-title)} .fs-float tr.sub th{background:var(--sheet-head)} #fs-app .fs-st th.l{position:sticky;left:0;z-index:1;background:var(--sheet-bg)} #fs-app .fs-st thead th.l{background:var(--sheet-head);z-index:2} .fs-float tr.sub th,.fs-float tr.grp th{position:static} /* ===== v55: left sheet rail ===== */ #fs-app .fs-shell{display:grid;grid-template-columns:212px minmax(0,1fr);gap:0 30px;align-items:start;margin-top:26px} #fs-app .fs-main{min-width:0} #fs-app .fs-main .apptop{margin-top:0;justify-content:flex-end;border-bottom:1px solid var(--line)} #fs-app .fs-main .appacts{padding:6px 0 10px} #fs-app .fs-rail{position:sticky;top:calc(var(--fs-top) + 18px);z-index:40;background:var(--band);color:var(--band-ink);border-radius:10px;padding:14px 10px 12px;box-shadow:0 16px 30px -20px rgba(7,33,29,.7);border:1px solid rgba(198,161,91,.35)} #fs-app .fs-rail-h{margin:0 8px 8px;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--band-muted)} #fs-app .fs-rail .tabs{display:flex;flex-direction:column;gap:3px;overflow:visible} #fs-app .fs-rail .tabb{display:flex;align-items:center;gap:11px;width:100%;padding:11px 12px;border-radius:7px;font-family:var(--sans);font-size:.95rem;font-weight:500;color:rgba(242,236,220,.78);text-align:left;transition:background .15s,color .15s} #fs-app .fs-rail .tabb:first-child{padding-left:12px} #fs-app .fs-rail .tabb::after{display:none} #fs-app .fs-rail .tabb:hover{background:rgba(255,255,255,.07);color:#fff} #fs-app .fs-rail .tabb[aria-selected="true"]{background:linear-gradient(90deg,rgba(198,161,91,.28),rgba(198,161,91,.08));color:#fff;box-shadow:inset 3px 0 0 #C6A15B} #fs-app .fs-rail .ti{width:19px;height:19px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.85} #fs-app .fs-rail .tabb[aria-selected="true"] .ti{stroke:#E2C98F;opacity:1} #fs-app .fs-rail .tbadge{margin-left:auto;font-style:normal;font-size:.7rem;font-weight:600;min-width:20px;height:20px;padding:0 6px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:#2F6B55;color:#fff} #fs-app .fs-rail .tbadge.warn{background:#C6A15B;color:#1b1b1b} #fs-app .fs-rail .tbadge.err{background:#B5424C} #fs-app .fs-railcalc{width:100%;margin-top:12px;justify-content:center} @media (max-width:1100px){ #fs-app .fs-shell{display:block;margin-top:0} #fs-app .fs-rail{top:var(--fs-kpib,129px);border-radius:0;margin:0 calc(-1 * var(--gutter)) 14px;padding:6px var(--gutter);border:0;border-bottom:1px solid rgba(198,161,91,.4);box-shadow:0 10px 18px -16px rgba(7,33,29,.8)} #fs-app .fs-rail-h,#fs-app .fs-railcalc{display:none} #fs-app .fs-rail .tabs{flex-direction:row;overflow-x:auto;scrollbar-width:none} #fs-app .fs-rail .tabb{width:auto;flex:none;padding:9px 12px;font-size:.88rem;white-space:nowrap} #fs-app .fs-rail .tabb[aria-selected="true"]{box-shadow:inset 0 -3px 0 #C6A15B;background:rgba(198,161,91,.18)} #fs-app .fs-main .apptop{margin-top:4px} } /* ===== v55: sensitivity heatmap ===== */ #fs-app .fs-sens td.c{font-variant-numeric:tabular-nums;transition:outline-color .1s} #fs-app .fs-sens td.c.neg{color:#7A1C27;font-weight:700} #fs-app .fs-sens td.c.base{outline:2.5px solid #0F3C35;outline-offset:-2.5px;font-weight:700;background:var(--sheet-bg)!important;color:var(--heading)!important} #fs-app .fs-sens thead th{background:#0F3C35;color:#F2E6C9} #fs-app .fs-sens thead th.l{background:#0F3C35;color:#E2C98F;font-size:.8rem} #fs-app .fs-sens tbody th.l{background:var(--sheet-head)} #fs-app .fs-sens tbody th.l b{color:var(--heading)} .fs-float .fs-sens thead th{background:#0F3C35;color:#F2E6C9} #fs-app .sens-key{display:flex;flex-wrap:wrap;gap:8px 20px;margin:14px 0 4px;font-size:.82rem;color:var(--muted)} #fs-app .sens-key span{display:inline-flex;align-items:center;gap:7px} #fs-app .sens-key i{width:30px;height:12px;border-radius:3px;display:inline-block} #fs-app .sens-key i.lo{background:linear-gradient(90deg,rgba(198,150,62,.58),rgba(198,150,62,.08))} #fs-app .sens-key i.hi{background:linear-gradient(90deg,rgba(47,107,85,.08),rgba(47,107,85,.48))} #fs-app .sens-key i.bs{background:var(--sheet-bg);outline:2px solid #0F3C35;outline-offset:-2px} #fs-app .dsh-sens{display:grid;grid-template-columns:1fr;gap:4px 26px} #fs-app .dsh-sens .sens-key,#fs-app .dsh-sens .fnote{grid-column:1/-1} #fs-app .dsh-sens .fs-sens td.c{min-width:78px} #fs-app .dsh-sens .fs-sens th.l{min-width:96px!important} /* ===== v55: dashboard ===== */ #fs-app .rgrid.dsh{gap:34px 30px} #fs-app .dsh .rcard>h3{font-size:1.32rem;display:flex;align-items:center;gap:10px} #fs-app .dsh .rcard>h3::before{content:"";width:8px;height:22px;border-radius:2px;background:linear-gradient(#C6A15B,#8E6E33)} #fs-app .dsh-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0 18px} #fs-app .dsh-kpi{background:var(--sheet-bg);border:1px solid var(--sheet-grid);border-radius:9px;padding:14px 16px 13px;min-width:0;position:relative;overflow:hidden} #fs-app .dsh-kpi::after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#8FB59A} #fs-app .dsh-kpi span{display:block;font-size:.78rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #fs-app .dsh-kpi strong{display:block;font-family:var(--serif);font-weight:500;font-size:1.6rem;line-height:1.2;margin-top:4px;color:var(--heading);font-variant-numeric:tabular-nums lining-nums;white-space:nowrap} #fs-app .dsh-kpi small{font-family:var(--sans);font-size:.74rem;color:var(--muted);margin-left:5px;font-weight:400} #fs-app .dsh-kpi em{display:block;font-style:normal;font-size:.76rem;color:var(--muted);margin-top:4px} #fs-app .dsh-kpi.hero{background:linear-gradient(135deg,#0F3C35,#1E5446);border-color:#0F3C35;color:#F2ECDC} #fs-app .dsh-kpi.hero::after{background:#C6A15B} #fs-app .dsh-kpi.hero span{color:rgba(242,236,220,.75)} #fs-app .dsh-kpi.hero strong{color:#E2C98F;font-size:2rem} #fs-app .dsh-kpi.hero small{color:rgba(242,236,220,.7)} #fs-app .dsh-badge{display:inline-block;font-size:.72rem;font-weight:600;padding:3px 8px;border-radius:20px;margin-top:2px} #fs-app .dsh-badge.ok{background:rgba(143,181,154,.25);color:#BFE3CB} #fs-app .dsh-badge.bad{background:rgba(194,100,108,.3);color:#FFC9CD} #fs-app .dsh-panel{background:var(--sheet-bg);border:1px solid var(--sheet-grid);border-radius:9px;padding:14px 16px 12px} #fs-app .dsh-h{margin:0 0 8px;font-family:var(--sans);font-size:.92rem;font-weight:600;color:var(--heading);letter-spacing:0} #fs-app .dsh-h small{font-weight:400;color:var(--muted)} #fs-app .rcard .dsh-h{margin-top:18px} #fs-app .dsh-panel .dsh-h{margin-top:0} #fs-app .dsh-chart{display:block;width:100%;height:auto;margin:4px 0 6px} #fs-app .dsh-chart text{font-family:var(--sans)} #fs-app .dsh-ax{font-size:11px;fill:var(--muted)} #fs-app .dsh-vl{font-size:11px;font-weight:600;fill:var(--heading)} #fs-app .dsh-grid{stroke:var(--line);stroke-width:1;stroke-dasharray:3 4} #fs-app .dsh-zero{stroke:var(--muted);stroke-width:1.2} #fs-app .dsh-conn{stroke:var(--muted);stroke-width:1;stroke-dasharray:2 3} #fs-app .dsh-legend{font-size:.8rem;color:var(--muted);line-height:2} #fs-app .dsh-sw{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:7px;vertical-align:-1px;flex:none} #fs-app .dsh-legend .dsh-sw{margin:0 6px 0 16px} #fs-app .dsh-legend .dsh-sw:first-child{margin-left:0} #fs-app .dsh-legend .dsh-sw.ln{height:3px;width:16px;border-radius:2px} #fs-app .dsh-split{display:grid;grid-template-columns:240px minmax(0,1fr);gap:28px;align-items:center;margin-top:12px} #fs-app .dsh-pl{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:22px;align-items:start;margin-top:12px} @media (max-width:1240px){#fs-app .dsh-pl{grid-template-columns:1fr}} #fs-app .dsh-donut{width:100%;max-width:220px;display:block;margin:auto} #fs-app .dsh-dv{font-family:var(--serif);font-size:19px;fill:var(--heading);font-weight:600} #fs-app .dsh-dl{font-size:10.5px;fill:var(--muted)} #fs-app .dsh-bar{display:inline-block;width:64px;height:7px;border-radius:4px;background:rgba(127,127,127,.15);margin-right:8px;vertical-align:1px;overflow:hidden} #fs-app .dsh-bar i{display:block;height:100%;border-radius:4px;background:#2F6B55} #fs-app .dsh-t td.c{white-space:nowrap} #fs-app .dsh-t tr.grpl>*{background:var(--sheet-head)} #fs-app .dsh-t tr.ind th.l{padding-left:30px;color:var(--muted)} #fs-app .dsh-tmdt{margin:12px 0 16px;padding:14px 16px;border:1px solid var(--sheet-grid);border-radius:9px;background:var(--sheet-bg)} #fs-app .dsh-tot{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin-bottom:10px} #fs-app .dsh-tot span{font-size:.82rem;color:var(--muted)} #fs-app .dsh-tot strong{font-family:var(--serif);font-size:1.7rem;font-weight:500;color:var(--heading)} #fs-app .dsh-tot small{font-family:var(--sans);font-size:.76rem;color:var(--muted);margin-left:5px;font-weight:400} #fs-app .dsh-tot em{font-style:normal;font-size:.8rem;color:var(--muted)} #fs-app .dsh-stack{display:flex;height:30px;border-radius:6px;overflow:hidden;margin-bottom:10px} #fs-app .dsh-stack i{display:flex;align-items:center;justify-content:center;font-style:normal;font-size:.74rem;font-weight:600;color:#fff;min-width:2px;border-right:1px solid rgba(255,255,255,.5)} #fs-app .dsh-stack i:last-child{border-right:0} @media (max-width:900px){ #fs-app .dsh-kpis{grid-template-columns:repeat(2,minmax(0,1fr))} #fs-app .dsh-split{grid-template-columns:1fr} #fs-app .dsh-donut{max-width:190px} #fs-app .dsh-kpi.hero strong{font-size:1.6rem} } #fs-app .dsh-t thead th{white-space:normal;line-height:1.3;padding-top:6px;padding-bottom:6px} #fs-app .dsh-split.dsh-rv{grid-template-columns:200px minmax(0,1fr);gap:22px} #fs-app .dsh-split.dsh-rv .dsh-bar{width:44px} #fs-app .dsh-split.dsh-rv .dsh-t th.l{min-width:150px} @media (max-width:900px){#fs-app .dsh-split.dsh-rv{grid-template-columns:1fr}} /* ===== v55b: actions in rail, sheet header, lighter group rows, transitions ===== */ :root{--fs-grp:#E4EEE7;--fs-grp-ink:#0F3C35;--fs-tot:#F3EAD6} @media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--fs-grp:#183A33;--fs-grp-ink:#E9DDBF;--fs-tot:#2A3A2C}} :root[data-theme="dark"]{--fs-grp:#183A33;--fs-grp-ink:#E9DDBF;--fs-tot:#2A3A2C} #fs-app .ft .grp th,.fs-float .ft tr.grp th,.fs-float tr.grp th{background:var(--fs-grp);color:var(--fs-grp-ink);font-weight:700;box-shadow:inset 3px 0 0 #C6A15B} #fs-app .fs-tree tr.gtot>*,#fs-app .fs-tree tr.gtot td.u{background:var(--fs-tot);color:var(--heading)} #fs-app .fs-calcbar{display:none} #fs-app .fs-rail .fs-acts{margin-top:14px;padding-top:14px;border-top:1px solid rgba(198,161,91,.3);display:flex;flex-direction:column;gap:8px} #fs-app .fs-acts .btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin:0;min-height:44px;font-size:.92rem} #fs-app .fs-acts .btn svg{width:16px;height:16px;flex:none} #fs-app .fs-rail .fs-calcbtn{background:linear-gradient(180deg,#D4B26C,#C29A4E);color:#0F2A25;border:0;font-weight:600;box-shadow:0 6px 16px -8px rgba(198,161,91,.8)} #fs-app .fs-rail .fs-calcbtn svg{fill:currentColor} #fs-app .fs-rail .fs-calcbtn:hover{filter:brightness(1.06)} #fs-app .fs-rail .fs-pdfbtn{background:transparent;color:#F2ECDC;border:1px solid rgba(242,236,220,.35)} #fs-app .fs-rail .fs-pdfbtn:hover{border-color:#E2C98F;color:#fff} #fs-app .fs-acts .fs-pdfbtn svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} #fs-app .fs-acts .btn[disabled]{opacity:.6;cursor:progress} #fs-app .fs-rail .fs-calcmsg{font-size:.76rem;line-height:1.45;color:rgba(242,236,220,.72);margin-top:4px} #fs-app .fs-rail .fs-calcmsg>span{display:block;margin-bottom:6px} #fs-app .fs-rail .fs-calcmsg .warn{color:#E2C98F} #fs-app .fs-rail .fs-calcmsg .err{color:#FFB7A6} #fs-app .fs-calcmsg small{display:block;font-size:.72rem;opacity:.85} #fs-app .fs-rail .fs-calcmsg a{color:#E2C98F;text-decoration:underline;text-underline-offset:2px} #fs-app .fs-mact{display:none} #fs-app .fs-main .apptop{justify-content:space-between;align-items:flex-end;padding-bottom:2px} #fs-app .fs-sheet-h{display:flex;flex-direction:column;gap:2px;padding-bottom:10px} #fs-app .fs-sheet-h span{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)} #fs-app .fs-sheet-h strong{font-family:var(--serif);font-weight:500;font-size:1.65rem;line-height:1.15;color:var(--heading)} #fs-app .fs-main .pane{padding-top:18px} #fs-app .pane.fs-enter{animation:fsPaneIn .32s cubic-bezier(.2,.7,.2,1)} @keyframes fsPaneIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}} @media (prefers-reduced-motion:reduce){#fs-app .pane.fs-enter{animation:none}} #dieu-khoan{scroll-margin-top:150px} @media (max-width:1100px){ #fs-app .fs-rail .fs-acts{display:none} #fs-app .fs-mact{display:block;margin:12px 0 4px} #fs-app .fs-mact .fs-acts{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px} #fs-app .fs-mact .fs-calcbtn{background:#0F3C35;color:#F6EFD9;border:0} #fs-app .fs-mact .fs-calcbtn svg{fill:currentColor} #fs-app .fs-mact .fs-calcmsg{grid-column:1/-1;font-size:.78rem;color:var(--muted);line-height:1.45} #fs-app .fs-mact .fs-calcmsg a{color:var(--heading);text-decoration:underline} #fs-app .fs-sheet-h strong{font-size:1.35rem} } /* ===== v55b: terms ===== */ .tos{background:var(--paper);border-top:1px solid var(--line);padding-block:clamp(40px,5vw,64px)} .tos .tos-k{margin:0 0 6px;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-weight:600} .tos h2{margin:0 0 6px;font-size:clamp(1.5rem,2.4vw,1.9rem)} .tos .tos-lead{margin:0 0 22px;color:var(--muted);font-size:.9rem} .tos .tos-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} .tos .tos-list li{display:flex;gap:14px;background:var(--sheet-bg);border:1px solid var(--sheet-grid);border-radius:10px;padding:16px 18px} .tos .tos-list li:first-child{border-color:rgba(198,161,91,.6);box-shadow:inset 3px 0 0 #C6A15B} .tos .tos-i{flex:none;width:36px;height:36px;border-radius:9px;background:var(--fs-grp);display:flex;align-items:center;justify-content:center} .tos .tos-i svg{width:19px;height:19px;fill:none;stroke:var(--fs-grp-ink);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .tos h3{margin:4px 0 6px;font-family:var(--sans);font-size:.98rem;font-weight:600;color:var(--heading);letter-spacing:0} .tos .tos-list p{margin:0;font-size:.86rem;line-height:1.55;color:var(--ink)} .tos .tos-law{margin:18px 0 0;font-size:.82rem;color:var(--muted)} .tos.fs-flash .tos-list li:first-child{animation:fsFlash 1.6s ease} @keyframes fsFlash{0%,100%{box-shadow:inset 3px 0 0 #C6A15B}30%{box-shadow:inset 3px 0 0 #C6A15B,0 0 0 4px rgba(198,161,91,.45)}} @media (max-width:1000px){.tos .tos-list{grid-template-columns:1fr 1fr}} @media (max-width:640px){.tos .tos-list{grid-template-columns:1fr}} #fs-app .fs-acts .fs-calcmsg{flex:none} #fs-app .fs-main .pane{padding-top:8px} .tos .tos-list p{text-align:left;hyphens:none} /* ===== v55c: one table system for every sheet ===== header = dark green, light text, gold years group = light sage band, dark-green text, gold marker subtotal (key) = light gold tint, bold grand total (gtot) = dark green, gold figures */ #fs-app .ft thead th,.fs-float .ft thead th,.fs-float thead th{background:#0F3C35;color:#E7E0CB;-webkit-text-fill-color:currentColor;font-weight:500;border-color:#2A5A4F} #fs-app .ft thead th.l,.fs-float .ft thead th.l,.fs-float thead th.l{background:#0F3C35;color:#fff;font-weight:600} #fs-app .ft thead .fs-sm,.fs-float thead .fs-sm{color:#E2C98F;font-weight:500} #fs-app .ft-y.fs-tl thead th.yr,.fs-float .fs-tl thead th.yr{color:#E2C98F;font-weight:700;border-bottom-color:#2A5A4F} #fs-app .ft-y.fs-tl thead tr+tr th,.fs-float .fs-tl thead tr+tr th{background:#1B4A40;color:#D7E3DA} #fs-app .ft-cash thead th{font-weight:600;color:#fff} #fs-app .ft-cash thead th .fs-sm{display:inline-block;margin-top:1px} #fs-app .ft .sub th,#fs-app .ft .grp th,.fs-float .ft tr.sub th,.fs-float .ft tr.grp th,.fs-float tr.sub th,.fs-float tr.grp th{background:var(--fs-grp);color:var(--fs-grp-ink);-webkit-text-fill-color:var(--fs-grp-ink);font-weight:700;box-shadow:inset 3px 0 0 #C6A15B} #fs-app .ft .sub td,#fs-app .ft .grp td{background:var(--fs-grp)} #fs-app .fs-tree tr.lv0.hd>th.l,#fs-app .fs-tree tr.lv0.hd>td{background:var(--fs-grp);color:var(--fs-grp-ink)} #fs-app .fs-tree tr.lv0.hd>th.l{box-shadow:inset 3px 0 0 #C6A15B;font-weight:700} #fs-app .ft tr.key>th,#fs-app .ft tr.key>td{background:var(--fs-tot);font-weight:700} #fs-app .fs-tree tr.gtot>*,#fs-app .fs-tree tr.gtot td.u,#fs-app .fs-tree tr.gtot td.c{background:#0F3C35;color:#fff;-webkit-text-fill-color:currentColor;font-weight:700;border-color:#2A5A4F} #fs-app .fs-tree tr.gtot td.c{color:#E2C98F} #fs-app .dsh-t tr.grpl>*{background:var(--fs-grp)} #fs-app .tscroll{border-color:#C9D3CC} /* tighter top: sheet title sits right above the first section */ #fs-app .fs-main .apptop{margin-bottom:0} #fs-app .fs-main .pane{padding-top:0} #fs-app .pane>.fcard:first-child,#fs-app .pane>:first-child>.fcard:first-child,#fs-app .pane>.rgrid:first-child{margin-top:4px} #fs-app .pane>.fcard:first-child,#fs-app .pane>:first-child>.fcard:first-child{border-top-color:transparent} #fs-app .pane>.rgrid>.rcard:first-child>h3,#fs-app .pane>.rgrid>.rcard:nth-child(2)>h3{border-top-color:transparent} .page-head .fs-learn{margin-top:6px} .page-head .fs-learn a{color:var(--heading);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--gold)} #fs-app .dsh-pl{align-items:stretch} #fs-app .dsh-pl>.dsh-panel{display:flex;flex-direction:column} #fs-app .dsh-pl>.dsh-panel .dsh-chart{margin:auto 0} #fs-app .dsh-chart .dsh-wf{font-size:12px} #fs-app .cksum{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:9px;background:var(--fs-grp);border:1px solid #C9D3CC;margin:6px 0 18px} #fs-app .cksum .ok{color:#1E6B4A;font-weight:600} #fs-app .cksum .ok::before{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#2F6B55;color:#fff;margin-right:10px;font-size:.85rem} #fs-app .cksum .warn,#fs-app .cksum .err{font-weight:600} #fs-app .fs-h3{font-family:var(--sans);font-size:.95rem;font-weight:700;color:var(--heading);margin:18px 0 8px;letter-spacing:0} #fs-app .ckok{margin-top:10px;border:1px solid #C9D3CC;border-radius:9px;background:var(--sheet-bg);padding:0 16px} #fs-app .ckok>summary{cursor:pointer;padding:12px 0;font-weight:700;color:var(--heading);font-size:.95rem} #fs-app .ckok .cklist{border-top:1px solid var(--line)} #fs-app .ckok .cklist .ck:last-child{border-bottom:0} /* ===== v55d: table header one step lighter than the KPI band ===== */ #fs-app .ft thead th,.fs-float .ft thead th,.fs-float thead th, #fs-app .ft thead th.l,.fs-float .ft thead th.l,.fs-float thead th.l, #fs-app .fs-sens thead th,#fs-app .fs-sens thead th.l,.fs-float .fs-sens thead th{background:#2C6152;border-color:#3F7465} #fs-app .ft-y.fs-tl thead tr+tr th,.fs-float .fs-tl thead tr+tr th{background:#3B7262;color:#E8F0EA} #fs-app .ft-y.fs-tl thead th.yr,.fs-float .fs-tl thead th.yr{border-bottom-color:#4C8272} .fs-float{box-shadow:0 10px 18px -12px rgba(7,33,29,.55);border-top:2px solid #C6A15B} #fs-app .kpis{border-bottom:1px solid rgba(198,161,91,.55)} /* ===== v56: light, transparent sheet rail ===== */ #fs-app .fs-rail{background:color-mix(in srgb,var(--paper) 72%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--heading);border:1px solid var(--line);box-shadow:0 12px 28px -22px rgba(7,33,29,.45)} #fs-app .fs-rail-h{color:var(--gold)} #fs-app .fs-rail .tabb{color:var(--muted)} #fs-app .fs-rail .tabb:hover{background:rgba(47,107,85,.07);color:var(--heading)} #fs-app .fs-rail .tabb[aria-selected="true"]{background:rgba(47,107,85,.1);color:var(--heading);font-weight:600;box-shadow:inset 3px 0 0 #C6A15B} #fs-app .fs-rail .tabb[aria-selected="true"] .ti{stroke:var(--gold)} #fs-app .fs-rail .fs-acts{border-top-color:var(--line)} #fs-app .fs-rail .fs-calcbtn{background:#0F3C35;color:#F6EFD9;box-shadow:none} #fs-app .fs-rail .fs-calcbtn:hover{background:#174C43;filter:none} #fs-app .fs-rail .fs-pdfbtn{color:var(--heading);border:1px solid var(--line);background:transparent} #fs-app .fs-rail .fs-pdfbtn:hover{border-color:var(--gold);color:var(--heading)} #fs-app .fs-acts .btn{white-space:nowrap;font-size:.88rem;padding-inline:10px} #fs-app .fs-rail .fs-calcmsg{color:var(--muted)} #fs-app .fs-rail .fs-calcmsg .warn{color:var(--gold-ink,#8a6a2c)} #fs-app .fs-rail .fs-calcmsg .err{color:var(--warn)} #fs-app .fs-rail .fs-calcmsg a{color:var(--heading);text-decoration-color:var(--gold)} @media (max-width:1100px){ #fs-app .fs-rail{border:0;border-bottom:1px solid var(--line);border-radius:0;background:color-mix(in srgb,var(--paper) 88%,transparent)} #fs-app .fs-rail .tabb[aria-selected="true"]{box-shadow:inset 0 -3px 0 #C6A15B;background:rgba(47,107,85,.08)} } /* v57: legend in PDF report */ .rep .sens-key{display:flex;flex-wrap:wrap;gap:6px 18px;margin:10px 0 4px;font-size:9px;color:#5A6660} .rep .sens-key span{display:inline-flex;align-items:center;gap:6px} .rep .sens-key i{width:26px;height:10px;border-radius:2px;display:inline-block} .rep .sens-key i.lo{background:linear-gradient(90deg,rgba(198,150,62,.58),rgba(198,150,62,.08))} .rep .sens-key i.hi{background:linear-gradient(90deg,rgba(47,107,85,.08),rgba(47,107,85,.48))} .rep .sens-key i.bs{background:#fff;border:2px solid #0F3C35;box-sizing:border-box} /* v58 */ #fs-app .fs-tree tr.gtot>*,#fs-app .fs-tree tr.gtot td.u,#fs-app .fs-tree tr.gtot td.c,#fs-app .fs-tree tr.gtot td.calc{background:var(--fs-grp,#E4EEE7);color:var(--fs-grp-ink,#0F3C35);-webkit-text-fill-color:currentColor;font-weight:700;border-color:var(--line,#E2E6E0)} .rep .fs-tree tr.gtot>*,.rep .fs-tree tr.gtot td.u,.rep .fs-tree tr.gtot td.c,.rep .fs-tree tr.gtot td.calc{background:#E4EEE7;color:#0F3C35;-webkit-text-fill-color:currentColor;font-weight:700;border-color:#E2E6E0} #fs-app .dsh-h.dsh-uc{margin-top:22px} /* v59: uniform type scale in tables */ #fs-app .ft th,#fs-app .ft td,#fs-app .fs-tree th,#fs-app .fs-tree td, #fs-app .ft tr.grp>th,#fs-app .ft tr.sub>th,#fs-app .ft tr.key>th,#fs-app .ft tr.key>td,#fs-app .ft tr.ind>th,#fs-app .ft tr.ind>td{font-size:14px;line-height:1.4} #fs-app .ft thead th,#fs-app .fs-tree thead th{font-size:14px;font-weight:600} #fs-app .ft thead th .fs-sm{font-size:12px} #fs-app .ft tr.grp>th,#fs-app .ft tr.sub>th,#fs-app .ft tr.grp .gl,#fs-app .ft tr.sub .gl{font-weight:700} #fs-app .fs-tree td.u{font-size:13px} #fs-app .ft th.l small.tip,#fs-app .fs-tree th.l small.tip{font-size:12px} /* v59: even columns in cash flow */ #fs-app .ft-cash{table-layout:fixed;width:max-content;min-width:100%} #fs-app .ft-cash th.l{width:300px;min-width:300px} #fs-app .ft-cash thead th:not(.l),#fs-app .ft-cash td.c{width:112px;min-width:112px;max-width:112px} /* v59: PDF type scale + strong header row */ .rep .ft,.rep .ft th.l,.rep .ft td.c,.rep .ft td.calc,.rep .ft td.c.rin,.rep .rv,.rep .fs-sens th.l,.rep .fs-sens td.c{font-size:10px} .rep .ft td.u{font-size:9.5px} .rep .ft thead th,.rep .ft thead th.l,.rep .fs-tree thead th,.rep .fs-sens thead th,.rep .fs-sens thead th.l{font-size:10px;font-weight:700;background:#2C5F52;color:#fff;-webkit-text-fill-color:#fff;border-color:#2C5F52} .fs-float th,.fs-float td{font-size:14px;line-height:1.4} .fs-float thead th .fs-sm{font-size:12px} .fs-float thead th{font-weight:600} #fs-app .ft-cash td.c,#fs-app .dsh-t td.c{font-family:var(--sans);font-variant-numeric:tabular-nums lining-nums} #fs-app .ft-cash tr.key td.c{font-weight:700} /* v61: level-based type in assumption sheets (same level = same size, higher level = larger) */ #fs-app .fs-tree tbody tr>th.l,#fs-app .fs-tree tbody tr>td.c,#fs-app .fs-tree tbody tr>td.calc,#fs-app .fs-tree tbody tr td input{font-size:14px;line-height:1.4} #fs-app .fs-tree tbody tr.lv0>th.l,#fs-app .fs-tree tbody tr.lv0>td.c,#fs-app .fs-tree tbody tr.lv0>td.calc,#fs-app .fs-tree tbody tr.lv0 td input, #fs-app .fs-tree tbody tr.gtot>th.l,#fs-app .fs-tree tbody tr.gtot>td.c,#fs-app .fs-tree tbody tr.gtot>td.calc{font-size:15px;font-weight:700} #fs-app .fs-tree tbody tr.lv1>th.l,#fs-app .fs-tree tbody tr.lv1>td.c,#fs-app .fs-tree tbody tr.lv1>td.calc,#fs-app .fs-tree tbody tr.lv1 td input{font-size:14px;font-weight:400} #fs-app .fs-tree tbody tr.lv2>th.l,#fs-app .fs-tree tbody tr.lv2>td.c,#fs-app .fs-tree tbody tr.lv2>td.calc,#fs-app .fs-tree tbody tr.lv2 td input{font-size:13.5px;font-weight:400} #fs-app .fs-tree tbody td.c,#fs-app .fs-tree tbody td.calc{color:#17231F;opacity:1} #fs-app .fs-tree tbody tr.gtot>*{color:#0F3C35} #fs-app .fs-tree tbody td input{font-weight:inherit} #fs-app.is-stale [data-act="calc"]{box-shadow:0 0 0 3px rgba(198,161,91,.55)} /* v61: fixed (float) header keeps the same type as the table */ .fs-float table th,.fs-float table td{font-size:14px!important;line-height:1.4} .fs-float table thead th .fs-sm{font-size:12px!important} .fs-float table.fs-tree thead th,.fs-float table.ft thead th{font-weight:600} /* v61: PDF levels */ .rep .fs-tree tbody tr.lv0>*,.rep .fs-tree tbody tr.gtot>*{font-size:10.5px;font-weight:700} .rep .fs-tree tbody tr.lv1>th.l,.rep .fs-tree tbody tr.lv1>td.c,.rep .fs-tree tbody tr.lv1>td.calc{font-size:10px;font-weight:400} .rep .fs-tree tbody tr.lv2>th.l,.rep .fs-tree tbody tr.lv2>td.c,.rep .fs-tree tbody tr.lv2>td.calc{font-size:9.5px;font-weight:400} .rep .fs-tree tbody tr>td.u{font-size:9.5px;font-weight:400} .rep .fs-tree tbody td.c,.rep .fs-tree tbody td.calc{color:#17231F;opacity:1} .rep .fs-tree tbody tr.lv0 .rv{font-size:10.5px;font-weight:700}.rep .fs-tree tbody tr.lv1 .rv{font-size:10px}.rep .fs-tree tbody tr.lv2 .rv{font-size:9.5px} #fs-app .fs-tree tbody td.c,#fs-app .fs-tree tbody td.calc,#fs-app .fs-tree tbody td input,#fs-app .ft-y tbody td,#fs-app .ft-y tbody td input, .rep .fs-tree tbody td.c,.rep .fs-tree tbody td.calc,.rep .fs-tree .rv{font-family:var(--sans);font-variant-numeric:tabular-nums lining-nums} /* ===== v63: print-grade PDF report ===== */ .rep.rep{font-family:var(--sans);color:#17231F;font-size:12px;line-height:1.45} .rep.rep h1{font-size:27px;margin:16px 0 4px} .rep.rep h2{font-size:19px;margin:22px 0 10px;padding-top:10px} .rep.rep h2.rep-h3{font-size:16px;margin:18px 0 8px;padding-top:0} .rep.rep h3{font-size:16px;margin:16px 0 8px} .rep.rep h4,.rep.rep h4.fs-sub,.rep.rep .dsh-h{font-family:var(--serif);font-size:14.5px;color:#173B36;margin:14px 0 8px;font-weight:600} .rep.rep .rep-note,.rep.rep .rep-m{font-size:11.5px} .rep.rep .fnote{font-size:10.5px;line-height:1.45;color:#5C6E67;margin:6px 0 0} .rep.rep .tscroll{border:1px solid #D5DDD8;border-radius:0;overflow:hidden;width:100%;max-width:100%} .rep.rep table.ft{width:100%;table-layout:fixed;border-collapse:collapse;font-size:11.5px;line-height:1.35} .rep.rep .ft th,.rep.rep .ft td{padding:6px 9px;font-size:11.5px;line-height:1.35;vertical-align:middle;border:0;border-bottom:1px solid #E3E8E4;height:auto;overflow:hidden;text-overflow:clip} .rep.rep .ft td{text-align:right;white-space:nowrap;font-family:var(--sans);font-variant-numeric:tabular-nums lining-nums;color:#17231F} .rep.rep .ft th.l{text-align:left;white-space:normal;color:#17231F;font-weight:400;width:auto;padding-left:10px} .rep.rep .ft thead th,.rep.rep .ft thead th.l{font-size:11.5px;font-weight:700;background:#2C5F52;color:#fff;-webkit-text-fill-color:#fff;padding:7px 9px;white-space:normal;line-height:1.3;border-bottom:0;text-align:right;vertical-align:middle} .rep.rep .ft thead th.l,.rep.rep .ft thead th.uh{text-align:left} .rep.rep .ft td.u,.rep.rep .fs-tree tbody tr>td.u{font-size:10.5px;color:#66756F;text-align:left;font-weight:400;white-space:normal} .rep.rep .ft th.l small.tip{display:block;font-size:10px;line-height:1.35;color:#66756F;font-weight:400;margin-top:2px} /* levels */ .rep.rep .fs-tree tbody tr.lv0>*,.rep.rep .ft:has(tr.ind) tbody tr:not([class])>*{font-size:12px;font-weight:700} .rep.rep .fs-tree tbody tr.lv1>th.l,.rep.rep .ft tr.ind>th.l{padding-left:24px;font-size:11.5px;font-weight:400} .rep.rep .fs-tree tbody tr.lv1>td,.rep.rep .ft tr.ind>td{font-size:11.5px;font-weight:400} .rep.rep .fs-tree tbody tr.lv2>th.l,.rep.rep .ft tr.ind2>th.l{padding-left:40px;font-size:11px;font-weight:400} .rep.rep .fs-tree tbody tr.lv2>td,.rep.rep .ft tr.ind2>td{font-size:11px;font-weight:400} .rep.rep .fs-tree tbody tr>td.u{font-size:10.5px!important;font-weight:400!important} .rep.rep .ft tr.key>*,.rep.rep .fs-tree tr.gtot>*{font-size:12px;font-weight:700;background:#E4EEE7;color:#0F3C35;-webkit-text-fill-color:#0F3C35;border-bottom:0} .rep.rep .fs-tree tr.hd>*,.rep.rep .ft tr.grp>*,.rep.rep .ft tr.sub>*{background:#F1F5F2} .rep.rep .rv{display:block;text-align:right;font-family:var(--sans);font-size:inherit;font-weight:inherit;padding:0;color:#1B49C9} .rep.rep td.rin,.rep.rep .ft td.c.rin{color:#1B49C9} .rep.rep .fs-rate{font-family:var(--sans);font-size:inherit;color:inherit} .rep.rep .fs-sens th,.rep.rep .fs-sens td{font-size:10.5px;padding:5px 6px} .rep.rep .fs-sens tbody th.l{font-weight:700;text-align:left} .rep.rep .sens-key{font-size:10.5px} .rep.rep .rep-head span,.rep.rep .rep-meta{font-size:11px} /* v65: cash flow — narrower label column, roomier numbers, fixed bold Total column */ #fs-app .ft-cash th.l{width:240px;min-width:240px;max-width:240px} #fs-app .ft-cash thead th:not(.l),#fs-app .ft-cash td.c{width:118px;min-width:118px;max-width:118px;padding-right:16px} #fs-app .ft-cash thead th:nth-child(2),#fs-app .ft-cash tbody td:nth-child(2){position:sticky;left:240px;z-index:3;font-weight:700;box-shadow:inset -1px 0 0 #C9D3CD,6px 0 8px -6px rgba(7,33,29,.25)} #fs-app .ft-cash tbody td:nth-child(2){background:var(--sheet-bg,#fff)} #fs-app .ft-cash tbody tr.key>td:nth-child(2){background:var(--fs-tot)} #fs-app .ft-cash thead th:nth-child(2){z-index:5} #fs-app .ft-cash thead th.l,#fs-app .ft-cash tbody th.l{position:sticky;left:0;z-index:4} .fs-float .ft-cash thead th:nth-child(2){position:relative;z-index:2} /* v65: about / FAQ (SEO) */ .seo-about .seo-vi>p,.seo-about .seo-en>p{max-width:72ch;color:var(--muted);line-height:1.7} .seo-about .seo-list{margin:14px 0 20px;padding-left:20px;max-width:72ch;line-height:1.8;color:var(--ink)} .seo-about h3{margin:22px 0 10px;font-size:1.15rem} .seo-about .seo-faq{max-width:80ch;border-top:1px solid var(--line)} .seo-about details{border-bottom:1px solid var(--line);padding:12px 2px} .seo-about summary{cursor:pointer;font-weight:600;color:var(--heading,#173B36)} .seo-about details p{margin:8px 0 2px;color:var(--muted);line-height:1.7} html[lang="en"] .seo-vi,html[lang="vi"] .seo-en{display:none} .seo-about .seo-list li{list-style:disc} /* v66: always-visible horizontal scrollbar for wide tables */ .fs-hbar{position:fixed;bottom:0;height:18px;overflow-x:auto;overflow-y:hidden;z-index:60;background:rgba(247,243,234,.95);border-top:1px solid #D5DDD8;box-shadow:0 -6px 14px -10px rgba(7,33,29,.35)} .fs-hbar[hidden]{display:none} .fs-hbar>div{height:1px} .fs-hbar::-webkit-scrollbar,#fs-app .fs-freeze::-webkit-scrollbar{height:12px} .fs-hbar::-webkit-scrollbar-track,#fs-app .fs-freeze::-webkit-scrollbar-track{background:#EEF2EF} .fs-hbar::-webkit-scrollbar-thumb,#fs-app .fs-freeze::-webkit-scrollbar-thumb{background:#2C5F52;border-radius:8px;border:2px solid #EEF2EF} .fs-hbar{scrollbar-color:#2C5F52 #EEF2EF} /* v67: cash flow frame fits label + Total + 6 years exactly */ #fs-app .ft-cash th.l{width:var(--cfl,220px);min-width:var(--cfl,220px);max-width:var(--cfl,220px)} #fs-app .ft-cash thead th:not(.l),#fs-app .ft-cash td.c{width:var(--cfc,118px);min-width:var(--cfc,118px);max-width:var(--cfc,118px);padding-right:12px;padding-left:6px} #fs-app .ft-cash thead th:nth-child(2),#fs-app .ft-cash tbody td:nth-child(2){left:var(--cfl,220px)} #fs-app .ft-cash.cf-tight td.c,#fs-app .ft-cash.cf-tight thead th:not(.l){font-size:13px;padding-right:9px;padding-left:4px} /* v67b: exact column boxes so the frozen Total column never overlaps the label column */ #fs-app .ft-cash th,#fs-app .ft-cash td,.fs-float .ft-cash th,.fs-float .ft-cash td{box-sizing:border-box} #fs-app .ft-cash thead th:nth-child(2),#fs-app .ft-cash tbody td:nth-child(2),#fs-app .ft-cash th.l{background-clip:border-box} #fs-app .ft-cash tbody th.l{background:var(--sheet-bg,#fff)} #fs-app .ft-cash tbody tr.key>th.l{background:var(--fs-tot)} .fs-float .ft-cash thead th.l,.fs-float .ft-cash thead th:nth-child(2){background:#2C6152} .fs-float .ft-cash thead th:nth-child(2){box-shadow:inset -1px 0 0 #3F7465,6px 0 8px -6px rgba(7,33,29,.35)} /* v67c: snap year columns so a column passing under the frozen Total column hides completely */ #fs-app .tscroll:has(> .ft-cash){scroll-snap-type:x mandatory} #fs-app .ft-cash thead tr th:nth-child(n+3){scroll-snap-align:start} #fs-app .ft-cash thead tr th:first-child{scroll-snap-align:start} /* ===== v68: responsive type scale (same level = same size; higher level = larger) ===== */ :root{--t0:14.5px;--t1:14px;--t2:13.5px;--th:13.5px;--tu:12.5px} @media (max-width:1280px){:root{--t0:14px;--t1:13.5px;--t2:13px;--th:13px;--tu:12px}} @media (max-width:700px){:root{--t0:13.5px;--t1:13px;--t2:12.5px;--th:12.5px;--tu:11.5px}} #fs-app .fs-tree tbody tr>th.l,#fs-app .fs-tree tbody tr>td.c,#fs-app .fs-tree tbody tr>td.calc,#fs-app .fs-tree tbody tr td input{font-size:var(--t1);letter-spacing:0} #fs-app .fs-tree tbody tr.lv0>th.l,#fs-app .fs-tree tbody tr.lv0>td.c,#fs-app .fs-tree tbody tr.lv0>td.calc,#fs-app .fs-tree tbody tr.lv0 td input, #fs-app .fs-tree tbody tr.gtot>th.l,#fs-app .fs-tree tbody tr.gtot>td.c,#fs-app .fs-tree tbody tr.gtot>td.calc{font-size:var(--t0);font-weight:600;letter-spacing:-.005em} #fs-app .fs-tree tbody tr.gtot>*{font-weight:700} #fs-app .fs-tree tbody tr.lv1>th.l,#fs-app .fs-tree tbody tr.lv1>td.c,#fs-app .fs-tree tbody tr.lv1>td.calc,#fs-app .fs-tree tbody tr.lv1 td input{font-size:var(--t1)} #fs-app .fs-tree tbody tr.lv2>th.l,#fs-app .fs-tree tbody tr.lv2>td.c,#fs-app .fs-tree tbody tr.lv2>td.calc,#fs-app .fs-tree tbody tr.lv2 td input{font-size:var(--t2)} #fs-app .fs-tree td.u{font-size:var(--tu)} #fs-app .ft th,#fs-app .ft td,#fs-app .ft tr.ind>th,#fs-app .ft tr.ind>td,#fs-app .ft tr.key>th,#fs-app .ft tr.key>td{font-size:var(--t1)} #fs-app .ft tr.grp>th,#fs-app .ft tr.sub>th,#fs-app .ft tr.grp .gl,#fs-app .ft tr.sub .gl{font-size:var(--t1);font-weight:700} #fs-app .ft thead th,#fs-app .fs-tree thead th{font-size:var(--th);font-weight:600} #fs-app .ft-cash.cf-tight td.c,#fs-app .ft-cash.cf-tight thead th:not(.l){font-size:min(13px,var(--t1))} .fs-float table th,.fs-float table td{font-size:var(--t1)!important} .fs-float table thead th{font-size:var(--th)!important} .fs-float table thead th .fs-sm{font-size:12px!important} #fs-app .ft th.l small.tip,#fs-app .fs-tree th.l small.tip{font-size:var(--tu)} /* v68: timeline — freeze the Total column next to the product column */ #fs-app .fs-tl thead tr:first-child th:first-child,#fs-app .fs-tl tbody th.l{position:sticky;left:0;z-index:4} #fs-app .fs-tl thead tr:first-child th:nth-child(2),#fs-app .fs-tl tbody td.tot{position:sticky;left:var(--tll,220px);z-index:3;box-shadow:inset -1px 0 0 #C9D3CD,6px 0 8px -6px rgba(7,33,29,.25)} #fs-app .fs-tl thead tr:first-child th:nth-child(2){z-index:5} #fs-app .fs-tl tbody td.tot{background:var(--sheet-bg,#fff);font-weight:700} #fs-app .fs-tl tbody th.l{background:var(--sheet-bg,#fff)} #fs-app .fs-tl th,#fs-app .fs-tl td{box-sizing:border-box;background-clip:border-box} #fs-app .tscroll:has(> .fs-tl){scroll-snap-type:x mandatory} #fs-app .fs-tl thead tr:nth-child(2) th{scroll-snap-align:start} #fs-app .fs-tl thead tr:first-child th:first-child{scroll-snap-align:start} .fs-float .fs-tl thead tr:first-child th:nth-child(2){position:relative;z-index:2;background:#2C6152;box-shadow:inset -1px 0 0 #3F7465,6px 0 8px -6px rgba(7,33,29,.35)} .fs-float .fs-tl thead th.l{background:#2C6152} /* v68: phones — tables fit the screen width */ @media (max-width:700px){ #fs-app .fs-tree{table-layout:fixed;width:100%;min-width:0} #fs-app .fs-tree thead th,#fs-app .fs-tree tbody th,#fs-app .fs-tree tbody td{padding:8px 6px;overflow-wrap:anywhere} #fs-app .fs-tree:has(thead th:nth-child(4)) thead th:nth-child(1){width:42%} #fs-app .fs-tree:has(thead th:nth-child(4)) thead th:nth-child(2){width:12%} #fs-app .fs-tree:has(thead th:nth-child(4)) thead th:nth-child(3){width:25%} #fs-app .fs-tree:has(thead th:nth-child(4)) thead th:nth-child(4){width:21%} #fs-app .fs-tree:not(:has(thead th:nth-child(4))) thead th:nth-child(1){width:54%} #fs-app .fs-tree:not(:has(thead th:nth-child(4))) thead th:nth-child(2){width:15%} #fs-app .fs-tree:not(:has(thead th:nth-child(4))) thead th:nth-child(3){width:31%} #fs-app .fs-tree tbody tr.lv1>th.l{padding-left:16px} #fs-app .fs-tree tbody tr.lv2>th.l{padding-left:26px} #fs-app .fs-tree td input{width:100%;min-width:0;box-sizing:border-box;padding-left:2px;padding-right:2px} #fs-app .fs-tree th.l small.tip{display:block} #fs-app .ft-cash th.l,#fs-app .fs-tl th.l{white-space:normal} } @media (max-width:700px){#fs-app .fs-tree thead th{white-space:normal;line-height:1.25;vertical-align:middle}} /* ===== v69: ONE size per table — labels, values and numbers all 14px on every screen ===== */ :root{--t0:14px;--t1:14px;--t2:14px;--th:14px;--tu:12.5px} @media (max-width:1280px){:root{--t0:14px;--t1:14px;--t2:14px;--th:14px;--tu:12.5px}} @media (max-width:700px){:root{--t0:14px;--t1:14px;--t2:14px;--th:14px;--tu:12.5px}} #fs-app .fs-tree th,#fs-app .fs-tree td,#fs-app .fs-tree td input,#fs-app .fs-tree td .fs-rate, #fs-app .ft th,#fs-app .ft td,#fs-app .ft td input,#fs-app .ft .gl,#fs-app .ft td .fs-rate, #fs-app .fs-sens th,#fs-app .fs-sens td, .fs-float table th,.fs-float table td,.fs-float .gl{font-size:14px!important;letter-spacing:0!important;line-height:1.4} #fs-app .fs-tree td.u,#fs-app .ft td.u{font-size:12.5px!important} #fs-app th.l small.tip,#fs-app .ft thead th .fs-sm,.fs-float thead th .fs-sm{font-size:12px!important} #fs-app .fs-tree tbody tr.lv0>*,#fs-app .fs-tree tbody tr.lv0 td input{font-weight:600} #fs-app .fs-tree tbody tr.lv1>th.l,#fs-app .fs-tree tbody tr.lv1>td,#fs-app .fs-tree tbody tr.lv1 td input, #fs-app .fs-tree tbody tr.lv2>th.l,#fs-app .fs-tree tbody tr.lv2>td,#fs-app .fs-tree tbody tr.lv2 td input{font-weight:400} #fs-app .fs-tree tbody tr.gtot>*{font-weight:700} #fs-app .fs-tree tbody td.u{font-weight:400!important} #fs-app .ft-cash.cf-tight td.c,#fs-app .ft-cash.cf-tight thead th:not(.l){padding-right:8px;padding-left:4px} @media (max-width:1100px){#fs-app .fs-rail{background:var(--paper);-webkit-backdrop-filter:none;backdrop-filter:none}} .fs-float table thead th.l{white-space:normal} /* v70: restore the v67 balance in Cash flow and Timeline (fixed sizes on every screen) */ #fs-app .ft-cash td.c,#fs-app .ft-cash.cf-tight td.c{font-size:13px!important} #fs-app .fs-tl td input,#fs-app .fs-tl td.in{font-size:14.72px!important} #fs-app .ft-cash thead th:not(.l),.fs-float .ft-cash thead th:not(.l){font-size:13px!important} /* ===== v71: ONE rule for every table — text 14px, numbers 13px (the Cash-flow look) ===== */ #fs-app#fs-app table tbody td,#fs-app#fs-app table tbody td input,#fs-app#fs-app table tbody td .fs-rate,#fs-app#fs-app table tbody td span, .fs-float.fs-float table tbody td{font-size:13px!important;font-family:var(--sans)!important;font-variant-numeric:tabular-nums lining-nums;letter-spacing:0!important} #fs-app#fs-app table thead th,.fs-float.fs-float table thead th{font-size:13px!important;font-family:var(--sans)!important} #fs-app#fs-app table tbody th,#fs-app#fs-app table tbody th span:not(.tip),#fs-app#fs-app table .gl, #fs-app#fs-app table thead th.l,#fs-app#fs-app table thead tr:first-child th:first-child, .fs-float.fs-float table tbody th,.fs-float.fs-float table .gl,.fs-float.fs-float table thead th.l,.fs-float.fs-float table thead tr:first-child th:first-child{font-size:14px!important;letter-spacing:0!important} #fs-app#fs-app table td.u,#fs-app#fs-app .fs-tree tbody td.u{font-size:12.5px!important} #fs-app#fs-app table th small.tip,#fs-app#fs-app table thead th .fs-sm,.fs-float.fs-float table thead th .fs-sm{font-size:12px!important} #fs-app#fs-app .fs-tree thead th,.fs-float.fs-float .fs-tree thead th{font-size:14px!important} .fs-float.fs-float table thead th{white-space:normal;overflow-wrap:anywhere;line-height:1.25} .fs-float.fs-float table thead th{overflow-wrap:normal;word-break:normal} @media (max-width:700px){ #fs-app#fs-app .fs-tree thead th,#fs-app#fs-app .fs-tree tbody th,#fs-app#fs-app .fs-tree tbody td{overflow-wrap:normal;word-break:normal} #fs-app .fs-tree:has(thead th:nth-child(4)) thead th:nth-child(1){width:38%} #fs-app .fs-tree:has(thead th:nth-child(4)) thead th:nth-child(2){width:16%} #fs-app .fs-tree:has(thead th:nth-child(4)) thead th:nth-child(3){width:24%} #fs-app .fs-tree:has(thead th:nth-child(4)) thead th:nth-child(4){width:22%} #fs-app .fs-tree:not(:has(thead th:nth-child(4))) thead th:nth-child(1){width:52%} #fs-app .fs-tree:not(:has(thead th:nth-child(4))) thead th:nth-child(2){width:18%} #fs-app .fs-tree:not(:has(thead th:nth-child(4))) thead th:nth-child(3){width:30%} } /* v71: plain (not bold) rows in F. Nguồn vốn and G. Phân tích độ nhạy */ #fs-app#fs-app .fs-tree tbody tr[data-row="land_loan_ratio"]>*,#fs-app#fs-app .fs-tree tbody tr[data-row="land_loan_ratio"] td input,#fs-app#fs-app .fs-tree tbody tr[data-row="annual_loan_interest_rate"]>*,#fs-app#fs-app .fs-tree tbody tr[data-row="annual_loan_interest_rate"] td input,#fs-app#fs-app .fs-tree tbody tr[data-row="equity_discount_rate"]>*,#fs-app#fs-app .fs-tree tbody tr[data-row="equity_discount_rate"] td input,#fs-app#fs-app .fs-tree tbody tr[data-row="model_start_year"]>*,#fs-app#fs-app .fs-tree tbody tr[data-row="model_start_year"] td input,#fs-app#fs-app .fs-tree tbody tr[data-row="sens_apartment_price_step"]>*,#fs-app#fs-app .fs-tree tbody tr[data-row="sens_apartment_price_step"] td input,#fs-app#fs-app .fs-tree tbody tr[data-row="sens_land_price_step"]>*,#fs-app#fs-app .fs-tree tbody tr[data-row="sens_land_price_step"] td input{font-weight:400!important} /* v74: PDF section 7 — annual cash flow, A4 landscape (same report styles, compact for 12 columns) */ .rep-wrap-land{position:absolute;left:-10000px;top:0;width:1047px} .rep.rep-land{width:1047px} .rep.rep-land h2:first-child{margin-top:0} .rep.rep-land .rep-cont-t{font-family:var(--sans);font-size:11px;font-weight:400;color:#5c6e67} .rep.rep.rep-land .ft.rep-cf{border:1px solid #d5ddd8} .rep.rep.rep-land .ft.rep-cf th,.rep.rep.rep-land .ft.rep-cf td{font-size:var(--cf-fs,10.5px);padding:5px 6px} .rep.rep.rep-land .ft.rep-cf th.l{padding-left:8px} .rep.rep.rep-land .ft.rep-cf thead th{font-size:var(--cf-fs,10.5px);padding:6px 6px;line-height:1.25;vertical-align:bottom} .rep.rep.rep-land .ft.rep-cf thead .fs-sm{font-size:9px;font-weight:500;color:#e2c98f;-webkit-text-fill-color:#e2c98f} .rep.rep.rep-land .ft.rep-cf tr.ind>th.l{padding-left:20px} .rep.rep.rep-land .ft.rep-cf:has(tr.ind) tbody tr:not([class])>*,.rep.rep.rep-land .ft.rep-cf tr.key>*{font-size:var(--cf-fs1,11px)} .rep.rep.rep-land .ft.rep-cf tr.grp>th{text-align:left;font-weight:700;color:#0f3c35;-webkit-text-fill-color:#0f3c35} .rep.rep.rep-land .ft.rep-cf tr.grp .gl{position:static} /* v74: advanced tool — quarterly cash flow (label + Total frozen) */ #fs-app .fs-cfhead{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 18px} #fs-app .ft-cq{width:max-content;min-width:0} #fs-app .ft-cq thead tr.qrow th{position:static;left:auto;z-index:auto;box-shadow:none;font-weight:600;text-align:right;background:#1b4a40;color:#d7e3da;-webkit-text-fill-color:#d7e3da;scroll-snap-align:start} #fs-app .ft-cq thead th.yr{text-align:center;color:#e2c98f;-webkit-text-fill-color:#e2c98f;border-bottom:1px solid #2a5a4f;max-width:none;width:auto;min-width:0} #fs-app .ft-cq thead th.yr .fs-sm{display:inline;margin:0 0 0 4px;color:#d7e3da} #fs-app .ft-cq thead tr:first-child th:nth-child(n+3){scroll-snap-align:none} .fs-float .ft-cq thead tr.qrow th{background:#1b4a40;color:#d7e3da} .fs-float .ft-cq thead th.yr{text-align:center;color:#e2c98f} #fs-app .fs-pro-note{margin:0 0 10px} #fs-app .ft-cash tr.ind2>th.l{padding-left:46px;font-weight:400} #fs-app .ft-cash tr.ind2>td{font-weight:400} #fs-app .fs-vwbar{display:flex;justify-content:flex-end;margin:0 0 10px} #fs-app .fs-vwbar-in{margin:0} #fs-app .fs-cfhead .fs-view+.fs-vwbar{margin-left:8px} /* v74b: crisp row lines in every sheet table — separate borders do not drop 1px lines at fractional zoom or under frozen columns */ #fs-app .ft{border-collapse:separate;border-spacing:0} #fs-app .ft th,#fs-app .ft td{border-width:0 1px 1px 0;border-style:solid;border-color:#dfe5e0} #fs-app .ft thead th{border-color:#2a5a4f} #fs-app .ft tr.grp>th,#fs-app .ft tr.sub>th{border-bottom-color:#d3ddd6} /* v74c: small calculator on the Assumptions sheet (advanced tool) */ .fs-calc{position:fixed;z-index:110;width:150px;background:#fff;border:1px solid #d7cfbf;border-radius:10px;box-shadow:0 12px 28px -18px rgba(7,33,29,.55);font-family:var(--sans);color:#17231f;overflow:hidden} .fs-calc[hidden],.fs-calc-pill[hidden]{display:none} .fs-calc-h{display:flex;align-items:center;justify-content:space-between;padding:5px 10px;background:#0f3c35;color:#f2e6c9;font-size:.76rem;font-weight:600;letter-spacing:.02em} .fs-calc-h button{border:0;background:none;color:inherit;font-size:1rem;line-height:1;cursor:pointer;padding:0 2px} .fs-calc>input{display:block;width:100%;box-sizing:border-box;border:0;border-bottom:1px solid #e2e6e0;background:#f7f4ec;font:inherit;font-size:.9rem;color:#17231f;text-align:right;padding:7px 10px;outline:none} .fs-calc>input:focus{background:#fff;box-shadow:inset 0 0 0 2px #c6a15b} .fs-calc-o{display:flex;align-items:center;gap:6px;padding:5px 6px 6px 8px} .fs-calc-r{flex:1;min-width:0;text-align:right;font-weight:700;font-size:.86rem;color:#0f3c35;font-variant-numeric:tabular-nums lining-nums;overflow-wrap:anywhere;min-height:1.3em} .fs-calc-r.err{color:#9A3A44;font-size:.75rem;font-weight:500} .fs-calc-o button{flex:none;border:1px solid #d7cfbf;background:#fff;border-radius:6px;padding:2px 6px;font:inherit;font-size:.74rem;color:#0f3c35;cursor:pointer} .fs-calc-o button[disabled]{opacity:.4;cursor:default} .fs-calc-pill{position:fixed;z-index:110;display:inline-flex;align-items:center;gap:6px;border:1px solid #b8975a;background:#0f3c35;color:#f2e6c9;border-radius:999px;padding:6px 12px;font:inherit;font-weight:600;font-size:.8rem;cursor:pointer;box-shadow:0 8px 18px -10px rgba(7,33,29,.6)} /* v74c: development-cost card with the amount column — balanced widths, amounts right-aligned */ @media (min-width:701px){ #fs-app [data-card="cost"] .fs-tree:has(thead th:nth-child(4)){table-layout:fixed;width:100%} #fs-app [data-card="cost"] .fs-tree:has(thead th:nth-child(4)) thead th:nth-child(1){width:38%} #fs-app [data-card="cost"] .fs-tree:has(thead th:nth-child(4)) thead th:nth-child(2){width:20%} #fs-app [data-card="cost"] .fs-tree:has(thead th:nth-child(4)) thead th:nth-child(3){width:18%} #fs-app [data-card="cost"] .fs-tree:has(thead th:nth-child(4)) thead th:nth-child(4){width:24%} } #fs-app [data-card="cost"] .fs-tree thead th:nth-child(4){text-align:right} #fs-app [data-card="cost"] .fs-tree tbody td:nth-child(4){text-align:right;padding-right:14px} #fs-app [data-card="cost"] .fs-tree td.u{width:auto;min-width:0} #fs-app [data-card="cost"] .fs-tree td.in{width:auto} #fs-app [data-card="cost"] .tscroll.narrow:has(.fs-tree thead th:nth-child(4)){max-width:none;width:100%} #fs-app [data-card="cost"] .fs-tree td.u{white-space:nowrap} /* v74d: quarterly cash flow — free horizontal scrolling and a year label that stays in view */ #fs-app .tscroll:has(>.ft-cq){scroll-snap-type:none} #fs-app .ft-cq thead th.yr{text-align:left} #fs-app .ft-cq thead th.yr .yl{position:sticky;left:calc(var(--cfl,200px) + var(--cfc,100px) + 10px);display:inline-block;white-space:nowrap} .fs-float .ft-cq thead th.yr{text-align:center} .fs-float .ft-cq thead th.yr .yl{position:static} /* ===== v74b: advanced-tool teaser ===== */ #fs-app .fs-pro-cta{display:block;margin-top:14px;padding:13px 14px 12px;border-radius:9px;border:1px solid rgba(198,161,91,.55);background:linear-gradient(160deg,rgba(198,161,91,.16),rgba(198,161,91,.04));color:var(--heading);text-decoration:none;transition:border-color .2s,box-shadow .25s,translate .25s} #fs-app .fs-pro-cta:hover{border-color:#C6A15B;box-shadow:0 10px 22px -16px rgba(122,92,30,.7);translate:0 -2px} #fs-app .fs-pro-k{display:inline-flex;align-items:center;gap:6px;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-ink,#8a6a2c)} #fs-app .fs-pro-k svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round} #fs-app .fs-pro-cta strong{display:block;margin-top:6px;font-family:var(--serif);font-weight:500;font-size:1.08rem;line-height:1.25} #fs-app .fs-pro-cta em{display:block;margin-top:4px;font-style:normal;font-size:.78rem;line-height:1.4;color:var(--muted)} #fs-app .fs-pro-cta b{display:block;margin-top:8px;font-size:.8rem;font-weight:600;color:var(--heading);text-decoration:underline;text-decoration-color:#C6A15B;text-underline-offset:3px} @media (min-width:1101px){#fs-app .fs-rail{max-height:calc(100vh - var(--fs-top) - 34px);overflow-y:auto;scrollbar-width:thin}} @media (max-width:1100px){#fs-app .fs-pro-cta{display:none}} .page-head .pro-pill{display:inline-flex;align-items:center;gap:10px;margin-top:14px;padding:7px 14px 7px 7px;border:1px solid rgba(198,161,91,.6);border-radius:999px;background:rgba(198,161,91,.1);color:var(--heading);font-size:.88rem;line-height:1.35;text-decoration:none;transition:background .2s,border-color .2s} .page-head .pro-pill:hover{background:rgba(198,161,91,.2);border-color:#C6A15B} .page-head .pro-pill b{flex:none;display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;background:#0F3C35;color:#F2E6C9;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase} .page-head .pro-pill b svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round} .page-head .pro-pill i{font-style:normal;color:var(--gold-ink,#8a6a2c);font-weight:700} /* ===== v75: model plans + soft toast ===== */ /* v75c: rail ad reveal */ #fs-app .fs-cart-xl{display:none;position:relative} .fs-xl-on #fs-app .fs-cart-xl{display:block} .fs-xl-on:not(.fs-xl-done) #fs-app .fs-cart-xl{animation:xlIn .8s cubic-bezier(.2,.8,.2,1),xlGlow 1.6s ease-in-out .8s 2} @keyframes xlIn{from{opacity:0;transform:translateY(14px) scale(.94)}to{opacity:1;transform:none}} @keyframes xlGlow{0%,100%{box-shadow:0 0 0 0 rgba(212,178,108,0)}50%{box-shadow:0 0 0 5px rgba(212,178,108,.45),0 16px 30px -12px rgba(15,60,53,.7)}} #fs-app .fs-cart-rb{position:absolute;top:-9px;right:8px;padding:2px 8px;border-radius:999px;background:#9E1B32;color:#fff;font-size:.64rem;font-weight:700;letter-spacing:.02em;box-shadow:0 4px 10px -4px rgba(0,0,0,.5)} #fs-app .fs-cart-btn{display:flex!important;align-items:center;justify-content:center;gap:8px;white-space:nowrap!important;background:linear-gradient(135deg,#B8862F 0%,#F3D98B 45%,#C99A3D 62%,#8F6420 100%)!important;background-size:220% 100%!important;color:#2B1E06!important;box-shadow:0 6px 14px -6px rgba(143,100,32,.9),inset 0 1px 0 rgba(255,255,255,.5);animation:goldShine 3.2s ease-in-out infinite} #fs-app .fs-arw{display:inline-block;font-style:normal;font-weight:800;animation:arwNudge 1.1s ease-in-out infinite} @keyframes arwNudge{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}} @media (prefers-reduced-motion:reduce){#fs-app .fs-cart-btn,#fs-app .fs-arw,.fs-xl-on #fs-app .fs-cart-xl{animation:none!important}} /* v75c: top plan, gift, demo */ .plans-gh--b{align-items:center} .plans-gh--b>div{flex:1} .plans-demo{flex:none;display:inline-flex;align-items:center;gap:8px} .plans-demo svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round} .plans-gift{display:flex;align-items:center;gap:16px;margin:0 0 26px;padding:14px 18px;border-radius:12px;border:1.5px solid #C6A15B;background:linear-gradient(110deg,rgba(212,178,108,.22),rgba(212,178,108,.06) 60%,rgba(212,178,108,.18));box-shadow:0 14px 30px -24px rgba(122,92,30,.9)} .plans-gift-i{flex:none;width:52px;height:52px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#B8862F,#F3D98B 50%,#B8862F);box-shadow:0 8px 18px -8px rgba(143,100,32,.8);animation:giftBob 2.6s ease-in-out infinite} .plans-gift-i svg{width:28px;height:28px;fill:none;stroke:#3B2A0C;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .plans-gift b{display:block;font-family:var(--serif);font-weight:500;font-size:1.3rem;color:#7A5A1E} .plans-gift span{display:block;margin-top:2px;font-size:.9rem;color:var(--muted)} @keyframes giftBob{0%,100%{transform:translateY(0) rotate(0)}40%{transform:translateY(-3px) rotate(-4deg)}60%{transform:translateY(-3px) rotate(4deg)}} .plans-grid{padding-top:10px} .plans .plan.plan--top{background:linear-gradient(165deg,#0F3C35 0%,#16483F 55%,#1E5446 100%);border:1.5px solid #C6A15B;color:#F2ECDC;box-shadow:0 30px 60px -30px rgba(7,33,29,.85),0 0 0 4px rgba(198,161,91,.14)} .plans .plan.plan--top:hover{border-color:#E2C98F} .plans .plan.plan--top h3{color:#fff} .plans .plan.plan--top .plan-tag{color:#E2C98F} .plans .plan.plan--top .plan-for{color:rgba(242,236,220,.82)} .plans .plan.plan--top ul{border-top-color:rgba(226,201,143,.35)} .plans .plan.plan--top li{color:#F2ECDC} .plans .plan.plan--top li svg{stroke:#E2C98F} .plans .plan.plan--top .plan-shot{border-color:rgba(226,201,143,.5)} .plans .plan.plan--top .plan-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#B8862F,#F3D98B 50%,#C99A3D);color:#2B1E06;font-weight:700;box-shadow:0 8px 16px -8px rgba(143,100,32,.9)} .plans .plan.plan--top .plan-badge svg{width:14px;height:14px;fill:#2B1E06} .plan-btn--gold{background:linear-gradient(135deg,#B8862F 0%,#F3D98B 48%,#C99A3D 62%,#8F6420 100%)!important;background-size:220% 100%!important;color:#2B1E06!important;border-color:transparent!important;font-weight:700;animation:goldShine 3.5s ease-in-out infinite} @keyframes goldShine{0%,100%{background-position:0 0}50%{background-position:100% 0}} @media (min-width:901px){.plans .plan.plan--top{transform:translateY(-8px)}} @media (max-width:900px){.plans-gh--b{flex-wrap:wrap}.plans-demo{width:100%;justify-content:center}} @media (prefers-reduced-motion:reduce){.plans-gift-i,.plan-btn--gold{animation:none}} .plan-shots{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 14px} .plan-shot{position:relative;display:block;padding:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff;cursor:zoom-in;aspect-ratio:4/3} .plan-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:left top;transition:transform .4s var(--ease)} .plan-shot:hover img{transform:scale(1.04)} .plan-shot span{position:absolute;left:6px;bottom:6px;padding:2px 8px;border-radius:999px;background:rgba(15,60,53,.88);color:#F2E6C9;font-size:.7rem;font-weight:600} .plan-lb{max-width:min(1200px,94vw);max-height:92vh;padding:0;border:0;border-radius:10px;background:#fff;overflow:auto} .plan-lb::backdrop{background:rgba(7,20,18,.72)} .plan-lb img{display:block;width:100%;height:auto} .plan-lb p{margin:0;padding:10px 14px;font-size:.86rem;color:#444} .plan-lb-x{position:sticky;top:8px;float:right;margin:8px 8px -46px 0;width:38px;height:38px;border:0;border-radius:50%;background:rgba(15,60,53,.9);color:#fff;font-size:1.4rem;cursor:pointer;z-index:2} .plans-faq{margin-top:18px;padding:6px 22px 10px;border:1px solid var(--line);border-radius:12px;background:var(--surface)} .plans-faq h3{margin:14px 0 6px;font-size:1.25rem} .plans-faq details{border-top:1px solid var(--line)} .plans-faq details:first-of-type{border-top:0} .plans-faq summary{position:relative;padding:12px 30px 12px 0;cursor:pointer;font-weight:600;color:var(--heading);list-style:none} .plans-faq summary::-webkit-details-marker{display:none} .plans-faq summary::after{content:"+";position:absolute;right:4px;top:9px;font-size:1.3rem;color:#8a6a2c} .plans-faq details[open] summary::after{content:"–"} .plans-faq details p{margin:0 0 14px;color:var(--muted);font-size:.93rem;line-height:1.6} .plans{background:var(--paper);border-top:1px solid var(--line);scroll-margin-top:120px} .plans-head{max-width:720px;margin-bottom:clamp(22px,3vw,34px)} .plans-k{margin:0 0 6px;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-weight:600} .plans-head h2{margin:0 0 8px;font-size:clamp(1.6rem,2.6vw,2.1rem)} .plans-head p{margin:0;color:var(--muted)} .plans-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.8vw,22px);align-items:stretch} .plan{position:relative;display:flex;flex-direction:column;padding:26px 24px 24px;background:var(--surface);border:1px solid var(--line);border-radius:12px;transition:translate .35s var(--ease),box-shadow .35s var(--ease),border-color .25s} .plan:hover{translate:0 -4px;border-color:#C6A15B;box-shadow:0 22px 36px -26px rgba(7,33,29,.5)} .plan--pro{border:1.5px solid #C6A15B;background:linear-gradient(180deg,rgba(198,161,91,.10),var(--surface) 46%);box-shadow:0 22px 40px -30px rgba(122,92,30,.55)} .plan-badge{position:absolute;top:-12px;left:24px;margin:0;padding:4px 12px;border-radius:999px;background:#0F3C35;color:#F2E6C9;font-size:.72rem;font-weight:600;letter-spacing:.04em} .plan-tag{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-ink,#8a6a2c)} .plan-tag .lk{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round} .plan h3{margin:10px 0 6px;font-size:1.6rem;line-height:1.2} .plan-price{margin:4px 0 8px;font-family:var(--serif);font-size:1.7rem;line-height:1.15;color:var(--heading)} .plan-price small{display:block;font-family:var(--sans);font-size:.78rem;color:var(--muted);margin-top:2px} .plan--pro .plan-price{color:#7A5A1E} .plans-cmpw{margin-top:clamp(20px,3vw,30px);overflow-x:auto;border:1px solid var(--line);border-radius:10px;background:var(--surface)} .plans-cmp{width:100%;min-width:600px;border-collapse:collapse;font-size:.9rem} .plans-cmp th,.plans-cmp td{padding:11px 14px;text-align:left;border-top:1px solid var(--line);vertical-align:top} .plans-cmp thead th{border-top:0;font-size:.8rem;color:var(--muted);font-weight:600} .plans-cmp tbody th{font-weight:600;color:var(--heading);width:26%} .plans-cmp td{color:var(--muted)} .plans-cmp .pro{background:rgba(198,161,91,.09);color:var(--ink)} .plans-cmp thead th.pro{color:#7A5A1E} .plans-student{display:flex;align-items:center;gap:12px;margin-top:16px;padding:14px 18px;border:1px dashed rgba(198,161,91,.8);border-radius:10px;color:var(--heading);text-decoration:none;font-size:.9rem;line-height:1.5} .plans-student:hover{background:rgba(198,161,91,.08)} .plans-student .lk{flex:none;width:18px;height:18px;fill:none;stroke:#8a6a2c;stroke-width:2;stroke-linecap:round} .plans-student i{margin-left:auto;font-style:normal;font-weight:700;white-space:nowrap;color:#7A5A1E} .plan-for{margin:0 0 14px;color:var(--muted);font-size:.93rem} .plan ul{list-style:none;margin:0 0 20px;padding:14px 0 0;border-top:1px solid var(--line);display:grid;gap:9px} .plan li{display:flex;gap:9px;font-size:.92rem;line-height:1.5} .plan li svg{flex:none;width:17px;height:17px;margin-top:2px;fill:none;stroke:#2F6B55;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round} .plan-btn{margin-top:auto;justify-content:center;text-align:center} .plan-alt{margin-top:10px;text-align:center;font-size:.86rem;color:var(--heading);text-decoration:underline;text-decoration-color:#C6A15B;text-underline-offset:3px} @media (max-width:900px){.plans-grid{grid-template-columns:1fr}} .plans-group{margin-top:clamp(26px,3.6vw,40px)} .plans-gh{display:flex;gap:14px;align-items:flex-start;margin-bottom:16px} .plans-gi{flex:none;width:36px;height:36px;border-radius:9px;background:#0F3C35;color:#E2C98F;display:inline-flex;align-items:center;justify-content:center;font-family:var(--serif);font-size:1.15rem} .plans-gh h3{margin:0;font-size:1.35rem} .plans-gh p{margin:2px 0 0;color:var(--muted);font-size:.92rem} .plans-web{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px} .wplan{padding:18px 20px;border:1px solid var(--line);border-radius:10px;background:var(--surface)} .wplan h4{margin:6px 0 6px;font-family:var(--serif);font-weight:500;font-size:1.3rem;color:var(--heading)} .wplan p{margin:0 0 10px;color:var(--muted);font-size:.92rem;line-height:1.55} .wplan--st{border-style:dashed;border-color:rgba(198,161,91,.8)} .wsep{color:var(--muted);margin:0 4px} .plans-inc{margin-top:16px;padding:20px 22px;border-radius:12px;background:linear-gradient(135deg,#0F3C35,#1E5446);color:#F2ECDC} .plans-inc-h{margin:0 0 12px;font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#E2C98F} .plans-inc ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px} .plans-inc li.inc-off{padding:10px 12px;align-self:start;border:1px dashed rgba(226,201,143,.7);border-radius:9px} .plans-inc li.inc-off b{color:#E2C98F} .plans-off{display:inline-block;margin-top:8px!important;padding:4px 12px;border-radius:999px;background:rgba(198,161,91,.16);color:#7A5A1E!important;font-size:.86rem!important} .plans-off b{color:#7A5A1E} @media (max-width:1100px) and (min-width:901px){.plans-inc ul{grid-template-columns:repeat(2,minmax(0,1fr))}} .plans-inc li b{display:block;font-family:var(--serif);font-weight:500;font-size:1.12rem;color:#fff} .plans-inc li span{display:block;margin-top:4px;font-size:.88rem;line-height:1.5;color:rgba(242,236,220,.82)} .plans-inc-a{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px} .plans-inc .btn:not(.btn--ghost){background:linear-gradient(180deg,#D4B26C,#C29A4E);color:#0F2A25;border-color:transparent} .plans-inc .btn--ghost{color:#F2ECDC;border-color:rgba(242,236,220,.5);background:transparent} @media (max-width:900px){.plans-web,.plans-inc ul{grid-template-columns:1fr}} #fs-app .fs-cart{padding:12px 12px 10px} #fs-app .fs-rail{overflow-x:hidden} #fs-app .fs-cart-i{white-space:normal} #fs-app .fs-cart-h{margin:0 0 6px;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-ink,#8a6a2c)} #fs-app .fs-cart-i{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:5px 8px;white-space:nowrap;border-radius:7px;text-decoration:none;color:var(--heading);transition:background .15s} #fs-app .fs-cart-i:hover{background:rgba(198,161,91,.16)} #fs-app .fs-cart-i b{display:flex;align-items:center;gap:4px;font-size:.84rem;font-weight:600;text-decoration:none} #fs-app .fs-cart a{text-decoration:none} #fs-app .fs-cart-i b svg{width:12px;height:12px;fill:none;stroke:var(--gold-ink,#8a6a2c);stroke-width:2.4;stroke-linecap:round} #fs-app .fs-cart-i em{font-style:normal;font-size:.68rem;color:var(--muted);white-space:nowrap} #fs-app .fs-rail .tabb{padding-top:9px;padding-bottom:9px} #fs-app .fs-cart-i.on{background:rgba(47,107,85,.08);box-shadow:inset 2px 0 0 #2F6B55} #fs-app .fs-cart-st{display:flex;align-items:center;gap:5px;margin-top:8px;padding:7px 8px 0;border-top:1px solid rgba(198,161,91,.35);font-size:.74rem;color:var(--muted);text-decoration:none} #fs-app .fs-cart-st:hover{color:var(--heading)} #fs-app .fs-cart-st svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round} #fs-app .fs-cart-h2{margin-top:10px;padding-top:8px;border-top:1px solid rgba(198,161,91,.35)} #fs-app .fs-cart-xl{margin:10px -4px 0;padding:11px 10px 10px;border-radius:9px;background:linear-gradient(160deg,#0F3C35,#1E5446);color:#F2ECDC} #fs-app .fs-cart-xl .fs-cart-h{margin:0 0 7px;color:#E2C98F} #fs-app .fs-cart-xl .fs-cart-h span{display:block;margin-top:2px;font-size:.66rem;font-weight:500;letter-spacing:.02em;text-transform:none;color:rgba(242,236,220,.75)} #fs-app .fs-cart-x{display:flex;align-items:center;gap:7px;padding:4px 2px;font-size:.82rem;font-weight:600;line-height:1.3;color:#fff!important;white-space:normal} #fs-app .fs-cart-x:before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:#D4B26C} #fs-app .fs-cart-x:hover{color:#E2C98F!important} #fs-app .fs-cart-btn{display:block;margin-top:9px;padding:7px 8px;border-radius:7px;text-align:center;font-size:.8rem;font-weight:700;background:linear-gradient(180deg,#D4B26C,#C29A4E);color:#0F2A25!important;white-space:normal} #fs-app .fs-cart-btn:hover{filter:brightness(1.06)} #fs-app .fs-cart-all{display:block;margin-top:6px;padding:0 8px;font-size:.8rem;font-weight:600;color:var(--heading);text-decoration:underline;text-decoration-color:#C6A15B;text-underline-offset:3px} .plan-toast{position:fixed;left:24px;bottom:24px;z-index:95;width:min(380px,calc(100vw - 32px));border-radius:16px;overflow:visible;background:linear-gradient(165deg,#0F3C35 0%,#16483F 60%,#1E5446 100%);border:1.5px solid #C6A15B;color:#F2ECDC;box-shadow:0 34px 70px -24px rgba(7,20,18,.75),0 0 0 6px rgba(198,161,91,.14);opacity:0;transform:translateY(calc(100% + 60px));transition:transform .75s cubic-bezier(.18,1.25,.32,1),opacity .4s ease} .plan-toast.on{opacity:1;transform:none;animation:adGlow 2.4s ease-in-out 1s 2} @keyframes adGlow{0%,100%{box-shadow:0 34px 70px -24px rgba(7,20,18,.75),0 0 0 6px rgba(198,161,91,.14)}50%{box-shadow:0 34px 70px -24px rgba(7,20,18,.75),0 0 0 10px rgba(226,201,143,.38)}} .plan-toast .pt-x{position:absolute;top:10px;right:10px;z-index:3;width:30px;height:30px;border:0;border-radius:50%;background:rgba(7,20,18,.55);color:#fff;font-size:1.25rem;line-height:1;cursor:pointer} .plan-toast .pt-x:hover{background:rgba(7,20,18,.8)} .plan-ad .ad-rb{position:absolute;top:-12px;left:18px;z-index:3;padding:4px 12px;border-radius:999px;background:#9E1B32;color:#fff;font-size:.74rem;font-weight:700;letter-spacing:.02em;box-shadow:0 6px 14px -6px rgba(0,0,0,.6)} .plan-ad .ad-img{position:relative;height:118px;overflow:hidden;border-radius:14px 14px 0 0;border-bottom:2px solid #C6A15B} .plan-ad .ad-img img{width:100%;height:100%;object-fit:cover;object-position:left top;filter:saturate(.9)} .plan-ad .ad-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,60,53,0) 30%,rgba(15,60,53,.85))} .plan-ad .ad-img span{position:absolute;left:16px;bottom:10px;z-index:1;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#E2C98F} .plan-ad .ad-body{padding:14px 18px 16px} .plan-ad .pt-h{margin:0 0 10px;font-family:var(--serif);font-size:1.35rem;line-height:1.25;color:#fff} .plan-ad .ad-list{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:7px} .plan-ad .ad-list li{position:relative;padding:7px 10px 7px 30px;border-radius:9px;background:rgba(255,255,255,.06)} .plan-ad .ad-list li::before{content:"";position:absolute;left:11px;top:13px;width:8px;height:8px;border-radius:50%;background:#D4B26C} .plan-ad .ad-list b{display:flex;align-items:center;gap:8px;font-size:.92rem;color:#fff} .plan-ad .ad-list em{display:block;font-style:normal;font-size:.78rem;color:rgba(242,236,220,.75)} .plan-ad .ad-list li.top{background:rgba(212,178,108,.16);box-shadow:inset 0 0 0 1px rgba(226,201,143,.55)} .plan-ad .ad-list i{font-style:normal;padding:1px 8px;border-radius:999px;background:linear-gradient(135deg,#B8862F,#F3D98B 50%,#C99A3D);color:#2B1E06;font-size:.66rem;font-weight:800} .plan-ad .ad-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 16px;border-radius:10px;font-weight:700;font-size:.98rem;text-decoration:none;color:#2B1E06;background:linear-gradient(135deg,#B8862F 0%,#F3D98B 45%,#C99A3D 62%,#8F6420 100%);background-size:220% 100%;box-shadow:0 10px 22px -10px rgba(143,100,32,.95),inset 0 1px 0 rgba(255,255,255,.5);animation:goldShine 3.2s ease-in-out infinite} .plan-ad .ad-arw{display:inline-block;font-style:normal;font-weight:900;animation:arwNudge 1.1s ease-in-out infinite} .plan-ad .pt-later{display:block;margin:10px auto 0;border:0;background:none;color:rgba(242,236,220,.7);font:inherit;font-size:.84rem;cursor:pointer;text-decoration:underline;text-underline-offset:3px} @keyframes arwNudge{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}} @keyframes goldShine{0%,100%{background-position:0 0}50%{background-position:100% 0}} #fs-app .fs-cart-xl{display:none!important} @media (max-width:640px){.plan-toast{left:12px;right:12px;width:auto;bottom:80px}.plan-ad .ad-img{height:84px}.plan-ad .pt-h{font-size:1.15rem}.plan-ad .ad-list em{display:none}.plan-ad .ad-list li{padding:6px 10px 6px 28px}.plan-ad .ad-list li::before{top:12px}} @media (prefers-reduced-motion:reduce){.plan-toast{transition:none}.plan-toast.on,.plan-ad .ad-btn,.plan-ad .ad-arw{animation:none}} /* ===== v75d: green hero band + tidy bottom ===== */ .page-head--app,.gate2-head{position:relative;overflow:hidden;background:radial-gradient(120% 140% at 85% 0%,#1E5446 0%,#13463E 38%,#0C332D 100%);color:#F2ECDC;border-bottom:3px solid #C6A15B} .page-head--app::before,.gate2-head::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:linear-gradient(rgba(226,201,143,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(226,201,143,.07) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 55%);mask-image:linear-gradient(90deg,transparent 0%,#000 55%)} .page-head--app .wrap,.gate2-head .wrap{position:relative} .page-head--app h1,.gate2-head h1{color:#FBF6EA} .page-head--app .lead,.gate2-head .lead{color:rgba(242,236,220,.86)} .page-head--app .note{color:rgba(242,236,220,.7)} .page-head--app .crumbs,.gate2-head .crumbs,.page-head--app .crumbs a,.gate2-head .crumbs a{color:rgba(242,236,220,.75)} .page-head .fs-learn a,.page-head--app .fs-learn a{color:#E2C98F;text-decoration-color:rgba(226,201,143,.6)} .page-head--app .pro-pill{background:rgba(255,255,255,.06);border-color:rgba(226,201,143,.55);color:#F2ECDC} .page-head--app .pro-pill:hover{background:rgba(226,201,143,.14);border-color:#E2C98F} .page-head--app .pro-pill b{background:linear-gradient(135deg,#B8862F,#F3D98B 50%,#C99A3D);color:#2B1E06} .gate2-head .gate2-k{color:#E2C98F} .gate2-head .gate2-k svg{stroke:#E2C98F} /* about */ .seo2{background:var(--surface)} .seo2-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:start} .seo2 .seo2-l h2{margin:0 0 12px;font-size:clamp(1.45rem,2.3vw,1.85rem);line-height:1.25} .seo2 .seo2-l>p{margin:0;max-width:none;color:var(--muted);line-height:1.7} .seo2 .seo2-l a{color:var(--heading);text-decoration:underline;text-decoration-color:#C6A15B;text-underline-offset:3px} .seo2-list{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 18px} .seo2-list li{display:flex;gap:9px;font-size:.92rem;line-height:1.45;color:var(--ink);list-style:none!important} .seo2-list svg{flex:none;width:17px;height:17px;margin-top:2px;fill:none;stroke:#2F6B55;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round} .seo2 .seo2-r h3{margin:4px 0 12px;font-size:1.2rem} .seo2 .seo-faq{max-width:none;border-top:0;display:grid;gap:8px} .seo2 .seo-faq details{border:1px solid var(--line);border-radius:10px;padding:0 16px;background:var(--paper)} .seo2 .seo-faq summary{position:relative;list-style:none;padding:13px 28px 13px 0;font-weight:600} .seo2 .seo-faq summary::-webkit-details-marker{display:none} .seo2 .seo-faq summary::after{content:"+";position:absolute;right:0;top:10px;font-size:1.25rem;color:#8a6a2c} .seo2 .seo-faq details[open] summary::after{content:"–"} .seo2 .seo-faq details p{margin:0 0 14px} .seo2 .seo-en{margin-top:24px} /* terms */ .tos2-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,4vw,64px);align-items:start} .tos2 .tos-lead{margin-bottom:16px} .tos2-key{display:flex;gap:10px;align-items:center;margin:0 0 14px;padding:12px 14px;border-radius:10px;background:rgba(47,107,85,.09);border:1px solid rgba(47,107,85,.25);font-weight:600;color:var(--heading);font-size:.95rem} .tos2-key svg{flex:none;width:22px;height:22px;fill:none;stroke:#2F6B55;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round} .tos2 .tos-law{margin:0} .tos2 .tos2-list{display:grid;grid-template-columns:1fr;gap:8px} .tos2 .tos2-list li{display:block;padding:0;border-radius:10px;box-shadow:none} .tos2 .tos2-list li:first-child{box-shadow:none;border-color:var(--sheet-grid)} .tos2 .tos2-list summary{display:flex;align-items:center;gap:12px;padding:10px 40px 10px 12px;cursor:pointer;list-style:none;position:relative} .tos2 .tos2-list summary::-webkit-details-marker{display:none} .tos2 .tos2-list summary::after{content:"+";position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:1.25rem;color:#8a6a2c} .tos2 .tos2-list details[open] summary::after{content:"–"} .tos2 .tos2-list h3{margin:0} .tos2 .tos2-list p{padding:0 16px 14px 60px} @media (max-width:900px){.seo2-grid,.tos2-grid{grid-template-columns:1fr}.seo2-list{grid-template-columns:1fr}.tos2 .tos2-list p{padding-left:16px}} /* v75f: calculator widget */ .fs-calc{width:176px;border:1px solid rgba(198,161,91,.55);border-radius:14px;background:#FFFDF8;box-shadow:0 22px 40px -22px rgba(7,33,29,.55),0 2px 6px -2px rgba(7,33,29,.12)} .fs-calc-h{padding:8px 10px 8px 12px;background:linear-gradient(135deg,#0F3C35,#1E5446);border-bottom:2px solid #C6A15B;font-size:.78rem;letter-spacing:.04em} .fs-calc-h span{display:inline-flex;align-items:center;gap:7px} .fs-calc-h span::before{content:"";width:14px;height:14px;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='5' y='3' width='14' height='18' rx='2' fill='none' stroke='%23E2C98F' stroke-width='2'/%3E%3Cpath d='M8 7h8M8 12h2M12 12h2M8 16h2M12 16h2' stroke='%23E2C98F' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")} .fs-calc-h button{width:22px;height:22px;border-radius:6px;display:grid;place-items:center} .fs-calc-h button:hover{background:rgba(255,255,255,.12)} .fs-calc>input{margin:10px 10px 0;width:calc(100% - 20px);border:1px solid #E3DCCB;border-radius:8px;background:#F7F3EA;font-size:1rem;padding:8px 10px} .fs-calc>input:focus{background:#fff;border-color:#C6A15B;box-shadow:0 0 0 3px rgba(198,161,91,.2)} .fs-calc-o{padding:8px 10px 10px} .fs-calc-r{font-size:1rem;font-family:var(--serif)} .fs-calc-o button{border:0;border-radius:7px;padding:4px 9px;background:linear-gradient(135deg,#C99A3D,#E9CC86);color:#2B1E06;font-weight:600} .fs-calc-o button[disabled]{background:#EFEAE0;color:#9A927F;opacity:1} .fs-calc-pill{background:linear-gradient(135deg,#0F3C35,#1E5446);border-color:#C6A15B} /* v79: keep back-to-top clear of the round chat buttons */ .fs-totop{right:28px!important;bottom:172px!important;width:46px!important;height:46px!important} @media (max-width:640px){.fs-totop{right:16px!important;bottom:146px!important;width:42px!important;height:42px!important}} /* v79: link card to the Model Excel page */ .plans-teaser{display:flex;align-items:center;gap:16px;padding:18px 22px;border-radius:14px;background:linear-gradient(120deg,#0F3C35,#1E5446);border:1.5px solid #C6A15B;color:#F2ECDC;text-decoration:none;box-shadow:0 20px 40px -28px rgba(7,33,29,.8);transition:transform .25s ease} .plans-teaser:hover{transform:translateY(-2px)} .plans-teaser .plans-gi{background:#C6A15B;color:#0F2A25} .plans-teaser>div{flex:1} .plans-teaser h3{margin:0;font-size:1.3rem;color:#fff} .plans-teaser p{margin:4px 0 0;font-size:.92rem;color:rgba(242,236,220,.82);text-align:left} .plans-teaser-b{flex:none;display:inline-flex;align-items:center;gap:10px;padding:11px 18px;border-radius:10px;font-weight:700;color:#2B1E06;background:linear-gradient(135deg,#B8862F,#F3D98B 45%,#C99A3D 62%,#8F6420);background-size:220% 100%;animation:goldShine 3.2s ease-in-out infinite} .plans-teaser-b i{font-style:normal;animation:arwNudge 1.1s ease-in-out infinite} @media (max-width:760px){.plans-teaser{flex-wrap:wrap}.plans-teaser-b{width:100%;justify-content:center}} /* v79: compact lower tool page */ .tp-pick,.tp-about,.tp-tos{padding-block:clamp(40px,4.5vw,60px)!important} .tp-pick{background:#EFE8D9} .tp-about{background:var(--paper)!important;border-top:0!important} .tp-tos,.tp-pick{border-top:0!important;border-bottom:0!important} .tp-tos{background:#EFE8D9!important} .tp-k{margin:0 0 6px;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-ink,#86672A)} .tp-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 48px;align-items:end;margin-bottom:24px} .tp-head h2,.tp-about h2{margin:0;font-size:clamp(1.6rem,2.4vw,2.05rem);line-height:1.2} .tp-head>p{margin:0;color:var(--muted);text-align:left} .tp-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} .tp-card{display:flex;flex-direction:column;padding:20px 20px 18px;border-radius:14px;background:var(--surface);border:1px solid var(--line);box-shadow:0 14px 30px -26px rgba(7,33,29,.5);text-decoration:none;color:inherit;transition:transform .25s ease,box-shadow .25s ease} .tp-card:hover{transform:translateY(-3px);box-shadow:0 22px 40px -26px rgba(7,33,29,.6)} .tp-tag{display:flex;align-items:center;gap:6px;margin:0 0 10px;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-ink,#86672A)} .tp-tag svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.2} .tp-card h3{margin:0 0 6px;font-size:1.3rem} .tp-card>p:not(.tp-tag){margin:0 0 14px;font-size:.92rem;line-height:1.55;color:var(--muted);text-align:left;flex:1} .tp-link{font-weight:600;font-size:.9rem;color:var(--heading);text-decoration:underline;text-decoration-color:#C6A15B;text-underline-offset:4px} .tp-card--xl{background:linear-gradient(150deg,#0F3C35,#1E5446);border:1.5px solid #C6A15B;color:#F2ECDC} .tp-card--xl .tp-tag{color:#E2C98F} .tp-card--xl h3{color:#fff} .tp-card--xl>p:not(.tp-tag){color:rgba(242,236,220,.82)} .tp-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:9px;font-weight:700;font-size:.92rem;color:#2B1E06;background:linear-gradient(135deg,#B8862F,#F3D98B 45%,#C99A3D 62%,#8F6420);background-size:220% 100%;animation:goldShine 3.2s ease-in-out infinite} .tp-btn i{font-style:normal;animation:arwNudge 1.1s ease-in-out infinite} .tp-about-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,4vw,56px);align-items:start} .tp-lead{margin:12px 0 16px;color:var(--ink);line-height:1.7;text-align:left} .tp-lead a{color:var(--heading);text-decoration:underline;text-decoration-color:#C6A15B;text-underline-offset:3px} .tp-feats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px} .tp-feats li{display:flex;gap:8px;align-items:flex-start;padding:9px 11px;border-radius:9px;background:var(--surface);border:1px solid var(--line);font-size:.88rem;line-height:1.4;text-align:left} .tp-feats svg{flex:none;width:16px;height:16px;margin-top:1px;fill:none;stroke:#2F6B55;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round} .tp-en{margin-top:16px} .tp-en p{margin:0;font-size:.8rem;line-height:1.55;color:var(--muted);text-align:left} .tp-faq-h{margin:0 0 12px;font-size:1.2rem} .tp-about .seo-faq{display:grid;gap:8px;max-width:none;border:0} .tp-about .seo-faq details{border:1px solid var(--line);border-radius:10px;padding:0 16px;background:var(--surface)} .tp-about .seo-faq summary{position:relative;list-style:none;padding:12px 28px 12px 0;font-weight:600;cursor:pointer} .tp-about .seo-faq summary::-webkit-details-marker{display:none} .tp-about .seo-faq summary::after{content:"+";position:absolute;right:0;top:9px;font-size:1.25rem;color:#8a6a2c} .tp-about .seo-faq details[open] summary::after{content:"–"} .tp-about .seo-faq details p{margin:0 0 14px;font-size:.9rem;line-height:1.6;color:var(--muted);text-align:left} .tp-tos .tos2-grid{gap:clamp(24px,3.5vw,48px)} .tp-tos .tos-lead{margin-bottom:12px} .tp-tos p{text-align:left} @media (max-width:980px){.tp-cards{grid-template-columns:1fr}.tp-about-grid,.tp-head{grid-template-columns:1fr}} @media (max-width:560px){.tp-feats{grid-template-columns:1fr}} /* v79c: one background, popup terms */ .tp-pick{background:var(--paper)!important;padding-bottom:0!important;padding-top:clamp(28px,3vw,40px)!important} .tp-pick .wrap{border-top:1px solid var(--line);padding-top:clamp(32px,3.6vw,44px)} .tp-about{background:var(--paper)!important;padding-top:clamp(36px,4vw,52px)!important} .tp-feats{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important} .tp-feats li{padding:7px 9px!important;font-size:.82rem!important;background:transparent!important} .tp-faq-lim details:nth-of-type(n+5){display:none} .tp-faq-lim.all details{display:block} .tp-more{margin-top:10px;border:0;background:none;padding:4px 0;font:inherit;font-size:.88rem;font-weight:600;color:var(--heading);text-decoration:underline;text-decoration-color:#C6A15B;text-underline-offset:4px;cursor:pointer} .tp-terms{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;margin:clamp(28px,3vw,40px) 0 0;padding-top:16px;border-top:1px solid var(--line);font-size:.86rem;color:var(--muted)} .tp-terms a{font-weight:600;color:var(--heading);text-decoration:underline;text-decoration-color:#C6A15B;text-underline-offset:4px} .tos-dlg{max-width:min(640px,calc(100vw - 24px));max-height:88vh;padding:0;border:0;border-radius:16px;background:var(--surface);color:var(--ink);box-shadow:0 40px 80px -30px rgba(0,0,0,.6)} .tos-dlg::backdrop{background:rgba(7,20,18,.6)} .tos-dlg-in{position:relative;padding:26px 26px 22px;border-top:4px solid #C6A15B} .tos-dlg .tos-x{position:absolute;top:10px;right:12px;width:34px;height:34px;border:0;border-radius:50%;background:rgba(127,127,127,.12);font-size:1.3rem;cursor:pointer;color:var(--heading)} .tos-dlg .tos-k{margin:0 0 6px;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#9A7A3C;font-weight:600} .tos-dlg .tos-i{width:30px;height:30px;border-radius:8px;background:#EFE8D9;display:flex;align-items:center;justify-content:center} .tos-dlg .tos-i svg{width:17px;height:17px;fill:none;stroke:#0E3B33;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .tos-dlg .tos-i svg *{fill:none} .tos-dlg h2{margin:0 36px 6px 0;font-size:1.45rem} .tos-dlg .tos-lead{margin:0 0 14px;font-size:.86rem;color:var(--muted)} .tos-dlg-list{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:12px} .tos-dlg-list li{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start} .tos-dlg-list h3{margin:2px 0 3px;font-size:1rem} .tos-dlg-list p{margin:0;font-size:.88rem;line-height:1.55;color:var(--muted);text-align:left} .tos-dlg .tos-law{font-size:.8rem;color:var(--muted);margin:0 0 16px} .tos-dlg .tos-ok{width:100%} @media (max-width:980px){.tp-feats{grid-template-columns:1fr 1fr!important}} @media (max-width:560px){.tp-feats{grid-template-columns:1fr!important}.tos-dlg-in{padding:22px 18px 18px}}