@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--deep-space-blue:#012a4a;--yale-blue:#013a63;--yale-blue-2:#01497c;--yale-blue-3:#014f86;--rich-cerulean:#2a6f97;--cerulean:#2c7da0;--air-force-blue:#468faf;--steel-blue:#61a5c2;--sky-blue-light:#89c2d9;--light-blue:#a9d6e5;--ink:#082c47;--muted:#60788b;--paper:#f5f9fb;--white:#fff;--line:#e4edf2;--mint:#d8f3ee;--radius:18px;--shadow:0 14px 38px #012a4a12}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.lucide-icon{display:block;flex:none;width:1em;height:1em}.site-header{height:82px;padding:0 max(calc((100% - 1200px)/2),5.4%);display:flex;align-items:center;gap:42px;background:#fff;border-bottom:1px solid #edf2f5}.brand{display:inline-flex;align-items:center;gap:10px;font:800 19px Manrope,sans-serif;letter-spacing:-.7px;white-space:nowrap}.brand-mark{display:block;flex:none;width:34px;height:34px;border-radius:11px;object-fit:cover}.brand-dot{color:var(--cerulean)}.main-nav{display:flex;align-items:center;gap:34px;margin:auto;font-size:13px;font-weight:600;color:#536b7d}.main-nav a:hover,.back-link:hover{color:var(--cerulean)}.nav-cta{display:flex;gap:14px;align-items:center;font-weight:700;font-size:12px;color:var(--yale-blue)}.nav-cta span{color:var(--cerulean);font-size:17px}.menu-toggle{display:none;border:0;background:transparent;font-size:23px;color:var(--ink)}
.hero{min-height:490px;background:radial-gradient(ellipse at 75% 45%,#124f7645,transparent 38%),linear-gradient(112deg,var(--deep-space-blue),#013a63 65%,#014f86);color:#fff;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;padding:66px max(calc((100% - 1100px)/2),8%);overflow:hidden}.hero-copy{max-width:540px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:var(--air-force-blue);margin:0 0 15px}.hero .eyebrow{color:var(--sky-blue-light);display:flex;align-items:center;gap:10px}.eyebrow-line{width:25px;height:1px;background:var(--sky-blue-light)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif}.hero h1{font-size:clamp(42px,5vw,61px);line-height:1.09;letter-spacing:-2.6px;margin:0 0 19px;font-weight:800}.hero h1 span{color:var(--sky-blue-light)}.hero-lead{color:#d1e2ed;font-size:14px;line-height:1.8;max-width:470px;margin-bottom:24px}.button{border-radius:9px;min-height:46px;padding:0 17px;display:inline-flex;align-items:center;gap:24px;font-size:12px;font-weight:700;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 8px 22px #001e3766}.button-primary{background:#fff;color:var(--deep-space-blue)}.button-primary span{color:var(--cerulean);font-size:17px}.hero-note{margin:17px 0 0;color:#adc7d8;font-size:10px}.check{color:#7ad7c3;margin-right:7px}.hero-art{height:350px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #a9d6e525;border-radius:50%;transform:rotate(-24deg)}.orbit-one{width:380px;height:185px}.orbit-two{width:430px;height:240px;transform:rotate(27deg)}.orbit-three{width:315px;height:315px;border-style:dashed;opacity:.55}.sun-core{width:164px;height:164px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 30%,#61a5c2,#2a6f97 54%,#013a63);box-shadow:0 0 75px #61a5c255,inset 0 0 28px #a9d6e544;border:1px solid #a9d6e555}.sun-core span{font:800 56px Manrope;letter-spacing:-4px}.sun-core small{font-size:9px;letter-spacing:2px;color:#d1e6f0}.float-card{position:absolute;background:#fff;color:var(--ink);padding:12px 14px;border-radius:12px;box-shadow:0 15px 35px #001e3740;display:flex;align-items:center;gap:10px;font-size:10px}.float-card b,.float-card small{display:block}.float-card b{font-size:10px}.float-card small{color:var(--muted);margin-top:4px}.float-date{left:0;top:55px}.float-time{right:0;bottom:57px}.mini-icon{width:30px;height:30px;display:grid;place-items:center;background:#eaf5f8;border-radius:9px;color:var(--cerulean);font-size:17px}.spark{color:#edae55;font-size:15px}.time-dot{width:9px;height:9px;border-radius:50%;background:#4ec9aa;box-shadow:0 0 0 5px #d8f3ee}.star{position:absolute;color:#b9deee}.star-a{right:50px;top:60px}.star-b{left:55px;bottom:75px;font-size:24px}.star-c{right:5px;top:130px;font-size:28px}
.trust-strip{height:89px;background:#fff;display:flex;align-items:center;justify-content:center;gap:42px;border-bottom:1px solid var(--line)}.trust-strip div{display:flex;flex-direction:column;gap:4px}.trust-strip strong{font:700 13px Manrope;color:var(--yale-blue)}.trust-strip span{font-size:10px;color:var(--muted)}.trust-strip i{height:30px;width:1px;background:var(--line)}.section-wrap{max-width:1050px;margin:0 auto;padding:75px 24px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px}.section-heading h2{font-size:29px;letter-spacing:-1px;margin:0}.section-heading>p{max-width:310px;font-size:12px;line-height:1.7;color:var(--muted);margin:0 0 2px}.search-box{height:51px;border:1px solid #e1ebf0;background:#fff;border-radius:10px;display:flex;align-items:center;gap:13px;padding:0 15px;box-shadow:0 3px 12px #012a4a08}.search-box>span{font-size:28px;line-height:1;color:var(--steel-blue)}.search-box input{border:0;outline:0;flex:1;color:var(--ink);font-size:12px;background:transparent}.search-box input::placeholder{color:#99aab6}.search-box kbd{font-size:9px;color:#8295a2;border:1px solid var(--line);padding:4px 6px;border-radius:5px}.calculator-groups{padding-top:36px}.group{margin-bottom:39px}.group-heading{display:flex;align-items:center;gap:10px;margin-bottom:15px}.group-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#e5f1f6;color:var(--cerulean)}.group-heading h3{font-size:15px;margin:0}.group-heading span:last-child{font-size:10px;color:#91a2ad;margin-left:auto}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.calc-card{position:relative;min-height:112px;padding:16px 15px;background:#fff;border:1px solid #e8eef2;border-radius:12px;transition:all .2s;display:flex;flex-direction:column;justify-content:space-between}.calc-card:hover{border-color:#9fcad9;transform:translateY(-3px);box-shadow:var(--shadow)}.card-icon{width:30px;height:30px;background:#edf6f8;border-radius:9px;display:grid;place-items:center;color:var(--cerulean);font-size:16px}.calc-card h4{font:700 12px Manrope;margin:11px 0 3px}.calc-card p{font-size:10px;color:var(--muted);margin:0;line-height:1.45}.card-arrow{position:absolute;right:15px;top:20px;color:#9aabb7;font-size:15px}.bottom-cta{max-width:1050px;margin:0 auto 65px;padding:32px 38px;border-radius:18px;background:linear-gradient(110deg,#013a63,#014f86);color:#fff;display:flex;align-items:center;gap:23px;position:relative;overflow:hidden}.bottom-cta:after{content:"";position:absolute;right:160px;top:-100px;width:260px;height:260px;border:1px solid #a9d6e51e;border-radius:50%;box-shadow:0 0 0 30px #a9d6e510,0 0 0 60px #a9d6e508}.cta-orb{width:55px;height:55px;border-radius:16px;background:#ffffff19;display:grid;place-items:center;font-size:27px;color:var(--sky-blue-light)}.bottom-cta>div:nth-child(2){flex:1;z-index:1}.bottom-cta .eyebrow{margin-bottom:7px}.bottom-cta h2{font-size:20px;margin:0 0 5px}.bottom-cta p:last-child{font-size:11px;color:#c3d9e7;margin:0}.button-light{background:#fff;color:var(--deep-space-blue);position:relative;z-index:1}.button-light span{color:var(--cerulean);font-size:16px}.site-footer{max-width:1050px;padding:0 24px 27px;margin:0 auto;display:flex;align-items:center;gap:22px}.site-footer .brand{font-size:15px}.site-footer .brand-mark{width:28px;height:28px;border-radius:8px;font-size:15px}.site-footer p{font-size:10px;color:var(--muted);margin:0;flex:1}.site-footer>span{font-size:10px;color:#81929d}
.page-shell{max-width:1060px;padding:28px 24px 75px;margin:0 auto}.breadcrumbs{font-size:10px;color:#8093a0;margin-bottom:25px}.breadcrumbs a:hover{color:var(--cerulean)}.calc-page-title{margin-bottom:25px}.calc-page-title h1{font-size:35px;letter-spacing:-1.1px;margin:0 0 8px}.calc-page-title p{font-size:14px;color:var(--muted);margin:0}.calculator-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:20px;align-items:start}.panel{background:#fff;border:1px solid #e5edf1;border-radius:15px;box-shadow:0 5px 19px #012a4a08}.calculator-panel{padding:24px}.panel-heading{display:flex;align-items:center;gap:12px;margin-bottom:20px}.panel-heading .group-icon{width:37px;height:37px;font-size:19px}.panel-heading h2{font-size:18px;margin:0 0 4px}.panel-heading p{font-size:12px;color:var(--muted);margin:0}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:700;color:#355268}.field input,.field select{width:100%;height:42px;border:1px solid #dce7ed;border-radius:8px;padding:0 11px;color:var(--ink);background:#fff;font-size:13px;outline:none}.field input:focus,.field select:focus{border-color:var(--steel-blue);box-shadow:0 0 0 3px #89c2d933}.calculate-button{width:100%;margin-top:19px;justify-content:center;border:0;cursor:pointer;background:var(--yale-blue);color:#fff}.calculate-button:hover{background:var(--yale-blue-2)}.result-box{display:none;margin-top:15px;padding:16px;border-radius:10px;background:#edf7fa;border:1px solid #d8edf3}.result-box.visible{display:block}.result-box h3{font-size:14px;margin:0 0 5px}.result-main{font:800 27px Manrope;color:var(--yale-blue);letter-spacing:-1px;margin:0 0 5px}.result-detail{font-size:14px;line-height:1.6;color:#466275;margin:0}.result-parts{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.result-part{background:#fff;padding:8px 10px;border-radius:8px;font-size:12px;color:var(--muted)}.result-part b{display:block;color:var(--yale-blue);font:700 16px Manrope}.explanation{padding:25px 25px 21px}.explanation .eyebrow{font-size:11px;margin-bottom:11px}.explanation h2{font-size:23px;line-height:1.38;letter-spacing:-.35px;margin:0 0 14px}.explanation p{font-size:14px;line-height:1.8;color:#526f81;margin:0 0 15px}.explanation h3{font-size:16px;margin:21px 0 9px}.tip{border-left:3px solid var(--steel-blue);background:#f2f8fa;padding:13px 14px;font-size:13px;line-height:1.7;color:#4d6b7e;border-radius:0 8px 8px 0;margin-top:17px}.related{margin-top:22px;padding:20px 23px}.related h2{font-size:16px;margin-bottom:12px}.related-links{display:flex;flex-wrap:wrap;gap:8px}.related-links a{font-size:12px;color:var(--yale-blue);background:#eff6f9;padding:8px 11px;border-radius:7px}.related-links a:hover{background:#dceef4}.back-link{font-size:12px;display:inline-flex;gap:7px;margin:0 0 19px;color:var(--yale-blue);font-weight:700}.page-footer{border-top:1px solid var(--line);padding:19px 24px;text-align:center;color:#8799a5;font-size:11px}
.stopwatch-display{text-align:center;font:700 42px Manrope;color:var(--yale-blue);letter-spacing:-1.5px;padding:26px 0 20px;font-variant-numeric:tabular-nums}.stopwatch-actions{display:flex;gap:8px}.stopwatch-actions button{flex:1}.lap-list{max-height:125px;overflow:auto;margin-top:12px;font-size:10px;color:var(--muted)}.lap-row{display:flex;justify-content:space-between;padding:7px 2px;border-bottom:1px solid var(--line)}
@media(max-width:850px){.site-header{padding:0 24px;gap:20px}.main-nav{gap:18px}.hero{padding-left:6%;padding-right:6%}.card-grid{grid-template-columns:repeat(3,1fr)}.section-wrap,.bottom-cta,.site-footer{max-width:760px}.calculator-layout{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.site-header{height:68px;padding:0 18px;justify-content:space-between}.menu-toggle{display:block;order:3}.main-nav{display:none;position:absolute;z-index:10;top:68px;left:0;right:0;padding:18px;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav a{padding:12px 4px;border-bottom:1px solid #f0f4f6}.nav-cta{display:none}.hero{grid-template-columns:1fr;padding:48px 24px 10px;min-height:auto}.hero h1{font-size:44px}.hero-art{height:270px;margin-top:8px}.orbit-one{width:300px;height:148px}.orbit-two{width:335px;height:185px}.orbit-three{width:250px;height:250px}.sun-core{width:130px;height:130px}.sun-core span{font-size:45px}.float-date{left:0;top:35px}.float-time{right:0;bottom:35px}.trust-strip{height:auto;padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.trust-strip i{display:none}.trust-strip strong{font-size:12px}.section-wrap{padding:50px 19px}.section-heading{display:block}.section-heading h2{font-size:25px}.section-heading>p{margin-top:12px}.card-grid{grid-template-columns:repeat(2,1fr);gap:9px}.calc-card{min-height:110px;padding:13px}.bottom-cta{margin:0 18px 42px;padding:24px;flex-wrap:wrap}.bottom-cta h2{font-size:18px}.bottom-cta .button{margin-left:78px}.site-footer{padding:0 18px 24px;flex-wrap:wrap;gap:10px}.site-footer p{order:3;flex-basis:100%}.page-shell{padding:22px 17px 55px}.calc-page-title h1{font-size:29px}.calculator-layout{grid-template-columns:1fr;gap:13px}.calculator-panel,.explanation{padding:20px}.fields{gap:13px 9px}.stopwatch-display{font-size:39px}}
@media(max-width:370px){.card-grid{grid-template-columns:1fr}.hero h1{font-size:39px}.fields{grid-template-columns:1fr}.field.full{grid-column:auto}}

/* Lucide SVG sprite sizing */
.group-icon .lucide-icon{width:17px;height:17px}.panel-heading .group-icon .lucide-icon{width:20px;height:20px}.card-icon .lucide-icon{width:17px;height:17px}.card-arrow .lucide-icon{width:15px;height:15px}.search-box>span{display:grid;place-items:center;font-size:20px}.mini-icon .lucide-icon{width:17px;height:17px}.spark .lucide-icon{width:15px;height:15px}.check .lucide-icon{width:13px;height:13px}.cta-orb .lucide-icon{width:27px;height:27px}.button .lucide-icon,.nav-cta .lucide-icon{width:1em;height:1em}.menu-toggle .lucide-icon{width:22px;height:22px}.panel-heading .group-icon{font-size:19px}

.related-links .lucide-icon{display:inline-block;width:13px;height:13px;vertical-align:-2px;margin-left:3px}.back-link .lucide-icon{width:14px;height:14px;vertical-align:-3px;display:inline-block}

/* Homepage typography: 14px body copy with a balanced heading scale. */
body[data-page="home"] .main-nav,
body[data-page="home"] .nav-cta,
body[data-page="home"] .hero-lead,
body[data-page="home"] .button,
body[data-page="home"] .section-heading>p,
body[data-page="home"] .search-box input,
body[data-page="home"] .calc-card p,
body[data-page="home"] .bottom-cta p:last-child,
body[data-page="home"] .site-footer p{font-size:14px}
body[data-page="home"] .eyebrow{font-size:12px}
body[data-page="home"] .hero h1{font-size:clamp(48px,5vw,58px)}
body[data-page="home"] .trust-strip strong{font-size:15px}
body[data-page="home"] .trust-strip span{font-size:12px}
body[data-page="home"] .section-heading h2{font-size:32px}
body[data-page="home"] .group-heading h3{font-size:18px}
body[data-page="home"] .group-heading span:last-child{font-size:12px}
body[data-page="home"] .calc-card h4{font-size:16px}
body[data-page="home"] .bottom-cta h2{font-size:24px}
body[data-page="home"] .site-footer>span{font-size:12px}
@media(max-width:650px){body[data-page="home"] .hero h1{font-size:40px}body[data-page="home"] .section-heading h2{font-size:28px}body[data-page="home"] .bottom-cta h2{font-size:22px}}