:root{--oola-black: #000;--oola-ink: #1a1a1a;--oola-text: #333;--oola-muted: #6b6b6b;--oola-soft-text: #aaa;--oola-line: #e5e5e5;--oola-soft: #f5f5f5;--oola-paper: #fff}body{background:var(--oola-paper)}.oola-case{--oola-section-y: 96px;--oola-title-size: clamp(34px, 3.4vw, 48px);--oola-title-line-height: 1.2;--oola-copy-size: 17px;--oola-copy-line-height: 1.55;background:var(--oola-paper);color:var(--oola-ink);font-family:ManropeVar,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.oola-wrap,.oola-narrow{width:min(100% - 48px,1200px);margin:0 auto}.oola-narrow{max-width:1200px}.oola-section{padding:var(--oola-section-y) 0}.oola-section--soft{background:var(--oola-soft)}.oola-eyebrow{margin:0 0 18px;color:var(--oola-muted);font-size:14px;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}.oola-section h2,.oola-visual h2,.oola-results h2,.oola-cta h2{margin:0 0 24px;max-width:760px;color:var(--oola-black);font-size:var(--oola-title-size);font-weight:400;line-height:var(--oola-title-line-height);letter-spacing:0}.oola-section p,.oola-section li{color:var(--oola-text);font-size:var(--oola-copy-size);line-height:var(--oola-copy-line-height)}.oola-hero{min-height:80vh;padding:180px 0 0;background:var(--oola-black);color:#fff}.oola-hero__content{width:100%}.oola-back{display:inline-flex;margin-bottom:28px;color:#ffffff94;font-size:15px;text-decoration:none;transition:color .2s ease}.oola-back:hover{color:#fff}.oola-hero h1{max-width:1120px;margin:0;color:#fff;font-size:clamp(32px,5vw,56px);font-weight:400;line-height:1.08;letter-spacing:0}.oola-hero__lead{max-width:1000px;margin:40px 0 0;color:var(--oola-soft-text);font-size:var(--oola-copy-size);line-height:var(--oola-copy-line-height)}.oola-hero__role{margin:32px 0 0;color:#ffffffc7;font-size:12px;line-height:1.55}.oola-hero__meta{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;color:#777;font-size:12px;line-height:1.5}.oola-hero__meta span{color:#555}.oola-hero__image{display:block;width:100%;height:auto;margin-top:64px}.oola-placeholder{position:relative;display:flex;min-height:260px;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:linear-gradient(135deg,rgba(255,255,255,.12),transparent 32%),repeating-linear-gradient(90deg,transparent 0 42px,rgba(255,255,255,.055) 43px 44px),repeating-linear-gradient(0deg,transparent 0 42px,rgba(255,255,255,.045) 43px 44px),#050505;color:#ffffffb8;text-align:center}.oola-placeholder:before{content:attr(data-id);position:absolute;top:18px;left:18px;color:#ffffff57;font-size:10px;letter-spacing:.12em;text-transform:uppercase}.oola-placeholder span{width:min(100% - 56px,480px);font-size:15px;line-height:1.55}.oola-light-placeholder{border-color:var(--oola-line);background:linear-gradient(135deg,rgba(0,0,0,.05),transparent 32%),repeating-linear-gradient(90deg,transparent 0 42px,rgba(0,0,0,.035) 43px 44px),repeating-linear-gradient(0deg,transparent 0 42px,rgba(0,0,0,.03) 43px 44px),#fafafa;color:var(--oola-muted)}.oola-light-placeholder:before{color:#bbb}.oola-problems{display:grid;gap:0;margin:40px 0 0;padding:0;list-style:none;counter-reset:problem}.oola-problems li{display:grid;grid-template-columns:56px 1fr;gap:18px;margin:0;padding:22px 0;border-top:1px solid var(--oola-line);counter-increment:problem}.oola-problems li:before{content:counter(problem,decimal-leading-zero);color:#ccc;font-size:14px;font-weight:700;letter-spacing:.1em}.oola-quote{margin:42px 0 0;padding:24px 32px;border-left:4px solid var(--oola-black);border-radius:0 8px 8px 0;color:var(--oola-ink);font-size:18px;font-style:italic;line-height:1.65}.oola-quote cite{display:block;margin-top:12px;color:var(--oola-muted);font-size:14px;font-style:normal}.oola-quote--dark{padding:26px 28px;border:0;border-radius:0;background:var(--oola-black);color:#fff;font-size:16px;font-style:normal;line-height:1.5}.oola-quote--dark p{max-width:1000px;margin:0;color:#fff;font-size:inherit;line-height:inherit}.oola-quote--dark cite{display:inline;margin:0 0 0 6px;color:#ffffffc7;font-size:inherit}.oola-copy{max-width:1000px;margin:0;font-size:var(--oola-copy-size);line-height:var(--oola-copy-line-height)}.oola-copy p{margin:0 0 18px}.oola-research h2{margin-bottom:26px}.oola-research .oola-copy{max-width:1000px}.oola-insights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:56px}.oola-insight{min-height:220px;padding:32px 28px;background:#fff}.oola-insight__num{display:block;margin-bottom:24px;color:var(--oola-black);font-size:34px;font-weight:400;line-height:1}.oola-insight p{margin:0;color:var(--oola-muted);font-size:14px;line-height:1.5}.oola-solutions{background:#fff}.oola-solution{padding:var(--oola-section-y) 0;border-top:1px solid var(--oola-line)}.oola-solution:first-child{border-top:0}.oola-solution--soft{background:var(--oola-soft)}.oola-solution--dark{border-top-color:#222;background:var(--oola-black)}.oola-solution--featured h2{max-width:1120px;margin:0 0 24px;color:var(--oola-black);font-size:var(--oola-title-size);font-weight:400;line-height:var(--oola-title-line-height)}.oola-solution--featured .oola-copy{max-width:1080px}.oola-solution--featured .oola-solution__impact{margin:72px 0 24px;color:var(--oola-black);font-size:var(--oola-copy-size);font-weight:700;line-height:var(--oola-copy-line-height)}.oola-solution--dark h2{color:#fff}.oola-solution--dark .oola-copy{color:var(--oola-soft-text)}.oola-solution--dark .oola-solution__impact{color:#fff}.oola-solution__product-image{display:block;width:100%;height:auto}.oola-solution__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:clamp(36px,5vw,72px);align-items:center}.oola-solution__text{position:relative}.oola-solution__num{position:absolute;top:-54px;left:-8px;z-index:0;color:#eee;font-size:72px;font-weight:700;line-height:1}.oola-solution h3{position:relative;z-index:1;margin:0 0 24px;color:var(--oola-black);font-size:clamp(30px,3vw,42px);font-weight:400;line-height:var(--oola-title-line-height)}.oola-solution p{margin:0 0 18px;color:var(--oola-text);font-size:var(--oola-copy-size);line-height:var(--oola-copy-line-height)}.oola-solution p:last-child{margin-bottom:0}.oola-solution__media{min-height:460px;transition:transform .2s ease,border-color .2s ease}.oola-solution__media:hover{transform:scale(1.01);border-color:#bbb}.oola-solution__media--tall{min-height:620px}.oola-visual{padding:var(--oola-section-y) 0;background:var(--oola-black);color:#fff}.oola-visual h2,.oola-visual h3{color:#fff}.oola-visual p{color:#ffffffbd}.oola-visual h3{margin:56px 0 24px;font-size:22px;font-weight:400}.oola-palette{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.oola-swatch{min-height:128px}.oola-swatch__color{height:80px;border:1px solid rgba(255,255,255,.18);background:var(--swatch)}.oola-swatch b,.oola-swatch span{display:block}.oola-swatch b{margin-top:12px;color:#fff;font-size:13px;line-height:1.3}.oola-swatch span{margin-top:4px;color:#ffffff94;font-size:12px}.oola-type-grid,.oola-component-grid,.oola-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.oola-type-sample,.oola-component-card{min-height:170px;padding:26px;border:1px solid rgba(255,255,255,.16);background:#ffffff0d}.oola-type-sample b{display:block;color:#fff;line-height:1.15}.oola-type-sample--h1 b{font-size:clamp(30px,4vw,36px)}.oola-type-sample--h2 b{font-size:28px}.oola-type-sample--body b{font-size:17px;font-weight:400;line-height:1.75}.oola-type-sample span,.oola-component-card span{display:block;margin-top:14px;color:#fff9;font-size:13px;line-height:1.5}.oola-demo-button{display:inline-flex;min-height:46px;align-items:center;padding:0 26px;background:#fff;color:#000;font-size:13px;font-weight:700;text-decoration:none}.oola-demo-card{height:78px;border:1px solid rgba(255,255,255,.34);background:#ffffff0a}.oola-demo-input{width:100%;height:46px;border:0;border-bottom:1px solid rgba(255,255,255,.42);background:transparent}.oola-wide-media{margin-top:40px;aspect-ratio:16 / 9}.oola-visual .oola-wide-media{aspect-ratio:21 / 9}.oola-results{padding:var(--oola-section-y) 0;background:var(--oola-soft)}.oola-results h2{max-width:1120px}.oola-results .oola-copy{max-width:1080px}.oola-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;margin-top:56px}.oola-metric{min-height:220px;padding:28px 24px;background:#fff}.oola-metric b{display:block;color:var(--oola-black);font-size:34px;font-weight:400;line-height:1}.oola-metric span{display:block;margin-top:24px;color:var(--oola-muted);font-size:14px;line-height:1.45}.oola-results .oola-quote{max-width:760px;margin:42px auto 0;background:transparent}.oola-cta{padding:var(--oola-section-y) 0;background:var(--oola-black);color:#fff;text-align:center}.oola-cta__inner{max-width:760px;margin:0 auto}.oola-cta h2{color:#fff}.oola-cta p{margin:0;color:var(--oola-soft-text);font-size:var(--oola-copy-size);line-height:var(--oola-copy-line-height)}.oola-cta__actions{display:flex;flex-wrap:wrap;gap:22px;align-items:center;justify-content:center;margin-top:48px}.oola-cta__button{display:inline-flex;min-height:58px;align-items:center;justify-content:center;padding:16px 48px;border:1px solid #fff;background:#fff;color:#000;font-size:16px;font-weight:700;text-decoration:none;transition:.2s ease}.oola-cta__button:hover{background:#000;color:#fff}.oola-cta__link{color:#ffffff94;font-size:14px;text-decoration:none}.oola-cta__link:hover{color:#fff}@media(max-width:960px){.oola-insights,.oola-solution__grid,.oola-palette,.oola-type-grid,.oola-component-grid,.oola-results .oola-metrics{grid-template-columns:1fr}.oola-solution__grid{gap:44px}.oola-solution__media{min-height:360px}.oola-solution__media--tall{min-height:480px}}@media(max-width:560px){.oola-case{--oola-section-y: 64px}.oola-wrap,.oola-narrow{width:min(100% - 28px,1200px)}.oola-section,.oola-solution,.oola-results,.oola-visual{padding:var(--oola-section-y) 0}.oola-hero{min-height:auto;padding:132px 0 0}.oola-hero__lead{margin-top:28px}.oola-hero__role{margin-top:24px}.oola-hero__image{margin-top:40px}.oola-problems li,.oola-insight{grid-template-columns:1fr;gap:10px}.oola-placeholder span{width:min(100% - 34px,420px)}.oola-quote{padding-left:20px}.oola-cta{padding:var(--oola-section-y) 0}.oola-cta__button{width:100%}}.oola-wrap,.oola-narrow{box-sizing:border-box;width:100%;max-width:1600px;margin:0 auto;padding:0 64px}@media(max-width:1200px){.oola-wrap,.oola-narrow{padding:0 40px}}@media(max-width:1024px){.oola-wrap,.oola-narrow{padding:0 32px}}@media(max-width:768px){.oola-wrap,.oola-narrow{padding:0 20px}}@media(max-width:480px){.oola-wrap,.oola-narrow{padding:0 16px}}