@font-face{font-family:"Unbounded";src:url("/assets/brand/unbounded.ttf") format("truetype");font-weight:200 900;font-display:swap}
@font-face{font-family:"Golos Text";src:url("/assets/brand/golos-text.ttf") format("truetype");font-weight:400 900;font-display:swap}
:root{--ink:#23281F;--forest:#23281F;--deep:#10130F;--paper:#F3F1E7;--muted:#535E4D;--lime:#B9FF61;--ag-growth:#B9FF61;--ag-harvest:#FFC857;--ag-water:#69C9EF;--ag-soil:#23281F;--ag-day:#F3F1E7;--ag-night:#10130F;--ag-panel:#191D17;--ag-text:#F2F4E9;--ag-muted:#A7B1A1;--line:#C7CFC0;--radius:10px}
body,input,select,button{font-family:"Golos Text",system-ui,sans-serif}
h1,h2,h3,.brand strong{font-family:"Golos Text",system-ui,sans-serif;font-weight:500;letter-spacing:-.035em}
.header,.header.scrolled,.header.menu-open{background:#10130F;color:#F2F4E9;position:sticky;top:0;border-bottom:1px solid #3B4335}
.header-inner{min-height:86px;gap:24px}.header .brand{color:#F2F4E9;gap:0}
.saas-brand-copy{display:flex;flex-direction:column;gap:5px}.saas-wordmark-line{display:flex;align-items:flex-start;gap:3px}
.header .brand .saas-wordmark{width:144px;height:auto;border-radius:0}
.saas-wordmark-line sup{font:400 9px/1 "Golos Text",sans-serif;margin-top:-2px}
.header .brand small{display:flex;align-items:center;gap:6px;font:400 10px/1.2 "Golos Text",sans-serif;letter-spacing:0;text-transform:none;color:#A7B1A1;opacity:1}
.header .brand .brand-endorsement{width:16px;height:16px;border-radius:0}
.header .nav a,.header .header-cta{color:#F2F4E9}.header-cta{border-color:#889580}
.header .nav a:hover,.header .header-cta:hover{color:#B9FF61}.header .menu{color:#F2F4E9;border-color:#889580;min-height:44px}
.hero.portal-video-hero{height:calc(100svh - 86px);min-height:420px;max-height:920px;color:#F2F4E9;background:#10130F}
.portal-video-hero .hero-video,.portal-video-hero .hero-picture{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.portal-video-hero .hero-picture img{width:100%;height:100%;object-fit:cover}
.portal-video-hero .hero-shade{pointer-events:none;background:linear-gradient(180deg,#10130F18 18%,#10130F55 48%,#10130FEF 100%)}
.portal-video-hero .hero-inner{padding-top:0;padding-bottom:108px;display:flex;flex-direction:column;justify-content:flex-end;height:100%;position:relative;z-index:2}
.portal-video-hero h1{font-size:clamp(38px,5vw,72px);line-height:1.08;max-width:760px;margin:16px 0}
.portal-video-hero .hero-copy{max-width:600px;font-size:clamp(18px,2vw,25px);color:#F2F4E9;margin:0;line-height:1.5}
.portal-video-hero .hero-actions{margin-top:24px}
.portal-video-hero .eyebrow,.portal-video-hero .hero-caption{color:#F2F4E9}
.portal-video-hero .hero-bottom{bottom:22px;z-index:3}.portal-video-hero .hero-bottom-inner{border-top:1px solid #889580;padding-top:16px}
.portal-video-hero .hero-controls{margin-left:auto}.portal-video-hero .video-toggle{min-height:44px;border-color:#889580;color:#F2F4E9}
.portal-video-hero .video-toggle:hover{background:#191D17}
.button.lime{background:#B9FF61;color:#23281F}.button.lime:hover{background:#A5EA53}.button.lime:active{background:#91D442}
.portal-products{background:#F3F1E7;color:#23281F;padding:64px 0 72px;scroll-margin-top:100px}
.portal-products h2{font-size:clamp(28px,3.5vw,44px);line-height:1.15;margin:14px 0 12px}
.portal-products>.wrap>p{max-width:720px;color:#535E4D}
.portal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px}
.portal-entry{display:flex;flex-direction:column;min-height:260px;padding:24px;border:1px solid #889580;border-radius:10px;color:#23281F;background:#FFFEFA;text-decoration:none;transition:border-color .2s,background .2s}
.portal-entry:hover,.portal-entry:focus-visible{border-color:#23281F;background:#ECF4E3}
.portal-entry .entry-number{color:#535E4D;font-size:13px;letter-spacing:.04em}
.portal-entry h3{font-size:28px;line-height:1.25;margin:24px 0 14px;overflow-wrap:anywhere}
.portal-entry p{font-size:17px;line-height:1.5;color:#535E4D;flex:1}
.portal-entry .entry-link{display:flex;justify-content:space-between;gap:12px;margin-top:26px;font-size:16px;font-weight:500}
.portal-entry .entry-address{display:block;font-size:12px;color:#535E4D;margin-top:8px;overflow-wrap:anywhere}
.portal-learning{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:20px;padding:24px;border:1px solid #889580;border-radius:10px;background:#E9EFDF;color:#23281F}
.portal-learning h3{font-size:22px;line-height:1.35}.portal-learning p{margin-top:6px;color:#535E4D;line-height:1.5}
.portal-learning>span{font-weight:500;white-space:nowrap}.portal-learning:hover{background:#DDEACD}
#product,#start{background:#10130F;color:#F2F4E9}
#product p,#start p{color:#A7B1A1}
#product .system-node,#product .system-detail{background:#191D17;border-color:#3B4335;color:#F2F4E9}
#product .system-node[aria-pressed="true"]{background:#27331F;border-color:#B9FF61;color:#F2F4E9}
#product .system-node small,#product .system-detail small{color:#A7B1A1}
#product .system-exchange strong,#product .system-detail h3,#start .steps h3{color:#F2F4E9}
#product .eyebrow .index,#start .eyebrow .index,#start .step>span{color:#B9FF61}
#start .text-link{color:#B9FF61}#start .step{border-color:#3B4335}
#solutions{background:#F3F1E7;color:#23281F}
#contact{background:#191D17;color:#F2F4E9}#contact p{color:#A7B1A1}
.footer{background:#10130F;color:#F2F4E9;border-color:#3B4335}.footer p,.footer-bottom{color:#A7B1A1}
.portal-page{padding:64px 0;background:#F3F1E7}
.portal-page h1{font-size:clamp(32px,4vw,54px);line-height:1.15;margin:20px 0}
.portal-lead{max-width:800px;font-size:20px;line-height:1.6;color:#535E4D}
.portal-tabs{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}
.portal-tabs a{border:1px solid #6B7965;padding:13px 22px;border-radius:10px;text-decoration:none;font-weight:500}
.portal-tabs a:hover{background:#B9FF61}
.portal-section{margin:64px 0;scroll-margin-top:120px}
.portal-section h2{font-size:clamp(24px,3vw,36px);line-height:1.3}
.portal-section p{max-width:850px;line-height:1.7}
.learning-controls{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;margin:30px 0}
.learning-controls label{display:grid;gap:8px;font-weight:500}
.learning-controls input,.learning-controls select{padding:14px 16px;border:1px solid #6B7965;border-radius:10px;background:#FFFEFA;color:#23281F;font-size:16px;min-width:0}
.format-filter{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}
.format-filter button{padding:12px 20px;min-height:44px;border:1px solid #6B7965;border-radius:10px;background:transparent;color:#23281F;font-size:16px;cursor:pointer}
.format-filter button[aria-pressed="true"]{background:#23281F;color:#F2F4E9}
.learning-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.learning-card{padding:24px;border:1px solid #889580;border-radius:10px;background:#FFFEFA;display:flex;flex-direction:column}
.learning-card h3{font-size:22px;line-height:1.3;margin:14px 0}
.learning-card p{font-size:17px;line-height:1.55}
.learning-card .material-meta{font-size:13px;color:#535E4D}
.learning-card .material-links{display:flex;flex-wrap:wrap;gap:20px;margin-top:auto;padding-top:18px}
.learning-card .material-links a{font-weight:500;text-underline-offset:4px}
.learning-card .book-status{color:#624600;background:#FFC85733;padding:10px 12px;border-radius:10px;font-size:15px}
.learning-count{color:#535E4D;margin:18px 0}
.panel-frame{border:1px solid #889580;border-radius:10px;background:#FFFEFA;padding:24px}
.panel-frame img{width:100%;height:auto;display:block;border-radius:6px}
.panel-frame figcaption{margin-top:16px;font-size:15px;line-height:1.6;color:#535E4D}
.portal-footer{padding:38px 0;border-top:1px solid #3B4335;background:#10130F;color:#F2F4E9}
.portal-footer .wrap{display:flex;gap:24px;flex-wrap:wrap;align-items:center;justify-content:space-between}
.portal-footer a{text-underline-offset:4px}.portal-page [hidden]{display:none!important}
.learning-refine{margin:20px 0}.learning-refine summary{cursor:pointer;font-weight:500}
.learning-refine .learning-controls{grid-template-columns:repeat(2,minmax(0,1fr));margin:18px 0}
:focus-visible{outline:3px solid #95B6FF;outline-offset:4px}
.portal-products :focus-visible,.portal-page :focus-visible,#solutions :focus-visible{outline-color:#315FAD}
@media(max-width:1100px){.header-inner{gap:14px}.header .nav{gap:16px}.header-cta{display:none}}
@media(max-width:760px){.header-inner{min-height:78px}.header .nav{background:#10130F}.hero.portal-video-hero{height:calc(100svh - 78px);min-height:400px}.portal-video-hero .hero-inner{padding-bottom:110px}.portal-video-hero h1{font-size:40px}.portal-video-hero .hero-bottom{bottom:16px}.portal-video-hero .hero-caption{font-size:11px}.portal-video-hero .scroll-link{display:none}.portal-products{padding:40px 0 48px}.portal-grid{grid-template-columns:1fr}.portal-entry{min-height:210px;padding:20px}.portal-entry h3{margin:16px 0 10px}.portal-learning{align-items:flex-start;flex-direction:column;gap:18px;padding:20px}.learning-grid{grid-template-columns:1fr}.learning-controls,.learning-refine .learning-controls{grid-template-columns:1fr}.portal-page{padding:35px 0}.portal-lead{font-size:18px}.portal-section{margin:42px 0}.portal-footer .wrap{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.portal-entry{transition:none}}

/* Product navigation: one shared side panel on desktop and mobile. */
.header .menu{display:flex;align-items:center;justify-content:center;gap:14px;margin-left:auto;padding:12px 18px;border-radius:10px;border:1px solid #889580;background:#23281F;font-weight:550}
.header .menu:hover{border-color:#B9FF61;color:#B9FF61}
.menu-backdrop{position:fixed;inset:0;z-index:80;border:0;background:#10130fa8;backdrop-filter:blur(3px)}
.cloud-drawer.nav{position:fixed;inset:0 0 0 auto;z-index:81;display:flex;flex-direction:column;align-items:stretch;gap:0;width:min(480px,100%);height:100dvh;margin:0;padding:28px 30px;overflow:auto;overscroll-behavior:contain;background:#10130F;color:#F3F1E7;border-left:1px solid #3B4335;box-shadow:-24px 0 80px #0004;transform:translateX(100%);visibility:hidden;transition:transform .22s ease}
.cloud-drawer.nav.open{transform:translateX(0);visibility:visible}
.drawer-open{overflow:hidden}
.drawer-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:32px}
.drawer-heading .eyebrow{color:#A7B1A1}
.drawer-close{display:grid;place-items:center;min-width:44px;min-height:44px;border:1px solid #889580;border-radius:10px;background:transparent;color:#F3F1E7;font-size:30px;line-height:1}
.cloud-drawer h2{font:500 clamp(29px,3vw,36px)/1.1 "Golos Text",sans-serif;letter-spacing:-.03em}
.drawer-intro{margin:16px 0 28px;color:#A7B1A1;font-size:15px;line-height:1.5}
.drawer-products{display:grid;gap:12px}
.cloud-drawer .drawer-card{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px;border:1px solid #3B4335;border-radius:10px;background:#191D17}
.drawer-card:hover{border-color:#B9FF61;background:#23281F}
.drawer-card strong{display:block;font-size:23px;font-weight:550;letter-spacing:-.02em}
.drawer-card small,.drawer-secondary small{display:block;margin-top:9px;color:#A7B1A1;font-size:14px;line-height:1.45}
.drawer-card em{display:block;margin-top:15px;font:400 12px/1.4 "Golos Text",sans-serif;color:#B9FF61}
.drawer-card b,.drawer-secondary b{font-size:23px;font-weight:400;color:#B9FF61}
.cloud-drawer a:focus-visible,.drawer-close:focus-visible{outline:2px solid #B9FF61;outline-offset:4px}
@media(max-width:760px){.header .menu{padding:11px 14px;gap:10px;font-size:13px}.cloud-drawer.nav{width:min(420px,100%);padding:22px}.drawer-heading{margin-bottom:28px}.cloud-drawer .drawer-card{padding:20px}}
@media(prefers-reduced-motion:reduce){.cloud-drawer.nav{transition:none}}

/* Site sections and product shortcuts have independent purposes. */
.site-navigation{display:flex;align-items:center;gap:24px;margin-left:auto}.site-navigation a{font-size:14px;color:#F3F1E7;text-decoration:none}.site-navigation a:hover{color:#B9FF61}.header .menu{margin-left:0}.drawer-products{margin-top:32px}.cloud-drawer .drawer-card{display:block}.drawer-card:hover{background:#191D17;border-color:#3B4335}.product-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.product-actions a{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:10px 14px;border:1px solid #889580;border-radius:7px;font-size:15px;font-weight:500}.product-actions .product-open{background:#B9FF61;color:#23281F;border-color:#B9FF61}.product-actions .product-description{color:#F3F1E7}.product-actions a:hover{filter:brightness(1.1)}.system-summary{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px;margin-top:28px;padding-top:24px;border-top:1px solid #C7CFC0;font-size:15px}.system-summary span{color:#535E4D}.system-summary a{font-weight:500}.home-learning{padding:60px 0;background:#10130F;color:#F3F1E7}.home-learning .wrap{display:flex;align-items:center;justify-content:space-between;gap:36px}.home-learning h2{font-size:clamp(28px,3.5vw,40px);margin:14px 0}.home-learning p{max-width:600px;color:#A7B1A1;line-height:1.6}.home-learning .eyebrow{color:#B9FF61}.page-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:28px}.page-actions>span{font-size:14px;color:#535E4D}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:24px}.feature-grid article{border-top:1px solid #889580;padding-top:22px}.feature-grid h3{font-size:24px;line-height:1.3;margin-bottom:14px}.system-page-title{padding:50px 0;color:#F3F1E7}.system-page-title h1{font-size:clamp(36px,5vw,64px);margin:15px 0}.system-page-title p{line-height:1.6}.cloud-drawer h2{margin-bottom:0}
@media(max-width:760px){.header-inner{flex-wrap:wrap;gap:12px;padding-top:16px;padding-bottom:14px}.header .menu{margin-left:auto}.site-navigation{order:3;flex-basis:100%;justify-content:space-between;gap:8px;margin:6px 0 0}.site-navigation a{font-size:13px;min-height:32px;display:flex;align-items:center}.hero.portal-video-hero{height:calc(100svh - 118px)}.home-learning{padding:40px 0}.home-learning .wrap{align-items:flex-start;flex-direction:column;gap:24px}.feature-grid{grid-template-columns:1fr}.system-summary{align-items:flex-start;flex-direction:column}}

.documentation-action{grid-template-columns:1fr}
@media(max-width:760px){.site-navigation{display:none}.header-inner{flex-wrap:nowrap;min-height:78px}.header .menu{padding:11px;min-width:44px}.header .menu>span{display:none}.hero.portal-video-hero{height:calc(100svh - 78px)}}