*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:#141610;background:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a,button{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #719522;outline-offset:5px}button{border:0}svg{display:block;width:100%;height:100%;overflow:hidden}p{line-height:1.55}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.02em}h1,h2{font-weight:600}.lime{color:#aee344}.header{height:94px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e4e6df;background:#fff;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:24px}.brand svg{width:110px;height:34px}.brand>span{font-size:9px;font-weight:700;letter-spacing:1.7px;border-left:1px solid #ccc;padding-left:24px;width:110px;line-height:1.5}nav{display:flex;gap:34px;align-items:center;font-size:12px;font-weight:600}.nav-workspace{border:1px solid #171b11;padding:13px 17px;display:flex;gap:24px}.nav-workspace:hover{background:#b2e64d}.hero{display:grid;grid-template-columns:1fr 1fr;max-width:1800px;margin:auto}.hero-copy{padding:64px 8% 28px 10%}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.6px;line-height:1.5}.hero-copy .eyebrow{display:flex;gap:13px;align-items:center}.hero-copy .eyebrow span{width:29px;height:4px;background:#aee344}h1{font-size:clamp(68px,7.9vw,130px);line-height:.91;letter-spacing:-.02em}.hero h1{margin:30px 0 28px}.intro{font-size:15px;color:#5d6259;line-height:1.65}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:30px;flex-wrap:wrap}.button{padding:17px 20px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;font-weight:700;font-size:12px;transition:background .18s,transform .18s}.button:hover{transform:translateY(-2px)}.button span{font-size:18px}.lime-button{background:#b2e64d;color:#141610}.lime-button:hover{background:#c3f267}.text-link{font-size:11px;font-weight:600;display:flex;gap:17px}.hero-foot{font-size:8px;letter-spacing:1.55px;margin-top:42px;color:#757a6e}.hero-art{position:relative;min-height:620px;overflow:hidden;background:#777e62}.hero-photo{position:absolute;inset:0}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0002,transparent 35%,transparent 55%,#1118);pointer-events:none}.photo-top{position:absolute;top:27px;left:29px;color:white;font-size:8px;letter-spacing:1.8px;z-index:1;display:flex;align-items:center;gap:10px}.live-dot{width:6px;height:6px;background:#b2e64d;border-radius:50%;display:inline-block}.photo-cross{position:absolute;top:16px;right:30px;color:#b2e64d;font-size:34px;font-weight:200;z-index:1}.photo-caption{position:absolute;bottom:65px;left:32px;right:32px;display:flex;justify-content:space-between;align-items:center;color:#fff;z-index:1;font-size:23px;line-height:1.07;letter-spacing:-.7px;font-weight:700}.round-arrow{width:48px;height:48px;border:1px solid #fff8;border-radius:50%;display:grid;place-items:center;font-weight:400}.image-credit{position:absolute;bottom:28px;left:32px;color:#eee;font-size:8px;letter-spacing:1.8px;z-index:1}.pillars{display:grid;grid-template-columns:1.25fr 1fr 1.2fr .8fr 1.1fr;padding:30px 5%;background:#f5f6f0;border-bottom:1px solid #e4e6df;gap:25px;align-items:center}.pillars div{border-right:1px solid #d7dbcf;display:flex;gap:17px;align-items:center}.pillars div span{font-size:13px;color:#6a892f;font-weight:700}.pillars strong{font-size:12px;letter-spacing:-.2px}.pillars>p{font-size:8px;letter-spacing:1.5px;color:#74796a;line-height:1.7}.section{padding:88px 5%}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:18px 50px;align-items:end}.section-heading .eyebrow{grid-column:1/-1}h2{font-size:clamp(36px,4.1vw,60px);line-height:1.02}.section-heading>p:last-child{font-size:14px;color:#717668;max-width:380px;justify-self:end}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:43px}.story-image{height:320px;position:relative;overflow:hidden;background:#dde1d5}.story-image svg{transition:transform .5s}.story:hover svg{transform:scale(1.035)}.image-label{position:absolute;bottom:16px;left:16px;background:#fff;padding:9px 12px;font-size:8px;font-weight:700;letter-spacing:1.2px}.story h3{font-size:23px;letter-spacing:-.8px;margin:22px 0 11px}.story>p{font-size:13px;color:#73776e;max-width:310px}.platform{background:#f1f3ed;display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.platform h2{margin:23px 0}.platform-copy>p:not(.eyebrow){font-size:14px;color:#686e61;max-width:350px}.feature{display:flex;gap:15px;margin-top:25px}.feature>span{font-size:20px}.feature h3{font-size:14px;letter-spacing:-.3px;margin-bottom:5px}.feature p{font-size:12px;color:#6d7365}.platform-copy>.button{margin-top:31px}.product-preview{background:white;box-shadow:0 20px 50px #25320c0b;transform:rotate(1deg);padding:27px;border:1px solid #e1e5d8}.preview-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e7e9e0;padding-bottom:20px;gap:10px}.preview-top>strong{font-size:8px;letter-spacing:1.1px}.badge{font-size:9px;background:#eff1e9;color:#6a715e;padding:7px 9px;white-space:nowrap}.profile-line{display:flex;gap:12px;align-items:center;margin:24px 0}.avatar{width:41px;height:41px;background:#e8eddc;display:grid;place-items:center;font-size:12px;font-weight:700;flex-shrink:0}.profile-line h3{font-size:19px;letter-spacing:-.6px}.profile-line p{font-size:10px;color:#777e6d;margin-top:4px}.status{font-size:9px;color:#557523;background:#edf5de;padding:7px 9px;margin-left:auto;white-space:nowrap}.review-progress{background:#f0f5e5;padding:21px;display:flex;justify-content:space-between;align-items:center}.review-progress span:not(.focus-symbol){font-size:8px;letter-spacing:1px;color:#647347}.review-progress h3{font-size:27px;line-height:1.05;margin-top:12px}.focus-symbol{font-size:54px;color:#97c344}.review-line{padding:18px 0;border-bottom:1px solid #e7eadd;display:flex;gap:13px;align-items:flex-start}.check{display:grid;place-items:center;width:24px;height:24px;background:#edf4e0;font-size:12px;border-radius:50%;flex-shrink:0}.review-line strong{font-size:12px}.review-line p{font-size:11px;color:#73786b;margin-top:5px}.preview-link{display:flex;justify-content:space-between;font-size:11px;font-weight:700;padding-top:22px}.cycle{text-align:center}.cycle>div{display:flex;align-items:center;justify-content:space-between;margin:33px auto;max-width:950px;font-size:clamp(22px,3.6vw,45px);font-weight:700;letter-spacing:-1.5px}.cycle i{font-style:normal;font-weight:300;color:#a0a793}.cycle i.lime{color:#9ed439}.cycle>p:last-child{font-size:13px;color:#767c6e}.closing{display:grid;grid-template-columns:1.35fr 1fr;background:#b2e64d}.closing>div{padding:65px 8%}.closing h2{font-size:clamp(38px,4.4vw,67px);margin:25px 0 30px}.closing h2 span{color:white}.closing>svg{max-height:410px}.dark-button{background:#161a12;color:white}.dark-button:hover{background:#323b25}footer{padding:34px 5%;display:flex;gap:30px;align-items:center;justify-content:space-between}footer .brand svg{width:86px;height:27px}footer p,footer>span{font-size:9px;letter-spacing:1px;color:#797e71}footer p{margin-right:auto;color:#292d23}.skip{position:fixed;top:-100px;z-index:100;background:#b2e64d;padding:15px}.skip:focus{top:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}.workspace-bar{background:#f1f3ec;border-bottom:1px solid #e1e5d8;padding:13px 4%;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1px}.workspace-bar .live-dot{background:#789e35;margin-right:9px}.muted{color:#828978}.workspace-layout{display:grid;grid-template-columns:195px 1fr}.sidebar{border-right:1px solid #e4e8dd;padding:35px 18px;display:flex;flex-direction:column;gap:8px}.sidebar>.eyebrow{font-size:8px;margin:0 12px 20px}.side-button{text-align:left;padding:13px 14px;background:none;display:flex;gap:10px;font-size:12px;color:#7e8575}.side-button.active{background:#edf4df;color:#283514;font-weight:700}.sidebar-bottom{margin-top:auto;display:flex;gap:10px;align-items:center;padding-top:60px}.sidebar-bottom strong{font-size:11px}.sidebar-bottom p{font-size:9px;color:#828978}.workspace-content{padding:37px 4% 50px;min-width:0}.workspace-title{display:flex;justify-content:space-between;gap:20px;align-items:center}.workspace-title h1{font-size:clamp(28px,3vw,48px);line-height:1.05;letter-spacing:-1.7px;max-width:540px;margin:12px 0}.workspace-title p:last-child{font-size:12px;color:#818776}.squad-select{font-size:8px;letter-spacing:1px;flex-shrink:0}.squad-select select{display:block;border:1px solid #dde2d3;background:white;padding:10px;font-size:12px;margin-top:7px}.workspace-banner{display:grid;grid-template-columns:1fr 1.2fr;background:#141a0f;color:white;margin-top:30px;height:245px}.workspace-banner>div{padding:27px}.workspace-banner .eyebrow{font-size:8px;color:#b2d77e}.workspace-banner h2{font-size:30px;margin:17px 0 22px}.workspace-banner .button{padding:13px 15px;font-size:10px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #e2e6d9;margin:25px 0}.metrics>div{padding:22px;border-right:1px solid #e2e6d9}.metrics>div:last-child{border:0}.metrics span{font-size:8px;letter-spacing:.8px;color:#69735b}.metrics strong{display:block;font-size:42px;letter-spacing:-2px;margin:10px 0}.metrics small{font-size:9px;color:#838b76}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:31px 0 23px}.panel-heading h2{font-size:23px;margin-top:9px}.panel-heading .eyebrow{font-size:8px}.search{display:flex;border-bottom:1px solid #adb59e;align-items:center;gap:8px}.search span{font-size:23px}.search input{border:0;padding:10px 0;background:none;width:140px;font-size:11px;outline-offset:0}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{font-size:8px;color:#8b937e;font-weight:500;letter-spacing:1px;padding:13px 8px;border-block:1px solid #e2e6da}td{padding:18px 8px;border-bottom:1px solid #e2e6da;font-size:11px}td:first-child{display:flex;gap:11px;align-items:center}td:first-child strong{font-size:12px}td:first-child p{font-size:9px;color:#8b937e;margin-top:5px}.table-arrow{background:#eef3e3;width:28px;height:28px;font-size:15px}.review-due{background:#f2efdc;color:#8a783b}.demo-note{font-size:10px;color:#858c7a;margin-top:18px;line-height:1.5}#empty-state{padding:30px;background:#f4f6ef;text-align:center;font-size:13px}dialog{width:min(520px,calc(100% - 32px));max-height:90vh;border:1px solid #d9dfce;padding:37px;box-shadow:0 30px 120px #0003}dialog::backdrop{background:#1119;backdrop-filter:blur(4px)}.close-dialog{position:absolute;right:14px;top:11px;background:transparent;font-size:27px;color:#687358}dialog>.eyebrow{font-size:8px}dialog h2{font-size:36px;margin:20px 0 6px}dialog>.muted{font-size:12px}.dialog-focus{background:#f0f5e5;padding:20px;margin:24px 0 4px}.dialog-focus .eyebrow{font-size:8px}.dialog-focus h3{font-size:22px;margin-top:10px}form>label{display:block;font-size:11px;font-weight:700;margin:18px 0 9px}textarea,input[type=date]{width:100%;border:1px solid #d4dbca;padding:12px;background:#fff;border-radius:0;font-size:12px;color:#29321d}textarea{resize:vertical}form>.button{width:100%;margin-top:22px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#182210;color:white;padding:15px 22px;opacity:0;pointer-events:none;transition:.2s;z-index:30;font-size:12px}#toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1500px){.section{padding-inline:max(5%,calc((100% - 1520px)/2))}.hero-copy{padding-top:85px;padding-bottom:45px}.hero-art{min-height:780px}}
@media(max-width:1050px){.hero-copy{padding-top:45px}.hero-art{min-height:620px}.hero-actions{gap:20px}.header .brand>span{display:none}.pillars{gap:15px}.pillars div{gap:10px}.pillars strong{font-size:10px}.story-image{height:280px}.workspace-layout{grid-template-columns:165px 1fr}.sidebar{padding-inline:10px}.workspace-banner h2{font-size:25px}.workspace-banner>div{padding:22px}.metrics>div{padding:15px}.workspace-banner{height:235px}.workspace-content{padding-inline:25px}}
@media(max-width:760px){.header{height:75px}.brand svg{width:95px;height:29px}nav{gap:18px;font-size:11px}.header nav>a:not(.nav-workspace){display:none}.nav-workspace{padding:11px 12px;gap:14px}.hero{grid-template-columns:1fr}.hero-copy{padding:38px 6% 32px}.hero h1{font-size:clamp(76px,15vw,110px);margin:26px 0}.hero h1 br:nth-child(2){display:block}.hero-foot{margin-top:30px}.hero-art{min-height:440px;max-height:600px;height:112vw}.hero-photo{object-position:center}.intro{font-size:14px}.pillars{grid-template-columns:1fr 1fr;padding:25px 6%;gap:24px 12px}.pillars strong{font-size:12px}.pillars div:nth-child(even){border:0}.pillars>p{display:none}.section{padding:55px 6%}.section-heading{grid-template-columns:1fr;gap:17px}.section-heading .eyebrow{grid-column:auto}.section-heading>p:last-child{justify-self:start;max-width:100%}h2{font-size:40px}.story-grid{grid-template-columns:1fr;gap:35px;margin-top:30px}.story-image{height:370px}.story>p{max-width:100%}.story h3{margin-top:17px}.platform{grid-template-columns:1fr;gap:40px}.product-preview{transform:none;padding:22px}.cycle>div{font-size:23px;letter-spacing:-1px;flex-wrap:wrap;gap:8px}.cycle>div i:last-child{display:none}.cycle .eyebrow{font-size:8px}.closing{grid-template-columns:1fr}.closing>div{padding:45px 6%}.closing h2{font-size:43px}.closing>svg{height:360px}footer{flex-wrap:wrap;gap:18px}footer>span{width:100%}footer p{margin:0}.workspace-layout{display:block}.sidebar{flex-direction:row;border-right:0;border-bottom:1px solid #e1e6d8;padding:12px 4%;gap:6px;overflow:auto}.sidebar>.eyebrow,.sidebar-bottom{display:none}.side-button{white-space:nowrap;padding:10px;font-size:10px}.workspace-content{padding:28px 5%}.workspace-bar{font-size:7px}.workspace-bar .muted{display:none}.workspace-title{align-items:flex-start;gap:12px}.workspace-title .eyebrow{font-size:7px}.workspace-title h1{font-size:32px;letter-spacing:-1.3px}.workspace-title p:last-child{font-size:11px}.squad-select select{padding:8px;font-size:10px}.workspace-banner{grid-template-columns:.85fr 1.15fr;height:230px}.workspace-banner>div{padding:22px 15px}.workspace-banner h2{font-size:24px}.workspace-banner .eyebrow{font-size:7px}.workspace-banner .button{font-size:9px;gap:8px;padding:11px}.metrics{gap:0}.metrics>div{padding:14px 10px}.metrics span{font-size:7px;letter-spacing:.4px;display:block;min-height:25px}.metrics strong{font-size:32px}.metrics small{font-size:8px;line-height:1.4;display:block}.panel-heading{align-items:flex-start;flex-direction:column}.panel-heading h2{font-size:25px}.search{width:100%}.search input{width:100%}table{min-width:530px}dialog{padding:30px 23px}dialog h2{font-size:31px}.photo-caption{font-size:25px}.footer-note{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
@media(max-width:760px){.workspace-title>div{min-width:0}.workspace-title h1{overflow-wrap:break-word}.workspace-banner{min-width:0}.workspace-banner>div{min-width:0}.workspace-banner h2{font-size:22px}.metrics{min-width:0}.metrics>div{min-width:0}}
.table-scroll{position:relative}
@media(max-width:760px){.workspace-banner{height:auto;min-height:235px}.workspace-banner>svg{min-height:235px}.workspace-banner h2{font-size:clamp(20px,5.6vw,28px)}}
/* Performance-platform direction: readable type, restrained accents, product context. */
:root { --text-secondary: #596252; }
body { line-height: 1.5; }
h1, h2, h3 { letter-spacing: -.02em; }
h2 { font-size: clamp(32px, 3.1vw, 46px); line-height: 1.2; }
.header { height: 88px; }
.brand > span { font-size: 11px; letter-spacing: 1px; width: 135px; }
nav { font-size: 14px; gap: 28px; }
.nav-workspace { border-color: #d6dbd0; border-radius: 6px; }
.eyebrow { font-size: 12px; letter-spacing: 1.1px; font-weight: 600; }
.hero { grid-template-columns: 1.1fr 1fr; align-items: center; gap: 6%; padding: 64px 5% 70px; max-width: 1480px; }
.hero-copy { padding: 0; }
.hero h1 { font-size: clamp(44px, 4.7vw, 70px); line-height: 1.15; letter-spacing: -.02em; font-weight: 600; margin: 23px 0; }
.hero .intro { font-size: 21px; color: #252e20; line-height: 1.5; font-weight: 500; }
.hero-description { font-size: 17px; line-height: 1.75; color: var(--text-secondary); margin-top: 16px; max-width: 490px; }
.hero-actions { gap: 22px; margin-top: 28px; }
.button { font-size: 14px; padding: 14px 18px; border-radius: 5px; font-weight: 600; }
.text-link { font-size: 14px; line-height: 1.5; }
.hero-capabilities { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 29px; font-size: 13px; color: var(--text-secondary); }
.hero-capabilities span { display: flex; align-items: center; gap: 7px; }
.hero-capabilities span:before { content: ''; width: 4px; height: 4px; background: #7e973c; border-radius: 50%; }
.hero-art { min-height: 0; height: auto; max-height: none; background: #f3f5ef; border: 1px solid #e0e5d9; border-radius: 9px; overflow: hidden; }
.hero-art:after { display: none; }
.hero-photo { position: static; height: 300px; }
.hero-review { display: block; padding: 23px 25px; background: #fff; }
.hero-review:hover { background: #fafcf6; }
.hero-review-heading { display: flex; gap: 9px; align-items: center; font-size: 14px; }
.review-indicator { width: 7px; height: 7px; background: #93bd39; border-radius: 50%; }
.hero-example { font-size: 12px; font-weight: 400; color: #68715e; margin-left: auto; }
.hero-review-body { display: flex; align-items: center; gap: 13px; margin: 21px 0; }
.hero-review-body strong { font-size: 16px; font-weight: 600; }
.hero-review-body p { font-size: 13px; color: var(--text-secondary); margin-top: 3px; }
.hero-review-arrow { margin-left: auto; font-size: 22px; }
.hero-review-focus { display: flex; flex-direction: column; border-top: 1px solid #e3e7dc; padding-top: 15px; gap: 4px; }
.hero-review-focus span { font-size: 12px; color: var(--text-secondary); }
.hero-review-focus strong { font-size: 15px; font-weight: 500; }
.pillars { grid-template-columns: 1.3fr repeat(4, 1fr); padding: 35px 5%; gap: 22px; background: #f6f7f3; align-items: stretch; border-block: 1px solid #e4e7de; }
.pillars > div { display: flex; flex-direction: column; align-items: flex-start; gap: 7px; border: 0; padding: 0; }
.pillars .pillar-intro { padding-right: 12px; justify-content: center; }
.pillar-intro .eyebrow { font-size: 10px; letter-spacing: .8px; }
.pillars h2 { font-size: 20px; line-height: 1.4; letter-spacing: -.01em; }
.pillars .pillar { border-left: 1px solid #d9dfd0; padding-left: 22px; }
.pillars .pillar > span { font-size: 13px; color: #687d34; font-weight: 500; }
.pillars strong { font-size: 17px; letter-spacing: 0; line-height: 1.4; font-weight: 600; }
.pillars .pillar > p { font-size: 14px; color: var(--text-secondary); line-height: 1.5; }
.section { padding-top: 74px; padding-bottom: 74px; }
.section-heading > p:last-child, .platform-copy > p:not(.eyebrow) { font-size: 17px; color: var(--text-secondary); max-width: 450px; line-height: 1.7; }
.story-image { height: 255px; border-radius: 6px; }
.image-label { font-size: 11px; letter-spacing: .8px; padding: 10px 13px; border-radius: 3px; }
.story h3 { font-size: 23px; letter-spacing: -.015em; font-weight: 600; line-height: 1.3; }
.story > p { font-size: 16px; color: var(--text-secondary); max-width: none; line-height: 1.7; }
.platform { background: #f6f7f3; gap: 7%; }
.feature h3 { font-size: 17px; font-weight: 600; }
.feature p { font-size: 15px; color: var(--text-secondary); }
.product-preview { transform: none; border-radius: 8px; box-shadow: 0 8px 30px #25320c06; }
.preview-top > strong, .review-progress span:not(.focus-symbol) { font-size: 11px; letter-spacing: .6px; }
.badge, .status { font-size: 12px; }
.profile-line h3 { font-size: 21px; letter-spacing: -.02em; }
.profile-line p { font-size: 13px; color: var(--text-secondary); }
.review-progress h3 { line-height: 1.25; font-weight: 600; }
.review-line strong { font-size: 15px; font-weight: 600; }
.review-line p { font-size: 14px; color: var(--text-secondary); line-height: 1.65; }
.preview-link { font-size: 14px; }
.cycle > div { font-size: 30px; letter-spacing: -.02em; font-weight: 500; }
.cycle > p:last-child { font-size: 16px; color: var(--text-secondary); }
.closing { background: #f1f4eb; border-top: 1px solid #dee5d4; }
.closing h2 { font-size: clamp(34px, 3.3vw, 49px); line-height: 1.2; }
.closing h2 span { color: #7f9d34; }
footer p, footer > span { font-size: 11px; letter-spacing: .6px; }
.workspace-title h1 { font-size: clamp(30px, 2.8vw, 43px); line-height: 1.2; letter-spacing: -.02em; }
.workspace-title p:last-child { font-size: 15px; color: var(--text-secondary); }
.workspace-bar { font-size: 11px; }
.side-button { font-size: 14px; color: var(--text-secondary); }
.sidebar > .eyebrow, .sidebar-bottom p, .panel-heading .eyebrow, .workspace-banner .eyebrow, .squad-select, .dialog-focus .eyebrow, dialog > .eyebrow { font-size: 11px; }
.sidebar-bottom strong { font-size: 13px; }
.workspace-banner { height: auto; min-height: 270px; border-radius: 7px; overflow: hidden; }
.workspace-banner > svg { min-height: 270px; }
.workspace-banner h2 { line-height: 1.25; font-size: 28px; }
.workspace-banner .button { font-size: 13px; }
.metrics span { font-size: 11px; line-height: 1.5; color: #556146; }
.metrics small { font-size: 12px; color: var(--text-secondary); line-height: 1.5; }
.metrics strong { font-weight: 500; letter-spacing: -.02em; }
.search input, .squad-select select { font-size: 14px; }
th { font-size: 11px; color: var(--text-secondary); letter-spacing: .5px; }
td, td:first-child strong { font-size: 14px; }
td:first-child p { font-size: 12px; color: var(--text-secondary); }
.demo-note, dialog > .muted { font-size: 12px; color: var(--text-secondary); }
form > label, textarea, input[type=date] { font-size: 14px; }
@media (max-width: 1100px) {
.hero { gap: 4%; padding-top: 45px; padding-bottom: 45px; }
.hero h1 { font-size: clamp(40px, 4.8vw, 54px); }
.hero-description { font-size: 16px; }
.hero-photo { height: 260px; }
.hero-review { padding: 19px; }
.hero-review-heading { font-size: 13px; }
.pillars { grid-template-columns: repeat(4, 1fr); gap: 22px; }
.pillars .pillar-intro { grid-column: 1/-1; flex-direction: row; justify-content: space-between; align-items: center; padding: 0 0 12px; }
.pillar-intro h2 br { display: none; }
.pillars .pillar { padding-left: 17px; }
.pillars .pillar:nth-child(2) { padding-left: 0; border: 0; }
.workspace-layout { grid-template-columns: 185px 1fr; }
.metrics > div { padding: 17px; }
}
@media (max-width: 760px) {
.header { height: 76px; }
.hero { grid-template-columns: 1fr; gap: 32px; padding: 35px 6% 40px; }
.hero-copy { padding: 0; }
.hero h1 { font-size: clamp(39px, 8.8vw, 58px); margin: 20px 0; line-height: 1.17; }
.hero .eyebrow { font-size: 10px; letter-spacing: .7px; }
.hero .intro { font-size: 19px; }
.hero-description { font-size: 16px; }
.hero-capabilities { font-size: 12px; gap: 9px 15px; }
.hero-art { height: auto; min-height: 0; max-height: none; }
.hero-photo { height: 275px; }
.hero-review-heading { font-size: 14px; }
.pillars { grid-template-columns: 1fr 1fr; padding: 28px 6%; gap: 26px 18px; }
.pillars .pillar-intro { flex-direction: column; align-items: flex-start; gap: 10px; }
.pillar-intro h2 br { display: block; }
.pillars h2 { font-size: 23px; }
.pillars .pillar { padding: 0; border: 0; }
.pillars strong { font-size: 17px; }
.pillars .pillar > p { font-size: 14px; }
.section { padding: 48px 6%; }
h2 { font-size: 32px; }
.section-heading > p:last-child, .platform-copy > p:not(.eyebrow) { font-size: 16px; }
.story-image { height: 300px; }
.story h3 { font-size: 23px; }
.product-preview { padding: 19px; }
.profile-line { flex-wrap: wrap; }
.profile-line .status { margin-left: 53px; }
.preview-top > strong { font-size: 10px; }
.review-progress { padding: 18px; }
.cycle > div { font-size: 20px; letter-spacing: -.01em; }
.cycle .eyebrow { font-size: 11px; }
.closing h2 { font-size: 34px; }
.closing .eyebrow { font-size: 10px; }
.workspace-layout { display: block; }
.workspace-title { flex-direction: column; }
.workspace-title .eyebrow { font-size: 10px; }
.workspace-title h1 { font-size: 32px; }
.side-button { font-size: 13px; }
.workspace-banner { grid-template-columns: 1fr; }
.workspace-banner > svg { height: 195px; min-height: 0; }
.workspace-banner > div { padding: 24px; }
.workspace-banner h2 { font-size: 28px; }
.metrics { grid-template-columns: 1fr; }
.metrics > div { border-right: 0; border-bottom: 1px solid #e2e6d9; display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 6px 14px; }
.metrics strong { grid-column: 2; grid-row: 1/3; margin: 0; }
.metrics span { font-size: 11px; min-height: 0; }
.metrics small { font-size: 12px; }
table { min-width: 640px; }
.search input, textarea, input[type=date], .squad-select select { font-size: 16px; }
}
/* Reference-led display type: heavy letterforms with compact tracking and close-set lines. */
.hero h1,
.section-heading h2,
.platform-copy h2,
.closing h2 {
font-family: "Arial Black", "Helvetica Neue", Arial, sans-serif;
font-weight: 900;
letter-spacing: -.05em;
word-spacing: -.035em;
line-height: .98;
}
.hero h1 {
font-size: clamp(46px, 5.1vw, 76px);
margin: 25px 0;
}
@media (max-width: 1100px) and (min-width: 761px) {
.hero h1 { font-size: clamp(36px, 4.7vw, 52px); }
}
@media (max-width: 760px) {
.hero h1 { font-size: clamp(34px, 9.8vw, 60px); line-height: 1.02; }
.section-heading h2, .platform-copy h2, .closing h2 { font-size: 30px; line-height: 1.05; }
}
/* Product concept and purposeful, quiet motion. */
.platform { grid-template-columns: .8fr 1.2fr; gap: 5%; }
.product-concept { margin: 0; min-width: 0; }
.concept-image-button { position: relative; display: block; width: 100%; padding: 0; background: #e7eadf; border: 1px solid #d8ddcf; border-radius: 9px; overflow: hidden; text-align: left; }
.concept-image-button img { display: block; width: 100%; height: auto; transition: transform .8s cubic-bezier(.2,.6,.3,1); }
.concept-image-button:hover img { transform: scale(1.025); }
.expand-image { position: absolute; display: flex; align-items: center; gap: 22px; right: 18px; bottom: 18px; padding: 11px 15px; background: #fff; border: 1px solid #e1e5da; border-radius: 5px; box-shadow: 0 4px 20px #18201012; font-size: 12px; font-weight: 600; }
.product-concept figcaption { display: flex; justify-content: space-between; gap: 14px; margin-top: 16px; font-size: 10px; letter-spacing: .7px; color: #596450; }
.product-concept figcaption span:last-child { letter-spacing: 0; font-size: 11px; }
.concept-caption { display: flex; align-items: flex-start; gap: 13px; border-top: 1px solid #dce2d3; padding-top: 20px; margin-top: 20px; }
.concept-check { display: grid; place-items: center; flex-shrink: 0; background: #e1edcb; border-radius: 50%; width: 27px; height: 27px; font-size: 13px; }
.concept-caption p { font-size: 14px; line-height: 1.7; color: #66705d; }
.concept-caption strong { color: #26301e; display: block; font-weight: 600; }
#concept-dialog { width: min(1300px, calc(100% - 36px)); padding: 24px; border-radius: 9px; }
.concept-dialog-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 20px; }
.concept-dialog-top h2 { font-size: 22px; line-height: 1.3; margin: 8px 0 0; }
#close-concept { font-size: 28px; background: #f0f3e9; padding: 4px 12px; border-radius: 5px; }
#concept-dialog > img { width: 100%; height: auto; display: block; border-radius: 5px; }
#concept-dialog > p { font-size: 13px; color: #596450; margin-top: 17px; }
#concept-dialog > p a { font-weight: 600; margin-left: 12px; color: #28371a; text-decoration: underline; text-underline-offset: 4px; }
.development-cycle { background: #fff; padding-top: 88px; padding-bottom: 88px; }
.cycle-heading { display: grid; grid-template-columns: 1.2fr 1fr; gap: 8%; align-items: end; margin-bottom: 50px; }
.cycle-heading h2 { font-family: "Arial Black", "Helvetica Neue", Arial, sans-serif; font-weight: 900; letter-spacing: -.05em; word-spacing: -.035em; line-height: 1.04; font-size: clamp(35px, 3.5vw, 50px); margin-top: 22px; }
.cycle-heading > p { font-size: 17px; color: #596252; line-height: 1.8; }
.journey-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8%; align-items: start; }
.journey-step { position: relative; padding: 27px 0 35px 28px; border-left: 2px solid #e5eadd; margin-bottom: 35px; scroll-margin-top: 120px; transition: border-color .5s; }
.journey-step:last-child { margin-bottom: 0; }
.journey-step.is-active { border-color: #a9d94d; }
.step-label { display: flex; gap: 12px; align-items: center; color: #657755; margin-bottom: 18px; }
.step-label > span:first-child { font-size: 12px; }
.step-label > p { font-size: 11px; letter-spacing: 1.4px; font-weight: 650; }
.step-symbol { margin-left: auto; font-size: 25px; font-weight: 300; color: #819b5e; }
.journey-step h3 { font-size: 28px; letter-spacing: -.03em; line-height: 1.2; margin-bottom: 15px; font-weight: 700; }
.journey-step > p { font-size: 16px; color: #606b55; line-height: 1.75; }
.step-example { padding: 19px 21px; background: #f6f8f2; border: 1px solid #e8ecdf; border-radius: 5px; margin: 23px 0 18px; }
.step-example > span { font-size: 9px; font-weight: 650; letter-spacing: 1px; color: #77836a; }
.step-example blockquote { margin: 10px 0 0; font-size: 16px; line-height: 1.65; color: #2b3921; }
.journey-step p.step-takeaway { font-size: 13px; font-weight: 550; color: #52633e; }
.step-takeaway span { font-size: 18px; margin-right: 6px; }
.journey-step .text-link { margin-top: 23px; }
.scroll-reveal { opacity: 0; transform: translateY(15px); transition: opacity .7s ease, transform .7s cubic-bezier(.2,.6,.3,1), border-color .5s; }
.scroll-reveal.has-entered { opacity: 1; transform: translateY(0); }
@media (max-width: 1100px) {
.platform { grid-template-columns: .8fr 1.2fr; gap: 4%; }
.platform-copy h2 { font-size: 35px; }
.journey-grid { gap: 5%; }
.journey-step { padding-left: 22px; }
}
@media (max-width: 760px) {
.platform { grid-template-columns: 1fr; gap: 35px; }
.platform-copy h2 { font-size: 30px; }
.product-concept figcaption { flex-direction: column; gap: 5px; }
.expand-image { font-size: 11px; padding: 9px 12px; right: 11px; bottom: 11px; }
.cycle-heading { grid-template-columns: 1fr; gap: 22px; margin-bottom: 30px; }
.cycle-heading h2 { font-size: 34px; line-height: 1.08; }
.cycle-heading > p { font-size: 16px; }
.development-cycle { padding-block: 48px; }
.journey-grid { grid-template-columns: 1fr; gap: 28px; }
.journey-step { padding: 22px 0 28px 20px; margin-bottom: 18px; }
.journey-step h3 { font-size: 26px; }
.step-example { padding: 17px; }
#concept-dialog { padding: 17px; width: calc(100% - 24px); }
.concept-dialog-top h2 { font-size: 19px; }
#concept-dialog > p a { display: block; margin: 8px 0 0; }
}
@media (prefers-reduced-motion: reduce) {
.scroll-reveal { opacity: 1; transform: none; }
.concept-image-button:hover img { transform: none; }
}
@media (min-width: 761px) and (max-height: 800px) {
}
/* Four clear stages, without a decorative trophy panel. */
.journey-grid { display: block; }
.journey-steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px 42px; }
.journey-step { margin: 0; padding: 26px 0 22px; border-left: 0; border-top: 2px solid #c5d8a6; }
@media (max-width: 760px) {
.journey-steps { grid-template-columns: 1fr; gap: 18px; }
.journey-step { margin: 0; padding: 24px 0; }
}
/* Give each editorial image a single purpose on the homepage. */
.plan-graphic { background: #edf3e2; border: 1px solid #dce5ce; padding: 24px; height: auto; min-height: 255px; }
.plan-graphic-heading { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: #63774a; font-size: 9px; font-weight: 650; letter-spacing: .8px; }
.plan-graphic-heading > span:last-child { font-size: 21px; }
.plan-graphic-focus { font-size: 25px; font-weight: 750; letter-spacing: -.035em; line-height: 1.15; margin: 16px 0 17px; }
.plan-graphic-row { display: flex; gap: 11px; align-items: center; border-top: 1px solid #d7e1c7; padding: 11px 0; }
.plan-graphic-row .check { background: #d7e9b4; }
.plan-graphic-row strong { font-size: 12px; font-weight: 600; }
.plan-graphic-row p { font-size: 12px; color: #5e6c50; margin-top: 3px; }
.plan-graphic .image-label { position: static; display: inline-block; margin-top: 11px; }
.story-grid { align-items: start; }
.closing { grid-template-columns: 1.2fr 1fr; align-items: center; padding: 55px 5%; gap: 7%; }
.closing > div { padding: 0; }
.closing h2 { margin-bottom: 0; }
.closing-action > p { max-width: 410px; font-size: 17px; line-height: 1.75; color: #5c6851; margin-bottom: 25px; }
@media (min-width: 761px) {
.story-image { height: 330px; }
.plan-graphic { min-height: 330px; }
}
@media (max-width: 760px) {
.plan-graphic { min-height: 300px; height: auto; }
.closing { grid-template-columns: 1fr; gap: 28px; padding: 44px 6%; }
.closing-action > p { font-size: 16px; }
}
#access-dialog { width: min(520px, calc(100% - 32px)); padding: 38px; border-radius: 10px; }
.access-mark { display: grid; place-items: center; width: 48px; height: 48px; font-size: 28px; background: #eef5e0; border-radius: 8px; margin-bottom: 25px; }
#access-dialog > .eyebrow { font-size: 11px; letter-spacing: 1px; color: #647651; }
#access-title { font-family: "Arial Black", "Helvetica Neue", Arial, sans-serif; font-weight: 900; font-size: 37px; line-height: 1.12; letter-spacing: -.045em; margin: 15px 0 20px; }
#access-description { font-size: 16px; color: #5b6651; line-height: 1.7; }
.access-details { padding: 20px; background: #f4f7ee; border: 1px solid #e0e7d5; border-radius: 6px; margin: 25px 0 20px; }
.access-details strong { font-size: 14px; font-weight: 600; }
.access-details p { font-size: 14px; color: #657259; line-height: 1.7; margin-top: 8px; }
.access-preview-note { font-size: 12px; color: #738066; line-height: 1.6; }
#access-return { width: 100%; margin-top: 23px; }
body:has(dialog[open]) { overflow: hidden; }
@media (max-width: 760px) {
#access-dialog { padding: 29px 24px; }
#access-title { font-size: 31px; }
}
/* ------------------------------------------------------------------
WordPress theme additions (EDGE 2026 theme, v3.0.0)
------------------------------------------------------------------ */
/* Sign in: a quiet link beside the Coach workspace button. */
.nav-signin { white-space: nowrap; }
.nav-signin:hover, .footer-links a:hover, .access-signin a:hover { text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 760px) {
.header nav > a.nav-signin { display: inline; font-size: 13px; }
.header nav { gap: 16px; }
}
@media (max-width: 370px) {
.header .brand svg { width: 80px; height: 25px; }
.nav-workspace { gap: 8px; padding: 10px; }
}
/* Footer links */
.footer-links { display: flex; gap: 22px; align-items: center; font-size: 13px; font-weight: 600; }
.footer-links a { color: #292d23; }
@media (max-width: 760px) {
.footer-links { width: 100%; }
}
/* Admin bar offset for the sticky header (logged-in editors only). */
.admin-bar .header { top: 32px; }
@media (max-width: 782px) { .admin-bar .header { top: 46px; } }
@media (max-width: 600px) { .admin-bar .header { top: 0; } }
/* Request access dialog: Contact Form 7 form */
#access-dialog { max-height: calc(100dvh - 32px); overflow-y: auto; }
#access-dialog .access-form { margin: 22px 0 6px; }
#access-dialog .wpcf7 form > p { margin: 0 0 10px; }
#access-dialog .wpcf7-form-control-wrap { display: block; }
#access-dialog .wpcf7 input[type="text"],
#access-dialog .wpcf7 input[type="email"],
#access-dialog .wpcf7 input[type="tel"],
#access-dialog .wpcf7 input[type="url"],
#access-dialog .wpcf7 select,
#access-dialog .wpcf7 textarea {
display: block; width: 100%; margin: 0; padding: 13px 14px;
border: 1px solid #d4dbca; border-radius: 5px; background: #fff;
color: #141610; font: inherit; font-size: 16px; line-height: 1.4;
}
#access-dialog .wpcf7 input::placeholder, #access-dialog .wpcf7 textarea::placeholder { color: #6f7867; }
#access-dialog .wpcf7 input:focus-visible,
#access-dialog .wpcf7 select:focus-visible,
#access-dialog .wpcf7 textarea:focus-visible { outline: 3px solid #719522; outline-offset: 2px; border-color: #719522; }
#access-dialog .wpcf7 form > p:has(.wpcf7-submit) { position: relative; margin-top: 16px; }
#access-dialog .wpcf7-submit {
display: block; width: 100%; margin: 0; padding: 15px 18px; border: 0; border-radius: 5px;
background: #b2e64d; color: #141610; font: inherit; font-size: 15px; font-weight: 700; cursor: pointer;
transition: background .18s;
}
#access-dialog .wpcf7-submit:hover { background: #c3f267; }
#access-dialog .wpcf7-submit:focus-visible { outline: 3px solid #141610; outline-offset: 3px; }
#access-dialog .wpcf7-spinner { position: absolute; right: 14px; top: 50%; margin: -12px 0 0; }
#access-dialog .wpcf7-not-valid-tip { font-size: 13px; margin-top: 5px; color: #b3261e; }
#access-dialog .wpcf7 form .wpcf7-response-output { margin: 14px 0 0; padding: 12px 14px; border-radius: 5px; font-size: 14px; line-height: 1.5; }
#access-dialog .wpcf7 form.sent .wpcf7-response-output { border-color: #8fbf2f; background: #f4f7ee; }
.access-signin { margin: 16px 0 0; font-size: 14px; color: #5b6651; }
.access-signin a { color: #141610; font-weight: 600; }
.quiet-button { background: transparent; color: #141610; border: 1px solid #d6dbd0; }
.quiet-button:hover { background: #f4f7ee; }
#access-dialog .access-form ~ #access-return { margin-top: 18px; }
/* Pages, posts and 404s (fallback template) */
.page-shell { padding: 70px 5% 90px; min-height: 55vh; }
.page-entry { max-width: 760px; margin: 0 auto; }
.page-entry + .page-entry { margin-top: 70px; }
.page-entry > .eyebrow { margin-bottom: 18px; }
.page-title {
font-family: "Arial Black", "Helvetica Neue", Arial, sans-serif; font-weight: 900;
letter-spacing: -.05em; word-spacing: -.035em; line-height: 1.02;
font-size: clamp(38px, 5vw, 60px); margin: 0 0 28px;
}
.page-content { font-size: 17px; line-height: 1.7; color: #2a3023; }
.page-content a { text-decoration: underline; text-underline-offset: 3px; }
.page-content img { max-width: 100%; height: auto; }
.page-entry > .button { width: auto; }
@media (max-width: 760px) { .page-shell { padding: 45px 6% 60px; } }