/* Product-local design tokens. Typography, spacing, borders and layers retain the reviewed page values. */
:root,body{
  --clip-body-font:16px/1.5 Arial,Helvetica,sans-serif;
  --clip-h1-letter-spacing:-.065em;
  --clip-h1-line-height:.99;
  --clip-h1-font-size:clamp(4rem,8vw,9.5rem);
  --clip-h1-margin-bottom:30px;
  --clip-h2-font-size:clamp(3rem,6vw,6.8rem);
  --clip-skip-z-index:4000;
  --clip-skip-color:#06150d;
  --clip-skip-padding:10px;
  --clip-clip-header-z-index:1200;
  --clip-clip-header-border-bottom:1px solid color-mix(in srgb,var(--ink) 18%,transparent);
  --clip-header-row-gap:14px;
  --clip-clip-brand-gap:10px;
  --clip-clip-brand-font-size:16px;
  --clip-clip-brand-line-height:1;
  --clip-clip-brand-strong-font-weight:800;
  --clip-clip-brand-strong-letter-spacing:-.03em;
  --clip-clip-brand-small-font-size:.56em;
  --clip-clip-looks-gap:8px;
  --clip-clip-looks-button-border:1px solid color-mix(in srgb,var(--ink) 24%,transparent);
  --clip-clip-looks-button-aria-pressed-true-after-border:1px solid var(--accent);
  --clip-header-actions-button-border:1px solid color-mix(in srgb,var(--ink) 25%,transparent);
  --clip-header-actions-button-font-weight:700;
  --clip-header-actions-button-font-size:12px;
  --clip-header-actions-svg-transition:transform .25s;
  --clip-clip-menu-padding:15px;
  --clip-clip-menu-border:1px solid color-mix(in srgb,var(--ink) 22%,transparent);
  --clip-clip-menu-border-radius:16px;
  --clip-clip-menu-box-shadow:0 20px 50px #0005;
  --clip-clip-menu-a-padding:11px 12px;
  --clip-hero-padding:140px 0 100px;
  --clip-eyebrow-letter-spacing:.18em;
  --clip-hero-intro-font-size:clamp(18px,1.7vw,24px);
  --clip-hero-intro-line-height:1.45;
  --clip-hero-actions-gap:12px;
  --clip-hero-actions-margin:32px 0 14px;
  --clip-button-padding:13px 20px;
  --clip-button-border-radius:5px;
  --clip-button-transition:background .2s,transform .2s;
  --clip-button-primary-color:#061a10;
  --clip-button-primary-hover-background:#b8ffd5;
  --clip-hero-meta-font-size:13px;
  --clip-scene-top-background:#0b0e10;
  --clip-scene-top-border:1px solid #3d4f49;
  --clip-scene-top-padding:9px 12px;
  --clip-scene-top-color:#eef8ef;
  --clip-scene-mark-gap:6px;
  --clip-scene-ratio-border-radius:4px;
  --clip-scene-rec-padding:9px 13px;
  --clip-capture-frame-border:2px solid var(--accent);
  --clip-capture-frame-background:radial-gradient(circle at 70% 30%,#1c3930,#101c1a 57%,#101315);
  --clip-capture-frame-before-border:1px solid #3cff9133;
  --clip-capture-frame-after-border:1px solid #3cff9122;
  --clip-corner-border:3px solid var(--accent);
  --clip-corner-z-index:2;
  --clip-frame-center-color:#eafff0;
  --clip-frame-center-z-index:1;
  --clip-frame-center-strong-font-size:clamp(50px,6vw,100px);
  --clip-frame-center-strong-letter-spacing:-.07em;
  --clip-frame-center-small-letter-spacing:.13em;
  --clip-frame-measure-font:700 12px monospace;
  --clip-scene-base-padding:13px 4px;
  --clip-scene-base-font:700 10px monospace;
  --clip-scene-base-letter-spacing:.15em;
  --clip-band-bridge-margin-top:-32px;
  --clip-band-bridge-margin-bottom:-32px;
  --clip-band-bridge-color:#082014;
  --clip-band-track-font-size:22px;
  --clip-band-track-font-weight:900;
  --clip-band-track-letter-spacing:.08em;
  --clip-band-track-span-padding-right:1.5em;
  --clip-section-preview-padding:145px 0 100px;
  --clip-section-heading-p-last-child-font-size:18px;
  --clip-preview-figure-margin:35px 0 0;
  --clip-preview-figure-padding:12px;
  --clip-preview-figure-background:#0a0c0d;
  --clip-preview-figure-border:1px solid color-mix(in srgb,var(--accent) 60%,transparent);
  --clip-preview-figure-box-shadow:0 28px 60px #0005;
  --clip-preview-figure-figcaption-padding:13px 6px 4px;
  --clip-preview-figure-figcaption-color:#bed0c4;
  --clip-section-features-padding:75px 0 125px;
  --clip-format-rail-margin:60px 0 50px;
  --clip-format-rail-div-border:1px solid color-mix(in srgb,var(--light-ink) 28%,transparent);
  --clip-format-rail-div-padding:22px;
  --clip-format-rail-strong-font-size:32px;
  --clip-feature-grid-article-border-top:1px solid color-mix(in srgb,var(--light-ink) 35%,transparent);
  --clip-feature-grid-article-padding:28px 24px 30px 0;
  --clip-feature-grid-h3-font-size:clamp(24px,2vw,34px);
  --clip-feature-grid-h3-letter-spacing:-.035em;
  --clip-feature-grid-h3-margin:15px 0 10px;
  --clip-section-workflow-padding:140px 0 130px;
  --clip-workflow-layout-div-p-last-child-font-size:20px;
  --clip-steps-li-gap:30px;
  --clip-steps-li-padding:30px 0;
  --clip-steps-li-border-bottom:1px solid color-mix(in srgb,var(--ink) 25%,transparent);
  --clip-steps-li-span-font:900 12px monospace;
  --clip-steps-li-span-padding-top:7px;
  --clip-steps-h3-font-size:clamp(26px,2.4vw,38px);
  --clip-steps-h3-margin-bottom:6px;
  --clip-section-questions-padding:75px 0 100px;
  --clip-faq-margin:55px 0 90px;
  --clip-faq-details-border-top:1px solid color-mix(in srgb,var(--light-ink) 30%,transparent);
  --clip-faq-details-last-child-border-bottom:1px solid color-mix(in srgb,var(--light-ink) 30%,transparent);
  --clip-faq-summary-padding:23px 42px 23px 0;
  --clip-faq-summary-font-size:clamp(19px,2vw,26px);
  --clip-faq-summary-after-font-size:27px;
  --clip-faq-p-color:color-mix(in srgb,var(--light-ink) 80%,transparent);
  --clip-faq-p-padding-bottom:20px;
  --clip-final-cta-padding-top:55px;
  --clip-final-cta-h2-font-size:clamp(40px,5vw,76px);
  --clip-app-directory-padding:75px 0;
  --clip-app-directory-h2-font-size:clamp(35px,4vw,64px);
  --clip-directory-grid-small-font-size:11px;
  --clip-clip-footer-padding:60px 0 20px;
  --clip-clip-footer-border-top:1px solid color-mix(in srgb,var(--ink) 18%,transparent);
  --clip-footer-grid-gap:40px;
  --clip-footer-brand-p-margin:14px 0;
  --clip-clip-footer-h2-margin:0 0 15px;
  --clip-clip-footer-nav-a-padding:4px 8px;
  --clip-footer-bottom-margin-top:48px;
  --clip-footer-bottom-padding-top:15px;
  --clip-a-focus-visible-outline:2px solid var(--accent);
  --clip-a-focus-visible-outline-offset:4px;
  --clip-hero-inner-gap:50px;
  --clip-header-row-gap-2:4px;
  --clip-clip-brand-gap-2:5px;
  --clip-header-actions-button-font-size-2:10px;
  --clip-hero-padding-top:116px;
  --clip-hero-padding-bottom:95px;
  --clip-h1-font-size-2:clamp(3.7rem,15vw,6rem);
  --clip-h2-font-size-2:clamp(3rem,11vw,5rem);
  --clip-scene-ratio-padding:6px;
  --clip-frame-center-strong-font-size-2:58px;
  --clip-band-bridge-margin-block:-27px;
  --clip-band-track-font-size-2:17px;
  --clip-section-preview-padding-top:110px;
  --clip-section-features-padding-top:45px;
  --clip-format-rail-margin-2:45px 0 30px;
  --clip-section-workflow-padding-2:110px 0;
  --clip-final-cta-button-margin-top:30px;
  --clip-directory-grid-a-padding:8px;
  --clip-faq-summary-after-transition:transform .2s;
  --clip-h1-font-size-3:clamp(3rem,13vw,5.3rem);
  --clip-clip-looks-gap-2:3px;
  --clip-h1-font-size-4:clamp(2.8rem,11vw,4.5rem);
}