/* Multi-page additions. Tokens and components come from styles.css, brand.css and preview.css. */
.identity-link{color:inherit}
.identity-link:hover{color:inherit;text-decoration:underline;text-underline-offset:4px}
.home-next{border-top:1px solid var(--line);padding-block:72px;display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap}
.home-next .eyebrow{color:#596d83;margin-bottom:15px}
.home-next h2{font-size:clamp(28px,3vw,36px);line-height:1.15}
.home-next-links{display:flex;gap:32px;flex-wrap:wrap}
.product-page{padding-top:72px;padding-bottom:88px}
.back-link{display:inline-flex;margin-bottom:28px}
.page-heading{margin-bottom:39px}
.page-heading .eyebrow{color:#667c94;margin-bottom:15px}
.page-heading h1{font-size:clamp(35px,3.6vw,48px);line-height:1.13;letter-spacing:-.04em}
.product-page .utility-card,.product-page .app-card{max-width:588px;width:100%;margin-inline:auto}
.about-intro h1{font-size:3.0625rem;line-height:1.17;letter-spacing:-.04em}
.about-intro h1 span{color:#7d8fa2}
.support-section h1{font-size:2.625rem;line-height:1.13;letter-spacing:-.04em}
.support-section .eyebrow{color:#63758b;margin-bottom:20px}
@media(max-width:1100px){.about-intro h1{font-size:2.6875rem}}
@media(max-width:800px){.about-intro h1{font-size:2.25rem}.support-section h1{font-size:2.0625rem}}
@media(max-width:600px){.about-intro h1{font-size:2.3125rem}.support-section h1{font-size:2.25rem}.home-next{padding-block:53px}.product-page{padding-top:52px}}

/* Stop the 1px phone-width spill from creating sideways page scroll (clip, so the sticky header still works). */
body{overflow-x:clip}
.intro-section{padding-block:72px;display:grid;grid-template-columns:1fr 2fr;gap:48px;align-items:center}
.intro-section .eyebrow{color:#596d83;margin-bottom:15px}
.intro-section h2{font-size:clamp(28px,3vw,36px);line-height:1.15}
.intro-video{display:block;width:100%;height:auto;border-radius:22px;background:#fff;border:1px solid var(--line)}
@media(max-width:800px){.intro-section{grid-template-columns:1fr;gap:28px;padding-block:56px}}

/* ---------------------------------------------------------------------------
   Focus Four homepage card. No approved capture exists for this product, so
   its board is drawn in CSS rather than shown as a screenshot.
   --------------------------------------------------------------------------- */
.app-grid-single{grid-template-columns:minmax(0,1fr)}
.focus-icon{display:grid;grid-template-columns:1fr 1fr;gap:3px;width:39px;height:39px;padding:8px;border-radius:10px;background:#e3edfb;flex-shrink:0}
.focus-icon i{border-radius:2px;background:#0763ed}
.focus-icon i:nth-child(2){background:#00a995}
.focus-icon i:nth-child(3){background:#7d8fa2}
.focus-icon i:nth-child(4){background:#c3ced9}
.focus-card{background:#f1f7fc}
.focus-visual{display:flex;justify-content:center;align-items:flex-start;flex:1;min-height:290px;margin-top:24px;padding:0 34px 32px}
.focus-board{width:100%;max-width:420px;background:#fff;border:1px solid #e1e8ef;border-radius:16px;padding:16px 18px 14px;box-shadow:0 15px 35px #08244310}
.focus-board-top{display:flex;justify-content:space-between;align-items:center;font-size:0.6875rem;letter-spacing:.14em;font-weight:650;color:#7d8fa2}
.focus-levels{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px}
.focus-levels li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 12px;border-radius:9px;background:#f7f9fb;border-left:3px solid var(--level)}
.focus-levels b{font-size:0.875rem;font-weight:650;letter-spacing:-.02em}
.focus-levels span{font-size:0.75rem;color:var(--muted);text-align:right}
.focus-board>p{margin-top:13px;font-size:0.75rem;color:#7d8fa2;text-align:center}
@media(max-width:600px){.focus-visual{padding:0 18px 26px;min-height:0}.focus-levels span{display:none}}

/* ---------------------------------------------------------------------------
   Products index
   --------------------------------------------------------------------------- */
.products-index{padding-top:72px;padding-bottom:88px}
.index-heading{max-width:760px;margin-bottom:0}
.index-lead{font-size:1.0625rem;color:var(--muted);margin-top:22px;max-width:620px}
.index-group{padding-top:64px}
.index-group-heading{border-top:1px solid var(--line);padding-top:30px;max-width:640px}
.index-group-heading .eyebrow{color:#667c94;margin-bottom:13px}
.index-group-heading h2{font-size:clamp(26px,2.6vw,33px);line-height:1.15}
.index-group-heading>p{font-size:0.9375rem;color:var(--muted);margin-top:15px}
.index-list{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.index-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:26px 24px}
.index-card .product-category{margin-top:0}
.index-card h3{font-size:1.375rem;margin-top:11px}
.index-tagline{font-size:0.9375rem;font-weight:550;color:var(--blue);margin-top:9px;letter-spacing:-.01em}
.index-description{font-size:0.875rem;color:var(--muted);margin-top:12px}
.index-chips{list-style:none;display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 0;padding:0}
.index-chips li{font-size:0.6875rem;color:#4a5e75;background:#fff;border:1px solid #dde4ec;border-radius:30px;padding:5px 11px}
.index-actions{margin-top:auto;padding-top:22px;display:flex;flex-direction:column;gap:11px;align-items:flex-start}
.index-visit{font-size:0.8125rem;color:var(--muted)}
.index-visit:hover{color:var(--blue)}
.index-footer{margin-top:80px;border-top:1px solid var(--line);padding-top:56px;display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap}
.index-footer .eyebrow{color:#596d83;margin-bottom:15px}
.index-footer h2{font-size:clamp(26px,2.8vw,34px);line-height:1.15}
@media(max-width:980px){.index-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.products-index{padding-top:52px;padding-bottom:60px}.index-list{grid-template-columns:minmax(0,1fr);gap:16px}.index-group{padding-top:46px}.index-card{padding:22px 20px}.index-footer{margin-top:56px;padding-top:44px}}

/* ---------------------------------------------------------------------------
   Product detail pages
   --------------------------------------------------------------------------- */
.product-detail{display:block}
.product-hero{padding-top:52px;padding-bottom:16px}
.product-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.product-hero-copy{min-width:0}
.product-hero-copy .eyebrow{color:#667c94;margin-bottom:17px}
.product-hero-copy h1{font-size:clamp(38px,4.4vw,58px);line-height:1.08;letter-spacing:-.045em}
.product-hero-tagline{font-size:1.3125rem;font-weight:600;letter-spacing:-.025em;color:var(--blue);margin-top:18px;line-height:1.3}
.product-hero-body{font-size:1rem;color:var(--muted);margin-top:18px}
.product-hero-actions{display:flex;align-items:center;gap:26px;margin-top:30px;flex-wrap:wrap}
.product-chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 0;padding:0}
.product-chips li{font-size:0.75rem;color:#44596f;background:var(--surface);border:1px solid var(--line);border-radius:30px;padding:7px 13px}
.product-hero-media{min-width:0;display:flex;justify-content:center}

.product-browser{width:100%;max-width:560px}
.product-browser img{width:100%;height:auto}
.product-browser figcaption{font-size:0.75rem;color:#7d8fa2;padding:11px 14px;border-top:1px solid #eef1f5;background:#fff}

.product-stage{position:relative;width:100%;max-width:470px;height:430px;isolation:isolate;overflow:hidden}
.product-stage img{position:absolute;max-width:none;object-fit:contain;border-radius:24px;filter:drop-shadow(0 15px 28px #2734421f)}
.product-stage .primary-phone{width:232px;top:0;left:9%;transform:rotate(-5deg);z-index:2}
.product-stage .secondary-phone{width:196px;top:58px;left:48%;transform:rotate(8deg);z-index:1;opacity:.95}
.product-stage:after{content:"";position:absolute;inset:auto 0 0;height:70px;background:linear-gradient(transparent,#fff 86%);z-index:3}
.product-stage figcaption{position:absolute;bottom:0;left:0;right:0;z-index:4;text-align:center;font-size:0.75rem;color:#8b99a9}

.product-quote{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:26px 26px 22px}
.product-quote-top{display:flex;justify-content:space-between;align-items:center;font-size:0.6875rem;letter-spacing:.14em;font-weight:650;color:#7d8fa2}
.product-quote-lines{display:grid;gap:9px;margin-top:20px}
.product-quote-lines span{font-size:1.375rem;font-weight:650;letter-spacing:-.03em;padding-bottom:9px;border-bottom:1px solid #e0e7ee}
.product-quote-lines span:first-child{color:var(--blue)}
.product-quote-lines span:last-child{border-bottom:0;padding-bottom:0;color:#8b99a9}
.product-quote>p{margin-top:16px;font-size:0.8125rem;color:var(--muted)}

.product-section{padding-top:68px}
.product-section .section-heading.stacked{display:block;margin-bottom:34px;max-width:680px}
.product-section .section-heading.stacked .eyebrow{color:#667c94;margin-bottom:14px}
.product-section .section-heading.stacked h2{font-size:clamp(27px,2.8vw,36px);line-height:1.14}
.product-section .section-heading.stacked>p{font-size:0.9375rem;color:var(--muted);margin-top:16px;padding-bottom:0}

.feature-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:20px;overflow:hidden}
.feature-list li{background:#fff;padding:27px 25px 29px}
.feature-list h3{font-size:1.0625rem;letter-spacing:-.025em}
.feature-list p{font-size:0.875rem;color:var(--muted);margin-top:10px}

.concept-list,.steps-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:22px}
.concept-list li,.steps-list li{border-top:2px solid var(--ink);padding-top:19px}
.concept-section .concept-list li:nth-child(1){border-top-color:var(--blue)}
.concept-section .concept-list li:nth-child(2){border-top-color:var(--teal)}
.concept-section .concept-list li:nth-child(3){border-top-color:#7d8fa2}
.concept-section .concept-list li:nth-child(4){border-top-color:#c3ced9}
.concept-number,.step-number{display:block;font-size:0.75rem;font-weight:650;letter-spacing:.1em;color:#9aa8b8}
.concept-list h3,.steps-list h3{font-size:1.125rem;margin-top:12px;letter-spacing:-.025em}
.concept-list p,.steps-list p{font-size:0.875rem;color:var(--muted);margin-top:10px}

.audience-section{padding-top:72px}
.audience-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:48px;background:var(--surface);border-radius:var(--radius);padding:46px 44px}
.audience-grid .eyebrow{color:#667c94;margin-bottom:14px}
.audience-grid h2{font-size:clamp(25px,2.5vw,32px);line-height:1.15}
.audience-copy{display:grid;gap:17px}
.audience-copy p{font-size:1rem;color:#43566c}

.privacy-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:20px}
.privacy-list li{border:1px solid var(--line);border-radius:18px;padding:24px 23px}
.privacy-list h3{font-size:1rem;letter-spacing:-.02em}
.privacy-list p{font-size:0.875rem;color:var(--muted);margin-top:9px}
.product-notes{margin-top:26px;border-left:3px solid #dce3eb;padding:4px 0 4px 20px}
.notes-label{font-size:0.6875rem;text-transform:uppercase;letter-spacing:.14em;font-weight:650;color:#8b99a9}
.product-notes ul{margin:12px 0 0;padding-left:19px;display:grid;gap:9px}
.product-notes li{font-size:0.8125rem;color:var(--muted);line-height:1.6}

.faq-list{display:grid;gap:1px;background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.faq-list details{background:#fff}
.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:20px;cursor:pointer;padding:21px 2px;font-size:1rem;font-weight:550;letter-spacing:-.02em;list-style:none}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:hover{color:var(--blue)}
.faq-list summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:5px}
.faq-marker{position:relative;width:13px;height:13px;flex-shrink:0}
.faq-marker:before,.faq-marker:after{content:"";position:absolute;background:#8b99a9;border-radius:2px;transition:transform .2s}
.faq-marker:before{inset:5px 0;height:2px}
.faq-marker:after{inset:0 5px;width:2px}
.faq-list details[open] .faq-marker:after{transform:scaleY(0)}
.faq-list details>p{font-size:0.9375rem;color:var(--muted);padding:0 44px 24px 2px;max-width:760px}

.explore-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;border-top:1px solid var(--line);padding-top:52px}
.explore-grid .eyebrow{color:#667c94;margin-bottom:14px}
.explore-grid h2{font-size:clamp(25px,2.6vw,33px);line-height:1.14;margin-bottom:28px}
.explore-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.explore-list a{display:flex;justify-content:space-between;align-items:center;gap:14px;background:#fff;padding:18px 19px;height:100%;font-size:0.875rem;font-weight:500}
.explore-list a:hover{background:#f8fafc}

.related-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.related-list li{border:1px solid var(--line);border-radius:20px;padding:25px 23px;display:flex;flex-direction:column}
.related-list .product-category{margin-top:0}
.related-list h3{font-size:1.1875rem;margin-top:10px}
.related-list li>p:not(.product-category){font-size:0.875rem;color:var(--muted);margin-top:11px}
.related-list .text-link{margin-top:auto;padding-top:20px}
.related-all{margin-top:30px;text-align:center}
.related-section{padding-bottom:92px}

@media(max-width:1040px){.product-hero-grid{gap:40px}.feature-list{grid-template-columns:repeat(2,minmax(0,1fr))}.related-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:860px){.product-hero-grid{grid-template-columns:minmax(0,1fr);gap:40px}.product-hero-media{order:-1;justify-content:flex-start}.explore-grid{grid-template-columns:minmax(0,1fr);gap:32px}.audience-grid{grid-template-columns:minmax(0,1fr);gap:26px;padding:34px 28px}}
@media(max-width:620px){.product-hero{padding-top:34px}.product-section{padding-top:52px}.product-hero-tagline{font-size:1.1875rem}.feature-list{grid-template-columns:minmax(0,1fr)}.feature-list li{padding:23px 21px 25px}.related-list{grid-template-columns:minmax(0,1fr)}.explore-list{grid-template-columns:minmax(0,1fr)}.product-stage{max-width:360px;height:330px}.product-stage .primary-phone{width:182px;left:4%}.product-stage .secondary-phone{width:154px;left:49%;top:44px}.product-hero-actions{gap:18px}.related-section{padding-bottom:64px}.faq-list details>p{padding-right:2px}}