:root{--bg:#f5efe2;--surface:rgba(255,251,245,0.84);--surface-strong:#fffaf0;--ink:#102542;--muted:#536471;--line:rgba(16,37,66,0.12);--accent:#f5b700;--accent-2:#1b998b;--accent-3:#de6b48;--shadow:0 24px 60px rgba(16,37,66,0.12);--radius-lg:28px;--radius-md:18px;--radius-sm:12px;--font-display:"Avenir Next","Segoe UI",sans-serif;--font-body:"Iowan Old Style","Palatino Linotype","Book Antiqua",Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--ink);font-family:var(--font-body);background:radial-gradient(circle at top left,rgba(245,183,0,.25),transparent 28%),radial-gradient(circle at top right,rgba(27,153,139,.18),transparent 24%),linear-gradient(180deg,#fbf4e8,#f4eddf)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}main{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:24px 0 72px}.site-shell{position:relative}.site-shell:after,.site-shell:before{content:"";position:fixed;inset:auto;width:280px;height:280px;border-radius:999px;filter:blur(20px);opacity:.5;pointer-events:none;z-index:-1}.site-shell:before{left:-80px;top:120px;background:rgba(245,183,0,.18)}.site-shell:after{right:-120px;top:320px;background:rgba(27,153,139,.15)}.site-footer,.site-header{width:min(1180px,calc(100% - 32px));margin:0 auto;display:flex;justify-content:space-between;gap:20px;align-items:center}.site-header{padding:24px 0 8px}.site-footer nav,.site-header nav{display:flex;gap:16px;flex-wrap:wrap}.breadcrumb-row a,.site-footer nav a,.site-header nav a{color:var(--muted)}.brand-mark{display:inline-flex;flex-direction:column;text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-display)}.brand-mark span{font-size:1.15rem;font-weight:800}.brand-mark small{color:var(--muted)}.site-footer{padding:18px 0 56px;border-top:1px solid var(--line);align-items:start}.site-footer p{margin:8px 0 0;max-width:48ch;color:var(--muted)}.card-link,.faq-item,.hero,.panel,.stat-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.9fr);grid-gap:20px;gap:20px;align-items:stretch;margin-bottom:28px}.hero-single{grid-template-columns:1fr}.hero-copy,.hero-panel,.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:28px}.card-link h3,.hero-copy h1,.hero-panel h2,.hero-panel h3,.section-stack h2,.section-stack h3{margin:0;font-family:var(--font-display);line-height:.98}.hero-copy h1{font-size:clamp(2.6rem,5vw,5rem);max-width:10ch}.card-link p,.faq-item p,.field small,.hero-copy p,.hero-panel p,.note,.panel p{color:var(--muted);line-height:1.6}.eyebrow{display:inline-block;margin-bottom:14px;color:var(--accent-3);text-transform:uppercase;letter-spacing:.12em;font-family:var(--font-display);font-size:.75rem;font-weight:700}.card-grid,.chip-row,.field-grid,.metrics-grid,.stats-grid{display:grid;grid-gap:14px;gap:14px}.chip-row{grid-template-columns:repeat(auto-fit,minmax(150px,max-content));margin-top:22px}.chip{padding:10px 14px;border-radius:999px;background:rgba(16,37,66,.06);border:1px solid rgba(16,37,66,.08);font-family:var(--font-display);font-size:.92rem}.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:22px}.metric{padding:18px;background:rgba(255,255,255,.62);border-radius:var(--radius-md);border:1px solid rgba(16,37,66,.08)}.metric span,.stat-card span{display:block;color:var(--muted);margin-bottom:6px}.metric strong,.stat-card strong{font-family:var(--font-display);font-size:1.45rem}.card-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.card-link{display:flex;flex-direction:column;gap:12px;transition:transform .18s ease,border-color .18s ease}.card-link:hover{transform:translateY(-3px);border-color:rgba(16,37,66,.2)}.card-link strong{margin-top:auto;font-family:var(--font-display)}.category-card strong{color:var(--accent-2)}.tool-card strong{color:var(--accent-3)}.section-stack{display:grid;grid-gap:18px;gap:18px}.home-grid,.tool-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);grid-gap:20px;gap:20px;align-items:start}.content-column,.sidebar-column{min-width:0;align-content:start}.bullet-list{display:grid;grid-gap:12px;gap:12px;margin:0;padding-left:20px;color:var(--ink)}.bullet-list-compact{gap:8px}.tool-form{display:grid;grid-gap:18px;gap:18px}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.salary-field-grid,.termination-field-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.alarm-field-grid,.timer-field-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.field{display:grid;grid-gap:8px;gap:8px}.field span{font-family:var(--font-display);font-weight:700}.field input,.field select{width:100%;border:1px solid rgba(16,37,66,.14);background:rgba(255,255,255,.9);border-radius:var(--radius-sm);padding:14px 16px;color:var(--ink)}.calculator-shell{display:grid;grid-gap:18px;gap:18px}.calculator-display{display:grid;grid-gap:14px;gap:14px;padding:18px;border-radius:var(--radius-md);border:1px solid rgba(16,37,66,.08);background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,248,235,.82))}.calculator-display input{font-family:var(--font-display);font-size:clamp(1.2rem,2vw,1.7rem)}.calculator-readout{padding:16px 18px;border-radius:var(--radius-md);background:rgba(16,37,66,.06);border:1px solid rgba(16,37,66,.08)}.calculator-readout strong{display:block;font-family:var(--font-display);font-size:clamp(1.8rem,4vw,3rem);line-height:1}.calculator-readout p{margin:10px 0 0}.calculator-keypad{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.calculator-key{min-height:64px;border:1px solid rgba(16,37,66,.12);border-radius:var(--radius-md);background:rgba(255,255,255,.88);color:var(--ink);box-shadow:0 12px 28px rgba(16,37,66,.08);font-family:var(--font-display);font-size:1.1rem;font-weight:700;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.calculator-key:hover{transform:translateY(-1px);box-shadow:0 16px 34px rgba(16,37,66,.1)}.calculator-key-operator{background:rgba(27,153,139,.12);border-color:rgba(27,153,139,.22)}.calculator-key-utility{background:rgba(16,37,66,.08)}.calculator-key-accent{background:linear-gradient(135deg,rgba(245,183,0,.92),rgba(222,107,72,.88));border-color:rgba(222,107,72,.3);color:#fffaf0}.clock-layout,.time-chip-row,.time-lap-list,.time-tool-actions,.time-tool-shell{display:grid;grid-gap:14px;gap:14px}.clock-layout{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.time-tool-display{padding:24px;border-radius:var(--radius-md);border:1px solid rgba(16,37,66,.08);background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,248,235,.86))}.time-tool-display strong{display:block;margin-top:6px;font-family:var(--font-display);font-size:clamp(2rem,4vw,4rem);line-height:1}.time-tool-display p{margin:12px 0 0}.time-tool-display-secondary{background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(230,242,240,.76))}.time-tool-display-ring{border-color:rgba(222,107,72,.26);animation:time-tool-ring 1.2s ease-in-out infinite}.time-tool-actions{grid-template-columns:repeat(auto-fit,minmax(160px,max-content))}.time-chip-button,.time-tool-button{min-height:48px;padding:0 18px;border-radius:var(--radius-sm);border:1px solid rgba(16,37,66,.12);background:rgba(255,255,255,.88);color:var(--ink);font-family:var(--font-display);font-weight:700;cursor:pointer}.time-chip-button:disabled,.time-tool-button:disabled{cursor:not-allowed;opacity:.5}.time-tool-button-accent{background:linear-gradient(135deg,rgba(245,183,0,.92),rgba(222,107,72,.88));border-color:rgba(222,107,72,.3);color:#fffaf0}.time-tool-button-utility{background:rgba(16,37,66,.08)}.time-chip-row{grid-template-columns:repeat(auto-fit,minmax(100px,max-content))}.time-chip-button{min-height:42px;background:rgba(27,153,139,.08);border-color:rgba(27,153,139,.16)}.countdown-track{height:12px;overflow:hidden;border-radius:999px;background:rgba(16,37,66,.08)}.countdown-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,rgba(27,153,139,.9),rgba(245,183,0,.9));transition:width .18s linear}.time-lap-section{display:grid;grid-gap:16px;gap:16px}.time-lap-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.time-lap-item{display:grid;grid-gap:8px;gap:8px;padding:18px;border-radius:var(--radius-md);border:1px solid rgba(16,37,66,.08);background:rgba(255,255,255,.7)}.time-lap-item strong{font-family:var(--font-display);font-size:1.3rem}.time-lap-item small{color:var(--muted)}@keyframes time-tool-ring{0%,to{transform:translateY(0);box-shadow:0 12px 28px rgba(222,107,72,.08)}50%{transform:translateY(-1px);box-shadow:0 18px 40px rgba(222,107,72,.18)}}.hours-actions,.hours-row-header,.hours-toolbar{display:flex;gap:12px;align-items:flex-end;justify-content:space-between;flex-wrap:wrap}.hours-actions{align-items:center}.hours-row{padding:22px}.hours-row-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.hours-button{min-height:48px;padding:0 18px;border:1px solid rgba(27,153,139,.22);border-radius:var(--radius-sm);background:rgba(27,153,139,.12);color:var(--ink);font-family:var(--font-display);font-weight:700;cursor:pointer}.hours-button:disabled{cursor:not-allowed;opacity:.45}.hours-button-utility{border-color:rgba(16,37,66,.14);background:rgba(16,37,66,.08)}.salary-breakdown,.salary-breakdown-grid{display:grid;grid-gap:16px;gap:16px}.salary-breakdown-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.salary-breakdown-card{padding:20px;border-radius:var(--radius-md);border:1px solid rgba(16,37,66,.08);background:rgba(255,255,255,.7)}.salary-breakdown-card h4{margin:0 0 14px;font-family:var(--font-display)}.salary-breakdown-row{display:flex;gap:12px;justify-content:space-between;align-items:baseline;padding:10px 0;border-bottom:1px solid rgba(16,37,66,.08)}.salary-breakdown-row span{color:var(--muted)}.salary-breakdown-row strong{text-align:right;font-family:var(--font-display)}.salary-breakdown-total{border-bottom:0;padding-bottom:0}.salary-breakdown-total strong{color:var(--accent-3)}.termination-breakdown,.termination-breakdown-grid{display:grid;grid-gap:16px;gap:16px}.termination-breakdown-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.termination-breakdown-card{padding:20px;border-radius:var(--radius-md);border:1px solid rgba(16,37,66,.08);background:rgba(255,255,255,.7)}.termination-breakdown-card h4{margin:0 0 14px;font-family:var(--font-display)}.termination-breakdown-row{display:flex;gap:12px;justify-content:space-between;align-items:baseline;padding:10px 0;border-bottom:1px solid rgba(16,37,66,.08)}.termination-breakdown-row span{color:var(--muted)}.termination-breakdown-row strong{text-align:right;font-family:var(--font-display)}.termination-breakdown-total{border-bottom:0;padding-bottom:0}.termination-breakdown-total strong{color:var(--accent-3)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat-card{padding:18px;border-radius:var(--radius-md);background:rgba(255,255,255,.72);border:1px solid rgba(16,37,66,.08)}.stat-card-accent{background:linear-gradient(135deg,rgba(245,183,0,.24),rgba(222,107,72,.18))}.faq-list{display:grid;grid-gap:12px;gap:12px}.faq-item{border-radius:var(--radius-md);border:1px solid rgba(16,37,66,.08);background:rgba(255,255,255,.65);padding:18px 20px}.faq-item summary{cursor:pointer;font-family:var(--font-display);font-weight:700}.ad-slot{display:grid;padding:18px}.ad-placeholder{min-height:180px;display:grid;place-items:center;border-radius:var(--radius-md);border:1px dashed rgba(16,37,66,.18);background:linear-gradient(135deg,rgba(245,183,0,.12),rgba(27,153,139,.08));color:var(--muted);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em}.ad-frame{width:100%;min-height:180px}.breadcrumb-row{display:flex;gap:10px;flex-wrap:wrap;font-size:.92rem;margin-bottom:18px}.empty-state{text-align:center;padding:48px 24px}.note{margin:0}@media (max-width:920px){.field-grid,.hero,.home-grid,.metrics-grid,.tool-grid{grid-template-columns:1fr}.site-footer,.site-header{flex-direction:column;align-items:flex-start}.hero-copy h1{max-width:12ch}.calculator-keypad{grid-template-columns:repeat(4,minmax(0,1fr))}.hours-row-grid{grid-template-columns:1fr}}