/* Compact persistent navigation with shared button treatment. */
.site-header.modern-header{position:sticky;top:12px;z-index:50;width:min(1200px,calc(100% - 40px));height:72px;margin:12px auto 0;padding:0 14px 0 10px;border:1px solid #ffffffd9;border-radius:18px;background:#f9fcf2ed;box-shadow:0 0 0 1px #243f2510,0 8px 26px -12px #233e2938;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);gap:20px}
.modern-header .brand{gap:7px;flex-shrink:0}.site-header.modern-header .brand-logo{width:44px;height:44px;object-fit:contain}
.nav-brand-copy{display:flex;flex-direction:column;gap:3px}.nav-brand-copy strong{font-size:25px;line-height:1;letter-spacing:-.07em;font-weight:800}.brand-period{color:#7b9755}.nav-brand-copy small{font-size:8px;font-weight:500;letter-spacing:.025em;color:#708365}
.modern-header .desktop-nav{display:flex;align-items:center;gap:3px;margin-left:auto;margin-right:16px}.modern-header .desktop-nav a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 13px;border-radius:10px;font-size:12px;font-weight:600;color:#586b50;transition:color .18s,background .18s}
.modern-header .desktop-nav a:hover{background:#e8efdc;color:#243c2a}
.header-actions{display:flex;align-items:center;gap:8px}
.modern-header .nav-button{display:inline-flex;gap:16px;min-height:44px;padding:0 19px;border:1px solid #ffffff14;border-radius:12px;background:linear-gradient(155deg,#3b5639,#253d2b);color:#eff8e0;font:700 12px Manrope,system-ui,sans-serif;box-shadow:0 3px 6px #25432a16,inset 0 1px 0 #ffffff12;white-space:nowrap;transition:transform .2s,box-shadow .2s,background .2s}
.modern-header .nav-button>span{font-size:16px}
.modern-header .nav-button:hover{transform:translateY(-1px);box-shadow:0 6px 14px #25432a26;background:linear-gradient(155deg,#476643,#2a4630)}
.modern-header .nav-button:active{transform:translateY(1px)}
.mobile-menu{display:none}
.hero .button-primary,.conversion-page .purchase-button{min-height:52px;border:1px solid #365236;border-radius:13px;background:linear-gradient(155deg,#3b5639,#253d2b);color:#eff8e0;font:700 13px Manrope,system-ui,sans-serif;letter-spacing:-.015em;box-shadow:0 4px 8px #25432a18,inset 0 1px 0 #ffffff18;transition:transform .2s,box-shadow .2s,background .2s;text-align:center;line-height:1.45}
.hero .button-primary:hover,.conversion-page .purchase-button:hover{transform:translateY(-2px);box-shadow:0 9px 22px #25432a26;background:linear-gradient(155deg,#476643,#2a4630)}
.hero .button-primary:active,.conversion-page .purchase-button:active{transform:translateY(0);box-shadow:0 2px 5px #25432a18}
.conversion-page .purchase-button>span,.hero .button-primary>span{display:inline-grid;place-items:center;flex-shrink:0;width:25px;height:25px;border-radius:7px;background:#eff8df12;transition:transform .2s}
.conversion-page .purchase-button:hover>span,.hero .button-primary:hover>span{transform:translate(2px,-2px)}
.conversion-page .closing-section .purchase-button{background:linear-gradient(145deg,#e2f2c6,#cce59e);border-color:#e4f4c8;color:#243c28;box-shadow:0 4px 10px #132c2633,inset 0 1px 0 #ffffff70}
.conversion-page .closing-section .purchase-button:hover{background:linear-gradient(145deg,#eaf7d7,#d9edb6);box-shadow:0 9px 24px #132c2644}
.conversion-page .closing-section .purchase-button>span{background:#28412e0d}
.conversion-page .subtle-link,.update-purchase a{min-height:44px;align-items:center;transition:color .2s,border-color .2s}
.conversion-page .subtle-link:hover,.update-purchase a:hover{color:#334f2b;border-color:#334f2b}
.layout-controls button{min-height:40px;min-width:40px}
.modern-header a:focus-visible,.modern-header summary:focus-visible,.hero .button-primary:focus-visible,.conversion-page .purchase-button:focus-visible{outline:3px solid #8eab60;outline-offset:4px}
.skip-link{position:fixed;left:20px;top:12px;z-index:100;padding:12px 20px;border-radius:10px;background:#213d29;color:white;transform:translateY(-180%);font-size:13px}.skip-link:focus{transform:translateY(0)}
html{scroll-padding-top:105px}
.hero #workspace-demo,.hero #download,.conversion-page section[id]{scroll-margin-top:0}
@media(max-width:900px){
 .site-header.modern-header{gap:10px}.modern-header .desktop-nav{gap:0;margin-right:0}.modern-header .desktop-nav a{padding:0 10px;font-size:11px}
}
@media(max-width:760px){
 .site-header.modern-header{top:8px;width:calc(100% - 24px);height:64px;margin-top:8px;padding:0 8px;border-radius:15px;gap:8px}
 .modern-header .desktop-nav{display:none}.modern-header .header-actions{margin-left:auto}
 .site-header.modern-header .brand-logo{width:36px;height:36px}.modern-header .brand{gap:3px}
 .nav-brand-copy strong{font-size:22px}.nav-brand-copy small{font-size:7px;letter-spacing:0}
 .modern-header .nav-button{padding:0 13px;gap:10px;min-height:42px;font-size:11px;border-radius:10px}
 .mobile-menu{display:block}.mobile-menu>summary{list-style:none;display:grid;place-items:center;width:44px;height:44px;border:1px solid #d8e3cd;background:#edf3e5;border-radius:10px;cursor:pointer}
 .mobile-menu>summary::-webkit-details-marker{display:none}.menu-strokes{display:grid;gap:5px}.menu-strokes i{display:block;width:17px;height:1.5px;background:#34502f;transition:transform .2s}
 .mobile-menu[open] .menu-strokes i:first-child{transform:translateY(3.25px) rotate(45deg)}.mobile-menu[open] .menu-strokes i:last-child{transform:translateY(-3.25px) rotate(-45deg)}
 .mobile-nav-panel{position:absolute;left:0;right:0;top:calc(100% + 8px);padding:20px;background:#f9fcf5;border:1px solid #dbe5d1;border-radius:16px;box-shadow:0 18px 40px #19352926;max-height:calc(100dvh - 96px);overflow-y:auto}
 .menu-label{display:block;font:8px DM Mono,monospace;letter-spacing:.12em;color:#81916f;margin-bottom:12px}
 .mobile-nav-panel>a{display:flex;justify-content:space-between;gap:18px;align-items:center;min-height:50px;border-bottom:1px solid #e1e9d9;font-size:14px;color:#314b2e}
 .mobile-nav-panel>a:first-of-type{background:#eaf2df;border:0;padding:14px 12px;border-radius:9px;margin-bottom:5px}.mobile-nav-panel strong{display:block;font-size:14px}.mobile-nav-panel small{display:block;font-size:10px;font-weight:400;color:#6b805c;margin-top:4px}
 .mobile-nav-panel>a:hover{color:#142e16;background:#edf3e6}.mobile-nav-panel>a>span:last-child{color:#718e56;font-size:17px}
 .mobile-nav-panel p{font-size:9px;color:#778b68;line-height:1.7;margin:17px 0 0}.mobile-nav-panel p>span{color:#779d42;margin-right:4px}
 html{scroll-padding-top:88px}.hero .button-primary{min-width:240px}
}
@media(prefers-reduced-motion:reduce){.modern-header a,.menu-strokes i,.hero .button-primary,.conversion-page .purchase-button,.conversion-page .purchase-button>span,.hero .button-primary>span{transition:none}}
.trial-badge{display:inline-flex;align-self:flex-start;padding:6px 9px;border-radius:999px;background:#e1efc3;color:#52733e;font:700 9px DM Mono,monospace;letter-spacing:.08em;margin:0 0 13px}.purchase-card .trial-badge+h3{margin-top:0}