:root{--teal:#0d7486;--ink:#183d52;--muted:#536b7a;--line:#dbe4ea;--mint:#eaf5f8;--paper:#f6f9fb;color:#183d52;background:#fff}
body{color:var(--ink)}
.brand-mark>img{display:block;width:100%;height:100%}
.site-header{box-shadow:0 3px 16px #193d4003}.brand{letter-spacing:-.045em;color:#183d52}.brand-mark{background:#183d52}
.brand small{font-size:.56rem}.nav nav{gap:24px}.nav nav a{font-size:.78rem}.hero{background:radial-gradient(ellipse at 85% 0,#dff4f7 0,transparent 50%),#f5f8fb;padding:70px 0 74px}
.hero h1{font-size:clamp(2.4rem,4.8vw,4rem);letter-spacing:-.06em}.hero-grid{grid-template-columns:1.25fr 1fr;gap:75px}.hero-copy{font-size:1.04rem;max-width:510px}.hero-tagline{font-size:.8rem;margin:20px 0 0;color:#536b7a}.hero-visual{transform:none;box-shadow:0 18px 60px #264c6610;border-color:#d5e5ed;padding:28px}
.hero-visual h2{font-size:1.45rem;margin:16px 0 24px}.hero-visual .fields{gap:14px}.hero-visual .sample-label{font-size:.8rem;margin-top:24px;font-weight:500}.hero-visual .sample-price{color:#183d52;margin-top:3px}.hero-visual .text-button{display:inline-block;margin-top:12px}.sample-note{text-align:left;font-size:.7rem}.pill{color:#36576b;background:#e8f0f7;border-color:#dce6f1;font-size:.6rem}
.value-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;padding:42px 0;border-bottom:1px solid var(--line)}.value-benefits .icon{color:#0d7486;margin-bottom:14px}.value-benefits h2{font-size:1rem;letter-spacing:-.02em;margin-bottom:9px}.value-benefits p{font-size:.8rem;color:var(--muted);margin:0}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tool-card{border-radius:10px;box-shadow:0 4px 20px #264c6604}.tool-card:hover{border-color:#4192a4;box-shadow:0 8px 25px #264c6610}.icon-box{background:#edf4f9;color:#1b687f}.tool-card:nth-child(2) .icon-box{background:#e7f5f6}.card-tags{color:#526d7b}.index{color:#526d7b}.how-section,.site-footer{background:#f6f9fc}.footer-caption{color:#536b7a}.section-heading h2{letter-spacing:-.045em}.tool-intro{max-width:850px}.tool-intro h1{font-size:clamp(2rem,3.4vw,2.9rem)}.tool-layout{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:24px}.form-panel{padding:25px}.result-panel{background:#f0f6fa;border-color:#d5e4ed;padding:25px}.result-value{color:#183d52}.result-sub{color:#536b7a}.result-line{border-color:#dbe5ec;font-size:.76rem}.result-line dt{color:#415e70}.result-line dd{color:#183d52}.private-note{color:#415e70;border-color:#dbe5ec}.note{color:#4e6876}.positive{color:#176340!important}.negative,.result-value.negative{color:#a63036!important}.result-value.positive{color:#176340}.decision-note{color:#24536d;background:#e5eff7;border:1px solid #caddeb;border-radius:6px;font-size:.76rem;padding:12px;margin:15px 0}.decision-note.loss{color:#912a32;background:#fff0f0;border-color:#e7b9bd}.error{color:#912a32;background:#fff0f0;border-color:#d7a1a6}.secondary{color:#185971;border-color:#90b4c6;background:transparent}.secondary:hover{background:#e5f0f5}.button:disabled{opacity:.55;cursor:not-allowed}.flow-actions{display:grid;gap:9px;margin-top:18px}.flow-actions .button{font-size:.73rem;padding:11px 10px;min-height:43px}
.example-picker{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#f5f8fb;border:1px solid #e1e8ef;padding:12px;border-radius:6px;margin-bottom:20px}.example-picker label{font-size:.73rem;font-weight:650}.example-picker select{border:1px solid #a8bdcc;border-radius:5px;min-height:38px;max-width:100%;font-size:.76rem;color:#183d52}.item-row{border:1px solid #dce5ed;border-radius:8px;padding:15px;background:#fafcfe;margin-bottom:17px}.item-row legend{font-size:.68rem;color:#48697b;margin:0 0 4px;padding:0 6px}.item-heading{display:flex;align-items:center;gap:18px;justify-content:space-between;margin-bottom:12px}.item-heading .field{flex:1}.item-heading select{font-size:.78rem}.item-row>.field{margin-bottom:12px}.item-numbers{display:grid;grid-template-columns:.8fr .7fr 1.3fr;gap:12px}.item-row .field label{font-size:.7rem}.item-row .field input{padding:9px;font-size:.85rem}.item-row .check{font-size:.71rem;margin:8px 0}.item-subtotal{font-size:.74rem;text-align:right;margin:0;color:#476476}.scenario-input{padding:19px;border:1px solid #dce5ed;background:#f8fbfd;border-radius:8px;margin:18px 0 0}.scenario-input h2{font-size:1rem;margin-bottom:15px}.scenario-input:nth-of-type(2){border-color:#65a6b9;background:#edf7fa}
.workspace{border:1px solid #d6e4ed;background:#f7fafc;border-radius:10px;padding:28px;margin:0 0 55px}.workspace h2{font-size:1.45rem;margin:10px 0}.workspace p{font-size:.8rem;color:#4e6876;max-width:850px}.workspace-buttons{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.workspace-buttons .button{font-size:.73rem;min-height:42px;padding:10px 14px}.history-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.history-controls label{font-size:.73rem}.history-controls select{min-height:40px;max-width:100%;border:1px solid #a8bdcc;border-radius:5px;font-size:.78rem;padding:6px;color:#183d52;background:white}.workspace-status{font-weight:650;min-height:1.5em;margin:15px 0 0}.file-input{position:absolute;width:1px;height:1px;opacity:0}.workspace-buttons label:has(+input:focus-visible){outline:3px solid #b96222;outline-offset:3px}#copy-fallback{width:100%;min-height:180px;margin-top:15px;border:1px solid #9db5c6;background:white;padding:15px}.chart-panel{background:#f7fafc}.chart-legend span:before{background:#168b9b}.chart-legend span:last-child:before{background:#244c66}.guide{color:#415d70}.guide h2{color:#183d52}.trust-section h2{color:#183d52}.private-note .icon{color:#0d7486}
@media(max-width:1000px){.nav{gap:18px}.nav nav{gap:15px}.nav nav a{font-size:.72rem}.hero-grid{gap:35px}.tool-layout{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.form-panel,.result-panel{padding:20px}.brand{font-size:1.35rem}.item-numbers{gap:8px}}
@media(max-width:750px){.hero-grid{grid-template-columns:1fr;gap:30px}.hero{padding:38px 0 45px}.hero h1{font-size:clamp(2.4rem,8.5vw,3.4rem)}.hero-copy{font-size:.95rem}.hero-visual{width:100%;max-width:500px;padding:24px}.hero-visual .fields{grid-template-columns:1fr 1fr}.nav nav{flex-wrap:wrap;justify-content:flex-start;gap:5px 18px}.nav nav a{font-size:.72rem;min-height:30px;padding:6px 0}.nav{padding:15px 0 10px}.value-benefits{grid-template-columns:1fr;gap:24px;padding:32px 0}.value-benefits>div{position:relative;padding-left:42px}.value-benefits .icon{position:absolute;left:0;top:1px}.cards{grid-template-columns:1fr 1fr}.tool-layout{grid-template-columns:1fr}.tool-intro h1{font-size:2rem}.workspace{padding:22px;margin-bottom:38px}.workspace-buttons{display:grid;grid-template-columns:1fr 1fr}.workspace-buttons .button{font-size:.7rem}.workspace-buttons .file-input{position:absolute}.history-controls{flex-direction:column;align-items:stretch}.history-controls .text-button{text-align:left}.item-row{padding:12px}.fields{gap:16px}}
@media(max-width:480px){.cards{grid-template-columns:1fr}.hero-visual .fields{grid-template-columns:1fr}.item-numbers{grid-template-columns:1fr 1fr}.item-numbers>.field:last-child{grid-column:1/-1}.item-heading{gap:10px}.item-heading .text-button{font-size:.7rem}.workspace-buttons{grid-template-columns:1fr}.hero-visual .sample-price{font-size:2.6rem}.hero .pill{font-size:.55rem}.result-value{font-size:2.4rem}.nav nav{gap:4px 16px}.brand small{margin-top:4px}.fields{grid-template-columns:1fr}}
@media print{.skip,.workspace,.flow-actions,.value-benefits,.example-picker{display:none!important}.item-row{break-inside:avoid}.result-value{color:#183d52}#print-sheet{font:11pt/1.5 Arial,sans-serif;color:#183d52}#print-sheet table{font-size:10pt;width:100%}#print-sheet td,#print-sheet th{white-space:normal}#print-sheet .summary{max-width:360px;margin-left:auto}#print-sheet thead{display:table-header-group}#print-sheet tr{break-inside:avoid}}
