/* Shared blue-and-gold details. Decoration stays separate from readable content. */
.hero{border-radius:22px}
.solutions{background:radial-gradient(ellipse at 0 0,#eaf6fd 0,transparent 35%),radial-gradient(ellipse at 100% 30%,#f5fafc 0,transparent 32%),#fff}
.solutions .section-heading::after{content:"";display:block;width:84px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--blue) 0 64%,var(--accent) 64%);margin:30px auto 0}
.product-media{position:relative;aspect-ratio:auto;padding:18px;border:1px solid #d5e7f2;background:linear-gradient(140deg,#f5fbff,#e4f2fb);box-shadow:10px 10px 0 #eff7fb,0 16px 32px #0079c212}
.product-media img{height:auto;border:1px solid #e2edf3;border-radius:11px;background:white}
.product-row:nth-child(even) .product-media{background:linear-gradient(140deg,#eaf6fc,#fffdf0);box-shadow:-10px 10px 0 #f0f7fa,0 16px 32px #0079c212}
.product-heading .product-logo{border-color:#d1e4ef;box-shadow:0 3px 0 #eaf4fa}
.overview-visual,.visual-surface{background-image:radial-gradient(ellipse at top right,#ffffffb0,transparent 70%);box-shadow:0 12px 28px #0079c20a}

/* A second brand feature anchors the middle of the homepage. */
.about.about-partnership{position:relative;isolation:isolate;overflow:clip;margin:0 22px;border-radius:24px;padding:72px max(4.7%,28px);gap:9%;align-items:center;background:linear-gradient(120deg,#0079c2,#0877b8);color:white}
.partnership-art{position:absolute;inset:0;width:100%;height:100%;color:#c4e8ff;opacity:.2;pointer-events:none;z-index:-1}
.about-partnership .about-statement,.about-partnership .about-copy{min-width:0}
.about-partnership .about-statement>.eyebrow{color:#fff}
.about-partnership h2{font-size:clamp(2.6rem,4.4vw,4.6rem);line-height:1.15;margin-top:26px}
.about-partnership h2 em{color:var(--accent)}
.about-partnership .about-copy{padding:0;max-width:490px}
.about-partnership .about-copy .lead{font-size:1.65rem;line-height:1.45;color:white}
.about-partnership .about-copy>p{color:#fff}
.about-partnership .text-link{color:white;border-color:#ffffff80}
.about-partnership .text-link span{color:var(--accent)}
.about-partnership .text-link:hover{border-color:var(--accent)}
.about-partnership a:focus-visible{outline-color:var(--accent)}
.partnership-route{display:grid;grid-template-columns:1fr 1fr 1.25fr;list-style:none;padding:0;margin:36px 0 0;max-width:430px;gap:10px;font-size:.875rem;font-weight:500}
.partnership-route li{position:relative;display:flex;flex-direction:column;gap:11px;align-items:flex-start}
.partnership-route li:not(:last-child)::after{content:"";position:absolute;left:42px;right:0;top:16px;height:1px;background:#ffffff60}
.partnership-route li>span{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #ffffff80;border-radius:50%;font-size:.6875rem;color:white;background:#0079c2}
.partnership-route li:last-child>span{color:var(--ink);border-color:var(--accent);background:var(--accent)}

/* Quiet supporting surfaces retain the primary blue card as the focal point. */
.demo-section{background:radial-gradient(ellipse at 100% 80%,#edf7fc 0,transparent 56%),white}
.demo-intro h2 em{background:linear-gradient(transparent 85%,#f5cf1340 85%);box-decoration-break:clone;-webkit-box-decoration-break:clone}
.booking-calendar{background:#fff;border-color:#cddfea;border-top:4px solid var(--accent);box-shadow:0 14px 36px #0079c20a}
.booking-empty{border-color:#dae8f0}
.contact.team-contact{position:relative;isolation:isolate;overflow:clip;background:linear-gradient(125deg,#f0f8fd,#e7f3fc)}
.team-contact::before{content:"";position:absolute;z-index:-1;pointer-events:none;right:-100px;top:-230px;width:520px;aspect-ratio:1;border:1px solid #c7e4f4;border-radius:50%;box-shadow:0 0 0 60px #e7f3fb,0 0 0 61px #cde5f2,0 0 0 120px #eaf5fb,0 0 0 121px #d5eaf5;opacity:.65}
.team-portrait{background:linear-gradient(135deg,#fff,#dceef9);border:1px solid #d2e6f1}
.team-info .team-role{color:#42667b}
.solutions-intro,.events-intro,.solution-cta{position:relative;isolation:isolate;overflow:clip;background:linear-gradient(115deg,#0079c2,#0877b8)}
.solutions-intro::before,.events-intro::before,.solution-cta::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background-image:linear-gradient(#b4e7ff0c 1px,transparent 1px),linear-gradient(90deg,#b4e7ff0c 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(90deg,transparent 15%,#000)}
.solutions-intro::after,.events-intro::after,.solution-cta::after{content:"";position:absolute;z-index:-1;pointer-events:none;right:-80px;bottom:-185px;width:460px;aspect-ratio:1;border:1px solid #ffffff24;border-radius:50%;box-shadow:0 0 0 56px #ffffff06,0 0 0 57px #ffffff16}
.giveaway-form{border-top:4px solid var(--accent)}
footer{border-top:1px solid #dbeaf3;background:linear-gradient(90deg,var(--blue) 0 72%,var(--accent) 72%) top left/100% 3px no-repeat,#fff}

@media(min-width:761px){
  .contact.team-contact.section{padding-inline:clamp(20px,4vw,64px)}
  .team-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.5vw,20px);max-width:1240px;margin-inline:auto}
  .team-person{display:flex;flex-direction:column;padding:clamp(10px,1.2vw,16px);border:1px solid #d3e5f0;border-radius:16px;background:#ffffffd9;box-shadow:0 8px 20px #0079c208}
  .team-person .team-portrait{aspect-ratio:1;max-height:240px;border-radius:10px}
  .team-person .team-info{display:flex;flex:1;flex-direction:column;padding:16px 0 0}
  .team-person .team-info h3{font-size:clamp(1rem,1.6vw,1.375rem);line-height:1.3;letter-spacing:-.35px}
  .team-person .team-role{font-size:clamp(.8125rem,1.1vw,.875rem);line-height:1.5;min-height:3em;margin-top:6px}
  .team-person .team-links{font-size:clamp(.8125rem,1vw,.875rem);line-height:1.5;margin-top:auto;padding-top:12px;gap:6px}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  .product-media,.overview-visual,.team-person{transition:transform .25s ease,box-shadow .25s ease}
  .product-row:hover>.product-media,.overview-visual:hover{transform:translateY(-4px)}
  .team-person:hover{box-shadow:0 12px 26px #0079c214}
}
@media(max-width:1000px) and (min-width:761px){
  .about.about-partnership{padding:55px 4%;gap:7%}
  .about-partnership h2{font-size:2.8rem}
  .about-partnership .about-copy .lead{font-size:1.4rem}
}
@media(max-width:760px){
  .hero{border-radius:0 0 20px 20px}
  .solutions{background:linear-gradient(180deg,#f2f9fd,#fff 160px)}
  .solutions .section-heading::after{display:none}
  .phone-product{border-left:3px solid #bad9ec;box-shadow:0 2px 7px #0079c205}
  .phone-product[open]{border-left-color:var(--blue)}
  .phone-product-summary{background:linear-gradient(100deg,#f4faff,#fff 50%)}
  .phone-product-content>.product-media,.product-row:nth-child(even) .product-media{padding:10px;box-shadow:none;border-radius:10px}
  .phone-product-content .product-media img{border-radius:6px}
  .about.about-partnership{grid-template-columns:minmax(0,1fr);margin:0 10px;border-radius:16px;padding:28px max(12px,calc(var(--mobile-right) - 10px)) 28px max(12px,calc(var(--mobile-left) - 10px));gap:21px}
  .about-partnership h2{font-size:1.7rem;line-height:1.25;margin:0}
  .about-partnership .about-copy{max-width:none;padding:0}
  .about-partnership .about-copy p{font-size:1rem;line-height:1.65}
  .about-partnership .about-copy p:last-of-type{margin-bottom:7px}
  .partnership-route{margin-top:20px;max-width:350px;font-size:.8125rem;gap:9px}
  .partnership-route li{gap:7px}
  .partnership-route li>span{width:28px;height:28px;font-size:.625rem}
  .partnership-route li:not(:last-child)::after{left:35px;top:14px}
  .partnership-art{opacity:.13}
  .demo-section{background:linear-gradient(180deg,#fff,#f4faff)}
  .booking-calendar{box-shadow:none}
  .phone-booking-panel{border-top:3px solid var(--accent)}
  .phone-booking-panel .booking-calendar{border-top:0;box-shadow:none}
  .contact.team-contact{background:#edf7fc}
  .team-contact::before{width:280px;top:-150px;right:-175px;box-shadow:0 0 0 40px #e7f3fb,0 0 0 41px #cde5f2}
  .team-person{background:transparent}
  .team-person .team-portrait{box-shadow:0 0 0 4px #ffffff90}
  .solutions-intro::after,.events-intro::after,.solution-cta::after{width:270px;right:-170px;bottom:-160px}
  .phone-giveaway-panel{border-top:3px solid var(--accent)}
}