:root{
  --bg:#f6f2ea;
  --bg-2:#eee7dc;
  --ink:#1c2d36;
  --muted:#53646c;
  --accent:#3f7291;
  --accent-bright:#78a9c6;
  --accent-dark:#244d66;
  --panel:rgba(255,255,255,.64);
  --panel-strong:rgba(255,255,255,.9);
  --line:rgba(63,114,145,.28);
  --shadow:0 24px 70px rgba(28,45,54,.11);
  --max:1180px;
  --header:68px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.55;overflow-x:hidden}
a{color:inherit;text-decoration:none} img{max-width:100%;display:block} button,input,textarea,select{font:inherit}
::selection{background:var(--accent);color:#fff}
.particle-field{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.78}
.scroll-progress{position:fixed;z-index:1002;top:0;left:0;right:0;height:3px;pointer-events:none;background:rgba(63,114,145,.08)}
.scroll-progress span{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--accent-dark),var(--accent-bright));transform:scaleX(0);transform-origin:left center;box-shadow:0 0 18px rgba(63,114,145,.45)}
.film-grain{position:fixed;inset:0;z-index:1000;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}
.ambient-grid{position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(63,114,145,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(63,114,145,.045) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 76%);z-index:0}

.site-header{position:fixed;top:0;left:0;right:0;z-index:900;min-height:var(--header);display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:rgba(246,242,234,.82);border-bottom:1px solid var(--line);backdrop-filter:blur(20px) saturate(1.25);transition:box-shadow .3s ease,background .3s ease}
.site-header.is-scrolled{background:rgba(246,242,234,.94);box-shadow:0 10px 35px rgba(28,45,54,.08)}
.site-brand{display:flex;align-items:center;gap:10px;position:relative;z-index:902}.site-brand img{width:44px;height:auto}.site-brand span{font-size:11px;letter-spacing:.17em;text-transform:uppercase;white-space:nowrap;color:var(--accent-dark)}
.nav-toggle{display:grid;grid-template-columns:22px auto;align-items:center;column-gap:10px;row-gap:4px;color:var(--ink);background:transparent;border:0;padding:8px;position:relative;z-index:902}.nav-toggle span{grid-column:1;width:22px;height:1px;background:currentColor;transition:.3s ease}.nav-toggle em{grid-column:2;grid-row:1/4;font-style:normal;font-size:10px;letter-spacing:.18em;text-transform:uppercase}.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(5px) rotate(45deg)}.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-5px) rotate(-45deg)}
.site-menu{position:fixed;inset:0;background:rgba(246,242,234,.985);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;padding:92px 24px 40px;opacity:0;visibility:hidden;transform:translateY(-12px);transition:.35s ease;z-index:901}.site-menu.is-open{opacity:1;visibility:visible;transform:none}.site-menu a{width:100%;padding:14px 0;border-bottom:1px solid var(--line);font-size:clamp(24px,8vw,48px);font-weight:300;line-height:1.1;color:var(--muted)}.site-menu a:hover,.site-menu a.active{color:var(--accent-dark)}.site-menu a.active::after{content:"  ●";color:var(--accent);font-size:.35em;vertical-align:middle}

.cinematic-home{min-height:100svh;background:radial-gradient(circle at 70% 20%,rgba(120,169,198,.28),transparent 32%),radial-gradient(circle at 18% 76%,rgba(63,114,145,.13),transparent 28%),var(--bg)}
.home-shell{min-height:100svh;position:relative;z-index:1}.home-brand{position:absolute;top:18px;left:18px;right:18px;z-index:10;display:flex;align-items:center;gap:10px}.home-brand img{width:48px}.home-brand span{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-dark)}
.diagnostic-stage{min-height:100svh;padding:108px 18px 38px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;perspective:1100px}
.diagnostic-stage::before{content:"";position:absolute;width:68vw;height:68vw;max-width:740px;max-height:740px;border:1px solid rgba(63,114,145,.18);border-radius:50%;right:-30vw;top:4%;box-shadow:inset 0 0 90px rgba(63,114,145,.06);animation:orbit 22s linear infinite}
.diagnostic-stage::after{content:"";position:absolute;width:52vw;height:52vw;max-width:560px;max-height:560px;border:1px dashed rgba(63,114,145,.22);right:-20vw;top:12%;border-radius:50%;animation:orbitReverse 28s linear infinite}
.job-fragments{position:absolute;inset:0;pointer-events:none;opacity:.65}.job-fragments span{position:absolute;left:var(--x);top:var(--y);font-size:9px;letter-spacing:.17em;text-transform:uppercase;color:var(--accent-dark);padding:7px 10px;background:rgba(255,255,255,.42);border:1px solid rgba(63,114,145,.16);backdrop-filter:blur(8px);animation:floatFragment 7s ease-in-out var(--d) infinite alternate;box-shadow:0 8px 26px rgba(28,45,54,.06)}
.home-message{position:relative;z-index:2;max-width:960px;margin:auto 0;transform-style:preserve-3d}.system-label,.chapter-kicker{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:9px}.system-label span{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 18px var(--accent);animation:pulse 1.8s ease infinite}
.home-message h1{margin:18px 0 0;font-size:clamp(42px,13vw,112px);line-height:.91;font-weight:300;letter-spacing:-.045em;max-width:1120px;text-wrap:balance}.home-lede{font-size:clamp(21px,5.7vw,34px);line-height:1.14;max-width:820px;margin:24px 0 0;color:var(--ink)}.home-summary{max-width:660px;color:var(--muted);font-size:16px;margin:22px 0 0}.home-actions{display:flex;flex-direction:column;align-items:flex-start;gap:15px;margin-top:30px}
.primary-cta,.button-link,.static-form button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:999px;background:var(--accent-dark);color:#fff;font-size:11px;letter-spacing:.13em;text-transform:uppercase;border:1px solid var(--accent-dark);transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.primary-cta:hover,.button-link:hover,.static-form button:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-2px);box-shadow:0 14px 34px rgba(63,114,145,.22)}.text-cta{font-size:12px;letter-spacing:.11em;text-transform:uppercase;color:var(--muted)}.text-cta span{color:var(--accent)}
.problem-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr;gap:12px;margin-top:52px}.problem-grid a{position:relative;overflow:hidden;background:var(--panel);border:1px solid var(--line);padding:20px;display:grid;grid-template-columns:36px 1fr;gap:7px 12px;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease,background .35s ease;backdrop-filter:blur(16px);box-shadow:0 12px 38px rgba(28,45,54,.055);transform-style:preserve-3d}.problem-grid a::after,.copy-card::after{content:"";position:absolute;inset:auto -25% -70% auto;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(120,169,198,.32),transparent 68%);transition:transform .45s ease}.problem-grid a:hover{background:var(--panel-strong);box-shadow:var(--shadow);transform:translateY(-7px) rotateX(1deg)}.problem-grid a:hover::after{transform:translate(-25px,-25px) scale(1.25)}.problem-grid small{grid-row:1/3;color:var(--accent);font-size:10px;letter-spacing:.15em}.problem-grid strong{font-size:18px;font-weight:400}.problem-grid span{color:var(--muted);font-size:13px}.scroll-cue{margin-top:28px;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:10px}.scroll-cue span{width:28px;height:1px;background:var(--accent);animation:scrollLine 2s ease-in-out infinite}

.cinematic-page{padding-top:var(--header);background:radial-gradient(circle at 86% 7%,rgba(120,169,198,.22),transparent 26%),radial-gradient(circle at 8% 70%,rgba(63,114,145,.08),transparent 25%),var(--bg)}.cinematic-content{position:relative;z-index:1;width:100%}.cinematic-section{position:relative;border-bottom:1px solid var(--line);padding:72px 18px;min-height:62svh;display:flex;align-items:center;overflow:hidden}.cinematic-section::before{content:attr(data-chapter);position:absolute;right:14px;top:20px;font-size:11px;letter-spacing:.18em;color:rgba(36,77,102,.35)}
.page-intro{min-height:calc(100svh - var(--header));align-items:flex-end;padding-top:120px;background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.02))}.page-intro::after{content:"";position:absolute;width:48vw;height:48vw;max-width:540px;max-height:540px;border:1px solid rgba(63,114,145,.28);transform:rotate(45deg);right:-26vw;top:12%;box-shadow:0 0 90px rgba(63,114,145,.08);animation:slowRotate 24s linear infinite}.page-intro::before{content:"";position:absolute;width:22vw;height:22vw;min-width:140px;min-height:140px;border-radius:50%;background:radial-gradient(circle,rgba(120,169,198,.22),transparent 68%);right:8%;top:22%;filter:blur(2px);animation:driftOrb 8s ease-in-out infinite alternate}.page-intro>*{position:relative;z-index:1}.page-intro h1{font-size:clamp(44px,13vw,104px);line-height:.93;font-weight:300;letter-spacing:-.04em;margin:18px 0 0;max-width:1080px;text-wrap:balance}.page-intro h2{font-size:clamp(22px,6vw,44px);font-weight:300;line-height:1.1;color:var(--accent);margin:18px 0 0;max-width:880px}.page-intro p:not(.chapter-kicker){font-size:clamp(17px,4.7vw,25px);line-height:1.35;color:var(--muted);max-width:760px;margin:22px 0 0}
.section-inner{width:100%;max-width:var(--max);margin:0 auto}.section-inner h2{margin:0 0 22px;font-size:clamp(30px,8vw,60px);font-weight:300;line-height:1;letter-spacing:-.025em;max-width:800px;text-wrap:balance}.section-inner h3{margin:34px 0 12px;color:var(--accent);font-size:14px;letter-spacing:.12em;text-transform:uppercase}.section-inner p,.section-inner li{color:var(--muted);font-size:16px;max-width:780px}.section-inner p{margin:0 0 18px}.section-inner ul{padding-left:18px;margin:18px 0 0}.section-inner li{margin:10px 0;padding-left:5px}.section-inner li::marker{color:var(--accent)}.section-inner strong{color:var(--ink)}.cinematic-section:nth-child(even){background:rgba(255,255,255,.28)}.cinematic-section:nth-child(3n) .section-inner{border-left:1px solid var(--accent);padding-left:20px}.cinematic-section.is-visible .section-inner,.page-intro.is-visible>*{animation:revealUp .8s cubic-bezier(.2,.75,.2,1) both}

.cards{display:grid;grid-template-columns:1fr;gap:14px;margin-top:28px}.copy-card{position:relative;overflow:hidden;border:1px solid var(--line);background:var(--panel);padding:22px;border-radius:18px;backdrop-filter:blur(14px);box-shadow:0 12px 36px rgba(28,45,54,.055);transition:transform .35s ease,box-shadow .35s ease}.copy-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.copy-card h3{margin-top:0}.cta-band{border:1px solid var(--line);background:linear-gradient(135deg,rgba(255,255,255,.76),rgba(120,169,198,.14));padding:28px;border-radius:22px;box-shadow:var(--shadow);backdrop-filter:blur(16px)}
.static-form{display:grid;gap:16px;max-width:650px;margin:20px auto 0;text-align:left}.static-form label{display:grid;gap:7px;color:var(--muted);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.static-form input,.static-form textarea,.static-form select{width:100%;background:rgba(255,255,255,.62);border:1px solid var(--line);color:var(--ink);padding:14px;border-radius:12px;outline:none;transition:border .2s ease,box-shadow .2s ease}.static-form input:focus,.static-form textarea:focus,.static-form select:focus{border-color:var(--accent);box-shadow:0 0 0 4px rgba(63,114,145,.1)}.form-row{display:grid;grid-template-columns:1fr;gap:10px}
.site-footer{position:relative;z-index:1;padding:64px 18px 34px;border-top:1px solid var(--line);background:var(--bg-2);color:var(--muted)}.footer-inner{max-width:var(--max);margin:0 auto}.site-footer h2{font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin-top:34px}.site-footer p,.site-footer li,.site-footer a{font-size:13px}.site-footer ul{list-style:none;padding:0}.footer-social{display:flex;gap:20px;margin-bottom:24px}.copyright{margin-top:42px;padding-top:18px;border-top:1px solid var(--line)}
.reveal{opacity:0;transform:translateY(30px) scale(.985);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:none}.page-leaving{animation:pageExit .35s ease forwards}
@keyframes floatFragment{from{transform:translate3d(0,0,0) rotate(-1deg);opacity:.35}to{transform:translate3d(12px,-18px,0) rotate(1deg);opacity:.9}}@keyframes pulse{50%{opacity:.35;transform:scale(.7)}}@keyframes slowRotate{to{transform:rotate(405deg)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes orbitReverse{to{transform:rotate(-360deg)}}@keyframes driftOrb{to{transform:translate(-24px,30px) scale(1.08)}}@keyframes revealUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}@keyframes pageExit{to{opacity:0;transform:scale(.985)}}@keyframes scrollLine{0%,100%{transform:scaleX(.35);transform-origin:left}50%{transform:scaleX(1);transform-origin:left}}
@media(min-width:700px){:root{--header:76px}.site-header{padding:14px 28px}.site-brand img{width:50px}.site-brand span{font-size:12px}.diagnostic-stage{padding:124px 38px 48px}.home-actions{flex-direction:row;align-items:center;gap:24px}.problem-grid{grid-template-columns:repeat(2,1fr)}.problem-grid a{padding:26px}.cinematic-section{padding:96px 38px}.page-intro{padding-bottom:80px}.section-inner p,.section-inner li{font-size:18px}.cards{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr 1fr}}
@media(min-width:1040px){.nav-toggle{display:none}.site-header{padding:0 34px}.site-menu{position:static;inset:auto;background:transparent;opacity:1;visibility:visible;transform:none;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:24px;padding:0}.site-menu a{width:auto;border:0;padding:28px 0 24px;font-size:10px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);position:relative}.site-menu a.active::after{content:"";position:absolute;left:0;right:0;bottom:17px;height:1px;background:var(--accent)}.diagnostic-stage{padding:138px 54px 48px}.home-message{margin-left:max(0px,calc((100vw - var(--max))/2))}.problem-grid{grid-template-columns:repeat(4,1fr);max-width:var(--max);margin-left:auto;margin-right:auto}.problem-grid a{min-height:170px;align-content:end}.job-fragments span{font-size:10px}.cinematic-section{padding:120px 48px}.page-intro>*{margin-left:max(0px,calc((100vw - var(--max))/2))}.page-intro::after{right:-8vw}.section-inner{display:grid;grid-template-columns:minmax(240px,.75fr) minmax(0,1.35fr);column-gap:80px;align-items:start}.section-inner>h2{grid-column:1}.section-inner>*:not(h2){grid-column:2}.section-inner>h3{grid-column:2}.cinematic-section:nth-child(3n) .section-inner{padding-left:36px}.cards{grid-column:1/3!important;grid-template-columns:repeat(2,1fr)}.cta-band{grid-column:1/3!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.particle-field{display:none}}

/* Header copy alignment fix: stack and center page hero content */
.page-intro{
  flex-direction:column;
  justify-content:center;
  align-items:center;
  text-align:center;
}
.page-intro > *{
  width:100%;
  margin-left:auto;
  margin-right:auto;
}
.page-intro .chapter-kicker{
  justify-content:center;
}
.page-intro h1,
.page-intro h2,
.page-intro p:not(.chapter-kicker){
  margin-left:auto;
  margin-right:auto;
}
@media(min-width:1040px){
  .page-intro > *{
    margin-left:auto;
    margin-right:auto;
  }
}

/* Animated cinematic index cover */
.cover-experience{background:#10161a;color:#f6f2ea}.cover-experience .particle-field{opacity:.72}.cover-brand{position:fixed;top:0;left:0;right:0;z-index:1200;display:flex;align-items:center;gap:12px;padding:16px 18px;background:linear-gradient(to bottom,rgba(16,22,26,.92),rgba(16,22,26,0));color:#f6f2ea}.cover-brand img{width:46px;filter:brightness(0) invert(1)}.cover-brand>span{font-size:10px;letter-spacing:.18em;text-transform:uppercase}.cover-contact{margin-left:auto;font-size:9px;letter-spacing:.15em;text-transform:uppercase;border-bottom:1px solid rgba(246,242,234,.45);padding-bottom:4px}.cover-sequence{min-height:100svh;position:relative;display:grid;place-items:center;overflow:hidden;padding:110px 20px 52px;background:radial-gradient(circle at 50% 52%,rgba(63,114,145,.26),transparent 24%),radial-gradient(circle at 78% 20%,rgba(120,169,198,.12),transparent 28%),#10161a}.cover-orbit{position:absolute;width:min(82vw,780px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(120,169,198,.18);box-shadow:inset 0 0 100px rgba(63,114,145,.07);animation:coverOrbit 28s linear infinite}.cover-orbit::before,.cover-orbit::after{content:"";position:absolute;inset:13%;border:1px dashed rgba(120,169,198,.14);border-radius:50%}.cover-orbit::after{inset:31%;border-style:solid}.title-cloud{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.title-cloud span{position:absolute;left:50%;top:50%;padding:8px 11px;border:1px solid rgba(120,169,198,.2);background:rgba(18,29,35,.54);backdrop-filter:blur(10px);font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:rgba(246,242,234,.76);transform:translate(var(--tx),var(--ty));animation:titleDrift 7s ease-in-out var(--delay) infinite alternate,titleCollapse 1.6s cubic-bezier(.22,.72,.19,1) 3.2s both}.cover-copy{position:relative;z-index:2;text-align:center;max-width:1100px;opacity:0;animation:coverCopyIn 1.2s ease 4.45s forwards}.cover-eyebrow{font-size:9px;letter-spacing:.24em;text-transform:uppercase;color:#78a9c6}.cover-copy h1{font-size:clamp(44px,12.5vw,126px);line-height:.9;letter-spacing:-.052em;font-weight:300;text-wrap:balance;margin:20px auto 0}.cover-subline{font-size:clamp(20px,5vw,38px);line-height:1.1;color:#cbd5da;max-width:760px;margin:26px auto 0}.cover-scroll{display:inline-flex;align-items:center;gap:12px;margin-top:42px;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#cbd5da}.cover-scroll span{width:38px;height:1px;background:#78a9c6;animation:scrollLine 1.8s ease infinite}.diamond-navigation,.scroll-story,.signature-prompt{position:relative;z-index:2}.diamond-navigation{padding:92px 18px 110px;background:linear-gradient(#10161a,#162027)}.cover-section-heading{text-align:center;max-width:800px;margin:0 auto 56px}.cover-section-heading p,.signature-prompt>div>p{font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:#78a9c6}.cover-section-heading h2,.signature-prompt h2{font-size:clamp(34px,8vw,72px);line-height:.98;font-weight:300;margin:14px 0 0}.diamond-grid{display:grid;grid-template-columns:1fr;gap:18px;max-width:1160px;margin:0 auto}.diamond-card{min-height:210px;display:flex;align-items:center;gap:22px;padding:26px;border:1px solid rgba(120,169,198,.18);background:rgba(246,242,234,.035);transition:transform .45s ease,border-color .45s ease,background .45s ease}.diamond-shape{width:76px;aspect-ratio:1;display:grid;place-items:center;transform:rotate(45deg);border:1px solid rgba(120,169,198,.48);background:rgba(63,114,145,.1);flex:none;transition:transform .6s cubic-bezier(.2,.8,.2,1),background .4s ease}.diamond-shape span{transform:rotate(-45deg);font-size:10px;letter-spacing:.16em;color:#78a9c6}.diamond-card strong{display:block;font-size:20px;font-weight:400}.diamond-card p{color:#9aaab2;margin:9px 0 0}.diamond-card:hover{transform:translateY(-8px);border-color:rgba(120,169,198,.55);background:rgba(63,114,145,.09)}.diamond-card:hover .diamond-shape{transform:rotate(135deg) scale(1.08);background:rgba(63,114,145,.24)}.diamond-card:hover .diamond-shape span{transform:rotate(-135deg)}.scroll-story{background:#162027}.story-panel{min-height:100svh;padding:100px 18px;display:grid;align-items:center;gap:44px;border-top:1px solid rgba(120,169,198,.12);overflow:hidden}.story-copy{max-width:680px}.story-number{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:#78a9c6}.story-copy h2{font-size:clamp(38px,9vw,84px);line-height:.94;font-weight:300;margin:15px 0 24px}.story-copy>p:not(.story-number){color:#aebbc1;font-size:17px}.job-document{max-width:650px;background:#f6f2ea;color:#1c2d36;padding:24px;border-radius:3px;box-shadow:0 30px 90px rgba(0,0,0,.35);transform:rotate(-1.2deg)}.job-document-header{display:flex;justify-content:space-between;border-bottom:1px solid rgba(28,45,54,.18);padding-bottom:14px;margin-bottom:12px}.job-document-header span{font-size:22px}.job-document-header small{letter-spacing:.15em;text-transform:uppercase;color:#53646c}.job-document ul{display:grid;gap:8px;padding:0;list-style:none}.job-document li{padding:10px 12px;background:#eee7dc;opacity:.15;transform:translateX(18px);transition:.5s ease}.job-document li.is-added{opacity:1;transform:none}.job-verdict{margin:24px 0 0;padding-top:18px;border-top:1px solid rgba(28,45,54,.18);font-size:18px}.translation-panel{background:radial-gradient(circle at 50% 50%,rgba(63,114,145,.16),transparent 30%),#11191e}.system-nodes{position:relative;min-height:380px;display:grid;place-items:center}.system-nodes::before{content:"";position:absolute;width:230px;height:230px;border:1px solid rgba(120,169,198,.24);border-radius:50%}.system-nodes span{position:absolute;padding:12px 16px;border:1px solid rgba(120,169,198,.28);background:rgba(16,22,26,.82);font-size:12px;letter-spacing:.08em}.system-nodes span:nth-child(1){transform:translate(-28vw,-120px)}.system-nodes span:nth-child(2){transform:translate(23vw,-90px)}.system-nodes span:nth-child(3){transform:translate(-31vw,80px)}.system-nodes span:nth-child(4){transform:translate(26vw,110px)}.system-nodes span:nth-child(5){transform:translate(0,0)}.fix-panel{background:#f6f2ea;color:#1c2d36}.fix-panel .story-copy>p:not(.story-number){color:#53646c}.system-core{position:relative;width:min(72vw,520px);aspect-ratio:1;display:grid;place-items:center;margin:auto}.system-core::before,.system-core::after,.system-core span{content:"";position:absolute;inset:0;border:1px solid rgba(63,114,145,.3);transform:rotate(45deg);animation:coreSpin 18s linear infinite}.system-core::after{inset:15%;animation-direction:reverse}.system-core span:nth-child(1){inset:30%;animation-duration:11s}.system-core span:nth-child(2){inset:43%;background:#244d66;border:0}.system-core span:nth-child(3){inset:7%;border-style:dashed}.system-core b{position:relative;z-index:2;color:#fff;font-size:12px;letter-spacing:.14em;text-transform:uppercase}.signature-prompt{padding:90px 18px;background:#10161a;color:#f6f2ea;text-align:center}.signature-prompt .primary-cta{margin-top:30px;background:#f6f2ea;color:#1c2d36;border-color:#f6f2ea}
@keyframes titleDrift{to{margin-top:-16px;margin-left:10px}}@keyframes titleCollapse{to{transform:translate(0,0) scale(.7);opacity:0;filter:blur(7px)}}@keyframes coverCopyIn{to{opacity:1}}@keyframes coverOrbit{to{transform:rotate(360deg)}}@keyframes coreSpin{to{transform:rotate(405deg)}}
@media(min-width:760px){.cover-brand{padding:20px 28px}.diamond-navigation{padding:120px 36px 140px}.diamond-grid{grid-template-columns:repeat(2,1fr)}.story-panel{padding:120px 42px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.story-panel:nth-child(even) .story-copy{order:2}.signature-prompt{padding:120px 36px}.system-nodes span:nth-child(1){transform:translate(-180px,-140px)}.system-nodes span:nth-child(2){transform:translate(190px,-110px)}.system-nodes span:nth-child(3){transform:translate(-210px,100px)}.system-nodes span:nth-child(4){transform:translate(190px,130px)}}
@media(min-width:1080px){.diamond-grid{grid-template-columns:repeat(4,1fr)}.diamond-card{min-height:310px;flex-direction:column;justify-content:center;text-align:center}.story-panel{padding:150px max(5vw,calc((100vw - 1180px)/2));gap:90px}.signature-prompt{display:flex;align-items:end;justify-content:space-between;text-align:left;padding-left:max(5vw,calc((100vw - 1180px)/2));padding-right:max(5vw,calc((100vw - 1180px)/2))}.signature-prompt .primary-cta{margin-top:0}}
@media(max-width:620px){.title-cloud span{font-size:7px;padding:6px 8px}.cover-contact{display:none}.cover-copy h1{font-size:clamp(46px,15vw,72px)}.system-nodes span{font-size:10px}.system-nodes span:nth-child(1){transform:translate(-28vw,-130px)}.system-nodes span:nth-child(2){transform:translate(22vw,-100px)}.system-nodes span:nth-child(3){transform:translate(-25vw,100px)}.system-nodes span:nth-child(4){transform:translate(24vw,130px)}}

/* Interactive role diagnostic */
.diagnostic-checklist{display:grid;grid-template-columns:1fr;gap:10px;margin:26px 0}.diagnostic-checklist label{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--line);background:var(--panel);border-radius:14px;cursor:pointer;transition:.25s ease}.diagnostic-checklist label:hover{transform:translateY(-2px);border-color:var(--accent)}.diagnostic-checklist input{width:18px;height:18px;accent-color:var(--accent-dark)}.diagnostic-result{margin:28px 0;padding:24px;border-radius:18px;background:var(--accent-dark);color:#fff;box-shadow:var(--shadow)}.diagnostic-result small{display:block;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent-bright)}.diagnostic-result strong{display:block;font-size:clamp(24px,5vw,40px);line-height:1.05;margin:12px 0}.diagnostic-result p{margin:0;color:rgba(255,255,255,.72)}
@media(min-width:700px){.diagnostic-checklist{grid-template-columns:repeat(3,1fr)}}

/* V5 continuous cinematic homepage — unboxed chapters and a single travelling object */
.cover-experience{background:#091117;color:#f6f2ea}
.cover-experience main{position:relative;z-index:2;perspective:1400px;transform-style:preserve-3d}
.cover-experience .particle-field{opacity:.55;mix-blend-mode:screen}
.cover-experience .cover-brand{background:linear-gradient(to bottom,rgba(7,13,18,.82),rgba(7,13,18,0));backdrop-filter:none;border:0}
.cover-experience .cover-brand span,.cover-experience .cover-contact{color:#f6f2ea}

.journey-axis{position:fixed;inset:0;z-index:4;pointer-events:none;perspective:1400px;transform-style:preserve-3d}
.journey-line{position:absolute;left:50%;top:0;width:1px;height:100%;background:linear-gradient(to bottom,transparent 4%,rgba(120,169,198,.1) 16%,rgba(120,169,198,.55) 48%,rgba(120,169,198,.14) 82%,transparent 97%);transform:translateX(-50%);opacity:.7}
.journey-diamond{--journey-y:50vh;--journey-scale:1;--journey-opacity:1;position:absolute;left:50%;top:0;width:42px;height:42px;transform:translate3d(-50%,var(--journey-y),0) rotate(45deg) scale(var(--journey-scale));border:1px solid rgba(186,224,244,.85);background:rgba(63,114,145,.12);box-shadow:0 0 24px rgba(120,169,198,.42),inset 0 0 16px rgba(120,169,198,.12);opacity:var(--journey-opacity);transition:filter .2s linear;transform-style:preserve-3d}
.journey-diamond::before,.journey-diamond::after{content:"";position:absolute;inset:7px;border:1px solid rgba(246,242,234,.45)}
.journey-diamond::after{inset:14px;background:#78a9c6;border:0;box-shadow:0 0 18px #78a9c6}
.journey-diamond span{position:absolute;left:50%;top:50%;width:2px;height:72vh;background:linear-gradient(to bottom,rgba(120,169,198,.75),transparent);transform:translate(-50%,-1px) rotate(-45deg);transform-origin:top}

.cover-sequence,.journey-chapter{position:relative;isolation:isolate;overflow:hidden}
.cover-sequence{background:radial-gradient(circle at 50% 38%,rgba(63,114,145,.22),transparent 33%),linear-gradient(180deg,#071016 0%,#0d1a22 100%)}
.cover-sequence::after,.journey-chapter::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);background-size:70px 70px;mask-image:radial-gradient(circle at 50% 50%,black,transparent 74%)}

.diamond-navigation{min-height:110svh;padding:130px 18px 150px;background:radial-gradient(circle at 50% 34%,rgba(63,114,145,.18),transparent 33%),linear-gradient(180deg,#0d1a22 0%,#142833 100%)}
.cover-section-heading{max-width:820px;margin:0 auto 80px;text-align:center}
.cover-section-heading p{color:#78a9c6}
.cover-section-heading h2{color:#f6f2ea}
.diamond-grid{max-width:1100px;margin:auto;gap:54px 28px}
.diamond-card{min-height:0;padding:18px 6px;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#f6f2ea;overflow:visible}
.diamond-card::before,.diamond-card::after{display:none!important}
.diamond-card>div{background:transparent!important;border:0!important;padding:0!important}
.diamond-card strong{color:#fff}.diamond-card p{color:rgba(246,242,234,.66)}
.diamond-shape{background:rgba(63,114,145,.1)!important;border-color:rgba(120,169,198,.55)!important;box-shadow:0 0 35px rgba(63,114,145,.16)}
.diamond-card:hover{transform:translateY(-8px)!important}
.diamond-card:hover .diamond-shape{box-shadow:0 0 52px rgba(120,169,198,.36);background:rgba(63,114,145,.2)!important}

.journey-story{background:none}
.story-panel{min-height:120svh;border:0!important;border-radius:0!important;margin:0!important;box-shadow:none!important}
.story-panel .story-copy,.job-document,.system-nodes,.system-core{position:relative;z-index:2}
.chapter-problem{background:radial-gradient(circle at 72% 48%,rgba(140,77,55,.18),transparent 34%),linear-gradient(180deg,#142833 0%,#211b1b 100%)}
.chapter-translation{background:radial-gradient(circle at 28% 48%,rgba(83,100,108,.24),transparent 36%),linear-gradient(180deg,#211b1b 0%,#111b22 100%)}
.chapter-fix{background:radial-gradient(circle at 50% 48%,rgba(120,169,198,.22),transparent 32%),linear-gradient(180deg,#111b22 0%,#e9e2d7 100%);color:#1c2d36}
.story-copy{max-width:600px}
.story-copy h2{font-size:clamp(44px,8vw,104px);line-height:.94;letter-spacing:-.055em}
.chapter-problem .story-copy h2,.chapter-translation .story-copy h2{color:#f6f2ea}
.chapter-problem .story-copy>p:not(.story-number),.chapter-translation .story-copy>p:not(.story-number){color:rgba(246,242,234,.65)}
.story-number{color:#78a9c6!important}
.job-document{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;max-width:580px}
.job-document-header{border-bottom:1px solid rgba(246,242,234,.24)!important;color:#f6f2ea}
.job-document ul{display:flex;flex-wrap:wrap;gap:10px;padding:24px 0!important}
.job-document li{list-style:none;background:transparent!important;border:1px solid rgba(246,242,234,.22)!important;color:rgba(246,242,234,.35);padding:9px 12px;border-radius:999px;transform:translateY(18px);transition:.5s ease}
.job-document li.is-added{color:#fff;border-color:rgba(120,169,198,.7)!important;transform:none;box-shadow:0 0 18px rgba(120,169,198,.08)}
.job-verdict{border-top:1px solid rgba(246,242,234,.24);padding-top:25px;color:rgba(246,242,234,.72)!important}
.job-verdict strong{color:#fff}
.system-nodes{background:transparent!important;border:0!important;box-shadow:none!important}
.system-nodes span{background:transparent!important;border:0!important;border-bottom:1px solid rgba(120,169,198,.5)!important;border-radius:0!important;color:#f6f2ea!important;box-shadow:none!important;padding:12px 0!important}
.chapter-fix .system-core{transition:transform .2s linear,opacity .2s linear;transform-style:preserve-3d}
.chapter-fix .system-core b{color:#fff}

.chapter-signature{min-height:90svh;display:flex;align-items:center;background:radial-gradient(circle at 50% 50%,rgba(63,114,145,.14),transparent 35%),linear-gradient(180deg,#e9e2d7 0%,#f6f2ea 100%);color:#1c2d36}
.signature-prompt{padding-top:130px;padding-bottom:130px}
.signature-prompt h2{font-size:clamp(44px,8vw,100px);line-height:.95;letter-spacing:-.05em}

@media(max-width:759px){
  .journey-line{left:28px;transform:none}
  .journey-diamond{left:28px;width:28px;height:28px}
  .journey-diamond::before{inset:5px}.journey-diamond::after{inset:10px}
  .diamond-navigation,.story-panel,.signature-prompt{padding-left:54px;padding-right:20px}
  .cover-section-heading{text-align:left;margin-left:0}
  .diamond-grid{grid-template-columns:1fr;gap:26px}
  .diamond-card{display:grid;grid-template-columns:62px 1fr;align-items:center;text-align:left;gap:18px}
  .diamond-shape{width:54px;height:54px}
  .story-panel{display:flex!important;flex-direction:column;justify-content:center;gap:55px}
  .story-copy h2{font-size:clamp(42px,13vw,68px)}
}
@media(min-width:760px){
  .journey-diamond{width:52px;height:52px}
  .diamond-card{background:transparent!important}
}
@media(prefers-reduced-motion:reduce){.journey-axis{display:none}}

/* Stakeholder-led opening sequence */
.stakeholder-opening{
  min-height:100svh;
  position:relative;
  display:grid;
  place-items:center;
  overflow:hidden;
  padding:120px 22px 70px;
  text-align:center;
  background:
    radial-gradient(circle at 50% 44%,rgba(63,114,145,.20),transparent 34%),
    linear-gradient(180deg,#071016 0%,#0b151c 100%);
}
.stakeholder-opening::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:radial-gradient(circle at 50% 50%,black,transparent 78%);
}
.stakeholder-copy{position:relative;z-index:2;max-width:1080px;margin:auto}
.stakeholder-kicker{margin:0 0 24px;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:#78a9c6}
.stakeholder-copy h1{margin:0;font-size:clamp(42px,8.5vw,104px);line-height:.94;letter-spacing:-.05em;font-weight:300;text-wrap:balance;color:#f6f2ea}
.stakeholder-quote{margin:34px auto 0;font-size:clamp(26px,5vw,54px);line-height:1.05;font-weight:300;color:#cbd5da}
.role-discussion-copy{max-width:1040px}
.role-discussion-copy h2{font-size:clamp(38px,8vw,92px);line-height:.95;letter-spacing:-.045em;font-weight:300;text-wrap:balance;margin:20px auto 0}
@media(max-width:620px){
  .stakeholder-opening{padding:110px 20px 56px}
  .stakeholder-copy h1{font-size:clamp(40px,13vw,66px)}
  .stakeholder-quote{font-size:clamp(26px,8vw,40px)}
  .role-discussion-copy h2{font-size:clamp(36px,11vw,58px)}
}


/* Minimal phone frame around the opening stakeholder conversation */
.phone-frame{
  position:relative;
  width:min(100%,780px);
  margin:0 auto;
  padding:38px 22px 28px;
  border:2px solid rgba(202,216,225,.34);
  border-radius:52px;
  background:linear-gradient(160deg,rgba(20,31,39,.98),rgba(7,14,19,.98));
  box-shadow:0 34px 90px rgba(0,0,0,.42),inset 0 0 0 7px rgba(255,255,255,.025);
}
.phone-screen{
  position:relative;
  overflow:hidden;
  border-radius:34px;
  padding:18px 20px 8px;
  background:
    radial-gradient(circle at 50% 0%,rgba(63,114,145,.13),transparent 34%),
    linear-gradient(180deg,rgba(10,20,27,.98),rgba(14,29,38,.98));
  box-shadow:inset 0 0 0 1px rgba(120,169,198,.12);
}
.phone-speaker{
  position:absolute;
  top:16px;
  left:50%;
  width:82px;
  height:6px;
  border-radius:999px;
  background:rgba(207,220,228,.22);
  transform:translateX(-50%);
}
.phone-home-indicator{
  width:92px;
  height:5px;
  margin:17px auto 0;
  border-radius:999px;
  background:rgba(207,220,228,.24);
}
.phone-frame .chat-thread{max-width:none;margin:0;padding:6px 0 18px}
@media(max-width:620px){
  .phone-frame{padding:32px 10px 20px;border-radius:36px}
  .phone-screen{padding:15px 12px 5px;border-radius:25px}
  .phone-speaker{top:13px;width:64px;height:5px}
  .phone-home-indicator{width:72px;margin-top:13px}
}

/* Chat-bubble opening — uses the established Murnieks Services palette only */
.chat-opening{
  min-height:145svh;
  align-items:start;
  padding:112px 20px 76px;
  background:
    radial-gradient(circle at 50% 14%,rgba(63,114,145,.20),transparent 28%),
    linear-gradient(180deg,#071016 0%,#0b151c 55%,#10232e 100%);
}
.chat-stage{position:relative;z-index:2;width:min(100%,1040px);margin:0 auto}
.chat-intro{text-align:center;max-width:930px;margin:0 auto 56px}
.chat-intro h1{margin:0;color:#f6f2ea;font-size:clamp(36px,7.6vw,88px);line-height:.98;letter-spacing:-.048em;font-weight:300;text-wrap:balance}
.chat-thread{position:relative;display:flex;flex-direction:column;gap:16px;max-width:860px;margin:0 auto;padding:10px 0 24px}
.chat-bubble{position:relative;max-width:min(78%,620px);padding:16px 18px 17px;border:1px solid rgba(120,169,198,.22);box-shadow:0 18px 55px rgba(0,0,0,.22);backdrop-filter:blur(14px);opacity:0;transform:translateY(14px) scale(.94);will-change:transform,opacity}
.chat-bubble.from-left{align-self:flex-start;border-radius:22px 22px 22px 6px;background:rgba(246,242,234,.96);color:var(--ink)}
.chat-bubble.from-right{align-self:flex-end;border-radius:22px 22px 6px 22px;background:rgba(63,114,145,.94);color:#f6f2ea;border-color:rgba(120,169,198,.46)}
.chat-bubble small{display:block;margin-bottom:5px;font-size:10px;line-height:1;letter-spacing:.19em;text-transform:uppercase;font-weight:700;opacity:.72}
.chat-bubble p{margin:0;font-size:clamp(18px,2.4vw,28px);line-height:1.22;letter-spacing:-.015em}
.chat-bubble.is-visible{animation:chatPop .42s cubic-bezier(.2,.82,.25,1.18) forwards}
@keyframes chatPop{0%{opacity:0;transform:translateY(15px) scale(.9)}68%{opacity:1;transform:translateY(-2px) scale(1.018)}100%{opacity:1;transform:none}}
.typing-row{display:flex;gap:5px;align-items:center;width:max-content;padding:10px 13px;border-radius:999px;background:rgba(246,242,234,.13);border:1px solid rgba(120,169,198,.16);opacity:0;transform:scale(.92)}
.typing-row:nth-of-type(even){align-self:flex-end}
.typing-row span{width:6px;height:6px;border-radius:50%;background:var(--accent-bright);animation:typingDot .78s ease-in-out infinite}
.typing-row span:nth-child(2){animation-delay:.12s}.typing-row span:nth-child(3){animation-delay:.24s}
.typing-row.is-visible{animation:typingIn .22s ease forwards}
.typing-row.is-hidden{animation:typingOut .18s ease forwards}
@keyframes typingDot{0%,60%,100%{transform:translateY(0);opacity:.42}30%{transform:translateY(-4px);opacity:1}}
@keyframes typingIn{to{opacity:1;transform:scale(1)}}
@keyframes typingOut{to{opacity:0;transform:scale(.92)}}
.chat-reveal{text-align:center;max-width:760px;margin:46px auto 0;opacity:0;transform:translateY(12px)}
.chat-reveal.is-visible{animation:chatReveal .7s ease forwards}
.chat-reveal p{margin:0 auto 22px;color:#cbd5da;font-size:clamp(20px,3vw,34px);line-height:1.2;font-weight:300;text-wrap:balance}
@keyframes chatReveal{to{opacity:1;transform:none}}
@media(max-width:620px){
  .chat-opening{min-height:160svh;padding:104px 16px 62px}
  .chat-intro{margin-bottom:40px}
  .chat-intro h1{font-size:clamp(37px,12vw,58px)}
  .chat-thread{gap:12px}
  .chat-bubble{max-width:88%;padding:14px 15px 15px}
  .chat-bubble p{font-size:18px}
  .chat-reveal{margin-top:36px}
}
@media(prefers-reduced-motion:reduce){
  .chat-bubble,.typing-row,.chat-reveal{opacity:1;transform:none;animation:none!important}
  .typing-row{display:none}
}

/* Story continuation: the stakeholder conversation remains the visual language. */
.chat-story-panel{perspective:1400px}
.story-chat-thread{position:relative;z-index:2;display:flex;flex-direction:column;gap:15px;width:min(100%,720px);margin-inline:auto;transform-style:preserve-3d}
.story-chat-bubble{position:relative;max-width:82%;padding:16px 18px 17px;border:1px solid rgba(120,169,198,.24);box-shadow:0 18px 55px rgba(0,0,0,.20);backdrop-filter:blur(14px);opacity:0;transform:translateY(24px) scale(.94);transition:opacity .5s ease,transform .6s cubic-bezier(.2,.82,.25,1.12)}
.story-chat-bubble.from-left{align-self:flex-start;border-radius:22px 22px 22px 6px;background:rgba(246,242,234,.97);color:var(--ink)}
.story-chat-bubble.from-right{align-self:flex-end;border-radius:22px 22px 6px 22px;background:rgba(63,114,145,.95);color:#f6f2ea;border-color:rgba(120,169,198,.48)}
.story-chat-bubble small{display:block;margin-bottom:5px;font-size:10px;line-height:1;letter-spacing:.18em;text-transform:uppercase;font-weight:700;opacity:.72}
.story-chat-bubble p{margin:0;font-size:clamp(17px,2vw,25px);line-height:1.24;letter-spacing:-.012em}
.story-chat-bubble.is-visible{opacity:1;transform:none}
.story-chat-bubble.emphasis-bubble{border-color:rgba(120,169,198,.72);box-shadow:0 22px 70px rgba(0,0,0,.28),0 0 0 1px rgba(120,169,198,.12)}
.story-chat-verdict{align-self:center;margin:28px auto 0;text-align:center;color:#cbd5da;font-size:clamp(21px,3vw,34px);line-height:1.18;opacity:0;transform:translateY(16px);transition:.7s ease}
.story-chat-verdict.is-visible{opacity:1;transform:none}
.translation-chat .story-chat-bubble.from-left{background:rgba(246,242,234,.93)}
.translation-chat .story-chat-bubble.from-right{background:rgba(36,77,102,.94)}

/* Final z-axis pullback: the conversation fragments recede and resolve into one system. */
.final-z-panel{position:relative;min-height:135svh;perspective:1600px;overflow:hidden}
.z-scene{position:relative;width:min(78vw,620px);aspect-ratio:1;display:grid;place-items:center;margin:auto;transform-style:preserve-3d;will-change:transform,opacity,filter}
.z-chat-cloud{position:absolute;inset:0;transform-style:preserve-3d}
.z-chat-cloud span{position:absolute;left:50%;top:50%;padding:10px 14px;border:1px solid rgba(63,114,145,.28);background:rgba(246,242,234,.88);color:#1c2d36;border-radius:999px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 14px 40px rgba(28,45,54,.12)}
.z-chat-cloud span:nth-child(1){transform:translate(-230px,-160px) translateZ(80px)}
.z-chat-cloud span:nth-child(2){transform:translate(130px,-190px) translateZ(20px)}
.z-chat-cloud span:nth-child(3){transform:translate(-260px,40px) translateZ(130px)}
.z-chat-cloud span:nth-child(4){transform:translate(145px,70px) translateZ(55px)}
.z-chat-cloud span:nth-child(5){transform:translate(-120px,190px) translateZ(95px)}
.z-chat-cloud span:nth-child(6){transform:translate(105px,190px) translateZ(10px)}
.final-z-copy{position:relative;z-index:4;opacity:.25;transform:translateY(28px) scale(.96);transition:opacity .3s linear,transform .3s linear}
.final-z-copy h2{font-size:clamp(44px,9.5vw,100px)}

@media(max-width:620px){
  .story-chat-bubble{max-width:90%;padding:14px 15px}
  .story-chat-bubble p{font-size:17px}
  .final-z-panel{min-height:125svh}
  .z-scene{width:min(92vw,500px)}
  .z-chat-cloud span{font-size:8px;padding:8px 10px}
  .z-chat-cloud span:nth-child(1){transform:translate(-42vw,-130px) translateZ(60px)}
  .z-chat-cloud span:nth-child(2){transform:translate(13vw,-155px) translateZ(15px)}
  .z-chat-cloud span:nth-child(3){transform:translate(-43vw,15px) translateZ(90px)}
  .z-chat-cloud span:nth-child(4){transform:translate(12vw,45px) translateZ(40px)}
  .z-chat-cloud span:nth-child(5){transform:translate(-32vw,150px) translateZ(70px)}
  .z-chat-cloud span:nth-child(6){transform:translate(7vw,165px) translateZ(10px)}
}
@media(prefers-reduced-motion:reduce){
  .story-chat-bubble,.story-chat-verdict,.final-z-copy{opacity:1;transform:none;transition:none!important}
  .z-scene{transform:none!important;filter:none!important}
}

/* Full scrolling conversation homepage */
.full-chat-page{background:#071016}
.full-chat-journey{position:relative;z-index:2}
.full-chat-stream{background:linear-gradient(180deg,#10232e 0%,#162027 30%,#10191f 68%,#f6f2ea 100%)}
.full-chat-chapter{display:block;min-height:100svh;padding:118px 18px 128px;background:transparent;border-top:1px solid rgba(120,169,198,.12)}
.full-chat-chapter:nth-child(2n){background:radial-gradient(circle at 72% 24%,rgba(63,114,145,.12),transparent 35%)}
.chat-chapter-heading{max-width:820px;margin:0 auto 52px;text-align:center}
.chat-chapter-heading h2{font-size:clamp(38px,8.5vw,92px);line-height:.95;letter-spacing:-.047em;font-weight:300;margin:14px 0 18px;text-wrap:balance}
.chat-chapter-heading>p:not(.story-number){max-width:680px;margin:0 auto;color:#aebbc1;font-size:clamp(16px,2vw,21px)}
.full-chat-chapter .story-chat-thread{width:min(100%,820px)}
.role-title-thread .story-chat-bubble p{font-size:clamp(22px,3.5vw,42px)}
.symptom-bubble{display:block;text-decoration:none;transition:opacity .5s ease,transform .6s cubic-bezier(.2,.82,.25,1.12),border-color .3s ease,box-shadow .3s ease}
.symptom-bubble:hover{border-color:rgba(120,169,198,.86);box-shadow:0 25px 75px rgba(0,0,0,.3),0 0 0 1px rgba(120,169,198,.2)}
.symptom-bubble p strong,.action-bubble p strong,.final-answer-bubble p strong{display:block;font-weight:400;font-size:1.12em}
.symptom-bubble p span,.action-bubble p span,.final-answer-bubble p span{display:block;margin-top:7px;font-size:.68em;line-height:1.35;opacity:.76}
.action-bubble{display:block;text-decoration:none;border-color:rgba(120,169,198,.72)!important}
.diagnostic-chat{background:radial-gradient(circle at 50% 45%,rgba(63,114,145,.18),transparent 36%)!important}
.final-z-panel{display:grid;grid-template-columns:1fr;align-items:center;gap:42px;background:#f6f2ea!important;color:#1c2d36}
.final-z-panel .story-chat-bubble.from-left{background:rgba(28,45,54,.96);color:#f6f2ea}
.final-z-panel .story-chat-bubble.from-right{background:rgba(63,114,145,.96)}
.final-z-panel .story-chat-thread{position:relative;z-index:5}
.final-answer-bubble p strong{font-size:clamp(28px,5vw,58px);line-height:1.02;letter-spacing:-.035em}
.final-z-copy{opacity:.25;transform:translateY(28px) scale(.96)}
@media(min-width:760px){
  .full-chat-chapter{padding:145px 42px 155px}
  .final-z-panel{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);padding-left:max(5vw,calc((100vw - 1180px)/2));padding-right:max(5vw,calc((100vw - 1180px)/2))}
}
@media(max-width:620px){
  .full-chat-chapter{padding:104px 16px 112px}
  .chat-chapter-heading{margin-bottom:38px}
  .symptom-bubble p span,.action-bubble p span,.final-answer-bubble p span{font-size:.78em}
  .final-answer-bubble p strong{font-size:30px}
}


/* Index animation refinements: header fade-in and scroll-linked conversation */
.index-page .cover-brand{
  opacity:0;
  transform:translateY(-12px);
  transition:opacity .9s ease,transform .9s cubic-bezier(.2,.8,.2,1),background .35s ease;
  will-change:opacity,transform;
}
.index-page.header-ready .cover-brand{
  opacity:1;
  transform:translateY(0);
}
.full-chat-page .chat-bubble,
.full-chat-page .story-chat-bubble,
.full-chat-page .chat-reveal,
.full-chat-page .story-chat-verdict{
  animation:none!important;
  transition:none;
  will-change:opacity,transform,filter;
}
.full-chat-page .typing-row{
  animation:none!important;
  transition:none;
  will-change:opacity,transform;
}
@media(prefers-reduced-motion:reduce){
  .index-page .cover-brand{opacity:1;transform:none;transition:none}
}

/* Updated homepage narrative copy */
.role-overwhelmed-copy{max-width:980px}

.experience-across-copy{
  margin:1rem auto 0;
  max-width:760px;
  font-size:clamp(1rem,1.6vw,1.25rem);
  line-height:1.5;
  font-weight:500;
  opacity:.82;
}


/* Organizational placement reveal — distinct from the chat-bubble animation */

.org-structure-heading{
  width:min(100%,980px);
  margin:0 auto clamp(42px,6vw,72px);
  opacity:0;
  transform:translateY(24px);
  transition:opacity .7s ease,transform .8s cubic-bezier(.16,.84,.2,1);
}
.org-structure-heading h2{margin-top:0}
.org-structure.is-visible .org-structure-heading{opacity:1;transform:none}
.org-structure{
  width:min(100%,720px);
  margin:clamp(72px,10vw,128px) auto 10px;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  perspective:1000px;
}
.org-node{
  width:min(100%,336px);
  padding:22px 26px;
  border:2px solid rgba(120,169,198,.82);
  background:transparent;
  color:#f6f2ea;
  border-radius:10px;
  box-shadow:none;
  font-size:clamp(22px,3.4vw,40px);
  line-height:1.08;
  letter-spacing:-.025em;
  opacity:0;
  transform:translateZ(-180px) scale(.78);
  filter:blur(8px);
  transition:opacity .75s ease,transform .95s cubic-bezier(.16,.84,.2,1),filter .75s ease;
}
.org-node strong{display:block;font-weight:500;font-size:1.08em}
.org-node span{display:block;margin-top:8px;font-size:.52em;line-height:1.25;letter-spacing:.08em;text-transform:uppercase;opacity:.72}
.org-peter{
  background:transparent;
  color:#f6f2ea;
  border-color:rgba(120,169,198,.95);
  transform:translateZ(240px) scale(1.18);
}
.org-connector{
  position:relative;
  width:34px;
  height:92px;
  display:flex;
  flex-direction:column;
  align-items:center;
  overflow:hidden;
}
.org-connector span{
  width:1px;
  height:66px;
  background:linear-gradient(180deg,rgba(120,169,198,.12),rgba(120,169,198,.95));
  transform:scaleY(0);
  transform-origin:top;
  transition:transform .65s ease;
}
.org-connector b{
  margin-top:-1px;
  color:#78a9c6;
  font-size:17px;
  line-height:1;
  opacity:0;
  transform:translateY(-12px);
  transition:opacity .35s ease,transform .45s ease;
}
.org-structure.is-visible .org-node{opacity:1;transform:translateZ(0) scale(1);filter:blur(0)}
.org-structure.is-visible .org-leadership{transition-delay:.05s}
.org-structure.is-visible .org-connector:nth-of-type(3) span{transform:scaleY(1);transition-delay:.55s}
.org-structure.is-visible .org-connector:nth-of-type(3) b{opacity:1;transform:none;transition-delay:1.05s}
.org-structure.is-visible .org-peter{transition-delay:1.15s}
.org-structure.is-visible .org-connector:nth-of-type(5) span{transform:scaleY(1);transition-delay:1.75s}
.org-structure.is-visible .org-connector:nth-of-type(5) b{opacity:1;transform:none;transition-delay:2.25s}
.org-structure.is-visible .org-teams{transition-delay:2.35s}
@media(max-width:620px){
  .org-structure{margin-top:76px}
  .org-node{padding:18px 16px;font-size:25px}
  .org-connector{height:76px}
  .org-connector span{height:52px}
}
@media(prefers-reduced-motion:reduce){
  .org-node{opacity:1;transform:none;filter:none;transition:none}
  .org-connector span{transform:scaleY(1);transition:none}
  .org-connector b{opacity:1;transform:none;transition:none}
}


/* Final solutions index and spacing refinements */
.full-chat-chapter{padding-top:clamp(132px,14vw,190px);padding-bottom:clamp(145px,15vw,210px)}
.chat-chapter-heading{margin-bottom:clamp(64px,8vw,96px)}
.story-chat-thread{gap:clamp(20px,2.6vw,30px)}
.role-overwhelmed-copy{margin-top:clamp(76px,10vw,132px);margin-bottom:clamp(50px,7vw,84px)}
.experience-across-copy{margin-top:clamp(20px,3vw,34px)}
.org-structure{margin-top:clamp(108px,14vw,176px);margin-bottom:clamp(88px,12vw,150px)}
.org-structure-heading{margin-bottom:clamp(54px,7vw,88px)}
.role-title-thread > .org-structure + .story-chat-bubble{margin-top:clamp(22px,4vw,48px)}
.role-title-thread > .story-chat-bubble:last-child{margin-bottom:clamp(32px,5vw,62px)}

.solutions-section{position:relative;z-index:3;padding:clamp(120px,14vw,190px) 18px clamp(110px,13vw,170px);background:#f6f2ea;color:#1c2d36;border-top:1px solid rgba(28,45,54,.12)}
.solutions-inner{width:min(100%,1180px);margin:0 auto}
.solutions-heading{max-width:900px;margin:0 auto clamp(64px,8vw,96px);text-align:center}
.solutions-heading p{margin:0 0 18px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#3f7291}
.solutions-heading h2{margin:0;font-size:clamp(40px,7.5vw,86px);line-height:.96;letter-spacing:-.046em;font-weight:300;text-wrap:balance}
.solutions-grid{display:grid;grid-template-columns:1fr;gap:18px}
.solution-card{position:relative;display:flex;min-height:250px;flex-direction:column;justify-content:flex-end;padding:30px;border:1px solid rgba(28,45,54,.22);background:rgba(255,255,255,.24);color:#1c2d36;text-decoration:none;overflow:hidden;transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .35s ease,background .35s ease,box-shadow .35s ease}
.solution-card::before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,transparent 30%,rgba(63,114,145,.08));opacity:0;transition:opacity .35s ease}
.solution-card small,.solution-card strong,.solution-card span{position:relative;z-index:1}
.solution-card small{margin-bottom:0;font-size:10px;line-height:1.35;letter-spacing:.16em;text-transform:uppercase;color:#3f7291}
.solution-card strong{display:block;margin-top:18px;font-size:clamp(26px,3.3vw,42px);line-height:1.02;font-weight:400;letter-spacing:-.03em}
.solution-card span{display:block;margin-top:14px;max-width:34rem;font-size:16px;line-height:1.5;color:#53646c}
.solution-card:hover{transform:translateY(-8px);border-color:rgba(63,114,145,.68);background:rgba(255,255,255,.62);box-shadow:0 24px 70px rgba(28,45,54,.12)}
.solution-card:hover::before{opacity:1}
.solutions-footer{display:flex;justify-content:center;margin-top:clamp(54px,7vw,82px)}
.solutions-cta{display:inline-flex;align-items:center;gap:16px;padding:17px 22px;border:1px solid rgba(28,45,54,.35);color:#1c2d36;text-decoration:none;font-size:11px;letter-spacing:.15em;text-transform:uppercase;transition:background .3s ease,color .3s ease,border-color .3s ease}
.solutions-cta span{font-size:20px;line-height:1;transition:transform .3s ease}
.solutions-cta:hover{background:#1c2d36;color:#f6f2ea;border-color:#1c2d36}
.solutions-cta:hover span{transform:translateX(5px)}
@media(min-width:720px){.solutions-section{padding-left:42px;padding-right:42px}.solutions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.solution-card{min-height:310px;padding:34px}}
@media(min-width:1080px){.solutions-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.solution-card{min-height:340px}}
@media(max-width:620px){.full-chat-chapter{padding-top:118px;padding-bottom:132px}.chat-chapter-heading{margin-bottom:50px}.story-chat-thread{gap:18px}.role-overwhelmed-copy{margin-top:72px;margin-bottom:44px}.org-structure{margin-top:96px;margin-bottom:82px}.solutions-section{padding-top:104px;padding-bottom:110px}.solutions-heading{margin-bottom:50px}.solution-card{min-height:230px;padding:24px}.solution-card strong{margin-top:16px}.solutions-footer{justify-content:stretch}.solutions-cta{justify-content:center;width:100%}}

/* Scroll-linked section backgrounds and spacing balance */
:root{--section-bg:#071016;--section-bg-speed:.22s}
.index-page.full-chat-page{
  background:var(--section-bg);
  transition:background-color var(--section-bg-speed) ease;
}
.index-page.full-chat-page::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:var(--section-bg);
  transition:background-color var(--section-bg-speed) ease;
}
.index-page .particle-field,
.index-page .film-grain,
.index-page .scroll-progress,
.index-page .cover-brand,
.index-page .journey-axis,
.index-page .full-chat-journey{position:relative}
.index-page .particle-field,
.index-page .film-grain,
.index-page .scroll-progress,
.index-page .cover-brand,
.index-page .journey-axis{position:fixed}
.index-page .full-chat-journey{z-index:2}

/* Let the fixed color field carry each section without changing components. */
.index-page .chat-opening,
.index-page .full-chat-stream,
.index-page .full-chat-chapter,
.index-page .full-chat-chapter:nth-child(2n),
.index-page .solutions-section{
  background:transparent!important;
}

/* Clean, consistent breathing room through the scrolling narrative. */
.index-page .chat-opening{
  min-height:auto;
  padding-top:clamp(126px,12vw,178px);
  padding-bottom:clamp(132px,13vw,188px);
}
.index-page .chat-intro{margin-bottom:clamp(64px,7vw,92px)}
.index-page .chat-thread{gap:clamp(18px,2.2vw,28px);padding-bottom:clamp(34px,4vw,56px)}
.index-page .chat-reveal{margin-top:clamp(62px,7vw,94px)}
.index-page .full-chat-chapter{
  min-height:auto;
  padding-top:clamp(154px,15vw,214px);
  padding-bottom:clamp(168px,16vw,232px);
}
.index-page .chat-chapter-heading{margin-bottom:clamp(72px,8vw,108px)}
.index-page .story-chat-thread{gap:clamp(22px,2.8vw,34px)}
.index-page .role-overwhelmed-copy{
  margin-top:clamp(104px,12vw,164px);
  margin-bottom:clamp(64px,8vw,102px);
}
.index-page .org-structure{
  margin-top:clamp(132px,15vw,198px);
  margin-bottom:clamp(112px,13vw,174px);
}
.index-page .role-title-thread > .org-structure + .story-chat-bubble{margin-top:clamp(34px,5vw,66px)}
.index-page .role-title-thread > .story-chat-bubble:last-child{margin-bottom:clamp(56px,7vw,92px)}
.index-page .solutions-section{
  padding-top:clamp(152px,15vw,214px);
  padding-bottom:clamp(142px,14vw,198px);
  border-top-color:rgba(28,45,54,.15);
}
.index-page .solutions-heading{margin-bottom:clamp(72px,8vw,108px)}
.index-page .solutions-grid{row-gap:clamp(22px,2.4vw,30px)}
.index-page .solutions-footer{margin-top:clamp(66px,8vw,100px)}

@media(max-width:620px){
  .index-page .chat-opening{padding-top:112px;padding-bottom:124px}
  .index-page .chat-intro{margin-bottom:54px}
  .index-page .chat-thread{gap:17px;padding-bottom:30px}
  .index-page .chat-reveal{margin-top:54px}
  .index-page .full-chat-chapter{padding-top:126px;padding-bottom:142px}
  .index-page .chat-chapter-heading{margin-bottom:56px}
  .index-page .story-chat-thread{gap:20px}
  .index-page .role-overwhelmed-copy{margin-top:88px;margin-bottom:52px}
  .index-page .org-structure{margin-top:104px;margin-bottom:94px}
  .index-page .solutions-section{padding-top:122px;padding-bottom:122px}
  .index-page .solutions-heading{margin-bottom:56px}
  .index-page .solutions-footer{margin-top:60px}
}

@media(prefers-reduced-motion:reduce){
  .index-page.full-chat-page,
  .index-page.full-chat-page::before{transition:none}
}

/* Focused spacing and background emphasis for the role-clarity transition */
.index-page .role-title-thread > .role-overwhelmed-copy{
  margin-top:clamp(156px,18vw,244px);
  margin-bottom:clamp(92px,11vw,142px);
}
.index-page .role-overwhelmed-copy h2{
  margin:0;
  padding:0;
  background:transparent;
}
.index-page .role-overwhelmed-copy .experience-across-copy{
  margin-top:clamp(62px,8vw,104px);
  margin-bottom:clamp(44px,6vw,78px);
}
.index-page .role-overwhelmed-copy + .story-chat-bubble{
  margin-top:clamp(18px,3vw,34px);
}
@media(max-width:620px){
  .index-page .role-title-thread > .role-overwhelmed-copy{
    margin-top:128px;
    margin-bottom:78px;
  }
  .index-page .role-overwhelmed-copy h2{
    padding:0;
  }
  .index-page .role-overwhelmed-copy .experience-across-copy{
    margin-top:56px;
    margin-bottom:38px;
  }
}

/* Experience section only: circular popcorn bubbles */
.index-page .experience-popcorn-field{
  width:min(100%,900px);
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(22px,4vw,46px);
  align-items:center;
  justify-items:center;
  padding:clamp(12px,2vw,24px) 0 clamp(34px,5vw,64px);
}
.index-page .experience-popcorn-field .experience-popcorn{
  --pop-x:0px;
  --pop-y:42px;
  --pop-rotate:0deg;
  width:clamp(170px,20vw,230px);
  aspect-ratio:1;
  max-width:none;
  padding:clamp(22px,3vw,34px);
  border-radius:50%;
  align-self:auto;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  background:rgba(63,114,145,.96);
  color:#f6f2ea;
  border:1px solid rgba(120,169,198,.52);
  box-shadow:0 22px 64px rgba(0,0,0,.24);
  transform:translate(var(--pop-x),var(--pop-y)) scale(.18) rotate(var(--pop-rotate));
  opacity:0;
  will-change:transform,opacity;
}
.index-page .experience-popcorn-field .experience-popcorn p{
  font-size:clamp(18px,2.3vw,28px);
  line-height:1.08;
  letter-spacing:-.025em;
}
.index-page .experience-popcorn-field .pop-one{--pop-x:-68px;--pop-y:70px;--pop-rotate:-10deg}
.index-page .experience-popcorn-field .pop-two{--pop-x:20px;--pop-y:92px;--pop-rotate:8deg}
.index-page .experience-popcorn-field .pop-three{--pop-x:72px;--pop-y:54px;--pop-rotate:12deg}
.index-page .experience-popcorn-field .pop-four{--pop-x:-52px;--pop-y:72px;--pop-rotate:9deg}
.index-page .experience-popcorn-field .pop-five{--pop-x:8px;--pop-y:100px;--pop-rotate:-8deg}
.index-page .experience-popcorn-field .pop-six{--pop-x:62px;--pop-y:68px;--pop-rotate:-12deg}
.index-page .experience-popcorn-field .pop-seven{--pop-x:-34px;--pop-y:84px;--pop-rotate:7deg}
.index-page .experience-popcorn-field .pop-eight{--pop-x:38px;--pop-y:76px;--pop-rotate:-7deg}
@media(max-width:760px){
  .index-page .experience-popcorn-field{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}
  .index-page .experience-popcorn-field .experience-popcorn{width:clamp(145px,40vw,190px);padding:20px}
}
@media(max-width:390px){
  .index-page .experience-popcorn-field{grid-template-columns:1fr}
  .index-page .experience-popcorn-field .experience-popcorn{width:178px}
}


/* Final Owner/Peter exchange only: added breathing room; background is handled by the section scroll transition. */
.index-page .final-hiring-exchange{
  width:100%;
  display:flex;
  flex-direction:column;
  gap:clamp(22px,2.8vw,34px);
  margin-top:clamp(112px,14vw,184px);
  margin-bottom:clamp(96px,12vw,158px);
  padding-top:clamp(40px,5vw,68px);
  padding-bottom:clamp(40px,5vw,68px);
}
@media(max-width:620px){
  .index-page .final-hiring-exchange{
    gap:20px;
    margin-top:92px;
    margin-bottom:82px;
    padding-top:34px;
    padding-bottom:34px;
  }
}

/* Bottom solution cards: remove unused top space */
.solution-card{
  min-height:0;
  justify-content:flex-start;
}
@media(min-width:720px){.solution-card{min-height:0}}
@media(min-width:1080px){.solution-card{min-height:0}}
@media(max-width:620px){.solution-card{min-height:0}}


/* Interactive conversation atmosphere: scroll- and pointer-reactive canvas stays behind chat content. */
.chat-flow-field{
  position:fixed;
  inset:0;
  width:100%;
  height:100%;
  z-index:1;
  pointer-events:none;
  opacity:0;
  transition:opacity .28s ease;
  mix-blend-mode:screen;
  filter:saturate(1.06) contrast(1.02);
}
body.chat-flow-active .chat-flow-field{opacity:.82}
.full-chat-page .cover-brand,
.full-chat-page .journey-axis,
.full-chat-page main{position:relative;z-index:2}
.full-chat-page .cover-brand{position:fixed}

/* Glass-like chat surfaces with a highlighted, reflective rim. */
.chat-bubble,
.story-chat-bubble:not(.experience-popcorn){
  isolation:isolate;
  overflow:hidden;
  border-color:rgba(185,224,244,.62);
  box-shadow:
    0 22px 64px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.58),
    inset 0 -1px 0 rgba(73,132,164,.20),
    0 0 0 1px rgba(105,181,219,.10),
    0 0 28px rgba(93,174,214,.10);
  -webkit-backdrop-filter:blur(18px) saturate(1.18);
  backdrop-filter:blur(18px) saturate(1.18);
}
.chat-bubble::before,
.story-chat-bubble:not(.experience-popcorn)::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(118deg,rgba(255,255,255,.30) 0%,rgba(255,255,255,.08) 22%,transparent 43%),
    radial-gradient(circle at var(--glow-x,22%) var(--glow-y,8%),rgba(255,255,255,.30),transparent 31%);
  opacity:.72;
}
.chat-bubble::after,
.story-chat-bubble:not(.experience-popcorn)::after{
  content:"";
  position:absolute;
  top:-75%;
  left:-48%;
  width:46%;
  height:250%;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent);
  transform:rotate(18deg) translateX(var(--reflect-shift,-12%));
  opacity:.42;
  transition:transform .25s ease;
}
.chat-bubble.from-left,
.story-chat-bubble.from-left:not(.experience-popcorn){
  background:rgba(244,243,238,.76);
}
.chat-bubble.from-right,
.story-chat-bubble.from-right:not(.experience-popcorn){
  background:rgba(45,100,130,.70);
  border-color:rgba(171,221,246,.70);
}
.translation-chat .story-chat-bubble.from-left{background:rgba(244,243,238,.72)}
.translation-chat .story-chat-bubble.from-right{background:rgba(39,88,115,.72)}
.story-chat-bubble.emphasis-bubble:not(.experience-popcorn){
  border-color:rgba(190,231,251,.88);
  box-shadow:
    0 24px 76px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.68),
    0 0 0 1px rgba(121,199,236,.22),
    0 0 38px rgba(101,191,233,.18);
}
@media(prefers-reduced-motion:reduce){
  .chat-flow-field{display:none}
  .chat-bubble::after,
  .story-chat-bubble:not(.experience-popcorn)::after{display:none}
}


/* Refined interaction: quieter dotted grid and dimensional glass skill orbs. */
.chat-flow-field{
  mix-blend-mode:normal;
  filter:none;
}
body.chat-flow-active .chat-flow-field{opacity:.62}

.index-page .experience-popcorn-field .experience-popcorn{
  background:
    radial-gradient(circle at 32% 24%,rgba(255,255,255,.34),rgba(255,255,255,.08) 24%,transparent 42%),
    linear-gradient(145deg,rgba(67,127,160,.82),rgba(29,75,102,.78));
  border:1px solid rgba(188,228,247,.72);
  box-shadow:
    0 30px 70px rgba(0,0,0,.30),
    inset 0 2px 0 rgba(255,255,255,.58),
    inset 0 -12px 24px rgba(8,37,55,.26),
    0 0 0 1px rgba(107,190,229,.12),
    0 0 34px rgba(92,183,224,.12);
  -webkit-backdrop-filter:blur(18px) saturate(1.16);
  backdrop-filter:blur(18px) saturate(1.16);
  isolation:isolate;
  overflow:hidden;
  transform-style:preserve-3d;
}
.index-page .experience-popcorn-field .experience-popcorn::before{
  content:"";
  position:absolute;
  inset:5%;
  border-radius:50%;
  pointer-events:none;
  background:
    linear-gradient(125deg,rgba(255,255,255,.26),rgba(255,255,255,.04) 30%,transparent 52%),
    radial-gradient(circle at 30% 22%,rgba(255,255,255,.24),transparent 28%);
  box-shadow:inset 0 0 24px rgba(255,255,255,.08);
  z-index:-1;
}
.index-page .experience-popcorn-field .experience-popcorn::after{
  content:"";
  position:absolute;
  left:18%;
  right:18%;
  bottom:10%;
  height:13%;
  border-radius:50%;
  background:rgba(3,18,28,.28);
  filter:blur(10px);
  transform:translateZ(-1px);
  z-index:-2;
}
.index-page .experience-popcorn-field .experience-popcorn p{
  position:relative;
  z-index:2;
  text-shadow:0 2px 12px rgba(0,0,0,.30);
}

/* Full-page animated grid and neutral glass experience circles. */
.chat-flow-field{
  opacity:.88;
}
body.chat-flow-active .chat-flow-field{opacity:.88}

.index-page .experience-popcorn-field .experience-popcorn{
  background:
    linear-gradient(118deg,rgba(255,255,255,.28) 0%,rgba(255,255,255,.08) 24%,transparent 46%),
    radial-gradient(circle at 30% 20%,rgba(255,255,255,.30),transparent 30%),
    linear-gradient(145deg,rgba(126,132,137,.88),rgba(76,82,87,.84));
  color:#f7f5f0;
  border:1px solid rgba(224,229,232,.72);
  box-shadow:
    0 30px 76px rgba(0,0,0,.32),
    inset 0 2px 0 rgba(255,255,255,.62),
    inset 0 -14px 28px rgba(25,29,32,.28),
    0 0 0 1px rgba(255,255,255,.10),
    0 0 34px rgba(205,218,225,.12);
}
.index-page .experience-popcorn-field .experience-popcorn::before{
  background:
    linear-gradient(125deg,rgba(255,255,255,.30),rgba(255,255,255,.06) 31%,transparent 54%),
    radial-gradient(circle at 29% 20%,rgba(255,255,255,.30),transparent 29%);
  box-shadow:inset 0 0 28px rgba(255,255,255,.10);
}
.index-page .experience-popcorn-field .experience-popcorn::after{
  background:rgba(8,10,12,.34);
}

/* Restore the scrolling journey marker above the full-page background layer. */
.index-page.full-chat-page .journey-axis{
  position:fixed;
  inset:0;
  width:100%;
  height:100svh;
  z-index:4;
  pointer-events:none;
}
.index-page.full-chat-page .journey-diamond{
  position:absolute;
  top:0;
  will-change:transform,opacity,filter;
}


/* Refine experience circles and use the brand mark as the scrolling journey object. */
.index-page .experience-popcorn-field .experience-popcorn{
  background:linear-gradient(145deg,rgba(118,124,129,.88),rgba(79,84,89,.86));
  border-color:rgba(220,225,228,.60);
  box-shadow:
    0 20px 48px rgba(0,0,0,.25),
    inset 0 1px 0 rgba(255,255,255,.30),
    inset 0 -7px 18px rgba(24,28,31,.18),
    0 0 0 1px rgba(255,255,255,.06);
}
.index-page .experience-popcorn-field .experience-popcorn::before{
  inset:7%;
  background:
    linear-gradient(130deg,rgba(255,255,255,.12),rgba(255,255,255,.025) 27%,transparent 48%),
    radial-gradient(circle at 34% 27%,rgba(255,255,255,.10),transparent 25%);
  box-shadow:inset 0 0 18px rgba(255,255,255,.04);
}
.index-page .experience-popcorn-field .experience-popcorn::after{
  left:23%;
  right:23%;
  bottom:9%;
  height:9%;
  background:rgba(8,10,12,.22);
  filter:blur(8px);
}
.index-page .experience-popcorn-field .experience-popcorn p{
  text-shadow:0 1px 8px rgba(0,0,0,.24);
}

.index-page.full-chat-page .journey-diamond{
  width:66px;
  height:40px;
  border:0;
  background:transparent;
  box-shadow:none;
  transform:translate3d(-50%,var(--journey-y),0) scale(var(--journey-scale));
  opacity:calc(var(--journey-opacity) * .58);
  display:flex;
  align-items:center;
  justify-content:center;
}
.index-page.full-chat-page .journey-diamond::before,
.index-page.full-chat-page .journey-diamond::after,
.index-page.full-chat-page .journey-diamond span{
  display:none;
}
.index-page.full-chat-page .journey-diamond img{
  display:block;
  width:100%;
  height:auto;
  filter:drop-shadow(0 0 10px rgba(120,169,198,.18));
}
@media(max-width:759px){
  .index-page.full-chat-page .journey-diamond{
    width:48px;
    height:30px;
  }
}

/* Balanced dimensional treatment for the experience circles: chat-box depth with an 8% upper-left glare. */
.index-page .experience-popcorn-field .experience-popcorn{
  background:
    linear-gradient(145deg,rgba(126,132,137,.86),rgba(78,84,89,.84));
  border:1px solid rgba(224,229,232,.68);
  box-shadow:
    0 24px 62px rgba(0,0,0,.29),
    inset 0 1px 0 rgba(255,255,255,.48),
    inset 0 -1px 0 rgba(35,41,45,.34),
    inset 0 -11px 24px rgba(24,28,31,.22),
    0 0 0 1px rgba(255,255,255,.08),
    0 0 24px rgba(205,218,225,.08);
  -webkit-backdrop-filter:blur(18px) saturate(1.12);
  backdrop-filter:blur(18px) saturate(1.12);
}
.index-page .experience-popcorn-field .experience-popcorn::before{
  inset:5%;
  background:
    linear-gradient(125deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.025) 28%,transparent 50%),
    radial-gradient(circle at 29% 21%,rgba(255,255,255,.08),transparent 29%);
  box-shadow:
    inset 0 0 22px rgba(255,255,255,.055),
    inset 0 -10px 20px rgba(12,17,20,.08);
}
.index-page .experience-popcorn-field .experience-popcorn::after{
  left:20%;
  right:20%;
  bottom:8%;
  height:11%;
  background:rgba(7,10,12,.28);
  filter:blur(9px);
}
.index-page .experience-popcorn-field .experience-popcorn p{
  text-shadow:0 2px 10px rgba(0,0,0,.29);
}

/* Final refinement: circles mirror the chat-bubble glass surface with a 50% upper-left glare. */
.index-page .experience-popcorn-field .experience-popcorn{
  isolation:isolate;
  overflow:hidden;
  background:rgba(112,118,123,.76);
  color:#f7f5f0;
  border:1px solid rgba(185,224,244,.62);
  box-shadow:
    0 22px 64px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.58),
    inset 0 -1px 0 rgba(73,82,88,.24),
    0 0 0 1px rgba(255,255,255,.10),
    0 0 28px rgba(205,218,225,.08);
  -webkit-backdrop-filter:blur(18px) saturate(1.18);
  backdrop-filter:blur(18px) saturate(1.18);
}
.index-page .experience-popcorn-field .experience-popcorn::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  border-radius:inherit;
  background:
    linear-gradient(118deg,rgba(255,255,255,.50) 0%,rgba(255,255,255,.13) 22%,transparent 43%),
    radial-gradient(circle at 22% 8%,rgba(255,255,255,.50),transparent 31%);
  opacity:.72;
  box-shadow:none;
}
.index-page .experience-popcorn-field .experience-popcorn::after{
  content:"";
  position:absolute;
  top:-75%;
  left:-48%;
  width:46%;
  height:250%;
  z-index:0;
  pointer-events:none;
  border-radius:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent);
  filter:none;
  transform:rotate(18deg) translateX(var(--reflect-shift,-12%));
  opacity:.42;
}
.index-page .experience-popcorn-field .experience-popcorn p{
  position:relative;
  z-index:2;
  text-shadow:0 1px 8px rgba(0,0,0,.24);
}

/* Keep the white scrolling logo behind all page content. */
.index-page.full-chat-page .journey-axis{
  z-index:1;
}
.index-page.full-chat-page .journey-diamond{
  opacity:calc(var(--journey-opacity) * .34);
}
.index-page.full-chat-page .journey-diamond img{
  filter:brightness(0) invert(1) drop-shadow(0 0 10px rgba(255,255,255,.12));
}

/* Experience circles now use the business-hierarchy visual language while remaining circular. */
.index-page .experience-popcorn-field .experience-popcorn{
  isolation:isolate;
  overflow:hidden;
  background:transparent;
  color:#f6f2ea;
  border:2px solid rgba(120,169,198,.82);
  box-shadow:none;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
.index-page .experience-popcorn-field .experience-popcorn::before,
.index-page .experience-popcorn-field .experience-popcorn::after{
  display:none;
}
.index-page .experience-popcorn-field .experience-popcorn p{
  position:relative;
  z-index:1;
  color:#f6f2ea;
  text-shadow:none;
}

/* Compact the transition after the removed role-expansion conversation. */
.index-page .full-chat-chapter.compact-heading-chapter{min-height:auto;padding-bottom:0;border-top:0}
.index-page .full-chat-chapter.compact-heading-chapter .chat-chapter-heading{margin-bottom:0}
.index-page .full-chat-chapter.compact-heading-chapter + .full-chat-chapter{padding-top:1.25rem}


/* Centered role-title bubbles: preserve chat shapes while matching the experience-circle surface. */
.index-page .role-title-thread > .role-system-bubble{
  align-self:center;
  width:min(82%,620px);
  max-width:620px;
  text-align:center;
  color:#f7f5f0;
  background:linear-gradient(145deg,rgba(118,124,129,.88),rgba(79,84,89,.86));
  border-color:rgba(220,225,228,.60);
  box-shadow:
    0 20px 48px rgba(0,0,0,.25),
    inset 0 1px 0 rgba(255,255,255,.30),
    inset 0 -7px 18px rgba(24,28,31,.18),
    0 0 0 1px rgba(255,255,255,.06);
}
.index-page .role-title-thread > .role-system-bubble::before{
  background:
    linear-gradient(130deg,rgba(255,255,255,.12),rgba(255,255,255,.025) 27%,transparent 48%),
    radial-gradient(circle at 34% 27%,rgba(255,255,255,.10),transparent 25%);
  opacity:1;
}
.index-page .role-title-thread > .role-system-bubble small,
.index-page .role-title-thread > .role-system-bubble p{
  text-align:center;
  color:#f7f5f0;
  text-shadow:0 1px 8px rgba(0,0,0,.24);
}
@media(max-width:620px){
  .index-page .role-title-thread > .role-system-bubble{width:90%;}
}

/* Match centered role-title buttons to the experience-circle visual style. */
.index-page .role-title-thread > .role-system-bubble{
  background:transparent;
  color:#f6f2ea;
  border:2px solid rgba(120,169,198,.82);
  box-shadow:none;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
.index-page .role-title-thread > .role-system-bubble::before,
.index-page .role-title-thread > .role-system-bubble::after{
  display:none;
}
.index-page .role-title-thread > .role-system-bubble small,
.index-page .role-title-thread > .role-system-bubble p{
  color:#f6f2ea;
  text-shadow:none;
}

/* Requested role-title spacing and width refinement. */
.index-page .role-expansion-chat > .chat-chapter-heading{
  margin-bottom:clamp(28px,3vw,40px);
}
.index-page .role-title-thread > .role-system-bubble{
  width:min(49.2%,372px);
  max-width:372px;
  box-sizing:border-box;
  white-space:nowrap;
}
@media(max-width:620px){
  .index-page .role-title-thread > .role-system-bubble{
    width:54%;
  }
}




/* Requested narrative spacing refinements. */
.index-page #translation-chat{
  padding-top:clamp(308px,30vw,428px);
}
.index-page .role-title-thread > .org-structure{
  margin-top:clamp(264px,30vw,396px);
}
.index-page .final-hiring-exchange{
  margin-top:clamp(168px,21vw,276px);
}
@media(max-width:620px){
  .index-page #translation-chat{padding-top:252px;}
  .index-page .role-title-thread > .org-structure{margin-top:208px;}
  .index-page .final-hiring-exchange{margin-top:138px;}
}


/* Faster hierarchy-arrow reveals and a longer arrow in the final grey transition area. */
.index-page .org-connector span{
  transition-duration:.46s;
}
.index-page .org-connector b{
  transition:opacity .24s ease,transform .31s ease;
}
.index-page .org-structure.is-visible .org-connector:nth-of-type(3) span{transition-delay:.40s}
.index-page .org-structure.is-visible .org-connector:nth-of-type(3) b{transition-delay:.72s}
.index-page .org-structure.is-visible .org-peter{transition-delay:.80s}
.index-page .org-structure.is-visible .org-connector:nth-of-type(5) span{transition-delay:1.18s}
.index-page .org-structure.is-visible .org-connector:nth-of-type(5) b{transition-delay:1.50s}
.index-page .org-structure.is-visible .org-teams{transition-delay:1.58s}

.index-page .role-expansion-chat{position:relative}
.index-page .grey-transition-arrow{
  position:absolute;
  left:50%;
  bottom:calc(-1 * clamp(72px,7.5vw,108px));
  width:42px;
  height:clamp(340px,38vw,520px);
  display:flex;
  flex-direction:column;
  align-items:center;
  overflow:hidden;
  pointer-events:none;
  transform:translateX(-50%);
  z-index:4;
}
.index-page .grey-transition-arrow span{
  width:1px;
  height:calc(100% - 24px);
  background:linear-gradient(180deg,rgba(120,169,198,.10),rgba(120,169,198,.92));
  transform:scaleY(0);
  transform-origin:top;
  transition:transform .48s ease;
}
.index-page .grey-transition-arrow b{
  margin-top:-1px;
  color:#78a9c6;
  font-size:20px;
  line-height:1;
  opacity:0;
  transform:translateY(-12px);
  transition:opacity .24s ease .28s,transform .31s ease .28s;
}
.index-page .grey-transition-arrow.is-visible span{transform:scaleY(1)}
.index-page .grey-transition-arrow.is-visible b{opacity:1;transform:none}
@media(max-width:620px){
  .index-page .grey-transition-arrow{height:300px;bottom:-72px}
}
@media(prefers-reduced-motion:reduce){
  .index-page .grey-transition-arrow span{transform:scaleY(1);transition:none}
  .index-page .grey-transition-arrow b{opacity:1;transform:none;transition:none}
}

/* Grey transition arrow refinement: position it roughly 35% down within the transition gap and slow its reveal. */
.index-page .grey-transition-arrow{
  bottom:calc(-1 * clamp(180px,22vw,300px));
}
.index-page .grey-transition-arrow span{
  transition-duration:1.35s;
  transition-timing-function:cubic-bezier(.22,.61,.36,1);
}
.index-page .grey-transition-arrow b{
  transition:opacity .65s ease .88s,transform .78s ease .88s;
}
@media(max-width:620px){
  .index-page .grey-transition-arrow{bottom:-180px}
}

/* Requested refinement: remove the faint full-screen grid and simplify the grey transition arrow. */
.index-page .chat-flow-field{
  display:none !important;
}
.index-page .grey-transition-arrow{
  bottom:calc(-1 * clamp(230px,28vw,380px));
  height:clamp(238px,26.6vw,364px);
}
.index-page .grey-transition-arrow span{
  height:calc(100% - 18px);
}
.index-page .grey-transition-arrow b{
  width:14px;
  height:14px;
  margin-top:-8px;
  border-right:1px solid #78a9c6;
  border-bottom:1px solid #78a9c6;
  color:transparent;
  font-size:0;
  transform:translateY(-12px) rotate(45deg);
}
.index-page .grey-transition-arrow.is-visible b{
  transform:rotate(45deg);
}
@media(max-width:620px){
  .index-page .grey-transition-arrow{
    bottom:-225px;
    height:210px;
  }
}
@media(prefers-reduced-motion:reduce){
  .index-page .grey-transition-arrow b{
    transform:rotate(45deg);
  }
}

/* Restore the interactive dotted background and remove the thin shaft in the grey transition. */
.index-page .chat-flow-field{
  display:block !important;
}
.index-page .grey-transition-arrow{
  justify-content:flex-end;
}
.index-page .grey-transition-arrow span{
  display:none;
}
.index-page .grey-transition-arrow b{
  margin-top:0;
}

/* Persistent responsive Start a Conversation link */
.index-page .cover-contact{
  position:fixed;
  top:18px;
  right:clamp(16px,2.4vw,34px);
  z-index:1800;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  min-height:42px;
  margin:0;
  padding:10px 15px;
  border:1px solid rgba(246,242,234,.42);
  border-radius:999px;
  background:rgba(7,13,18,.62);
  color:#f6f2ea;
  font-size:clamp(8px,.72vw,10px);
  line-height:1;
  letter-spacing:.14em;
  text-transform:uppercase;
  text-decoration:none;
  white-space:nowrap;
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  box-shadow:0 8px 28px rgba(0,0,0,.18);
  transition:background .3s ease,border-color .3s ease,transform .3s ease;
  pointer-events:auto;
}
.index-page .cover-contact:hover,
.index-page .cover-contact:focus-visible{
  background:rgba(36,77,102,.9);
  border-color:rgba(186,224,244,.78);
  transform:translateY(-2px);
}
@media(max-width:900px){
  .index-page .cover-contact{
    top:15px;
    right:18px;
    min-height:40px;
    padding:9px 13px;
    font-size:8px;
  }
}
@media(max-width:620px){
  .index-page .cover-brand>span{display:none}
  .index-page .cover-brand img{width:38px}
  .index-page .cover-contact{
    top:12px;
    right:12px;
    max-width:calc(100vw - 78px);
    min-height:38px;
    padding:9px 12px;
    font-size:7px;
    letter-spacing:.11em;
  }
}

/* Keep the persistent brand controls above every page and animation layer. */
.index-page .cover-brand{
  z-index:10000!important;
  isolation:isolate;
  pointer-events:none;
}
.index-page .cover-brand>a{
  position:relative;
  z-index:10001;
  pointer-events:auto;
}
.index-page .cover-contact{
  z-index:10002!important;
}

/* Keep Start a Conversation fixed in the upper-right corner. */
.index-page .cover-brand > a.cover-contact{
  position:fixed!important;
  top:18px!important;
  right:clamp(16px,2.4vw,34px)!important;
  left:auto!important;
  bottom:auto!important;
  margin:0!important;
  z-index:10002!important;
}
@media(max-width:900px){
  .index-page .cover-brand > a.cover-contact{
    top:15px!important;
    right:18px!important;
  }
}
@media(max-width:620px){
  .index-page .cover-brand > a.cover-contact{
    top:12px!important;
    right:12px!important;
  }
}

/* Navigation selection spacing refinement */
@media(max-width:1039px){
  .site-menu{
    justify-content:flex-start;
    padding-top:clamp(112px,15vh,150px);
    padding-bottom:32px;
    overflow-y:auto;
  }
  .site-menu a{
    padding:11px 0;
    font-size:clamp(19px,5.6vw,34px);
    line-height:1.08;
  }
}
@media(max-width:620px){
  .site-menu{
    padding-top:104px;
    padding-left:20px;
    padding-right:20px;
  }
  .site-menu a{
    padding:10px 0;
    font-size:clamp(18px,6vw,27px);
  }
}
@media(min-width:1040px){
  .site-menu a{
    padding-top:31px;
    padding-bottom:21px;
    font-size:9px;
  }
}

/* Dropdown menu repair: keep the navigation above all page and animation layers. */
.site-header{
  z-index:20000!important;
  isolation:isolate;
}
.nav-toggle{
  z-index:20002!important;
}
.site-menu{
  z-index:20001!important;
}
@media(max-width:1039px){
  .site-menu{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100dvh!important;
    max-height:100dvh!important;
    background:rgba(246,242,234,.99)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    align-items:stretch!important;
    justify-content:flex-start!important;
    padding-top:clamp(104px,14vh,136px)!important;
    padding-left:clamp(20px,5vw,38px)!important;
    padding-right:clamp(20px,5vw,38px)!important;
    padding-bottom:40px!important;
  }
  .site-menu a{
    position:relative;
    z-index:1;
    display:block!important;
    flex:none!important;
    width:100%!important;
    min-height:auto!important;
    margin:0!important;
    padding:11px 0!important;
    font-size:clamp(18px,5.2vw,30px)!important;
    line-height:1.15!important;
    white-space:normal!important;
    overflow-wrap:anywhere;
  }
}
@media(max-width:620px){
  .site-menu{
    padding-top:96px!important;
  }
  .site-menu a{
    padding:9px 0!important;
    font-size:clamp(17px,5.7vw,25px)!important;
  }
}


/* Final conversation reuses the established phone-frame visual language. */
.index-page .final-chat-phone{
  width:min(100%,780px);
  margin:clamp(112px,14vw,184px) auto clamp(96px,12vw,158px);
}
.index-page .final-chat-phone .phone-screen{
  padding:clamp(24px,3vw,38px) clamp(18px,2.6vw,30px) clamp(16px,2vw,26px);
}
.index-page .final-chat-phone .final-hiring-exchange{
  width:100%;
  margin:0;
  padding:0;
}

/* Nine experience circles: 3 x 3 on desktop. */
.index-page .experience-popcorn-field{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.index-page .experience-popcorn-field .pop-nine{
  --pop-x:0px;
  --pop-y:88px;
  --pop-rotate:0deg;
}
@media(max-width:760px){
  .index-page .experience-popcorn-field{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .index-page .experience-popcorn-field .pop-nine{
    grid-column:1 / -1;
    justify-self:center;
  }
  .index-page .final-chat-phone{
    margin-top:92px;
    margin-bottom:82px;
  }
}
@media(max-width:390px){
  .index-page .experience-popcorn-field{
    grid-template-columns:1fr;
  }
  .index-page .experience-popcorn-field .pop-nine{
    grid-column:auto;
  }
}


/* Final grey CTA section: solution buttons removed; compact spacing retained. */
.index-page .solutions-section {
  padding-top: clamp(64px, 7vw, 96px) !important;
  padding-bottom: clamp(64px, 7vw, 96px) !important;
}
.index-page .solutions-heading {
  margin-bottom: clamp(28px, 3vw, 40px) !important;
}
.index-page .solutions-footer {
  margin-top: 0 !important;
}
@media (max-width: 620px) {
  .index-page .solutions-section {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .index-page .solutions-heading {
    margin-bottom: 28px !important;
  }
}


/* Contact information footer */
.index-page .contact-info-section{
  position:relative;
  z-index:3;
  background:#f6f2ea;
  color:#1c2d36;
  padding:0 18px clamp(64px,7vw,96px);
}
.index-page .contact-info-inner{
  width:min(100%,760px);
  margin:0 auto;
  padding-top:clamp(34px,4vw,54px);
  border-top:1px solid rgba(28,45,54,.18);
  text-align:center;
}
.index-page .contact-info-inner h2{
  margin:0 0 24px;
  font-size:clamp(28px,4vw,46px);
  font-weight:500;
}
.index-page .contact-info-inner p{
  margin:10px 0;
  font-size:clamp(15px,1.5vw,18px);
  line-height:1.55;
}
.index-page .contact-info-inner a{
  color:inherit;
  text-decoration:none;
  border-bottom:1px solid rgba(28,45,54,.32);
}
.index-page .contact-info-inner a:hover{
  border-bottom-color:#1c2d36;
}
.index-page .contact-info-inner .contact-download{
  display:inline-block;
  margin:14px 0 8px;
  padding:14px 18px;
  border:1px solid rgba(28,45,54,.35);
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:12px;
}
.index-page .contact-info-inner .contact-download:hover{
  background:#1c2d36;
  color:#f6f2ea;
}
@media(max-width:620px){
  .index-page .contact-info-section{padding-bottom:56px;}
  .index-page .contact-info-inner{padding-top:32px;}
}


/* Final contact spacing refinement: preserve header CTA, remove lower CTA gap. */
.index-page .solutions-section{
  padding-bottom:clamp(22px,2.5vw,36px)!important;
}
.index-page .solutions-heading{
  margin-bottom:0!important;
}
.index-page .contact-info-inner{
  padding-top:clamp(20px,2.2vw,30px)!important;
}
@media(max-width:620px){
  .index-page .solutions-section{padding-bottom:22px!important;}
  .index-page .contact-info-inner{padding-top:20px!important;}
}


/* Contact action buttons */
.index-page .contact-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:12px;
  margin:18px auto 20px;
}
.index-page .contact-info-inner .contact-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  margin:0;
  padding:14px 18px;
  border:1px solid rgba(28,45,54,.35);
  border-radius:999px;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:12px;
  line-height:1.25;
  text-align:center;
  text-decoration:none;
  transition:background-color .2s ease,color .2s ease,border-color .2s ease;
}
.index-page .contact-info-inner .contact-action:hover,
.index-page .contact-info-inner .contact-action:focus-visible{
  background:#1c2d36;
  color:#f6f2ea;
  border-color:#1c2d36;
}
@media(max-width:620px){
  .index-page .contact-actions{
    flex-direction:column;
    align-items:stretch;
  }
  .index-page .contact-info-inner .contact-action{
    width:100%;
  }
}

/* Separate portfolio CTA from the three direct contact actions. */
.index-page .portfolio-action-wrap{
  display:flex;
  justify-content:center;
  margin:34px auto 0;
}
.index-page .contact-info-inner .portfolio-action{
  min-width:220px;
}
@media(max-width:620px){
  .index-page .portfolio-action-wrap{
    margin-top:30px;
  }
  .index-page .contact-info-inner .portfolio-action{
    width:100%;
  }
}

/* Uniform role requirement boxes */
.index-page .role-title-thread > .role-system-bubble{
  width:min(49.2%,372px);
  max-width:372px;
  min-height:92px;
  padding:16px 18px 17px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  box-sizing:border-box;
  white-space:normal;
}
.index-page .role-title-thread > .role-system-bubble small,
.index-page .role-title-thread > .role-system-bubble p{
  width:100%;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
@media(max-width:620px){
  .index-page .role-title-thread > .role-system-bubble{
    width:54%;
    min-height:92px;
  }
}


/* Final uniform role-box sizing: keep every title, including Marketing Manager, on one line. */
.index-page .role-title-thread > .role-system-bubble{
  width: 372px !important;
  max-width: calc(100% - 32px) !important;
  min-height: 92px !important;
  height: 92px !important;
  padding: 16px 18px 17px !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}
.index-page .role-title-thread > .role-system-bubble small,
.index-page .role-title-thread > .role-system-bubble p{
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}
.index-page .role-title-thread > .role-system-bubble p{
  white-space: nowrap !important;
}
@media(max-width:620px){
  .index-page .role-title-thread > .role-system-bubble{
    width: calc(100% - 32px) !important;
    max-width: 372px !important;
    min-height: 92px !important;
    height: 92px !important;
  }
}

/* Final role-box width refinement: 30% narrower, identical sizing, single-line labels. */
.index-page .role-title-thread > .role-system-bubble {
  width: 260.4px !important;
  max-width: calc(100% - 32px) !important;
  min-width: 260.4px !important;
  height: 92px !important;
  min-height: 92px !important;
  padding: 16px 18px 17px !important;
  box-sizing: border-box !important;
}
.index-page .role-title-thread > .role-system-bubble small,
.index-page .role-title-thread > .role-system-bubble p {
  white-space: nowrap !important;
  overflow: visible !important;
  text-align: center !important;
}
@media (max-width: 320px) {
  .index-page .role-title-thread > .role-system-bubble {
    width: calc(100% - 24px) !important;
    min-width: 0 !important;
    max-width: 260.4px !important;
  }
}