/* Editorial restraint layer: reduce templated AI-SaaS visual patterns. */
:root{--institutional-blue:#087fbe;--quiet-blue:#eaf3fa;--card-radius:12px}

/* Keep the technology mood without the ubiquitous decorative grid. */
.hero{background-image:radial-gradient(circle at 78% 28%,rgba(26,105,178,.18),transparent 34%),linear-gradient(145deg,#000917,#001126)!important;background-size:auto!important}
.hero:after{opacity:.35}

/* Gradient is a brand signature, not a default heading treatment. */
main h2 .gradient,main h3 .gradient{background:none!important;color:inherit!important}
main .eyebrow{display:none!important}
main .section-head h2,main .head h2{margin-top:0!important}
.model-section .eyebrow{display:inline-flex!important}

/* One quieter material system. */
article{box-shadow:none!important}
.business-card,.result,.roadmap,.trust-card,.coop-card,.workspace,.evidence-card,.audience,.step,.card,.mission-card,.principle,.discipline,.sab-panel,.job,.model-capability-card{border-radius:var(--card-radius)!important}

/* Homepage: varied rhythm instead of repeated equal-card rows. */
#business .business-grid{grid-template-columns:1.16fr .92fr .92fr;gap:20px}
#business .business-card{border-color:#d8e5ef;background:#fff}
#business .business-card:first-child{background:#eaf3fa;border-color:#c9ddea}
.research .data-grid{gap:0;border-top:1px solid #cfdde8;border-bottom:1px solid #cfdde8}
.research .data-card{border-radius:0!important;background:transparent;padding:34px 30px}
.research .data-card+ .data-card{border-left:1px solid #dbe6ee}
.research .result{border-width:1px 0 0;border-radius:0!important;padding:34px 0}
.research .research-results{gap:48px}
#trust .trust-card{border-width:1px 0 0;border-radius:0!important;background:transparent;padding:30px 0}
#trust .trust-grid{column-gap:48px;row-gap:12px}
#trust .trust-icon{border-radius:10px}
.cooperation,.page-pro .cta{background:radial-gradient(circle at 86% 18%,rgba(255,255,255,.16),transparent 32%),var(--institutional-blue)!important}
.cooperation .coop-card{background:transparent;border-width:1px 0 0;padding:28px 0;border-radius:0!important;backdrop-filter:none}
.cooperation .coop-cta{background:rgba(0,20,48,.12);border-color:rgba(255,255,255,.22);border-radius:var(--card-radius)}

/* Professional page: editorial sequences instead of four identical tiles. */
.page-pro .steps{gap:0;border-top:1px solid #cedde8;border-bottom:1px solid #cedde8}
.page-pro .step{min-height:250px;padding:30px 24px;border:0;border-radius:0!important;background:transparent;box-shadow:none!important}
.page-pro .step+ .step{border-left:1px solid #d8e5ee}
.page-pro .step:not(:last-child):after{display:none}
.page-pro .evidence-grid{grid-template-columns:1.1fr .9fr;gap:1px;background:rgba(255,255,255,.12)}
.page-pro .evidence-card{background:#01142f;border-radius:0!important;min-height:250px}
.page-pro .audiences{grid-template-columns:1.12fr .96fr .96fr .96fr;gap:0;border-top:1px solid #d2e0ea}
.page-pro .audience{border:0;border-radius:0!important;background:transparent;padding:30px 24px}
.page-pro .audience+ .audience{border-left:1px solid #dbe6ee}
.page-pro .product-shell{display:none}
.page-pro .figma-hero-illustration{position:relative;margin:0;overflow:hidden;border-radius:12px;background:#001126;box-shadow:0 34px 84px rgba(0,0,0,.28)}
.page-pro .figma-hero-illustration:after{content:"";position:absolute;inset:0;border:1px solid rgba(99,170,236,.14);border-radius:inherit;pointer-events:none}
.page-pro .figma-hero-illustration img{display:block;width:100%;height:auto;mix-blend-mode:screen}
.page-pro .real-product-hero{position:relative;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:#f5f8fb;box-shadow:0 30px 70px rgba(0,0,0,.24)}
.page-pro .real-product-hero img{display:block;width:100%;height:auto}
.page-pro .real-product-hero figcaption{position:absolute;right:14px;bottom:14px;padding:9px 12px;background:rgba(0,20,48,.8);color:rgba(255,255,255,.78);font-size:11px;backdrop-filter:blur(8px)}
.page-pro .product-gallery{background:#f4f8fb;color:#0a1828}
.page-pro .product-gallery .section-head p{color:#657786}
.page-pro .product-gallery-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:24px;align-items:start}
.page-pro .product-shot{overflow:hidden;margin:0;border:1px solid #d5e2ea;border-radius:12px;background:#fff}
.page-pro .product-shot img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top left;border-bottom:1px solid #dce7ee}
.page-pro .product-shot figcaption{padding:26px 28px 30px}
.page-pro .product-shot figcaption span{display:block;margin-bottom:12px;color:#087fbe;font-size:12px;font-weight:600}
.page-pro .product-shot h3{margin-bottom:8px;color:#0a1828;font-size:21px}
.page-pro .product-shot p{color:#687b89;font-size:14px}
.page-pro .product-gallery-note{margin-top:20px;color:#7f909c;font-size:12px}

/* Family page: a deliberate 60/40 cadence. */
.page-family .cards{grid-template-columns:1.15fr .85fr;gap:18px}
.page-family .card{box-shadow:none;border-color:#d6e4ee;background:#fff}
.page-family .card:nth-child(1),.page-family .card:nth-child(4){background:#eaf3fa}
.page-family .boundary{background:#01142f;border-radius:var(--card-radius)}

/* About page: principles read as a manifesto list, not feature cards. */
.page-about .principles{grid-template-columns:1fr;gap:0;border-top:1px solid #ccdce8}
.page-about .principle{display:grid;grid-template-columns:72px 240px 1fr;align-items:start;gap:28px;padding:30px 0;border:0;border-bottom:1px solid #d7e4ed;border-radius:0!important;background:transparent}
.page-about .principle b{margin:0!important;font-size:18px!important}
.page-about .principle h3{margin:0}
.page-about .mission-card,.page-about .sab-panel,.page-about .job{box-shadow:none;border-color:#d3e1eb}
.page-about .contact-bar{background:radial-gradient(circle at 88% 12%,rgba(255,255,255,.15),transparent 30%),var(--institutional-blue)!important}

/* Fewer generic pills; retain pills only for real actions and compact tags. */
.business-index,.workspace-no,.result-label,.job>span{letter-spacing:.04em!important}
.btn:focus-visible,a:focus-visible,.nav-product-toggle:focus-visible{outline:2px solid #65bfe8;outline-offset:3px}

/* Real visual pauses: each image explains, evidences, or humanizes the adjacent content. */
.editorial-visual,.team-photo,.family-photo{position:relative;margin:0;overflow:hidden;border-radius:var(--card-radius);background:#dfeaf3}
.editorial-visual img,.team-photo img,.family-photo img{display:block;width:100%;height:100%;object-fit:cover}
.editorial-visual figcaption,.family-photo figcaption{position:absolute;left:24px;bottom:22px;max-width:420px;padding:15px 18px;background:rgba(0,20,48,.86);color:#fff;backdrop-filter:blur(10px)}
.editorial-visual figcaption b,.family-photo figcaption b{display:block;font-size:14px}
.editorial-visual figcaption span,.family-photo figcaption span{display:block;margin-top:3px;color:rgba(255,255,255,.7);font-size:12px}
.research-lead{height:clamp(300px,38vw,480px);margin:0 0 72px}
.team-photo{aspect-ratio:4/5}
.team-photo img{object-position:52% center}
.team-photo figcaption{position:absolute;right:18px;bottom:18px;left:18px;padding:13px 15px;background:rgba(0,15,35,.78);color:rgba(255,255,255,.82);font-size:12px;backdrop-filter:blur(8px)}
.family-photo{height:clamp(300px,36vw,450px);margin:0 0 34px}
.family-photo img{object-position:center 48%}

@media(max-width:1000px){
  #business .business-grid{grid-template-columns:1fr}
  .page-pro .evidence-grid{grid-template-columns:1fr 1fr}
  .page-pro .audiences{grid-template-columns:1fr 1fr}
  .page-pro .audience:nth-child(3){border-left:0}
  .page-pro .product-gallery-grid{grid-template-columns:1fr}
}
@media(max-width:680px){
  .hero{background-image:radial-gradient(circle at 80% 18%,rgba(26,105,178,.16),transparent 35%),linear-gradient(145deg,#000917,#001126)!important}
  .research .data-grid,.page-pro .steps{border-bottom:0}
  .research .data-card+ .data-card,.page-pro .step+ .step{border-left:0;border-top:1px solid #d8e5ee}
  .research .research-results{gap:0}
  .page-pro .evidence-grid,.page-pro .audiences,.page-family .cards{grid-template-columns:1fr}
  .page-pro .audience+ .audience{border-left:0;border-top:1px solid #dbe6ee}
  .page-about .principle{grid-template-columns:48px 1fr;gap:18px}
  .page-about .principle p{grid-column:2}
  .page-pro .real-product-hero figcaption{position:static;background:#00142f}
  .page-pro .product-shot figcaption{padding:22px}
  .research-lead{height:300px;margin-bottom:52px}
  .editorial-visual figcaption,.family-photo figcaption{right:14px;bottom:14px;left:14px;max-width:none}
  .team-photo{aspect-ratio:4/3}
  .family-photo{height:290px}
}

/* Mind model: a continuous, legible data-to-capability system. */
.model-section .section-head h2{line-height:1.18}
.model-visual{height:620px;aspect-ratio:auto;margin:54px 0 66px;border:0!important;border-radius:0!important;overflow:visible;background:transparent!important;box-shadow:none!important;isolation:isolate}
.model-visual:after{display:none!important}
.model-network{position:absolute;z-index:1;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.network-paths path{fill:none;stroke:rgba(92,155,226,.32);stroke-width:1.25;stroke-dasharray:3 8;vector-effect:non-scaling-stroke}
.model-section.is-running .network-paths path{animation:networkCurrent 3.4s linear infinite}
.network-particles circle{fill:#78d9ed;filter:drop-shadow(0 0 6px #399cff)}
.visual-node{width:210px;padding:13px 15px;border-color:rgba(83,132,196,.42);background:rgba(5,18,40,.92);backdrop-filter:blur(5px)}
.visual-node b{font-size:13px}.visual-node small{font-size:10px}
.input-node{left:0;width:210px}.input-1{top:6%}.input-2{top:28%}.input-3{top:51%}.input-4{top:73%}
.output-node{right:0;width:210px}.output-1{top:16%}.output-2{top:42%}.output-3{top:68%}
.visual-core{width:260px;background:radial-gradient(circle,rgba(8,38,78,.92),rgba(3,20,43,.72) 58%,rgba(3,17,37,.18) 72%);box-shadow:0 0 58px rgba(45,125,225,.18)}
.visual-core:before,.visual-core:after{animation:none!important}
.core-ring{position:absolute;inset:-13%;border:1px solid rgba(91,166,228,.28);border-radius:50%}
.core-ring:before,.core-ring:after{content:"";position:absolute;border-radius:50%;background:#72d0e9;box-shadow:0 0 12px #3b94ee}
.core-ring:before{top:10%;left:12%;width:5px;height:5px}.core-ring:after{right:5%;bottom:25%;width:3px;height:3px}
.ring-inner{inset:2%;border-style:dashed;border-color:rgba(100,190,226,.35)}
.ring-inner:before{top:auto;bottom:4%;left:28%;width:4px;height:4px}.ring-inner:after{top:20%;right:3%;bottom:auto}
.model-section.is-running .ring-outer{animation:ringClockwise 18s linear infinite}.model-section.is-running .ring-inner{animation:ringCounter 12s linear infinite}
.data-pulse{display:none!important}
.model-capability-grid{position:relative;z-index:6;margin-top:0}

@keyframes networkCurrent{to{stroke-dashoffset:-44}}
@keyframes ringClockwise{to{transform:rotate(360deg)}}
@keyframes ringCounter{to{transform:rotate(-360deg)}}

@media(max-width:760px){
  .model-visual{display:flex;height:auto;min-height:0!important;margin:36px 0 48px;padding:0;background:transparent!important}
  .model-network{display:none}
  .visual-node{position:relative;left:auto!important;right:auto!important;top:auto!important;width:auto;margin:0 0 10px!important;transform:translateY(12px)}
  .visual-core{position:relative;left:auto;top:auto;width:190px;margin:44px auto;transform:scale(.82)}
  .model-section.is-active .visual-core{transform:scale(1)}
  .output-node{margin-left:0!important;margin-right:0!important}
  .model-capability-grid{margin-top:0}
}

@media(prefers-reduced-motion:reduce){
  .network-paths path,.core-ring{animation:none!important}
  .network-particles{display:none}
}