a:focus-visible{outline:2px solid var(--cl-color-focus-01);outline-offset:2px}:root,[data-cl-brand]{--cl-anchor-font-weight:var(--cl-font-weight-p-link)}.-large.cl-p,p.-large{--cl-text-font-size:var(--cl-font-size-p-large);--cl-text-font-weight:var(--cl-font-weight-p-large);--cl-text-line-height:var(--cl-line-height-p-large);--cl-text-letter-spacing:var(--cl-letter-spacing-p-large,normal)}.-medium.cl-p,:root,[data-cl-brand],p.-medium{--cl-text-font-size:var(--cl-font-size-p-medium);--cl-text-font-weight:var(--cl-font-weight-p-medium);--cl-text-line-height:var(--cl-line-height-p-medium);--cl-text-letter-spacing:var(--cl-letter-spacing-p-medium,normal)}.-small.cl-p,p.-small{--cl-text-font-size:var(--cl-font-size-p-small);--cl-text-font-weight:var(--cl-font-weight-p-small);--cl-text-line-height:var(--cl-line-height-p-small);--cl-text-letter-spacing:var(--cl-letter-spacing-p-small,normal)}.cl-p,[data-cl-brand],body,p{font-size:var(--cl-text-font-size);font-weight:var(--cl-text-font-weight);letter-spacing:var(--cl-text-letter-spacing,normal);line-height:var(--cl-text-line-height)}[data-cl-brand],body{color:var(--cl-text-color);font-family:var(--cl-font-family,"Lexend Deca",sans-serif);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html[lang=ja] [data-cl-brand],html[lang=ja] body{--cl-font-family:"Zen Kaku Gothic New",sans-serif!important;--cl-font-family-display:"Zen Kaku Gothic New",sans-serif!important;--cl-font-family-heading:"Zen Kaku Gothic New",sans-serif!important;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}.cl-h1.-display,.cl-h1.-secondary,.h1.-display,.h1.-secondary,h1.-display,h1.-secondary{font-family:var(--cl-font-family-display,"Queens Medium",serif);font-size:var(--cl-font-size-display-01);font-weight:var(--cl-font-weight-display-01);letter-spacing:var(--cl-letter-spacing-display-01,normal);line-height:var(--cl-line-height-display-01)}.cl-h1.-display-small,.cl-h1.-secondary-small,.cl-h2.-display,.cl-h2.-secondary,.h1.-display-small,.h1.-secondary-small,.h2.-display,.h2.-secondary,h1.-display-small,h1.-secondary-small,h2.-display,h2.-secondary{font-family:var(--cl-font-family-display,"Queens Medium",serif);font-size:var(--cl-font-size-display-02);font-weight:var(--cl-font-weight-display-02);letter-spacing:var(--cl-letter-spacing-display-02,normal);line-height:var(--cl-line-height-display-02)}.cl-h3.-display,.h3.-display,h3.-display{font-family:var(--cl-font-family-display,"Queens Medium",serif);font-size:var(--cl-font-size-display-03);font-weight:var(--cl-font-weight-display-03);letter-spacing:var(--cl-letter-spacing-display-03,normal);line-height:var(--cl-line-height-display-03)}.cl-h1,.h1,h1{font-size:var(--cl-font-size-h1);font-weight:var(--cl-font-weight-h1);letter-spacing:var(--cl-letter-spacing-h1,normal);line-height:var(--cl-line-height-h1)}.cl-h1,.cl-h1.-small,.h1,.h1.-small,h1,h1.-small{--cl-anchor-font-weight:inherit;font-family:var(--cl-font-family-heading,inherit)}.cl-h1.-small,.h1.-small,h1.-small{font-size:var(--cl-font-size-h1-small);font-weight:var(--cl-font-weight-h1-small);letter-spacing:var(--cl-letter-spacing-h1-small,normal);line-height:var(--cl-line-height-h1-small)}.cl-h2,.h2,h2{--cl-anchor-font-weight:inherit;font-family:var(--cl-font-family-heading,inherit);font-size:var(--cl-font-size-h2);font-weight:var(--cl-font-weight-h2);letter-spacing:var(--cl-letter-spacing-h2,normal);line-height:var(--cl-line-height-h2)}.cl-h3,.h3,h3{font-size:var(--cl-font-size-h3);font-weight:var(--cl-font-weight-h3);letter-spacing:var(--cl-letter-spacing-h3,normal);line-height:var(--cl-line-height-h3)}.cl-h3,.cl-h4,.h3,.h4,h3,h4{font-family:var(--cl-font-family,inherit)}.cl-h4,.h4,h4{font-size:var(--cl-font-size-h4);font-weight:var(--cl-font-weight-h4);letter-spacing:var(--cl-letter-spacing-h4,normal);line-height:var(--cl-line-height-h4)}.cl-h5,.h5,h5{--cl-anchor-font-weight:inherit;font-size:var(--cl-font-size-h5);font-weight:var(--cl-font-weight-h5);letter-spacing:var(--cl-letter-spacing-h5,normal);line-height:var(--cl-line-height-h5)}.cl-h5,.cl-h6,.h5,.h6,h5,h6{font-family:var(--cl-font-family,inherit)}.cl-h6,.h6,h6{font-size:var(--cl-font-size-h6);font-weight:var(--cl-font-weight-h6);letter-spacing:var(--cl-letter-spacing-h6,normal);line-height:var(--cl-line-height-h6)}.cl-p.-microheading,p.-microheading{--cl-anchor-font-weight:inherit;font-size:var(--cl-font-size-microheading);font-weight:var(--cl-font-weight-microheading);letter-spacing:var(--cl-letter-spacing-microheading,normal);line-height:var(--cl-line-height-microheading)}.cl-p.-microcopy,p.-microcopy{--cl-anchor-font-weight:600;font-size:var(--cl-font-size-microcopy);font-weight:var(--cl-font-weight-microcopy);letter-spacing:var(--cl-letter-spacing-microcopy,normal);line-height:var(--cl-line-height-microcopy)}strong{font-weight:var(--cl-font-weight-medium)}em{font-style:italic}.cl-p>a,a,p>a{color:var(--cl-anchor-color,var(--cl-color-link-01));font-weight:var(--cl-anchor-font-weight,var(--cl-font-weight-medium));text-decoration-line:var(--cl-anchor-text-decoration,underline)}a:focus-visible,a:hover{color:var(--cl-anchor-hover-color,var(--cl-color-hover-link-01))}a:active{color:var(--cl-anchor-pressed-color,var(--cl-color-pressed-link-01))}blockquote{font-size:var(--cl-font-size-blockquote);font-weight:var(--cl-font-weight-blockquote);line-height:var(--cl-line-height-blockquote)}button,input,select,textarea{font-family:inherit}.cl-h1,.h1,h1{margin-block:var(--cl-text-margin-medium)}@media(width >= 900px){.cl-h1.-display,.cl-h1.-secondary,.h1.-display,.h1.-secondary,h1.-display,h1.-secondary{margin-block:var(--cl-text-margin-large)}}[data-cl-brand=hubspot-2025] .cl-h1.-brand:after,[data-cl-brand=hubspot-2025] .h1.-brand:after,[data-cl-brand=hubspot-2025] h1.-brand:after{color:var(--cl-color-hubspot-brand-01);content:"."/""}.cl-h2,.h2,h2{margin-block:var(--cl-text-margin-small)}.cl-h2.-display,.cl-h2.-secondary,.h2.-display,.h2.-secondary,h2.-display,h2.-secondary{margin-block:var(--cl-text-margin-medium)}.cl-h3,.h3,h3{margin-block:var(--cl-text-margin-small)}.cl-h3.-display,.h3.-display,h3.-display{margin-block:var(--cl-text-margin-medium)}.cl-h4,.cl-h5,.cl-h6,.h4,.h5,.h6,h4,h5,h6{margin-block:var(--cl-text-margin-small)}.cl-p,p{margin-block:var(--cl-text-margin-medium)}.cl-p.-microheading,p.-microheading{margin-block:var(--cl-text-margin-small)}blockquote{margin-block:var(--cl-text-margin-medium)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--cl-color-background-01);color:var(--cl-color-text-01);font-family:var(--cl-font-family);line-height:var(--cl-line-height-medium)}h3{text-align:center}.why-hubspot-section h3{text-align:left}.skip-link{background:var(--cl-color-container-inverse-01);border-radius:0 0 8px 8px;color:var(--cl-color-text-on-color-01);font-weight:var(--cl-font-weight-demi-bold);left:6px;padding:8px;position:absolute;text-decoration:none;top:-40px;transition:top .3s ease;z-index:1000}.skip-link:focus{top:0}.visually-hidden{height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;clip:rect(0,0,0,0)!important;border:0!important;white-space:nowrap!important}a{color:var(--cl-color-link-01);text-decoration:underline}a:hover{color:var(--cl-color-hover-link-01)}.container{margin:0 auto;max-width:1200px;padding:0 20px}.hero{background:var(--dark-theme-background-02);color:var(--cl-color-text-on-color-01);padding:80px 0;text-align:center}.hero h1{font-size:var(--cl-font-size-display-01);font-weight:var(--cl-font-weight-demi-bold);line-height:var(--cl-line-height-display-01);margin-bottom:20px}.hero-subheadline{margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:700px;opacity:.95}.cta-button,.hero-subheadline{font-size:var(--cl-font-size-p-large);line-height:var(--cl-line-height-p-large)}.cta-button{background:var(--dark-theme-button-primary-fill-idle);border-radius:8px;color:var(--dark-theme-button-primary-text-color);display:inline-block;font-weight:var(--cl-font-weight-demi-bold);margin:20px 10px;padding:18px 40px;text-decoration:none;transition:background-color .3s ease}.cta-button:hover{background:var(--dark-theme-button-primary-fill-hover)}.cta-button:active{background:var(--dark-theme-button-primary-fill-pressed)}.cta-button:focus{outline:3px solid var(--cl-color-text-on-color-01);outline-offset:2px}.cta-secondary{background:var(--dark-theme-button-secondary-fill-idle);border:2px solid var(--dark-theme-button-secondary-border);color:var(--dark-theme-text-01)}.cta-secondary:hover{background:var(--dark-theme-button-secondary-fill-hover);color:var(--dark-theme-text-01)}.cta-secondary:active{background:var(--dark-theme-button-secondary-fill-pressed);color:var(--dark-theme-text-01)}.hero-features{list-style:none;margin:30px 0 20px;padding:0;text-align:center}.hero-features li{display:inline-block;font-size:var(--cl-font-size-p-medium);line-height:var(--cl-line-height-p-medium);margin:0 15px;opacity:.9}.hero-features li:before{color:var(--cl-color-text-on-color-01);content:"•";margin-right:8px}.trust-signal{font-size:var(--cl-font-size-p-medium);font-weight:var(--cl-font-weight-medium);line-height:var(--cl-line-height-p-medium);margin:25px 0 0;opacity:.9}.section,section{background-color:var(--cl-color-background-02);padding:25px 0}.section h2,section h2{color:var(--cl-color-text-01);font-size:var(--cl-font-size-h2);line-height:var(--cl-line-height-h2);margin-bottom:40px;text-align:center}.section-intro{font-size:var(--cl-font-size-p-large);line-height:var(--cl-line-height-p-large);margin:16px auto 28px;max-width:800px}.section-intro,.section-summary{color:var(--cl-color-text-02);text-align:center}.section-summary{margin:40px auto 20px}.section-link,.section-summary{font-size:var(--cl-font-size-p-medium);line-height:var(--cl-line-height-p-medium);max-width:700px}.section-link{color:var(--cl-color-text-02);margin:10px auto 0;text-align:center}.why-hubspot-section h2{font-size:var(--cl-font-size-h2);line-height:var(--cl-line-height-h2);margin:0 auto 40px;max-width:900px}.outcomes-statement{background:var(--cl-color-container-01);border-left:6px solid var(--cl-color-text-brand-01);border-radius:8px;color:var(--cl-color-text-01);font-size:var(--cl-font-size-p-large);line-height:var(--cl-line-height-p-large);margin:0 auto;max-width:900px;padding:40px;text-align:center}.outcomes-highlight,.outcomes-statement{font-weight:var(--cl-font-weight-demi-bold)}.outcomes-highlight{color:var(--cl-color-text-brand-01)}.challenges-table{background:var(--cl-color-container-01);border:var(--cl-border-width-medium) solid var(--cl-color-border-03);border-collapse:separate;border-radius:var(--cl-border-radius-container);color:var(--cl-color-text-01);margin-top:40px;overflow:hidden;width:100%}.challenges-table caption{background:var(--cl-color-background-02);border-radius:var(--cl-border-radius-container) var(--cl-border-radius-container) 0 0;caption-side:top;color:var(--cl-color-text-01);font-size:var(--cl-font-size-h4);font-weight:var(--cl-font-weight-demi-bold);line-height:var(--cl-line-height-h4);padding:.5rem;text-align:left}.challenges-table td,.challenges-table th{border-bottom:var(--cl-border-width-medium) solid var(--cl-color-border-03);padding:.5rem 1rem;text-align:left}.challenges-table th{background-color:var(--cl-color-text-01);color:var(--cl-color-text-on-color-01);font-size:var(--cl-font-size-p-medium);font-weight:var(--cl-font-weight-demi-bold);line-height:var(--cl-line-height-p-medium)}.challenges-table tr:hover{background-color:var(--cl-color-hover-01)}.success-card{background:var(--cl-color-container-01);border:var(--cl-border-width-medium) solid var(--cl-color-border-03);border-radius:var(--cl-border-radius-container);color:var(--cl-color-text-01);margin:20px auto 0;max-width:900px;padding:36px}.customer-badge{background:var(--cl-color-text-brand-01);border-radius:20px;color:var(--cl-color-text-on-color-01);display:inline-block;font-size:var(--cl-font-size-small);font-weight:var(--cl-font-weight-demi-bold);margin-bottom:30px;padding:8px 20px}.success-quote{color:var(--cl-color-text-01);font-size:var(--cl-font-size-blockquote);font-style:italic;font-weight:var(--cl-font-weight-blockquote);line-height:var(--cl-line-height-blockquote);margin-bottom:20px;padding-left:30px;position:relative}.success-quote-attribution{color:var(--cl-color-text-02);font-size:var(--cl-font-size-small);font-style:normal;font-weight:var(--cl-font-weight-demi-bold);margin-top:10px}.success-metrics{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:30px}.metric{background:var(--cl-color-background-02);border-radius:8px;padding:20px;text-align:center}.metric-number{color:var(--cl-color-text-brand-01);display:block;font-size:var(--cl-font-size-display-02);font-weight:var(--cl-font-weight-demi-bold);line-height:var(--cl-line-height-display-02);margin-bottom:10px}.metric p{color:var(--cl-color-text-02);font-size:var(--cl-font-size-p-small);line-height:var(--cl-line-height-p-small);margin:0}.success-card h3{border-bottom:2px solid var(--cl-color-border-03);color:var(--cl-color-text-01);font-size:var(--cl-font-size-h3);line-height:var(--cl-line-height-h3);margin:30px 0 15px;padding-bottom:10px;text-align:center}.integration-categories{margin-top:40px}.integration-category{margin-bottom:50px}.integration-category:last-child{margin-bottom:0}.integration-category h3{border-bottom:2px solid var(--cl-color-border-03);color:var(--cl-color-text-01);font-size:var(--cl-font-size-h3);line-height:var(--cl-line-height-h3);margin-bottom:25px;padding-bottom:10px;position:relative}.integration-category h3:after{background:var(--cl-color-text-brand-01);bottom:-2px;content:"";height:2px;left:0;position:absolute;width:50px}.integration-cards{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px}.integration-card{align-items:center;background:var(--cl-color-container-01);border:var(--cl-border-width-medium) solid var(--cl-color-border-03);border-radius:var(--cl-border-radius-container);border-top:4px solid var(--cl-color-text-brand-01);color:var(--cl-color-text-01);display:flex;flex-direction:column;padding:25px 20px;text-align:center;transition:transform .3s ease}.integration-card:hover{border-color:var(--cl-color-text-brand-01);transform:translateY(-5px)}.integration-card h4{color:var(--cl-color-text-01);font-size:var(--cl-font-size-h4);font-weight:var(--cl-font-weight-demi-bold);line-height:var(--cl-line-height-h4);margin-bottom:8px}.integration-card p{color:var(--cl-color-text-02);font-size:var(--cl-font-size-p-small);line-height:var(--cl-line-height-p-small);margin:0;text-align:center}.integration-icon{color:var(--cl-color-text-brand-01);font-size:var(--cl-font-size-display-03);margin-bottom:15px}.integrations-grid{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:40px}.why-hubspot-grid{display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:40px}.why-item{align-items:flex-start;background:var(--cl-color-container-01);border:var(--cl-border-width-medium) solid var(--cl-color-border-03);border-radius:var(--cl-border-radius-container);color:var(--cl-color-text-01);display:flex;padding:30px}.why-icon{align-items:center;background:var(--cl-color-text-brand-01);border-radius:50%;color:var(--cl-color-text-on-color-01);display:flex;flex-shrink:0;font-size:1.5em;height:60px;justify-content:center;margin-right:20px;width:60px}.why-content h3{color:var(--cl-color-text-01);margin-bottom:10px}.why-content p{color:var(--cl-color-text-02)}.resources-grid{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:40px}.resource-card{background:var(--cl-color-container-01);border:var(--cl-border-width-medium) solid var(--cl-color-border-03);border-radius:var(--cl-border-radius-container);border-top:4px solid var(--cl-color-text-brand-01);color:var(--cl-color-text-01);display:flex;flex-direction:column;height:100%;padding:30px;transition:transform .3s ease}.resource-card:hover{border-color:var(--cl-color-text-brand-01);transform:translateY(-5px)}.resource-type{background:var(--cl-color-text-brand-01);border-radius:16px;color:var(--cl-color-text-on-color-01);display:inline-block;font-size:var(--cl-font-size-micro);letter-spacing:.5px;margin-bottom:20px;padding:6px 16px;text-transform:uppercase;width:fit-content}.resource-card h3,.resource-type{font-weight:var(--cl-font-weight-demi-bold)}.resource-card h3{color:var(--cl-color-text-01);font-size:var(--cl-font-size-h3);line-height:var(--cl-line-height-h3);margin-bottom:15px}.resource-card p{color:var(--cl-color-text-02);flex-grow:1;margin-bottom:25px}.resource-button,.resource-card p{font-size:var(--cl-font-size-p-medium);line-height:var(--cl-line-height-p-medium)}.resource-button{background:var(--cl-color-text-brand-01);border-radius:6px;color:var(--cl-color-text-on-color-01);display:inline-block;font-weight:var(--cl-font-weight-demi-bold);margin-top:auto;padding:12px 24px;text-align:center;text-decoration:none;transition:background-color .3s ease,transform .3s ease}.resource-button:hover{background:var(--cl-color-hover-brand-01);transform:translateY(-2px)}.resource-link{background:var(--cl-color-container-01);border:var(--cl-border-width-medium) solid var(--cl-color-border-03);border-left:4px solid var(--cl-color-text-brand-01);border-radius:var(--cl-border-radius-container);color:var(--cl-color-text-01);display:block;padding:20px;text-decoration:none;transition:transform .3s ease}.resource-link:hover{border-color:var(--cl-color-text-brand-01);transform:translateX(5px)}.faq-item{background:var(--cl-color-container-01);border:var(--cl-border-width-medium) solid var(--cl-color-border-03);border-radius:var(--cl-border-radius-container);margin-bottom:20px}.faq-item,.faq-question{color:var(--cl-color-text-01)}.faq-question{border-bottom:1px solid var(--cl-color-border-03);font-size:var(--cl-font-size-p-medium);font-weight:var(--cl-font-weight-demi-bold);line-height:var(--cl-line-height-p-medium);padding:25px}.faq-answer{color:var(--cl-color-text-02);display:block;padding:25px}.final-cta,section.final-cta{background:var(--cl-color-background-footer-01)!important;color:var(--cl-color-text-on-color-01);padding:80px 0;text-align:center}.final-cta h2{color:var(--cl-color-text-on-color-01);margin-bottom:30px}.final-cta-subtitle{font-size:var(--cl-font-size-p-large);line-height:var(--cl-line-height-p-large);margin-bottom:40px}.cta-features{list-style:none;margin:30px 0 0;padding:0;text-align:center}.cta-features li{color:var(--cl-color-disabled-01);display:inline-block;font-size:var(--cl-font-size-p-medium);line-height:var(--cl-line-height-p-medium);margin:0 15px;opacity:.9}.cta-features li:before{color:var(--cl-color-disabled-01);content:"•";margin-right:8px}.summary-section{background:var(--cl-color-background-02);padding:20px 0 60px}.summary-block{background:var(--cl-color-container-01);border:var(--cl-border-width-medium) solid var(--cl-color-border-03);border-left:6px solid var(--cl-color-text-brand-01);border-radius:var(--cl-border-radius-container);color:var(--cl-color-text-01);margin:0 auto;max-width:800px;padding:40px;position:relative;text-align:center}.summary-block h2{color:var(--cl-color-text-01);font-size:var(--cl-font-size-h2);font-weight:var(--cl-font-weight-demi-bold);line-height:var(--cl-line-height-h2);margin-bottom:25px}.summary-text{color:var(--cl-color-text-01);font-size:var(--cl-font-size-p-large);font-weight:var(--cl-font-weight-medium);line-height:var(--cl-line-height-p-large);margin:0;padding:0 20px;text-align:left}@media(width <= 768px){.hero h1{font-size:var(--cl-font-size-display-02);line-height:var(--cl-line-height-display-02)}.section h2{font-size:var(--cl-font-size-h2);line-height:var(--cl-line-height-h2)}.challenges-table{font-size:var(--cl-font-size-p-small)}.challenges-table td,.challenges-table th{padding:15px 10px}.cta-features li,.hero-features li{display:block;margin:5px 0}.section-intro,.section-summary{font-size:var(--cl-font-size-p-medium);padding:20px auto}.success-card{padding:30px 25px}.metric-number{font-size:var(--cl-font-size-display-03);line-height:var(--cl-line-height-display-03)}.metric p{font-size:var(--cl-font-size-small)}.resources-grid{gap:20px;grid-template-columns:1fr}.resource-card{padding:25px 20px}.resource-card h3{font-size:var(--cl-font-size-h4);line-height:var(--cl-line-height-h4)}.resource-button{font-size:var(--cl-font-size-p-medium);padding:14px 20px}.resource-type{font-size:var(--cl-font-size-micro);padding:5px 14px}.integration-category{margin-bottom:35px}.integration-category h3{font-size:var(--cl-font-size-h4);line-height:var(--cl-line-height-h4);margin-bottom:20px}.integration-cards{gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.integration-card{padding:20px 15px}.integration-card h4{font-size:var(--cl-font-size-h5);line-height:var(--cl-line-height-h5)}.integration-card p{font-size:var(--cl-font-size-small)}.integration-icon{font-size:var(--cl-font-size-display-03);margin-bottom:12px}.summary-section{padding:40px 0 80px}.summary-block{border-radius:12px;margin:0 15px;padding:30px 20px}.summary-block:before{font-size:1.1em;padding:6px 10px}.summary-block h2{font-size:var(--cl-font-size-h3);line-height:var(--cl-line-height-h3);margin-bottom:20px}.summary-text{font-size:var(--cl-font-size-p-medium);line-height:var(--cl-line-height-p-medium);padding:0 10px}}