.solutions{background:#fff}.solution-grid{grid-template-columns:minmax(0,1fr);grid-auto-flow:dense;gap:0;display:grid}.solution-item{border-top:1px solid var(--line);grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);align-items:center;gap:72px;padding-block:36px;display:grid;position:relative}.solution-grid>[data-reveal]:last-child .solution-item{border-bottom:1px solid var(--line)}.solution-visual{aspect-ratio:3/2;background:var(--surface);border-radius:var(--radius);width:100%;max-width:360px;margin:0 auto}.solution-art{object-fit:contain;filter:saturate(.72);width:100%;height:100%;transition:transform .45s;display:block}.solution-item:hover .solution-art,.solution-item:focus-within .solution-art{transform:scale(1.025)}.solution-copy h3{font-size:28px;line-height:1.25}.solution-copy>p{color:var(--muted);max-width:510px;margin-top:18px;font-size:16px}.solution-flow{color:var(--brand);flex-wrap:wrap;align-items:center;gap:12px;margin:0;padding:20px 0 0;font-size:12px;list-style:none;display:flex}.solution-flow li{align-items:center;gap:12px;display:flex}.solution-flow li:last-child span{color:var(--green);font-weight:600}.solution-link{align-items:center;gap:24px;display:inline-flex}.solution-link:after{content:"";position:absolute;inset:0}.solution-link svg{color:var(--blue);transition:transform .2s}.solution-item:hover .solution-link svg{transform:translate(3px,-3px)}@media (max-width:1100px){.solution-item{gap:40px}}@media (max-width:800px){.solution-item{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:32px}.solution-visual{max-width:100%;max-height:240px}.solution-copy h3{font-size:25px}.solution-copy>p{font-size:15px}.solution-flow,.solution-flow li{gap:8px}}
.workflow{background:var(--surface)}.workflow-layout{grid-template-columns:1fr 1fr;align-items:start;gap:110px;display:grid}.workflow-description{max-width:350px;color:var(--muted);margin-top:24px;font-size:15px}.workflow-intro .text-link{margin-top:26px}.workflow-track{border-left:1px solid #d4e5da;margin-left:18px;position:relative}.workflow-progress{background:var(--green);width:2px;position:absolute;top:0;bottom:0;left:-1px}.workflow-steps{margin:0;padding:0;list-style:none}.workflow-steps li{padding:0 0 76px 48px;position:relative}.workflow-steps li:last-child{padding-bottom:8px}.step-number{background:var(--surface);width:36px;height:36px;color:var(--green);border:1px solid #bdd5c6;border-radius:50%;place-items:center;font-size:12px;display:grid;position:absolute;top:0;left:-18px}.step-icon{color:var(--green);margin-bottom:20px}.workflow-steps h3{max-width:350px}.workflow-steps p{color:var(--muted);margin-top:12px;font-size:14px}@media (max-width:1100px){.workflow-layout{gap:64px}}@media (max-width:800px){.workflow-layout{grid-template-columns:1fr;gap:48px}.workflow-description{max-width:430px;font-size:14px}.workflow-steps li{padding-bottom:42px;padding-left:38px}}
.languages-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:16px;max-width:1040px;margin:0 auto 32px;padding:0;list-style:none;display:grid}.language-logo{justify-items:center;gap:12px;margin:0;display:grid}.language-logo-disc{aspect-ratio:1;border:1px solid var(--line);background:#fff;border-radius:50%;place-items:center;width:80px;transition:transform .25s,border-color .25s,box-shadow .25s;display:grid}.language-logo-disc img{object-fit:contain;width:52px;height:52px;display:block}.language-logo-caption{height:20px;color:var(--muted);opacity:1;font-size:13px;line-height:20px;transition:opacity .2s}@media (hover:hover) and (pointer:fine){.language-logo:hover .language-logo-disc{border-color:var(--sky);transform:translateY(-6px);box-shadow:0 8px 18px #07527612}.language-logo:hover .language-logo-caption{opacity:1}}@media (max-width:1100px){.languages-grid{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:12px;max-width:640px}}@media (max-width:800px){.languages-grid{gap:8px}.language-logo-disc{width:min(100%,72px)}.language-logo-disc img{width:40px;height:40px}}
.integration{background:var(--surface)}.code-example{background:#fff;border:1px solid #c6dce9;border-radius:8px;overflow:hidden;box-shadow:0 8px 30px #183f5c08}.code-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:9px 20px 9px 28px;display:flex}.code-heading>span{flex-wrap:wrap;align-items:center;gap:12px;font-size:14px;font-weight:500;display:flex}.code-environment{color:var(--green);border-left:1px solid var(--line);padding-left:12px;font-size:11px;font-weight:600}.code-heading svg{color:var(--blue)}.code-tabs{border-bottom:1px solid var(--line);gap:6px;padding-inline:16px;display:flex}.code-tabs button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;min-height:48px;padding:16px;font-size:13px}.code-tabs button[aria-selected=true]{color:var(--blue);border-bottom-color:var(--blue)}.code-tabs button:hover{background:#f6fafc}.code-example pre{color:#17516c;tab-size:2;height:270px;margin:0;padding:30px 28px;font-size:13px;line-height:1.95;overflow:auto}.code-example pre:not([hidden]){animation:.28s ease-out code-enter}@keyframes code-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.code-example code{font-family:Cascadia Code,Consolas,monospace}.code-bottom{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:16px;padding:15px 28px;font-size:11px;display:flex}.integration-notes{justify-content:center;gap:36px;margin:28px 0 0;padding:0;list-style:none;display:flex}.integration-notes li{color:#425d6c;align-items:center;gap:8px;font-size:12px;display:flex}.integration-notes svg{color:var(--blue)}@media (max-width:800px){.code-heading{padding-left:18px;padding-right:10px}.code-tabs{padding-inline:6px}.code-example pre{height:278px;padding:24px 18px;font-size:12px}.code-bottom{padding:14px 18px;font-size:10px}.integration-notes{flex-wrap:wrap;justify-content:flex-start;gap:18px}.integration-notes li{font-size:11px}}
.plans{background:var(--surface);color:#24362d}.plans-layout{grid-template-columns:1.1fr 1fr;align-items:center;gap:96px;display:grid}.plans-copy{max-width:550px}.plans-copy h2{max-width:500px;color:var(--brand)}.plans-description{margin-top:26px;font-size:17px}.plans-contact{color:#455b4c;max-width:460px;margin-top:20px;font-size:15px}.plans-copy .button{margin-top:30px}.plans-criteria{margin:0;padding:0;list-style:none}.plans-criteria li{border-bottom:1px solid var(--line)}.plans-criteria li:first-child{border-top:1px solid var(--line)}.plans-criterion{grid-template-columns:28px minmax(0,1fr);gap:22px;padding-block:26px;display:grid}.plans-criterion>svg{color:var(--green);margin-top:2px}.plans-criterion h3{font-size:20px}.plans-criterion p{color:#455b4c;max-width:350px;margin-top:8px;font-size:15px}@media (max-width:1100px){.plans-layout{gap:48px}}@media (max-width:800px){.plans-layout{grid-template-columns:minmax(0,1fr);gap:38px}.plans-description{font-size:16px}.plans-criterion{gap:16px;padding-block:24px}.plans-criterion h3{font-size:18px}}
.data-protection{background:var(--ice)}.data-protection-heading{max-width:860px}.data-protection-heading h2{color:var(--brand);text-wrap:balance}.data-protection-heading>p:last-child{max-width:720px;color:var(--muted);margin-top:24px;font-size:18px}.data-protection-modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:56px;margin-top:48px;display:grid}.data-protection-mode{border-top:2px solid #9bbacf;padding-top:26px}.data-protection-mode h3{color:var(--brand)}.data-protection-mode p{margin-top:18px;font-size:16px}.data-protection-mode .data-protection-example{color:var(--muted);font-size:14px}.data-protection-assurance{border-top:1px solid #ccdae4;justify-content:space-between;align-items:center;gap:40px;margin-top:40px;padding-top:32px;display:flex}.data-protection-assurance>div{max-width:720px}.data-protection-assurance h3{font-size:20px}.data-protection-assurance p{color:var(--muted);margin-top:12px;font-size:14px}.data-protection-assurance .button{flex-shrink:0}.data-protection-accountability{max-width:960px;color:var(--muted);margin-top:24px;font-size:14px}@media (max-width:1100px){.data-protection-assurance{flex-direction:column;align-items:flex-start;gap:20px}}@media (max-width:800px){.data-protection-modes{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:34px}.data-protection-heading>p:last-child{font-size:16px}.data-protection-assurance .button{max-width:100%;font-size:13px}}
.faq{grid-template-columns:.8fr 1.2fr;gap:90px;display:grid}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);interpolate-size:allow-keywords}.faq-list details::details-content{opacity:0;height:0;transition:height .3s, opacity .3s, content-visibility .3s allow-discrete;overflow:hidden}.faq-list details[open]::details-content{opacity:1;height:auto}.faq-list summary:hover{color:var(--blue)}.faq-list summary{cursor:pointer;justify-content:space-between;align-items:center;gap:24px;min-height:80px;padding-block:23px;font-size:16px;font-weight:500;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary svg{color:var(--blue);transition:transform .2s}.faq-list details[open] summary svg{transform:rotate(180deg)}.faq-list details p{color:var(--muted);padding:0 32px 24px 0;font-size:14px}@media (max-width:1100px){.faq{gap:52px}}@media (max-width:800px){.faq{grid-template-columns:1fr;gap:32px}.faq-list summary{gap:20px;font-size:15px}}
.resources-section h2{color:var(--brand);max-width:800px}.resource-links{margin-top:40px}.resource-link{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:32px;padding-block:28px;display:flex}.resource-link h3{color:var(--brand)}.resource-link p{max-width:850px;color:var(--muted);margin-top:12px;font-size:15px}.resource-link>svg{color:var(--blue);transition:transform .22s}.resource-link:hover>svg,.resource-link:focus-visible>svg{transform:translate(3px,-3px)}@media (max-width:800px){.resource-link{align-items:flex-start;gap:20px}.resource-link h3{font-size:20px}}
