:root{--blue:#1717ff;--ink:#17191c;--muted:#666a73;--line:#dedee4;--paper:#f7f7fa;--pad:clamp(24px,5vw,88px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:6px}::selection{background:var(--blue);color:white}.header{position:sticky;top:0;z-index:10;background:#fff;height:106px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand-icon{display:block;width:40px;height:44px;position:relative;overflow:hidden}.brand-icon img{position:absolute;width:51px;max-width:none;left:-6px;top:-3px}.wordmark{position:relative;display:block;width:221px;height:40px;overflow:hidden}.wordmark img{position:absolute;width:248px;max-width:none;left:-13px;top:-24px}nav{display:flex;gap:36px;align-items:center;font-size:13px}nav a{padding:12px 0}nav a:hover,.text-link:hover,.footer-column a:hover{color:var(--blue)}.nav-contact{border-bottom:0}.nav-contact span{margin-left:27px}.menu-toggle{display:none}.hero{position:relative;padding:80px var(--pad) 0;min-height:740px;overflow:hidden}.hero-copy{position:relative;z-index:2;width:61%;padding-bottom:85px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.8px;text-transform:uppercase;margin:0 0 30px;line-height:1.5}.blue-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--blue);vertical-align:middle;margin-right:9px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(58px,6.3vw,96px);font-weight:400;letter-spacing:-5px;line-height:1.04;margin-bottom:28px}em{font-family:inherit;font-style:normal;font-weight:inherit;color:var(--blue)}.hero-description{max-width:560px;font-size:15px;line-height:1.8;color:var(--muted);margin-bottom:28px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:19px 23px;background:var(--blue);color:white;font-size:12px;transition:background .2s,transform .2s}.button:hover{background:#0303bb;transform:translateY(-2px)}.button span[aria-hidden]{font-size:20px;line-height:1}.hero-art{transform:scale(.72);transform-origin:center;position:absolute;right:var(--pad);top:74px;width:40vw;height:40vw;max-width:590px;max-height:590px;aspect-ratio:1;display:grid;place-items:center}.hero-art>img{position:relative;width:90%;z-index:1}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#ececf2 1px,transparent 1px),linear-gradient(90deg,#ececf2 1px,transparent 1px);background-size:12.5% 12.5%;background-position:-.5px -.5px;mask-image:radial-gradient(circle,#000 20%,transparent 70%)}.orbit{position:absolute;border:1px solid #e5e5ee;border-radius:50%}.orbit-one{width:88%;height:88%}.orbit-two{width:65%;height:65%}.axis{position:absolute;font-size:9px;color:#8c8f99;letter-spacing:1px}.axis-n{top:1%;left:50%}.axis-s{bottom:1%;left:50%}.axis-e{right:1%;top:50%}.axis-w{left:1%;top:50%}.cross{position:absolute;font:17px monospace;color:#b6b9c4}.cross-one{top:9%;left:9%}.cross-two{bottom:9%;right:9%}.section{padding:94px var(--pad)}h2{font-size:clamp(36px,3.8vw,58px);font-weight:400;letter-spacing:-2px;line-height:1.14;margin-bottom:0}.section-heading{display:flex;justify-content:space-between;gap:55px;align-items:end;margin-bottom:54px}.section-heading>p{max-width:330px;font-size:14px;color:var(--muted);line-height:1.8;margin-bottom:6px}.companies{background:var(--paper)}.company-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.company-card{padding:40px 38px 0;background:white;border:1px solid #e7e7ec;display:flex;flex-direction:column;transition:border-color .2s}.company-card:hover{border-color:#b5b5ff}.company-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:55px;height:47px;gap:20px}.company-logo{max-width:180px;max-height:47px;object-fit:contain;object-position:left}.company-number{font-size:11px;color:#91949d}.company-category{font-size:9px;letter-spacing:1.25px;text-transform:uppercase;margin-bottom:19px}.company-card h3{font-size:39px;line-height:1.12;letter-spacing:-1.5px;font-weight:400;margin-bottom:20px}.company-card>p{text-wrap:balance;font-size:14px;color:var(--muted);line-height:1.8;max-width:370px;margin-bottom:25px}.about{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-top:115px;padding-bottom:115px}.about-body{padding-top:41px}.about-body .lead{font-size:24px;line-height:1.45;color:var(--ink);letter-spacing:-.4px}.about-body p,.foundation-content p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted);max-width:500px}.text-link{display:inline-flex;gap:25px;align-items:center;border-bottom:1px solid #bcbec9;padding:12px 0;font-size:12px}.text-link span[aria-hidden]{font-size:20px;color:var(--blue)}.foundation{background:#f1f1f8;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.foundation-mark{height:300px;display:flex;align-items:center;justify-content:center;padding:15px}.foundation-mark>span{width:112px;height:112px;flex-shrink:0;display:grid;place-items:center;border:1px solid #bcbcf4;border-radius:50%;color:var(--blue);font-size:22px;letter-spacing:-1px;background:#f7f7ff}.foundation-mark>span:first-child{font:italic 62px Georgia,serif}.foundation-lines{height:90px;flex:1;max-width:190px;display:flex;flex-direction:column;justify-content:space-around;position:relative}.foundation-lines i{display:block;height:1px;background:#bbbbf3}.foundation-lines:after{content:'+';position:absolute;background:#f1f1f8;border:1px solid #bcbcf4;width:37px;height:37px;display:grid;place-items:center;left:50%;top:50%;transform:translate(-50%,-50%);font-weight:300;color:var(--blue);border-radius:50%}.foundation-content h2{margin-bottom:25px}.foundation-content .eyebrow{margin-bottom:25px}.approach{padding-top:108px;padding-bottom:108px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.principles article{border-top:1px solid var(--line);padding-top:24px}.principles h3{font-size:20px;letter-spacing:-.5px;font-weight:400;margin-bottom:16px}.principles p{text-wrap:balance;font-size:13px;color:var(--muted);line-height:1.9;margin:0}.connect{background:var(--blue);color:white;padding-top:75px;padding-bottom:80px}.connect .eyebrow{color:#d1d1ff}.connect-content{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:end}.connect h2{font-size:clamp(42px,4.8vw,72px)}.connect em{color:#d0d0ff}.connect-content p{color:#e0e0ff;font-size:14px;line-height:1.8;max-width:380px;margin-bottom:25px}.button-light{background:white;color:var(--blue);gap:28px}.button-light:hover{background:#e6e6ff}.connect a:focus-visible{outline-color:white}.footer{padding:65px var(--pad) 0}.footer-top{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:45px;padding-bottom:65px}.footer-top>div>p{font-size:12px;color:var(--muted);margin-top:16px}.footer-column{display:flex;flex-direction:column;gap:13px;font-size:12px}.footer-column h2{font-family:Arial,sans-serif;font-size:9px;text-transform:uppercase;letter-spacing:1.5px;margin:0 0 10px;color:var(--muted)}.footer-bottom{border-top:1px solid var(--line);padding:24px 0;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:20px;background:white;padding:14px;z-index:20}.skip-link:focus{top:15px}
@media(min-width:1600px){body{max-width:1800px;margin:auto}.hero-art{width:570px;height:570px}.hero{min-height:820px}}
@media(max-width:1000px){nav{gap:20px}.header .brand{gap:5px}.header .wordmark{width:183px}.header .wordmark img{width:206px;left:-11px;top:-17px}h1{letter-spacing:-3px}.hero{min-height:650px;padding-top:65px}.hero-art{top:125px}.hero-copy{width:64%;padding-bottom:65px}.company-card{padding:30px 26px 0}.about,.foundation{gap:40px}.connect-content{gap:40px}.foundation-mark>span{width:90px;height:90px}.company-card h3{font-size:34px}.section{padding-top:75px;padding-bottom:75px}}
@media(max-width:700px){html{scroll-padding-top:75px}.header{height:82px}.header .wordmark{width:173px}.header .wordmark img{width:194px;top:-15px}.brand-icon{width:33px;height:38px}.brand-icon img{width:44px;left:-5px}.menu-toggle{display:flex;align-items:center;gap:15px;background:none;border:0;padding:10px 0;font-size:12px;cursor:pointer}.menu-toggle span{font-size:24px;font-weight:300}nav{display:none;position:absolute;top:81px;left:0;right:0;padding:20px var(--pad);background:white;border-bottom:1px solid var(--line);box-shadow:0 12px 15px #00000008}nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:8px}.nav-contact{border-bottom:0}.hero{padding-top:45px;min-height:auto}.hero-copy{width:100%;padding-bottom:24px}.eyebrow{font-size:9px;margin-bottom:24px}h1{font-size:clamp(49px,9.7vw,68px);letter-spacing:-2.8px}.hero-description{font-size:14px;max-width:370px}.hero-art{position:relative;top:auto;right:auto;width:73vw;height:73vw;margin:0 auto 60px;max-width:390px;max-height:390px}.hero-art>img{width:88%}.section{padding:62px var(--pad)}.section-heading{display:block;margin-bottom:32px}h2{font-size:37px;letter-spacing:-1.5px}.section-heading>p{margin-top:22px;max-width:400px;font-size:13px}.company-grid{grid-template-columns:1fr;gap:18px}.company-top{margin-bottom:35px}.company-card{padding:30px 25px 0}.company-card h3{font-size:36px}.company-card>p{font-size:14px}.about,.foundation{grid-template-columns:1fr;gap:0}.about-body{padding-top:30px}.about-body .lead{font-size:22px}.foundation-mark{height:175px;max-width:340px;width:100%;margin:0 auto 42px}.foundation-mark>span{width:95px;height:95px}.principles{grid-template-columns:1fr;gap:30px}.principles h3{font-size:22px}.principles p{max-width:450px}.connect-content{grid-template-columns:1fr;gap:30px}.connect h2{font-size:46px}.button-light{font-size:11px;padding:18px;gap:20px}.footer{padding-top:45px}.footer-top{grid-template-columns:1fr 1fr;gap:35px;padding-bottom:45px}.footer-top>div:first-child{grid-column:1/-1}.footer-bottom{font-size:9px;gap:20px}.footer .wordmark{width:200px}.footer .wordmark img{width:225px;top:-20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Keep the hero headline on two balanced lines at every viewport. */
.hero h1{font-size:clamp(32px,4.8vw,76px);letter-spacing:-.045em;line-height:1.1}.hero-title-line{display:block;white-space:nowrap}
@media(max-width:700px){.hero h1{font-size:clamp(24px,7.5vw,52px)}}



@media(min-width:701px){.hero-art{transform:translateY(-40px) scale(.72)}}

.legal-page{max-width:900px;margin:0 auto;padding:75px var(--pad) 95px}.legal-page h1{font-size:clamp(38px,5vw,64px);letter-spacing:-2px;margin:30px 0 20px}.legal-page h2{font-size:24px;letter-spacing:-.5px;margin:34px 0 14px}.legal-page p,.legal-page li{font-size:15px;line-height:1.85;color:var(--muted)}.legal-page a{color:var(--blue);text-decoration:underline;text-underline-offset:4px}.legal-date{font-size:12px!important}.legal-note{padding:16px 20px;background:var(--paper);border-left:3px solid var(--blue)}
@media(min-width:701px) and (max-width:1000px){.footer-top{grid-template-columns:1.4fr 1fr;gap:35px}}

@media(min-width:701px){.hero-copy{top:30px}}

/* End the desktop hero at the first viewport, without an extra scroll gap. */
@media(min-width:701px){.hero{min-height:calc(100svh - 106px)}}

.about-body .lead{text-wrap:balance}

.about-body p:not(.lead){text-wrap:balance}

/* Share the three-column alignment of the principles above. */
@media(min-width:701px){.connect-content{grid-template-columns:repeat(3,minmax(0,1fr));gap:45px}.connect-content>h2{grid-column:span 2}.connect-content>div{grid-column:3}}

.company-card>p{max-width:none}

@media(min-width:701px){.company-card h3{font-size:clamp(20px,2.3vw,39px);letter-spacing:-.045em;white-space:nowrap}}

.company-top{justify-content:flex-start;gap:16px}.company-name{font-size:28px;font-weight:500;letter-spacing:-1px;line-height:1.1}

.company-card{padding-bottom:36px;transition:border-color .2s,box-shadow .2s}.company-card>p{margin-bottom:0}.company-arrow{margin-left:auto;color:var(--blue);width:24px;height:24px;flex-shrink:0;transition:transform .2s}.company-card:hover{border-color:var(--blue);box-shadow:0 8px 24px #1717ff08}.company-card:hover .company-arrow{transform:translate(3px,-3px)}.company-card:focus-visible{outline:3px solid var(--blue);outline-offset:4px}@media(prefers-reduced-motion:reduce){.company-card,.company-arrow{transition:none}.company-card:hover .company-arrow{transform:none}}

/* About: a shared foundation, expressed through the portfolio. */
.about{grid-template-columns:1fr 1fr;gap:48px 70px;padding-top:88px;padding-bottom:88px;align-items:stretch}
.about-visual{position:relative;isolation:isolate;min-height:0;overflow:visible;background:transparent;border:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 28px}


.group-parent{display:flex;align-items:center;gap:9px;background:#f4f4f6;border:1px solid #e5e5e9;padding:15px 23px;font-size:24px;letter-spacing:-1px;box-shadow:0 8px 24px #19191c08;z-index:1}
.group-parent b{font-weight:400;color:var(--blue)}
.group-mark{position:relative;width:29px;height:33px;overflow:hidden;display:block}
.group-mark img{position:absolute;width:38px;max-width:none;left:-5px;top:-2px}
.group-connections{width:100%;height:90px;min-height:90px;overflow:visible;flex:1}
.connection-track{fill:none;stroke:#c7c7ed;stroke-width:1.4;vector-effect:non-scaling-stroke}
.connection-pulse{fill:none;stroke:var(--blue);stroke-width:1.7;stroke-dasharray:12 450;animation:connection-flow 9s linear infinite;vector-effect:non-scaling-stroke}
.group-companies{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:24px;z-index:1}
.group-company{width:180px;max-width:100%;justify-self:center;justify-content:center;display:grid;grid-template-columns:34px auto;align-items:center;gap:6px 10px;padding:18px 14px;background:#f4f4f6;border:1px solid #e5e5e9;box-shadow:0 8px 24px #19191c08}
.group-company img{width:34px;height:34px;object-fit:contain}
.company-logo[src$="tocova.png"],.group-company img[src$="tocova.png"]{mix-blend-mode:multiply}
.group-company strong{font-size:21px;font-weight:400;letter-spacing:-.6px}



.about-body{padding-top:0}
.about-body .lead{font-size:clamp(22px,1.8vw,29px);line-height:1.4;margin-bottom:24px;max-width:550px}
.about-body p:not(.lead){max-width:none;font-size:14px;line-height:1.85;text-wrap:pretty;margin-bottom:18px}
/* Match the text column to the portfolio card above, keeping natural word spacing. */
@media(min-width:1001px){.about{column-gap:24px}.about-body p:not(.lead){width:100%;margin-left:0;text-align:left;text-wrap:wrap}}
.about-body p:last-child{margin-bottom:0}
@keyframes connection-flow{to{stroke-dashoffset:-462}}
@media(max-width:1000px){.about{gap:32px}.group-parent{font-size:21px}.group-company{grid-template-columns:1fr;text-align:center;justify-items:center;padding:15px 8px}.group-company img{grid-row:auto}.about-visual{padding:0 18px;min-height:0}}
@media(max-width:700px){.about{grid-template-columns:1fr;padding-top:62px;padding-bottom:62px;gap:30px}.about-visual{min-height:240px;padding:0 18px}.group-connections{flex:0 0 90px}.group-company{grid-template-columns:30px auto;text-align:left;justify-items:start}.group-company img{width:30px;height:30px}.group-company strong{font-size:19px}.group-companies{gap:12px}.about-body{padding-top:0}}
@media(prefers-reduced-motion:reduce){.connection-pulse{animation:none}}

/* Keep the group diagram within the height of its adjacent copy. */
@media (min-width:701px){.about-visual{contain:size}.group-connections{height:0;min-height:0;flex:1 1 0}.group-parent,.group-companies{flex-shrink:0}}

/* Keep the organization diagram compact beside the about copy. */
.about-visual{align-self:center;contain:none}
.group-connections{height:90px;min-height:90px;flex:0 0 90px}
.group-parent,.group-companies{flex-shrink:0}

/* Align the Tocova box with the section heading below, keeping its connectors attached. */
@media(min-width:1001px){.about-visual{transform:translateX(calc(82px - 25%))}}

/* Compact organization diagram, independent of adjacent copy height. */
.about-visual{align-self:center;contain:none}
.group-connections{height:90px;min-height:90px;max-height:90px;flex:0 0 90px}
.group-parent,.group-companies{flex-shrink:0}

/* Keep the diagram compact instead of stretching its connector lines. */
.about-visual{align-self:center;contain:none}
.group-connections{height:90px;min-height:90px;max-height:90px;flex:0 0 90px}
.group-parent,.group-companies{flex-shrink:0}

/* Northfort Private Cloud: the portfolio's internal infrastructure platform. */
.private-cloud{background:var(--paper);border-top:1px solid #e9e9ef;border-bottom:1px solid #e9e9ef}
.cloud-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.cloud-copy .eyebrow{margin-bottom:26px}
.cloud-description{max-width:540px;margin:28px 0 22px;font-size:14px;line-height:1.85;color:var(--muted);text-wrap:balance}
.cloud-purpose{font-size:12px;margin:0;color:var(--blue)}
.cloud-platform{background:white;border:1px solid var(--line);padding:60px;box-shadow:0 16px 40px #17191c04}
.cloud-platform-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}
.cloud-private-label{color:var(--blue);letter-spacing:.5px}
.cloud-platform-name{display:flex;gap:14px;align-items:center;justify-content:center;padding:0;margin:0 0 30px;font-size:24px;letter-spacing:-.8px}
.cloud-platform-name b{font-weight:400;color:var(--blue)}
.cloud-resources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);background:var(--paper)}
.cloud-resources span{text-align:center;font-size:12px;padding:19px 8px}
.cloud-resources span+span{border-left:1px solid var(--line)}
.cloud-portfolio{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px;padding-top:26px;border-top:1px solid var(--line)}
.cloud-portfolio>span{display:flex;align-items:center;justify-content:center;gap:11px;font-size:20px;letter-spacing:-.5px}
.cloud-portfolio img{height:30px;width:30px;object-fit:contain;mix-blend-mode:multiply}
.cloud-platform>p{text-align:center;font-size:11px;color:var(--muted);margin:28px 0 0;line-height:1.5}
.cloud-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;margin-top:64px}
.cloud-features article{padding-top:22px;border-top:1px solid var(--line)}
.cloud-feature-number{font-size:10px;color:var(--blue)}
.cloud-features h3{font-size:20px;font-weight:400;letter-spacing:-.5px;margin:16px 0 14px}
.cloud-features p{font-size:13px;line-height:1.9;color:var(--muted);margin:0}
@media(min-width:701px) and (max-width:1000px){nav{gap:16px;font-size:12px}.cloud-intro{gap:32px}.cloud-platform{padding:22px}.cloud-platform-name{font-size:20px;gap:10px}.cloud-platform-heading{font-size:8px}}
@media(max-width:700px){.cloud-intro{grid-template-columns:1fr;gap:35px}.cloud-platform{padding:24px}.cloud-platform-name{font-size:22px;gap:10px}.cloud-description{margin-top:24px}.cloud-features{grid-template-columns:1fr;gap:28px;margin-top:40px}.cloud-platform-heading{font-size:8px;letter-spacing:.5px}}

@media(max-width:700px){.about>*{min-width:0}.group-companies{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Match the platform panel to the adjacent heading and supporting copy. */
@media(min-width:701px){.cloud-intro{align-items:stretch}.cloud-description{margin-bottom:0}.cloud-platform{display:flex;flex-direction:column;justify-content:center}.cloud-platform-name,.cloud-resources{flex-shrink:0}}

@media(min-width:1280px){.cloud-description{text-wrap:wrap}.cloud-description-line{display:block}}

/* Give the footer consistent columns, heading offsets, and link rows. */
.footer-top{align-items:start}
.footer-column{gap:0;align-items:flex-start}
.footer-column h2{line-height:20px;margin:0 0 12px}
.footer-column a{display:block;line-height:28px}
.footer-top>div>p{margin-bottom:0;line-height:1.6}
.footer-bottom{align-items:center}
@media(min-width:1001px){.footer-top{grid-template-columns:minmax(0,1fr) repeat(3,max-content);gap:clamp(40px,6vw,96px)}.footer-column{justify-self:end}}

/* Responsive safeguards for narrow screens, tablets, and enlarged text. */
.company-grid>*,.about>*,.cloud-intro>*,.cloud-features>*,.principles>*,.connect-content>*,.footer-top>*{min-width:0}
@media(max-width:1000px){
  .header{gap:18px}
  .menu-toggle{display:flex;align-items:center;gap:15px;background:none;border:0;padding:10px 0;min-height:44px;font-size:12px;cursor:pointer;flex-shrink:0}
  .menu-toggle span{font-size:24px;font-weight:300}
  nav{display:none;position:absolute;top:100%;left:0;right:0;padding:20px var(--pad);background:white;border-bottom:1px solid var(--line);box-shadow:0 12px 15px #00000008;max-height:calc(100dvh - 82px);overflow-y:auto}
  nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:8px}
  nav a{min-height:44px}
  .company-card h3{white-space:normal}
  .cloud-platform-name>span:last-child{min-width:0}
}
@media(min-width:701px) and (max-width:1000px){.hero-copy{width:58%}.hero-description{max-width:100%}.cloud-features,.principles{gap:24px}}
@media(max-width:700px){.footer-column a{min-height:44px;line-height:1.5;padding:10px 0}.footer-bottom{flex-wrap:wrap;row-gap:16px}.cloud-description-line{display:inline}}
@media(max-width:380px){.header{gap:10px}.header .wordmark{width:155px}.header .wordmark img{width:175px;top:-12px}.group-parent{font-size:19px;padding:15px}.group-company{grid-template-columns:1fr;justify-items:center;text-align:center}.cloud-platform-name{font-size:20px;gap:8px}.cloud-platform{padding:24px}.button{gap:24px}.footer-top{column-gap:20px}}
@media(max-height:600px) and (min-width:701px){.hero{min-height:600px}}
@media(max-width:319px){.header .wordmark{width:120px}.header .wordmark img{width:140px;top:-8px}.company-top{gap:10px}.company-name{font-size:24px}.company-arrow{width:20px;height:20px}.footer .wordmark{width:170px}.footer .wordmark img{width:194px;top:-15px}.footer-top{grid-template-columns:1fr}.footer-top>div:first-child{grid-column:auto}}

@media(min-width:701px) and (max-width:1000px){nav{max-height:calc(100dvh - 106px)}.footer-column a{min-height:44px;line-height:1.5;padding:10px 0}}

/* Keep anchor destinations clear of the sticky header and links easy to tap. */
html{scroll-padding-top:122px}
main:focus{outline:none}
.footer-bottom a{display:inline-flex;align-items:center;min-height:44px;padding:8px 0}
.legal-page{overflow-wrap:anywhere}
.cloud-platform-name .group-mark{flex-shrink:0}
.cloud-platform-name>span:last-child{text-align:center}
@media(max-width:700px){html{scroll-padding-top:98px}}
@supports not (height:100dvh){nav{max-height:calc(100vh - 106px)}@media(max-width:700px){nav{max-height:calc(100vh - 82px)}}}