:root{--ink:#1c3040;--paper:#f5f8fc;--panel:#fff;--line:#d9e5f3;--teal:#3e77bc;--teal-dark:#17365d;--gold:#3e77bc;--gold-light:#eaf1fb;--muted:#63778e;--red:#ba3b3b}
body{font-family:Inter,"Segoe UI",sans-serif}h1,h2,h3,.headline .big,.day-card .dayhead .title,.cv-price-box .amt{font-family:inherit}h1{letter-spacing:-.035em}button,input,select,textarea{border-radius:10px;font-size:1rem}input,select{min-height:46px}label,.hint,.summary-table th,.tier-table th,.addon-heading{font-size:.875rem}button{min-height:42px}input[type=radio],input[type=checkbox]{min-height:18px;width:18px;height:18px;accent-color:var(--teal)}[hidden]{display:none!important}.app{max-width:1400px;padding:0 32px 48px}.top-inner{max-width:1400px;margin:auto;display:flex;align-items:center;gap:16px;padding:0 32px}header.top{padding:16px 0;background:white;color:var(--ink);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-weight:700}.logo{width:34px;height:34px;border-radius:10px;background:var(--teal);color:white;display:inline-flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.user-email{margin-left:auto;color:var(--muted);font-size:14px}.user-badge{padding:5px 12px;background:var(--gold-light);border-radius:8px;font-size:14px}.page-intro{max-width:1400px;margin:32px auto 20px;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:16px}.page-intro h1{font-size:32px;margin:4px 0}.page-intro p{margin:4px 0;color:var(--muted)}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--teal)}.rate-note{font-size:14px;color:var(--muted)}.section-nav{max-width:1336px;margin:0 auto;padding:0 0 12px;display:flex;gap:24px;overflow:auto;border-bottom:1px solid var(--line)}.section-nav a{white-space:nowrap;font-size:14px;text-decoration:none;font-weight:600}section.block{border-radius:16px;padding:24px;margin-top:20px;scroll-margin-top:20px}section.block>h2{border:0;font-size:19px;margin-bottom:20px;padding:0}section.block>h2 .num{background:#eaf1fb;color:var(--teal);border-radius:8px;font-family:inherit;width:30px;height:30px}.room-row,.day-card{background:#f9fbfe;border-radius:12px;padding:18px}.subtotal-line{flex-wrap:wrap}.headline{background:#17365d;border-radius:12px}.headline .lbl{color:#cadcf3}.headline .big{font-size:32px}.tier-table th{background:#f5f8fc}.tier-table tr.selected td{background:#eaf1fb}button.gold{background:var(--teal);color:white}button.ghost{border-color:var(--line);background:white}button.ghost:hover{background:#eaf1fb}button.danger{font-size:14px;border-color:#edcece}.addon-row{padding:10px 0!important}.addon-row .addon-price{margin-left:auto;font-size:14px;color:var(--muted);text-align:right}.addon-group{border-top:1px solid var(--line);padding-top:18px;margin-top:22px}.currency-field{max-width:230px;margin-top:20px}.login-page{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px}.login-card{width:100%;max-width:440px;border:1px solid var(--line);border-radius:20px;background:white;padding:32px;box-shadow:0 8px 32px #17365d08}.login-card h1{font-size:25px;margin:28px 0 8px}.login-card p{color:var(--muted);font-size:14px;margin:0 0 24px}.login-card label{margin:18px 0 8px}.login-card input{min-height:54px}.password-wrap{position:relative}.password-wrap input{padding-right:82px}.password-wrap button{position:absolute;right:6px;top:6px;background:#f5f8fc;color:var(--teal);font-size:14px;padding:0 12px}.signin{width:100%;margin-top:24px;min-height:52px}.login-footer{font-size:13px;color:var(--muted)}#loginError{color:var(--red);margin:16px 0 0}.cv-cover{border-color:var(--teal)}.cv-price-box{border-color:var(--line)}
@media(min-width:1100px){#userPage>.app{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:0 24px;align-items:start}#pricingSection{grid-column:2;grid-row:1 / span 6;position:sticky;top:20px;padding:20px}#pricingSection .grid{grid-template-columns:1fr}#pricingSection .tier-table td,#pricingSection .tier-table th{padding:10px 5px;font-size:14px}#pricingSection .tier-table .hint{display:none}#pricingSection .headline{flex-direction:column;align-items:flex-start}#userPage>.app>section:not(#pricingSection),#userPage>.app>.toolbar,#clientPreview{grid-column:1}.grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.app{padding:0 16px 32px}.top-inner{padding:0 16px;flex-wrap:wrap;gap:10px}.user-email{display:none}.user-badge{margin-left:auto}.page-intro{padding:0 16px;margin-top:24px}.rate-note{display:none}.section-nav{margin:0 16px;gap:20px}.page-intro h1{font-size:28px}section.block{padding:18px}.tier-table td,.tier-table th{padding:8px 4px;font-size:14px}.tier-table .hint{display:none}.login-card{padding:24px}.subtotal-line{justify-content:flex-start}.cv-page{padding:20px}.headline .big{font-size:28px}}
@media print{.page-intro,.section-nav,.login-page{display:none!important}#userPage>.app{display:block}.cv-page{padding:0}.top{display:none}}
.calculator-tabs{max-width:1336px;margin:0 auto 24px;display:flex;gap:8px}.calculator-tabs button{background:#fff;border:1px solid var(--line);color:var(--teal);padding:10px 22px}.calculator-tabs button[aria-pressed="true"]{background:var(--teal);border-color:var(--teal);color:#fff}#gitFrame{display:block;width:100%;height:4800px;border:0}.git-document #userPage>.app{display:block;max-width:1100px}.git-document #pricingSection{position:static}.git-document .section-nav{max-width:1036px}.git-document .git-table-scroll{overflow-x:auto}.git-document .tier-table{min-width:580px}.git-document #pricingSection .headline{flex-direction:row}.git-document .grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.git-document #pricingSection .grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:760px){.calculator-tabs{margin:0 16px 20px}.calculator-tabs button{flex:1;padding:10px}.git-document .grid.cols-4,.git-document #pricingSection .grid{grid-template-columns:1fr}.git-document .section-nav{margin:0 16px}}@media print{.calculator-tabs{display:none!important}}

/* GIT uses the same side-by-side pricing layout as FIT on desktop. */
@media screen and (min-width:1100px){
  .git-document #userPage>.app{display:grid;max-width:1400px;grid-template-columns:minmax(0,1fr) 470px;gap:0 24px;align-items:start}
  .git-document .section-nav{max-width:1336px}
  .git-document #pricingSection{grid-column:2;grid-row:1 / span 6;position:sticky;top:20px;min-width:0}
  .git-document #pricingSection .grid{grid-template-columns:1fr}
  .git-document #pricingSection .headline{flex-direction:column;align-items:flex-start}
  .git-document .tier-table{min-width:0;width:100%;table-layout:fixed}
  .git-document .tier-table th:first-child,.git-document .tier-table td:first-child{width:28%}
  .git-document #pricingSection .tier-table td,.git-document #pricingSection .tier-table th{overflow-wrap:anywhere;padding:10px 4px}
}
@media screen and (min-width:1100px){.git-document #pricingSection{position:relative;top:0;scrollbar-width:thin}}
@media print{.git-document #pricingSection{transform:none!important;max-height:none!important;overflow:visible!important}}

.quote-details-section{margin:24px 0;overflow-wrap:anywhere}.quote-details-section h3{font-size:1.1rem;margin-bottom:10px}.quote-details-section ul{padding-left:22px;margin:0}.quote-details-section li{margin:8px 0}.quote-details-section p{margin:0}

input[readonly]{background:#f0f4f9;color:var(--ink);cursor:default}.admin-company-preview{max-width:1336px;margin:16px auto;padding:16px;display:flex;align-items:center;gap:16px;background:#eaf1fb;border-radius:12px}.admin-company-preview select{width:auto;flex:1;min-width:0}.admin-company-preview label{margin:0}.company-profile-error{max-width:800px;margin:32px auto;padding:24px;border:1px solid #edcece;background:#fff4f4;border-radius:12px}.company-profile-error button{margin-top:16px}@media(max-width:760px){.admin-company-preview{margin:16px;flex-wrap:wrap}.admin-company-preview select{width:100%;flex:auto}}
.calculator-tabs a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--teal);padding:10px 22px;text-decoration:none;font-weight:600}.calculator-tabs a[aria-current="page"]{background:var(--teal);border-color:var(--teal);color:white}.calculator-tabs a:focus-visible{outline:3px solid #b6d3f4;outline-offset:3px}@media(max-width:760px){.calculator-tabs a{flex:1;padding:10px}}@media screen and (min-width:1100px){.git-document #pricingSection{position:sticky;top:20px}}
.calculator-sections{min-width:0;display:flow-root}.calculator-sections>section.block{margin-top:20px}@media screen and (min-width:1100px){#userPage>.app>.calculator-sections{grid-column:1;grid-row:1;align-self:start}#userPage>.app>#pricingSection{grid-column:2;grid-row:1;align-self:start}}
