.yb-about{color:var(--secondary);font-family:var(--font-sans)}.yb-about .ab-inner{width:calc(100% - 128px);min-width:0;max-width:1120px;margin-inline:auto}.yb-about section{padding-block:32px}.yb-about h2{margin-bottom:14px;font-size:30px;line-height:1.35}.yb-about p{font-size:18px;line-height:1.7}.yb-about .ab-hero,.yb-about .ab-products,.yb-about .ab-company{background:var(--accent)}.yb-about .ab-hero{padding-block:36px 22px}.yb-about .ab-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:32px;display:grid}.yb-about .ab-label{background:var(--primary);color:var(--secondary);border-radius:99px;padding:2px 14px;font-size:14px;font-weight:700;line-height:1.5;display:inline-block}.yb-about h1{margin-block:24px 16px;font-size:38px;line-height:1.15}.yb-about h1 span{margin-top:2px;font-size:52px;display:block}.yb-about .ab-tagline{background:var(--primary);border-radius:8px 0 0 8px;padding:10px 18px;font-size:24px;font-weight:700}.yb-about .ab-english{color:var(--muted-foreground);margin-top:12px}.yb-about figure{min-width:0;margin:0}.yb-about figure img{aspect-ratio:3/2;object-fit:cover;border-radius:8px;width:100%;height:auto}.yb-about .ab-problem{background:var(--public-chrome);color:var(--public-chrome-ink)}.yb-about .ab-problem h2{margin-top:18px}.yb-about .ab-product-grid,.yb-about .ab-workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.yb-about .ab-product{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:20px}.yb-about .ab-number{background:var(--primary);color:var(--secondary);border-radius:8px;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:17px;font-weight:700;display:grid}.yb-about h3{font-size:20px;line-height:1.4}.yb-about .ab-product h3{margin-top:20px}.yb-about .ab-product h3:after{content:"";background:var(--primary);width:44px;height:3px;margin-block:8px 12px;display:block}.yb-about .ab-product p,.yb-about .ab-step p{font-size:17px}.yb-about .ab-workflow{padding-bottom:8px}.yb-about .ab-workflow-grid{margin:0;padding:0;list-style:none}.yb-about .ab-step{background:var(--accent);border-radius:8px;padding:20px}.yb-about .ab-step-title{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;margin-bottom:14px;display:grid}.yb-about .ab-step .ab-number{border-radius:50%}.yb-about .ab-details{text-align:left;white-space:normal;grid-template-columns:minmax(0,1fr) auto;width:100%;height:auto;min-height:40px;margin-top:12px;padding:8px 16px;font-size:16px;line-height:1.5;display:grid}.yb-about .ab-details span{overflow-wrap:anywhere;min-width:0}.yb-about .ab-company-card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:20px}.yb-about .ab-office{border-top:1px solid var(--border);color:var(--muted-foreground);margin-top:10px;padding-top:10px}.yb-about address{font-size:17px;font-style:normal;line-height:1.6}.yb-about address a{overflow-wrap:anywhere}.yb-about .ab-email{font-weight:700}.yb-about .ab-cta{background:var(--primary);padding-block:26px}.yb-about .ab-cta-inner{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;display:grid}.yb-about .ab-cta h2{margin-bottom:4px}.yb-about .ab-cta-button{background:var(--secondary);color:var(--secondary-foreground);height:52px;padding-inline:28px;font-size:18px;font-weight:700}.yb-about .ab-cta-button:hover{background:var(--public-chrome)}@media (width<=900px){.yb-about .ab-inner{width:calc(100% - 64px)}.yb-about h1{font-size:32px}.yb-about h1 span{font-size:42px}.yb-about .ab-tagline{font-size:21px}.yb-about .ab-hero-grid{gap:24px}}@media (width<=600px){.yb-about .ab-inner{width:calc(100% - 48px)}.yb-about section{padding-block:26px}.yb-about .ab-hero-grid,.yb-about .ab-product-grid,.yb-about .ab-workflow-grid,.yb-about .ab-cta-inner{grid-template-columns:minmax(0,1fr)}.yb-about h1{margin-top:18px;font-size:30px}.yb-about h1 span{font-size:42px}.yb-about h2{font-size:26px}.yb-about p{font-size:17px}.yb-about .ab-tagline{border-radius:8px}.yb-about .ab-english{font-size:16px}.yb-about .ab-product,.yb-about .ab-step,.yb-about .ab-company-card{padding:18px}.yb-about .ab-workflow{padding-bottom:12px}.yb-about .ab-cta-button{width:100%}}