.coreops-page{--coreops-font:var(--body-font);overflow-x:hidden;background:var(--paper);color:var(--ink);font-family:var(--coreops-font);font-optical-sizing:auto;font-synthesis:none;text-rendering:optimizeLegibility}
.coreops-page .site-header{background:rgb(251 250 246 / .94)}
.coreops-page .primary-nav{gap:27px}
.coreops-page h1,.coreops-page h2,.coreops-page h3{font-family:var(--display-font)}
.coreops-page button,.coreops-page .button{font-family:var(--body-font)}
.coreops-page .eyebrow{font-weight:650;letter-spacing:.12em}

/* Product hero */
.product-hero{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:66px;align-items:center;min-height:720px;padding-block:82px 94px;overflow:hidden}
.product-hero::before{content:'';position:absolute;z-index:-1;top:35px;right:-100px;width:460px;height:460px;border:70px solid var(--sage);border-radius:50%;opacity:.52}
.product-hero-copy{max-width:700px}
.product-hero-copy .eyebrow{display:flex;align-items:center;gap:14px;color:var(--mineral-dark)}
.product-hero h1{margin-top:37px;font-size:clamp(48px,5vw,64px);font-weight:560;line-height:1.1;letter-spacing:-.026em}
.product-hero h1 em{display:block;margin-top:5px;color:var(--mineral);font-family:var(--display-font);font-weight:430;font-style:normal;letter-spacing:-.03em}
.product-hero-lead{max-width:650px;margin-top:30px;color:var(--ink-muted);font-size:18px;line-height:1.65}
.product-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:30px}
.product-actions .button{margin:0}
.button-outline{border-color:#afbbb5;color:var(--ink);background:transparent}
.button-outline:hover{border-color:var(--mineral);background:var(--sage-2)}
.product-hero-note{margin-top:18px;color:#728086;font-size:16px;line-height:1.65}
.product-video{position:relative;margin:0;padding:10px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow)}
.product-video::before{content:'PRODUCT STORY';position:absolute;top:26px;left:26px;z-index:2;padding:7px 10px;border-radius:999px;background:rgb(20 43 59 / .84);color:#fff;font-size:.57rem;font-weight:760;letter-spacing:.14em;backdrop-filter:blur(8px)}
.product-video video{width:100%;aspect-ratio:16/9;border-radius:16px;background:var(--midnight)}
.product-video figcaption{display:flex;justify-content:space-between;gap:18px;padding:13px 5px 2px;color:var(--ink-muted);font-size:.67rem}
.product-video strong{color:var(--ink)}

/* Shared product headings */
.product-heading{max-width:850px;margin-bottom:50px}
.product-heading h2{font-size:clamp(30px,3.2vw,40px);font-weight:560;line-height:1.16;letter-spacing:-.022em}
.product-heading>p:last-child,.heading-split>p{margin-top:24px;color:var(--ink-muted);font-size:18px;line-height:1.65}
.heading-split{display:grid;grid-template-columns:1.15fr .85fr;gap:86px;align-items:end;max-width:none}
.heading-split>p{margin:0 0 5px}

/* Problem */
.product-problem{position:relative;padding-block:116px;background:var(--midnight);color:var(--ivory);overflow:hidden}
.product-problem::after{content:'';position:absolute;right:-130px;top:-180px;width:420px;height:420px;border:70px solid rgb(159 193 177 / .08);border-radius:50%}
.product-problem .container{position:relative;z-index:1}
.product-problem .eyebrow,.product-personas .eyebrow{color:#abc5b7}
.product-problem h2,.product-problem h3,.product-personas h2,.product-personas h3{color:var(--ivory)}
.product-problem .product-heading>p:last-child,.product-personas .heading-split>p{color:#c4cfcc}
.problem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.problem-grid article{min-height:300px;padding:27px;border:1px solid var(--line-dark);border-radius:17px;background:rgb(255 255 255 / .035)}
.problem-grid article>span{display:inline-flex;align-items:center;justify-content:center;width:31px;height:31px;border:1px solid #59717b;border-radius:50%;color:#a7c0b2;font-size:.68rem;font-weight:720}
.problem-grid h3{min-height:68px;margin:62px 0 17px;font-size:1.34rem;font-weight:630;line-height:1.32;letter-spacing:-.018em}
.problem-grid p{color:#c2cdca;font-size:17px;line-height:1.65}

/* Flow and package architecture */
.product-flow{padding-block:116px}
.flow-figure{margin:0;padding:18px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 18px 50px rgb(20 43 59 / .07)}
.flow-figure img{width:100%;border-radius:12px;mix-blend-mode:multiply}
.flow-figure figcaption{padding:14px 5px 1px;color:var(--ink-muted);text-align:center;font-size:.7rem}
.journey-row{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin:26px 0 0;padding:0;list-style:none}
.journey-row li{position:relative;padding:17px 10px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font-size:16px;font-weight:620;text-align:center}
.journey-row span{display:block;margin-bottom:4px;color:var(--mineral);font-size:.61rem}
.journey-row li:not(:last-child)::after{content:'→';position:absolute;z-index:2;right:-10px;top:50%;transform:translateY(-50%);width:13px;color:var(--brass);background:var(--paper)}
.scope-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:42px}
.scope-grid article{position:relative;min-height:240px;padding:27px;border:1px solid var(--line);border-radius:17px;background:#fff;overflow:hidden;transition:transform .2s,box-shadow .2s}
.scope-grid article:hover{transform:translateY(-4px);box-shadow:0 18px 48px rgb(20 43 59 / .08)}
.scope-grid article::after{content:'';position:absolute;right:-42px;bottom:-55px;width:125px;height:125px;border:24px solid var(--sage-2);border-radius:50%}
.scope-grid p,.persona-grid article>p{position:relative;z-index:1;color:var(--mineral-dark);font-size:.62rem;font-weight:780;letter-spacing:.13em}
.scope-grid h3{position:relative;z-index:1;margin:38px 0 13px;font-size:1.28rem;font-weight:640;line-height:1.3;letter-spacing:-.015em}
.scope-grid span{position:relative;z-index:1;color:var(--ink-muted);font-size:17px;line-height:1.65}

/* Persona */
.product-personas{padding-block:116px;background:linear-gradient(145deg,#254453,#31594f);color:var(--ivory)}
.persona-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.persona-grid article{min-height:300px;padding:29px;border:1px solid rgb(255 255 255 / .15);border-radius:17px;background:rgb(9 32 43 / .18)}
.persona-grid article>p{margin-bottom:57px;color:#b9d1c4}
.persona-grid h3{margin-bottom:17px;font-size:1.39rem;font-weight:610;line-height:1.34;letter-spacing:-.018em}
.persona-grid span{color:#cdd8d5;font-size:17px;line-height:1.65}

/* Evidence */
.product-evidence{padding-block:116px}
.evidence-grid{display:grid;grid-template-columns:1.38fr .56fr .77fr;gap:18px;align-items:start}
.evidence-grid figure{margin:0;padding:10px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 14px 42px rgb(20 43 59 / .06)}
.evidence-grid img{width:100%;border-radius:11px}
.evidence-grid figcaption{padding:10px 3px 2px;color:var(--ink-muted);font-size:.67rem}
.evidence-mobile{max-width:330px}
.evidence-boundary{padding:28px;border:1px solid #ccd9d0;border-radius:18px;background:var(--sage-2)}
.boundary-label{color:var(--mineral-dark);font-size:.61rem;font-weight:780;letter-spacing:.14em}
.evidence-boundary h3{margin:25px 0 20px;font-size:1.5rem;font-weight:630;line-height:1.25}
.evidence-boundary ul{margin:0;padding-left:17px;color:var(--ink-muted);font-size:17px;line-height:1.65}
.evidence-boundary li+li{margin-top:9px}

/* Discovery */
.product-discovery{position:relative;padding-block:100px;background:var(--mineral-dark);color:#fff;overflow:hidden}
.product-discovery::after{content:'';position:absolute;right:-110px;bottom:-190px;width:420px;height:420px;border:72px solid rgb(255 255 255 / .06);border-radius:50%}
.discovery-layout{position:relative;z-index:1;display:grid;grid-template-columns:1.15fr .85fr;gap:95px;align-items:center}
.product-discovery .eyebrow{color:#c4dbce}
.product-discovery h2{color:#fff;font-size:clamp(30px,3.2vw,40px);font-weight:560;line-height:1.16;letter-spacing:-.022em}
.product-discovery h2+p{max-width:700px;margin-top:23px;color:#e0eae5;font-size:18px;line-height:1.65}
.discovery-actions{display:flex;flex-direction:column;align-items:flex-start;gap:17px}
.text-link{padding:7px 0 5px;border-bottom:1px solid #dbe8e1;font-size:16px;font-weight:620}
.discovery-actions p{color:#c7d8cf;font-size:16px;line-height:1.65}

@media(max-width:1080px){
  .product-hero{grid-template-columns:1fr;min-height:0;gap:48px}
  .product-hero-copy,.product-video{max-width:820px}
  .problem-grid,.scope-grid{grid-template-columns:repeat(2,1fr)}
  .persona-grid{grid-template-columns:repeat(2,1fr)}
  .evidence-grid{grid-template-columns:1.2fr .58fr}
  .evidence-boundary{grid-column:1/-1;max-width:780px}
  .heading-split,.discovery-layout{grid-template-columns:1fr;gap:26px}
}
@media(max-width:720px){
  .coreops-page .primary-nav{gap:4px 22px}
  .product-hero{padding-block:54px 72px}
  .product-hero::before{width:280px;height:280px;border-width:45px;right:-110px}
  .product-hero h1{margin-top:28px;font-size:clamp(32px,9.8vw,40px);line-height:1.12;letter-spacing:-.024em}
  .product-hero-lead{font-size:17px;line-height:1.65}
  .product-actions{flex-direction:column}
  .product-actions .button{width:100%}
  .product-video{padding:8px;border-radius:18px}
  .product-video video{border-radius:11px}
  .product-video figcaption{flex-direction:column;gap:2px}
  .product-problem,.product-flow,.product-personas,.product-evidence{padding-block:72px}
  .product-heading{margin-bottom:36px}
  .product-heading h2{font-size:clamp(26px,7.8vw,32px);line-height:1.18}
  .problem-grid,.scope-grid,.persona-grid,.evidence-grid{grid-template-columns:1fr}
  .problem-grid article,.scope-grid article,.persona-grid article{min-height:0}
  .problem-grid h3{min-height:0;margin-top:40px}
  .flow-figure{padding:9px;overflow:auto}
  .flow-figure img{min-width:760px}
  .journey-row{grid-template-columns:repeat(2,1fr)}
  .journey-row li::after{display:none}
  .persona-grid article>p{margin-bottom:36px}
  .evidence-mobile{max-width:280px}
  .product-discovery{padding-block:72px}
  .discovery-actions .button{width:100%}
}
@media print{
  .product-video,.product-actions,.product-discovery{display:none!important}
  .product-hero,.heading-split,.discovery-layout{display:block}.product-hero{min-height:0;padding:25px 0}
  .product-problem,.product-flow,.product-personas,.product-evidence{padding:25px 0;background:#fff;color:#172c3d}
  .product-problem h2,.product-problem h3,.product-personas h2,.product-personas h3{color:#172c3d}
  .problem-grid,.scope-grid,.persona-grid,.evidence-grid{display:block}
  .problem-grid article,.scope-grid article,.persona-grid article{min-height:0;border:0;border-bottom:1px solid #d6ddd7;background:#fff;color:#172c3d}
  .problem-grid p,.persona-grid span{color:#5e6b70}
}