.home-page{--ink:#191b1f;--paper:#fff;--mist:#f6f9f9;--line:#e6ebec;--fog:#9fabad;--peach:#fcede1;--mint:#eefcef;--lavender:#e6def0;--teal:#186f64;--violet:#536eff;--blue:#154ea5;--serif:'Playfair Display',Georgia,serif;--sans:'IBM Plex Sans',Inter,Arial,sans-serif}.home-page{box-sizing:border-box;background:var(--paper)!important;background-image:none!important;color:var(--ink)!important;font-family:var(--sans);font-size:16px;line-height:1.5}.home-page *{box-sizing:border-box}.home-page button{font-family:inherit}.home-page .hero{position:relative;min-height:100svh;background:var(--ink);color:#fff;display:grid;place-items:center;overflow:hidden}.route-preloader{position:absolute;inset:0;z-index:10;display:grid;align-content:center;justify-items:center;gap:14px;padding:24px;background:#031b1d;color:#e9f4f2;text-align:center;opacity:1;visibility:visible;transition:opacity .35s ease,visibility .35s ease}.route-preloader.is-leaving{opacity:0;visibility:hidden;pointer-events:none}.route-preloader__mark{position:relative;width:60px;height:60px;border:2px solid rgba(28,181,172,.2);border-top-color:#1cb5ac;border-right-color:#63c276;border-radius:50%;animation:route-preloader-spin .85s linear infinite}.route-preloader__mark:after{content:"";position:absolute;inset:14px;border-radius:50%;background:linear-gradient(135deg,#1cb5ac,#086968);box-shadow:0 0 28px rgba(28,181,172,.35)}.route-preloader strong{font-size:15px;letter-spacing:.2px}.route-preloader span{color:#9bb0af;font-size:11px}@keyframes route-preloader-spin{to{transform:rotate(360deg)}}.home-page .hero.is-video-loading>:not(.platform-video-preloader){visibility:hidden}.home-page .platform-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.48}.home-page .hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(25,27,31,.42),rgba(25,27,31,.18) 45%,rgba(25,27,31,.68))}.home-page .hero-copy{position:relative;z-index:2;text-align:center;max-width:1020px;padding:155px 28px 110px}.home-page .eyebrow,.home-page .platform-kicker{font-size:12px;letter-spacing:.17em;text-transform:uppercase}.home-page .eyebrow{color:rgba(255,255,255,.72);margin:0 0 28px}.home-page .hero h1,.home-page .platform-section h2,.home-page .platform-final h2{font-family:var(--serif);font-weight:600;letter-spacing:.02em}.home-page .hero h1{font-size:clamp(52px,7vw,92px);line-height:.98;margin:0;overflow-wrap:break-word;word-break:break-word}.home-page .hero h1 em{font-weight:600;color:#fff}.home-page .hero-copy>p:last-child{max-width:680px;margin:34px auto 0;font-size:18px;color:rgba(255,255,255,.78)}.home-page .platform-scroll-cue{position:absolute;z-index:2;bottom:38px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:22px;padding:10px 4px!important;font-size:17px;font-weight:600;line-height:1.2;letter-spacing:.04em;white-space:nowrap}.home-page .platform-scroll-cue svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}.home-page .platform-scroll-cue:hover svg{transform:translateY(4px)}.home-page .platform-section{max-width:1200px;margin:auto;padding:120px 32px}.home-page .platform-split,.home-page .platform-standards{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.home-page .platform-kicker{color:#667274;margin:0 0 27px}.home-page .platform-kicker-featured{font-size:18px;font-weight:500;letter-spacing:.08em}.home-page .platform-section h2{font-size:clamp(40px,5vw,62px);line-height:1.08;margin:0 0 30px;color:#111;overflow-wrap:break-word;word-break:break-word}.home-page .platform-section-copy>p:not(.platform-kicker){max-width:540px;color:#485052;font-size:18px}.home-page .platform-actions{display:flex;align-items:center;gap:26px;margin-top:34px}.home-page .platform-button{display:inline-block;border:0;border-radius:2px;padding:12px 27px;color:#fff!important;font-size:16px;font-weight:500;line-height:1.4;background:var(--teal)!important;box-shadow:none!important;text-shadow:none!important}.home-page .platform-text-link{font-weight:500;color:var(--teal)}.home-page .platform-artifact{position:relative;height:520px;overflow:hidden;background:#fff}.home-page .platform-artifact img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.home-page .platform-prism{position:absolute;width:180px;height:340px;left:42%;top:15%;background:linear-gradient(125deg,#ececff 5%,#56cdb3 32%,#14221f 48%,#cab2ff 70%,#fff 89%);transform:rotate(28deg) skewY(-8deg);clip-path:polygon(30% 0,100% 12%,70% 100%,0 88%)}.home-page .platform-prism.two{left:26%;top:28%;transform:rotate(-18deg) skewY(12deg);background:linear-gradient(145deg,#fff,#3b7d70 36%,#d7c5fb 58%,#111 83%)}.home-page .platform-orb{position:absolute;width:150px;height:150px;border-radius:50%;right:13%;bottom:10%;background:radial-gradient(circle at 30% 25%,#fff 0,#bff9e9 10%,#315f59 28%,#070a0a 62%,#9b83d6 82%,#fff 100%)}.home-page .platform-gallery{max-width:none;background:var(--mist);padding-left:max(32px,calc((100vw - 1200px)/2));padding-right:max(32px,calc((100vw - 1200px)/2))}.home-page .platform-gallery-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:60px}.home-page .platform-gallery-heading h2{margin-bottom:0}.home-page .platform-gallery-heading p{max-width:390px;color:#667274}.home-page .platform-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px}.home-page .platform-card{min-height:540px;padding:32px;position:relative;overflow:hidden}.home-page .platform-card>span{font-size:12px;color:#7f8587}.home-page .platform-card h3{font-family:var(--serif);font-size:27px;line-height:1.2;margin:18px 0}.home-page .platform-card p{max-width:310px}.home-page .peach{background:#f5ebe1}.home-page .mint{background:var(--mint)}.home-page .lavender{background:var(--lavender)}.home-page .platform-mini-art{position:absolute;left:50%;bottom:-40px;transform:translateX(-50%)}.home-page .threads{width:290px;height:270px;border:32px solid #c3a58b;border-radius:49% 51% 48% 52%;box-shadow:inset 14px 7px 0 #f8e7d6,inset -17px -9px 0 #805f52}.home-page .tender-image{width:min(310px,calc(100% - 48px));height:275px;bottom:0}.home-page .tender-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:2px}.home-page .supplier-solutions-card{background:#edf8ed}.home-page .supplier-solutions-image{width:min(310px,calc(100% - 48px));height:275px;bottom:0}.home-page .supplier-solutions-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:2px}.home-page .transparent-deal-card{background:#e9e5f2}.home-page .transparent-deal-image{width:min(310px,calc(100% - 48px));height:275px;bottom:0}.home-page .transparent-deal-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;border-radius:2px}.home-page .sphere{width:260px;height:260px;border-radius:50%;background:radial-gradient(circle at 32% 23%,#fff,#aaf3dd 17%,#1b8374 40%,#102c28 65%,#b9ffe8 88%)}.home-page .crystal{width:280px;height:270px;background:linear-gradient(130deg,#dffaff,#575ecb 25%,#ecdfff 48%,#4b8b87 70%,#fff);clip-path:polygon(50% 0,96% 28%,78% 100%,14% 84%,0 25%)}.home-page .platform-standards-art{height:620px;background:#101a25;display:grid;place-items:center;overflow:hidden}.home-page .platform-standards-art img{display:block;width:calc(100% - 24px);height:calc(100% - 24px);object-fit:contain;object-position:center}.home-page .platform-metal-loop{width:330px;height:330px;border-radius:50%;border:72px solid transparent;background:linear-gradient(#111820,#111820) padding-box,conic-gradient(#ebffff,#274f4b,#bca4ff,#070808,#d8fff4,#507572,#fff) border-box;transform:rotateX(60deg) rotateZ(-28deg)}.home-page .platform-standards ul{list-style:none;padding:0;margin:45px 0 0;border-top:1px solid var(--line)}.home-page .platform-standards li{display:grid;grid-template-columns:180px 1fr;gap:28px;padding:20px 0;border-bottom:1px solid var(--line)}.home-page .platform-standards li span{color:#697173}.home-page .platform-final{min-height:760px;background:var(--ink);color:#fff;text-align:center;position:relative;overflow:hidden;padding:130px 32px;display:flex;flex-direction:column;align-items:center}.home-page .platform-final .platform-kicker{color:#a9b3b5}.home-page .platform-final h2{font-size:clamp(44px,6vw,76px);line-height:1.08;max-width:1050px;margin:10px auto 44px;overflow-wrap:break-word;word-break:break-word}.home-page .platform-final .platform-button{position:relative;z-index:2}.home-page .platform-final-orbit{position:absolute;width:720px;height:230px;border:30px solid transparent;border-radius:50%;bottom:-85px;background:linear-gradient(var(--ink),var(--ink)) padding-box,conic-gradient(#0f1615,#c5fff0,#5e887f,#c0abff,#0f1615) border-box;transform:rotate(-7deg)}@media(max-width:850px){.home-page .platform-kicker-featured{font-size:16px}.home-page .hero-copy{padding-top:125px}.home-page .hero h1{font-size:clamp(43px,12vw,68px)}.home-page .hero-copy>p:last-child{font-size:16px}.home-page .platform-section{padding:82px 20px}.home-page .platform-split,.home-page .platform-standards{grid-template-columns:minmax(0,1fr);gap:42px}.home-page .platform-section h2{font-size:clamp(30px,9vw,48px)}.home-page .platform-artifact{height:400px}.home-page .platform-gallery-heading{display:block}.home-page .platform-gallery-heading p{margin-top:25px}.home-page .platform-cards{grid-template-columns:1fr}.home-page .platform-card{min-height:470px}.home-page .platform-standards-art{height:430px;order:2}.home-page .platform-metal-loop{width:260px;height:260px;border-width:55px}.home-page .platform-standards li{grid-template-columns:1fr;gap:5px}.home-page .platform-final{min-height:690px;padding:100px 20px}.home-page .platform-final-orbit{width:min(470px,calc(100vw - 40px))}.home-page .platform-actions{align-items:flex-start;flex-direction:column;gap:18px}}

@media(prefers-reduced-motion:reduce){.home-page .platform-hero-video{display:none}.home-page .hero{background:#191b1f}.route-preloader__mark{animation-duration:1.8s}}

.home-page :is(.platform-scroll-cue,.platform-button,.platform-text-link){border:0;box-shadow:none;cursor:pointer}.home-page .platform-scroll-cue,.home-page .platform-text-link{background:transparent!important}.home-page .platform-button:hover{background:#125a52!important;filter:none!important;transform:none!important}.home-page .platform-scroll-cue:hover,.home-page .platform-text-link:hover{background:transparent!important;filter:none!important;transform:none!important;box-shadow:none!important}

/* Keep the platform route identical to the supplied Letter reference in both themes. */
body.platform-route #app>.home-page{background:#fff!important;background-image:none!important;color:#191b1f!important}
body.platform-route #app .home-page :is(.platform-section,.platform-split,.platform-standards){border-color:transparent!important;background-color:#fff!important;background-image:none!important;color:#191b1f!important;box-shadow:none!important}
body.platform-route #app .home-page .platform-gallery{border-color:transparent!important;background-color:#f6f9f9!important;background-image:none!important;color:#191b1f!important;box-shadow:none!important}
body.platform-route #app .home-page .platform-card{border:0!important;border-radius:0!important;color:#191b1f!important;box-shadow:none!important}
body.platform-route #app .home-page .platform-card.peach{background:#f5ebe1!important}
body.platform-route #app .home-page .platform-card.mint{background:#eefcef!important}
body.platform-route #app .home-page .platform-card.supplier-solutions-card{background:#edf8ed!important}
body.platform-route #app .home-page .platform-card.lavender{background:#e6def0!important}
body.platform-route #app .home-page .platform-card.transparent-deal-card{background:#e9e5f2!important}
body.platform-route #app .home-page :is(.platform-section h2,.platform-card h3,.platform-standards li b){color:#111!important}
body.platform-route #app .home-page :is(.platform-section-copy>p:not(.platform-kicker),.platform-card p){color:#485052!important}
body.platform-route #app .home-page :is(.platform-kicker,.platform-gallery-heading p,.platform-standards li span){color:#667274!important}
body.platform-route #app .home-page .hero{background:#191b1f!important;background-image:none!important;color:#fff!important}
body.platform-route #app .home-page .hero :is(h1,h1 em){color:#fff!important}
body.platform-route #app .home-page .hero :is(.eyebrow,.lead){color:rgba(255,255,255,.78)!important}
body.platform-route #app .home-page .platform-artifact{background:#fff!important;box-shadow:none!important}
body.platform-route #app .home-page .platform-standards-art{background:#101a25!important;box-shadow:none!important}
body.platform-route #app .home-page .platform-standards .platform-kicker{font-size:18px;font-weight:500;letter-spacing:.08em}
body.platform-route #app .home-page .platform-final{background:#191b1f!important;background-image:none!important;color:#fff!important;box-shadow:none!important}
body.platform-route #app .home-page .platform-final h2{color:#fff!important}
body.platform-route #app .home-page .platform-final .platform-kicker{color:#a9b3b5!important}
body.platform-route #app .home-page .platform-button{border:0!important;border-radius:2px!important;background:#186f64!important;color:#fff!important;box-shadow:none!important;text-shadow:none!important}
body.platform-route #app .home-page .platform-button:hover{background:#125a52!important;filter:none!important;transform:none!important}
body.platform-route #app .home-page .platform-text-link{border:0!important;background:transparent!important;color:#186f64!important;box-shadow:none!important}
body.platform-route #app .home-page .platform-scroll-cue,
body.platform-route #app .home-page .platform-scroll-cue:is(:hover,:focus,:focus-visible,:active){
  border:0!important;
  border-radius:0!important;
  outline-offset:5px;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  color:#fff!important;
  box-shadow:none!important;
  text-shadow:none!important;
  filter:none!important;
}

/* Hero copy centered as one composition — 2026-09-17 */
body.platform-route #app .home-page .hero-copy{
  position:absolute;
  inset:50% auto auto 50%;
  transform:translate(-50%,-50%);
  width:min(100%,1020px);
  margin-inline:auto;
  text-align:center!important;
}
body.platform-route #app .home-page .hero-copy :is(.eyebrow,h1,.lead){
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
@media(max-width:850px){
  body.platform-route #app .home-page .hero{
    display:grid!important;
    place-items:center!important;
  }
  body.platform-route #app .home-page .hero-copy{
    padding-left:20px!important;
    padding-right:20px!important;
  }
}

@media(max-width:850px){body.platform-route #app .home-page .platform-scroll-cue{bottom:24px;font-size:15px;gap:16px}body.platform-route #app .home-page .platform-scroll-cue svg{width:24px;height:24px}}

/* Final plain-text scroll cue: must stay transparent after every global button rule. */
html body.platform-route #app .home-page .hero > button.platform-scroll-cue {
  appearance:none!important;
  -webkit-appearance:none!important;
  min-width:0!important;
  min-height:0!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  color:#fff!important;
  box-shadow:none!important;
  text-shadow:none!important;
  filter:none!important;
}

/* Keep the CTA out of the hero copy at short desktop viewports and high OS zoom. */
@media (min-width:851px) and (max-height:760px){
  body.platform-route #app .home-page .hero-copy{
    inset:calc(50% - 32px) auto auto 50%;
    width:min(calc(100% - 48px),1020px);
    padding:96px 24px 132px;
  }
  body.platform-route #app .home-page .hero h1{
    font-size:clamp(46px,6.1vw,78px);
  }
  body.platform-route #app .home-page .hero-copy>p:last-child{
    margin-top:24px;
    font-size:16px;
    line-height:1.45;
  }
  body.platform-route #app .home-page .platform-scroll-cue{
    bottom:22px;
  }
}

@media (min-width:851px) and (max-height:620px){
  body.platform-route #app .home-page .hero-copy{
    inset:calc(50% - 38px) auto auto 50%;
    padding-top:82px;
    padding-bottom:112px;
  }
  body.platform-route #app .home-page .eyebrow{
    margin-bottom:16px;
  }
  body.platform-route #app .home-page .hero h1{
    font-size:clamp(40px,5.4vw,66px);
  }
  body.platform-route #app .home-page .hero-copy>p:last-child{
    margin-top:18px;
    font-size:15px;
  }
  body.platform-route #app .home-page .platform-scroll-cue{
    bottom:14px;
  }
}