/* hebrew */
@font-face {
  font-family: 'M PLUS 1p';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/m-plus-1p-1.woff2) format('woff2');
  unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
  font-family: 'M PLUS 1p';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/m-plus-1p-2.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'M PLUS 1p';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/m-plus-1p-3.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* hebrew */
@font-face {
  font-family: 'M PLUS 1p';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/m-plus-1p-4.woff2) format('woff2');
  unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
  font-family: 'M PLUS 1p';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/m-plus-1p-5.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'M PLUS 1p';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/m-plus-1p-6.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* hebrew */
@font-face {
  font-family: 'M PLUS 1p';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/fonts/m-plus-1p-7.woff2) format('woff2');
  unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
  font-family: 'M PLUS 1p';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/fonts/m-plus-1p-8.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'M PLUS 1p';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/fonts/m-plus-1p-9.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* hebrew */
@font-face {
  font-family: 'M PLUS 1p';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(assets/fonts/m-plus-1p-10.woff2) format('woff2');
  unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
  font-family: 'M PLUS 1p';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(assets/fonts/m-plus-1p-11.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'M PLUS 1p';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(assets/fonts/m-plus-1p-12.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root{--ink:#162324;--muted:#667372;--paper:#f5f6f1;--line:#d7ded6;--lime:#d1ef80;--dark:#111b1d;--radius:9px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'M PLUS 1p',Arial,sans-serif;line-height:1.6}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid #819f41;outline-offset:5px}button,a{touch-action:manipulation}h1,h2,h3,h4,p{margin:0}button{border:0}h1,h2,h3,h4{line-height:1.12;letter-spacing:-.04em}p{line-height:1.8}.section-wrap{width:min(1240px,calc(100% - 100px));margin:auto}.skip{position:fixed;top:-100px;right:20px;z-index:100;background:var(--lime);padding:12px}.skip:focus{top:10px}.topbar{height:91px;display:flex;align-items:center;gap:35px;padding:0 max(35px,calc((100vw - 1360px)/2));border-bottom:1px solid var(--line);background:rgba(245,246,241,.95);position:sticky;top:0;z-index:20;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:9px;flex-shrink:0;direction:ltr;font-size:25px;letter-spacing:.16em;font-weight:800}.brand svg{width:31px;height:32px;mix-blend-mode:multiply}.topbar nav{display:flex;align-items:center;gap:27px;margin-inline:auto;font-size:14px;font-weight:bold}.topbar nav a{position:relative;padding:8px 0}.topbar nav a:after{content:'';position:absolute;bottom:0;right:0;width:0;height:2px;background:var(--ink);transition:width .2s}.topbar nav a:hover:after{width:100%}.button{min-height:52px;padding:13px 24px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border-radius:5px;font-size:15px;font-weight:bold;transition:transform .2s,background .2s;line-height:1.5}.button span{font-size:21px}.dark{background:var(--ink);color:white}.dark:hover{background:#2c4140}.lime{background:var(--lime);color:var(--dark)}.lime:hover{background:#e0ff98}.small{min-height:43px;padding:9px 17px;font-size:13px;gap:20px}.text-link{display:inline-flex;align-items:center;gap:22px;font-size:14px;font-weight:bold;background:none;padding:8px 0;border-bottom:1px solid currentColor;border-radius:0}.menu-toggle{display:none}.hero{padding-block:78px 85px;display:grid;grid-template-columns:1fr 1.13fr;gap:30px;align-items:center;min-height:740px}.eyebrow{font-size:10px;letter-spacing:.13em;font-weight:bold;display:flex;gap:11px;align-items:center;direction:ltr;justify-content:flex-end}.status-dot{display:inline-block;width:7px;height:7px;background:#86a756;border-radius:50%;box-shadow:0 0 0 4px #86a75615;flex-shrink:0}.tiny-line{width:20px;height:1px;background:#93a297}.hero-pretitle{margin-top:36px;font-size:17px;font-weight:bold}.hero h1{font-size:clamp(68px,6.3vw,98px);line-height:1.03;letter-spacing:-.065em;margin:17px 0 25px}.word-outline{color:transparent;-webkit-text-stroke:1.5px var(--ink)}.hero-description{font-size:17px;max-width:470px;color:#556461}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:33px}.hero-footnote{display:flex;gap:14px;align-items:center;font-size:12px;margin-top:47px;color:var(--muted)}.hero-footnote i{width:3px;height:3px;background:#91a086;border-radius:50%}.hero-visual{position:relative;height:562px;background:#dfe6df;border:1px solid #d0d9d1;overflow:hidden;border-radius:12px;display:flex;align-items:center;justify-content:center;isolation:isolate;direction:rtl}.visual-grid{position:absolute;inset:0;background-image:linear-gradient(#b6c4b52a 1px,transparent 1px),linear-gradient(90deg,#b6c4b52a 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(black,transparent)}.orbit{border:1px solid #afc0a750;border-radius:50%;position:absolute;z-index:-1}.orbit-one{width:470px;height:470px;left:-90px;top:-90px}.orbit-two{width:640px;height:640px;left:-175px;top:-175px}.coordinates{position:absolute;top:20px;left:23px;right:23px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.1em;color:#607369;direction:ltr}.floating-label{position:absolute;z-index:2;background:#f9faf5e8;border:1px solid #cad5c8;box-shadow:0 10px 20px #142a1610;border-radius:5px;font-size:11px;display:flex;gap:12px;align-items:center;padding:14px 17px}.label-top{top:64px;right:33px}.label-bottom{bottom:44px;left:25px;right:68px;padding:16px}.label-bottom b{font-size:13px;display:block}.label-bottom small{font-size:10px;color:var(--muted);display:block;margin-top:3px}.check-icon{width:29px;height:29px;border-radius:50%;background:#e5f2d4;display:grid;place-items:center;color:#41753c;font-size:17px}.signal-icon{color:#829b67;margin-right:auto;letter-spacing:3px}.visual-index{position:absolute;bottom:14px;right:20px;font-size:10px;letter-spacing:.1em;color:#74846f}.product-window{width:89%;background:#f9faf6;border:1px solid #afbeb1;border-radius:9px;box-shadow:-18px 24px 50px #1b362c20;transform:perspective(1400px) rotateY(6deg) rotateX(2deg);animation:window-in .9s ease-out both}.window-bar{height:47px;background:#162527;display:flex;align-items:center;gap:15px;color:#d5e1da;padding:0 17px;font-size:9px;border-radius:8px 8px 0 0}.window-brand{display:flex;align-items:center;gap:7px;direction:ltr;font-size:20px;color:#d8eea0}.window-brand b{font-size:9px;letter-spacing:.12em;color:#f4f7ef}.window-title{margin-right:auto;color:#adbcb5}.avatar{border:1px solid #476159;border-radius:50%;height:23px;width:23px;display:grid;place-items:center;font-size:8px}.window-content{padding:20px}.window-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:5px;margin-bottom:20px}.overline{font-size:11px;color:#788777;letter-spacing:.06em}.window-heading h2{font-size:21px;margin-top:4px}.demo-badge{font-size:9px;color:#657164;background:#eef1e8;border:1px solid #d6dfcf;padding:3px 7px;border-radius:3px;white-space:nowrap}.mock-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mock-stats>div{border:1px solid #dce2d8;padding:12px 10px;border-radius:5px;background:white}.mock-stats>div>span{display:block;font-size:9px;color:#637363}.mock-stats strong{font-size:35px;line-height:1.4;letter-spacing:-.08em;display:block;font-weight:500}.mock-stats strong span{font-size:16px}.mock-stats small{font-size:8px;color:#889181}.mock-stats .stat-accent{background:#dfecce;border-color:#cbdcb7}.mock-bottom{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.mock-course,.mock-chart{border:1px solid #dce2d8;border-radius:5px;padding:12px;background:white}.mini-tag{font-size:10px;background:#e8efdf;padding:4px 8px;display:inline-block;border-radius:3px}.course-symbol{height:24px;margin-top:7px;color:#729450;font-size:23px}.mock-course h3{font-size:15px;margin:7px 0}.mock-course p{font-size:9px;color:var(--muted)}.progress-track{height:5px;background:#dce5d4;border-radius:5px;margin:18px 0 7px;overflow:hidden}.progress-track span{height:100%;display:block;background:#76944e;border-radius:5px;transition:width .8s}.course-meta{display:flex;justify-content:space-between;font-size:8px;color:#6e7b66}.mock-chart>div:first-child{display:flex;justify-content:space-between;gap:4px;font-size:9px}.mock-chart>div>span{color:#788572}.chart-bars{height:104px;display:flex;gap:10px;align-items:flex-end;border-bottom:1px solid var(--line);padding:0 5px;margin-top:14px;background:repeating-linear-gradient(to top,transparent,transparent 33px,#edf1e9 34px)}.chart-bars i{display:block;width:16%;height:var(--bar);background:#b5cda0;border-radius:3px 3px 0 0;animation:bar-in 1.2s ease-out both;transform-origin:bottom}.chart-bars i:nth-child(2n){background:#5e8064}.chart-caption{display:flex;justify-content:space-between;font-size:7px;margin-top:8px}.capability-strip{border-block:1px solid var(--line);padding:24px 50px;display:flex;justify-content:center;align-items:center;gap:70px;font-size:13px}.capability-strip>span{font-weight:bold}.capability-strip>div{display:flex;align-items:center;gap:26px;color:#5b6b63}.capability-strip i{font-style:normal;color:#a8b59f}.approach,.capabilities,.architecture,.rollout{padding-block:100px}.section-marker{font-size:12px;display:flex;align-items:center;gap:13px;font-family:'M PLUS 1p',Arial,sans-serif;color:#6b7d6b;direction:ltr;justify-content:flex-end;margin-bottom:34px}.section-marker>span{color:var(--ink);font-size:13px;border-right:1px solid #aebba9;padding-right:13px;direction:rtl;order:-1}.section-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:end;margin-bottom:49px}.section-heading h2{font-size:46px;font-weight:600;line-height:1.13}.section-heading p{font-size:16px;color:var(--muted);max-width:430px}.journey{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);position:relative}.journey article{padding:28px 25px 25px;border-left:1px solid var(--line)}.journey article:first-child{padding-right:0}.journey article:last-child{border-left:0}.journey-number{color:#819273;font-size:12px}.journey h3{font-size:26px;margin:22px 0 12px}.journey p{font-size:14px;color:var(--muted);min-height:105px}.journey-label{font-size:9px;letter-spacing:.15em;color:#8a9782;direction:ltr;display:block;text-align:right;margin-top:20px}.experience{background:var(--dark);padding-block:90px 70px;position:relative;overflow:hidden}.experience:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 0% 50%,#53714d20,transparent 60%);pointer-events:none}.experience>.section-wrap{position:relative}.light{color:#9ab382}.light>span{color:#c7d4c5;border-color:#486044}.inverse h2{color:#f0f4e8}.inverse h2>span{color:#9bb084}.inverse p{color:#acb8ae}.demo-shell{background:#f5f6f0;border:1px solid #485444;border-radius:10px;overflow:hidden;min-height:510px}.demo-toolbar{background:#e9ede4;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #d3dacd}.demo-tabs{display:flex;gap:5px}.demo-tabs button{background:none;padding:12px 18px;border-radius:5px;font-size:13px;color:#6a7767}.demo-tabs button[aria-selected=true]{background:var(--ink);color:#edf3e6}.demo-indicator{font-size:8px;letter-spacing:.12em;display:flex;align-items:center;gap:7px;direction:ltr}.demo-indicator i{width:5px;height:5px;background:#71934a;border-radius:50%;animation:pulse 3s infinite}.demo-panel{padding:35px 40px;min-height:440px}.demo-panel[hidden]{display:none}.learner-intro{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px}.learner-intro h3{font-size:28px;margin:8px 0 8px}.learner-intro p{font-size:13px;color:var(--muted)}.learner-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:28px}.resume-card{padding:23px;background:#1c2d2c;border-radius:7px;color:#f5f7ed;position:relative;overflow:hidden}.resume-card:after{content:'';position:absolute;width:170px;height:170px;left:10px;top:40px;opacity:.05;pointer-events:none;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b3d07d' stroke-width='1.2'%3E%3Cpath d='M5 19 19 5M5 5h14v14'/%3E%3C/svg%3E")}.resume-card .mini-tag{background:#485e37;color:#dce9c7}.resume-card h4{font-size:27px;margin:22px 0 8px}.resume-card p{font-size:12px;color:#b1c0af}.resume-card .progress-track{margin-top:23px;background:#3c5143}.resume-card .progress-track span{background:var(--lime)}.resume-card .button{margin-top:17px;min-height:40px;padding:9px 17px;font-size:12px;gap:50px}.inline-note{font-size:10px;display:block;margin-top:12px;color:#b4c0a9}.activity-list h4{font-size:17px;margin-bottom:9px}.activity-list>div{display:flex;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.activity-list>div:last-child{border:0}.activity-list b{font-size:13px;font-weight:600;display:block}.activity-list small{display:block;font-size:10px;color:#7b8573;margin-top:3px}.activity-icon{font-size:18px;width:31px;height:31px;display:grid;place-items:center;border:1px solid #d8e0d0;border-radius:6px;color:#66844b}.pill{font-size:10px;color:#6c7963;background:#e9eee2;border:1px solid #dce3d5;border-radius:4px;padding:4px 8px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.activity-list .pill{margin-right:auto}.pill.success{color:#496a39;background:#e2efd9;border-color:#cedfc3}.pill.amber{color:#8b6827;background:#f0e8d5;border-color:#e8dcbf}.demo-footer{display:flex;justify-content:space-between;gap:30px;margin-top:20px;font-size:10px;color:#92a28e}.demo-footer>span:last-child{font-size:8px;letter-spacing:.14em}.manager-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:23px}.manager-summary>div{display:flex;gap:14px;align-items:center;padding:14px 20px;border:1px solid var(--line);border-radius:5px;background:#fff}.manager-summary b{font-size:30px;font-weight:500}.manager-summary span{font-size:12px;color:#6d7a66}.filter-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:13px}.filter-row button{padding:7px 13px;background:#e9eee2;border-radius:4px;font-size:11px}.filter-row button.active{background:#2a3c33;color:white}.filter-row span{margin-right:7px;font-size:10px}.table-head,.treatment{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:20px;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line)}.table-head{font-size:10px;color:#7f8976;background:#edf0e8}.treatment[hidden]{display:none}.treatment b{font-size:12px;display:block}.treatment small{font-size:10px;color:var(--muted)}.treatment .pill{justify-self:start}.treatment button{background:transparent;font-size:11px;text-align:right;text-decoration:underline;text-underline-offset:4px}.demo-message{font-size:11px;color:var(--muted);margin-top:14px}.quiz-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.quiz-context h3{font-size:35px;margin:25px 0 16px}.quiz-context p{font-size:13px;color:var(--muted);max-width:280px}.quiz-capabilities{display:flex;gap:8px;margin-top:24px;flex-wrap:wrap}.quiz-capabilities span{font-size:10px;border:1px solid var(--line);border-radius:3px;padding:3px 9px}fieldset{border:0;margin:0;padding:0}legend{font-size:18px;font-weight:bold;margin-bottom:20px;line-height:1.6}#demo-quiz-form label{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:5px;margin-bottom:10px;padding:13px;font-size:13px;background:#fff;cursor:pointer}input{accent-color:#577148}#demo-quiz-form input{width:17px;height:17px;flex-shrink:0}.quiz-buttons{display:flex;align-items:center;gap:25px;margin-top:20px}.quiz-buttons .button{font-size:12px;min-height:43px}.quiz-buttons .text-link{font-size:11px}#quiz-feedback:not(:empty){margin-top:16px;padding:13px;border-radius:5px;background:#e0ecd4;font-size:13px}#quiz-feedback.retry{background:#f3e8cf}.feature-editorial{display:grid;grid-template-columns:1fr 1.15fr;gap:65px;border-top:1px solid var(--line);padding-top:45px}.feature-main{background:#e5ebde;padding:39px;position:relative;overflow:hidden;border-radius:7px}.feature-icon{width:46px;height:46px;border:1px solid #bcccb0;border-radius:50%;display:grid;place-items:center;font-size:28px;margin-bottom:45px}.feature-main h3{font-size:39px;margin:15px 0 22px}.feature-main p{font-size:14px;color:#5d6c55}.format-stack{margin-top:29px}.format-stack>span{display:flex;padding:12px 0;border-bottom:1px solid #cdd7c3;gap:15px;font-size:12px}.format-stack b{font-size:9px;color:#819675}.format-stack i{margin-right:auto;font-style:normal}.feature-secondary{display:grid;grid-template-columns:1fr 1fr;gap:35px}.feature-secondary article{border-bottom:1px solid var(--line);padding-bottom:25px}.feature-number{font-size:9px;letter-spacing:.1em;color:#7a8d6e;direction:ltr;display:block;text-align:right}.feature-secondary h3{font-size:24px;margin:23px 0 15px;line-height:1.25}.feature-secondary p{font-size:14px;color:var(--muted)}.utility-row{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);margin-top:40px;padding:20px 0;gap:25px;font-size:12px;color:var(--muted)}.utility-row b{color:var(--ink);margin-left:9px}.command-section{background:#1b2a2a;padding-block:90px;color:#eaf0e1}.command-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.command-copy h2{font-size:66px;font-weight:500}.command-copy em{font-style:normal;color:#cce89b}.command-copy>p{font-size:15px;color:#a3b49f;max-width:350px;margin:26px 0 32px}.command-details article{display:flex;gap:25px;border-bottom:1px solid #3d5043;padding:25px 0}.command-details article:first-child{padding-top:7px}.command-index{color:#9ab481;font-size:10px;padding-top:6px}.command-details h3{font-size:23px;margin-bottom:12px}.command-details p{font-size:14px;color:#a6b6a2}.architecture-map{display:flex;align-items:center;padding:40px 0;gap:15px}.architecture-node{flex:1;border:1px solid var(--line);border-radius:6px;padding:27px 20px;min-height:160px;background:#fcfcf8}.architecture-node span{font-size:9px;letter-spacing:.1em;color:#849277}.architecture-node h3{font-size:25px;margin:24px 0 10px;direction:ltr;text-align:right;letter-spacing:0}.architecture-node p{font-size:11px;color:var(--muted)}.architecture-node.core{background:#deebc9;border-color:#c2d5ac}.connector{width:90px;text-align:center;flex-shrink:0}.connector i{display:block;height:1px;width:100%;background:#aebda3;position:relative}.connector i:before,.connector i:after{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:#849d71;top:-2px}.connector i:before{left:0}.connector i:after{right:0}.connector span{font-size:9px;color:#8b9980;display:block;margin-top:10px}.architecture-note{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;border-top:1px solid var(--line);padding-top:25px}.architecture-note b{font-size:15px}.architecture-note p{font-size:12px;color:var(--muted)}.future-section{background:#111b1d;color:#eff4e8;position:relative;overflow:hidden;padding-block:90px}.future-section:before{content:'';position:absolute;width:700px;height:700px;border:1px solid #657d4a25;border-radius:50%;left:-250px;top:-100px;box-shadow:0 0 0 80px #657d4a09,0 0 0 160px #657d4a06;pointer-events:none}.future-grid{display:grid;grid-template-columns:1fr 1fr;gap:120px;position:relative}.roadmap-tag{font-size:10px;border:1px solid #6c8055;color:#b7c59e;padding:5px 10px;display:inline-block;border-radius:3px}.future-grid h2{font-size:60px;margin:29px 0}.future-grid h2>span{color:#a8be87}.future-grid>div>p{font-size:14px;color:#a7b69d;max-width:390px}.ai-concepts{align-self:center}.ai-concepts article{padding:27px 0;border-bottom:1px solid #384a3d}.ai-concepts article>span{font-size:9px;letter-spacing:.12em;color:#a3bb80}.ai-concepts h3{font-size:25px;margin:14px 0 12px}.ai-concepts p{font-size:14px;color:#a7b69d}.rollout-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:0;list-style:none;margin:0}.rollout-steps li{border-top:1px solid #a7b69a;padding-top:20px}.rollout-steps span{font-size:11px;color:#849573}.rollout-steps h3{font-size:26px;margin:23px 0 15px}.rollout-steps p{font-size:14px;color:var(--muted)}.faq-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:100px;padding-bottom:100px}.faq-section .eyebrow{font-size:8px;justify-content:flex-end;color:#809271}.faq-section h2{font-size:39px;margin-top:20px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{padding:19px 0;cursor:pointer;list-style:none;font-size:15px;font-weight:bold;display:flex;gap:20px;justify-content:space-between;align-items:center}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:21px;font-weight:normal;color:#809271}details[open] summary:after{content:'−'}details p{font-size:14px;color:var(--muted);padding:0 0 23px;max-width:600px}.closing{background:#dce8cc;padding:55px 0 65px}.closing-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #bacba9;padding-bottom:22px;margin-bottom:40px}.closing-top>span:last-child{font-size:9px;letter-spacing:.1em;color:#788b66}.closing h2{font-size:65px;line-height:1.12;font-weight:500}.closing-bottom{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-top:30px}.closing p{font-size:15px;color:#607353}.closing .button{background:#1c2b25;color:#f4f8e9;min-width:250px}.closing .button:hover{background:#314337}footer{padding-block:33px;display:flex;align-items:center;gap:30px;flex-wrap:wrap}footer .brand{font-size:19px}footer .brand svg{width:26px;height:25px}footer>span{font-size:12px;color:var(--muted)}footer .text-link{margin-right:auto;font-size:11px}footer small{flex-basis:100%;font-size:10px;color:#7e8b76;border-top:1px solid var(--line);padding-top:20px}dialog{width:min(580px,calc(100% - 28px));max-height:90vh;border:1px solid #becbb4;border-radius:10px;padding:42px;color:var(--ink);background:var(--paper);overflow:auto;box-shadow:0 30px 100px #0005}dialog::backdrop{background:#071616a6;backdrop-filter:blur(7px)}.dialog-close{position:absolute;left:18px;top:13px;background:transparent;font-size:30px;width:36px;height:36px;line-height:1}dialog h2{font-size:40px;margin:24px 0 20px}dialog>p{font-size:13px;color:var(--muted);margin-bottom:24px}dialog fieldset{margin-bottom:25px}dialog legend{font-size:14px}dialog label{display:flex;gap:10px;align-items:center;padding:9px 0;font-size:13px}dialog input{width:17px;height:17px}dialog textarea{width:100%;resize:vertical;background:white;border:1px solid var(--line);padding:14px;border-radius:4px;font-size:14px;line-height:1.8;margin-bottom:15px}#copy-status{font-size:12px;margin-top:10px;color:#52743d}.reveal{opacity:1}.reveal.is-visible{animation:reveal-in .65s ease-out both}@keyframes reveal-in{from{opacity:.45;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes window-in{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}@keyframes bar-in{from{transform:scaleY(.1)}to{transform:scaleY(1)}}@keyframes pulse{50%{box-shadow:0 0 0 5px #75934a14}}
@media(min-width:1600px){.section-wrap{width:min(1400px,calc(100% - 130px))}.hero{gap:65px}.hero-visual{height:610px}.product-window{max-width:650px}.hero h1{font-size:106px}}
@media(max-width:1100px){.section-wrap{width:calc(100% - 60px)}.topbar{padding:0 30px;gap:20px}.topbar nav{gap:17px;font-size:12px}.hero{gap:20px;min-height:650px;padding-block:55px}.hero h1{font-size:76px}.hero-visual{height:510px}.hero-description{font-size:15px}.hero-actions{gap:20px}.hero-actions .button{gap:18px;padding:12px 17px}.hero-footnote{gap:9px;font-size:10px}.window-content{padding:13px}.window-heading h2{font-size:17px}.mock-stats strong{font-size:29px}.mock-stats>div{padding:9px 7px}.mock-stats>div>span{font-size:8px}.mock-bottom{gap:7px}.mock-course,.mock-chart{padding:9px}.mock-chart>div:first-child{font-size:8px}.label-top{right:20px;font-size:10px}.label-bottom{left:15px;right:35px}.capability-strip{padding:23px 30px;gap:35px}.capability-strip>div{gap:15px;font-size:11px}.section-heading{gap:55px}.section-heading h2{font-size:40px}.feature-editorial{gap:35px}.feature-secondary{gap:25px}.feature-secondary h3{font-size:22px}.command-grid,.future-grid{gap:65px}.connector{width:55px}.architecture-node{padding:22px 15px}.architecture-node p{font-size:10px}.demo-panel{padding:28px}.quiz-layout{gap:35px}.demo-tabs button{padding:11px 12px}.faq-section{gap:60px}}
@media(max-width:780px){html{scroll-padding-top:75px}.section-wrap{width:calc(100% - 40px)}.topbar{height:71px;padding:0 20px;gap:18px}.topbar>.button{margin-right:auto}.topbar .brand{font-size:21px}.topbar .brand svg{width:27px;height:28px}.menu-toggle{display:block;background:none;font-size:23px;padding:6px}.topbar nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--paper);padding:20px;border-bottom:1px solid var(--line);margin:0;flex-wrap:wrap;justify-content:center;font-size:14px;gap:15px 25px}.topbar nav.open{display:flex}.hero{grid-template-columns:1fr;padding-block:45px;gap:45px}.hero .eyebrow{justify-content:flex-end;font-size:9px}.hero-pretitle{margin-top:25px}.hero h1{font-size:83px;margin-top:15px}.hero-description{font-size:16px;max-width:500px}.hero-footnote{margin-top:25px;font-size:11px}.hero-actions{margin-top:26px}.hero-visual{height:530px;max-width:600px;width:100%;margin:auto}.product-window{max-width:510px}.window-content{padding:19px}.window-heading h2{font-size:21px}.mock-stats strong{font-size:33px}.mock-stats>div{padding:12px 10px}.mock-stats>div>span{font-size:9px}.mock-bottom{gap:13px}.mock-course,.mock-chart{padding:13px}.label-top{top:50px;right:25px}.label-bottom{bottom:27px;right:60px;left:20px}.visual-index{bottom:7px}.capability-strip{display:block;text-align:center;padding:20px}.capability-strip>div{justify-content:center;gap:10px;flex-wrap:wrap;margin-top:12px;font-size:11px}.approach,.capabilities,.architecture,.rollout{padding-block:65px}.section-heading{grid-template-columns:1fr;gap:22px;margin-bottom:35px}.section-heading h2{font-size:39px}.section-heading p{font-size:15px;max-width:100%}.section-marker{margin-bottom:24px}.journey{grid-template-columns:1fr 1fr}.journey article{padding:23px!important;border-bottom:1px solid var(--line)}.journey article:nth-child(2n){border-left:0}.journey article:nth-last-child(-n+2){border-bottom:0}.journey h3{font-size:25px;margin-top:15px}.journey p{font-size:13px;min-height:90px}.journey-label{font-size:8px;margin-top:15px}.experience{padding-block:60px 40px}.demo-toolbar{padding:9px;display:block}.demo-tabs{gap:3px;justify-content:space-between}.demo-tabs button{font-size:11px;flex:1;padding:12px 6px}.demo-indicator{display:none}.demo-panel{padding:23px;min-height:0}.learner-grid{grid-template-columns:1fr;gap:25px}.learner-intro h3{font-size:25px}.learner-intro p{font-size:12px}.learner-intro{margin-bottom:22px}.demo-badge{font-size:8px}.demo-footer>span:last-child{display:none}.demo-footer{font-size:10px}.feature-editorial{grid-template-columns:1fr;gap:35px;padding-top:28px}.feature-main{padding:30px}.feature-icon{margin-bottom:30px}.feature-main h3{font-size:36px}.feature-secondary h3{font-size:23px}.utility-row{grid-template-columns:1fr;gap:15px;margin-top:20px}.command-section{padding-block:60px}.command-grid{grid-template-columns:1fr;gap:45px}.command-copy h2{font-size:55px}.command-copy>p{max-width:100%}.command-details h3{font-size:22px}.architecture-map{flex-direction:column;gap:0;padding-top:10px}.architecture-node{width:100%;min-height:0;padding:24px}.architecture-node h3{margin-top:15px}.architecture-node p{font-size:12px}.connector{height:65px;width:1px;position:relative;padding:0}.connector i{width:1px;height:65px}.connector i:before{top:0;left:-2px}.connector i:after{top:auto;bottom:0;right:-2px}.connector span{position:absolute;top:16px;right:15px;width:100px;text-align:right}.architecture-note{grid-template-columns:1fr;gap:12px}.future-section{padding-block:60px}.future-grid{grid-template-columns:1fr;gap:27px}.future-grid h2{font-size:53px}.future-grid>div>p{max-width:100%}.ai-concepts article{padding:23px 0}.rollout-steps{grid-template-columns:1fr 1fr;gap:35px 25px}.faq-section{grid-template-columns:1fr;gap:30px;padding-bottom:60px}.faq-section h2{font-size:35px}.closing{padding-block:35px 45px}.closing-top{gap:15px}.closing-top .eyebrow{font-size:8px}.closing-top>span:last-child{font-size:7px}.closing h2{font-size:46px}.closing-bottom{align-items:start;flex-direction:column;gap:25px}.closing .button{min-width:245px}footer{gap:20px}footer .text-link{margin-right:0}.manager-summary{gap:6px}.manager-summary>div{padding:12px 7px;display:block}.manager-summary b{display:block;font-size:27px}.manager-summary span{font-size:9px}.table-head,.treatment{gap:8px;grid-template-columns:1.2fr .9fr 1fr;padding:13px 0}.treatment b{font-size:11px}.treatment small{font-size:9px;display:block}.treatment .pill{font-size:8px;padding:4px}.treatment button{font-size:10px}.quiz-layout{grid-template-columns:1fr;gap:25px}.quiz-context h3{font-size:30px;margin:20px 0 14px}.quiz-context h3 br{display:none}.quiz-context p{max-width:100%}.quiz-capabilities{margin-top:13px}legend{font-size:16px}dialog{padding:35px 25px}dialog h2{font-size:35px}}
@media(max-width:400px){.topbar{padding:0 15px;gap:10px}.topbar>.button{font-size:11px;gap:13px;padding:8px 11px}.section-wrap{width:calc(100% - 30px)}.hero h1{font-size:74px}.hero-visual{height:460px}.window-content{padding:12px}.window-heading h2{font-size:17px}.mock-stats>div{padding:9px 6px}.mock-stats strong{font-size:29px}.mock-stats small{font-size:7px}.mock-bottom{gap:6px}.mock-course,.mock-chart{padding:8px}.mock-course h3{font-size:13px}.mock-chart>div:first-child{font-size:7px}.label-top{top:34px;padding:10px;font-size:9px}.label-bottom{bottom:20px;right:38px;padding:11px;gap:9px}.label-bottom b{font-size:11px}.label-bottom small{font-size:9px}.coordinates{font-size:6px}.journey article{padding:20px 15px!important}.journey p{min-height:115px}.demo-panel{padding:20px 15px}.demo-tabs button{font-size:10px}.feature-secondary{gap:19px}.feature-secondary h3{font-size:21px}.feature-secondary p{font-size:13px}.closing h2{font-size:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
@media print{body{background:white;color:black;font-size:11px}.topbar,.hero-actions,.demo-tabs,.demo-footer,.closing button,footer button,.menu-toggle,dialog,.hero-visual,.quiz-buttons{display:none!important}.section-wrap{width:100%}.hero{min-height:0;padding:20px 0;display:block}.hero h1{font-size:54px}.approach,.capabilities,.architecture,.rollout,.experience,.command-section,.future-section,.faq-section,.closing{padding-block:25px;background:white!important;color:black!important}.section-heading h2,.command-copy h2,.future-grid h2,.closing h2{font-size:30px;color:black}.section-heading{gap:20px;margin-bottom:20px}.section-heading p,.inverse p,.command-details p,.future-grid>div>p,.ai-concepts p{color:#444}.section-marker>span{color:black}.reveal{opacity:1;transform:none}.journey article,.feature-secondary article,.command-details article,.rollout-steps li{break-inside:avoid}.demo-shell{border:1px solid #aaa;min-height:0}.demo-panel{min-height:0}.feature-main{background:#eee}.future-grid,.command-grid{gap:30px}.command-details h3{color:black}.architecture-note{gap:25px}.architecture-map{padding:20px 0}footer{padding:20px 0}a[href]:after{content:none!important}}

/* Original full Metis wordmark, in every product-logo placement. */
.brand svg,.topbar .brand svg{width:138px;height:34px;display:block}
footer .brand svg{width:112px;height:28px}
.window-brand svg{width:75px;height:20px;display:block;filter:invert(1)}
.topbar [data-open-brief],.hero-actions>.button{justify-content:center}
.architecture-node h3{direction:inherit}
@media(max-width:400px){.topbar .brand svg{width:113px;height:29px}.capability-strip>div{gap:8px}.format-stack>span{align-items:center}.format-stack i{flex-shrink:0}}

/* Very faint grid, radially masked to disappear in every direction.
   Reference: https://magicui.design/docs/components/grid-pattern */
.command-section{position:relative;isolation:isolate;overflow:hidden}
.command-section::before,.future-section::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:
    linear-gradient(rgba(183,207,158,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(183,207,158,.045) 1px,transparent 1px);
  background-size:64px 64px;
  background-position:center;
  -webkit-mask-image:radial-gradient(ellipse 65% 80% at 45% 48%,rgba(0,0,0,.65) 0%,rgba(0,0,0,.3) 35%,transparent 75%);
  mask-image:radial-gradient(ellipse 65% 80% at 45% 48%,rgba(0,0,0,.65) 0%,rgba(0,0,0,.3) 35%,transparent 75%);
}
.command-grid,.future-grid{position:relative;z-index:1}
.closing .button{justify-content:center}
@media(max-width:780px){
  .command-section::before,.future-section::after{background-size:48px 48px}
}
@media print{.command-section::before,.future-section::after{display:none}}

/* Deliberate micro-interactions: hover feedback without constant motion.
   Visual references: Magic UI Shine Border / Hover.dev button examples. */
.topbar [data-open-brief],.hero-actions>.button{font-weight:500}
#show-manager{justify-content:center}
.button{position:relative;isolation:isolate;overflow:hidden;transition:transform .26s cubic-bezier(.2,.8,.2,1),background .26s,box-shadow .26s}
.demo-tabs button,.filter-row button{transition:background .22s,color .22s,box-shadow .22s}
.product-window{transition:transform .65s cubic-bezier(.2,.8,.2,1),box-shadow .65s}
.feature-secondary article{position:relative}
.feature-secondary article::after{content:"";position:absolute;bottom:-1px;right:0;width:100%;height:1px;background:#8d9f72;transform:scaleX(0);transform-origin:right;transition:transform .42s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.feature-secondary h3{transition:color .25s}
.architecture-node{transition:background .3s,border-color .3s,transform .3s,box-shadow .3s}
summary::after{transition:transform .25s,color .25s}
@media(hover:hover) and (pointer:fine){
  .button::after{content:"";position:absolute;top:-45%;bottom:-45%;left:-80%;width:45%;background:linear-gradient(110deg,transparent,rgba(255,255,255,.12),transparent);transform:skewX(-18deg);transition:left .6s cubic-bezier(.2,.8,.2,1);pointer-events:none}
  .button:hover::after{left:135%}
  .button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(18,39,28,.11)}
  .button:active{transform:translateY(0);box-shadow:none}
  .demo-tabs button:not([aria-selected="true"]):hover,.filter-row button:not(.active):hover{background:#dce5d0;box-shadow:inset 0 0 0 1px #bccba9}
  .hero-visual:hover .product-window{transform:perspective(1400px) rotateY(1deg) rotateX(0deg) translateY(-4px);box-shadow:-12px 28px 55px rgba(27,54,44,.17)}
  .feature-secondary article:hover::after{transform:scaleX(1)}
  .feature-secondary article:hover h3{color:#577348}
  .architecture-node:hover{transform:translateY(-3px);border-color:#b4c49e;background:#f4f8ee;box-shadow:0 8px 24px rgba(37,57,29,.05)}
  .architecture-node.core:hover{background:#d8e9bf}
  summary:hover::after{transform:rotate(90deg);color:#526f3d}
}
.demo-tabs button:focus-visible,.filter-row button:focus-visible{box-shadow:inset 0 0 0 1px #92a578}
@media(prefers-reduced-motion:reduce){
  .button::after{display:none}
  .button:hover,.button:active,.architecture-node:hover,summary:hover::after{transform:none}
  .hero-visual:hover .product-window{transform:perspective(1400px) rotateY(6deg) rotateX(2deg)}
}

/* Spatial card feedback: stable layout, independent movement per card. */
.journey,.feature-secondary,.rollout-steps{perspective:1100px;isolation:isolate}
.journey article,.feature-secondary article,.rollout-steps li{
  position:relative;z-index:0;transform-origin:center 70%;
  transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s,background .3s,border-color .3s;
}
.command-details article{position:relative;transition:transform .4s cubic-bezier(.2,.8,.2,1),background .35s}
.hero-visual.is-tracking .product-window{
  transform:perspective(1400px) rotateX(var(--pointer-rx,0deg)) rotateY(var(--pointer-ry,0deg)) translate3d(var(--pointer-x,0px),var(--pointer-y,-4px),0);
  transition:transform .13s ease-out,box-shadow .4s;
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .journey article:hover,.feature-secondary article:hover,.rollout-steps li:hover{
    z-index:2;transform:translateY(-9px) rotateX(5deg) rotateY(-3deg) translateZ(10px);
    background:#f9fbf5;box-shadow:-5px 18px 30px rgba(28,48,33,.11);border-color:#b7c6a9;
  }
  .feature-secondary article:hover{box-shadow:-6px 16px 26px rgba(28,48,33,.09),0 0 0 12px #f9fbf5}
  .rollout-steps li:hover{box-shadow:-5px 15px 28px rgba(28,48,33,.09),0 0 0 12px #f9fbf5}
  .command-details article:hover{transform:translateX(10px);background:rgba(203,228,169,.025)}
}
@media(prefers-reduced-motion:reduce){
  .journey article:hover,.feature-secondary article:hover,.rollout-steps li:hover,.command-details article:hover{transform:none;box-shadow:none}
  .hero-visual.is-tracking .product-window{transform:perspective(1400px) rotateY(6deg) rotateX(2deg)}
}

/* Contact details use full-width fields; topic checkboxes retain their layout. */
.contact-fields{display:grid;gap:12px;margin:24px 0}
dialog .contact-fields label{display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:0;font-size:12px;font-weight:500}
dialog .contact-fields input{width:100%;height:44px;border:1px solid #cbd6c0;border-radius:5px;background:#fff;padding:9px 12px;color:var(--ink);font-size:14px;box-sizing:border-box}
dialog .contact-fields input:focus{border-color:#809a68}
.contact-honeypot{position:absolute;inset-inline-start:0;top:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;pointer-events:none}
.contact-status{font-size:12px;color:#5e7053;margin-top:14px;line-height:1.7}
.contact-privacy{font-size:10px;color:#78866e;margin-top:12px}
.contact-direct{border-top:1px solid var(--line);margin-top:22px;padding-top:17px;font-size:12px;color:var(--muted)}
.contact-direct a{display:inline-block;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
#contact-verification{margin:12px 0}
#contact-submit:disabled{opacity:.55;transform:none;box-shadow:none}
#contact-submit:disabled::after{display:none}

/* Keep the contact dialog scrollable vertically without a horizontal track. */
#brief-dialog{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}
#brief-form,.contact-fields,.contact-fields label{min-width:0}
#brief-form fieldset{min-inline-size:0}

/* A modal owns scrolling until it closes, including wheel and touch overscroll. */
html:has(#brief-dialog[open]),body:has(#brief-dialog[open]){overflow:hidden;overscroll-behavior:none}
html{scrollbar-gutter:stable}

/* Header actions retain their RTL order: login to the right of the meeting CTA. */
.topbar-actions{display:flex;align-items:center;gap:12px;flex-shrink:0;margin-inline-start:auto}
.login-button{border:1px solid #bdcbb5;background:transparent;font-weight:500;justify-content:center}
#contact-submit{display:flex;margin-inline-start:auto;margin-inline-end:0}
.contact-success{text-align:center;padding:36px 0 22px}
.contact-success[hidden],#contact-content[hidden]{display:none}
.contact-success .eyebrow{justify-content:center;margin:22px 0 14px;color:var(--muted)}
.contact-success h2{font-size:clamp(28px,5vw,42px);outline:none}
.contact-success p{margin:22px 0 30px;color:var(--muted)}
.contact-success .button{justify-content:center}
.success-icon{display:inline-flex;width:68px;height:68px;align-items:center;justify-content:center;border-radius:50%;background:#e0edcf;color:#456333;font-size:32px}
@media(max-width:780px){.topbar-actions{gap:8px}.topbar-actions .small{padding:9px 12px;font-size:12px}.topbar{gap:12px}}

.contact-fields .field-error{font-size:11px;color:#a53535;line-height:1.6;letter-spacing:0}
.contact-fields .field-error:empty{display:none}
dialog .contact-fields input[aria-invalid="true"]{border-color:#b54a4a}

/* Vector arrows keep their shape across iOS, Android and desktop fonts. */
.arrow-icon{display:inline-block;width:1em;height:1em;vertical-align:-.12em;flex-shrink:0;pointer-events:none}
.course-symbol .arrow-icon{width:24px;height:24px}
.coordinates .arrow-icon{width:12px;height:12px}