/* Freshdesk: product overview, scoped to this page. */
.freshDesk { --fd-ink:#303030; --fd-accent:#4a4a4a; --fd-soft:#f6f6f6; color:var(--fd-ink); background:#fff; font-family:"Noto Sans JP",sans-serif; line-height:1.85; overflow-wrap:anywhere; }
.freshDesk * { box-sizing:border-box; }
.freshDesk h1,.freshDesk h2,.freshDesk h3,.freshDesk p,.freshDesk figure,.freshDesk dl,.freshDesk dd { margin:0; }
.freshDesk img { display:block; max-width:100%; height:auto; }
.freshDesk a { color:inherit; text-decoration:none; }
.freshDesk a:focus-visible,.freshDesk summary:focus-visible { outline:3px solid #333333; outline-offset:5px; }
.freshDesk section[id],.freshDesk article[id] { scroll-margin-top:28px; }
.freshDesk .fdBody { font-size:22px; line-height:1.9; }
.fdWrap { width:min(1200px,calc(100% - 80px)); margin-inline:auto; }
.fdSection { padding:90px 0; }
.fdSoft { background:var(--fd-soft); }
.freshDesk h2 { font-size:clamp(28px,3vw,40px); font-weight:700; letter-spacing:.025em; line-height:1.6; }
.freshDesk h3 { font-size:24px; font-weight:700; line-height:1.65; }
.fdEyebrow { font-size:12px; letter-spacing:.14em; font-weight:700; color:var(--fd-accent); margin-bottom:18px!important; }
.freshDesk .fdNote,.freshDesk figcaption { font-size:14px; line-height:1.8; color:#666666; }
.fdNote a,.freshDesk figcaption a { text-decoration:underline; text-underline-offset:4px; }
.fdSectionLead { max-width:1020px; margin-top:22px!important; margin-bottom:25px!important; }
.fdSkip { position:absolute; top:-100px; left:15px; z-index:1000; background:#fff; padding:12px; }
.fdSkip:focus { top:10px; }
.fdHeader { min-height:84px; padding:18px max(32px,calc((100% - 1300px)/2)); display:flex; justify-content:space-between; align-items:center; gap:24px; border-bottom:1px solid #e5e5e5; }
.fdBrand { flex-shrink:0; }
.fdBrand img { width:180px; }
.fdHeader nav { display:flex; align-items:center; gap:28px; font-size:14px; font-weight:600; }
.freshDesk .fdButton { display:inline-flex; align-items:center; justify-content:center; gap:26px; padding:16px 28px; border:1px solid var(--fd-accent); border-radius:5px; background:var(--fd-accent); color:#fff; font-size:16px; font-weight:700; line-height:1.6; transition:background .15s; }
.freshDesk .fdButton:hover { background:#333333; }
.freshDesk .fdButton--outline { background:#fff; color:var(--fd-accent); }
.freshDesk .fdButton--outline:hover { background:#f1f1f1; }
.freshDesk .fdButton--small { padding:11px 18px; font-size:14px; }
.fdActions { display:flex; flex-wrap:wrap; gap:14px; margin:28px 0 12px; }
.freshDesk .fdTextLink { display:inline-block; font-size:16px; color:var(--fd-accent); text-decoration:underline; text-underline-offset:6px; font-weight:600; }
.fdTextLink span { margin-left:14px; }
.fdHero { background:linear-gradient(90deg,rgba(0,0,0,.65),rgba(0,0,0,.18)),url('../images/freshdesk/fd-key-bg.jpg') center 45% / cover no-repeat; min-height:560px; padding:90px 0; display:flex; align-items:center; color:#fff; }
.fdHero h1 { text-shadow:0 2px 16px rgba(0,0,0,.35); }
.freshDesk .fdHeroLogo { width:250px; max-width:100%; height:auto; margin-bottom:28px; }
.fdIntro { background:linear-gradient(115deg,#f6f6f6,#f1f1f1); }
.fdHeroGrid { display:grid; grid-template-columns:1fr 1.13fr; gap:46px; align-items:center; }
.fdHeroGrid>* { min-width:0; }
.freshDesk .fdProduct { font-size:28px; font-weight:700; letter-spacing:-.025em; margin-bottom:20px!important; }
.fdProduct span { font-weight:400; }
.freshDesk h1 { font-size:clamp(30px,3.1vw,45px); font-weight:700; line-height:1.65; letter-spacing:.02em; }
.fdHeroLead { margin-top:24px!important; }
.fdHeroVisual { transform:translateY(4px); }
.fdScreenBar { display:flex; align-items:center; gap:28px; background:#ebebeb; border:1px solid #d5d5d5; border-bottom:0; border-radius:10px 10px 0 0; padding:10px 16px; font-size:11px; color:#666666; }
.fdScreenBar>span:first-child { color:#a3a3a3; font-size:9px; letter-spacing:4px; }
.fdHeroVisual>a { display:block; border:1px solid #d5d5d5; box-shadow:0 15px 35px #30303012; }
.fdHeroVisual>a img { width:100%; }
.fdHeroTags { display:flex; justify-content:center; gap:12px; margin-top:24px; }
.fdHeroTags span { font-size:15px; font-weight:700; padding:7px 24px; background:#fff; border:1px solid #d5d5d5; border-radius:4px; }
.fdHeroVisual figcaption { text-align:center; margin-top:12px; }
.fdOverviewGrid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:36px; }
.fdOverview { padding:32px; border:1px solid #e5e5e5; border-top:4px solid #5a5a5a; border-radius:5px; display:flex; flex-direction:column; }
.fdOverview--chat { border-top-color:#5a5a5a; }.fdOverview--crm { border-top-color:#5a5a5a; }
.fdFunctionLabel { font-size:36px; color:var(--fd-accent); font-weight:500; letter-spacing:.015em; }.fdOverview--chat .fdFunctionLabel{color:#5a5a5a}.fdOverview--crm .fdFunctionLabel{color:#5a5a5a}
.fdOverview h3 { font-size:22px; margin:8px 0 18px; }.fdOverview .fdTextLink { margin-top:24px; }.fdOverview .fdBody { flex:1; }
.fdFeature { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; padding:62px 0; border-bottom:1px solid #e5e5e5; }.fdFeature>*{min-width:0}.fdFeature--reverse .fdFeatureVisual{order:-1}.fdFeature:last-of-type{border-bottom:0;padding-bottom:25px}
.fdFeatureNumber { display:flex; align-items:center; gap:18px; font-size:14px; color:#737373; margin-bottom:16px!important; }.fdFeatureNumber span { font-size:16px; color:var(--fd-accent); font-weight:700; }
.freshDesk .fdFeature h3 { font-size:30px; margin-bottom:22px; }.fdChecklist { list-style:none; margin:24px 0 0; padding:0; font-size:22px; }.fdChecklist li { padding-left:27px; position:relative; margin-top:10px; }.fdChecklist li:before{content:'✓';position:absolute;left:0;color:var(--fd-accent);font-weight:700}.fdFeature .fdNote { margin-top:18px; }
.fdFeatureVisual { padding:22px; background:#fff; border-radius:8px; border:1px solid #e5e5e5; }.fdFeatureVisual img{width:100%;max-height:450px;object-fit:contain}.fdFeatureVisual figcaption{text-align:center;margin-top:15px}.fdFeatureNote{padding-top:14px;border-top:1px solid #e5e5e5}
.fdBenefitsGrid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;margin-top:46px}.fdConnection{background:#f6f6f6;border:1px solid #e5e5e5;border-radius:8px;padding:40px 30px;text-align:center}.fdConnectionTools{display:flex;justify-content:space-between;gap:14px}.fdConnectionTools span{flex:1;padding:12px 5px;background:#fff;border:1px solid #d5d5d5;border-radius:4px;color:var(--fd-accent);font-size:18px;font-weight:700}.fdConnectionLines{height:40px;width:72%;border-left:1px solid #a3a3a3;border-right:1px solid #a3a3a3;border-bottom:1px solid #a3a3a3;margin:auto;position:relative}.fdConnectionLines:before,.fdConnectionLines:after{content:'';position:absolute;width:1px;background:#a3a3a3;left:50%;height:40px}.fdConnectionLines:after{height:24px;top:100%}.fdConnectionHub{margin-top:24px;background:#ebebeb;border:1px solid #d5d5d5;padding:22px 12px;border-radius:5px}.fdConnectionHub span{display:block;font-size:14px;color:#666666}.fdConnectionHub strong{font-size:24px;display:block}.fdConnection>p{font-size:16px;margin-top:18px}.fdBenefitList{list-style:none;padding:0;margin:0}.fdBenefitList li{display:flex;align-items:baseline;gap:20px;padding:20px 0;border-bottom:1px solid #e5e5e5}.fdBenefitList li:first-child{padding-top:0}.fdBenefitList span{font-size:14px;color:var(--fd-accent)}.fdBenefitList p{font-size:22px}
.fdCase{margin-top:36px;background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:40px}.fdCaseHeader{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-bottom:30px;border-bottom:1px solid #e5e5e5}.fdCaseHeader>div{min-width:0}.fdCaseHeader h3{font-size:28px;margin-bottom:12px}.fdCaseHeader img{width:180px}.fdCaseSteps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:30px}.fdCaseLabel{display:block;font-size:15px;color:var(--fd-accent);font-weight:700;margin-bottom:14px}.fdCase blockquote{margin:32px 0 0;padding:25px 30px;background:#f1f1f1;border-left:3px solid var(--fd-accent)}.fdCase blockquote p{font-size:22px}.fdCase cite{display:block;font-size:14px;font-style:normal;margin-top:12px;color:#666666}
.fdTrackRecord{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;align-items:center;margin-top:52px}.fdTrackNumber{border-left:3px solid var(--fd-accent);padding-left:24px}.fdTrackNumber>span{font-size:14px}.fdTrackNumber p{font-size:24px}.fdTrackNumber strong{font-size:60px;font-weight:500;color:var(--fd-accent);margin-right:6px}.fdTrackNumber small{display:block;font-size:13px;color:#666666}.fdTrackRecord h3{font-size:24px;margin-bottom:12px}.fdLogoGrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;background:#e5e5e5;border:1px solid #e5e5e5;margin:28px 0}.fdLogoGrid>div{background:#fff;min-height:85px;display:flex;align-items:center;justify-content:center;padding:18px}.fdLogoGrid img{width:auto;max-width:140px;max-height:48px;object-fit:contain}.fdHistorical{border-block:1px solid #e5e5e5;margin-bottom:20px}.fdHistorical summary{cursor:pointer;padding:20px 0;font-size:18px;font-weight:600}.fdHistorical summary span{font-size:14px;color:#666666;margin-left:18px;font-weight:400}.fdHistorical figure{padding:0 24px 24px;background:#fff}.fdHistorical img{width:min(100%,800px);margin:auto}.fdHistorical figcaption{padding-top:15px}.fdSource{margin-bottom:20px!important}
.fdSupportGrid{list-style:none;margin:35px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.fdSupportGrid li{padding-top:22px;border-top:2px solid #d5d5d5}.fdSupportGrid li>span{font-size:14px;color:var(--fd-accent)}.fdSupportGrid h3{font-size:22px;margin:14px 0}.fdSupportGrid p{font-size:22px}.fdSupportNote{margin-top:35px;padding:26px 30px;background:#f1f1f1;border-radius:5px}.fdSupportNote .fdTextLink{margin-top:18px}
.fdPricingGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:28px 0 20px}.fdPricingGrid article{padding:30px;background:#fff;border:1px solid #e5e5e5;border-radius:6px}.fdPricingGrid h3{font-size:26px}.fdPrice{display:flex;gap:9px;align-items:baseline;margin-top:15px!important}.fdPrice>span{font-size:20px}.fdPrice strong{font-size:60px;font-weight:500;line-height:1.4;color:var(--fd-accent)}.fdPrice small,.fdPriceUnit{font-size:14px;color:#666666}.fdPricingGrid .fdBody{margin-top:24px}.fdPriceContacts{font-size:15px;border-top:1px solid #e5e5e5;padding-top:18px;margin-top:22px!important}.fdAddons{margin-top:34px;padding:30px;background:#fff;border:1px solid #e5e5e5;border-radius:6px}.fdAddons h3{font-size:23px}.fdAddons dl{margin:22px 0!important}.fdAddons dl>div{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;padding:18px 0;border-bottom:1px solid #e5e5e5}.fdAddons dt{font-size:17px;color:var(--fd-accent)}.fdAddons dd{font-size:22px}.fdFaq{margin-top:40px;border-top:1px solid #d5d5d5}.fdFaq details{border-bottom:1px solid #d5d5d5}.fdFaq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;padding:23px 4px;font-size:22px;font-weight:600}.fdFaq summary::-webkit-details-marker{display:none}.fdFaq summary:after{content:'+';color:var(--fd-accent);font-size:26px}.fdFaq details[open] summary:after{content:'−'}.fdFaq details>p{font-size:22px;padding:0 38px 25px 4px}.fdFaq a{font-size:16px;color:var(--fd-accent);text-decoration:underline;display:inline-block;margin-left:5px}
.fdContact{padding:74px 0;text-align:center;background:#ebebeb}.fdContact .fdBody{margin:24px 0 28px}.fdMobileBreak{display:none}
@media(max-width:1050px){.fdHeader nav{gap:18px}.fdHeader nav>a:not(.fdButton){display:none}.fdHeroGrid{gap:28px;grid-template-columns:1fr 1fr}.fdHero h1{font-size:33px}.fdFeature,.fdBenefitsGrid{gap:36px}.fdOverview{padding:25px}.fdSupportGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.fdLogoGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.fdCaseSteps{grid-template-columns:1fr}.fdCaseSteps section+section{border-top:1px solid #e5e5e5;padding-top:22px}}
@media(max-width:760px){.fdWrap{width:calc(100% - 40px)}.fdSection{padding:60px 0}.fdHeader{min-height:70px;padding:15px 20px;gap:14px}.fdBrand img{width:140px}.freshDesk .fdButton--small{font-size:12px;padding:10px 12px;gap:8px}.fdHero{min-height:420px;padding:60px 0;background-position:55% center}.fdHeroGrid,.fdFeature,.fdBenefitsGrid,.fdTrackRecord{grid-template-columns:minmax(0,1fr);gap:30px}.fdHero h1{font-size:clamp(28px,7vw,38px)}.freshDesk .fdProduct{font-size:24px;margin-bottom:16px!important}.fdHeroLead{margin-top:20px!important}.fdHeroVisual{transform:none}.fdActions{gap:10px}.freshDesk .fdButton{padding:14px 18px;font-size:15px;gap:14px}.fdHeader .fdButton{padding:10px 12px;font-size:12px;gap:8px}.fdHeroTags{gap:10px;margin-top:18px}.fdHeroTags span{padding:5px 20px}.fdOverviewGrid,.fdPricingGrid{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:28px}.fdOverview{padding:27px}.fdOverview h3{font-size:23px}.fdFeature{padding:38px 0}.freshDesk .fdFeature h3{font-size:27px}.fdFeature--reverse .fdFeatureVisual{order:0}.fdFeatureVisual{padding:16px}.fdFeatureVisual img{max-height:360px}.fdBenefitsGrid{margin-top:30px}.fdConnection{padding:28px 18px}.fdConnectionHub strong{font-size:22px}.fdConnectionTools{gap:10px}.fdConnectionTools span{font-size:16px}.fdBenefitList p br{display:none}.fdCase{padding:25px}.fdCaseHeader{gap:16px}.fdCaseHeader img{width:80px;flex-shrink:0}.fdCaseHeader h3{font-size:24px}.fdCaseHeader .fdBody{font-size:22px}.fdCase blockquote{padding:22px 18px}.fdTrackRecord{margin-top:38px}.fdLogoGrid>div{min-height:72px;padding:14px 8px}.fdLogoGrid img{max-width:100%;max-height:42px}.fdHistorical summary{font-size:17px}.fdHistorical summary span{display:block;margin-left:0;font-size:13px}.fdHistorical figure{padding:10px}.fdSupportGrid{grid-template-columns:minmax(0,1fr);gap:24px}.fdSupportGrid h3{margin:8px 0 12px}.fdSupportNote,.fdAddons{padding:24px}.fdAddons dl>div{grid-template-columns:1fr;gap:10px}.fdFaq summary,.fdFaq details>p{font-size:22px}.fdFaq details>p{padding-right:4px}.fdContact{padding:52px 0}.fdContact h2 br{display:none}.fdContact .fdBody br{display:none}.fdMobileBreak{display:block}}
@media(prefers-reduced-motion:reduce){.freshDesk .fdButton{transition:none}}

/* Freshdesk-specific screenshots and related services. */
.fdFunctionLabel{font-size:28px}.fdFeatureVisual img{max-height:none;object-fit:contain}.fdScreens{min-width:0}.fdScreenDetail{margin-top:16px;border-block:1px solid #e5e5e5}.fdScreenDetail summary{padding:14px 0;font-size:16px;color:var(--fd-accent);cursor:pointer}.fdScreenDetail>a{display:block;margin-bottom:16px}.fdScreenDetail img{width:100%;border:1px solid #e5e5e5}.fdCrm{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:35px;align-items:center;margin-top:40px;padding:32px;background:#f1f1f1;border:1px solid #e5e5e5;border-radius:6px}.fdCrm h3{margin-bottom:16px}.fdCrm .fdNote{margin-top:15px}.fdHistorical{margin-top:28px}.fdWorks{margin-top:35px;padding-top:30px;border-top:1px solid #e5e5e5}.fdWorksGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:24px 0}.fdWorksGrid article{background:#fff;border:1px solid #e5e5e5;padding:24px;border-radius:5px}.fdWorksGrid h4{font-size:22px;font-weight:700;line-height:1.65;margin:0 0 15px}.fdWorksGrid p{font-size:22px}.fdHeroTags span{padding:7px 18px}@media(max-width:760px){.fdCrm,.fdWorksGrid{grid-template-columns:minmax(0,1fr);gap:24px}.fdCrm{padding:24px}.fdCrm>.fdButton{justify-self:start}.fdHeroTags{gap:8px}.fdHeroTags span{font-size:13px;padding:7px 12px}.fdFunctionLabel{font-size:28px}}

/* Related sales and marketing product. */
.fdRelatedGrid { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:48px; align-items:center; }
.fdRelatedLead { margin-top:22px!important; }
.fdRelated .fdButton { max-width:100%; }
@media(max-width:900px) { .fdRelatedGrid { grid-template-columns:minmax(0,1fr); gap:28px; } .fdRelated .fdButton { justify-self:start; } }

.freshDesk .fdRelatedLogo { grid-column:1 / -1; justify-self:start; width:150px; max-width:100%; height:auto; }