.content-page{background:#f3f4f6}.content-hero{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:32px;padding-top:65px;padding-bottom:65px;min-height:540px}.content-hero h1{font-size:clamp(40px,4.8vw,68px);letter-spacing:-3px;line-height:1.06;margin:24px 0}.content-hero h1 span{color:#3a82ff}.content-hero p{font-size:18px;line-height:1.7;color:#576575;max-width:620px}.content-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:30px}.content-actions .textlink{font-size:14px}.content-hero-art{position:relative;isolation:isolate;min-width:0}.content-hero-art img{display:block;position:relative;z-index:1;width:100%;height:380px;object-fit:contain;mix-blend-mode:multiply}.content-orbit{position:absolute;inset:10% 0;background:radial-gradient(ellipse,#b5d7ff80,transparent 70%);z-index:-1}.content-hero-art:after{content:'BUILD / CONNECT / GROW';display:block;text-align:center;font-size:11px;letter-spacing:2px;color:#6b7788}.content-section{padding-top:64px;padding-bottom:64px}.content-section .section-head{margin-bottom:34px}.content-page h2{font-size:clamp(30px,3.5vw,46px);letter-spacing:-1.8px;line-height:1.1;font-weight:500}.content-page h3{font-size:22px;line-height:1.2;font-weight:500;letter-spacing:-.6px}.content-page .section-head>p{max-width:370px;line-height:1.7;font-size:16px;color:#576575}.content-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid #ccd3dd;border-left:1px solid #ccd3dd}.content-cards article{padding:32px;border-bottom:1px solid #ccd3dd;border-right:1px solid #ccd3dd;display:flex;flex-direction:column;align-items:flex-start}.content-cards article p{font-size:16px;line-height:1.75;color:#576575;margin:0 0 24px}.content-cards article .textlink{margin-top:auto;font-size:14px;color:#2465df}.content-number{font-size:12px;letter-spacing:2px;color:#64758b}.content-dark{background:#17212e;color:white}.content-dark .content-cards,.content-dark .content-cards article{border-color:#3b4655}.content-dark .content-cards article p,.content-dark .content-number{color:#bdc9d8}.content-dark .content-cards article .textlink{color:#8ebaff}.content-table-scroll{overflow-x:auto;margin:26px 0}.content-table{border-collapse:collapse;width:100%;min-width:600px;text-align:left;font-size:15px;line-height:1.6}.content-table caption{text-align:left;font-size:14px;color:#576575;margin-bottom:16px}.content-table th,.content-table td{padding:22px;border:1px solid #cbd3df;vertical-align:top}.content-table thead{background:#e2ecfb}.content-table tbody th{font-weight:600;min-width:140px}.content-note{font-size:14px;color:#576575;line-height:1.7}.content-faq{padding-top:64px;padding-bottom:64px;display:grid;grid-template-columns:.85fr 1.3fr;gap:65px}.content-faq .section-head{display:block}.content-faq details{border-bottom:1px solid #cbd3df;padding:22px 0}.content-faq details:first-child{border-top:1px solid #cbd3df}.content-faq summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;font-size:18px;line-height:1.5}.content-faq summary::-webkit-details-marker{display:none}.content-faq details[open] summary span{transform:rotate(45deg)}.content-faq details p{font-size:16px;line-height:1.8;color:#576575;margin-bottom:0}.content-cta{padding-top:58px;padding-bottom:58px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-top:1px solid #cbd3df}.content-cta h2{margin:18px 0}.content-cta p{font-size:16px;color:#576575;line-height:1.7}.content-cta .button{flex-shrink:0}.related-links{display:flex;gap:28px;align-items:center;flex-wrap:wrap;padding-top:28px;padding-bottom:45px}.related-links .textlink{font-size:14px}.example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.example-card{border:1px solid #ccd3dd;background:#fff;padding:20px;transition:box-shadow .2s,transform .2s}.example-card:hover{box-shadow:5px 5px 0 #3a82ff;transform:translate(-2px,-2px)}.example-card>div{background:#edf3fc;margin:-20px -20px 24px}.example-card img{width:100%;height:225px;object-fit:contain;mix-blend-mode:multiply}.example-card h3{display:flex;justify-content:space-between;gap:15px}.example-card p{font-size:14px;color:#576575}.industry-demo{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;border:1px solid #ccd3dd;background:#fff}.demo-mascot{min-width:0;background:radial-gradient(ellipse,#dceaff,transparent 65%)}.demo-mascot img{width:100%;max-height:500px;object-fit:contain;mix-blend-mode:multiply}.industry-demo .mini-body{display:block;padding:40px}.industry-demo .mini-body h3{font-size:37px;letter-spacing:-1.5px;margin:15px 0}.industry-demo .mini-body>p{font-size:16px;color:#576575;line-height:1.6}.industry-demo .mini-tag{font-size:11px;letter-spacing:1.6px}.industry-demo #preview-cta{width:100%;margin-top:16px}.article-layout{display:grid;grid-template-columns:280px 1fr;gap:70px;padding-bottom:60px}.article-layout aside{position:sticky;top:110px;align-self:start;display:grid;gap:18px;font-size:14px;line-height:1.6;padding:24px;border:1px solid #cbd3df}.article-layout aside a:hover{color:#2465df}.article-steps article{padding:32px 0;border-top:1px solid #cbd3df;scroll-margin-top:110px}.article-steps article h2{font-size:32px;letter-spacing:-1px}.article-steps article p{font-size:17px;line-height:1.85;color:#576575}.check-step{display:flex;align-items:center;gap:10px;font-size:14px}.check-step input{width:19px;height:19px;accent-color:#3a82ff}.check-progress{padding:20px;background:#e2ecfb;font-size:15px}.help-search{padding-top:20px;padding-bottom:20px}.help-search label{display:block;font-size:14px;margin-bottom:12px}.help-search input{width:100%;max-width:650px;font:inherit;padding:19px;border:1px solid #9faebf;background:#fff;border-radius:0}.help-search input:focus-visible{outline:2px solid #3a82ff;outline-offset:3px}.contact-note h2{overflow-wrap:anywhere}.contact-note p{font-size:16px;color:#576575}.content-page footer{background:transparent}.content-faq details[hidden]{display:none}
@media(max-width:1000px){.content-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.content-hero{gap:15px}.content-hero-art img{height:300px}.content-faq{gap:30px}.example-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:220px 1fr;gap:32px}.industry-demo .mini-body{padding:25px}.content-cta{flex-wrap:wrap}}
@media(max-width:720px){.content-hero{grid-template-columns:1fr;padding-top:35px;padding-bottom:35px;gap:10px}.content-hero h1{font-size:43px;letter-spacing:-2px}.content-hero p{font-size:17px}.content-hero-art img{height:250px}.content-hero-art:after{font-size:10px}.content-section,.content-faq{padding-top:42px;padding-bottom:42px}.content-cards{grid-template-columns:1fr}.content-cards article{padding:26px}.content-faq{grid-template-columns:1fr;gap:10px}.content-faq summary{font-size:17px}.content-page .section-head{display:block}.content-page h2{font-size:33px}.content-cta{padding-top:38px;padding-bottom:38px}.example-grid{grid-template-columns:1fr}.example-card img{height:245px}.industry-demo{grid-template-columns:1fr}.demo-mascot img{height:240px}.industry-demo .mini-body{padding:24px}.industry-demo .mini-body h3{font-size:32px}.article-layout{grid-template-columns:1fr;gap:20px}.article-layout aside{position:static}.article-steps article h2{font-size:29px}.related-links{align-items:flex-start;flex-direction:column;gap:20px}.content-actions{gap:20px}.content-actions .button{font-size:14px}.content-table th,.content-table td{padding:16px}}
.content-page #demo .mini-body{padding:40px}.content-page #demo .mini-body h3{font-size:37px}.content-page #demo .mini-body #preview-cta{font-size:14px;padding:17px;color:#fff}.content-page .booking-field label,.content-page .booking-times legend{font-size:14px}.content-page .booking-field input,.content-page .booking-field select{font-size:16px}@media(max-width:720px){.content-page #demo .mini-body{padding:24px}.content-page #demo .mini-body h3{font-size:30px}}
/* Card sets on the older content pages are not always a multiple of three (the redesigned
   pages use 3 or 6). On wide screens such a set gets a six-column grid so its last row is
   full: four cards become 2 x 2 and a last row of two cards shares the width. */
@media(min-width:1001px){:is(.content-cards,.example-grid):has(>:first-child:nth-last-child(3n+1),>:first-child:nth-last-child(3n+2)){grid-template-columns:repeat(6,minmax(0,1fr))}:is(.content-cards,.example-grid):has(>:first-child:nth-last-child(3n+1),>:first-child:nth-last-child(3n+2))>*{grid-column:span 2}:is(.content-cards,.example-grid)>:first-child:nth-last-child(3n+2)~:nth-last-child(-n+2),:is(.content-cards,.example-grid)>:first-child:nth-last-child(2),:is(.content-cards,.example-grid)>:first-child:nth-last-child(3n+4)~:nth-last-child(-n+4),:is(.content-cards,.example-grid)>:first-child:nth-last-child(4){grid-column:span 3}}
/* Text written in the WordPress editor (page.php, single.php): post_class() gives the
   article .hentry, which the redesigned views never use. */
.article-steps .hentry :is(ul,ol){margin:0 0 20px;padding-left:1.4em;font-size:17px;line-height:1.85;color:#576575}.article-steps .hentry li+li{margin-top:6px}.article-steps .hentry a{color:#2465df;text-decoration:underline;text-underline-offset:3px}.article-steps .hentry :is(img,video,iframe){max-width:100%;height:auto}.article-steps .hentry h3{font-size:24px;letter-spacing:-.5px;margin:32px 0 12px}.article-steps .hentry blockquote{margin:24px 0;padding-left:20px;border-left:3px solid #3a82ff;color:#17212e}.article-steps .hentry figure{margin:24px 0}.article-steps .hentry figcaption{font-size:14px;color:#576575}.article-steps .hentry table{width:100%;border-collapse:collapse;font-size:15px;margin:0 0 20px}.article-steps .hentry :is(th,td){border:1px solid #ccd3dd;padding:10px 12px;text-align:left}
/* Contact page: email, phone (WhatsApp) and the call booking page side by side. */
.contact-channels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 48px}.contact-channels>div{border-top:1px solid #ccd3dd;padding-top:26px}.contact-channels h2{font-size:clamp(24px,2.4vw,32px);letter-spacing:-1px;margin:14px 0 12px}.contact-channels h2 a{transition:color .2s}.contact-channels h2 a:hover{color:#2465df}.contact-channels p{line-height:1.7;margin:0;max-width:360px}.contact-phone{white-space:nowrap}@media(max-width:1000px){.contact-channels{grid-template-columns:1fr}}