:root{--bg:#f5f7fb;--panel:#fff;--ink:#162033;--muted:#657084;--line:#dfe4ec;--blue:#275efe;--blue-dark:#1743bd;--teal:#0f8b8d;--green:#13795b;--amber:#b66a00;--shadow:0 22px 70px #16203321;--soft-shadow:0 10px 28px #16203314}*{box-sizing:border-box}body{background:linear-gradient(180deg, #eef4ff 0, #f5f7fb 310px), var(--bg);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.site-header{border-bottom:1px solid var(--line);z-index:10;background:#f5f7fbeb;justify-content:space-between;align-items:center;padding:18px clamp(18px,5vw,72px);display:flex;position:sticky;top:0;left:0;right:0}.brand{color:var(--ink);font-size:20px;font-weight:800}.brand:before{background:var(--blue);content:"";vertical-align:-3px;border-radius:4px;width:18px;height:18px;margin-right:9px;display:inline-block}nav{gap:20px;display:flex}nav a{color:var(--muted);font-size:14px;font-weight:700}.hero{grid-template-columns:minmax(0,.82fr) minmax(420px,1.18fr);gap:34px;max-width:1180px;margin:0 auto;padding:54px clamp(18px,5vw,48px) 42px;display:grid}.hero-copy{align-self:center}.eyebrow{color:var(--teal);letter-spacing:0;text-transform:uppercase;margin:0 0 14px;font-size:13px;font-weight:800}h1,h2{letter-spacing:0;margin:0;line-height:1.05}h1{font-size:clamp(40px,6vw,68px)}h2{font-size:clamp(28px,4vw,42px)}.lead{color:var(--muted);max-width:620px;margin:20px 0 0;font-size:18px;line-height:1.6}.calculator-panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;padding:22px}.primary-tool{position:relative}.primary-tool:before{background:var(--blue);content:"";border-radius:8px 8px 0 0;height:5px;position:absolute;top:-1px;left:-1px;right:-1px}.tool-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.tool-heading h2{font-size:clamp(24px,3vw,34px)}.tool-heading p{color:var(--green);white-space:nowrap;background:#eefaf6;border:1px solid #c7efe2;border-radius:999px;margin:4px 0 0;padding:7px 10px;font-size:13px;font-weight:800}.scenario-tabs,.speed-buttons{flex-wrap:wrap;gap:8px;display:flex}.speed-buttons{grid-template-columns:repeat(6,minmax(56px,1fr));width:100%;display:grid}.scenario-tabs button,.speed-buttons button{color:var(--ink);cursor:pointer;background:#f2f5fa;border:1px solid #dbe3ef;border-radius:6px;min-height:40px;padding:9px 14px;transition:background .16s,border-color .16s,color .16s,transform .16s}.speed-buttons button{min-width:0;padding:9px 6px}.scenario-tabs button:hover,.speed-buttons button:hover,.quick-examples button:hover{border-color:var(--blue);transform:translateY(-1px)}.scenario-tabs button.active,.speed-buttons button.active{background:var(--blue);border-color:var(--blue);color:#fff}.scenario-hint{color:var(--muted);margin:16px 0 22px}.input-grid,.duration-grid{grid-template-columns:1fr .7fr;gap:16px;display:grid}.duration-grid{grid-template-columns:repeat(3,1fr)}label{color:var(--muted);gap:8px;font-size:14px;font-weight:700;display:grid}input{color:var(--ink);background:#fbfcff;border:1px solid #cfd7e6;border-radius:6px;width:100%;min-height:48px;padding:0 14px}input:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 4px #275efe1f}.duration-input{grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;max-width:100%;display:grid}.duration-input input{text-align:center;border-left:0;border-right:0;border-radius:0;min-width:0;padding:0 8px}.duration-input button{color:var(--ink);cursor:pointer;background:#f2f5fa;border:1px solid #cfd7e6;justify-content:center;align-items:center;width:36px;height:48px;padding:0;font-size:18px;font-weight:800;line-height:1;display:flex}.duration-input button:first-child{border-radius:6px 0 0 6px}.duration-input button:last-child{border-radius:0 6px 6px 0}.field-title{color:var(--muted);margin-bottom:8px;font-size:14px;font-weight:800;display:block}.speed-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;margin-top:18px;display:grid}.speed-input{align-items:center;gap:0;max-width:100%;display:flex}.speed-input input{appearance:textfield}.speed-input input::-webkit-outer-spin-button{appearance:none;margin:0}.speed-input input::-webkit-inner-spin-button{appearance:none;margin:0}.speed-input button{color:var(--ink);cursor:pointer;background:#f2f5fa;border:1px solid #cfd7e6;justify-content:center;align-items:center;width:36px;height:48px;padding:0;font-size:18px;font-weight:800;line-height:1;display:flex}.speed-input button:first-child{border-radius:6px 0 0 6px}.speed-input button:last-child{border-radius:0 6px 6px 0}.speed-input span{color:var(--muted);font-weight:800}.custom-speed{white-space:nowrap;width:154px;min-width:0}.custom-speed input{text-align:center;border-left:0;border-right:0;border-radius:0;width:82px;padding:0 8px}.speed-buttons{margin-top:0}.result-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px;display:grid}.compact-results{grid-template-columns:repeat(4,minmax(0,1fr))}.result-grid article{background:#f6f9ff;border:1px solid #d9e4fb;border-radius:8px;min-width:0;min-height:106px;padding:16px}.result-grid span{color:var(--muted);margin-bottom:10px;font-size:13px;display:block}.result-grid strong{color:var(--green);overflow-wrap:normal;text-wrap:balance;white-space:nowrap;word-break:keep-all;font-size:clamp(18px,1.85vw,25px);line-height:1.05;display:block}.result-grid strong.with-seconds{overflow-wrap:anywhere;white-space:normal;font-size:clamp(18px,1.75vw,24px)}.result-sentence{color:var(--amber);background:#fff8ed;border:1px solid #f2d4a5;border-radius:8px;margin:14px 0 0;padding:13px 14px;font-weight:800;line-height:1.5}.easter-egg{color:var(--teal);background:#f0fbff;border:1px solid #bde8f3;border-radius:8px;margin:10px 0 0;padding:11px 14px;font-weight:800;line-height:1.45}.copy-button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:6px;min-height:46px;margin-top:18px;padding:0 18px}.quick-examples{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.quick-examples button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#fff;border-radius:6px;min-height:38px;padding:0 12px;font-weight:800}.content-section,.faq{grid-template-columns:minmax(260px,.8fr) minmax(320px,1fr);gap:32px;max-width:1180px;margin:0 auto;padding:48px clamp(18px,5vw,48px);display:grid}.content-section p,.faq p{color:var(--muted);font-size:17px;line-height:1.7}.table-wrap{background:var(--panel);border:1px solid var(--line);box-shadow:var(--soft-shadow);border-radius:8px;overflow:hidden}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;padding:15px}th{color:var(--muted);text-transform:uppercase;background:#eef2f8;font-size:13px}.split{grid-template-columns:1fr 1fr}.split>div,.faq details{background:var(--panel);border:1px solid var(--line);box-shadow:var(--soft-shadow);border-radius:8px;padding:22px}.faq{display:block}.faq details{margin-top:12px}summary{cursor:pointer;font-weight:800}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;max-width:1180px;margin:32px auto 0;padding:28px clamp(18px,5vw,48px);display:flex}footer div{gap:16px;display:flex}@media (max-width:900px){.hero,.content-section,.split{grid-template-columns:1fr}.hero{padding-top:48px}.primary-tool{order:-1}.calculator-panel{padding:18px}.result-grid,.compact-results{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.site-header{flex-direction:column;align-items:flex-start;gap:12px}nav{flex-wrap:wrap}.speed-buttons{grid-template-columns:repeat(3,minmax(0,1fr));padding-bottom:4px;display:grid;overflow-x:visible}.speed-buttons button{min-width:0}.input-grid,.duration-grid,.result-grid,.compact-results,.speed-row{grid-template-columns:1fr}.tool-heading{display:block}.tool-heading p{white-space:normal;margin-top:10px;display:inline-block}h1{font-size:38px}footer{flex-direction:column;align-items:flex-start;gap:14px}}