:root{
  
  --accent:        #E5481F;   
  --accent-deep:   #C3360F;   
  --accent-soft:   #FBE4DB;   
  --accent-ink:    #7A2410;   

  
  --paper:         #F6F1E8;   
  --paper-2:       #EFE8DA;   
  --surface:       #FFFFFF;   
  --ink:           #1A1712;   
  --ink-2:         #4A4339;   
  --ink-3:         #6B6354;   
  --line:          rgba(26, 23, 18, 0.12);
  --line-strong:   rgba(26, 23, 18, 0.22);

  
  --teal:          #16868E;
  --teal-soft:     #DCEDEE;
  --teal-ink:      #0C5358;

  
  --grad-accent:   linear-gradient(125deg, #F1592F 0%, #E5481F 48%, #C3360F 100%);
  --grad-ink:      linear-gradient(150deg, #221E18 0%, #14110D 100%);

  
  --font-display: "Bricolage Grotesque", "Hanken Grotesk", system-ui, sans-serif;
  --font-body:    "Hanken Grotesk", system-ui, -apple-system, Segoe UI, sans-serif;

  
  --t-xs:   0.75rem;   
  --t-sm:   0.875rem;  
  --t-base: 1rem;      
  --t-md:   1.1875rem; 
  --t-lg:   1.5rem;    
  --t-xl:   1.875rem;  
  --t-2xl:  2.375rem;  
  --t-3xl:  3rem;      
  --t-4xl:  3.75rem;   
  --t-5xl:  clamp(2.75rem, 6vw, 5rem);

  
  --s-1: 4px;  --s-2: 8px;  --s-3: 16px; --s-4: 24px;
  --s-5: 32px; --s-6: 48px; --s-7: 64px; --s-8: 96px; --s-9: 128px;

  
  --r-sm: 10px; --r-md: 18px; --r-lg: 28px; --r-xl: 36px; --r-pill: 999px;

  
  --shadow-sm: 0 1px 2px rgba(26,23,18,.05), 0 2px 6px rgba(26,23,18,.05);
  --shadow-md: 0 2px 4px rgba(26,23,18,.05), 0 8px 20px rgba(26,23,18,.07), 0 18px 40px rgba(26,23,18,.06);
  --shadow-lg: 0 4px 8px rgba(26,23,18,.06), 0 16px 36px rgba(26,23,18,.10), 0 36px 72px rgba(26,23,18,.13);
  --shadow-accent: 0 10px 24px rgba(229,72,31,.28), 0 4px 8px rgba(229,72,31,.18);

  
  --maxw: 1240px;
  --gutter: clamp(16px, 4vw, 40px);
  --header-h: 72px;
}.pb-chrome *,.pb-chrome *::before,.pb-chrome *::after{ box-sizing: border-box; }.pb-chrome *{ margin: 0; }.pb-chrome{ -webkit-text-size-adjust: 100%; scroll-behavior: smooth; overflow-x: clip; }@media (prefers-reduced-motion: reduce){.pb-chrome{ scroll-behavior: auto; }.pb-chrome *,.pb-chrome *::before,.pb-chrome *::after{ animation-duration: .001ms !important; transition-duration: .001ms !important; }}.pb-chrome{
  font-family: var(--font-body);
  font-size: var(--t-base);
  line-height: 1.65;
  color: var(--ink-2);
  background-color: var(--paper);
  background-image:
    radial-gradient(1100px 520px at 88% -8%, rgba(229,72,31,.07), transparent 60%),
    radial-gradient(900px 480px at 0% 0%, rgba(22,134,142,.05), transparent 55%);
  background-attachment: fixed;
  overflow-x: clip;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}.pb-chrome img,.pb-chrome svg{ display: block; max-width: 100%; }.pb-chrome img{ height: auto; }.pb-chrome a{ color: inherit; text-decoration: none; }.pb-chrome ul,.pb-chrome ol{ list-style: none; padding: 0; }.pb-chrome button{ font: inherit; cursor: pointer; }.pb-chrome h1,.pb-chrome h2,.pb-chrome h3,.pb-chrome h4{
  font-family: var(--font-display);
  color: var(--ink);
  line-height: 1.05;
  letter-spacing: -0.02em;
  font-weight: 700;
  text-wrap: balance;
}.pb-chrome p{ text-wrap: pretty; }.pb-chrome :focus-visible{
  outline: 3px solid var(--accent);
  outline-offset: 2px;
  border-radius: 4px;
}.pb-chrome .skip-link{
  position: absolute; left: var(--s-3); top: -100px;
  background: var(--ink); color: #fff; padding: 12px 18px;
  border-radius: var(--r-sm); z-index: 999; font-weight: 600;
  transition: top .2s ease;
}.pb-chrome .skip-link:focus{ top: var(--s-3); }.pb-chrome .visually-hidden{
  position: absolute !important; width: 1px; height: 1px;
  padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}.pb-chrome .container{ width: 100%; max-width: var(--maxw); margin-inline: auto; padding-inline: var(--gutter); }.pb-chrome .section{ padding-block: clamp(var(--s-7), 9vw, var(--s-9)); }.pb-chrome .section--tight{ padding-block: clamp(var(--s-6), 6vw, var(--s-8)); }.pb-chrome .section--paper2{ background: var(--paper-2); }.pb-chrome .section--ink{ background: var(--grad-ink); color: #d9d2c6; position: relative; }.pb-chrome .section--ink h2,.pb-chrome .section--ink h3{ color: #fff; }.pb-chrome .section--tint{
  background:
    radial-gradient(700px 360px at 12% 0%, rgba(229,72,31,.10), transparent 60%),
    radial-gradient(700px 360px at 100% 100%, rgba(22,134,142,.08), transparent 60%),
    var(--accent-soft);
}.pb-chrome .section--accent{ background: var(--grad-accent); color: #fff; }.pb-chrome .section--accent h2,.pb-chrome .section--accent h3{ color: #fff; }.pb-chrome .section--accent .eyebrow{ color: rgba(255,255,255,.92); }.pb-chrome .section--accent .eyebrow::before{ background: #fff; }.pb-chrome .eyebrow{
  display: inline-flex; align-items: center; gap: var(--s-2);
  font-family: var(--font-body); font-weight: 700; font-size: var(--t-sm);
  letter-spacing: .14em; text-transform: uppercase; color: var(--accent-ink);
}.pb-chrome .eyebrow::before{
  content: ""; width: 22px; height: 2px; background: var(--accent); border-radius: 2px;
}.pb-chrome .section--ink .eyebrow{ color: #f0b8a6; }.pb-chrome .eyebrow--teal{ color: var(--teal-ink); }.pb-chrome .eyebrow--teal::before{ background: var(--teal); }.pb-chrome .media-frame{
  position: relative; border-radius: var(--r-xl); overflow: hidden;
  box-shadow: var(--shadow-lg); border: 1px solid var(--line);
  background: var(--paper-2);
}.pb-chrome .media-frame > img{ width: 100%; height: 100%; object-fit: cover; display: block; }.pb-chrome .media-frame--ratio{ aspect-ratio: 4 / 3; }.pb-chrome .media-frame--tall{ aspect-ratio: 3 / 4; }.pb-chrome .media-frame--cap::after{
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(to top, rgba(20,17,13,.34), transparent 46%);
}.pb-chrome .media-frame .media-cap{
  position: absolute; left: 0; right: 0; bottom: 0; z-index: 2;
  padding: var(--s-5) var(--s-4) var(--s-4); color: #fff;
  display: flex; align-items: center; gap: 10px; font-weight: 600; font-size: var(--t-sm);
}.pb-chrome .media-frame .media-cap svg{ width: 18px; height: 18px; color: #fff; flex: none; }.pb-chrome .section-head{ max-width: 720px; margin-bottom: var(--s-6); }.pb-chrome .section-head h2{ font-size: var(--t-3xl); margin-top: var(--s-3); }.pb-chrome .section-head p{ margin-top: var(--s-3); font-size: var(--t-md); color: var(--ink-3); }.pb-chrome .section--ink .section-head p{ color: #b3aa9b; }.pb-chrome .section--ink .link-arrow{ color: #fff; }.pb-chrome .section--ink .link-arrow svg{ color: #fff; }.pb-chrome .section--ink .step{ border-color: transparent; }.pb-chrome .center{ text-align: center; margin-inline: auto; }.pb-chrome .btn{
  display: inline-flex; align-items: center; justify-content: center; gap: var(--s-2);
  padding: 14px 24px; border-radius: var(--r-pill); border: 1.5px solid transparent;
  font-family: var(--font-body); font-weight: 700; font-size: var(--t-base);
  line-height: 1; text-align: center; transition: transform .15s ease, background .2s ease, box-shadow .2s ease, color .2s ease;
  min-height: 48px;
}.pb-chrome .btn svg{ width: 18px; height: 18px; }.pb-chrome .btn--primary{ background: var(--accent); color: #fff; box-shadow: 0 6px 18px rgba(229,72,31,.28); }.pb-chrome .btn--primary:hover{ background: var(--accent-deep); transform: translateY(-2px); box-shadow: 0 10px 24px rgba(229,72,31,.34); }.pb-chrome .btn--secondary{ background: transparent; color: var(--ink); border-color: var(--line-strong); }.pb-chrome .btn--secondary:hover{ border-color: var(--ink); background: var(--ink); color: #fff; transform: translateY(-2px); }.pb-chrome .btn--ghost{ background: var(--surface); color: var(--ink); border-color: var(--line); box-shadow: var(--shadow-sm); }.pb-chrome .btn--ghost:hover{ transform: translateY(-2px); box-shadow: var(--shadow-md); border-color: var(--line-strong); }.pb-chrome .btn--on-ink{ background: #fff; color: var(--ink); }.pb-chrome .btn--on-ink:hover{ background: var(--accent); color: #fff; transform: translateY(-2px); }.pb-chrome .btn--on-ink-sec{ background: transparent; color: #fff; border-color: rgba(255,255,255,.4); }.pb-chrome .btn--on-ink-sec:hover{ border-color: #fff; background: rgba(255,255,255,.1); }.pb-chrome .btn--sm{ padding: 10px 18px; min-height: 40px; font-size: var(--t-sm); }.pb-chrome .btn--block{ width: 100%; }.pb-chrome .cta-row{ display: flex; flex-wrap: wrap; gap: var(--s-3); }.pb-chrome .link-arrow{
  display: inline-flex; align-items: center; gap: 6px; font-weight: 700; color: var(--accent-ink);
}.pb-chrome .link-arrow svg{ width: 16px; height: 16px; transition: transform .18s ease; }.pb-chrome .link-arrow:hover svg{ transform: translateX(4px); }.pb-chrome .site-header{
  position: sticky; top: 0; z-index: 100;
  background: color-mix(in srgb, var(--paper) 88%, transparent);
  backdrop-filter: saturate(1.4) blur(12px);
  border-bottom: 1px solid var(--line);
}.pb-chrome .utility-bar{
  background: var(--ink); color: #cfc7b9; font-size: var(--t-sm);
}.pb-chrome .utility-bar .container{ display: flex; flex-wrap: wrap; gap: var(--s-2) var(--s-5); align-items: center; justify-content: center; padding-block: 8px; text-align: center; }.pb-chrome .utility-bar strong{ color: #fff; }.pb-chrome .utility-bar .dot{ width: 5px; height: 5px; background: var(--accent); border-radius: 50%; display: inline-block; }.pb-chrome .utility-bar a{ display: inline-flex; align-items: center; gap: 6px; font-weight: 600; white-space: nowrap; }.pb-chrome .utility-bar a:hover{ color: #fff; }.pb-chrome .utility-bar svg{ width: 16px; height: 16px; flex: none; }.pb-chrome .utility-bar span{ white-space: nowrap; }.pb-chrome .nav{ display: flex; align-items: center; gap: var(--s-4); height: var(--header-h); }.pb-chrome .brand{ display: inline-flex; align-items: center; gap: 10px; font-family: var(--font-display); font-weight: 700; font-size: 1.25rem; color: var(--ink); letter-spacing: -0.02em; }.pb-chrome .brand .mark{ width: 34px; height: 34px; flex: none; }.pb-chrome .brand b{ color: var(--accent); }.pb-chrome .nav-links{ display: none; }.pb-chrome .nav-spacer{ flex: 1; }.pb-chrome .nav-actions{ display: none; align-items: center; gap: var(--s-3); }.pb-chrome .nav-phone{ display: inline-flex; align-items: center; gap: 8px; font-weight: 700; color: var(--ink); }.pb-chrome .nav-phone svg{ width: 18px; height: 18px; color: var(--accent); }.pb-chrome .nav-toggle{ position: absolute; opacity: 0; pointer-events: none; }.pb-chrome .nav-burger{
  margin-left: auto; display: inline-flex; flex-direction: column; gap: 5px;
  width: 48px; height: 48px; align-items: center; justify-content: center;
  border: 1px solid var(--line); border-radius: var(--r-sm); background: var(--surface);
}.pb-chrome .nav-burger span{ width: 22px; height: 2px; background: var(--ink); border-radius: 2px; transition: .2s; }.pb-chrome .mobile-menu{
  display: none; flex-direction: column; gap: var(--s-1);
  padding: var(--s-3) var(--gutter) var(--s-5);
  border-top: 1px solid var(--line); background: var(--paper);
}.pb-chrome .mobile-menu a{ padding: 14px 12px; border-radius: var(--r-sm); font-weight: 600; color: var(--ink); font-size: var(--t-md); }.pb-chrome .mobile-menu a:hover,.pb-chrome .mobile-menu a[aria-current="page"]{ background: var(--surface); color: var(--accent-ink); }.pb-chrome .mobile-menu .cta-row{ margin-top: var(--s-3); }.pb-chrome .nav-toggle:checked ~ .mobile-menu{ display: flex; }.pb-chrome .nav-toggle:focus-visible ~ .nav .nav-burger{ outline: 3px solid var(--accent); outline-offset: 2px; }@media (min-width: 1000px){.pb-chrome .nav-burger{ display: none; }.pb-chrome .nav-links{ display: flex; align-items: center; gap: 2px; list-style: none; margin: 0; padding: 0; }.pb-chrome .nav-links > li{ position: relative; display: flex; }.pb-chrome .nav-links > li > a,.pb-chrome .drop-toggle{
    display: inline-flex; align-items: center; gap: 6px;
    padding: 10px 12px; border-radius: var(--r-sm); font-family: var(--font-body);
    font-weight: 600; font-size: var(--t-sm); color: var(--ink-2);
    background: none; border: none; cursor: pointer; transition: background .15s, color .15s;
  }.pb-chrome .nav-links > li > a:hover,.pb-chrome .has-drop:hover .drop-toggle,.pb-chrome .has-drop:focus-within .drop-toggle{ color: var(--ink); background: rgba(26,23,18,.05); }.pb-chrome .nav-links > li > a[aria-current="page"],.pb-chrome .drop-toggle.is-active{ color: var(--accent-ink); background: var(--accent-soft); }.pb-chrome .drop-toggle svg{ width: 14px; height: 14px; transition: transform .2s ease; }.pb-chrome .has-drop:hover .drop-toggle svg,.pb-chrome .has-drop:focus-within .drop-toggle svg{ transform: rotate(180deg); }.pb-chrome .drop-menu{
    position: absolute; top: calc(100% + 6px); left: 0; min-width: 248px;
    background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-md);
    box-shadow: var(--shadow-lg); padding: 8px; display: grid; gap: 2px; z-index: 120;
    opacity: 0; visibility: hidden; transform: translateY(-6px);
    transition: opacity .16s ease, transform .16s ease, visibility .16s;
  }.pb-chrome .has-drop:hover .drop-menu,.pb-chrome .has-drop:focus-within .drop-menu{ opacity: 1; visibility: visible; transform: translateY(0); }.pb-chrome .drop-menu a{ padding: 11px 12px; border-radius: var(--r-sm); font-weight: 600; font-size: var(--t-sm); color: var(--ink-2); white-space: nowrap; }.pb-chrome .drop-menu a:hover,.pb-chrome .drop-menu a[aria-current="page"]{ background: var(--accent-soft); color: var(--accent-ink); }.pb-chrome .nav-actions{ display: flex; }.pb-chrome .mobile-menu{ display: none !important; }}.pb-chrome .hero{ position: relative; overflow: hidden; }.pb-chrome .hero::before{
  content: ""; position: absolute; top: -160px; right: -140px; width: 560px; height: 560px;
  border-radius: 50%; z-index: 0; pointer-events: none;
  background: radial-gradient(circle, rgba(229,72,31,.16), transparent 66%);
}.pb-chrome .hero .container{ position: relative; z-index: 1; padding-top: clamp(var(--s-6), 7vw, var(--s-8)); padding-bottom: clamp(var(--s-6), 7vw, var(--s-8)); }.pb-chrome .hero-grid{ display: grid; gap: var(--s-5); align-items: center; }.pb-chrome .hero-copy .eyebrow{ margin-bottom: var(--s-4); }.pb-chrome .hero-copy h1{ font-size: clamp(1.95rem, 5.2vw, 3.75rem); letter-spacing: -0.02em; overflow-wrap: break-word; }.pb-chrome .hero-copy h1 em{ font-style: normal; color: var(--accent); position: relative; white-space: nowrap; }.pb-chrome .hero-copy h1 em::after{ content: ""; position: absolute; left: 0; right: 0; bottom: .06em; height: .12em; background: var(--accent); opacity: .22; border-radius: 4px; }.pb-chrome .hero-sub{ margin-top: var(--s-4); font-size: var(--t-md); color: var(--ink-2); max-width: 46ch; }.pb-chrome .hero-copy .cta-row{ margin-top: var(--s-5); }.pb-chrome .hero-trust{ margin-top: var(--s-5); display: flex; flex-wrap: wrap; gap: var(--s-3) var(--s-5); }.pb-chrome .hero-trust li{ display: flex; align-items: center; gap: 8px; font-weight: 600; color: var(--ink); font-size: var(--t-sm); }.pb-chrome .hero-trust svg{ width: 18px; height: 18px; color: var(--accent); flex: none; }.pb-chrome .hero-media{ position: relative; display: flex; flex-direction: column; gap: var(--s-3); }.pb-chrome .hero-media::before{ content: ""; display: none; }.pb-chrome .hero-media .media-frame{ order: 1; position: relative; z-index: 1; border-radius: var(--r-xl); overflow: hidden; box-shadow: var(--shadow-lg); border: 1px solid var(--line); aspect-ratio: 4/3.1; }.pb-chrome .hero-media .media-frame::after{ content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(20,17,13,.20), transparent 42%); }.pb-chrome .hero-media .media-frame img{ width: 100%; height: 100%; object-fit: cover; }.pb-chrome .hero-badge{
  order: 3; align-self: flex-start; z-index: 3;
  display: inline-flex; align-items: center; gap: 8px;
  background: var(--teal); color: #fff; font-weight: 700; font-size: var(--t-sm);
  padding: 10px 16px; border-radius: var(--r-pill); box-shadow: var(--shadow-md);
}.pb-chrome .hero-badge svg{ width: 16px; height: 16px; }.pb-chrome .price-chip{
  order: 2; z-index: 4; max-width: 280px;
  background: var(--surface); border: 1px solid var(--line); border-left: 5px solid var(--accent);
  box-shadow: var(--shadow-lg); border-radius: var(--r-lg); padding: var(--s-4);
}.pb-chrome .price-chip .label{ font-size: var(--t-xs); text-transform: uppercase; letter-spacing: .12em; color: var(--ink-3); font-weight: 700; }.pb-chrome .price-chip .price{ font-family: var(--font-display); font-size: var(--t-2xl); color: var(--ink); line-height: 1; margin-top: 6px; }.pb-chrome .price-chip .price b{ color: var(--accent); }.pb-chrome .price-chip .meta{ font-size: var(--t-sm); color: var(--ink-3); margin-top: 6px; }@media (min-width: 880px){.pb-chrome .hero-grid{ grid-template-columns: 1.08fr 0.92fr; gap: var(--s-8); }.pb-chrome .hero-media{ display: block; }.pb-chrome .hero-media::before{ display: block; position: absolute; right: -22px; bottom: 18px; width: 58%; height: 72%; background: var(--accent-soft); border: 1px solid rgba(229,72,31,.4); border-radius: var(--r-xl); z-index: 0; }.pb-chrome .hero-media .hero-badge{ position: absolute; top: 18px; right: -10px; }.pb-chrome .hero-media .price-chip{ position: absolute; left: -10px; bottom: 26px; max-width: 244px; }}.pb-chrome .bento{
  display: grid; gap: var(--s-3);
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: minmax(150px, auto);
}.pb-chrome .bento-card{
  position: relative; background: var(--surface); border: 1px solid var(--line);
  border-radius: var(--r-lg); padding: var(--s-5); overflow: hidden;
  display: flex; flex-direction: column; box-shadow: var(--shadow-sm);
  transition: transform .18s ease, box-shadow .2s ease, border-color .2s ease;
}.pb-chrome a.bento-card:hover{ transform: translateY(-3px); box-shadow: var(--shadow-md); border-color: var(--line-strong); }.pb-chrome .bento-card h3{ font-size: var(--t-xl); }.pb-chrome .bento-card p{ margin-top: var(--s-2); color: var(--ink-2); }.pb-chrome .bento-card .link-arrow{ margin-top: auto; padding-top: var(--s-4); }.pb-chrome .bento-card .card-icon{ width: 44px; height: 44px; border-radius: 12px; background: var(--accent-soft); color: var(--accent-deep); display: grid; place-items: center; margin-bottom: var(--s-4); }.pb-chrome .bento-card .card-icon svg{ width: 24px; height: 24px; }.pb-chrome .span-2{ grid-column: span 2; }.pb-chrome .row-2{ grid-row: span 2; }.pb-chrome .bento-media{ padding: 0; }.pb-chrome .bento-media img{ width: 100%; height: 100%; object-fit: cover; min-height: 200px; }.pb-chrome .bento-card--feature{ background: var(--ink); color: #d9d2c6; }.pb-chrome .bento-card--feature h3{ color: #fff; }.pb-chrome .bento-card--feature p{ color: #b3aa9b; }.pb-chrome .bento-card--accent{ background: var(--accent); color: #fff; border-color: transparent; }.pb-chrome .bento-card--accent h3{ color: #fff; }.pb-chrome .bento-card--accent p{ color: rgba(255,255,255,.9); }.pb-chrome .bento-card--accent .card-icon{ background: rgba(255,255,255,.18); color: #fff; }.pb-chrome .bento-card--photo{ color: #fff; border: none; justify-content: flex-end; min-height: 240px; }.pb-chrome .bento-card--photo > img{
  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
  z-index: 0; transition: transform .55s cubic-bezier(.2,.7,.3,1);
}.pb-chrome .bento-card--photo::after{
  content: ""; position: absolute; inset: 0; z-index: 1;
  background: linear-gradient(to top, rgba(18,14,10,.9) 2%, rgba(18,14,10,.45) 42%, rgba(18,14,10,.08) 78%);
}.pb-chrome .bento-card--photo > *:not(img){ position: relative; z-index: 2; }.pb-chrome .bento-card--photo h3{ color: #fff; }.pb-chrome .bento-card--photo p{ color: rgba(255,255,255,.86); }.pb-chrome .bento-card--photo .link-arrow{ color: #fff; }.pb-chrome .bento-card--photo .link-arrow svg{ color: #fff; }.pb-chrome a.bento-card--photo:hover{ box-shadow: var(--shadow-lg); }.pb-chrome a.bento-card--photo:hover > img{ transform: scale(1.05); }.pb-chrome .bento-card--photo.row-2{ min-height: 380px; }@media (min-width: 760px){.pb-chrome .bento{ grid-template-columns: repeat(4, 1fr); gap: var(--s-4); }.pb-chrome .bento-card{ padding: var(--s-6); }}.pb-chrome .cat-tile{ padding: 0; }.pb-chrome .cat-tile .cat-media{ aspect-ratio: 1/1; overflow: hidden; background: var(--paper-2); }.pb-chrome .cat-tile .cat-media img{ width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }.pb-chrome .cat-tile:hover .cat-media img{ transform: scale(1.04); }.pb-chrome .cat-tile .cat-body{ padding: var(--s-5); display: flex; flex-direction: column; flex: 1; }.pb-chrome .price-block{
  display: grid; gap: var(--s-5); align-items: center;
  background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-xl);
  padding: clamp(var(--s-5), 4vw, var(--s-7)); box-shadow: var(--shadow-md);
}.pb-chrome .price-block .from-label{ font-size: var(--t-sm); text-transform: uppercase; letter-spacing: .12em; font-weight: 700; color: var(--ink-3); }.pb-chrome .price-block .from-price{ font-family: var(--font-display); font-size: var(--t-4xl); color: var(--ink); line-height: 1; margin-top: var(--s-2); }.pb-chrome .price-block .from-price b{ color: var(--accent); }.pb-chrome .price-block .from-note{ color: var(--ink-3); margin-top: var(--s-2); }.pb-chrome .price-block .price-list{ margin-top: var(--s-4); display: grid; gap: 10px; }.pb-chrome .price-block .price-list li{ display: flex; align-items: center; gap: 10px; font-weight: 600; color: var(--ink); }.pb-chrome .price-block .price-list svg{ width: 18px; height: 18px; color: var(--accent); flex: none; }.pb-chrome .price-list svg{ width: 18px; height: 18px; flex: none; color: var(--accent); }.pb-chrome .price-list li{ display: flex; align-items: center; gap: 10px; font-weight: 600; color: var(--ink); }.pb-chrome .price-block .config-side{ background: var(--accent-soft); border-radius: var(--r-lg); padding: var(--s-5); border: 1px solid rgba(229,72,31,.28); }.pb-chrome .price-block .config-side h3{ font-size: var(--t-lg); color: var(--ink); }.pb-chrome .price-block .config-side p{ margin-top: var(--s-2); color: var(--accent-ink); font-size: var(--t-sm); }.pb-chrome .price-block .cta-row{ margin-top: var(--s-4); }.pb-chrome .config-note{ display: inline-flex; align-items: center; gap: 8px; margin-top: var(--s-4); font-size: var(--t-sm); color: var(--ink-3); }.pb-chrome .config-note svg{ width: 16px; height: 16px; color: var(--teal); }@media (min-width: 860px){.pb-chrome .price-block{ grid-template-columns: 1.15fr 0.85fr; gap: var(--s-7); }}.pb-chrome .steps{ display: grid; gap: var(--s-4); counter-reset: step; }.pb-chrome .step{
  position: relative; background: var(--surface); border: 1px solid var(--line);
  border-radius: var(--r-lg); padding: var(--s-6) var(--s-5) var(--s-5); box-shadow: var(--shadow-sm);
}.pb-chrome .step .step-num{
  counter-increment: step; position: absolute; top: calc(-1 * var(--s-4)); left: var(--s-5);
  width: 52px; height: 52px; border-radius: 14px; background: var(--accent); color: #fff;
  display: grid; place-items: center; font-family: var(--font-display); font-weight: 700; font-size: var(--t-xl);
  box-shadow: 0 6px 16px rgba(229,72,31,.3);
}.pb-chrome .step .step-num::after{ content: counter(step, decimal-leading-zero); }.pb-chrome .step h3{ font-size: var(--t-lg); margin-top: var(--s-3); }.pb-chrome .step p{ margin-top: var(--s-2); color: var(--ink-2); }@media (min-width: 760px){.pb-chrome .steps{ grid-template-columns: repeat(3, 1fr); gap: var(--s-5); }}.pb-chrome .steps--4{ }@media (min-width: 760px){.pb-chrome .steps--4{ grid-template-columns: repeat(4, 1fr); }}.pb-chrome .feature-grid{ display: grid; gap: var(--s-4); grid-template-columns: 1fr; }@media (min-width: 640px){.pb-chrome .feature-grid{ grid-template-columns: repeat(2, 1fr); }}@media (min-width: 980px){.pb-chrome .feature-grid--4{ grid-template-columns: repeat(4, 1fr); }}.pb-chrome .feature{
  background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-lg);
  padding: var(--s-5); box-shadow: var(--shadow-sm); transition: transform .18s, box-shadow .2s;
}.pb-chrome .feature:hover{ transform: translateY(-3px); box-shadow: var(--shadow-md); }.pb-chrome .feature .f-icon{ width: 48px; height: 48px; border-radius: 14px; background: var(--accent-soft); color: var(--accent-deep); display: grid; place-items: center; margin-bottom: var(--s-4); }.pb-chrome .feature .f-icon svg{ width: 26px; height: 26px; }.pb-chrome .feature h3{ font-size: var(--t-md); }.pb-chrome .feature p{ margin-top: var(--s-2); color: var(--ink-2); font-size: var(--t-base); }.pb-chrome .feature .f-icon svg{ transition: transform .2s ease; }.pb-chrome .feature:hover .f-icon svg{ transform: scale(1.08); }.pb-chrome .feature--ink{ background: var(--grad-ink); border-color: transparent; color: #cfc7b9; box-shadow: var(--shadow-md); }.pb-chrome .feature--ink h3{ color: #fff; }.pb-chrome .feature--ink p{ color: #b3aa9b; }.pb-chrome .feature--ink .f-icon{ background: rgba(255,255,255,.12); color: #fff; }.pb-chrome .feature--accent{ background: var(--grad-accent); border-color: transparent; color: #fff; box-shadow: var(--shadow-accent); }.pb-chrome .feature--accent h3{ color: #fff; }.pb-chrome .feature--accent p{ color: rgba(255,255,255,.92); }.pb-chrome .feature--accent .f-icon{ background: rgba(255,255,255,.22); color: #fff; }.pb-chrome .promise{
  display: grid; gap: var(--s-5); align-items: center;
  background: var(--grad-accent);
  border: none; border-radius: var(--r-xl); padding: clamp(var(--s-5), 4vw, var(--s-7));
  box-shadow: var(--shadow-accent); color: #fff; position: relative; overflow: hidden;
}.pb-chrome .promise::before{ content: ""; position: absolute; top: -60px; right: -40px; width: 280px; height: 280px; border-radius: 50%; background: rgba(255,255,255,.12); }.pb-chrome .promise > *{ position: relative; z-index: 1; }.pb-chrome .promise .p-badge{ width: 64px; height: 64px; border-radius: 18px; background: rgba(255,255,255,.2); color: #fff; display: grid; place-items: center; }.pb-chrome .promise .p-badge svg{ width: 34px; height: 34px; }.pb-chrome .promise h2{ font-size: var(--t-2xl); color: #fff; }.pb-chrome .promise p{ margin-top: var(--s-3); font-size: var(--t-md); color: rgba(255,255,255,.92); }@media (min-width: 760px){.pb-chrome .promise{ grid-template-columns: auto 1fr auto; gap: var(--s-6); }}.pb-chrome .stats{ display: grid; gap: var(--s-5); grid-template-columns: repeat(2, 1fr); text-align: center; }@media (min-width: 760px){.pb-chrome .stats{ grid-template-columns: repeat(4, 1fr); }}.pb-chrome .stat .num{ font-family: var(--font-display); font-size: var(--t-4xl); color: #fff; line-height: 1; }.pb-chrome .stat .num b{ color: var(--accent); }.pb-chrome .stat .lbl{ margin-top: var(--s-2); color: #b3aa9b; font-weight: 600; }.pb-chrome .compare{ overflow-x: auto; border-radius: var(--r-lg); border: 1px solid var(--line); box-shadow: var(--shadow-sm); }.pb-chrome .compare table{ width: 100%; border-collapse: collapse; background: var(--surface); min-width: 560px; }.pb-chrome .compare th,.pb-chrome .compare td{ padding: var(--s-4) var(--s-4); text-align: left; border-bottom: 1px solid var(--line); }.pb-chrome .compare thead th{ font-family: var(--font-body); font-size: var(--t-sm); text-transform: uppercase; letter-spacing: .08em; color: var(--ink-3); font-weight: 700; }.pb-chrome .compare thead th.us{ color: var(--accent-ink); }.pb-chrome .compare tbody th{ font-weight: 600; color: var(--ink); }.pb-chrome .compare td{ color: var(--ink-2); }.pb-chrome .compare .col-us{ background: var(--accent-soft); }.pb-chrome .compare thead .col-us{ border-top-left-radius: 0; }.pb-chrome .compare td.col-us{ font-weight: 700; color: var(--ink); }.pb-chrome .compare .yes{ color: var(--accent-deep); }.pb-chrome .compare .no{ color: var(--ink-3); }.pb-chrome .compare svg{ width: 18px; height: 18px; vertical-align: -3px; }.pb-chrome .testi-grid{ display: grid; gap: var(--s-4); grid-template-columns: 1fr; }@media (min-width: 700px){.pb-chrome .testi-grid{ grid-template-columns: repeat(2, 1fr); }}@media (min-width: 1000px){.pb-chrome .testi-grid{ grid-template-columns: repeat(3, 1fr); }}.pb-chrome .testi{
  background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-lg);
  padding: var(--s-5); box-shadow: var(--shadow-sm); display: flex; flex-direction: column;
}.pb-chrome .testi .stars{ display: flex; gap: 2px; color: var(--accent); margin-bottom: var(--s-3); }.pb-chrome .testi .stars svg{ width: 18px; height: 18px; }.pb-chrome .testi blockquote{ font-size: var(--t-md); color: var(--ink); line-height: 1.5; }.pb-chrome .testi .who{ margin-top: var(--s-4); display: flex; align-items: center; gap: 12px; }.pb-chrome .testi .avatar{ width: 44px; height: 44px; border-radius: 50%; background: var(--accent-soft); color: var(--accent-deep); display: grid; place-items: center; font-family: var(--font-display); font-weight: 700; }.pb-chrome .testi .who .name{ font-weight: 700; color: var(--ink); }.pb-chrome .testi .who .role{ font-size: var(--t-sm); color: var(--ink-3); }.pb-chrome .logos{ display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--s-3); margin-top: var(--s-6); }@media (min-width: 700px){.pb-chrome .logos{ grid-template-columns: repeat(5, 1fr); }}.pb-chrome .logo-ph{
  height: 72px; border: 1px dashed var(--line-strong); border-radius: var(--r-md);
  display: grid; place-items: center; color: var(--ink-3); font-weight: 700; letter-spacing: .04em;
  background: var(--surface);
}.pb-chrome .faq{ max-width: 820px; margin-inline: auto; display: grid; gap: var(--s-3); }.pb-chrome .faq details{
  background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-md);
  box-shadow: var(--shadow-sm); overflow: hidden;
}.pb-chrome .faq summary{
  list-style: none; cursor: pointer; padding: var(--s-4) var(--s-5);
  display: flex; align-items: center; justify-content: space-between; gap: var(--s-3);
  font-family: var(--font-display); font-weight: 700; font-size: var(--t-md); color: var(--ink);
}.pb-chrome .faq summary::-webkit-details-marker{ display: none; }.pb-chrome .faq summary .chev{ width: 26px; height: 26px; flex: none; border-radius: 50%; background: var(--accent-soft); color: var(--accent-deep); display: grid; place-items: center; transition: transform .2s ease; }.pb-chrome .faq summary .chev svg{ width: 16px; height: 16px; }.pb-chrome .faq details[open] summary .chev{ transform: rotate(45deg); }.pb-chrome .faq details > p{ padding: 0 var(--s-5) var(--s-5); color: var(--ink-2); }.pb-chrome .breadcrumb{ padding-top: var(--s-5); }.pb-chrome .breadcrumb ol{ display: flex; flex-wrap: wrap; gap: 8px; align-items: center; font-size: var(--t-sm); color: var(--ink-3); }.pb-chrome .breadcrumb a{ font-weight: 600; }.pb-chrome .breadcrumb a:hover{ color: var(--accent-ink); }.pb-chrome .breadcrumb svg{ width: 14px; height: 14px; opacity: .5; }.pb-chrome .breadcrumb [aria-current="page"]{ color: var(--ink); font-weight: 600; }.pb-chrome .page-hero .eyebrow{ margin-bottom: var(--s-3); }.pb-chrome .page-hero h1{ font-size: var(--t-4xl); }.pb-chrome .page-hero .intro{ margin-top: var(--s-4); font-size: var(--t-md); color: var(--ink-2); max-width: 62ch; }.pb-chrome .page-hero .cta-row{ margin-top: var(--s-5); }.pb-chrome .type-grid{ display: grid; gap: var(--s-4); grid-template-columns: 1fr; }@media (min-width: 620px){.pb-chrome .type-grid{ grid-template-columns: repeat(2, 1fr); }}@media (min-width: 980px){.pb-chrome .type-grid--3{ grid-template-columns: repeat(3, 1fr); }}.pb-chrome .type-card{
  background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-lg);
  overflow: hidden; box-shadow: var(--shadow-sm); display: flex; flex-direction: column;
  transition: transform .18s, box-shadow .2s, border-color .2s;
}.pb-chrome .type-card:hover{ transform: translateY(-4px); box-shadow: var(--shadow-md); border-color: var(--line-strong); }.pb-chrome .type-card .t-media{ aspect-ratio: 4/3; overflow: hidden; background: var(--paper-2); }.pb-chrome .type-card .t-media img{ width: 100%; height: 100%; object-fit: cover; transition: transform .4s; }.pb-chrome .type-card:hover .t-media img{ transform: scale(1.05); }.pb-chrome .type-card .t-body{ padding: var(--s-5); display: flex; flex-direction: column; flex: 1; }.pb-chrome .type-card h3{ font-size: var(--t-lg); }.pb-chrome .type-card p{ margin-top: var(--s-2); color: var(--ink-2); }.pb-chrome .type-card .link-arrow{ margin-top: auto; padding-top: var(--s-4); }.pb-chrome .guide-list{ display: grid; gap: var(--s-3); }.pb-chrome .guide-list li{
  display: flex; gap: var(--s-3); align-items: flex-start;
  background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-md);
  padding: var(--s-4); box-shadow: var(--shadow-sm);
}.pb-chrome .guide-list .gi{ width: 36px; height: 36px; flex: none; border-radius: 10px; background: var(--accent-soft); color: var(--accent-deep); display: grid; place-items: center; }.pb-chrome .guide-list .gi svg{ width: 20px; height: 20px; }.pb-chrome .guide-list b{ color: var(--ink); display: block; }.pb-chrome .guide-list span{ color: var(--ink-2); }.pb-chrome .audience-grid{ display: grid; gap: var(--s-4); grid-template-columns: 1fr; }@media (min-width: 760px){.pb-chrome .audience-grid{ grid-template-columns: repeat(3, 1fr); }}.pb-chrome .audience{
  background: var(--paper); border: 1px solid var(--line); border-left: 4px solid var(--accent);
  border-radius: var(--r-md); padding: var(--s-5);
}.pb-chrome .audience h3{ font-size: var(--t-md); }.pb-chrome .audience p{ margin-top: var(--s-2); color: var(--ink-2); }.pb-chrome .cta-band{ background: var(--ink); border-radius: var(--r-xl); padding: clamp(var(--s-6), 5vw, var(--s-8)); text-align: center; position: relative; overflow: hidden; }.pb-chrome .cta-band::before{ content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 80% 20%, rgba(229,72,31,.35), transparent 55%); }.pb-chrome .cta-band > *{ position: relative; }.pb-chrome .cta-band h2{ color: #fff; font-size: var(--t-3xl); }.pb-chrome .cta-band p{ margin-top: var(--s-3); color: #c9c0b2; font-size: var(--t-md); max-width: 52ch; margin-inline: auto; }.pb-chrome .cta-band .cta-row{ margin-top: var(--s-5); justify-content: center; }.pb-chrome .gallery{ display: grid; gap: var(--s-3); grid-template-columns: repeat(2, 1fr); }@media (min-width: 760px){.pb-chrome .gallery{ grid-template-columns: repeat(3, 1fr); gap: var(--s-4); }}.pb-chrome .gallery figure{
  position: relative; overflow: hidden; border-radius: var(--r-lg); border: 1px solid var(--line);
  box-shadow: var(--shadow-sm); margin: 0; aspect-ratio: 4 / 3;
}.pb-chrome .gallery img{ width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }.pb-chrome .gallery figure:hover img{ transform: scale(1.06); }.pb-chrome .gallery figcaption{
  position: absolute; left: 0; right: 0; bottom: 0; padding: var(--s-5) var(--s-4) var(--s-4);
  background: linear-gradient(to top, rgba(26,23,18,.85), transparent);
  color: #fff; font-weight: 600; font-size: var(--t-sm);
}.pb-chrome .gallery figcaption b{ display: block; font-family: var(--font-display); font-size: var(--t-md); }.pb-chrome .gallery figcaption span{ color: #d9d2c6; font-weight: 500; }.pb-chrome .beforeafter{ display: grid; gap: var(--s-4); grid-template-columns: 1fr; }@media (min-width: 720px){.pb-chrome .beforeafter{ grid-template-columns: 1fr 1fr; }}.pb-chrome .ba-card{ border-radius: var(--r-lg); overflow: hidden; border: 1px solid var(--line); position: relative; box-shadow: var(--shadow-sm); }.pb-chrome .ba-card img{ width: 100%; aspect-ratio: 4/3; object-fit: cover; }.pb-chrome .ba-tag{ position: absolute; top: var(--s-3); left: var(--s-3); background: var(--ink); color: #fff; font-size: var(--t-xs); font-weight: 700; letter-spacing: .1em; text-transform: uppercase; padding: 6px 12px; border-radius: var(--r-pill); }.pb-chrome .ba-card.is-after .ba-tag{ background: var(--accent); }.pb-chrome .contact-grid{ display: grid; gap: var(--s-6); grid-template-columns: 1fr; }@media (min-width: 900px){.pb-chrome .contact-grid{ grid-template-columns: 1.2fr 0.8fr; gap: var(--s-7); }}.pb-chrome .form-card{ background: var(--surface); border: 1px solid var(--line); border-radius: var(--r-xl); padding: clamp(var(--s-5), 4vw, var(--s-7)); box-shadow: var(--shadow-md); }.pb-chrome .field{ margin-bottom: var(--s-4); }.pb-chrome .field label{ display: block; font-weight: 700; color: var(--ink); margin-bottom: 8px; font-size: var(--t-sm); }.pb-chrome .field label .req{ color: var(--accent-deep); }.pb-chrome .field input,.pb-chrome .field select,.pb-chrome .field textarea{
  width: 100%; font: inherit; color: var(--ink); background: var(--paper);
  border: 1.5px solid var(--line-strong); border-radius: var(--r-md); padding: 13px 15px;
  transition: border-color .15s, box-shadow .15s;
}.pb-chrome .field textarea{ min-height: 140px; resize: vertical; }.pb-chrome .field input::placeholder,.pb-chrome .field textarea::placeholder{ color: var(--ink-3); }.pb-chrome .field input:focus,.pb-chrome .field select:focus,.pb-chrome .field textarea:focus{
  outline: none; border-color: var(--accent); box-shadow: 0 0 0 4px rgba(229,72,31,.15);
}.pb-chrome .field .hint{ font-size: var(--t-xs); color: var(--ink-3); margin-top: 6px; }.pb-chrome .field-row{ display: grid; gap: var(--s-4); grid-template-columns: 1fr; }@media (min-width: 560px){.pb-chrome .field-row{ grid-template-columns: 1fr 1fr; }}.pb-chrome .checkbox-field{ display: flex; gap: 12px; align-items: flex-start; }.pb-chrome .checkbox-field input{ width: auto; margin-top: 4px; accent-color: var(--accent); width: 18px; height: 18px; flex: none; }.pb-chrome .checkbox-field label{ font-weight: 500; color: var(--ink-2); margin: 0; font-size: var(--t-sm); }.pb-chrome fieldset{ border: none; padding: 0; }.pb-chrome fieldset legend{ font-weight: 700; color: var(--ink); margin-bottom: var(--s-3); font-size: var(--t-md); font-family: var(--font-display); }.pb-chrome .contact-aside .info-card{ background: var(--ink); color: #d9d2c6; border-radius: var(--r-xl); padding: var(--s-6); }.pb-chrome .contact-aside .info-card h3{ color: #fff; font-size: var(--t-lg); }.pb-chrome .contact-aside .info-list{ margin-top: var(--s-4); display: grid; gap: var(--s-4); }.pb-chrome .contact-aside .info-list li{ display: flex; gap: 12px; align-items: flex-start; }.pb-chrome .contact-aside .info-list svg{ width: 22px; height: 22px; color: var(--accent); flex: none; }.pb-chrome .contact-aside .info-list .k{ font-size: var(--t-xs); text-transform: uppercase; letter-spacing: .1em; color: #9a9183; font-weight: 700; }.pb-chrome .contact-aside .info-list .v{ color: #fff; font-weight: 600; }.pb-chrome .contact-aside .info-list a.v:hover{ color: var(--accent); }.pb-chrome .about-hero{ display: grid; gap: var(--s-6); align-items: center; }@media (min-width: 880px){.pb-chrome .about-hero{ grid-template-columns: 1fr 1fr; gap: var(--s-7); }}.pb-chrome .about-hero .media-frame{ border-radius: var(--r-xl); overflow: hidden; box-shadow: var(--shadow-lg); border: 1px solid var(--line); }.pb-chrome .values{ display: grid; gap: var(--s-4); grid-template-columns: 1fr; }@media (min-width: 700px){.pb-chrome .values{ grid-template-columns: repeat(3, 1fr); }}.pb-chrome .site-footer{ background: var(--ink); color: #b3aa9b; padding-top: var(--s-8); margin-top: var(--s-2); }.pb-chrome .footer-grid{ display: grid; gap: var(--s-6); grid-template-columns: 1fr; }@media (min-width: 700px){.pb-chrome .footer-grid{ grid-template-columns: 1.4fr repeat(3, 1fr); }}.pb-chrome .site-footer .brand{ color: #fff; }.pb-chrome .site-footer .brand b{ color: var(--accent); }.pb-chrome .footer-about{ color: #9a9183; margin-top: var(--s-3); max-width: 36ch; }.pb-chrome .footer-contact{ margin-top: var(--s-4); display: grid; gap: 10px; }.pb-chrome .footer-contact a,.pb-chrome .footer-contact span{ display: inline-flex; gap: 8px; align-items: center; color: #d9d2c6; font-weight: 600; }.pb-chrome .footer-contact svg{ width: 18px; height: 18px; color: var(--accent); }.pb-chrome .footer-contact a:hover{ color: #fff; }.pb-chrome .footer-col h4{ color: #fff; font-family: var(--font-body); font-size: var(--t-sm); text-transform: uppercase; letter-spacing: .1em; margin-bottom: var(--s-3); }.pb-chrome .footer-col ul{ display: grid; gap: 10px; }.pb-chrome .footer-col a{ color: #b3aa9b; }.pb-chrome .footer-col a:hover{ color: #fff; }.pb-chrome .footer-bottom{ border-top: 1px solid rgba(255,255,255,.12); margin-top: var(--s-7); padding-block: var(--s-5); }.pb-chrome .footer-bottom .container{ display: flex; flex-wrap: wrap; gap: var(--s-3); align-items: center; justify-content: space-between; }.pb-chrome .footer-bottom .copy{ font-size: var(--t-sm); color: #8a8173; }.pb-chrome .socials{ display: flex; gap: 10px; }.pb-chrome .socials a{ width: 40px; height: 40px; border-radius: 50%; border: 1px solid rgba(255,255,255,.18); display: grid; place-items: center; color: #d9d2c6; transition: .2s; }.pb-chrome .socials a:hover{ background: var(--accent); border-color: var(--accent); color: #fff; transform: translateY(-2px); }.pb-chrome .socials svg{ width: 18px; height: 18px; }.pb-chrome .mt-0{ margin-top: 0; }.pb-chrome .lead{ font-size: var(--t-md); color: var(--ink-2); }.pb-chrome .prose{ max-width: 70ch; }.pb-chrome .prose p + p{ margin-top: var(--s-3); }.pb-chrome .grid-2{ display: grid; gap: var(--s-5); grid-template-columns: 1fr; }@media (min-width: 820px){.pb-chrome .grid-2{ grid-template-columns: 1fr 1fr; }}.pb-chrome .note-strip{ display: inline-flex; align-items: center; gap: 10px; background: var(--accent-soft); color: var(--accent-ink); padding: 10px 16px; border-radius: var(--r-pill); font-weight: 700; font-size: var(--t-sm); }.pb-chrome .note-strip svg{ width: 18px; height: 18px; }