/* Oceanality homepage: a compact, blue-led maritime identity. */
.compact-home {
  --ink:#102f59; --muted:#526b88; --blue:#1249b0; --deep:#092a56; --line:#d7e5f7;
  --action-ink: #103d71;
  --action-blue: #1a528b;
  --action-ice: #e6f2ff;
  background:#f6f9ff; color:var(--ink);
}
.compact-home .site-header {height:78px;background:#f7fbfff2;border-color:#ffffffd9;border-radius:18px;box-shadow:0 12px 36px #041e4b1c,inset 0 1px #fff}
.compact-home .brand-tech {color:#1b4fa8}
.compact-home .brand small {color:#586e8c}
.compact-home .nav-cta,
.compact-home .primary {
  color: #fff;
  background: linear-gradient(115deg, var(--action-blue), var(--action-ink));
  border: 1px solid var(--action-ink);
  box-shadow: inset 0 1px 0 #ffffff24, 0 3px 9px #0e36571a;
}
.compact-home .nav-cta:hover,
.compact-home .primary:hover {
  color: #fff;
  background: #103661;
  box-shadow: 0 4px 12px #0e365723;
}
.compact-home .site-header .nav-cta {gap:9px; min-height:44px; font-size:13px}
.compact-home .booking-calendar {flex:none}
.compact-home .button {border-radius:10px}
.compact-home .eyebrow {color:#1f4e9f;font-size:10px;letter-spacing:.14em}
.compact-home .home-text-link {color:#184b9e}
.compact-home a:focus-visible,.compact-home button:focus-visible,.compact-home summary:focus-visible {outline:3px solid #3989ff;outline-offset:4px}
/* Let the ship photograph breathe above the compact product preview. */
.compact-home .hero.hero-with-dashboard {
  grid-template-columns:minmax(0,1.05fr) minmax(0,1.15fr);gap:40px;
  padding:155px max(40px,calc((100vw - 1240px)/2)) 48px;min-height:590px;
  background:#082a64;border-bottom:1px solid #14427d;
}
.compact-home .hero-ocean {background-image:url('assets/oceanality-futuristic-blue-ship.webp');background-position:right 36%;background-size:cover}
.compact-home .hero-ocean:after {background:linear-gradient(90deg,#061d49fa 0%,#092959ef 31%,#103e794d 67%,#0a387d18),linear-gradient(0deg,#06214fef,transparent 60%)}
.compact-home .hero:after {content:'';position:absolute;z-index:-1;left:-140px;bottom:-400px;width:700px;height:700px;border:1px solid #63aaff18;border-radius:50%;box-shadow:0 0 0 65px #64aaff06,0 0 0 130px #64aaff04;pointer-events:none}
.compact-home .hero-copy {padding:0;align-self:center}
.compact-home .hero-copy>.eyebrow {color:#a7caff;gap:10px;margin-bottom:20px;letter-spacing:.17em;font-size:10px}
.compact-home .hero-copy>.eyebrow:before {content:'';width:22px;height:2px;background:#74b4ff;flex-shrink:0}
.compact-home .hero h1 {font-size:clamp(40px,4.2vw,60px);line-height:1.08;font-weight:580;letter-spacing:-.055em;color:#fff}
.compact-home .hero h1 span {display:block;color:#82baf2;font-weight:450}
.compact-home .hero-description {font-size:17px;line-height:1.7;max-width:390px;margin-top:22px;color:#d4e5fb}
.compact-home .hero-actions {gap:24px;margin-top:26px}
.compact-home .hero-actions .quiet-link {font-size:12px;color:#d8e9ff}
.hero-scope {display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px;margin:27px 0 0;padding:0;list-style:none;color:#a9c7eb;font-size:11px}
.hero-scope li {display:flex;align-items:center;gap:7px}
.hero-scope li:before {content:'';width:4px;height:4px;background:#79b8ff;border-radius:50%}
.compact-home .hero-with-dashboard .hero-dashboard-visual {width:100%;max-width:520px;padding:0;align-self:end;justify-self:end;margin-top:115px;transform:none}
.compact-home .dashboard-snapshot {border-radius:14px;border-color:#b8d6ff80;background:#eaf3ffd9;backdrop-filter:blur(18px);box-shadow:0 22px 50px #00163850,0 0 0 7px #c7e0ff0b}
.compact-home .dashboard-snapshot-bar {font-size:11px;padding:11px 14px;color:#153b6f;border-color:#cbdcf1}
.compact-home .dashboard-demo-label {font-size:9px;color:#446389}
.compact-home .dashboard-snapshot figcaption {font-size:10px;padding:8px 14px;color:#3e5d81}
.compact-home .dashboard-zoom-hint {background:#1456bded}
/* The fleet section is a single operational overview with blue instrument-like tiles. */
.home-fleet {padding-block:42px;grid-template-columns:.78fr 1.65fr;gap:40px;border:0;align-items:center}
.home-fleet-intro h2 {font-size:33px;font-weight:560;line-height:1.18;margin:14px 0 17px;color:#102f59}
.home-fleet-intro h2 span {color:#164caa}
.home-fleet-intro>p:not(.eyebrow) {font-size:14px;line-height:1.8;color:#526b88;max-width:370px}
.home-fleet-status {font-size:10px;color:#536e8b;margin-top:16px}
.home-fleet-intro .home-text-link {margin-top:4px}
.home-fleet-capabilities {gap:12px}
.home-fleet-capabilities>a,.home-fleet-capabilities>a:nth-last-child(-n+3) {
  position:relative;padding:18px;background:linear-gradient(140deg,#fff,#edf4ff);border:1px solid #d4e2f6;
  border-radius:14px;box-shadow:0 4px 18px #0c3c8705;transition:transform .2s,border-color .2s,box-shadow .2s;
}
.home-fleet-capabilities>a:nth-child(2),.home-fleet-capabilities>a:nth-child(4),.home-fleet-capabilities>a:nth-child(6) {background:linear-gradient(140deg,#edf5ff,#e6efff)}
.home-fleet-capabilities>a:after {content:'↗';position:absolute;right:17px;top:16px;color:#638ac5;font-size:16px}
.home-fleet-capabilities>a:hover {transform:translateY(-3px);border-color:#8fb4f0;box-shadow:0 12px 28px #174c9410}
.fleet-feature-icon {width:38px;height:38px;padding:8px;stroke:#1c63d3;stroke-width:1.35;fill:none;background:#dceaff;border-radius:12px;margin-bottom:12px;box-sizing:border-box}
.home-fleet-capabilities>a>span {display:none}
.home-fleet-capabilities h3 {font-size:15px;font-weight:650;letter-spacing:-.025em;line-height:1.35;margin:0 0 7px;color:#15365f}
.home-fleet-capabilities p {font-size:12px;line-height:1.7;color:#506987}
.home-fleet-capabilities>a:hover h3 {color:#1249b0;text-decoration:none}
/* Two clear destinations, expressed in different depths of blue. */
.home-discover {display:grid;grid-template-columns:1.13fr 1fr;gap:20px;margin-bottom:38px}
.discovery-banner {position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:340px;padding:32px;border-radius:20px;border:1px solid #ffffff18;box-shadow:0 12px 32px #103c7010;color:#fff}
.discovery-solutions {background:radial-gradient(ellipse at 100% 10%,#468bfa80,transparent 60%),linear-gradient(125deg,#1249ae,#1760d7)}
.discovery-solutions:after {content:'';position:absolute;z-index:-1;right:-115px;top:-65px;width:360px;height:360px;border:1px solid #bddaff24;border-radius:50%;box-shadow:0 0 0 42px #b5d6ff08,0 0 0 84px #b5d6ff06}
.discovery-copy {position:relative;z-index:2}
.compact-home .discovery-banner .eyebrow {color:#c3dcff;font-size:9px}
.discovery-copy h2 {font-size:33px;line-height:1.15;letter-spacing:-.04em;font-weight:550;margin:15px 0}
.discovery-copy>p:not(.eyebrow) {font-size:14px;line-height:1.75;max-width:365px;color:#e0ecff}
.discovery-copy .button {margin-top:21px;font-size:12px;min-height:45px;padding:11px 17px;gap:24px;border-radius:9px}
.compact-home :is(.hero-actions, .discovery-copy) .button {
  color: var(--action-ink);
  background: var(--action-ice);
  border: 1px solid #c0ddf5;
  box-shadow: inset 0 1px 0 #fff, 0 3px 12px #001b3d24;
}
.compact-home :is(.hero-actions, .discovery-copy) .button:hover {background:#fff; color:var(--action-ink)}
.discovery-art {position:absolute;width:240px;right:-80px;top:60px;opacity:.2;transform:rotate(-10deg);pointer-events:none}
.discovery-art img {width:100%;height:auto;filter:brightness(0) invert(1)}
.discovery-secondary {display:block;width:fit-content;font-size:12px;line-height:1.6;color:#e3efff;margin-top:11px;min-height:28px}
.discovery-secondary:hover {text-decoration:underline;text-underline-offset:4px}
.discovery-secondary span {margin-left:8px}
.discovery-footnote {position:relative;z-index:2;display:flex;gap:13px;align-items:center;margin-top:24px;padding-top:15px;border-top:1px solid #c4ddff36;color:#c9e0ff;font-size:8px;font-weight:650;letter-spacing:.1em}
.discovery-footnote i {height:3px;width:3px;border-radius:50%;background:currentColor;opacity:.6}
.discovery-green {background:#082957;border-color:#163f6d}
.discovery-ocean {position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,#07244ff5,#0a3362c9 65%,#0d427692),url('assets/oceanality-open-ocean.webp') center/cover}
.discovery-green .discovery-copy>p:not(.eyebrow) {color:#d2e2f5;max-width:340px}
.discovery-green .discovery-footnote {color:#bed4ec;border-color:#a8caff30}
.discovery-orbit {position:absolute;right:-40px;top:32px;width:155px;height:155px;border:1px solid #a3d2db38;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 25px #b5e2dd08,0 0 0 50px #b5e2dd05}
.discovery-orbit svg {width:60px;height:60px;fill:none;stroke:#afd4d1;stroke-width:1.2;opacity:.6}
.discovery-banner .button span {transition:transform .2s}
.discovery-banner .button:hover span {transform:translate(2px,-2px)}
/* Maritime teams and a concise connected-work sequence. */
.home-teams {padding:0 0 34px}
.home-teams .home-section-heading h2 {font-size:30px;font-weight:550;color:#13345f}
.home-team-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.home-team {position:relative;overflow:hidden;display:grid;grid-template-columns:76px 1fr;gap:16px;align-items:center;padding:22px 20px;background:#fff;border:1px solid #d9e5f6;border-radius:15px;box-shadow:0 3px 15px #16467a04;transition:border-color .2s,box-shadow .2s,transform .2s}
.home-team:before {content:'';position:absolute;top:0;left:22px;width:38px;height:3px;border-radius:0 0 3px 3px;background:#347deb}
.home-team:hover {border-color:#9dbdef;box-shadow:0 10px 26px #174c9410;transform:translateY(-2px)}
.home-team img {width:76px;height:86px;object-fit:contain}
.home-team h3 {font-size:17px;line-height:1.3;letter-spacing:-.025em;font-weight:600}
.home-team p {font-size:12px;line-height:1.7;color:#536c89;margin:8px 0}
.home-team span {display:flex;align-items:center;gap:10px;min-height:32px;font-size:11px;font-weight:600;color:#184b9e}
.home-team b {font-weight:400;font-size:16px}
.home-workflow {display:grid;grid-template-columns:.8fr 2fr;gap:24px 40px;padding:30px;border-radius:18px;background:linear-gradient(110deg,#e4efff,#edf5ff);border:1px solid #ccddf6;margin-bottom:36px}
.home-workflow-heading h2 {font-size:28px;font-weight:550;line-height:1.2;letter-spacing:-.035em;margin:12px 0 5px}
.home-workflow-heading .eyebrow {font-size:9px}
.home-workflow-steps {list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;padding:0;margin:0;align-items:start}
.home-workflow-steps li {position:relative}
.home-workflow-steps li:not(:last-child):after {content:'';position:absolute;left:49px;right:-14px;top:18px;height:1px;background:linear-gradient(90deg,#9cbcef,#c4d8f6)}
.home-workflow-steps li>span {display:grid;place-items:center;width:36px;height:36px;border:1px solid #2b69ca;border-radius:11px;background:#2262ca;color:#fff;font-size:11px;margin-bottom:17px;box-shadow:0 5px 12px #2364c71a}
.home-workflow-steps h3 {font-size:16px;font-weight:600;line-height:1.3;letter-spacing:-.02em;margin-bottom:9px}
.home-workflow-steps p {font-size:13px;line-height:1.7;color:#506a8b}
.home-workflow-note {grid-column:1/-1;border-top:1px solid #c9dcf5;padding-top:12px;font-size:10px;color:#516d8e}
.home-proof {background:#fff;padding-block:24px;border-color:#dce7f5}
.home-proof-heading {justify-content:space-between}
.home-proof-heading h2 {color:#526b88;font-size:14px}
.home-client-grid {margin-block:15px}
.home-client-grid img {filter:saturate(.8);opacity:.9}
.home-proof-note {font-size:10px;color:#59718d}
/* A defined blue AI banner followed by a light, wave-textured invitation. */
.home-ai-ribbon {position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:23px;padding:26px 30px;margin-block:30px 22px;border:1px solid #17437e;border-radius:18px;color:#fff;background:radial-gradient(ellipse at 5% 100%,#1760bf70,transparent 55%),linear-gradient(115deg,#082b60,#103b78)}
.home-ai-ribbon:after {content:'';position:absolute;z-index:-1;right:12%;top:-180px;width:400px;height:400px;border:1px solid #97c9ff12;border-radius:50%;box-shadow:0 0 0 28px #97c9ff05,0 0 0 56px #97c9ff04;pointer-events:none}
.ai-ribbon-mark {display:grid;place-items:center;width:58px;height:58px;flex:0 0 58px;font-size:42px;color:#cce6ff;background:linear-gradient(145deg,#3b8bdf66,#3164c538);border:1px solid #a2cbff49;border-radius:17px;box-shadow:inset 0 1px #ffffff24,0 0 24px #1c8bff12}
.compact-home .home-ai-ribbon .eyebrow {color:#a9cfff;letter-spacing:.1em}
.home-ai-ribbon h2 {font-size:24px;font-weight:550;letter-spacing:-.03em;margin:5px 0;color:#fff}
.home-ai-ribbon p:not(.eyebrow) {font-size:13px;color:#c5d9f1}
.home-invitation {background:linear-gradient(115deg,#e5f0ff,#f2f8ff);border-color:#cfdef3;border-radius:18px;box-shadow:0 5px 20px #1e55900a;padding:28px 30px;margin-bottom:32px}
.home-invitation h2 {font-weight:550;font-size:29px;color:#11366a}
.home-invitation p:not(.eyebrow) {color:#516e91;font-size:14px}
.home-invitation .ocean-waves {opacity:.6}
.home-invitation .ocean-motion-toggle {color:#45618a}
/* Preserve comfortable reading and usable controls on tablets and phones. */
@media(max-width:1100px) {
  .compact-home .hero.hero-with-dashboard {padding:140px 36px 44px;gap:26px;min-height:540px;grid-template-columns:1.1fr 1fr}
  .compact-home .hero h1 {font-size:clamp(34px,4.2vw,46px)}
  .compact-home .hero-with-dashboard .hero-dashboard-visual {max-width:460px;margin-top:115px}
  .home-fleet {grid-template-columns:1fr;gap:20px;padding-block:34px}
  .home-fleet-intro {max-width:720px}.home-fleet-intro h2 br {display:none}.home-fleet-intro>p:not(.eyebrow) {max-width:650px}
  .home-fleet-capabilities {grid-template-columns:repeat(3,minmax(0,1fr))}
  .discovery-banner {padding:27px}.discovery-copy h2 {font-size:30px}
  .home-team {grid-template-columns:1fr;gap:10px;padding:20px}.home-team img {height:65px;width:75px}
  .home-workflow {grid-template-columns:1fr;gap:22px}.home-workflow-heading h2 br {display:none}
}
@media(max-width:740px) {
  .compact-home .site-header {height:72px;top:12px;margin-top:12px;border-radius:14px}
  .compact-home #site-nav {background:#f4f8fff8;border-color:#d4e3f8}
  .compact-home .hero.hero-with-dashboard {grid-template-columns:1fr;min-height:0;padding:121px 22px 33px;gap:30px}
  .compact-home .hero-ocean {background-position:70% top;background-size:auto 580px;background-repeat:no-repeat}
  .compact-home .hero-ocean:after {background:linear-gradient(90deg,#061e4bf5,#0a3266ca),linear-gradient(0deg,#082a64 0%,transparent 70%)}
  .compact-home .hero h1 {font-size:clamp(36px,9vw,53px)}
  .compact-home .hero h1 span {max-width:none}
  .compact-home .hero-copy>.eyebrow {font-size:9px;letter-spacing:.13em;gap:8px;margin-bottom:17px}
  .compact-home .hero-description {font-size:16px;line-height:1.7;margin-top:18px;max-width:340px}
  .compact-home .hero-actions {gap:18px;margin-top:22px}
  .compact-home .hero-actions .primary {min-height:47px;padding:12px 18px;font-size:12px}
  .compact-home .hero-actions .quiet-link {font-size:11px;gap:8px}
  .hero-scope {margin-top:21px;font-size:10px;gap:8px 13px}
  .compact-home .hero-with-dashboard .hero-dashboard-visual {width:100%;max-width:460px;margin-top:0;justify-self:center}
  .compact-home .dashboard-snapshot {border-radius:11px;box-shadow:0 14px 35px #00163840}
  .compact-home .dashboard-snapshot-bar {padding:9px 11px;font-size:10px;gap:8px}
  .compact-home .dashboard-demo-label {font-size:8px}
  .compact-home .dashboard-snapshot figcaption {padding:7px 11px;font-size:9px}
  .home-fleet {padding-block:29px;gap:19px}.home-fleet-intro h2 {font-size:29px}
  .home-fleet-capabilities {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .home-fleet-capabilities>a,.home-fleet-capabilities>a:nth-last-child(-n+3) {padding:15px;border-radius:13px;border-bottom:1px solid #d4e2f6}
  .fleet-feature-icon {width:35px;height:35px;padding:7px;margin-bottom:11px}
  .home-fleet-capabilities h3 {font-size:14px}.home-fleet-capabilities p {font-size:12px;line-height:1.65}
  .home-fleet-capabilities>a:after {right:13px;top:13px;font-size:14px}
  .home-discover {grid-template-columns:1fr;gap:15px;margin-bottom:29px}
  .discovery-banner {padding:26px;min-height:0;border-radius:18px}
  .discovery-copy h2 {font-size:30px}.discovery-copy>p:not(.eyebrow) {font-size:14px;max-width:345px}
  .discovery-footnote {gap:10px;font-size:8px;margin-top:21px}
  .discovery-orbit {right:-70px;opacity:.7}
  .home-teams {padding-bottom:27px}.home-teams .home-section-heading h2 {font-size:27px}
  .home-team-grid {grid-template-columns:1fr;gap:11px}
  .home-team {grid-template-columns:70px 1fr;gap:17px;padding:18px}.home-team img {width:70px;height:80px}
  .home-team h3 {font-size:17px}.home-team p {font-size:13px;margin-block:7px}
  .home-workflow {padding:23px;gap:20px;margin-bottom:28px}
  .home-workflow-heading h2 {font-size:27px}
  .home-workflow-steps {grid-template-columns:1fr;gap:20px}
  .home-workflow-steps li {padding-left:51px}
  .home-workflow-steps li>span {position:absolute;left:0;top:0;margin:0}
  .home-workflow-steps li:not(:last-child):after {left:17px;right:auto;top:44px;bottom:-13px;width:1px;height:auto;background:#bbd1ef}
  .home-workflow-steps h3 {font-size:16px;margin-bottom:6px}
  .home-proof-heading {display:block}.home-proof-heading h2 {font-size:14px;margin-top:8px}
  .home-ai-ribbon {flex-wrap:wrap;gap:15px;padding:24px 22px;margin-block:24px 18px;border-radius:16px}
  .ai-ribbon-mark {width:43px;height:43px;flex-basis:43px;font-size:31px;border-radius:13px}
  .home-ai-ribbon>div {flex:1;min-width:180px}.home-ai-ribbon h2 {font-size:22px;line-height:1.25}.home-ai-ribbon p:not(.eyebrow) {font-size:12px}
  .home-invitation {padding:24px;margin-bottom:26px}.home-invitation h2 {font-size:26px}
  .home-invitation-actions {align-items:flex-start;width:100%}.home-invitation-actions .button {white-space:normal;text-align:left;gap:16px;font-size:12px}
  .home-invitation .ocean-motion-toggle {position:static;margin-top:2px;min-height:32px}
}
@media(max-width:360px) {
  .home-fleet-capabilities {grid-template-columns:1fr}
  .compact-home .hero-actions {gap:14px}.compact-home .hero h1 {font-size:34px}
  .discovery-banner {padding:22px}.discovery-copy h2 {font-size:28px}
  .discovery-footnote {font-size:7px;gap:8px}
}
@media(prefers-reduced-motion:reduce) {
  .home-fleet-capabilities>a,.home-team,.discovery-banner .button span {transition:none}
  .home-fleet-capabilities>a:hover,.home-team:hover {transform:none}
}
/* A little more depth: current services and progressive-disclosure answers. */
.home-current {position:relative;display:grid;grid-template-columns:.82fr 1.4fr;gap:48px;padding:32px;margin-bottom:38px;border:1px solid #d9e5f6;border-radius:20px;background:linear-gradient(120deg,#fff 30%,#f1f6ff);box-shadow:0 8px 28px #153c7205;align-items:center}
.home-current-intro h2,.home-questions-intro h2 {font-size:32px;font-weight:550;letter-spacing:-.04em;line-height:1.18;margin:13px 0 15px;color:#13345f}
.home-current-intro h2 span {color:#164caa}
.home-current-intro>p:not(.eyebrow),.home-questions-intro>p:not(.eyebrow) {font-size:14px;line-height:1.8;color:#526b88;max-width:340px}
.home-current-intro>.home-text-link {margin-top:12px}
.home-current-signature {display:flex;align-items:center;gap:13px;margin-top:20px;color:#627d9e}
.home-current-signature svg {width:54px;height:20px;fill:none;stroke:#82a8e3;stroke-width:2;flex-shrink:0}
.home-current-signature span {font-size:8px;font-weight:600;letter-spacing:.11em}
.home-current-list {border-top:1px solid #cfdef2}
.home-current-list>a {display:grid;grid-template-columns:28px 1fr 34px;gap:15px;align-items:center;min-height:80px;padding:15px 0;border-bottom:1px solid #d7e4f4;transition:background .2s}
.home-current-list>a:hover {background:#eaf2ff}
.home-current-number {font-size:11px;color:#42689b;font-weight:550;align-self:start;padding-top:2px;font-variant-numeric:tabular-nums}
.home-current-list h3 {font-size:16px;font-weight:600;line-height:1.35;letter-spacing:-.02em;color:#163a69}
.home-current-list p {font-size:12px;line-height:1.65;color:#526b88;margin-top:5px}
.home-current-arrow {display:grid;place-items:center;height:34px;width:34px;border:1px solid #c8daf3;border-radius:50%;color:#194a9c;background:#f8fbff;font-size:16px;transition:background .2s,color .2s,border-color .2s}
.home-current-list>a:hover .home-current-arrow {background:#2262ca;color:#fff;border-color:#2262ca}
.home-questions {display:grid;grid-template-columns:.82fr 1.4fr;gap:48px;padding-block:12px 34px;align-items:start}
.home-questions-intro h2 {font-size:29px}
.home-questions-intro>.home-text-link {margin-top:5px}
.home-question-list {border-top:1px solid #ccddf4}
.home-question-list details {border-bottom:1px solid #ccddf4}
.home-question-list summary {list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;cursor:pointer}
.home-question-list summary::-webkit-details-marker {display:none}
.home-question-list summary h3 {font-size:15px;font-weight:600;line-height:1.5;letter-spacing:-.015em;color:#183d6e}
.home-question-list summary:hover h3 {color:#1249b0}
.home-question-toggle {position:relative;width:24px;height:24px;flex:0 0 24px;border-radius:50%;background:#e4edfc;color:#245fc2}
.home-question-toggle:before,.home-question-toggle:after {content:'';position:absolute;left:7px;top:11px;width:10px;height:1.5px;background:currentColor}
.home-question-toggle:after {transform:rotate(90deg)}
.home-question-list details[open] .home-question-toggle:after {display:none}
.home-question-list details[open] summary {padding-bottom:12px}
.home-question-answer {padding:0 44px 20px 0}
.home-question-answer p {font-size:13px;line-height:1.85;color:#506a89;max-width:600px}
.home-question-answer a {display:inline-flex;align-items:center;gap:14px;min-height:40px;margin-top:5px;color:#184b9e;font-size:12px;font-weight:600}
.home-question-answer a:hover {text-decoration:underline;text-underline-offset:4px}
@media(max-width:1000px) {
  .home-current,.home-questions {gap:30px;grid-template-columns:.85fr 1.35fr}
  .home-current {padding:26px}.home-current-intro h2 {font-size:29px}
  .home-current-list>a {gap:11px;grid-template-columns:23px 1fr 30px}
  .home-current-arrow {width:30px;height:30px}.home-current-list h3 {font-size:15px}
  .home-current-signature {gap:8px}.home-current-signature span {font-size:7px}
  .home-questions-intro h2 {font-size:27px}
}
@media(max-width:740px) {
  .home-current,.home-questions {grid-template-columns:1fr;gap:22px}
  .home-current {padding:24px;margin-bottom:29px;border-radius:18px}
  .home-current-intro h2 {font-size:29px}.home-current-intro h2 br {display:none}
  .home-current-intro>p:not(.eyebrow) {max-width:540px}
  .home-current-intro>.home-text-link {margin-top:7px}.home-current-signature {display:none}
  .home-current-list>a {padding-block:16px;min-height:78px;gap:11px}
  .home-current-list h3 {font-size:15px}.home-current-list p {font-size:12px}
  .home-questions {padding-block:6px 28px;gap:17px}
  .home-questions-intro h2 {font-size:27px}.home-questions-intro h2 br {display:none}
  .home-questions-intro>p:not(.eyebrow) {font-size:13px}
  .home-question-list summary {padding-block:18px;gap:15px}
  .home-question-list summary h3 {font-size:14px}
  .home-question-answer {padding-right:8px}
}
@media(max-width:360px) {
  .home-current {padding:20px}.home-current-list>a {grid-template-columns:1fr 28px;gap:8px}
  .home-current-number {display:none}.home-current-arrow {width:28px;height:28px}
}
@media(prefers-reduced-motion:reduce) {.home-current-list>a,.home-current-arrow {transition:none}}

/* The demo is an interactive destination, reached by one clearly labelled link. */
.ribbon-demo-link {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  gap: 18px;
  margin-inline-start: auto;
  padding: 8px 9px 8px 17px;
  min-height: 46px;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 650;
  color: #123d68;
  background: linear-gradient(115deg, #f5faff, #d8eafe);
  border: 1px solid #c2ddf5;
  border-radius: 12px;
  box-shadow: inset 0 1px 0 #fff, 0 4px 14px #041a3926;
}

.ribbon-demo-arrow {
  display: grid;
  place-items: center;
  flex: 0 0 28px;
  height: 28px;
  border-radius: 50%;
  background: var(--action-ink);
  color: #fff;
}

.ribbon-demo-link:hover {background: #fff}
.ribbon-demo-link:hover .ribbon-demo-arrow {background: var(--action-blue)}
.compact-home .ribbon-demo-link:focus-visible {outline-color: #c4eaff}

@media (max-width: 740px) {
  .compact-home .home-ai-ribbon {display:grid; grid-template-columns:43px minmax(0,1fr); gap:12px 14px}
  .compact-home .home-ai-ribbon > div {min-width:0}
  .ribbon-demo-link {grid-column:2; justify-self:start; margin:2px 0 0; max-width:100%}
}
@media (max-width: 400px) {
  .ribbon-demo-link {grid-column:1/-1; justify-self:stretch; margin-top:4px}
}
@media (prefers-reduced-motion: reduce) {
  .compact-home .button, .compact-home .button span {transition:none}
  .compact-home .button:hover, .compact-home .button:hover span {transform:none}
}