/* * OlleyaHealth design system * Purposefully dependency-free for fast, resilient rendering. */ :root { /* Brand palette. Swappable at runtime via [data-palette] on . */ --brand-navy: #374F4E; --brand-navy-rgb: 55,79,78; --brand-accent: #9a4f46; --brand-accent-rgb: 154,79,70; --brand-accent-deep: #7f4039; --brand-rose: #d69a93; --brand-rose-rgb: 214,154,147; --brand-rose-soft: #e6aaa3; --brand-title-accent: #b46258; --brand-title-accent-rgb: 180,98,88; --brand-surface: #eef1f1; --brand-surface-alt: #e7ebeb; --brand-footer: #182926; --color-white: #fff; --color-primary: var(--brand-navy); --color-primary-deep: var(--brand-navy); --color-accent: var(--brand-accent); --color-accent-deep: var(--brand-accent); --color-soft-pink: #e5aea9; --color-lavender: #a6a9d0; --color-soft-bg: #f5f5f5; --color-muted: #8e9a98; --color-border: rgba(var(--brand-navy-rgb), .16); --font-heading: "Manrope", sans-serif; --font-body: "Manrope", sans-serif; --shadow-sm: 0 12px 35px rgba(55, 79, 78, 0.08); --shadow-lg: 0 35px 90px rgba(55, 79, 78, 0.14); --radius-sm: 14px; --radius-md: 24px; --radius-lg: 36px; --shell: min(1280px, calc(100vw - 64px)); --header-height: 82px; } *, *::before, *::after { box-sizing: border-box; } html { scroll-behavior: smooth; scroll-padding-top: calc(var(--header-height) + 20px); } body { margin: 0; background: var(--color-soft-bg); color: var(--color-primary); font-family: var(--font-body); font-size: 16px; line-height: 1.65; -webkit-font-smoothing: antialiased; overflow-x: hidden; } body.menu-open { overflow: hidden; } img, svg { display: block; max-width: 100%; } a { color: inherit; text-decoration: none; } button, input, textarea, select { font: inherit; } button { color: inherit; } h1, h2, h3, h4, p { margin-top: 0; } h1, h2, h3, h4 { color: var(--color-primary-deep); font-family: var(--font-heading); font-weight: 700; line-height: 1.08; letter-spacing: -.03em; } h1 { font-size: clamp(2.7rem, 4.4vw, 4.4rem); } h2 { font-size: clamp(2rem, 3.2vw, 3.2rem); } h3 { font-size: 1.25rem; font-weight: 600; letter-spacing: -.02em; } h1 em, h2 em { color: var(--color-accent-deep); font-style: normal; } p { color: var(--color-muted); } ::selection { background: var(--color-accent); color: var(--color-primary-deep); } :focus-visible { outline: 3px solid var(--color-accent); outline-offset: 4px; } .shell { margin-inline: auto; width: var(--shell); } .section { padding-block: clamp(64px, 7vw, 104px); position: relative; } .section-soft { background: var(--color-soft-bg); } .sr-only { border: 0; clip: rect(0,0,0,0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; } .skip-link { background: var(--color-primary-deep); color: #fff; left: 16px; padding: 10px 18px; position: fixed; top: -100px; z-index: 10000; } .skip-link:focus { top: 12px; } .scroll-progress { height: 3px; left: 0; pointer-events: none; position: fixed; right: 0; top: 0; z-index: 1000; } .scroll-progress span { background: var(--color-accent); display: block; height: 100%; transform: scaleX(0); transform-origin: left center; } .icon { height: 22px; width: 22px; } .eyebrow { align-items: center; color: var(--color-primary); display: flex; font-size: .72rem; font-weight: 700; gap: 10px; letter-spacing: .15em; margin-bottom: 18px; text-transform: uppercase; } .eyebrow > span { background: var(--color-accent); border-radius: 50%; box-shadow: 0 0 0 5px rgba(180,98,88,.14); height: 7px; width: 7px; } .eyebrow-light { color: rgba(255,255,255,.74); } .section-lede { color: var(--color-primary); font-size: clamp(1.05rem, 1.4vw, 1.25rem); line-height: 1.65; } .section-heading { align-items: end; display: grid; gap: 70px; grid-template-columns: 1.35fr .65fr; margin-bottom: 65px; } .section-heading h2 { margin-bottom: 0; max-width: 820px; } .section-heading > p { font-size: 1.05rem; margin: 0 0 8px; max-width: 470px; } .section-heading.centered { display: block; margin-inline: auto; max-width: 900px; text-align: center; } .section-heading.centered .eyebrow { justify-content: center; } .section-heading.centered > p { margin: 24px auto 0; } .button-row { align-items: center; display: flex; flex-wrap: wrap; gap: 14px; } .button { align-items: center; background: var(--color-accent); border: 1px solid var(--color-accent); border-radius: 100px; color: #fff; display: inline-flex; font-size: .82rem; font-weight: 600; gap: 12px; justify-content: center; letter-spacing: .025em; min-height: 52px; overflow: hidden; padding: 12px 24px; position: relative; transition: color .3s ease, background .3s ease, border-color .3s ease, box-shadow .3s ease, transform .3s ease; } .button::before { background: rgba(255,255,255,.35); content: ""; height: 160%; left: -80%; position: absolute; top: -30%; transform: rotate(16deg); transition: left .45s ease; width: 34%; } .button:hover { box-shadow: 0 10px 28px rgba(184,111,85,.22); transform: translateY(-2px); } .button:hover::before { left: 130%; } .button .icon { height: 17px; transition: transform .3s ease; width: 17px; } .button:hover .icon { transform: translateX(3px); } .button-primary, .button-about { background: var(--color-primary); border-color: var(--color-primary); } .button-primary:hover, .button-about:hover { background: var(--color-primary-deep); border-color: var(--color-primary-deep); } .button-small { min-height: 44px; padding: 10px 18px; } .button-ghost { background: transparent; border-color: var(--color-border); color: var(--color-primary); } .button-ghost:hover { background: var(--color-white); border-color: rgba(55,79,78,.34); box-shadow: var(--shadow-sm); } .button-light { background: #fff; border-color: #fff; color: var(--color-primary-deep); } .button-light:hover { box-shadow: 0 12px 35px rgba(0,0,0,.18); } .button-outline-light { background: transparent; border-color: rgba(255,255,255,.33); color: #fff; } .button-outline-light:hover { background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.6); box-shadow: none; } /* Short About and full About page */ .about-full-intro{margin-bottom:clamp(90px,11vw,160px)}.about-principles-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.about-principle{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);min-height:390px;padding:clamp(30px,4vw,52px);position:relative}.about-principle-purpose{grid-row:span 2;min-height:796px}.about-principle>span{color:#a5aeac;font-size:.6rem;font-weight:750;letter-spacing:.12em;position:absolute;right:30px;top:28px}.about-principle .eyebrow{margin-bottom:55px}.about-principle .eyebrow i{background:var(--color-accent);border-radius:50%;height:6px;width:6px}.about-principle h3{font-size:clamp(1.8rem,2.7vw,3rem);margin-bottom:26px;max-width:13ch}.about-principle p:not(.eyebrow){font-size:.87rem;line-height:1.8;margin:0}.about-principle p:not(.eyebrow)+p{margin-top:22px}.about-principle-dark{background:#374F4E;border-color:#374F4E}.about-principle-dark>span,.about-principle-dark .eyebrow{color:rgba(255,255,255,.5)}.about-principle-dark h3{color:#fff}.about-principle-dark p:not(.eyebrow){color:rgba(255,255,255,.68)}.people-strategy-section{background:#fff}.people-strategy-grid{align-items:start;display:grid;gap:clamp(60px,10vw,150px);grid-template-columns:minmax(0,.85fr) minmax(0,1fr)}.people-strategy-heading{position:sticky;top:110px}.people-strategy-heading h2{font-size:clamp(2.8rem,4.7vw,5.3rem);max-width:11ch}.people-strategy-copy{border-top:1px solid var(--color-border)}.people-strategy-copy p{border-bottom:1px solid var(--color-border);font-size:clamp(.9rem,1.2vw,1.04rem);line-height:1.8;margin:0;padding:28px 0} .about-page-hero{align-items:flex-end;background:#edf0f2;display:flex;min-height:min(76vh,760px);overflow:hidden;padding:calc(var(--header-height) + 70px) 0 clamp(70px,9vw,125px);position:relative}.about-page-hero::after{border:1px solid rgba(55,79,78,.12);border-radius:50%;content:"";height:min(55vw,720px);position:absolute;right:-12%;top:-28%;width:min(55vw,720px)}.about-page-hero__inner{position:relative;z-index:1}.about-page-hero h1{font-size:clamp(4.4rem,10vw,10rem);line-height:.88;margin:0;max-width:9ch}.about-page-intro__grid{align-items:start;display:grid;gap:clamp(50px,10vw,150px);grid-template-columns:minmax(220px,.5fr) minmax(0,1fr)}.about-page-intro__heading{position:sticky;top:110px}.about-page-intro__copy{max-width:820px}.about-page-intro__copy>p{color:var(--color-primary);font-size:clamp(1rem,1.35vw,1.15rem);line-height:1.85;margin:0}.about-page-intro__copy>p+p{margin-top:25px}.about-page-intro__copy .text-link{margin-top:30px}.about-page-principles__grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.about-page-principle{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);min-height:390px;padding:clamp(34px,4vw,54px);position:relative}.about-page-principle--purpose{grid-row:span 2;min-height:796px}.about-page-principle>span{color:#a5aeac;font-size:.6rem;font-weight:750;letter-spacing:.12em;position:absolute;right:30px;top:28px}.about-page-principle h2{font-size:clamp(2.2rem,3.4vw,3.8rem);margin:55px 0 30px;max-width:10ch}.about-page-principle>p{font-size:.9rem;line-height:1.82;margin:0}.about-page-principle>p+p{margin-top:24px}.about-page-principle--dark{background:#374F4E;border-color:#374F4E}.about-page-principle--dark>span{color:rgba(255,255,255,.4)}.about-page-principle--dark h2{color:var(--color-accent)}.about-page-principle--dark>p{color:rgba(255,255,255,.7)}.about-page-people__grid{align-items:start;display:grid;gap:clamp(60px,10vw,150px);grid-template-columns:minmax(0,.9fr) minmax(0,1fr)}.about-page-people__heading{position:sticky;top:110px}.about-page-people__heading h2{font-size:clamp(2.8rem,4.8vw,5.3rem);max-width:12ch}.about-page-people__copy{border-top:1px solid var(--color-border)}.about-page-people__copy p{border-bottom:1px solid var(--color-border);font-size:clamp(.92rem,1.2vw,1.04rem);line-height:1.82;margin:0;padding:28px 0} /* Refined editorial treatment for About copy. */ .about-page-intro__copy{counter-reset:about-paragraph} .about-page-intro__copy>p{padding-left:42px;position:relative} .about-page-intro__copy>p::before{color:var(--color-accent-deep);content:"0" counter(about-paragraph);counter-increment:about-paragraph;font-size:.52rem;font-weight:800;left:0;letter-spacing:.1em;position:absolute;top:.55em} .about-page-intro__copy>p+p{border-top:1px solid var(--color-border);margin-top:28px;padding-top:28px} .about-page-intro__copy>p+p::before{top:calc(28px + .55em)} .about-page-principle{overflow:hidden} .about-page-principle::after{border:1px solid rgba(180,98,88,.2);border-radius:50%;content:"";height:220px;position:absolute;right:-130px;top:-130px;width:220px} .about-page-principle>span{align-items:center;border:1px solid var(--color-border);border-radius:50%;display:flex;height:34px;justify-content:center;width:34px} .about-page-principle>p{position:relative} .about-page-principle>p:first-of-type{border-left:2px solid var(--color-accent);padding-left:20px} .about-page-principle>p+p{border-top:1px solid var(--color-border);margin-top:28px;padding-top:28px} .about-page-principle--dark::after{border-color:rgba(255,255,255,.1)} .about-page-principle--dark>span{border-color:rgba(255,255,255,.18)} .about-page-principle--dark>p+p{border-color:rgba(255,255,255,.13)} .about-page-people__copy{border-top:0;counter-reset:people-paragraph} .about-page-people__copy p{padding-left:56px;position:relative} .about-page-people__copy p::before{align-items:center;background:var(--color-soft-bg);border-radius:50%;color:var(--color-accent-deep);content:"0" counter(people-paragraph);counter-increment:people-paragraph;display:flex;font-size:.48rem;font-weight:800;height:30px;justify-content:center;left:0;letter-spacing:.08em;position:absolute;top:27px;width:30px} /* About storytelling sequence. */ .about-page-intro{padding-bottom:clamp(120px,16vw,230px)} .about-page-intro__grid{grid-template-columns:minmax(210px,.4fr) minmax(0,1fr)} .about-page-intro__copy{position:relative} .about-page-intro__copy::before{background:linear-gradient(var(--color-accent),rgba(180,98,88,.12));bottom:12%;content:"";left:14px;position:absolute;top:12%;width:1px} .about-page-intro__copy>p{border-top:0;display:block;font-size:clamp(1.2rem,1.75vw,1.55rem);line-height:1.65;margin:0;min-height:48vh;opacity:.26;padding-bottom:16vh;padding-left:64px;padding-top:16vh;transform:translateX(22px);transition:opacity .6s ease,transform .7s cubic-bezier(.22,1,.36,1)} .about-page-intro__copy>p strong{font-weight:800} .about-page-intro__copy>p+p{border-top:0;margin-top:0} .about-page-intro__copy>p::before,.about-page-intro__copy>p+p::before{align-items:center;background:#fff;border:1px solid var(--color-accent);border-radius:50%;display:flex;height:30px;justify-content:center;left:0;top:50%;transform:translateY(-50%);width:30px;z-index:1} .about-page-intro__copy>p.is-story-active{opacity:1;transform:translateX(0)} .about-page-principles{padding-bottom:clamp(150px,20vw,280px)} .about-page-principles__grid{display:block;max-width:1080px} .about-page-principle,.about-page-principle--purpose{min-height:min(68vh,720px);padding:clamp(42px,6vw,82px);position:sticky;top:105px;transition:filter .45s ease,transform .55s cubic-bezier(.22,1,.36,1)} .about-page-principle:nth-child(2){background:#f2dedc;border-color:#e0b9b4;top:125px} .about-page-principle:nth-child(3){top:145px} .about-page-principle:not(:last-child){margin-bottom:22vh} .about-page-principle h2{font-size:clamp(3.3rem,6vw,6.5rem);margin-top:clamp(70px,9vh,110px);max-width:none} .about-page-principle>p{font-size:clamp(.98rem,1.25vw,1.12rem);line-height:1.85;max-width:760px} .about-page-principle>p+p{max-width:840px} .about-page-principle:not(.is-story-active){filter:saturate(.75)} .about-page-principle.is-story-active{transform:translateY(-4px)} .about-page-people{overflow:hidden;padding-bottom:clamp(140px,18vw,250px)} .about-page-people__grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.1fr)} .about-page-people__copy{position:relative} .about-page-people__copy::before{background:var(--color-border);bottom:10%;content:"";left:15px;position:absolute;top:10%;width:1px} .about-page-people__copy p{align-items:center;border:0;display:flex;font-size:clamp(1.05rem,1.45vw,1.28rem);line-height:1.75;min-height:34vh;opacity:.28;padding:7vh 0 7vh 70px;transform:translateX(20px);transition:opacity .6s ease,transform .7s cubic-bezier(.22,1,.36,1)} .about-page-people__copy p:last-child{border-bottom:0} .about-page-people__copy p::before{border:1px solid rgba(180,98,88,.4);height:32px;top:50%;transform:translateY(-50%);width:32px;z-index:1} .about-page-people__copy p.is-story-active{opacity:1;transform:translateX(0)} .about-page-intro__grid{gap:clamp(55px,7vw,110px);grid-template-columns:minmax(0,1fr) minmax(0,1fr)} .about-page-intro__heading{top:105px} .about-story-media{aspect-ratio:4/3;background:#374F4E;border-radius:26px;margin-top:28px;overflow:hidden;position:relative} .about-story-media::after{background:linear-gradient(180deg,transparent 55%,rgba(20,36,34,.42));content:"";inset:0;pointer-events:none;position:absolute;z-index:2} .about-story-media figure{inset:0;margin:0;opacity:0;position:absolute;transform:scale(1.035);transition:opacity .7s ease,transform 1.1s cubic-bezier(.22,1,.36,1),visibility 0s linear .7s;visibility:hidden} .about-story-media figure.is-active{opacity:1;transform:scale(1);transition-delay:0s;visibility:visible} .about-story-media img{display:block;height:100%;object-fit:cover;width:100%} .about-story-media__index{align-items:center;border:1px solid rgba(255,255,255,.55);border-radius:50%;bottom:22px;color:#fff;display:flex;font-size:.58rem;font-weight:800;height:42px;justify-content:center;letter-spacing:.08em;position:absolute;right:22px;width:42px;z-index:3} .about-story-inline-image{display:none} /* Purpose, mission and vision as full-width narrative chapters. */ .about-page-principles{background:#fff;padding:0} .about-page-principles__grid{display:block;max-width:none} .about-page-principle,.about-page-principle--purpose,.about-page-principle:nth-child(2),.about-page-principle:nth-child(3){background:#fff;border:0;border-radius:0;filter:none;margin:0;min-height:72vh;overflow:hidden;padding:0;position:relative;top:auto;transform:none} .about-page-principle:nth-child(2){background:#f2dedc} .about-page-principle--dark,.about-page-principle:nth-child(3){background:#374F4E} .about-page-principle::after{border-color:rgba(180,98,88,.18);height:min(48vw,660px);right:-18%;top:-45%;width:min(48vw,660px)} .about-page-principle--dark::after{border-color:rgba(255,255,255,.1)} .about-page-principle__inner{align-items:center;display:grid;gap:clamp(60px,11vw,170px);grid-template-columns:minmax(260px,.7fr) minmax(0,1fr);height:72vh;min-height:620px;padding-bottom:clamp(80px,10vw,140px);padding-top:clamp(80px,10vw,140px);position:relative;z-index:1} .about-page-principle header{align-self:stretch;border-right:1px solid var(--color-border);display:flex;flex-direction:column;justify-content:space-between;padding-right:clamp(35px,6vw,85px)} .about-page-principle header span{align-items:center;border:1px solid var(--color-border);border-radius:50%;color:#87938f;display:flex;font-size:.58rem;font-weight:800;height:40px;justify-content:center;letter-spacing:.08em;width:40px} .about-page-principle h2{font-size:clamp(3.7rem,7vw,7.7rem);line-height:.86;margin:0;max-width:5ch} .about-page-principle__copy{max-width:800px} .about-page-principle__copy p{border:0;font-size:clamp(1.08rem,1.55vw,1.38rem);line-height:1.75;margin:0;padding:0} .about-page-principle__copy p:first-child{border:0;padding:0} .about-page-principle__copy p+p{border-top:1px solid rgba(55,79,78,.18);margin-top:38px;padding-top:38px} .about-page-principle:nth-child(2) header{border-color:rgba(var(--brand-accent-rgb),.22)} .about-page-principle:nth-child(2) header span{border-color:rgba(var(--brand-accent-rgb),.28);color:var(--brand-accent)} .about-page-principle--dark header{border-color:rgba(255,255,255,.16)} .about-page-principle--dark header span{border-color:rgba(255,255,255,.25);color:rgba(255,255,255,.6)} .about-page-principle--dark h2{color:var(--color-accent)} .about-page-principle--dark .about-page-principle__copy p{color:rgba(255,255,255,.76)} .about-page-principle.is-story-active .about-page-principle__copy{animation:aboutChapterIn .75s cubic-bezier(.22,1,.36,1) both} /* Refined chapter alignment and an inverted Mission composition. */ .about-page-principle__inner{align-items:center} .about-page-principle header{align-self:auto;gap:0;justify-content:center;min-height:360px} .about-page-principle header span{flex:0 0 40px} .about-page-principle h2{line-height:.9} .about-page-principle__copy{padding-left:42px;position:relative} .about-page-principle__copy::before{background:var(--color-accent);border-radius:2px;content:"";height:72px;left:0;position:absolute;top:4px;width:3px} .about-page-principle__copy p:first-child{color:var(--color-primary-deep);font-family:var(--font-heading);font-size:clamp(1.35rem,2vw,1.85rem);font-weight:600;letter-spacing:-.025em;line-height:1.55} .about-page-principle__copy p+p{background:rgba(55,79,78,.045);border:0;border-radius:18px;font-size:clamp(.94rem,1.12vw,1.05rem);margin-top:34px;padding:28px 30px} .about-page-principle:nth-child(2) .about-page-principle__inner{grid-template-columns:minmax(0,1fr) minmax(260px,.7fr)} .about-page-principle:nth-child(2) header{border-left:1px solid rgba(var(--brand-accent-rgb),.22);border-right:0;order:2;padding-left:clamp(35px,6vw,85px);padding-right:0} .about-page-principle:nth-child(2) .about-page-principle__copy{order:1;padding-left:0;padding-right:42px} .about-page-principle:nth-child(2) .about-page-principle__copy::before{left:auto;right:0} .about-page-principle--dark .about-page-principle__copy::before{background:var(--color-accent)} .about-page-principle--dark .about-page-principle__copy p:first-child{color:#fff} .about-page-principle--dark .about-page-principle__copy p+p{background:rgba(255,255,255,.06)} .about-page-principle,.about-page-principle--purpose,.about-page-principle:nth-child(2),.about-page-principle:nth-child(3){height:72vh;min-height:620px} .about-page-principle:not(:last-child){margin-bottom:0} .about-page-principle__inner{height:100%;min-height:0} @keyframes aboutChapterIn{from{opacity:.35;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}} /* People Strategy manifesto. */ .about-page-people{background:#374F4E;color:#fff;overflow:hidden;padding:clamp(110px,13vw,190px) 0;position:relative} .about-page-people::before,.about-page-people::after{border:1px solid rgba(255,255,255,.07);border-radius:50%;content:"";height:680px;pointer-events:none;position:absolute;width:680px} .about-page-people::before{left:-420px;top:-330px}.about-page-people::after{bottom:-430px;right:-350px} .about-page-people__grid{display:block;position:relative;z-index:1} .about-page-people__heading{margin:0 auto clamp(70px,9vw,120px);max-width:1000px;position:relative;text-align:center;top:auto} .about-page-people__heading .eyebrow{color:rgba(255,255,255,.55);justify-content:center} .about-page-people__heading h2{color:#fff;font-size:clamp(3.3rem,6.4vw,7rem);line-height:.94;margin:0 auto;max-width:13ch} .about-page-people__heading h2 em{color:var(--color-accent)} .about-page-people__copy{border:1px solid rgba(255,255,255,.16);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));position:relative} .about-page-people__copy::before{display:none} .about-page-people__copy p{border:0;color:rgba(255,255,255,.72);display:block;font-size:clamp(.98rem,1.25vw,1.12rem);line-height:1.75;min-height:270px;opacity:1;padding:clamp(45px,5vw,70px) clamp(38px,5vw,70px) clamp(45px,5vw,70px) clamp(90px,8vw,125px);text-align:left;transform:none} .about-page-people__copy p strong{display:inline;font-weight:800} .about-page-people__copy p:nth-child(odd){border-right:1px solid rgba(255,255,255,.16)} .about-page-people__copy p:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.16)} .about-page-people__copy p:last-child{border-bottom:0} .about-page-people__copy p::before{background:var(--color-accent);border:0;color:#374F4E;height:34px;left:clamp(35px,4vw,60px);top:clamp(45px,5vw,70px);transform:none;width:34px} .about-page-people__copy p.is-story-active{background:rgba(255,255,255,.035);transform:none} /* Light People Strategy variant. */ .about-page-people{background:#fff;color:var(--color-primary-deep)} .about-page-people::before,.about-page-people::after{border-color:rgba(55,79,78,.08)} .about-page-people__heading .eyebrow{color:var(--color-muted)} .about-page-people__heading h2{color:var(--color-primary-deep)} .about-page-people__copy{border-color:var(--color-border)} .about-page-people__copy p{color:var(--color-primary)} .about-page-people__copy p:nth-child(odd){border-right-color:var(--color-border)} .about-page-people__copy p:nth-child(-n+2){border-bottom-color:var(--color-border)} .about-page-people__copy p::before{background:#374F4E;color:#fff} .about-page-people__copy p.is-story-active{background:var(--color-soft-bg)} /* Subtle chapter textures. */ .about-page-hero{background-color:#edf0f2;background-image:linear-gradient(rgba(55,79,78,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(55,79,78,.035) 1px,transparent 1px);background-size:64px 64px} .about-page-intro{background-image:radial-gradient(rgba(55,79,78,.09) .7px,transparent .7px);background-position:calc(50% - 570px) 80px;background-repeat:repeat-y;background-size:24px 24px} .about-page-principle--purpose{background-color:#fff;background-image:repeating-linear-gradient(135deg,transparent 0 42px,rgba(55,79,78,.025) 43px 44px)} .about-page-principle:nth-child(2){background-color:#f2dedc;background-image:radial-gradient(rgba(160,103,82,.12) .8px,transparent .8px);background-size:27px 27px} .about-page-principle--dark,.about-page-principle:nth-child(3){background-color:#374F4E;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:52px 52px} .about-page-people{background-color:#fff;background-image:radial-gradient(rgba(55,79,78,.055) .75px,transparent .75px);background-size:30px 30px} .text-link { align-items: center; color: var(--color-primary-deep); display: inline-flex; font-size: .84rem; font-weight: 750; gap: 9px; margin-top: 14px; } .text-link .icon { color: var(--color-accent-deep); height: 18px; transition: transform .3s ease; width: 18px; } .text-link:hover .icon { transform: translateX(5px); } /* Header */ .site-header { height: var(--header-height); left: 0; position: fixed; right: 0; top: 0; transition: background .3s ease, box-shadow .3s ease, height .3s ease; z-index: 900; } .site-header.is-scrolled { background: rgba(255,255,255,.88); box-shadow: 0 6px 30px rgba(55,79,78,.07); height: 72px; -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); } .header-inner { align-items: center; display: flex; gap: 34px; height: 100%; position:relative; } .header-inner-full{width:calc(100% - 48px)} .site-brand { align-items: center; display: inline-flex; flex: 0 0 auto; gap: 10px; } .custom-logo { height: auto; max-height: 50px; width: auto; } .brand-mark { color: var(--color-accent-deep); height: 38px; width: 38px; } .brand-mark svg { height: 100%; stroke: currentColor; stroke-width: 1.7; width: 100%; } .brand-name { color: var(--color-primary-deep); font-family: var(--font-heading); font-size: 1.25rem; font-weight: 750; letter-spacing: -.04em; } .brand-name span { color: var(--color-accent-deep); font-weight: 500; } .primary-nav { left:50%;position:absolute;top:50%;transform:translate(-50%,-50%); } .primary-nav ul, .footer-menu { list-style: none; margin: 0; padding: 0; } .primary-nav .menu { align-items: center; display: flex; gap: clamp(15px, 1.5vw, 26px); } .primary-nav a { color: var(--color-primary); display: block; font-size: .76rem; font-weight: 650; padding-block: 15px; position: relative; } .primary-nav a::after { background: var(--color-accent); bottom: 8px; content: ""; height: 2px; left: 50%; position: absolute; transform: translateX(-50%) scaleX(0); transition: transform .25s ease; width: 100%; } .primary-nav a:hover::after, .primary-nav .current-menu-item > a::after { transform: translateX(-50%) scaleX(1); } .primary-nav .menu-item-has-children { position: relative; } .primary-nav .menu-item-has-children > a { padding-right: 18px; } .primary-nav .menu-item-has-children > a::before { border-bottom: 1.5px solid currentColor; border-right: 1.5px solid currentColor; content: ""; height: 6px; position: absolute; right: 2px; top: 50%; transform: translateY(-65%) rotate(45deg); width: 6px; } .primary-nav .sub-menu { background: #fff; border: 1px solid var(--color-border); border-radius: 14px; box-shadow: 0 18px 45px rgba(55,79,78,.14); display: grid; gap: 0; left: 50%; min-width: 220px; opacity: 0; padding: 8px; pointer-events: none; position: absolute; top: calc(100% - 2px); transform: translate(-50%,8px); transition: opacity .2s ease,transform .2s ease; } .primary-nav .menu-item-has-children:hover > .sub-menu, .primary-nav .menu-item-has-children:focus-within > .sub-menu { opacity: 1; pointer-events: auto; transform: translate(-50%,0); } .primary-nav .sub-menu a { border-radius: 9px; color: var(--color-primary); font-size: .72rem; padding: 11px 13px; white-space: nowrap; } .primary-nav .sub-menu a::after { display: none; } .primary-nav .sub-menu a:hover, .primary-nav .sub-menu a:focus { background: rgba(55,79,78,.07); } .header-actions{align-items:center;display:flex;gap:10px;margin-left:auto} .header-actions .header-cta{background:#B46258;border-color:#B46258;display:inline-flex}.header-actions .header-cta:hover{background:#9d5148;border-color:#9d5148} .button-medhacode{background:#374F4E;border-color:#374F4E} .button-medhacode:hover{background:#2d4140;border-color:#2d4140;box-shadow:0 10px 28px rgba(55,79,78,.2)} .mobile-nav-actions{display:none} .nav-toggle { background: transparent; border: 0; cursor: pointer; display: none; height: 44px; padding: 10px; width: 44px; } .nav-toggle > span:not(.sr-only) { background: var(--color-primary-deep); display: block; height: 2px; margin: 5px 0; transition: transform .25s, opacity .25s; width: 24px; } /* Hero */ .hero { background: linear-gradient(135deg,#fff 0%,#fff 54%,#f5f7f6 100%); min-height: 100vh; overflow: hidden; padding-bottom: 42px; padding-top: clamp(145px, 13vw, 190px); } .hero::after { background-image: radial-gradient(rgba(55,79,78,.13) .7px,transparent .7px); background-size: 22px 22px; content: ""; height: 68%; opacity: .45; pointer-events: none; position: absolute; right: -4%; top: 11%; width: 49%; } .hero-grid { align-items: center; display: grid; gap: clamp(40px, 6vw, 90px); grid-template-columns: .9fr 1.1fr; min-height: 650px; position: relative; z-index: 2; } .hero-copy { padding-bottom: 50px; } .hero-copy h1 { margin-bottom: 30px; max-width: 690px; } .hero-copy h1 em { display: block; } .hero-lede { font-size: clamp(1rem, 1.2vw, 1.15rem); line-height: 1.8; margin-bottom: 34px; max-width: 650px; } .hero-proof { display: flex; flex-wrap: wrap; gap: 14px 28px; margin-top: 32px; } .hero-proof span { align-items: center; color: var(--color-muted); display: flex; font-size: .72rem; font-weight: 650; gap: 8px; } .hero-proof i { background: #7ba294; border: 3px solid #e2ece8; border-radius: 50%; height: 10px; width: 10px; } .hero-orbit { border: 1px solid rgba(180,98,88,.16); border-radius: 50%; pointer-events: none; position: absolute; } .orbit-one { height: 450px; left: -290px; top: 190px; width: 450px; } .orbit-two { height: 180px; left: 43%; top: 100px; width: 180px; } .hero-visual { min-width: 0; padding: 55px 18px 85px; position: relative; z-index: 2; } .dashboard-shell { background: #fff; border: 1px solid rgba(55,79,78,.13); border-radius: 22px; box-shadow: var(--shadow-lg); min-height: 480px; overflow: hidden; transform: perspective(1200px) rotateY(-1.5deg) rotateX(1deg); } .dashboard-topbar { align-items: center; border-bottom: 1px solid var(--color-border); display: flex; height: 55px; justify-content: space-between; padding: 0 18px; } .dashboard-brand { align-items: center; color: var(--color-primary-deep); display: flex; font-size: .65rem; font-weight: 700; gap: 8px; } .mini-mark { background: var(--color-accent); border-radius: 4px 7px; height: 18px; position: relative; transform: rotate(45deg); width: 18px; } .mini-mark::after { background: #fff; border-radius: 50%; content: ""; height: 5px; left: 6px; position: absolute; top: 6px; width: 5px; } .dashboard-actions { align-items: center; display: flex; gap: 9px; } .dashboard-actions > span { background: #edf0f2; border-radius: 50%; height: 24px; width: 24px; } .dashboard-actions b { align-items: center; background: var(--color-primary); border-radius: 50%; color: #fff; display: flex; font-size: .5rem; height: 27px; justify-content: center; width: 27px; } .dashboard-layout { display: grid; grid-template-columns: 48px 1fr; min-height: 425px; } .dashboard-sidebar { align-items: center; background: #f5f5f5; border-right: 1px solid var(--color-border); display: flex; flex-direction: column; gap: 18px; padding-top: 24px; } .dashboard-sidebar i { background: #c9d0ce; border-radius: 4px; height: 12px; width: 12px; } .dashboard-sidebar i:first-child { background: var(--color-accent); box-shadow: 0 0 0 7px rgba(180,98,88,.12); } .dashboard-main { min-width: 0; padding: 22px; } .dash-heading { align-items: center; display: flex; justify-content: space-between; margin-bottom: 18px; } .dash-heading small, .medha-screen-head small { color: #9aa4a2; display: block; font-size: .48rem; font-weight: 750; letter-spacing: .12em; } .dash-heading strong { color: var(--color-primary-deep); display: block; font-family: var(--font-heading); font-size: 1rem; letter-spacing: -.02em; } .live-pill { align-items: center; background: #edf5f1; border-radius: 30px; color: #547b6c; display: flex; font-size: .48rem; font-weight: 700; gap: 5px; padding: 5px 9px; } .live-pill i { animation: pulse 2s infinite; background: #72a08e; border-radius: 50%; height: 5px; width: 5px; } .dash-metrics { display: grid; gap: 10px; grid-template-columns: repeat(3,1fr); } .dash-card { background: #f5f5f5; border: 1px solid rgba(55,79,78,.09); border-radius: 10px; padding: 13px; } .dash-card > span { color: #8e9a98; display: block; font-size: .5rem; } .dash-card strong { color: var(--color-primary-deep); display: block; font-family: var(--font-heading); font-size: 1.35rem; letter-spacing: -.04em; line-height: 1.2; margin: 4px 0; } .dash-card small { color: #93a09d; display: block; font-size: .43rem; } .dash-card .positive { color: #5d8b79; } .dash-lower { display: grid; gap: 11px; grid-template-columns: 1.25fr .75fr; margin-top: 11px; } .chart-card, .workflow-card { border: 1px solid var(--color-border); border-radius: 10px; padding: 13px; } .card-label { align-items: center; display: flex; justify-content: space-between; } .card-label span { color: var(--color-primary-deep); font-size: .53rem; font-weight: 700; } .card-label b { color: #a0aaa8; font-size: .42rem; font-weight: 600; } .line-chart { height: 137px; margin-top: 8px; overflow: visible; width: 100%; } .chart-grid { fill: none; stroke: #e9edeb; stroke-width: 1; } .chart-area { fill: url(#areaFill); } .chart-line { fill: none; stroke: var(--color-accent); stroke-dasharray: 500; stroke-dashoffset: 500; stroke-linecap: round; stroke-width: 2.5; } .is-visible .chart-line { animation: drawLine 1.7s .3s ease forwards; } .line-chart circle { fill: #fff; stroke: var(--color-accent); stroke-width: 3; } .progress-item { margin-top: 22px; } .progress-item > div { display: flex; font-size: .46rem; justify-content: space-between; } .progress-item div span { color: var(--color-muted); } .progress-item div b { color: var(--color-primary-deep); } .progress-item > i { background: #edf0f2; border-radius: 20px; display: block; height: 5px; margin-top: 6px; overflow: hidden; } .progress-item em { background: var(--color-accent); border-radius: inherit; display: block; height: 100%; transform: scaleX(0); transform-origin: left; width: var(--progress); } .is-visible .progress-item em { transform: scaleX(1); transition: transform 1s .3s ease; } .float-card { align-items: center; -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); background: rgba(255,255,255,.9); border: 1px solid rgba(55,79,78,.12); border-radius: 13px; box-shadow: 0 20px 45px rgba(55,79,78,.14); display: flex; gap: 10px; padding: 12px 14px; position: absolute; } .float-card small { color: #99a3a1; display: block; font-size: .39rem; font-weight: 750; letter-spacing: .1em; } .float-card strong { color: var(--color-primary-deep); display: block; font-family: var(--font-heading); font-size: .65rem; } .float-icon { align-items: center; background: rgba(180,98,88,.14); border-radius: 8px; color: var(--color-accent-deep); display: flex; height: 34px; justify-content: center; width: 34px; } .float-icon .icon { height: 17px; width: 17px; } .float-ai { animation: floatY 5s ease-in-out infinite; right: -20px; top: 22px; } .float-ai > i { color: var(--color-accent-deep); font-style: normal; margin-left: 4px; } .float-layer { animation: floatY 6s 1s ease-in-out infinite; bottom: 38px; left: -20px; } .node-symbol { height: 34px; position: relative; width: 34px; } .node-symbol i { background: var(--color-accent); border: 3px solid #f4dcd9; border-radius: 50%; height: 10px; position: absolute; width: 10px; } .node-symbol i:nth-child(1){left:12px;top:0}.node-symbol i:nth-child(2){bottom:2px;left:2px}.node-symbol i:nth-child(3){bottom:2px;right:2px} .node-symbol::before,.node-symbol::after{background:#c6948c;content:"";height:1px;position:absolute;top:17px;width:18px}.node-symbol::before{left:3px;transform:rotate(-58deg)}.node-symbol::after{right:3px;transform:rotate(58deg)} .trust-strip { align-items: center; background: rgba(255,255,255,.82); border: 1px solid var(--color-border); border-radius: 18px; display: grid; grid-template-columns: repeat(4,1fr); min-height: 82px; padding: 15px 10px; position: relative; z-index: 3; } .trust-strip > div { align-items: center; border-right: 1px solid var(--color-border); display: flex; gap: 13px; justify-content: center; min-height: 42px; padding: 0 15px; } .trust-strip > div:last-child { border-right: 0; } .trust-strip .icon { color: var(--color-accent-deep); flex: 0 0 auto; height: 23px; width: 23px; } .trust-strip span { color: var(--color-primary-deep); font-size: .72rem; font-weight: 700; } /* About and purpose */ .split-layout { align-items: center; display: grid; gap: clamp(60px,8vw,120px); grid-template-columns: .85fr 1.15fr; } .section-copy h2 { margin-bottom: 28px; } .section-copy > p:not(.eyebrow) { max-width: 610px; } .bento-grid { display: grid; gap: 14px; grid-template-columns: 1.05fr .95fr; grid-template-rows: 1fr 1fr; min-height: 530px; } .bento-card { background: #fff; border: 1px solid rgba(55,79,78,.1); border-radius: var(--radius-md); box-shadow: 0 10px 40px rgba(55,79,78,.055); display: flex; flex-direction: column; overflow: hidden; padding: 28px; position: relative; transition: transform .35s ease, box-shadow .35s ease; } .bento-card:hover { box-shadow: 0 20px 50px rgba(55,79,78,.11); transform: translateY(-5px); } .bento-card .icon { color: var(--color-accent-deep); height: 35px; margin-bottom: auto; width: 35px; } .bento-card h3 { font-size: 1.08rem; margin: 35px 0 8px; max-width: 230px; } .bento-card p { font-size: .76rem; line-height: 1.65; margin: 0; max-width: 240px; } .bento-number { color: #b4bcba; font-size: .57rem; font-weight: 750; letter-spacing: .1em; position: absolute; right: 20px; top: 18px; } .bento-leadership { grid-row: span 2; padding-top: 42px; } .bento-leadership::after { background: linear-gradient(140deg,rgba(180,98,88,.25),transparent); border-radius: 50%; content:""; height:230px; position:absolute; right:-100px; top:-80px; width:230px; } .bento-leadership .icon { height: 60px; margin-top: 38px; width: 60px; } .bento-leadership h3 { font-size: 1.35rem; margin-top: auto; } .bento-global { background: var(--color-primary); } .bento-global h3, .bento-global p, .bento-global .bento-number { color: #fff; } .bento-global p { color: rgba(255,255,255,.65); } .globe-art { border: 1px solid rgba(255,255,255,.3); border-radius:50%; height:68px; margin-bottom:auto; position:relative; width:68px; } .globe-art::before,.globe-art::after,.globe-art i { border:1px solid rgba(255,255,255,.25); border-radius:50%; content:""; inset:9px 21px; position:absolute}.globe-art::after{inset:31px 0}.globe-art i:nth-child(1){background:var(--color-accent);border:0;height:7px;inset:auto;left:16px;top:19px;width:7px}.globe-art i:nth-child(2){background:#fff;border:0;height:5px;inset:auto;right:13px;top:34px;width:5px} .bento-tech { background: #eff1f2; } .improve-ring { align-items:center;border:1px dashed var(--color-accent);border-radius:50%;display:flex;height:58px;justify-content:center;margin-bottom:auto;width:58px}.improve-ring span{align-items:center;background:var(--color-accent);border-radius:50%;color:#fff;display:flex;height:34px;justify-content:center;width:34px} .purpose-grid { display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-top:clamp(80px,10vw,145px); } .purpose-card { background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);min-height:365px;padding:34px;position:relative;transition:transform .35s ease; } .purpose-card:hover{transform:translateY(-6px)} .purpose-index{color:#a5aeac;font-size:.6rem;font-weight:750;letter-spacing:.12em}.purpose-line{background:var(--color-border);height:1px;margin:24px 0 70px;position:relative}.purpose-line::after{background:var(--color-accent);border-radius:50%;content:"";height:7px;left:0;position:absolute;top:-3px;width:7px} .purpose-card h3{font-size:1.45rem;margin-bottom:16px}.purpose-card p{font-size:.82rem;line-height:1.75;margin:0}.purpose-card-accent{background:var(--color-accent);border-color:var(--color-accent)}.purpose-card-accent h3,.purpose-card-accent p,.purpose-card-accent .purpose-index{color:var(--color-primary-deep)}.purpose-card-accent .purpose-line{background:rgba(55,79,78,.2)}.purpose-card-accent .purpose-line::after{background:var(--color-primary-deep)} /* Services and strategy */ .services-grid { display:grid;gap:15px;grid-template-columns:repeat(4,1fr); } .service-card { background:#fff;border:1px solid var(--color-border);border-radius:20px;min-height:320px;overflow:hidden;padding:26px;position:relative;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease; } .service-card::before{background:linear-gradient(150deg,rgba(180,98,88,.13),transparent 55%);content:"";inset:0;opacity:0;position:absolute;transition:opacity .35s ease} .service-card:hover{border-color:rgba(180,98,88,.55);box-shadow:var(--shadow-sm);transform:translateY(-7px)}.service-card:hover::before{opacity:1} .service-card-top{align-items:center;display:flex;justify-content:space-between;position:relative}.service-icon{align-items:center;background:var(--color-soft-bg);border-radius:12px;color:var(--color-accent-deep);display:flex;height:49px;justify-content:center;transition:background .35s ease,color .35s ease;width:49px}.service-card:hover .service-icon{background:var(--color-accent);color:#fff}.service-icon .icon{height:23px;width:23px}.card-arrow{color:#a2aba9;font-size:1rem;transition:transform .35s ease,color .35s ease}.service-card:hover .card-arrow{color:var(--color-accent-deep);transform:translate(3px,-3px)} .service-card h3{font-size:1.14rem;margin:47px 0 13px;position:relative}.service-card>p{font-size:.77rem;line-height:1.7;margin:0;position:relative}.service-detail{background:var(--color-primary-deep);bottom:0;color:rgba(255,255,255,.75);font-size:.7rem;left:0;line-height:1.6;padding:19px 26px;position:absolute;right:0;transform:translateY(101%);transition:transform .35s ease}.service-card:hover .service-detail,.service-card:focus-within .service-detail{transform:translateY(0)}.card-cover-link{inset:0;position:absolute} .services-section{background:#374F4E;color:#fff;overflow:hidden;position:relative} .services-section::before{background-image:radial-gradient(rgba(255,255,255,.07) .7px,transparent .7px);background-size:28px 28px;content:"";inset:0;mask-image:linear-gradient(black,transparent 68%);pointer-events:none;position:absolute} .services-section>.shell{position:relative;z-index:1} .services-section .section-heading h2{color:#fff} .services-section .section-heading .eyebrow{color:var(--color-accent)} .services-section .section-heading>p{color:rgba(255,255,255,.64)} .services-section .service-card{border-color:rgba(255,255,255,.2)} .services-section .strategy-block{background:#f5f5f5;color:var(--color-primary)} .services-section-home{padding-bottom:clamp(90px,9vw,130px)} .services-section-home::before{mask-image:linear-gradient(black,transparent 92%)} .services-section-home .services-grid{gap:18px} .service-card.service-card-compact{display:flex;flex-direction:column;isolation:isolate;min-height:230px;padding:24px} .service-card-compact::before{background:linear-gradient(145deg,rgba(180,98,88,.2),transparent 58%);opacity:.55;z-index:-1} .service-card-compact::after{border:1px solid rgba(180,98,88,.18);border-radius:50%;bottom:-78px;content:"";height:160px;position:absolute;right:-65px;transition:transform .45s ease;width:160px;z-index:-1} .service-card-compact:hover::after{transform:scale(1.15)} .service-card-compact .service-icon{background:rgba(180,98,88,.13)} .service-card-arrow{align-items:center;border:1px solid var(--color-border);border-radius:50%;color:var(--color-accent-deep);display:flex;height:39px;justify-content:center;transition:background .3s ease,border-color .3s ease,color .3s ease,transform .3s ease;width:39px} .service-card-arrow .icon{height:17px;width:17px} .service-card-compact:hover .service-card-arrow,.service-card-compact:focus-within .service-card-arrow{background:var(--color-primary-deep);border-color:var(--color-primary-deep);color:#fff;transform:translateX(3px)} .service-card.service-card-compact h3{font-size:clamp(1.15rem,1.35vw,1.4rem);margin:auto 42px 0 0;max-width:15ch} .home-strategy-section{background:#fff} .home-strategy-section .strategy-block{margin-top:0} .strategy-block{align-items:start;background:var(--color-soft-bg);border-radius:var(--radius-lg);display:grid;gap:clamp(50px,8vw,110px);grid-template-columns:.75fr 1.25fr;margin-top:clamp(90px,11vw,160px);padding:clamp(38px,6vw,80px)} .strategy-intro{position:sticky;top:110px}.strategy-intro h2{font-size:clamp(2.4rem,3.4vw,3.7rem);margin-bottom:25px}.strategy-intro>p:not(.eyebrow){font-size:.9rem}.strategy-stat{align-items:center;border-top:1px solid var(--color-border);display:flex;gap:15px;margin-top:42px;padding-top:28px}.strategy-stat strong{color:var(--color-accent-deep);font-family:var(--font-heading);font-size:2.4rem;letter-spacing:-.05em}.strategy-stat>span{color:var(--color-muted);font-size:.68rem;line-height:1.4;max-width:110px} .strategy-list{border-top:1px solid var(--color-border)}.strategy-item{border-bottom:1px solid var(--color-border)}.strategy-item summary{align-items:center;cursor:pointer;display:grid;gap:16px;grid-template-columns:32px 1fr 20px;list-style:none;padding:23px 4px}.strategy-item summary::-webkit-details-marker{display:none}.strategy-item summary>span{color:#a2acab;font-size:.6rem;font-weight:700}.strategy-item summary strong{color:var(--color-primary-deep);font-family:var(--font-heading);font-size:1rem;letter-spacing:-.02em}.strategy-item summary i{height:14px;position:relative;width:14px}.strategy-item summary i::before,.strategy-item summary i::after{background:var(--color-accent-deep);content:"";height:1px;left:0;position:absolute;top:7px;transition:transform .25s;width:14px}.strategy-item summary i::after{transform:rotate(90deg)}.strategy-item[open] summary i::after{transform:rotate(0)}.strategy-item p{font-size:.78rem;margin:0;padding:0 35px 22px 52px} /* Animation utilities */ .reveal { opacity:0; transform:translateY(28px); transition:opacity .75s ease,transform .75s cubic-bezier(.22,1,.36,1); } .reveal-delay-sm{transition-delay:.08s}.reveal-delay{transition-delay:.16s}.reveal.is-visible{opacity:1;transform:translateY(0)} @keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(114,160,142,.4)}50%{box-shadow:0 0 0 5px rgba(114,160,142,0)}} @keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}} @keyframes drawLine{to{stroke-dashoffset:0}} /* Continuous improvement */ .improvement-section{background:var(--color-primary-deep);color:#fff;overflow:hidden}.improvement-grid-bg{background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:50px 50px;inset:0;mask-image:linear-gradient(to bottom,black,transparent);position:absolute}.improvement-section::before{background:var(--color-accent);border-radius:50%;content:"";filter:blur(150px);height:300px;opacity:.1;position:absolute;right:10%;top:25%;width:300px}.improvement-layout{align-items:center;display:grid;gap:80px;grid-template-columns:.9fr 1.1fr;position:relative}.improvement-copy h2{color:#fff;margin-bottom:28px}.improvement-copy h2 em{color:var(--color-accent)}.improvement-copy>p{color:rgba(255,255,255,.58);max-width:570px}.improvement-copy .section-lede{color:rgba(255,255,255,.82)} .metric-row{border-top:1px solid rgba(255,255,255,.14);display:grid;gap:25px;grid-template-columns:repeat(3,1fr);margin-top:42px;padding-top:27px}.metric-row strong{color:#fff;display:block;font-family:var(--font-heading);font-size:1.75rem;letter-spacing:-.04em}.metric-row>div>span{color:rgba(255,255,255,.45);display:block;font-size:.58rem;line-height:1.4;margin-top:3px}.improvement-loop{aspect-ratio:1;justify-self:end;max-width:570px;position:relative;width:100%}.improvement-loop>svg{height:100%;transform:rotate(-90deg);width:100%}.loop-track{fill:none;stroke:rgba(255,255,255,.1);stroke-width:2}.loop-progress{fill:none;stroke:var(--color-accent);stroke-dasharray:4 12;stroke-linecap:round;stroke-width:3;transform-origin:center}.is-visible .loop-progress{animation:spinSlow 30s linear infinite}.loop-inner{fill:none;stroke:rgba(255,255,255,.07);stroke-width:1}.loop-center{align-items:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:50%;display:flex;flex-direction:column;height:180px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:180px}.loop-center small{color:rgba(255,255,255,.35);font-size:.48rem;font-weight:750;letter-spacing:.18em}.loop-center strong{color:#fff;font-family:var(--font-heading);font-size:1.6rem;letter-spacing:-.04em;margin-top:6px}.loop-center span{color:var(--color-accent);font-size:.65rem}.loop-step{align-items:center;color:rgba(255,255,255,.7);display:flex;font-size:.66rem;font-weight:650;gap:8px;position:absolute}.loop-step i{background:var(--color-accent);border:4px solid #3b5b6e;border-radius:50%;box-shadow:0 0 0 1px rgba(180,98,88,.5);height:13px;width:13px}.loop-step-1{left:47%;top:9%}.loop-step-2{right:4%;top:34%}.loop-step-3{bottom:16%;right:12%}.loop-step-4{bottom:16%;left:9%}.loop-step-5{left:2%;top:34%} .marquee-wrap{border-bottom:1px solid rgba(255,255,255,.1);border-top:1px solid rgba(255,255,255,.1);margin-top:80px;overflow:hidden;padding:22px 0;position:relative}.metric-marquee{align-items:center;display:flex;gap:22px;min-width:max-content}.metric-marquee span{color:rgba(255,255,255,.55);font-size:.6rem;font-weight:650;letter-spacing:.09em;text-transform:uppercase}.metric-marquee i{background:var(--color-accent);border-radius:50%;height:5px;width:5px} @keyframes spinSlow{to{transform:rotate(360deg)}} /* Technology */ .technology-section{overflow:hidden}.tech-layout{align-items:center;display:grid;gap:clamp(50px,7vw,100px);grid-template-columns:.75fr 1.25fr}.tech-copy h2{margin-bottom:30px}.tech-copy blockquote{border-left:2px solid var(--color-accent);color:var(--color-primary-deep);font-family:var(--font-heading);font-size:1.22rem;font-weight:550;line-height:1.5;margin:0 0 22px;padding-left:20px}.tech-copy>p:not(.eyebrow){font-size:.88rem}.tech-equation{align-items:center;display:grid;gap:9px;grid-template-columns:repeat(4,1fr 16px) 1.25fr}.equation-node{align-items:center;background:var(--color-soft-bg);border:1px solid var(--color-border);border-radius:16px;display:flex;flex-direction:column;justify-content:center;min-height:145px;padding:15px;text-align:center}.equation-node span{align-items:center;background:#fff;border-radius:50%;color:var(--color-accent-deep);display:flex;height:43px;justify-content:center;margin-bottom:13px;width:43px}.equation-node .icon{height:20px;width:20px}.equation-node strong{color:var(--color-primary-deep);font-family:var(--font-heading);font-size:.67rem;line-height:1.35}.tech-equation>i{color:var(--color-accent-deep);font-style:normal;font-weight:700;text-align:center}.equation-result{align-items:center;background:var(--color-primary);border-radius:18px;display:flex;flex-direction:column;justify-content:center;min-height:175px;padding:15px;position:relative;text-align:center}.equation-result small{color:rgba(255,255,255,.45);font-size:.42rem;font-weight:750;letter-spacing:.12em}.equation-result strong{color:#fff;font-family:var(--font-heading);font-size:.78rem;line-height:1.4;margin-top:8px}.result-pulse{background:var(--color-accent);border:4px solid rgba(180,98,88,.25);border-radius:50%;bottom:13px;height:11px;position:absolute;width:11px}.tech-chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:70px}.tech-chips span{background:#fff;border:1px solid var(--color-border);border-radius:30px;color:var(--color-muted);font-size:.63rem;font-weight:600;padding:9px 15px;transition:border-color .25s,color .25s,transform .25s}.tech-chips span:hover{border-color:var(--color-accent);color:var(--color-primary-deep);transform:translateY(-2px)} /* MedhaCode showcase */ .medha-section{background:var(--brand-navy);color:#fff;overflow:hidden}.medha-section::before{background-image:radial-gradient(rgba(255,255,255,.09) .7px,transparent .7px);background-size:24px 24px;content:"";height:650px;opacity:.25;position:absolute;right:-5%;top:0;width:55%}.medha-glow{background:var(--color-accent);border-radius:50%;filter:blur(190px);height:400px;opacity:.1;position:absolute;right:6%;top:6%;width:400px}.medha-intro{align-items:center;display:grid;gap:clamp(60px,8vw,120px);grid-template-columns:.8fr 1.2fr;position:relative}.medha-wordmark{align-items:center;display:grid;grid-template-columns:54px auto;grid-template-rows:auto auto;margin-bottom:45px;width:max-content}.medha-logo{grid-row:1/3;height:48px;margin-right:12px;position:relative;width:48px}.medha-logo svg{height:100%;stroke:var(--color-accent);stroke-width:1.5;width:100%}.medha-logo>i{background:var(--color-accent);border-radius:50%;height:5px;position:absolute;width:5px}.medha-logo>i:nth-child(1){left:4px;top:20px}.medha-logo>i:nth-child(2){right:4px;top:20px}.medha-logo>i:nth-child(3){left:22px;top:2px}.medha-logo>i:nth-child(4){bottom:2px;left:22px}.medha-wordmark>strong{color:#fff;font-family:var(--font-heading);font-size:1.6rem;font-weight:650;letter-spacing:-.05em;line-height:1}.medha-wordmark>strong span{color:var(--color-accent);font-weight:450}.medha-wordmark>small{color:rgba(255,255,255,.4);font-size:.41rem;font-weight:700;letter-spacing:.17em;margin-top:6px}.medha-copy h2{color:#fff;margin-bottom:28px}.medha-copy h2 em{color:var(--color-accent)}.medha-copy>.section-lede{color:rgba(255,255,255,.72);font-size:1.02rem}.check-list{list-style:none;margin:28px 0 35px;padding:0}.check-list li{align-items:center;color:rgba(255,255,255,.68);display:flex;font-size:.73rem;gap:10px;margin:9px 0}.check-list li::before{align-items:center;background:rgba(180,98,88,.14);border-radius:50%;color:var(--color-accent);content:"✓";display:flex;font-size:.55rem;height:20px;justify-content:center;width:20px} .medha-dashboard{background:#f7f7f7;border:1px solid rgba(255,255,255,.18);border-radius:24px;box-shadow:0 40px 100px rgba(0,0,0,.25);min-height:570px;position:relative;transform:perspective(1400px) rotateY(-3deg)}.medha-window-bar{align-items:center;background:#fff;border-bottom:1px solid var(--color-border);border-radius:24px 24px 0 0;display:flex;height:49px;justify-content:space-between;padding:0 15px}.medha-window-bar>span{display:flex;gap:5px}.medha-window-bar>span i{background:#dfe5e3;border-radius:50%;height:7px;width:7px}.medha-window-bar>span i:first-child{background:var(--color-accent)}.medha-window-bar small{color:#86928f;font-size:.48rem;font-weight:650}.medha-window-bar>b{align-items:center;background:var(--color-primary);border-radius:50%;color:#fff;display:flex;font-size:.42rem;height:25px;justify-content:center;width:25px}.medha-window-body{display:grid;grid-template-columns:48px 1fr}.medha-window-body aside{align-items:center;background:#edf0f2;border-radius:0 0 0 24px;border-right:1px solid var(--color-border);display:flex;flex-direction:column;gap:18px;min-height:520px;padding-top:21px}.medha-window-body aside span{align-items:center;color:#a0aaa8;display:flex;height:28px;justify-content:center;width:28px}.medha-window-body aside .active{background:var(--color-primary);border-radius:7px;color:#fff}.medha-window-body aside .icon{height:14px;width:14px}.medha-screen{min-width:0;padding:18px}.medha-screen-head{align-items:center;display:flex;justify-content:space-between}.medha-screen-head strong{color:var(--color-primary-deep);display:block;font-family:var(--font-heading);font-size:.93rem}.medha-screen-head>span{color:#98a3a0;font-size:.43rem}.ai-summary{align-items:center;background:linear-gradient(100deg,#eceff1,#f6eae8);border:1px solid rgba(55,79,78,.1);border-radius:12px;display:grid;gap:11px;grid-template-columns:35px 1fr auto;margin-top:15px;padding:12px}.ai-summary>span{align-items:center;background:var(--color-accent);border-radius:9px;color:#fff;display:flex;height:34px;justify-content:center;width:34px}.ai-summary .icon{height:17px;width:17px}.ai-summary small{color:#a07868;display:block;font-size:.38rem;font-weight:750;letter-spacing:.1em}.ai-summary strong{color:var(--color-primary-deep);display:block;font-family:var(--font-heading);font-size:.64rem}.ai-summary p{font-size:.42rem;margin:1px 0 0}.ai-summary>b{color:var(--color-accent-deep);font-size:.44rem}.medha-data-grid{display:grid;gap:10px;grid-template-columns:.8fr 1.2fr;margin-top:10px}.risk-chart-card,.module-list,.claim-pipeline{background:#fff;border:1px solid var(--color-border);border-radius:10px;padding:12px}.donut{align-items:center;background:conic-gradient(#6c8f84 0 86%,var(--color-accent) 86% 95%,#e5aea9 95%);border-radius:50%;display:flex;height:105px;justify-content:center;margin:12px auto 7px;width:105px}.donut::before{background:#fff;border-radius:50%;content:"";height:76px;position:absolute;width:76px}.donut>span{position:relative;text-align:center;z-index:1}.donut strong{color:var(--color-primary-deep);display:block;font-family:var(--font-heading);font-size:1rem;line-height:1}.donut small{color:#98a3a0;font-size:.38rem}.risk-legend{display:flex;gap:8px;justify-content:center}.risk-legend span{align-items:center;color:#8c9895;display:flex;font-size:.36rem;gap:3px}.risk-legend i{background:#6c8f84;border-radius:50%;height:4px;width:4px}.risk-legend span:nth-child(2) i{background:var(--color-accent)}.risk-legend span:nth-child(3) i{background:#e5aea9}.module-list ul{list-style:none;margin:9px 0 0;padding:0}.module-list li{align-items:center;border-bottom:1px solid #edf0ef;color:var(--color-primary);display:grid;font-size:.43rem;gap:6px;grid-template-columns:6px 1fr auto;padding:8px 0}.module-list li:last-child{border:0}.module-list li>i{background:#72a08e;border-radius:50%;height:5px;width:5px}.module-list li span{color:#72a08e;font-size:.37rem}.claim-pipeline{margin-top:10px}.pipeline{align-items:center;display:grid;gap:5px;grid-template-columns:repeat(2,1fr 10px) 1fr;margin-top:10px}.pipeline>span{background:#f5f7f6;border-radius:7px;color:var(--color-muted);display:grid;font-size:.4rem;gap:3px;grid-template-columns:14px 1fr;padding:7px}.pipeline span i{align-items:center;background:#e1e7e5;border-radius:50%;display:flex;font-size:.35rem;font-style:normal;height:14px;justify-content:center;width:14px}.pipeline span em{color:var(--color-primary-deep);font-size:.52rem;font-style:normal;font-weight:700;grid-column:2}.pipeline>b{color:#b1bab8;font-size:.55rem}.medha-float{align-items:center;animation:floatY 5s ease-in-out infinite;background:#fff;border:1px solid rgba(55,79,78,.14);border-radius:12px;bottom:-30px;box-shadow:0 18px 45px rgba(0,0,0,.2);display:flex;gap:9px;left:-28px;padding:11px 13px;position:absolute}.medha-float>span{align-items:center;background:#edf5f1;border-radius:8px;color:#5e8a79;display:flex;height:33px;justify-content:center;width:33px}.medha-float .icon{height:17px;width:17px}.medha-float small{color:#9ca7a4;display:block;font-size:.36rem;font-weight:750;letter-spacing:.1em}.medha-float strong{color:var(--color-primary-deep);display:block;font-family:var(--font-heading);font-size:.58rem}.medha-float>b{align-items:center;background:#72a08e;border-radius:50%;color:#fff;display:flex;font-size:.5rem;height:19px;justify-content:center;margin-left:8px;width:19px} .capability-block{margin-top:clamp(110px,13vw,190px);padding-bottom:clamp(100px,12vw,170px)}.capability-heading{display:grid;gap:40px;grid-template-columns:1fr .45fr;margin-bottom:52px}.capability-heading h2{color:#fff;margin:0}.capability-heading h2 em{color:var(--color-accent)}.capability-heading>p{align-self:end;color:rgba(255,255,255,.53);font-size:.8rem}.capability-tabs{display:grid;grid-template-columns:.75fr 1.25fr}.tab-list{border-bottom:1px solid rgba(255,255,255,.1);border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column}.tab-list button{align-items:center;background:transparent;border:0;border-top:1px solid rgba(255,255,255,.09);color:rgba(255,255,255,.47);cursor:pointer;display:grid;font-size:.72rem;gap:12px;grid-template-columns:27px 1fr 8px;min-height:58px;padding:10px 17px;text-align:left;transition:background .25s,color .25s}.tab-list button:first-child{border-top:0}.tab-list button>span{font-size:.46rem}.tab-list button>i{background:var(--color-accent);border-radius:50%;height:6px;opacity:0;transition:opacity .25s;width:6px}.tab-list button[aria-selected=true]{background:rgba(255,255,255,.06);color:#fff}.tab-list button[aria-selected=true]>i{opacity:1}.tab-panels{background:#2c4c5d;border:1px solid rgba(255,255,255,.12);border-radius:0 22px 22px 0;min-height:470px}.tab-panel{min-height:470px;overflow:hidden;padding:55px;position:relative}.tab-panel[hidden]{display:none}.panel-icon{align-items:center;background:rgba(180,98,88,.13);border:1px solid rgba(180,98,88,.25);border-radius:13px;color:var(--color-accent);display:flex;height:52px;justify-content:center;margin-bottom:42px;width:52px}.panel-icon .icon{height:25px;width:25px}.tab-panel>small{color:var(--color-accent);font-size:.48rem;font-weight:750;letter-spacing:.14em}.tab-panel h3{color:#fff;font-size:clamp(1.7rem,2.3vw,2.5rem);margin:10px 0 18px;max-width:430px}.tab-panel>p{color:rgba(255,255,255,.57);font-size:.82rem;max-width:470px}.tab-panel ul{display:flex;flex-wrap:wrap;gap:7px 15px;list-style:none;margin:28px 0 0;padding:0}.tab-panel li{align-items:center;color:rgba(255,255,255,.72);display:flex;font-size:.6rem;gap:7px}.tab-panel li span{color:var(--color-accent)}.panel-visual{height:200px;opacity:.2;position:absolute;right:-35px;top:10px;width:260px}.panel-visual>i{border:1px solid var(--color-accent);border-radius:50%;position:absolute}.panel-visual>i:nth-child(1){height:190px;right:0;top:0;width:190px}.panel-visual>i:nth-child(2){height:130px;right:30px;top:30px;width:130px}.panel-visual>i:nth-child(3){height:70px;right:60px;top:60px;width:70px}.panel-visual>span{background:var(--color-accent);border-radius:50%;height:7px;position:absolute;width:7px}.panel-visual>span:nth-of-type(1){right:33px;top:38px}.panel-visual>span:nth-of-type(2){right:124px;top:64px}.panel-visual>span:nth-of-type(3){right:67px;top:129px} /* Values, promise and CTA */ .values-section{background:var(--color-soft-bg)}.why-grid{display:grid;gap:18px;grid-template-columns:repeat(2,1fr)}.why-card{align-items:flex-start;background:#fff;border:1px solid var(--color-border);border-radius:20px;display:grid;gap:24px;grid-template-columns:auto 1fr;padding:34px 36px;transition:transform .35s ease,box-shadow .35s ease}.why-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-5px)}.why-index{align-items:center;background:rgba(180,98,88,.12);border:1px solid var(--color-accent);border-radius:14px;color:var(--color-accent);display:flex;font-size:.75rem;font-weight:700;height:48px;justify-content:center;letter-spacing:.04em;width:48px}.why-card h3{font-size:1.25rem;margin-bottom:12px}.why-card p{color:var(--color-primary);font-size:.82rem;line-height:1.75;margin:0}.values-grid{display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}.value-card{background:#fff;border:1px solid var(--color-border);border-radius:20px;min-height:300px;padding:28px;position:relative;transition:transform .35s ease,box-shadow .35s ease}.value-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-5px)}.value-index{color:#a7b0ae;font-size:.55rem;font-weight:700;letter-spacing:.1em;position:absolute;right:24px;top:20px}.value-icon{height:55px;margin-bottom:55px;position:relative;width:55px}.value-icon i{background:rgba(180,98,88,.14);border:1px solid var(--color-accent);border-radius:50%;height:37px;position:absolute;width:37px}.value-icon i:nth-child(1){left:0;top:0}.value-icon i:nth-child(2){right:0;top:0}.value-icon i:nth-child(3){bottom:0;left:9px}.value-card h3{font-size:1.2rem;margin-bottom:12px}.value-card p{font-size:.76rem;line-height:1.7;margin:0}.focus-section{background:var(--color-soft-bg);overflow:hidden;position:relative}.focus-glow{background:var(--color-accent);border-radius:50%;filter:blur(190px);height:430px;opacity:.12;position:absolute;right:-6%;top:-8%;width:430px}.focus-grid{align-items:start;display:grid;gap:clamp(50px,7vw,110px);grid-template-columns:.85fr 1.15fr;position:relative}.focus-intro{position:sticky;top:120px}.focus-intro h2{margin:18px 0 22px}.focus-intro h2 em{color:var(--color-accent)}.focus-intro>p{color:var(--color-primary);font-size:.95rem;max-width:400px}.focus-badge{align-items:center;background:#fff;border:1px solid var(--color-border);border-radius:16px;box-shadow:var(--shadow-sm);display:inline-flex;gap:14px;margin-top:36px;padding:14px 20px}.focus-badge .icon{color:var(--color-accent);height:26px;width:26px}.focus-badge small{color:#9aa4a1;display:block;font-size:.46rem;font-weight:750;letter-spacing:.14em;text-transform:uppercase}.focus-badge strong{display:block;font-family:var(--font-heading);font-size:1rem;margin-top:3px}.focus-track{list-style:none;margin:0;padding:0;position:relative}.focus-track::before{background:linear-gradient(var(--color-accent),rgba(180,98,88,.15));content:"";left:27px;position:absolute;top:18px;width:2px;bottom:60px}.focus-item{display:grid;gap:26px;grid-template-columns:auto 1fr;padding-bottom:36px;position:relative}.focus-item:last-child{padding-bottom:0}.focus-node{align-items:center;background:#fff;border:1px solid var(--color-accent);border-radius:50%;color:var(--color-accent);display:flex;flex-shrink:0;height:56px;justify-content:center;position:relative;width:56px;z-index:1}.focus-node .icon{height:24px;width:24px}.focus-content{background:#fff;border:1px solid var(--color-border);border-radius:18px;padding:24px 28px;transition:transform .35s ease,box-shadow .35s ease}.focus-item:hover .focus-content{box-shadow:var(--shadow-sm);transform:translateY(-4px)}.focus-step{color:var(--color-accent);font-size:.52rem;font-weight:750;letter-spacing:.14em}.focus-content h3{font-size:1.18rem;margin:6px 0 10px}.focus-content p{color:var(--color-primary);font-size:.8rem;line-height:1.75;margin:0}.philosophy-section{overflow:hidden;position:relative}.philosophy-grid{align-items:center;display:grid;gap:clamp(40px,6vw,90px);grid-template-columns:1.1fr .9fr}.philosophy-intro h2{margin:18px 0 20px}.philosophy-intro h2 em{color:var(--color-accent)}.philosophy-intro>p{color:var(--color-primary);margin-bottom:30px;max-width:430px}.philosophy-pillars{display:grid;gap:16px}.philosophy-card{background:#fff;border:1px solid var(--color-border);border-radius:18px;padding:28px 30px;transition:transform .35s ease,box-shadow .35s ease}.philosophy-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-4px)}.philosophy-icon{align-items:center;background:rgba(180,98,88,.12);border:1px solid var(--color-accent);border-radius:13px;color:var(--color-accent);display:flex;height:48px;justify-content:center;width:48px}.philosophy-icon .icon{height:23px;width:23px}.philosophy-card h3{font-size:1.2rem;margin:18px 0 10px}.philosophy-card p{color:var(--color-primary);font-size:.8rem;line-height:1.75;margin:0}.philo-hero{align-items:center;background:var(--brand-navy);color:#fff;display:flex;min-height:88vh;overflow:hidden;position:relative;text-align:center}.philo-hero-bg{inset:0;position:absolute}.philo-hero-bg span{border-radius:50%;filter:blur(190px);position:absolute}.philo-hero-bg span:nth-child(1){animation:philoGlow 14s ease-in-out infinite;background:var(--color-accent);height:480px;opacity:.16;right:-8%;top:-14%;width:480px}.philo-hero-bg span:nth-child(2){animation:philoGlow 18s ease-in-out infinite reverse;background:#a6a9d0;bottom:-20%;height:520px;left:-10%;opacity:.16;width:520px}.philo-hero-inner{margin-inline:auto;max-width:1040px;position:relative}.philo-hero h1{color:#fff;font-size:clamp(2.9rem,6.6vw,6.2rem);letter-spacing:-.03em;line-height:1.04;margin:0}.philo-hero h1 em{color:var(--color-accent);font-style:italic}.philo-scroll{align-items:center;color:rgba(255,255,255,.55);display:inline-flex;flex-direction:column;font-size:.5rem;font-weight:700;gap:14px;letter-spacing:.24em;margin-top:clamp(48px,7vw,82px);text-transform:uppercase}.philo-scroll i{border:1px solid rgba(255,255,255,.32);border-radius:14px;height:46px;position:relative;width:27px}.philo-scroll i::before{animation:philoScroll 1.9s ease-in-out infinite;background:var(--color-accent);border-radius:50%;content:"";height:7px;left:50%;position:absolute;top:9px;width:7px}@keyframes philoScroll{0%{opacity:0;transform:translate(-50%,0)}25%{opacity:1}70%{opacity:1}100%{opacity:0;transform:translate(-50%,17px)}}@keyframes philoGlow{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(0,34px) scale(1.12)}}.philo-flow{overflow:hidden;position:relative}.philo-flow-inner{margin-inline:auto;max-width:760px;padding-left:74px;position:relative}.philo-spine{background:rgba(55,79,78,.15);bottom:8px;left:26px;position:absolute;top:8px;width:2px}.philo-spine-fill{background:linear-gradient(var(--color-accent),var(--color-accent-deep));display:block;height:100%;transform:scaleY(0);transform-origin:top;transition:transform .12s linear;width:100%}.philo-chapter{position:relative}.philo-chapter:not(:first-child){margin-top:64px}.philo-chapter-num{align-items:center;background:var(--color-accent);border-radius:50%;box-shadow:0 0 0 7px #fff,0 0 0 8px rgba(180,98,88,.25);color:#fff;display:flex;font-family:var(--font-heading);font-size:.95rem;height:46px;justify-content:center;left:-71px;position:absolute;top:0;width:46px}.philo-chapter h2{font-size:clamp(2rem,3.6vw,3.1rem);margin:2px 0 14px}.philo-chapter h2 em{color:var(--color-accent);font-style:italic}.philo-chapter>p{color:var(--color-primary);max-width:540px}.philo-chapter blockquote{border-left:3px solid var(--color-accent);color:var(--color-primary-deep);font-family:var(--font-heading);font-size:clamp(1.25rem,1.9vw,1.6rem);font-style:italic;line-height:1.45;margin:0 0 18px;padding-left:20px}.philo-steps{list-style:none;margin:26px 0 0;padding:0}.philo-step{margin:12px 0;position:relative}.philo-step::before{background:#fff;border:2px solid var(--color-accent);border-radius:50%;content:"";height:15px;left:-55px;position:absolute;top:50%;transform:translateY(-50%);transition:background .35s,box-shadow .35s;width:15px;z-index:1}.philo-step::after{background:rgba(55,79,78,.15);content:"";height:2px;left:-48px;position:absolute;top:50%;transform:translateY(-50%);width:48px}.philo-step.is-visible::before{background:var(--color-accent);box-shadow:0 0 0 5px rgba(180,98,88,.16)}.philo-step-inner{align-items:center;background:#fff;border:1px solid var(--color-border);border-radius:14px;display:flex;gap:13px;padding:15px 20px;transition:transform .35s ease,box-shadow .35s ease}.philo-step:hover .philo-step-inner{box-shadow:var(--shadow-sm);transform:translateX(5px)}.philo-step-inner b{align-items:center;background:rgba(180,98,88,.14);border-radius:50%;color:var(--color-accent);display:flex;flex-shrink:0;font-size:.6rem;height:24px;justify-content:center;width:24px}.philo-step-inner span{color:var(--color-primary-deep);font-size:.92rem}.philo-step.reveal{opacity:0;transform:translateX(-28px)}.philo-step.reveal.is-visible{opacity:1;transform:none}.philo-note{background:var(--color-soft-bg);border:1px solid var(--color-border);border-left:3px solid var(--color-accent);border-radius:0 14px 14px 0;margin-top:26px;padding:20px 24px;position:relative}.philo-note p{color:var(--color-primary-deep);font-weight:550;margin:0;max-width:560px}.philo-close{margin-top:64px;position:relative}.philo-close::before{background:var(--color-accent);border-radius:50%;box-shadow:0 0 0 7px #fff,0 0 0 8px rgba(180,98,88,.25);content:"";height:18px;left:-57px;position:absolute;top:6px;width:18px}.philo-close p{color:var(--color-primary-deep);font-family:var(--font-heading);font-size:clamp(1.25rem,2vw,1.7rem);line-height:1.5;margin:0;max-width:580px}.brand-promise{overflow:hidden;padding:clamp(90px,11vw,160px) 0;position:relative}.promise-content{max-width:1000px;position:relative;text-align:center}.promise-content .eyebrow{justify-content:center}.promise-content h2{font-size:clamp(2.8rem,5vw,5.4rem)}.promise-content>p:last-child{font-size:1rem;margin:30px auto 0;max-width:700px}.promise-lines{inset:0;position:absolute}.promise-lines i{border:1px solid rgba(180,98,88,.16);border-radius:50%;height:600px;left:50%;position:absolute;top:-180px;transform:translateX(-50%);width:600px}.promise-lines i:nth-child(2){height:800px;top:-280px;width:800px}.promise-lines i:nth-child(3){height:1000px;top:-380px;width:1000px}.promise-lines i:nth-child(4){background:var(--color-accent);border:8px solid rgba(180,98,88,.16);height:18px;left:calc(50% + 390px);top:180px;width:18px}.final-cta{background:#fff;padding-top:0}.cta-card{background:var(--color-primary-deep);border-radius:var(--radius-lg);color:#fff;display:grid;gap:70px;grid-template-columns:1.3fr .7fr;overflow:hidden;padding:clamp(40px,6vw,80px);position:relative}.cta-card::before{border:1px solid rgba(255,255,255,.08);border-radius:50%;content:"";height:600px;position:absolute;right:-280px;top:-300px;width:600px}.cta-copy{position:relative}.cta-copy h2{color:#fff;font-size:clamp(2.5rem,4vw,4.2rem);margin-bottom:24px}.cta-copy h2 em{color:var(--color-accent)}.cta-copy>p:not(.eyebrow){color:rgba(255,255,255,.62);max-width:680px}.cta-copy .button-row{margin-top:32px}.cta-contact{align-self:end;border-left:1px solid rgba(255,255,255,.16);padding-left:35px;position:relative}.cta-contact>span{color:rgba(255,255,255,.4);display:block;font-size:.47rem;font-weight:750;letter-spacing:.14em}.cta-contact>a{color:#fff;display:block;font-family:var(--font-heading);font-size:1.05rem;margin:9px 0 14px}.cta-contact>a i{color:var(--color-accent);font-style:normal}.cta-contact p{color:rgba(255,255,255,.44);font-size:.7rem;margin:0} /* Footer */ .site-footer{background:var(--brand-footer);color:#fff;padding-top:85px}.footer-grid{display:grid;gap:70px;grid-template-columns:1.3fr .65fr .75fr;padding-bottom:75px}.site-brand-light .brand-name{color:#fff}.site-brand-light .brand-name span{color:var(--color-accent)}.footer-brand>p{color:rgba(255,255,255,.46);font-size:.76rem;line-height:1.75;margin:25px 0 0;max-width:410px}.footer-column h2{color:rgba(255,255,255,.4);font-family:var(--font-body);font-size:.55rem;font-weight:700;letter-spacing:.13em;margin-bottom:22px;text-transform:uppercase}.footer-menu li{margin:8px 0}.footer-menu a{color:rgba(255,255,255,.66);font-size:.72rem;transition:color .2s}.footer-menu a:hover{color:var(--color-accent)}.footer-menu.menu{display:block}.contact-list{list-style:none;margin:0;padding:0}.contact-list li{color:rgba(255,255,255,.67);font-size:.72rem;margin:9px 0}.contact-list li span:first-child{color:rgba(255,255,255,.33);display:inline-block;font-size:.52rem;text-transform:uppercase;width:74px}.contact-list a:hover{color:var(--color-accent)}.footer-bottom{align-items:center;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;padding:22px 0}.footer-bottom p{color:rgba(255,255,255,.3);font-size:.52rem;margin:0}.footer-bottom p:last-child{align-items:center;display:flex;gap:8px}.footer-bottom p span{background:var(--color-accent);border-radius:50%;height:3px;width:3px} /* Philosophy landing page */ .philo-page{background:#fff}.philo-page .philo-landing-hero{align-items:flex-end;background:var(--brand-navy);display:flex;min-height:86vh;padding:calc(var(--header-height) + 82px) 0 96px;position:relative;text-align:left}.philo-hero-image{height:100%;inset:0;object-fit:cover;object-position:center;opacity:.74;position:absolute;width:100%}.philo-hero-overlay{background:linear-gradient(90deg,rgba(23,40,52,.94),rgba(23,40,52,.68) 45%,rgba(23,40,52,.26)),linear-gradient(180deg,rgba(23,40,52,.18),rgba(23,40,52,.86));inset:0;position:absolute}.philo-page .philo-hero-inner{margin:0 auto;max-width:none;position:relative;text-align:left;z-index:1}.philo-page .philo-hero-inner .eyebrow{color:rgba(255,255,255,.7)}.philo-page .philo-hero h1{color:#fff;font-size:clamp(3.8rem,7.2vw,7.8rem);line-height:.94;margin:0;max-width:980px}.philo-page .philo-hero h1 em{color:var(--color-accent);font-style:normal}.philo-page .philo-hero-inner>p:not(.eyebrow){color:rgba(255,255,255,.76);font-size:clamp(1rem,1.35vw,1.18rem);line-height:1.75;margin:28px 0 0;max-width:720px}.philo-page .philo-hero .button-row{margin-top:34px}.philo-hero-proof{align-items:center;bottom:24px;display:flex;gap:10px;left:50%;position:absolute;transform:translateX(-50%);z-index:2}.philo-hero-proof span{border:1px solid rgba(255,255,255,.24);border-radius:999px;color:rgba(255,255,255,.72);font-size:.58rem;font-weight:800;letter-spacing:.14em;padding:10px 14px;text-transform:uppercase}.philo-thesis{background:#fff;padding:clamp(85px,9vw,135px) 0}.philo-thesis-grid{align-items:start;display:grid;gap:clamp(46px,7vw,100px);grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}.philo-thesis-copy{position:sticky;top:115px}.philo-thesis-copy h2{font-size:clamp(2.8rem,5vw,5.5rem);margin:0 0 26px;max-width:760px}.philo-thesis-copy p:not(.eyebrow){color:var(--color-primary);font-size:1.02rem;line-height:1.85;max-width:620px}.philo-principle-grid{display:grid;gap:16px}.philo-principle-card{background:var(--color-soft-bg);border:1px solid var(--color-border);border-radius:24px;min-height:285px;padding:clamp(30px,4vw,48px);position:relative;transition:border-color .35s ease,box-shadow .35s ease,transform .35s ease}.philo-principle-card:hover{border-color:rgba(180,98,88,.5);box-shadow:var(--shadow-sm);transform:translateY(-4px)}.philo-principle-card>span{align-items:center;background:#fff;border:1px solid rgba(180,98,88,.45);border-radius:50%;color:var(--color-accent-deep);display:flex;font-size:.65rem;font-weight:850;height:42px;justify-content:center;margin-bottom:54px;width:42px}.philo-principle-card h3{font-size:clamp(1.55rem,2.5vw,2.5rem);margin-bottom:18px}.philo-principle-card p{color:var(--color-primary);font-size:.92rem;line-height:1.75;margin:0;max-width:620px}.philo-method{background:linear-gradient(180deg,var(--color-soft-bg),#fff);overflow:hidden;padding:clamp(90px,10vw,150px) 0}.philo-method-grid{align-items:start;display:grid;gap:clamp(54px,7vw,105px);grid-template-columns:minmax(290px,.72fr) minmax(0,1fr)}.philo-method-intro{position:sticky;top:112px}.philo-method-intro h2{font-size:clamp(2.6rem,4.5vw,4.8rem);margin:0 0 24px}.philo-method-intro p:not(.eyebrow){color:var(--color-primary);font-size:.98rem;line-height:1.8;max-width:450px}.philo-method-image{aspect-ratio:4/5;border-radius:28px;margin-top:38px;overflow:hidden;position:relative}.philo-method-image::after{background:linear-gradient(180deg,transparent 45%,rgba(23,40,52,.42));content:"";inset:0;position:absolute}.philo-method-image img{height:100%;object-fit:cover;width:100%}.philo-page .philo-flow-inner{max-width:none;padding-left:76px}.philo-page .philo-spine{left:25px}.philo-chapter-panel{background:#fff;border:1px solid var(--color-border);border-radius:28px;box-shadow:0 24px 70px rgba(55,79,78,.08);padding:clamp(34px,5vw,58px);position:relative}.philo-page .philo-chapter:not(:first-child){margin-top:42px}.philo-chapter-panel .philo-chapter-num{left:-76px;top:35px}.philo-chapter-panel h2{font-size:clamp(2.2rem,4vw,4.4rem);margin-bottom:22px}.philo-chapter-panel>p{color:var(--color-primary);font-size:.97rem;line-height:1.8;max-width:760px}.philo-chapter-panel blockquote{background:var(--color-soft-bg);border:0;border-left:3px solid var(--color-accent);border-radius:0 18px 18px 0;color:var(--color-primary-deep);font-size:clamp(1.25rem,2vw,1.75rem);font-style:normal;margin:28px 0;padding:24px 28px}.philo-signal-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:30px}.philo-signal{align-items:center;background:var(--color-soft-bg);border:1px solid rgba(55,79,78,.12);border-radius:999px;color:var(--color-primary-deep);display:flex;font-size:.78rem;font-weight:700;line-height:1.35;min-height:46px;padding:10px 15px}.philo-signal::before{background:var(--color-accent);border-radius:50%;content:"";flex:0 0 auto;height:6px;margin-right:10px;width:6px}.philo-note-modern{background:#374F4E;border:0;border-radius:22px;margin:36px 0 42px;padding:28px 32px}.philo-note-modern p{color:rgba(255,255,255,.78);font-size:1.02rem;line-height:1.7}.philo-close-modern{background:var(--color-soft-bg);border:1px solid var(--color-border);border-radius:28px;margin-top:42px;padding:clamp(32px,5vw,54px)}.philo-close-modern::before{display:none}.philo-close-modern p{font-size:clamp(1.35rem,2.25vw,2rem);max-width:820px}.philo-compound{background:#374F4E;color:#fff;overflow:hidden;padding:clamp(90px,10vw,150px) 0;position:relative}.philo-compound::before{background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:56px 56px;content:"";inset:0;position:absolute}.philo-compound-grid{align-items:start;display:grid;gap:clamp(45px,7vw,95px);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);position:relative}.philo-compound-copy h2{color:#fff;font-size:clamp(2.8rem,5vw,5.4rem);margin:0;max-width:760px}.philo-loop-cards{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0}.philo-loop-cards li{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:22px;min-height:250px;padding:30px}.philo-loop-cards span{align-items:center;background:var(--color-accent);border-radius:50%;color:#374F4E;display:flex;font-size:.62rem;font-weight:850;height:34px;justify-content:center;margin-bottom:54px;width:34px}.philo-loop-cards strong{color:#fff;display:block;font-family:var(--font-heading);font-size:1.35rem;font-weight:600}.philo-loop-cards p{color:rgba(255,255,255,.64);font-size:.82rem;line-height:1.7;margin:12px 0 0} /* Lean philosophy storytelling */ .philo-page .philo-landing-hero{align-items:center;min-height:88vh;padding:calc(var(--header-height) + 72px) 0 72px;text-align:center}.philo-page .philo-hero-inner{max-width:1040px;text-align:center}.philo-page .philo-hero h1{font-size:clamp(3.5rem,7vw,7.2rem);line-height:1.02;margin:0 auto}.philo-page .philo-scroll{color:rgba(255,255,255,.62);margin-top:clamp(44px,6vw,70px)}.philo-story{background:linear-gradient(180deg,#fff,var(--color-soft-bg));padding:clamp(70px,8vw,120px) 0}.philo-page .philo-story .philo-flow-inner{max-width:1100px;padding-left:86px}.philo-page .philo-story .philo-spine{left:27px}.philo-story-card{align-items:center;background:#fff;border:1px solid var(--color-border);border-radius:30px;box-shadow:0 24px 70px rgba(55,79,78,.08);display:grid;gap:clamp(30px,5vw,70px);grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);min-height:68vh;padding:clamp(36px,5vw,64px);position:relative}.philo-story-card+.philo-story-card{margin-top:44px}.philo-story-card .philo-chapter-num{left:-86px;top:50%;transform:translateY(-50%)}.philo-story-copy h2{font-size:clamp(2.6rem,5vw,5.4rem);margin:0 0 24px}.philo-story-copy p{color:var(--color-primary);font-size:clamp(.98rem,1.2vw,1.08rem);line-height:1.8;margin:0;max-width:520px}.philo-story-copy blockquote{border:0;border-left:3px solid var(--color-accent);color:var(--color-primary-deep);font-family:var(--font-heading);font-size:clamp(1.35rem,2vw,1.85rem);font-style:italic;line-height:1.45;margin:0 0 24px;padding-left:22px}.philo-story-points{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.philo-story-points .philo-signal{background:var(--color-soft-bg);border:1px solid rgba(55,79,78,.12);border-radius:16px;color:var(--color-primary-deep);font-size:.8rem;font-weight:700;min-height:54px;padding:12px 14px}.philo-story-card-dark{background:#374F4E;border-color:#374F4E;color:#fff}.philo-story-card-dark h2,.philo-story-card-dark .philo-story-copy blockquote{color:#fff}.philo-story-card-dark .philo-story-copy p{color:rgba(255,255,255,.72)}.philo-story-card-dark .philo-story-points .philo-signal{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.13);color:rgba(255,255,255,.82)}.philo-story-note{background:#374F4E;border:0;border-radius:24px;margin:34px 0;padding:28px 34px}.philo-story-note p{color:rgba(255,255,255,.78);font-size:clamp(1rem,1.35vw,1.16rem);line-height:1.7}.philo-story-close{background:#fff;border:1px solid var(--color-border);border-radius:30px;margin-top:44px;padding:clamp(34px,5vw,58px)}.philo-story-close::before{display:none}.philo-story-close p{font-size:clamp(1.35rem,2.2vw,2rem);max-width:800px} /* About-style philosophy flow */ .philo-about-flow{background:#fff;overflow:hidden}.philo-about-chapter{height:72vh;min-height:620px;overflow:hidden;position:relative}.philo-about-chapter::after{border:1px solid rgba(180,98,88,.18);border-radius:50%;content:"";height:min(48vw,640px);position:absolute;right:-18%;top:-42%;width:min(48vw,640px)}.philo-about-chapter--analyze{background-color:#fff;background-image:repeating-linear-gradient(135deg,transparent 0 42px,rgba(55,79,78,.025) 43px 44px)}.philo-about-chapter--technology{background-color:#374F4E;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:52px 52px;color:#fff}.philo-about-chapter--technology::after{border-color:rgba(255,255,255,.1)}.philo-about-chapter__inner{align-items:center;display:grid;gap:clamp(60px,11vw,160px);grid-template-columns:minmax(260px,.7fr) minmax(0,1fr);height:100%;position:relative;z-index:1}.philo-about-chapter header{border-right:1px solid var(--color-border);display:flex;flex-direction:column;gap:72px;justify-content:center;min-height:360px;padding-right:clamp(35px,6vw,85px)}.philo-about-chapter header span{align-items:center;border:1px solid var(--color-border);border-radius:50%;color:#87938f;display:flex;font-size:.58rem;font-weight:800;height:40px;justify-content:center;letter-spacing:.08em;width:40px}.philo-about-chapter h2{font-size:clamp(3.6rem,6.5vw,7.3rem);line-height:.9;margin:0;max-width:6ch}.philo-about-chapter h2 em{color:var(--color-accent-deep);font-style:normal}.philo-about-chapter__copy{max-width:850px;padding-left:42px;position:relative}.philo-about-chapter__copy::before{background:var(--color-accent);border-radius:2px;content:"";height:72px;left:0;position:absolute;top:5px;width:3px}.philo-about-chapter__copy>p{color:var(--color-primary-deep);font-family:var(--font-heading);font-size:clamp(1.25rem,1.85vw,1.75rem);font-weight:600;letter-spacing:-.025em;line-height:1.55;margin:0}.philo-about-points{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:34px}.philo-about-points span{background:rgba(55,79,78,.045);border:1px solid rgba(55,79,78,.12);border-radius:14px;color:var(--color-primary);font-size:.78rem;font-weight:700;line-height:1.35;min-height:48px;padding:13px 15px}.philo-about-statement{background:#f2dedc;padding:clamp(70px,8vw,115px) 0;position:relative}.philo-about-statement p,.philo-about-close p{color:var(--color-primary-deep);font-family:var(--font-heading);font-size:clamp(1.7rem,3vw,3rem);font-weight:600;letter-spacing:-.035em;line-height:1.3;margin:0;max-width:960px}.philo-about-chapter--technology .philo-about-chapter__inner{grid-template-columns:minmax(0,1fr) minmax(260px,.7fr)}.philo-about-chapter--technology header{border-left:1px solid rgba(255,255,255,.16);border-right:0;order:2;padding-left:clamp(35px,6vw,85px);padding-right:0}.philo-about-chapter--technology header span{border-color:rgba(255,255,255,.25);color:rgba(255,255,255,.6)}.philo-about-chapter--technology h2{color:#fff}.philo-about-chapter--technology h2 em{color:var(--color-accent)}.philo-about-chapter--technology .philo-about-chapter__copy{order:1}.philo-about-chapter--technology .philo-about-chapter__copy>p,.philo-about-chapter--technology blockquote{color:#fff}.philo-about-chapter blockquote{border:0;border-left:3px solid var(--color-accent);font-family:var(--font-heading);font-size:clamp(1.35rem,2vw,1.85rem);font-style:italic;line-height:1.45;margin:0 0 30px;padding-left:22px}.philo-about-chapter--technology .philo-about-points span{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.13);color:rgba(255,255,255,.78)}.philo-about-close{background:#fff;padding:clamp(80px,10vw,140px) 0}.philo-about-chapter.about-story-step{opacity:.86;transition:opacity .55s ease,transform .65s cubic-bezier(.22,1,.36,1)}.philo-about-chapter.about-story-step:not(.is-story-active){opacity:.55;transform:translateY(18px)}.philo-about-chapter.about-story-step.is-story-active{opacity:1;transform:none} /* Philosophy copy refinements */ .philo-about-chapter__copy>p+p{margin-top:20px}.philo-about-chapter__copy h3{color:var(--color-primary-deep);font-family:var(--font-heading);font-size:clamp(1.35rem,2.1vw,2.05rem);font-weight:600;letter-spacing:-.025em;line-height:1.25;margin:0 0 24px}.philo-about-kicker{color:var(--color-accent-deep)!important;font-family:var(--font-body)!important;font-size:.72rem!important;font-weight:850!important;letter-spacing:.12em!important;margin-top:34px!important;text-transform:uppercase}.philo-about-chapter--technology .philo-about-chapter__copy h3{color:var(--color-accent)}.philo-about-chapter--technology .philo-about-kicker{color:var(--color-accent)!important} /* Philosophy layout polish */ .philo-about-chapter__copy{padding-left:0} .philo-about-chapter__copy::before{display:none} .philo-about-chapter__copy>p{max-width:780px} .philo-about-chapter blockquote{background:rgba(180,98,88,.1);border:1px solid rgba(180,98,88,.22);border-radius:8px;margin:24px 0 0;padding:20px 24px} .philo-about-chapter--technology blockquote{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.13);color:rgba(255,255,255,.86)} .philo-about-kicker{margin-top:40px!important} .philo-about-kicker{font-family:var(--font-heading)!important;font-size:clamp(1.05rem,1.45vw,1.35rem)!important;font-weight:600!important;letter-spacing:0!important;line-height:1.3!important;text-transform:none!important} .philo-about-points{gap:12px;margin-top:22px;max-width:760px} .philo-about-points span{align-items:center;border-radius:8px;display:flex;font-size:.74rem;font-weight:650;min-height:50px;padding:13px 16px} .philo-about-chapter--technology .philo-about-points span{background:rgba(255,255,255,.045);color:rgba(255,255,255,.76)} /* Philosophy split list redesign */ .philo-about-chapter{height:auto;min-height:0;padding:clamp(95px,9vw,145px) 0} .philo-about-chapter::after{display:none} .philo-about-chapter--analyze{background-color:#f8faf8;background-image:none} .philo-about-chapter--technology{background-color:#eef3f0;background-image:none;color:var(--color-primary-deep)} .philo-about-chapter__inner{align-items:start;gap:clamp(42px,7vw,105px);grid-template-columns:minmax(0,.92fr) minmax(390px,1.08fr);height:auto} .philo-about-chapter header{border:0;display:block;min-height:0;padding:0} .philo-about-chapter header span{background:#fff;border-color:rgba(55,79,78,.14);color:var(--color-accent-deep);margin-bottom:28px} .philo-about-chapter h2{font-size:clamp(3rem,5.8vw,6.2rem);letter-spacing:-.04em;line-height:.96;max-width:9ch} .philo-about-chapter h2 em{color:var(--color-accent-deep)} .philo-about-summary{border-top:1px solid rgba(55,79,78,.16);margin-top:30px;max-width:540px;padding-top:26px} .philo-about-summary h3{color:var(--color-primary-deep);font-family:var(--font-heading);font-size:clamp(1.2rem,1.65vw,1.65rem);font-weight:650;letter-spacing:-.02em;line-height:1.25;margin:0 0 16px} .philo-about-summary p{color:var(--color-primary);font-family:var(--font-body);font-size:clamp(.94rem,1.05vw,1.05rem);font-weight:500;letter-spacing:0;line-height:1.75;margin:0} .philo-about-summary p+p{margin-top:12px} .philo-about-summary blockquote{background:transparent;border:0;border-left:2px solid var(--color-accent);border-radius:0;color:var(--color-primary-deep);font-size:clamp(1.08rem,1.35vw,1.38rem);font-style:italic;line-height:1.55;margin:24px 0 0;padding:0 0 0 18px} .philo-about-chapter--technology .philo-about-chapter__inner{grid-template-columns:minmax(0,.92fr) minmax(390px,1.08fr)} .philo-about-chapter--technology header{border:0;order:0;padding:0} .philo-about-chapter--technology header span{border-color:rgba(55,79,78,.14);color:var(--color-accent-deep)} .philo-about-chapter--technology h2{color:var(--color-primary-deep)} .philo-about-chapter--technology .philo-about-summary blockquote{background:transparent;border-color:var(--color-accent);color:var(--color-primary-deep)} .philo-about-cardrail{align-self:center;min-width:0} .philo-about-kicker{color:var(--color-accent-deep)!important;font-family:var(--font-heading)!important;font-size:clamp(1.18rem,1.6vw,1.55rem)!important;font-weight:650!important;letter-spacing:-.015em!important;line-height:1.25!important;margin:0 0 20px!important;text-transform:none!important} .philo-about-points{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;max-width:none} .philo-about-points span{background:#fff;border:1px solid rgba(55,79,78,.12);border-radius:8px;box-shadow:0 12px 30px rgba(55,79,78,.045);color:var(--color-primary-deep);display:flex;font-size:.76rem;font-weight:650;line-height:1.35;min-height:58px;padding:15px 52px 15px 17px;position:relative;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease} .philo-about-points span::after{align-items:center;background:#f8faf8;border:1px solid rgba(180,98,88,.35);border-radius:50%;color:var(--color-accent-deep);content:"\2192";display:flex;font-size:.78rem;height:28px;justify-content:center;position:absolute;right:15px;top:50%;transform:translateY(-50%);width:28px} .philo-about-points span:hover{border-color:rgba(180,98,88,.4);box-shadow:0 16px 36px rgba(55,79,78,.08);transform:translateY(-2px)} .philo-about-chapter--technology .philo-about-points span{background:#fff;border-color:rgba(55,79,78,.12);color:var(--color-primary-deep)} .philo-about-chapter--technology .philo-about-points span::after{background:#f3f7f4} .footer-legal{align-items:center;border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.5);display:flex;flex-wrap:wrap;font-size:.62rem;gap:10px;padding:18px 0}.footer-legal a{color:rgba(255,255,255,.68);transition:color .2s}.footer-legal a:hover{color:var(--color-accent)}