.teaser-page{--moss:#4b5a3e;--sand:#e9e2d0;--clay:#a97c5d;--ink:#262621;--cream:#f8f5ee;--terracotta:#b3452c;--font-display:var(--font-fraunces),"Times New Roman",serif;--font-ui:var(--font-dm-sans),var(--font-inter),sans-serif;background:var(--cream);color:var(--ink);font-family:var(--font-ui);line-height:1.65;font-size:18px;min-height:100vh}.teaser-page .wordmark,.teaser-page h1,.teaser-page h2{font-family:var(--font-display)}.teaser-page .hero{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:56px 24px 30px;position:relative}.teaser-page .mark-stage{width:170px;height:170px;position:relative;margin-bottom:20px}.teaser-page .mark-stage svg{position:absolute;inset:0;width:100%;height:100%}.teaser-page #mark-coga{animation:cogaFade 13s ease-in-out infinite}.teaser-page #mark-kompas{animation:kompasFade 13s ease-in-out infinite}@keyframes cogaFade{0%{opacity:1}32%{opacity:1}45%{opacity:0}88%{opacity:0}to{opacity:1}}@keyframes kompasFade{0%{opacity:0}32%{opacity:0}45%{opacity:1}88%{opacity:1}to{opacity:0}}.teaser-page .needle{transform-origin:350px 350px;animation:idleTurn 9s ease-in-out infinite}@keyframes idleTurn{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}.teaser-page .eyebrow{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--clay);font-weight:600;margin-bottom:14px}.teaser-page .hero h1{font-size:clamp(32px,4.8vw,52px);font-weight:700;color:var(--moss);letter-spacing:-.01em;margin-bottom:14px;max-width:720px}.teaser-page .hero .lede{max-width:600px;font-size:19px;color:var(--ink);opacity:.85}.teaser-page .hero .sub{max-width:540px;font-size:16px;color:var(--ink);opacity:.6;margin-top:8px}.teaser-page .ea-trigger{margin-top:24px;display:inline-block;background:var(--moss);color:var(--cream);border:none;padding:13px 28px;border-radius:100px;font-family:var(--font-ui);font-size:15px;font-weight:500;cursor:pointer;transition:opacity .15s ease}.teaser-page .ea-trigger:hover{opacity:.88}.teaser-page .hero-ctas{margin-top:24px;display:flex;flex-direction:column;align-items:center;gap:12px}.teaser-page .hero-ctas .ea-trigger{margin-top:0}.teaser-page .subscribe-cta{text-decoration:none}.teaser-page .ea-trigger-secondary{background:transparent;color:var(--moss);border:1.5px solid var(--moss)}.teaser-page .ea-trigger-secondary:hover{opacity:.75}.teaser-page .ea-overlay{position:fixed;inset:0;background:rgba(38,38,33,.55);display:flex;align-items:center;justify-content:center;padding:24px;z-index:100}.teaser-page .ea-modal{background:var(--cream);border-radius:14px;max-width:440px;width:100%;padding:36px 32px 32px;position:relative;box-shadow:0 20px 60px rgba(38,38,33,.25);text-align:left}.teaser-page .ea-close{position:absolute;top:14px;right:16px;background:none;border:none;font-size:24px;line-height:1;color:var(--ink);opacity:.5;cursor:pointer}.teaser-page .ea-close:hover{opacity:1}.teaser-page .ea-modal h2{font-size:22px;color:var(--moss);margin-bottom:8px}.teaser-page .ea-modal .ea-intro{font-size:14px;opacity:.7;margin-bottom:22px}.teaser-page .ea-field{margin-bottom:14px}.teaser-page .ea-field label{display:block;font-size:12.5px;font-weight:500;margin-bottom:5px;opacity:.75}.teaser-page .ea-field input,.teaser-page .ea-field textarea{width:100%;border:1px solid var(--sand);border-radius:8px;padding:10px 12px;font-family:var(--font-ui);font-size:14.5px;color:var(--ink);background:#fff}.teaser-page .ea-field textarea{resize:vertical;min-height:68px}.teaser-page .ea-submit{width:100%;background:var(--moss);color:var(--cream);border:none;border-radius:100px;padding:12px;font-size:15px;font-weight:500;cursor:pointer;margin-top:6px}.teaser-page .ea-submit:hover{opacity:.9}.teaser-page .ea-submit:disabled{opacity:.6;cursor:default}.teaser-page .ea-success{text-align:center;padding:6px 0 4px}.teaser-page .ea-success .ea-check{font-size:32px;color:var(--moss);margin-bottom:10px}.teaser-page .ea-error{color:var(--terracotta);font-size:13px;margin-top:10px}.teaser-page .lang-selector{position:fixed;top:26px;left:32px;font-size:13px;font-weight:500;letter-spacing:.04em;color:var(--ink);z-index:10}.teaser-page .lang-current{color:var(--moss);font-weight:600}.teaser-page .lang-placeholder{opacity:.38;cursor:default}.teaser-page .lang-sep{opacity:.28}.teaser-page .login-link{position:fixed;top:26px;right:32px;font-size:14px;font-weight:500;color:var(--ink);opacity:.6;text-decoration:none;letter-spacing:.01em;z-index:10;transition:opacity .15s ease}.teaser-page .login-link:hover{opacity:1;text-decoration:underline}.teaser-page .metrics-teaser{text-align:center;padding:36px 24px 52px}.teaser-page .metrics-teaser .eyebrow{margin-bottom:8px}.teaser-page .metrics-teaser .mt-caption{font-size:14px;opacity:.55;max-width:420px;margin:0 auto 26px}.teaser-page .metrics-band{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:780px;margin:0 auto}.teaser-page .metric-card{background:#fff;border:1px solid var(--sand);border-radius:12px;padding:22px 12px 18px}.teaser-page .metric-card .gauge-wrap{position:relative;width:78px;height:78px;margin:0 auto 12px}.teaser-page .metric-card svg{width:78px;height:78px;transform:rotate(-90deg)}.teaser-page .metric-card .gauge-track{fill:none;stroke:var(--sand);stroke-width:8}.teaser-page .metric-card .gauge-fill{fill:none;stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset 1.2s cubic-bezier(.4,0,.2,1)}.teaser-page .metric-card .gauge-num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:600;font-size:15px;color:var(--ink)}.teaser-page .metric-card .metric-label{font-size:12px;text-transform:uppercase;letter-spacing:.06em;opacity:.55;margin-top:4px}@media (max-width:640px){.teaser-page .metrics-band{grid-template-columns:repeat(2,1fr)}}.teaser-page section{max-width:700px;margin:0 auto;padding:52px 24px}.teaser-page .divider{border:none;border-top:1px solid var(--sand);max-width:720px;margin:0 auto}.teaser-page .contrast{text-align:center;padding:44px 24px}.teaser-page .contrast .ask{font-size:19px;opacity:.45;font-style:italic;margin-bottom:8px}.teaser-page .contrast .ask strong{display:block;font-size:22px;font-weight:500;margin-top:5px}.teaser-page .contrast .answer{font-size:19px;color:var(--moss);margin-top:18px}.teaser-page .contrast .answer strong{display:block;font-size:26px;font-weight:700;margin-top:5px}.teaser-page h2{font-size:25px;font-weight:600;color:var(--moss);margin-bottom:16px}.teaser-page section p{margin-bottom:13px;opacity:.9}.teaser-page section ul{margin:14px 0;list-style:none}.teaser-page section ul li{padding:8px 0 8px 26px;position:relative;border-bottom:1px solid var(--sand)}.teaser-page section ul li:before{content:"";position:absolute;left:0;top:17px;width:7px;height:7px;border-radius:50%;background:var(--clay)}.teaser-page section ul li:last-child{border-bottom:none}.teaser-page .closing-line{margin-top:14px;font-weight:500}.teaser-page .vision{text-align:center;background:var(--moss);color:var(--cream);padding:60px 24px}.teaser-page .vision h2{color:var(--cream)}.teaser-page .vision p{max-width:620px;margin:0 auto 13px;opacity:.92}.teaser-page .vision .pull{margin-top:22px;font-size:22px;font-weight:600;font-style:italic;max-width:540px;margin-left:auto;margin-right:auto}.teaser-page footer{text-align:center;padding:36px 24px 44px}.teaser-page footer .fmark{width:38px;height:38px;margin:0 auto 12px}.teaser-page footer .fname{font-family:var(--font-display);font-weight:600;font-size:17px;color:var(--moss)}.teaser-page footer .ftag{font-size:13px;opacity:.6;margin-top:3px}.teaser-page footer .fbuild{font-size:12px;opacity:.45;margin-top:14px;letter-spacing:.02em}.teaser-page section.how-it-works{text-align:center;max-width:1120px;padding:12px 24px 40px}.teaser-page .kompas-flow{list-style:none;margin:28px auto 0;padding:0;display:flex;align-items:flex-start;justify-content:center}.teaser-page .flow-item,.teaser-page .kompas-flow li{display:flex;align-items:flex-start;flex:1 1 0;min-width:0;padding:0;border-bottom:none;position:static}.teaser-page .flow-node{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;min-width:0}.teaser-page .flow-picto{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-bottom:10px}.teaser-page .flow-picto svg{width:40px;height:40px}.teaser-page .flow-title{font-family:var(--font-display);font-weight:600;font-size:13px;color:var(--moss);letter-spacing:.01em;line-height:1.25}.teaser-page .flow-label{margin-top:3px;font-size:11px;line-height:1.3;color:var(--ink);opacity:.5}.teaser-page .flow-connector{flex:0 0 14px;height:1px;background:var(--sand);margin:20px 2px 0;transform-origin:left center;animation:flowDraw 1.1s ease both}.teaser-page .flow-item{animation:flowIn .55s ease both}.teaser-page .flow-idea{animation-delay:.04s}.teaser-page .flow-assessment{animation-delay:.1s}.teaser-page .flow-playbook{animation-delay:.16s}.teaser-page .flow-trust{animation-delay:.22s}.teaser-page .flow-execution{animation-delay:.28s}.teaser-page .flow-learning{animation-delay:.34s}.teaser-page .flow-memory{animation-delay:.4s}.teaser-page .flow-value{animation-delay:.46s}.teaser-page .flow-idea .flow-picto{color:var(--moss);opacity:.55}.teaser-page .flow-assessment .flow-picto{color:var(--moss);opacity:.72}.teaser-page .flow-playbook .flow-picto{color:var(--moss);opacity:.88}.teaser-page .flow-trust .flow-picto{color:var(--moss)}.teaser-page .flow-execution .flow-picto,.teaser-page .flow-learning .flow-picto{color:var(--clay)}.teaser-page .flow-memory .flow-picto{color:var(--terracotta)}.teaser-page .flow-value .flow-picto{color:var(--moss)}.teaser-page .flow-value .value-core{fill:var(--terracotta)}@keyframes flowIn{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}@keyframes flowDraw{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}.teaser-page section.product-section{max-width:920px}.teaser-page .shot-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.teaser-page .shot-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;width:100%;background:#fff;border:1px solid var(--sand);border-radius:12px;padding:12px 12px 16px;cursor:zoom-in;font-family:inherit;color:inherit;transition:opacity .15s ease}.teaser-page .shot-card:hover{opacity:.88}.teaser-page .shot-frame{display:block;width:100%;aspect-ratio:16/10;overflow:hidden;border-radius:8px;background:var(--sand);margin-bottom:12px}.teaser-page .shot-frame img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center}.teaser-page .shot-example{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--clay);font-weight:600;margin-bottom:4px}.teaser-page .shot-title{font-family:var(--font-display);font-size:16px;font-weight:600;color:var(--moss);margin-bottom:4px}.teaser-page .shot-caption{font-size:14px;line-height:1.45;opacity:.75}.teaser-page .shot-overlay{position:fixed;inset:0;background:rgba(38,38,33,.55);display:flex;align-items:center;justify-content:center;padding:24px;z-index:100}.teaser-page .shot-modal{background:var(--cream);border-radius:14px;max-width:min(1100px,100%);width:100%;max-height:92vh;overflow:auto;padding:44px 20px 20px;position:relative;box-shadow:0 20px 60px rgba(38,38,33,.25)}.teaser-page .shot-modal img{display:block;width:100%;height:auto;border-radius:8px}.teaser-page .shot-modal-caption{margin:14px 4px 0;font-size:14px;opacity:.75}.teaser-page .shot-modal-caption strong{color:var(--moss);font-weight:600}.teaser-page .beyond .closing-line{margin-top:0;margin-bottom:6px}.teaser-page .footer-cta{text-align:center;background:var(--moss);color:var(--cream);padding:60px 24px}.teaser-page .footer-cta h2{color:var(--cream)}.teaser-page .footer-cta p{max-width:520px;margin:0 auto 22px;opacity:.92}.teaser-page .footer-cta .ea-trigger{margin-top:0}.teaser-page .cta-light{background:var(--cream);color:var(--moss)}.teaser-page .cta-light:hover{opacity:.9}@media (max-width:960px){.teaser-page .kompas-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 10px}.teaser-page .flow-item{flex:none}.teaser-page .flow-connector{display:none}}@media (max-width:640px){.teaser-page .shot-grid{grid-template-columns:1fr}.teaser-page .kompas-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}}@media (max-width:600px){.teaser-page{font-size:16px}.teaser-page section{padding:40px 20px}.teaser-page section.how-it-works{padding:8px 20px 32px}.teaser-page .lang-selector{left:12px;top:18px;font-size:11px;letter-spacing:.02em}.teaser-page .login-link{right:16px;top:18px}.teaser-page .hero{padding-top:72px}}