@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url('/site/assets/bricolage-59330622757644fa0694.woff2') format('woff2');
}
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url('/site/assets/bricolage-e11f06c9fd8d0b5e97c7.woff2') format('woff2');
}
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  src: url('/site/assets/bricolage-d88def44652051504ec8.woff2') format('woff2');
}
@font-face {
  font-family: 'Bricolage Grotesque';
  font-style: normal;
  font-weight: 800;
  font-stretch: normal;
  font-display: swap;
  src: url('/site/assets/bricolage-3c4d4726e5267e8889b1.woff2') format('woff2');
}

:root{--ink:#163a2c;--blue:#3a4ba0;--paper:#f5faf6;--leaf:#58b26e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#edf5ee;font-family:"Bricolage Grotesque",system-ui,sans-serif}a{color:inherit}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #ff6198;outline-offset:5px}.skip{position:absolute;top:-100px}.skip:focus{top:0;z-index:9;background:white;padding:12px}.v7-header{position:absolute;z-index:3;top:0;width:100%;display:flex;align-items:center;gap:28px;padding:24px 3vw}.v7-logo{display:flex;align-items:center;gap:0;font-size:26px;font-weight:800;text-decoration:none;white-space:nowrap}.v7-logo svg{width:51px;height:51px}.v7-logo em{color:#ff6198}.v7-nav{margin:auto;display:flex;gap:22px;align-items:center;white-space:nowrap}.v7-nav a{text-decoration:none;font-size:13px;padding:7px 0;border-bottom:2px solid transparent}.v7-nav a:hover,.v7-nav a[aria-current]{border-color:var(--blue)}.button,.diagnostic{display:inline-block;border:2px solid currentColor;border-radius:30px;padding:12px 21px;text-decoration:none;font-weight:700;font-size:14px}.diagnostic{white-space:nowrap}.hero{position:relative;min-height:820px;background:#a9cfdf;isolation:isolate;overflow:hidden}.scene-host{position:absolute;inset:0;z-index:-2}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#bddce8ed 0%,#bddce8da 28%,transparent 62%);pointer-events:none}.hero-copy{width:min(42%,600px);padding:130px 0 220px;margin-left:6vw}.eyebrow{text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:.14em;margin:0 0 24px}.hero h1{font-size:clamp(38px,4.5vw,68px);line-height:1.04;letter-spacing:-.045em;margin:0 0 25px}.intro{font-size:20px;line-height:1.6;margin-bottom:30px}.hero-copy .button{background:var(--ink);color:white;border-color:var(--ink)}.content{max-width:1240px;margin:auto;padding:85px 5vw}.section-heading{max-width:750px;font-size:clamp(29px,3.2vw,45px);line-height:1.12;letter-spacing:-.03em;margin:0 0 22px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:38px 0}.card{background:#fff;border:2px solid #1f4d3a;border-radius:17px;padding:27px;box-shadow:5px 7px 0 #1f4d3a16}.card h3{font-size:23px;line-height:1.2;margin:15px 0}.card p,.card li{font-size:16px;line-height:1.65}.dots{display:flex;gap:5px;justify-content:flex-end}.dots i{width:6px;height:6px;border-radius:50%;background:#dce8e2}.card:nth-of-type(1) .dots i:nth-child(1),.card:nth-of-type(2) .dots i:nth-child(2),.card:nth-of-type(3) .dots i:nth-child(3){background:#58b26e}.detail-band{border-top:1px solid #b9d1c2;padding-top:35px;margin-top:45px;display:grid;grid-template-columns:1fr 1.4fr;gap:40px}.detail-band h2{font-size:30px;margin:0}.detail-band p{line-height:1.75;margin-top:0}.contact{background:#d9e9df;padding:55px;border-radius:22px;margin-top:50px}.contact h2{font-size:32px;margin-top:0}.contact p{line-height:1.7}.contact .button{background:var(--ink);color:white}.footer{background:#4b2f3d;border-top:7px solid #5fa463;color:#f1f5ee;padding:30px 5vw;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer nav{display:flex;gap:25px;font-size:13px}.security{background:#ebf0f0}.security .hero{background:#35495a}.security .hero:after{background:linear-gradient(90deg,#182d3cf0,#182d3cbd 34%,transparent 75%)}.security .hero-copy,.security .v7-header{color:#f2f6f4}.security .v7-logo em{color:#ff6198}.security .v7-nav a[aria-current]{border-color:#91abff}.security .hero-copy .button{background:#e8f6ee;color:#173b2c;border-color:#e8f6ee}.offer-page .hero{min-height:0;padding:145px 5vw 0;background:linear-gradient(#8fc0d8,#dcefe7)}.offer-page .hero:after{display:none}.offer-intro{text-align:center;max-width:760px;margin:auto}.offer-intro h1{font-size:clamp(36px,4vw,60px)}.offer-intro .intro{font-size:19px}.offer-tree{position:relative;max-width:1150px;height:750px;margin:30px auto 0}.offer-tree>svg{position:absolute;width:100%;height:100%;overflow:visible}.offer{position:absolute;width:32%;margin:0;animation:arrive .8s both}.offer:nth-of-type(1){left:0;top:245px}.offer:nth-of-type(2){left:34%;top:15px;animation-delay:.12s}.offer:nth-of-type(3){right:0;top:325px;animation-delay:.24s}.offer .number{color:#3a4ba0;font-size:13px;font-weight:700}.offer ul{padding-left:19px}.offer a{font-weight:700;text-underline-offset:5px}.recommend{font-size:11px;background:#e1f4e4;border-radius:14px;padding:6px 10px;color:#246138;display:inline-block}.tree-leaf{transform-box:view-box;transform-origin:0 0;animation:sway 4s ease-in-out infinite alternate}.tree-line{opacity:1;stroke:#2e8053}@keyframes sway{to{transform:rotate(7deg)}}@keyframes arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.hero{min-height:900px}.hero-copy{padding-top:160px}}@media(max-width:1150px){.v7-header{flex-wrap:wrap;padding:16px 24px;gap:12px}.v7-nav{order:3;width:100%;overflow:auto;margin:0;gap:24px}.diagnostic{margin-left:auto}.hero-copy{width:46%;padding-top:135px}.cards{gap:15px}.card{padding:20px}.offer{width:33%}.offer-tree{height:800px}}
@media(max-width:700px){.v7-logo{font-size:22px}.diagnostic{font-size:11px;padding:9px 12px}.v7-nav a{font-size:12px}.hero{min-height:0;display:flex;flex-direction:column}.hero-copy{width:auto;padding:165px 24px 0;margin:0}.hero h1{font-size:42px}.intro{font-size:18px}.scene-host{position:relative;inset:auto;height:420px;z-index:0}.hero:after{display:none}.security .hero-copy{background:#35495a}.content{padding:50px 24px}.cards,.detail-band{grid-template-columns:1fr}.contact{padding:28px}.offer-page .hero{padding:165px 20px 0}.offer-tree{height:auto;padding:20px 0 100px 32px;display:grid;gap:25px}.offer-tree>svg{display:none}.offer-tree:before{content:"";position:absolute;top:0;bottom:20px;left:8px;width:9px;background:#2e8053;border-radius:10px}.offer{position:relative!important;left:auto!important;right:auto!important;top:auto!important;width:100%}.offer:before{content:"";position:absolute;width:25px;height:7px;left:-27px;top:50%;background:#2e8053}.offer:after{content:"";position:absolute;left:-36px;top:calc(50% - 22px);width:24px;height:13px;border-radius:0 100% 0 100%;background:#58b26e}.footer nav{flex-wrap:wrap}.section-heading{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

@media(max-width:700px){.hero-copy{order:0;padding-bottom:25px}.scene-host{order:1}.offer-page .hero{display:block}}

/* Reveal only the initialized scene; no intermediate landing-page frame. */

.hero:after,.security .hero:after{display:none}
.hero{background:#a9cfdf}.hero-copy{text-shadow:0 1px 12px #e6f3ec65}
.security .hero-copy{text-shadow:0 1px 10px #10243499}
.offer-page .hero{background:#a9cfdf}.offer-page .scene-host{position:absolute;inset:0;height:100%;z-index:-2}
.offer-page .offer-intro,.offer-page .offer-tree{position:relative}

.visual-paused .tree-leaf{animation-play-state:paused}

.animation-refresh{position:absolute;right:22px;top:96px;z-index:2;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid #1f4d3a33;background:#ffffffd9;color:#1f4d3a;cursor:pointer;padding:0;box-shadow:0 2px 0 #1f4d3a24}.animation-refresh svg{width:44%;height:44%}.animation-refresh:hover{background:white}.animation-refresh:disabled{opacity:.4;cursor:default}
@media(max-width:1150px){.animation-refresh{top:128px}}@media(max-width:700px){.animation-refresh{width:32px;height:32px;right:16px;top:116px}}

.offer-intro{max-width:1200px}.offer-intro h1{font-size:clamp(18px,3.5vw,54px);white-space:nowrap;margin:20px 0 30px}
.offer-tree{height:680px;margin-top:20px}.offer:nth-of-type(1){top:125px}.offer:nth-of-type(2){top:35px}.offer:nth-of-type(3){top:150px}
@media(min-width:701px) and (max-width:1150px){.offer-tree{height:780px}}
@media(max-width:700px){.offer-tree{height:auto}.offer-tree:before{bottom:var(--root-ground-bottom,20px)}.offer-page .hero h1{font-size:clamp(15px,4.4vw,30px)}}
.locale-switch{flex:none;border:0;border-radius:20px;background:transparent;color:inherit;padding:8px 11px;font:700 12px "Bricolage Grotesque",sans-serif;cursor:pointer}.locale-switch:focus-visible{outline:3px solid #ff6198;outline-offset:4px}@media(max-width:1150px){.locale-switch{margin-left:auto}.diagnostic{margin-left:0}}/* Platform subscriptions are the foundation underneath the service tree. */
.platform-plans{position:relative;background:#3b2635;color:#eef6f0;padding:5px 5vw 70px;isolation:isolate}.platform-plans:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.2;background:radial-gradient(ellipse at 13% 20%,#896075 0 3px,transparent 4px),radial-gradient(ellipse at 75% 70%,#120d16 0 4px,transparent 5px);background-size:150px 100px,230px 160px}.platform-plans-inner{max-width:1120px;margin:auto}.platform-plans h2{font-size:clamp(30px,3.7vw,48px);letter-spacing:-.035em;margin:0 0 18px}.platform-plans-intro{max-width:740px;line-height:1.65;font-size:18px;color:#d5e4da}.plan-controls{display:flex;gap:18px;flex-wrap:wrap;margin:32px 0 38px}.plan-toggle{display:flex;gap:5px;padding:5px;border:1px solid #b1d1bd80;border-radius:30px;background:#271b26}.plan-toggle button{border:0;border-radius:24px;padding:11px 18px;background:transparent;color:#eaf5ef;cursor:pointer;font-weight:600}.plan-toggle button[aria-pressed="true"]{background:#d9f2df;color:#173b2c}.plan-toggle span{font-size:11px;margin-left:7px}.platform-plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.platform-plan{border:2px solid #8fc6a4;border-radius:20px;background:#f7fbf8;color:#183e2f;padding:30px;display:flex;flex-direction:column;box-shadow:6px 8px 0 #160e1b60}.plan-banner{background:#e0eee5;border-radius:12px;padding:10px 14px;margin:0 0 23px;font-size:13px;font-weight:600}.platform-plan h3{font-size:32px;margin:0 0 14px}.plan-price{display:flex;align-items:baseline;gap:12px;margin:0;flex-wrap:wrap}.plan-price strong{font-size:48px;letter-spacing:-.04em}.plan-price span{font-size:15px}.plan-price-box{min-height:0}.plan-billed{font-size:14px;margin:10px 0;line-height:1.5}.plan-saving{font-size:12px;color:#267647}.plan-tax{font-size:12px;color:#496555;margin:4px 0}.platform-plan h4{margin:25px 0 8px;font-size:16px}.platform-plan ul{padding-left:20px;line-height:1.8;margin:0 0 28px;flex:1}.platform-plan [data-subscribe]{margin-top:auto}.platform-plan .button{background:#1f4d3a;border-color:#1f4d3a;color:white}.platform-plan button:disabled{background:#dbe6df;border-color:#a0b9ab;color:#617769;cursor:default}.offer-page .footer,.plans-page .footer{border-top:0;background:#33202c}
@media(max-width:700px){.platform-plans{padding:5px 24px 45px}.platform-plan-grid{grid-template-columns:1fr}.platform-plan{padding:25px}.plan-toggle button{padding:10px 14px}.plan-price strong{font-size:42px}}
.header-actions{display:flex;align-items:center;gap:10px;flex:none;margin-left:auto}.header-actions .locale-switch,.header-actions .diagnostic{margin-left:0}@media(max-width:700px){.v7-header{column-gap:8px;padding-left:16px;padding-right:16px}.header-actions{gap:8px}.header-actions .locale-switch{padding:7px 9px}}
.v7-nav .locale-switch{margin-left:0}

.v7-logo svg{position:relative;top:-.3em;flex:none;margin-right:-.55em}



/* Paint the scene immediately while its live SVG initializes. */
.scene-host{background-position:center;background-size:cover;background-repeat:no-repeat}
.security .hero{background:#35495a}



.scene-host>svg{display:block;width:100%;height:100%;font-family:"Bricolage Grotesque",system-ui,sans-serif}.scene-host #finaleBirds{display:none!important}.scene-host>[hidden]{display:none!important}

/* Reveal only the initialized animation, leaving the page content visible. */
.scene-host>svg{opacity:0;transition:opacity .55s ease-out}
.scene-host.is-ready>svg{opacity:1}
@media(prefers-reduced-motion:reduce){.scene-host>svg{transition:none}}

/* Two columns for the connections cards. */
@media(min-width:701px){.cards--pairs{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Keep the short connections heading on one line, including narrow screens. */
.section-heading--connections{max-width:none;font-size:clamp(14px,4.4vw,45px);white-space:nowrap}

/* Platform subscriptions sit in the sky, independently of the services tree. */
.plans-page .hero{display:block;min-height:100vh;padding:calc(var(--navigation-header-height,110px) + 36px) 0 260px}
.plans-page .scene-host{position:absolute;inset:0;height:100%;z-index:-2}
.plans-page .platform-plans{background:transparent;color:var(--ink);padding:0 5vw}
.plans-page .platform-plans:before{display:none}
.plans-page .platform-plans h1{font-size:clamp(30px,3.7vw,48px);line-height:1.12;letter-spacing:-.035em;margin:0 0 18px;text-align:center}
.plans-page .plan-controls{justify-content:center}
.plans-page .plan-toggle{background:#eaf4ef;border-color:#567d6b}
.plans-page .plan-toggle button{color:var(--ink)}
.plans-page .plan-toggle button[aria-pressed="true"]{background:#1f4d3a;color:white}
.plans-page .platform-plan{box-shadow:6px 8px 0 #1f4d3a20}
@media(max-width:700px){.plans-page .hero{padding-bottom:180px}.plans-page .platform-plans{padding:0 24px}.plans-page .plan-controls{gap:12px}.plans-page .plan-toggle button{padding:10px 12px}}

/* One shared panel for the three security commitments. */
.security-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:38px 0;padding:32px;background:#fff;border:2px solid #1f4d3a;border-radius:17px;box-shadow:5px 7px 0 #1f4d3a16}
.security-panel__item{min-width:0;padding:0 28px}
.security-panel__item:first-child{padding-left:0}
.security-panel__item:last-child{padding-right:0}
.security-panel__item+.security-panel__item{border-left:1px solid #c7d9cf}
.security-panel__item h3{font-size:23px;line-height:1.3;margin:0}
.security-panel__item p{font-size:16px;line-height:1.65;margin:20px 0 0}
@media(max-width:850px){.security-panel{grid-template-columns:1fr;padding:26px}.security-panel__item{padding:0}.security-panel__item+.security-panel__item{border-left:0;border-top:1px solid #c7d9cf;margin-top:26px;padding-top:26px}}

.plan-monthly-equivalent{font-size:16px;line-height:1.5;color:#496555;margin:8px 0 4px}

/* Platform copy uses the existing cards, buttons and theme palettes. */
.platform-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.platform-section-intro{max-width:750px;font-size:17px;line-height:1.65;margin:0}
.platform-features-heading{margin-top:65px}
.platform-page .cards--pairs .card:nth-of-type(4) .dots i:nth-child(4){background:var(--leaf)}

/* Clarify subscription scope without changing the pricing cards. */
.plans-scope-summary{max-width:760px;margin:0 auto 26px;text-align:center;font-size:17px;line-height:1.65}
.plans-scope .card a{font-weight:700;text-underline-offset:4px}

/* App screenshots retain their original interface inside the website theme. */
.app-showcase{margin-top:65px;scroll-margin-top:100px}
.app-showcase-controls{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0}
.app-showcase-controls[hidden],.app-showcase-view[hidden]{display:none}
.app-showcase-controls button{font:inherit;font-weight:700;font-size:14px;border:2px solid var(--ink);border-radius:24px;padding:10px 18px;background:transparent;color:var(--ink);cursor:pointer}
.app-showcase-controls button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.app-showcase-view{margin:24px 0;padding:12px;overflow:hidden}
.app-showcase-view img{display:block;width:100%;height:auto;border-radius:8px}
.app-showcase-view figcaption{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:8px 12px}
.app-showcase-view figcaption h3{margin-bottom:8px}
.app-showcase-view figcaption p{margin:0 0 12px}
.app-showcase-view figcaption>a{flex-shrink:0;font-size:14px;font-weight:700;text-underline-offset:4px}
.services-process .card .dots i{background:#dce8e2}
.services-process .card .dots i.is-current{background:var(--leaf)}
@media(max-width:700px){.app-showcase-controls{gap:8px}.app-showcase-controls button{padding:9px 12px}.app-showcase-view{padding:6px}.app-showcase-view figcaption{display:block;padding:8px 10px 16px}.app-showcase-view figcaption h3{font-size:21px}}

/* Integration roles stay explicit, using the existing cards and theme. */
.automation-page .hero h1{font-size:clamp(36px,4vw,58px)}
.automation-scope{margin-bottom:55px}
.automation-example{margin-top:65px}
.automation-flow{list-style:none;padding:0}
.automation-flow .card{position:relative;min-width:0}
.automation-flow .card+.card:before{content:"→";position:absolute;left:-24px;top:45%;width:22px;text-align:center;font-size:24px;color:var(--ink)}
@media(max-width:700px){.automation-flow .card+.card:before{content:"↓";top:-26px;left:calc(50% - 11px)}.automation-flow{gap:28px}}