.top-page .templates .lead{margin-top:12px}.top-page .templates .group{margin-top:32px}.top-page .templates .group-title{display:flex;align-items:center;gap:16px;margin-bottom:16px}.top-page .templates .group-title:after{content:"";flex:1;height:1px;background:var(--c-line-pale)}.top-page .template-grid{display:flex;flex-direction:column;gap:24px}.top-page .template-card{border-top:1px solid #000;padding-top:16px;display:flex;flex-direction:column;gap:12px}.top-page .template-card .name{font-size:18px;font-weight:700;line-height:1.5}.top-page .template-card a.name{text-decoration:underline;transition:color .18s ease}.top-page .template-card a.name:hover{color:var(--c-cta)}.top-page .template-card .modules{display:flex;flex-wrap:wrap;gap:8px}.top-page .template-card .modules li{border:1px solid var(--c-line-pale);padding:2px 12px;font-size:13px;line-height:1.6;white-space:nowrap}.top-page .template-card .ai{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.6;color:var(--c-text-light)}.top-page .template-card .ai-tag{flex-shrink:0;background:var(--c-accent);color:#000;font-family:var(--font-en);font-weight:700;font-size:11px;line-height:1;padding:4px 6px;margin-top:2px}@media (min-width:640px){.top-page .templates .group{margin-top:40px}.top-page .template-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px 48px}.top-page .template-card .name{font-size:21px}.top-page .template-card .ai,.top-page .template-card .modules li{font-size:14px}}@media (max-width:639px){.top-page #case .case-list{margin-top:16px}}.top-page .industry-card .uses{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px;color:var(--c-text-light)}.top-page .industry-card .uses-name{border:1px solid var(--c-line-pale);padding:2px 12px;font-size:13px;line-height:1.6;color:#000;white-space:nowrap;transition:color .18s ease}.top-page .industry-card .uses-name:hover{color:var(--c-cta)}@media (min-width:640px){.top-page .industry-card .uses{font-size:13px}.top-page .industry-card .uses-name{font-size:14px}}.top-page .industry-card .head{flex-direction:column;align-items:flex-start;gap:8px}.top-page .industry-card .title>span{text-decoration:underline}.top-page section[id]{scroll-margin-top:48px}.top-page .why{position:relative}.top-page .why .title-wrap{position:relative;display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.top-page .why .mascot{display:none}.top-page .why .table-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.top-page .why-table-wrap{position:relative;display:inline-block;vertical-align:top}.top-page .toite-highlight{position:absolute;top:-8px;bottom:-8px;left:26%;width:14.8%;background:var(--c-accent);z-index:0}.top-page table.why-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:640px;position:relative;z-index:1}.top-page table.why-table td,.top-page table.why-table th{border-top:2px solid var(--c-line-pale);padding:14px 8px;text-align:left;vertical-align:top;font-size:14px}.top-page table.why-table thead th{border-top:none;font-weight:700;padding-bottom:12px}.top-page table.why-table td.head-col,.top-page table.why-table th.head-col{width:26%;font-weight:700;font-size:14px}.top-page table.why-table td .sym{font-size:20px;font-weight:700}.top-page table.why-table td .tag{display:block;font-size:11px;color:var(--c-text-light);margin-top:2px}@media (min-width:640px){.top-page .why .mascot{display:block;position:absolute;right:0;top:-77px;width:160px}.top-page .why .title-wrap{gap:24px}.top-page table.why-table{min-width:0}.top-page table.why-table td,.top-page table.why-table th{padding:16px 12px;font-size:16px}.top-page table.why-table td.head-col,.top-page table.why-table th.head-col{font-size:20px}.top-page table.why-table td .sym{font-size:27px}.top-page table.why-table td .tag{font-size:12px}}.top-page table.why-table td:not(.head-col),.top-page table.why-table th:not(.head-col){text-align:center}@media (min-width:640px){.top-page .features6-mascot{right:auto;left:-40px;top:-90px}}.top-page header .logo{display:flex;align-items:center;gap:6px}.top-page header .logo img.logo-icon{width:30px;height:30px}@media (min-width:640px){.top-page header .logo{gap:8px}.top-page header .logo img.logo-icon{width:36px;height:36px}}.top-page .hero{background-image:url(/top/hero-bg-plain.svg);padding-top:56px}.top-page .hero .hero-worries{display:block;width:280px;max-width:100%;height:auto;margin-bottom:19px;transform:translateX(-12px)}.top-page .hero .logo-with-copy{max-width:100%;height:auto}@media (min-width:640px){.top-page .hero{padding-top:30px}.top-page .hero .hero-worries{width:397px;margin-bottom:30px;transform:translateX(-30px)}}@media (min-width:640px) and (max-width:1279px){.top-page{--pad:48px}}@media (min-width:640px) and (max-width:1199px){.top-page .features .grid{flex-direction:column;gap:32px}.top-page .security-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:640px) and (max-width:1023px){.top-page header nav a.link{display:none}.top-page .case-item{flex-direction:column}.top-page .case-item .flow-img{margin:0 auto}.top-page .industry-grid{grid-template-columns:1fr}.top-page .num-grid{grid-template-columns:1fr 1fr}.top-page .final-cta{flex-direction:column;text-align:center;padding:32px 24px}.top-page .final-cta .copy{text-align:center;flex-shrink:1}.top-page .final-cta .copy .headline{justify-content:center}.top-page .final-cta .hand{display:none}.top-page .steps ul{flex-wrap:wrap;row-gap:40px}.top-page .steps li{flex:0 0 50%;min-width:0}}.top-page :is(h1,h2,h3,h4,p.fs-21,p.fs-27,p.fs-36,p.fs-47,.bullet-title>span:last-child,.title,.name,.lh,.banner,.block-title){text-wrap:balance;word-break:auto-phrase;overflow-wrap:anywhere}.top-page{overflow-x:clip}.top-page .case-gallery{padding-bottom:24px}.top-page .case-gallery h1{text-wrap:balance;word-break:auto-phrase;overflow-wrap:anywhere}.top-page .case-gallery .lead{margin-top:12px}@media (min-width:640px){.top-page header nav a.link.link-manga{display:inline;font-size:16px;font-weight:700}}