<h2>H2 Title goes here</h2>
<p>
<strong>
Ut odio justo, viverra ac tortor ac malesuada efficitur tellus. Vestibulum vulputate neque ex, a dapibus ex dapibus in. Duis eget egestas sem. Phasellus odio erat, dictum eget dignissim hendrerit here’s a link in the text mollis id augue. Sed ac nibh ultricies, consequat velit a, vestibulum justo. Cras quis eleifend sem, a imperdiet leo. Quisque eget fringilla diam.
</strong>
</p>
<h3>H3 Title goes here</h3>
<p>
Curabitur scelerisque diam ac iaculis facilisis. Mauris nisi ipsum, convallis ac ultricies in, accumsan id dui. In a vestibulum diam, ac volutpat quam. Nam et dignissim nunc. Suspendisse porttitor eros vitae lectus rutrum, sed venenatis lacus finibus. Phasellus a porttitor enim. Vivamus nec vulputate justo.
</p>
<span class="supt-button ">
<button class="supt-button__link">
<span class="supt-button__title">
Read more information
</span>
</button>
<span class="supt-button__wrapper">
<span class="supt-button__inner">
<span class="supt-button__title -clone" aria-hidden="true">
Read more information
</span>
<span class="supt-button__mask">
<span class="supt-button__mask__inner"></span>
</span>
</span>
</span>
</span>
<h4>H4 Title goes here</h4>
<p>
Nunc ut felis nec quam aliquam elementum quis et arcu. Nullam iaculis, sem vitae commodo accumsan, urna libero sagittis turpis, id facilisis justo metus at ante. Proin fringilla sit amet ipsum eu vulputate. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent aliquet non lorem in lobortis. In auctor luctus faucibus. Quisque lectus sem, finibus eget sagittis ac, luctus nec mauris nunc iaculis semper.
</p>
<ul>
<li>Nulla ultrices dolor nulla Nulla ultrices dolor nulla Nulla ultrices dolor nulla Nulla ultrices dolor nulla
</li>
<li>Vitae fermentum odio facilisis eu</li>
<li>
Praesent in sapien neque
<ol>
<li>Nulla ultrices
<b>dolor</b>
nulla
</li>
<li>Vitae fermentum odio facilisis eu
<ul>
<li>Nulla ultrices dolor nulla</li>
<li>Vitae fermentum odio facilisis eu</li>
<li>Praesent in sapien neque</li>
<li>Sed ullamcorper justo a purus auctor mollis</li>
</ul>
</li>
<li>Praesent in sapien neque</li>
<li>Sed ullamcorper justo a purus auctor mollis</li>
</ol>
</li>
<li>
Sed ullamcorper justo a purus auctor mollis.
</li>
</ul>
<ol>
<li>Nulla ultrices dolor nulla</li>
<li>Vitae fermentum odio facilisis eu</li>
<li>Praesent in sapien neque</li>
<li>Sed ullamcorper justo a purus auctor mollis</li>
</ol>
<div class="supt-faq">
<details class="supt-accordion" name="faq">
<summary>
<span>How does Verisure’s alarm system work?</span>
<svg class="supt-icon-chevron " xmlns="http://www.w3.org/2000/svg" viewbox="0 0 12 10" fill="none" stroke="currentColor" stroke-width="1.5">
<path d="M1.5 2.75L5.64645 6.89645C5.84171 7.09171 6.15829 7.09171 6.35355 6.89645L10.5 2.75" stroke-linecap="round" vector-effect="non-scaling-stroke" />
</svg>
</summary>
<div class="supt-accordion__body">
<p><strong>Verisure’s alarm</strong> uses a four-step process: <em>deter</em> intruders, <em>detect</em> activity with sensors and cameras, <em>verify</em> alerts via professional monitoring, then <em>intervene</em>—for example, dispatching guards or alerting police.</p>
<p>Each step is handled quickly and efficiently by our trained professionals. <a href="https://www.verisure.com/our-service-new\">Learn more</a>.</p>
</div>
</details>
<details class="supt-accordion" name="faq">
<summary>
<span>What devices are included in the Verisure system?</span>
<svg class="supt-icon-chevron " xmlns="http://www.w3.org/2000/svg" viewbox="0 0 12 10" fill="none" stroke="currentColor" stroke-width="1.5">
<path d="M1.5 2.75L5.64645 6.89645C5.84171 7.09171 6.15829 7.09171 6.35355 6.89645L10.5 2.75" stroke-linecap="round" vector-effect="non-scaling-stroke" />
</svg>
</summary>
<div class="supt-accordion__body">
<p>The system includes: <strong>shock sensors</strong>, <strong>motion+photo detectors</strong>, <strong>smart locks</strong>, <strong>SOS buttons</strong>, and the <em>ZeroVision smoke barrier</em> <a href="https://www.verisure.com/our-service-new\">Find out more</a>.</p>
</div>
</details>
<details class="supt-accordion" name="faq">
<summary>
<span>Is technical monitoring included?</span>
<svg class="supt-icon-chevron " xmlns="http://www.w3.org/2000/svg" viewbox="0 0 12 10" fill="none" stroke="currentColor" stroke-width="1.5">
<path d="M1.5 2.75L5.64645 6.89645C5.84171 7.09171 6.15829 7.09171 6.35355 6.89645L10.5 2.75" stroke-linecap="round" vector-effect="non-scaling-stroke" />
</svg>
</summary>
<div class="supt-accordion__body">
<p><strong>Yes.</strong> Verisure offers <em>24/7 professional monitoring</em>, with agents verifying alerts in under a minute and coordinating responses—with guards, police or fire services if needed <a href="https://www.verisure.com/our-service-new\">Full details here</a>.</p>
</div>
</details>
<details class="supt-accordion" name="faq">
<summary>
<span>Can I control the system remotely?</span>
<svg class="supt-icon-chevron " xmlns="http://www.w3.org/2000/svg" viewbox="0 0 12 10" fill="none" stroke="currentColor" stroke-width="1.5">
<path d="M1.5 2.75L5.64645 6.89645C5.84171 7.09171 6.15829 7.09171 6.35355 6.89645L10.5 2.75" stroke-linecap="round" vector-effect="non-scaling-stroke" />
</svg>
</summary>
<div class="supt-accordion__body">
<p>You can manage your alarm remotely using the <strong>My Verisure app</strong> or <em>voicepad</em>, including arming/disarming, viewing cameras, and using your smart lock—all from mobile or tablet <a href="https://www.verisure.com/our-service-new\">Explore remote control</a>.</p>
</div>
</details>
</div>
<figure>
<img src="/sites/gv/files/flmngr/single-blog.webp" alt="Verisure Announces Strategic Acquisition of ADT Mexico" />
<figcaption>Caption goes here</figcaption>
</figure>
<img class="-portrait" src="/sites/gv/files/flmngr/single-blog-portrait.webp" alt="Verisure Announces Strategic Acquisition of ADT Mexico" />
<div class="supt-video">
<div class="supt-video__wrap">
<video playsinline preload="metadata" controls>
<source src="/sites/gv/files/flmngr/hero-text-media.mp4" type="video/mp4">
</video>
<span class="supt-button -icon ">
<button class="supt-button__link">
<span class="supt-button__icon">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewbox="0 0 10 10" fill="none">
<path d="M1.875 1.78957C1.875 1.00725 2.73283 0.527897 3.3991 0.937909L8.61606 4.14835C9.25059 4.53883 9.25059 5.46118 8.61605 5.85166L3.39909 9.0621C2.73282 9.47211 1.875 8.99276 1.875 8.21044L1.875 1.78957Z" fill="#ED002F" />
</svg>
</span>
</button>
<span class="supt-button__wrapper">
<span class="supt-button__inner">
<span class="supt-button__title -clone" aria-hidden="true">
</span>
<span class="supt-button__mask">
<span class="supt-button__mask__inner"></span>
</span>
</span>
</span>
</span>
</div>
<figcaption>Caption goes here</figcaption>
</div>
<blockquote>
<p>
We are excited to welcome ADT Mexico into the Verisure family. We are always highly selective on mergers and acquisitions due to our strong organic growth profile and our focus on quality intake. We regard this as a high-quality business that will accelerate our move into Mexico. This acquisition reinforces our commitment to bringing our innovative security services to more customers. We look forward to working with our new colleagues to continue delivering peace of mind to families and businesses in Mexico.
</p>
<footer>
<p>
<strong>Austin Lally</strong>
</p>
<p>Verisure’s CEO</p>
</footer>
</blockquote>
No notes defined.
<h2>H2 Title goes here</h2>
<p>
<strong>
Ut odio justo, viverra ac tortor ac malesuada efficitur tellus. Vestibulum vulputate neque ex, a dapibus ex dapibus in. Duis eget egestas sem. Phasellus odio erat, dictum eget dignissim hendrerit here’s a link in the text mollis id augue. Sed ac nibh ultricies, consequat velit a, vestibulum justo. Cras quis eleifend sem, a imperdiet leo. Quisque eget fringilla diam.
</strong>
</p>
<h3>H3 Title goes here</h3>
<p>
Curabitur scelerisque diam ac iaculis facilisis. Mauris nisi ipsum, convallis ac ultricies in, accumsan id dui. In a vestibulum diam, ac volutpat quam. Nam et dignissim nunc. Suspendisse porttitor eros vitae lectus rutrum, sed venenatis lacus finibus. Phasellus a porttitor enim. Vivamus nec vulputate justo.
</p>
{% include 'atoms/buttons/button/button.twig' with {
title: 'Read more information',
} %}
<h4>H4 Title goes here</h4>
<p>
Nunc ut felis nec quam aliquam elementum quis et arcu. Nullam iaculis, sem vitae commodo accumsan, urna libero sagittis turpis, id facilisis justo metus at ante. Proin fringilla sit amet ipsum eu vulputate. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent aliquet non lorem in lobortis. In auctor luctus faucibus. Quisque lectus sem, finibus eget sagittis ac, luctus nec mauris nunc iaculis semper.
</p>
<ul>
<li>Nulla ultrices dolor nulla Nulla ultrices dolor nulla Nulla ultrices dolor nulla Nulla ultrices dolor nulla
</li>
<li>Vitae fermentum odio facilisis eu</li>
<li>
Praesent in sapien neque
<ol>
<li>Nulla ultrices
<b>dolor</b>
nulla</li>
<li>Vitae fermentum odio facilisis eu
<ul>
<li>Nulla ultrices dolor nulla</li>
<li>Vitae fermentum odio facilisis eu</li>
<li>Praesent in sapien neque</li>
<li>Sed ullamcorper justo a purus auctor mollis</li>
</ul>
</li>
<li>Praesent in sapien neque</li>
<li>Sed ullamcorper justo a purus auctor mollis</li>
</ol>
</li>
<li>
Sed ullamcorper justo a purus auctor mollis.
</li>
</ul>
<ol>
<li>Nulla ultrices dolor nulla</li>
<li>Vitae fermentum odio facilisis eu</li>
<li>Praesent in sapien neque</li>
<li>Sed ullamcorper justo a purus auctor mollis</li>
</ol>
{% include 'molecules/faq/faq.twig' with {items: [
{
"title": "How does Verisure’s alarm system work?",
"body": "<p><strong>Verisure’s alarm</strong> uses a four-step process: <em>deter</em> intruders, <em>detect</em> activity with sensors and cameras, <em>verify</em> alerts via professional monitoring, then <em>intervene</em>—for example, dispatching guards or alerting police.</p><p>Each step is handled quickly and efficiently by our trained professionals. <a href=\"https://www.verisure.com/our-service-new\">Learn more</a>.</p>"
},
{
"title": "What devices are included in the Verisure system?",
"body": "<p>The system includes: <strong>shock sensors</strong>, <strong>motion+photo detectors</strong>, <strong>smart locks</strong>, <strong>SOS buttons</strong>, and the <em>ZeroVision smoke barrier</em> <a href=\"https://www.verisure.com/our-service-new\">Find out more</a>.</p>"
},
{
"title": "Is technical monitoring included?",
"body": "<p><strong>Yes.</strong> Verisure offers <em>24/7 professional monitoring</em>, with agents verifying alerts in under a minute and coordinating responses—with guards, police or fire services if needed <a href=\"https://www.verisure.com/our-service-new\">Full details here</a>.</p>"
},
{
"title": "Can I control the system remotely?",
"body": "<p>You can manage your alarm remotely using the <strong>My Verisure app</strong> or <em>voicepad</em>, including arming/disarming, viewing cameras, and using your smart lock—all from mobile or tablet <a href=\"https://www.verisure.com/our-service-new\">Explore remote control</a>.</p>"
}
]} only %}
<figure>
<img src="/sites/gv/files/flmngr/single-blog.webp" alt="Verisure Announces Strategic Acquisition of ADT Mexico"/>
<figcaption>Caption goes here</figcaption>
</figure>
<img class="-portrait" src="/sites/gv/files/flmngr/single-blog-portrait.webp" alt="Verisure Announces Strategic Acquisition of ADT Mexico"/>
{% include 'molecules/video/video.twig' with {src: [{src: '/sites/gv/files/flmngr/hero-text-media.mp4', type: 'video/mp4'}], caption: 'Caption goes here'} only %}
<blockquote>
<p>
We are excited to welcome ADT Mexico into the Verisure family. We are always highly selective on mergers and acquisitions due to our strong organic growth profile and our focus on quality intake. We regard this as a high-quality business that will accelerate our move into Mexico. This acquisition reinforces our commitment to bringing our innovative security services to more customers. We look forward to working with our new colleagues to continue delivering peace of mind to families and businesses in Mexico.
</p>
<footer>
<p>
<strong>Austin Lally</strong>
</p>
<p>Verisure’s CEO</p>
</footer>
</blockquote>
/* No context defined. */
%typography {
h2 {
@extend %t-h2;
}
h3 {
@extend %t-h3;
}
h4 {
@extend %t-h4;
}
p {
@extend %paragraph;
a {
color: $color-main;
font-weight: $font-weight-medium;
&:hover {
@extend %link-underline;
}
&:focus-visible {
color: $color-medium;
}
}
}
ul,
ol {
li {
@extend %paragraph;
position: relative;
margin-bottom: $spacing-2;
padding-left: calc($spacing-2 + 10px);
@media (min-width: $breakpoint-md) {
padding-left: calc($spacing-2-5 + 10px);
}
&::before {
position: absolute;
left: 0;
display: inline-block;
color: $color-grey-5;
}
> ol,
ul {
margin-top: $spacing-2;
}
}
&:is(ul) > li {
&::before {
content: '-';
}
}
&:is(ol) > li {
counter-increment: custom-counter;
&::before {
content: counter(custom-counter) '.';
}
}
}
figure {
display: flex;
flex-direction: column;
gap: $spacing-2;
@media (min-width: $breakpoint-md) {
margin-left: calc(100% / 12 - $grid-gutter-width);
margin-right: calc(100% / 12 - $grid-gutter-width);
}
figcaption {
@extend %t-body-xs;
color: $color-grey-5;
a {
@extend %link-underline;
color: $color-main;
}
}
&.-portrait {
@media (min-width: $breakpoint-md) {
margin-left: calc(100% / 12 * 2 - $grid-gutter-width);
margin-right: calc(100% / 12 * 2 - $grid-gutter-width);
}
}
}
figure img,
> img {
display: block;
width: 100%;
height: auto;
border-radius: $border-radius-brand 0px;
}
.supt-video {
video {
border-radius: $border-radius-brand 0px;
}
}
figure,
> img,
.supt-video {
/* &:not(.-portrait) {
@media (min-width: $breakpoint-md) {
margin-inline: calc(100% / 12 * -1 - $grid-gutter-width);
}
} */
&.-portrait {
@media (min-width: $breakpoint-md) {
max-width: 75%;
margin-inline: auto;
}
}
}
blockquote {
@extend: %t-body-sm;
@mixin clamp gap, $spacing-8, $spacing-10, $breakpoint-xs, $breakpoint-xl;
padding-inline: $spacing-6;
color: $color-black;
display: flex;
flex-direction: column;
&::before {
content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMCAwIDI0IDIwIiBmaWxsPSJub25lIj4KICAgIDxwYXRoCiAgICAgICAgZD0iTTQuODQ0NzIgMTkuNjAyNUMzLjUwMzExIDE5LjYwMjUgMi4zNjAyNSAxOS4xNTUzIDEuNDE2MTUgMTguMjYwOUMwLjQ3MjA1IDE3LjMxNjggMCAxNi4xOTg4IDAgMTQuOTA2OEMwIDE0LjMxMDYgMC4wNzQ1MzQxIDEzLjcxNDMgMC4yMjM2MDIgMTMuMTE4QzAuNDIyMzYgMTIuNDcyIDAuNzcwMTg2IDExLjYyNzMgMS4yNjcwOCAxMC41ODM5TDYuMjYwODcgMEgxMC43MzI5TDcuNzUxNTUgMTEuMTgwMUM5LjA0MzQ4IDEyLjE3MzkgOS42ODk0NCAxMy40MTYxIDkuNjg5NDQgMTQuOTA2OEM5LjY4OTQ0IDE2LjE5ODggOS4xOTI1NSAxNy4zMTY4IDguMTk4NzYgMTguMjYwOUM3LjI1NDY2IDE5LjE1NTMgNi4xMzY2NSAxOS42MDI1IDQuODQ0NzIgMTkuNjAyNVpNMTguMTExOCAxOS42MDI1QzE2Ljc3MDIgMTkuNjAyNSAxNS42MjczIDE5LjE1NTMgMTQuNjgzMiAxOC4yNjA5QzEzLjczOTEgMTcuMzE2OCAxMy4yNjcxIDE2LjE5ODggMTMuMjY3MSAxNC45MDY4QzEzLjI2NzEgMTQuMzEwNiAxMy4zNDE2IDEzLjcxNDMgMTMuNDkwNyAxMy4xMThDMTMuNjg5NCAxMi40NzIgMTQuMDM3MyAxMS42MjczIDE0LjUzNDIgMTAuNTgzOUwxOS41MjggMEgyNEwyMS4wMTg2IDExLjE4MDFDMjIuMzEwNiAxMi4xNzM5IDIyLjk1NjUgMTMuNDE2MSAyMi45NTY1IDE0LjkwNjhDMjIuOTU2NSAxNi4xOTg4IDIyLjQ1OTYgMTcuMzE2OCAyMS40NjU4IDE4LjI2MDlDMjAuNTIxNyAxOS4xNTUzIDE5LjQwMzcgMTkuNjAyNSAxOC4xMTE4IDE5LjYwMjVaIgogICAgICAgIGZpbGw9IiNFRDAwMkYiIC8+Cjwvc3ZnPg==');
display: block;
@mixin clamp width, 24, 32, $breakpoint-xs, $breakpoint-xl;
height: auto;
fill: $color-main;
}
> p {
font-weight: $font-weight-medium;
}
footer {
display: flex;
flex-direction: column;
img {
width: 40px;
}
}
}
/* ====================
* SPACINGS
* ==================== */
> * {
@mixin clamp margin-top, $spacing-8, $spacing-16, $breakpoint-xs, $breakpoint-xl;
&:first-child {
margin-top: 0;
}
&:is(p, ul, ol, .supt-button) {
+ p,
+ ul,
+ ol,
+ .supt-button {
@mixin clamp margin-top, $spacing-6, $spacing-8, $breakpoint-xs, $breakpoint-xl;
}
}
&:is(h2, h3, h4, h5, h6) {
+ * {
@mixin clamp margin-top, $spacing-2, $spacing-4, $breakpoint-xs, $breakpoint-xl;
}
}
}
}
.supt-typography {
@extend %typography;
}