.landing-nav{display:flex;align-items:center;justify-content:space-between;padding:22px 8vw;position:sticky;top:0;background:#faf7f2ee;backdrop-filter:blur(10px);z-index:40;border-bottom:1px solid var(--line)}
.landing-nav nav{display:flex;gap:22px;align-items:center;font-size:13px;font-weight:600}
.landing-hero{min-height:88vh;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;padding:40px 8vw 70px;align-items:center}
.landing-hero h1{font-size:clamp(42px,6vw,78px);max-width:14ch}
.landing-hero p.lead{font-size:18px;max-width:38ch;margin:18px 0 28px;color:var(--muted)}
.phone{width:min(320px,90%);margin:auto;background:var(--pine);border-radius:36px;padding:14px;box-shadow:0 30px 80px #153f3b33}
.phone-screen{background:var(--cream);border-radius:26px;min-height:540px;padding:22px;overflow:hidden}
.phase-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:0 8vw 70px}
.landing-section{padding:20px 8vw 80px}
.calc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.footer-mila{padding:40px 8vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px;color:var(--muted)}
.vessel-wrap{position:relative;width:min(280px,70vw);height:320px;margin:10px auto}
.vessel{width:100%;height:100%}
.water{transition:y .4s ease,height .4s ease}
.drop{position:absolute;width:10px;height:14px;background:#153F3B;border-radius:50% 50% 50% 0;transform:rotate(-40deg);opacity:0;pointer-events:none}
.drop.go{animation:fall .5s ease}
@keyframes fall{0%{opacity:1;top:20%}100%{opacity:0;top:70%}}
.heat-cell{height:28px;border-radius:6px;min-width:28px}
.table{width:100%;border-collapse:collapse;font-size:13px}
.table th,.table td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left}
.office-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.kpi{font-family:Editorial,Georgia,serif;font-size:40px}
.soon-hero{min-height:52vh;display:grid;place-items:center;text-align:center;padding:40px 20px}
.soon-orb{width:160px;height:160px;border-radius:50%;border:18px solid var(--pine);margin:0 auto 24px;position:relative}
.soon-orb:after{content:"";width:36px;height:36px;background:var(--terra);border-radius:50%;position:absolute;top:12px;right:18px}
.result-box{margin-top:20px}
@media(max-width:900px){
 .landing-hero,.phase-grid,.calc-grid{grid-template-columns:1fr}
 .landing-hero{padding-top:20px;min-height:auto}
}
@media(max-width:700px){
 .landing-nav nav a:not(.btn){display:none}
}
.flash{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);background:var(--pine);color:var(--cream);padding:14px 22px;border-radius:14px;z-index:90;font-size:13px;max-width:90vw}
.bottom-nav a{position:relative}
textarea.editor{min-height:220px;font-family:inherit}
.chip-radio{display:none}
.chip-radio:checked + .chip{background:var(--pine);color:white;border-color:var(--pine)}
label.chip{cursor:pointer}
.public-main{max-width:1180px;margin:0 auto;padding:30px 24px 80px}
.muted-link{font-size:13px;color:var(--muted)}
/* Public experience: clear hierarchy for calculators and editorial content. */
.calculators-page>h1,.calculator-heading h1{max-width:780px;font-size:clamp(38px,5vw,58px);line-height:1.08;margin:12px 0 18px}
.calculators-page>.lead,.calculator-heading>.lead{max-width:650px;line-height:1.75;color:var(--muted)}
.calculator-grid{margin-top:32px;gap:18px}
.calculator-card{display:flex;flex-direction:column;min-height:220px;transition:transform .18s,border-color .18s}
.calculator-card:hover{transform:translateY(-3px);border-color:var(--pine)}
.calculator-card h2{font-family:Editorial;font-weight:400;font-size:27px;line-height:1.2;margin:20px 0 10px}
.calculator-card p{color:var(--muted);line-height:1.65;font-size:14px}
.calculator-link{display:flex;justify-content:space-between;margin-top:auto;padding-top:18px;color:var(--pine);font-weight:700;font-size:13px}
.calculator-notice{margin-top:24px;max-width:780px}
.calculator-detail{max-width:1120px}
.back-link{display:inline-flex;min-height:44px;align-items:center;color:var(--pine);font-size:13px;font-weight:700}
.calculator-heading{padding:30px 0 22px}
.calculator-heading h1{font-family:Editorial;font-weight:400}
.calculator-layout{display:grid;grid-template-columns:minmax(280px,.86fr) minmax(0,1.14fr);gap:22px;align-items:start}
.calculator-form{position:sticky;top:20px}
.calculator-form h2,.calculator-method h2,.calculator-sources h2{font-family:Editorial;font-weight:400;font-size:27px;margin-bottom:18px}
.calculator-form .btn{width:100%;margin-top:4px}
.calculator-form .fineprint{margin-top:14px}
.calculator-explainer{display:grid;gap:16px}
.calculator-method p,.calculator-result>p{line-height:1.75;color:var(--muted)}
.calculator-result{border:1px solid var(--line);scroll-margin-top:18px}
.calculator-result h2{font-family:Editorial;font-size:30px;font-weight:400;margin:8px 0 20px}
.metric{display:grid;gap:8px;background:var(--sage);padding:22px;border-radius:18px;margin:12px 0 18px}
.metric>span{font-size:12px;color:var(--muted);font-weight:700}
.metric>strong{font-family:Editorial;font-size:clamp(28px,4vw,40px);line-height:1.2;color:var(--pine);font-weight:400;overflow-wrap:anywhere}
.metric>strong small{font:600 14px Manrope,sans-serif}
.metric>small{font-size:12px;line-height:1.6;color:var(--muted)}
.metric-soft{background:#F0EDF5}
.calculator-limit{margin-top:20px;line-height:1.65}
.calculator-sources p{padding:12px 0;border-bottom:1px solid var(--line);margin:0}
.calculator-sources p:last-of-type{border-bottom:0}
.calculator-sources a{font-size:14px;font-weight:700}
.calculator-sources small{display:block;color:var(--muted);margin-top:6px}
.landing-hero{min-height:560px;align-items:center}
.landing-hero h1{font-family:Editorial;font-size:clamp(46px,6.2vw,76px);line-height:1.04;max-width:620px}
.landing-hero .lead{font-size:17px;line-height:1.75;max-width:510px}
.landing-photo{position:relative;width:100%;max-width:590px;height:470px;margin:0;border-radius:32px;overflow:hidden;background:var(--sage);box-shadow:0 24px 70px #153f3b1a}
.landing-photo img{width:100%;height:100%;object-fit:cover;object-position:64% center}
.landing-photo figcaption{position:absolute;left:20px;right:20px;bottom:18px;padding:15px 18px;border-radius:14px;background:#faf7f2ed;color:var(--pine);font-family:Editorial;font-size:21px;line-height:1.3}
.article-cover{display:block;width:100%;height:180px;object-fit:cover;object-position:center 40%;border-radius:16px;margin-bottom:18px;background:var(--sage)}
.reading-cover{display:block;width:100%;max-height:400px;aspect-ratio:16/8;object-fit:cover;object-position:center 40%;border-radius:24px;background:var(--sage);margin:20px auto 26px}
.home-welcome-photo{position:relative;margin:0;border-radius:24px;overflow:hidden;min-height:230px;background:var(--sage)}
.home-welcome-photo img{display:block;width:100%;height:260px;object-fit:cover;object-position:66% 43%}
.home-welcome-photo figcaption{position:absolute;left:12px;right:12px;bottom:12px;padding:13px 15px;border-radius:14px;background:#faf7f2ed;color:var(--pine);font-size:12px;line-height:1.5}
.landing-section{padding-top:70px;padding-bottom:70px}
.landing-section>h2,.landing-section .section-title h2{font-family:Editorial;font-weight:400;font-size:clamp(30px,4vw,42px)}
.landing-section>.grid{align-items:stretch}
.phase-grid .card{min-height:130px;display:flex;align-items:end;font-family:Editorial;font-size:23px}
.reading-header{max-width:760px;margin:28px auto 22px}
.reading-body{max-width:760px;margin:auto}
.reading-body h2,.reading-body h3{font-family:Editorial;font-weight:400;margin:32px 0 12px}
.reading-body li{line-height:1.8;margin-bottom:8px}
.reading-sources{padding-top:22px;border-top:1px solid var(--line)}
.reading-sources li{margin:10px 0;line-height:1.65}
.article-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:12px;margin:14px 0}
.empty-editorial{grid-column:1/-1;padding:40px;text-align:center}
.office-welcome{display:grid;grid-template-columns:1fr 240px;gap:28px;align-items:center;margin-bottom:28px}
.office-welcome h1{font-family:Editorial;font-size:42px;font-weight:400;margin:6px 0}
.office-welcome img{width:240px;height:150px;object-fit:cover;border-radius:20px}
.office-kpis{gap:14px}
.office-stat{display:grid;gap:8px;min-height:148px;align-content:start;color:var(--ink);transition:transform .16s,border-color .16s}
a.office-stat:hover{transform:translateY(-2px);border-color:var(--pine)}
.office-stat>span{font-size:13px;font-weight:700}
.office-stat>strong{font:400 40px Editorial,Georgia,serif;color:var(--pine)}
.office-stat>small{font-size:11px;color:var(--muted)}
.office-actions{margin-top:20px}
.office-actions h2,.office-recent h2{font:400 28px Editorial,Georgia,serif;margin-bottom:12px}
.office-recent{margin-top:28px}
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:white}
.table-wrap .table{min-width:480px}
.table-wrap th{color:var(--muted);font-size:11px}
@media(max-width:700px){.office-welcome{grid-template-columns:1fr}.office-welcome img{width:100%;height:180px}.office-stat{min-height:120px}}
@media(max-width:800px){.calculator-layout{grid-template-columns:1fr}.calculator-form{position:static}.calculator-heading{padding:18px 0}.landing-section{padding-top:44px;padding-bottom:44px}.landing-hero{min-height:auto}.landing-photo{height:360px;border-radius:24px}.article-cover{height:190px}.reading-cover{aspect-ratio:4/3;border-radius:18px}}