/* DepthTick — a product-first, editorial dark design. No third-party CSS dependencies. */
:root {
  color-scheme: dark;
  --canvas: #090b0f;
  --surface: #11151c;
  --surface-2: #171c25;
  --surface-3: #1b2331;
  --ink: #f2f4f7;
  --ink-soft: #c2c8d3;
  --muted: #939aa8;
  --dim: #737c8c;
  --blue: #91b9ff;
  --blue-2: #568af2;
  --line: rgba(222,232,255,.115);
  --line-strong: rgba(222,232,255,.22);
  --radius: 18px;
  --max: 1240px;
}
*,*::before,*::after {box-sizing:border-box}
html { background:var(--canvas); scroll-behavior:smooth; scroll-padding-top:100px }
body {margin:0;color:var(--ink);background:var(--canvas);font-family:"Segoe UI Variable","Segoe UI",Inter,Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
body::before { content:"";position:absolute;z-index:-1;inset:0 0 auto;height:850px;pointer-events:none;background:radial-gradient(ellipse at 57% 10%,rgba(54,87,145,.12),transparent 58%)}
::selection {background:#608df3;color:#fff}
a {color:inherit;text-decoration:none}
button {font:inherit}
img {max-width:100%;display:block}
figure,h1,h2,h3,h4,p {margin:0}
h1,h2,h3 {text-wrap:balance;line-height:1.1;letter-spacing:0}
h1 {font-weight:650}
h2 {font-weight:630}
h3 {font-weight:630}
p {color:var(--ink-soft)}
section {min-width:0}
.container {width:min(calc(100% - 88px),var(--max));margin-inline:auto}
.container-wide {width:min(calc(100% - 88px),1380px);margin-inline:auto}
.skip-link {position:absolute;z-index:999;top:-90px;left:12px;background:#fff;color:#000;padding:10px 18px;border-radius:8px}
.skip-link:focus {top:12px}
:focus-visible {outline:2px solid var(--blue);outline-offset:4px}
.site-header {height:82px;position:relative;z-index:50;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(9,11,15,.94)}
.nav-inner {display:flex;align-items:center;gap:25px;height:100%}
.brand {display:inline-flex;align-items:center;gap:11px;white-space:nowrap;font-size:21px;font-weight:730;letter-spacing:0;line-height:1}
.brand img {width:34px;height:34px;object-fit:contain}
.brand-dot {color:var(--blue)}
.primary-nav {display:flex;align-items:center;justify-content:center;gap:24px;margin:auto}
.primary-nav a {position:relative;color:#afb7c4;font-size:13px;font-weight:580;padding:12px 0;transition:color .18s}
.primary-nav a:hover,.primary-nav a[aria-current=page] {color:#fff}
.primary-nav a[aria-current=page]::after {content:"";position:absolute;height:2px;background:var(--blue);bottom:0;left:0;right:0}
.header-cta {background:#e6eeff;color:#142237;font-weight:720;padding:11px 17px;border-radius:9px;font-size:12px;white-space:nowrap;transition:background .2s,transform .2s}
.header-cta:hover {background:#fff;transform:translateY(-1px)}
.menu-toggle {display:none}
main {overflow:hidden}
.eyebrow {display:flex;align-items:center;gap:12px;color:var(--blue);text-transform:uppercase;letter-spacing:0;font-weight:750;font-size:10px;line-height:1.5;margin-bottom:22px}
.eyebrow-line {width:22px;height:1px;background:var(--blue);flex:none}
.hero {padding-top:104px}
.hero-copy {max-width:1000px}
.hero h1 {font-size:clamp(62px,7.5vw,116px);line-height:.97;letter-spacing:0;max-width:980px}
.hero h1 em {font-style:normal;color:var(--blue)}
.hero-lead {margin-top:26px;color:#b8bfcb;font-size:clamp(17px,1.55vw,20px);line-height:1.62;max-width:615px;letter-spacing:0}
.action-row {display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.btn {display:inline-flex;justify-content:center;align-items:center;gap:25px;min-height:48px;padding:11px 19px;border-radius:9px;font-size:13px;font-weight:720;line-height:1.2;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:background .2s,border-color .2s,transform .2s}
.btn:hover {transform:translateY(-2px)}
.btn-primary {background:#dfeaff;color:#162334;border-color:#dfeaff}
.btn-primary:hover {background:#fff}
.btn-outline {color:#d3dae6;border-color:#38414e;background:#121720}
.btn-outline:hover {border-color:#8b9eBA;background:#1d2430}
.hero-notes {display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin:29px 0 48px;color:#9299a5;font-size:11px;font-weight:560}
.hero-notes span+span::before {content:"/";margin-right:24px;color:#4c5663}
.hero-notes i {display:inline-block;width:7px;height:7px;background:#87cdb8;border-radius:50%;margin-right:7px;box-shadow:0 0 12px #87cdb84d}
.hero-visual {border:1px solid #2c3545;background:#101720;box-shadow:0 35px 90px #0008;border-radius:14px;overflow:hidden}
.hero-visual-top {height:39px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;background:#151c27;color:#adb6c6;font-weight:750;font-size:9px;letter-spacing:0}
.tiny-blue-dot {display:inline-block;width:6px;height:6px;background:#79a9ff;border-radius:100%;margin-right:9px}
.hero-visual>img {width:100%;aspect-ratio:16/9;object-fit:cover}
.hero-visual figcaption {background:#151c27;border-top:1px solid #263040;color:#8894a6;letter-spacing:0;font-size:10px;padding:11px 18px}
.section-divider {display:flex;align-items:center;gap:22px;margin-top:84px;margin-bottom:113px}
.section-divider .divider-line {height:1px;background:var(--line);flex:1}
.section-divider p {color:#666f7f;font-size:9px;letter-spacing:0;font-weight:750;text-align:center}
.home-intro {display:grid;grid-template-columns:1.15fr .78fr;align-items:end;gap:75px;margin-bottom:150px}
.home-intro h2 {font-size:clamp(39px,4.4vw,68px);line-height:1.08;max-width:720px}
.muted-title {color:#6c7482}
.intro-copy {padding-bottom:9px;max-width:395px}
.intro-copy>p {font-size:16px;line-height:1.75;margin-bottom:25px}
.text-link {display:inline-flex;align-items:center;gap:11px;font-size:12px;color:#bdd4ff;font-weight:740;letter-spacing:0;transition:gap .2s,color .2s}
.text-link:hover {gap:17px;color:#fff}
.section-head {max-width:730px;margin-bottom:36px}
.section-head h2 {font-size:clamp(38px,4.4vw,63px)}
.section-head>p:not(.eyebrow) {margin-top:17px;line-height:1.75;font-size:16px;max-width:605px}
.gallery-grid {display:grid;grid-template-columns:1fr 1fr;gap:17px}
.shot-card {display:block;position:relative;text-align:left;padding:0;background:#161d29;color:#fff;border:1px solid #343c4a;cursor:zoom-in;border-radius:13px;overflow:hidden;isolation:isolate;min-width:0}
.shot-card::after {content:"";position:absolute;inset:38% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.7));pointer-events:none}
.shot-card img {width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:transform .45s}
.shot-card:hover img {transform:scale(1.025)}
.shot-main {grid-column:1/-1}
.shot-info {position:absolute;z-index:1;left:24px;right:24px;bottom:22px;display:flex;justify-content:space-between;align-items:end;gap:15px}
.shot-info small,.feature-num,.style-card>small,.mode-list small {display:block;font-size:10px;font-weight:760;letter-spacing:0;color:#c0cce4}
.shot-info strong {display:block;font-size:clamp(19px,2.5vw,31px);line-height:1.13;letter-spacing:0;margin-top:5px}
.gallery-footnote,.fine-print {font-size:11px;color:#838b99;line-height:1.75}
.gallery-footnote {margin-top:16px}
.feature-section {padding-top:155px}
.feature-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.feature-card {padding:27px 23px 28px;border:1px solid var(--line);background:var(--surface);border-radius:12px;min-height:245px;display:flex;flex-direction:column;align-items:flex-start}
.feature-card h3 {font-size:20px;letter-spacing:0;line-height:1.17;margin:19px 0 10px}
.feature-card p {font-size:13px;line-height:1.7;color:#9fa8b7;flex:1}
.feature-card .text-link {margin-top:18px;font-size:11px}
.feature-icon {display:inline-flex;align-items:center;justify-content:center;flex:none;width:37px;height:37px;border:1px solid #35445a;border-radius:9px;background:#1e2c3c;color:#a9ceff;font-size:14px;font-weight:500;line-height:1;font-variant-numeric:tabular-nums}
.feature-icon svg {display:block;width:22px;height:22px;flex:none}

.feature-demo {margin-top:28px;min-width:0}
.demo-media {position:relative;aspect-ratio:16/9;background:var(--surface-2);border-radius:8px;overflow:hidden}
.demo-media picture {display:block;width:100%;height:100%}
.demo-media img {width:100%;height:100%;object-fit:contain}
.demo-media video {display:block;width:100%;height:100%;object-fit:contain}
.demo-media video[hidden],.demo-video-poster[hidden] {display:none}
.feature-demo figcaption {margin-top:10px;color:var(--muted);font-size:12px;line-height:1.6}
.demo-motion-toggle {position:absolute;right:12px;top:12px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid #73849c;border-radius:6px;background:rgba(9,11,15,.9);color:#fff;cursor:pointer}
.demo-motion-toggle:hover {background:#172233}
.demo-motion-toggle[hidden] {display:none}
.demo-motion-toggle .demo-icon {display:block;width:18px;height:18px}
.demo-motion-toggle .demo-icon-play,.demo-motion-toggle.is-paused .demo-icon-pause {display:none}
.demo-motion-toggle.is-paused .demo-icon-play {display:block}
.guide-split.height-showcase {row-gap:28px;align-items:start}
.height-showcase .feature-demo {margin-top:0}
.height-notes {grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.customization-demos {margin:76px auto}
.style-demo-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.style-demo-grid h3 {font-size:26px;line-height:1.25}
.style-demo-grid article>p {font-size:15px;line-height:1.8;margin-top:15px}
@media(max-width:600px) {
  .height-notes,.style-demo-grid {grid-template-columns:1fr}
  .height-notes {gap:22px}
  .style-demo-grid {gap:40px}
  .customization-demos {margin:55px auto}
  .demo-motion-toggle {right:8px;top:8px}
}
.depth-feature {margin-top:145px;background:#151a22;border:1px solid var(--line);border-radius:14px;overflow:hidden;display:grid;grid-template-columns:1.05fr 1fr;align-items:stretch;gap:0}
.depth-photo {position:relative;min-height:485px;overflow:hidden}
.depth-photo img {height:100%;width:100%;object-fit:cover;object-position:35% center;position:absolute;inset:0}
.image-corner-label {position:absolute;bottom:17px;left:17px;color:#fff;background:#07101ecb;border:1px solid #7589a682;padding:8px 12px;font-size:9px;letter-spacing:0;font-weight:760}
.depth-copy {padding:63px clamp(27px,4vw,69px);align-self:center}
.depth-copy h2 {font-size:clamp(37px,3.5vw,58px);margin-bottom:20px}
.depth-copy h2 span {color:var(--blue)}
.depth-copy>p:not(.eyebrow) {font-size:15px;line-height:1.8}
.simple-list {list-style:none;margin:29px 0;padding:0;border-top:1px solid var(--line)}
.simple-list li {display:flex;gap:18px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px;font-weight:600;color:#bdc6d4}
.simple-list li span {font-size:10px;font-weight:760;color:#8498b7}
.detail-panels {margin-top:130px;display:grid;grid-template-columns:1fr 1fr;gap:17px}
.small-panel {background:#131820;position:relative;overflow:hidden;min-height:430px;border:1px solid var(--line);padding:40px;border-radius:12px}
.panel-tinted {background:linear-gradient(135deg,#162033,#131820 72%)}
.panel-index {position:absolute;right:30px;top:30px;color:#667287;font-size:10px;letter-spacing:0}
.small-panel h3 {font-size:clamp(29px,3vw,43px);max-width:350px}
.small-panel p:not(.eyebrow) {font-size:13px;margin-top:16px;max-width:350px}
.personalization-demo {margin-top:35px}
.personalization-demo .demo-media {aspect-ratio:3/1;background:#131820}
.orbit-art {position:absolute;bottom:-117px;right:-74px;width:370px;height:370px;border:1px solid #5c81b7;border-radius:50%;box-shadow:0 0 60px #508bf329,inset 0 0 55px #508bf319}
.orbit-art::before,.orbit-art::after {content:"";position:absolute;border:1px solid #597daf87;border-radius:50%;inset:45px}
.orbit-art::after {inset:92px}
.orb {position:absolute;border-radius:50%;background:#b2d9ff;box-shadow:0 0 25px #93bbff}
.orb-one {top:20px;left:80px;width:9px;height:9px}
.orb-two {top:112px;left:15px;width:5px;height:5px}
.orb-three {top:55px;right:23px;width:5px;height:5px}
.privacy-strip {border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:125px;padding:60px 10px;display:flex;align-items:center;gap:60px;justify-content:space-between}
.privacy-strip>div {max-width:730px}
.privacy-icon {display:none}
.privacy-strip h2 {font-size:clamp(29px,3.4vw,47px);margin-bottom:13px}
.privacy-strip p:not(.eyebrow) {font-size:14px;max-width:600px}
.privacy-strip .text-link {flex:none}
.final-cta {position:relative;overflow:hidden;text-align:center;margin-top:125px;margin-bottom:95px;padding:88px 30px 93px;border:1px solid #2d405b;border-radius:15px;background:#142036;isolation:isolate}
.final-cta .final-glow {position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 50% 130%,#4373c653,transparent 61%)}
.final-cta .eyebrow {justify-content:center}
.final-cta h2 {font-size:clamp(42px,5.4vw,78px)}
.final-cta>p:not(.eyebrow) {font-size:15px;margin-top:17px}
.final-cta .action-row {justify-content:center;margin-top:31px}
.site-footer {border-top:1px solid var(--line);background:#0c0f14;padding-top:75px}
.footer-top {display:flex;justify-content:space-between;gap:60px;padding-bottom:79px}
.footer-identity {max-width:270px}
.footer-identity .brand {font-size:20px}
.footer-identity>p {color:#798492;margin-top:20px;font-size:13px}
.footer-links {display:flex;gap:clamp(40px,6.5vw,100px)}
.footer-links>div {display:flex;flex-direction:column;align-items:start;gap:13px}
.footer-links strong {font-size:11px;color:#e8ebf2;letter-spacing:0;margin-bottom:5px}
.footer-links a {font-size:12px;color:#8d98aa;transition:color .2s}
.footer-links a:hover {color:#fff}
.footer-bottom {display:flex;justify-content:space-between;gap:25px;padding:22px 0;border-top:1px solid var(--line);font-size:10px;color:#737c8b}
/* Interior pages */
.subhero {padding-top:110px;padding-bottom:96px;display:grid;grid-template-columns:1fr .88fr;align-items:center;gap:9%}
.subhero h1 {font-size:clamp(52px,5.6vw,86px)}
.subhero h1 .soft,.soft {color:#929cab}
.subhero .lead {font-size:17px;line-height:1.75;color:#b4bdcc;max-width:580px;margin-top:25px}
.subhero-visual {border:1px solid var(--line-strong);padding:6px;background:#141b27;border-radius:12px;box-shadow:0 30px 55px #0008;transform:rotate(1deg)}
.subhero-visual img {aspect-ratio:16/10;object-fit:cover;border-radius:7px}
.subhero-graphic {height:255px;display:grid;place-items:center;border-radius:12px;border:1px solid #2e415f;background:radial-gradient(circle at 40% 60%,#263f6b,#121822 70%);overflow:hidden}
.subhero-graphic span {font-size:clamp(65px,9vw,147px);line-height:1;letter-spacing:0;color:transparent;-webkit-text-stroke:1px #8dbfff75}
.two-column-articles {display:grid;grid-template-columns:1fr 1fr;gap:16px}
.big-feature {background:#151a22;border:1px solid var(--line);border-radius:13px;overflow:hidden;position:relative;min-height:430px;padding:36px}
.big-feature h3 {font-size:clamp(29px,2.9vw,42px);margin:20px 0 15px;max-width:440px}
.big-feature p {font-size:14px;line-height:1.75;max-width:430px}
.feature-num {color:#7ba8ec}
.clock-art {font-size:clamp(96px,13vw,178px);letter-spacing:0;color:transparent;-webkit-text-stroke:1px #8bbfff88;position:absolute;bottom:-8px;left:23px;line-height:1}
.clock-art span {color:#739feb;-webkit-text-stroke:0}
.feature-deep {padding-top:128px;padding-bottom:120px}
.mode-list {display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:25px}
.mode-list article {padding:25px;border:1px solid var(--line);border-radius:12px;background:#11161e}
.mode-marker {display:grid;place-items:center;background:#1c2a3a;border:1px solid #344966;border-radius:8px;color:#b6d2ff;width:37px;height:37px;font-weight:750}
.mode-list h3 {font-size:22px;margin:21px 0 12px}
.mode-list p {font-size:13px;line-height:1.75}
.feature-grid-six {grid-template-columns:repeat(3,1fr)}
.feature-grid-six .feature-card {min-height:218px}
.feature-spotlight {display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;align-items:center;margin-top:128px}
.feature-spotlight>.feature-demo {margin:0}
.feature-spotlight>div {min-width:0}
.feature-spotlight h2 {font-size:clamp(34px,4vw,58px)}
.feature-spotlight p:not(.eyebrow) {font-size:14px;margin-top:22px;margin-bottom:27px;max-width:430px}
.style-cards {display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.style-card {border:1px solid var(--line);background:#121720;padding:11px 11px 29px;border-radius:13px}
.style-capture-button {display:block;width:100%;padding:0;margin-bottom:25px;background:transparent;border:0;border-radius:8px;cursor:zoom-in}
.style-capture-button:hover {box-shadow:0 0 0 1px var(--line-strong)}
.style-capture {display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:8px}
.style-card>small,.style-card h3,.style-card>p {margin-inline:16px}
.style-card h3 {font-size:25px;margin-top:8px;margin-bottom:13px}
.style-card>p {font-size:13px;line-height:1.75}
.style-cards+.fine-print {margin-top:15px}
.guide-split,.depth-steps {display:grid;grid-template-columns:.78fr 1.04fr;gap:10%;align-items:center;margin-top:125px;margin-bottom:125px}
.guide-split h2,.depth-steps h2 {font-size:clamp(37px,4.3vw,62px)}
.guide-split p:not(.eyebrow),.depth-steps p:not(.eyebrow) {margin-top:20px;font-size:15px;line-height:1.8}
.guide-split .text-link,.depth-steps .text-link {margin-top:28px}
.animated-panel {border:1px solid var(--line);padding:12px;background:#141b25;border-radius:13px}
.animated-panel img {width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px}
.animated-panel figcaption {font-size:11px;color:#8895a7;padding:11px 3px 2px}
.media-placeholder {display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:270px;aspect-ratio:16/9;text-align:center;border:1px dashed #4d678a;border-radius:8px;background:repeating-linear-gradient(-45deg,#192439,#192439 17px,#1b2a41 17px,#1b2a41 34px);padding:25px}
.media-placeholder .placeholder-icon {font-size:45px;color:#99b9e8;line-height:1;margin-bottom:5px}
.media-placeholder strong {font-size:13px;color:#e4ebf7;letter-spacing:0}
.media-placeholder span {font-size:11px;color:#9aacbf;max-width:280px}
.showcase-pair {display:grid;grid-template-columns:1fr 1fr;gap:15px}
.showcase-pair figure {border:1px solid var(--line);background:#151b24;border-radius:12px;overflow:hidden}
.showcase-pair img {width:100%;aspect-ratio:16/9;object-fit:cover}
.showcase-pair figcaption {color:#acb5c1;font-size:12px;padding:15px 18px}
.mode-three {display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.suitable-grid {display:grid;grid-template-columns:1fr 1fr;gap:15px}
.suitable {padding:37px;background:#131922;border:1px solid var(--line);border-radius:12px}
.suitable-icon {display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--blue);margin-bottom:21px;line-height:1}
.suitable-icon svg {display:block;width:24px;height:24px;flex:none}
.suitable h3 {font-size:24px;margin-bottom:13px}
.suitable p {font-size:14px}
.faq-preview {margin-top:120px;text-align:center;max-width:700px}
.faq-preview .eyebrow {justify-content:center}
.faq-preview h2 {font-size:clamp(38px,4vw,55px)}
.faq-preview p:not(.eyebrow) {font-size:15px;margin-top:18px}
.faq-preview .text-link {margin-top:22px}
.setup-section {max-width:1050px}
.steps-list {border-top:1px solid var(--line)}
.setup-step {display:grid;grid-template-columns:85px 1fr;gap:20px;padding:30px 0;border-bottom:1px solid var(--line)}
.step-number {font-size:15px;letter-spacing:0;color:#81b0f5;font-weight:700;padding-top:4px}
.setup-step h3 {font-size:22px;margin-bottom:10px}
.setup-step p {font-size:14px;max-width:700px}
.setup-bottom {display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:110px}
.setup-note {background:#151a22;border:1px solid var(--line);border-radius:12px;padding:40px}
.setup-note h2 {font-size:clamp(29px,3vw,42px)}
.setup-note p:not(.eyebrow) {font-size:14px;margin-top:16px}
.setup-note .text-link {margin-top:20px}
.metrics {display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:#151922;border-radius:13px;overflow:hidden}
.metrics>div {padding:38px}
.metrics>div+div {border-left:1px solid var(--line)}
.metrics small {display:block;color:#8497b4;font-size:10px;letter-spacing:0;font-weight:740}
.metrics strong {display:block;font-size:clamp(43px,5vw,67px);line-height:1.15;letter-spacing:0;margin-top:16px;font-weight:610}
.metrics strong span {font-size:.45em;letter-spacing:0;color:#9da8b9}
.metrics p {font-size:13px;margin-top:12px}
.metrics+.fine-print {margin-top:16px}
.info-split {display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:125px}
.info-split h2 {font-size:clamp(32px,3.6vw,50px)}
.info-split p:not(.eyebrow) {font-size:14px;margin-top:18px;line-height:1.8}
.warning-panel {display:flex;gap:25px;padding:36px 40px;border:1px solid #3a4760;background:#172032;border-radius:12px;margin-top:110px}
.warning-mark {flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1px solid #799fd2;color:#bed5fb;font-weight:740}
.warning-panel h2 {font-size:clamp(29px,3.2vw,44px)}
.warning-panel p:not(.eyebrow) {font-size:14px;margin-top:15px;max-width:800px}
.faq-wrap {max-width:1020px}
.faq-list {border-top:1px solid var(--line)}
.faq-item {border-bottom:1px solid var(--line);padding:0}
.faq-item summary {list-style:none;cursor:pointer;display:flex;align-items:center;gap:25px;padding:25px 10px}
.faq-item summary::-webkit-details-marker {display:none}
.faq-item summary span {color:#8aaae0;font-size:11px;font-weight:750}
.faq-item summary strong {font-weight:625;font-size:17px;letter-spacing:0;flex:1}
.faq-item summary b {position:relative;flex:0 0 27px;width:27px;height:27px;border:1px solid #506079;color:#abc4e7;border-radius:50%;font-size:0;line-height:0;transition:transform .2s}
.faq-item summary b::before,.faq-item summary b::after {content:'';position:absolute;left:50%;top:50%;background:currentColor;transform:translate(-50%,-50%)}
.faq-item summary b::before {width:11px;height:1px}
.faq-item summary b::after {width:1px;height:11px}
.faq-item[open] summary b {transform:rotate(45deg)}
.faq-answer {padding:0 55px 28px}
.faq-answer p {max-width:790px;font-size:14px;line-height:1.8}
.help-next {display:flex;align-items:center;justify-content:space-between;gap:40px;padding:48px;border:1px solid var(--line);border-radius:12px;background:#151a22;margin-top:105px}
.help-next h2 {font-size:clamp(31px,3vw,44px)}
.help-next p:not(.eyebrow) {font-size:14px;margin-top:14px}
.bug-layout {display:grid;grid-template-columns:1fr .95fr;gap:90px;align-items:start}
.report-checklist {list-style:none;padding:0;margin:20px 0 20px}
.report-checklist li {position:relative;padding:12px 0 12px 28px;color:#cbd3df;font-size:14px;border-bottom:1px solid var(--line)}
.report-checklist li::before {content:"✓";position:absolute;left:0;color:#98bdfb;font-weight:750}
.info-hint {font-size:13px;margin-top:27px;color:#99a6b9}
.report-card {padding:34px;background:#161d2a;border:1px solid #34445b;border-radius:12px}
.report-card-top {display:flex;justify-content:space-between;color:#91b9f4;font-size:10px;font-weight:750;letter-spacing:0}
.report-card h3 {font-size:30px;margin-top:22px}
.report-card>p {font-size:13px;margin-top:15px}
.report-card pre {white-space:pre-wrap;overflow-wrap:anywhere;font-family:ui-monospace,Consolas,monospace;font-size:11px;line-height:1.7;color:#a5b7d2;border-radius:8px;border:1px solid #37465f;background:#0d131e;padding:20px;margin:25px 0}
.report-card .report-copy {width:100%}
.report-status {min-height:22px;font-size:12px;color:#a5debf!important}
.report-card .fine-print {color:#8b95a8;font-size:11px}
.missing {padding-top:95px;padding-bottom:160px;min-height:65vh}
.missing-number {font-size:clamp(140px,23vw,290px);font-weight:700;letter-spacing:0;line-height:1;color:#202b3b;margin-left:-.05em}
.missing-number span {color:#8fb8f3}
.missing h1 {font-size:clamp(43px,5.3vw,73px);margin-bottom:24px}
.missing>p:not(.eyebrow) {font-size:15px}
.lightbox {position:fixed;z-index:200;inset:0;background:#020509f5;display:none;align-items:center;justify-content:center;flex-direction:column;padding:70px 35px 40px}
.lightbox.is-open {display:flex}
.lightbox img {max-width:min(96vw,1550px);max-height:calc(100vh - 160px);width:auto;height:auto;object-fit:contain;box-shadow:0 30px 80px #000}
.lightbox-close {position:absolute;right:24px;top:18px;display:grid;place-items:center;padding:0;background:#263346;border:1px solid #526077;color:#fff;border-radius:50%;width:44px;height:44px;line-height:1;cursor:pointer}
.lightbox-close svg {display:block;width:22px;height:22px}
.lightbox-caption {margin-top:17px;font-size:12px;color:#c4d2e6}
body.lightbox-open {overflow:hidden}
@media (max-width:1100px) {
  .primary-nav {gap:14px}
  .container,.container-wide {width:min(calc(100% - 60px),var(--max))}
  .feature-grid {grid-template-columns:repeat(2,1fr)}
  .feature-grid-six {grid-template-columns:repeat(3,1fr)}
  .hero {padding-top:80px}
  .subhero {gap:5%}
}
@media (max-width:800px) {
  .site-header {height:72px}
  .container,.container-wide {width:calc(100% - 40px)}
  .menu-toggle {display:flex;order:3;margin-left:auto;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:41px;height:41px;border-radius:8px;border:1px solid #394355;background:#161d27;cursor:pointer}
  .menu-toggle span {width:18px;height:2px;background:#e5ecf7;transition:transform .2s,opacity .2s}
  .menu-toggle[aria-expanded=true] span:nth-child(1) {transform:translateY(7px) rotate(45deg)}
  .menu-toggle[aria-expanded=true] span:nth-child(2) {opacity:0}
  .menu-toggle[aria-expanded=true] span:nth-child(3) {transform:translateY(-7px) rotate(-45deg)}
  .header-cta {margin-left:auto;padding:10px 11px}
  .primary-nav {display:none;position:absolute;top:72px;left:0;right:0;background:#111720;border-bottom:1px solid #334257;padding:15px 20px 22px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 18px 30px #0008}
  .primary-nav.is-open {display:flex}
  .primary-nav a {padding:13px 0;font-size:14px;border-bottom:1px solid var(--line)}
  .primary-nav a[aria-current=page]::after {right:auto;bottom:6px;width:30px}
  .hero {padding-top:70px}
  .hero h1 {font-size:clamp(53px,10vw,88px)}
  .section-divider {margin-block:65px 85px}
  .home-intro {grid-template-columns:1fr;gap:24px;margin-bottom:100px}
  .depth-feature,.feature-spotlight {grid-template-columns:1fr}
  .depth-photo {min-height:360px}
  .depth-photo img {position:absolute}
  .depth-copy {padding:40px}
  .feature-spotlight {gap:32px}
  .detail-panels {margin-top:90px}
  .small-panel {padding:30px}
  .privacy-strip {flex-direction:column;align-items:start;gap:23px}
  .subhero {grid-template-columns:1fr;gap:40px;padding-top:75px;padding-bottom:75px}
  .subhero-visual {max-width:620px;transform:none}
  .style-cards,.mode-three {grid-template-columns:1fr 1fr}
  .guide-split,.depth-steps {gap:35px;grid-template-columns:1fr 1fr}
  .metrics>div {padding:23px}
  .footer-links {gap:35px}
  .bug-layout {gap:35px}
}
@media (max-width:600px) {
  .site-header {height:67px}
  .primary-nav {top:67px}
  .container,.container-wide {width:calc(100% - 32px)}
  .brand {font-size:20px}
  .brand img {width:30px;height:30px}
  .header-cta {font-size:11px;padding:9px 10px}
  .hero {padding-top:64px}
  .eyebrow {font-size:9px;letter-spacing:0;margin-bottom:17px}
  .hero h1 {font-size:clamp(48px,12.5vw,70px);line-height:1}
  .hero-lead {font-size:16px;margin-top:22px}
  .action-row {gap:9px;margin-top:25px}
  .btn {padding:10px 13px;min-height:46px;gap:9px;font-size:11px}
  .hero-notes {gap:11px;margin-bottom:29px;font-size:10px}
  .hero-notes span+span::before {margin-right:10px}
  .hero-visual-top {height:32px;font-size:7px;padding:0 9px;letter-spacing:0}
  .hero-visual figcaption {font-size:9px;padding:9px}
  .section-divider {margin-top:55px;margin-bottom:73px;gap:10px}
  .section-divider p {font-size:8px;line-height:1.8;max-width:210px}
  .home-intro {margin-bottom:85px}
  .home-intro h2,.section-head h2 {font-size:clamp(36px,9vw,50px)}
  .intro-copy>p,.section-head>p:not(.eyebrow) {font-size:14px}
  .gallery-grid {grid-template-columns:1fr;gap:11px}
  .shot-main {grid-column:auto}
  .shot-info {left:15px;right:15px;bottom:14px}
  .shot-info strong {font-size:20px}
  .gallery-footnote {font-size:10px}
  .feature-section {padding-top:100px}
  .feature-grid,.feature-grid-six {grid-template-columns:1fr;gap:10px}
  .feature-card,.feature-grid-six .feature-card {min-height:0;padding:23px}
  .feature-card h3 {margin-top:15px}
  .depth-feature {margin-top:96px}
  .depth-photo {min-height:295px}
  .depth-copy {padding:29px 23px 36px}
  .detail-panels {grid-template-columns:1fr;gap:12px}
  .small-panel {min-height:345px}
  .privacy-strip {margin-top:95px;padding-block:35px}
  .final-cta {margin-top:85px;margin-bottom:65px;padding:60px 16px}
  .final-cta h2 {font-size:43px}
  .final-cta .action-row {align-items:center}
  .site-footer {padding-top:55px}
  .footer-top {flex-direction:column;gap:40px;padding-bottom:55px}
  .footer-links {display:grid;grid-template-columns:1fr 1fr;gap:30px}
  .footer-bottom {flex-direction:column;gap:4px}
  .subhero {padding-top:62px;padding-bottom:65px}
  .subhero h1 {font-size:clamp(44px,11vw,64px)}
  .subhero .lead {font-size:15px;margin-top:19px}
  .two-column-articles,.mode-list,.style-cards,.mode-three,.showcase-pair,.suitable-grid,.setup-bottom,.info-split,.metrics,.bug-layout {grid-template-columns:1fr}
  .big-feature {padding:26px;min-height:385px}
  .clock-art {font-size:110px}
  .feature-deep {padding-block:80px}
  .feature-spotlight {margin-top:80px;gap:28px}
  .guide-split,.depth-steps {grid-template-columns:1fr;margin-top:90px;margin-bottom:90px}
  .guide-split h2,.depth-steps h2 {font-size:40px}
  .suitable {padding:27px}
  .faq-preview {margin-top:85px}
  .setup-step {grid-template-columns:37px 1fr;gap:10px;padding:23px 0}
  .setup-step h3 {font-size:19px}
  .setup-note {padding:25px}
  .metrics>div+div {border-left:0;border-top:1px solid var(--line)}
  .metrics>div {padding:25px}
  .info-split {gap:42px;margin-top:85px}
  .warning-panel {margin-top:85px;padding:25px 22px;gap:14px}
  .warning-mark {height:30px;width:30px}
  .faq-item summary {gap:12px;padding:23px 3px}
  .faq-item summary strong {font-size:14px}
  .faq-answer {padding:0 8px 25px 32px}
  .help-next {flex-direction:column;align-items:start;padding:29px;margin-top:75px;gap:25px}
  .report-card {padding:25px}
  .missing {padding-top:65px}
  .lightbox {padding:75px 12px 30px}
  .lightbox img {max-width:100%;max-height:calc(100vh - 180px)}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Clearly labeled media slots are intentionally used until authentic product captures are available. */
.placeholder-filename {font-family:ui-monospace,Consolas,monospace;font-size:10px!important;color:#87adf0!important;margin-top:7px}
.media-samples {padding-top:110px}
.media-placeholder-ui {aspect-ratio:16/6;min-height:310px}
.depth-demo {margin-top:-30px;margin-bottom:95px}
.depth-demo-photo {position:relative;border:1px solid var(--line-strong);border-radius:12px;overflow:hidden}
.depth-demo-photo img {width:100%;aspect-ratio:16/8;object-fit:cover}
.depth-demo-photo figcaption {background:#151c27;padding:11px 18px;color:#b3c5df;font-size:9px;letter-spacing:0;font-weight:720}
.depth-demo-photo figcaption span {font-weight:400;color:#8794a6;letter-spacing:0}
.depth-comparison {margin-top:110px;margin-bottom:110px}
@media(max-width:600px){.media-placeholder-ui {aspect-ratio:4/3;min-height:260px}.depth-demo {margin-top:-20px;margin-bottom:75px}.depth-demo-photo img {aspect-ratio:16/10}.depth-demo-photo figcaption {font-size:8px}.depth-comparison {margin-block:75px}}
/* The source screenshot includes intrinsic width and height attributes;
   size it responsively rather than honoring the attribute height. */
.hero-visual>img {height:auto}


/* Hero v2: real product preview and core message share the first viewport.
   Other pages and components remain unchanged. */
.homepage .hero {
  display:grid;
  grid-template-columns:minmax(0,.84fr) minmax(0,1.25fr);
  align-items:center;
  gap:clamp(26px,3.5vw,62px);
  padding-top:clamp(42px,5vw,76px);
}
.homepage .hero-copy {max-width:unset;min-width:0}
.homepage .hero .eyebrow {margin-bottom:23px}
.homepage .hero h1 {
  max-width:650px;
  font-size:clamp(55px,5.35vw,83px);
  line-height:1.035;
  letter-spacing:0;
}
.homepage .hero-lead {
  margin-top:25px;
  max-width:470px;
  font-size:clamp(15px,1.3vw,18px);
  line-height:1.65;
}
.homepage .hero .action-row {margin-top:29px}
.homepage .hero .btn {gap:15px;padding-inline:16px}
.homepage .hero-notes {
  margin-top:29px;
  margin-bottom:0;
  column-gap:10px;
  row-gap:5px;
  line-height:1.6;
}
.homepage .hero-notes span+span::before {margin-right:10px}
.homepage .hero-visual {
  min-width:0;
  position:relative;
  isolation:isolate;
  box-shadow:0 34px 90px rgba(0,0,0,.58),0 0 85px rgba(77,126,208,.055);
}
.homepage .hero-visual::before {
  content:'';
  position:absolute;
  z-index:-1;
  inset:-20px;
  background:rgba(64,127,221,.12);
  filter:blur(50px);
  pointer-events:none;
}
.homepage .hero-visual>img {height:auto;aspect-ratio:16/9;object-fit:cover}
.homepage .section-divider {margin-top:100px}

@media (min-width:801px) and (max-width:1180px){
  .homepage .hero {grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr);gap:25px}
  .homepage .hero h1 {font-size:clamp(48px,5.4vw,65px)}
  .homepage .hero .action-row {gap:8px}
  .homepage .hero .btn {font-size:11px;gap:7px;padding-inline:12px}
  .homepage .hero-notes {font-size:10px}
}
@media (max-width:800px){
  .homepage .hero {
    grid-template-columns:minmax(0,1fr);
    gap:24px;
    padding-top:45px;
  }
  .homepage .hero h1 {font-size:clamp(55px,8.4vw,72px);max-width:660px}
  .homepage .hero-lead {margin-top:17px;max-width:630px}
  .homepage .hero .action-row {margin-top:23px}
  .homepage .hero-notes {display:none}
  .homepage .hero-visual {width:100%}
  .homepage .section-divider {margin-top:72px}
}
@media (max-width:600px){
  .homepage .hero {padding-top:33px;gap:22px}
  .homepage .hero .eyebrow {font-size:9px;margin-bottom:15px}
  .homepage .hero h1 {font-size:clamp(47px,12.2vw,62px);line-height:1;max-width:420px}
  .homepage .hero-lead {font-size:15px;line-height:1.5;margin-top:15px}
  .homepage .hero-lead-extra {display:none}
  .homepage .hero .action-row {margin-top:21px;gap:9px}
  .homepage .hero .btn {min-height:42px;padding:10px 12px;font-size:11px;gap:9px}
  .homepage .hero-visual>img {width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center center}
  .homepage .hero-visual-top {height:29px}
  .homepage .hero-visual figcaption {padding:7px 10px}
  .homepage .section-divider {margin-top:58px}
}
@media (max-width:360px){
  .homepage .hero h1 {font-size:44px}
  .homepage .hero .action-row {flex-direction:column;align-items:flex-start}
}


/* Release polish: fixed type sizes and compact, content-led guide pages. */
h1,h2,h3,h4,.brand,.hero-lead,.shot-info strong,.feature-card h3,.clock-art,
.metrics strong,.faq-item summary strong {letter-spacing:0}
.eyebrow,.section-divider p,.hero-visual-top,.hero-visual figcaption,
.shot-info small,.feature-num,.style-card>small,.mode-list small,
.image-corner-label,.panel-index,.step-number,.metrics small,
.report-card-top,.template-label,.depth-demo-photo figcaption {letter-spacing:0}
.hero h1,.homepage .hero h1 {font-size:72px}
.hero-lead,.homepage .hero-lead {font-size:18px}
.home-intro h2,.section-head h2 {font-size:52px}
.depth-copy h2,.feature-spotlight h2 {font-size:46px}
.small-panel h3 {font-size:36px}
.privacy-strip h2 {font-size:42px}
.final-cta h2 {font-size:56px}
.subhero {padding-top:58px;padding-bottom:62px;gap:6%}
.subhero h1 {font-size:54px;line-height:1.1}
.subhero:has(.subhero-copy:only-child) {grid-template-columns:1fr}
.subhero:has(.subhero-copy:only-child) .lead {max-width:740px}
.subhero-visual {transform:none}
.subhero-visual img {height:auto;aspect-ratio:16/9;object-fit:contain}
.subhero-graphic span {font-size:112px}
.big-feature h3,.guide-split h2,.depth-steps h2,.faq-preview h2 {font-size:38px}
.clock-art {font-size:142px}
.shot-info strong {font-size:28px}
.setup-note h2,.info-split h2,.warning-panel h2,.help-next h2 {font-size:36px}
.metrics strong {font-size:58px}
.missing h1 {font-size:60px}
.missing-number {font-size:220px;letter-spacing:0}
.panel-note {margin-top:30px!important;padding-top:20px;border-top:1px solid var(--line)}
.control-reference {display:grid;grid-template-columns:1fr 1fr;gap:0 38px;margin:0}
.control-reference>div {padding:22px 0;border-top:1px solid var(--line)}
.control-reference dt {font-size:18px;font-weight:650;color:var(--ink)}
.control-reference dd {margin:8px 0 0;color:var(--ink-soft);font-size:15px;line-height:1.75}
.guide-notes {border-top:1px solid var(--line-strong);padding-top:24px}
.guide-notes h3 {font-size:22px;line-height:1.3;margin:0 0 10px}
.guide-notes h3:not(:first-child) {margin-top:25px}
.guide-notes p {font-size:15px;line-height:1.8;margin-bottom:16px}
.inline-link,.policy-section a {color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.setup-intro {max-width:760px;margin-bottom:20px;font-size:16px}
.requirements-section {margin-top:80px}
.media-samples {padding-top:76px}
.guide-split,.depth-steps,.depth-comparison {margin-top:76px;margin-bottom:76px}
.feature-deep {padding-top:76px;padding-bottom:76px}
.homepage .section-divider {margin-top:68px;margin-bottom:72px}
.home-intro {margin-bottom:96px}
.policy-layout {display:grid;grid-template-columns:235px minmax(0,760px);gap:70px;align-items:start;padding-bottom:90px}
.policy-nav {position:sticky;top:24px;display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--line);padding-top:20px}
.policy-nav strong {font-size:15px}
.policy-nav a {font-size:14px;color:var(--ink-soft);text-decoration:underline;text-underline-offset:3px}
.policy-section {padding:0 0 28px;margin-bottom:28px;border-bottom:1px solid var(--line)}
.policy-section h2 {font-size:27px;line-height:1.25;margin-bottom:17px}
.policy-section p,.policy-section li {font-size:16px;line-height:1.85}
.policy-section p+p {margin-top:15px}
.policy-section ul {padding-left:24px;color:var(--ink-soft)}
.policy-section li+li {margin-top:8px}
.policy-summary {max-width:800px}
.policy-date {font-size:13px;color:var(--muted);margin-top:15px}
@media(max-width:1100px) {
  .homepage .hero h1 {font-size:56px}
  .homepage .hero-lead {font-size:17px}
  .subhero h1 {font-size:48px}
  .policy-layout {grid-template-columns:190px minmax(0,1fr);gap:38px}
}
@media(max-width:800px) {
  .homepage .hero {padding-top:26px}
  .homepage .hero h1 {font-size:52px}
  .homepage .hero-lead-extra {display:none}
  .homepage .hero-visual {max-width:620px}
  .homepage .section-divider {margin-top:30px;margin-bottom:40px}
  .subhero {padding-top:38px;padding-bottom:45px;gap:25px}
  .subhero h1 {font-size:46px}
  .subhero-visual {max-width:620px}
  .policy-layout {grid-template-columns:1fr;gap:35px}
  .policy-nav {position:static;flex-direction:row;flex-wrap:wrap;gap:12px 22px}
  .policy-nav strong {width:100%}
  .control-reference {gap:0 25px}
}
@media(max-width:600px) {
  .nav-inner {gap:12px}
  .brand {flex:none;font-size:19px;gap:8px}
  .header-cta {margin-left:auto;padding:9px 10px}
  .menu-toggle {margin-left:0;flex:none}
  .homepage .hero h1 {font-size:46px;line-height:1.08}
  .homepage .hero-lead {font-size:16px}
  .homepage .hero-visual>img {aspect-ratio:16/9;object-fit:contain}
  .homepage .hero .btn {font-size:12px}
  .hero-visual-top {font-size:8px}
  .homepage .hero-visual-top>span:last-child {display:none}
  .subhero h1 {font-size:36px}
  .subhero .lead {font-size:16px}
  .subhero {padding-top:32px;padding-bottom:40px;gap:24px}
  .home-intro h2,.section-head h2 {font-size:34px}
  .depth-copy h2,.feature-spotlight h2,.privacy-strip h2 {font-size:32px}
  .small-panel h3,.big-feature h3,.guide-split h2,.depth-steps h2,
  .faq-preview h2,.setup-note h2,.info-split h2,.warning-panel h2,.help-next h2 {font-size:30px}
  .final-cta h2 {font-size:38px}
  .clock-art {font-size:110px}
  .shot-info strong {font-size:20px}
  .subhero-graphic span {font-size:85px}
  .metrics strong {font-size:50px}
  .missing h1 {font-size:42px}
  .missing-number {font-size:150px}
  .control-reference {grid-template-columns:1fr}
  .control-reference dd,.guide-notes p {font-size:15px}
  .media-samples,.feature-deep {padding-top:55px}
  .guide-split,.depth-steps,.depth-comparison {margin-top:55px;margin-bottom:55px;gap:30px}
  .requirements-section {margin-top:55px}
  .homepage .section-divider {margin-top:42px;margin-bottom:50px}
  .policy-section h2 {font-size:25px}
  .policy-nav a {font-size:13px}
}
@media(max-width:360px) {
  .brand {font-size:17px;gap:6px}
  .brand img {width:27px;height:27px}
  .nav-inner {gap:8px}
  .header-cta {padding:8px;font-size:10px}
  .homepage .hero h1 {font-size:40px}
}
@media(prefers-reduced-motion:reduce) {
  .homepage .hero-visual::before,.final-glow {display:none}
}

/* The embedded form retains Tally's light theme for readable input controls. */
.support-page .subhero {padding-bottom:35px}
.support-page .subhero .text-link {margin-top:20px}
.support-layout {display:grid;grid-template-columns:minmax(200px,280px) minmax(0,760px);gap:65px;align-items:start;padding-bottom:90px}
.support-notes {border-top:1px solid var(--line);padding-top:22px}
.support-notes h2 {font-size:22px;line-height:1.3;margin-bottom:14px}
.support-notes h3 {font-size:17px;margin:26px 0 10px}
.support-notes p {font-size:14px;line-height:1.8;margin-bottom:15px}
.support-notes .support-privacy {font-size:12px;border-top:1px solid var(--line);padding-top:18px;margin-top:25px}
.support-notes a,.support-fallback a,.support-form-notice a {color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.support-form-area {min-width:0}
.support-form-notice {font-size:12px;line-height:1.8;margin:0 0 16px}
.support-form {background:#fff;border:1px solid var(--line-strong);border-radius:8px;overflow:hidden;padding:28px;color-scheme:light}
.support-form iframe {display:block;width:100%;border:0}
.support-fallback {font-size:13px;line-height:1.8;margin-top:18px}
@media(max-width:900px) {
  .support-layout {grid-template-columns:minmax(180px,230px) minmax(0,1fr);gap:30px}
  .support-form {padding:20px}
}
@media(max-width:600px) {
  .support-layout {display:flex;flex-direction:column;gap:30px;padding-bottom:55px}
  .support-form-area {width:100%;order:-1}
  .support-form {padding:16px}
  .support-notes {width:100%}
  .support-page .subhero {padding-bottom:28px}
}